npm - @alfalab/core-components - Versions diffs - 46.1.0-beta.1 → 46.1.0-beta.2 - Mend

@alfalab/core-components 46.1.0-beta.1 → 46.1.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (797) hide show

package/action-button/Component.js CHANGED Viewed

@@ -66,5 +66,6 @@ var ActionButton = React.forwardRef(function (_a, ref) {
         // eslint-disable-next-line react/button-has-type
         type: type, disabled: disabled || loading }, componentProps, rest), buttonChildren));
 });
+ActionButton.displayName = 'ActionButton';
 exports.ActionButton = ActionButton;

package/action-button/cssm/Component.js CHANGED Viewed

@@ -62,5 +62,6 @@ var ActionButton = React.forwardRef(function (_a, ref) {
         // eslint-disable-next-line react/button-has-type
         type: type, disabled: disabled || loading }, componentProps, rest), buttonChildren));
 });
+ActionButton.displayName = 'ActionButton';
 exports.ActionButton = ActionButton;

package/action-button/esm/Component.js CHANGED Viewed

@@ -58,5 +58,6 @@ var ActionButton = forwardRef(function (_a, ref) {
         // eslint-disable-next-line react/button-has-type
         type: type, disabled: disabled || loading }, componentProps, rest), buttonChildren));
 });
+ActionButton.displayName = 'ActionButton';
 export { ActionButton };

package/action-button/modern/Component.js CHANGED Viewed

@@ -55,5 +55,6 @@ const ActionButton = forwardRef(({ className, icon, children, href, size = 48, v
         // eslint-disable-next-line react/button-has-type
         type: type, disabled: disabled || loading, ...componentProps, ...rest }, buttonChildren));
 });
+ActionButton.displayName = 'ActionButton';
 export { ActionButton };

package/amount-input/Component.js CHANGED Viewed

@@ -156,5 +156,7 @@ var AmountInput = React.forwardRef(function (_a, ref) {
                     utils.THINSP,
                     suffix === currency ? currencyCode : suffix)), suffixContainerClassName: styles.suffixContainer, clear: clear, placeholder: placeholder, value: inputValue, colors: colors, className: cn__default.default(styles.component, className), focusedClassName: focusedClassName, inputClassName: styles.input, onChange: handleChange, onClear: handleClear, onBlur: handleBlur, onKeyDown: handleKeyDown, inputMode: 'decimal', pattern: "[".concat(positiveOnly ? '' : '-', "0-9\\s\\.,]*"), dataTestId: dataTestId, ref: ref, breakpoint: breakpoint }))));
 });
+AmountInput.displayName = 'AmountInput';
+SuffixInput.displayName = 'SuffixInput';
 exports.AmountInput = AmountInput;

package/amount-input/cssm/Component.js CHANGED Viewed

@@ -153,5 +153,7 @@ var AmountInput = React.forwardRef(function (_a, ref) {
                     utils.THINSP,
                     suffix === currency ? currencyCode : suffix)), suffixContainerClassName: styles__default.default.suffixContainer, clear: clear, placeholder: placeholder, value: inputValue, colors: colors, className: cn__default.default(styles__default.default.component, className), focusedClassName: focusedClassName, inputClassName: styles__default.default.input, onChange: handleChange, onClear: handleClear, onBlur: handleBlur, onKeyDown: handleKeyDown, inputMode: 'decimal', pattern: "[".concat(positiveOnly ? '' : '-', "0-9\\s\\.,]*"), dataTestId: dataTestId, ref: ref, breakpoint: breakpoint }))));
 });
+AmountInput.displayName = 'AmountInput';
+SuffixInput.displayName = 'SuffixInput';
 exports.AmountInput = AmountInput;

package/amount-input/esm/Component.js CHANGED Viewed

@@ -149,5 +149,7 @@ var AmountInput = forwardRef(function (_a, ref) {
                     THINSP,
                     suffix === currency ? currencyCode : suffix)), suffixContainerClassName: styles.suffixContainer, clear: clear, placeholder: placeholder, value: inputValue, colors: colors, className: cn(styles.component, className), focusedClassName: focusedClassName, inputClassName: styles.input, onChange: handleChange, onClear: handleClear, onBlur: handleBlur, onKeyDown: handleKeyDown, inputMode: 'decimal', pattern: "[".concat(positiveOnly ? '' : '-', "0-9\\s\\.,]*"), dataTestId: dataTestId, ref: ref, breakpoint: breakpoint }))));
 });
