@salutejs/plasma-new-hope 0.88.0-canary.1223.9316788273.0 → 0.88.0-canary.1225.9347054103.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (254) hide show
  1. package/cjs/components/Sheet/Sheet.css +5 -0
  2. package/cjs/components/Sheet/Sheet.js +91 -0
  3. package/cjs/components/Sheet/Sheet.js.map +1 -0
  4. package/cjs/components/Sheet/Sheet.styles.js +62 -0
  5. package/cjs/components/Sheet/Sheet.styles.js.map +1 -0
  6. package/cjs/components/Sheet/Sheet.styles_1bm46e7.css +5 -0
  7. package/cjs/components/Sheet/Sheet.tokens.js +16 -0
  8. package/cjs/components/Sheet/Sheet.tokens.js.map +1 -0
  9. package/cjs/components/Sheet/hooks/useSheet.js +26 -0
  10. package/cjs/components/Sheet/hooks/useSheet.js.map +1 -0
  11. package/cjs/components/Sheet/hooks/useSheetSwipe.js +98 -0
  12. package/cjs/components/Sheet/hooks/useSheetSwipe.js.map +1 -0
  13. package/cjs/components/Sheet/hooks/useThemeContext.js +17 -0
  14. package/cjs/components/Sheet/hooks/useThemeContext.js.map +1 -0
  15. package/cjs/components/Sheet/utils/handleTransition.js +14 -0
  16. package/cjs/components/Sheet/utils/handleTransition.js.map +1 -0
  17. package/cjs/components/{Accordion/variations/_size → Sheet/variations/_view}/base.js +1 -1
  18. package/cjs/components/Sheet/variations/_view/base.js.map +1 -0
  19. package/cjs/index.css +6 -2
  20. package/cjs/index.js +6 -8
  21. package/cjs/index.js.map +1 -1
  22. package/es/components/Sheet/Sheet.css +5 -0
  23. package/es/components/Sheet/Sheet.js +86 -0
  24. package/es/components/Sheet/Sheet.js.map +1 -0
  25. package/es/components/Sheet/Sheet.styles.js +54 -0
  26. package/es/components/Sheet/Sheet.styles.js.map +1 -0
  27. package/es/components/Sheet/Sheet.styles_1bm46e7.css +5 -0
  28. package/es/components/Sheet/Sheet.tokens.js +11 -0
  29. package/es/components/Sheet/Sheet.tokens.js.map +1 -0
  30. package/es/components/Sheet/hooks/useSheet.js +22 -0
  31. package/es/components/Sheet/hooks/useSheet.js.map +1 -0
  32. package/es/components/Sheet/hooks/useSheetSwipe.js +94 -0
  33. package/es/components/Sheet/hooks/useSheetSwipe.js.map +1 -0
  34. package/es/components/Sheet/hooks/useThemeContext.js +13 -0
  35. package/es/components/Sheet/hooks/useThemeContext.js.map +1 -0
  36. package/es/components/Sheet/utils/handleTransition.js +10 -0
  37. package/es/components/Sheet/utils/handleTransition.js.map +1 -0
  38. package/es/components/{Accordion → Sheet}/variations/_view/base.js +1 -1
  39. package/es/components/Sheet/variations/_view/base.js.map +1 -0
  40. package/es/index.css +6 -2
  41. package/es/index.js +2 -3
  42. package/es/index.js.map +1 -1
  43. package/package.json +4 -2
  44. package/styled-components/cjs/components/Sheet/Sheet.js +90 -0
  45. package/styled-components/cjs/components/Sheet/Sheet.styles.js +28 -0
  46. package/styled-components/cjs/components/Sheet/Sheet.tokens.js +14 -0
  47. package/styled-components/cjs/components/Sheet/hooks/index.js +26 -0
  48. package/styled-components/cjs/components/Sheet/hooks/useSheet.js +24 -0
  49. package/styled-components/cjs/components/Sheet/hooks/useSheetSwipe.js +102 -0
  50. package/styled-components/cjs/components/Sheet/hooks/useThemeContext.js +15 -0
  51. package/styled-components/cjs/components/Sheet/index.js +31 -0
  52. package/styled-components/cjs/components/Sheet/utils/handleTransition.js +13 -0
  53. package/styled-components/cjs/components/Sheet/utils/index.js +12 -0
  54. package/styled-components/cjs/components/Sheet/variations/_view/tokens.json +3 -0
  55. package/styled-components/cjs/components/_Icon/index.js +1 -15
  56. package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.config.js +18 -0
  57. package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.js +17 -0
  58. package/styled-components/cjs/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +239 -0
  59. package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.config.js +18 -0
  60. package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.js +17 -0
  61. package/styled-components/cjs/examples/plasma_web/components/Sheet/Sheet.stories.tsx +239 -0
  62. package/styled-components/cjs/index.js +11 -11
  63. package/styled-components/es/components/Sheet/Sheet.js +82 -0
  64. package/styled-components/es/components/Sheet/Sheet.styles.js +21 -0
  65. package/styled-components/es/components/Sheet/Sheet.tokens.js +8 -0
  66. package/styled-components/es/components/Sheet/hooks/index.js +3 -0
  67. package/styled-components/es/components/Sheet/hooks/useSheet.js +18 -0
  68. package/styled-components/es/components/Sheet/hooks/useSheetSwipe.js +95 -0
  69. package/styled-components/es/components/Sheet/hooks/useThemeContext.js +9 -0
  70. package/styled-components/es/components/Sheet/index.js +2 -0
  71. package/styled-components/es/components/Sheet/utils/handleTransition.js +7 -0
  72. package/styled-components/es/components/Sheet/utils/index.js +1 -0
  73. package/styled-components/es/components/Sheet/variations/_view/tokens.json +3 -0
  74. package/styled-components/es/components/_Icon/index.js +1 -3
  75. package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.config.js +12 -0
  76. package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.js +6 -0
  77. package/styled-components/es/examples/plasma_b2c/components/Sheet/Sheet.stories.tsx +239 -0
  78. package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.config.js +12 -0
  79. package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.js +6 -0
  80. package/styled-components/es/examples/plasma_web/components/Sheet/Sheet.stories.tsx +239 -0
  81. package/styled-components/es/index.js +2 -2
  82. package/types/components/Sheet/Sheet.d.ts +22 -0
  83. package/types/components/Sheet/Sheet.d.ts.map +1 -0
  84. package/types/components/Sheet/Sheet.styles.d.ts +13 -0
  85. package/types/components/Sheet/Sheet.styles.d.ts.map +1 -0
  86. package/types/components/Sheet/Sheet.tokens.d.ts +9 -0
  87. package/types/components/Sheet/Sheet.tokens.d.ts.map +1 -0
  88. package/types/components/Sheet/Sheet.types.d.ts +35 -0
  89. package/types/components/Sheet/Sheet.types.d.ts.map +1 -0
  90. package/types/components/Sheet/hooks/index.d.ts +4 -0
  91. package/types/components/Sheet/hooks/index.d.ts.map +1 -0
  92. package/types/components/Sheet/hooks/useSheet.d.ts +3 -0
  93. package/types/components/Sheet/hooks/useSheet.d.ts.map +1 -0
  94. package/types/components/Sheet/hooks/useSheetSwipe.d.ts +9 -0
  95. package/types/components/Sheet/hooks/useSheetSwipe.d.ts.map +1 -0
  96. package/types/components/Sheet/hooks/useThemeContext.d.ts +7 -0
  97. package/types/components/Sheet/hooks/useThemeContext.d.ts.map +1 -0
  98. package/types/components/Sheet/index.d.ts +4 -0
  99. package/types/components/Sheet/index.d.ts.map +1 -0
  100. package/types/components/Sheet/utils/handleTransition.d.ts +5 -0
  101. package/types/components/Sheet/utils/handleTransition.d.ts.map +1 -0
  102. package/types/components/Sheet/utils/index.d.ts +2 -0
  103. package/types/components/Sheet/utils/index.d.ts.map +1 -0
  104. package/types/components/Sheet/variations/_view/base.d.ts.map +1 -0
  105. package/types/components/_Icon/index.d.ts +0 -2
  106. package/types/components/_Icon/index.d.ts.map +1 -1
  107. package/types/examples/plasma_b2c/components/Sheet/Sheet.config.d.ts +11 -0
  108. package/types/examples/plasma_b2c/components/Sheet/Sheet.config.d.ts.map +1 -0
  109. package/types/examples/plasma_b2c/components/Sheet/Sheet.d.ts +8 -0
  110. package/types/examples/plasma_b2c/components/Sheet/Sheet.d.ts.map +1 -0
  111. package/types/examples/plasma_web/components/Sheet/Sheet.config.d.ts +11 -0
  112. package/types/examples/plasma_web/components/Sheet/Sheet.config.d.ts.map +1 -0
  113. package/types/examples/plasma_web/components/Sheet/Sheet.d.ts +8 -0
  114. package/types/examples/plasma_web/components/Sheet/Sheet.d.ts.map +1 -0
  115. package/types/index.d.ts +1 -1
  116. package/types/index.d.ts.map +1 -1
  117. package/cjs/components/Accordion/Accordion.css +0 -1
  118. package/cjs/components/Accordion/Accordion.js +0 -50
  119. package/cjs/components/Accordion/Accordion.js.map +0 -1
  120. package/cjs/components/Accordion/Accordion.styles.js +0 -9
  121. package/cjs/components/Accordion/Accordion.styles.js.map +0 -1
  122. package/cjs/components/Accordion/Accordion.styles_1mo1sxr.css +0 -1
  123. package/cjs/components/Accordion/Accordion.tokens.js +0 -45
  124. package/cjs/components/Accordion/Accordion.tokens.js.map +0 -1
  125. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -93
  126. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js.map +0 -1
  127. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -63
  128. package/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +0 -1
  129. package/cjs/components/Accordion/variations/_size/base.js.map +0 -1
  130. package/cjs/components/Accordion/variations/_view/base.js +0 -9
  131. package/cjs/components/Accordion/variations/_view/base.js.map +0 -1
  132. package/cjs/components/_Icon/Icon.assets/ChevronDownFill.js +0 -33
  133. package/cjs/components/_Icon/Icon.assets/ChevronDownFill.js.map +0 -1
  134. package/cjs/components/_Icon/Icon.assets/Minus.js +0 -22
  135. package/cjs/components/_Icon/Icon.assets/Minus.js.map +0 -1
  136. package/cjs/components/_Icon/Icons/IconChevronDownFill.js +0 -23
  137. package/cjs/components/_Icon/Icons/IconChevronDownFill.js.map +0 -1
  138. package/cjs/components/_Icon/Icons/IconMinus.js +0 -23
  139. package/cjs/components/_Icon/Icons/IconMinus.js.map +0 -1
  140. package/es/components/Accordion/Accordion.css +0 -1
  141. package/es/components/Accordion/Accordion.js +0 -45
  142. package/es/components/Accordion/Accordion.js.map +0 -1
  143. package/es/components/Accordion/Accordion.styles.js +0 -5
  144. package/es/components/Accordion/Accordion.styles.js.map +0 -1
  145. package/es/components/Accordion/Accordion.styles_1mo1sxr.css +0 -1
  146. package/es/components/Accordion/Accordion.tokens.js +0 -40
  147. package/es/components/Accordion/Accordion.tokens.js.map +0 -1
  148. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -89
  149. package/es/components/Accordion/ui/AccordionItem/AccordionItem.js.map +0 -1
  150. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -49
  151. package/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js.map +0 -1
  152. package/es/components/Accordion/variations/_size/base.js +0 -5
  153. package/es/components/Accordion/variations/_size/base.js.map +0 -1
  154. package/es/components/Accordion/variations/_size/base_x642ct.css +0 -1
  155. package/es/components/Accordion/variations/_view/base.js.map +0 -1
  156. package/es/components/Accordion/variations/_view/base_x642ct.css +0 -1
  157. package/es/components/_Icon/Icon.assets/ChevronDownFill.js +0 -29
  158. package/es/components/_Icon/Icon.assets/ChevronDownFill.js.map +0 -1
  159. package/es/components/_Icon/Icon.assets/Minus.js +0 -18
  160. package/es/components/_Icon/Icon.assets/Minus.js.map +0 -1
  161. package/es/components/_Icon/Icons/IconChevronDownFill.js +0 -19
  162. package/es/components/_Icon/Icons/IconChevronDownFill.js.map +0 -1
  163. package/es/components/_Icon/Icons/IconMinus.js +0 -19
  164. package/es/components/_Icon/Icons/IconMinus.js.map +0 -1
  165. package/styled-components/cjs/components/Accordion/Accordion.js +0 -50
  166. package/styled-components/cjs/components/Accordion/Accordion.styles.js +0 -9
  167. package/styled-components/cjs/components/Accordion/Accordion.tokens.js +0 -43
  168. package/styled-components/cjs/components/Accordion/index.js +0 -38
  169. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -99
  170. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -49
  171. package/styled-components/cjs/components/Accordion/ui/AccordionItem/AccordionItem.types.js +0 -5
  172. package/styled-components/cjs/components/Accordion/variations/_size/tokens.json +0 -6
  173. package/styled-components/cjs/components/Accordion/variations/_stretching/base.js +0 -8
  174. package/styled-components/cjs/components/Accordion/variations/_stretching/tokens.json +0 -1
  175. package/styled-components/cjs/components/Accordion/variations/_view/base.js +0 -8
  176. package/styled-components/cjs/components/Accordion/variations/_view/tokens.json +0 -8
  177. package/styled-components/cjs/components/_Icon/Icon.assets/ChevronDownFill.js +0 -32
  178. package/styled-components/cjs/components/_Icon/Icon.assets/Minus.js +0 -21
  179. package/styled-components/cjs/components/_Icon/Icons/IconChevronDownFill.js +0 -22
  180. package/styled-components/cjs/components/_Icon/Icons/IconMinus.js +0 -22
  181. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.config.js +0 -30
  182. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.js +0 -17
  183. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +0 -75
  184. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.config.js +0 -30
  185. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.js +0 -17
  186. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +0 -75
  187. package/styled-components/es/components/Accordion/Accordion.js +0 -41
  188. package/styled-components/es/components/Accordion/Accordion.styles.js +0 -3
  189. package/styled-components/es/components/Accordion/Accordion.tokens.js +0 -37
  190. package/styled-components/es/components/Accordion/index.js +0 -3
  191. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.js +0 -90
  192. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.styles.js +0 -42
  193. package/styled-components/es/components/Accordion/ui/AccordionItem/AccordionItem.types.js +0 -1
  194. package/styled-components/es/components/Accordion/variations/_size/tokens.json +0 -6
  195. package/styled-components/es/components/Accordion/variations/_stretching/base.js +0 -2
  196. package/styled-components/es/components/Accordion/variations/_stretching/tokens.json +0 -1
  197. package/styled-components/es/components/Accordion/variations/_view/base.js +0 -2
  198. package/styled-components/es/components/Accordion/variations/_view/tokens.json +0 -8
  199. package/styled-components/es/components/_Icon/Icon.assets/ChevronDownFill.js +0 -25
  200. package/styled-components/es/components/_Icon/Icon.assets/Minus.js +0 -14
  201. package/styled-components/es/components/_Icon/Icons/IconChevronDownFill.js +0 -15
  202. package/styled-components/es/components/_Icon/Icons/IconMinus.js +0 -15
  203. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.config.js +0 -24
  204. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.js +0 -6
  205. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +0 -75
  206. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.config.js +0 -24
  207. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.js +0 -6
  208. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +0 -75
  209. package/types/components/Accordion/Accordion.d.ts +0 -35
  210. package/types/components/Accordion/Accordion.d.ts.map +0 -1
  211. package/types/components/Accordion/Accordion.styles.d.ts +0 -2
  212. package/types/components/Accordion/Accordion.styles.d.ts.map +0 -1
  213. package/types/components/Accordion/Accordion.tokens.d.ts +0 -38
  214. package/types/components/Accordion/Accordion.tokens.d.ts.map +0 -1
  215. package/types/components/Accordion/Accordion.types.d.ts +0 -24
  216. package/types/components/Accordion/Accordion.types.d.ts.map +0 -1
  217. package/types/components/Accordion/index.d.ts +0 -5
  218. package/types/components/Accordion/index.d.ts.map +0 -1
  219. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts +0 -4
  220. package/types/components/Accordion/ui/AccordionItem/AccordionItem.d.ts.map +0 -1
  221. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts +0 -13
  222. package/types/components/Accordion/ui/AccordionItem/AccordionItem.styles.d.ts.map +0 -1
  223. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts +0 -43
  224. package/types/components/Accordion/ui/AccordionItem/AccordionItem.types.d.ts.map +0 -1
  225. package/types/components/Accordion/variations/_size/base.d.ts.map +0 -1
  226. package/types/components/Accordion/variations/_stretching/base.d.ts +0 -2
  227. package/types/components/Accordion/variations/_stretching/base.d.ts.map +0 -1
  228. package/types/components/Accordion/variations/_view/base.d.ts +0 -2
  229. package/types/components/Accordion/variations/_view/base.d.ts.map +0 -1
  230. package/types/components/_Icon/Icon.assets/ChevronDownFill.d.ts +0 -4
  231. package/types/components/_Icon/Icon.assets/ChevronDownFill.d.ts.map +0 -1
  232. package/types/components/_Icon/Icon.assets/Minus.d.ts +0 -4
  233. package/types/components/_Icon/Icon.assets/Minus.d.ts.map +0 -1
  234. package/types/components/_Icon/Icons/IconChevronDownFill.d.ts +0 -4
  235. package/types/components/_Icon/Icons/IconChevronDownFill.d.ts.map +0 -1
  236. package/types/components/_Icon/Icons/IconMinus.d.ts +0 -4
  237. package/types/components/_Icon/Icons/IconMinus.d.ts.map +0 -1
  238. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts +0 -23
  239. package/types/examples/plasma_b2c/components/Accordion/Accordion.config.d.ts.map +0 -1
  240. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts +0 -26
  241. package/types/examples/plasma_b2c/components/Accordion/Accordion.d.ts.map +0 -1
  242. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts +0 -23
  243. package/types/examples/plasma_web/components/Accordion/Accordion.config.d.ts.map +0 -1
  244. package/types/examples/plasma_web/components/Accordion/Accordion.d.ts +0 -26
  245. package/types/examples/plasma_web/components/Accordion/Accordion.d.ts.map +0 -1
  246. /package/cjs/components/{Accordion/variations/_size → Sheet/variations/_view}/base_x642ct.css +0 -0
  247. /package/cjs/components/{Accordion/ui/AccordionItem/AccordionItem.css → _Icon/Icons/IconClose.css} +0 -0
  248. /package/{cjs/components/Accordion → es/components/Sheet}/variations/_view/base_x642ct.css +0 -0
  249. /package/es/components/{Accordion/ui/AccordionItem/AccordionItem.css → _Icon/Icons/IconClose.css} +0 -0
  250. /package/styled-components/cjs/components/{Accordion/Accordion.types.js → Sheet/Sheet.types.js} +0 -0
  251. /package/styled-components/cjs/components/{Accordion/variations/_size → Sheet/variations/_view}/base.js +0 -0
  252. /package/styled-components/es/components/{Accordion/Accordion.types.js → Sheet/Sheet.types.js} +0 -0
  253. /package/styled-components/es/components/{Accordion/variations/_size → Sheet/variations/_view}/base.js +0 -0
  254. /package/types/components/{Accordion/variations/_size → Sheet/variations/_view}/base.d.ts +0 -0
