@salutejs/plasma-new-hope 0.342.0-canary.2353.19638539568.0 → 0.343.0-canary.2354.19672366908.0

package/styled-components/es/components/TimePicker/TimePicker.js

@@ -125,6 +125,7 @@ function _unsupported_iterable_to_array(o, minLen) {
 }
 import React, { forwardRef, useRef, useState, useEffect } from "react";
 import cls from "classnames";
+import { useForkRef } from "@salutejs/plasma-core";
 import { getPlacements } from "../../utils";
 import { processTimeInput, delimiter } from "./utils";
 import { base, StyledInput, StyledTimePickerGrid, StyledPopover } from "./TimePicker.styles";
@@ -170,17 +171,20 @@ export var timePickerRoot = function(Root) {
             "onChange"
         ]);
         var inputRef = useRef(null);
+        var rootRef = useRef(null);
+        var rootForkRef = useForkRef(rootRef, ref);
         var hoursHideTimeoutRef = useRef(null);
         var minutesHideTimeoutRef = useRef(null);
         var secondsHideTimeoutRef = useRef(null);
         var _useState = _sliced_to_array(useState(opened), 2), isInnerOpen = _useState[0], setIsInnerOpen = _useState[1];
         var _useState1 = _sliced_to_array(useState(outerValue || ''), 2), innerTime = _useState1[0], setInnerTime = _useState1[1];