+AmountInput.displayName = 'AmountInput';
+SuffixInput.displayName = 'SuffixInput';
 export { AmountInput };

package/amount-input/modern/Component.js CHANGED Viewed

@@ -146,5 +146,7 @@ const AmountInput = forwardRef(({ view = 'default', value = null, integerLength:
                     THINSP,
                     suffix === currency ? currencyCode : suffix)), suffixContainerClassName: styles.suffixContainer, clear: clear, placeholder: placeholder, value: inputValue, colors: colors, className: cn(styles.component, className), focusedClassName: focusedClassName, inputClassName: styles.input, onChange: handleChange, onClear: handleClear, onBlur: handleBlur, onKeyDown: handleKeyDown, inputMode: 'decimal', pattern: `[${positiveOnly ? '' : '-'}0-9\\s\\.,]*`, dataTestId: dataTestId, ref: ref, breakpoint: breakpoint })));
 });
+AmountInput.displayName = 'AmountInput';
+SuffixInput.displayName = 'SuffixInput';
 export { AmountInput };

package/attach/Component.js CHANGED Viewed

@@ -18,7 +18,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles = {"component":"attach__component_72p4g","label":"attach__label_72p4g","control":"attach__control_72p4g","size-32":"attach__size-32_72p4g","file":"attach__file_72p4g","noFile":"attach__noFile_72p4g","size-40":"attach__size-40_72p4g","size-48":"attach__size-48_72p4g","size-56":"attach__size-56_72p4g","size-64":"attach__size-64_72p4g","abbreviation":"attach__abbreviation_72p4g","clear":"attach__clear_72p4g","progressBar":"attach__progressBar_72p4g","disabled":"attach__disabled_72p4g","icon":"attach__icon_72p4g","focused":"attach__focused_72p4g"};
+var styles = {"component":"attach__component_72p4g","label":"attach__label_72p4g","control":"attach__control_72p4g","size-64":"attach__size-64_72p4g","file":"attach__file_72p4g","noFile":"attach__noFile_72p4g","abbreviation":"attach__abbreviation_72p4g","clear":"attach__clear_72p4g","progressBar":"attach__progressBar_72p4g","disabled":"attach__disabled_72p4g","icon":"attach__icon_72p4g","focused":"attach__focused_72p4g"};
 require('./index.css');
 var MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];
@@ -109,5 +109,6 @@ var Attach = React__default.default.forwardRef(function (_a, ref) {
             }),
             progressBarPercent && (React__default.default.createElement(coreComponentsProgressBar.ProgressBar, { className: styles.progressBar, value: progressBarPercent, view: 'positive' })))) : (React__default.default.createElement("div", { className: cn__default.default(styles.noFile, noFileClassName) }, noFileText))));
 });
+Attach.displayName = 'Attach';
 exports.Attach = Attach;

package/attach/cssm/Component.js CHANGED Viewed

@@ -108,5 +108,6 @@ var Attach = React__default.default.forwardRef(function (_a, ref) {
             }),
             progressBarPercent && (React__default.default.createElement(coreComponentsProgressBar.ProgressBar, { className: styles__default.default.progressBar, value: progressBarPercent, view: 'positive' })))) : (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.noFile, noFileClassName) }, noFileText))));
 });
+Attach.displayName = 'Attach';
 exports.Attach = Attach;

package/attach/cssm/index.module.css CHANGED Viewed

