@salutejs/plasma-new-hope 0.194.0-canary.1568.11891833298.0 → 0.195.0-canary.1534.11893340297.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/_virtual/_rollupPluginBabelHelpers.js +333 -0
- package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/cjs/components/Dropzone/Dropzone.css +15 -0
- package/cjs/components/Dropzone/Dropzone.js +252 -0
- package/cjs/components/Dropzone/Dropzone.js.map +1 -0
- package/cjs/components/Dropzone/Dropzone.styles.js +47 -0
- package/cjs/components/Dropzone/Dropzone.styles.js.map +1 -0
- package/cjs/components/Dropzone/Dropzone.styles_1fo7dbq.css +7 -0
- package/cjs/components/Dropzone/Dropzone.tokens.js +46 -0
- package/cjs/components/Dropzone/Dropzone.tokens.js.map +1 -0
- package/cjs/components/Dropzone/variations/_disabled/base.js +9 -0
- package/cjs/components/Dropzone/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Dropzone/variations/_disabled/base_3qwygi.css +1 -0
- package/cjs/components/Dropzone/variations/_size/base.js +9 -0
- package/cjs/components/Dropzone/variations/_size/base.js.map +1 -0
- package/cjs/components/Dropzone/variations/_size/base_1cl61bm.css +1 -0
- package/cjs/components/Dropzone/variations/_view/base.js +9 -0
- package/cjs/components/Dropzone/variations/_view/base.js.map +1 -0
- package/cjs/components/Dropzone/variations/_view/base_cipwu9.css +1 -0
- package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +24 -0
- package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js.map +1 -0
- package/cjs/components/_Icon/Icons/IconArrowBarDown.js +23 -0
- package/cjs/components/_Icon/Icons/IconArrowBarDown.js.map +1 -0
- package/cjs/index.css +14 -0
- package/cjs/index.js +6 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Dropzone/Dropzone.js +271 -0
- package/emotion/cjs/components/Dropzone/Dropzone.styles.js +67 -0
- package/emotion/cjs/components/Dropzone/Dropzone.template-docs.mdx +136 -0
- package/emotion/cjs/components/Dropzone/Dropzone.tokens.js +43 -0
- package/emotion/cjs/components/Dropzone/Dropzone.types.js +5 -0
- package/emotion/cjs/components/Dropzone/index.js +31 -0
- package/emotion/cjs/components/Dropzone/variations/_disabled/base.js +9 -0
- package/emotion/cjs/components/Dropzone/variations/_disabled/tokens.json +4 -0
- package/emotion/cjs/components/Dropzone/variations/_size/base.js +10 -0
- package/emotion/cjs/components/Dropzone/variations/_size/tokens.json +19 -0
- package/emotion/cjs/components/Dropzone/variations/_view/base.js +10 -0
- package/emotion/cjs/components/Dropzone/variations/_view/tokens.json +9 -0
- package/emotion/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +23 -0
- package/emotion/cjs/components/_Icon/Icons/IconArrowBarDown.js +22 -0
- package/emotion/cjs/components/_Icon/index.js +8 -1
- package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +25 -0
- package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +11 -0
- package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +57 -0
- package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +25 -0
- package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +11 -0
- package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +57 -0
- package/emotion/cjs/index.js +11 -0
- package/emotion/es/components/Dropzone/Dropzone.js +263 -0
- package/emotion/es/components/Dropzone/Dropzone.styles.js +60 -0
- package/emotion/es/components/Dropzone/Dropzone.template-docs.mdx +136 -0
- package/emotion/es/components/Dropzone/Dropzone.tokens.js +37 -0
- package/emotion/es/components/Dropzone/Dropzone.types.js +1 -0
- package/emotion/es/components/Dropzone/index.js +2 -0
- package/emotion/es/components/Dropzone/variations/_disabled/base.js +3 -0
- package/emotion/es/components/Dropzone/variations/_disabled/tokens.json +4 -0
- package/emotion/es/components/Dropzone/variations/_size/base.js +4 -0
- package/emotion/es/components/Dropzone/variations/_size/tokens.json +19 -0
- package/emotion/es/components/Dropzone/variations/_view/base.js +4 -0
- package/emotion/es/components/Dropzone/variations/_view/tokens.json +9 -0
- package/emotion/es/components/_Icon/Icon.assets/ArrowBarDown.js +16 -0
- package/emotion/es/components/_Icon/Icons/IconArrowBarDown.js +15 -0
- package/emotion/es/components/_Icon/index.js +2 -1
- package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +19 -0
- package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +5 -0
- package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +57 -0
- package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +19 -0
- package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.js +5 -0
- package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +57 -0
- package/emotion/es/index.js +2 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js +332 -1
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- package/es/components/Dropzone/Dropzone.css +15 -0
- package/es/components/Dropzone/Dropzone.js +247 -0
- package/es/components/Dropzone/Dropzone.js.map +1 -0
- package/es/components/Dropzone/Dropzone.styles.js +37 -0
- package/es/components/Dropzone/Dropzone.styles.js.map +1 -0
- package/es/components/Dropzone/Dropzone.styles_1fo7dbq.css +7 -0
- package/es/components/Dropzone/Dropzone.tokens.js +40 -0
- package/es/components/Dropzone/Dropzone.tokens.js.map +1 -0
- package/es/components/Dropzone/variations/_disabled/base.js +5 -0
- package/es/components/Dropzone/variations/_disabled/base.js.map +1 -0
- package/es/components/Dropzone/variations/_disabled/base_3qwygi.css +1 -0
- package/es/components/Dropzone/variations/_size/base.js +5 -0
- package/es/components/Dropzone/variations/_size/base.js.map +1 -0
- package/es/components/Dropzone/variations/_size/base_1cl61bm.css +1 -0
- package/es/components/Dropzone/variations/_view/base.js +5 -0
- package/es/components/Dropzone/variations/_view/base.js.map +1 -0
- package/es/components/Dropzone/variations/_view/base_cipwu9.css +1 -0
- package/es/components/_Icon/Icon.assets/ArrowBarDown.js +20 -0
- package/es/components/_Icon/Icon.assets/ArrowBarDown.js.map +1 -0
- package/es/components/_Icon/Icons/IconArrowBarDown.js +19 -0
- package/es/components/_Icon/Icons/IconArrowBarDown.js.map +1 -0
- package/es/index.css +14 -0
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Dropzone/Dropzone.js +271 -0
- package/styled-components/cjs/components/Dropzone/Dropzone.styles.js +29 -0
- package/styled-components/cjs/components/Dropzone/Dropzone.template-docs.mdx +136 -0
- package/styled-components/cjs/components/Dropzone/Dropzone.tokens.js +43 -0
- package/styled-components/cjs/components/Dropzone/Dropzone.types.js +5 -0
- package/styled-components/cjs/components/Dropzone/index.js +31 -0
- package/styled-components/cjs/components/Dropzone/variations/_disabled/base.js +9 -0
- package/styled-components/cjs/components/Dropzone/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Dropzone/variations/_size/base.js +10 -0
- package/styled-components/cjs/components/Dropzone/variations/_size/tokens.json +19 -0
- package/styled-components/cjs/components/Dropzone/variations/_view/base.js +10 -0
- package/styled-components/cjs/components/Dropzone/variations/_view/tokens.json +9 -0
- package/styled-components/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +23 -0
- package/styled-components/cjs/components/_Icon/Icons/IconArrowBarDown.js +22 -0
- package/styled-components/cjs/components/_Icon/index.js +8 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +25 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +11 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +57 -0
- package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +25 -0
- package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +11 -0
- package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +57 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/es/components/Dropzone/Dropzone.js +263 -0
- package/styled-components/es/components/Dropzone/Dropzone.styles.js +21 -0
- package/styled-components/es/components/Dropzone/Dropzone.template-docs.mdx +136 -0
- package/styled-components/es/components/Dropzone/Dropzone.tokens.js +37 -0
- package/styled-components/es/components/Dropzone/Dropzone.types.js +1 -0
- package/styled-components/es/components/Dropzone/index.js +2 -0
- package/styled-components/es/components/Dropzone/variations/_disabled/base.js +3 -0
- package/styled-components/es/components/Dropzone/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Dropzone/variations/_size/base.js +4 -0
- package/styled-components/es/components/Dropzone/variations/_size/tokens.json +19 -0
- package/styled-components/es/components/Dropzone/variations/_view/base.js +4 -0
- package/styled-components/es/components/Dropzone/variations/_view/tokens.json +9 -0
- package/styled-components/es/components/_Icon/Icon.assets/ArrowBarDown.js +16 -0
- package/styled-components/es/components/_Icon/Icons/IconArrowBarDown.js +15 -0
- package/styled-components/es/components/_Icon/index.js +2 -1
- package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +19 -0
- package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +5 -0
- package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +57 -0
- package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +19 -0
- package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.js +5 -0
- package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +57 -0
- package/styled-components/es/index.js +2 -1
- package/types/components/Dropzone/Dropzone.d.ts +59 -0
- package/types/components/Dropzone/Dropzone.d.ts.map +1 -0
- package/types/components/Dropzone/Dropzone.styles.d.ts +9 -0
- package/types/components/Dropzone/Dropzone.styles.d.ts.map +1 -0
- package/types/components/Dropzone/Dropzone.tokens.d.ts +38 -0
- package/types/components/Dropzone/Dropzone.tokens.d.ts.map +1 -0
- package/types/components/Dropzone/Dropzone.types.d.ts +77 -0
- package/types/components/Dropzone/Dropzone.types.d.ts.map +1 -0
- package/types/components/Dropzone/index.d.ts +3 -0
- package/types/components/Dropzone/index.d.ts.map +1 -0
- package/types/components/Dropzone/variations/_disabled/base.d.ts +2 -0
- package/types/components/Dropzone/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Dropzone/variations/_size/base.d.ts +2 -0
- package/types/components/Dropzone/variations/_size/base.d.ts.map +1 -0
- package/types/components/Dropzone/variations/_view/base.d.ts +2 -0
- package/types/components/Dropzone/variations/_view/base.d.ts.map +1 -0
- package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts +4 -0
- package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts.map +1 -0
- package/types/components/_Icon/Icons/IconArrowBarDown.d.ts +4 -0
- package/types/components/_Icon/Icons/IconArrowBarDown.d.ts.map +1 -0
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts +18 -0
- package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts +29 -0
- package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts +18 -0
- package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts +29 -0
- package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/emotion/cjs/components/Card/Card.api.mdx +0 -184
- package/emotion/es/components/Card/Card.api.mdx +0 -184
- package/styled-components/cjs/components/Card/Card.api.mdx +0 -184
- package/styled-components/es/components/Card/Card.api.mdx +0 -184
@@ -0,0 +1,37 @@
|
|
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
|
@@ -0,0 +1 @@
|
|
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;;;;"}
|
@@ -0,0 +1,7 @@
|
|
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;}
|
@@ -0,0 +1,40 @@
|
|
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
|
+
overlayColorActive: '--plasma-dropzone-overlay-color-active',
|
14
|
+
border: '--plasma-dropzone-border-color',
|
15
|
+
borderColorHover: '--plasma-dropzone-border-color-hover',
|
16
|
+
borderColorActive: '--plasma-dropzone-border-color-active',
|
17
|
+
titleColor: '--plasma-dropzone-title-color',
|
18
|
+
descriptionColor: '--plasma-dropzone-description-color',
|
19
|
+
padding: '--plasma-dropzone-padding',
|
20
|
+
borderRadius: '--plasma-dropzone-border-radius',
|
21
|
+
contentGap: '--plasma-dropzone-content-gap',
|
22
|
+
titleWrapperGap: '--plasma-dropzone-title-wrapper-gap',
|
23
|
+
titleWrapperGapColumn: '--plasma-dropzone-title-wrapper-column-gap',
|
24
|
+
titleFontFamily: '--plasma-dropzone-title-font-family',
|
25
|
+
titleFontSize: '--plasma-dropzone-title-font-size',
|
26
|
+
titleFontStyle: '--plasma-dropzone-title-font-style',
|
27
|
+
titleFontWeight: '--plasma-dropzone-title-font-weight',
|
28
|
+
titleLetterSpacing: '--plasma-dropzone-title-letter-spacing',
|
29
|
+
titleLineHeight: '--plasma-dropzone-title-line-height',
|
30
|
+
descriptionFontFamily: '--plasma-dropzone-description-font-family',
|
31
|
+
descriptionFontSize: '--plasma-dropzone-description-font-size',
|
32
|
+
descriptionFontStyle: '--plasma-dropzone-description-font-style',
|
33
|
+
descriptionFontWeight: '--plasma-dropzone-description-font-weight',
|
34
|
+
descriptionLetterSpacing: '--plasma-dropzone-description-letter-spacing',
|
35
|
+
descriptionLineHeight: '--plasma-dropzone-description-line-height',
|
36
|
+
disabledOpacity: '--plasma-dropzone-disabled-opacity'
|
37
|
+
};
|
38
|
+
|
39
|
+
export { classes, privateTokens, tokens };
|
40
|
+
//# sourceMappingURL=Dropzone.tokens.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Dropzone.tokens.js","sources":["../../../src/components/Dropzone/Dropzone.tokens.ts"],"sourcesContent":["export const classes = {\n stretch: 'dropzone-stretch',\n active: 'dropzone-active',\n verticalContentPlacing: 'dropzone-vertical-content-placing',\n disabled: 'dropzone-disabled',\n};\n\nexport const privateTokens = {\n width: '--plasma_private-dropzone-width',\n height: '--plasma_private-dropzone-height',\n};\n\nexport const tokens = {\n background: '--plasma-dropzone-background',\n overlayColorActive: '--plasma-dropzone-overlay-color-active',\n border: '--plasma-dropzone-border-color',\n borderColorHover: '--plasma-dropzone-border-color-hover',\n borderColorActive: '--plasma-dropzone-border-color-active',\n\n titleColor: '--plasma-dropzone-title-color',\n descriptionColor: '--plasma-dropzone-description-color',\n\n padding: '--plasma-dropzone-padding',\n borderRadius: '--plasma-dropzone-border-radius',\n contentGap: '--plasma-dropzone-content-gap',\n titleWrapperGap: '--plasma-dropzone-title-wrapper-gap',\n titleWrapperGapColumn: '--plasma-dropzone-title-wrapper-column-gap',\n\n titleFontFamily: '--plasma-dropzone-title-font-family',\n titleFontSize: '--plasma-dropzone-title-font-size',\n titleFontStyle: '--plasma-dropzone-title-font-style',\n titleFontWeight: '--plasma-dropzone-title-font-weight',\n titleLetterSpacing: '--plasma-dropzone-title-letter-spacing',\n titleLineHeight: '--plasma-dropzone-title-line-height',\n\n descriptionFontFamily: '--plasma-dropzone-description-font-family',\n descriptionFontSize: '--plasma-dropzone-description-font-size',\n descriptionFontStyle: '--plasma-dropzone-description-font-style',\n descriptionFontWeight: '--plasma-dropzone-description-font-weight',\n descriptionLetterSpacing: '--plasma-dropzone-description-letter-spacing',\n descriptionLineHeight: '--plasma-dropzone-description-line-height',\n\n disabledOpacity: '--plasma-dropzone-disabled-opacity',\n};\n"],"names":["classes","stretch","active","verticalContentPlacing","disabled","privateTokens","width","height","tokens","background","overlayColorActive","border","borderColorHover","borderColorActive","titleColor","descriptionColor","padding","borderRadius","contentGap","titleWrapperGap","titleWrapperGapColumn","titleFontFamily","titleFontSize","titleFontStyle","titleFontWeight","titleLetterSpacing","titleLineHeight","descriptionFontFamily","descriptionFontSize","descriptionFontStyle","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","disabledOpacity"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,OAAO,EAAE,kBAAkB;AAC3BC,EAAAA,MAAM,EAAE,iBAAiB;AACzBC,EAAAA,sBAAsB,EAAE,mCAAmC;AAC3DC,EAAAA,QAAQ,EAAE,mBAAA;AACd,EAAC;AAEM,IAAMC,aAAa,GAAG;AACzBC,EAAAA,KAAK,EAAE,iCAAiC;AACxCC,EAAAA,MAAM,EAAE,kCAAA;AACZ,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,MAAM,EAAE,gCAAgC;AACxCC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxDC,EAAAA,iBAAiB,EAAE,uCAAuC;AAE1DC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,gBAAgB,EAAE,qCAAqC;AAEvDC,EAAAA,OAAO,EAAE,2BAA2B;AACpCC,EAAAA,YAAY,EAAE,iCAAiC;AAC/CC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,qBAAqB,EAAE,4CAA4C;AAEnEC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,aAAa,EAAE,mCAAmC;AAClDC,EAAAA,cAAc,EAAE,oCAAoC;AACpDC,EAAAA,eAAe,EAAE,qCAAqC;AACtDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,eAAe,EAAE,qCAAqC;AAEtDC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9DC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,wBAAwB,EAAE,8CAA8C;AACxEC,EAAAA,qBAAqB,EAAE,2CAA2C;AAElEC,EAAAA,eAAe,EAAE,oCAAA;AACrB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Dropzone/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Dropzone.tokens';\n\nexport const base = css`\n &.${classes.disabled} {\n opacity: var(${tokens.disabledOpacity});\n cursor: not-allowed;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAKhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1t0rfqa.dropzone-disabled{opacity:var(--plasma-dropzone-disabled-opacity);cursor:not-allowed;}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Dropzone/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, privateTokens, tokens } from '../../Dropzone.tokens';\nimport { Content, Description, Title, TitleWrapper } from '../../Dropzone.styles';\n\nexport const base = css`\n padding: var(${tokens.padding});\n border-radius: var(${tokens.borderRadius});\n height: var(${privateTokens.height});\n width: var(${privateTokens.width});\n\n &.${classes.stretch} {\n width: 100%;\n }\n\n ${Content} {\n gap: var(${tokens.contentGap});\n }\n\n ${TitleWrapper} {\n display: flex;\n align-items: center;\n justify-content: center;\n\n gap: var(${tokens.titleWrapperGap});\n\n &.${classes.verticalContentPlacing} {\n flex-direction: column;\n gap: var(${tokens.titleWrapperGapColumn});\n }\n }\n\n ${Title} {\n font-family: var(${tokens.titleFontFamily});\n font-size: var(${tokens.titleFontSize});\n font-style: var(${tokens.titleFontStyle});\n font-weight: var(${tokens.titleFontWeight});\n letter-spacing: var(${tokens.titleLetterSpacing});\n line-height: var(${tokens.titleLineHeight});\n }\n\n ${Description} {\n font-family: var(${tokens.descriptionFontFamily});\n font-size: var(${tokens.descriptionFontSize});\n font-style: var(${tokens.descriptionFontStyle});\n font-weight: var(${tokens.descriptionFontWeight});\n letter-spacing: var(${tokens.descriptionLetterSpacing});\n line-height: var(${tokens.descriptionLineHeight});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA4ChB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.b1q81cck{padding:var(--plasma-dropzone-padding);border-radius:var(--plasma-dropzone-border-radius);height:var(--plasma_private-dropzone-height);width:var(--plasma_private-dropzone-width);}.b1q81cck.dropzone-stretch{width:100%;}.b1q81cck .c1afz1o5{gap:var(--plasma-dropzone-content-gap);}.b1q81cck .twnyozc{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);}.b1q81cck .twnyozc.dropzone-vertical-content-placing{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-dropzone-title-wrapper-column-gap);}.b1q81cck .tahwclk{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);}.b1q81cck .d1nsxook{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);}
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"base.js","sources":["../../../../../src/components/Dropzone/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../Dropzone.tokens';\nimport { Description, TitleWrapper } from '../../Dropzone.styles';\n\nexport const base = css`\n background: var(${tokens.background});\n border: var(${tokens.border});\n\n &:not(.${classes.active}):hover,\n &:not(.${classes.active}):focus-within {\n border-color: var(${tokens.borderColorHover});\n outline: none;\n }\n\n &.${classes.active} {\n border-color: var(${tokens.borderColorActive});\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: var(${tokens.overlayColorActive});\n }\n }\n\n ${TitleWrapper} {\n color: var(${tokens.titleColor});\n }\n\n ${Description} {\n color: var(${tokens.descriptionColor});\n }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GA+BhB;;;;"}
|
@@ -0,0 +1 @@
|
|
1
|
+
.byh8zio{background:var(--plasma-dropzone-background);border:var(--plasma-dropzone-border-color);}.byh8zio:not(.dropzone-active):hover,.byh8zio:not(.dropzone-active):focus-within{border-color:var(--plasma-dropzone-border-color-hover);outline:none;}.byh8zio.dropzone-active{border-color:var(--plasma-dropzone-border-color-active);}.byh8zio.dropzone-active:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--plasma-dropzone-overlay-color-active);}.byh8zio .twnyozc{color:var(--plasma-dropzone-title-color);}.byh8zio .d1nsxook{color:var(--plasma-dropzone-description-color);}
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
2
|
+
import React from 'react';
|
3
|
+
|
4
|
+
var _path;
|
5
|
+
var ArrowBarDown = function ArrowBarDown(props) {
|
6
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
7
|
+
width: "100%",
|
8
|
+
viewBox: "0 0 16 16",
|
9
|
+
fill: "none",
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
11
|
+
}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
|
12
|
+
fillRule: "evenodd",
|
13
|
+
clipRule: "evenodd",
|
14
|
+
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",
|
15
|
+
fill: "currentColor"
|
16
|
+
})));
|
17
|
+
};
|
18
|
+
|
19
|
+
export { ArrowBarDown };
|
20
|
+
//# sourceMappingURL=ArrowBarDown.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"ArrowBarDown.js","sources":["../../../../src/components/_Icon/Icon.assets/ArrowBarDown.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const ArrowBarDown: React.FC<IconProps> = (props) => (\n <svg width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n 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\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"names":["ArrowBarDown","props","React","createElement","_extends","width","viewBox","fill","xmlns","_path","fillRule","clipRule","d"],"mappings":";;;;IAIaA,YAAiC,GAAG,SAApCA,YAAiCA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBACnDC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,KAAK,EAAC,4BAAA;GAAiCP,EAAAA,KAAK,GAAAQ,KAAA,KAAAA,KAAA,gBAC1FP,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIO,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,QAAQ,EAAC,SAAS;AAClBC,IAAAA,CAAC,EAAC,qoBAAqoB;AACvoBL,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { ArrowBarDown } from '../Icon.assets/ArrowBarDown.js';
|
3
|
+
import { IconRoot } from '../IconRoot.js';
|
4
|
+
|
5
|
+
var IconArrowBarDown = function IconArrowBarDown(_ref) {
|
6
|
+
var _ref$size = _ref.size,
|
7
|
+
size = _ref$size === void 0 ? 'xs' : _ref$size,
|
8
|
+
color = _ref.color,
|
9
|
+
className = _ref.className;
|
10
|
+
return /*#__PURE__*/React.createElement(IconRoot, {
|
11
|
+
className: className,
|
12
|
+
size: size,
|
13
|
+
color: color,
|
14
|
+
icon: ArrowBarDown
|
15
|
+
});
|
16
|
+
};
|
17
|
+
|
18
|
+
export { IconArrowBarDown };
|
19
|
+
//# sourceMappingURL=IconArrowBarDown.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"IconArrowBarDown.js","sources":["../../../../src/components/_Icon/Icons/IconArrowBarDown.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ArrowBarDown } from '../Icon.assets/ArrowBarDown';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconArrowBarDown: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={ArrowBarDown} />;\n};\n"],"names":["IconArrowBarDown","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","ArrowBarDown"],"mappings":";;;;IAKaA,gBAAqC,GAAG,SAAxCA,gBAAqCA,CAAAC,IAAA,EAA0C;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAApCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACjF,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,YAAAA;AAAa,GAAE,CAAC,CAAA;AAC3F;;;;"}
|
package/es/index.css
CHANGED
@@ -819,3 +819,17 @@
|
|
819
819
|
.base_14s5rot_bpps6rw__6339f446 .base_14s5rot_i1s8bsh6__6339f446{border-radius:var(--plasma-number-input_input-wrapper_border-radius);}.base_14s5rot_bpps6rw__6339f446 .base_14s5rot_sj0ab1b__6339f446{--plasma_private-segmentation-border-radius:var(--plasma-number-input_icon-button_radius);}.base_14s5rot_bpps6rw__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_segmentedView__6339f446,.base_14s5rot_bpps6rw__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_solidView__6339f446{--plasma_private-segmentation-border-radius:var(--plasma-number-input_icon-button_segmentation_radius,var(--plasma-number-input_icon-button_radius));}.base_14s5rot_bpps6rw__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrement__6339f446{border-radius:var(--plasma-number-input_icon-button_radius) var(--plasma_private-segmentation-border-radius) var(--plasma_private-segmentation-border-radius) var(--plasma-number-input_icon-button_radius);}.base_14s5rot_bpps6rw__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrement__6339f446{border-radius:var(--plasma_private-segmentation-border-radius) var(--plasma-number-input_icon-button_radius) var(--plasma-number-input_icon-button_radius) var(--plasma_private-segmentation-border-radius);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_segmentedView__6339f446 .base_14s5rot_i1s8bsh6__6339f446{border-radius:var(--plasma-number-input_icon-button_segmentation_radius);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446{--plasma_private-number-input_top-box-shadow:inset 0 var(--plasma-number-input_input-border-width) var(--plasma-number-input_wrapper_border-color);--plasma_private-number-input_bottom-box-shadow:inset 0 calc(-1 * var(--plasma-number-input_input-border-width)) var(--plasma-number-input_wrapper_border-color);--plasma_private-number-input_left-box-shadow:inset var(--plasma-number-input_input-border-width) 0 var(--plasma-number-input_wrapper_border-color);--plasma_private-number-input_right-box-shadow:inset calc(-1 * var(--plasma-number-input_input-border-width)) 0 var(--plasma-number-input_wrapper_border-color);position:relative;}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446.base_14s5rot_numberInputFocused__6339f446:not(number-input-loading),.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446.base_14s5rot_numberInputFocused__6339f446:not(number-input-disabled){--plasma_private-number-input_top-box-shadow:inset 0 var(--plasma-number-input_input-border-width) var(--plasma-number-input_wrapper_border-color_focus);--plasma_private-number-input_bottom-box-shadow:inset 0 calc(-1 * var(--plasma-number-input_input-border-width)) var(--plasma-number-input_wrapper_border-color_focus);--plasma_private-number-input_left-box-shadow:inset var(--plasma-number-input_input-border-width) 0 var(--plasma-number-input_wrapper_border-color_focus);--plasma_private-number-input_right-box-shadow:inset calc(-1 * var(--plasma-number-input_input-border-width)) 0 var(--plasma-number-input_wrapper_border-color_focus);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446:before{content:'';position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:calc(100% - var(--plasma-number-input_icon-button_width) * 2);height:100%;background:var(--plasma-number-input_background-color-solid);box-shadow:var(--plasma_private-number-input_top-box-shadow),var(--plasma_private-number-input_bottom-box-shadow);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_i1s8bsh6__6339f446{position:relative;color:var(--plasma-number-input_color-solid);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_i1s8bsh6__6339f446:not(error-animation).base_14s5rot_manualInputNumberInput__6339f446:focus-within{background-color:var(--plasma-number-input_background-color-solid-focus);box-shadow:inset 0 0 0 var(--plasma-number-input_input-wrapper_border-width) var(--plasma-number-input_border-color-solid-focus);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrement__6339f446{box-shadow:var(--plasma_private-number-input_bottom-box-shadow),var(--plasma_private-number-input_top-box-shadow),var(--plasma_private-number-input_left-box-shadow);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrement__6339f446{box-shadow:var(--plasma_private-number-input_bottom-box-shadow),var(--plasma_private-number-input_top-box-shadow),var(--plasma_private-number-input_right-box-shadow);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446:hover,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446:active{background-color:var(--plasma-number-input_icon-button_background-color);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446:hover{color:var(--plasma-number-input_icon-button_color_solid-hover);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446:active{color:var(--plasma-number-input_icon-button_color_solid-active);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446{opacity:1;}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446 svg,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446 svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446:hover,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446:hover,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446:active,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446:active{color:var(--plasma-number-input_icon-button_color);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446:hover svg,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446:hover svg,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446:active svg,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446:active svg{opacity:var(--plasma-number-input_action-button_disabled-opacity);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446.base_14s5rot_clearView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446:hover,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446.base_14s5rot_clearView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446:hover,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446.base_14s5rot_clearView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonDecrementDisabled__6339f446:active,.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446.base_14s5rot_clearView__6339f446 .base_14s5rot_sj0ab1b__6339f446.base_14s5rot_actionButtonIncrementDisabled__6339f446:active{background-color:transparent;}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_s1ft73sv__6339f446{--plasma-spinner-color:var(--plasma-number-input_loader-spinner_color-solid);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_i1tgbhg7__6339f446{caret-color:var(--plasma-number-input_caret_color-solid,var(--plasma-number-input_caret_color));}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_i1tgbhg7__6339f446:not(.base_14s5rot_errorAnimation__6339f446){color:var(--plasma-number-input_color-solid);}.base_14s5rot_bpps6rw__6339f446.base_14s5rot_solidView__6339f446 .base_14s5rot_az36kha__6339f446{color:var(--plasma-number-input_additional-text_color-solid);}
|
820
820
|
|
821
821
|
.base_1sl0mh8_bmqk5v5__e93ebd2b.base_1sl0mh8_bmqk5v5__e93ebd2b.base_1sl0mh8_numberInputDisabled__e93ebd2b{pointer-events:none;opacity:var(--plasma-number-input_disabled-opacity);cursor:not-allowed;}
|
822
|
+
|
823
|
+
.base_cipwu9_byh8zio__150783a9{background:var(--plasma-dropzone-background);border:var(--plasma-dropzone-border-color);}.base_cipwu9_byh8zio__150783a9:not(.base_cipwu9_dropzoneActive__150783a9):hover,.base_cipwu9_byh8zio__150783a9:not(.base_cipwu9_dropzoneActive__150783a9):focus-within{border-color:var(--plasma-dropzone-border-color-hover);outline:none;}.base_cipwu9_byh8zio__150783a9.base_cipwu9_dropzoneActive__150783a9{border-color:var(--plasma-dropzone-border-color-active);}.base_cipwu9_byh8zio__150783a9.base_cipwu9_dropzoneActive__150783a9:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:var(--plasma-dropzone-overlay-color-active);}.base_cipwu9_byh8zio__150783a9 .base_cipwu9_twnyozc__150783a9{color:var(--plasma-dropzone-title-color);}.base_cipwu9_byh8zio__150783a9 .base_cipwu9_d1nsxook__150783a9{color:var(--plasma-dropzone-description-color);}
|
824
|
+
|
825
|
+
.base_1cl61bm_b1q81cck__68d353c3{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_1cl61bm_b1q81cck__68d353c3.base_1cl61bm_dropzoneStretch__68d353c3{width:100%;}.base_1cl61bm_b1q81cck__68d353c3 .base_1cl61bm_c1afz1o5__68d353c3{gap:var(--plasma-dropzone-content-gap);}.base_1cl61bm_b1q81cck__68d353c3 .base_1cl61bm_twnyozc__68d353c3{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_1cl61bm_b1q81cck__68d353c3 .base_1cl61bm_twnyozc__68d353c3.base_1cl61bm_dropzoneVerticalContentPlacing__68d353c3{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-dropzone-title-wrapper-column-gap);}.base_1cl61bm_b1q81cck__68d353c3 .base_1cl61bm_tahwclk__68d353c3{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_1cl61bm_b1q81cck__68d353c3 .base_1cl61bm_d1nsxook__68d353c3{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);}
|
826
|
+
|
827
|
+
.base_3qwygi_b1t0rfqa__f5b3e7aa.base_3qwygi_dropzoneDisabled__f5b3e7aa{opacity:var(--plasma-dropzone-disabled-opacity);cursor:not-allowed;}
|
828
|
+
|
829
|
+
.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;}
|
830
|
+
.Dropzone_styles_1fo7dbq_dqiwesh__65c68d0a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
|
831
|
+
.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;}
|
832
|
+
|
833
|
+
|
834
|
+
|
835
|
+
.Dropzone_styles_1fo7dbq_hzipmyu__65c68d0a{display:none;}
|
package/es/index.js
CHANGED
@@ -206,4 +206,6 @@ export { tokens as attachTokens } from './components/Attach/Attach.tokens.js';
|
|
206
206
|
export { viewContainerConfig, viewContainerRoot } from './components/ViewContainer/ViewContainer.js';
|
207
207
|
export { numberInputConfig, numberInputRoot } from './components/NumberInput/NumberInput.js';
|
208
208
|
export { classes as numberInputClasses, tokens as numberInputTokens } from './components/NumberInput/NumberInput.tokens.js';
|
209
|
+
export { dropzoneConfig, dropzoneRoot } from './components/Dropzone/Dropzone.js';
|
210
|
+
export { classes as dropzoneClasses, tokens as dropzoneTokens } from './components/Dropzone/Dropzone.tokens.js';
|
209
211
|
//# sourceMappingURL=index.js.map
|
package/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
3
|
-
"version": "0.
|
3
|
+
"version": "0.195.0-canary.1534.11893340297.0",
|
4
4
|
"description": "Salute Design System blueprint",
|
5
5
|
"main": "cjs/index.js",
|
6
6
|
"module": "es/index.js",
|
@@ -128,5 +128,5 @@
|
|
128
128
|
"sideEffects": [
|
129
129
|
"*.css"
|
130
130
|
],
|
131
|
-
"gitHead": "
|
131
|
+
"gitHead": "fd2ac4f87a1d047301bbc27965f75665be1bcf95"
|
132
132
|
}
|
@@ -0,0 +1,271 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.dropzoneRoot = exports.dropzoneConfig = void 0;
|
8
|
+
var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
|
9
|
+
var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
|
10
|
+
var _utils = /*#__PURE__*/require("../../utils");
|
11
|
+
var _Icon = /*#__PURE__*/require("../../components/_Icon");
|
12
|
+
var _base = /*#__PURE__*/require("./variations/_view/base");
|
13
|
+
var _base2 = /*#__PURE__*/require("./variations/_size/base");
|
14
|
+
var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
|
15
|
+
var _Dropzone = /*#__PURE__*/require("./Dropzone.styles");
|
16
|
+
var _Dropzone2 = /*#__PURE__*/require("./Dropzone.tokens");
|
17
|
+
var _IconArrowBarDown;
|
18
|
+
var _excluded = ["className", "style", "accept", "multiple", "title", "description", "icon", "iconPlacement", "size", "view", "disabled", "stretch", "width", "height", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "validator", "onClick", "onChange", "onChoseFiles"];
|
19
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
20
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
21
|
+
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); }
|
22
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
23
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
24
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
25
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
|
26
|
+
function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
27
|
+
function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
|
28
|
+
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
29
|
+
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
30
|
+
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
31
|
+
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
32
|
+
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
33
|
+
function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
|
34
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
35
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
36
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
37
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
38
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
39
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
40
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
41
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
42
|
+
var dropzoneRoot = exports.dropzoneRoot = function dropzoneRoot(Root) {
|
43
|
+
return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRef) {
|
44
|
+
var className = _ref.className,
|
45
|
+
style = _ref.style,
|
46
|
+
accept = _ref.accept,
|
47
|
+
multiple = _ref.multiple,
|
48
|
+
title = _ref.title,
|
49
|
+
description = _ref.description,
|
50
|
+
icon = _ref.icon,
|
51
|
+
iconPlacement = _ref.iconPlacement,
|
52
|
+
size = _ref.size,
|
53
|
+
view = _ref.view,
|
54
|
+
disabled = _ref.disabled,
|
55
|
+
stretch = _ref.stretch,
|
56
|
+
width = _ref.width,
|
57
|
+
height = _ref.height,
|
58
|
+
onDragEnter = _ref.onDragEnter,
|
59
|
+
onDragLeave = _ref.onDragLeave,
|
60
|
+
onDragOver = _ref.onDragOver,
|
61
|
+
onDrop = _ref.onDrop,
|
62
|
+
validator = _ref.validator,
|
63
|
+
onClick = _ref.onClick,
|
64
|
+
onChange = _ref.onChange,
|
65
|
+
onChoseFiles = _ref.onChoseFiles,
|
66
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
67
|
+
var _useState = (0, _react.useState)(false),
|
68
|
+
_useState2 = _slicedToArray(_useState, 2),
|
69
|
+
isDropzoneActive = _useState2[0],
|
70
|
+
setIsDropzoneActive = _useState2[1];
|
71
|
+
var inputRef = (0, _react.useRef)(null);
|
72
|
+
var forkInputRef = (0, _plasmaCore.useForkRef)(outerRef, inputRef);
|
73
|
+
var innerWidth = width ? (0, _utils.getSizeValueFromProp)(width) : 'fit-content';
|
74
|
+
var innerHeight = height ? (0, _utils.getSizeValueFromProp)(height) : 'fit-content';
|
75
|
+
var processFiles = /*#__PURE__*/function () {
|
76
|
+
var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(rawFiles, callback, afterAction) {
|
77
|
+
var files, res;
|
78
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
79
|
+
while (1) switch (_context.prev = _context.next) {
|
80
|
+
case 0:
|
81
|
+
if (rawFiles !== null && rawFiles !== void 0 && rawFiles.length) {
|
82
|
+
_context.next = 2;
|
83
|
+
break;
|
84
|
+
}
|
85
|
+
return _context.abrupt("return");
|
86
|
+
case 2:
|
87
|
+
files = _toConsumableArray(rawFiles);
|
88
|
+
res = {
|
89
|
+
acceptedFiles: files
|
90
|
+
};
|
91
|
+
if (!validator) {
|
92
|
+
_context.next = 8;
|
93
|
+
break;
|
94
|
+
}
|
95
|
+
_context.next = 7;
|
96
|
+
return validator === null || validator === void 0 ? void 0 : validator(files);
|
97
|
+
case 7:
|
98
|
+
res = _context.sent;
|
99
|
+
case 8:
|
100
|
+
if (!callback) {
|
101
|
+
_context.next = 11;
|
102
|
+
break;
|
103
|
+
}
|
104
|
+
_context.next = 11;
|
105
|
+
return callback(res);
|
106
|
+
case 11:
|
107
|
+
if (afterAction) {
|
108
|
+
afterAction();
|
109
|
+
}
|
110
|
+
case 12:
|
111
|
+
case "end":
|
112
|
+
return _context.stop();
|
113
|
+
}
|
114
|
+
}, _callee);
|
115
|
+
}));
|
116
|
+
return function processFiles(_x, _x2, _x3) {
|
117
|
+
return _ref2.apply(this, arguments);
|
118
|
+
};
|
119
|
+
}();
|
120
|
+
var handleDragEnter = function handleDragEnter(event) {
|
121
|
+
if (disabled) {
|
122
|
+
return;
|
123
|
+
}
|
124
|
+
event.preventDefault();
|
125
|
+
event.stopPropagation();
|
126
|
+
if (onDragEnter) {
|
127
|
+
onDragEnter(event);
|
128
|
+
}
|
129
|
+
setIsDropzoneActive(true);
|
130
|
+
};
|
131
|
+
var handleDragLeave = function handleDragLeave(event) {
|
132
|
+
if (disabled) {
|
133
|
+
return;
|
134
|
+
}
|
135
|
+
event.preventDefault();
|
136
|
+
if (onDragLeave) {
|
137
|
+
onDragLeave(event);
|
138
|
+
}
|
139
|
+
setIsDropzoneActive(false);
|
140
|
+
};
|
141
|
+
var handleDragOver = function handleDragOver(event) {
|
142
|
+
if (disabled) {
|
143
|
+
return;
|
144
|
+
}
|
145
|
+
event.preventDefault();
|
146
|
+
if (onDragOver) {
|
147
|
+
onDragOver(event);
|
148
|
+
}
|
149
|
+
var rawFiles = event.dataTransfer.files;
|
150
|
+
if (!isDropzoneActive && rawFiles && rawFiles.length > 0) {
|
151
|
+
setIsDropzoneActive(true);
|
152
|
+
}
|
153
|
+
};
|
154
|
+
var handleDrop = /*#__PURE__*/function () {
|
155
|
+
var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(event) {
|
156
|
+
var rawFiles, afterAction;
|
157
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
158
|
+
while (1) switch (_context2.prev = _context2.next) {
|
159
|
+
case 0:
|
160
|
+
if (!disabled) {
|
161
|
+
_context2.next = 2;
|
162
|
+
break;
|
163
|
+
}
|
164
|
+
return _context2.abrupt("return");
|
165
|
+
case 2:
|
166
|
+
event.preventDefault();
|
167
|
+
event.persist();
|
168
|
+
rawFiles = event.dataTransfer.files;
|
169
|
+
afterAction = function afterAction() {
|
170
|
+
event.dataTransfer.clearData();
|
171
|
+
setIsDropzoneActive(false);
|
172
|
+
};
|
173
|
+
_context2.next = 8;
|
174
|
+
return processFiles(rawFiles, onDrop, afterAction);
|
175
|
+
case 8:
|
176
|
+
case "end":
|
177
|
+
return _context2.stop();
|
178
|
+
}
|
179
|
+
}, _callee2);
|
180
|
+
}));
|
181
|
+
return function handleDrop(_x4) {
|
182
|
+
return _ref3.apply(this, arguments);
|
183
|
+
};
|
184
|
+
}();
|
185
|
+
var handleClick = function handleClick(event) {
|
186
|
+
if (!inputRef.current || disabled) {
|
187
|
+
return;
|
188
|
+
}
|
189
|
+
inputRef.current.click();
|
190
|
+
if (onClick) {
|
191
|
+
onClick(event);
|
192
|
+
}
|
193
|
+
};
|
194
|
+
var handleChange = /*#__PURE__*/function () {
|
195
|
+
var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee3(event) {
|
196
|
+
var rawFiles;
|
197
|
+
return _regeneratorRuntime().wrap(function _callee3$(_context3) {
|
198
|
+
while (1) switch (_context3.prev = _context3.next) {
|
199
|
+
case 0:
|
200
|
+
if (!disabled) {
|
201
|
+
_context3.next = 2;
|
202
|
+
break;
|
203
|
+
}
|
204
|
+
return _context3.abrupt("return");
|
205
|
+
case 2:
|
206
|
+
if (onChange) {
|
207
|
+
onChange(event);
|
208
|
+
}
|
209
|
+
rawFiles = event.target.files;
|
210
|
+
_context3.next = 6;
|
211
|
+
return processFiles(rawFiles, onChoseFiles);
|
212
|
+
case 6:
|
213
|
+
case "end":
|
214
|
+
return _context3.stop();
|
215
|
+
}
|
216
|
+
}, _callee3);
|
217
|
+
}));
|
218
|
+
return function handleChange(_x5) {
|
219
|
+
return _ref4.apply(this, arguments);
|
220
|
+
};
|
221
|
+
}();
|
222
|
+
return /*#__PURE__*/_react["default"].createElement(Root, {
|
223
|
+
className: (0, _utils.cx)(className, isDropzoneActive && _Dropzone2.classes.active, stretch && _Dropzone2.classes.stretch, disabled && _Dropzone2.classes.disabled),
|
224
|
+
view: view,
|
225
|
+
size: size,
|
226
|
+
disabled: disabled,
|
227
|
+
tabIndex: 0,
|
228
|
+
style: _objectSpread(_objectSpread({}, style), {}, _defineProperty(_defineProperty({}, _Dropzone2.privateTokens.width, innerWidth), _Dropzone2.privateTokens.height, innerHeight))
|
229
|
+
}, /*#__PURE__*/_react["default"].createElement(_Dropzone.DropzoneHandlerOverlay, {
|
230
|
+
onDragEnter: handleDragEnter,
|
231
|
+
onDragLeave: handleDragLeave,
|
232
|
+
onDragOver: handleDragOver,
|
233
|
+
onDrop: handleDrop,
|
234
|
+
onClick: handleClick
|
235
|
+
}), /*#__PURE__*/_react["default"].createElement(_Dropzone.Content, null, /*#__PURE__*/_react["default"].createElement(_Dropzone.TitleWrapper, {
|
236
|
+
className: (0, _utils.cx)(iconPlacement === 'top' && _Dropzone2.classes.verticalContentPlacing)
|
237
|
+
}, icon || _IconArrowBarDown || (_IconArrowBarDown = /*#__PURE__*/_react["default"].createElement(_Icon.IconArrowBarDown, {
|
238
|
+
color: "inherit",
|
239
|
+
size: "s"
|
240
|
+
})), title && /*#__PURE__*/_react["default"].createElement(_Dropzone.Title, null, title)), description && /*#__PURE__*/_react["default"].createElement(_Dropzone.Description, null, description)), /*#__PURE__*/_react["default"].createElement(_Dropzone.HiddenInput, _extends({
|
241
|
+
ref: forkInputRef,
|
242
|
+
type: "file",
|
243
|
+
accept: accept,
|
244
|
+
multiple: multiple,
|
245
|
+
tabIndex: -1,
|
246
|
+
onChange: handleChange
|
247
|
+
}, rest)));
|
248
|
+
});
|
249
|
+
};
|
250
|
+
var dropzoneConfig = exports.dropzoneConfig = {
|
251
|
+
name: 'Dropzone',
|
252
|
+
tag: 'div',
|
253
|
+
layout: dropzoneRoot,
|
254
|
+
base: _Dropzone.base,
|
255
|
+
variations: {
|
256
|
+
view: {
|
257
|
+
css: _base.base
|
258
|
+
},
|
259
|
+
size: {
|
260
|
+
css: _base2.base
|
261
|
+
},
|
262
|
+
disabled: {
|
263
|
+
css: _base3.base,
|
264
|
+
attrs: true
|
265
|
+
}
|
266
|
+
},
|
267
|
+
defaults: {
|
268
|
+
view: 'default',
|
269
|
+
size: 'm'
|
270
|
+
}
|
271
|
+
};
|
@@ -0,0 +1,29 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
5
|
+
value: true
|
6
|
+
});
|
7
|
+
exports.base = exports.TitleWrapper = exports.Title = exports.HiddenInput = exports.DropzoneHandlerOverlay = exports.Description = exports.Content = void 0;
|
8
|
+
var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
|
11
|
+
var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;"]);
|
12
|
+
var DropzoneHandlerOverlay = exports.DropzoneHandlerOverlay = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
13
|
+
componentId: "plasma-new-hope__sc-mq500f-0"
|
14
|
+
})(["position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;"]);
|
15
|
+
var Content = exports.Content = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
16
|
+
componentId: "plasma-new-hope__sc-mq500f-1"
|
17
|
+
})(["display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;"]);
|
18
|
+
var TitleWrapper = exports.TitleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
|
19
|
+
componentId: "plasma-new-hope__sc-mq500f-2"
|
20
|
+
})([""]);
|
21
|
+
var Title = exports.Title = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
22
|
+
componentId: "plasma-new-hope__sc-mq500f-3"
|
23
|
+
})([""]);
|
24
|
+
var Description = exports.Description = /*#__PURE__*/_styledComponents["default"].span.withConfig({
|
25
|
+
componentId: "plasma-new-hope__sc-mq500f-4"
|
26
|
+
})([""]);
|
27
|
+
var HiddenInput = exports.HiddenInput = /*#__PURE__*/_styledComponents["default"].input.withConfig({
|
28
|
+
componentId: "plasma-new-hope__sc-mq500f-5"
|
29
|
+
})(["display:none;"]);
|