-        var _useState2 = _sliced_to_array(useState({
+        var _useState2 = _sliced_to_array(useState(null), 2), rootWidth = _useState2[0], setRootWidth = _useState2[1];
+        var _useState3 = _sliced_to_array(useState({
             hours: null,
             minutes: null,
             seconds: null,
             currentColumn: null
-        }), 2), setActiveTime = _useState2[1];
+        }), 2), setActiveTime = _useState3[1];
         var viewValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerTime;
         var format = columnsQuantity === 3 ? 'HH:mm:ss' : 'HH:mm';
         useEffect(function() {
@@ -224,6 +228,15 @@ export var timePickerRoot = function(Root) {
             disabled,
             readonly
         ]);
+        useEffect(function() {
+            if (dropdownWidth === 'fullWidth' && rootRef.current) {
+                var width = rootRef.current.offsetWidth;
+                setRootWidth(width);
+            }
+        }, [
+            dropdownWidth,
+            isInnerOpen
+        ]);
         var handleToggle = function() {
             if (disabled || readonly) return;
             var newState = !isInnerOpen;
@@ -325,6 +338,15 @@ export var timePickerRoot = function(Root) {
             labelPlacement: labelPlacement,
             keepPlaceholder: keepPlaceholder
         });
+        var getDropdownWidth = function() {
+            if (dropdownWidth === 'fixed' || dropdownWidth === undefined) {
+                return undefined;
+            }
+            if (dropdownWidth === 'fullWidth') {
+                return rootWidth !== null ? "".concat(rootWidth, "px") : 'fullWidth';
+            }
+            return dropdownWidth;
+        };
         return /*#__PURE__*/ React.createElement(Root, _object_spread({
             stretched: stretched,
             view: view,
@@ -332,7 +354,7 @@ export var timePickerRoot = function(Root) {
             className: cls(classes.timePickerRoot, className, _define_property({}, classes.timePickerstretched, stretched)),
             disabled: disabled,
             readonly: readonly,
-            ref: ref
+            ref: rootForkRef
         }, rest), /*#__PURE__*/ React.createElement(StyledPopover, {
             opened: isInnerOpen,
             usePortal: usePortal,
@@ -346,16 +368,23 @@ export var timePickerRoot = function(Root) {
             target: TimePickerInput,
             preventOverflow: false,
             align: dropdownAlign
-        }, /*#__PURE__*/ React.createElement(StyledTimePickerGrid, {
+        }, /*#__PURE__*/ React.createElement(Root, _object_spread({
+            stretched: stretched,
+            view: view,
+            size: size,
+            className: cls(classes.timePickerRoot, className, _define_property({}, classes.timePickerstretched, stretched)),
+            disabled: disabled,
+            readonly: readonly
+        }, rest), /*#__PURE__*/ React.createElement(StyledTimePickerGrid, {
             value: viewValue,
             onChange: handleOnChange,
             dropdownHeight: dropdownHeight,
-            dropdownWidth: dropdownWidth,
+            dropdownWidth: getDropdownWidth(),
             format: format,
             view: view,
             size: size,
             disabled: disabled
-        })));
+        }))));
     });
 };
 export var timePickerConfig = {

package/styled-components/es/components/TimePickerGrid/TimePickerGrid.styles.js

@@ -6,7 +6,7 @@ export var base = css([
 ]);
 export var StyledTimePicker = styled.div.withConfig({
     displayName: "TimePickerGrid.styles__StyledTimePicker",
-    componentId: "sc-25f5922-0"
+    componentId: "sc-526cdfba-0"
 })([
     "background:var(",
     ");border-radius:var(",
@@ -17,5 +17,7 @@ export var StyledTimePicker = styled.div.withConfig({
     ");"
 ], tokens.timePickerGridBackground, tokens.timePickerGridBorderRadius, function(param) {
     var width = param.width;
-    return (width === 'fullWidth' ? '100%' : width) || "var(".concat(tokens.timePickerGridWidth, ")");
+    if (width === 'fullWidth') return '100%';
+    if (width === 'fixed' || width === undefined) return "var(".concat(tokens.timePickerGridWidth, ")");
+    return width;
 }, tokens.timePickerGridPadding, tokens.scrollbarWidth, tokens.columnHeight);

package/styled-components/es/examples/components/Combobox/Combobox.js

@@ -0,0 +1,7 @@
+import { component, mergeConfig } from "../../../engines";
+import { comboboxNewConfig } from "../../..";
+import { config } from "./Combobox.config";
+var mergedConfig = mergeConfig(comboboxNewConfig, config);
+var ComboboxComponent = component(mergedConfig);
+var Combobox = ComboboxComponent;
+export { Combobox };

package/styled-components/es/examples/components/Loader/Loader.config.js

@@ -0,0 +1,189 @@
+import { css } from "styled-components";
+import { loaderTokens } from "../../../components/Loader";
+export var config = {
+    defaults: {
+        view: 'default',
+        size: 'm'
+    },
+    variations: {
+        view: {
+            default: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-solid-default);",
+                ":var(--text-primary);",
+                ":var(--text-primary);",
+                ":var(--overlay-soft);"
+            ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
+            secondary: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-transparent-secondary);",
+                ":var(--text-primary);",
+                ":var(--text-secondary);",
+                ":var(--overlay-soft);"
+            ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
+            accent: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-accent);",
+                ":var(--text-primary);",
+                ":var(--text-accent);",
+                ":var(--overlay-soft);"
+            ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
+            positive: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-positive);",
+                ":var(--text-primary);",
+                ":var(--text-positive);",
+                ":var(--overlay-soft);"
+            ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
+            warning: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-warning);",
+                ":var(--text-primary);",
+                ":var(--text-warning);",
+                ":var(--overlay-soft);"
+            ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
+            negative: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-negative);",
+                ":var(--text-primary);",
+                ":var(--text-negative);",
+                ":var(--overlay-soft);"
+            ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor),
+            info: css([
+                "",
+                ":var(--surface-transparent-tertiary);",
+                ":var(--surface-info);",
+                ":var(--text-primary);",
+                ":var(--text-info);",
+                ":var(--overlay-soft);"
+            ], loaderTokens.progressBarCircularBackgroundStroke, loaderTokens.progressBarCircularStroke, loaderTokens.progressBarCircularContentColor, loaderTokens.spinnerColor, loaderTokens.overlayColor)
+        },
+        size: {
+            xxl: css([
+                "",
+                ":100%;",
+                ":100%;",
+                ":128;",
+                ":8rem;",
+                ":8rem;",
+                ":0.25rem;",
+                ":4;",
+                ":var(--plasma-typo-h2-font-family);",
+                ":var(--plasma-typo-h2-font-size);",
+                ":var(--plasma-typo-h2-font-style);",
+                ":var(--plasma-typo-h2-bold-font-weight);",
+                ":var(--plasma-typo-h2-letter-spacing);",
+                ":var(--plasma-typo-h2-line-height);",
+                ":8rem;"
+            ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
+            xl: css([
+                "",
+                ":100%;",
+                ":100%;",
+                ":88;",
+                ":5.5rem;",
+                ":5.5rem;",
+                ":0.25rem;",
+                ":4;",
+                ":var(--plasma-typo-h5-font-family);",
+                ":var(--plasma-typo-h5-font-size);",
+                ":var(--plasma-typo-h5-font-style);",
+                ":var(--plasma-typo-h5-bold-font-weight);",
+                ":var(--plasma-typo-h5-letter-spacing);",
+                ":var(--plasma-typo-h5-line-height);",
+                ":5.5rem;"
+            ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
+            l: css([
+                "",
+                ":100%;",
+                ":100%;",
+                ":56;",
+                ":3.5rem;",
+                ":3.5rem;",
+                ":0.125rem;",
+                ":2;",
+                ":var(--plasma-typo-body-l-font-family);",
+                ":var(--plasma-typo-body-l-font-size);",
+                ":var(--plasma-typo-body-l-font-style);",
+                ":var(--plasma-typo-body-l-body-font-weight);",
+                ":var(--plasma-typo-body-l-letter-spacing);",
+                ":var(--plasma-typo-body-l-line-height);",
+                ":3.5rem;"
+            ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
+            m: css([
+                "",
+                ":100%;",
+                ":100%;",
+                ":48;",
+                ":3rem;",
+                ":3rem;",
+                ":0.125rem;",
+                ":2;",
+                ":var(--plasma-typo-body-m-font-family);",
+                ":var(--plasma-typo-body-m-font-size);",
+                ":var(--plasma-typo-body-m-font-style);",
+                ":var(--plasma-typo-body-m-body-font-weight);",
+                ":var(--plasma-typo-body-m-letter-spacing);",
+                ":var(--plasma-typo-body-m-line-height);",
+                ":3rem;"
+            ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
+            s: css([
+                "",
+                ":100%;",
+                ":100%;",
+                ":32;",
+                ":2.25rem;",
+                ":2.25rem;",
+                ":0.125rem;",
+                ":2;",
+                ":var(--plasma-typo-body-s-font-family);",
+                ":var(--plasma-typo-body-s-font-size);",
+                ":var(--plasma-typo-body-s-font-style);",
+                ":var(--plasma-typo-body-s-body-font-weight);",
+                ":var(--plasma-typo-body-s-letter-spacing);",
+                ":var(--plasma-typo-body-s-line-height);",
+                ":2.25rem;"
+            ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
+            xs: css([
+                "",
+                ":100%;",
+                ":100%;",
+                ":24;",
+                ":1.5rem;",
+                ":1.5rem;",
+                ":0.125rem;",
+                ":2;",
+                ":var(--plasma-typo-body-xs-font-family);",
+                ":var(--plasma-typo-body-xs-font-size);",
+                ":var(--plasma-typo-body-xs-font-style);",
+                ":var(--plasma-typo-body-xs-body-font-weight);",
+                ":var(--plasma-typo-body-xs-letter-spacing);",
+                ":var(--plasma-typo-body-xs-line-height);",
+                ":1.5rem;"
+            ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize),
+            xxs: css([
+                "",
+                ":100%;",
+                ":100%;",
+                ":16;",
+                ":1rem;",
+                ":1rem;",
+                ":0.125rem;",
+                ":2;",
+                ":var(--plasma-typo-body-xxs-font-family);",
+                ":var(--plasma-typo-body-xxs-font-size);",
+                ":var(--plasma-typo-body-xxs-font-style);",
+                ":var(--plasma-typo-body-xxs-body-font-weight);",
+                ":var(--plasma-typo-body-xxs-letter-spacing);",
+                ":var(--plasma-typo-body-xxs-line-height);",
+                ":1rem;"
+            ], loaderTokens.width, loaderTokens.height, loaderTokens.progressBarCircularSize, loaderTokens.progressBarCircularHeight, loaderTokens.progressBarCircularWidth, loaderTokens.progressBarCircularStrokeWidth, loaderTokens.progressBarCircularStrokeSize, loaderTokens.progressBarCircularContentFontFamily, loaderTokens.progressBarCircularContentFontSize, loaderTokens.progressBarCircularContentFontStyle, loaderTokens.progressBarCircularContentFontWeight, loaderTokens.progressBarCircularContentLetterSpacing, loaderTokens.progressBarCircularContentLineHeight, loaderTokens.spinnerSize)
+        }
+    }
+};

package/styled-components/es/examples/components/Loader/Loader.js

@@ -0,0 +1,5 @@
+import { loaderConfig } from "../../../components/Loader";
+import { component, mergeConfig } from "../../../engines";
+import { config } from "./Loader.config";
+var mergedConfig = mergeConfig(loaderConfig, config);
+export var Loader = component(mergedConfig);

package/styled-components/es/index.js

@@ -87,3 +87,4 @@ export * from "./components/NavigationDrawer";
 export * from "./components/ProgressBarCircular";
 export * from "./components/TimePicker";
 export * from "./components/DateTimePicker";
+export * from "./components/Loader";

package/types/components/Loader/Loader.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import type { RootProps } from '../../engines';
+import type { LoaderProps } from './Loader.types';
+export declare const loaderRoot: (Root: RootProps<HTMLDivElement, LoaderProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Loader.types").CustomLoaderProps & React.RefAttributes<HTMLDivElement>>;
+export declare const loaderConfig: {
+    name: string;
+    tag: string;
+    layout: (Root: RootProps<HTMLDivElement, LoaderProps>) => React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & import("./Loader.types").CustomLoaderProps & React.RefAttributes<HTMLDivElement>>;
+    base: import("@linaria/core").LinariaClassName;
+    variations: {
+        view: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+        size: {
+            css: import("@linaria/core").LinariaClassName;
+        };
+    };
+    defaults: {
+        view: string;
+        size: string;
+    };
+};
+//# sourceMappingURL=Loader.d.ts.map

package/types/components/Loader/Loader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,eAAO,MAAM,UAAU,SAAU,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC,6JA8DjE,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAhEQ,SAAS,CAAC,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;CAiFtE,CAAC"}

package/types/components/Loader/Loader.styles.d.ts

@@ -0,0 +1,19 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+export declare const StyledSpinner: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((import("react").HTMLAttributes<HTMLDivElement> & {
+    width?: never;
+    height?: never;
+    size?: string | number;
+    view?: string;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    width: number;
+    height: number;
+    size?: never;
+    view?: string;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    width: string;
+    height: string;
+    size?: never;
+    view?: string;
+} & import("react").RefAttributes<HTMLDivElement>))>;
+export declare const StyledProgressBarCircular: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & import("../ProgressBarCircular/ProgressBarCircular.types").CustomProgressBarCircularProps & import("react").RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=Loader.styles.d.ts.map

package/types/components/Loader/Loader.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.styles.ts"],"names":[],"mappings":"AAeA,eAAO,MAAM,IAAI,0CAQhB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAEF,eAAO,MAAM,yBAAyB,uVAkBrC,CAAC"}

package/types/components/Loader/Loader.tokens.d.ts

@@ -0,0 +1,26 @@
+export declare const classes: {
+    loaderOverlay: string;
+};
+export declare const tokens: {
+    width: string;
+    height: string;
+    progressBarCircularSize: string;
+    progressBarCircularWidth: string;
+    progressBarCircularHeight: string;
+    progressBarCircularStrokeWidth: string;
+    progressBarCircularStrokeSize: string;
+    progressBarCircularBackgroundStroke: string;
+    progressBarCircularStroke: string;
+    progressBarCircularContentColor: string;
+    progressBarCircularContentFontFamily: string;
+    progressBarCircularContentFontSize: string;
+    progressBarCircularContentFontStyle: string;
+    progressBarCircularContentFontWeight: string;
+    progressBarCircularContentLetterSpacing: string;
+    progressBarCircularContentLineHeight: string;
+    overlayColor: string;
+    spinnerSize: string;
+    spinnerColor: string;
+};
+export declare const privateTokens: {};
+//# sourceMappingURL=Loader.tokens.d.ts.map

package/types/components/Loader/Loader.tokens.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;CAEnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;CA0BlB,CAAC;AAEF,eAAO,MAAM,aAAa,IAAK,CAAC"}

package/types/components/Loader/Loader.types.d.ts

@@ -0,0 +1,62 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export type CustomLoaderProps = {
+    /**
+     * Тип loader
+     * @default spinner
+     */
+    type?: 'spinner' | 'progress';
+    /**
+     * Наличие overlay на фоне
+     */
+    hasOverlay?: boolean;
+    /**
+     * Применить blur эффект к overlay (работает только при hasOverlay=true)
+     */
+    withBlur?: boolean;
+    /**
+     * Собственное значение для фона overlay
+     */
+    overlayColor?: string;
+    /**
+     * Z-index для loader и overlay (работает только при hasOverlay=true)
+     * @default 9000
+     */
+    zIndex?: string;
+    /**
+     * Обработчик клика по overlay (работает только при hasOverlay=true)
+     */
+    onOverlayClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Текущее значение прогресса (от 0 до maxValue)
+     */
+    value?: number;
+    /**
+     * Максимальное значение прогресса
+     * @default 100
+     */
+    maxValue?: number;
+    /**
+     * Размер ProgressBar
+     * @default m
+     */
+    size?: string;
+    /**
+     * Вид ProgressBar
+     * @default default
+     */
+    view?: string;
+    /**
+     * Толщина обводки
+     */
+    strokeSize?: number;
+    /**
+     * Наличие track у progress bar
+     */
+    hasTrack?: boolean;
+    /**
+     * Контент в центре progress bar
+     */
+    children?: ReactNode;
+};
+export type LoaderProps = HTMLAttributes<HTMLDivElement> & CustomLoaderProps;
+//# sourceMappingURL=Loader.types.d.ts.map

package/types/components/Loader/Loader.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.types.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/Loader.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;IAC9B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACnE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,iBAAiB,CAAC"}

package/types/components/Loader/index.d.ts

@@ -0,0 +1,4 @@
+export { loaderRoot, loaderConfig } from './Loader';
+export { tokens as loaderTokens } from './Loader.tokens';
+export type { LoaderProps } from './Loader.types';
+//# sourceMappingURL=index.d.ts.map

package/types/components/Loader/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACzD,YAAY,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/types/components/Loader/variations/_size/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/Loader/variations/_size/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loader/variations/_size/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/Loader/variations/_view/base.d.ts

@@ -0,0 +1,2 @@
+export declare const base: import("@linaria/core").LinariaClassName;
+//# sourceMappingURL=base.d.ts.map

package/types/components/Loader/variations/_view/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Loader/variations/_view/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}

package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarCircular.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAU5E,eAAO,MAAM,uBAAuB,SAAU,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC,uLA+B3F,CAAC;AAEP,eAAO,MAAM,yBAAyB;;;mBAjCQ,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;CAkDhG,CAAC"}
+{"version":3,"file":"ProgressBarCircular.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAU5E,eAAO,MAAM,uBAAuB,SAAU,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC,uLA2C3F,CAAC;AAEP,eAAO,MAAM,yBAAyB;;;mBA7CQ,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;CA8DhG,CAAC"}

package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts

@@ -1,4 +1,4 @@
-import type { HTMLAttributes } from 'react';
+import type { HTMLAttributes, ReactNode } from 'react';
 export type CustomProgressBarCircularProps = {
     /**
      * Текущее значение прогресса (от 0 до maxValue)
@@ -6,30 +6,31 @@ export type CustomProgressBarCircularProps = {
     value?: number;
     /**
      * Максимальное значение прогресса
-     * @default
-     * 100
+     * @default 100
      */
     maxValue?: number;
     /**
-     * Размер ProgressBar
-     * @default
-     * m
+     * Размер компонента
+     * @default m
      */
     size?: string;
     /**
-     * Вид ProgressBar
-     * @default
-     * default
+     * Вид компонента
+     * @default default
      */
     view?: string;
     /**
-     * Толщина обводки ProgressBar
+     * Толщина обводки компонента
      */
-    strokeWidth?: number;
+    strokeSize?: number;
     /**
-     * Контент в центре прогресс-бара
+     * Наличие трека
      */
-    children?: React.ReactNode;
+    hasTrack?: boolean;
+    /**
+     * Контент в центре компонента
+     */
+    children?: ReactNode;
 };
 export type ProgressBarCircularProps = HTMLAttributes<HTMLDivElement> & CustomProgressBarCircularProps;
 //# sourceMappingURL=ProgressBarCircular.types.d.ts.map

package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarCircular.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,8BAA8B,GAAG;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,8BAA8B,CAAC"}
+{"version":3,"file":"ProgressBarCircular.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBarCircular/ProgressBarCircular.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,MAAM,8BAA8B,GAAG;IACzC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,8BAA8B,CAAC"}

package/types/components/Sheet/Sheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C;;GAEG;AAEH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAuEhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBAzEQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;;;;;CA0FpE,CAAC"}
+{"version":3,"file":"Sheet.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI1C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAe3C;;GAEG;AAEH,eAAO,MAAM,SAAS,SAAU,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC,sFAwEhE,CAAC;AAEN,eAAO,MAAM,WAAW;;;mBA1EQ,SAAS,CAAC,cAAc,EAAE,UAAU,CAAC;;;;;;;;;;;;;;CA2FpE,CAAC"}

package/types/components/Sheet/Sheet.types.d.ts

@@ -62,6 +62,12 @@ export interface SheetProps extends HTMLAttributes<HTMLDivElement> {
      * Throttling внутренних обработчиков события onScroll
      */
     throttleMs?: number;
+    /**
+     * Наличие событий скролла
+     * @default
+     * true
+     */
+    hasScrollEvents?: boolean;
     view?: string;
 }
 export type CommonProps = Pick<SheetProps, 'withTransition' | 'opened'>;

package/types/components/Sheet/Sheet.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Sheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"Sheet.types.d.ts","sourceRoot":"","sources":["../../../src/components/Sheet/Sheet.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvD,MAAM,WAAW,UAAW,SAAQ,cAAc,CAAC,cAAc,CAAC;IAC9D;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,aAAa,CAAC,EAAE,SAAS,CAAC;IAE1B;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IAEzB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;;OAIG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,QAAQ,CAAC,CAAC;AAExE,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC"}

package/types/components/Sheet/hooks/useSheetSwipe.d.ts

@@ -4,6 +4,7 @@ export declare const useSheetSwipe: (args: {
     contentRef: RefObject<HTMLDivElement>;
     handleRef: RefObject<HTMLDivElement>;
     throttleMs?: number;
+    hasScrollEvents?: boolean;
     onClose: () => void;
 }) => void;
 //# sourceMappingURL=useSheetSwipe.d.ts.map

package/types/components/Sheet/hooks/useSheetSwipe.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useSheetSwipe.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAoB/D,eAAO,MAAM,aAAa,SAAU;IAChC,iBAAiB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,SA4FA,CAAC"}
+{"version":3,"file":"useSheetSwipe.d.ts","sourceRoot":"","sources":["../../../../src/components/Sheet/hooks/useSheetSwipe.ts"],"names":[],"mappings":"AACA,OAAO,EAA+B,SAAS,EAAE,MAAM,OAAO,CAAC;AAoB/D,eAAO,MAAM,aAAa,SAAU;IAChC,iBAAiB,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,UAAU,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACtC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,SAmGA,CAAC"}

package/types/components/TimePicker/TimePicker.d.ts

@@ -26,7 +26,7 @@ export declare const timePickerRoot: (Root: RootProps<HTMLDivElement, Omit<TimeP
     textBefore?: string;
     textAfter?: string;
     onChange?: (event: import("./TimePicker.types").TimePickerChangeEvent) => void;
-} & import("../TextField/TextField.types").LabelProps & import("./TimePicker.types").TimePickerPopoverProps & Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue"> & React.RefAttributes<HTMLInputElement>>;
+} & import("../TextField/TextField.types").LabelProps & import("./TimePicker.types").TimePickerPopoverProps & Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue"> & React.RefAttributes<HTMLDivElement>>;
 export declare const timePickerConfig: {
     name: string;
     tag: string;
@@ -55,7 +55,7 @@ export declare const timePickerConfig: {
         textBefore?: string;
         textAfter?: string;
         onChange?: (event: import("./TimePicker.types").TimePickerChangeEvent) => void;
-    } & import("../TextField/TextField.types").LabelProps & import("./TimePicker.types").TimePickerPopoverProps & Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue"> & React.RefAttributes<HTMLInputElement>>;
+    } & import("../TextField/TextField.types").LabelProps & import("./TimePicker.types").TimePickerPopoverProps & Omit<React.HTMLAttributes<HTMLDivElement>, "defaultValue"> & React.RefAttributes<HTMLDivElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {
         view: {