@@ -14,6 +14,7 @@
 } :root {
 } :root {
     --gap-2xs: 4px;
+    --gap-xs: 8px;
     --gap-s: 12px;
 } :root {
 } :root {
@@ -41,35 +42,21 @@
     cursor: inherit
 } .control::-webkit-file-upload-button {
         cursor: inherit;
-    } /* TODO обновить типографику на новую, когда ее зарелизят */ .size-32 .file,
-.size-32 .noFile,
-.size-40 .file,
-.size-40 .noFile {
-    font-size: 14px;
-    line-height: 18px;
-    font-weight: 400;
-} .size-48 .file,
-.size-48 .noFile {
-    font-size: 16px;
-    line-height: 20px;
-    font-weight: 400;
-} .size-56 .file,
-.size-56 .noFile {
-    font-size: 16px;
-    line-height: 20px;
-    font-weight: 400;
-} .size-64 .file,
+    } .size-64 .file,
 .size-64 .noFile {
-    font-size: 18px;
-    line-height: 22px;
-    font-weight: 400;
     margin-left: var(--gap-s);
 } .file,
 .noFile {
     display: inline-block;
-    margin-left: 0.5em;
     text-align: center;
     color: var(--color-light-text-secondary);
+    margin-left: var(--gap-xs);
+    font-size: 13px;
+    line-height: 16px;
+    font-weight: 400;
 } .abbreviation {
     text-decoration: none;
 } .clear {

package/attach/esm/Component.js CHANGED Viewed

@@ -10,7 +10,7 @@ import { PaperclipSIcon } from '@alfalab/icons-glyph/PaperclipSIcon';
 import { pluralize } from '@alfalab/utils';
 import { truncateFilename } from './utils/index.js';
-var styles = {"component":"attach__component_72p4g","label":"attach__label_72p4g","control":"attach__control_72p4g","size-32":"attach__size-32_72p4g","file":"attach__file_72p4g","noFile":"attach__noFile_72p4g","size-40":"attach__size-40_72p4g","size-48":"attach__size-48_72p4g","size-56":"attach__size-56_72p4g","size-64":"attach__size-64_72p4g","abbreviation":"attach__abbreviation_72p4g","clear":"attach__clear_72p4g","progressBar":"attach__progressBar_72p4g","disabled":"attach__disabled_72p4g","icon":"attach__icon_72p4g","focused":"attach__focused_72p4g"};
+var styles = {"component":"attach__component_72p4g","label":"attach__label_72p4g","control":"attach__control_72p4g","size-64":"attach__size-64_72p4g","file":"attach__file_72p4g","noFile":"attach__noFile_72p4g","abbreviation":"attach__abbreviation_72p4g","clear":"attach__clear_72p4g","progressBar":"attach__progressBar_72p4g","disabled":"attach__disabled_72p4g","icon":"attach__icon_72p4g","focused":"attach__focused_72p4g"};
 require('./index.css');
 var MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];
@@ -101,5 +101,6 @@ var Attach = React.forwardRef(function (_a, ref) {
             }),
             progressBarPercent && (React.createElement(ProgressBar, { className: styles.progressBar, value: progressBarPercent, view: 'positive' })))) : (React.createElement("div", { className: cn(styles.noFile, noFileClassName) }, noFileText))));
 });
+Attach.displayName = 'Attach';
 export { Attach };

package/attach/esm/index.css CHANGED Viewed

