@alfalab/core-components-universal-modal 3.0.2 → 3.0.3-alfasans

package/modern/components/header/mobile/mobile.css

@@ -10,25 +10,28 @@
     --gap-16: var(--gap-m);
 }
 :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;
 }
-.universal-modal__header_11m6o {
+.universal-modal__header_jd3wc {
     padding: var(--gap-8) var(--gap-4);
 }
-.universal-modal__content_11m6o {
+.universal-modal__content_jd3wc {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: 0 var(--gap-12);
     min-height: 40px;
     justify-content: center;
 }
-.universal-modal__bottomAddons_11m6o {
+.universal-modal__bottomAddons_jd3wc {
     font-size: 20px;
     line-height: 28px;
-    font-weight: 600;
-    font-family: var(--font-family-system);
+    font-weight: 500;
+    letter-spacing: -0.15px;
+    font-family: var(--font-family-alfasans);
     padding: var(--gap-6) var(--gap-16);
 }

package/modern/components/header/mobile/mobile.module.css.js

@@ -1,6 +1,6 @@
 import './mobile.css';
 
-const mobileStyles = {"header":"universal-modal__header_11m6o","content":"universal-modal__content_11m6o","bottomAddons":"universal-modal__bottomAddons_11m6o"};
+const mobileStyles = {"header":"universal-modal__header_jd3wc","content":"universal-modal__content_jd3wc","bottomAddons":"universal-modal__bottomAddons_jd3wc"};
 
 export { mobileStyles as default };
 //# sourceMappingURL=mobile.module.css.js.map

package/modern/desktop/Component.desktop.js

@@ -1,4 +1,4 @@
-import React, { forwardRef, useState, useMemo } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import '@alfalab/core-components-mq/modern';
 import { ContentDesktop } from '../components/content/desktop/Component.desktop.js';
 import 'classnames';
@@ -16,24 +16,16 @@ import { HeaderDesktop } from '../components/header/desktop/Component.desktop.js
 import '@alfalab/core-components-navigation-bar-private/modern';
 import '../components/header/base-header/index.css';
 import '../components/header/mobile/mobile.css';
-import { UniversalModalContext } from '../context/universal-modal-context.js';
 import { CenterModal } from './components/center-modal/center-modal.js';
 import { SideModal } from './components/side-modal/side-modal.js';
-import { checkHeaderAndFooter } from './utils/check-header-and-footer.js';
+import { UniversalModalContext } from './context/index.js';
 
-const UniversalModalDesktopComponent = forwardRef(({ children, horizontalAlign = 'center', ...restProps }, ref) => {
-    const [modalHeaderHighlighted, setModalHeaderHighlighted] = useState(false);
-    const [modalFooterHighlighted, setModalFooterHighlighted] = useState(false);
-    const { hasHeader, hasFooter } = checkHeaderAndFooter(children);
+const UniversalModalDesktopComponent = forwardRef((props, ref) => {
+    const { children, horizontalAlign = 'center', ...restProps } = props;
+    const { width = 500 } = restProps;
     const contextValue = useMemo(() => ({
-        modalWidth: restProps.width,
-        modalHeaderHighlighted,
-        modalFooterHighlighted,
-        hasHeader,
-        hasFooter,
-        setModalHeaderHighlighted,
-        setModalFooterHighlighted,
-    }), [restProps.width, modalHeaderHighlighted, modalFooterHighlighted, hasHeader, hasFooter]);
+        width,
+    }), [width]);
     const renderModal = () => {
         if (horizontalAlign === 'center') {
             return (React.createElement(CenterModal, { ...restProps, ref: ref, horizontalAlign: horizontalAlign }, children));

package/modern/desktop/Component.desktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useState } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\nimport { UniversalModalContext } from '../context/universal-modal-context';\nimport { type UniversalModalContextType } from '../typings';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport { type UniversalModalDesktopProps } from './types/props';\nimport { checkHeaderAndFooter } from './utils/check-header-and-footer';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>(({ children, horizontalAlign = 'center', ...restProps }, ref) => {\n    const [modalHeaderHighlighted, setModalHeaderHighlighted] = useState<boolean>(false);\n    const [modalFooterHighlighted, setModalFooterHighlighted] = useState<boolean>(false);\n\n    const { hasHeader, hasFooter } = checkHeaderAndFooter(children);\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            modalWidth: restProps.width,\n            modalHeaderHighlighted,\n            modalFooterHighlighted,\n            hasHeader,\n            hasFooter,\n            setModalHeaderHighlighted,\n            setModalFooterHighlighted,\n        }),\n        [restProps.width, modalHeaderHighlighted, modalFooterHighlighted, hasHeader, hasFooter],\n    );\n\n    const renderModal = () => {\n        if (horizontalAlign === 'center') {\n            return (\n                <CenterModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                    {children}\n                </CenterModal>\n            );\n        }\n\n        return (\n            <SideModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                {children}\n            </SideModal>\n        );\n    };\n\n    return (\n        <UniversalModalContext.Provider value={contextValue}>\n            {renderModal()}\n        </UniversalModalContext.Provider>\n    );\n});\n\nexport const UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {\n    Header: HeaderDesktop,\n    Content: ContentDesktop,\n    Footer: FooterDesktop,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;MAaa,8BAA8B,GAAG,UAAU,CAGtD,CAAC,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IAC9D,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IACpF,MAAM,CAAC,sBAAsB,EAAE,yBAAyB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC;IAEpF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAE/D,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,UAAU,EAAE,SAAS,CAAC,KAAK;QAC3B,sBAAsB;QACtB,sBAAsB;QACtB,SAAS;QACT,SAAS;QACT,yBAAyB;QACzB,yBAAyB;AAC5B,KAAA,CAAC,EACF,CAAC,SAAS,CAAC,KAAK,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,SAAS,EAAE,SAAS,CAAC,CAC1F;IAED,MAAM,WAAW,GAAG,MAAK;QACrB,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IACjE,QAAQ,CACC;AAErB;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;MAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACxB,CAAA;;;;"}
+{"version":3,"file":"Component.desktop.js","sources":["../../src/desktop/Component.desktop.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from 'react';\n\nimport { ContentDesktop } from '../components/content';\nimport { FooterDesktop } from '../components/footer';\nimport { HeaderDesktop } from '../components/header';\n\nimport { CenterModal } from './components/center-modal';\nimport { SideModal } from './components/side-modal';\nimport { type UniversalModalContextType } from './types/context';\nimport { type UniversalModalDesktopProps } from './types/props';\nimport { UniversalModalContext } from './context';\n\nexport const UniversalModalDesktopComponent = forwardRef<\n    HTMLDivElement,\n    UniversalModalDesktopProps\n>((props, ref) => {\n    const { children, horizontalAlign = 'center', ...restProps } = props;\n    const { width = 500 } = restProps;\n\n    const contextValue = useMemo<UniversalModalContextType>(\n        () => ({\n            width,\n        }),\n        [width],\n    );\n\n    const renderModal = () => {\n        if (horizontalAlign === 'center') {\n            return (\n                <CenterModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                    {children}\n                </CenterModal>\n            );\n        }\n\n        return (\n            <SideModal {...restProps} ref={ref} horizontalAlign={horizontalAlign}>\n                {children}\n            </SideModal>\n        );\n    };\n\n    return (\n        <UniversalModalContext.Provider value={contextValue}>\n            {renderModal()}\n        </UniversalModalContext.Provider>\n    );\n});\n\nexport const UniversalModalDesktop = Object.assign(UniversalModalDesktopComponent, {\n    Header: HeaderDesktop,\n    Content: ContentDesktop,\n    Footer: FooterDesktop,\n});\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAYa,MAAA,8BAA8B,GAAG,UAAU,CAGtD,CAAC,KAAK,EAAE,GAAG,KAAI;AACb,IAAA,MAAM,EAAE,QAAQ,EAAE,eAAe,GAAG,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK;AACpE,IAAA,MAAM,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,SAAS;AAEjC,IAAA,MAAM,YAAY,GAAG,OAAO,CACxB,OAAO;QACH,KAAK;AACR,KAAA,CAAC,EACF,CAAC,KAAK,CAAC,CACV;IAED,MAAM,WAAW,GAAG,MAAK;QACrB,IAAI,eAAe,KAAK,QAAQ,EAAE;AAC9B,YAAA,QACI,KAAC,CAAA,aAAA,CAAA,WAAW,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IACjE,QAAQ,CACC;AAErB;AAED,QAAA,QACI,KAAC,CAAA,aAAA,CAAA,SAAS,EAAK,EAAA,GAAA,SAAS,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,eAAe,IAC/D,QAAQ,CACD;AAEpB,KAAC;AAED,IAAA,QACI,KAAA,CAAA,aAAA,CAAC,qBAAqB,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EAC9C,EAAA,WAAW,EAAE,CACe;AAEzC,CAAC;MAEY,qBAAqB,GAAG,MAAM,CAAC,MAAM,CAAC,8BAA8B,EAAE;AAC/E,IAAA,MAAM,EAAE,aAAa;AACrB,IAAA,OAAO,EAAE,cAAc;AACvB,IAAA,MAAM,EAAE,aAAa;AACxB,CAAA;;;;"}