@alfalab/core-components-calendar-with-skeleton 6.0.1 → 6.0.3

package/Component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';
+import { type CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';
 export declare type CalendarWithSkeletonProps = CalendarDesktopProps & {
     /**
      * Флаг включения анимации скелета

package/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cn from 'classnames';\n\nimport { CalendarDesktop, CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport styles from './index.module.css';\n\nexport type CalendarWithSkeletonProps = CalendarDesktopProps & {\n    /**\n     * Флаг включения анимации скелета\n     */\n    animate?: boolean;\n\n    /**\n     * Флаг управлением видимостью календаря\n     */\n    calendarVisible?: boolean;\n};\n\nexport const CalendarWithSkeleton = forwardRef<HTMLDivElement, CalendarWithSkeletonProps>(\n    ({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {\n        const skeletonProps = { visible: true, animate };\n\n        return (\n            <div\n                className={cn(styles.component, className, {\n                    [styles.calendarVisible]: calendarVisible,\n                })}\n            >\n                {calendarVisible && <CalendarDesktop ref={ref} responsive={true} {...restProps} />}\n\n                <CSSTransition\n                    in={!calendarVisible}\n                    timeout={200}\n                    unmountOnExit={true}\n                    classNames={styles}\n                >\n                    <div className={styles.skeleton} ref={calendarVisible ? undefined : ref}>\n                        <Skeleton {...skeletonProps} className={styles.header} />\n\n                        <Skeleton {...skeletonProps} className={styles.weekDays} />\n\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                    </div>\n                </CSSTransition>\n            </div>\n        );\n    },\n);\n\nCalendarWithSkeleton.displayName = 'CalendarWithSkeleton';\n"],"names":["forwardRef","__rest","React","cn","styles","CalendarDesktop","__assign","CSSTransition","Skeleton"],"mappings":";;;;;;;;;;;;;;;;;IAqBa,oBAAoB,GAAGA,gBAAU,CAC1C,UAAC,EAAmE,EAAE,GAAG,EAAA;;IAAtE,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsB,EAAtB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAjE,2CAAmE,CAAF;IAC9D,IAAM,aAAa,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAA,OAAA,EAAE;IAEhD,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrC,YAAA,EAAA,CAACA,YAAM,CAAC,eAAe,CAAA,GAAG,eAAe;AAC3C,YAAA,EAAA,EAAA,EAAA;AAED,QAAA,eAAe,IAAIF,sBAAA,CAAA,aAAA,CAACG,uBAAe,EAAAC,cAAA,CAAA,EAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAA,EAAM,SAAS,CAAI,CAAA;AAElF,QAAAJ,sBAAA,CAAA,aAAA,CAACK,kCAAa,EACV,EAAA,EAAE,EAAE,CAAC,eAAe,EACpB,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE,IAAI,EACnB,UAAU,EAAEH,YAAM,EAAA;AAElB,YAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,YAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,eAAe,GAAG,SAAS,GAAG,GAAG,EAAA;gBACnEF,sBAAC,CAAA,aAAA,CAAAM,+BAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,YAAM,CAAC,MAAM,EAAI,CAAA,CAAA;gBAEzDF,sBAAC,CAAA,aAAA,CAAAM,+BAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,YAAM,CAAC,QAAQ,EAAI,CAAA,CAAA;gBAE3DF,sBAAC,CAAA,aAAA,CAAAM,+BAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,YAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtDF,sBAAC,CAAA,aAAA,CAAAM,+BAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,YAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtDF,sBAAC,CAAA,aAAA,CAAAM,+BAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,YAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtDF,sBAAC,CAAA,aAAA,CAAAM,+BAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,YAAM,CAAC,GAAG,EAAI,CAAA,CAAA;AACtD,gBAAAF,sBAAA,CAAA,aAAA,CAACM,+BAAQ,EAAAF,cAAA,CAAA,EAAA,EAAK,aAAa,EAAA,EAAE,SAAS,EAAEF,YAAM,CAAC,GAAG,EAAI,CAAA,CAAA,CACpD,CACM,CACd;AAEd,CAAC;AAGL,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"Component.js","sources":["src/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cn from 'classnames';\n\nimport {\n    CalendarDesktop,\n    type CalendarDesktopProps,\n} from '@alfalab/core-components-calendar/desktop';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport styles from './index.module.css';\n\nexport type CalendarWithSkeletonProps = CalendarDesktopProps & {\n    /**\n     * Флаг включения анимации скелета\n     */\n    animate?: boolean;\n\n    /**\n     * Флаг управлением видимостью календаря\n     */\n    calendarVisible?: boolean;\n};\n\nexport const CalendarWithSkeleton = forwardRef<HTMLDivElement, CalendarWithSkeletonProps>(\n    ({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {\n        const skeletonProps = { visible: true, animate };\n\n        return (\n            <div\n                className={cn(styles.component, className, {\n                    [styles.calendarVisible]: calendarVisible,\n                })}\n            >\n                {calendarVisible && <CalendarDesktop ref={ref} responsive={true} {...restProps} />}\n\n                <CSSTransition\n                    in={!calendarVisible}\n                    timeout={200}\n                    unmountOnExit={true}\n                    classNames={styles}\n                >\n                    <div className={styles.skeleton} ref={calendarVisible ? undefined : ref}>\n                        <Skeleton {...skeletonProps} className={styles.header} />\n\n                        <Skeleton {...skeletonProps} className={styles.weekDays} />\n\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                    </div>\n                </CSSTransition>\n            </div>\n        );\n    },\n);\n\nCalendarWithSkeleton.displayName = 'CalendarWithSkeleton';\n"],"names":["forwardRef","__rest","React","cn","styles","CalendarDesktop","__assign","CSSTransition","Skeleton"],"mappings":";;;;;;;;;;;;;;;;;IAwBa,oBAAoB,GAAGA,gBAAU,CAC1C,UAAC,EAAmE,EAAE,GAAG,EAAA;;IAAtE,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsB,EAAtB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAjE,2CAAmE,CAAF;IAC9D,IAAM,aAAa,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAA,OAAA,EAAE;IAEhD,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrC,YAAA,EAAA,CAACA,YAAM,CAAC,eAAe,CAAA,GAAG,eAAe;AAC3C,YAAA,EAAA,EAAA,EAAA;AAED,QAAA,eAAe,IAAIF,sBAAA,CAAA,aAAA,CAACG,uBAAe,EAAAC,cAAA,CAAA,EAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAA,EAAM,SAAS,CAAI,CAAA;AAElF,QAAAJ,sBAAA,CAAA,aAAA,CAACK,kCAAa,EACV,EAAA,EAAE,EAAE,CAAC,eAAe,EACpB,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE,IAAI,EACnB,UAAU,EAAEH,YAAM,EAAA;AAElB,YAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,YAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,eAAe,GAAG,SAAS,GAAG,GAAG,EAAA;gBACnEF,sBAAC,CAAA,aAAA,CAAAM,+BAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,YAAM,CAAC,MAAM,EAAI,CAAA,CAAA;gBAEzDF,sBAAC,CAAA,aAAA,CAAAM,+BAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,YAAM,CAAC,QAAQ,EAAI,CAAA,CAAA;gBAE3DF,sBAAC,CAAA,aAAA,CAAAM,+BAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,YAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtDF,sBAAC,CAAA,aAAA,CAAAM,+BAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,YAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtDF,sBAAC,CAAA,aAAA,CAAAM,+BAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,YAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtDF,sBAAC,CAAA,aAAA,CAAAM,+BAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,YAAM,CAAC,GAAG,EAAI,CAAA,CAAA;AACtD,gBAAAF,sBAAA,CAAA,aAAA,CAACM,+BAAQ,EAAAF,cAAA,CAAA,EAAA,EAAK,aAAa,EAAA,EAAE,SAAS,EAAEF,YAAM,CAAC,GAAG,EAAI,CAAA,CAAA,CACpD,CACM,CACd;AAEd,CAAC;AAGL,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/cssm/Component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarDesktopProps } from '@alfalab/core-components-calendar/cssm/desktop';
+import { type CalendarDesktopProps } from '@alfalab/core-components-calendar/cssm/desktop';
 export declare type CalendarWithSkeletonProps = CalendarDesktopProps & {
     /**
      * Флаг включения анимации скелета

package/cssm/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cn from 'classnames';\n\nimport { CalendarDesktop, CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport styles from './index.module.css';\n\nexport type CalendarWithSkeletonProps = CalendarDesktopProps & {\n    /**\n     * Флаг включения анимации скелета\n     */\n    animate?: boolean;\n\n    /**\n     * Флаг управлением видимостью календаря\n     */\n    calendarVisible?: boolean;\n};\n\nexport const CalendarWithSkeleton = forwardRef<HTMLDivElement, CalendarWithSkeletonProps>(\n    ({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {\n        const skeletonProps = { visible: true, animate };\n\n        return (\n            <div\n                className={cn(styles.component, className, {\n                    [styles.calendarVisible]: calendarVisible,\n                })}\n            >\n                {calendarVisible && <CalendarDesktop ref={ref} responsive={true} {...restProps} />}\n\n                <CSSTransition\n                    in={!calendarVisible}\n                    timeout={200}\n                    unmountOnExit={true}\n                    classNames={styles}\n                >\n                    <div className={styles.skeleton} ref={calendarVisible ? undefined : ref}>\n                        <Skeleton {...skeletonProps} className={styles.header} />\n\n                        <Skeleton {...skeletonProps} className={styles.weekDays} />\n\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                    </div>\n                </CSSTransition>\n            </div>\n        );\n    },\n);\n\nCalendarWithSkeleton.displayName = 'CalendarWithSkeleton';\n"],"names":["forwardRef","__rest","React","cn","styles","CalendarDesktop","__assign","CSSTransition","Skeleton"],"mappings":";;;;;;;;;;;;;;;;;;IAqBa,oBAAoB,GAAGA,gBAAU,CAC1C,UAAC,EAAmE,EAAE,GAAG,EAAA;;IAAtE,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsB,EAAtB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAjE,2CAAmE,CAAF;IAC9D,IAAM,aAAa,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAA,OAAA,EAAE;IAEhD,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrC,YAAA,EAAA,CAACA,uBAAM,CAAC,eAAe,CAAA,GAAG,eAAe;AAC3C,YAAA,EAAA,EAAA,EAAA;AAED,QAAA,eAAe,IAAIF,sBAAA,CAAA,aAAA,CAACG,uBAAe,EAAAC,cAAA,CAAA,EAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAA,EAAM,SAAS,CAAI,CAAA;AAElF,QAAAJ,sBAAA,CAAA,aAAA,CAACK,kCAAa,EACV,EAAA,EAAE,EAAE,CAAC,eAAe,EACpB,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE,IAAI,EACnB,UAAU,EAAEH,uBAAM,EAAA;AAElB,YAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,uBAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,eAAe,GAAG,SAAS,GAAG,GAAG,EAAA;gBACnEF,sBAAC,CAAA,aAAA,CAAAM,aAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,uBAAM,CAAC,MAAM,EAAI,CAAA,CAAA;gBAEzDF,sBAAC,CAAA,aAAA,CAAAM,aAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,uBAAM,CAAC,QAAQ,EAAI,CAAA,CAAA;gBAE3DF,sBAAC,CAAA,aAAA,CAAAM,aAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,uBAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtDF,sBAAC,CAAA,aAAA,CAAAM,aAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,uBAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtDF,sBAAC,CAAA,aAAA,CAAAM,aAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,uBAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtDF,sBAAC,CAAA,aAAA,CAAAM,aAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,uBAAM,CAAC,GAAG,EAAI,CAAA,CAAA;AACtD,gBAAAF,sBAAA,CAAA,aAAA,CAACM,aAAQ,EAAAF,cAAA,CAAA,EAAA,EAAK,aAAa,EAAA,EAAE,SAAS,EAAEF,uBAAM,CAAC,GAAG,EAAI,CAAA,CAAA,CACpD,CACM,CACd;AAEd,CAAC;AAGL,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cn from 'classnames';\n\nimport {\n    CalendarDesktop,\n    type CalendarDesktopProps,\n} from '@alfalab/core-components-calendar/desktop';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport styles from './index.module.css';\n\nexport type CalendarWithSkeletonProps = CalendarDesktopProps & {\n    /**\n     * Флаг включения анимации скелета\n     */\n    animate?: boolean;\n\n    /**\n     * Флаг управлением видимостью календаря\n     */\n    calendarVisible?: boolean;\n};\n\nexport const CalendarWithSkeleton = forwardRef<HTMLDivElement, CalendarWithSkeletonProps>(\n    ({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {\n        const skeletonProps = { visible: true, animate };\n\n        return (\n            <div\n                className={cn(styles.component, className, {\n                    [styles.calendarVisible]: calendarVisible,\n                })}\n            >\n                {calendarVisible && <CalendarDesktop ref={ref} responsive={true} {...restProps} />}\n\n                <CSSTransition\n                    in={!calendarVisible}\n                    timeout={200}\n                    unmountOnExit={true}\n                    classNames={styles}\n                >\n                    <div className={styles.skeleton} ref={calendarVisible ? undefined : ref}>\n                        <Skeleton {...skeletonProps} className={styles.header} />\n\n                        <Skeleton {...skeletonProps} className={styles.weekDays} />\n\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                    </div>\n                </CSSTransition>\n            </div>\n        );\n    },\n);\n\nCalendarWithSkeleton.displayName = 'CalendarWithSkeleton';\n"],"names":["forwardRef","__rest","React","cn","styles","CalendarDesktop","__assign","CSSTransition","Skeleton"],"mappings":";;;;;;;;;;;;;;;;;;IAwBa,oBAAoB,GAAGA,gBAAU,CAC1C,UAAC,EAAmE,EAAE,GAAG,EAAA;;IAAtE,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsB,EAAtB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAAC,YAAA,CAAA,EAAA,EAAjE,2CAAmE,CAAF;IAC9D,IAAM,aAAa,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAA,OAAA,EAAE;IAEhD,QACIC,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEC,mBAAE,CAACC,uBAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrC,YAAA,EAAA,CAACA,uBAAM,CAAC,eAAe,CAAA,GAAG,eAAe;AAC3C,YAAA,EAAA,EAAA,EAAA;AAED,QAAA,eAAe,IAAIF,sBAAA,CAAA,aAAA,CAACG,uBAAe,EAAAC,cAAA,CAAA,EAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAA,EAAM,SAAS,CAAI,CAAA;AAElF,QAAAJ,sBAAA,CAAA,aAAA,CAACK,kCAAa,EACV,EAAA,EAAE,EAAE,CAAC,eAAe,EACpB,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE,IAAI,EACnB,UAAU,EAAEH,uBAAM,EAAA;AAElB,YAAAF,sBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAEE,uBAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,eAAe,GAAG,SAAS,GAAG,GAAG,EAAA;gBACnEF,sBAAC,CAAA,aAAA,CAAAM,aAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,uBAAM,CAAC,MAAM,EAAI,CAAA,CAAA;gBAEzDF,sBAAC,CAAA,aAAA,CAAAM,aAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,uBAAM,CAAC,QAAQ,EAAI,CAAA,CAAA;gBAE3DF,sBAAC,CAAA,aAAA,CAAAM,aAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,uBAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtDF,sBAAC,CAAA,aAAA,CAAAM,aAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,uBAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtDF,sBAAC,CAAA,aAAA,CAAAM,aAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,uBAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtDF,sBAAC,CAAA,aAAA,CAAAM,aAAQ,qBAAK,aAAa,EAAA,EAAE,SAAS,EAAEJ,uBAAM,CAAC,GAAG,EAAI,CAAA,CAAA;AACtD,gBAAAF,sBAAA,CAAA,aAAA,CAACM,aAAQ,EAAAF,cAAA,CAAA,EAAA,EAAK,aAAa,EAAA,EAAE,SAAS,EAAEF,uBAAM,CAAC,GAAG,EAAI,CAAA,CAAA,CACpD,CACM,CACd;AAEd,CAAC;AAGL,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/cssm/index.module.css

@@ -36,7 +36,7 @@
     height: 12px;
     margin-bottom: var(--gap-16);
 } .row {
-    height: 32px
+    height: 32px;
 } .row + .row {
         margin-top: 10px;
     } .enter,

package/esm/Component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarDesktopProps } from '@alfalab/core-components-calendar/esm/desktop';
+import { type CalendarDesktopProps } from '@alfalab/core-components-calendar/esm/desktop';
 export declare type CalendarWithSkeletonProps = CalendarDesktopProps & {
     /**
      * Флаг включения анимации скелета

package/esm/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cn from 'classnames';\n\nimport { CalendarDesktop, CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport styles from './index.module.css';\n\nexport type CalendarWithSkeletonProps = CalendarDesktopProps & {\n    /**\n     * Флаг включения анимации скелета\n     */\n    animate?: boolean;\n\n    /**\n     * Флаг управлением видимостью календаря\n     */\n    calendarVisible?: boolean;\n};\n\nexport const CalendarWithSkeleton = forwardRef<HTMLDivElement, CalendarWithSkeletonProps>(\n    ({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {\n        const skeletonProps = { visible: true, animate };\n\n        return (\n            <div\n                className={cn(styles.component, className, {\n                    [styles.calendarVisible]: calendarVisible,\n                })}\n            >\n                {calendarVisible && <CalendarDesktop ref={ref} responsive={true} {...restProps} />}\n\n                <CSSTransition\n                    in={!calendarVisible}\n                    timeout={200}\n                    unmountOnExit={true}\n                    classNames={styles}\n                >\n                    <div className={styles.skeleton} ref={calendarVisible ? undefined : ref}>\n                        <Skeleton {...skeletonProps} className={styles.header} />\n\n                        <Skeleton {...skeletonProps} className={styles.weekDays} />\n\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                    </div>\n                </CSSTransition>\n            </div>\n        );\n    },\n);\n\nCalendarWithSkeleton.displayName = 'CalendarWithSkeleton';\n"],"names":[],"mappings":";;;;;;;;IAqBa,oBAAoB,GAAG,UAAU,CAC1C,UAAC,EAAmE,EAAE,GAAG,EAAA;;IAAtE,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsB,EAAtB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAAjE,2CAAmE,CAAF;IAC9D,IAAM,aAAa,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAA,OAAA,EAAE;IAEhD,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrC,YAAA,EAAA,CAAC,MAAM,CAAC,eAAe,CAAA,GAAG,eAAe;AAC3C,YAAA,EAAA,EAAA,EAAA;AAED,QAAA,eAAe,IAAI,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,QAAA,CAAA,EAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAA,EAAM,SAAS,CAAI,CAAA;AAElF,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EACV,EAAA,EAAE,EAAE,CAAC,eAAe,EACpB,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE,IAAI,EACnB,UAAU,EAAE,MAAM,EAAA;AAElB,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,eAAe,GAAG,SAAS,GAAG,GAAG,EAAA;gBACnE,KAAC,CAAA,aAAA,CAAA,QAAQ,eAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAI,CAAA,CAAA;gBAEzD,KAAC,CAAA,aAAA,CAAA,QAAQ,eAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAI,CAAA,CAAA;gBAE3D,KAAC,CAAA,aAAA,CAAA,QAAQ,eAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,eAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,eAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,eAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CAAA;AACtD,gBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,QAAA,CAAA,EAAA,EAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CAAA,CACpD,CACM,CACd;AAEd,CAAC;AAGL,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cn from 'classnames';\n\nimport {\n    CalendarDesktop,\n    type CalendarDesktopProps,\n} from '@alfalab/core-components-calendar/desktop';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport styles from './index.module.css';\n\nexport type CalendarWithSkeletonProps = CalendarDesktopProps & {\n    /**\n     * Флаг включения анимации скелета\n     */\n    animate?: boolean;\n\n    /**\n     * Флаг управлением видимостью календаря\n     */\n    calendarVisible?: boolean;\n};\n\nexport const CalendarWithSkeleton = forwardRef<HTMLDivElement, CalendarWithSkeletonProps>(\n    ({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {\n        const skeletonProps = { visible: true, animate };\n\n        return (\n            <div\n                className={cn(styles.component, className, {\n                    [styles.calendarVisible]: calendarVisible,\n                })}\n            >\n                {calendarVisible && <CalendarDesktop ref={ref} responsive={true} {...restProps} />}\n\n                <CSSTransition\n                    in={!calendarVisible}\n                    timeout={200}\n                    unmountOnExit={true}\n                    classNames={styles}\n                >\n                    <div className={styles.skeleton} ref={calendarVisible ? undefined : ref}>\n                        <Skeleton {...skeletonProps} className={styles.header} />\n\n                        <Skeleton {...skeletonProps} className={styles.weekDays} />\n\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                    </div>\n                </CSSTransition>\n            </div>\n        );\n    },\n);\n\nCalendarWithSkeleton.displayName = 'CalendarWithSkeleton';\n"],"names":[],"mappings":";;;;;;;;IAwBa,oBAAoB,GAAG,UAAU,CAC1C,UAAC,EAAmE,EAAE,GAAG,EAAA;;IAAtE,IAAA,EAAA,GAAA,EAAA,CAAA,eAAsB,EAAtB,eAAe,GAAA,EAAA,KAAA,MAAA,GAAG,IAAI,GAAA,EAAA,EAAE,eAAc,EAAd,OAAO,mBAAG,IAAI,GAAA,EAAA,EAAE,SAAS,GAAA,EAAA,CAAA,SAAA,EAAK,SAAS,GAAA,MAAA,CAAA,EAAA,EAAjE,2CAAmE,CAAF;IAC9D,IAAM,aAAa,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAA,OAAA,EAAE;IAEhD,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrC,YAAA,EAAA,CAAC,MAAM,CAAC,eAAe,CAAA,GAAG,eAAe;AAC3C,YAAA,EAAA,EAAA,EAAA;AAED,QAAA,eAAe,IAAI,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,QAAA,CAAA,EAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAA,EAAM,SAAS,CAAI,CAAA;AAElF,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EACV,EAAA,EAAE,EAAE,CAAC,eAAe,EACpB,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE,IAAI,EACnB,UAAU,EAAE,MAAM,EAAA;AAElB,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,eAAe,GAAG,SAAS,GAAG,GAAG,EAAA;gBACnE,KAAC,CAAA,aAAA,CAAA,QAAQ,eAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAI,CAAA,CAAA;gBAEzD,KAAC,CAAA,aAAA,CAAA,QAAQ,eAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAI,CAAA,CAAA;gBAE3D,KAAC,CAAA,aAAA,CAAA,QAAQ,eAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,eAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,eAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,eAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CAAA;AACtD,gBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,QAAA,CAAA,EAAA,EAAK,aAAa,EAAA,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CAAA,CACpD,CACM,CACd;AAEd,CAAC;AAGL,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/esm/index.css

@@ -9,13 +9,13 @@
 } :root {
     --calendar-height: 344px;
     --calendar-width: 344px;
-} .calendar-with-skeleton__component_8qufc {
+} .calendar-with-skeleton__component_nr1na {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
-} .calendar-with-skeleton__calendarVisible_8qufc {
+} .calendar-with-skeleton__calendarVisible_nr1na {
     height: auto;
-} .calendar-with-skeleton__skeleton_8qufc {
+} .calendar-with-skeleton__skeleton_nr1na {
     display: flex;
     flex-direction: column;
     padding: var(--gap-16);
@@ -29,20 +29,20 @@
     height: 100%;
     background-color: var(--color-light-modal-bg-primary);
     background-clip: content-box;
-} .calendar-with-skeleton__header_8qufc {
+} .calendar-with-skeleton__header_nr1na {
     height: 48px;
     margin-bottom: var(--gap-20);
-} .calendar-with-skeleton__weekDays_8qufc {
+} .calendar-with-skeleton__weekDays_nr1na {
     height: 12px;
     margin-bottom: var(--gap-16);
-} .calendar-with-skeleton__row_8qufc {
-    height: 32px
-} .calendar-with-skeleton__row_8qufc + .calendar-with-skeleton__row_8qufc {
+} .calendar-with-skeleton__row_nr1na {
+    height: 32px;
+} .calendar-with-skeleton__row_nr1na + .calendar-with-skeleton__row_nr1na {
         margin-top: 10px;
-    } .calendar-with-skeleton__enter_8qufc,
-.calendar-with-skeleton__enterActive_8qufc,
-.calendar-with-skeleton__exit_8qufc {
+    } .calendar-with-skeleton__enter_nr1na,
+.calendar-with-skeleton__enterActive_nr1na,
+.calendar-with-skeleton__exit_nr1na {
     opacity: 1;
-} .calendar-with-skeleton__exitActive_8qufc {
+} .calendar-with-skeleton__exitActive_nr1na {
     opacity: 0;
 }

package/esm/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-var styles = {"component":"calendar-with-skeleton__component_8qufc","calendarVisible":"calendar-with-skeleton__calendarVisible_8qufc","skeleton":"calendar-with-skeleton__skeleton_8qufc","header":"calendar-with-skeleton__header_8qufc","weekDays":"calendar-with-skeleton__weekDays_8qufc","row":"calendar-with-skeleton__row_8qufc","enter":"calendar-with-skeleton__enter_8qufc","enterActive":"calendar-with-skeleton__enterActive_8qufc","exit":"calendar-with-skeleton__exit_8qufc","exitActive":"calendar-with-skeleton__exitActive_8qufc"};
+var styles = {"component":"calendar-with-skeleton__component_nr1na","calendarVisible":"calendar-with-skeleton__calendarVisible_nr1na","skeleton":"calendar-with-skeleton__skeleton_nr1na","header":"calendar-with-skeleton__header_nr1na","weekDays":"calendar-with-skeleton__weekDays_nr1na","row":"calendar-with-skeleton__row_nr1na","enter":"calendar-with-skeleton__enter_nr1na","enterActive":"calendar-with-skeleton__enterActive_nr1na","exit":"calendar-with-skeleton__exit_nr1na","exitActive":"calendar-with-skeleton__exitActive_nr1na"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/esm/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../calendar/src/vars.css';\n\n.component {\n    width: var(--calendar-width);\n    height: var(--calendar-height);\n    position: relative;\n}\n\n.calendarVisible {\n    height: auto;\n}\n\n.skeleton {\n    display: flex;\n    flex-direction: column;\n    padding: var(--gap-16);\n    pointer-events: all;\n    box-sizing: border-box;\n    position: absolute;\n    transition: 0.2s ease;\n    left: var(--gap-0);\n    top: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    background-color: var(--color-light-modal-bg-primary);\n    background-clip: content-box;\n}\n\n.header {\n    height: 48px;\n    margin-bottom: var(--gap-20);\n}\n\n.weekDays {\n    height: 12px;\n    margin-bottom: var(--gap-16);\n}\n\n.row {\n    height: 32px;\n\n    & + .row {\n        margin-top: 10px;\n    }\n}\n\n.enter,\n.enterActive,\n.exit {\n    opacity: 1;\n}\n\n.exitActive {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,UAAU,CAAC,wCAAwC,CAAC,KAAK,CAAC,mCAAmC,CAAC,OAAO,CAAC,qCAAqC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,YAAY,CAAC,0CAA0C,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../calendar/src/vars.css';\n\n.component {\n    width: var(--calendar-width);\n    height: var(--calendar-height);\n    position: relative;\n}\n\n.calendarVisible {\n    height: auto;\n}\n\n.skeleton {\n    display: flex;\n    flex-direction: column;\n    padding: var(--gap-16);\n    pointer-events: all;\n    box-sizing: border-box;\n    position: absolute;\n    transition: 0.2s ease;\n    left: var(--gap-0);\n    top: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    background-color: var(--color-light-modal-bg-primary);\n    background-clip: content-box;\n}\n\n.header {\n    height: 48px;\n    margin-bottom: var(--gap-20);\n}\n\n.weekDays {\n    height: 12px;\n    margin-bottom: var(--gap-16);\n}\n\n.row {\n    height: 32px;\n\n    & + .row {\n        margin-top: 10px;\n    }\n}\n\n.enter,\n.enterActive,\n.exit {\n    opacity: 1;\n}\n\n.exitActive {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,aAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,UAAU,CAAC,wCAAwC,CAAC,KAAK,CAAC,mCAAmC,CAAC,OAAO,CAAC,qCAAqC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,YAAY,CAAC,0CAA0C,CAAC;;;;"}

package/index.css

@@ -9,13 +9,13 @@
 } :root {
     --calendar-height: 344px;
     --calendar-width: 344px;
-} .calendar-with-skeleton__component_8qufc {
+} .calendar-with-skeleton__component_nr1na {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
-} .calendar-with-skeleton__calendarVisible_8qufc {
+} .calendar-with-skeleton__calendarVisible_nr1na {
     height: auto;
-} .calendar-with-skeleton__skeleton_8qufc {
+} .calendar-with-skeleton__skeleton_nr1na {
     display: flex;
     flex-direction: column;
     padding: var(--gap-16);
@@ -29,20 +29,20 @@
     height: 100%;
     background-color: var(--color-light-modal-bg-primary);
     background-clip: content-box;
-} .calendar-with-skeleton__header_8qufc {
+} .calendar-with-skeleton__header_nr1na {
     height: 48px;
     margin-bottom: var(--gap-20);
-} .calendar-with-skeleton__weekDays_8qufc {
+} .calendar-with-skeleton__weekDays_nr1na {
     height: 12px;
     margin-bottom: var(--gap-16);
-} .calendar-with-skeleton__row_8qufc {
-    height: 32px
-} .calendar-with-skeleton__row_8qufc + .calendar-with-skeleton__row_8qufc {
+} .calendar-with-skeleton__row_nr1na {
+    height: 32px;
+} .calendar-with-skeleton__row_nr1na + .calendar-with-skeleton__row_nr1na {
         margin-top: 10px;
-    } .calendar-with-skeleton__enter_8qufc,
-.calendar-with-skeleton__enterActive_8qufc,
-.calendar-with-skeleton__exit_8qufc {
+    } .calendar-with-skeleton__enter_nr1na,
+.calendar-with-skeleton__enterActive_nr1na,
+.calendar-with-skeleton__exit_nr1na {
     opacity: 1;
-} .calendar-with-skeleton__exitActive_8qufc {
+} .calendar-with-skeleton__exitActive_nr1na {
     opacity: 0;
 }

package/index.module.css.js

@@ -2,7 +2,7 @@
 
 require('./index.css');
 
-var styles = {"component":"calendar-with-skeleton__component_8qufc","calendarVisible":"calendar-with-skeleton__calendarVisible_8qufc","skeleton":"calendar-with-skeleton__skeleton_8qufc","header":"calendar-with-skeleton__header_8qufc","weekDays":"calendar-with-skeleton__weekDays_8qufc","row":"calendar-with-skeleton__row_8qufc","enter":"calendar-with-skeleton__enter_8qufc","enterActive":"calendar-with-skeleton__enterActive_8qufc","exit":"calendar-with-skeleton__exit_8qufc","exitActive":"calendar-with-skeleton__exitActive_8qufc"};
+var styles = {"component":"calendar-with-skeleton__component_nr1na","calendarVisible":"calendar-with-skeleton__calendarVisible_nr1na","skeleton":"calendar-with-skeleton__skeleton_nr1na","header":"calendar-with-skeleton__header_nr1na","weekDays":"calendar-with-skeleton__weekDays_nr1na","row":"calendar-with-skeleton__row_nr1na","enter":"calendar-with-skeleton__enter_nr1na","enterActive":"calendar-with-skeleton__enterActive_nr1na","exit":"calendar-with-skeleton__exit_nr1na","exitActive":"calendar-with-skeleton__exitActive_nr1na"};
 
 module.exports = styles;
 //# sourceMappingURL=index.module.css.js.map

package/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../calendar/src/vars.css';\n\n.component {\n    width: var(--calendar-width);\n    height: var(--calendar-height);\n    position: relative;\n}\n\n.calendarVisible {\n    height: auto;\n}\n\n.skeleton {\n    display: flex;\n    flex-direction: column;\n    padding: var(--gap-16);\n    pointer-events: all;\n    box-sizing: border-box;\n    position: absolute;\n    transition: 0.2s ease;\n    left: var(--gap-0);\n    top: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    background-color: var(--color-light-modal-bg-primary);\n    background-clip: content-box;\n}\n\n.header {\n    height: 48px;\n    margin-bottom: var(--gap-20);\n}\n\n.weekDays {\n    height: 12px;\n    margin-bottom: var(--gap-16);\n}\n\n.row {\n    height: 32px;\n\n    & + .row {\n        margin-top: 10px;\n    }\n}\n\n.enter,\n.enterActive,\n.exit {\n    opacity: 1;\n}\n\n.exitActive {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,UAAU,CAAC,wCAAwC,CAAC,KAAK,CAAC,mCAAmC,CAAC,OAAO,CAAC,qCAAqC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,YAAY,CAAC,0CAA0C,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../calendar/src/vars.css';\n\n.component {\n    width: var(--calendar-width);\n    height: var(--calendar-height);\n    position: relative;\n}\n\n.calendarVisible {\n    height: auto;\n}\n\n.skeleton {\n    display: flex;\n    flex-direction: column;\n    padding: var(--gap-16);\n    pointer-events: all;\n    box-sizing: border-box;\n    position: absolute;\n    transition: 0.2s ease;\n    left: var(--gap-0);\n    top: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    background-color: var(--color-light-modal-bg-primary);\n    background-clip: content-box;\n}\n\n.header {\n    height: 48px;\n    margin-bottom: var(--gap-20);\n}\n\n.weekDays {\n    height: 12px;\n    margin-bottom: var(--gap-16);\n}\n\n.row {\n    height: 32px;\n\n    & + .row {\n        margin-top: 10px;\n    }\n}\n\n.enter,\n.enterActive,\n.exit {\n    opacity: 1;\n}\n\n.exitActive {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,UAAU,CAAC,wCAAwC,CAAC,KAAK,CAAC,mCAAmC,CAAC,OAAO,CAAC,qCAAqC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,YAAY,CAAC,0CAA0C,CAAC;;;;"}

package/modern/Component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarDesktopProps } from '@alfalab/core-components-calendar/modern/desktop';
+import { type CalendarDesktopProps } from '@alfalab/core-components-calendar/modern/desktop';
 export declare type CalendarWithSkeletonProps = CalendarDesktopProps & {
     /**
      * Флаг включения анимации скелета

package/modern/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cn from 'classnames';\n\nimport { CalendarDesktop, CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport styles from './index.module.css';\n\nexport type CalendarWithSkeletonProps = CalendarDesktopProps & {\n    /**\n     * Флаг включения анимации скелета\n     */\n    animate?: boolean;\n\n    /**\n     * Флаг управлением видимостью календаря\n     */\n    calendarVisible?: boolean;\n};\n\nexport const CalendarWithSkeleton = forwardRef<HTMLDivElement, CalendarWithSkeletonProps>(\n    ({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {\n        const skeletonProps = { visible: true, animate };\n\n        return (\n            <div\n                className={cn(styles.component, className, {\n                    [styles.calendarVisible]: calendarVisible,\n                })}\n            >\n                {calendarVisible && <CalendarDesktop ref={ref} responsive={true} {...restProps} />}\n\n                <CSSTransition\n                    in={!calendarVisible}\n                    timeout={200}\n                    unmountOnExit={true}\n                    classNames={styles}\n                >\n                    <div className={styles.skeleton} ref={calendarVisible ? undefined : ref}>\n                        <Skeleton {...skeletonProps} className={styles.header} />\n\n                        <Skeleton {...skeletonProps} className={styles.weekDays} />\n\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                    </div>\n                </CSSTransition>\n            </div>\n        );\n    },\n);\n\nCalendarWithSkeleton.displayName = 'CalendarWithSkeleton';\n"],"names":[],"mappings":";;;;;;;AAqBa,MAAA,oBAAoB,GAAG,UAAU,CAC1C,CAAC,EAAE,eAAe,GAAG,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IACzE,MAAM,aAAa,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;IAEhD,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;AACvC,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,eAAe;SAC5C,CAAC,EAAA;AAED,QAAA,eAAe,IAAI,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAA,GAAM,SAAS,EAAI,CAAA;AAElF,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EACV,EAAA,EAAE,EAAE,CAAC,eAAe,EACpB,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE,IAAI,EACnB,UAAU,EAAE,MAAM,EAAA;AAElB,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,eAAe,GAAG,SAAS,GAAG,GAAG,EAAA;gBACnE,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAI,CAAA;gBAEzD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAI,CAAA;gBAE3D,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;AACtD,gBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CACpD,CACM,CACd;AAEd,CAAC;AAGL,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cn from 'classnames';\n\nimport {\n    CalendarDesktop,\n    type CalendarDesktopProps,\n} from '@alfalab/core-components-calendar/desktop';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport styles from './index.module.css';\n\nexport type CalendarWithSkeletonProps = CalendarDesktopProps & {\n    /**\n     * Флаг включения анимации скелета\n     */\n    animate?: boolean;\n\n    /**\n     * Флаг управлением видимостью календаря\n     */\n    calendarVisible?: boolean;\n};\n\nexport const CalendarWithSkeleton = forwardRef<HTMLDivElement, CalendarWithSkeletonProps>(\n    ({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {\n        const skeletonProps = { visible: true, animate };\n\n        return (\n            <div\n                className={cn(styles.component, className, {\n                    [styles.calendarVisible]: calendarVisible,\n                })}\n            >\n                {calendarVisible && <CalendarDesktop ref={ref} responsive={true} {...restProps} />}\n\n                <CSSTransition\n                    in={!calendarVisible}\n                    timeout={200}\n                    unmountOnExit={true}\n                    classNames={styles}\n                >\n                    <div className={styles.skeleton} ref={calendarVisible ? undefined : ref}>\n                        <Skeleton {...skeletonProps} className={styles.header} />\n\n                        <Skeleton {...skeletonProps} className={styles.weekDays} />\n\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                    </div>\n                </CSSTransition>\n            </div>\n        );\n    },\n);\n\nCalendarWithSkeleton.displayName = 'CalendarWithSkeleton';\n"],"names":[],"mappings":";;;;;;;AAwBa,MAAA,oBAAoB,GAAG,UAAU,CAC1C,CAAC,EAAE,eAAe,GAAG,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IACzE,MAAM,aAAa,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;IAEhD,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;AACvC,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,eAAe;SAC5C,CAAC,EAAA;AAED,QAAA,eAAe,IAAI,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAA,GAAM,SAAS,EAAI,CAAA;AAElF,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EACV,EAAA,EAAE,EAAE,CAAC,eAAe,EACpB,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE,IAAI,EACnB,UAAU,EAAE,MAAM,EAAA;AAElB,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,eAAe,GAAG,SAAS,GAAG,GAAG,EAAA;gBACnE,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAI,CAAA;gBAEzD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAI,CAAA;gBAE3D,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;AACtD,gBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CACpD,CACM,CACd;AAEd,CAAC;AAGL,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/modern/index.css

@@ -9,13 +9,13 @@
 } :root {
     --calendar-height: 344px;
     --calendar-width: 344px;
-} .calendar-with-skeleton__component_8qufc {
+} .calendar-with-skeleton__component_nr1na {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
-} .calendar-with-skeleton__calendarVisible_8qufc {
+} .calendar-with-skeleton__calendarVisible_nr1na {
     height: auto;
-} .calendar-with-skeleton__skeleton_8qufc {
+} .calendar-with-skeleton__skeleton_nr1na {
     display: flex;
     flex-direction: column;
     padding: var(--gap-16);
@@ -29,20 +29,20 @@
     height: 100%;
     background-color: var(--color-light-modal-bg-primary);
     background-clip: content-box;
-} .calendar-with-skeleton__header_8qufc {
+} .calendar-with-skeleton__header_nr1na {
     height: 48px;
     margin-bottom: var(--gap-20);
-} .calendar-with-skeleton__weekDays_8qufc {
+} .calendar-with-skeleton__weekDays_nr1na {
     height: 12px;
     margin-bottom: var(--gap-16);
-} .calendar-with-skeleton__row_8qufc {
-    height: 32px
-} .calendar-with-skeleton__row_8qufc + .calendar-with-skeleton__row_8qufc {
+} .calendar-with-skeleton__row_nr1na {
+    height: 32px;
+} .calendar-with-skeleton__row_nr1na + .calendar-with-skeleton__row_nr1na {
         margin-top: 10px;
-    } .calendar-with-skeleton__enter_8qufc,
-.calendar-with-skeleton__enterActive_8qufc,
-.calendar-with-skeleton__exit_8qufc {
+    } .calendar-with-skeleton__enter_nr1na,
+.calendar-with-skeleton__enterActive_nr1na,
+.calendar-with-skeleton__exit_nr1na {
     opacity: 1;
-} .calendar-with-skeleton__exitActive_8qufc {
+} .calendar-with-skeleton__exitActive_nr1na {
     opacity: 0;
 }

package/modern/index.module.css.js

@@ -1,6 +1,6 @@
 import './index.css';
 
-const styles = {"component":"calendar-with-skeleton__component_8qufc","calendarVisible":"calendar-with-skeleton__calendarVisible_8qufc","skeleton":"calendar-with-skeleton__skeleton_8qufc","header":"calendar-with-skeleton__header_8qufc","weekDays":"calendar-with-skeleton__weekDays_8qufc","row":"calendar-with-skeleton__row_8qufc","enter":"calendar-with-skeleton__enter_8qufc","enterActive":"calendar-with-skeleton__enterActive_8qufc","exit":"calendar-with-skeleton__exit_8qufc","exitActive":"calendar-with-skeleton__exitActive_8qufc"};
+const styles = {"component":"calendar-with-skeleton__component_nr1na","calendarVisible":"calendar-with-skeleton__calendarVisible_nr1na","skeleton":"calendar-with-skeleton__skeleton_nr1na","header":"calendar-with-skeleton__header_nr1na","weekDays":"calendar-with-skeleton__weekDays_nr1na","row":"calendar-with-skeleton__row_nr1na","enter":"calendar-with-skeleton__enter_nr1na","enterActive":"calendar-with-skeleton__enterActive_nr1na","exit":"calendar-with-skeleton__exit_nr1na","exitActive":"calendar-with-skeleton__exitActive_nr1na"};
 
 export { styles as default };
 //# sourceMappingURL=index.module.css.js.map

package/modern/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../calendar/src/vars.css';\n\n.component {\n    width: var(--calendar-width);\n    height: var(--calendar-height);\n    position: relative;\n}\n\n.calendarVisible {\n    height: auto;\n}\n\n.skeleton {\n    display: flex;\n    flex-direction: column;\n    padding: var(--gap-16);\n    pointer-events: all;\n    box-sizing: border-box;\n    position: absolute;\n    transition: 0.2s ease;\n    left: var(--gap-0);\n    top: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    background-color: var(--color-light-modal-bg-primary);\n    background-clip: content-box;\n}\n\n.header {\n    height: 48px;\n    margin-bottom: var(--gap-20);\n}\n\n.weekDays {\n    height: 12px;\n    margin-bottom: var(--gap-16);\n}\n\n.row {\n    height: 32px;\n\n    & + .row {\n        margin-top: 10px;\n    }\n}\n\n.enter,\n.enterActive,\n.exit {\n    opacity: 1;\n}\n\n.exitActive {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,UAAU,CAAC,wCAAwC,CAAC,KAAK,CAAC,mCAAmC,CAAC,OAAO,CAAC,qCAAqC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,YAAY,CAAC,0CAA0C,CAAC;;;;"}
+{"version":3,"file":"index.module.css.js","sources":["src/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/no-typography-index.css';\n@import '../../calendar/src/vars.css';\n\n.component {\n    width: var(--calendar-width);\n    height: var(--calendar-height);\n    position: relative;\n}\n\n.calendarVisible {\n    height: auto;\n}\n\n.skeleton {\n    display: flex;\n    flex-direction: column;\n    padding: var(--gap-16);\n    pointer-events: all;\n    box-sizing: border-box;\n    position: absolute;\n    transition: 0.2s ease;\n    left: var(--gap-0);\n    top: var(--gap-0);\n    width: 100%;\n    height: 100%;\n    background-color: var(--color-light-modal-bg-primary);\n    background-clip: content-box;\n}\n\n.header {\n    height: 48px;\n    margin-bottom: var(--gap-20);\n}\n\n.weekDays {\n    height: 12px;\n    margin-bottom: var(--gap-16);\n}\n\n.row {\n    height: 32px;\n\n    & + .row {\n        margin-top: 10px;\n    }\n}\n\n.enter,\n.enterActive,\n.exit {\n    opacity: 1;\n}\n\n.exitActive {\n    opacity: 0;\n}\n"],"names":[],"mappings":";;AAEgB,eAAe,CAAC,WAAW,CAAC,yCAAyC,CAAC,iBAAiB,CAAC,+CAA+C,CAAC,UAAU,CAAC,wCAAwC,CAAC,QAAQ,CAAC,sCAAsC,CAAC,UAAU,CAAC,wCAAwC,CAAC,KAAK,CAAC,mCAAmC,CAAC,OAAO,CAAC,qCAAqC,CAAC,aAAa,CAAC,2CAA2C,CAAC,MAAM,CAAC,oCAAoC,CAAC,YAAY,CAAC,0CAA0C,CAAC;;;;"}

package/moderncssm/Component.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CalendarDesktopProps } from '@alfalab/core-components-calendar/moderncssm/desktop';
+import { type CalendarDesktopProps } from '@alfalab/core-components-calendar/moderncssm/desktop';
 export declare type CalendarWithSkeletonProps = CalendarDesktopProps & {
     /**
      * Флаг включения анимации скелета

package/moderncssm/Component.js.map

@@ -1 +1 @@
-{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cn from 'classnames';\n\nimport { CalendarDesktop, CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport styles from './index.module.css';\n\nexport type CalendarWithSkeletonProps = CalendarDesktopProps & {\n    /**\n     * Флаг включения анимации скелета\n     */\n    animate?: boolean;\n\n    /**\n     * Флаг управлением видимостью календаря\n     */\n    calendarVisible?: boolean;\n};\n\nexport const CalendarWithSkeleton = forwardRef<HTMLDivElement, CalendarWithSkeletonProps>(\n    ({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {\n        const skeletonProps = { visible: true, animate };\n\n        return (\n            <div\n                className={cn(styles.component, className, {\n                    [styles.calendarVisible]: calendarVisible,\n                })}\n            >\n                {calendarVisible && <CalendarDesktop ref={ref} responsive={true} {...restProps} />}\n\n                <CSSTransition\n                    in={!calendarVisible}\n                    timeout={200}\n                    unmountOnExit={true}\n                    classNames={styles}\n                >\n                    <div className={styles.skeleton} ref={calendarVisible ? undefined : ref}>\n                        <Skeleton {...skeletonProps} className={styles.header} />\n\n                        <Skeleton {...skeletonProps} className={styles.weekDays} />\n\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                    </div>\n                </CSSTransition>\n            </div>\n        );\n    },\n);\n\nCalendarWithSkeleton.displayName = 'CalendarWithSkeleton';\n"],"names":[],"mappings":";;;;;;;AAqBa,MAAA,oBAAoB,GAAG,UAAU,CAC1C,CAAC,EAAE,eAAe,GAAG,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IACzE,MAAM,aAAa,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;IAEhD,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;AACvC,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,eAAe;SAC5C,CAAC,EAAA;AAED,QAAA,eAAe,IAAI,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAA,GAAM,SAAS,EAAI,CAAA;AAElF,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EACV,EAAA,EAAE,EAAE,CAAC,eAAe,EACpB,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE,IAAI,EACnB,UAAU,EAAE,MAAM,EAAA;AAElB,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,eAAe,GAAG,SAAS,GAAG,GAAG,EAAA;gBACnE,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAI,CAAA;gBAEzD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAI,CAAA;gBAE3D,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;AACtD,gBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CACpD,CACM,CACd;AAEd,CAAC;AAGL,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}
+{"version":3,"file":"Component.js","sources":["../src/Component.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { CSSTransition } from 'react-transition-group';\nimport cn from 'classnames';\n\nimport {\n    CalendarDesktop,\n    type CalendarDesktopProps,\n} from '@alfalab/core-components-calendar/desktop';\nimport { Skeleton } from '@alfalab/core-components-skeleton';\n\nimport styles from './index.module.css';\n\nexport type CalendarWithSkeletonProps = CalendarDesktopProps & {\n    /**\n     * Флаг включения анимации скелета\n     */\n    animate?: boolean;\n\n    /**\n     * Флаг управлением видимостью календаря\n     */\n    calendarVisible?: boolean;\n};\n\nexport const CalendarWithSkeleton = forwardRef<HTMLDivElement, CalendarWithSkeletonProps>(\n    ({ calendarVisible = true, animate = true, className, ...restProps }, ref) => {\n        const skeletonProps = { visible: true, animate };\n\n        return (\n            <div\n                className={cn(styles.component, className, {\n                    [styles.calendarVisible]: calendarVisible,\n                })}\n            >\n                {calendarVisible && <CalendarDesktop ref={ref} responsive={true} {...restProps} />}\n\n                <CSSTransition\n                    in={!calendarVisible}\n                    timeout={200}\n                    unmountOnExit={true}\n                    classNames={styles}\n                >\n                    <div className={styles.skeleton} ref={calendarVisible ? undefined : ref}>\n                        <Skeleton {...skeletonProps} className={styles.header} />\n\n                        <Skeleton {...skeletonProps} className={styles.weekDays} />\n\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                        <Skeleton {...skeletonProps} className={styles.row} />\n                    </div>\n                </CSSTransition>\n            </div>\n        );\n    },\n);\n\nCalendarWithSkeleton.displayName = 'CalendarWithSkeleton';\n"],"names":[],"mappings":";;;;;;;AAwBa,MAAA,oBAAoB,GAAG,UAAU,CAC1C,CAAC,EAAE,eAAe,GAAG,IAAI,EAAE,OAAO,GAAG,IAAI,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,EAAE,GAAG,KAAI;IACzE,MAAM,aAAa,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE;IAEhD,QACI,KACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,SAAS,EAAE;AACvC,YAAA,CAAC,MAAM,CAAC,eAAe,GAAG,eAAe;SAC5C,CAAC,EAAA;AAED,QAAA,eAAe,IAAI,KAAA,CAAA,aAAA,CAAC,eAAe,EAAA,EAAC,GAAG,EAAE,GAAG,EAAE,UAAU,EAAE,IAAI,EAAA,GAAM,SAAS,EAAI,CAAA;AAElF,QAAA,KAAA,CAAA,aAAA,CAAC,aAAa,EACV,EAAA,EAAE,EAAE,CAAC,eAAe,EACpB,OAAO,EAAE,GAAG,EACZ,aAAa,EAAE,IAAI,EACnB,UAAU,EAAE,MAAM,EAAA;AAElB,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAE,GAAG,EAAE,eAAe,GAAG,SAAS,GAAG,GAAG,EAAA;gBACnE,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAI,CAAA;gBAEzD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,QAAQ,EAAI,CAAA;gBAE3D,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;gBACtD,KAAC,CAAA,aAAA,CAAA,QAAQ,OAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA;AACtD,gBAAA,KAAA,CAAA,aAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,aAAa,EAAE,SAAS,EAAE,MAAM,CAAC,GAAG,EAAI,CAAA,CACpD,CACM,CACd;AAEd,CAAC;AAGL,oBAAoB,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/moderncssm/index.module.css

@@ -2,14 +2,17 @@
     --calendar-height: 344px;
     --calendar-width: 344px;
 }
+
 .component {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
+
 .calendarVisible {
     height: auto;
 }
+
 .skeleton {
     display: flex;
     flex-direction: column;
@@ -25,25 +28,31 @@
     background-color: var(--color-light-modal-bg-primary);
     background-clip: content-box;
 }
+
 .header {
     height: 48px;
     margin-bottom: var(--gap-20);
 }
+
 .weekDays {
     height: 12px;
     margin-bottom: var(--gap-16);
 }
+
 .row {
-    height: 32px
+    height: 32px;
 }
+
 .row + .row {
         margin-top: 10px;
     }
+
 .enter,
 .enterActive,
 .exit {
     opacity: 1;
 }
+
 .exitActive {
     opacity: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-calendar-with-skeleton",
-    "version": "6.0.1",
+    "version": "6.0.3",
     "description": "CalendarWithSkeleton component",
     "keywords": [],
     "license": "MIT",
@@ -10,8 +10,8 @@
     "main": "index.js",
     "module": "./esm/index.js",
     "dependencies": {
-        "@alfalab/core-components-calendar": "^8.0.1",
-        "@alfalab/core-components-skeleton": "^6.0.0",
+        "@alfalab/core-components-calendar": "^8.0.3",
+        "@alfalab/core-components-skeleton": "^6.0.1",
         "classnames": "^2.5.1",
         "react-transition-group": "^4.4.5",
         "tslib": "^2.4.0"
@@ -24,6 +24,6 @@
         "access": "public",
         "directory": "dist"
     },
-    "themesVersion": "14.1.0",
-    "varsVersion": "10.1.0"
+    "themesVersion": "14.1.3",
+    "varsVersion": "10.1.1"
 }

package/src/Component.tsx

@@ -2,7 +2,10 @@ import React, { forwardRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import cn from 'classnames';
 
-import { CalendarDesktop, CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';
+import {
+    CalendarDesktop,
+    type CalendarDesktopProps,
+} from '@alfalab/core-components-calendar/desktop';
 import { Skeleton } from '@alfalab/core-components-skeleton';
 
 import styles from './index.module.css';

package/src/index.module.css

@@ -1,4 +1,4 @@
-@import '@alfalab/core-components-vars/src/index.css';
+@import '@alfalab/core-components-vars/src/no-typography-index.css';
 @import '../../calendar/src/vars.css';
 
 .component {