@@ -15,6 +15,7 @@
 } :root {
 } :root {
     --gap-2xs: 4px;
+    --gap-xs: 8px;
     --gap-s: 12px;
 } :root {
 } :root {
@@ -42,35 +43,21 @@
     cursor: inherit
 } .attach__control_72p4g::-webkit-file-upload-button {
         cursor: inherit;
-    } /* TODO обновить типографику на новую, когда ее зарелизят */ .attach__size-32_72p4g .attach__file_72p4g,
-.attach__size-32_72p4g .attach__noFile_72p4g,
-.attach__size-40_72p4g .attach__file_72p4g,
-.attach__size-40_72p4g .attach__noFile_72p4g {
-    font-size: 14px;
-    line-height: 18px;
-    font-weight: 400;
-} .attach__size-48_72p4g .attach__file_72p4g,
-.attach__size-48_72p4g .attach__noFile_72p4g {
-    font-size: 16px;
-    line-height: 20px;
-    font-weight: 400;
-} .attach__size-56_72p4g .attach__file_72p4g,
-.attach__size-56_72p4g .attach__noFile_72p4g {
-    font-size: 16px;
-    line-height: 20px;
-    font-weight: 400;
-} .attach__size-64_72p4g .attach__file_72p4g,
+    } .attach__size-64_72p4g .attach__file_72p4g,
 .attach__size-64_72p4g .attach__noFile_72p4g {
-    font-size: 18px;
-    line-height: 22px;
-    font-weight: 400;
     margin-left: var(--gap-s);
 } .attach__file_72p4g,
 .attach__noFile_72p4g {
     display: inline-block;
-    margin-left: 0.5em;
     text-align: center;
     color: var(--color-light-text-secondary);
+    margin-left: var(--gap-xs);
+    font-size: 13px;
+    line-height: 16px;
+    font-weight: 400;
 } .attach__abbreviation_72p4g {
     text-decoration: none;
 } .attach__clear_72p4g {

package/attach/index.css CHANGED Viewed

@@ -15,6 +15,7 @@
 } :root {
 } :root {
     --gap-2xs: 4px;
+    --gap-xs: 8px;
     --gap-s: 12px;
 } :root {
 } :root {
@@ -42,35 +43,21 @@
     cursor: inherit
 } .attach__control_72p4g::-webkit-file-upload-button {
         cursor: inherit;
-    } /* TODO обновить типографику на новую, когда ее зарелизят */ .attach__size-32_72p4g .attach__file_72p4g,
-.attach__size-32_72p4g .attach__noFile_72p4g,
-.attach__size-40_72p4g .attach__file_72p4g,
-.attach__size-40_72p4g .attach__noFile_72p4g {
-    font-size: 14px;
-    line-height: 18px;
-    font-weight: 400;
-} .attach__size-48_72p4g .attach__file_72p4g,
-.attach__size-48_72p4g .attach__noFile_72p4g {
-    font-size: 16px;
-    line-height: 20px;
-    font-weight: 400;
-} .attach__size-56_72p4g .attach__file_72p4g,
-.attach__size-56_72p4g .attach__noFile_72p4g {
-    font-size: 16px;
-    line-height: 20px;
-    font-weight: 400;
-} .attach__size-64_72p4g .attach__file_72p4g,
+    } .attach__size-64_72p4g .attach__file_72p4g,
 .attach__size-64_72p4g .attach__noFile_72p4g {
-    font-size: 18px;
-    line-height: 22px;
-    font-weight: 400;
     margin-left: var(--gap-s);
 } .attach__file_72p4g,
 .attach__noFile_72p4g {
     display: inline-block;
-    margin-left: 0.5em;
     text-align: center;
     color: var(--color-light-text-secondary);
+    margin-left: var(--gap-xs);
+    font-size: 13px;
+    line-height: 16px;
+    font-weight: 400;
 } .attach__abbreviation_72p4g {
     text-decoration: none;
 } .attach__clear_72p4g {

package/attach/modern/Component.js CHANGED Viewed

@@ -9,7 +9,7 @@ import { PaperclipSIcon } from '@alfalab/icons-glyph/PaperclipSIcon';
 import { pluralize } from '@alfalab/utils';
 import { truncateFilename } from './utils/index.js';
-const styles = {"component":"attach__component_72p4g","label":"attach__label_72p4g","control":"attach__control_72p4g","size-32":"attach__size-32_72p4g","file":"attach__file_72p4g","noFile":"attach__noFile_72p4g","size-40":"attach__size-40_72p4g","size-48":"attach__size-48_72p4g","size-56":"attach__size-56_72p4g","size-64":"attach__size-64_72p4g","abbreviation":"attach__abbreviation_72p4g","clear":"attach__clear_72p4g","progressBar":"attach__progressBar_72p4g","disabled":"attach__disabled_72p4g","icon":"attach__icon_72p4g","focused":"attach__focused_72p4g"};
+const styles = {"component":"attach__component_72p4g","label":"attach__label_72p4g","control":"attach__control_72p4g","size-64":"attach__size-64_72p4g","file":"attach__file_72p4g","noFile":"attach__noFile_72p4g","abbreviation":"attach__abbreviation_72p4g","clear":"attach__clear_72p4g","progressBar":"attach__progressBar_72p4g","disabled":"attach__disabled_72p4g","icon":"attach__icon_72p4g","focused":"attach__focused_72p4g"};
 require('./index.css');
 const MULTIPLE_TEXTS = ['файл', 'файла', 'файлов'];
@@ -95,5 +95,6 @@ const Attach = React.forwardRef(({ size = 48, accept, buttonContent = 'Выбе
                 }), onClick: handleClearClick, ref: targetRef }))),
             progressBarPercent && (React.createElement(ProgressBar, { className: styles.progressBar, value: progressBarPercent, view: 'positive' })))) : (React.createElement("div", { className: cn(styles.noFile, noFileClassName) }, noFileText))));
 });
+Attach.displayName = 'Attach';
 export { Attach };

package/attach/modern/index.css CHANGED Viewed

