@alfalab/core-components-universal-modal 3.1.1 → 3.1.2-alfasans

package/cssm/desktop/components/content/index.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type ContentProps } from '../../../components/base-content';
+export type ContentDesktopProps = ContentProps;
+export declare const ContentDesktop: FC<ContentDesktopProps>;

package/cssm/desktop/components/content/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var index = require('../../../components/base-content/index.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var ContentDesktop = function (_a) {
+    var className = _a.className, restProps = tslib.__rest(_a, ["className"]);
+    return (React__default.default.createElement(index.BaseContent, tslib.__assign({ className: className }, restProps)));
+};
+
+exports.ContentDesktop = ContentDesktop;
+//# sourceMappingURL=index.js.map

package/cssm/desktop/components/content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/desktop/components/content/index.tsx"],"sourcesContent":["import React, { type FC } from 'react';\n\nimport { BaseContent, type ContentProps } from '../../../components/base-content';\n\nexport type ContentDesktopProps = ContentProps;\n\nexport const ContentDesktop: FC<ContentDesktopProps> = ({ className, ...restProps }) => (\n    <BaseContent className={className} {...restProps} />\n);\n"],"names":["__rest","React","BaseContent","__assign"],"mappings":";;;;;;;;;;;;AAMO,IAAM,cAAc,GAA4B,UAAC,EAA2B,EAAA;AAAzB,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAA,YAAA,CAAA,EAAA,EAAzB,aAA2B,CAAF;IAAO,QACpFC,sBAAC,CAAA,aAAA,CAAAC,iBAAW,EAACC,cAAA,CAAA,EAAA,SAAS,EAAE,SAAS,EAAM,EAAA,SAAS,CAAI,CAAA;;;;;"}

