@open-condo/ui 2.0.1 → 2.2.0

package/dist/components/Banner/banner.d.ts

@@ -8,6 +8,7 @@ export declare type BannerProps = {
     imgUrl?: string;
     invertText?: boolean;
     id?: string;
+    size?: 'small' | 'medium';
 };
 export declare const Banner: React.FC<BannerProps>;
 //# sourceMappingURL=banner.d.ts.map

package/dist/components/Banner/banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/banner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAO1C,oBAAY,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,EAAE,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAuBD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA6ExC,CAAA"}
+{"version":3,"file":"banner.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/banner.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAU1C,oBAAY,WAAW,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,eAAe,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAA;IAC9C,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC5B,CAAA;AAyDD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAiGxC,CAAA"}

package/dist/components/Radio/radio.d.ts

@@ -4,6 +4,7 @@ import type { RadioProps as DefaultRadioProps } from 'antd';
 declare type CondoRadioProps = {
     label?: string;
     labelProps?: TypographyTextProps;
+    icon?: React.ReactNode;
 };
 export declare type RadioProps = Pick<DefaultRadioProps, 'autoFocus' | 'defaultChecked' | 'disabled' | 'onChange' | 'checked' | 'value' | 'children' | 'id'> & CondoRadioProps;
 export interface IRadio {

package/dist/components/Radio/radio.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAK1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,KAAK,EAAE,UAAU,IAAI,iBAAiB,EAAoB,MAAM,MAAM,CAAA;AAI7E,aAAK,eAAe,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,mBAAmB,CAAA;CACnC,CAAA;AAED,oBAAY,UAAU,GAAG,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,gBAAgB,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,IAAI,CAAC,GAClJ,eAAe,CAAA;AAEjB,MAAM,WAAW,MAAM;IACnB,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAAA;CAC1C;AAED,QAAA,MAAM,KAAK,EAAE,MA6BZ,CAAA;AAED,OAAO,EACH,KAAK,GACR,CAAA"}
+{"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/radio.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAK1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AACxD,OAAO,KAAK,EAAE,UAAU,IAAI,iBAAiB,EAAoB,MAAM,MAAM,CAAA;AAI7E,aAAK,eAAe,GAAG;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,mBAAmB,CAAA;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,CAAA;AAED,oBAAY,UAAU,GAAG,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,gBAAgB,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,IAAI,CAAC,GAClJ,eAAe,CAAA;AAEjB,MAAM,WAAW,MAAM;IACnB,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAAC,YAAY,CAAA;CAC1C;AAED,QAAA,MAAM,KAAK,EAAE,MAqCZ,CAAA;AAED,OAAO,EACH,KAAK,GACR,CAAA"}

package/dist/components/Radio/radiogroup.d.ts

@@ -8,7 +8,7 @@ export declare type ItemGroupProps = {
     name: string;
     options: Array<ItemGroupOptionType>;
 };
-export declare type RadioGroupProps = Pick<DefaultRadioGroupProps, 'value' | 'onChange' | 'disabled' | 'children'>;
+export declare type RadioGroupProps = Pick<DefaultRadioGroupProps, 'value' | 'onChange' | 'disabled' | 'children' | 'optionType'>;
 declare type CompoundedComponent = React.FC<RadioGroupProps> & {
     ItemGroup: React.FC<ItemGroupProps>;
 };

package/dist/components/Radio/radiogroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"radiogroup.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/radiogroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAIpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,KAAK,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,MAAM,CAAA;AAIrE,aAAK,mBAAmB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,UAAU,CAAC,CAAC,CAAA;CACpE,CAAA;AAED,oBAAY,cAAc,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAA;CACtC,CAAA;AAED,oBAAY,eAAe,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC,CAAA;AAE1G,aAAK,mBAAmB,GAAG,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG;IACnD,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;CACtC,CAAA;AA4CD,QAAA,MAAM,UAAU,qBAAyC,CAAA;AAGzD,OAAO,EACH,UAAU,GACb,CAAA"}
+{"version":3,"file":"radiogroup.d.ts","sourceRoot":"","sources":["../../../src/components/Radio/radiogroup.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAA;AAIpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,KAAK,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,MAAM,CAAA;AAIrE,aAAK,mBAAmB,GAAG,IAAI,CAAC,UAAU,EAAE,OAAO,GAAG,OAAO,CAAC,GAAG;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,YAAY,GAAG,UAAU,CAAC,CAAC,CAAA;CACpE,CAAA;AAED,oBAAY,cAAc,GAAG;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,KAAK,CAAC,mBAAmB,CAAC,CAAA;CACtC,CAAA;AAED,oBAAY,eAAe,GAAG,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC,CAAA;AAEzH,aAAK,mBAAmB,GAAG,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG;IACnD,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAAC,CAAA;CACtC,CAAA;AAiDD,QAAA,MAAM,UAAU,qBAAyC,CAAA;AAGzD,OAAO,EACH,UAAU,GACb,CAAA"}

package/dist/index.js

@@ -48661,6 +48661,10 @@ var alert_Alert = function Alert(props) {
 
 
 
+// EXTERNAL MODULE: ../icons/dist/index.js
+var dist = __webpack_require__(66162);
+// EXTERNAL MODULE: ./src/colors/index.ts + 2 modules
+var colors = __webpack_require__(41740);
 ;// CONCATENATED MODULE: ./src/components/_utils/hooks/usePatchElement.ts
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 
@@ -49606,6 +49610,8 @@ function banner_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 
 
+
+
 // NOTE: Some ad blockers block elements containing "banner" in classes
 var CLASS_PREFIX = 'condo-promo-block';
 var LG_BARRIER = 875;
@@ -49627,8 +49633,42 @@ var getSize = function getSize(width) {
   }
 };
 
+var getTextSize = function getTextSize(width, bannerSize) {
+  if (bannerSize === 'small') {
+    return 'medium';
+  }
+
+  return width >= LG_BARRIER || width < MD_BARRIER ? 'large' : 'medium';
+};
+
+var getTitleLevel = function getTitleLevel(width, bannerSize) {
+  if (bannerSize === 'small') {
+    return 4;
+  }
+
+  return width >= LG_BARRIER || width < MD_BARRIER && width >= SM_BARRIER ? 2 : 3;
+};
+
+var getTitleRows = function getTitleRows(width, bannerSize) {
+  if (bannerSize === 'small') {
+    return width < SM_BARRIER ? 2 : 1;
+  }
+
+  return 3;
+};
+
+var getShowImage = function getShowImage(width, bannerSize, imgUrl) {
+  if (!imgUrl) return false;
+
+  if (bannerSize === 'small') {
+    return width >= LG_BARRIER;
+  }
+
+  return width >= MD_BARRIER;
+};
+
 var Banner = function Banner(_ref) {
-  var _classNames, _classNames2;
+  var _classNames;
 
   var backgroundColor = _ref.backgroundColor,
       actionText = _ref.actionText,
@@ -49637,18 +49677,21 @@ var Banner = function Banner(_ref) {
       subtitle = _ref.subtitle,
       imgUrl = _ref.imgUrl,
       invertText = _ref.invertText,
-      id = _ref.id;
+      id = _ref.id,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'medium' : _ref$size;
 
   var _useContainerSize = useContainerSize(),
       _useContainerSize2 = banner_slicedToArray(_useContainerSize, 2),
       width = _useContainerSize2[0].width,
       setRef = _useContainerSize2[1];
 
-  var showImage = imgUrl && width >= MD_BARRIER;
-  var bannerClasses = node_modules_classnames_default()((_classNames = {}, banner_defineProperty(_classNames, "".concat(CLASS_PREFIX), true), banner_defineProperty(_classNames, "".concat(CLASS_PREFIX, "-no-image"), !showImage), _classNames));
-  var contentContainerClasses = node_modules_classnames_default()((_classNames2 = {}, banner_defineProperty(_classNames2, "".concat(CLASS_PREFIX, "-content-container"), true), banner_defineProperty(_classNames2, "".concat(CLASS_PREFIX, "-content-container-").concat(getSize(width)), getSize(width)), _classNames2));
-  var titleLevel = width >= LG_BARRIER || width < MD_BARRIER && width >= SM_BARRIER ? 2 : 3;
-  var textSize = width >= LG_BARRIER || width < MD_BARRIER ? 'large' : 'medium';
+  var showImage = getShowImage(width, size, imgUrl);
+  var bannerClasses = node_modules_classnames_default()((_classNames = {}, banner_defineProperty(_classNames, "".concat(CLASS_PREFIX), true), banner_defineProperty(_classNames, "".concat(CLASS_PREFIX, "-no-image"), !showImage), banner_defineProperty(_classNames, "".concat(CLASS_PREFIX, "-").concat(size), size), banner_defineProperty(_classNames, "".concat(CLASS_PREFIX, "-").concat(getSize(width)), getSize(width)), _classNames));
+  var contentContainerClasses = node_modules_classnames_default()(banner_defineProperty({}, "".concat(CLASS_PREFIX, "-content-container"), true));
+  var titleLevel = getTitleLevel(width, size);
+  var titleRows = getTitleRows(width, size);
+  var textSize = getTextSize(width, size);
   var handleClick = (0,external_react_.useCallback)(function (event) {
     sendAnalyticsClickEvent('Banner', {
       title: title,
@@ -49671,21 +49714,29 @@ var Banner = function Banner(_ref) {
   }, /*#__PURE__*/external_react_default().createElement("div", {
     className: "".concat(CLASS_PREFIX, "-text-container")
   }, /*#__PURE__*/external_react_default().createElement(Typography.Title, {
-    type: invertText ? 'inverted' : undefined,
+    type: invertText ? 'inverted' : 'primary',
     level: titleLevel,
     ellipsis: {
-      rows: 3
+      rows: titleRows
     }
   }, title), /*#__PURE__*/external_react_default().createElement(Typography.Paragraph, {
-    type: invertText ? 'inverted' : undefined,
+    type: invertText ? 'inverted' : 'secondary',
     ellipsis: {
-      rows: 3
+      rows: size === 'small' ? 2 : 3
     },
     size: textSize
-  }, subtitle)), Boolean(actionText) && /*#__PURE__*/external_react_default().createElement(button_Button, {
+  }, subtitle)), Boolean(actionText) && (size === 'small' ? /*#__PURE__*/external_react_default().createElement("div", {
+    className: "".concat(CLASS_PREFIX, "-action-link")
+  }, /*#__PURE__*/external_react_default().createElement(Typography.Text, {
+    type: invertText ? 'inverted' : 'primary'
+  }, actionText), /*#__PURE__*/external_react_default().createElement(dist.ChevronRight, {
+    color: invertText ? colors.colors.white : colors.colors.black,
+    size: "small",
+    className: "".concat(CLASS_PREFIX, "-action-icon")
+  })) : /*#__PURE__*/external_react_default().createElement(button_Button, {
     type: "primary",
     stateless: true
-  }, actionText)), imgUrl && width > MD_BARRIER && /*#__PURE__*/external_react_default().createElement("div", {
+  }, actionText))), showImage && /*#__PURE__*/external_react_default().createElement("div", {
     className: "".concat(CLASS_PREFIX, "-image-container")
   }, /*#__PURE__*/external_react_default().createElement("img", {
     src: imgUrl,
@@ -59350,8 +59401,6 @@ var Carousel = /*#__PURE__*/external_react_.forwardRef(function (_a, ref) {
   })));
 });
 /* harmony default export */ var carousel = (Carousel);
-// EXTERNAL MODULE: ../icons/dist/index.js
-var dist = __webpack_require__(66162);
 ;// CONCATENATED MODULE: ./src/components/_utils/controls/arrows.tsx
 var arrows_excluded = ["className", "size", "type"];
 
@@ -66919,8 +66968,6 @@ List_list_List.displayName = 'List';
 
 
 
-// EXTERNAL MODULE: ./src/colors/index.ts + 2 modules
-var colors = __webpack_require__(41740);
 ;// CONCATENATED MODULE: ./node_modules/antd/es/_util/colors.js
 
 var PresetStatusColorTypes = tuple('success', 'processing', 'error', 'default', 'warning');
@@ -70584,7 +70631,7 @@ radio_Radio.Group = group;
 radio_Radio.__ANT_RADIO = true;
 /* harmony default export */ var es_radio = (radio_Radio);
 ;// CONCATENATED MODULE: ./src/components/Radio/radio.tsx
-var radio_excluded = ["label", "labelProps", "disabled", "onChange", "children", "id"];
+var radio_excluded = ["label", "icon", "labelProps", "disabled", "onChange", "children", "id"];
 
 function radio_extends() { radio_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return radio_extends.apply(this, arguments); }
 
@@ -70600,6 +70647,7 @@ var RADIO_CLASS_PREFIX = 'condo-radio';
 
 var Radio_radio_Radio = function Radio(props) {
   var label = props.label,
+      icon = props.icon,
       labelProps = props.labelProps,
       disabled = props.disabled,
       onChange = props.onChange,
@@ -70621,19 +70669,32 @@ var Radio_radio_Radio = function Radio(props) {
       onChange(event);
     }
   }, [label, children, onChange, id]);
+  var wrappedIcon = icon ? /*#__PURE__*/external_react_default().createElement("span", {
+    className: "".concat(RADIO_CLASS_PREFIX, "-icon")
+  }, icon) : null;
   return /*#__PURE__*/external_react_default().createElement(es_radio, radio_extends({}, rest, {
     id: id,
     prefixCls: RADIO_CLASS_PREFIX,
     disabled: disabled,
     onChange: handleChange
-  }), label ? /*#__PURE__*/external_react_default().createElement(Typography.Text, radio_extends({
+  }), label ? /*#__PURE__*/external_react_default().createElement("div", {
+    className: "".concat(RADIO_CLASS_PREFIX, "-label-container")
+  }, wrappedIcon, /*#__PURE__*/external_react_default().createElement(Typography.Text, radio_extends({
     size: "medium",
     disabled: disabled
-  }, labelProps), label) : children);
+  }, labelProps), label)) : children);
 };
 
 
 ;// CONCATENATED MODULE: ./src/components/Radio/radiogroup.tsx