@@ -15,6 +15,7 @@
 } :root {
 } :root {
     --gap-2xs: 4px;
+    --gap-xs: 8px;
     --gap-s: 12px;
 } :root {
 } :root {
@@ -42,35 +43,21 @@
     cursor: inherit
 } .attach__control_72p4g::-webkit-file-upload-button {
         cursor: inherit;
-    } /* TODO обновить типографику на новую, когда ее зарелизят */ .attach__size-32_72p4g .attach__file_72p4g,
-.attach__size-32_72p4g .attach__noFile_72p4g,
-.attach__size-40_72p4g .attach__file_72p4g,
-.attach__size-40_72p4g .attach__noFile_72p4g {
-    font-size: 14px;
-    line-height: 18px;
-    font-weight: 400;
-} .attach__size-48_72p4g .attach__file_72p4g,
-.attach__size-48_72p4g .attach__noFile_72p4g {
-    font-size: 16px;
-    line-height: 20px;
-    font-weight: 400;
-} .attach__size-56_72p4g .attach__file_72p4g,
-.attach__size-56_72p4g .attach__noFile_72p4g {
-    font-size: 16px;
-    line-height: 20px;
-    font-weight: 400;
-} .attach__size-64_72p4g .attach__file_72p4g,
+    } .attach__size-64_72p4g .attach__file_72p4g,
 .attach__size-64_72p4g .attach__noFile_72p4g {
-    font-size: 18px;
-    line-height: 22px;
-    font-weight: 400;
     margin-left: var(--gap-s);
 } .attach__file_72p4g,
 .attach__noFile_72p4g {
     display: inline-block;
-    margin-left: 0.5em;
     text-align: center;
     color: var(--color-light-text-secondary);
+    margin-left: var(--gap-xs);
+    font-size: 13px;
+    line-height: 16px;
+    font-weight: 400;
 } .attach__abbreviation_72p4g {
     text-decoration: none;
 } .attach__clear_72p4g {

package/bank-card/Component.js CHANGED Viewed

@@ -74,5 +74,6 @@ var BankCard = React__default.default.forwardRef(function (_a, ref) {
                 React__default.default.createElement(coreComponentsMaskedInput.MaskedInput, { ref: ref, value: value, mask: getMask, block: true, label: inputLabel, size: 'm', rightAddons: renderRightAddons(), inputClassName: styles.input, labelClassName: styles.label, filledClassName: styles.filled, focusedClassName: styles.focused, onChange: handleInputChange, dataTestId: dataTestId, inputMode: 'numeric', pattern: '[0-9]*', breakpoint: 1 }),
                 brandIcon && React__default.default.createElement("div", { className: styles.brandLogo }, brandIcon)))));
 });
+BankCard.displayName = 'BankCard';
 exports.BankCard = BankCard;

package/bank-card/cssm/Component.js CHANGED Viewed

@@ -73,5 +73,6 @@ var BankCard = React__default.default.forwardRef(function (_a, ref) {
                 React__default.default.createElement(coreComponentsMaskedInput.MaskedInput, { ref: ref, value: value, mask: getMask, block: true, label: inputLabel, size: 'm', rightAddons: renderRightAddons(), inputClassName: styles__default.default.input, labelClassName: styles__default.default.label, filledClassName: styles__default.default.filled, focusedClassName: styles__default.default.focused, onChange: handleInputChange, dataTestId: dataTestId, inputMode: 'numeric', pattern: '[0-9]*', breakpoint: 1 }),
                 brandIcon && React__default.default.createElement("div", { className: styles__default.default.brandLogo }, brandIcon)))));
 });
+BankCard.displayName = 'BankCard';
 exports.BankCard = BankCard;

package/bank-card/esm/Component.js CHANGED Viewed

@@ -67,5 +67,6 @@ var BankCard = React.forwardRef(function (_a, ref) {
                 React.createElement(MaskedInput, { ref: ref, value: value, mask: getMask, block: true, label: inputLabel, size: 'm', rightAddons: renderRightAddons(), inputClassName: styles.input, labelClassName: styles.label, filledClassName: styles.filled, focusedClassName: styles.focused, onChange: handleInputChange, dataTestId: dataTestId, inputMode: 'numeric', pattern: '[0-9]*', breakpoint: 1 }),
                 brandIcon && React.createElement("div", { className: styles.brandLogo }, brandIcon)))));
 });
+BankCard.displayName = 'BankCard';
 export { BankCard };

package/bank-card/modern/Component.js CHANGED Viewed