@@ -1,23 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var Minus = require('../Icon.assets/Minus.js');
7
- var IconRoot = require('../IconRoot.js');
8
-
9
- var IconMinus = function IconMinus(_ref) {
10
- var _ref$size = _ref.size,
11
- size = _ref$size === void 0 ? 's' : _ref$size,
12
- color = _ref.color,
13
- className = _ref.className;
14
- return /*#__PURE__*/React.createElement(IconRoot.IconRoot, {
15
- className: className,
16
- size: size,
17
- color: color,
18
- icon: Minus.Minus
19
- });
20
- };
21
-
22
- exports.IconMinus = IconMinus;
23
- //# sourceMappingURL=IconMinus.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconMinus.js","sources":["../../../../src/components/_Icon/Icons/IconMinus.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Minus } from '../Icon.assets/Minus';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconMinus: React.FC<IconProps> = ({ size = 's', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={Minus} />;\n};\n"],"names":["IconMinus","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","Minus"],"mappings":";;;;;;;;IAKaA,SAA8B,GAAG,SAAjCA,SAA8BA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAnCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACzE,EAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACC,iBAAQ,EAAA;AAACH,IAAAA,SAAS,EAAEA,SAAU;AAACF,IAAAA,IAAI,EAAEA,IAAK;AAACC,IAAAA,KAAK,EAAEA,KAAM;AAACK,IAAAA,IAAI,EAAEC,WAAAA;AAAM,GAAE,CAAC,CAAA;AACpF;;;;"}
@@ -1 +0,0 @@
1
- .Accordion_styles_1mo1sxr_bjv6ypd__b7c4430d{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-accordion-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;background:var(--plasma-accordion-background);}.Accordion_styles_1mo1sxr_bjv6ypd__b7c4430d.Accordion_styles_1mo1sxr_bjv6ypd__b7c4430d.Accordion_styles_1mo1sxr_accordionStretchingFixed__b7c4430d{width:var(--plasma-accordion-width);}.Accordion_styles_1mo1sxr_bjv6ypd__b7c4430d.Accordion_styles_1mo1sxr_bjv6ypd__b7c4430d.Accordion_styles_1mo1sxr_accordionStretchingFilled__b7c4430d{width:100%;}
@@ -1,45 +0,0 @@
1
- import React, { forwardRef } from 'react';
2
- import { cx } from '../../utils/index.js';
3
- import { base } from './Accordion.styles.js';
4
- import { classes } from './Accordion.tokens.js';
5
- import { base as base$1 } from './variations/_view/base.js';
6
- import { base as base$2 } from './variations/_size/base.js';
7
-
8
- var accordionRoot = function accordionRoot(Root) {
9
- return /*#__PURE__*/forwardRef(function (_ref, outerRootRef) {
10
- var size = _ref.size,
11
- view = _ref.view,
12
- _ref$stretching = _ref.stretching,
13
- stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
14
- children = _ref.children,
15
- className = _ref.className;
16
- var stretchingClass = classes["".concat(stretching, "Stretching")];
17
- return /*#__PURE__*/React.createElement(Root, {
18
- ref: outerRootRef,
19
- size: size,
20
- view: view,
21
- className: cx(stretchingClass, classes.accordionRoot, className)
22
- }, children);
23
- });
24
- };
25
- var accordionConfig = {
26
- name: 'Accordion',
27
- tag: 'div',
28
- layout: accordionRoot,
29
- base: base,
30
- variations: {
31
- view: {
32
- css: base$1
33
- },
34
- size: {
35
- css: base$2
36
- }
37
- },
38
- defaults: {
39
- view: 'default',
40
- size: 'm'
41
- }
42
- };
43
-
44
- export { accordionConfig, accordionRoot };
45
- //# sourceMappingURL=Accordion.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.js","sources":["../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { AccordionProps } from './Accordion.types';\nimport { base } from './Accordion.styles';\nimport { classes } from './Accordion.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\n\nexport const accordionRoot = (Root: RootProps<HTMLDivElement, AccordionProps>) =>\n forwardRef<HTMLDivElement, AccordionProps>(\n ({ size, view, stretching = 'filled', children, className }, outerRootRef) => {\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n\n return (\n <Root\n ref={outerRootRef}\n size={size}\n view={view}\n className={cx(stretchingClass, classes.accordionRoot, className)}\n >\n {children}\n </Root>\n );\n },\n );\n\nexport const accordionConfig = {\n name: 'Accordion',\n tag: 'div',\n layout: accordionRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["accordionRoot","Root","forwardRef","_ref","outerRootRef","size","view","_ref$stretching","stretching","children","className","stretchingClass","classes","concat","React","createElement","ref","cx","accordionConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;IAWaA,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACzEC,UAAU,CACN,UAAAC,IAAA,EAA6DC,YAAY,EAAK;AAAA,IAAA,IAA3EC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAAC,eAAA,GAAAJ,IAAA,CAAEK,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA;MAAEE,QAAQ,GAAAN,IAAA,CAARM,QAAQ;MAAEC,SAAS,GAAAP,IAAA,CAATO,SAAS,CAAA;AACrD,IAAA,IAAMC,eAAe,GAAGC,OAAO,IAAAC,MAAA,CAAIL,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;AAElF,IAAA,oBACIM,KAAA,CAAAC,aAAA,CAACd,IAAI,EAAA;AACDe,MAAAA,GAAG,EAAEZ,YAAa;AAClBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;MACXI,SAAS,EAAEO,EAAE,CAACN,eAAe,EAAEC,OAAO,CAACZ,aAAa,EAAEU,SAAS,CAAA;AAAE,KAAA,EAEhED,QACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMS,eAAe,GAAG;AAC3BC,EAAAA,IAAI,EAAE,WAAW;AACjBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAErB,aAAa;AACrBsB,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACRjB,IAAAA,IAAI,EAAE;AACFkB,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDpB,IAAAA,IAAI,EAAE;AACFmB,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNrB,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
@@ -1,5 +0,0 @@
1
- import './Accordion.styles_1mo1sxr.css';
2
- var base = "bjv6ypd";
3
-
4
- export { base };
5
- //# sourceMappingURL=Accordion.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.styles.js","sources":["../../../src/components/Accordion/Accordion.styles.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from './Accordion.tokens';\n\nexport const base = css`\n display: flex;\n flex-direction: column;\n gap: var(${tokens.accordionGap});\n align-items: stretch;\n height: auto;\n background: var(${tokens.accordionBackground});\n\n &&.${classes.fixedStretching} {\n width: var(${tokens.accordionWidth});\n }\n &&.${classes.filledStretching} {\n width: 100%;\n }\n`;\n"],"names":["base"],"mappings":"AAIO,IAAMA,IAAI,GAchB;;;;"}
@@ -1 +0,0 @@
1
- .bjv6ypd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;gap:var(--plasma-accordion-gap);-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;height:auto;background:var(--plasma-accordion-background);}.bjv6ypd.bjv6ypd.accordion-stretching-fixed{width:var(--plasma-accordion-width);}.bjv6ypd.bjv6ypd.accordion-stretching-filled{width:100%;}
@@ -1,40 +0,0 @@
1
- var classes = {
2
- filledStretching: 'accordion-stretching-filled',
3
- fixedStretching: 'accordion-stretching-fixed',
4
- accordionRoot: 'accordion-root',
5
- accordionItem: 'accordion-item',
6
- clearAccordionItem: 'clear-accordion-item',
7
- accordionItemShowBody: 'accordion-item-show-body',
8
- accordionPlusAnimationElement: 'accordion-plus-animation-element'
9
- };
10
- var tokens = {
11
- accordionGap: '--plasma-accordion-gap',
12
- accordionWidth: '--plasma-accordion-width',
13
- accordionBackground: '--plasma-accordion-background',
14
- accordionItemBackground: '--plasma-accordion-item-background',
15
- accordionItemBorderRadius: '--plasma-accordion-item-border-radius',
16
- accordionItemPaddingTop: '--plasma-accordion-item-padding-top',
17
- accordionItemPaddingRight: '--plasma-accordion-item-padding-right',
18
- accordionItemPaddingBottom: '--plasma-accordion-item-padding-bottom',
19
- accordionItemPaddingLeft: '--plasma-accordion-item-padding-left',
20
- accordionItemGap: '--plasma-accordion-item-gap',
21
- accordionItemFocus: '--plasma-accordion-item-focus',
22
- accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
23
- accordionItemTitleColor: '--plasma-accordion-item-title-color',
24
- accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
25
- accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',
26
- accordionItemTitleFontStyle: '--plasma-accordion-item-title-font-style',
27
- accordionItemTitleFontWeight: '--plasma-accordion-item-title-font-weight',
28
- accordionItemTitleLetterSpacing: '--plasma-accordion-item-title-letter-spacing',
29
- accordionItemTitleLineHeight: '--plasma-accordion-item-title-line-height',
30
- accordionItemTextColor: '--plasma-accordion-item-text-color',
31
- accordionItemTextFontFamily: '--plasma-accordion-item-text-font-family',
32
- accordionItemTextFontSize: '--plasma-accordion-item-text-font-size',
33
- accordionItemTextFontStyle: '--plasma-accordion-item-text-font-style',
34
- accordionItemTextFontWeight: '--plasma-accordion-item-text-font-weight',
35
- accordionItemTextLetterSpacing: '--plasma-accordion-item-text-letter-spacing',
36
- accordionItemTextLineHeight: '--plasma-accordion-item-text-line-height'
37
- };
38
-
39
- export { classes, tokens };
40
- //# sourceMappingURL=Accordion.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Accordion.tokens.js","sources":["../../../src/components/Accordion/Accordion.tokens.ts"],"sourcesContent":["export const classes = {\n filledStretching: 'accordion-stretching-filled',\n fixedStretching: 'accordion-stretching-fixed',\n accordionRoot: 'accordion-root',\n accordionItem: 'accordion-item',\n clearAccordionItem: 'clear-accordion-item',\n accordionItemShowBody: 'accordion-item-show-body',\n accordionPlusAnimationElement: 'accordion-plus-animation-element',\n};\n\nexport const tokens = {\n accordionGap: '--plasma-accordion-gap',\n accordionWidth: '--plasma-accordion-width',\n accordionBackground: '--plasma-accordion-background',\n\n accordionItemBackground: '--plasma-accordion-item-background',\n accordionItemBorderRadius: '--plasma-accordion-item-border-radius',\n accordionItemPaddingTop: '--plasma-accordion-item-padding-top',\n accordionItemPaddingRight: '--plasma-accordion-item-padding-right',\n accordionItemPaddingBottom: '--plasma-accordion-item-padding-bottom',\n accordionItemPaddingLeft: '--plasma-accordion-item-padding-left',\n accordionItemGap: '--plasma-accordion-item-gap',\n accordionItemFocus: '--plasma-accordion-item-focus',\n accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',\n\n accordionItemTitleColor: '--plasma-accordion-item-title-color',\n accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',\n accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',\n accordionItemTitleFontStyle: '--plasma-accordion-item-title-font-style',\n accordionItemTitleFontWeight: '--plasma-accordion-item-title-font-weight',\n accordionItemTitleLetterSpacing: '--plasma-accordion-item-title-letter-spacing',\n accordionItemTitleLineHeight: '--plasma-accordion-item-title-line-height',\n\n accordionItemTextColor: '--plasma-accordion-item-text-color',\n accordionItemTextFontFamily: '--plasma-accordion-item-text-font-family',\n accordionItemTextFontSize: '--plasma-accordion-item-text-font-size',\n accordionItemTextFontStyle: '--plasma-accordion-item-text-font-style',\n accordionItemTextFontWeight: '--plasma-accordion-item-text-font-weight',\n accordionItemTextLetterSpacing: '--plasma-accordion-item-text-letter-spacing',\n accordionItemTextLineHeight: '--plasma-accordion-item-text-line-height',\n};\n"],"names":["classes","filledStretching","fixedStretching","accordionRoot","accordionItem","clearAccordionItem","accordionItemShowBody","accordionPlusAnimationElement","tokens","accordionGap","accordionWidth","accordionBackground","accordionItemBackground","accordionItemBorderRadius","accordionItemPaddingTop","accordionItemPaddingRight","accordionItemPaddingBottom","accordionItemPaddingLeft","accordionItemGap","accordionItemFocus","accordionItemBorderBottom","accordionItemTitleColor","accordionItemTitleFontFamily","accordionItemTitleFontSize","accordionItemTitleFontStyle","accordionItemTitleFontWeight","accordionItemTitleLetterSpacing","accordionItemTitleLineHeight","accordionItemTextColor","accordionItemTextFontFamily","accordionItemTextFontSize","accordionItemTextFontStyle","accordionItemTextFontWeight","accordionItemTextLetterSpacing","accordionItemTextLineHeight"],"mappings":"AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,aAAa,EAAE,gBAAgB;AAC/BC,EAAAA,kBAAkB,EAAE,sBAAsB;AAC1CC,EAAAA,qBAAqB,EAAE,0BAA0B;AACjDC,EAAAA,6BAA6B,EAAE,kCAAA;AACnC,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,YAAY,EAAE,wBAAwB;AACtCC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,mBAAmB,EAAE,+BAA+B;AAEpDC,EAAAA,uBAAuB,EAAE,oCAAoC;AAC7DC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,0BAA0B,EAAE,wCAAwC;AACpEC,EAAAA,wBAAwB,EAAE,sCAAsC;AAChEC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAElEC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,4BAA4B,EAAE,2CAA2C;AACzEC,EAAAA,+BAA+B,EAAE,8CAA8C;AAC/EC,EAAAA,4BAA4B,EAAE,2CAA2C;AAEzEC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,yBAAyB,EAAE,wCAAwC;AACnEC,EAAAA,0BAA0B,EAAE,yCAAyC;AACrEC,EAAAA,2BAA2B,EAAE,0CAA0C;AACvEC,EAAAA,8BAA8B,EAAE,6CAA6C;AAC7EC,EAAAA,2BAA2B,EAAE,0CAAA;AACjC;;;;"}
@@ -1,89 +0,0 @@
1
- import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { useState, useRef, useEffect } from 'react';
3
- import { convertRoundnessMatrix } from '../../../../utils/roundness.js';
4
- import { classes, tokens } from '../../Accordion.tokens.js';
5
- import { StyledAccordionItem, StyledAccordionHeader, StyledAccordionHeaderLeft, StyledAccordionContentLeft, StyledAccordionTitle, StyledAccordionContentRight, StyledAccordionBodyAnimate, StyledAccordionBody, StyledArrow, StyledPlus, StyledMinus } from './AccordionItem.styles.js';
6
-
7
- var _StyledMinus, _StyledArrow;
8
- var AccordionItem = function AccordionItem(_ref) {
9
- var value = _ref.value,
10
- contentRight = _ref.contentRight,
11
- contentLeft = _ref.contentLeft,
12
- title = _ref.title,
13
- _ref$pin = _ref.pin,
14
- pin = _ref$pin === void 0 ? 'square-square' : _ref$pin,
15
- body = _ref.body,
16
- _ref$type = _ref.type,
17
- type = _ref$type === void 0 ? 'sign' : _ref$type,
18
- eventKey = _ref.eventKey,
19
- onChangeValue = _ref.onChangeValue;
20
- var _useState = useState(value),
21
- _useState2 = _slicedToArray(_useState, 2),
22
- show = _useState2[0],
23
- setShow = _useState2[1];
24
- var _useState3 = useState(),
25
- _useState4 = _slicedToArray(_useState3, 2),
26
- leftPadding = _useState4[0],
27
- setLeftPadding = _useState4[1];
28
- var showHandler = function showHandler() {
29
- setShow(!show);
30
- onChangeValue && onChangeValue(!show, eventKey);
31
- };
32
- var onKeyPress = function onKeyPress(event) {
33
- event.persist();
34
- if (event.keyCode === 13) {
35
- showHandler();
36
- }
37
- };
38
- var leftContentRef = useRef(null);
39
- useEffect(function () {
40
- var _leftContentRef$curre, _leftContentRef$curre2;
41
- var leftContentWidth = (_leftContentRef$curre = leftContentRef === null || leftContentRef === void 0 || (_leftContentRef$curre2 = leftContentRef.current) === null || _leftContentRef$curre2 === void 0 ? void 0 : _leftContentRef$curre2.offsetWidth) !== null && _leftContentRef$curre !== void 0 ? _leftContentRef$curre : 0;
42
- var leftPaddingBody = leftContentWidth ? "calc(".concat(leftContentWidth, "px + var(").concat(tokens.accordionItemGap, "))") : 0;
43
- setLeftPadding(leftPaddingBody);
44
- }, [type, leftContentRef, setLeftPadding]);
45
- var showedBody = show ? classes.accordionItemShowBody : undefined;
46
- var StyledAnimationPLus = function StyledAnimationPLus() {
47
- return /*#__PURE__*/React.createElement(StyledPlus, null, _StyledMinus || (_StyledMinus = /*#__PURE__*/React.createElement(StyledMinus, {
48
- size: "xs",
49
- color: "inhert"
50
- })), /*#__PURE__*/React.createElement(StyledMinus, {
51
- size: "xs",
52
- color: "inhert",
53
- className: showedBody !== null && showedBody !== void 0 ? showedBody : classes.accordionPlusAnimationElement
54
- }));
55
- };
56
- var accordionBorderRadius = convertRoundnessMatrix(pin, "var(".concat(tokens.accordionItemBorderRadius, ")"));
57
- var leftContent = contentLeft !== null && contentLeft !== void 0 ? contentLeft : type === 'arrow' ? _StyledArrow || (_StyledArrow = /*#__PURE__*/React.createElement(StyledArrow, {
58
- size: "xs",
59
- color: "inhert"
60
- })) : undefined;
61
- var leftContentRotate = type === 'arrow' && show ? classes.accordionItemShowBody : undefined;
62
- var rightContent = contentRight !== null && contentRight !== void 0 ? contentRight : type === 'sign' ? /*#__PURE__*/React.createElement(StyledAnimationPLus, null) : undefined;
63
- var rightContentRotate = type === 'sign' && show ? classes.accordionItemShowBody : undefined;
64
- return /*#__PURE__*/React.createElement(StyledAccordionItem, {
65
- role: "tab",
66
- className: classes.accordionItem,
67
- tabIndex: 0,
68
- key: eventKey,
69
- style: {
70
- borderRadius: accordionBorderRadius
71
- },
72
- onKeyDown: onKeyPress
73
- }, /*#__PURE__*/React.createElement(StyledAccordionHeader, {
74
- onClick: showHandler
75
- }, /*#__PURE__*/React.createElement(StyledAccordionHeaderLeft, null, leftContent && /*#__PURE__*/React.createElement(StyledAccordionContentLeft, {
76
- ref: leftContentRef,
77
- className: leftContentRotate
78
- }, leftContent), /*#__PURE__*/React.createElement(StyledAccordionTitle, null, title)), /*#__PURE__*/React.createElement(StyledAccordionContentRight, {
79
- className: rightContentRotate
80
- }, rightContent && rightContent)), /*#__PURE__*/React.createElement(StyledAccordionBodyAnimate, {
81
- className: showedBody,
82
- style: {
83
- paddingLeft: "".concat(leftPadding)
84
- }
85
- }, /*#__PURE__*/React.createElement(StyledAccordionBody, null, body)));
86
- };
87
-
88
- export { AccordionItem };
89
- //# sourceMappingURL=AccordionItem.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItem.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import React, { HTMLAttributes, useState, KeyboardEvent, useRef, useEffect } from 'react';\n\nimport { convertRoundnessMatrix } from '../../../../utils/roundness';\nimport { classes, tokens } from '../../Accordion.tokens';\n\nimport {\n StyledAccordionItem,\n StyledAccordionHeader,\n StyledAccordionBody,\n StyledAccordionTitle,\n StyledAccordionContentLeft,\n StyledAccordionHeaderLeft,\n StyledAccordionContentRight,\n StyledArrow,\n StyledMinus,\n StyledPlus,\n StyledAccordionBodyAnimate,\n} from './AccordionItem.styles';\nimport type { AccordionItemProps } from './AccordionItem.types';\n\nexport const AccordionItem: React.FC<HTMLAttributes<HTMLDivElement> & AccordionItemProps> = ({\n value,\n contentRight,\n contentLeft,\n title,\n pin = 'square-square',\n body,\n type = 'sign',\n eventKey,\n onChangeValue,\n}) => {\n const [show, setShow] = useState(value);\n const [leftPadding, setLeftPadding] = useState<string | number | null>();\n\n const showHandler = () => {\n setShow(!show);\n onChangeValue && onChangeValue(!show, eventKey);\n };\n\n const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n event.persist();\n if (event.keyCode === 13) {\n showHandler();\n }\n };\n\n const leftContentRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n const leftContentWidth = leftContentRef?.current?.offsetWidth ?? 0;\n const leftPaddingBody = leftContentWidth ? `calc(${leftContentWidth}px + var(${tokens.accordionItemGap}))` : 0;\n setLeftPadding(leftPaddingBody);\n }, [type, leftContentRef, setLeftPadding]);\n\n const showedBody = show ? classes.accordionItemShowBody : undefined;\n\n const StyledAnimationPLus = () => (\n <StyledPlus>\n <StyledMinus size=\"xs\" color=\"inhert\" />\n <StyledMinus size=\"xs\" color=\"inhert\" className={showedBody ?? classes.accordionPlusAnimationElement} />\n </StyledPlus>\n );\n\n const accordionBorderRadius = convertRoundnessMatrix(pin, `var(${tokens.accordionItemBorderRadius})`);\n\n const leftContent = contentLeft ?? (type === 'arrow' ? <StyledArrow size=\"xs\" color=\"inhert\" /> : undefined);\n const leftContentRotate = type === 'arrow' && show ? classes.accordionItemShowBody : undefined;\n\n const rightContent = contentRight ?? (type === 'sign' ? <StyledAnimationPLus /> : undefined);\n const rightContentRotate = type === 'sign' && show ? classes.accordionItemShowBody : undefined;\n\n return (\n <StyledAccordionItem\n role=\"tab\"\n className={classes.accordionItem}\n tabIndex={0}\n key={eventKey}\n style={{ borderRadius: accordionBorderRadius }}\n onKeyDown={onKeyPress}\n >\n <StyledAccordionHeader onClick={showHandler}>\n <StyledAccordionHeaderLeft>\n {leftContent && (\n <StyledAccordionContentLeft ref={leftContentRef} className={leftContentRotate}>\n {leftContent}\n </StyledAccordionContentLeft>\n )}\n <StyledAccordionTitle>{title}</StyledAccordionTitle>\n </StyledAccordionHeaderLeft>\n\n <StyledAccordionContentRight className={rightContentRotate}>\n {rightContent && rightContent}\n </StyledAccordionContentRight>\n </StyledAccordionHeader>\n <StyledAccordionBodyAnimate className={showedBody} style={{ paddingLeft: `${leftPadding}` }}>\n <StyledAccordionBody>{body}</StyledAccordionBody>\n </StyledAccordionBodyAnimate>\n </StyledAccordionItem>\n );\n};\n"],"names":["AccordionItem","_ref","value","contentRight","contentLeft","title","_ref$pin","pin","body","_ref$type","type","eventKey","onChangeValue","_useState","useState","_useState2","_slicedToArray","show","setShow","_useState3","_useState4","leftPadding","setLeftPadding","showHandler","onKeyPress","event","persist","keyCode","leftContentRef","useRef","useEffect","_leftContentRef$curre","_leftContentRef$curre2","leftContentWidth","current","offsetWidth","leftPaddingBody","concat","tokens","accordionItemGap","showedBody","classes","accordionItemShowBody","undefined","StyledAnimationPLus","React","createElement","StyledPlus","_StyledMinus","StyledMinus","size","color","className","accordionPlusAnimationElement","accordionBorderRadius","convertRoundnessMatrix","accordionItemBorderRadius","leftContent","_StyledArrow","StyledArrow","leftContentRotate","rightContent","rightContentRotate","StyledAccordionItem","role","accordionItem","tabIndex","key","style","borderRadius","onKeyDown","StyledAccordionHeader","onClick","StyledAccordionHeaderLeft","StyledAccordionContentLeft","ref","StyledAccordionTitle","StyledAccordionContentRight","StyledAccordionBodyAnimate","paddingLeft","StyledAccordionBody"],"mappings":"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"}
@@ -1,49 +0,0 @@
1
- import styled from 'styled-components';
2
- import 'react';
3
- import '@linaria/react';
4
- import { IconChevronDownFill } from '../../../_Icon/Icons/IconChevronDownFill.js';
5
- import { IconMinus } from '../../../_Icon/Icons/IconMinus.js';
6
- import { tokens, classes } from '../../Accordion.tokens.js';
7
- import { addFocus } from '../../../../mixins/addFocus.js';
8
-
9
- var StyledAccordionItem = /*#__PURE__*/styled.div.withConfig({
10
- componentId: "plasma-new-hope__sc-iot32d-0"
11
- })(["background:var(", ");border-bottom:var(", ");&:focus{outline:none;}", " &:last-child{border-bottom:none;}"], tokens.accordionItemBackground, tokens.accordionItemBorderBottom, /*#__PURE__*/addFocus({
12
- outlineOffset: '0.125rem',
13
- outlineSize: '0.125rem',
14
- outlineRadius: '0',
15
- outlineColor: /*#__PURE__*/"var(".concat(tokens.accordionItemFocus, ")")
16
- }));
17
- var StyledAccordionHeader = /*#__PURE__*/styled.div.withConfig({
18
- componentId: "plasma-new-hope__sc-iot32d-1"
19
- })(["padding-top:var(", ");padding-right:var(", ");padding-bottom:var(", ");padding-left:var(", ");display:flex;gap:var(", ");justify-content:space-between;align-items:center;cursor:pointer;"], tokens.accordionItemPaddingTop, tokens.accordionItemPaddingRight, tokens.accordionItemPaddingBottom, tokens.accordionItemPaddingLeft, tokens.accordionItemGap);
20
- var StyledAccordionHeaderLeft = /*#__PURE__*/styled.div.withConfig({
21
- componentId: "plasma-new-hope__sc-iot32d-2"
22
- })(["display:flex;gap:var(", ");justify-content:space-between;align-items:center;"], tokens.accordionItemGap);
23
- var StyledAccordionContentRight = /*#__PURE__*/styled.div.withConfig({
24
- componentId: "plasma-new-hope__sc-iot32d-3"
25
- })(["transition:0.2s;transform:rotate(90deg);&&.", "{transition:0.2s;transform:rotate(0deg);}"], classes.accordionItemShowBody);
26
- var StyledAccordionContentLeft = /*#__PURE__*/styled.div.withConfig({
27
- componentId: "plasma-new-hope__sc-iot32d-4"
28
- })(["transition:0.2s;display:flex;align-items:center;&&.", "{transition:0.2s;transform:rotate(180deg);}"], classes.accordionItemShowBody);
29
- var StyledAccordionTitle = /*#__PURE__*/styled.div.withConfig({
30
- componentId: "plasma-new-hope__sc-iot32d-5"
31
- })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");"], tokens.accordionItemTitleColor, tokens.accordionItemTitleFontFamily, tokens.accordionItemTitleFontSize, tokens.accordionItemTitleFontWeight, tokens.accordionItemTitleFontStyle, tokens.accordionItemTitleLetterSpacing, tokens.accordionItemTitleLineHeight);
32
- var StyledAccordionBodyAnimate = /*#__PURE__*/styled.div.withConfig({
33
- componentId: "plasma-new-hope__sc-iot32d-6"
34
- })(["display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.2s ease-out;overflow:hidden;&&.", "{grid-template-rows:1fr;padding-bottom:var(", ");&.", "{transition:0.2s;transform:rotate(0deg);}}"], classes.accordionItemShowBody, tokens.accordionItemPaddingBottom, classes.accordionPlusAnimationElement);
35
- var StyledAccordionBody = /*#__PURE__*/styled.div.withConfig({
36
- componentId: "plasma-new-hope__sc-iot32d-7"
37
- })(["color:var(", ");font-family:var(", ");font-size:var(", ");font-weight:var(", ");font-style:var(", ");letter-spacing:var(", ");line-height:var(", ");overflow:hidden;padding-right:var(", ");padding-left:var(", ");"], tokens.accordionItemTextColor, tokens.accordionItemTextFontFamily, tokens.accordionItemTextFontSize, tokens.accordionItemTextFontWeight, tokens.accordionItemTextFontStyle, tokens.accordionItemTextLetterSpacing, tokens.accordionItemTextLineHeight, tokens.accordionItemPaddingRight, tokens.accordionItemPaddingLeft);
38
- var StyledArrow = /*#__PURE__*/styled(IconChevronDownFill).withConfig({
39
- componentId: "plasma-new-hope__sc-iot32d-8"
40
- })(["pointer-events:none;user-select:none;color:var(", ");"], tokens.accordionItemTextColor);
41
- var StyledMinus = /*#__PURE__*/styled(IconMinus).withConfig({
42
- componentId: "plasma-new-hope__sc-iot32d-9"
43
- })(["pointer-events:none;user-select:none;color:var(", ");display:flex;align-items:center;position:absolute;top:0;left:0;&&.", "{transition:0.2s;transform:rotate(90deg);}&&.", "{transition:0.2s;transform:rotate(0deg);}"], tokens.accordionItemTextColor, classes.accordionPlusAnimationElement, classes.accordionItemShowBody);
44
- var StyledPlus = /*#__PURE__*/styled.div.withConfig({
45
- componentId: "plasma-new-hope__sc-iot32d-10"
46
- })(["position:relative;height:1rem;display:flex;align-items:center;justify-content:center;width:1rem;"]);
47
-
48
- export { StyledAccordionBody, StyledAccordionBodyAnimate, StyledAccordionContentLeft, StyledAccordionContentRight, StyledAccordionHeader, StyledAccordionHeaderLeft, StyledAccordionItem, StyledAccordionTitle, StyledArrow, StyledMinus, StyledPlus };
49
- //# sourceMappingURL=AccordionItem.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"AccordionItem.styles.js","sources":["../../../../../src/components/Accordion/ui/AccordionItem/AccordionItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { IconChevronDownFill, IconMinus } from '../../../_Icon';\nimport { classes, tokens } from '../../Accordion.tokens';\nimport { addFocus } from '../../../../mixins';\n\nexport const StyledAccordionItem = styled.div`\n background: var(${tokens.accordionItemBackground});\n border-bottom: var(${tokens.accordionItemBorderBottom});\n &:focus {\n outline: none;\n }\n\n ${addFocus({\n outlineOffset: '0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: '0',\n outlineColor: `var(${tokens.accordionItemFocus})`,\n })}\n\n &:last-child {\n border-bottom: none;\n }\n`;\n\nexport const StyledAccordionHeader = styled.div`\n padding-top: var(${tokens.accordionItemPaddingTop});\n padding-right: var(${tokens.accordionItemPaddingRight});\n padding-bottom: var(${tokens.accordionItemPaddingBottom});\n padding-left: var(${tokens.accordionItemPaddingLeft});\n display: flex;\n gap: var(${tokens.accordionItemGap});\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n`;\n\nexport const StyledAccordionHeaderLeft = styled.div`\n display: flex;\n gap: var(${tokens.accordionItemGap});\n justify-content: space-between;\n align-items: center;\n`;\n\nexport const StyledAccordionContentRight = styled.div`\n transition: 0.2s;\n transform: rotate(90deg);\n\n &&.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n`;\n\nexport const StyledAccordionContentLeft = styled.div`\n transition: 0.2s;\n display: flex;\n align-items: center;\n\n &&.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(180deg);\n }\n`;\n\nexport const StyledAccordionTitle = styled.div`\n color: var(${tokens.accordionItemTitleColor});\n font-family: var(${tokens.accordionItemTitleFontFamily});\n font-size: var(${tokens.accordionItemTitleFontSize});\n font-weight: var(${tokens.accordionItemTitleFontWeight});\n font-style: var(${tokens.accordionItemTitleFontStyle});\n letter-spacing: var(${tokens.accordionItemTitleLetterSpacing});\n line-height: var(${tokens.accordionItemTitleLineHeight});\n`;\n\nexport const StyledAccordionBodyAnimate = styled.div`\n display: grid;\n grid-template-rows: 0fr;\n transition: grid-template-rows 0.2s ease-out;\n overflow: hidden;\n\n &&.${classes.accordionItemShowBody} {\n grid-template-rows: 1fr;\n padding-bottom: var(${tokens.accordionItemPaddingBottom});\n\n &.${classes.accordionPlusAnimationElement} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n }\n`;\n\nexport const StyledAccordionBody = styled.div`\n color: var(${tokens.accordionItemTextColor});\n font-family: var(${tokens.accordionItemTextFontFamily});\n font-size: var(${tokens.accordionItemTextFontSize});\n font-weight: var(${tokens.accordionItemTextFontWeight});\n font-style: var(${tokens.accordionItemTextFontStyle});\n letter-spacing: var(${tokens.accordionItemTextLetterSpacing});\n line-height: var(${tokens.accordionItemTextLineHeight});\n overflow: hidden;\n padding-right: var(${tokens.accordionItemPaddingRight});\n padding-left: var(${tokens.accordionItemPaddingLeft});\n`;\n\nexport const StyledArrow = styled(IconChevronDownFill)`\n pointer-events: none;\n user-select: none;\n color: var(${tokens.accordionItemTextColor});\n`;\n\nexport const StyledMinus = styled(IconMinus)`\n pointer-events: none;\n user-select: none;\n color: var(${tokens.accordionItemTextColor});\n display: flex;\n align-items: center;\n position: absolute;\n top: 0;\n left: 0;\n\n &&.${classes.accordionPlusAnimationElement} {\n transition: 0.2s;\n transform: rotate(90deg);\n }\n\n &&.${classes.accordionItemShowBody} {\n transition: 0.2s;\n transform: rotate(0deg);\n }\n`;\n\nexport const StyledPlus = styled.div`\n position: relative;\n height: 1rem;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 1rem;\n`;\n"],"names":["StyledAccordionItem","styled","div","withConfig","componentId","tokens","accordionItemBackground","accordionItemBorderBottom","addFocus","outlineOffset","outlineSize","outlineRadius","outlineColor","concat","accordionItemFocus","StyledAccordionHeader","accordionItemPaddingTop","accordionItemPaddingRight","accordionItemPaddingBottom","accordionItemPaddingLeft","accordionItemGap","StyledAccordionHeaderLeft","StyledAccordionContentRight","classes","accordionItemShowBody","StyledAccordionContentLeft","StyledAccordionTitle","accordionItemTitleColor","accordionItemTitleFontFamily","accordionItemTitleFontSize","accordionItemTitleFontWeight","accordionItemTitleFontStyle","accordionItemTitleLetterSpacing","accordionItemTitleLineHeight","StyledAccordionBodyAnimate","accordionPlusAnimationElement","StyledAccordionBody","accordionItemTextColor","accordionItemTextFontFamily","accordionItemTextFontSize","accordionItemTextFontWeight","accordionItemTextFontStyle","accordionItemTextLetterSpacing","accordionItemTextLineHeight","StyledArrow","IconChevronDownFill","StyledMinus","IconMinus","StyledPlus"],"mappings":"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"}
@@ -1,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "b1erma6h";
3
-
4
- export { base };
5
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Accordion/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Accordion/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,29 +0,0 @@
1
- import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React from 'react';
3
-
4
- var _defs, _g;
5
- var ChevronDownFill = function ChevronDownFill(props) {
6
- return /*#__PURE__*/React.createElement("svg", _extends({
7
- width: "100%",
8
- viewBox: "0 0 16 16",
9
- fill: "none"
10
- }, props), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
11
- id: "clip3066_154194"
12
- }, /*#__PURE__*/React.createElement("rect", {
13
- width: "16.000000",
14
- height: "16.000000",
15
- fill: "currentColor",
16
- fillOpacity: "0"
17
- })))), _g || (_g = /*#__PURE__*/React.createElement("g", {
18
- clipPath: "url(#clip3066_154194)"
19
- }, /*#__PURE__*/React.createElement("path", {
20
- id: "path",
21
- d: "M11.45 5.79C11.37 5.61 11.19 5.5 11 5.5L5 5.5C4.8 5.5 4.62 5.61 4.54 5.79C4.46 5.96 4.49 6.17 4.62 6.32L7.62 9.82C7.71 9.93 7.85 10 8 10C8.14 10 8.28 9.93 8.37 9.82L11.37 6.32C11.5 6.17 11.53 5.96 11.45 5.79Z",
22
- fillRule: "evenodd",
23
- fill: "currentColor",
24
- clipRule: "evenodd"
25
- }))));
26
- };
27
-
28
- export { ChevronDownFill };
29
- //# sourceMappingURL=ChevronDownFill.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"ChevronDownFill.js","sources":["../../../../src/components/_Icon/Icon.assets/ChevronDownFill.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const ChevronDownFill: React.FC<IconProps> = (props) => (\n <svg width=\"100%\" viewBox=\"0 0 16 16\" fill=\"none\" {...props}>\n <defs>\n <clipPath id=\"clip3066_154194\">\n <rect width=\"16.000000\" height=\"16.000000\" fill=\"currentColor\" fillOpacity=\"0\" />\n </clipPath>\n </defs>\n <g clipPath=\"url(#clip3066_154194)\">\n <path\n id=\"path\"\n d=\"M11.45 5.79C11.37 5.61 11.19 5.5 11 5.5L5 5.5C4.8 5.5 4.62 5.61 4.54 5.79C4.46 5.96 4.49 6.17 4.62 6.32L7.62 9.82C7.71 9.93 7.85 10 8 10C8.14 10 8.28 9.93 8.37 9.82L11.37 6.32C11.5 6.17 11.53 5.96 11.45 5.79Z\"\n fillRule=\"evenodd\"\n fill=\"currentColor\"\n clipRule=\"evenodd\"\n />\n </g>\n </svg>\n);\n"],"names":["ChevronDownFill","props","React","createElement","_extends","width","viewBox","fill","_defs","id","height","fillOpacity","_g","clipPath","d","fillRule","clipRule"],"mappings":";;;;IAIaA,eAAoC,GAAG,SAAvCA,eAAoCA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBACtDC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAA;AAAM,GAAA,EAAKN,KAAK,CAAA,EAAAO,KAAA,KAAAA,KAAA,gBACvDN,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,eACID,KAAA,CAAAC,aAAA,CAAA,UAAA,EAAA;AAAUM,IAAAA,EAAE,EAAC,iBAAA;GACTP,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAME,IAAAA,KAAK,EAAC,WAAW;AAACK,IAAAA,MAAM,EAAC,WAAW;AAACH,IAAAA,IAAI,EAAC,cAAc;AAACI,IAAAA,WAAW,EAAC,GAAA;GAAK,CAC1E,CACR,CAAC,CAAAC,EAAAA,EAAA,KAAAA,EAAA,gBACPV,KAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAGU,IAAAA,QAAQ,EAAC,uBAAA;GACRX,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIM,IAAAA,EAAE,EAAC,MAAM;AACTK,IAAAA,CAAC,EAAC,kNAAkN;AACpNC,IAAAA,QAAQ,EAAC,SAAS;AAClBR,IAAAA,IAAI,EAAC,cAAc;AACnBS,IAAAA,QAAQ,EAAC,SAAA;GACZ,CACF,CAAC,CACH,CAAC,CAAA;AAAA;;;;"}
@@ -1,18 +0,0 @@
1
- import { extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React from 'react';
3
-
4
- var _path;
5
- var Minus = function Minus(props) {
6
- return /*#__PURE__*/React.createElement("svg", _extends({
7
- width: "100%",
8
- viewBox: "0 0 24 24",
9
- fill: "none"
10
- }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
11
- id: "icon",
12
- d: "M3.25 12C3.25 11.58 3.58 11.25 4 11.25L20 11.25C20.41 11.25 20.75 11.58 20.75 12C20.75 12.41 20.41 12.75 20 12.75L4 12.75C3.58 12.75 3.25 12.41 3.25 12Z",
13
- fill: "currentColor"
14
- })));
15
- };
16
-
17
- export { Minus };
18
- //# sourceMappingURL=Minus.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Minus.js","sources":["../../../../src/components/_Icon/Icon.assets/Minus.tsx"],"sourcesContent":["import React from 'react';\n\nimport { IconProps } from '../IconRoot';\n\nexport const Minus: React.FC<IconProps> = (props) => (\n <svg width=\"100%\" viewBox=\"0 0 24 24\" fill=\"none\" {...props}>\n <path\n id=\"icon\"\n d=\"M3.25 12C3.25 11.58 3.58 11.25 4 11.25L20 11.25C20.41 11.25 20.75 11.58 20.75 12C20.75 12.41 20.41 12.75 20 12.75L4 12.75C3.58 12.75 3.25 12.41 3.25 12Z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n"],"names":["Minus","props","React","createElement","_extends","width","viewBox","fill","_path","id","d"],"mappings":";;;;IAIaA,KAA0B,GAAG,SAA7BA,KAA0BA,CAAIC,KAAK,EAAA;AAAA,EAAA,oBAC5CC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;AAAKC,IAAAA,KAAK,EAAC,MAAM;AAACC,IAAAA,OAAO,EAAC,WAAW;AAACC,IAAAA,IAAI,EAAC,MAAA;GAAWN,EAAAA,KAAK,GAAAO,KAAA,KAAAA,KAAA,gBACvDN,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AACIM,IAAAA,EAAE,EAAC,MAAM;AACTC,IAAAA,CAAC,EAAC,0JAA0J;AAC5JH,IAAAA,IAAI,EAAC,cAAA;GACR,CAAC,CACD,CAAC,CAAA;AAAA;;;;"}
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import { ChevronDownFill } from '../Icon.assets/ChevronDownFill.js';
3
- import { IconRoot } from '../IconRoot.js';
4
-
5
- var IconChevronDownFill = function IconChevronDownFill(_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: ChevronDownFill
15
- });
16
- };
17
-
18
- export { IconChevronDownFill };
19
- //# sourceMappingURL=IconChevronDownFill.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconChevronDownFill.js","sources":["../../../../src/components/_Icon/Icons/IconChevronDownFill.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ChevronDownFill } from '../Icon.assets/ChevronDownFill';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconChevronDownFill: React.FC<IconProps> = ({ size = 'xs', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={ChevronDownFill} />;\n};\n"],"names":["IconChevronDownFill","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","ChevronDownFill"],"mappings":";;;;IAKaA,mBAAwC,GAAG,SAA3CA,mBAAwCA,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;AACpF,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,eAAAA;AAAgB,GAAE,CAAC,CAAA;AAC9F;;;;"}
@@ -1,19 +0,0 @@
1
- import React from 'react';
2
- import { Minus } from '../Icon.assets/Minus.js';
3
- import { IconRoot } from '../IconRoot.js';
4
-
5
- var IconMinus = function IconMinus(_ref) {
6
- var _ref$size = _ref.size,
7
- size = _ref$size === void 0 ? 's' : _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: Minus
15
- });
16
- };
17
-
18
- export { IconMinus };
19
- //# sourceMappingURL=IconMinus.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconMinus.js","sources":["../../../../src/components/_Icon/Icons/IconMinus.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Minus } from '../Icon.assets/Minus';\nimport { IconRoot, IconProps } from '../IconRoot';\n\nexport const IconMinus: React.FC<IconProps> = ({ size = 's', color, className }) => {\n return <IconRoot className={className} size={size} color={color} icon={Minus} />;\n};\n"],"names":["IconMinus","_ref","_ref$size","size","color","className","React","createElement","IconRoot","icon","Minus"],"mappings":";;;;IAKaA,SAA8B,GAAG,SAAjCA,SAA8BA,CAAAC,IAAA,EAAyC;AAAA,EAAA,IAAAC,SAAA,GAAAD,IAAA,CAAnCE,IAAI;AAAJA,IAAAA,IAAI,GAAAD,SAAA,KAAG,KAAA,CAAA,GAAA,GAAG,GAAAA,SAAA;IAAEE,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS,CAAA;AACzE,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,KAAAA;AAAM,GAAE,CAAC,CAAA;AACpF;;;;"}
@@ -1,50 +0,0 @@
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.accordionRoot = exports.accordionConfig = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _utils = /*#__PURE__*/require("../../utils");
10
- var _Accordion = /*#__PURE__*/require("./Accordion.styles");
11
- var _Accordion2 = /*#__PURE__*/require("./Accordion.tokens");
12
- var _base = /*#__PURE__*/require("./variations/_view/base");
13
- var _base2 = /*#__PURE__*/require("./variations/_size/base");
14
- 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); }
15
- 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; }
16
- var accordionRoot = exports.accordionRoot = function accordionRoot(Root) {
17
- return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, outerRootRef) {
18
- var size = _ref.size,
19
- view = _ref.view,
20
- _ref$stretching = _ref.stretching,
21
- stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching,
22
- children = _ref.children,
23
- className = _ref.className;
24
- var stretchingClass = _Accordion2.classes["".concat(stretching, "Stretching")];
25
- return /*#__PURE__*/_react["default"].createElement(Root, {
26
- ref: outerRootRef,
27
- size: size,
28
- view: view,
29
- className: (0, _utils.cx)(stretchingClass, _Accordion2.classes.accordionRoot, className)
30
- }, children);
31
- });
32
- };
33
- var accordionConfig = exports.accordionConfig = {
34
- name: 'Accordion',
35
- tag: 'div',
36
- layout: accordionRoot,
37
- base: _Accordion.base,
38
- variations: {
39
- view: {
40
- css: _base.base
41
- },
42
- size: {
43
- css: _base2.base
44
- }
45
- },
46
- defaults: {
47
- view: 'default',
48
- size: 'm'
49
- }
50
- };
@@ -1,9 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _Accordion = /*#__PURE__*/require("./Accordion.tokens");
9
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:flex;flex-direction:column;gap:var(", ");align-items:stretch;height:auto;background:var(", ");&&.", "{width:var(", ");}&&.", "{width:100%;}"], _Accordion.tokens.accordionGap, _Accordion.tokens.accordionBackground, _Accordion.classes.fixedStretching, _Accordion.tokens.accordionWidth, _Accordion.classes.filledStretching);
@@ -1,43 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.tokens = exports.classes = void 0;
7
- var classes = exports.classes = {
8
- filledStretching: 'accordion-stretching-filled',
9
- fixedStretching: 'accordion-stretching-fixed',
10
- accordionRoot: 'accordion-root',
11
- accordionItem: 'accordion-item',
12
- clearAccordionItem: 'clear-accordion-item',
13
- accordionItemShowBody: 'accordion-item-show-body',
14
- accordionPlusAnimationElement: 'accordion-plus-animation-element'
15
- };
16
- var tokens = exports.tokens = {
17
- accordionGap: '--plasma-accordion-gap',
18
- accordionWidth: '--plasma-accordion-width',
19
- accordionBackground: '--plasma-accordion-background',
20
- accordionItemBackground: '--plasma-accordion-item-background',
21
- accordionItemBorderRadius: '--plasma-accordion-item-border-radius',
22
- accordionItemPaddingTop: '--plasma-accordion-item-padding-top',
23
- accordionItemPaddingRight: '--plasma-accordion-item-padding-right',
24
- accordionItemPaddingBottom: '--plasma-accordion-item-padding-bottom',
25
- accordionItemPaddingLeft: '--plasma-accordion-item-padding-left',
26
- accordionItemGap: '--plasma-accordion-item-gap',
27
- accordionItemFocus: '--plasma-accordion-item-focus',
28
- accordionItemBorderBottom: '--plasma-accordion-item-border-bottom',
29
- accordionItemTitleColor: '--plasma-accordion-item-title-color',
30
- accordionItemTitleFontFamily: '--plasma-accordion-item-title-font-family',
31
- accordionItemTitleFontSize: '--plasma-accordion-item-title-font-size',
32
- accordionItemTitleFontStyle: '--plasma-accordion-item-title-font-style',
33
- accordionItemTitleFontWeight: '--plasma-accordion-item-title-font-weight',
34
- accordionItemTitleLetterSpacing: '--plasma-accordion-item-title-letter-spacing',
35
- accordionItemTitleLineHeight: '--plasma-accordion-item-title-line-height',
36
- accordionItemTextColor: '--plasma-accordion-item-text-color',
37
- accordionItemTextFontFamily: '--plasma-accordion-item-text-font-family',
38
- accordionItemTextFontSize: '--plasma-accordion-item-text-font-size',
39
- accordionItemTextFontStyle: '--plasma-accordion-item-text-font-style',
40
- accordionItemTextFontWeight: '--plasma-accordion-item-text-font-weight',
41
- accordionItemTextLetterSpacing: '--plasma-accordion-item-text-letter-spacing',
42
- accordionItemTextLineHeight: '--plasma-accordion-item-text-line-height'
43
- };