@salutejs/plasma-new-hope 0.195.0-canary.1534.11912348892.0 → 0.195.0-canary.1546.11913646617.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -333
- package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/cjs/components/Badge/Badge.css +4 -4
- package/cjs/components/Badge/Badge.js +17 -7
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.tokens.js +10 -5
- package/cjs/components/Badge/Badge.tokens.js.map +1 -1
- package/cjs/components/Badge/variations/_clear/base.js +1 -1
- package/cjs/components/Badge/variations/_clear/base.js.map +1 -1
- package/cjs/components/Badge/variations/_clear/base_wiboj8.css +1 -0
- package/cjs/components/Badge/variations/_size/base.js +1 -1
- package/cjs/components/Badge/variations/_size/base.js.map +1 -1
- package/{es/components/Badge/variations/_size/base_to0y5x.css → cjs/components/Badge/variations/_size/base_bu5opk.css} +1 -1
- package/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/cjs/components/Badge/variations/_transparent/base.js.map +1 -1
- package/cjs/components/Badge/variations/_transparent/base_aapqhz.css +1 -0
- package/cjs/components/Badge/variations/_view/base.js +1 -1
- package/cjs/components/Badge/variations/_view/base.js.map +1 -1
- package/cjs/components/Badge/variations/_view/base_j3xzf3.css +1 -0
- package/cjs/index.css +4 -18
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Badge/Badge.js +17 -7
- package/emotion/cjs/components/Badge/Badge.template-doc.mdx +40 -16
- package/emotion/cjs/components/Badge/Badge.tokens.js +10 -6
- package/emotion/cjs/components/Badge/variations/_clear/base.js +1 -1
- package/emotion/cjs/components/Badge/variations/_size/base.js +2 -1
- package/emotion/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/emotion/cjs/components/Badge/variations/_view/base.js +1 -1
- package/emotion/cjs/components/_Icon/index.js +1 -8
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +14 -14
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
- package/emotion/cjs/index.js +0 -11
- package/emotion/es/components/Badge/Badge.js +18 -8
- package/emotion/es/components/Badge/Badge.template-doc.mdx +40 -16
- package/emotion/es/components/Badge/Badge.tokens.js +9 -5
- package/emotion/es/components/Badge/variations/_clear/base.js +2 -2
- package/emotion/es/components/Badge/variations/_size/base.js +3 -2
- package/emotion/es/components/Badge/variations/_transparent/base.js +2 -2
- package/emotion/es/components/Badge/variations/_view/base.js +2 -2
- package/emotion/es/components/_Icon/index.js +1 -2
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
- package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +14 -14
- package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
- package/emotion/es/index.js +1 -2
- package/es/_virtual/_rollupPluginBabelHelpers.js +1 -332
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/es/components/Badge/Badge.css +4 -4
- package/es/components/Badge/Badge.js +20 -10
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Badge/Badge.tokens.js +10 -6
- package/es/components/Badge/Badge.tokens.js.map +1 -1
- package/es/components/Badge/variations/_clear/base.js +1 -1
- package/es/components/Badge/variations/_clear/base.js.map +1 -1
- package/es/components/Badge/variations/_clear/base_wiboj8.css +1 -0
- package/es/components/Badge/variations/_size/base.js +1 -1
- package/es/components/Badge/variations/_size/base.js.map +1 -1
- package/{cjs/components/Badge/variations/_size/base_to0y5x.css → es/components/Badge/variations/_size/base_bu5opk.css} +1 -1
- package/es/components/Badge/variations/_transparent/base.js +1 -1
- package/es/components/Badge/variations/_transparent/base.js.map +1 -1
- package/es/components/Badge/variations/_transparent/base_aapqhz.css +1 -0
- package/es/components/Badge/variations/_view/base.js +1 -1
- package/es/components/Badge/variations/_view/base.js.map +1 -1
- package/es/components/Badge/variations/_view/base_j3xzf3.css +1 -0
- package/es/index.css +4 -18
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Badge/Badge.js +17 -7
- package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +40 -16
- package/styled-components/cjs/components/Badge/Badge.tokens.js +10 -6
- package/styled-components/cjs/components/Badge/variations/_clear/base.js +1 -1
- package/styled-components/cjs/components/Badge/variations/_size/base.js +2 -1
- package/styled-components/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/styled-components/cjs/components/Badge/variations/_view/base.js +1 -1
- package/styled-components/cjs/components/_Icon/index.js +1 -8
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/components/Badge/Badge.js +18 -8
- package/styled-components/es/components/Badge/Badge.template-doc.mdx +40 -16
- package/styled-components/es/components/Badge/Badge.tokens.js +9 -5
- package/styled-components/es/components/Badge/variations/_clear/base.js +2 -2
- package/styled-components/es/components/Badge/variations/_size/base.js +3 -2
- package/styled-components/es/components/Badge/variations/_transparent/base.js +2 -2
- package/styled-components/es/components/Badge/variations/_view/base.js +2 -2
- package/styled-components/es/components/_Icon/index.js +1 -2
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +5 -5
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
- package/styled-components/es/index.js +1 -2
- package/types/components/Badge/Badge.d.ts.map +1 -1
- package/types/components/Badge/Badge.tokens.d.ts +8 -4
- package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
- package/types/components/Badge/Badge.types.d.ts +18 -5
- package/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/types/components/Badge/variations/_clear/base.d.ts.map +1 -1
- package/types/components/Badge/variations/_size/base.d.ts.map +1 -1
- package/types/components/_Icon/index.d.ts +0 -1
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +61 -4
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +61 -4
- package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/Badge/variations/_clear/base_oopyb7.css +0 -1
- package/cjs/components/Badge/variations/_transparent/base_1l6036y.css +0 -1
- package/cjs/components/Badge/variations/_view/base_qlxank.css +0 -1
- package/cjs/components/Dropzone/Dropzone.css +0 -15
- package/cjs/components/Dropzone/Dropzone.js +0 -252
- package/cjs/components/Dropzone/Dropzone.js.map +0 -1
- package/cjs/components/Dropzone/Dropzone.styles.js +0 -47
- package/cjs/components/Dropzone/Dropzone.styles.js.map +0 -1
- package/cjs/components/Dropzone/Dropzone.styles_1fo7dbq.css +0 -7
- package/cjs/components/Dropzone/Dropzone.tokens.js +0 -47
- package/cjs/components/Dropzone/Dropzone.tokens.js.map +0 -1
- package/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
- package/cjs/components/Dropzone/variations/_disabled/base.js.map +0 -1
- package/cjs/components/Dropzone/variations/_disabled/base_3qwygi.css +0 -1
- package/cjs/components/Dropzone/variations/_size/base.js +0 -9
- package/cjs/components/Dropzone/variations/_size/base.js.map +0 -1
- package/cjs/components/Dropzone/variations/_size/base_1bt22g1.css +0 -1
- package/cjs/components/Dropzone/variations/_view/base.js +0 -9
- package/cjs/components/Dropzone/variations/_view/base.js.map +0 -1
- package/cjs/components/Dropzone/variations/_view/base_1pdzq6t.css +0 -1
- package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -24
- package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js.map +0 -1
- package/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -23
- package/cjs/components/_Icon/Icons/IconArrowBarDown.js.map +0 -1
- package/emotion/cjs/components/Dropzone/Dropzone.js +0 -271
- package/emotion/cjs/components/Dropzone/Dropzone.styles.js +0 -67
- package/emotion/cjs/components/Dropzone/Dropzone.template-docs.mdx +0 -136
- package/emotion/cjs/components/Dropzone/Dropzone.tokens.js +0 -44
- package/emotion/cjs/components/Dropzone/Dropzone.types.js +0 -5
- package/emotion/cjs/components/Dropzone/index.js +0 -31
- package/emotion/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
- package/emotion/cjs/components/Dropzone/variations/_disabled/tokens.json +0 -4
- package/emotion/cjs/components/Dropzone/variations/_size/base.js +0 -10
- package/emotion/cjs/components/Dropzone/variations/_size/tokens.json +0 -19
- package/emotion/cjs/components/Dropzone/variations/_view/base.js +0 -10
- package/emotion/cjs/components/Dropzone/variations/_view/tokens.json +0 -9
- package/emotion/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -23
- package/emotion/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -22
- package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -25
- package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -11
- package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -25
- package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +0 -11
- package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/emotion/es/components/Dropzone/Dropzone.js +0 -263
- package/emotion/es/components/Dropzone/Dropzone.styles.js +0 -60
- package/emotion/es/components/Dropzone/Dropzone.template-docs.mdx +0 -136
- package/emotion/es/components/Dropzone/Dropzone.tokens.js +0 -38
- package/emotion/es/components/Dropzone/Dropzone.types.js +0 -1
- package/emotion/es/components/Dropzone/index.js +0 -2
- package/emotion/es/components/Dropzone/variations/_disabled/base.js +0 -3
- package/emotion/es/components/Dropzone/variations/_disabled/tokens.json +0 -4
- package/emotion/es/components/Dropzone/variations/_size/base.js +0 -4
- package/emotion/es/components/Dropzone/variations/_size/tokens.json +0 -19
- package/emotion/es/components/Dropzone/variations/_view/base.js +0 -4
- package/emotion/es/components/Dropzone/variations/_view/tokens.json +0 -9
- package/emotion/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -16
- package/emotion/es/components/_Icon/Icons/IconArrowBarDown.js +0 -15
- package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -19
- package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -5
- package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -19
- package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.js +0 -5
- package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/es/components/Badge/variations/_clear/base_oopyb7.css +0 -1
- package/es/components/Badge/variations/_transparent/base_1l6036y.css +0 -1
- package/es/components/Badge/variations/_view/base_qlxank.css +0 -1
- package/es/components/Dropzone/Dropzone.css +0 -15
- package/es/components/Dropzone/Dropzone.js +0 -247
- package/es/components/Dropzone/Dropzone.js.map +0 -1
- package/es/components/Dropzone/Dropzone.styles.js +0 -37
- package/es/components/Dropzone/Dropzone.styles.js.map +0 -1
- package/es/components/Dropzone/Dropzone.styles_1fo7dbq.css +0 -7
- package/es/components/Dropzone/Dropzone.tokens.js +0 -41
- package/es/components/Dropzone/Dropzone.tokens.js.map +0 -1
- package/es/components/Dropzone/variations/_disabled/base.js +0 -5
- package/es/components/Dropzone/variations/_disabled/base.js.map +0 -1
- package/es/components/Dropzone/variations/_disabled/base_3qwygi.css +0 -1
- package/es/components/Dropzone/variations/_size/base.js +0 -5
- package/es/components/Dropzone/variations/_size/base.js.map +0 -1
- package/es/components/Dropzone/variations/_size/base_1bt22g1.css +0 -1
- package/es/components/Dropzone/variations/_view/base.js +0 -5
- package/es/components/Dropzone/variations/_view/base.js.map +0 -1
- package/es/components/Dropzone/variations/_view/base_1pdzq6t.css +0 -1
- package/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -20
- package/es/components/_Icon/Icon.assets/ArrowBarDown.js.map +0 -1
- package/es/components/_Icon/Icons/IconArrowBarDown.js +0 -19
- package/es/components/_Icon/Icons/IconArrowBarDown.js.map +0 -1
- package/styled-components/cjs/components/Dropzone/Dropzone.js +0 -271
- package/styled-components/cjs/components/Dropzone/Dropzone.styles.js +0 -29
- package/styled-components/cjs/components/Dropzone/Dropzone.template-docs.mdx +0 -136
- package/styled-components/cjs/components/Dropzone/Dropzone.tokens.js +0 -44
- package/styled-components/cjs/components/Dropzone/Dropzone.types.js +0 -5
- package/styled-components/cjs/components/Dropzone/index.js +0 -31
- package/styled-components/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
- package/styled-components/cjs/components/Dropzone/variations/_disabled/tokens.json +0 -4
- package/styled-components/cjs/components/Dropzone/variations/_size/base.js +0 -10
- package/styled-components/cjs/components/Dropzone/variations/_size/tokens.json +0 -19
- package/styled-components/cjs/components/Dropzone/variations/_view/base.js +0 -10
- package/styled-components/cjs/components/Dropzone/variations/_view/tokens.json +0 -9
- package/styled-components/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -23
- package/styled-components/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -22
- package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -25
- package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -25
- package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/styled-components/es/components/Dropzone/Dropzone.js +0 -263
- package/styled-components/es/components/Dropzone/Dropzone.styles.js +0 -21
- package/styled-components/es/components/Dropzone/Dropzone.template-docs.mdx +0 -136
- package/styled-components/es/components/Dropzone/Dropzone.tokens.js +0 -38
- package/styled-components/es/components/Dropzone/Dropzone.types.js +0 -1
- package/styled-components/es/components/Dropzone/index.js +0 -2
- package/styled-components/es/components/Dropzone/variations/_disabled/base.js +0 -3
- package/styled-components/es/components/Dropzone/variations/_disabled/tokens.json +0 -4
- package/styled-components/es/components/Dropzone/variations/_size/base.js +0 -4
- package/styled-components/es/components/Dropzone/variations/_size/tokens.json +0 -19
- package/styled-components/es/components/Dropzone/variations/_view/base.js +0 -4
- package/styled-components/es/components/Dropzone/variations/_view/tokens.json +0 -9
- package/styled-components/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -16
- package/styled-components/es/components/_Icon/Icons/IconArrowBarDown.js +0 -15
- package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -19
- package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -19
- package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.js +0 -5
- package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
- package/types/components/Dropzone/Dropzone.d.ts +0 -59
- package/types/components/Dropzone/Dropzone.d.ts.map +0 -1
- package/types/components/Dropzone/Dropzone.styles.d.ts +0 -9
- package/types/components/Dropzone/Dropzone.styles.d.ts.map +0 -1
- package/types/components/Dropzone/Dropzone.tokens.d.ts +0 -39
- package/types/components/Dropzone/Dropzone.tokens.d.ts.map +0 -1
- package/types/components/Dropzone/Dropzone.types.d.ts +0 -77
- package/types/components/Dropzone/Dropzone.types.d.ts.map +0 -1
- package/types/components/Dropzone/index.d.ts +0 -3
- package/types/components/Dropzone/index.d.ts.map +0 -1
- package/types/components/Dropzone/variations/_disabled/base.d.ts +0 -2
- package/types/components/Dropzone/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/Dropzone/variations/_size/base.d.ts +0 -2
- package/types/components/Dropzone/variations/_size/base.d.ts.map +0 -1
- package/types/components/Dropzone/variations/_view/base.d.ts +0 -2
- package/types/components/Dropzone/variations/_view/base.d.ts.map +0 -1
- package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts +0 -4
- package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts.map +0 -1
- package/types/components/_Icon/Icons/IconArrowBarDown.d.ts +0 -4
- package/types/components/_Icon/Icons/IconArrowBarDown.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts +0 -18
- package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts +0 -29
- package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts +0 -18
- package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts +0 -29
- package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts.map +0 -1
@@ -1,136 +0,0 @@
|
|
1
|
-
---
|
2
|
-
id: dropzone
|
3
|
-
title: Dropzone
|
4
|
-
---
|
5
|
-
|
6
|
-
import { PropsTable } from '@site/src/components';
|
7
|
-
|
8
|
-
# Dropzone
|
9
|
-
Компонент для загрузки файлов, без отображения индикации загрузки.
|
10
|
-
Компонент не предполагает наличия валиации, так как является частью Upload.
|
11
|
-
Но валидацию можно задать с помощью callback `validator`.
|
12
|
-
<PropsTable name="Dropzone" />
|
13
|
-
|
14
|
-
# Типизация
|
15
|
-
|
16
|
-
```tsx
|
17
|
-
type DropzoneProps = {
|
18
|
-
/**
|
19
|
-
* Массив форматов файлов, которые могут быть прикреплены (см. HTML-атрибут 'accept' для 'input').
|
20
|
-
*/
|
21
|
-
acceptedFileFormats?: string[];
|
22
|
-
/**
|
23
|
-
* Позовляет выбирать несколько файлов для загрузки
|
24
|
-
*/
|
25
|
-
multiple?: boolean;
|
26
|
-
/**
|
27
|
-
* Слот для Title
|
28
|
-
*/
|
29
|
-
title?: string;
|
30
|
-
/**
|
31
|
-
* Слот для описания
|
32
|
-
*/
|
33
|
-
description?: ReactNode;
|
34
|
-
/**
|
35
|
-
* Слот для иконки
|
36
|
-
*/
|
37
|
-
icon?: ReactNode;
|
38
|
-
/**
|
39
|
-
* Расположение иконки
|
40
|
-
* @default 'left'
|
41
|
-
*/
|
42
|
-
iconPlacement?: 'top' | 'left';
|
43
|
-
/**
|
44
|
-
* Размер компонента
|
45
|
-
*/
|
46
|
-
size?: string;
|
47
|
-
/**
|
48
|
-
* Вид компонента
|
49
|
-
*/
|
50
|
-
view?: string;
|
51
|
-
/**
|
52
|
-
* Компонент неактивен
|
53
|
-
*/
|
54
|
-
disabled?: boolean;
|
55
|
-
/**
|
56
|
-
* Компонент растягивается на всю доступную ширину
|
57
|
-
*/
|
58
|
-
stretch?: boolean;
|
59
|
-
/**
|
60
|
-
* Функция, вызываемая в момент вхождения курсора внутрь границ Dropzone
|
61
|
-
*/
|
62
|
-
onDragEnter?: () => void;
|
63
|
-
/**
|
64
|
-
* Функция, вызываемая в момент выхода курсора из Dropzone
|
65
|
-
*/
|
66
|
-
onDragLeave?: () => void;
|
67
|
-
/**
|
68
|
-
* Функция, вызываемая при нахождении курсора внутри Dropzone
|
69
|
-
*/
|
70
|
-
onDragOver?: () => void;
|
71
|
-
/**
|
72
|
-
* Функция, вызываемая при drop файлов
|
73
|
-
*/
|
74
|
-
onDrop?: () => void;
|
75
|
-
/**
|
76
|
-
* Функция, вызываемая для валидации файлов, перед onDropFiles
|
77
|
-
*/
|
78
|
-
validator?: (files: File[]) => ValidatorReturnType;
|
79
|
-
/**
|
80
|
-
* Функция, вызываемая при наличии файлов, после onDrop
|
81
|
-
*/
|
82
|
-
onDropFiles?: FileProcessHandler;
|
83
|
-
/**
|
84
|
-
* Функция, вызываемая при выборе файлов
|
85
|
-
*/
|
86
|
-
onChoseFiles?: FileProcessHandler;
|
87
|
-
} & Omit<InputHTMLAttributes<HTMLInputElement>, 'accept'>;
|
88
|
-
```
|
89
|
-
|
90
|
-
# Пример
|
91
|
-
|
92
|
-
```tsx live
|
93
|
-
import React from 'react';
|
94
|
-
import { Dropzone } from '@salutejs/{{ package }}';
|
95
|
-
|
96
|
-
export function App() {
|
97
|
-
const onDragEnter = () => {
|
98
|
-
console.log("onDragEnter")
|
99
|
-
}
|
100
|
-
|
101
|
-
const onDragLeave = () => {
|
102
|
-
console.log("onDragLeave")
|
103
|
-
}
|
104
|
-
|
105
|
-
const onDrop = () => {
|
106
|
-
console.log("onDrop")
|
107
|
-
}
|
108
|
-
|
109
|
-
const onDropFiles = () => {
|
110
|
-
console.log("onDropFiles")
|
111
|
-
}
|
112
|
-
|
113
|
-
const onChange = () => {
|
114
|
-
console.log("onChange")
|
115
|
-
}
|
116
|
-
|
117
|
-
const onChoseFiles = () => {
|
118
|
-
console.log("onChoseFiles")
|
119
|
-
}
|
120
|
-
|
121
|
-
return (
|
122
|
-
<Dropzone
|
123
|
-
iconPlacement="top"
|
124
|
-
width="240"
|
125
|
-
title="Click to upload"
|
126
|
-
description="or drag and drop files here"
|
127
|
-
onDragEnter={onDragEnter}
|
128
|
-
onDragLeave={onDragLeave}
|
129
|
-
onDrop={onDrop}
|
130
|
-
onDropFiles={onDropFiles}
|
131
|
-
onChange={onChange}
|
132
|
-
onChoseFiles={onChoseFiles}
|
133
|
-
/>
|
134
|
-
);
|
135
|
-
}
|
136
|
-
```
|
@@ -1,44 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.tokens = exports.privateTokens = exports.classes = void 0;
|
7
|
-
var classes = exports.classes = {
|
8
|
-
stretch: 'dropzone-stretch',
|
9
|
-
active: 'dropzone-active',
|
10
|
-
verticalContentPlacing: 'dropzone-vertical-content-placing',
|
11
|
-
disabled: 'dropzone-disabled'
|
12
|
-
};
|
13
|
-
var privateTokens = exports.privateTokens = {
|
14
|
-
width: '--plasma_private-dropzone-width',
|
15
|
-
height: '--plasma_private-dropzone-height'
|
16
|
-
};
|
17
|
-
var tokens = exports.tokens = {
|
18
|
-
background: '--plasma-dropzone-background',
|
19
|
-
backgroundHover: '--plasma-dropzone-background-hover',
|
20
|
-
overlayColorActive: '--plasma-dropzone-overlay-color-active',
|
21
|
-
border: '--plasma-dropzone-border-color',
|
22
|
-
borderColorHover: '--plasma-dropzone-border-color-hover',
|
23
|
-
borderColorActive: '--plasma-dropzone-border-color-active',
|
24
|
-
titleColor: '--plasma-dropzone-title-color',
|
25
|
-
descriptionColor: '--plasma-dropzone-description-color',
|
26
|
-
padding: '--plasma-dropzone-padding',
|
27
|
-
borderRadius: '--plasma-dropzone-border-radius',
|
28
|
-
contentGap: '--plasma-dropzone-content-gap',
|
29
|
-
titleWrapperGap: '--plasma-dropzone-title-wrapper-gap',
|
30
|
-
titleWrapperGapColumn: '--plasma-dropzone-title-wrapper-column-gap',
|
31
|
-
titleFontFamily: '--plasma-dropzone-title-font-family',
|
32
|
-
titleFontSize: '--plasma-dropzone-title-font-size',
|
33
|
-
titleFontStyle: '--plasma-dropzone-title-font-style',
|
34
|
-
titleFontWeight: '--plasma-dropzone-title-font-weight',
|
35
|
-
titleLetterSpacing: '--plasma-dropzone-title-letter-spacing',
|
36
|
-
titleLineHeight: '--plasma-dropzone-title-line-height',
|
37
|
-
descriptionFontFamily: '--plasma-dropzone-description-font-family',
|
38
|
-
descriptionFontSize: '--plasma-dropzone-description-font-size',
|
39
|
-
descriptionFontStyle: '--plasma-dropzone-description-font-style',
|
40
|
-
descriptionFontWeight: '--plasma-dropzone-description-font-weight',
|
41
|
-
descriptionLetterSpacing: '--plasma-dropzone-description-letter-spacing',
|
42
|
-
descriptionLineHeight: '--plasma-dropzone-description-line-height',
|
43
|
-
disabledOpacity: '--plasma-dropzone-disabled-opacity'
|
44
|
-
};
|
@@ -1,31 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
Object.defineProperty(exports, "dropzoneClasses", {
|
7
|
-
enumerable: true,
|
8
|
-
get: function get() {
|
9
|
-
return _Dropzone2.classes;
|
10
|
-
}
|
11
|
-
});
|
12
|
-
Object.defineProperty(exports, "dropzoneConfig", {
|
13
|
-
enumerable: true,
|
14
|
-
get: function get() {
|
15
|
-
return _Dropzone.dropzoneConfig;
|
16
|
-
}
|
17
|
-
});
|
18
|
-
Object.defineProperty(exports, "dropzoneRoot", {
|
19
|
-
enumerable: true,
|
20
|
-
get: function get() {
|
21
|
-
return _Dropzone.dropzoneRoot;
|
22
|
-
}
|
23
|
-
});
|
24
|
-
Object.defineProperty(exports, "dropzoneTokens", {
|
25
|
-
enumerable: true,
|
26
|
-
get: function get() {
|
27
|
-
return _Dropzone2.tokens;
|
28
|
-
}
|
29
|
-
});
|
30
|
-
var _Dropzone = /*#__PURE__*/require("./Dropzone");
|
31
|
-
var _Dropzone2 = /*#__PURE__*/require("./Dropzone.tokens");
|
@@ -1,9 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _Dropzone = /*#__PURE__*/require("../../Dropzone.tokens");
|
9
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("&.", _Dropzone.classes.disabled, "{opacity:var(", _Dropzone.tokens.disabledOpacity, ");cursor:not-allowed;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvdmFyaWF0aW9ucy9fZGlzYWJsZWQvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wem9uZS92YXJpYXRpb25zL19kaXNhYmxlZC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9Ecm9wem9uZS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy5kaXNhYmxlZH0ge1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcbiJdfQ== */"));
|
@@ -1,10 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _Dropzone = /*#__PURE__*/require("../../Dropzone.tokens");
|
9
|
-
var _Dropzone2 = /*#__PURE__*/require("../../Dropzone.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("padding:var(", _Dropzone.tokens.padding, ");border-radius:var(", _Dropzone.tokens.borderRadius, ");height:var(", _Dropzone.privateTokens.height, ");width:var(", _Dropzone.privateTokens.width, ");&.", _Dropzone.classes.stretch, "{width:100%;}", _Dropzone2.DropzoneHandlerOverlay, "{border-radius:var(", _Dropzone.tokens.borderRadius, ");}", _Dropzone2.Content, "{gap:var(", _Dropzone.tokens.contentGap, ");}", _Dropzone2.TitleWrapper, "{display:flex;align-items:center;justify-content:center;gap:var(", _Dropzone.tokens.titleWrapperGap, ");&.", _Dropzone.classes.verticalContentPlacing, "{flex-direction:column;gap:var(", _Dropzone.tokens.titleWrapperGapColumn, ");}}", _Dropzone2.Title, "{font-family:var(", _Dropzone.tokens.titleFontFamily, ");font-size:var(", _Dropzone.tokens.titleFontSize, ");font-style:var(", _Dropzone.tokens.titleFontStyle, ");font-weight:var(", _Dropzone.tokens.titleFontWeight, ");letter-spacing:var(", _Dropzone.tokens.titleLetterSpacing, ");line-height:var(", _Dropzone.tokens.titleLineHeight, ");}", _Dropzone2.Description, "{font-family:var(", _Dropzone.tokens.descriptionFontFamily, ");font-size:var(", _Dropzone.tokens.descriptionFontSize, ");font-style:var(", _Dropzone.tokens.descriptionFontStyle, ");font-weight:var(", _Dropzone.tokens.descriptionFontWeight, ");letter-spacing:var(", _Dropzone.tokens.descriptionLetterSpacing, ");line-height:var(", _Dropzone.tokens.descriptionLineHeight, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Ryb3B6b25lL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vRHJvcHpvbmUudG9rZW5zJztcbmltcG9ydCB7IENvbnRlbnQsIERlc2NyaXB0aW9uLCBEcm9wem9uZUhhbmRsZXJPdmVybGF5LCBUaXRsZSwgVGl0bGVXcmFwcGVyIH0gZnJvbSAnLi4vLi4vRHJvcHpvbmUuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgaGVpZ2h0OiB2YXIoJHtwcml2YXRlVG9rZW5zLmhlaWdodH0pO1xuICAgIHdpZHRoOiB2YXIoJHtwcml2YXRlVG9rZW5zLndpZHRofSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zdHJldGNofSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgICR7RHJvcHpvbmVIYW5kbGVyT3ZlcmxheX0ge1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgfVxuXG4gICAgJHtDb250ZW50fSB7XG4gICAgICAgIGdhcDogdmFyKCR7dG9rZW5zLmNvbnRlbnRHYXB9KTtcbiAgICB9XG5cbiAgICAke1RpdGxlV3JhcHBlcn0ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgICAgICBnYXA6IHZhcigke3Rva2Vucy50aXRsZVdyYXBwZXJHYXB9KTtcblxuICAgICAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbENvbnRlbnRQbGFjaW5nfSB7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgZ2FwOiB2YXIoJHt0b2tlbnMudGl0bGVXcmFwcGVyR2FwQ29sdW1ufSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke1RpdGxlfSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGl0bGVGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnRpdGxlRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnRpdGxlRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVMaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtEZXNjcmlwdGlvbn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uTGluZUhlaWdodH0pO1xuICAgIH1cbmA7XG4iXX0= */"));
|
@@ -1,19 +0,0 @@
|
|
1
|
-
[
|
2
|
-
"--plasma-dropzone-padding",
|
3
|
-
"--plasma-dropzone-border-radius",
|
4
|
-
"--plasma-dropzone-content-gap",
|
5
|
-
"--plasma-dropzone-title-wrapper-gap",
|
6
|
-
"--plasma-dropzone-title-wrapper-gap",
|
7
|
-
"--plasma-dropzone-title-font-family",
|
8
|
-
"--plasma-dropzone-title-font-size",
|
9
|
-
"--plasma-dropzone-title-font-style",
|
10
|
-
"--plasma-dropzone-title-font-weight",
|
11
|
-
"--plasma-dropzone-title-letter-spacing",
|
12
|
-
"--plasma-dropzone-title-line-height",
|
13
|
-
"--plasma-dropzone-description-font-family",
|
14
|
-
"--plasma-dropzone-description-font-size",
|
15
|
-
"--plasma-dropzone-description-font-style",
|
16
|
-
"--plasma-dropzone-description-font-weight",
|
17
|
-
"--plasma-dropzone-description-letter-spacing",
|
18
|
-
"--plasma-dropzone-description-line-height"
|
19
|
-
]
|
@@ -1,10 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.base = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _Dropzone = /*#__PURE__*/require("../../Dropzone.tokens");
|
9
|
-
var _Dropzone2 = /*#__PURE__*/require("../../Dropzone.styles");
|
10
|
-
var base = exports.base = /*#__PURE__*/(0, _react.css)("background:var(", _Dropzone.tokens.background, ");border:var(", _Dropzone.tokens.border, ");&:not(.", _Dropzone.classes.active, "):hover,&:not(.", _Dropzone.classes.active, "):focus-within{background:var(", _Dropzone.tokens.backgroundHover, ");border-color:var(", _Dropzone.tokens.borderColorHover, ");outline:none;}&.", _Dropzone.classes.active, "{border-color:var(", _Dropzone.tokens.borderColorActive, ");", _Dropzone2.DropzoneHandlerOverlay, "{background:var(", _Dropzone.tokens.overlayColorActive, ");}}", _Dropzone2.TitleWrapper, "{color:var(", _Dropzone.tokens.titleColor, ");}", _Dropzone2.Description, "{color:var(", _Dropzone.tokens.descriptionColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Ryb3B6b25lL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vRHJvcHpvbmUudG9rZW5zJztcbmltcG9ydCB7IERlc2NyaXB0aW9uLCBEcm9wem9uZUhhbmRsZXJPdmVybGF5LCBUaXRsZVdyYXBwZXIgfSBmcm9tICcuLi8uLi9Ecm9wem9uZS5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pO1xuICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLmJvcmRlcn0pO1xuXG4gICAgJjpub3QoLiR7Y2xhc3Nlcy5hY3RpdmV9KTpob3ZlcixcbiAgICAmOm5vdCguJHtjbGFzc2VzLmFjdGl2ZX0pOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kSG92ZXJ9KTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn0pO1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFjdGl2ZX0ge1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigke3Rva2Vucy5ib3JkZXJDb2xvckFjdGl2ZX0pO1xuXG4gICAgICAgICR7RHJvcHpvbmVIYW5kbGVyT3ZlcmxheX0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJHtUaXRsZVdyYXBwZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50aXRsZUNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtEZXNjcmlwdGlvbn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uQ29sb3J9KTtcbiAgICB9XG5gO1xuIl19 */"));
|
@@ -1,9 +0,0 @@
|
|
1
|
-
[
|
2
|
-
"--plasma-dropzone-background",
|
3
|
-
"--plasma-dropzone-overlay-color-active",
|
4
|
-
"--plasma-dropzone-border-color",
|
5
|
-
"--plasma-dropzone-border-color-hover",
|
6
|
-
"--plasma-dropzone-border-color-active",
|
7
|
-
"--plasma-dropzone-title-color",
|
8
|
-
"--plasma-dropzone-description-color"
|
9
|
-
]
|
@@ -1,23 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.ArrowBarDown = void 0;
|
7
|
-
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
-
var _path;
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
10
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
11
|
-
var ArrowBarDown = exports.ArrowBarDown = function ArrowBarDown(props) {
|
12
|
-
return /*#__PURE__*/_react["default"].createElement("svg", _extends({
|
13
|
-
width: "100%",
|
14
|
-
viewBox: "0 0 16 16",
|
15
|
-
fill: "none",
|
16
|
-
xmlns: "http://www.w3.org/2000/svg"
|
17
|
-
}, props), _path || (_path = /*#__PURE__*/_react["default"].createElement("path", {
|
18
|
-
fillRule: "evenodd",
|
19
|
-
clipRule: "evenodd",
|
20
|
-
d: "M7.95833 1.875C8.23448 1.875 8.45833 2.09886 8.45833 2.375V10.4043L11.2686 7.54868C11.4623 7.35186 11.7789 7.34933 11.9757 7.54302C12.1725 7.73672 12.1751 8.05329 11.9814 8.25011L8.3147 11.9759C8.21782 12.0744 8.08453 12.1283 7.94645 12.1251C7.80837 12.1218 7.67779 12.0615 7.5857 11.9586L4.25237 8.23278C4.06824 8.02698 4.08582 7.71088 4.29162 7.52676C4.49742 7.34264 4.81351 7.36021 4.99763 7.56601L7.45833 10.3164V2.375C7.45833 2.09886 7.68219 1.875 7.95833 1.875ZM2.5 14.0001C2.5 13.724 2.72386 13.5001 3 13.5001H13C13.2761 13.5001 13.5 13.724 13.5 14.0001C13.5 14.2763 13.2761 14.5001 13 14.5001H3C2.72386 14.5001 2.5 14.2763 2.5 14.0001Z",
|
21
|
-
fill: "currentColor"
|
22
|
-
})));
|
23
|
-
};
|
@@ -1,22 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.IconArrowBarDown = void 0;
|
7
|
-
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
-
var _ArrowBarDown = /*#__PURE__*/require("../Icon.assets/ArrowBarDown");
|
9
|
-
var _IconRoot = /*#__PURE__*/require("../IconRoot");
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
-
var IconArrowBarDown = exports.IconArrowBarDown = function IconArrowBarDown(_ref) {
|
12
|
-
var _ref$size = _ref.size,
|
13
|
-
size = _ref$size === void 0 ? 'xs' : _ref$size,
|
14
|
-
color = _ref.color,
|
15
|
-
className = _ref.className;
|
16
|
-
return /*#__PURE__*/_react["default"].createElement(_IconRoot.IconRoot, {
|
17
|
-
className: className,
|
18
|
-
size: size,
|
19
|
-
color: color,
|
20
|
-
icon: _ArrowBarDown.ArrowBarDown
|
21
|
-
});
|
22
|
-
};
|
@@ -1,25 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _Dropzone = /*#__PURE__*/require("../../../../components/Dropzone");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
view: 'default',
|
12
|
-
size: 'm'
|
13
|
-
},
|
14
|
-
variations: {
|
15
|
-
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _react.css)(_Dropzone.dropzoneTokens.background, ":var(--surface-solid-card);", _Dropzone.dropzoneTokens.backgroundHover, ":var(--surface-solid-card-hover);", _Dropzone.dropzoneTokens.overlayColorActive, ":var(--overlay-soft);", _Dropzone.dropzoneTokens.border, ":0.063rem dashed var(--outline-secondary);", _Dropzone.dropzoneTokens.borderColorHover, ":var(--outline-secondary-hover);", _Dropzone.dropzoneTokens.borderColorActive, ":var(--outline-accent);", _Dropzone.dropzoneTokens.titleColor, ":var(--text-primary);", _Dropzone.dropzoneTokens.descriptionColor, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGRyb3B6b25lVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ecm9wem9uZSc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYmFja2dyb3VuZEhvdmVyfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX06IHZhcigtLW92ZXJsYXktc29mdCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJ9OiAwLjA2M3JlbSBkYXNoZWQgdmFyKC0tb3V0bGluZS1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9yQWN0aXZlfTogdmFyKC0tb3V0bGluZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMucGFkZGluZ306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlclJhZGl1c306IDEuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5jb250ZW50R2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVXcmFwcGVyR2FwQ29sdW1ufTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWg0LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWg0LWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
17
|
-
},
|
18
|
-
size: {
|
19
|
-
m: /*#__PURE__*/(0, _react.css)(_Dropzone.dropzoneTokens.padding, ":1.5rem;", _Dropzone.dropzoneTokens.borderRadius, ":1.25rem;", _Dropzone.dropzoneTokens.contentGap, ":0.75rem;", _Dropzone.dropzoneTokens.titleWrapperGap, ":0.375rem;", _Dropzone.dropzoneTokens.titleWrapperGapColumn, ":0.5rem;", _Dropzone.dropzoneTokens.titleFontFamily, ":var(--plasma-typo-h4-font-family);", _Dropzone.dropzoneTokens.titleFontSize, ":var(--plasma-typo-h4-font-size);", _Dropzone.dropzoneTokens.titleFontStyle, ":var(--plasma-typo-h4-font-style);", _Dropzone.dropzoneTokens.titleFontWeight, ":var(--plasma-typo-h4-bold-font-weight);", _Dropzone.dropzoneTokens.titleLetterSpacing, ":var(--plasma-typo-h4-letter-spacing);", _Dropzone.dropzoneTokens.titleLineHeight, ":var(--plasma-typo-h4-line-height);", _Dropzone.dropzoneTokens.descriptionFontFamily, ":var(--plasma-typo-body-s-font-family);", _Dropzone.dropzoneTokens.descriptionFontSize, ":var(--plasma-typo-body-s-font-size);", _Dropzone.dropzoneTokens.descriptionFontStyle, ":var(--plasma-typo-body-s-font-style);", _Dropzone.dropzoneTokens.descriptionFontWeight, ":var(--plasma-typo-body-s-font-weight);", _Dropzone.dropzoneTokens.descriptionLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", _Dropzone.dropzoneTokens.descriptionLineHeight, ":var(--plasma-typo-body-s-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmRIb3Zlcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZC1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5vdmVybGF5Q29sb3JBY3RpdmV9OiB2YXIoLS1vdmVybGF5LXNvZnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyfTogMC4wNjNyZW0gZGFzaGVkIHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9OiB2YXIoLS1vdXRsaW5lLXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJDb2xvckFjdGl2ZX06IHZhcigtLW91dGxpbmUtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnBhZGRpbmd9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJSYWRpdXN9OiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuY29udGVudEdhcH06IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZVdyYXBwZXJHYXB9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcENvbHVtbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
20
|
-
},
|
21
|
-
disabled: {
|
22
|
-
"true": /*#__PURE__*/(0, _react.css)(_Dropzone.dropzoneTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmRIb3Zlcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZC1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5vdmVybGF5Q29sb3JBY3RpdmV9OiB2YXIoLS1vdmVybGF5LXNvZnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyfTogMC4wNjNyZW0gZGFzaGVkIHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9OiB2YXIoLS1vdXRsaW5lLXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJDb2xvckFjdGl2ZX06IHZhcigtLW91dGxpbmUtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnBhZGRpbmd9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJSYWRpdXN9OiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuY29udGVudEdhcH06IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZVdyYXBwZXJHYXB9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcENvbHVtbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
23
|
-
}
|
24
|
-
}
|
25
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Dropzone = void 0;
|
7
|
-
var _Dropzone = /*#__PURE__*/require("../../../../components/Dropzone");
|
8
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
9
|
-
var _Dropzone2 = /*#__PURE__*/require("./Dropzone.config");
|
10
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Dropzone.dropzoneConfig, _Dropzone2.config);
|
11
|
-
var Dropzone = exports.Dropzone = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -1,57 +0,0 @@
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
import { action } from '@storybook/addon-actions';
|
4
|
-
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
|
-
|
6
|
-
import { WithTheme } from '../../../_helpers';
|
7
|
-
|
8
|
-
import { Dropzone } from './Dropzone';
|
9
|
-
|
10
|
-
const onDragEnter = action('onDragEnter');
|
11
|
-
const onDragLeave = action('onDragLeave');
|
12
|
-
const onDrop = action('onDrop');
|
13
|
-
const onChange = action('onChange');
|
14
|
-
const onChoseFiles = action('onChoseFiles');
|
15
|
-
|
16
|
-
const iconPlacements = ['top', 'left'];
|
17
|
-
|
18
|
-
const meta: Meta<typeof Dropzone> = {
|
19
|
-
title: 'plasma_b2c/Dropzone',
|
20
|
-
component: Dropzone,
|
21
|
-
decorators: [WithTheme],
|
22
|
-
argTypes: {
|
23
|
-
iconPlacement: {
|
24
|
-
options: iconPlacements,
|
25
|
-
control: {
|
26
|
-
type: 'inline-radio',
|
27
|
-
},
|
28
|
-
defaultValue: 'top',
|
29
|
-
},
|
30
|
-
...disableProps(['view', 'size']),
|
31
|
-
},
|
32
|
-
};
|
33
|
-
|
34
|
-
export default meta;
|
35
|
-
|
36
|
-
type StoryPropsDefault = ComponentProps<typeof Dropzone>;
|
37
|
-
|
38
|
-
export const Default: StoryObj<StoryPropsDefault> = {
|
39
|
-
args: {
|
40
|
-
iconPlacement: 'top',
|
41
|
-
width: 400,
|
42
|
-
height: 280,
|
43
|
-
disabled: false,
|
44
|
-
title: 'Click to upload',
|
45
|
-
description: 'or drag and drop files here',
|
46
|
-
},
|
47
|
-
render: (args) => (
|
48
|
-
<Dropzone
|
49
|
-
{...args}
|
50
|
-
onDragEnter={onDragEnter}
|
51
|
-
onDragLeave={onDragLeave}
|
52
|
-
onDrop={onDrop}
|
53
|
-
onChange={onChange}
|
54
|
-
onChoseFiles={onChoseFiles}
|
55
|
-
/>
|
56
|
-
),
|
57
|
-
};
|
@@ -1,25 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.config = void 0;
|
7
|
-
var _react = /*#__PURE__*/require("@emotion/react");
|
8
|
-
var _Dropzone = /*#__PURE__*/require("../../../../components/Dropzone");
|
9
|
-
var config = exports.config = {
|
10
|
-
defaults: {
|
11
|
-
view: 'default',
|
12
|
-
size: 'm'
|
13
|
-
},
|
14
|
-
variations: {
|
15
|
-
view: {
|
16
|
-
"default": /*#__PURE__*/(0, _react.css)(_Dropzone.dropzoneTokens.background, ":var(--surface-solid-card);", _Dropzone.dropzoneTokens.backgroundHover, ":var(--surface-solid-card-hover);", _Dropzone.dropzoneTokens.overlayColorActive, ":var(--overlay-soft);", _Dropzone.dropzoneTokens.border, ":0.063rem dashed var(--outline-secondary);", _Dropzone.dropzoneTokens.borderColorHover, ":var(--outline-secondary-hover);", _Dropzone.dropzoneTokens.borderColorActive, ":var(--outline-accent);", _Dropzone.dropzoneTokens.titleColor, ":var(--text-primary);", _Dropzone.dropzoneTokens.descriptionColor, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGRyb3B6b25lVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ecm9wem9uZSc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYmFja2dyb3VuZEhvdmVyfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX06IHZhcigtLW92ZXJsYXktc29mdCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJ9OiAwLjA2M3JlbSBkYXNoZWQgdmFyKC0tb3V0bGluZS1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9yQWN0aXZlfTogdmFyKC0tb3V0bGluZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMucGFkZGluZ306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlclJhZGl1c306IDEuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5jb250ZW50R2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVXcmFwcGVyR2FwQ29sdW1ufTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWg0LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWg0LWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
17
|
-
},
|
18
|
-
size: {
|
19
|
-
m: /*#__PURE__*/(0, _react.css)(_Dropzone.dropzoneTokens.padding, ":1.5rem;", _Dropzone.dropzoneTokens.borderRadius, ":1.25rem;", _Dropzone.dropzoneTokens.contentGap, ":0.75rem;", _Dropzone.dropzoneTokens.titleWrapperGap, ":0.375rem;", _Dropzone.dropzoneTokens.titleWrapperGapColumn, ":0.5rem;", _Dropzone.dropzoneTokens.titleFontFamily, ":var(--plasma-typo-h4-font-family);", _Dropzone.dropzoneTokens.titleFontSize, ":var(--plasma-typo-h4-font-size);", _Dropzone.dropzoneTokens.titleFontStyle, ":var(--plasma-typo-h4-font-style);", _Dropzone.dropzoneTokens.titleFontWeight, ":var(--plasma-typo-h4-bold-font-weight);", _Dropzone.dropzoneTokens.titleLetterSpacing, ":var(--plasma-typo-h4-letter-spacing);", _Dropzone.dropzoneTokens.titleLineHeight, ":var(--plasma-typo-h4-line-height);", _Dropzone.dropzoneTokens.descriptionFontFamily, ":var(--plasma-typo-body-s-font-family);", _Dropzone.dropzoneTokens.descriptionFontSize, ":var(--plasma-typo-body-s-font-size);", _Dropzone.dropzoneTokens.descriptionFontStyle, ":var(--plasma-typo-body-s-font-style);", _Dropzone.dropzoneTokens.descriptionFontWeight, ":var(--plasma-typo-body-s-font-weight);", _Dropzone.dropzoneTokens.descriptionLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", _Dropzone.dropzoneTokens.descriptionLineHeight, ":var(--plasma-typo-body-s-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmRIb3Zlcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZC1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5vdmVybGF5Q29sb3JBY3RpdmV9OiB2YXIoLS1vdmVybGF5LXNvZnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyfTogMC4wNjNyZW0gZGFzaGVkIHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9OiB2YXIoLS1vdXRsaW5lLXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJDb2xvckFjdGl2ZX06IHZhcigtLW91dGxpbmUtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnBhZGRpbmd9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJSYWRpdXN9OiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuY29udGVudEdhcH06IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZVdyYXBwZXJHYXB9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcENvbHVtbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
20
|
-
},
|
21
|
-
disabled: {
|
22
|
-
"true": /*#__PURE__*/(0, _react.css)(_Dropzone.dropzoneTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmRIb3Zlcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZC1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5vdmVybGF5Q29sb3JBY3RpdmV9OiB2YXIoLS1vdmVybGF5LXNvZnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyfTogMC4wNjNyZW0gZGFzaGVkIHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9OiB2YXIoLS1vdXRsaW5lLXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJDb2xvckFjdGl2ZX06IHZhcigtLW91dGxpbmUtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnBhZGRpbmd9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJSYWRpdXN9OiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuY29udGVudEdhcH06IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZVdyYXBwZXJHYXB9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcENvbHVtbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
23
|
-
}
|
24
|
-
}
|
25
|
-
};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Dropzone = void 0;
|
7
|
-
var _Dropzone = /*#__PURE__*/require("../../../../components/Dropzone");
|
8
|
-
var _engines = /*#__PURE__*/require("../../../../engines");
|
9
|
-
var _Dropzone2 = /*#__PURE__*/require("./Dropzone.config");
|
10
|
-
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Dropzone.dropzoneConfig, _Dropzone2.config);
|
11
|
-
var Dropzone = exports.Dropzone = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
@@ -1,57 +0,0 @@
|
|
1
|
-
import React, { ComponentProps } from 'react';
|
2
|
-
import type { StoryObj, Meta } from '@storybook/react';
|
3
|
-
import { action } from '@storybook/addon-actions';
|
4
|
-
import { disableProps } from '@salutejs/plasma-sb-utils';
|
5
|
-
|
6
|
-
import { WithTheme } from '../../../_helpers';
|
7
|
-
|
8
|
-
import { Dropzone } from './Dropzone';
|
9
|
-
|
10
|
-
const onDragEnter = action('onDragEnter');
|
11
|
-
const onDragLeave = action('onDragLeave');
|
12
|
-
const onDrop = action('onDrop');
|
13
|
-
const onChange = action('onChange');
|
14
|
-
const onChoseFiles = action('onChoseFiles');
|
15
|
-
|
16
|
-
const iconPlacements = ['top', 'left'];
|
17
|
-
|
18
|
-
const meta: Meta<typeof Dropzone> = {
|
19
|
-
title: 'plasma_web/Dropzone',
|
20
|
-
component: Dropzone,
|
21
|
-
decorators: [WithTheme],
|
22
|
-
argTypes: {
|
23
|
-
iconPlacement: {
|
24
|
-
options: iconPlacements,
|
25
|
-
control: {
|
26
|
-
type: 'inline-radio',
|
27
|
-
},
|
28
|
-
defaultValue: 'top',
|
29
|
-
},
|
30
|
-
...disableProps(['view', 'size']),
|
31
|
-
},
|
32
|
-
};
|
33
|
-
|
34
|
-
export default meta;
|
35
|
-
|
36
|
-
type StoryPropsDefault = ComponentProps<typeof Dropzone>;
|
37
|
-
|
38
|
-
export const Default: StoryObj<StoryPropsDefault> = {
|
39
|
-
args: {
|
40
|
-
iconPlacement: 'top',
|
41
|
-
width: 400,
|
42
|
-
height: 280,
|
43
|
-
disabled: false,
|
44
|
-
title: 'Click to upload',
|
45
|
-
description: 'or drag and drop files here',
|
46
|
-
},
|
47
|
-
render: (args) => (
|
48
|
-
<Dropzone
|
49
|
-
{...args}
|
50
|
-
onDragEnter={onDragEnter}
|
51
|
-
onDragLeave={onDragLeave}
|
52
|
-
onDrop={onDrop}
|
53
|
-
onChange={onChange}
|
54
|
-
onChoseFiles={onChoseFiles}
|
55
|
-
/>
|
56
|
-
),
|
57
|
-
};
|