@@ -65,5 +65,6 @@ const BankCard = React.forwardRef(({ bankLogo = React.createElement(AlfaBankLIco
                 React.createElement(MaskedInput, { ref: ref, value: value, mask: getMask, block: true, label: inputLabel, size: 'm', rightAddons: renderRightAddons(), inputClassName: styles.input, labelClassName: styles.label, filledClassName: styles.filled, focusedClassName: styles.focused, onChange: handleInputChange, dataTestId: dataTestId, inputMode: 'numeric', pattern: '[0-9]*', breakpoint: 1 }),
                 brandIcon && React.createElement("div", { className: styles.brandLogo }, brandIcon)))));
 });
+BankCard.displayName = 'BankCard';
 export { BankCard };

package/base-modal/Component.js CHANGED Viewed

@@ -274,6 +274,8 @@ var BaseModal = React.forwardRef(function (_a, ref) {
         return null;
     return usePortal ? (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container, immediateMount: true }, renderContent())) : (renderContent());
 });
+BaseModal.displayName = 'BaseModal';
+BaseModalContext.displayName = 'BaseModalContext';
 exports.BaseModal = BaseModal;
 exports.BaseModalContext = BaseModalContext;

package/base-modal/cssm/Component.js CHANGED Viewed

@@ -273,6 +273,8 @@ var BaseModal = React.forwardRef(function (_a, ref) {
         return null;
     return usePortal ? (React__default.default.createElement(coreComponentsPortal.Portal, { getPortalContainer: container, immediateMount: true }, renderContent())) : (renderContent());
 });
+BaseModal.displayName = 'BaseModal';
+BaseModalContext.displayName = 'BaseModalContext';
 exports.BaseModal = BaseModal;
 exports.BaseModalContext = BaseModalContext;

package/base-modal/esm/Component.js CHANGED Viewed

@@ -266,5 +266,7 @@ var BaseModal = forwardRef(function (_a, ref) {
         return null;
     return usePortal ? (React.createElement(Portal, { getPortalContainer: container, immediateMount: true }, renderContent())) : (renderContent());
 });
+BaseModal.displayName = 'BaseModal';
+BaseModalContext.displayName = 'BaseModalContext';
 export { BaseModal, BaseModalContext };

package/base-modal/modern/Component.js CHANGED Viewed

@@ -260,5 +260,7 @@ const BaseModal = forwardRef(({ open, container, children, scrollHandler = 'wrap
         return null;
     return usePortal ? (React.createElement(Portal, { getPortalContainer: container, immediateMount: true }, renderContent())) : (renderContent());
 });
+BaseModal.displayName = 'BaseModal';
+BaseModalContext.displayName = 'BaseModalContext';
 export { BaseModal, BaseModalContext };

package/bottom-sheet/component.js CHANGED Viewed

@@ -38,7 +38,9 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
                 return utils.convertPercentToNumber(area, fullHeight, headerOffset);
             });
         }
-        var iOSViewHeight = ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.clientHeight) || window.innerHeight;
+        var iOSViewHeight = coreComponentsShared.isClient()
+            ? ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.clientHeight) || (window === null || window === void 0 ? void 0 : window.innerHeight)
+            : 0;
         var viewHeight = coreComponentsShared.os.isIOS() ? iOSViewHeight : fullHeight;
         return [0, viewHeight - headerOffset];
     }, [fullHeight, headerOffset, magneticAreasProp]);
@@ -370,5 +372,6 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
                             _f)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children),
                     actionButton && (React__default.default.createElement(components_footer_Component.Footer, { sticky: stickyFooter, className: cn__default.default(bgClassName, footerClassName), dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'footer') }, actionButton)))))));
 });
+BottomSheet.displayName = 'BottomSheet';
 exports.BottomSheet = BottomSheet;

package/bottom-sheet/cssm/component.js CHANGED Viewed

@@ -37,7 +37,9 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
                 return utils.convertPercentToNumber(area, fullHeight, headerOffset);
             });
         }
-        var iOSViewHeight = ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.clientHeight) || window.innerHeight;
+        var iOSViewHeight = coreComponentsShared.isClient()
+            ? ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.clientHeight) || (window === null || window === void 0 ? void 0 : window.innerHeight)
+            : 0;
         var viewHeight = coreComponentsShared.os.isIOS() ? iOSViewHeight : fullHeight;
         return [0, viewHeight - headerOffset];
     }, [fullHeight, headerOffset, magneticAreasProp]);