package/{esm/components/footer/desktop/Component.desktop.d.ts → cssm/desktop/components/footer/index.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import { type FooterProps } from '../base-footer/base-footer';
+import { type FooterProps } from '../../../components/base-footer';
 export interface FooterDesktopProps extends FooterProps {
     /**
      * Размер (только для desktop версии компонента)

package/cssm/{components/footer/desktop/Component.desktop.js → desktop/components/footer/index.js}

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var cn = require('classnames');
+var index$1 = require('../../../components/base-footer/index.js');
 var Context = require('../../../Context.js');
-var index$1 = require('../../../desktop/constants/index.js');
-var index = require('../../../desktop/context/index.js');
-var baseFooter = require('../base-footer/base-footer.js');
+var index$2 = require('../../constants/index.js');
+var index = require('../../context/index.js');
 var styles = require('./desktop.module.css');
 var layoutStyles = require('./layout.module.css');
 
@@ -24,8 +24,8 @@ var FooterDesktop = React.forwardRef(function (props, ref) {
     var className = props.className, sticky = props.sticky, _b = props.layout, layout = _b === void 0 ? 'start' : _b, restProps = tslib.__rest(props, ["className", "sticky", "layout"]);
     var modalWidth = React.useContext(index.UniversalModalContext).width;
     var modalFooterHighlighted = React.useContext(Context.ModalContext).footerHighlighted;
-    var isMiddle = modalWidth === 'fullWidth' || modalWidth >= index$1.FOOTER_MEDIUM_BREAKPOINT;
-    return (React__default.default.createElement(baseFooter.BaseFooter, tslib.__assign({ ref: ref, className: cn__default.default(layoutStyles__default.default[layout], className, (_a = {},
+    var isMiddle = modalWidth === 'fullWidth' || modalWidth >= index$2.FOOTER_MEDIUM_BREAKPOINT;
+    return (React__default.default.createElement(index$1.BaseFooter, tslib.__assign({ ref: ref, className: cn__default.default(layoutStyles__default.default[layout], className, (_a = {},
             _a[styles__default.default.sticky] = sticky,
             _a[layoutStyles__default.default.middle] = isMiddle,
             _a)), sticky: sticky, layout: layout, isHighlighted: modalFooterHighlighted }, restProps)));
@@ -33,4 +33,4 @@ var FooterDesktop = React.forwardRef(function (props, ref) {
 FooterDesktop.displayName = 'FooterDesktop';
 
 exports.FooterDesktop = FooterDesktop;
-//# sourceMappingURL=Component.desktop.js.map
+//# sourceMappingURL=index.js.map

package/cssm/desktop/components/footer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/desktop/components/footer/index.tsx"],"sourcesContent":["import React, { forwardRef, useContext } from 'react';\nimport cn from 'classnames';\n\nimport { BaseFooter, type FooterProps } from '../../../components/base-footer';\nimport { ModalContext } from '../../../Context';\nimport { FOOTER_MEDIUM_BREAKPOINT } from '../../constants';\nimport { UniversalModalContext } from '../../context';\n\nimport styles from './desktop.module.css';\nimport layoutStyles from './layout.module.css';\n\nexport interface FooterDesktopProps extends FooterProps {\n    /**\n     * Размер (только для desktop версии компонента)\n     */\n    size?: 's' | 500;\n}\n\nexport const FooterDesktop = forwardRef<HTMLDivElement, FooterDesktopProps>((props, ref) => {\n    const { className, sticky, layout = 'start', ...restProps } = props;\n    const { width: modalWidth } = useContext(UniversalModalContext);\n    const { footerHighlighted: modalFooterHighlighted } = useContext(ModalContext);\n\n    const isMiddle = modalWidth === 'fullWidth' || modalWidth >= FOOTER_MEDIUM_BREAKPOINT;\n\n    return (\n        <BaseFooter\n            ref={ref}\n            className={cn(layoutStyles[layout], className, {\n                [styles.sticky]: sticky,\n                [layoutStyles.middle]: isMiddle,\n            })}\n            sticky={sticky}\n            layout={layout}\n            isHighlighted={modalFooterHighlighted}\n            {...restProps}\n        />\n    );\n});\n\nFooterDesktop.displayName = 'FooterDesktop';\n"],"names":["forwardRef","__rest","useContext","UniversalModalContext","ModalContext","FOOTER_MEDIUM_BREAKPOINT","React","BaseFooter","__assign","cn","layoutStyles","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;IAkBa,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;IAC3E,IAAA,SAAS,GAA6C,KAAK,CAAlD,SAAA,EAAE,MAAM,GAAqC,KAAK,CAA1C,MAAA,EAAE,EAAmC,GAAA,KAAK,OAAxB,EAAhB,MAAM,GAAG,EAAA,KAAA,MAAA,GAAA,OAAO,GAAA,EAAA,EAAK,SAAS,GAAAC,YAAA,CAAK,KAAK,EAA7D,CAAqD,WAAA,EAAA,QAAA,EAAA,QAAA,CAAA,CAAF;AACjD,IAAA,IAAO,UAAU,GAAKC,gBAAU,CAACC,2BAAqB,CAAC,MAAtC;AACjB,IAAA,IAAmB,sBAAsB,GAAKD,gBAAU,CAACE,oBAAY,CAAC,kBAA7B;IAEjD,IAAM,QAAQ,GAAG,UAAU,KAAK,WAAW,IAAI,UAAU,IAAIC,gCAAwB;AAErF,IAAA,QACIC,sBAAC,CAAA,aAAA,CAAAC,kBAAU,EACPC,cAAA,CAAA,EAAA,GAAG,EAAE,GAAG,EACR,SAAS,EAAEC,mBAAE,CAACC,6BAAY,CAAC,MAAM,CAAC,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACzC,YAAA,EAAA,CAACC,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACD,6BAAY,CAAC,MAAM,CAAA,GAAG,QAAQ;AACjC,YAAA,EAAA,EAAA,EACF,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,sBAAsB,EAAA,EACjC,SAAS,CAAA,CACf;AAEV,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}

package/cssm/{components/header/desktop → desktop/components/header}/desktop.module.css

@@ -8,8 +8,9 @@
     --gap-20: var(--gap-l);
 }
 :root {
-    --font-family-system:
-        system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica, sans-serif;
+    --font-family-alfasans:
+        'Alfa Interface Sans', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue',
+        Helvetica, sans-serif;
 }
 .header {
     padding: var(--gap-20) var(--gap-20) 0;
@@ -18,26 +19,30 @@
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: 11px var(--gap-12);
     }
 .header .bottomAddons {
         font-size: 22px;
         line-height: 26px;
         font-weight: 700;
-        font-family: var(--font-family-system);
+        letter-spacing: 0.2px;
+        font-family: var(--font-family-alfasans);
         padding: var(--gap-6) var(--gap-12) var(--gap-16);
     }
 .header.medium .headerTitle {
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
             padding: var(--gap-6) var(--gap-12) var(--gap-16);
         }
 .header.medium .bottomAddons {
             font-size: 30px;
             line-height: 36px;
             font-weight: 700;
-            font-family: var(--font-family-system);
+            letter-spacing: 0.1px;
+            font-family: var(--font-family-alfasans);
         }

