@alfalab/core-components-popup-sheet 1.0.6 → 1.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{Component-9211a437.d.ts → Component-89f0cb07.d.ts} +2 -2
- package/Component.desktop-0aa4e915.d.ts +5 -0
- package/Component.js +1 -1
- package/components/backdrop/Component.js +1 -1
- package/components/backdrop/index.css +10 -10
- package/{esm/Component-9211a437.d.ts → cssm/Component-89f0cb07.d.ts} +2 -2
- package/cssm/Component.desktop-0aa4e915.d.ts +5 -0
- package/cssm/desktop-89f0cb07.d.ts +2 -0
- package/cssm/index-ebda875c.d.ts +1 -1
- package/{esm/typings-9211a437.d.ts → cssm/typings-89f0cb07.d.ts} +5 -7
- package/desktop-89f0cb07.d.ts +2 -0
- package/{cssm/Component-9211a437.d.ts → esm/Component-89f0cb07.d.ts} +2 -2
- package/esm/Component.desktop-0aa4e915.d.ts +5 -0
- package/esm/Component.js +1 -1
- package/esm/components/backdrop/Component.js +1 -1
- package/esm/components/backdrop/index.css +10 -10
- package/esm/desktop-89f0cb07.d.ts +2 -0
- package/esm/index-ebda875c.d.ts +1 -1
- package/esm/index.css +14 -14
- package/{cssm/typings-9211a437.d.ts → esm/typings-89f0cb07.d.ts} +5 -7
- package/index-ebda875c.d.ts +1 -1
- package/index.css +14 -14
- package/modern/{Component-9211a437.d.ts → Component-89f0cb07.d.ts} +2 -2
- package/modern/Component.desktop-0aa4e915.d.ts +5 -0
- package/modern/Component.js +1 -1
- package/modern/components/backdrop/Component.js +1 -1
- package/modern/components/backdrop/index.css +10 -10
- package/modern/desktop-89f0cb07.d.ts +2 -0
- package/modern/index-ebda875c.d.ts +1 -1
- package/modern/index.css +14 -14
- package/modern/{typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
- package/package.json +4 -4
- package/{typings-9211a437.d.ts → typings-89f0cb07.d.ts} +5 -7
- package/Component.desktop-2e2b2125.d.ts +0 -6
- package/cssm/Component.desktop-2e2b2125.d.ts +0 -6
- package/cssm/desktop-2e2b2125.d.ts +0 -2
- package/desktop-2e2b2125.d.ts +0 -2
- package/esm/Component.desktop-2e2b2125.d.ts +0 -6
- package/esm/desktop-2e2b2125.d.ts +0 -2
- package/modern/Component.desktop-2e2b2125.d.ts +0 -6
- package/modern/desktop-2e2b2125.d.ts +0 -2
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { FC } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
|
|
5
5
|
type SpinnerProps = {
|
|
6
6
|
/**
|
|
7
7
|
* Управление видимостью компонента
|
|
@@ -34,5 +34,5 @@ declare const Spinner: FC<SpinnerProps>;
|
|
|
34
34
|
* чтобы при быстрых ответах от сервера кнопка не «моргала».
|
|
35
35
|
*/
|
|
36
36
|
declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
|
|
37
|
-
declare const BaseButton: React.ForwardRefExoticComponent<
|
|
37
|
+
declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
38
38
|
export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { CommonButtonProps } from "./typings-89f0cb07";
|
|
4
|
+
declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
5
|
+
export { ButtonDesktop };
|
package/Component.js
CHANGED
|
@@ -17,7 +17,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
17
17
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
18
18
|
var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
|
|
19
19
|
|
|
20
|
-
var styles = {"component":"popup-
|
|
20
|
+
var styles = {"component":"popup-sheet__component_19208","closer":"popup-sheet__closer_19208","content":"popup-sheet__content_19208","appear":"popup-sheet__appear_19208","enter":"popup-sheet__enter_19208","appearActive":"popup-sheet__appearActive_19208","enterActive":"popup-sheet__enterActive_19208","exit":"popup-sheet__exit_19208","exitBySwipe":"popup-sheet__exitBySwipe_19208","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_19208","exitActive":"popup-sheet__exitActive_19208","exitDone":"popup-sheet__exitDone_19208"};
|
|
21
21
|
require('./index.css')
|
|
22
22
|
|
|
23
23
|
var SWIPE_VELOCITY = 0.3;
|
|
@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
|
|
11
11
|
var React__default = /*#__PURE__*/_interopDefaultCompat(React);
|
|
12
12
|
|
|
13
|
-
var styles = {"appear":"popup-
|
|
13
|
+
var styles = {"appear":"popup-sheet__appear_1u9gy","enter":"popup-sheet__enter_1u9gy","appearActive":"popup-sheet__appearActive_1u9gy","enterActive":"popup-sheet__enterActive_1u9gy","appearDone":"popup-sheet__appearDone_1u9gy","enterDone":"popup-sheet__enterDone_1u9gy","exit":"popup-sheet__exit_1u9gy","exitActive":"popup-sheet__exitActive_1u9gy","exitDone":"popup-sheet__exitDone_1u9gy"};
|
|
14
14
|
require('./index.css')
|
|
15
15
|
|
|
16
16
|
var PopupBackdrop = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1248k */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-bg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -18,19 +18,19 @@
|
|
|
18
18
|
} :root {
|
|
19
19
|
--backdrop-visible-background: var(--color-light-bg-overlay);
|
|
20
20
|
--backdrop-hidden-background: transparent;
|
|
21
|
-
} .popup-
|
|
22
|
-
.popup-
|
|
21
|
+
} .popup-sheet__appear_1u9gy,
|
|
22
|
+
.popup-sheet__enter_1u9gy {
|
|
23
23
|
background-color: var(--backdrop-hidden-background);
|
|
24
|
-
} .popup-
|
|
25
|
-
.popup-
|
|
26
|
-
.popup-
|
|
27
|
-
.popup-
|
|
24
|
+
} .popup-sheet__appearActive_1u9gy,
|
|
25
|
+
.popup-sheet__enterActive_1u9gy,
|
|
26
|
+
.popup-sheet__appearDone_1u9gy,
|
|
27
|
+
.popup-sheet__enterDone_1u9gy {
|
|
28
28
|
background-color: var(--backdrop-visible-background);
|
|
29
29
|
transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
30
|
-
} .popup-
|
|
30
|
+
} .popup-sheet__exit_1u9gy {
|
|
31
31
|
background-color: var(--backdrop-visible-background);
|
|
32
|
-
} .popup-
|
|
33
|
-
.popup-
|
|
32
|
+
} .popup-sheet__exitActive_1u9gy,
|
|
33
|
+
.popup-sheet__exitDone_1u9gy {
|
|
34
34
|
background-color: var(--backdrop-hidden-background);
|
|
35
35
|
transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
36
36
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { FC } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
|
|
5
5
|
type SpinnerProps = {
|
|
6
6
|
/**
|
|
7
7
|
* Управление видимостью компонента
|
|
@@ -34,5 +34,5 @@ declare const Spinner: FC<SpinnerProps>;
|
|
|
34
34
|
* чтобы при быстрых ответах от сервера кнопка не «моргала».
|
|
35
35
|
*/
|
|
36
36
|
declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
|
|
37
|
-
declare const BaseButton: React.ForwardRefExoticComponent<
|
|
37
|
+
declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
38
38
|
export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { CommonButtonProps } from "./typings-89f0cb07";
|
|
4
|
+
declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
5
|
+
export { ButtonDesktop };
|
package/cssm/index-ebda875c.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-89f0cb07";
|
|
@@ -69,6 +69,8 @@ type ComponentProps = {
|
|
|
69
69
|
* Дочерние элементы.
|
|
70
70
|
*/
|
|
71
71
|
children?: ReactNode;
|
|
72
|
+
};
|
|
73
|
+
type PrivateButtonProps = {
|
|
72
74
|
/**
|
|
73
75
|
* Основные стили компонента.
|
|
74
76
|
*/
|
|
@@ -80,16 +82,12 @@ type ComponentProps = {
|
|
|
80
82
|
*/
|
|
81
83
|
colorStylesMap: StyleColors;
|
|
82
84
|
};
|
|
83
|
-
type
|
|
84
|
-
type
|
|
85
|
-
type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
|
|
86
|
-
type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
87
|
-
type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
88
|
-
type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
|
|
85
|
+
type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
|
|
86
|
+
type ButtonProps = CommonButtonProps & {
|
|
89
87
|
/**
|
|
90
88
|
* Контрольная точка, с нее начинается desktop версия
|
|
91
89
|
* @default 1024
|
|
92
90
|
*/
|
|
93
91
|
breakpoint?: number;
|
|
94
92
|
};
|
|
95
|
-
export { StyleColors, ComponentProps,
|
|
93
|
+
export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { FC } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
|
|
5
5
|
type SpinnerProps = {
|
|
6
6
|
/**
|
|
7
7
|
* Управление видимостью компонента
|
|
@@ -34,5 +34,5 @@ declare const Spinner: FC<SpinnerProps>;
|
|
|
34
34
|
* чтобы при быстрых ответах от сервера кнопка не «моргала».
|
|
35
35
|
*/
|
|
36
36
|
declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
|
|
37
|
-
declare const BaseButton: React.ForwardRefExoticComponent<
|
|
37
|
+
declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
38
38
|
export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { CommonButtonProps } from "./typings-89f0cb07";
|
|
4
|
+
declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
5
|
+
export { ButtonDesktop };
|
package/esm/Component.js
CHANGED
|
@@ -8,7 +8,7 @@ import { createPaddingStyle, getDataTestId, easingFns } from '@alfalab/core-comp
|
|
|
8
8
|
import { PopupBackdrop } from './components/backdrop/Component.js';
|
|
9
9
|
import '@alfalab/core-components-backdrop/esm';
|
|
10
10
|
|
|
11
|
-
var styles = {"component":"popup-
|
|
11
|
+
var styles = {"component":"popup-sheet__component_19208","closer":"popup-sheet__closer_19208","content":"popup-sheet__content_19208","appear":"popup-sheet__appear_19208","enter":"popup-sheet__enter_19208","appearActive":"popup-sheet__appearActive_19208","enterActive":"popup-sheet__enterActive_19208","exit":"popup-sheet__exit_19208","exitBySwipe":"popup-sheet__exitBySwipe_19208","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_19208","exitActive":"popup-sheet__exitActive_19208","exitDone":"popup-sheet__exitDone_19208"};
|
|
12
12
|
require('./index.css')
|
|
13
13
|
|
|
14
14
|
var SWIPE_VELOCITY = 0.3;
|
|
@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
|
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { Backdrop } from '@alfalab/core-components-backdrop/esm';
|
|
4
4
|
|
|
5
|
-
var styles = {"appear":"popup-
|
|
5
|
+
var styles = {"appear":"popup-sheet__appear_1u9gy","enter":"popup-sheet__enter_1u9gy","appearActive":"popup-sheet__appearActive_1u9gy","enterActive":"popup-sheet__enterActive_1u9gy","appearDone":"popup-sheet__appearDone_1u9gy","enterDone":"popup-sheet__enterDone_1u9gy","exit":"popup-sheet__exit_1u9gy","exitActive":"popup-sheet__exitActive_1u9gy","exitDone":"popup-sheet__exitDone_1u9gy"};
|
|
6
6
|
require('./index.css')
|
|
7
7
|
|
|
8
8
|
var PopupBackdrop = function (_a) {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1248k */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-bg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -18,19 +18,19 @@
|
|
|
18
18
|
} :root {
|
|
19
19
|
--backdrop-visible-background: var(--color-light-bg-overlay);
|
|
20
20
|
--backdrop-hidden-background: transparent;
|
|
21
|
-
} .popup-
|
|
22
|
-
.popup-
|
|
21
|
+
} .popup-sheet__appear_1u9gy,
|
|
22
|
+
.popup-sheet__enter_1u9gy {
|
|
23
23
|
background-color: var(--backdrop-hidden-background);
|
|
24
|
-
} .popup-
|
|
25
|
-
.popup-
|
|
26
|
-
.popup-
|
|
27
|
-
.popup-
|
|
24
|
+
} .popup-sheet__appearActive_1u9gy,
|
|
25
|
+
.popup-sheet__enterActive_1u9gy,
|
|
26
|
+
.popup-sheet__appearDone_1u9gy,
|
|
27
|
+
.popup-sheet__enterDone_1u9gy {
|
|
28
28
|
background-color: var(--backdrop-visible-background);
|
|
29
29
|
transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
30
|
-
} .popup-
|
|
30
|
+
} .popup-sheet__exit_1u9gy {
|
|
31
31
|
background-color: var(--backdrop-visible-background);
|
|
32
|
-
} .popup-
|
|
33
|
-
.popup-
|
|
32
|
+
} .popup-sheet__exitActive_1u9gy,
|
|
33
|
+
.popup-sheet__exitDone_1u9gy {
|
|
34
34
|
background-color: var(--backdrop-hidden-background);
|
|
35
35
|
transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
36
36
|
}
|
package/esm/index-ebda875c.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-89f0cb07";
|
package/esm/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1enie */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
--gap-xs: 8px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .popup-
|
|
18
|
+
} .popup-sheet__component_19208 {
|
|
19
19
|
position: fixed;
|
|
20
20
|
bottom: 0;
|
|
21
21
|
margin: auto var(--gap-xs) var(--gap-xs);
|
|
@@ -23,31 +23,31 @@
|
|
|
23
23
|
max-width: 600px;
|
|
24
24
|
border-radius: 36px;
|
|
25
25
|
overflow: hidden;
|
|
26
|
-
} .popup-
|
|
26
|
+
} .popup-sheet__closer_19208 {
|
|
27
27
|
position: absolute;
|
|
28
28
|
top: 8px;
|
|
29
29
|
right: 8px
|
|
30
|
-
} .popup-
|
|
30
|
+
} .popup-sheet__closer_19208 > button {
|
|
31
31
|
-webkit-backdrop-filter: none;
|
|
32
32
|
backdrop-filter: none;
|
|
33
|
-
} .popup-
|
|
33
|
+
} .popup-sheet__content_19208 {
|
|
34
34
|
box-sizing: border-box;
|
|
35
|
-
} /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-
|
|
36
|
-
.popup-
|
|
35
|
+
} /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_19208,
|
|
36
|
+
.popup-sheet__enter_19208 {
|
|
37
37
|
transform: translateY(calc(100% + 100px));
|
|
38
|
-
} .popup-
|
|
39
|
-
.popup-
|
|
38
|
+
} .popup-sheet__appearActive_19208,
|
|
39
|
+
.popup-sheet__enterActive_19208 {
|
|
40
40
|
transform: translateY(0);
|
|
41
41
|
transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
42
42
|
transition-delay: 50ms;
|
|
43
|
-
} .popup-
|
|
43
|
+
} .popup-sheet__exit_19208 {
|
|
44
44
|
transform: translateY(0);
|
|
45
|
-
} .popup-
|
|
45
|
+
} .popup-sheet__exitBySwipe_19208 {
|
|
46
46
|
transform: translateY(calc(100% + 100px));
|
|
47
|
-
} .popup-
|
|
47
|
+
} .popup-sheet__exitActiveBySwipe_19208 {
|
|
48
48
|
transition: none;
|
|
49
|
-
} .popup-
|
|
50
|
-
.popup-
|
|
49
|
+
} .popup-sheet__exitActive_19208,
|
|
50
|
+
.popup-sheet__exitDone_19208 {
|
|
51
51
|
transform: translateY(calc(100% + 100px));
|
|
52
52
|
transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
53
53
|
}
|
|
@@ -69,6 +69,8 @@ type ComponentProps = {
|
|
|
69
69
|
* Дочерние элементы.
|
|
70
70
|
*/
|
|
71
71
|
children?: ReactNode;
|
|
72
|
+
};
|
|
73
|
+
type PrivateButtonProps = {
|
|
72
74
|
/**
|
|
73
75
|
* Основные стили компонента.
|
|
74
76
|
*/
|
|
@@ -80,16 +82,12 @@ type ComponentProps = {
|
|
|
80
82
|
*/
|
|
81
83
|
colorStylesMap: StyleColors;
|
|
82
84
|
};
|
|
83
|
-
type
|
|
84
|
-
type
|
|
85
|
-
type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
|
|
86
|
-
type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
87
|
-
type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
88
|
-
type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
|
|
85
|
+
type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
|
|
86
|
+
type ButtonProps = CommonButtonProps & {
|
|
89
87
|
/**
|
|
90
88
|
* Контрольная точка, с нее начинается desktop версия
|
|
91
89
|
* @default 1024
|
|
92
90
|
*/
|
|
93
91
|
breakpoint?: number;
|
|
94
92
|
};
|
|
95
|
-
export { StyleColors, ComponentProps,
|
|
93
|
+
export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
|
package/index-ebda875c.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-89f0cb07";
|
package/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1enie */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
--gap-xs: 8px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .popup-
|
|
18
|
+
} .popup-sheet__component_19208 {
|
|
19
19
|
position: fixed;
|
|
20
20
|
bottom: 0;
|
|
21
21
|
margin: auto var(--gap-xs) var(--gap-xs);
|
|
@@ -23,31 +23,31 @@
|
|
|
23
23
|
max-width: 600px;
|
|
24
24
|
border-radius: 36px;
|
|
25
25
|
overflow: hidden;
|
|
26
|
-
} .popup-
|
|
26
|
+
} .popup-sheet__closer_19208 {
|
|
27
27
|
position: absolute;
|
|
28
28
|
top: 8px;
|
|
29
29
|
right: 8px
|
|
30
|
-
} .popup-
|
|
30
|
+
} .popup-sheet__closer_19208 > button {
|
|
31
31
|
-webkit-backdrop-filter: none;
|
|
32
32
|
backdrop-filter: none;
|
|
33
|
-
} .popup-
|
|
33
|
+
} .popup-sheet__content_19208 {
|
|
34
34
|
box-sizing: border-box;
|
|
35
|
-
} /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-
|
|
36
|
-
.popup-
|
|
35
|
+
} /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_19208,
|
|
36
|
+
.popup-sheet__enter_19208 {
|
|
37
37
|
transform: translateY(calc(100% + 100px));
|
|
38
|
-
} .popup-
|
|
39
|
-
.popup-
|
|
38
|
+
} .popup-sheet__appearActive_19208,
|
|
39
|
+
.popup-sheet__enterActive_19208 {
|
|
40
40
|
transform: translateY(0);
|
|
41
41
|
transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
42
42
|
transition-delay: 50ms;
|
|
43
|
-
} .popup-
|
|
43
|
+
} .popup-sheet__exit_19208 {
|
|
44
44
|
transform: translateY(0);
|
|
45
|
-
} .popup-
|
|
45
|
+
} .popup-sheet__exitBySwipe_19208 {
|
|
46
46
|
transform: translateY(calc(100% + 100px));
|
|
47
|
-
} .popup-
|
|
47
|
+
} .popup-sheet__exitActiveBySwipe_19208 {
|
|
48
48
|
transition: none;
|
|
49
|
-
} .popup-
|
|
50
|
-
.popup-
|
|
49
|
+
} .popup-sheet__exitActive_19208,
|
|
50
|
+
.popup-sheet__exitDone_19208 {
|
|
51
51
|
transform: translateY(calc(100% + 100px));
|
|
52
52
|
transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
53
53
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { FC } from "react";
|
|
4
|
-
import {
|
|
4
|
+
import { CommonButtonProps, PrivateButtonProps } from "./typings-89f0cb07";
|
|
5
5
|
type SpinnerProps = {
|
|
6
6
|
/**
|
|
7
7
|
* Управление видимостью компонента
|
|
@@ -34,5 +34,5 @@ declare const Spinner: FC<SpinnerProps>;
|
|
|
34
34
|
* чтобы при быстрых ответах от сервера кнопка не «моргала».
|
|
35
35
|
*/
|
|
36
36
|
declare const LOADER_MIN_DISPLAY_INTERVAL = 500;
|
|
37
|
-
declare const BaseButton: React.ForwardRefExoticComponent<
|
|
37
|
+
declare const BaseButton: React.ForwardRefExoticComponent<(CommonButtonProps & PrivateButtonProps) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
38
38
|
export { SpinnerProps, Spinner, LOADER_MIN_DISPLAY_INTERVAL, BaseButton };
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { CommonButtonProps } from "./typings-89f0cb07";
|
|
4
|
+
declare const ButtonDesktop: React.ForwardRefExoticComponent<CommonButtonProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
5
|
+
export { ButtonDesktop };
|
package/modern/Component.js
CHANGED
|
@@ -7,7 +7,7 @@ import { createPaddingStyle, getDataTestId, easingFns } from '@alfalab/core-comp
|
|
|
7
7
|
import { PopupBackdrop } from './components/backdrop/Component.js';
|
|
8
8
|
import '@alfalab/core-components-backdrop/modern';
|
|
9
9
|
|
|
10
|
-
const styles = {"component":"popup-
|
|
10
|
+
const styles = {"component":"popup-sheet__component_19208","closer":"popup-sheet__closer_19208","content":"popup-sheet__content_19208","appear":"popup-sheet__appear_19208","enter":"popup-sheet__enter_19208","appearActive":"popup-sheet__appearActive_19208","enterActive":"popup-sheet__enterActive_19208","exit":"popup-sheet__exit_19208","exitBySwipe":"popup-sheet__exitBySwipe_19208","exitActiveBySwipe":"popup-sheet__exitActiveBySwipe_19208","exitActive":"popup-sheet__exitActive_19208","exitDone":"popup-sheet__exitDone_19208"};
|
|
11
11
|
require('./index.css')
|
|
12
12
|
|
|
13
13
|
const SWIPE_VELOCITY = 0.3;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Backdrop } from '@alfalab/core-components-backdrop/modern';
|
|
3
3
|
|
|
4
|
-
const styles = {"appear":"popup-
|
|
4
|
+
const styles = {"appear":"popup-sheet__appear_1u9gy","enter":"popup-sheet__enter_1u9gy","appearActive":"popup-sheet__appearActive_1u9gy","enterActive":"popup-sheet__enterActive_1u9gy","appearDone":"popup-sheet__appearDone_1u9gy","enterDone":"popup-sheet__enterDone_1u9gy","exit":"popup-sheet__exit_1u9gy","exitActive":"popup-sheet__exitActive_1u9gy","exitDone":"popup-sheet__exitDone_1u9gy"};
|
|
5
5
|
require('./index.css')
|
|
6
6
|
|
|
7
7
|
const PopupBackdrop = ({ opacity, opacityTimeout, style, ...backdropProps }) => (React.createElement("div", { style: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1248k */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root {
|
|
4
4
|
--color-light-bg-overlay: rgba(0, 0, 0, 0.6); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -18,19 +18,19 @@
|
|
|
18
18
|
} :root {
|
|
19
19
|
--backdrop-visible-background: var(--color-light-bg-overlay);
|
|
20
20
|
--backdrop-hidden-background: transparent;
|
|
21
|
-
} .popup-
|
|
22
|
-
.popup-
|
|
21
|
+
} .popup-sheet__appear_1u9gy,
|
|
22
|
+
.popup-sheet__enter_1u9gy {
|
|
23
23
|
background-color: var(--backdrop-hidden-background);
|
|
24
|
-
} .popup-
|
|
25
|
-
.popup-
|
|
26
|
-
.popup-
|
|
27
|
-
.popup-
|
|
24
|
+
} .popup-sheet__appearActive_1u9gy,
|
|
25
|
+
.popup-sheet__enterActive_1u9gy,
|
|
26
|
+
.popup-sheet__appearDone_1u9gy,
|
|
27
|
+
.popup-sheet__enterDone_1u9gy {
|
|
28
28
|
background-color: var(--backdrop-visible-background);
|
|
29
29
|
transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
30
|
-
} .popup-
|
|
30
|
+
} .popup-sheet__exit_1u9gy {
|
|
31
31
|
background-color: var(--backdrop-visible-background);
|
|
32
|
-
} .popup-
|
|
33
|
-
.popup-
|
|
32
|
+
} .popup-sheet__exitActive_1u9gy,
|
|
33
|
+
.popup-sheet__exitDone_1u9gy {
|
|
34
34
|
background-color: var(--backdrop-hidden-background);
|
|
35
35
|
transition: background-color 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
36
36
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from "./Component-
|
|
1
|
+
export * from "./Component-89f0cb07";
|
package/modern/index.css
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
/* hash:
|
|
1
|
+
/* hash: 1enie */
|
|
2
2
|
:root {
|
|
3
3
|
} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
4
4
|
} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
--gap-xs: 8px;
|
|
16
16
|
} :root {
|
|
17
17
|
} :root {
|
|
18
|
-
} .popup-
|
|
18
|
+
} .popup-sheet__component_19208 {
|
|
19
19
|
position: fixed;
|
|
20
20
|
bottom: 0;
|
|
21
21
|
margin: auto var(--gap-xs) var(--gap-xs);
|
|
@@ -23,31 +23,31 @@
|
|
|
23
23
|
max-width: 600px;
|
|
24
24
|
border-radius: 36px;
|
|
25
25
|
overflow: hidden;
|
|
26
|
-
} .popup-
|
|
26
|
+
} .popup-sheet__closer_19208 {
|
|
27
27
|
position: absolute;
|
|
28
28
|
top: 8px;
|
|
29
29
|
right: 8px
|
|
30
|
-
} .popup-
|
|
30
|
+
} .popup-sheet__closer_19208 > button {
|
|
31
31
|
-webkit-backdrop-filter: none;
|
|
32
32
|
backdrop-filter: none;
|
|
33
|
-
} .popup-
|
|
33
|
+
} .popup-sheet__content_19208 {
|
|
34
34
|
box-sizing: border-box;
|
|
35
|
-
} /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-
|
|
36
|
-
.popup-
|
|
35
|
+
} /* 100px нужны для того, чтобы фон успевал немного затемниться перед тем, как начнет выезжать шторка */ .popup-sheet__appear_19208,
|
|
36
|
+
.popup-sheet__enter_19208 {
|
|
37
37
|
transform: translateY(calc(100% + 100px));
|
|
38
|
-
} .popup-
|
|
39
|
-
.popup-
|
|
38
|
+
} .popup-sheet__appearActive_19208,
|
|
39
|
+
.popup-sheet__enterActive_19208 {
|
|
40
40
|
transform: translateY(0);
|
|
41
41
|
transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
42
42
|
transition-delay: 50ms;
|
|
43
|
-
} .popup-
|
|
43
|
+
} .popup-sheet__exit_19208 {
|
|
44
44
|
transform: translateY(0);
|
|
45
|
-
} .popup-
|
|
45
|
+
} .popup-sheet__exitBySwipe_19208 {
|
|
46
46
|
transform: translateY(calc(100% + 100px));
|
|
47
|
-
} .popup-
|
|
47
|
+
} .popup-sheet__exitActiveBySwipe_19208 {
|
|
48
48
|
transition: none;
|
|
49
|
-
} .popup-
|
|
50
|
-
.popup-
|
|
49
|
+
} .popup-sheet__exitActive_19208,
|
|
50
|
+
.popup-sheet__exitDone_19208 {
|
|
51
51
|
transform: translateY(calc(100% + 100px));
|
|
52
52
|
transition: transform 300ms cubic-bezier(0.65, 0, 0.35, 1);
|
|
53
53
|
}
|
|
@@ -69,6 +69,8 @@ type ComponentProps = {
|
|
|
69
69
|
* Дочерние элементы.
|
|
70
70
|
*/
|
|
71
71
|
children?: ReactNode;
|
|
72
|
+
};
|
|
73
|
+
type PrivateButtonProps = {
|
|
72
74
|
/**
|
|
73
75
|
* Основные стили компонента.
|
|
74
76
|
*/
|
|
@@ -80,16 +82,12 @@ type ComponentProps = {
|
|
|
80
82
|
*/
|
|
81
83
|
colorStylesMap: StyleColors;
|
|
82
84
|
};
|
|
83
|
-
type
|
|
84
|
-
type
|
|
85
|
-
type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
|
|
86
|
-
type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
87
|
-
type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
88
|
-
type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
|
|
85
|
+
type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
|
|
86
|
+
type ButtonProps = CommonButtonProps & {
|
|
89
87
|
/**
|
|
90
88
|
* Контрольная точка, с нее начинается desktop версия
|
|
91
89
|
* @default 1024
|
|
92
90
|
*/
|
|
93
91
|
breakpoint?: number;
|
|
94
92
|
};
|
|
95
|
-
export { StyleColors, ComponentProps,
|
|
93
|
+
export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alfalab/core-components-popup-sheet",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.8",
|
|
4
4
|
"description": "Popup sheet mobile component",
|
|
5
5
|
"keywords": [],
|
|
6
6
|
"license": "MIT",
|
|
@@ -15,10 +15,10 @@
|
|
|
15
15
|
"react-dom": "^16.9.0 || ^17.0.1 || ^18.0.0"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
|
-
"@alfalab/core-components-base-modal": "^5.4.
|
|
18
|
+
"@alfalab/core-components-base-modal": "^5.4.1",
|
|
19
19
|
"@alfalab/core-components-backdrop": "^3.1.0",
|
|
20
|
-
"@alfalab/core-components-shared": "^0.
|
|
21
|
-
"@alfalab/core-components-navigation-bar": "^0.5.
|
|
20
|
+
"@alfalab/core-components-shared": "^0.6.0",
|
|
21
|
+
"@alfalab/core-components-navigation-bar": "^0.5.8",
|
|
22
22
|
"react-swipeable": "^7.0.0",
|
|
23
23
|
"classnames": "^2.3.1",
|
|
24
24
|
"tslib": "^2.4.0"
|
|
@@ -69,6 +69,8 @@ type ComponentProps = {
|
|
|
69
69
|
* Дочерние элементы.
|
|
70
70
|
*/
|
|
71
71
|
children?: ReactNode;
|
|
72
|
+
};
|
|
73
|
+
type PrivateButtonProps = {
|
|
72
74
|
/**
|
|
73
75
|
* Основные стили компонента.
|
|
74
76
|
*/
|
|
@@ -80,16 +82,12 @@ type ComponentProps = {
|
|
|
80
82
|
*/
|
|
81
83
|
colorStylesMap: StyleColors;
|
|
82
84
|
};
|
|
83
|
-
type
|
|
84
|
-
type
|
|
85
|
-
type BaseButtonProps = Partial<AnchorBaseButtonProps | NativeBaseButtonProps>;
|
|
86
|
-
type AnchorButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & AnchorHTMLAttributes<HTMLAnchorElement>;
|
|
87
|
-
type NativeButtonProps = Omit<BaseButtonProps, 'styles' | 'colorStylesMap'> & ButtonHTMLAttributes<HTMLButtonElement>;
|
|
88
|
-
type ButtonProps = Partial<AnchorButtonProps | NativeButtonProps> & {
|
|
85
|
+
type CommonButtonProps = ComponentProps & Partial<AnchorHTMLAttributes<HTMLAnchorElement> | ButtonHTMLAttributes<HTMLButtonElement>>;
|
|
86
|
+
type ButtonProps = CommonButtonProps & {
|
|
89
87
|
/**
|
|
90
88
|
* Контрольная точка, с нее начинается desktop версия
|
|
91
89
|
* @default 1024
|
|
92
90
|
*/
|
|
93
91
|
breakpoint?: number;
|
|
94
92
|
};
|
|
95
|
-
export { StyleColors, ComponentProps,
|
|
93
|
+
export { StyleColors, ComponentProps, PrivateButtonProps, CommonButtonProps, ButtonProps };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
-
type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
-
declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
export { ButtonDesktopProps, ButtonDesktop };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
-
type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
-
declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
export { ButtonDesktopProps, ButtonDesktop };
|
package/desktop-2e2b2125.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
-
type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
-
declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
export { ButtonDesktopProps, ButtonDesktop };
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { AnchorButtonProps, NativeButtonProps } from "./typings-9211a437";
|
|
4
|
-
type ButtonDesktopProps = Partial<AnchorButtonProps | NativeButtonProps>;
|
|
5
|
-
declare const ButtonDesktop: React.ForwardRefExoticComponent<ButtonDesktopProps & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
|
|
6
|
-
export { ButtonDesktopProps, ButtonDesktop };
|