@@ -369,5 +371,6 @@ var BottomSheet = React.forwardRef(function (_a, ref) {
                             _f)), "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'content') }, children),
                     actionButton && (React__default.default.createElement(components_footer_Component.Footer, { sticky: stickyFooter, className: cn__default.default(bgClassName, footerClassName), dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'footer') }, actionButton)))))));
 });
+BottomSheet.displayName = 'BottomSheet';
 exports.BottomSheet = BottomSheet;

package/bottom-sheet/esm/component.js CHANGED Viewed

@@ -5,7 +5,7 @@ import mergeRefs from 'react-merge-refs';
 import { useSwipeable } from 'react-swipeable';
 import cn from 'classnames';
 import { BaseModal } from '../../base-modal/esm';
-import { fnUtils, os, getDataTestId } from '../../shared/esm';
+import { fnUtils, isClient, os, getDataTestId } from '../../shared/esm';
 import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
@@ -33,7 +33,9 @@ var BottomSheet = forwardRef(function (_a, ref) {
                 return convertPercentToNumber(area, fullHeight, headerOffset);
             });
         }
-        var iOSViewHeight = ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.clientHeight) || window.innerHeight;
+        var iOSViewHeight = isClient()
+            ? ((_a = document === null || document === void 0 ? void 0 : document.documentElement) === null || _a === void 0 ? void 0 : _a.clientHeight) || (window === null || window === void 0 ? void 0 : window.innerHeight)
+            : 0;
         var viewHeight = os.isIOS() ? iOSViewHeight : fullHeight;
         return [0, viewHeight - headerOffset];
     }, [fullHeight, headerOffset, magneticAreasProp]);
@@ -365,5 +367,6 @@ var BottomSheet = forwardRef(function (_a, ref) {
                             _f)), "data-test-id": getDataTestId(dataTestId, 'content') }, children),
                     actionButton && (React.createElement(Footer, { sticky: stickyFooter, className: cn(bgClassName, footerClassName), dataTestId: getDataTestId(dataTestId, 'footer') }, actionButton)))))));
 });
+BottomSheet.displayName = 'BottomSheet';
 export { BottomSheet };

package/bottom-sheet/modern/component.js CHANGED Viewed

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import { useSwipeable } from 'react-swipeable';
 import cn from 'classnames';
 import { BaseModal } from '../../base-modal/modern';
-import { os, getDataTestId, fnUtils } from '../../shared/modern';
+import { isClient, os, getDataTestId, fnUtils } from '../../shared/modern';
 import { Footer } from './components/footer/Component.js';
 import { Header } from './components/header/Component.js';
 import { SwipeableBackdrop } from './components/swipeable-backdrop/Component.js';
@@ -27,7 +27,9 @@ const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundC
         if (magneticAreasProp) {
             return magneticAreasProp.map((area) => convertPercentToNumber(area, fullHeight, headerOffset));
         }
-        const iOSViewHeight = document?.documentElement?.clientHeight || window.innerHeight;
+        const iOSViewHeight = isClient()
+            ? document?.documentElement?.clientHeight || window?.innerHeight
+            : 0;
         const viewHeight = os.isIOS() ? iOSViewHeight : fullHeight;
         return [0, viewHeight - headerOffset];
     }, [fullHeight, headerOffset, magneticAreasProp]);
@@ -393,5 +395,6 @@ const BottomSheet = forwardRef(({ open, title, container, usePortal, backgroundC
                         }), "data-test-id": getDataTestId(dataTestId, 'content') }, children),
                     actionButton && (React.createElement(Footer, { sticky: stickyFooter, className: cn(bgClassName, footerClassName), dataTestId: getDataTestId(dataTestId, 'footer') }, actionButton)))))));
 });
+BottomSheet.displayName = 'BottomSheet';
 export { BottomSheet };

package/button/Component.responsive.js CHANGED Viewed

@@ -17,5 +17,6 @@ var Button = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.ButtonDesktop : mobile_Component_mobile.ButtonMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
+Button.displayName = 'Button';
 exports.Button = Button;

package/button/cssm/Component.responsive.js CHANGED Viewed

@@ -17,5 +17,6 @@ var Button = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.ButtonDesktop : mobile_Component_mobile.ButtonMobile;
     return (React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps), children));
 });
