@salutejs/plasma-new-hope 0.195.0-canary.1534.11911237435.0 → 0.195.0-canary.1570.11912142107.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 +0 -333
  2. package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  3. package/cjs/index.css +0 -14
  4. package/cjs/index.js +0 -6
  5. package/cjs/index.js.map +1 -1
  6. package/emotion/cjs/components/_Icon/index.js +1 -8
  7. package/emotion/cjs/index.js +0 -11
  8. package/emotion/es/components/_Icon/index.js +1 -2
  9. package/emotion/es/index.js +1 -2
  10. package/es/_virtual/_rollupPluginBabelHelpers.js +1 -332
  11. package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
  12. package/es/index.css +0 -14
  13. package/es/index.js +0 -2
  14. package/es/index.js.map +1 -1
  15. package/package.json +4 -4
  16. package/styled-components/cjs/components/_Icon/index.js +1 -8
  17. package/styled-components/cjs/index.js +0 -11
  18. package/styled-components/es/components/_Icon/index.js +1 -2
  19. package/styled-components/es/index.js +1 -2
  20. package/types/components/_Icon/index.d.ts +0 -1
  21. package/types/components/_Icon/index.d.ts.map +1 -1
  22. package/types/index.d.ts +0 -1
  23. package/types/index.d.ts.map +1 -1
  24. package/cjs/components/Dropzone/Dropzone.css +0 -15
  25. package/cjs/components/Dropzone/Dropzone.js +0 -252
  26. package/cjs/components/Dropzone/Dropzone.js.map +0 -1
  27. package/cjs/components/Dropzone/Dropzone.styles.js +0 -47
  28. package/cjs/components/Dropzone/Dropzone.styles.js.map +0 -1
  29. package/cjs/components/Dropzone/Dropzone.styles_1fo7dbq.css +0 -7
  30. package/cjs/components/Dropzone/Dropzone.tokens.js +0 -47
  31. package/cjs/components/Dropzone/Dropzone.tokens.js.map +0 -1
  32. package/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
  33. package/cjs/components/Dropzone/variations/_disabled/base.js.map +0 -1
  34. package/cjs/components/Dropzone/variations/_disabled/base_3qwygi.css +0 -1
  35. package/cjs/components/Dropzone/variations/_size/base.js +0 -9
  36. package/cjs/components/Dropzone/variations/_size/base.js.map +0 -1
  37. package/cjs/components/Dropzone/variations/_size/base_1bt22g1.css +0 -1
  38. package/cjs/components/Dropzone/variations/_view/base.js +0 -9
  39. package/cjs/components/Dropzone/variations/_view/base.js.map +0 -1
  40. package/cjs/components/Dropzone/variations/_view/base_1pdzq6t.css +0 -1
  41. package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -24
  42. package/cjs/components/_Icon/Icon.assets/ArrowBarDown.js.map +0 -1
  43. package/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -23
  44. package/cjs/components/_Icon/Icons/IconArrowBarDown.js.map +0 -1
  45. package/emotion/cjs/components/Dropzone/Dropzone.js +0 -271
  46. package/emotion/cjs/components/Dropzone/Dropzone.styles.js +0 -67
  47. package/emotion/cjs/components/Dropzone/Dropzone.template-docs.mdx +0 -136
  48. package/emotion/cjs/components/Dropzone/Dropzone.tokens.js +0 -44
  49. package/emotion/cjs/components/Dropzone/Dropzone.types.js +0 -5
  50. package/emotion/cjs/components/Dropzone/index.js +0 -31
  51. package/emotion/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
  52. package/emotion/cjs/components/Dropzone/variations/_disabled/tokens.json +0 -4
  53. package/emotion/cjs/components/Dropzone/variations/_size/base.js +0 -10
  54. package/emotion/cjs/components/Dropzone/variations/_size/tokens.json +0 -19
  55. package/emotion/cjs/components/Dropzone/variations/_view/base.js +0 -10
  56. package/emotion/cjs/components/Dropzone/variations/_view/tokens.json +0 -9
  57. package/emotion/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -23
  58. package/emotion/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -22
  59. package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -25
  60. package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -11
  61. package/emotion/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
  62. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -25
  63. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +0 -11
  64. package/emotion/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
  65. package/emotion/es/components/Dropzone/Dropzone.js +0 -263
  66. package/emotion/es/components/Dropzone/Dropzone.styles.js +0 -60
  67. package/emotion/es/components/Dropzone/Dropzone.template-docs.mdx +0 -136
  68. package/emotion/es/components/Dropzone/Dropzone.tokens.js +0 -38
  69. package/emotion/es/components/Dropzone/Dropzone.types.js +0 -1
  70. package/emotion/es/components/Dropzone/index.js +0 -2
  71. package/emotion/es/components/Dropzone/variations/_disabled/base.js +0 -3
  72. package/emotion/es/components/Dropzone/variations/_disabled/tokens.json +0 -4
  73. package/emotion/es/components/Dropzone/variations/_size/base.js +0 -4
  74. package/emotion/es/components/Dropzone/variations/_size/tokens.json +0 -19
  75. package/emotion/es/components/Dropzone/variations/_view/base.js +0 -4
  76. package/emotion/es/components/Dropzone/variations/_view/tokens.json +0 -9
  77. package/emotion/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -16
  78. package/emotion/es/components/_Icon/Icons/IconArrowBarDown.js +0 -15
  79. package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -19
  80. package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -5
  81. package/emotion/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
  82. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -19
  83. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.js +0 -5
  84. package/emotion/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
  85. package/es/components/Dropzone/Dropzone.css +0 -15
  86. package/es/components/Dropzone/Dropzone.js +0 -247
  87. package/es/components/Dropzone/Dropzone.js.map +0 -1
  88. package/es/components/Dropzone/Dropzone.styles.js +0 -37
  89. package/es/components/Dropzone/Dropzone.styles.js.map +0 -1
  90. package/es/components/Dropzone/Dropzone.styles_1fo7dbq.css +0 -7
  91. package/es/components/Dropzone/Dropzone.tokens.js +0 -41
  92. package/es/components/Dropzone/Dropzone.tokens.js.map +0 -1
  93. package/es/components/Dropzone/variations/_disabled/base.js +0 -5
  94. package/es/components/Dropzone/variations/_disabled/base.js.map +0 -1
  95. package/es/components/Dropzone/variations/_disabled/base_3qwygi.css +0 -1
  96. package/es/components/Dropzone/variations/_size/base.js +0 -5
  97. package/es/components/Dropzone/variations/_size/base.js.map +0 -1
  98. package/es/components/Dropzone/variations/_size/base_1bt22g1.css +0 -1
  99. package/es/components/Dropzone/variations/_view/base.js +0 -5
  100. package/es/components/Dropzone/variations/_view/base.js.map +0 -1
  101. package/es/components/Dropzone/variations/_view/base_1pdzq6t.css +0 -1
  102. package/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -20
  103. package/es/components/_Icon/Icon.assets/ArrowBarDown.js.map +0 -1
  104. package/es/components/_Icon/Icons/IconArrowBarDown.js +0 -19
  105. package/es/components/_Icon/Icons/IconArrowBarDown.js.map +0 -1
  106. package/styled-components/cjs/components/Dropzone/Dropzone.js +0 -271
  107. package/styled-components/cjs/components/Dropzone/Dropzone.styles.js +0 -29
  108. package/styled-components/cjs/components/Dropzone/Dropzone.template-docs.mdx +0 -136
  109. package/styled-components/cjs/components/Dropzone/Dropzone.tokens.js +0 -44
  110. package/styled-components/cjs/components/Dropzone/Dropzone.types.js +0 -5
  111. package/styled-components/cjs/components/Dropzone/index.js +0 -31
  112. package/styled-components/cjs/components/Dropzone/variations/_disabled/base.js +0 -9
  113. package/styled-components/cjs/components/Dropzone/variations/_disabled/tokens.json +0 -4
  114. package/styled-components/cjs/components/Dropzone/variations/_size/base.js +0 -10
  115. package/styled-components/cjs/components/Dropzone/variations/_size/tokens.json +0 -19
  116. package/styled-components/cjs/components/Dropzone/variations/_view/base.js +0 -10
  117. package/styled-components/cjs/components/Dropzone/variations/_view/tokens.json +0 -9
  118. package/styled-components/cjs/components/_Icon/Icon.assets/ArrowBarDown.js +0 -23
  119. package/styled-components/cjs/components/_Icon/Icons/IconArrowBarDown.js +0 -22
  120. package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -25
  121. package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -11
  122. package/styled-components/cjs/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
  123. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -25
  124. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.js +0 -11
  125. package/styled-components/cjs/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
  126. package/styled-components/es/components/Dropzone/Dropzone.js +0 -263
  127. package/styled-components/es/components/Dropzone/Dropzone.styles.js +0 -21
  128. package/styled-components/es/components/Dropzone/Dropzone.template-docs.mdx +0 -136
  129. package/styled-components/es/components/Dropzone/Dropzone.tokens.js +0 -38
  130. package/styled-components/es/components/Dropzone/Dropzone.types.js +0 -1
  131. package/styled-components/es/components/Dropzone/index.js +0 -2
  132. package/styled-components/es/components/Dropzone/variations/_disabled/base.js +0 -3
  133. package/styled-components/es/components/Dropzone/variations/_disabled/tokens.json +0 -4
  134. package/styled-components/es/components/Dropzone/variations/_size/base.js +0 -4
  135. package/styled-components/es/components/Dropzone/variations/_size/tokens.json +0 -19
  136. package/styled-components/es/components/Dropzone/variations/_view/base.js +0 -4
  137. package/styled-components/es/components/Dropzone/variations/_view/tokens.json +0 -9
  138. package/styled-components/es/components/_Icon/Icon.assets/ArrowBarDown.js +0 -16
  139. package/styled-components/es/components/_Icon/Icons/IconArrowBarDown.js +0 -15
  140. package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.config.js +0 -19
  141. package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.js +0 -5
  142. package/styled-components/es/examples/plasma_b2c/components/Dropzone/Dropzone.stories.tsx +0 -57
  143. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.config.js +0 -19
  144. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.js +0 -5
  145. package/styled-components/es/examples/plasma_web/components/Dropzone/Dropzone.stories.tsx +0 -57
  146. package/types/components/Dropzone/Dropzone.d.ts +0 -59
  147. package/types/components/Dropzone/Dropzone.d.ts.map +0 -1
  148. package/types/components/Dropzone/Dropzone.styles.d.ts +0 -9
  149. package/types/components/Dropzone/Dropzone.styles.d.ts.map +0 -1
  150. package/types/components/Dropzone/Dropzone.tokens.d.ts +0 -39
  151. package/types/components/Dropzone/Dropzone.tokens.d.ts.map +0 -1
  152. package/types/components/Dropzone/Dropzone.types.d.ts +0 -77
  153. package/types/components/Dropzone/Dropzone.types.d.ts.map +0 -1
  154. package/types/components/Dropzone/index.d.ts +0 -3
  155. package/types/components/Dropzone/index.d.ts.map +0 -1
  156. package/types/components/Dropzone/variations/_disabled/base.d.ts +0 -2
  157. package/types/components/Dropzone/variations/_disabled/base.d.ts.map +0 -1
  158. package/types/components/Dropzone/variations/_size/base.d.ts +0 -2
  159. package/types/components/Dropzone/variations/_size/base.d.ts.map +0 -1
  160. package/types/components/Dropzone/variations/_view/base.d.ts +0 -2
  161. package/types/components/Dropzone/variations/_view/base.d.ts.map +0 -1
  162. package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts +0 -4
  163. package/types/components/_Icon/Icon.assets/ArrowBarDown.d.ts.map +0 -1
  164. package/types/components/_Icon/Icons/IconArrowBarDown.d.ts +0 -4
  165. package/types/components/_Icon/Icons/IconArrowBarDown.d.ts.map +0 -1
  166. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts +0 -18
  167. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.config.d.ts.map +0 -1
  168. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts +0 -29
  169. package/types/examples/plasma_b2c/components/Dropzone/Dropzone.d.ts.map +0 -1
  170. package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts +0 -18
  171. package/types/examples/plasma_web/components/Dropzone/Dropzone.config.d.ts.map +0 -1
  172. package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts +0 -29
  173. package/types/examples/plasma_web/components/Dropzone/Dropzone.d.ts.map +0 -1
