npm - @alfalab/core-components-navigation-bar-private - Versions diffs - 1.1.5 → 2.0.0-8406faee42e08c133fbcbb0de3e6eb2df6766dd2 - Mend

@alfalab/core-components-navigation-bar-private 1.1.5 → 2.0.0-8406faee42e08c133fbcbb0de3e6eb2df6766dd2

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 (69) hide show

package/components/back-arrow-addon/Component.js CHANGED Viewed

@@ -27,14 +27,14 @@ var BackArrowAddon = function (_a) {
     var _d = _a.text, text = _d === void 0 ? 'Назад' : _d, onClick = _a.onClick, className = _a.className, _e = _a.textOpacity, textOpacity = _e === void 0 ? 1 : _e, view = _a.view, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, htmlAttributes = tslib.__rest(_a, ["text", "onClick", "className", "textOpacity", "view", "colors"]);
     var Icon = view === 'desktop' ? ArrowLeftMediumMIcon.ArrowLeftMediumMIcon : ArrowLeftMIcon.ArrowLeftMIcon;
     var isMobileView = view === 'mobile';
-    return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn__default.default(index_module.component, colorStyles[colors].component, (_b = {}, _b[index_module.mobileComponent] = isMobileView, _b), className) }, htmlAttributes),
+    return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: isMobileView ? 32 : 48, onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn__default.default(index_module.component, colorStyles[colors].component, (_b = {}, _b[index_module.mobileComponent] = isMobileView, _b), className) }, htmlAttributes),
         React__default.default.createElement("div", { className: index_module.flex },
             React__default.default.createElement("div", { className: cn__default.default(index_module.iconWrapper, (_c = {},
                     _c[index_module.mobileWrapper] = isMobileView,
                     _c[colorStyles[colors].mobileWrapper] = isMobileView,
                     _c)) },
                 React__default.default.createElement(Icon, null)),
-            textOpacity > 0 && text && (React__default.default.createElement(coreComponentsTypography.Text, { className: cn__default.default(index_module.text, colorStyles[colors].text), view: view === 'desktop' ? 'primary-large' : 'component', weight: 'medium', style: { opacity: textOpacity } }, text)))));
+            textOpacity > 0 && text && (React__default.default.createElement(coreComponentsTypography.TypographyText, { className: cn__default.default(index_module.text, colorStyles[colors].text), view: view === 'desktop' ? 'primary-large' : 'component-primary', weight: 'medium', style: { opacity: textOpacity } }, text)))));
 };
 exports.BackArrowAddon = BackArrowAddon;

