@alfalab/core-components-calendar-input 9.0.0 → 9.0.2

package/{Component-89a3cf4c.d.ts → Component-50136800.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/Component-8b5756fe.d.ts

@@ -4,7 +4,7 @@ import React from "react";
 import { ReactNode, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 import { CalendarDesktopProps } from "./Component.desktop-8b5756fe";
 type BackdropProps = Partial<TransitionProps> & {
     /**
@@ -116,6 +116,14 @@ type BaseModalProps = {
      * Дополнительный класс
      */
     contentClassName?: string;
+    /**
+     * Дополнительные пропсы на обертку контента
+     */
+    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительные пропсы на компонентную обертку контента
+     */
+    componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     /**
      * Дополнительный класс для обертки (Modal)
      */

package/components/calendar-input/Component.js

@@ -21,7 +21,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"calendar-input__component_n0p49","block":"calendar-input__block_n0p49","calendarContainer":"calendar-input__calendarContainer_n0p49","calendarResponsive":"calendar-input__calendarResponsive_n0p49","calendarIcon":"calendar-input__calendarIcon_n0p49","nativeInput":"calendar-input__nativeInput_n0p49"};
+var styles = {"component":"calendar-input__component_1qxbs","block":"calendar-input__block_1qxbs","calendarContainer":"calendar-input__calendarContainer_1qxbs","calendarResponsive":"calendar-input__calendarResponsive_1qxbs","calendarIcon":"calendar-input__calendarIcon_1qxbs","nativeInput":"calendar-input__nativeInput_1qxbs"};
 require('./index.css')
 
 var CalendarInput = React.forwardRef(function (_a, ref) {

package/components/calendar-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1kehl */
+/* hash: 96sjp */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb;
@@ -43,31 +43,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-graphic-primary);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_n0p49 {
+} .calendar-input__component_1qxbs {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_n0p49 {
+} .calendar-input__block_1qxbs {
     width: 100%;
-} .calendar-input__calendarContainer_n0p49 {
+} .calendar-input__calendarContainer_1qxbs {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_n0p49 {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_1qxbs {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_n0p49 {
+    } .calendar-input__calendarResponsive_1qxbs {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_n0p49 {
+} .calendar-input__calendarIcon_1qxbs {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_n0p49:not(:only-child) {
+} .calendar-input__calendarIcon_1qxbs:not(:only-child) {
         margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_n0p49 {
+    } .calendar-input__nativeInput_1qxbs {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -76,8 +76,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_n0p49::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_1qxbs::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_n0p49::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_1qxbs::-webkit-inner-spin-button {
         display: none;
     }

package/cssm/{Component-89a3cf4c.d.ts → Component-50136800.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/cssm/Component-8b5756fe.d.ts

@@ -4,7 +4,7 @@ import React from "react";
 import { ReactNode, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 import { CalendarDesktopProps } from "./Component.desktop-8b5756fe";
 type BackdropProps = Partial<TransitionProps> & {
     /**
@@ -116,6 +116,14 @@ type BaseModalProps = {
      * Дополнительный класс
      */
     contentClassName?: string;
+    /**
+     * Дополнительные пропсы на обертку контента
+     */
+    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительные пропсы на компонентную обертку контента
+     */
+    componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     /**
      * Дополнительный класс для обертки (Modal)
      */

package/cssm/index-50136800.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import React from "react";
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns };

package/esm/{Component-89a3cf4c.d.ts → Component-50136800.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/esm/Component-8b5756fe.d.ts

@@ -4,7 +4,7 @@ import React from "react";
 import { ReactNode, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 import { CalendarDesktopProps } from "./Component.desktop-8b5756fe";
 type BackdropProps = Partial<TransitionProps> & {
     /**
@@ -116,6 +116,14 @@ type BaseModalProps = {
      * Дополнительный класс
      */
     contentClassName?: string;
+    /**
+     * Дополнительные пропсы на обертку контента
+     */
+    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительные пропсы на компонентную обертку контента
+     */
+    componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     /**
      * Дополнительный класс для обертки (Modal)
      */

package/esm/components/calendar-input/Component.js

@@ -11,7 +11,7 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
-var styles = {"component":"calendar-input__component_n0p49","block":"calendar-input__block_n0p49","calendarContainer":"calendar-input__calendarContainer_n0p49","calendarResponsive":"calendar-input__calendarResponsive_n0p49","calendarIcon":"calendar-input__calendarIcon_n0p49","nativeInput":"calendar-input__nativeInput_n0p49"};
+var styles = {"component":"calendar-input__component_1qxbs","block":"calendar-input__block_1qxbs","calendarContainer":"calendar-input__calendarContainer_1qxbs","calendarResponsive":"calendar-input__calendarResponsive_1qxbs","calendarIcon":"calendar-input__calendarIcon_1qxbs","nativeInput":"calendar-input__nativeInput_1qxbs"};
 require('./index.css')
 
 var CalendarInput = forwardRef(function (_a, ref) {

package/esm/components/calendar-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1kehl */
+/* hash: 96sjp */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb;
@@ -43,31 +43,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-graphic-primary);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_n0p49 {
+} .calendar-input__component_1qxbs {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_n0p49 {
+} .calendar-input__block_1qxbs {
     width: 100%;
-} .calendar-input__calendarContainer_n0p49 {
+} .calendar-input__calendarContainer_1qxbs {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_n0p49 {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_1qxbs {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_n0p49 {
+    } .calendar-input__calendarResponsive_1qxbs {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_n0p49 {
+} .calendar-input__calendarIcon_1qxbs {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_n0p49:not(:only-child) {
+} .calendar-input__calendarIcon_1qxbs:not(:only-child) {
         margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_n0p49 {
+    } .calendar-input__nativeInput_1qxbs {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -76,8 +76,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_n0p49::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_1qxbs::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_n0p49::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_1qxbs::-webkit-inner-spin-button {
         display: none;
     }

package/esm/index-50136800.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import React from "react";
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns };

package/index-50136800.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import React from "react";
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns };

package/modern/{Component-89a3cf4c.d.ts → Component-50136800.d.ts}

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
 export * from "./Component-63dec22f";
 export { NavigationBar };

package/modern/Component-8b5756fe.d.ts

@@ -4,7 +4,7 @@ import React from "react";
 import { ReactNode, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, RefObject } from "react";
 import { TransitionProps } from "react-transition-group/Transition";
 import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
-import { NavigationBarProps } from "./types-ebda875c";
+import { NavigationBarProps } from "./types-83e2bd9e";
 import { CalendarDesktopProps } from "./Component.desktop-8b5756fe";
 type BackdropProps = Partial<TransitionProps> & {
     /**
@@ -116,6 +116,14 @@ type BaseModalProps = {
      * Дополнительный класс
      */
     contentClassName?: string;
+    /**
+     * Дополнительные пропсы на обертку контента
+     */
+    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+    /**
+     * Дополнительные пропсы на компонентную обертку контента
+     */
+    componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
     /**
      * Дополнительный класс для обертки (Modal)
      */

package/modern/components/calendar-input/Component.js

@@ -10,7 +10,7 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 
-const styles = {"component":"calendar-input__component_n0p49","block":"calendar-input__block_n0p49","calendarContainer":"calendar-input__calendarContainer_n0p49","calendarResponsive":"calendar-input__calendarResponsive_n0p49","calendarIcon":"calendar-input__calendarIcon_n0p49","nativeInput":"calendar-input__nativeInput_n0p49"};
+const styles = {"component":"calendar-input__component_1qxbs","block":"calendar-input__block_1qxbs","calendarContainer":"calendar-input__calendarContainer_1qxbs","calendarResponsive":"calendar-input__calendarResponsive_1qxbs","calendarIcon":"calendar-input__calendarIcon_1qxbs","nativeInput":"calendar-input__nativeInput_1qxbs"};
 require('./index.css')
 
 const CalendarInput = forwardRef(({ block = false, className, inputClassName, popoverClassName, defaultOpen = false, defaultMonth, defaultValue = '', calendarPosition = 'popover', value, dataTestId, calendarProps = {}, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], events = calendarProps.events || [], preventFlip, mobileMode = 'popover', wrapperRef = null, disabled, onChange = () => null, onInputChange, onCalendarChange, onCalendarOpen, onCalendarClose, onKeyDown, readOnly, disableUserInput = false, Calendar, popoverPosition = 'bottom-start', zIndexPopover, useAnchorWidth, rightAddons, error, view = 'desktop', ...restProps }, ref) => {

package/modern/components/calendar-input/index.css

@@ -1,4 +1,4 @@
-/* hash: 1kehl */
+/* hash: 96sjp */
 :root {
 } /* deprecated */ :root {
     --color-light-border-secondary: #e9e9eb;
@@ -43,31 +43,31 @@
 } :root {
     --calendar-input-icon-color: var(--color-light-graphic-primary);
     --calendar-input-popover-border-radius: var(--border-radius-m);
-} .calendar-input__component_n0p49 {
+} .calendar-input__component_1qxbs {
     display: inline-block;
     outline: none;
     position: relative;
-} .calendar-input__block_n0p49 {
+} .calendar-input__block_1qxbs {
     width: 100%;
-} .calendar-input__calendarContainer_n0p49 {
+} .calendar-input__calendarContainer_1qxbs {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-input-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .calendar-input__calendarContainer_n0p49 {
+} @media (max-width: 374px) { .calendar-input__calendarContainer_1qxbs {
         width: 100%;
         min-width: 288px
 }
-    } .calendar-input__calendarResponsive_n0p49 {
+    } .calendar-input__calendarResponsive_1qxbs {
     width: var(--calendar-width);
-} .calendar-input__calendarIcon_n0p49 {
+} .calendar-input__calendarIcon_1qxbs {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
-} .calendar-input__calendarIcon_n0p49:not(:only-child) {
+} .calendar-input__calendarIcon_1qxbs:not(:only-child) {
         margin-right: var(--gap-2xs);
-    } .calendar-input__nativeInput_n0p49 {
+    } .calendar-input__nativeInput_1qxbs {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -76,8 +76,8 @@
     height: 100%;
     appearance: none;
     z-index: 1
-} .calendar-input__nativeInput_n0p49::-webkit-calendar-picker-indicator {
+} .calendar-input__nativeInput_1qxbs::-webkit-calendar-picker-indicator {
         display: none;
-    } .calendar-input__nativeInput_n0p49::-webkit-inner-spin-button {
+    } .calendar-input__nativeInput_1qxbs::-webkit-inner-spin-button {
         display: none;
     }

package/modern/index-50136800.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import React from "react";
+declare const isClient: () => boolean;
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+export { isClient, getDataTestId, createPaddingStyle, easingFns };

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-calendar-input",
-    "version": "9.0.0",
+    "version": "9.0.2",
     "description": "Calendar input component",
     "keywords": [],
     "license": "MIT",
@@ -39,10 +39,11 @@
         "react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
     },
     "dependencies": {
-        "@alfalab/core-components-calendar": "^7.0.0",
-        "@alfalab/core-components-date-input": "^4.3.0",
+        "@alfalab/core-components-calendar": "^7.0.2",
+        "@alfalab/core-components-date-input": "^4.3.2",
         "@alfalab/core-components-popover": "^6.1.0",
         "@alfalab/hooks": "^1.13.0",
+        "@alfalab/icons-glyph": "^2.108.0",
         "classnames": "^2.3.1",
         "date-fns": "^2.16.1",
         "react-merge-refs": "^1.1.0",

package/cssm/index-89a3cf4c.d.ts

@@ -1,3 +0,0 @@
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { isClient, getDataTestId };

package/esm/index-89a3cf4c.d.ts

@@ -1,3 +0,0 @@
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { isClient, getDataTestId };

package/index-89a3cf4c.d.ts

@@ -1,3 +0,0 @@
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { isClient, getDataTestId };

package/modern/index-89a3cf4c.d.ts

@@ -1,3 +0,0 @@
-declare const isClient: () => boolean;
-declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
-export { isClient, getDataTestId };