+var radiogroup_excluded = ["optionType"];
+
+function radiogroup_defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function radiogroup_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = radiogroup_objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function radiogroup_objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
 function radiogroup_extends() { radiogroup_extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return radiogroup_extends.apply(this, arguments); }
 
 function radiogroup_slicedToArray(arr, i) { return radiogroup_arrayWithHoles(arr) || radiogroup_iterableToArrayLimit(arr, i) || radiogroup_unsupportedIterableToArray(arr, i) || radiogroup_nonIterableRest(); }
@@ -70695,9 +70756,15 @@ var ItemGroup = function ItemGroup(_ref) {
   })));
 };
 
-var CondoRadioGroup = function CondoRadioGroup(props) {
+var CondoRadioGroup = function CondoRadioGroup(_ref3) {
+  var optionType = _ref3.optionType,
+      props = radiogroup_objectWithoutProperties(_ref3, radiogroup_excluded);
+
+  var groupClassName = node_modules_classnames_default()(radiogroup_defineProperty({}, "".concat(RADIO_GROUP_CLASS_PREFIX, "-button"), optionType === 'button'));
   return /*#__PURE__*/external_react_default().createElement(es_radio.Group, radiogroup_extends({}, props, {
-    prefixCls: RADIO_GROUP_CLASS_PREFIX
+    className: groupClassName,
+    prefixCls: RADIO_GROUP_CLASS_PREFIX,
+    optionType: optionType
   }));
 };
 

package/dist/style-vars/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 17 May 2023 10:11:02 GMT
+ * Generated on Thu, 18 May 2023 15:11:14 GMT
  */
 
 :root {

package/dist/style-vars/variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 17 May 2023 10:11:02 GMT
+// Generated on Thu, 18 May 2023 15:11:14 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;
@@ -6176,6 +6218,11 @@ span.condo-radio + * {
   border: double 1px transparent;
   box-shadow: none;
 }
+.condo-radio-icon {
+  display: inline-flex;
+  margin-right: 8px;
+  color: #222;
+}
 .condo-radio-group {
   display: flex;
   flex-direction: column;
@@ -6206,6 +6253,71 @@ span.condo-radio + * {
 .condo-radio-group > .condo-radio-group-container:not(:first-child) {
   margin-top: 24px;
 }
+.condo-radio-group.condo-radio-button {
+  display: inline-flex;
+  flex-direction: row;
+  width: 100%;
+  min-height: calc(40px + 8px);
+  padding: 4px;
+  white-space: nowrap;
+  background: #e1e5ed;
+  border-radius: 12px;
+}
+.condo-radio-group.condo-radio-button > .condo-radio-button-wrapper,
+.condo-radio-group.condo-radio-button > .condo-radio-button-wrapper .condo-typography {
+  line-height: 40px;
+}
+.condo-radio-group.condo-radio-button > .condo-radio-button-wrapper .condo-typography {
+  font-weight: 600;
+  font-size: 14px;
+  font-family: "Open Sans", var(--condo-font-fallback);
+  line-height: 22px;
+  letter-spacing: -0.01em;
+  margin: 0;
+}
+.condo-radio-group.condo-radio-button > .condo-radio-button-wrapper > span:not(.condo-radio-button) {
+  display: flex;
+  flex: 1;
+  justify-content: center;
+  height: 100%;
+  min-height: 40px;
+}
+.condo-radio-group.condo-radio-button > .condo-radio-button-wrapper .condo-radio-label-container {
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+}
+.condo-radio-group.condo-radio-button > .condo-radio-button-wrapper {
+  flex: 1;
+  height: 100%;
+  background: #e1e5ed;
+  border: none;
+  box-shadow: none;
+  transition: none;
+}
+.condo-radio-group.condo-radio-button > .condo-radio-button-wrapper::before {
+  display: none;
+}
+.condo-radio-group.condo-radio-button > .condo-radio-button-wrapper.condo-radio-button-wrapper-disabled .condo-typography,
+.condo-radio-group.condo-radio-button > .condo-radio-button-wrapper.condo-radio-button-wrapper-disabled .condo-radio-icon {
+  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;
+}
+.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-size: 100%;
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.condo-radio-button-wrapper-checked:not(.condo-radio-group.condo-radio-button-disabled).condo-radio-button-wrapper {
+  background: #fff;
+  border-radius: 8px;
+  box-shadow: 0 4px 14px 0 rgba(178,185,217,0.4);
+}
 
 /* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
 /* stylelint-disable no-duplicate-selectors */