package/components/back-arrow-addon/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../src/components/back-arrow-addon/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { ~~Text~~ } from '@alfalab/core-components-typography';\nimport { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';\nimport { ArrowLeftMIcon } from '@alfalab/icons-glyph/ArrowLeftMIcon';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n};\n\ntype ColorType = 'default' \| 'inverted';\n\nexport interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {\n /*\n Текст после иконки\n /\n text?: string \| null;\n\n /\n Дополнительный класс\n /\n className?: string;\n\n /\n Вид компонента\n /\n view: 'mobile' \| 'desktop';\n\n /\n Прозрачность текста\n /\n textOpacity?: number;\n\n /\n Обработчик клика\n /\n onClick?: () => void;\n\n /\n Набор цветов для компонента\n */\n colors?: ColorType;\n}\n\nexport const BackArrowAddon: React.FC<BackArrowAddonProps> = ({\n text = 'Назад',\n onClick,\n className,\n textOpacity = 1,\n view,\n colors = 'default',\n ...htmlAttributes\n}) => {\n const Icon = view === 'desktop' ? ArrowLeftMediumMIcon : ArrowLeftMIcon;\n const isMobileView = view === 'mobile';\n\n return (\n <ButtonDesktop\n view='text'\n size={isMobileView ? ~~'xxs'~~ : ~~'s'~~}\n onClick={onClick}\n aria-label='назад'\n className={cn(\n styles.component,\n colorStyles[colors].component,\n { [styles.mobileComponent]: isMobileView },\n className,\n )}\n {...htmlAttributes}\n >\n <div className={styles.flex}>\n <div\n className={cn(styles.iconWrapper, {\n [styles.mobileWrapper]: isMobileView,\n [colorStyles[colors].mobileWrapper]: isMobileView,\n })}\n >\n <Icon />\n </div>\n {textOpacity > 0 && text && (\n <~~Text~~\n className={cn(styles.text, colorStyles[colors].text)}\n view={view === 'desktop' ? 'primary-large' : 'component'}\n weight='medium'\n style={{ opacity: textOpacity }}\n >\n {text}\n </~~Text~~>\n )}\n </div>\n </ButtonDesktop>\n );\n};\n"],"names":["defaultColors","invertedColors","__rest","ArrowLeftMediumMIcon","ArrowLeftMIcon","React","ButtonDesktop","__assign","cn","styles","~~Text~~"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,IAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAEA,cAAa;AACtB,IAAA,QAAQ,EAAEC,eAAc;CAC3B;AAoCM,IAAM,cAAc,GAAkC,UAAC,EAQ7D,EAAA;;AAPG,IAAA,IAAA,EAAc,GAAA,EAAA,CAAA,IAAA,EAAd,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,mBAAe,EAAf,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,GAAA,EAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAkB,GAAA,EAAA,CAAA,MAAA,EAAlB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACf,cAAc,GAAAC,YAAA,CAAA,EAAA,EAPyC,iEAQ7D,CADoB;AAEjB,IAAA,IAAM,IAAI,GAAG,IAAI,KAAK,SAAS,GAAGC,yCAAoB,GAAGC,6BAAc;AACvE,IAAA,IAAM,YAAY,GAAG,IAAI,KAAK,QAAQ;IAEtC,QACIC,qCAACC,qBAAa,EAAAC,cAAA,CAAA,EACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,YAAY,GAAG,~~KAAK~~,GAAG,~~GAAG~~,~~EAChC~~,OAAO,EAAE,OAAO,EACL,YAAA,EAAA,gCAAO,EAClB,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChB,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,GAC3B,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,eAAe,CAAA,GAAG,YAAY,EACxC,EAAA,GAAA,SAAS,CACZ,EAAA,EACG,cAAc,CAAA;AAElB,QAAAJ,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEI,YAAM,CAAC,IAAI,EAAA;AACvB,YAAAJ,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEG,mBAAE,CAACC,YAAM,CAAC,WAAW,GAAA,EAAA,GAAA,EAAA;AAC5B,oBAAA,EAAA,CAACA,YAAM,CAAC,aAAa,CAAA,GAAG,YAAY;AACpC,oBAAA,EAAA,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,aAAa,IAAG,YAAY;AACnD,oBAAA,EAAA,EAAA,EAAA;gBAEFJ,sBAAC,CAAA,aAAA,CAAA,IAAI,OAAG,CACN;YACL,WAAW,GAAG,CAAC,IAAI,IAAI,KACpBA,sBAAA,CAAA,aAAA,CAACK,~~6BAAI~~,EAAA,~~EACD~~,SAAS,EAAEF,mBAAE,CAACC,YAAM,CAAC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EACpD,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,eAAe,GAAG,~~WAAW~~,~~EACxD~~,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAA,EAE9B,IAAI,~~CACF~~,~~CACV~~,CACC,CACM;AAExB;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../src/components/back-arrow-addon/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { TypographyText } from '@alfalab/core-components-typography';\nimport { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';\nimport { ArrowLeftMIcon } from '@alfalab/icons-glyph/ArrowLeftMIcon';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n};\n\ntype ColorType = 'default' \| 'inverted';\n\nexport interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {\n /*\n Текст после иконки\n /\n text?: string \| null;\n\n /\n Дополнительный класс\n /\n className?: string;\n\n /\n Вид компонента\n /\n view: 'mobile' \| 'desktop';\n\n /\n Прозрачность текста\n /\n textOpacity?: number;\n\n /\n Обработчик клика\n /\n onClick?: () => void;\n\n /\n Набор цветов для компонента\n */\n colors?: ColorType;\n}\n\nexport const BackArrowAddon: React.FC<BackArrowAddonProps> = ({\n text = 'Назад',\n onClick,\n className,\n textOpacity = 1,\n view,\n colors = 'default',\n ...htmlAttributes\n}) => {\n const Icon = view === 'desktop' ? ArrowLeftMediumMIcon : ArrowLeftMIcon;\n const isMobileView = view === 'mobile';\n\n return (\n <ButtonDesktop\n view='text'\n size={isMobileView ? 32 : 48}\n onClick={onClick}\n aria-label='назад'\n className={cn(\n styles.component,\n colorStyles[colors].component,\n { [styles.mobileComponent]: isMobileView },\n className,\n )}\n {...htmlAttributes}\n >\n <div className={styles.flex}>\n <div\n className={cn(styles.iconWrapper, {\n [styles.mobileWrapper]: isMobileView,\n [colorStyles[colors].mobileWrapper]: isMobileView,\n })}\n >\n <Icon />\n </div>\n {textOpacity > 0 && text && (\n <TypographyText\n className={cn(styles.text, colorStyles[colors].text)}\n view={view === 'desktop' ? 'primary-large' : 'component-primary'}\n weight='medium'\n style={{ opacity: textOpacity }}\n >\n {text}\n </TypographyText>\n )}\n </div>\n </ButtonDesktop>\n );\n};\n"],"names":["defaultColors","invertedColors","__rest","ArrowLeftMediumMIcon","ArrowLeftMIcon","React","ButtonDesktop","__assign","cn","styles","TypographyText"],"mappings":";;;;;;;;;;;;;;;;;;;;AAYA,IAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAEA,cAAa;AACtB,IAAA,QAAQ,EAAEC,eAAc;CAC3B;AAoCM,IAAM,cAAc,GAAkC,UAAC,EAQ7D,EAAA;;AAPG,IAAA,IAAA,EAAc,GAAA,EAAA,CAAA,IAAA,EAAd,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,mBAAe,EAAf,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,GAAA,EAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAkB,GAAA,EAAA,CAAA,MAAA,EAAlB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACf,cAAc,GAAAC,YAAA,CAAA,EAAA,EAPyC,iEAQ7D,CADoB;AAEjB,IAAA,IAAM,IAAI,GAAG,IAAI,KAAK,SAAS,GAAGC,yCAAoB,GAAGC,6BAAc;AACvE,IAAA,IAAM,YAAY,GAAG,IAAI,KAAK,QAAQ;IAEtC,QACIC,qCAACC,qBAAa,EAAAC,cAAA,CAAA,EACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,YAAY,GAAG,EAAE,GAAG,EAAE,EAC5B,OAAO,EAAE,OAAO,EACL,YAAA,EAAA,gCAAO,EAClB,SAAS,EAAEC,mBAAE,CACTC,YAAM,CAAC,SAAS,EAChB,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,GAC3B,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,YAAM,CAAC,eAAe,CAAA,GAAG,YAAY,EACxC,EAAA,GAAA,SAAS,CACZ,EAAA,EACG,cAAc,CAAA;AAElB,QAAAJ,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEI,YAAM,CAAC,IAAI,EAAA;AACvB,YAAAJ,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEG,mBAAE,CAACC,YAAM,CAAC,WAAW,GAAA,EAAA,GAAA,EAAA;AAC5B,oBAAA,EAAA,CAACA,YAAM,CAAC,aAAa,CAAA,GAAG,YAAY;AACpC,oBAAA,EAAA,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,aAAa,IAAG,YAAY;AACnD,oBAAA,EAAA,EAAA,EAAA;gBAEFJ,sBAAC,CAAA,aAAA,CAAA,IAAI,OAAG,CACN;YACL,WAAW,GAAG,CAAC,IAAI,IAAI,KACpBA,sBAAA,CAAA,aAAA,CAACK,uCAAc,EAAA,EACX,SAAS,EAAEF,mBAAE,CAACC,YAAM,CAAC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EACpD,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,eAAe,GAAG,mBAAmB,EAChE,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAA,EAE9B,IAAI,CACQ,CACpB,CACC,CACM;AAExB;;;;"}

package/components/back-arrow-addon/default.css CHANGED Viewed

@@ -13,25 +13,25 @@
     --navigation-bar-back-arrow-mobile-fill: var(--color-light-neutral-translucent-700);
     --button-text-base-color: var(--color-light-text-primary);
 }