package/cssm/{components/header/desktop/Component.desktop.js → desktop/components/header/index.js}

@@ -7,8 +7,8 @@ var React = require('react');
 var cn = require('classnames');
 var cssm = require('@alfalab/core-components-navigation-bar-private/cssm');
 var cssm$1 = require('@alfalab/core-components-shared/cssm');
-var useBaseHeader = require('../base-header/useBaseHeader.js');
-var styles = require('../base-header/index.module.css');
+var useBaseHeader = require('../../../components/base-header/useBaseHeader.js');
+var styles = require('../../../components/base-header/index.module.css');
 var desktopStyles = require('./desktop.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -28,7 +28,7 @@ var HeaderDesktop = React.forwardRef(function (props, ref) {
         bottomAddons: bottomAddons,
         onClose: onClose,
     }), headerHighlighted = _c.headerHighlighted, hasContent = _c.hasContent, componentRef = _c.componentRef, titleRef = _c.titleRef, handleClose = _c.handleClose;
-    return (React__default.default.createElement(cssm.NavigationBarPrivate, tslib.__assign({}, restProps, { ref: ref, view: 'desktop', dataTestId: cssm$1.getDataTestId(dataTestId, 'header'), dataName: 'modalHeaderDesktop', sticky: sticky, title: title, className: cn__default.default(styles__default.default.header, desktopStyles__default.default.header, className, (_a = {},
+    return (React__default.default.createElement(cssm.NavigationBarPrivate, tslib.__assign({}, restProps, { ref: ref, view: 'desktop', dataTestId: cssm$1.getDataTestId(dataTestId, 'header'), dataName: 'universal-modal-header', sticky: sticky, title: title, className: cn__default.default(styles__default.default.header, desktopStyles__default.default.header, className, (_a = {},
             _a[styles__default.default.highlighted] = sticky && headerHighlighted && hasContent,
             _a[styles__default.default.sticky] = sticky,
             _a[styles__default.default.hasContent] = hasContent,
@@ -38,4 +38,4 @@ var HeaderDesktop = React.forwardRef(function (props, ref) {
 HeaderDesktop.displayName = 'HeaderDesktop';
 
 exports.HeaderDesktop = HeaderDesktop;
-//# sourceMappingURL=Component.desktop.js.map
+//# sourceMappingURL=index.js.map

package/cssm/desktop/components/header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/desktop/components/header/index.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport cn from 'classnames';\n\nimport {\n    NavigationBarPrivate,\n    type NavigationBarPrivateProps,\n} from '@alfalab/core-components-navigation-bar-private';\nimport { getDataTestId } from '@alfalab/core-components-shared';\n\nimport { useBaseHeader } from '../../../components/base-header/useBaseHeader';\n\nimport styles from '../../../components/base-header/index.module.css';\nimport desktopStyles from './desktop.module.css';\n\nexport interface HeaderDesktopProps\n    extends Omit<\n        NavigationBarPrivateProps,\n        'size' | 'view' | 'parentRef' | 'titleSize' | 'subtitle'\n    > {\n    /**\n     * Заголовок в шапке крупного размера\n     * @default false\n     */\n    bigTitle?: boolean;\n}\n\nexport const HeaderDesktop = forwardRef<HTMLDivElement, HeaderDesktopProps>((props, ref) => {\n    const {\n        className,\n        children,\n        title,\n        sticky,\n        bigTitle = false,\n        titleClassName,\n        dataTestId,\n        bottomAddonsClassName,\n        onClose,\n        ...restProps\n    } = props;\n\n    const { bottomAddons } = restProps;\n\n    const { headerHighlighted, hasContent, componentRef, titleRef, handleClose } = useBaseHeader({\n        title,\n        children,\n        bottomAddons,\n        onClose,\n    });\n\n    return (\n        <NavigationBarPrivate\n            {...restProps}\n            ref={ref}\n            view='desktop'\n            dataTestId={getDataTestId(dataTestId, 'header')}\n            dataName='universal-modal-header'\n            sticky={sticky}\n            title={title}\n            className={cn(styles.header, desktopStyles.header, className, {\n                [styles.highlighted]: sticky && headerHighlighted && hasContent,\n                [styles.sticky]: sticky,\n                [styles.hasContent]: hasContent,\n                [desktopStyles.medium]: bigTitle,\n            })}\n            bottomAddonsClassName={cn(desktopStyles.bottomAddons, bottomAddonsClassName)}\n            scrollableParentRef={componentRef}\n            titleClassName={cn(desktopStyles.headerTitle, titleClassName)}\n            titleRef={titleRef}\n            onClose={handleClose}\n        >\n            {children}\n        </NavigationBarPrivate>\n    );\n});\n\nHeaderDesktop.displayName = 'HeaderDesktop';\n"],"names":["forwardRef","__rest","useBaseHeader","React","NavigationBarPrivate","__assign","getDataTestId","cn","styles","desktopStyles"],"mappings":";;;;;;;;;;;;;;;;;;;;IA0Ba,aAAa,GAAGA,gBAAU,CAAqC,UAAC,KAAK,EAAE,GAAG,EAAA;;IAE/E,IAAA,SAAS,GAUT,KAAK,CAVI,SAAA,EACT,QAAQ,GASR,KAAK,CATG,QAAA,EACR,KAAK,GAQL,KAAK,CARA,KAAA,EACL,MAAM,GAON,KAAK,CAAA,MAPC,EACN,EAAA,GAMA,KAAK,CAAA,QANW,EAAhB,QAAQ,GAAG,EAAA,KAAA,MAAA,GAAA,KAAK,KAAA,EAChB,cAAc,GAKd,KAAK,CALS,cAAA,EACd,UAAU,GAIV,KAAK,CAAA,UAJK,EACV,qBAAqB,GAGrB,KAAK,sBAHgB,EACrB,OAAO,GAEP,KAAK,CAFE,OAAA,EACJ,SAAS,GAAAC,YAAA,CACZ,KAAK,EAXH,CAWL,WAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,uBAAA,EAAA,SAAA,CAAA,CADe;AAGR,IAAA,IAAA,YAAY,GAAK,SAAS,CAAA,YAAd;IAEd,IAAA,EAAA,GAAyEC,2BAAa,CAAC;AACzF,QAAA,KAAK,EAAA,KAAA;AACL,QAAA,QAAQ,EAAA,QAAA;AACR,QAAA,YAAY,EAAA,YAAA;AACZ,QAAA,OAAO,EAAA,OAAA;AACV,KAAA,CAAC,EALM,iBAAiB,GAAA,EAAA,CAAA,iBAAA,EAAE,UAAU,GAAA,EAAA,CAAA,UAAA,EAAE,YAAY,GAAA,EAAA,CAAA,YAAA,EAAE,QAAQ,GAAA,EAAA,CAAA,QAAA,EAAE,WAAW,iBAKxE;IAEF,QACIC,qCAACC,yBAAoB,EAAAC,cAAA,CAAA,EAAA,EACb,SAAS,EACb,EAAA,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,UAAU,EAAEC,oBAAa,CAAC,UAAU,EAAE,QAAQ,CAAC,EAC/C,QAAQ,EAAC,wBAAwB,EACjC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,MAAM,EAAEC,8BAAa,CAAC,MAAM,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;YACxD,EAAC,CAAAD,uBAAM,CAAC,WAAW,CAAA,GAAG,MAAM,IAAI,iBAAiB,IAAI,UAAU;AAC/D,YAAA,EAAA,CAACA,uBAAM,CAAC,MAAM,CAAA,GAAG,MAAM;AACvB,YAAA,EAAA,CAACA,uBAAM,CAAC,UAAU,CAAA,GAAG,UAAU;AAC/B,YAAA,EAAA,CAACC,8BAAa,CAAC,MAAM,CAAA,GAAG,QAAQ;AAClC,YAAA,EAAA,EAAA,EACF,qBAAqB,EAAEF,mBAAE,CAACE,8BAAa,CAAC,YAAY,EAAE,qBAAqB,CAAC,EAC5E,mBAAmB,EAAE,YAAY,EACjC,cAAc,EAAEF,mBAAE,CAACE,8BAAa,CAAC,WAAW,EAAE,cAAc,CAAC,EAC7D,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,KAEnB,QAAQ,CACU;AAE/B,CAAC;AAED,aAAa,CAAC,WAAW,GAAG,eAAe;;;;"}