@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,19 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
import { dropzoneTokens } from '../../../../components/Dropzone';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'default',
|
6
|
-
size: 'm'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
"default": /*#__PURE__*/css(dropzoneTokens.background, ":var(--surface-solid-card);", dropzoneTokens.backgroundHover, ":var(--surface-solid-card-hover);", dropzoneTokens.overlayColorActive, ":var(--overlay-soft);", dropzoneTokens.border, ":0.063rem dashed var(--outline-secondary);", dropzoneTokens.borderColorHover, ":var(--outline-secondary-hover);", dropzoneTokens.borderColorActive, ":var(--outline-accent);", dropzoneTokens.titleColor, ":var(--text-primary);", dropzoneTokens.descriptionColor, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGRyb3B6b25lVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ecm9wem9uZSc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYmFja2dyb3VuZEhvdmVyfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX06IHZhcigtLW92ZXJsYXktc29mdCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJ9OiAwLjA2M3JlbSBkYXNoZWQgdmFyKC0tb3V0bGluZS1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9yQWN0aXZlfTogdmFyKC0tb3V0bGluZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMucGFkZGluZ306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlclJhZGl1c306IDEuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5jb250ZW50R2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVXcmFwcGVyR2FwQ29sdW1ufTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWg0LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWg0LWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
11
|
-
},
|
12
|
-
size: {
|
13
|
-
m: /*#__PURE__*/css(dropzoneTokens.padding, ":1.5rem;", dropzoneTokens.borderRadius, ":1.25rem;", dropzoneTokens.contentGap, ":0.75rem;", dropzoneTokens.titleWrapperGap, ":0.375rem;", dropzoneTokens.titleWrapperGapColumn, ":0.5rem;", dropzoneTokens.titleFontFamily, ":var(--plasma-typo-h4-font-family);", dropzoneTokens.titleFontSize, ":var(--plasma-typo-h4-font-size);", dropzoneTokens.titleFontStyle, ":var(--plasma-typo-h4-font-style);", dropzoneTokens.titleFontWeight, ":var(--plasma-typo-h4-bold-font-weight);", dropzoneTokens.titleLetterSpacing, ":var(--plasma-typo-h4-letter-spacing);", dropzoneTokens.titleLineHeight, ":var(--plasma-typo-h4-line-height);", dropzoneTokens.descriptionFontFamily, ":var(--plasma-typo-body-s-font-family);", dropzoneTokens.descriptionFontSize, ":var(--plasma-typo-body-s-font-size);", dropzoneTokens.descriptionFontStyle, ":var(--plasma-typo-body-s-font-style);", dropzoneTokens.descriptionFontWeight, ":var(--plasma-typo-body-s-font-weight);", dropzoneTokens.descriptionLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", 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 */"))
|
14
|
-
},
|
15
|
-
disabled: {
|
16
|
-
"true": /*#__PURE__*/css(dropzoneTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmRIb3Zlcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZC1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5vdmVybGF5Q29sb3JBY3RpdmV9OiB2YXIoLS1vdmVybGF5LXNvZnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyfTogMC4wNjNyZW0gZGFzaGVkIHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9OiB2YXIoLS1vdXRsaW5lLXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJDb2xvckFjdGl2ZX06IHZhcigtLW91dGxpbmUtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnBhZGRpbmd9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJSYWRpdXN9OiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuY29udGVudEdhcH06IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZVdyYXBwZXJHYXB9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcENvbHVtbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
17
|
-
}
|
18
|
-
}
|
19
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { dropzoneConfig } from '../../../../components/Dropzone';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './Dropzone.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(dropzoneConfig, config);
|
5
|
-
export var Dropzone = /*#__PURE__*/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,19 +0,0 @@
|
|
1
|
-
import { css } from '@emotion/react';
|
2
|
-
import { dropzoneTokens } from '../../../../components/Dropzone';
|
3
|
-
export var config = {
|
4
|
-
defaults: {
|
5
|
-
view: 'default',
|
6
|
-
size: 'm'
|
7
|
-
},
|
8
|
-
variations: {
|
9
|
-
view: {
|
10
|
-
"default": /*#__PURE__*/css(dropzoneTokens.background, ":var(--surface-solid-card);", dropzoneTokens.backgroundHover, ":var(--surface-solid-card-hover);", dropzoneTokens.overlayColorActive, ":var(--overlay-soft);", dropzoneTokens.border, ":0.063rem dashed var(--outline-secondary);", dropzoneTokens.borderColorHover, ":var(--outline-secondary-hover);", dropzoneTokens.borderColorActive, ":var(--outline-accent);", dropzoneTokens.titleColor, ":var(--text-primary);", dropzoneTokens.descriptionColor, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGRyb3B6b25lVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ecm9wem9uZSc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYmFja2dyb3VuZEhvdmVyfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX06IHZhcigtLW92ZXJsYXktc29mdCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJ9OiAwLjA2M3JlbSBkYXNoZWQgdmFyKC0tb3V0bGluZS1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9yQWN0aXZlfTogdmFyKC0tb3V0bGluZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMucGFkZGluZ306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlclJhZGl1c306IDEuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5jb250ZW50R2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVXcmFwcGVyR2FwQ29sdW1ufTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWg0LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWg0LWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
|
11
|
-
},
|
12
|
-
size: {
|
13
|
-
m: /*#__PURE__*/css(dropzoneTokens.padding, ":1.5rem;", dropzoneTokens.borderRadius, ":1.25rem;", dropzoneTokens.contentGap, ":0.75rem;", dropzoneTokens.titleWrapperGap, ":0.375rem;", dropzoneTokens.titleWrapperGapColumn, ":0.5rem;", dropzoneTokens.titleFontFamily, ":var(--plasma-typo-h4-font-family);", dropzoneTokens.titleFontSize, ":var(--plasma-typo-h4-font-size);", dropzoneTokens.titleFontStyle, ":var(--plasma-typo-h4-font-style);", dropzoneTokens.titleFontWeight, ":var(--plasma-typo-h4-bold-font-weight);", dropzoneTokens.titleLetterSpacing, ":var(--plasma-typo-h4-letter-spacing);", dropzoneTokens.titleLineHeight, ":var(--plasma-typo-h4-line-height);", dropzoneTokens.descriptionFontFamily, ":var(--plasma-typo-body-s-font-family);", dropzoneTokens.descriptionFontSize, ":var(--plasma-typo-body-s-font-size);", dropzoneTokens.descriptionFontStyle, ":var(--plasma-typo-body-s-font-style);", dropzoneTokens.descriptionFontWeight, ":var(--plasma-typo-body-s-font-weight);", dropzoneTokens.descriptionLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", 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 */"))
|
14
|
-
},
|
15
|
-
disabled: {
|
16
|
-
"true": /*#__PURE__*/css(dropzoneTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmRIb3Zlcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZC1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5vdmVybGF5Q29sb3JBY3RpdmV9OiB2YXIoLS1vdmVybGF5LXNvZnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyfTogMC4wNjNyZW0gZGFzaGVkIHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9OiB2YXIoLS1vdXRsaW5lLXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJDb2xvckFjdGl2ZX06IHZhcigtLW91dGxpbmUtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnBhZGRpbmd9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJSYWRpdXN9OiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuY29udGVudEdhcH06IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZVdyYXBwZXJHYXB9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcENvbHVtbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
|
17
|
-
}
|
18
|
-
}
|
19
|
-
};
|
@@ -1,5 +0,0 @@
|
|
1
|
-
import { dropzoneConfig } from '../../../../components/Dropzone';
|
2
|
-
import { component, mergeConfig } from '../../../../engines';
|
3
|
-
import { config } from './Dropzone.config';
|
4
|
-
var mergedConfig = /*#__PURE__*/mergeConfig(dropzoneConfig, config);
|
5
|
-
export var Dropzone = /*#__PURE__*/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
|
-
};
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1e1wuvi.badge-clear{color:var(--plasma-badge-color-clear);background-color:transparent;padding:0;}
|
@@ -1 +0,0 @@
|
|
1
|
-
.binquhc.badge-transparent{color:var(--plasma-badge-color-transparent);background-color:var(--plasma-badge-background-transparent);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b5zny0e{color:var(--plasma-badge-color);background-color:var(--plasma-badge-background);}
|
@@ -1,15 +0,0 @@
|
|
1
|
-
.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
|
2
|
-
|
3
|
-
.base_1pdzq6t_byh8zio__d97f375f{background:var(--plasma-dropzone-background);border:var(--plasma-dropzone-border-color);}.base_1pdzq6t_byh8zio__d97f375f:not(.base_1pdzq6t_dropzoneActive__d97f375f):hover,.base_1pdzq6t_byh8zio__d97f375f:not(.base_1pdzq6t_dropzoneActive__d97f375f):focus-within{background:var(--plasma-dropzone-background-hover);border-color:var(--plasma-dropzone-border-color-hover);outline:none;}.base_1pdzq6t_byh8zio__d97f375f.base_1pdzq6t_dropzoneActive__d97f375f{border-color:var(--plasma-dropzone-border-color-active);}.base_1pdzq6t_byh8zio__d97f375f.base_1pdzq6t_dropzoneActive__d97f375f .base_1pdzq6t_dqiwesh__d97f375f{background:var(--plasma-dropzone-overlay-color-active);}.base_1pdzq6t_byh8zio__d97f375f .base_1pdzq6t_twnyozc__d97f375f{color:var(--plasma-dropzone-title-color);}.base_1pdzq6t_byh8zio__d97f375f .base_1pdzq6t_d1nsxook__d97f375f{color:var(--plasma-dropzone-description-color);}
|
4
|
-
|
5
|
-
.base_1bt22g1_b1q81cck__c0e52b1e{padding:var(--plasma-dropzone-padding);border-radius:var(--plasma-dropzone-border-radius);height:var(--plasma_private-dropzone-height);width:var(--plasma_private-dropzone-width);}.base_1bt22g1_b1q81cck__c0e52b1e.base_1bt22g1_dropzoneStretch__c0e52b1e{width:100%;}.base_1bt22g1_b1q81cck__c0e52b1e .base_1bt22g1_dqiwesh__c0e52b1e{border-radius:var(--plasma-dropzone-border-radius);}.base_1bt22g1_b1q81cck__c0e52b1e .base_1bt22g1_c1afz1o5__c0e52b1e{gap:var(--plasma-dropzone-content-gap);}.base_1bt22g1_b1q81cck__c0e52b1e .base_1bt22g1_twnyozc__c0e52b1e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-dropzone-title-wrapper-gap);}.base_1bt22g1_b1q81cck__c0e52b1e .base_1bt22g1_twnyozc__c0e52b1e.base_1bt22g1_dropzoneVerticalContentPlacing__c0e52b1e{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-dropzone-title-wrapper-column-gap);}.base_1bt22g1_b1q81cck__c0e52b1e .base_1bt22g1_tahwclk__c0e52b1e{font-family:var(--plasma-dropzone-title-font-family);font-size:var(--plasma-dropzone-title-font-size);font-style:var(--plasma-dropzone-title-font-style);font-weight:var(--plasma-dropzone-title-font-weight);-webkit-letter-spacing:var(--plasma-dropzone-title-letter-spacing);-moz-letter-spacing:var(--plasma-dropzone-title-letter-spacing);-ms-letter-spacing:var(--plasma-dropzone-title-letter-spacing);letter-spacing:var(--plasma-dropzone-title-letter-spacing);line-height:var(--plasma-dropzone-title-line-height);}.base_1bt22g1_b1q81cck__c0e52b1e .base_1bt22g1_d1nsxook__c0e52b1e{font-family:var(--plasma-dropzone-description-font-family);font-size:var(--plasma-dropzone-description-font-size);font-style:var(--plasma-dropzone-description-font-style);font-weight:var(--plasma-dropzone-description-font-weight);-webkit-letter-spacing:var(--plasma-dropzone-description-letter-spacing);-moz-letter-spacing:var(--plasma-dropzone-description-letter-spacing);-ms-letter-spacing:var(--plasma-dropzone-description-letter-spacing);letter-spacing:var(--plasma-dropzone-description-letter-spacing);line-height:var(--plasma-dropzone-description-line-height);}
|
6
|
-
|
7
|
-
.base_3qwygi_b1t0rfqa__f5b3e7aa.base_3qwygi_dropzoneDisabled__f5b3e7aa{opacity:var(--plasma-dropzone-disabled-opacity);cursor:not-allowed;}
|
8
|
-
|
9
|
-
.Dropzone_styles_1fo7dbq_bfglrd7__65c68d0a{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;}
|
10
|
-
.Dropzone_styles_1fo7dbq_dqiwesh__65c68d0a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
|
11
|
-
.Dropzone_styles_1fo7dbq_c1afz1o5__65c68d0a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
12
|
-
|
13
|
-
|
14
|
-
|
15
|
-
.Dropzone_styles_1fo7dbq_hzipmyu__65c68d0a{display:none;}
|
@@ -1,247 +0,0 @@
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, extends as _extends, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime, toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
-
import React, { forwardRef, useState, useRef } from 'react';
|
3
|
-
import { useForkRef } from '@salutejs/plasma-core';
|
4
|
-
import { cx } from '../../utils/index.js';
|
5
|
-
import { base as base$1 } from './variations/_view/base.js';
|
6
|
-
import { base as base$2 } from './variations/_size/base.js';
|
7
|
-
import { base as base$3 } from './variations/_disabled/base.js';
|
8
|
-
import { DropzoneHandlerOverlay, Content, TitleWrapper, Title, Description, HiddenInput, base } from './Dropzone.styles.js';
|
9
|
-
import { classes, privateTokens } from './Dropzone.tokens.js';
|
10
|
-
import { IconArrowBarDown } from '../_Icon/Icons/IconArrowBarDown.js';
|
11
|
-
import { getSizeValueFromProp } from '../../utils/getSizeValueFromProp.js';
|
12
|
-
|
13
|
-
var _IconArrowBarDown;
|
14
|
-
var _excluded = ["className", "style", "accept", "multiple", "title", "description", "icon", "iconPlacement", "size", "view", "disabled", "stretch", "width", "height", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "validator", "onClick", "onChange", "onChoseFiles"];
|
15
|
-
var dropzoneRoot = function dropzoneRoot(Root) {
|
16
|
-
return /*#__PURE__*/forwardRef(function (_ref, outerRef) {
|
17
|
-
var className = _ref.className,
|
18
|
-
style = _ref.style,
|
19
|
-
accept = _ref.accept,
|
20
|
-
multiple = _ref.multiple,
|
21
|
-
title = _ref.title,
|
22
|
-
description = _ref.description,
|
23
|
-
icon = _ref.icon,
|
24
|
-
iconPlacement = _ref.iconPlacement,
|
25
|
-
size = _ref.size,
|
26
|
-
view = _ref.view,
|
27
|
-
disabled = _ref.disabled,
|
28
|
-
stretch = _ref.stretch,
|
29
|
-
width = _ref.width,
|
30
|
-
height = _ref.height,
|
31
|
-
onDragEnter = _ref.onDragEnter,
|
32
|
-
onDragLeave = _ref.onDragLeave,
|
33
|
-
onDragOver = _ref.onDragOver,
|
34
|
-
onDrop = _ref.onDrop,
|
35
|
-
validator = _ref.validator,
|
36
|
-
onClick = _ref.onClick,
|
37
|
-
onChange = _ref.onChange,
|
38
|
-
onChoseFiles = _ref.onChoseFiles,
|
39
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
40
|
-
var _useState = useState(false),
|
41
|
-
_useState2 = _slicedToArray(_useState, 2),
|
42
|
-
isDropzoneActive = _useState2[0],
|
43
|
-
setIsDropzoneActive = _useState2[1];
|
44
|
-
var inputRef = useRef(null);
|
45
|
-
var forkInputRef = useForkRef(outerRef, inputRef);
|
46
|
-
var innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';
|
47
|
-
var innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';
|
48
|
-
var processFiles = /*#__PURE__*/function () {
|
49
|
-
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(rawFiles, callback, afterAction) {
|
50
|
-
var files, res;
|
51
|
-
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
52
|
-
while (1) switch (_context.prev = _context.next) {
|
53
|
-
case 0:
|
54
|
-
if (rawFiles !== null && rawFiles !== void 0 && rawFiles.length) {
|
55
|
-
_context.next = 2;
|
56
|
-
break;
|
57
|
-
}
|
58
|
-
return _context.abrupt("return");
|
59
|
-
case 2:
|
60
|
-
files = _toConsumableArray(rawFiles);
|
61
|
-
res = {
|
62
|
-
acceptedFiles: files
|
63
|
-
};
|
64
|
-
if (!validator) {
|
65
|
-
_context.next = 8;
|
66
|
-
break;
|
67
|
-
}
|
68
|
-
_context.next = 7;
|
69
|
-
return validator === null || validator === void 0 ? void 0 : validator(files);
|
70
|
-
case 7:
|
71
|
-
res = _context.sent;
|
72
|
-
case 8:
|
73
|
-
if (!callback) {
|
74
|
-
_context.next = 11;
|
75
|
-
break;
|
76
|
-
}
|
77
|
-
_context.next = 11;
|
78
|
-
return callback(res);
|
79
|
-
case 11:
|
80
|
-
if (afterAction) {
|
81
|
-
afterAction();
|
82
|
-
}
|
83
|
-
case 12:
|
84
|
-
case "end":
|
85
|
-
return _context.stop();
|
86
|
-
}
|
87
|
-
}, _callee);
|
88
|
-
}));
|
89
|
-
return function processFiles(_x, _x2, _x3) {
|
90
|
-
return _ref2.apply(this, arguments);
|
91
|
-
};
|
92
|
-
}();
|
93
|
-
var handleDragEnter = function handleDragEnter(event) {
|
94
|
-
if (disabled) {
|
95
|
-
return;
|
96
|
-
}
|
97
|
-
event.preventDefault();
|
98
|
-
event.stopPropagation();
|
99
|
-
if (onDragEnter) {
|
100
|
-
onDragEnter(event);
|
101
|
-
}
|
102
|
-
setIsDropzoneActive(true);
|
103
|
-
};
|
104
|
-
var handleDragLeave = function handleDragLeave(event) {
|
105
|
-
if (disabled) {
|
106
|
-
return;
|
107
|
-
}
|
108
|
-
event.preventDefault();
|
109
|
-
if (onDragLeave) {
|
110
|
-
onDragLeave(event);
|
111
|
-
}
|
112
|
-
setIsDropzoneActive(false);
|
113
|
-
};
|
114
|
-
var handleDragOver = function handleDragOver(event) {
|
115
|
-
if (disabled) {
|
116
|
-
return;
|
117
|
-
}
|
118
|
-
event.preventDefault();
|
119
|
-
if (onDragOver) {
|
120
|
-
onDragOver(event);
|
121
|
-
}
|
122
|
-
var rawFiles = event.dataTransfer.files;
|
123
|
-
if (!isDropzoneActive && rawFiles && rawFiles.length > 0) {
|
124
|
-
setIsDropzoneActive(true);
|
125
|
-
}
|
126
|
-
};
|
127
|
-
var handleDrop = /*#__PURE__*/function () {
|
128
|
-
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
|
129
|
-
var rawFiles, afterAction;
|
130
|
-
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
131
|
-
while (1) switch (_context2.prev = _context2.next) {
|
132
|
-
case 0:
|
133
|
-
if (!disabled) {
|
134
|
-
_context2.next = 2;
|
135
|
-
break;
|
136
|
-
}
|
137
|
-
return _context2.abrupt("return");
|
138
|
-
case 2:
|
139
|
-
event.preventDefault();
|
140
|
-
event.persist();
|
141
|
-
rawFiles = event.dataTransfer.files;
|
142
|
-
afterAction = function afterAction() {
|
143
|
-
event.dataTransfer.clearData();
|
144
|
-
setIsDropzoneActive(false);
|
145
|
-
};
|
146
|
-
_context2.next = 8;
|
147
|
-
return processFiles(rawFiles, onDrop, afterAction);
|
148
|
-
case 8:
|
149
|
-
case "end":
|
150
|
-
return _context2.stop();
|
151
|
-
}
|
152
|
-
}, _callee2);
|
153
|
-
}));
|
154
|
-
return function handleDrop(_x4) {
|
155
|
-
return _ref3.apply(this, arguments);
|
156
|
-
};
|
157
|
-
}();
|
158
|
-
var handleClick = function handleClick(event) {
|
159
|
-
if (!inputRef.current || disabled) {
|
160
|
-
return;
|
161
|
-
}
|
162
|
-
inputRef.current.click();
|
163
|
-
if (onClick) {
|
164
|
-
onClick(event);
|
165
|
-
}
|
166
|
-
};
|
167
|
-
var handleChange = /*#__PURE__*/function () {
|
168
|
-
var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(event) {
|
169
|
-
var rawFiles;
|
170
|
-
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
171
|
-
while (1) switch (_context3.prev = _context3.next) {
|
172
|
-
case 0:
|
173
|
-
if (!disabled) {
|
174
|
-
_context3.next = 2;
|
175
|
-
break;
|
176
|
-
}
|
177
|
-
return _context3.abrupt("return");
|
178
|
-
case 2:
|
179
|
-
if (onChange) {
|
180
|
-
onChange(event);
|
181
|
-
}
|
182
|
-
rawFiles = event.target.files;
|
183
|
-
_context3.next = 6;
|
184
|
-
return processFiles(rawFiles, onChoseFiles);
|
185
|
-
case 6:
|
186
|
-
case "end":
|
187
|
-
return _context3.stop();
|
188
|
-
}
|
189
|
-
}, _callee3);
|
190
|
-
}));
|
191
|
-
return function handleChange(_x5) {
|
192
|
-
return _ref4.apply(this, arguments);
|
193
|
-
};
|
194
|
-
}();
|
195
|
-
return /*#__PURE__*/React.createElement(Root, {
|
196
|
-
className: cx(className, isDropzoneActive && classes.active, stretch && classes.stretch, disabled && classes.disabled),
|
197
|
-
view: view,
|
198
|
-
size: size,
|
199
|
-
disabled: disabled,
|
200
|
-
tabIndex: 0,
|
201
|
-
style: _objectSpread2(_objectSpread2({}, style), {}, _defineProperty(_defineProperty({}, privateTokens.width, innerWidth), privateTokens.height, innerHeight))
|
202
|
-
}, /*#__PURE__*/React.createElement(DropzoneHandlerOverlay, {
|
203
|
-
onDragEnter: handleDragEnter,
|
204
|
-
onDragLeave: handleDragLeave,
|
205
|
-
onDragOver: handleDragOver,
|
206
|
-
onDrop: handleDrop,
|
207
|
-
onClick: handleClick
|
208
|
-
}), /*#__PURE__*/React.createElement(Content, null, /*#__PURE__*/React.createElement(TitleWrapper, {
|
209
|
-
className: cx(iconPlacement === 'top' && classes.verticalContentPlacing)
|
210
|
-
}, icon || _IconArrowBarDown || (_IconArrowBarDown = /*#__PURE__*/React.createElement(IconArrowBarDown, {
|
211
|
-
color: "inherit",
|
212
|
-
size: "s"
|
213
|
-
})), title && /*#__PURE__*/React.createElement(Title, null, title)), description && /*#__PURE__*/React.createElement(Description, null, description)), /*#__PURE__*/React.createElement(HiddenInput, _extends({
|
214
|
-
ref: forkInputRef,
|
215
|
-
type: "file",
|
216
|
-
accept: accept,
|
217
|
-
multiple: multiple,
|
218
|
-
tabIndex: -1,
|
219
|
-
onChange: handleChange
|
220
|
-
}, rest)));
|
221
|
-
});
|
222
|
-
};
|
223
|
-
var dropzoneConfig = {
|
224
|
-
name: 'Dropzone',
|
225
|
-
tag: 'div',
|
226
|
-
layout: dropzoneRoot,
|
227
|
-
base: base,
|
228
|
-
variations: {
|
229
|
-
view: {
|
230
|
-
css: base$1
|
231
|
-
},
|
232
|
-
size: {
|
233
|
-
css: base$2
|
234
|
-
},
|
235
|
-
disabled: {
|
236
|
-
css: base$3,
|
237
|
-
attrs: true
|
238
|
-
}
|
239
|
-
},
|
240
|
-
defaults: {
|
241
|
-
view: 'default',
|
242
|
-
size: 'm'
|
243
|
-
}
|
244
|
-
};
|
245
|
-
|
246
|
-
export { dropzoneConfig, dropzoneRoot };
|
247
|
-
//# sourceMappingURL=Dropzone.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Dropzone.js","sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["import React, { forwardRef, useRef, useState } from 'react';\nimport type { ChangeEvent, CSSProperties, DragEvent, MouseEvent } from 'react';\nimport { useForkRef } from '@salutejs/plasma-core';\n\nimport { cx, getSizeValueFromProp } from '../../utils';\nimport { IconArrowBarDown } from '../../components/_Icon';\nimport type { RootProps } from '../../engines';\n\nimport type { DropzoneProps, DropzoneRootProps, FileArgs, FileProcessHandler } from './Dropzone.types';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport {\n base,\n Content,\n Description,\n DropzoneHandlerOverlay,\n HiddenInput,\n Title,\n TitleWrapper,\n} from './Dropzone.styles';\nimport { classes, privateTokens } from './Dropzone.tokens';\n\nexport const dropzoneRoot = (Root: RootProps<HTMLDivElement, DropzoneRootProps>) =>\n forwardRef<HTMLInputElement, DropzoneProps>(\n (\n {\n className,\n style,\n accept,\n multiple,\n title,\n description,\n icon,\n iconPlacement,\n size,\n view,\n disabled,\n stretch,\n width,\n height,\n onDragEnter,\n onDragLeave,\n onDragOver,\n onDrop,\n validator,\n onClick,\n onChange,\n onChoseFiles,\n ...rest\n },\n outerRef,\n ) => {\n const [isDropzoneActive, setIsDropzoneActive] = useState(false);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const forkInputRef = useForkRef(outerRef, inputRef);\n\n const innerWidth = width ? getSizeValueFromProp(width) : 'fit-content';\n const innerHeight = height ? getSizeValueFromProp(height) : 'fit-content';\n\n const processFiles = async (\n rawFiles: FileList | null,\n callback?: FileProcessHandler,\n afterAction?: () => void,\n ) => {\n if (!rawFiles?.length) {\n return;\n }\n\n const files = [...rawFiles];\n let res: FileArgs = {\n acceptedFiles: files,\n };\n\n if (validator) {\n res = await validator?.(files);\n }\n\n if (callback) {\n await callback(res);\n }\n\n if (afterAction) {\n afterAction();\n }\n };\n\n const handleDragEnter = (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n\n if (onDragEnter) {\n onDragEnter(event);\n }\n\n setIsDropzoneActive(true);\n };\n\n const handleDragLeave = (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n\n if (onDragLeave) {\n onDragLeave(event);\n }\n\n setIsDropzoneActive(false);\n };\n\n const handleDragOver = (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n\n if (onDragOver) {\n onDragOver(event);\n }\n\n const { files: rawFiles } = event.dataTransfer;\n\n if (!isDropzoneActive && rawFiles && rawFiles.length > 0) {\n setIsDropzoneActive(true);\n }\n };\n\n const handleDrop = async (event: DragEvent<HTMLDivElement>) => {\n if (disabled) {\n return;\n }\n\n event.preventDefault();\n event.persist();\n\n const { files: rawFiles } = event.dataTransfer;\n const afterAction = () => {\n event.dataTransfer.clearData();\n setIsDropzoneActive(false);\n };\n\n await processFiles(rawFiles, onDrop, afterAction);\n };\n\n const handleClick = (event: MouseEvent<HTMLInputElement>) => {\n if (!inputRef.current || disabled) {\n return;\n }\n\n inputRef.current.click();\n\n if (onClick) {\n onClick(event);\n }\n };\n\n const handleChange = async (event: ChangeEvent<HTMLInputElement>) => {\n if (disabled) {\n return;\n }\n\n if (onChange) {\n onChange(event);\n }\n\n const { files: rawFiles } = event.target;\n\n await processFiles(rawFiles, onChoseFiles);\n };\n\n return (\n <Root\n className={cx(\n className,\n isDropzoneActive && classes.active,\n stretch && classes.stretch,\n disabled && classes.disabled,\n )}\n view={view}\n size={size}\n disabled={disabled}\n tabIndex={0}\n style={\n {\n ...style,\n [privateTokens.width]: innerWidth,\n [privateTokens.height]: innerHeight,\n } as CSSProperties\n }\n >\n <DropzoneHandlerOverlay\n onDragEnter={handleDragEnter}\n onDragLeave={handleDragLeave}\n onDragOver={handleDragOver}\n onDrop={handleDrop}\n onClick={handleClick}\n />\n <Content>\n <TitleWrapper className={cx(iconPlacement === 'top' && classes.verticalContentPlacing)}>\n {icon || <IconArrowBarDown color=\"inherit\" size=\"s\" />}\n {title && <Title>{title}</Title>}\n </TitleWrapper>\n {description && <Description>{description}</Description>}\n </Content>\n <HiddenInput\n ref={forkInputRef}\n type=\"file\"\n accept={accept}\n multiple={multiple}\n tabIndex={-1}\n onChange={handleChange}\n {...rest}\n />\n </Root>\n );\n },\n );\n\nexport const dropzoneConfig = {\n name: 'Dropzone',\n tag: 'div',\n layout: dropzoneRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["dropzoneRoot","Root","forwardRef","_ref","outerRef","className","style","accept","multiple","title","description","icon","iconPlacement","size","view","disabled","stretch","width","height","onDragEnter","onDragLeave","onDragOver","onDrop","validator","onClick","onChange","onChoseFiles","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isDropzoneActive","setIsDropzoneActive","inputRef","useRef","forkInputRef","useForkRef","innerWidth","getSizeValueFromProp","innerHeight","processFiles","_ref2","_asyncToGenerator","_regeneratorRuntime","mark","_callee","rawFiles","callback","afterAction","files","res","wrap","_callee$","_context","prev","next","length","abrupt","_toConsumableArray","acceptedFiles","sent","stop","_x","_x2","_x3","apply","arguments","handleDragEnter","event","preventDefault","stopPropagation","handleDragLeave","handleDragOver","dataTransfer","handleDrop","_ref3","_callee2","_callee2$","_context2","persist","clearData","_x4","handleClick","current","click","handleChange","_ref4","_callee3","_callee3$","_context3","target","_x5","React","createElement","cx","classes","active","tabIndex","_objectSpread","_defineProperty","privateTokens","DropzoneHandlerOverlay","Content","TitleWrapper","verticalContentPlacing","_IconArrowBarDown","IconArrowBarDown","color","Title","Description","HiddenInput","_extends","ref","type","dropzoneConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","defaults"],"mappings":"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"}
|
@@ -1,37 +0,0 @@
|
|
1
|
-
import './Dropzone.styles_1fo7dbq.css';
|
2
|
-
import { styled } from '@linaria/react';
|
3
|
-
|
4
|
-
var base = "bfglrd7";
|
5
|
-
var DropzoneHandlerOverlay = /*#__PURE__*/styled('div')({
|
6
|
-
name: "DropzoneHandlerOverlay",
|
7
|
-
"class": "dqiwesh",
|
8
|
-
propsAsIs: false
|
9
|
-
});
|
10
|
-
var Content = /*#__PURE__*/styled('div')({
|
11
|
-
name: "Content",
|
12
|
-
"class": "c1afz1o5",
|
13
|
-
propsAsIs: false
|
14
|
-
});
|
15
|
-
var TitleWrapper = /*#__PURE__*/styled('div')({
|
16
|
-
name: "TitleWrapper",
|
17
|
-
"class": "twnyozc",
|
18
|
-
propsAsIs: false
|
19
|
-
});
|
20
|
-
var Title = /*#__PURE__*/styled('span')({
|
21
|
-
name: "Title",
|
22
|
-
"class": "tahwclk",
|
23
|
-
propsAsIs: false
|
24
|
-
});
|
25
|
-
var Description = /*#__PURE__*/styled('span')({
|
26
|
-
name: "Description",
|
27
|
-
"class": "d1nsxook",
|
28
|
-
propsAsIs: false
|
29
|
-
});
|
30
|
-
var HiddenInput = /*#__PURE__*/styled('input')({
|
31
|
-
name: "HiddenInput",
|
32
|
-
"class": "hzipmyu",
|
33
|
-
propsAsIs: false
|
34
|
-
});
|
35
|
-
|
36
|
-
export { Content, Description, DropzoneHandlerOverlay, HiddenInput, Title, TitleWrapper, base };
|
37
|
-
//# sourceMappingURL=Dropzone.styles.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"Dropzone.styles.js","sources":["../../../src/components/Dropzone/Dropzone.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nexport const base = css`\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n`;\n\nexport const DropzoneHandlerOverlay = styled.div`\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: 2;\n`;\n\nexport const Content = styled.div`\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n user-select: none;\n`;\n\nexport const TitleWrapper = styled.div``;\n\nexport const Title = styled.span``;\n\nexport const Description = styled.span``;\n\nexport const HiddenInput = styled.input`\n display: none;\n`;\n"],"names":["base","DropzoneHandlerOverlay","styled","name","class","propsAsIs","Content","TitleWrapper","Title","Description","HiddenInput"],"mappings":";;AAGO,IAAMA,IAAI,GAMhB,UAAA;AAEM,IAAMC,sBAAsB,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO3C,EAAA;AAEM,IAAMC,OAAO,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,SAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAM5B,EAAA;AAEM,IAAME,YAAY,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAEjC,IAAMG,KAAK,gBAAGN,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO,EAAA;AAE3B,IAAMI,WAAW,gBAAGP,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAO,EAAA;AAEjC,IAAMK,WAAW,gBAAGR,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEhC;;;;"}
|
@@ -1,7 +0,0 @@
|
|
1
|
-
.bfglrd7{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;}
|
2
|
-
.dqiwesh{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
|
3
|
-
.c1afz1o5{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
.hzipmyu{display:none;}
|
@@ -1,41 +0,0 @@
|
|
1
|
-
var classes = {
|
2
|
-
stretch: 'dropzone-stretch',
|
3
|
-
active: 'dropzone-active',
|
4
|
-
verticalContentPlacing: 'dropzone-vertical-content-placing',
|
5
|
-
disabled: 'dropzone-disabled'
|
6
|
-
};
|
7
|
-
var privateTokens = {
|
8
|
-
width: '--plasma_private-dropzone-width',
|
9
|
-
height: '--plasma_private-dropzone-height'
|
10
|
-
};
|
11
|
-
var tokens = {
|
12
|
-
background: '--plasma-dropzone-background',
|
13
|
-
backgroundHover: '--plasma-dropzone-background-hover',
|
14
|
-
overlayColorActive: '--plasma-dropzone-overlay-color-active',
|
15
|
-
border: '--plasma-dropzone-border-color',
|
16
|
-
borderColorHover: '--plasma-dropzone-border-color-hover',
|
17
|
-
borderColorActive: '--plasma-dropzone-border-color-active',
|
18
|
-
titleColor: '--plasma-dropzone-title-color',
|
19
|
-
descriptionColor: '--plasma-dropzone-description-color',
|
20
|
-
padding: '--plasma-dropzone-padding',
|
21
|
-
borderRadius: '--plasma-dropzone-border-radius',
|
22
|
-
contentGap: '--plasma-dropzone-content-gap',
|
23
|
-
titleWrapperGap: '--plasma-dropzone-title-wrapper-gap',
|
24
|
-
titleWrapperGapColumn: '--plasma-dropzone-title-wrapper-column-gap',
|
25
|
-
titleFontFamily: '--plasma-dropzone-title-font-family',
|
26
|
-
titleFontSize: '--plasma-dropzone-title-font-size',
|
27
|
-
titleFontStyle: '--plasma-dropzone-title-font-style',
|
28
|
-
titleFontWeight: '--plasma-dropzone-title-font-weight',
|
29
|
-
titleLetterSpacing: '--plasma-dropzone-title-letter-spacing',
|
30
|
-
titleLineHeight: '--plasma-dropzone-title-line-height',
|
31
|
-
descriptionFontFamily: '--plasma-dropzone-description-font-family',
|
32
|
-
descriptionFontSize: '--plasma-dropzone-description-font-size',
|
33
|
-
descriptionFontStyle: '--plasma-dropzone-description-font-style',
|
34
|
-
descriptionFontWeight: '--plasma-dropzone-description-font-weight',
|
35
|
-
descriptionLetterSpacing: '--plasma-dropzone-description-letter-spacing',
|
36
|
-
descriptionLineHeight: '--plasma-dropzone-description-line-height',
|
37
|
-
disabledOpacity: '--plasma-dropzone-disabled-opacity'
|
38
|
-
};
|
39
|
-
|
40
|
-
export { classes, privateTokens, tokens };
|
41
|
-
//# sourceMappingURL=Dropzone.tokens.js.map
|