@open-condo/ui 2.30.0 → 2.31.0

package/dist/components/ActionBar/actionBar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/ActionBar/actionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAU3C,MAAM,MAAM,cAAc,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,CAAC,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAW9C,CAAA"}
+{"version":3,"file":"actionBar.d.ts","sourceRoot":"","sources":["../../../src/components/ActionBar/actionBar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAY3C,MAAM,MAAM,cAAc,GAAG;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,OAAO,EAAE,CAAC,YAAY,EAAE,GAAG,YAAY,EAAE,CAAC,CAAA;CAC7C,CAAA;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgB9C,CAAA"}

package/dist/components/Input/phone.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import type { PhoneInputProps as DefaultPhoneInputProps } from 'react-phone-input-2';
 export type PhoneInputProps = Pick<DefaultPhoneInputProps, 'country' | 'placeholder' | 'onChange' | 'value' | 'onMount' | 'disabled'> & {
     inputProps?: Omit<React.InputHTMLAttributes<HTMLInputElement>, 'style' | 'value' | 'onChange'>;
+    id?: string;
 };
 declare const Phone: React.FC<PhoneInputProps>;
 export { Phone, };

package/dist/components/Input/phone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"phone.d.ts","sourceRoot":"","sources":["../../../src/components/Input/phone.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAA;AAK1C,OAAO,KAAK,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAKpF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,sBAAsB,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC,GAAG;IACpI,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC,CAAA;CACjG,CAAA;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA0BpC,CAAA;AAID,OAAO,EACH,KAAK,GACR,CAAA"}
+{"version":3,"file":"phone.d.ts","sourceRoot":"","sources":["../../../src/components/Input/phone.tsx"],"names":[],"mappings":"AACA,OAAO,KAA+B,MAAM,OAAO,CAAA;AAKnD,OAAO,KAAK,EAAE,eAAe,IAAI,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAKpF,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,sBAAsB,EACzD,SAAS,GACP,aAAa,GACb,UAAU,GACV,OAAO,GACP,SAAS,GACT,UAAU,CAAC,GAAG;IACZ,UAAU,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,OAAO,GAAG,OAAO,GAAG,UAAU,CAAC,CAAA;IAC9F,EAAE,CAAC,EAAE,MAAM,CAAA;CACd,CAAA;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAmCpC,CAAA;AAID,OAAO,EACH,KAAK,GACR,CAAA"}

package/dist/components/Typography/paragraph.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { TEXT_SIZES, TEXT_TYPES } from './constants';
 import type { ParagraphProps as DefaultParagraphProps } from 'antd/lib/typography/Paragraph';
-export type TypographyParagraphProps = Omit<DefaultParagraphProps, 'keyboard' | 'type' | 'editable' | 'copyable' | 'mark' | 'className' | 'prefixCls' | 'style' | 'id'> & {
+export type TypographyParagraphProps = Omit<DefaultParagraphProps, 'keyboard' | 'type' | 'editable' | 'copyable' | 'mark' | 'className' | 'prefixCls' | 'style'> & {
     type?: typeof TEXT_TYPES[number];
     size?: typeof TEXT_SIZES[number];
 };
-declare const Paragraph: React.ForwardRefExoticComponent<Omit<DefaultParagraphProps, "className" | "prefixCls" | "style" | "id" | "mark" | "type" | "keyboard" | "editable" | "copyable"> & {
+declare const Paragraph: React.ForwardRefExoticComponent<Omit<DefaultParagraphProps, "className" | "prefixCls" | "style" | "mark" | "type" | "keyboard" | "editable" | "copyable"> & {
     type?: (typeof TEXT_TYPES)[number];
     size?: (typeof TEXT_SIZES)[number];
 } & React.RefAttributes<HTMLSpanElement>>;

package/dist/components/Typography/paragraph.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/paragraph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAA2B,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7E,OAAO,KAAK,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAE5F,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,qBAAqB,EACjE,UAAU,GACR,MAAM,GACN,UAAU,GACV,UAAU,GACV,MAAM,GACN,WAAW,GACX,WAAW,GACX,OAAO,GACP,IAAI,CAAC,GAAG;IACN,IAAI,CAAC,EAAE,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;CACnC,CAAA;AAED,QAAA,MAAM,SAAS;WAJJ,CAAA,OAAO,UAAU,EAAC,MAAM,CAAC;WACzB,CAAA,OAAO,UAAU,EAAC,MAAM,CAAC;yCAqBlC,CAAA;AAIF,OAAO,EACH,SAAS,GACZ,CAAA"}
+{"version":3,"file":"paragraph.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/paragraph.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAA2B,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAE7E,OAAO,KAAK,EAAE,cAAc,IAAI,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AAE5F,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,qBAAqB,EACjE,UAAU,GACR,MAAM,GACN,UAAU,GACV,UAAU,GACV,MAAM,GACN,WAAW,GACX,WAAW,GACX,OAAO,CAAC,GAAG;IACT,IAAI,CAAC,EAAE,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;CACnC,CAAA;AAED,QAAA,MAAM,SAAS;WAJJ,CAAA,OAAO,UAAU,EAAC,MAAM,CAAC;WACzB,CAAA,OAAO,UAAU,EAAC,MAAM,CAAC;yCAqBlC,CAAA;AAIF,OAAO,EACH,SAAS,GACZ,CAAA"}

package/dist/components/Typography/text.d.ts

@@ -1,12 +1,12 @@
 import React from 'react';
 import { TEXT_SIZES, TEXT_TYPES } from './constants';
 import type { TextProps as DefaultTextProps } from 'antd/lib/typography/Text';
-export type TypographyTextProps = Omit<DefaultTextProps, 'keyboard' | 'type' | 'editable' | 'copyable' | 'mark' | 'className' | 'prefixCls' | 'style' | 'id'> & {
+export type TypographyTextProps = Omit<DefaultTextProps, 'keyboard' | 'type' | 'editable' | 'copyable' | 'mark' | 'className' | 'prefixCls' | 'style'> & {
     type?: typeof TEXT_TYPES[number];
     size?: typeof TEXT_SIZES[number];
     lineWrapping?: 'break-spaces';
 };
-declare const Text: React.ForwardRefExoticComponent<Omit<DefaultTextProps, "className" | "prefixCls" | "style" | "id" | "mark" | "type" | "keyboard" | "editable" | "copyable"> & {
+declare const Text: React.ForwardRefExoticComponent<Omit<DefaultTextProps, "className" | "prefixCls" | "style" | "mark" | "type" | "keyboard" | "editable" | "copyable"> & {
     type?: (typeof TEXT_TYPES)[number];
     size?: (typeof TEXT_SIZES)[number];
     lineWrapping?: "break-spaces";

package/dist/components/Typography/text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAA2B,UAAU,EAAE,UAAU,EAAwB,MAAM,aAAa,CAAA;AAEnG,OAAO,KAAK,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAI7E,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EACvD,UAAU,GACR,MAAM,GACN,UAAU,GACV,UAAU,GACV,MAAM,GACN,WAAW,GACX,WAAW,GACX,OAAO,GACP,IAAI,CAAC,GAAG;IACN,IAAI,CAAC,EAAE,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,cAAc,CAAA;CAChC,CAAA;AAED,QAAA,MAAM,IAAI;WALC,CAAA,OAAO,UAAU,EAAC,MAAM,CAAC;WACzB,CAAA,OAAO,UAAU,EAAC,MAAM,CAAC;mBACjB,cAAc;yCA+B/B,CAAA;AAIF,OAAO,EACH,IAAI,GACP,CAAA"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../../../src/components/Typography/text.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAA2B,UAAU,EAAE,UAAU,EAAwB,MAAM,aAAa,CAAA;AAEnG,OAAO,KAAK,EAAE,SAAS,IAAI,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAI7E,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,EACvD,UAAU,GACR,MAAM,GACN,UAAU,GACV,UAAU,GACV,MAAM,GACN,WAAW,GACX,WAAW,GACX,OAAO,CAAC,GAAG;IACT,IAAI,CAAC,EAAE,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,OAAO,UAAU,CAAC,MAAM,CAAC,CAAA;IAChC,YAAY,CAAC,EAAE,cAAc,CAAA;CAChC,CAAA;AAED,QAAA,MAAM,IAAI;WALC,CAAA,OAAO,UAAU,EAAC,MAAM,CAAC;WACzB,CAAA,OAAO,UAAU,EAAC,MAAM,CAAC;mBACjB,cAAc;yCA+B/B,CAAA;AAIF,OAAO,EACH,IAAI,GACP,CAAA"}

package/dist/index.js

@@ -47023,6 +47023,8 @@ var AffixFC = /*#__PURE__*/external_react_.forwardRef(function (props, ref) {
 });
 if (false) {}
 /* harmony default export */ var affix = (AffixFC);
+// EXTERNAL MODULE: ./src/hooks.ts
+var hooks = __webpack_require__(46119);
 // EXTERNAL MODULE: ../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js + 1 modules
 var slicedToArray = __webpack_require__(90689);
 // EXTERNAL MODULE: ../../node_modules/rc-util/es/Children/toArray.js
@@ -47374,7 +47376,7 @@ var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject);
 var isString = __webpack_require__(8138);
 var isString_default = /*#__PURE__*/__webpack_require__.n(isString);
 ;// CONCATENATED MODULE: ./package.json
-var package_namespaceObject = {"rE":"2.30.0"};
+var package_namespaceObject = {"rE":"2.31.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; }
 
@@ -47659,16 +47661,22 @@ var Typography = {
 
 
 
+
 var ACTION_BAR_CLASS_PREFIX = 'condo-affix';
 var AFFIX_CONTENT_WRAPPER_CLASS = "".concat(ACTION_BAR_CLASS_PREFIX, "-content-wrapper");
+var ACTION_BAR_PLACEHOLDER_CLASS = "".concat(ACTION_BAR_CLASS_PREFIX, "-placeholder");
 var SPACE_SIZE = [16, 16];
 var ActionBar = function ActionBar(props) {
   var actions = props.actions,
       message = props.message,
       _props$wrap = props.wrap,
       wrap = _props$wrap === void 0 ? true : _props$wrap;
-  return /*#__PURE__*/external_react_default().createElement(affix, {
-    offsetBottom: 0,
+
+  var _useBreakpoints = (0,hooks.useBreakpoints)(),
+      TABLET_SMALL = _useBreakpoints.TABLET_SMALL;
+
+  return /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement(affix, {
+    offsetBottom: TABLET_SMALL ? 23 : 0,
     prefixCls: ACTION_BAR_CLASS_PREFIX
   }, /*#__PURE__*/external_react_default().createElement(space_Space, {
     wrap: wrap,
@@ -47676,7 +47684,9 @@ var ActionBar = function ActionBar(props) {
     className: AFFIX_CONTENT_WRAPPER_CLASS
   }, message && /*#__PURE__*/external_react_default().createElement(Typography.Text, {
     strong: true
-  }, message), actions));
+  }, message), actions)), /*#__PURE__*/external_react_default().createElement("div", {
+    className: ACTION_BAR_PLACEHOLDER_CLASS
+  }));
 };
 ;// CONCATENATED MODULE: ./src/components/ActionBar/index.ts
 
@@ -48519,7 +48529,7 @@ var dist = __webpack_require__(72763);
 // EXTERNAL MODULE: ./src/colors/index.ts + 2 modules
 var colors = __webpack_require__(89085);
 // EXTERNAL MODULE: ./src/components/_utils/hooks/index.ts + 2 modules
-var hooks = __webpack_require__(24208);
+var _utils_hooks = __webpack_require__(24208);
 ;// CONCATENATED MODULE: ../../node_modules/antd/es/config-provider/DisabledContext.js
 
 var DisabledContext = /*#__PURE__*/external_react_.createContext(false);
@@ -49364,7 +49374,7 @@ var Banner = function Banner(_ref) {
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'medium' : _ref$size;
 
-  var _useContainerSize = (0,hooks/* useContainerSize */.Ag)(),
+  var _useContainerSize = (0,_utils_hooks/* useContainerSize */.Ag)(),
       _useContainerSize2 = banner_slicedToArray(_useContainerSize, 2),
       width = _useContainerSize2[0].width,
       setRef = _useContainerSize2[1];
@@ -57398,8 +57408,6 @@ var Card_card_Card = /*#__PURE__*/external_react_default().forwardRef(function (
 });
 Card_card_Card.displayName = 'Card';
 
-// EXTERNAL MODULE: ./src/hooks.ts
-var src_hooks = __webpack_require__(46119);
 ;// CONCATENATED MODULE: ./src/components/Emoji/Emoji.tsx
 
 var Emoji = /*#__PURE__*/external_react_default().memo(function (_ref) {
@@ -58034,7 +58042,7 @@ var CardHeader = function CardHeader(props) {
       image = props.image;
   var imageClassName = image && node_modules_classnames_default()("".concat(cardHeader_CARD_HEADER_CONTENT_CLASS_NAME_PREFIX, "-image"), "".concat(cardHeader_CARD_HEADER_CONTENT_CLASS_NAME_PREFIX, "-image-size-").concat(image.size));
 
-  var _useBreakpoints = (0,src_hooks.useBreakpoints)(),
+  var _useBreakpoints = (0,hooks.useBreakpoints)(),
       TABLET_LARGE = _useBreakpoints.TABLET_LARGE;
 
   var headerContent = /*#__PURE__*/external_react_default().createElement(space_Space, {
@@ -64041,10 +64049,14 @@ password_Password.displayName = 'PasswordInput';
 var lib = __webpack_require__(53305);
 var lib_default = /*#__PURE__*/__webpack_require__.n(lib);
 ;// CONCATENATED MODULE: ./src/components/Input/phone.tsx
-var phone_excluded = ["country", "placeholder", "onChange", "disabled"];
+var phone_excluded = ["country", "placeholder", "onChange", "disabled", "id", "inputProps"];
 
 function phone_extends() { phone_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 phone_extends.apply(this, arguments); }
 
+function phone_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; }
+
+function phone_objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? phone_ownKeys(Object(source), !0).forEach(function (key) { phone_defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : phone_ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 function phone_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 phone_objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = phone_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; }
@@ -64064,6 +64076,8 @@ var Phone = function Phone(props) {
       onChange = props.onChange,
       _props$disabled = props.disabled,
       disabled = _props$disabled === void 0 ? false : _props$disabled,
+      id = props.id,
+      inputProps = props.inputProps,
       restProps = phone_objectWithoutProperties(props, phone_excluded);
 
   var containerClasses = node_modules_classnames_default()("".concat(INPUT_CLASS_PREFIX, "-phone"), phone_defineProperty({}, "".concat(INPUT_CLASS_PREFIX, "-phone-disabled"), disabled));
@@ -64074,7 +64088,17 @@ var Phone = function Phone(props) {
       onChange(value, data, event, formattedValue);
     }
   }, [onChange]);
+  var combinedInputProps = (0,external_react_.useMemo)(function () {
+    var props = phone_objectSpread({}, inputProps);
+
+    if (id) {
+      props.id = id;
+    }
+
+    return props;
+  }, [id, inputProps]);
   return /*#__PURE__*/external_react_default().createElement((lib_default()), phone_extends({}, restProps, {
+    inputProps: combinedInputProps,
     onChange: internalOnChange,
     containerClass: containerClasses,
     disabled: disabled,
@@ -74465,7 +74489,7 @@ function useModal_arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
 var modalCounter = 0;
 var useModal_ElementsHolder = /*#__PURE__*/external_react_default().memo( /*#__PURE__*/external_react_default().forwardRef(function (_props, ref) {
-  var _usePatchElement = (0,hooks/* usePatchElement */.wu)(),
+  var _usePatchElement = (0,_utils_hooks/* usePatchElement */.wu)(),
       _usePatchElement2 = useModal_slicedToArray(_usePatchElement, 2),
       elements = _usePatchElement2[0],
       patchElement = _usePatchElement2[1];
@@ -75244,7 +75268,7 @@ var Steps = function Steps(_ref) {
       propsClassName = _ref.className,
       noReturnMessage = _ref.noReturnMessage;
 
-  var _useBreakpoints = (0,hooks/* useBreakpoints */.Gu)(),
+  var _useBreakpoints = (0,_utils_hooks/* useBreakpoints */.Gu)(),
       TABLET_LARGE = _useBreakpoints.TABLET_LARGE;
 
   var itemSize = TABLET_LARGE ? 'large' : 'small'; // NOTE: Internal state controls view
@@ -75254,7 +75278,7 @@ var Steps = function Steps(_ref) {
       currentStep = _useState2[0],
       setCurrentStep = _useState2[1];
 
-  var _useContainerSize = (0,hooks/* useContainerSize */.Ag)(),
+  var _useContainerSize = (0,_utils_hooks/* useContainerSize */.Ag)(),
       _useContainerSize2 = steps_slicedToArray(_useContainerSize, 2),
       width = _useContainerSize2[0].width,
       setContainerRef = _useContainerSize2[1];
@@ -75579,7 +75603,7 @@ var TourStep = function TourStep(props) {
   var _useTourContext = useTourContext(),
       currentStep = _useTourContext.currentStep;
 
-  var _useBreakpoints = (0,hooks/* useBreakpoints */.Gu)(),
+  var _useBreakpoints = (0,_utils_hooks/* useBreakpoints */.Gu)(),
       TABLET_SMALL = _useBreakpoints.TABLET_SMALL;
 
   var _useState = (0,external_react_.useState)(step === currentStep),

package/dist/style-vars/variables.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed, 06 Nov 2024 10:07:18 GMT
+ * Generated on Tue, 10 Dec 2024 15:37:24 GMT
  */
 
 :root {

package/dist/style-vars/variables.less

@@ -1,6 +1,6 @@
 
 // Do not edit directly
-// Generated on Wed, 06 Nov 2024 10:07:18 GMT
+// Generated on Tue, 10 Dec 2024 15:37:24 GMT
 
 @condo-global-spacing-4: 4px;
 @condo-global-spacing-8: 8px;

package/dist/styles.css

@@ -1103,6 +1103,9 @@ div.condo-typography-edit-content.condo-typography-rtl {
   position: fixed;
   z-index: 10;
 }
+.condo-affix-placeholder {
+  height: 24px;
+}
 .condo-affix-content-wrapper {
   height: -webkit-fit-content !important;
   height: -moz-fit-content !important;
@@ -1111,11 +1114,11 @@ div.condo-typography-edit-content.condo-typography-rtl {
 .condo-affix-content-wrapper {
   box-sizing: border-box;
   padding: 16px;
-  transition: box-shadow 0.15s ease-out;
 }
 @media screen and (min-width:  0px ) and (max-width:  767px ) {
   .condo-affix-content-wrapper {
     width: 100%;
+    padding-bottom: 24px;
   }
   .condo-affix-content-wrapper > .condo-space-item {
     width: 100%;
@@ -1124,13 +1127,18 @@ div.condo-typography-edit-content.condo-typography-rtl {
     width: 100%;
   }
 }
-@media screen and (min-width:  768px ) {
+@media screen and (min-width:  0px ) {
   .condo-affix-content-wrapper {
     position: relative;
     right: 16px;
     width: calc(100% + 16px * 2);
   }
 }
+@media screen and (min-width:  768px ) {
+  .condo-affix-content-wrapper {
+    transition: box-shadow 0.15s ease-out;
+  }
+}
 .condo-affix {
   height: auto !important;
 }
@@ -1150,7 +1158,7 @@ div.condo-typography-edit-content.condo-typography-rtl {
     left: 0;
   }
   .condo-affix .condo-affix-content-wrapper {
-    padding-bottom: 32px;
+    padding-bottom: 24px;
   }
   .condo-affix .condo-affix-content-wrapper > .condo-space-item {
     padding: 0 16px;