+Button.displayName = 'Button';
 exports.Button = Button;

package/button/esm/Component.responsive.js CHANGED Viewed

@@ -17,5 +17,6 @@ var Button = forwardRef(function (_a, ref) {
     var Component = isDesktop ? ButtonDesktop : ButtonMobile;
     return (React.createElement(Component, __assign({ ref: ref }, restProps), children));
 });
+Button.displayName = 'Button';
 export { Button };

package/button/modern/Component.responsive.js CHANGED Viewed

@@ -15,5 +15,6 @@ const Button = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref) =
     const Component = isDesktop ? ButtonDesktop : ButtonMobile;
     return (React.createElement(Component, { ref: ref, ...restProps }, children));
 });
+Button.displayName = 'Button';
 export { Button };

package/calendar/Component.responsive.js CHANGED Viewed

@@ -15,5 +15,6 @@ var CalendarResponsive = React.forwardRef(function (_a, ref) {
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"))[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(components_calendarMobile_Component.CalendarMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
+CalendarResponsive.displayName = 'CalendarResponsive';
 exports.CalendarResponsive = CalendarResponsive;

package/calendar/components/month-year-header/index.css CHANGED Viewed

@@ -43,7 +43,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-} .cc-calendar .calendar__button_f9dud {
+} .cc-calendar .calendar__button_f9dud.calendar__button_f9dud {
         border-radius: var(--border-radius-s);
     } .calendar__month_f9dud {
     flex-basis: 65%

package/calendar/components/select-button/index.css CHANGED Viewed

@@ -46,7 +46,7 @@
     /* disabled */
     /* marker */
-} .cc-calendar .calendar__button_1tvz6 {
+} .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
@@ -56,23 +56,23 @@
         padding: 0 var(--gap-xs);
         background-color: transparent;
         border-radius: var(--border-radius-l)
-    } .cc-calendar .calendar__button_1tvz6:not(:disabled):hover {
+    } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6:not(:disabled):hover {
             background-color: var(--color-light-transparent-default-hover);
             color: var(--color-light-text-primary);
-        } .cc-calendar .calendar__button_1tvz6.calendar__filled_1tvz6 {
+        } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__filled_1tvz6 {
             background-color: var(--color-light-neutral-translucent-300)
-        } .cc-calendar .calendar__button_1tvz6.calendar__filled_1tvz6:not(:disabled):hover {
+        } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__filled_1tvz6:not(:disabled):hover {
                 background-color: var(--color-light-neutral-translucent-300-hover);
-            } .cc-calendar .calendar__button_1tvz6.calendar__current_1tvz6 {
+            } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__current_1tvz6 {
             color: var(--calendar-today-color);
             font-weight: bold;
-        } .cc-calendar .calendar__button_1tvz6.calendar__selected_1tvz6,
-        .cc-calendar .calendar__button_1tvz6.calendar__selected_1tvz6:disabled {
+        } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__selected_1tvz6,
+        .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__selected_1tvz6:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
-        } .cc-calendar .calendar__button_1tvz6.calendar__selected_1tvz6:not(:disabled):hover, .cc-calendar .calendar__button_1tvz6.calendar__selected_1tvz6:disabled:not(:disabled):hover {
+        } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__selected_1tvz6:not(:disabled):hover, .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6.calendar__selected_1tvz6:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
-            } .cc-calendar .calendar__button_1tvz6 > * {
+            } .cc-calendar .calendar__button_1tvz6.calendar__button_1tvz6 > * {
             flex-grow: 1;
         }

package/calendar/cssm/Component.responsive.js CHANGED Viewed

@@ -15,5 +15,6 @@ var CalendarResponsive = React.forwardRef(function (_a, ref) {
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"))[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(components_calendarMobile_Component.CalendarMobile, tslib.__assign({}, restProps, { ref: ref })));
 });
+CalendarResponsive.displayName = 'CalendarResponsive';
 exports.CalendarResponsive = CalendarResponsive;

package/calendar/cssm/components/month-year-header/index.module.css CHANGED Viewed

@@ -42,7 +42,7 @@
     display: flex;
     align-items: center;
     justify-content: center;
-} :global(.cc-calendar) .button {
+} :global(.cc-calendar) .button.button {
         border-radius: var(--border-radius-s);
     } .month {
     flex-basis: 65%