-.navigation-bar-private__component_10c8f {
+.navigation-bar-private__component_1aafv {
     background: var(--color-light-monochrome-white-4);
 }
-.navigation-bar-private__component_10c8f svg > path {
+.navigation-bar-private__component_1aafv svg > path {
         fill: var(--color-light-neutral-translucent-1300);
     }
-.navigation-bar-private__component_10c8f:hover svg > path {
+.navigation-bar-private__component_1aafv:hover svg > path {
             fill: var(--color-light-neutral-translucent-1300-hover);
         }
-.navigation-bar-private__component_10c8f:active svg > path {
+.navigation-bar-private__component_1aafv:active svg > path {
             fill: var(--color-light-neutral-translucent-1300-press);
         }
-.navigation-bar-private__text_10c8f {
+.navigation-bar-private__text_1aafv {
     color: var(--button-text-base-color);
 }
-.navigation-bar-private__mobileWrapper_10c8f {
+.navigation-bar-private__mobileWrapper_1aafv {
     background: var(--color-light-neutral-translucent-100);
     color: var(--color-light-neutral-translucent-100);
 }
-.navigation-bar-private__mobileWrapper_10c8f svg > path {
+.navigation-bar-private__mobileWrapper_1aafv svg > path {
         fill: var(--navigation-bar-back-arrow-mobile-fill);
     }

package/components/back-arrow-addon/default.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./default.css');
-var defaultColors = {"component":"navigation-bar-private__component_10c8f","text":"navigation-bar-private__text_10c8f","mobileWrapper":"navigation-bar-private__mobileWrapper_10c8f"};
+var defaultColors = {"component":"navigation-bar-private__component_1aafv","text":"navigation-bar-private__text_1aafv","mobileWrapper":"navigation-bar-private__mobileWrapper_1aafv"};
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/back-arrow-addon/index.css CHANGED Viewed

@@ -1,45 +1,54 @@
 :root {
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
-} :root {
+}
+:root {
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
-} .navigation-bar-private__component_11eeb {
+}
+.navigation-bar-private__component_1u5nh {
     height: 100%;
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: var(--border-radius-pill);
     min-width: 48px;
-} .navigation-bar-private__component_11eeb svg > path {
+}
+.navigation-bar-private__component_1u5nh svg > path {
         transition: fill 0.2s ease;
-    } .navigation-bar-private__mobileComponent_11eeb {
+    }
+.navigation-bar-private__mobileComponent_1u5nh {
     height: 32px;
     min-width: 32px;
     margin: var(--gap-0) var(--gap-8);
     -webkit-backdrop-filter: none;
             backdrop-filter: none;
     background: none;
-} .navigation-bar-private__flex_11eeb {
+}
+.navigation-bar-private__flex_1u5nh {
     display: flex;
     align-items: center;
-} .navigation-bar-private__iconWrapper_11eeb {
+}
+.navigation-bar-private__iconWrapper_1u5nh {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 48px;
     margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);
     border-radius: var(--border-radius-circle);
-} .navigation-bar-private__iconWrapper_11eeb + .navigation-bar-private__text_11eeb {
+}
+.navigation-bar-private__iconWrapper_1u5nh + .navigation-bar-private__text_1u5nh {
         margin-right: var(--gap-12);
-    } .navigation-bar-private__mobileWrapper_11eeb {
+    }
+.navigation-bar-private__mobileWrapper_1u5nh {
     width: 32px;
     height: 32px;
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     margin: var(--gap-0);
-} .navigation-bar-private__mobileWrapper_11eeb + .navigation-bar-private__text_11eeb {
+}
+.navigation-bar-private__mobileWrapper_1u5nh + .navigation-bar-private__text_1u5nh {
         margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
     }

package/components/back-arrow-addon/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"component":"navigation-bar-private__component_11eeb","mobileComponent":"navigation-bar-private__mobileComponent_11eeb","flex":"navigation-bar-private__flex_11eeb","iconWrapper":"navigation-bar-private__iconWrapper_11eeb","text":"navigation-bar-private__text_11eeb","mobileWrapper":"navigation-bar-private__mobileWrapper_11eeb"};
+var styles = {"component":"navigation-bar-private__component_1u5nh","mobileComponent":"navigation-bar-private__mobileComponent_1u5nh","flex":"navigation-bar-private__flex_1u5nh","iconWrapper":"navigation-bar-private__iconWrapper_1u5nh","text":"navigation-bar-private__text_1u5nh","mobileWrapper":"navigation-bar-private__mobileWrapper_1u5nh"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/back-arrow-addon/inverted.css CHANGED Viewed

@@ -15,25 +15,25 @@
     );
     --button-inverted-text-base-color: var(--color-light-text-primary-inverted);
 }
-.navigation-bar-private__component_1rtds {
+.navigation-bar-private__component_67egm {
     background: var(--color-light-monochrome-white-4-inverted);
 }
-.navigation-bar-private__component_1rtds svg > path {
+.navigation-bar-private__component_67egm svg > path {
         fill: var(--color-light-neutral-translucent-1300-inverted);
     }
-.navigation-bar-private__component_1rtds:hover svg > path {
+.navigation-bar-private__component_67egm:hover svg > path {
             fill: var(--color-light-neutral-translucent-1300-inverted-hover);
         }
-.navigation-bar-private__component_1rtds:active svg > path {
+.navigation-bar-private__component_67egm:active svg > path {
             fill: var(--color-light-neutral-translucent-1300-inverted-press);
         }
-.navigation-bar-private__text_1rtds {
+.navigation-bar-private__text_67egm {
     color: var(--button-inverted-text-base-color);
 }
-.navigation-bar-private__mobileWrapper_1rtds {
+.navigation-bar-private__mobileWrapper_67egm {
     background: var(--color-light-neutral-translucent-100-inverted);
     color: var(--color-light-neutral-translucent-700-inverted);
 }
-.navigation-bar-private__mobileWrapper_1rtds svg > path {
+.navigation-bar-private__mobileWrapper_67egm svg > path {
         fill: var(--navigation-bar-back-arrow-mobile-fill-inverted);
     }

package/components/back-arrow-addon/inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./inverted.css');
-var invertedColors = {"component":"navigation-bar-private__component_1rtds","text":"navigation-bar-private__text_1rtds","mobileWrapper":"navigation-bar-private__mobileWrapper_1rtds"};
+var invertedColors = {"component":"navigation-bar-private__component_67egm","text":"navigation-bar-private__text_67egm","mobileWrapper":"navigation-bar-private__mobileWrapper_67egm"};
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

package/components/closer/Component.js CHANGED Viewed

@@ -30,7 +30,7 @@ var Closer = function (_a) {
     return (React__default.default.createElement("div", { className: cn__default.default(index_module.closer, className, (_b = {},
             _b[index_module.sticky] = sticky,
             _b)) },
-        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({ size: view === 'desktop' ? 's' : 'xs', className: cn__default.default(index_module.button, colorStyles[colors].button, (_c = {},
+        React__default.default.createElement(coreComponentsIconButton.IconButton, tslib.__assign({ size: view === 'desktop' ? 48 : 32, className: cn__default.default(index_module.button, colorStyles[colors].button, (_c = {},
                 _c[colorStyles[colors].mobile] = view === 'mobile',
                 _c)), "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, colors: colors, dataTestId: dataTestId }, restProps))));
 };

package/components/closer/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../src/components/closer/Component.tsx"],"sourcesContent":["import React, { type ButtonHTMLAttributes, type ElementType, type FC } from 'react';\nimport cn from 'classnames';\n\nimport { IconButton, type IconButtonProps } from '@alfalab/core-components-icon-button';\nimport { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n} as const;\n\nexport interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Вид компонента\n /\n view: 'desktop' \| 'mobile';\n\n /\n Дополнительный класс\n /\n className?: string;\n\n /\n Позиция крестика\n /\n align?: 'left' \| 'right';\n\n /\n Фиксирует крестик\n /\n sticky?: boolean;\n\n /\n Иконка\n /\n icon?: ElementType;\n\n /\n Набор цветов для компонента\n /\n colors?: IconButtonProps['colors'];\n\n /\n Идентификатор для систем автоматизированного тестирования\n /\n dataTestId?: string;\n\n /\n Коллбэк закрытия.\n */\n onClose?: (\n event: React.MouseEvent<HTMLElement> \| React.KeyboardEvent<HTMLElement>,\n reason?: 'backdropClick' \| 'escapeKeyDown' \| 'closerClick',\n ) => void;\n}\n\nexport const Closer: FC<CloserProps> = ({\n view,\n className,\n sticky,\n icon = view === 'desktop' ? CrossHeavyMIcon : CrossMIcon,\n colors = 'default',\n dataTestId,\n onClose,\n ...restProps\n}) => {\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n onClose?.(event, 'closerClick');\n };\n\n return (\n <div\n className={cn(styles.closer, className, {\n [styles.sticky]: sticky,\n })}\n >\n <IconButton\n size={view === 'desktop' ? ~~'s'~~ : ~~'xs'~~}\n className={cn(styles.button, colorStyles[colors].button, {\n [colorStyles[colors].mobile]: view === 'mobile',\n })}\n aria-label='закрыть'\n onClick={handleClick}\n icon={icon}\n colors={colors}\n dataTestId={dataTestId}\n {...restProps}\n />\n </div>\n );\n};\n"],"names":["defaultColors","invertedColors","CrossHeavyMIcon","CrossMIcon","__rest","React","cn","styles","IconButton","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,IAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAEA,cAAa;AACtB,IAAA,QAAQ,EAAEC,eAAc;CAClB;AA+CH,IAAM,MAAM,GAAoB,UAAC,EASvC,EAAA;;AARG,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,YAAwD,EAAxD,IAAI,mBAAG,IAAI,KAAK,SAAS,GAAGC,+BAAe,GAAGC,qBAAU,GAAA,EAAA,EACxD,cAAkB,EAAlB,MAAM,mBAAG,SAAS,GAAA,EAAA,EAClB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAAAC,YAAA,CAAA,EAAA,EARwB,0EASvC,CADe;IAEZ,IAAM,WAAW,GAAG,UAAC,KAA0C,EAAA;QAC3D,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAG,KAAK,EAAE,aAAa,CAAC;AACnC,KAAC;IAED,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA;AAEF,QAAAF,sBAAA,CAAA,aAAA,CAACG,mCAAU,EAAAC,cAAA,CAAA,EACP,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,~~GAAG~~,GAAG,~~IAAI~~,~~EACrC~~,SAAS,EAAEH,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,GAAA,EAAA,GAAA,EAAA;gBACnD,EAAC,CAAA,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAA,GAAG,IAAI,KAAK,QAAQ;oBACjD,EACS,YAAA,EAAA,4CAAS,EACpB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,IAClB,SAAS,CAAA,CACf,CACA;AAEd;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../src/components/closer/Component.tsx"],"sourcesContent":["import React, { type ButtonHTMLAttributes, type ElementType, type FC } from 'react';\nimport cn from 'classnames';\n\nimport { IconButton, type IconButtonProps } from '@alfalab/core-components-icon-button';\nimport { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n} as const;\n\nexport interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Вид компонента\n /\n view: 'desktop' \| 'mobile';\n\n /\n Дополнительный класс\n /\n className?: string;\n\n /\n Позиция крестика\n /\n align?: 'left' \| 'right';\n\n /\n Фиксирует крестик\n /\n sticky?: boolean;\n\n /\n Иконка\n /\n icon?: ElementType;\n\n /\n Набор цветов для компонента\n /\n colors?: IconButtonProps['colors'];\n\n /\n Идентификатор для систем автоматизированного тестирования\n /\n dataTestId?: string;\n\n /\n Коллбэк закрытия.\n */\n onClose?: (\n event: React.MouseEvent<HTMLElement> \| React.KeyboardEvent<HTMLElement>,\n reason?: 'backdropClick' \| 'escapeKeyDown' \| 'closerClick',\n ) => void;\n}\n\nexport const Closer: FC<CloserProps> = ({\n view,\n className,\n sticky,\n icon = view === 'desktop' ? CrossHeavyMIcon : CrossMIcon,\n colors = 'default',\n dataTestId,\n onClose,\n ...restProps\n}) => {\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n onClose?.(event, 'closerClick');\n };\n\n return (\n <div\n className={cn(styles.closer, className, {\n [styles.sticky]: sticky,\n })}\n >\n <IconButton\n size={view === 'desktop' ? 48 : 32}\n className={cn(styles.button, colorStyles[colors].button, {\n [colorStyles[colors].mobile]: view === 'mobile',\n })}\n aria-label='закрыть'\n onClick={handleClick}\n icon={icon}\n colors={colors}\n dataTestId={dataTestId}\n {...restProps}\n />\n </div>\n );\n};\n"],"names":["defaultColors","invertedColors","CrossHeavyMIcon","CrossMIcon","__rest","React","cn","styles","IconButton","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;AAWA,IAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAEA,cAAa;AACtB,IAAA,QAAQ,EAAEC,eAAc;CAClB;AA+CH,IAAM,MAAM,GAAoB,UAAC,EASvC,EAAA;;AARG,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,YAAwD,EAAxD,IAAI,mBAAG,IAAI,KAAK,SAAS,GAAGC,+BAAe,GAAGC,qBAAU,GAAA,EAAA,EACxD,cAAkB,EAAlB,MAAM,mBAAG,SAAS,GAAA,EAAA,EAClB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAAAC,YAAA,CAAA,EAAA,EARwB,0EASvC,CADe;IAEZ,IAAM,WAAW,GAAG,UAAC,KAA0C,EAAA;QAC3D,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAG,KAAK,EAAE,aAAa,CAAC;AACnC,KAAC;IAED,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAACA,YAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA;AAEF,QAAAF,sBAAA,CAAA,aAAA,CAACG,mCAAU,EAAAC,cAAA,CAAA,EACP,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,EAClC,SAAS,EAAEH,mBAAE,CAACC,YAAM,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,GAAA,EAAA,GAAA,EAAA;gBACnD,EAAC,CAAA,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAA,GAAG,IAAI,KAAK,QAAQ;oBACjD,EACS,YAAA,EAAA,4CAAS,EACpB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,IAClB,SAAS,CAAA,CACf,CACA;AAEd;;;;"}

package/components/closer/default.css CHANGED Viewed

@@ -9,11 +9,11 @@
 :root {
     --navigation-bar-closer-mobile-color: var(--color-light-neutral-translucent-700);
 }
-.navigation-bar-private__button_76myz.navigation-bar-private__button_76myz {
+.navigation-bar-private__button_xrumq.navigation-bar-private__button_xrumq {
     background: var(--color-light-monochrome-white-4);
     color: var(--color-light-neutral-translucent-1300);
 }
-.navigation-bar-private__button_76myz.navigation-bar-private__button_76myz.navigation-bar-private__mobile_76myz {
+.navigation-bar-private__button_xrumq.navigation-bar-private__button_xrumq.navigation-bar-private__mobile_xrumq {
         background: var(--color-light-neutral-translucent-100);
         color: var(--navigation-bar-closer-mobile-color);
     }

package/components/closer/default.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./default.css');
-var defaultColors = {"button":"navigation-bar-private__button_76myz","mobile":"navigation-bar-private__mobile_76myz"};
+var defaultColors = {"button":"navigation-bar-private__button_xrumq","mobile":"navigation-bar-private__mobile_xrumq"};
 module.exports = defaultColors;
 //# sourceMappingURL=default.module.css.js.map

package/components/closer/index.css CHANGED Viewed

@@ -1,8 +1,10 @@
 :root {
     --border-radius-circle: 50%;
-} :root {
+}
+:root {
     --gap-0: 0px;
-} .navigation-bar-private__closer_f02t0 {
+}
+.navigation-bar-private__closer_3w7t4 {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -10,12 +12,15 @@
     display: flex;
     align-items: center;
     justify-content: center;
-} .navigation-bar-private__button_f02t0 {
+}
+.navigation-bar-private__button_3w7t4 {
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
-} .navigation-bar-private__button_f02t0.navigation-bar-private__button_f02t0 {
+}
+.navigation-bar-private__button_3w7t4.navigation-bar-private__button_3w7t4 {
     border-radius: var(--border-radius-circle);
-} .navigation-bar-private__sticky_f02t0 {
+}
+.navigation-bar-private__sticky_3w7t4 {
     position: sticky;
     top: var(--gap-0);
 }

package/components/closer/index.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./index.css');
-var styles = {"closer":"navigation-bar-private__closer_f02t0","button":"navigation-bar-private__button_f02t0","sticky":"navigation-bar-private__sticky_f02t0"};
+var styles = {"closer":"navigation-bar-private__closer_3w7t4","button":"navigation-bar-private__button_3w7t4","sticky":"navigation-bar-private__sticky_3w7t4"};
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/components/closer/inverted.css CHANGED Viewed

@@ -10,11 +10,11 @@
         --color-light-neutral-translucent-700-inverted
     );
 }
-.navigation-bar-private__button_u78eu.navigation-bar-private__button_u78eu {
+.navigation-bar-private__button_12z9i.navigation-bar-private__button_12z9i {
     background: var(--color-light-monochrome-white-4-inverted);
     color: var(--color-light-neutral-translucent-1300-inverted);
 }
-.navigation-bar-private__button_u78eu.navigation-bar-private__button_u78eu.navigation-bar-private__mobile_u78eu {
+.navigation-bar-private__button_12z9i.navigation-bar-private__button_12z9i.navigation-bar-private__mobile_12z9i {
         background: var(--color-light-neutral-translucent-100-inverted);
         color: var(--navigation-bar-closer-mobile-color-inverted);
     }

package/components/closer/inverted.module.css.js CHANGED Viewed

@@ -2,7 +2,7 @@
 require('./inverted.css');
-var invertedColors = {"button":"navigation-bar-private__button_u78eu","mobile":"navigation-bar-private__mobile_u78eu"};
+var invertedColors = {"button":"navigation-bar-private__button_12z9i","mobile":"navigation-bar-private__mobile_12z9i"};
 module.exports = invertedColors;
 //# sourceMappingURL=inverted.module.css.js.map

package/cssm/components/back-arrow-addon/Component.js CHANGED Viewed

@@ -30,14 +30,14 @@ var BackArrowAddon = function (_a) {
     var _d = _a.text, text = _d === void 0 ? 'Назад' : _d, onClick = _a.onClick, className = _a.className, _e = _a.textOpacity, textOpacity = _e === void 0 ? 1 : _e, view = _a.view, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, htmlAttributes = tslib.__rest(_a, ["text", "onClick", "className", "textOpacity", "view", "colors"]);
     var Icon = view === 'desktop' ? ArrowLeftMediumMIcon.ArrowLeftMediumMIcon : ArrowLeftMIcon.ArrowLeftMIcon;
     var isMobileView = view === 'mobile';
-    return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: isMobileView ? 'xxs' : 's', onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn__default.default(styles__default.default.component, colorStyles[colors].component, (_b = {}, _b[styles__default.default.mobileComponent] = isMobileView, _b), className) }, htmlAttributes),
+    return (React__default.default.createElement(desktop.ButtonDesktop, tslib.__assign({ view: 'text', size: isMobileView ? 32 : 48, onClick: onClick, "aria-label": '\u043D\u0430\u0437\u0430\u0434', className: cn__default.default(styles__default.default.component, colorStyles[colors].component, (_b = {}, _b[styles__default.default.mobileComponent] = isMobileView, _b), className) }, htmlAttributes),
         React__default.default.createElement("div", { className: styles__default.default.flex },
             React__default.default.createElement("div", { className: cn__default.default(styles__default.default.iconWrapper, (_c = {},
                     _c[styles__default.default.mobileWrapper] = isMobileView,
                     _c[colorStyles[colors].mobileWrapper] = isMobileView,
                     _c)) },
                 React__default.default.createElement(Icon, null)),
-            textOpacity > 0 && text && (React__default.default.createElement(cssm.Text, { className: cn__default.default(styles__default.default.text, colorStyles[colors].text), view: view === 'desktop' ? 'primary-large' : 'component', weight: 'medium', style: { opacity: textOpacity } }, text)))));
+            textOpacity > 0 && text && (React__default.default.createElement(cssm.TypographyText, { className: cn__default.default(styles__default.default.text, colorStyles[colors].text), view: view === 'desktop' ? 'primary-large' : 'component-primary', weight: 'medium', style: { opacity: textOpacity } }, text)))));
 };
 exports.BackArrowAddon = BackArrowAddon;

package/cssm/components/back-arrow-addon/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../src/components/back-arrow-addon/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { ~~Text~~ } from '@alfalab/core-components-typography';\nimport { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';\nimport { ArrowLeftMIcon } from '@alfalab/icons-glyph/ArrowLeftMIcon';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n};\n\ntype ColorType = 'default' \| 'inverted';\n\nexport interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {\n /*\n Текст после иконки\n /\n text?: string \| null;\n\n /\n Дополнительный класс\n /\n className?: string;\n\n /\n Вид компонента\n /\n view: 'mobile' \| 'desktop';\n\n /\n Прозрачность текста\n /\n textOpacity?: number;\n\n /\n Обработчик клика\n /\n onClick?: () => void;\n\n /\n Набор цветов для компонента\n */\n colors?: ColorType;\n}\n\nexport const BackArrowAddon: React.FC<BackArrowAddonProps> = ({\n text = 'Назад',\n onClick,\n className,\n textOpacity = 1,\n view,\n colors = 'default',\n ...htmlAttributes\n}) => {\n const Icon = view === 'desktop' ? ArrowLeftMediumMIcon : ArrowLeftMIcon;\n const isMobileView = view === 'mobile';\n\n return (\n <ButtonDesktop\n view='text'\n size={isMobileView ? ~~'xxs'~~ : ~~'s'~~}\n onClick={onClick}\n aria-label='назад'\n className={cn(\n styles.component,\n colorStyles[colors].component,\n { [styles.mobileComponent]: isMobileView },\n className,\n )}\n {...htmlAttributes}\n >\n <div className={styles.flex}>\n <div\n className={cn(styles.iconWrapper, {\n [styles.mobileWrapper]: isMobileView,\n [colorStyles[colors].mobileWrapper]: isMobileView,\n })}\n >\n <Icon />\n </div>\n {textOpacity > 0 && text && (\n <~~Text~~\n className={cn(styles.text, colorStyles[colors].text)}\n view={view === 'desktop' ? 'primary-large' : 'component'}\n weight='medium'\n style={{ opacity: textOpacity }}\n >\n {text}\n </~~Text~~>\n )}\n </div>\n </ButtonDesktop>\n );\n};\n"],"names":["defaultColors","invertedColors","__rest","ArrowLeftMediumMIcon","ArrowLeftMIcon","React","ButtonDesktop","__assign","cn","styles","~~Text~~"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAEA,8BAAa;AACtB,IAAA,QAAQ,EAAEC,+BAAc;CAC3B;AAoCM,IAAM,cAAc,GAAkC,UAAC,EAQ7D,EAAA;;AAPG,IAAA,IAAA,EAAc,GAAA,EAAA,CAAA,IAAA,EAAd,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,mBAAe,EAAf,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,GAAA,EAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAkB,GAAA,EAAA,CAAA,MAAA,EAAlB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACf,cAAc,GAAAC,YAAA,CAAA,EAAA,EAPyC,iEAQ7D,CADoB;AAEjB,IAAA,IAAM,IAAI,GAAG,IAAI,KAAK,SAAS,GAAGC,yCAAoB,GAAGC,6BAAc;AACvE,IAAA,IAAM,YAAY,GAAG,IAAI,KAAK,QAAQ;IAEtC,QACIC,qCAACC,qBAAa,EAAAC,cAAA,CAAA,EACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,YAAY,GAAG,~~KAAK~~,GAAG,~~GAAG~~,~~EAChC~~,OAAO,EAAE,OAAO,EACL,YAAA,EAAA,gCAAO,EAClB,SAAS,EAAEC,mBAAE,CACTC,uBAAM,CAAC,SAAS,EAChB,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,GAC3B,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,uBAAM,CAAC,eAAe,CAAA,GAAG,YAAY,EACxC,EAAA,GAAA,SAAS,CACZ,EAAA,EACG,cAAc,CAAA;AAElB,QAAAJ,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEI,uBAAM,CAAC,IAAI,EAAA;AACvB,YAAAJ,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEG,mBAAE,CAACC,uBAAM,CAAC,WAAW,GAAA,EAAA,GAAA,EAAA;AAC5B,oBAAA,EAAA,CAACA,uBAAM,CAAC,aAAa,CAAA,GAAG,YAAY;AACpC,oBAAA,EAAA,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,aAAa,IAAG,YAAY;AACnD,oBAAA,EAAA,EAAA,EAAA;gBAEFJ,sBAAC,CAAA,aAAA,CAAA,IAAI,OAAG,CACN;YACL,WAAW,GAAG,CAAC,IAAI,IAAI,KACpBA,sBAAA,CAAA,aAAA,CAACK,~~SAAI~~,EAAA,~~EACD~~,SAAS,EAAEF,mBAAE,CAACC,uBAAM,CAAC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EACpD,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,eAAe,GAAG,~~WAAW~~,~~EACxD~~,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAA,EAE9B,IAAI,~~CACF~~,~~CACV~~,CACC,CACM;AAExB;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../../src/components/back-arrow-addon/Component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ButtonDesktop } from '@alfalab/core-components-button/desktop';\nimport { TypographyText } from '@alfalab/core-components-typography';\nimport { ArrowLeftMediumMIcon } from '@alfalab/icons-glyph/ArrowLeftMediumMIcon';\nimport { ArrowLeftMIcon } from '@alfalab/icons-glyph/ArrowLeftMIcon';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n};\n\ntype ColorType = 'default' \| 'inverted';\n\nexport interface BackArrowAddonProps extends React.HTMLAttributes<HTMLButtonElement> {\n /*\n Текст после иконки\n /\n text?: string \| null;\n\n /\n Дополнительный класс\n /\n className?: string;\n\n /\n Вид компонента\n /\n view: 'mobile' \| 'desktop';\n\n /\n Прозрачность текста\n /\n textOpacity?: number;\n\n /\n Обработчик клика\n /\n onClick?: () => void;\n\n /\n Набор цветов для компонента\n */\n colors?: ColorType;\n}\n\nexport const BackArrowAddon: React.FC<BackArrowAddonProps> = ({\n text = 'Назад',\n onClick,\n className,\n textOpacity = 1,\n view,\n colors = 'default',\n ...htmlAttributes\n}) => {\n const Icon = view === 'desktop' ? ArrowLeftMediumMIcon : ArrowLeftMIcon;\n const isMobileView = view === 'mobile';\n\n return (\n <ButtonDesktop\n view='text'\n size={isMobileView ? 32 : 48}\n onClick={onClick}\n aria-label='назад'\n className={cn(\n styles.component,\n colorStyles[colors].component,\n { [styles.mobileComponent]: isMobileView },\n className,\n )}\n {...htmlAttributes}\n >\n <div className={styles.flex}>\n <div\n className={cn(styles.iconWrapper, {\n [styles.mobileWrapper]: isMobileView,\n [colorStyles[colors].mobileWrapper]: isMobileView,\n })}\n >\n <Icon />\n </div>\n {textOpacity > 0 && text && (\n <TypographyText\n className={cn(styles.text, colorStyles[colors].text)}\n view={view === 'desktop' ? 'primary-large' : 'component-primary'}\n weight='medium'\n style={{ opacity: textOpacity }}\n >\n {text}\n </TypographyText>\n )}\n </div>\n </ButtonDesktop>\n );\n};\n"],"names":["defaultColors","invertedColors","__rest","ArrowLeftMediumMIcon","ArrowLeftMIcon","React","ButtonDesktop","__assign","cn","styles","TypographyText"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAYA,IAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAEA,8BAAa;AACtB,IAAA,QAAQ,EAAEC,+BAAc;CAC3B;AAoCM,IAAM,cAAc,GAAkC,UAAC,EAQ7D,EAAA;;AAPG,IAAA,IAAA,EAAc,GAAA,EAAA,CAAA,IAAA,EAAd,IAAI,GAAA,EAAA,KAAA,MAAA,GAAG,OAAO,GAAA,EAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,mBAAe,EAAf,WAAW,GAAG,EAAA,KAAA,MAAA,GAAA,CAAC,GAAA,EAAA,EACf,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,EAAkB,GAAA,EAAA,CAAA,MAAA,EAAlB,MAAM,GAAA,EAAA,KAAA,MAAA,GAAG,SAAS,GAAA,EAAA,EACf,cAAc,GAAAC,YAAA,CAAA,EAAA,EAPyC,iEAQ7D,CADoB;AAEjB,IAAA,IAAM,IAAI,GAAG,IAAI,KAAK,SAAS,GAAGC,yCAAoB,GAAGC,6BAAc;AACvE,IAAA,IAAM,YAAY,GAAG,IAAI,KAAK,QAAQ;IAEtC,QACIC,qCAACC,qBAAa,EAAAC,cAAA,CAAA,EACV,IAAI,EAAC,MAAM,EACX,IAAI,EAAE,YAAY,GAAG,EAAE,GAAG,EAAE,EAC5B,OAAO,EAAE,OAAO,EACL,YAAA,EAAA,gCAAO,EAClB,SAAS,EAAEC,mBAAE,CACTC,uBAAM,CAAC,SAAS,EAChB,WAAW,CAAC,MAAM,CAAC,CAAC,SAAS,GAC3B,EAAA,GAAA,EAAA,EAAA,EAAA,CAACA,uBAAM,CAAC,eAAe,CAAA,GAAG,YAAY,EACxC,EAAA,GAAA,SAAS,CACZ,EAAA,EACG,cAAc,CAAA;AAElB,QAAAJ,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEI,uBAAM,CAAC,IAAI,EAAA;AACvB,YAAAJ,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACI,SAAS,EAAEG,mBAAE,CAACC,uBAAM,CAAC,WAAW,GAAA,EAAA,GAAA,EAAA;AAC5B,oBAAA,EAAA,CAACA,uBAAM,CAAC,aAAa,CAAA,GAAG,YAAY;AACpC,oBAAA,EAAA,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,aAAa,IAAG,YAAY;AACnD,oBAAA,EAAA,EAAA,EAAA;gBAEFJ,sBAAC,CAAA,aAAA,CAAA,IAAI,OAAG,CACN;YACL,WAAW,GAAG,CAAC,IAAI,IAAI,KACpBA,sBAAA,CAAA,aAAA,CAACK,mBAAc,EAAA,EACX,SAAS,EAAEF,mBAAE,CAACC,uBAAM,CAAC,IAAI,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EACpD,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,eAAe,GAAG,mBAAmB,EAChE,MAAM,EAAC,QAAQ,EACf,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,EAAA,EAE9B,IAAI,CACQ,CACpB,CACC,CACM;AAExB;;;;"}

package/cssm/components/back-arrow-addon/index.module.css CHANGED Viewed

@@ -1,45 +1,54 @@
 :root {
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
-} :root {
+}
+:root {
     --gap-xs: 8px;
     --gap-s: 12px;
     --gap-0: 0px;
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
-} .component {
+}
+.component {
     height: 100%;
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     border-radius: var(--border-radius-pill);
     min-width: 48px;
-} .component svg > path {
+}
+.component svg > path {
         transition: fill 0.2s ease;
-    } .mobileComponent {
+    }
+.mobileComponent {
     height: 32px;
     min-width: 32px;
     margin: var(--gap-0) var(--gap-8);
     -webkit-backdrop-filter: none;
             backdrop-filter: none;
     background: none;
-} .flex {
+}
+.flex {
     display: flex;
     align-items: center;
-} .iconWrapper {
+}
+.iconWrapper {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     height: 48px;
     margin: var(--gap-0) var(--gap-8) var(--gap-0) var(--gap-12);
     border-radius: var(--border-radius-circle);
-} .iconWrapper + .text {
+}
+.iconWrapper + .text {
         margin-right: var(--gap-12);
-    } .mobileWrapper {
+    }
+.mobileWrapper {
     width: 32px;
     height: 32px;
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
     margin: var(--gap-0);
-} .mobileWrapper + .text {
+}
+.mobileWrapper + .text {
         margin: var(--gap-0) var(--gap-12) var(--gap-0) var(--gap-8);
     }

package/cssm/components/closer/Component.js CHANGED Viewed

@@ -33,7 +33,7 @@ var Closer = function (_a) {
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.closer, className, (_b = {},
             _b[styles__default.default.sticky] = sticky,
             _b)) },
-        React__default.default.createElement(cssm.IconButton, tslib.__assign({ size: view === 'desktop' ? 's' : 'xs', className: cn__default.default(styles__default.default.button, colorStyles[colors].button, (_c = {},
+        React__default.default.createElement(cssm.IconButton, tslib.__assign({ size: view === 'desktop' ? 48 : 32, className: cn__default.default(styles__default.default.button, colorStyles[colors].button, (_c = {},
                 _c[colorStyles[colors].mobile] = view === 'mobile',
                 _c)), "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', onClick: handleClick, icon: icon, colors: colors, dataTestId: dataTestId }, restProps))));
 };

package/cssm/components/closer/Component.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Component.js","sources":["../../../src/components/closer/Component.tsx"],"sourcesContent":["import React, { type ButtonHTMLAttributes, type ElementType, type FC } from 'react';\nimport cn from 'classnames';\n\nimport { IconButton, type IconButtonProps } from '@alfalab/core-components-icon-button';\nimport { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n} as const;\n\nexport interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Вид компонента\n /\n view: 'desktop' \| 'mobile';\n\n /\n Дополнительный класс\n /\n className?: string;\n\n /\n Позиция крестика\n /\n align?: 'left' \| 'right';\n\n /\n Фиксирует крестик\n /\n sticky?: boolean;\n\n /\n Иконка\n /\n icon?: ElementType;\n\n /\n Набор цветов для компонента\n /\n colors?: IconButtonProps['colors'];\n\n /\n Идентификатор для систем автоматизированного тестирования\n /\n dataTestId?: string;\n\n /\n Коллбэк закрытия.\n */\n onClose?: (\n event: React.MouseEvent<HTMLElement> \| React.KeyboardEvent<HTMLElement>,\n reason?: 'backdropClick' \| 'escapeKeyDown' \| 'closerClick',\n ) => void;\n}\n\nexport const Closer: FC<CloserProps> = ({\n view,\n className,\n sticky,\n icon = view === 'desktop' ? CrossHeavyMIcon : CrossMIcon,\n colors = 'default',\n dataTestId,\n onClose,\n ...restProps\n}) => {\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n onClose?.(event, 'closerClick');\n };\n\n return (\n <div\n className={cn(styles.closer, className, {\n [styles.sticky]: sticky,\n })}\n >\n <IconButton\n size={view === 'desktop' ? ~~'s'~~ : ~~'xs'~~}\n className={cn(styles.button, colorStyles[colors].button, {\n [colorStyles[colors].mobile]: view === 'mobile',\n })}\n aria-label='закрыть'\n onClick={handleClick}\n icon={icon}\n colors={colors}\n dataTestId={dataTestId}\n {...restProps}\n />\n </div>\n );\n};\n"],"names":["defaultColors","invertedColors","CrossHeavyMIcon","CrossMIcon","__rest","React","cn","styles","IconButton","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWA,IAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAEA,8BAAa;AACtB,IAAA,QAAQ,EAAEC,+BAAc;CAClB;AA+CH,IAAM,MAAM,GAAoB,UAAC,EASvC,EAAA;;AARG,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,YAAwD,EAAxD,IAAI,mBAAG,IAAI,KAAK,SAAS,GAAGC,+BAAe,GAAGC,qBAAU,GAAA,EAAA,EACxD,cAAkB,EAAlB,MAAM,mBAAG,SAAS,GAAA,EAAA,EAClB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAAAC,YAAA,CAAA,EAAA,EARwB,0EASvC,CADe;IAEZ,IAAM,WAAW,GAAG,UAAC,KAA0C,EAAA;QAC3D,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAG,KAAK,EAAE,aAAa,CAAC;AACnC,KAAC;IAED,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA;AAEF,QAAAF,sBAAA,CAAA,aAAA,CAACG,eAAU,EAAAC,cAAA,CAAA,EACP,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,~~GAAG~~,GAAG,~~IAAI~~,~~EACrC~~,SAAS,EAAEH,mBAAE,CAACC,uBAAM,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,GAAA,EAAA,GAAA,EAAA;gBACnD,EAAC,CAAA,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAA,GAAG,IAAI,KAAK,QAAQ;oBACjD,EACS,YAAA,EAAA,4CAAS,EACpB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,IAClB,SAAS,CAAA,CACf,CACA;AAEd;;;;"}
1	+ {"version":3,"file":"Component.js","sources":["../../../src/components/closer/Component.tsx"],"sourcesContent":["import React, { type ButtonHTMLAttributes, type ElementType, type FC } from 'react';\nimport cn from 'classnames';\n\nimport { IconButton, type IconButtonProps } from '@alfalab/core-components-icon-button';\nimport { CrossHeavyMIcon } from '@alfalab/icons-glyph/CrossHeavyMIcon';\nimport { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';\n\nimport defaultColors from './default.module.css';\nimport styles from './index.module.css';\nimport invertedColors from './inverted.module.css';\n\nconst colorStyles = {\n default: defaultColors,\n inverted: invertedColors,\n} as const;\n\nexport interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n /*\n Вид компонента\n /\n view: 'desktop' \| 'mobile';\n\n /\n Дополнительный класс\n /\n className?: string;\n\n /\n Позиция крестика\n /\n align?: 'left' \| 'right';\n\n /\n Фиксирует крестик\n /\n sticky?: boolean;\n\n /\n Иконка\n /\n icon?: ElementType;\n\n /\n Набор цветов для компонента\n /\n colors?: IconButtonProps['colors'];\n\n /\n Идентификатор для систем автоматизированного тестирования\n /\n dataTestId?: string;\n\n /\n Коллбэк закрытия.\n */\n onClose?: (\n event: React.MouseEvent<HTMLElement> \| React.KeyboardEvent<HTMLElement>,\n reason?: 'backdropClick' \| 'escapeKeyDown' \| 'closerClick',\n ) => void;\n}\n\nexport const Closer: FC<CloserProps> = ({\n view,\n className,\n sticky,\n icon = view === 'desktop' ? CrossHeavyMIcon : CrossMIcon,\n colors = 'default',\n dataTestId,\n onClose,\n ...restProps\n}) => {\n const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n onClose?.(event, 'closerClick');\n };\n\n return (\n <div\n className={cn(styles.closer, className, {\n [styles.sticky]: sticky,\n })}\n >\n <IconButton\n size={view === 'desktop' ? 48 : 32}\n className={cn(styles.button, colorStyles[colors].button, {\n [colorStyles[colors].mobile]: view === 'mobile',\n })}\n aria-label='закрыть'\n onClick={handleClick}\n icon={icon}\n colors={colors}\n dataTestId={dataTestId}\n {...restProps}\n />\n </div>\n );\n};\n"],"names":["defaultColors","invertedColors","CrossHeavyMIcon","CrossMIcon","__rest","React","cn","styles","IconButton","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAWA,IAAM,WAAW,GAAG;AAChB,IAAA,OAAO,EAAEA,8BAAa;AACtB,IAAA,QAAQ,EAAEC,+BAAc;CAClB;AA+CH,IAAM,MAAM,GAAoB,UAAC,EASvC,EAAA;;AARG,IAAA,IAAA,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,YAAwD,EAAxD,IAAI,mBAAG,IAAI,KAAK,SAAS,GAAGC,+BAAe,GAAGC,qBAAU,GAAA,EAAA,EACxD,cAAkB,EAAlB,MAAM,mBAAG,SAAS,GAAA,EAAA,EAClB,UAAU,GAAA,EAAA,CAAA,UAAA,EACV,OAAO,GAAA,EAAA,CAAA,OAAA,EACJ,SAAS,GAAAC,YAAA,CAAA,EAAA,EARwB,0EASvC,CADe;IAEZ,IAAM,WAAW,GAAG,UAAC,KAA0C,EAAA;QAC3D,OAAO,KAAA,IAAA,IAAP,OAAO,KAAP,MAAA,GAAA,MAAA,GAAA,OAAO,CAAG,KAAK,EAAE,aAAa,CAAC;AACnC,KAAC;IAED,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AAClC,YAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACzB,YAAA,EAAA,EAAA,EAAA;AAEF,QAAAF,sBAAA,CAAA,aAAA,CAACG,eAAU,EAAAC,cAAA,CAAA,EACP,IAAI,EAAE,IAAI,KAAK,SAAS,GAAG,EAAE,GAAG,EAAE,EAClC,SAAS,EAAEH,mBAAE,CAACC,uBAAM,CAAC,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,GAAA,EAAA,GAAA,EAAA;gBACnD,EAAC,CAAA,WAAW,CAAC,MAAM,CAAC,CAAC,MAAM,CAAA,GAAG,IAAI,KAAK,QAAQ;oBACjD,EACS,YAAA,EAAA,4CAAS,EACpB,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,IAClB,SAAS,CAAA,CACf,CACA;AAEd;;;;"}

package/cssm/components/closer/index.module.css CHANGED Viewed

@@ -1,8 +1,10 @@
 :root {
     --border-radius-circle: 50%;
-} :root {
+}
+:root {
     --gap-0: 0px;
-} .closer {
+}
+.closer {
     flex-shrink: 0;
     width: 48px;
     height: 48px;
@@ -10,12 +12,15 @@
     display: flex;
     align-items: center;
     justify-content: center;
-} .button {
+}
+.button {
     -webkit-backdrop-filter: blur(10px);
             backdrop-filter: blur(10px);
-} .button.button {
+}
+.button.button {
     border-radius: var(--border-radius-circle);
-} .sticky {
+}
+.sticky {
     position: sticky;
     top: var(--gap-0);
 }