@salutejs/plasma-new-hope 0.194.0-dev.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.
Files changed (173) hide show
  1. package/cjs/_virtual/_rollupPluginBabelHelpers.js +333 -0
  2. package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  3. package/cjs/components/Dropzone/Dropzone.css +15 -0
  4. package/cjs/components/Dropzone/Dropzone.js +252 -0
  5. package/cjs/components/Dropzone/Dropzone.js.map +1 -0
  6. package/cjs/components/Dropzone/Dropzone.styles.js +47 -0
  7. package/cjs/components/Dropzone/Dropzone.styles.js.map +1 -0
  8. package/cjs/components/Dropzone/Dropzone.styles_1fo7dbq.css +7 -0
  9. package/cjs/components/Dropzone/Dropzone.tokens.js +46 -0
  10. package/cjs/components/Dropzone/Dropzone.tokens.js.map +1 -0
  11. package/cjs/components/Dropzone/variations/_disabled/base.js +9 -0
  12. package/cjs/components/Dropzone/variations/_disabled/base.js.map +1 -0
  13. package/cjs/components/Dropzone/variations/_disabled/base_3qwygi.css +1 -0
  14. package/cjs/components/Dropzone/variations/_size/base.js +9 -0
  15. package/cjs/components/Dropzone/variations/_size/base.js.map +1 -0
  16. package/cjs/components/Dropzone/variations/_size/base_1cl61bm.css +1 -0
  17. package/cjs/components/Dropzone/variations/_view/base.js +9 -0
  18. package/cjs/components/Dropzone/variations/_view/base.js.map +1 -0
  19. package/cjs/components/Dropzone/variations/_view/base_cipwu9.css +1 -0
  20. package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +24 -0
  21. package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js.map +1 -0
  22. package/cjs/components/_Icon/Icons/IconArrowBarDown.js +23 -0
  23. package/cjs/components/_Icon/Icons/IconArrowBarDown.js.map +1 -0
  24. package/cjs/index.css +14 -0
  25. package/cjs/index.js +6 -0
  26. package/cjs/index.js.map +1 -1
  27. package/emotion/cjs/components/Dropzone/Dropzone.js +271 -0
  28. package/emotion/cjs/components/Dropzone/Dropzone.styles.js +67 -0
  29. package/emotion/cjs/components/Dropzone/Dropzone.template-docs.mdx +136 -0
  30. package/emotion/cjs/components/Dropzone/Dropzone.tokens.js +43 -0
  31. package/emotion/cjs/components/Dropzone/Dropzone.types.js +5 -0
  32. package/emotion/cjs/components/Dropzone/index.js +31 -0
  33. package/emotion/cjs/components/Dropzone/variations/_disabled/base.js +9 -0
  34. package/emotion/cjs/components/Dropzone/variations/_disabled/tokens.json +4 -0
  35. package/emotion/cjs/components/Dropzone/variations/_size/base.js +10 -0
  36. package/emotion/cjs/components/Dropzone/variations/_size/tokens.json +19 -0
  37. package/emotion/cjs/components/Dropzone/variations/_view/base.js +10 -0
  38. package/emotion/cjs/components/Dropzone/variations/_view/tokens.json +9 -0
  39. package/emotion/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +23 -0
  40. package/emotion/cjs/components/_Icon/Icons/IconArrowBarDown.js +22 -0
  41. package/emotion/cjs/components/_Icon/index.js +8 -1
  42. package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +25 -0
  43. package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +11 -0
  44. package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +57 -0
  45. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +25 -0
  46. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +11 -0
  47. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +57 -0
  48. package/emotion/cjs/index.js +11 -0
  49. package/emotion/es/components/Dropzone/Dropzone.js +263 -0
  50. package/emotion/es/components/Dropzone/Dropzone.styles.js +60 -0
  51. package/emotion/es/components/Dropzone/Dropzone.template-docs.mdx +136 -0
  52. package/emotion/es/components/Dropzone/Dropzone.tokens.js +37 -0
  53. package/emotion/es/components/Dropzone/Dropzone.types.js +1 -0
  54. package/emotion/es/components/Dropzone/index.js +2 -0
  55. package/emotion/es/components/Dropzone/variations/_disabled/base.js +3 -0
  56. package/emotion/es/components/Dropzone/variations/_disabled/tokens.json +4 -0
  57. package/emotion/es/components/Dropzone/variations/_size/base.js +4 -0
  58. package/emotion/es/components/Dropzone/variations/_size/tokens.json +19 -0
  59. package/emotion/es/components/Dropzone/variations/_view/base.js +4 -0
  60. package/emotion/es/components/Dropzone/variations/_view/tokens.json +9 -0
  61. package/emotion/es/components/_Icon/Icon.assets/ArrowBarDown.js +16 -0
  62. package/emotion/es/components/_Icon/Icons/IconArrowBarDown.js +15 -0
  63. package/emotion/es/components/_Icon/index.js +2 -1
  64. package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +19 -0
  65. package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +5 -0
  66. package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +57 -0
  67. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +19 -0
  68. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.js +5 -0
  69. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +57 -0
  70. package/emotion/es/index.js +2 -1
  71. package/es/_virtual/_rollupPluginBabelHelpers.js +332 -1
  72. package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  73. package/es/components/Dropzone/Dropzone.css +15 -0
  74. package/es/components/Dropzone/Dropzone.js +247 -0
  75. package/es/components/Dropzone/Dropzone.js.map +1 -0
  76. package/es/components/Dropzone/Dropzone.styles.js +37 -0
  77. package/es/components/Dropzone/Dropzone.styles.js.map +1 -0
  78. package/es/components/Dropzone/Dropzone.styles_1fo7dbq.css +7 -0
  79. package/es/components/Dropzone/Dropzone.tokens.js +40 -0
  80. package/es/components/Dropzone/Dropzone.tokens.js.map +1 -0
  81. package/es/components/Dropzone/variations/_disabled/base.js +5 -0
  82. package/es/components/Dropzone/variations/_disabled/base.js.map +1 -0
  83. package/es/components/Dropzone/variations/_disabled/base_3qwygi.css +1 -0
  84. package/es/components/Dropzone/variations/_size/base.js +5 -0
  85. package/es/components/Dropzone/variations/_size/base.js.map +1 -0
  86. package/es/components/Dropzone/variations/_size/base_1cl61bm.css +1 -0
  87. package/es/components/Dropzone/variations/_view/base.js +5 -0
  88. package/es/components/Dropzone/variations/_view/base.js.map +1 -0
  89. package/es/components/Dropzone/variations/_view/base_cipwu9.css +1 -0
  90. package/es/components/_Icon/Icon.assets/ArrowBarDown.js +20 -0
  91. package/es/components/_Icon/Icon.assets/ArrowBarDown.js.map +1 -0
  92. package/es/components/_Icon/Icons/IconArrowBarDown.js +19 -0
  93. package/es/components/_Icon/Icons/IconArrowBarDown.js.map +1 -0
  94. package/es/index.css +14 -0
  95. package/es/index.js +2 -0
  96. package/es/index.js.map +1 -1
  97. package/package.json +2 -2
  98. package/styled-components/cjs/components/Dropzone/Dropzone.js +271 -0
  99. package/styled-components/cjs/components/Dropzone/Dropzone.styles.js +29 -0
  100. package/styled-components/cjs/components/Dropzone/Dropzone.template-docs.mdx +136 -0
  101. package/styled-components/cjs/components/Dropzone/Dropzone.tokens.js +43 -0
  102. package/styled-components/cjs/components/Dropzone/Dropzone.types.js +5 -0
  103. package/styled-components/cjs/components/Dropzone/index.js +31 -0
  104. package/styled-components/cjs/components/Dropzone/variations/_disabled/base.js +9 -0
  105. package/styled-components/cjs/components/Dropzone/variations/_disabled/tokens.json +4 -0
  106. package/styled-components/cjs/components/Dropzone/variations/_size/base.js +10 -0
  107. package/styled-components/cjs/components/Dropzone/variations/_size/tokens.json +19 -0
  108. package/styled-components/cjs/components/Dropzone/variations/_view/base.js +10 -0
  109. package/styled-components/cjs/components/Dropzone/variations/_view/tokens.json +9 -0
  110. package/styled-components/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +23 -0
  111. package/styled-components/cjs/components/_Icon/Icons/IconArrowBarDown.js +22 -0
  112. package/styled-components/cjs/components/_Icon/index.js +8 -1
  113. package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +25 -0
  114. package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +11 -0
  115. package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +57 -0
  116. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +25 -0
  117. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +11 -0
  118. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +57 -0
  119. package/styled-components/cjs/index.js +11 -0
  120. package/styled-components/es/components/Dropzone/Dropzone.js +263 -0
  121. package/styled-components/es/components/Dropzone/Dropzone.styles.js +21 -0
  122. package/styled-components/es/components/Dropzone/Dropzone.template-docs.mdx +136 -0
  123. package/styled-components/es/components/Dropzone/Dropzone.tokens.js +37 -0
  124. package/styled-components/es/components/Dropzone/Dropzone.types.js +1 -0
  125. package/styled-components/es/components/Dropzone/index.js +2 -0
  126. package/styled-components/es/components/Dropzone/variations/_disabled/base.js +3 -0
  127. package/styled-components/es/components/Dropzone/variations/_disabled/tokens.json +4 -0
  128. package/styled-components/es/components/Dropzone/variations/_size/base.js +4 -0
  129. package/styled-components/es/components/Dropzone/variations/_size/tokens.json +19 -0
  130. package/styled-components/es/components/Dropzone/variations/_view/base.js +4 -0
  131. package/styled-components/es/components/Dropzone/variations/_view/tokens.json +9 -0
  132. package/styled-components/es/components/_Icon/Icon.assets/ArrowBarDown.js +16 -0
  133. package/styled-components/es/components/_Icon/Icons/IconArrowBarDown.js +15 -0
  134. package/styled-components/es/components/_Icon/index.js +2 -1
  135. package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +19 -0
  136. package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +5 -0
  137. package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +57 -0
  138. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +19 -0
  139. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.js +5 -0
  140. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +57 -0
  141. package/styled-components/es/index.js +2 -1
  142. package/types/components/Dropzone/Dropzone.d.ts +59 -0
  143. package/types/components/Dropzone/Dropzone.d.ts.map +1 -0
  144. package/types/components/Dropzone/Dropzone.styles.d.ts +9 -0
  145. package/types/components/Dropzone/Dropzone.styles.d.ts.map +1 -0
  146. package/types/components/Dropzone/Dropzone.tokens.d.ts +38 -0
  147. package/types/components/Dropzone/Dropzone.tokens.d.ts.map +1 -0
  148. package/types/components/Dropzone/Dropzone.types.d.ts +77 -0
  149. package/types/components/Dropzone/Dropzone.types.d.ts.map +1 -0
  150. package/types/components/Dropzone/index.d.ts +3 -0
  151. package/types/components/Dropzone/index.d.ts.map +1 -0
  152. package/types/components/Dropzone/variations/_disabled/base.d.ts +2 -0
  153. package/types/components/Dropzone/variations/_disabled/base.d.ts.map +1 -0
  154. package/types/components/Dropzone/variations/_size/base.d.ts +2 -0
  155. package/types/components/Dropzone/variations/_size/base.d.ts.map +1 -0
  156. package/types/components/Dropzone/variations/_view/base.d.ts +2 -0
  157. package/types/components/Dropzone/variations/_view/base.d.ts.map +1 -0
  158. package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts +4 -0
  159. package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts.map +1 -0
  160. package/types/components/_Icon/Icons/IconArrowBarDown.d.ts +4 -0
  161. package/types/components/_Icon/Icons/IconArrowBarDown.d.ts.map +1 -0
  162. package/types/components/_Icon/index.d.ts +1 -0
  163. package/types/components/_Icon/index.d.ts.map +1 -1
  164. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts +18 -0
  165. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts.map +1 -0
  166. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts +29 -0
  167. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts.map +1 -0
  168. package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts +18 -0
  169. package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts.map +1 -0
  170. package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts +29 -0
  171. package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts.map +1 -0
  172. package/types/index.d.ts +1 -0
  173. package/types/index.d.ts.map +1 -1
@@ -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,5 @@
1
+ import './base_3qwygi.css';
2
+ var base = "b1t0rfqa";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -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,5 @@
1
+ import './base_1cl61bm.css';
2
+ var base = "b1q81cck";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -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,5 @@
1
+ import './base_cipwu9.css';
2
+ var base = "byh8zio";
3
+
4
+ export { base };
5
+ //# sourceMappingURL=base.js.map
@@ -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.194.0-dev.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": "c58896a004fb89f31dacd08dc2d20602e23fa6d4"
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;"]);