@@ -1,60 +0,0 @@
1
- import _styled from "@emotion/styled/base";
2
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
3
- import { css } from '@emotion/react';
4
- export var base = process.env.NODE_ENV === "production" ? {
5
- name: "akxguv-plasma-new-hope__base",
6
- styles: "position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;label:plasma-new-hope__base;"
7
- } : {
8
- name: "akxguv-plasma-new-hope__base",
9
- styles: "position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;label:plasma-new-hope__base;",
10
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Ryb3B6b25lL0Ryb3B6b25lLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcHpvbmVIYW5kbGVyT3ZlcmxheSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB6LWluZGV4OiAyO1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLnNwYW5gYDtcblxuZXhwb3J0IGNvbnN0IERlc2NyaXB0aW9uID0gc3R5bGVkLnNwYW5gYDtcblxuZXhwb3J0IGNvbnN0IEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuIl19 */",
11
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
12
- };
13
- export var DropzoneHandlerOverlay = /*#__PURE__*/_styled("div", {
14
- target: "e1pxpart5",
15
- label: "plasma-new-hope__DropzoneHandlerOverlay"
16
- })(process.env.NODE_ENV === "production" ? {
17
- name: "g19zll",
18
- styles: "position:absolute;top:0;left:0;width:100%;height:100%;z-index:2"
19
- } : {
20
- name: "g19zll",
21
- styles: "position:absolute;top:0;left:0;width:100%;height:100%;z-index:2",
22
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVdnRCIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Ryb3B6b25lL0Ryb3B6b25lLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBjdXJzb3I6IHBvaW50ZXI7XG5gO1xuXG5leHBvcnQgY29uc3QgRHJvcHpvbmVIYW5kbGVyT3ZlcmxheSA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogMDtcbiAgICBsZWZ0OiAwO1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwJTtcbiAgICB6LWluZGV4OiAyO1xuYDtcblxuZXhwb3J0IGNvbnN0IENvbnRlbnQgPSBzdHlsZWQuZGl2YFxuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIHVzZXItc2VsZWN0OiBub25lO1xuYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgYDtcblxuZXhwb3J0IGNvbnN0IFRpdGxlID0gc3R5bGVkLnNwYW5gYDtcblxuZXhwb3J0IGNvbnN0IERlc2NyaXB0aW9uID0gc3R5bGVkLnNwYW5gYDtcblxuZXhwb3J0IGNvbnN0IEhpZGRlbklucHV0ID0gc3R5bGVkLmlucHV0YFxuICAgIGRpc3BsYXk6IG5vbmU7XG5gO1xuIl19 */",
23
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
24
- });
25
- export var Content = /*#__PURE__*/_styled("div", {
26
- target: "e1pxpart4",
27
- label: "plasma-new-hope__Content"
28
- })(process.env.NODE_ENV === "production" ? {
29
- name: "1eclbur",
30
- styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none"
31
- } : {
32
- name: "1eclbur",
33
- styles: "display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none",
34
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CaUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3B6b25lSGFuZGxlck92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgei1pbmRleDogMjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5zcGFuYGA7XG5cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvbiA9IHN0eWxlZC5zcGFuYGA7XG5cbmV4cG9ydCBjb25zdCBIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcbiJdfQ== */",
35
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
36
- });
37
- export var TitleWrapper = /*#__PURE__*/_styled("div", {
38
- target: "e1pxpart3",
39
- label: "plasma-new-hope__TitleWrapper"
40
- })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3B6b25lSGFuZGxlck92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgei1pbmRleDogMjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5zcGFuYGA7XG5cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvbiA9IHN0eWxlZC5zcGFuYGA7XG5cbmV4cG9ydCBjb25zdCBIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcbiJdfQ== */");
41
- export var Title = /*#__PURE__*/_styled("span", {
42
- target: "e1pxpart2",
43
- label: "plasma-new-hope__Title"
44
- })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCZ0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3B6b25lSGFuZGxlck92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgei1pbmRleDogMjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5zcGFuYGA7XG5cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvbiA9IHN0eWxlZC5zcGFuYGA7XG5cbmV4cG9ydCBjb25zdCBIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcbiJdfQ== */");
45
- export var Description = /*#__PURE__*/_styled("span", {
46
- target: "e1pxpart1",
47
- label: "plasma-new-hope__Description"
48
- })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdDc0MiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3B6b25lSGFuZGxlck92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgei1pbmRleDogMjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5zcGFuYGA7XG5cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvbiA9IHN0eWxlZC5zcGFuYGA7XG5cbmV4cG9ydCBjb25zdCBIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcbiJdfQ== */");
49
- export var HiddenInput = /*#__PURE__*/_styled("input", {
50
- target: "e1pxpart0",
51
- label: "plasma-new-hope__HiddenInput"
52
- })(process.env.NODE_ENV === "production" ? {
53
- name: "eivff4",
54
- styles: "display:none"
55
- } : {
56
- name: "eivff4",
57
- styles: "display:none",
58
- map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtDdUMiLCJmaWxlIjoiLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYFxuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgY3Vyc29yOiBwb2ludGVyO1xuYDtcblxuZXhwb3J0IGNvbnN0IERyb3B6b25lSGFuZGxlck92ZXJsYXkgPSBzdHlsZWQuZGl2YFxuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICB0b3A6IDA7XG4gICAgbGVmdDogMDtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG4gICAgei1pbmRleDogMjtcbmA7XG5cbmV4cG9ydCBjb25zdCBDb250ZW50ID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICB1c2VyLXNlbGVjdDogbm9uZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YGA7XG5cbmV4cG9ydCBjb25zdCBUaXRsZSA9IHN0eWxlZC5zcGFuYGA7XG5cbmV4cG9ydCBjb25zdCBEZXNjcmlwdGlvbiA9IHN0eWxlZC5zcGFuYGA7XG5cbmV4cG9ydCBjb25zdCBIaWRkZW5JbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgICBkaXNwbGF5OiBub25lO1xuYDtcbiJdfQ== */",
59
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
60
- });
@@ -1,136 +0,0 @@
1
- ---
2
- id: dropzone
3
- title: Dropzone
4
- ---
5
-
6
- import { PropsTable } from '@site/src/components';
7
-
8
- # Dropzone
9
- Компонент для загрузки файлов, без отображения индикации загрузки.
10
- Компонент не предполагает наличия валиации, так как является частью Upload.
11
- Но валидацию можно задать с помощью callback `validator`.
12
- <PropsTable name="Dropzone" />
13
-
14
- # Типизация
15
-
16
- ```tsx
17
- type DropzoneProps = {
18
- /**
19
- * Массив форматов файлов, которые могут быть прикреплены (см. HTML-атрибут 'accept' для 'input').
20
- */
21
- acceptedFileFormats?: string[];
22
- /**
23
- * Позовляет выбирать несколько файлов для загрузки
24
- */
25
- multiple?: boolean;
26
- /**
27
- * Слот для Title
28
- */
29
- title?: string;
30
- /**
31
- * Слот для описания
32
- */
33
- description?: ReactNode;
34
- /**
35
- * Слот для иконки
36
- */
37
- icon?: ReactNode;
38
- /**
39
- * Расположение иконки
40
- * @default 'left'
41
- */
42
- iconPlacement?: 'top' | 'left';
43
- /**
44
- * Размер компонента
45
- */
46
- size?: string;
47
- /**
48
- * Вид компонента
49
- */
50
- view?: string;
51
- /**
52
- * Компонент неактивен
53
- */
54
- disabled?: boolean;
55
- /**
56
- * Компонент растягивается на всю доступную ширину
57
- */
58
- stretch?: boolean;
59
- /**
60
- * Функция, вызываемая в момент вхождения курсора внутрь границ Dropzone
61
- */
62
- onDragEnter?: () => void;
63
- /**
64
- * Функция, вызываемая в момент выхода курсора из Dropzone
65
- */
66
- onDragLeave?: () => void;
67
- /**
68
- * Функция, вызываемая при нахождении курсора внутри Dropzone
69
- */
70
- onDragOver?: () => void;
71
- /**
72
- * Функция, вызываемая при drop файлов
73
- */
74
- onDrop?: () => void;
75
- /**
76
- * Функция, вызываемая для валидации файлов, перед onDropFiles
77
- */
78
- validator?: (files: File[]) => ValidatorReturnType;
79
- /**
80
- * Функция, вызываемая при наличии файлов, после onDrop
81
- */
82
- onDropFiles?: FileProcessHandler;
83
- /**
84
- * Функция, вызываемая при выборе файлов
85
- */
86
- onChoseFiles?: FileProcessHandler;
87
- } & Omit<InputHTMLAttributes<HTMLInputElement>, 'accept'>;
88
- ```
89
-
90
- # Пример
91
-
92
- ```tsx live
93
- import React from 'react';
94
- import { Dropzone } from '@salutejs/{{ package }}';
95
-
96
- export function App() {
97
- const onDragEnter = () => {
98
- console.log("onDragEnter")
99
- }
100
-
101
- const onDragLeave = () => {
102
- console.log("onDragLeave")
103
- }
104
-
105
- const onDrop = () => {
106
- console.log("onDrop")
107
- }
108
-
109
- const onDropFiles = () => {
110
- console.log("onDropFiles")
111
- }
112
-
113
- const onChange = () => {
114
- console.log("onChange")
115
- }
116
-
117
- const onChoseFiles = () => {
118
- console.log("onChoseFiles")
119
- }
120
-
121
- return (
122
- <Dropzone
123
- iconPlacement="top"
124
- width="240"
125
- title="Click to upload"
126
- description="or drag and drop files here"
127
- onDragEnter={onDragEnter}
128
- onDragLeave={onDragLeave}
129
- onDrop={onDrop}
130
- onDropFiles={onDropFiles}
131
- onChange={onChange}
132
- onChoseFiles={onChoseFiles}
133
- />
134
- );
135
- }
136
- ```
@@ -1,38 +0,0 @@
1
- export var classes = {
2
- stretch: 'dropzone-stretch',
3
- active: 'dropzone-active',
4
- verticalContentPlacing: 'dropzone-vertical-content-placing',
5
- disabled: 'dropzone-disabled'
6
- };
7
- export var privateTokens = {
8
- width: '--plasma_private-dropzone-width',
9
- height: '--plasma_private-dropzone-height'
10
- };
11
- export var tokens = {
12
- background: '--plasma-dropzone-background',
13
- backgroundHover: '--plasma-dropzone-background-hover',
14
- overlayColorActive: '--plasma-dropzone-overlay-color-active',
15
- border: '--plasma-dropzone-border-color',
16
- borderColorHover: '--plasma-dropzone-border-color-hover',
17
- borderColorActive: '--plasma-dropzone-border-color-active',
18
- titleColor: '--plasma-dropzone-title-color',
19
- descriptionColor: '--plasma-dropzone-description-color',
20
- padding: '--plasma-dropzone-padding',
21
- borderRadius: '--plasma-dropzone-border-radius',
22
- contentGap: '--plasma-dropzone-content-gap',
23
- titleWrapperGap: '--plasma-dropzone-title-wrapper-gap',
24
- titleWrapperGapColumn: '--plasma-dropzone-title-wrapper-column-gap',
25
- titleFontFamily: '--plasma-dropzone-title-font-family',
26
- titleFontSize: '--plasma-dropzone-title-font-size',
27
- titleFontStyle: '--plasma-dropzone-title-font-style',
28
- titleFontWeight: '--plasma-dropzone-title-font-weight',
29
- titleLetterSpacing: '--plasma-dropzone-title-letter-spacing',
30
- titleLineHeight: '--plasma-dropzone-title-line-height',
31
- descriptionFontFamily: '--plasma-dropzone-description-font-family',
32
- descriptionFontSize: '--plasma-dropzone-description-font-size',
33
- descriptionFontStyle: '--plasma-dropzone-description-font-style',
34
- descriptionFontWeight: '--plasma-dropzone-description-font-weight',
35
- descriptionLetterSpacing: '--plasma-dropzone-description-letter-spacing',
36
- descriptionLineHeight: '--plasma-dropzone-description-line-height',
37
- disabledOpacity: '--plasma-dropzone-disabled-opacity'
38
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,2 +0,0 @@
1
- export { dropzoneRoot, dropzoneConfig } from './Dropzone';
2
- export { classes as dropzoneClasses, tokens as dropzoneTokens } from './Dropzone.tokens';
@@ -1,3 +0,0 @@
1
- import { css } from '@emotion/react';
2
- import { classes, tokens } from '../../Dropzone.tokens';
3
- export var base = /*#__PURE__*/css("&.", classes.disabled, "{opacity:var(", tokens.disabledOpacity, ");cursor:not-allowed;};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvdmFyaWF0aW9ucy9fZGlzYWJsZWQvYmFzZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFJdUIiLCJmaWxlIjoiLi4vLi4vLi4vLi4vLi4vLi4vc3JjLWVtb3Rpb24vY29tcG9uZW50cy9Ecm9wem9uZS92YXJpYXRpb25zL19kaXNhYmxlZC9iYXNlLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBjbGFzc2VzLCB0b2tlbnMgfSBmcm9tICcuLi8uLi9Ecm9wem9uZS50b2tlbnMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICAmLiR7Y2xhc3Nlcy5kaXNhYmxlZH0ge1xuICAgICAgICBvcGFjaXR5OiB2YXIoJHt0b2tlbnMuZGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgfVxuYDtcbiJdfQ== */"));
@@ -1,4 +0,0 @@
1
- {
2
- "type": "boolean",
3
- "tokens": ["--plasma-dropzone-disabled-opacity"]
4
- }
@@ -1,4 +0,0 @@
1
- import { css } from '@emotion/react';
2
- import { classes, privateTokens, tokens } from '../../Dropzone.tokens';
3
- import { Content, Description, DropzoneHandlerOverlay, Title, TitleWrapper } from '../../Dropzone.styles';
4
- export var base = /*#__PURE__*/css("padding:var(", tokens.padding, ");border-radius:var(", tokens.borderRadius, ");height:var(", privateTokens.height, ");width:var(", privateTokens.width, ");&.", classes.stretch, "{width:100%;}", DropzoneHandlerOverlay, "{border-radius:var(", tokens.borderRadius, ");}", Content, "{gap:var(", tokens.contentGap, ");}", TitleWrapper, "{display:flex;align-items:center;justify-content:center;gap:var(", tokens.titleWrapperGap, ");&.", classes.verticalContentPlacing, "{flex-direction:column;gap:var(", tokens.titleWrapperGapColumn, ");}}", Title, "{font-family:var(", tokens.titleFontFamily, ");font-size:var(", tokens.titleFontSize, ");font-style:var(", tokens.titleFontStyle, ");font-weight:var(", tokens.titleFontWeight, ");letter-spacing:var(", tokens.titleLetterSpacing, ");line-height:var(", tokens.titleLineHeight, ");}", Description, "{font-family:var(", tokens.descriptionFontFamily, ");font-size:var(", tokens.descriptionFontSize, ");font-style:var(", tokens.descriptionFontStyle, ");font-weight:var(", tokens.descriptionFontWeight, ");letter-spacing:var(", tokens.descriptionLetterSpacing, ");line-height:var(", tokens.descriptionLineHeight, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvdmFyaWF0aW9ucy9fc2l6ZS9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Ryb3B6b25lL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgcHJpdmF0ZVRva2VucywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vRHJvcHpvbmUudG9rZW5zJztcbmltcG9ydCB7IENvbnRlbnQsIERlc2NyaXB0aW9uLCBEcm9wem9uZUhhbmRsZXJPdmVybGF5LCBUaXRsZSwgVGl0bGVXcmFwcGVyIH0gZnJvbSAnLi4vLi4vRHJvcHpvbmUuc3R5bGVzJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcGFkZGluZzogdmFyKCR7dG9rZW5zLnBhZGRpbmd9KTtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgaGVpZ2h0OiB2YXIoJHtwcml2YXRlVG9rZW5zLmhlaWdodH0pO1xuICAgIHdpZHRoOiB2YXIoJHtwcml2YXRlVG9rZW5zLndpZHRofSk7XG5cbiAgICAmLiR7Y2xhc3Nlcy5zdHJldGNofSB7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cblxuICAgICR7RHJvcHpvbmVIYW5kbGVyT3ZlcmxheX0ge1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoJHt0b2tlbnMuYm9yZGVyUmFkaXVzfSk7XG4gICAgfVxuXG4gICAgJHtDb250ZW50fSB7XG4gICAgICAgIGdhcDogdmFyKCR7dG9rZW5zLmNvbnRlbnRHYXB9KTtcbiAgICB9XG5cbiAgICAke1RpdGxlV3JhcHBlcn0ge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcblxuICAgICAgICBnYXA6IHZhcigke3Rva2Vucy50aXRsZVdyYXBwZXJHYXB9KTtcblxuICAgICAgICAmLiR7Y2xhc3Nlcy52ZXJ0aWNhbENvbnRlbnRQbGFjaW5nfSB7XG4gICAgICAgICAgICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICAgICAgICAgICAgZ2FwOiB2YXIoJHt0b2tlbnMudGl0bGVXcmFwcGVyR2FwQ29sdW1ufSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAke1RpdGxlfSB7XG4gICAgICAgIGZvbnQtZmFtaWx5OiB2YXIoJHt0b2tlbnMudGl0bGVGb250RmFtaWx5fSk7XG4gICAgICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLnRpdGxlRm9udFNpemV9KTtcbiAgICAgICAgZm9udC1zdHlsZTogdmFyKCR7dG9rZW5zLnRpdGxlRm9udFN0eWxlfSk7XG4gICAgICAgIGZvbnQtd2VpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVGb250V2VpZ2h0fSk7XG4gICAgICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMudGl0bGVMZXR0ZXJTcGFjaW5nfSk7XG4gICAgICAgIGxpbmUtaGVpZ2h0OiB2YXIoJHt0b2tlbnMudGl0bGVMaW5lSGVpZ2h0fSk7XG4gICAgfVxuXG4gICAgJHtEZXNjcmlwdGlvbn0ge1xuICAgICAgICBmb250LWZhbWlseTogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX0pO1xuICAgICAgICBmb250LXNpemU6IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfSk7XG4gICAgICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX0pO1xuICAgICAgICBmb250LXdlaWdodDogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH0pO1xuICAgICAgICBsZXR0ZXItc3BhY2luZzogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ30pO1xuICAgICAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uTGluZUhlaWdodH0pO1xuICAgIH1cbmA7XG4iXX0= */"));
@@ -1,19 +0,0 @@
1
- [
2
- "--plasma-dropzone-padding",
3
- "--plasma-dropzone-border-radius",
4
- "--plasma-dropzone-content-gap",
5
- "--plasma-dropzone-title-wrapper-gap",
6
- "--plasma-dropzone-title-wrapper-gap",
7
- "--plasma-dropzone-title-font-family",
8
- "--plasma-dropzone-title-font-size",
9
- "--plasma-dropzone-title-font-style",
10
- "--plasma-dropzone-title-font-weight",
11
- "--plasma-dropzone-title-letter-spacing",
12
- "--plasma-dropzone-title-line-height",
13
- "--plasma-dropzone-description-font-family",
14
- "--plasma-dropzone-description-font-size",
15
- "--plasma-dropzone-description-font-style",
16
- "--plasma-dropzone-description-font-weight",
17
- "--plasma-dropzone-description-letter-spacing",
18
- "--plasma-dropzone-description-line-height"
19
- ]
@@ -1,4 +0,0 @@
1
- import { css } from '@emotion/react';
2
- import { classes, tokens } from '../../Dropzone.tokens';
3
- import { Description, DropzoneHandlerOverlay, TitleWrapper } from '../../Dropzone.styles';
4
- export var base = /*#__PURE__*/css("background:var(", tokens.background, ");border:var(", tokens.border, ");&:not(.", classes.active, "):hover,&:not(.", classes.active, "):focus-within{background:var(", tokens.backgroundHover, ");border-color:var(", tokens.borderColorHover, ");outline:none;}&.", classes.active, "{border-color:var(", tokens.borderColorActive, ");", DropzoneHandlerOverlay, "{background:var(", tokens.overlayColorActive, ");}}", TitleWrapper, "{color:var(", tokens.titleColor, ");}", Description, "{color:var(", tokens.descriptionColor, ");};label:plasma-new-hope__base;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvRHJvcHpvbmUvdmFyaWF0aW9ucy9fdmlldy9iYXNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUt1QiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0Ryb3B6b25lL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcblxuaW1wb3J0IHsgY2xhc3NlcywgdG9rZW5zIH0gZnJvbSAnLi4vLi4vRHJvcHpvbmUudG9rZW5zJztcbmltcG9ydCB7IERlc2NyaXB0aW9uLCBEcm9wem9uZUhhbmRsZXJPdmVybGF5LCBUaXRsZVdyYXBwZXIgfSBmcm9tICcuLi8uLi9Ecm9wem9uZS5zdHlsZXMnO1xuXG5leHBvcnQgY29uc3QgYmFzZSA9IGNzc2BcbiAgICBiYWNrZ3JvdW5kOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZH0pO1xuICAgIGJvcmRlcjogdmFyKCR7dG9rZW5zLmJvcmRlcn0pO1xuXG4gICAgJjpub3QoLiR7Y2xhc3Nlcy5hY3RpdmV9KTpob3ZlcixcbiAgICAmOm5vdCguJHtjbGFzc2VzLmFjdGl2ZX0pOmZvY3VzLXdpdGhpbiB7XG4gICAgICAgIGJhY2tncm91bmQ6IHZhcigke3Rva2Vucy5iYWNrZ3JvdW5kSG92ZXJ9KTtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiB2YXIoJHt0b2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn0pO1xuICAgICAgICBvdXRsaW5lOiBub25lO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLmFjdGl2ZX0ge1xuICAgICAgICBib3JkZXItY29sb3I6IHZhcigke3Rva2Vucy5ib3JkZXJDb2xvckFjdGl2ZX0pO1xuXG4gICAgICAgICR7RHJvcHpvbmVIYW5kbGVyT3ZlcmxheX0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogdmFyKCR7dG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX0pO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJHtUaXRsZVdyYXBwZXJ9IHtcbiAgICAgICAgY29sb3I6IHZhcigke3Rva2Vucy50aXRsZUNvbG9yfSk7XG4gICAgfVxuXG4gICAgJHtEZXNjcmlwdGlvbn0ge1xuICAgICAgICBjb2xvcjogdmFyKCR7dG9rZW5zLmRlc2NyaXB0aW9uQ29sb3J9KTtcbiAgICB9XG5gO1xuIl19 */"));
@@ -1,9 +0,0 @@
1
- [
2
- "--plasma-dropzone-background",
3
- "--plasma-dropzone-overlay-color-active",
4
- "--plasma-dropzone-border-color",
5
- "--plasma-dropzone-border-color-hover",
6
- "--plasma-dropzone-border-color-active",
7
- "--plasma-dropzone-title-color",
8
- "--plasma-dropzone-description-color"
9
- ]
@@ -1,16 +0,0 @@
1
- var _path;
2
- 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); }
3
- import React from 'react';
4
- export var ArrowBarDown = function ArrowBarDown(props) {
5
- return /*#__PURE__*/React.createElement("svg", _extends({
6
- width: "100%",
7
- viewBox: "0 0 16 16",
8
- fill: "none",
9
- xmlns: "http://www.w3.org/2000/svg"
10
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
- fillRule: "evenodd",
12
- clipRule: "evenodd",
13
- 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",
14
- fill: "currentColor"
15
- })));
16
- };
@@ -1,15 +0,0 @@
1
- import React from 'react';
2
- import { ArrowBarDown } from '../Icon.assets/ArrowBarDown';
3
- import { IconRoot } from '../IconRoot';
4
- export var IconArrowBarDown = function IconArrowBarDown(_ref) {
5
- var _ref$size = _ref.size,
6
- size = _ref$size === void 0 ? 'xs' : _ref$size,
7
- color = _ref.color,
8
- className = _ref.className;
9
- return /*#__PURE__*/React.createElement(IconRoot, {
10
- className: className,
11
- size: size,
12
- color: color,
13
- icon: ArrowBarDown
14
- });
15
- };
@@ -1,19 +0,0 @@
1
- import { css } from '@emotion/react';
2
- import { dropzoneTokens } from '../../../../components/Dropzone';
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'm'
7
- },
8
- variations: {
9
- view: {
10
- "default": /*#__PURE__*/css(dropzoneTokens.background, ":var(--surface-solid-card);", dropzoneTokens.backgroundHover, ":var(--surface-solid-card-hover);", dropzoneTokens.overlayColorActive, ":var(--overlay-soft);", dropzoneTokens.border, ":0.063rem dashed var(--outline-secondary);", dropzoneTokens.borderColorHover, ":var(--outline-secondary-hover);", dropzoneTokens.borderColorActive, ":var(--outline-accent);", dropzoneTokens.titleColor, ":var(--text-primary);", dropzoneTokens.descriptionColor, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGRyb3B6b25lVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ecm9wem9uZSc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYmFja2dyb3VuZEhvdmVyfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX06IHZhcigtLW92ZXJsYXktc29mdCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJ9OiAwLjA2M3JlbSBkYXNoZWQgdmFyKC0tb3V0bGluZS1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9yQWN0aXZlfTogdmFyKC0tb3V0bGluZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMucGFkZGluZ306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlclJhZGl1c306IDEuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5jb250ZW50R2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVXcmFwcGVyR2FwQ29sdW1ufTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWg0LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWg0LWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
11
- },
12
- size: {
13
- m: /*#__PURE__*/css(dropzoneTokens.padding, ":1.5rem;", dropzoneTokens.borderRadius, ":1.25rem;", dropzoneTokens.contentGap, ":0.75rem;", dropzoneTokens.titleWrapperGap, ":0.375rem;", dropzoneTokens.titleWrapperGapColumn, ":0.5rem;", dropzoneTokens.titleFontFamily, ":var(--plasma-typo-h4-font-family);", dropzoneTokens.titleFontSize, ":var(--plasma-typo-h4-font-size);", dropzoneTokens.titleFontStyle, ":var(--plasma-typo-h4-font-style);", dropzoneTokens.titleFontWeight, ":var(--plasma-typo-h4-bold-font-weight);", dropzoneTokens.titleLetterSpacing, ":var(--plasma-typo-h4-letter-spacing);", dropzoneTokens.titleLineHeight, ":var(--plasma-typo-h4-line-height);", dropzoneTokens.descriptionFontFamily, ":var(--plasma-typo-body-s-font-family);", dropzoneTokens.descriptionFontSize, ":var(--plasma-typo-body-s-font-size);", dropzoneTokens.descriptionFontStyle, ":var(--plasma-typo-body-s-font-style);", dropzoneTokens.descriptionFontWeight, ":var(--plasma-typo-body-s-font-weight);", dropzoneTokens.descriptionLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", dropzoneTokens.descriptionLineHeight, ":var(--plasma-typo-body-s-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmRIb3Zlcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZC1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5vdmVybGF5Q29sb3JBY3RpdmV9OiB2YXIoLS1vdmVybGF5LXNvZnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyfTogMC4wNjNyZW0gZGFzaGVkIHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9OiB2YXIoLS1vdXRsaW5lLXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJDb2xvckFjdGl2ZX06IHZhcigtLW91dGxpbmUtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnBhZGRpbmd9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJSYWRpdXN9OiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuY29udGVudEdhcH06IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZVdyYXBwZXJHYXB9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcENvbHVtbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
14
- },
15
- disabled: {
16
- "true": /*#__PURE__*/css(dropzoneTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV9iMmMvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfYjJjL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmRIb3Zlcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZC1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5vdmVybGF5Q29sb3JBY3RpdmV9OiB2YXIoLS1vdmVybGF5LXNvZnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyfTogMC4wNjNyZW0gZGFzaGVkIHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9OiB2YXIoLS1vdXRsaW5lLXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJDb2xvckFjdGl2ZX06IHZhcigtLW91dGxpbmUtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnBhZGRpbmd9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJSYWRpdXN9OiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuY29udGVudEdhcH06IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZVdyYXBwZXJHYXB9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcENvbHVtbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
17
- }
18
- }
19
- };
@@ -1,5 +0,0 @@
1
- import { dropzoneConfig } from '../../../../components/Dropzone';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Dropzone.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(dropzoneConfig, config);
5
- export var Dropzone = /*#__PURE__*/component(mergedConfig);
@@ -1,57 +0,0 @@
1
- import React, { ComponentProps } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
-
8
- import { Dropzone } from './Dropzone';
9
-
10
- const onDragEnter = action('onDragEnter');
11
- const onDragLeave = action('onDragLeave');
12
- const onDrop = action('onDrop');
13
- const onChange = action('onChange');
14
- const onChoseFiles = action('onChoseFiles');
15
-
16
- const iconPlacements = ['top', 'left'];
17
-
18
- const meta: Meta<typeof Dropzone> = {
19
- title: 'plasma_b2c/Dropzone',
20
- component: Dropzone,
21
- decorators: [WithTheme],
22
- argTypes: {
23
- iconPlacement: {
24
- options: iconPlacements,
25
- control: {
26
- type: 'inline-radio',
27
- },
28
- defaultValue: 'top',
29
- },
30
- ...disableProps(['view', 'size']),
31
- },
32
- };
33
-
34
- export default meta;
35
-
36
- type StoryPropsDefault = ComponentProps<typeof Dropzone>;
37
-
38
- export const Default: StoryObj<StoryPropsDefault> = {
39
- args: {
40
- iconPlacement: 'top',
41
- width: 400,
42
- height: 280,
43
- disabled: false,
44
- title: 'Click to upload',
45
- description: 'or drag and drop files here',
46
- },
47
- render: (args) => (
48
- <Dropzone
49
- {...args}
50
- onDragEnter={onDragEnter}
51
- onDragLeave={onDragLeave}
52
- onDrop={onDrop}
53
- onChange={onChange}
54
- onChoseFiles={onChoseFiles}
55
- />
56
- ),
57
- };
@@ -1,19 +0,0 @@
1
- import { css } from '@emotion/react';
2
- import { dropzoneTokens } from '../../../../components/Dropzone';
3
- export var config = {
4
- defaults: {
5
- view: 'default',
6
- size: 'm'
7
- },
8
- variations: {
9
- view: {
10
- "default": /*#__PURE__*/css(dropzoneTokens.background, ":var(--surface-solid-card);", dropzoneTokens.backgroundHover, ":var(--surface-solid-card-hover);", dropzoneTokens.overlayColorActive, ":var(--overlay-soft);", dropzoneTokens.border, ":0.063rem dashed var(--outline-secondary);", dropzoneTokens.borderColorHover, ":var(--outline-secondary-hover);", dropzoneTokens.borderColorActive, ":var(--outline-accent);", dropzoneTokens.titleColor, ":var(--text-primary);", dropzoneTokens.descriptionColor, ":var(--text-secondary);;label:plasma-new-hope__default;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV3dCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmltcG9ydCB7IGRyb3B6b25lVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vLi4vY29tcG9uZW50cy9Ecm9wem9uZSc7XG5cbmV4cG9ydCBjb25zdCBjb25maWcgPSB7XG4gICAgZGVmYXVsdHM6IHtcbiAgICAgICAgdmlldzogJ2RlZmF1bHQnLFxuICAgICAgICBzaXplOiAnbScsXG4gICAgfSxcbiAgICB2YXJpYXRpb25zOiB7XG4gICAgICAgIHZpZXc6IHtcbiAgICAgICAgICAgIGRlZmF1bHQ6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmR9OiB2YXIoLS1zdXJmYWNlLXNvbGlkLWNhcmQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYmFja2dyb3VuZEhvdmVyfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkLWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLm92ZXJsYXlDb2xvckFjdGl2ZX06IHZhcigtLW92ZXJsYXktc29mdCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJ9OiAwLjA2M3JlbSBkYXNoZWQgdmFyKC0tb3V0bGluZS1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyQ29sb3JIb3Zlcn06IHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5LWhvdmVyKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9yQWN0aXZlfTogdmFyKC0tb3V0bGluZS1hY2NlbnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVDb2xvcn06IHZhcigtLXRleHQtcHJpbWFyeSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkNvbG9yfTogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgc2l6ZToge1xuICAgICAgICAgICAgbTogY3NzYFxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMucGFkZGluZ306IDEuNXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlclJhZGl1c306IDEuMjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5jb250ZW50R2FwfTogMC43NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcH06IDAuMzc1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVXcmFwcGVyR2FwQ29sdW1ufTogMC41cmVtO1xuXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRGYW1pbHl9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1zdHlsZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRXZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1ib2xkLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWg0LWxldHRlci1zcGFjaW5nKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlTGluZUhlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWg0LWxpbmUtaGVpZ2h0KTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtZmFtaWx5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFNpemV9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtZm9udC1zaXplKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFN0eWxlfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Gb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtd2VpZ2h0KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uTGV0dGVyU3BhY2luZ306IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGluZS1oZWlnaHQpO1xuICAgICAgICAgICAgYCxcbiAgICAgICAgfSxcbiAgICAgICAgZGlzYWJsZWQ6IHtcbiAgICAgICAgICAgIHRydWU6IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRpc2FibGVkT3BhY2l0eX06IDAuNDtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgfSxcbn07XG4iXX0= */"))
11
- },
12
- size: {
13
- m: /*#__PURE__*/css(dropzoneTokens.padding, ":1.5rem;", dropzoneTokens.borderRadius, ":1.25rem;", dropzoneTokens.contentGap, ":0.75rem;", dropzoneTokens.titleWrapperGap, ":0.375rem;", dropzoneTokens.titleWrapperGapColumn, ":0.5rem;", dropzoneTokens.titleFontFamily, ":var(--plasma-typo-h4-font-family);", dropzoneTokens.titleFontSize, ":var(--plasma-typo-h4-font-size);", dropzoneTokens.titleFontStyle, ":var(--plasma-typo-h4-font-style);", dropzoneTokens.titleFontWeight, ":var(--plasma-typo-h4-bold-font-weight);", dropzoneTokens.titleLetterSpacing, ":var(--plasma-typo-h4-letter-spacing);", dropzoneTokens.titleLineHeight, ":var(--plasma-typo-h4-line-height);", dropzoneTokens.descriptionFontFamily, ":var(--plasma-typo-body-s-font-family);", dropzoneTokens.descriptionFontSize, ":var(--plasma-typo-body-s-font-size);", dropzoneTokens.descriptionFontStyle, ":var(--plasma-typo-body-s-font-style);", dropzoneTokens.descriptionFontWeight, ":var(--plasma-typo-body-s-font-weight);", dropzoneTokens.descriptionLetterSpacing, ":var(--plasma-typo-body-s-letter-spacing);", dropzoneTokens.descriptionLineHeight, ":var(--plasma-typo-body-s-line-height);;label:plasma-new-hope__m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUJrQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmRIb3Zlcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZC1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5vdmVybGF5Q29sb3JBY3RpdmV9OiB2YXIoLS1vdmVybGF5LXNvZnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyfTogMC4wNjNyZW0gZGFzaGVkIHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9OiB2YXIoLS1vdXRsaW5lLXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJDb2xvckFjdGl2ZX06IHZhcigtLW91dGxpbmUtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnBhZGRpbmd9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJSYWRpdXN9OiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuY29udGVudEdhcH06IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZVdyYXBwZXJHYXB9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcENvbHVtbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
14
- },
15
- disabled: {
16
- "true": /*#__PURE__*/css(dropzoneTokens.disabledOpacity, ":0.4;;label:plasma-new-hope__true;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2V4YW1wbGVzL3BsYXNtYV93ZWIvY29tcG9uZW50cy9Ecm9wem9uZS9Ecm9wem9uZS5jb25maWcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOENxQiIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9leGFtcGxlcy9wbGFzbWFfd2ViL2NvbXBvbmVudHMvRHJvcHpvbmUvRHJvcHpvbmUuY29uZmlnLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuXG5pbXBvcnQgeyBkcm9wem9uZVRva2VucyB9IGZyb20gJy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvRHJvcHpvbmUnO1xuXG5leHBvcnQgY29uc3QgY29uZmlnID0ge1xuICAgIGRlZmF1bHRzOiB7XG4gICAgICAgIHZpZXc6ICdkZWZhdWx0JyxcbiAgICAgICAgc2l6ZTogJ20nLFxuICAgIH0sXG4gICAgdmFyaWF0aW9uczoge1xuICAgICAgICB2aWV3OiB7XG4gICAgICAgICAgICBkZWZhdWx0OiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5iYWNrZ3JvdW5kfTogdmFyKC0tc3VyZmFjZS1zb2xpZC1jYXJkKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJhY2tncm91bmRIb3Zlcn06IHZhcigtLXN1cmZhY2Utc29saWQtY2FyZC1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5vdmVybGF5Q29sb3JBY3RpdmV9OiB2YXIoLS1vdmVybGF5LXNvZnQpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuYm9yZGVyfTogMC4wNjNyZW0gZGFzaGVkIHZhcigtLW91dGxpbmUtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmJvcmRlckNvbG9ySG92ZXJ9OiB2YXIoLS1vdXRsaW5lLXNlY29uZGFyeS1ob3Zlcik7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJDb2xvckFjdGl2ZX06IHZhcigtLW91dGxpbmUtYWNjZW50KTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlQ29sb3J9OiB2YXIoLS10ZXh0LXByaW1hcnkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25Db2xvcn06IHZhcigtLXRleHQtc2Vjb25kYXJ5KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIHNpemU6IHtcbiAgICAgICAgICAgIG06IGNzc2BcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnBhZGRpbmd9OiAxLjVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5ib3JkZXJSYWRpdXN9OiAxLjI1cmVtO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuY29udGVudEdhcH06IDAuNzVyZW07XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZVdyYXBwZXJHYXB9OiAwLjM3NXJlbTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLnRpdGxlV3JhcHBlckdhcENvbHVtbn06IDAuNXJlbTtcblxuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250RmFtaWx5fTogdmFyKC0tcGxhc21hLXR5cG8taDQtZm9udC1mYW1pbHkpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250U2l6ZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWg0LWZvbnQtc3R5bGUpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMudGl0bGVGb250V2VpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8taDQtYm9sZC1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1sZXR0ZXItc3BhY2luZyk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy50aXRsZUxpbmVIZWlnaHR9OiB2YXIoLS1wbGFzbWEtdHlwby1oNC1saW5lLWhlaWdodCk7XG5cbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udEZhbWlseX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LWZhbWlseSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTaXplfTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWZvbnQtc2l6ZSk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkZvbnRTdHlsZX06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXN0eWxlKTtcbiAgICAgICAgICAgICAgICAke2Ryb3B6b25lVG9rZW5zLmRlc2NyaXB0aW9uRm9udFdlaWdodH06IHZhcigtLXBsYXNtYS10eXBvLWJvZHktcy1mb250LXdlaWdodCk7XG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kZXNjcmlwdGlvbkxldHRlclNwYWNpbmd9OiB2YXIoLS1wbGFzbWEtdHlwby1ib2R5LXMtbGV0dGVyLXNwYWNpbmcpO1xuICAgICAgICAgICAgICAgICR7ZHJvcHpvbmVUb2tlbnMuZGVzY3JpcHRpb25MaW5lSGVpZ2h0fTogdmFyKC0tcGxhc21hLXR5cG8tYm9keS1zLWxpbmUtaGVpZ2h0KTtcbiAgICAgICAgICAgIGAsXG4gICAgICAgIH0sXG4gICAgICAgIGRpc2FibGVkOiB7XG4gICAgICAgICAgICB0cnVlOiBjc3NgXG4gICAgICAgICAgICAgICAgJHtkcm9wem9uZVRva2Vucy5kaXNhYmxlZE9wYWNpdHl9OiAwLjQ7XG4gICAgICAgICAgICBgLFxuICAgICAgICB9LFxuICAgIH0sXG59O1xuIl19 */"))
17
- }
18
- }
19
- };
@@ -1,5 +0,0 @@
1
- import { dropzoneConfig } from '../../../../components/Dropzone';
2
- import { component, mergeConfig } from '../../../../engines';
3
- import { config } from './Dropzone.config';
4
- var mergedConfig = /*#__PURE__*/mergeConfig(dropzoneConfig, config);
5
- export var Dropzone = /*#__PURE__*/component(mergedConfig);
@@ -1,57 +0,0 @@
1
- import React, { ComponentProps } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions';
4
- import { disableProps } from '@salutejs/plasma-sb-utils';
5
-
6
- import { WithTheme } from '../../../_helpers';
7
-
8
- import { Dropzone } from './Dropzone';
9
-
10
- const onDragEnter = action('onDragEnter');
11
- const onDragLeave = action('onDragLeave');
12
- const onDrop = action('onDrop');
13
- const onChange = action('onChange');
14
- const onChoseFiles = action('onChoseFiles');
15
-
16
- const iconPlacements = ['top', 'left'];
17
-
18
- const meta: Meta<typeof Dropzone> = {
19
- title: 'plasma_web/Dropzone',
20
- component: Dropzone,
21
- decorators: [WithTheme],
22
- argTypes: {
23
- iconPlacement: {
24
- options: iconPlacements,
25
- control: {
26
- type: 'inline-radio',
27
- },
28
- defaultValue: 'top',
29
- },
30
- ...disableProps(['view', 'size']),
31
- },
32
- };
33
-
34
- export default meta;
35
-
36
- type StoryPropsDefault = ComponentProps<typeof Dropzone>;
37
-
38
- export const Default: StoryObj<StoryPropsDefault> = {
39
- args: {
40
- iconPlacement: 'top',
41
- width: 400,
42
- height: 280,
43
- disabled: false,
44
- title: 'Click to upload',
45
- description: 'or drag and drop files here',
46
- },
47
- render: (args) => (
48
- <Dropzone
49
- {...args}
50
- onDragEnter={onDragEnter}
51
- onDragLeave={onDragLeave}
52
- onDrop={onDrop}
53
- onChange={onChange}
54
- onChoseFiles={onChoseFiles}
55
- />
56
- ),
57
- };
@@ -1,15 +0,0 @@
1
- .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
2
-
3
- .base_1pdzq6t_byh8zio__d97f375f{background:var(--plasma-dropzone-background);border:var(--plasma-dropzone-border-color);}.base_1pdzq6t_byh8zio__d97f375f:not(.base_1pdzq6t_dropzoneActive__d97f375f):hover,.base_1pdzq6t_byh8zio__d97f375f:not(.base_1pdzq6t_dropzoneActive__d97f375f):focus-within{background:var(--plasma-dropzone-background-hover);border-color:var(--plasma-dropzone-border-color-hover);outline:none;}.base_1pdzq6t_byh8zio__d97f375f.base_1pdzq6t_dropzoneActive__d97f375f{border-color:var(--plasma-dropzone-border-color-active);}.base_1pdzq6t_byh8zio__d97f375f.base_1pdzq6t_dropzoneActive__d97f375f .base_1pdzq6t_dqiwesh__d97f375f{background:var(--plasma-dropzone-overlay-color-active);}.base_1pdzq6t_byh8zio__d97f375f .base_1pdzq6t_twnyozc__d97f375f{color:var(--plasma-dropzone-title-color);}.base_1pdzq6t_byh8zio__d97f375f .base_1pdzq6t_d1nsxook__d97f375f{color:var(--plasma-dropzone-description-color);}
4
-
5
- .base_1bt22g1_b1q81cck__c0e52b1e{padding:var(--plasma-dropzone-padding);border-radius:var(--plasma-dropzone-border-radius);height:var(--plasma_private-dropzone-height);width:var(--plasma_private-dropzone-width);}.base_1bt22g1_b1q81cck__c0e52b1e.base_1bt22g1_dropzoneStretch__c0e52b1e{width:100%;}.base_1bt22g1_b1q81cck__c0e52b1e .base_1bt22g1_dqiwesh__c0e52b1e{border-radius:var(--plasma-dropzone-border-radius);}.base_1bt22g1_b1q81cck__c0e52b1e .base_1bt22g1_c1afz1o5__c0e52b1e{gap:var(--plasma-dropzone-content-gap);}.base_1bt22g1_b1q81cck__c0e52b1e .base_1bt22g1_twnyozc__c0e52b1e{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:var(--plasma-dropzone-title-wrapper-gap);}.base_1bt22g1_b1q81cck__c0e52b1e .base_1bt22g1_twnyozc__c0e52b1e.base_1bt22g1_dropzoneVerticalContentPlacing__c0e52b1e{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-dropzone-title-wrapper-column-gap);}.base_1bt22g1_b1q81cck__c0e52b1e .base_1bt22g1_tahwclk__c0e52b1e{font-family:var(--plasma-dropzone-title-font-family);font-size:var(--plasma-dropzone-title-font-size);font-style:var(--plasma-dropzone-title-font-style);font-weight:var(--plasma-dropzone-title-font-weight);-webkit-letter-spacing:var(--plasma-dropzone-title-letter-spacing);-moz-letter-spacing:var(--plasma-dropzone-title-letter-spacing);-ms-letter-spacing:var(--plasma-dropzone-title-letter-spacing);letter-spacing:var(--plasma-dropzone-title-letter-spacing);line-height:var(--plasma-dropzone-title-line-height);}.base_1bt22g1_b1q81cck__c0e52b1e .base_1bt22g1_d1nsxook__c0e52b1e{font-family:var(--plasma-dropzone-description-font-family);font-size:var(--plasma-dropzone-description-font-size);font-style:var(--plasma-dropzone-description-font-style);font-weight:var(--plasma-dropzone-description-font-weight);-webkit-letter-spacing:var(--plasma-dropzone-description-letter-spacing);-moz-letter-spacing:var(--plasma-dropzone-description-letter-spacing);-ms-letter-spacing:var(--plasma-dropzone-description-letter-spacing);letter-spacing:var(--plasma-dropzone-description-letter-spacing);line-height:var(--plasma-dropzone-description-line-height);}
6
-
7
- .base_3qwygi_b1t0rfqa__f5b3e7aa.base_3qwygi_dropzoneDisabled__f5b3e7aa{opacity:var(--plasma-dropzone-disabled-opacity);cursor:not-allowed;}
8
-
9
- .Dropzone_styles_1fo7dbq_bfglrd7__65c68d0a{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;}
10
- .Dropzone_styles_1fo7dbq_dqiwesh__65c68d0a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;}
11
- .Dropzone_styles_1fo7dbq_c1afz1o5__65c68d0a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
12
-
13
-
14
-
15
- .Dropzone_styles_1fo7dbq_hzipmyu__65c68d0a{display:none;}