@salutejs/plasma-new-hope 0.69.0-canary.1155.8506197081.0 → 0.69.1-canary.1161.8560768609.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (390) hide show
  1. package/cjs/components/Cell/Cell.css +3 -0
  2. package/cjs/components/Cell/Cell.js +71 -0
  3. package/cjs/components/Cell/Cell.js.map +1 -0
  4. package/cjs/components/Cell/Cell.styles.js +39 -0
  5. package/cjs/components/Cell/Cell.styles.js.map +1 -0
  6. package/cjs/components/Cell/Cell.styles_ygfo1w.css +1 -0
  7. package/cjs/components/Cell/Cell.tokens.js +50 -0
  8. package/cjs/components/Cell/Cell.tokens.js.map +1 -0
  9. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +20 -0
  10. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -0
  11. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js +13 -0
  12. package/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js.map +1 -0
  13. package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +13 -0
  14. package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js.map +1 -0
  15. package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +13 -0
  16. package/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js.map +1 -0
  17. package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +13 -0
  18. package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js.map +1 -0
  19. package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +13 -0
  20. package/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js.map +1 -0
  21. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +13 -0
  22. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -0
  23. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +13 -0
  24. package/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js.map +1 -0
  25. package/cjs/components/Cell/variations/_size/base.js +9 -0
  26. package/cjs/components/Cell/variations/_size/base.js.map +1 -0
  27. package/cjs/components/Cell/variations/_size/base_x642ct.css +1 -0
  28. package/cjs/components/Cell/variations/_view/base.js +9 -0
  29. package/cjs/components/Cell/variations/_view/base.js.map +1 -0
  30. package/cjs/components/Cell/variations/_view/base_pir0qf.css +1 -0
  31. package/cjs/components/Combobox/Combobox.css +10 -10
  32. package/cjs/components/Combobox/Combobox.styles.js +5 -5
  33. package/cjs/components/Combobox/Combobox.styles.js.map +1 -1
  34. package/cjs/components/Combobox/{Combobox.styles_17ei5vn.css → Combobox.styles_dw6hnk.css} +1 -1
  35. package/cjs/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  36. package/cjs/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  37. package/cjs/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  38. package/cjs/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  39. package/cjs/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  40. package/cjs/components/Dropdown/Dropdown.css +4 -4
  41. package/cjs/components/Dropdown/Dropdown.js +0 -1
  42. package/cjs/components/Dropdown/Dropdown.js.map +1 -1
  43. package/cjs/components/Pagination/Pagination.css +4 -4
  44. package/cjs/components/Pagination/Pagination.js +14 -13
  45. package/cjs/components/Pagination/Pagination.js.map +1 -1
  46. package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  47. package/cjs/components/Popover/Popover.css +4 -4
  48. package/cjs/components/Popover/Popover.js +7 -18
  49. package/cjs/components/Popover/Popover.js.map +1 -1
  50. package/cjs/components/Popover/Popover.styles.js +1 -1
  51. package/cjs/components/Popover/Popover.styles.js.map +1 -1
  52. package/cjs/components/Popover/{Popover.styles_1rk9t6z.css → Popover.styles_1ggb66y.css} +1 -1
  53. package/cjs/components/Select/Select.css +4 -4
  54. package/cjs/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
  55. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js +40 -0
  56. package/cjs/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
  57. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js +12 -0
  58. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
  59. package/cjs/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
  60. package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js +9 -0
  61. package/cjs/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
  62. package/cjs/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
  63. package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js +9 -0
  64. package/cjs/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
  65. package/cjs/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
  66. package/cjs/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
  67. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js +40 -0
  68. package/cjs/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
  69. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js +12 -0
  70. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
  71. package/cjs/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
  72. package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js +9 -0
  73. package/cjs/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
  74. package/cjs/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
  75. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js +9 -0
  76. package/cjs/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
  77. package/cjs/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
  78. package/cjs/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
  79. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js +40 -0
  80. package/cjs/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
  81. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js +12 -0
  82. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
  83. package/cjs/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
  84. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js +9 -0
  85. package/cjs/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
  86. package/cjs/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
  87. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js +9 -0
  88. package/cjs/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
  89. package/cjs/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
  90. package/cjs/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
  91. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js +40 -0
  92. package/cjs/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
  93. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js +12 -0
  94. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
  95. package/cjs/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
  96. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js +9 -0
  97. package/cjs/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
  98. package/cjs/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
  99. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js +9 -0
  100. package/cjs/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
  101. package/cjs/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
  102. package/cjs/components/Select/ui/SelectItem/SelectItem.css +4 -4
  103. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  104. package/cjs/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  105. package/cjs/index.css +37 -33
  106. package/cjs/index.js +53 -4
  107. package/cjs/index.js.map +1 -1
  108. package/cjs/utils/index.js +13 -1
  109. package/cjs/utils/index.js.map +1 -1
  110. package/cjs/utils/react.js +12 -2
  111. package/cjs/utils/react.js.map +1 -1
  112. package/es/components/Cell/Cell.css +3 -0
  113. package/es/components/Cell/Cell.js +66 -0
  114. package/es/components/Cell/Cell.js.map +1 -0
  115. package/es/components/Cell/Cell.styles.js +31 -0
  116. package/es/components/Cell/Cell.styles.js.map +1 -0
  117. package/es/components/Cell/Cell.styles_ygfo1w.css +1 -0
  118. package/es/components/Cell/Cell.tokens.js +45 -0
  119. package/es/components/Cell/Cell.tokens.js.map +1 -0
  120. package/es/components/Cell/ui/CellTextbox/CellTextbox.js +16 -0
  121. package/es/components/Cell/ui/CellTextbox/CellTextbox.js.map +1 -0
  122. package/es/components/Cell/ui/CellTextbox/CellTextbox.styles.js +9 -0
  123. package/es/components/Cell/ui/CellTextbox/CellTextbox.styles.js.map +1 -0
  124. package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +9 -0
  125. package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js.map +1 -0
  126. package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +9 -0
  127. package/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js.map +1 -0
  128. package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +9 -0
  129. package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js.map +1 -0
  130. package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +9 -0
  131. package/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js.map +1 -0
  132. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +9 -0
  133. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js.map +1 -0
  134. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +9 -0
  135. package/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js.map +1 -0
  136. package/es/components/Cell/variations/_size/base.js +5 -0
  137. package/es/components/Cell/variations/_size/base.js.map +1 -0
  138. package/es/components/Cell/variations/_size/base_x642ct.css +1 -0
  139. package/es/components/Cell/variations/_view/base.js +5 -0
  140. package/es/components/Cell/variations/_view/base.js.map +1 -0
  141. package/es/components/Cell/variations/_view/base_pir0qf.css +1 -0
  142. package/es/components/Combobox/Combobox.css +10 -10
  143. package/es/components/Combobox/Combobox.styles.js +5 -5
  144. package/es/components/Combobox/Combobox.styles.js.map +1 -1
  145. package/es/components/Combobox/{Combobox.styles_17ei5vn.css → Combobox.styles_dw6hnk.css} +1 -1
  146. package/es/components/Combobox/ui/ComboboxDivider/ComboboxDivider.css +4 -4
  147. package/es/components/Combobox/ui/ComboboxFooter/ComboboxFooter.css +4 -4
  148. package/es/components/Combobox/ui/ComboboxGroup/ComboboxGroup.css +4 -4
  149. package/es/components/Combobox/ui/ComboboxHeader/ComboboxHeader.css +4 -4
  150. package/es/components/Combobox/ui/ComboboxItem/ComboboxItem.css +4 -4
  151. package/es/components/Dropdown/Dropdown.css +4 -4
  152. package/es/components/Dropdown/Dropdown.js +0 -1
  153. package/es/components/Dropdown/Dropdown.js.map +1 -1
  154. package/es/components/Pagination/Pagination.css +4 -4
  155. package/es/components/Pagination/Pagination.js +15 -14
  156. package/es/components/Pagination/Pagination.js.map +1 -1
  157. package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +4 -4
  158. package/es/components/Popover/Popover.css +4 -4
  159. package/es/components/Popover/Popover.js +7 -18
  160. package/es/components/Popover/Popover.js.map +1 -1
  161. package/es/components/Popover/Popover.styles.js +1 -1
  162. package/es/components/Popover/Popover.styles.js.map +1 -1
  163. package/es/components/Popover/{Popover.styles_1rk9t6z.css → Popover.styles_1ggb66y.css} +1 -1
  164. package/es/components/Select/Select.css +4 -4
  165. package/es/components/Select/ui/SelectDivider/SelectDivider.css +23 -0
  166. package/es/components/Select/ui/SelectDivider/SelectDivider.js +35 -0
  167. package/es/components/Select/ui/SelectDivider/SelectDivider.js.map +1 -0
  168. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js +7 -0
  169. package/es/components/Select/ui/SelectDivider/SelectDivider.styles.js.map +1 -0
  170. package/es/components/Select/ui/SelectDivider/SelectDivider.styles_673hj6.css +1 -0
  171. package/es/components/Select/ui/SelectDivider/variations/_size/base.js +5 -0
  172. package/es/components/Select/ui/SelectDivider/variations/_size/base.js.map +1 -0
  173. package/es/components/Select/ui/SelectDivider/variations/_size/base_x642ct.css +1 -0
  174. package/es/components/Select/ui/SelectDivider/variations/_view/base.js +5 -0
  175. package/es/components/Select/ui/SelectDivider/variations/_view/base.js.map +1 -0
  176. package/es/components/Select/ui/SelectDivider/variations/_view/base_x642ct.css +1 -0
  177. package/es/components/Select/ui/SelectFooter/SelectFooter.css +23 -0
  178. package/es/components/Select/ui/SelectFooter/SelectFooter.js +35 -0
  179. package/es/components/Select/ui/SelectFooter/SelectFooter.js.map +1 -0
  180. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js +7 -0
  181. package/es/components/Select/ui/SelectFooter/SelectFooter.styles.js.map +1 -0
  182. package/es/components/Select/ui/SelectFooter/SelectFooter.styles_11hk6tt.css +1 -0
  183. package/es/components/Select/ui/SelectFooter/variations/_size/base.js +5 -0
  184. package/es/components/Select/ui/SelectFooter/variations/_size/base.js.map +1 -0
  185. package/es/components/Select/ui/SelectFooter/variations/_size/base_x642ct.css +1 -0
  186. package/es/components/Select/ui/SelectFooter/variations/_view/base.js +5 -0
  187. package/es/components/Select/ui/SelectFooter/variations/_view/base.js.map +1 -0
  188. package/es/components/Select/ui/SelectFooter/variations/_view/base_x642ct.css +1 -0
  189. package/es/components/Select/ui/SelectGroup/SelectGroup.css +23 -0
  190. package/es/components/Select/ui/SelectGroup/SelectGroup.js +35 -0
  191. package/es/components/Select/ui/SelectGroup/SelectGroup.js.map +1 -0
  192. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js +7 -0
  193. package/es/components/Select/ui/SelectGroup/SelectGroup.styles.js.map +1 -0
  194. package/es/components/Select/ui/SelectGroup/SelectGroup.styles_mktu7e.css +1 -0
  195. package/es/components/Select/ui/SelectGroup/variations/_size/base.js +5 -0
  196. package/es/components/Select/ui/SelectGroup/variations/_size/base.js.map +1 -0
  197. package/es/components/Select/ui/SelectGroup/variations/_size/base_x642ct.css +1 -0
  198. package/es/components/Select/ui/SelectGroup/variations/_view/base.js +5 -0
  199. package/es/components/Select/ui/SelectGroup/variations/_view/base.js.map +1 -0
  200. package/es/components/Select/ui/SelectGroup/variations/_view/base_x642ct.css +1 -0
  201. package/es/components/Select/ui/SelectHeader/SelectHeader.css +23 -0
  202. package/es/components/Select/ui/SelectHeader/SelectHeader.js +35 -0
  203. package/es/components/Select/ui/SelectHeader/SelectHeader.js.map +1 -0
  204. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js +7 -0
  205. package/es/components/Select/ui/SelectHeader/SelectHeader.styles.js.map +1 -0
  206. package/es/components/Select/ui/SelectHeader/SelectHeader.styles_24gqog.css +1 -0
  207. package/es/components/Select/ui/SelectHeader/variations/_size/base.js +5 -0
  208. package/es/components/Select/ui/SelectHeader/variations/_size/base.js.map +1 -0
  209. package/es/components/Select/ui/SelectHeader/variations/_size/base_x642ct.css +1 -0
  210. package/es/components/Select/ui/SelectHeader/variations/_view/base.js +5 -0
  211. package/es/components/Select/ui/SelectHeader/variations/_view/base.js.map +1 -0
  212. package/es/components/Select/ui/SelectHeader/variations/_view/base_x642ct.css +1 -0
  213. package/es/components/Select/ui/SelectItem/SelectItem.css +4 -4
  214. package/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  215. package/es/components/Select/ui/SelectTarget/SelectTarget.js.map +1 -1
  216. package/es/index.css +37 -33
  217. package/es/index.js +19 -0
  218. package/es/index.js.map +1 -1
  219. package/es/utils/index.js +11 -2
  220. package/es/utils/index.js.map +1 -1
  221. package/es/utils/react.js +9 -2
  222. package/es/utils/react.js.map +1 -1
  223. package/package.json +4 -4
  224. package/styled-components/cjs/components/Cell/Cell.js +71 -0
  225. package/styled-components/cjs/components/Cell/Cell.styles.js +35 -0
  226. package/styled-components/cjs/components/Cell/Cell.tokens.js +48 -0
  227. package/styled-components/cjs/components/Cell/Cell.types.js +5 -0
  228. package/styled-components/cjs/components/Cell/index.js +59 -0
  229. package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.js +19 -0
  230. package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.styles.js +12 -0
  231. package/styled-components/cjs/components/Cell/ui/CellTextbox/CellTextbox.types.js +5 -0
  232. package/styled-components/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +12 -0
  233. package/styled-components/cjs/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +12 -0
  234. package/styled-components/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +12 -0
  235. package/styled-components/cjs/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +12 -0
  236. package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +12 -0
  237. package/styled-components/cjs/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +12 -0
  238. package/styled-components/cjs/components/Cell/variations/_size/base.js +8 -0
  239. package/styled-components/cjs/components/Cell/variations/_size/tokens.json +1 -0
  240. package/styled-components/cjs/components/Cell/variations/_stretching/base.js +9 -0
  241. package/styled-components/cjs/components/Cell/variations/_stretching/tokens.json +1 -0
  242. package/styled-components/cjs/components/Cell/variations/_view/base.js +9 -0
  243. package/styled-components/cjs/components/Cell/variations/_view/tokens.json +1 -0
  244. package/styled-components/cjs/components/Combobox/Combobox.styles.js +1 -1
  245. package/styled-components/cjs/components/Dropdown/Dropdown.js +0 -1
  246. package/styled-components/cjs/components/Pagination/Pagination.js +14 -13
  247. package/styled-components/cjs/components/Popover/Popover.js +7 -18
  248. package/styled-components/cjs/components/Popover/Popover.styles.js +1 -1
  249. package/styled-components/cjs/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  250. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.config.js +21 -0
  251. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.js +35 -0
  252. package/styled-components/cjs/examples/plasma_b2c/components/Cell/Cell.stories.tsx +128 -0
  253. package/styled-components/cjs/examples/plasma_b2c/components/Chip/Chip.config.js +1 -2
  254. package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.config.js +4 -4
  255. package/styled-components/cjs/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +14 -7
  256. package/styled-components/cjs/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
  257. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.config.js +21 -0
  258. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.js +35 -0
  259. package/styled-components/cjs/examples/plasma_web/components/Cell/Cell.stories.tsx +128 -0
  260. package/styled-components/cjs/examples/plasma_web/components/Chip/Chip.config.js +1 -2
  261. package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.config.js +4 -4
  262. package/styled-components/cjs/examples/plasma_web/components/Pagination/Pagination.stories.tsx +14 -7
  263. package/styled-components/cjs/index.js +33 -0
  264. package/styled-components/es/components/Cell/Cell.js +62 -0
  265. package/styled-components/es/components/Cell/Cell.styles.js +27 -0
  266. package/styled-components/es/components/Cell/Cell.tokens.js +42 -0
  267. package/styled-components/es/components/Cell/Cell.types.js +1 -0
  268. package/styled-components/es/components/Cell/index.js +6 -0
  269. package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.js +12 -0
  270. package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.styles.js +5 -0
  271. package/styled-components/es/components/Cell/ui/CellTextbox/CellTextbox.types.js +1 -0
  272. package/styled-components/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js +5 -0
  273. package/styled-components/es/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.js +5 -0
  274. package/styled-components/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.js +5 -0
  275. package/styled-components/es/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.js +5 -0
  276. package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.js +5 -0
  277. package/styled-components/es/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.js +5 -0
  278. package/styled-components/es/components/Cell/variations/_size/base.js +2 -0
  279. package/styled-components/es/components/Cell/variations/_size/tokens.json +1 -0
  280. package/styled-components/es/components/Cell/variations/_stretching/base.js +3 -0
  281. package/styled-components/es/components/Cell/variations/_stretching/tokens.json +1 -0
  282. package/styled-components/es/components/Cell/variations/_view/base.js +3 -0
  283. package/styled-components/es/components/Cell/variations/_view/tokens.json +1 -0
  284. package/styled-components/es/components/Combobox/Combobox.styles.js +1 -1
  285. package/styled-components/es/components/Dropdown/Dropdown.js +0 -1
  286. package/styled-components/es/components/Pagination/Pagination.js +14 -13
  287. package/styled-components/es/components/Popover/Popover.js +7 -18
  288. package/styled-components/es/components/Popover/Popover.styles.js +1 -1
  289. package/styled-components/es/components/Select/ui/SelectTarget/SelectTarget.js +2 -1
  290. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.config.js +15 -0
  291. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.js +6 -0
  292. package/styled-components/es/examples/plasma_b2c/components/Cell/Cell.stories.tsx +128 -0
  293. package/styled-components/es/examples/plasma_b2c/components/Chip/Chip.config.js +1 -2
  294. package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.config.js +4 -4
  295. package/styled-components/es/examples/plasma_b2c/components/Pagination/Pagination.stories.tsx +14 -7
  296. package/styled-components/es/examples/plasma_b2c/components/Popover/Popover.stories.tsx +0 -7
  297. package/styled-components/es/examples/plasma_web/components/Cell/Cell.config.js +15 -0
  298. package/styled-components/es/examples/plasma_web/components/Cell/Cell.js +6 -0
  299. package/styled-components/es/examples/plasma_web/components/Cell/Cell.stories.tsx +128 -0
  300. package/styled-components/es/examples/plasma_web/components/Chip/Chip.config.js +1 -2
  301. package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.config.js +4 -4
  302. package/styled-components/es/examples/plasma_web/components/Pagination/Pagination.stories.tsx +14 -7
  303. package/styled-components/es/index.js +3 -0
  304. package/types/components/Cell/Cell.d.ts +23 -0
  305. package/types/components/Cell/Cell.d.ts.map +1 -0
  306. package/types/components/Cell/Cell.styles.d.ts +11 -0
  307. package/types/components/Cell/Cell.styles.d.ts.map +1 -0
  308. package/types/components/Cell/Cell.tokens.d.ts +43 -0
  309. package/types/components/Cell/Cell.tokens.d.ts.map +1 -0
  310. package/types/components/Cell/Cell.types.d.ts +51 -0
  311. package/types/components/Cell/Cell.types.d.ts.map +1 -0
  312. package/types/components/Cell/index.d.ts +9 -0
  313. package/types/components/Cell/index.d.ts.map +1 -0
  314. package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts +4 -0
  315. package/types/components/Cell/ui/CellTextbox/CellTextbox.d.ts.map +1 -0
  316. package/types/components/Cell/ui/CellTextbox/CellTextbox.styles.d.ts +2 -0
  317. package/types/components/Cell/ui/CellTextbox/CellTextbox.styles.d.ts.map +1 -0
  318. package/types/components/Cell/ui/CellTextbox/CellTextbox.types.d.ts +33 -0
  319. package/types/components/Cell/ui/CellTextbox/CellTextbox.types.d.ts.map +1 -0
  320. package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.d.ts +3 -0
  321. package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.d.ts.map +1 -0
  322. package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.d.ts +2 -0
  323. package/types/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.d.ts.map +1 -0
  324. package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.d.ts +3 -0
  325. package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.d.ts.map +1 -0
  326. package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.d.ts +2 -0
  327. package/types/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.d.ts.map +1 -0
  328. package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts +3 -0
  329. package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.d.ts.map +1 -0
  330. package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.d.ts +2 -0
  331. package/types/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.d.ts.map +1 -0
  332. package/types/components/Cell/variations/_size/base.d.ts +2 -0
  333. package/types/components/Cell/variations/_size/base.d.ts.map +1 -0
  334. package/types/components/Cell/variations/_stretching/base.d.ts +2 -0
  335. package/types/components/Cell/variations/_stretching/base.d.ts.map +1 -0
  336. package/types/components/Cell/variations/_view/base.d.ts +2 -0
  337. package/types/components/Cell/variations/_view/base.d.ts.map +1 -0
  338. package/types/components/Chip/Chip.d.ts +26 -2
  339. package/types/components/Chip/Chip.d.ts.map +1 -1
  340. package/types/components/Chip/Chip.types.d.ts +6 -5
  341. package/types/components/Chip/Chip.types.d.ts.map +1 -1
  342. package/types/components/Combobox/Combobox.styles.d.ts +2 -8
  343. package/types/components/Combobox/Combobox.styles.d.ts.map +1 -1
  344. package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts +13 -1
  345. package/types/components/Combobox/ui/ComboboxChip/ComboboxChip.styles.d.ts.map +1 -1
  346. package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
  347. package/types/components/Dropdown/Dropdown.styles.d.ts +1 -7
  348. package/types/components/Dropdown/Dropdown.styles.d.ts.map +1 -1
  349. package/types/components/Indicator/Indicator.d.ts +2 -2
  350. package/types/components/Pagination/Pagination.d.ts.map +1 -1
  351. package/types/components/Popover/Popover.d.ts +2 -2
  352. package/types/components/Popover/Popover.d.ts.map +1 -1
  353. package/types/components/Popover/Popover.styles.d.ts.map +1 -1
  354. package/types/components/Popover/Popover.types.d.ts +12 -19
  355. package/types/components/Popover/Popover.types.d.ts.map +1 -1
  356. package/types/components/Select/Select.styles.d.ts +2 -8
  357. package/types/components/Select/Select.styles.d.ts.map +1 -1
  358. package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts +13 -1
  359. package/types/components/Select/ui/SelectChip/SelectChip.styles.d.ts.map +1 -1
  360. package/types/components/Select/ui/SelectTarget/SelectTarget.d.ts.map +1 -1
  361. package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts +14 -0
  362. package/types/examples/plasma_b2c/components/Cell/Cell.config.d.ts.map +1 -0
  363. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts +45 -0
  364. package/types/examples/plasma_b2c/components/Cell/Cell.d.ts.map +1 -0
  365. package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts +0 -1
  366. package/types/examples/plasma_b2c/components/Chip/Chip.config.d.ts.map +1 -1
  367. package/types/examples/plasma_b2c/components/Chip/Chip.d.ts +13 -2
  368. package/types/examples/plasma_b2c/components/Chip/Chip.d.ts.map +1 -1
  369. package/types/examples/plasma_b2c/components/Combobox/Combobox.d.ts +2 -2
  370. package/types/examples/plasma_b2c/components/Indicator/Indicator.d.ts +2 -2
  371. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts +1 -7
  372. package/types/examples/plasma_b2c/components/Popover/Popover.d.ts.map +1 -1
  373. package/types/examples/plasma_web/components/Cell/Cell.config.d.ts +14 -0
  374. package/types/examples/plasma_web/components/Cell/Cell.config.d.ts.map +1 -0
  375. package/types/examples/plasma_web/components/Cell/Cell.d.ts +45 -0
  376. package/types/examples/plasma_web/components/Cell/Cell.d.ts.map +1 -0
  377. package/types/examples/plasma_web/components/Chip/Chip.config.d.ts +0 -1
  378. package/types/examples/plasma_web/components/Chip/Chip.config.d.ts.map +1 -1
  379. package/types/examples/plasma_web/components/Chip/Chip.d.ts +13 -2
  380. package/types/examples/plasma_web/components/Chip/Chip.d.ts.map +1 -1
  381. package/types/examples/plasma_web/components/Combobox/Combobox.d.ts +2 -2
  382. package/types/examples/plasma_web/components/Indicator/Indicator.d.ts +2 -2
  383. package/types/examples/plasma_web/components/Popover/Popover.d.ts +1 -7
  384. package/types/examples/plasma_web/components/Popover/Popover.d.ts.map +1 -1
  385. package/types/examples/sds_engineer/components/Chip/Chip.d.ts +13 -1
  386. package/types/examples/sds_engineer/components/Chip/Chip.d.ts.map +1 -1
  387. package/types/examples/sds_engineer/components/Popover/Popover.d.ts +1 -7
  388. package/types/examples/sds_engineer/components/Popover/Popover.d.ts.map +1 -1
  389. package/types/index.d.ts +3 -0
  390. package/types/index.d.ts.map +1 -1
@@ -0,0 +1,3 @@
1
+ .Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFixed__e668c908{width:var(--plasma-cell-width);}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingFilled__e668c908{width:100%;}.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_b1wikybr__e668c908.Cell_styles_ygfo1w_cellStretchingAuto__e668c908{width:auto;}
2
+
3
+ .base_pir0qf_b1sr9i7l__baa3f156{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.base_pir0qf_b1sr9i7l__baa3f156:focus{outline:0 none;}
@@ -0,0 +1,71 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var index = require('../../utils/index.js');
7
+ var Cell_styles = require('./Cell.styles.js');
8
+ var Cell_tokens = require('./Cell.tokens.js');
9
+ var base = require('./variations/_view/base.js');
10
+ var base$1 = require('./variations/_size/base.js');
11
+ var CellTextbox = require('./ui/CellTextbox/CellTextbox.js');
12
+
13
+ var cellRoot = function cellRoot(Root) {
14
+ return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
15
+ var size = _ref.size,
16
+ view = _ref.view,
17
+ contentLeft = _ref.contentLeft,
18
+ contentRight = _ref.contentRight,
19
+ _ref$alignContentLeft = _ref.alignContentLeft,
20
+ alignContentLeft = _ref$alignContentLeft === void 0 ? 'center' : _ref$alignContentLeft,
21
+ _ref$alignContentRigh = _ref.alignContentRight,
22
+ alignContentRight = _ref$alignContentRigh === void 0 ? 'center' : _ref$alignContentRigh,
23
+ children = _ref.children,
24
+ title = _ref.title,
25
+ subtitle = _ref.subtitle,
26
+ label = _ref.label,
27
+ description = _ref.description,
28
+ content = _ref.content,
29
+ _ref$stretching = _ref.stretching,
30
+ stretching = _ref$stretching === void 0 ? 'filled' : _ref$stretching;
31
+ var stretchingClass = Cell_tokens.classes["".concat(stretching, "Stretching")];
32
+ var titleText = title || description;
33
+ var contentLeftDeprecated = contentLeft || content;
34
+ return /*#__PURE__*/React.createElement(Root, {
35
+ ref: outerRootRef,
36
+ size: size,
37
+ view: view,
38
+ className: index.cx(stretchingClass, Cell_tokens.classes.cellRoot)
39
+ }, contentLeftDeprecated && /*#__PURE__*/React.createElement(Cell_styles.CellLeft, {
40
+ align: alignContentLeft
41
+ }, contentLeftDeprecated), /*#__PURE__*/React.createElement(Cell_styles.CellContentWrapper, null, /*#__PURE__*/React.createElement(Cell_styles.CellContent, null, titleText || subtitle || label ? /*#__PURE__*/React.createElement(CellTextbox.CellTextbox, {
42
+ label: label,
43
+ title: titleText,
44
+ subtitle: subtitle
45
+ }) : children), contentRight && /*#__PURE__*/React.createElement(Cell_styles.CellRight, {
46
+ align: alignContentRight
47
+ }, contentRight)));
48
+ });
49
+ };
50
+ var cellConfig = {
51
+ name: 'Cell',
52
+ tag: 'div',
53
+ layout: cellRoot,
54
+ base: Cell_styles.base,
55
+ variations: {
56
+ view: {
57
+ css: base.base
58
+ },
59
+ size: {
60
+ css: base$1.base
61
+ }
62
+ },
63
+ defaults: {
64
+ view: 'default',
65
+ size: 'm'
66
+ }
67
+ };
68
+
69
+ exports.cellConfig = cellConfig;
70
+ exports.cellRoot = cellRoot;
71
+ //# sourceMappingURL=Cell.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Cell.js","sources":["../../../src/components/Cell/Cell.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { CellProps } from './Cell.types';\nimport { base, CellLeft, CellRight, CellContentWrapper, CellContent } from './Cell.styles';\nimport { classes } from './Cell.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { CellTextbox } from './ui/CellTextbox/CellTextbox';\n\nexport const cellRoot = (Root: RootProps<HTMLDivElement, CellProps>) =>\n forwardRef<HTMLDivElement, CellProps>(\n (\n {\n size,\n view,\n contentLeft,\n contentRight,\n alignContentLeft = 'center',\n alignContentRight = 'center',\n children,\n title,\n subtitle,\n label,\n description,\n content,\n stretching = 'filled',\n },\n outerRootRef,\n ) => {\n const stretchingClass = classes[`${stretching}Stretching` as keyof typeof classes];\n const titleText = title || description;\n const contentLeftDeprecated = contentLeft || content;\n\n return (\n <Root ref={outerRootRef} size={size} view={view} className={cx(stretchingClass, classes.cellRoot)}>\n {contentLeftDeprecated && <CellLeft align={alignContentLeft}>{contentLeftDeprecated}</CellLeft>}\n <CellContentWrapper>\n <CellContent>\n {titleText || subtitle || label ? (\n <CellTextbox label={label} title={titleText} subtitle={subtitle} />\n ) : (\n children\n )}\n </CellContent>\n {contentRight && <CellRight align={alignContentRight}>{contentRight}</CellRight>}\n </CellContentWrapper>\n </Root>\n );\n },\n );\n\nexport const cellConfig = {\n name: 'Cell',\n tag: 'div',\n layout: cellRoot,\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":["cellRoot","Root","forwardRef","_ref","outerRootRef","size","view","contentLeft","contentRight","_ref$alignContentLeft","alignContentLeft","_ref$alignContentRigh","alignContentRight","children","title","subtitle","label","description","content","_ref$stretching","stretching","stretchingClass","classes","concat","titleText","contentLeftDeprecated","React","createElement","ref","className","cx","CellLeft","align","CellContentWrapper","CellContent","CellTextbox","CellRight","cellConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA0C,EAAA;AAAA,EAAA,oBAC/DC,gBAAU,CACN,UAAAC,IAAA,EAgBIC,YAAY,EACX;AAAA,IAAA,IAfGC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;MACXC,YAAY,GAAAL,IAAA,CAAZK,YAAY;MAAAC,qBAAA,GAAAN,IAAA,CACZO,gBAAgB;AAAhBA,MAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;MAAAE,qBAAA,GAAAR,IAAA,CAC3BS,iBAAiB;AAAjBA,MAAAA,iBAAiB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,qBAAA;MAC5BE,QAAQ,GAAAV,IAAA,CAARU,QAAQ;MACRC,KAAK,GAAAX,IAAA,CAALW,KAAK;MACLC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;MACRC,KAAK,GAAAb,IAAA,CAALa,KAAK;MACLC,WAAW,GAAAd,IAAA,CAAXc,WAAW;MACXC,OAAO,GAAAf,IAAA,CAAPe,OAAO;MAAAC,eAAA,GAAAhB,IAAA,CACPiB,UAAU;AAAVA,MAAAA,UAAU,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,QAAQ,GAAAA,eAAA,CAAA;AAIzB,IAAA,IAAME,eAAe,GAAGC,mBAAO,IAAAC,MAAA,CAAIH,UAAU,EAAqC,YAAA,CAAA,CAAA,CAAA;AAClF,IAAA,IAAMI,SAAS,GAAGV,KAAK,IAAIG,WAAW,CAAA;AACtC,IAAA,IAAMQ,qBAAqB,GAAGlB,WAAW,IAAIW,OAAO,CAAA;AAEpD,IAAA,oBACIQ,KAAA,CAAAC,aAAA,CAAC1B,IAAI,EAAA;AAAC2B,MAAAA,GAAG,EAAExB,YAAa;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACuB,MAAAA,SAAS,EAAEC,QAAE,CAACT,eAAe,EAAEC,mBAAO,CAACtB,QAAQ,CAAA;AAAE,KAAA,EAC7FyB,qBAAqB,iBAAIC,KAAA,CAAAC,aAAA,CAACI,oBAAQ,EAAA;AAACC,MAAAA,KAAK,EAAEtB,gBAAAA;KAAmBe,EAAAA,qBAAgC,CAAC,eAC/FC,KAAA,CAAAC,aAAA,CAACM,8BAAkB,EACfP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,uBAAW,EAAA,IAAA,EACPV,SAAS,IAAIT,QAAQ,IAAIC,KAAK,gBAC3BU,KAAA,CAAAC,aAAA,CAACQ,uBAAW,EAAA;AAACnB,MAAAA,KAAK,EAAEA,KAAM;AAACF,MAAAA,KAAK,EAAEU,SAAU;AAACT,MAAAA,QAAQ,EAAEA,QAAAA;KAAW,CAAC,GAEnEF,QAEK,CAAC,EACbL,YAAY,iBAAIkB,KAAA,CAAAC,aAAA,CAACS,qBAAS,EAAA;AAACJ,MAAAA,KAAK,EAAEpB,iBAAAA;KAAoBJ,EAAAA,YAAwB,CAC/D,CAClB,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAM6B,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAExC,QAAQ;AAChByC,EAAAA,IAAI,EAAJA,gBAAI;AACJC,EAAAA,UAAU,EAAE;AACRpC,IAAAA,IAAI,EAAE;AACFqC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACDvC,IAAAA,IAAI,EAAE;AACFsC,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNxC,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
@@ -0,0 +1,39 @@
1
+ import './Cell.styles_ygfo1w.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var styled = require('styled-components');
7
+ var Cell_tokens = require('./Cell.tokens.js');
8
+
9
+ var alignToFlex = {
10
+ center: 'center',
11
+ top: 'flex-start',
12
+ bottom: 'flex-end'
13
+ };
14
+ var base = "b1wikybr";
15
+ var CellContentWrapper = /*#__PURE__*/styled.div.withConfig({
16
+ componentId: "plasma-new-hope__sc-taup5i-0"
17
+ })(["display:flex;flex:auto;align-items:stretch;justify-content:space-between;gap:var(", ");height:auto;"], Cell_tokens.tokens.cellGap);
18
+ var CellContent = /*#__PURE__*/styled.div.withConfig({
19
+ componentId: "plasma-new-hope__sc-taup5i-1"
20
+ })(["display:flex;align-items:center;height:auto;"]);
21
+ var CellLeft = /*#__PURE__*/styled.div.withConfig({
22
+ componentId: "plasma-new-hope__sc-taup5i-2"
23
+ })(["display:flex;align-items:", ";"], function (_ref) {
24
+ var align = _ref.align;
25
+ return alignToFlex[align];
26
+ });
27
+ var CellRight = /*#__PURE__*/styled.div.withConfig({
28
+ componentId: "plasma-new-hope__sc-taup5i-3"
29
+ })(["display:flex;align-items:", ";text-align:right;"], function (_ref2) {
30
+ var align = _ref2.align;
31
+ return alignToFlex[align];
32
+ });
33
+
34
+ exports.CellContent = CellContent;
35
+ exports.CellContentWrapper = CellContentWrapper;
36
+ exports.CellLeft = CellLeft;
37
+ exports.CellRight = CellRight;
38
+ exports.base = base;
39
+ //# sourceMappingURL=Cell.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Cell.styles.js","sources":["../../../src/components/Cell/Cell.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { css } from '@linaria/core';\n\nimport type { AlignProp } from './Cell.types';\nimport { tokens, classes } from './Cell.tokens';\n\nconst alignToFlex = {\n center: 'center',\n top: 'flex-start',\n bottom: 'flex-end',\n};\n\nexport const base = css`\n &&.${classes.fixedStretching} {\n width: var(${tokens.cellWidth});\n }\n &&.${classes.filledStretching} {\n width: 100%;\n }\n &&.${classes.autoStretching} {\n width: auto;\n }\n`;\n\nexport const CellContentWrapper = styled.div`\n display: flex;\n flex: auto;\n align-items: stretch;\n justify-content: space-between;\n gap: var(${tokens.cellGap});\n height: auto;\n`;\n\nexport const CellContent = styled.div`\n display: flex;\n align-items: center;\n height: auto;\n`;\n\nexport const CellLeft = styled.div<{ align: AlignProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n`;\n\nexport const CellRight = styled.div<{ align: AlignProp }>`\n display: flex;\n align-items: ${({ align }) => alignToFlex[align]};\n text-align: right;\n`;\n"],"names":["alignToFlex","center","top","bottom","base","CellContentWrapper","styled","div","withConfig","componentId","tokens","cellGap","CellContent","CellLeft","_ref","align","CellRight","_ref2"],"mappings":";;;;;;;AAMA,IAAMA,WAAW,GAAG;AAChBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,GAAG,EAAE,YAAY;AACjBC,EAAAA,MAAM,EAAE,UAAA;AACZ,CAAC,CAAA;AAEM,IAAMC,IAAI,GAUhB,WAAA;IAEYC,kBAAkB,gBAAGC,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAK9BC,CAAAA,CAAAA,CAAAA,mFAAAA,EAAAA,gBAAAA,CAAAA,EAAAA,kBAAM,CAACC,OAAQ,EAE7B;IAEYC,WAAW,gBAAGN,MAAM,CAACC,GAAI,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAIrC,CAAA,CAAA,CAAA,8CAAA,CAAA,EAAA;IAEYI,QAAQ,gBAAGP,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,GAAA,CAAA,EAEf,UAAAK,IAAA,EAAA;AAAA,EAAA,IAAGC,KAAAA,GAAAA,IAAAA,CAAAA,KAAAA,CAAAA;EAAAA,OAAYf,WAAW,CAACe,KAAK,CAAE,CAAA;AAAA,CACpD,EAAA;IAEYC,SAAS,gBAAGV,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,2BAAA,EAAA,oBAAA,CAAA,EAEhB,UAAAQ,KAAA,EAAA;AAAA,EAAA,IAAGF,KAAAA,GAAAA,KAAAA,CAAAA,KAAAA,CAAAA;EAAAA,OAAYf,WAAW,CAACe,KAAK,CAAE,CAAA;AAAA,CAEpD;;;;;;;;"}
@@ -0,0 +1 @@
1
+ .b1wikybr.b1wikybr.cell-stretching-fixed{width:var(--plasma-cell-width);}.b1wikybr.b1wikybr.cell-stretching-filled{width:100%;}.b1wikybr.b1wikybr.cell-stretching-auto{width:auto;}
@@ -0,0 +1,50 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var tokens = {
6
+ cellColor: '--plasma-cell-color',
7
+ cellBackgroundColor: '--plasma-cell-background-color',
8
+ cellPadding: '--plasma-cell-padding',
9
+ cellPaddingLeftContent: '--plasma-cell-padding-left-content',
10
+ cellPaddingContent: '--plasma-cell-padding-content',
11
+ cellPaddingRightContent: '--plasma-cell-padding-right-content',
12
+ cellTextboxGap: '--plasma-cell-textbox-gap',
13
+ cellGap: '--plasma-cell-gap',
14
+ cellWidth: '--plasma-cell-width',
15
+ cellLabelColor: '--plasma-cell-label-color',
16
+ cellLabelFontFamily: '--plasma-cell-label-font-family',
17
+ cellLabelFontSize: '--plasma-cell-label-font-size',
18
+ cellLabelFontStyle: '--plasma-cell-label-font-style',
19
+ cellLabelFontWeight: '--plasma-cell-label-font-weight',
20
+ cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',
21
+ cellLabelLineHeight: '--plasma-cell-label-line-height',
22
+ cellTitleColor: '--plasma-cell-title-color',
23
+ cellTitleFontFamily: '--plasma-cell-title-font-family',
24
+ cellTitleFontSize: '--plasma-cell-title-font-size',
25
+ cellTitleFontStyle: '--plasma-cell-title-font-style',
26
+ cellTitleFontWeight: '--plasma-cell-title-font-weight',
27
+ cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',
28
+ cellTitleLineHeight: '--plasma-cell-title-line-height',
29
+ cellSubtitleColor: '--plasma-cell-subtitle-color',
30
+ cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',
31
+ cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',
32
+ cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',
33
+ cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',
34
+ cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',
35
+ cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height'
36
+ };
37
+ var classes = {
38
+ autoStretching: 'cell-stretching-auto',
39
+ filledStretching: 'cell-stretching-filled',
40
+ fixedStretching: 'cell-stretching-fixed',
41
+ cellWrapper: 'cell-wrapper',
42
+ cellRoot: 'cell-root',
43
+ cellContent: 'cell-content',
44
+ cellLeftContent: 'cell-left-content',
45
+ cellRightContent: 'cell-right-content'
46
+ };
47
+
48
+ exports.classes = classes;
49
+ exports.tokens = tokens;
50
+ //# sourceMappingURL=Cell.tokens.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Cell.tokens.js","sources":["../../../src/components/Cell/Cell.tokens.ts"],"sourcesContent":["export const tokens = {\n cellColor: '--plasma-cell-color',\n cellBackgroundColor: '--plasma-cell-background-color',\n\n cellPadding: '--plasma-cell-padding',\n cellPaddingLeftContent: '--plasma-cell-padding-left-content',\n cellPaddingContent: '--plasma-cell-padding-content',\n cellPaddingRightContent: '--plasma-cell-padding-right-content',\n\n cellTextboxGap: '--plasma-cell-textbox-gap',\n cellGap: '--plasma-cell-gap',\n\n cellWidth: '--plasma-cell-width',\n\n cellLabelColor: '--plasma-cell-label-color',\n cellLabelFontFamily: '--plasma-cell-label-font-family',\n cellLabelFontSize: '--plasma-cell-label-font-size',\n cellLabelFontStyle: '--plasma-cell-label-font-style',\n cellLabelFontWeight: '--plasma-cell-label-font-weight',\n cellLabelLetterSpacing: '--plasma-cell-label-letter-spacing',\n cellLabelLineHeight: '--plasma-cell-label-line-height',\n\n cellTitleColor: '--plasma-cell-title-color',\n cellTitleFontFamily: '--plasma-cell-title-font-family',\n cellTitleFontSize: '--plasma-cell-title-font-size',\n cellTitleFontStyle: '--plasma-cell-title-font-style',\n cellTitleFontWeight: '--plasma-cell-title-font-weight',\n cellTitleLetterSpacing: '--plasma-cell-title-letter-spacing',\n cellTitleLineHeight: '--plasma-cell-title-line-height',\n\n cellSubtitleColor: '--plasma-cell-subtitle-color',\n cellSubtitleFontFamily: '--plasma-cell-subtitle-font-family',\n cellSubtitleFontSize: '--plasma-cell-subtitle-font-size',\n cellSubtitleFontStyle: '--plasma-cell-subtitle-font-style',\n cellSubtitleFontWeight: '--plasma-cell-subtitle-font-weight',\n cellSubtitleLetterSpacing: '--plasma-cell-subtitle-letter-spacing',\n cellSubtitleLineHeight: '--plasma-cell-subtitle-line-height',\n};\n\nexport const classes = {\n autoStretching: 'cell-stretching-auto',\n filledStretching: 'cell-stretching-filled',\n fixedStretching: 'cell-stretching-fixed',\n\n cellWrapper: 'cell-wrapper',\n cellRoot: 'cell-root',\n cellContent: 'cell-content',\n cellLeftContent: 'cell-left-content',\n cellRightContent: 'cell-right-content',\n};\n"],"names":["tokens","cellColor","cellBackgroundColor","cellPadding","cellPaddingLeftContent","cellPaddingContent","cellPaddingRightContent","cellTextboxGap","cellGap","cellWidth","cellLabelColor","cellLabelFontFamily","cellLabelFontSize","cellLabelFontStyle","cellLabelFontWeight","cellLabelLetterSpacing","cellLabelLineHeight","cellTitleColor","cellTitleFontFamily","cellTitleFontSize","cellTitleFontStyle","cellTitleFontWeight","cellTitleLetterSpacing","cellTitleLineHeight","cellSubtitleColor","cellSubtitleFontFamily","cellSubtitleFontSize","cellSubtitleFontStyle","cellSubtitleFontWeight","cellSubtitleLetterSpacing","cellSubtitleLineHeight","classes","autoStretching","filledStretching","fixedStretching","cellWrapper","cellRoot","cellContent","cellLeftContent","cellRightContent"],"mappings":";;;;AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,SAAS,EAAE,qBAAqB;AAChCC,EAAAA,mBAAmB,EAAE,gCAAgC;AAErDC,EAAAA,WAAW,EAAE,uBAAuB;AACpCC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,kBAAkB,EAAE,+BAA+B;AACnDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAE9DC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,OAAO,EAAE,mBAAmB;AAE5BC,EAAAA,SAAS,EAAE,qBAAqB;AAEhCC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AAEtDC,EAAAA,cAAc,EAAE,2BAA2B;AAC3CC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,iBAAiB,EAAE,+BAA+B;AAClDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,mBAAmB,EAAE,iCAAiC;AAEtDC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,sBAAsB,EAAE,oCAAA;AAC5B,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,sBAAsB;AACtCC,EAAAA,gBAAgB,EAAE,wBAAwB;AAC1CC,EAAAA,eAAe,EAAE,uBAAuB;AAExCC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,eAAe,EAAE,mBAAmB;AACpCC,EAAAA,gBAAgB,EAAE,oBAAA;AACtB;;;;;"}
@@ -0,0 +1,20 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var CellTextboxLabel = require('../CellTextboxLabel/CellTextboxLabel.js');
7
+ var CellTextboxTitle = require('../CellTextboxTitle/CellTextboxTitle.js');
8
+ var CellTextboxSubtitle = require('../CellTextboxSubtitle/CellTextboxSubtitle.js');
9
+ var CellTextbox_styles = require('./CellTextbox.styles.js');
10
+
11
+ var CellTextbox = function CellTextbox(_ref) {
12
+ var label = _ref.label,
13
+ title = _ref.title,
14
+ subtitle = _ref.subtitle,
15
+ children = _ref.children;
16
+ return /*#__PURE__*/React.createElement(CellTextbox_styles.CellTextboxStyled, null, label || title || subtitle ? /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement(CellTextboxLabel.CellTextboxLabel, null, label), title && /*#__PURE__*/React.createElement(CellTextboxTitle.CellTextboxTitle, null, title), subtitle && /*#__PURE__*/React.createElement(CellTextboxSubtitle.CellTextboxSubtitle, null, subtitle)) : children);
17
+ };
18
+
19
+ exports.CellTextbox = CellTextbox;
20
+ //# sourceMappingURL=CellTextbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CellTextbox.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { CellTextboxLabel } from '../CellTextboxLabel/CellTextboxLabel';\nimport { CellTextboxTitle } from '../CellTextboxTitle/CellTextboxTitle';\nimport { CellTextboxSubtitle } from '../CellTextboxSubtitle/CellTextboxSubtitle';\n\nimport { CellTextboxStyled } from './CellTextbox.styles';\nimport type { CellTextboxProps } from './CellTextbox.types';\n\nexport const CellTextbox: React.FC<HTMLAttributes<HTMLDivElement> & CellTextboxProps> = ({\n label,\n title,\n subtitle,\n children,\n}) => {\n return (\n <CellTextboxStyled>\n {label || title || subtitle ? (\n <>\n {label && <CellTextboxLabel>{label}</CellTextboxLabel>}\n {title && <CellTextboxTitle>{title}</CellTextboxTitle>}\n {subtitle && <CellTextboxSubtitle>{subtitle}</CellTextboxSubtitle>}\n </>\n ) : (\n children\n )}\n </CellTextboxStyled>\n );\n};\n"],"names":["CellTextbox","_ref","label","title","subtitle","children","React","createElement","CellTextboxStyled","Fragment","CellTextboxLabel","CellTextboxTitle","CellTextboxSubtitle"],"mappings":";;;;;;;;;;IASaA,WAAwE,GAAG,SAA3EA,WAAwEA,CAAAC,IAAA,EAK/E;AAAA,EAAA,IAJFC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACLC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;EAER,oBACIC,KAAA,CAAAC,aAAA,CAACC,oCAAiB,QACbN,KAAK,IAAIC,KAAK,IAAIC,QAAQ,gBACvBE,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EACKP,IAAAA,EAAAA,KAAK,iBAAII,KAAA,CAAAC,aAAA,CAACG,iCAAgB,QAAER,KAAwB,CAAC,EACrDC,KAAK,iBAAIG,KAAA,CAAAC,aAAA,CAACI,iCAAgB,EAAER,IAAAA,EAAAA,KAAwB,CAAC,EACrDC,QAAQ,iBAAIE,KAAA,CAAAC,aAAA,CAACK,uCAAmB,EAAER,IAAAA,EAAAA,QAA8B,CACnE,CAAC,GAEHC,QAEW,CAAC,CAAA;AAE5B;;;;"}
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styled = require('styled-components');
6
+ var Cell_tokens = require('../../Cell.tokens.js');
7
+
8
+ var CellTextboxStyled = /*#__PURE__*/styled.div.withConfig({
9
+ componentId: "plasma-new-hope__sc-gn95dc-0"
10
+ })(["display:flex;flex-direction:column;gap:var(", ");"], Cell_tokens.tokens.cellTextboxGap);
11
+
12
+ exports.CellTextboxStyled = CellTextboxStyled;
13
+ //# sourceMappingURL=CellTextbox.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CellTextbox.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextbox/CellTextbox.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const CellTextboxStyled = styled.div`\n display: flex;\n flex-direction: column;\n gap: var(${tokens.cellTextboxGap});\n`;\n"],"names":["CellTextboxStyled","styled","div","withConfig","componentId","tokens","cellTextboxGap"],"mappings":";;;;;;;IAIaA,iBAAiB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAG5BC,CAAAA,CAAAA,CAAAA,6CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc;;;;"}
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var CellTextboxLabel_styles = require('./CellTextboxLabel.styles.js');
7
+
8
+ var CellTextboxLabel = function CellTextboxLabel(props) {
9
+ return /*#__PURE__*/React.createElement(CellTextboxLabel_styles.StyledTextboxLabel, null, props.children);
10
+ };
11
+
12
+ exports.CellTextboxLabel = CellTextboxLabel;
13
+ //# sourceMappingURL=CellTextboxLabel.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CellTextboxLabel.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxLabel } from './CellTextboxLabel.styles';\n\nexport const CellTextboxLabel: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxLabel>{props.children}</StyledTextboxLabel>;\n};\n"],"names":["CellTextboxLabel","props","React","createElement","StyledTextboxLabel","children"],"mappings":";;;;;;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,0CAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styled = require('styled-components');
6
+ var Cell_tokens = require('../../Cell.tokens.js');
7
+
8
+ var StyledTextboxLabel = /*#__PURE__*/styled.div.withConfig({
9
+ componentId: "plasma-new-hope__sc-1mmt0od-0"
10
+ })(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellLabelColor, Cell_tokens.tokens.cellLabelFontSize, Cell_tokens.tokens.cellLabelFontWeight, Cell_tokens.tokens.cellLabelFontFamily, Cell_tokens.tokens.cellLabelFontStyle, Cell_tokens.tokens.cellLabelLineHeight, Cell_tokens.tokens.cellLabelLetterSpacing);
11
+
12
+ exports.StyledTextboxLabel = StyledTextboxLabel;
13
+ //# sourceMappingURL=CellTextboxLabel.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CellTextboxLabel.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxLabel/CellTextboxLabel.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxLabel = styled.div`\n color: var(${tokens.cellLabelColor});\n font-size: var(${tokens.cellLabelFontSize});\n font-weight: var(${tokens.cellLabelFontWeight});\n font-family: var(${tokens.cellLabelFontFamily});\n font-style: var(${tokens.cellLabelFontStyle});\n line-height: var(${tokens.cellLabelLineHeight});\n letter-spacing: var(${tokens.cellLabelLetterSpacing});\n`;\n"],"names":["StyledTextboxLabel","styled","div","withConfig","componentId","tokens","cellLabelColor","cellLabelFontSize","cellLabelFontWeight","cellLabelFontFamily","cellLabelFontStyle","cellLabelLineHeight","cellLabelLetterSpacing"],"mappings":";;;;;;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC3BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc,EACjBD,kBAAM,CAACE,iBAAiB,EACtBF,kBAAM,CAACG,mBAAmB,EAC1BH,kBAAM,CAACI,mBAAmB,EAC3BJ,kBAAM,CAACK,kBAAkB,EACxBL,kBAAM,CAACM,mBAAmB,EACvBN,kBAAM,CAACO,sBAAsB;;;;"}
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var CellTextboxSubtitle_styles = require('./CellTextboxSubtitle.styles.js');
7
+
8
+ var CellTextboxSubtitle = function CellTextboxSubtitle(props) {
9
+ return /*#__PURE__*/React.createElement(CellTextboxSubtitle_styles.StyledTextboxSubtitle, null, props.children);
10
+ };
11
+
12
+ exports.CellTextboxSubtitle = CellTextboxSubtitle;
13
+ //# sourceMappingURL=CellTextboxSubtitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CellTextboxSubtitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxSubtitle } from './CellTextboxSubtitle.styles';\n\nexport const CellTextboxSubtitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxSubtitle>{props.children}</StyledTextboxSubtitle>;\n};\n"],"names":["CellTextboxSubtitle","props","React","createElement","StyledTextboxSubtitle","children"],"mappings":";;;;;;;IAIaA,mBAA6D,GAAG,SAAhEA,mBAA6DA,CAAIC,KAAK,EAAK;EACpF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,gDAAqB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAAgC,CAAC,CAAA;AAC1E;;;;"}
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styled = require('styled-components');
6
+ var Cell_tokens = require('../../Cell.tokens.js');
7
+
8
+ var StyledTextboxSubtitle = /*#__PURE__*/styled.div.withConfig({
9
+ componentId: "plasma-new-hope__sc-1kug7tk-0"
10
+ })(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellSubtitleColor, Cell_tokens.tokens.cellSubtitleFontSize, Cell_tokens.tokens.cellSubtitleFontWeight, Cell_tokens.tokens.cellSubtitleFontFamily, Cell_tokens.tokens.cellSubtitleFontStyle, Cell_tokens.tokens.cellSubtitleLineHeight, Cell_tokens.tokens.cellSubtitleLetterSpacing);
11
+
12
+ exports.StyledTextboxSubtitle = StyledTextboxSubtitle;
13
+ //# sourceMappingURL=CellTextboxSubtitle.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CellTextboxSubtitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxSubtitle/CellTextboxSubtitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxSubtitle = styled.div`\n color: var(${tokens.cellSubtitleColor});\n font-size: var(${tokens.cellSubtitleFontSize});\n font-weight: var(${tokens.cellSubtitleFontWeight});\n font-family: var(${tokens.cellSubtitleFontFamily});\n font-style: var(${tokens.cellSubtitleFontStyle});\n line-height: var(${tokens.cellSubtitleLineHeight});\n letter-spacing: var(${tokens.cellSubtitleLetterSpacing});\n`;\n"],"names":["StyledTextboxSubtitle","styled","div","withConfig","componentId","tokens","cellSubtitleColor","cellSubtitleFontSize","cellSubtitleFontWeight","cellSubtitleFontFamily","cellSubtitleFontStyle","cellSubtitleLineHeight","cellSubtitleLetterSpacing"],"mappings":";;;;;;;IAIaA,qBAAqB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAC9BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,iBAAiB,EACpBD,kBAAM,CAACE,oBAAoB,EACzBF,kBAAM,CAACG,sBAAsB,EAC7BH,kBAAM,CAACI,sBAAsB,EAC9BJ,kBAAM,CAACK,qBAAqB,EAC3BL,kBAAM,CAACM,sBAAsB,EAC1BN,kBAAM,CAACO,yBAAyB;;;;"}
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var CellTextboxTitle_styles = require('./CellTextboxTitle.styles.js');
7
+
8
+ var CellTextboxTitle = function CellTextboxTitle(props) {
9
+ return /*#__PURE__*/React.createElement(CellTextboxTitle_styles.StyledTextboxTitle, null, props.children);
10
+ };
11
+
12
+ exports.CellTextboxTitle = CellTextboxTitle;
13
+ //# sourceMappingURL=CellTextboxTitle.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CellTextboxTitle.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport { StyledTextboxTitle } from './CellTextboxTitle.styles';\n\nexport const CellTextboxTitle: React.FC<HTMLAttributes<HTMLDivElement>> = (props) => {\n return <StyledTextboxTitle>{props.children}</StyledTextboxTitle>;\n};\n"],"names":["CellTextboxTitle","props","React","createElement","StyledTextboxTitle","children"],"mappings":";;;;;;;IAIaA,gBAA0D,GAAG,SAA7DA,gBAA0DA,CAAIC,KAAK,EAAK;EACjF,oBAAOC,KAAA,CAAAC,aAAA,CAACC,0CAAkB,EAAEH,IAAAA,EAAAA,KAAK,CAACI,QAA6B,CAAC,CAAA;AACpE;;;;"}
@@ -0,0 +1,13 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var styled = require('styled-components');
6
+ var Cell_tokens = require('../../Cell.tokens.js');
7
+
8
+ var StyledTextboxTitle = /*#__PURE__*/styled.div.withConfig({
9
+ componentId: "plasma-new-hope__sc-h92q43-0"
10
+ })(["color:var(", ");font-size:var(", ");font-weight:var(", ");font-family:var(", ");font-style:var(", ");line-height:var(", ");letter-spacing:var(", ");"], Cell_tokens.tokens.cellTitleColor, Cell_tokens.tokens.cellTitleFontSize, Cell_tokens.tokens.cellTitleFontWeight, Cell_tokens.tokens.cellTitleFontFamily, Cell_tokens.tokens.cellTitleFontStyle, Cell_tokens.tokens.cellTitleLineHeight, Cell_tokens.tokens.cellTitleLetterSpacing);
11
+
12
+ exports.StyledTextboxTitle = StyledTextboxTitle;
13
+ //# sourceMappingURL=CellTextboxTitle.styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CellTextboxTitle.styles.js","sources":["../../../../../src/components/Cell/ui/CellTextboxTitle/CellTextboxTitle.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const StyledTextboxTitle = styled.div`\n color: var(${tokens.cellTitleColor});\n font-size: var(${tokens.cellTitleFontSize});\n font-weight: var(${tokens.cellTitleFontWeight});\n font-family: var(${tokens.cellTitleFontFamily});\n font-style: var(${tokens.cellTitleFontStyle});\n line-height: var(${tokens.cellTitleLineHeight});\n letter-spacing: var(${tokens.cellTitleLetterSpacing});\n`;\n"],"names":["StyledTextboxTitle","styled","div","withConfig","componentId","tokens","cellTitleColor","cellTitleFontSize","cellTitleFontWeight","cellTitleFontFamily","cellTitleFontStyle","cellTitleLineHeight","cellTitleLetterSpacing"],"mappings":";;;;;;;IAIaA,kBAAkB,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;AAAA,CAC3BC,CAAAA,CAAAA,CAAAA,YAAAA,EAAAA,kBAAAA,EAAAA,oBAAAA,EAAAA,oBAAAA,EAAAA,mBAAAA,EAAAA,oBAAAA,EAAAA,uBAAAA,EAAAA,IAAAA,CAAAA,EAAAA,kBAAM,CAACC,cAAc,EACjBD,kBAAM,CAACE,iBAAiB,EACtBF,kBAAM,CAACG,mBAAmB,EAC1BH,kBAAM,CAACI,mBAAmB,EAC3BJ,kBAAM,CAACK,kBAAkB,EACxBL,kBAAM,CAACM,mBAAmB,EACvBN,kBAAM,CAACO,sBAAsB;;;;"}
@@ -0,0 +1,9 @@
1
+ import './base_x642ct.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b6eqx01";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -0,0 +1,9 @@
1
+ import './base_pir0qf.css';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, '__esModule', { value: true });
5
+
6
+ var base = "b1sr9i7l";
7
+
8
+ exports.base = base;
9
+ //# sourceMappingURL=base.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"base.js","sources":["../../../../../src/components/Cell/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../../Cell.tokens';\n\nexport const base = css`\n color: var(${tokens.cellColor});\n background-color: var(${tokens.cellBackgroundColor});\n\n width: 100%;\n display: flex;\n align-items: stretch;\n gap: var(${tokens.cellGap});\n\n &:focus {\n outline: 0 none;\n }\n`;\n"],"names":["base"],"mappings":";;;;AAIO,IAAMA,IAAI,GAYhB;;;;"}
@@ -0,0 +1 @@
1
+ .b1sr9i7l{color:var(--plasma-cell-color);background-color:var(--plasma-cell-background-color);width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:var(--plasma-cell-gap);}.b1sr9i7l:focus{outline:0 none;}
@@ -54,13 +54,13 @@
54
54
  .ComboboxTarget_styles_1htd0dz_s1camohz__b9994d5a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-combobox-chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
55
55
  .ComboboxTarget_styles_1htd0dz_s16upk0a__b9994d5a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;width:100%;height:auto;color:var(--plasma-combobox-target-label-color);font-family:var(--plasma-combobox-target-font-family);font-size:var(--plasma-combobox-target-font-size);font-style:var(--plasma-combobox-target-font-style);font-weight:var(--plasma-combobox-target-font-weight);-webkit-letter-spacing:var(--plasma-combobox-target-letter-spacing);-moz-letter-spacing:var(--plasma-combobox-target-letter-spacing);-ms-letter-spacing:var(--plasma-combobox-target-letter-spacing);letter-spacing:var(--plasma-combobox-target-letter-spacing);line-height:var(--plasma-combobox-target-line-height);}
56
56
 
57
-
58
- .Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
59
- .Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
60
- .Popover_styles_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
61
-
62
- .Combobox_styles_17ei5vn_sd7salz__d66683e5{width:100%;position:relative;}
63
- .Combobox_styles_17ei5vn_s1tp4xgb__d66683e5{box-sizing:border-box;background:var(--plasma-combobox-background);box-shadow:var(--plasma-combobox-box-shadow);border-radius:var(--plasma-combobox-border-radius);width:var(--plasma-combobox-width);height:var(--plasma-combobox-height);padding:var(--plasma-combobox-padding-top) var(--plasma-combobox-padding-right) var(--plasma-combobox-padding-bottom) var(--plasma-combobox-padding-left);}
64
- .Combobox_styles_17ei5vn_s1fuzbs4__d66683e5{display:block;}.Combobox_styles_17ei5vn_s1fuzbs4__d66683e5 .Combobox_styles_17ei5vn_popoverRoot__d66683e5,.Combobox_styles_17ei5vn_s1fuzbs4__d66683e5 .Combobox_styles_17ei5vn_popoverTarget__d66683e5{width:var(--s1fuzbs4-0);}
65
- .Combobox_styles_17ei5vn_c1bkz6yw__d66683e5{text-align:center;padding:0.5rem;font-family:var(--plasma-combobox-item-font-family);font-size:var(--plasma-combobox-item-font-size);font-style:var(--plasma-combobox-item-font-style);font-weight:var(--plasma-combobox-item-letter-spacing);-webkit-letter-spacing:var(--plasma-combobox-item-line-height);-moz-letter-spacing:var(--plasma-combobox-item-line-height);-ms-letter-spacing:var(--plasma-combobox-item-line-height);letter-spacing:var(--plasma-combobox-item-line-height);line-height:var(--plasma-combobox-item-font-weight);}
66
- .Combobox_styles_17ei5vn_s1mwm6am__d66683e5{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;color:transparent;border:none;outline:none;opacity:0;position:absolute;inset:0;}
57
+ .Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
58
+ .Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
59
+ .Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
60
+ .Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
61
+
62
+ .Combobox_styles_dw6hnk_sd7salz__1a7f1343{width:100%;position:relative;}.Combobox_styles_dw6hnk_sd7salz__1a7f1343 .Combobox_styles_dw6hnk_popoverWrapper__1a7f1343{display:block;}
63
+ .Combobox_styles_dw6hnk_s1tp4xgb__1a7f1343{box-sizing:border-box;background:var(--plasma-combobox-background);box-shadow:var(--plasma-combobox-box-shadow);border-radius:var(--plasma-combobox-border-radius);width:var(--plasma-combobox-width);height:var(--plasma-combobox-height);padding:var(--plasma-combobox-padding-top) var(--plasma-combobox-padding-right) var(--plasma-combobox-padding-bottom) var(--plasma-combobox-padding-left);}
64
+ .Combobox_styles_dw6hnk_s1fuzbs4__1a7f1343{display:block;}.Combobox_styles_dw6hnk_s1fuzbs4__1a7f1343 .Combobox_styles_dw6hnk_popoverRoot__1a7f1343,.Combobox_styles_dw6hnk_s1fuzbs4__1a7f1343 .Combobox_styles_dw6hnk_popoverTarget__1a7f1343{width:var(--s1fuzbs4-0);}
65
+ .Combobox_styles_dw6hnk_c1bkz6yw__1a7f1343{text-align:center;padding:0.5rem;font-family:var(--plasma-combobox-item-font-family);font-size:var(--plasma-combobox-item-font-size);font-style:var(--plasma-combobox-item-font-style);font-weight:var(--plasma-combobox-item-letter-spacing);-webkit-letter-spacing:var(--plasma-combobox-item-line-height);-moz-letter-spacing:var(--plasma-combobox-item-line-height);-ms-letter-spacing:var(--plasma-combobox-item-line-height);letter-spacing:var(--plasma-combobox-item-line-height);line-height:var(--plasma-combobox-item-font-weight);}
66
+ .Combobox_styles_dw6hnk_s1mwm6am__1a7f1343{display:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:transparent;color:transparent;border:none;outline:none;opacity:0;position:absolute;inset:0;}
@@ -1,4 +1,4 @@
1
- import './Combobox.styles_17ei5vn.css';
1
+ import './Combobox.styles_dw6hnk.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -21,22 +21,22 @@ var StyledCombobox = /*#__PURE__*/react.styled('div')({
21
21
 
22
22
  // issue #823
23
23
  var Popover = /*#__PURE__*/common.component(Popover$1.popoverConfig);
24
- var _exp10 = function _exp10() {
24
+ var _exp11 = function _exp11() {
25
25
  return Popover;
26
26
  };
27
- var _exp13 = function _exp13() {
27
+ var _exp14 = function _exp14() {
28
28
  return function (_ref) {
29
29
  var usePortal = _ref.usePortal,
30
30
  selectWidth = _ref.selectWidth;
31
31
  return usePortal ? "".concat(selectWidth, "px") : '100%';
32
32
  };
33
33
  };
34
- var StyledPopover = /*#__PURE__*/react.styled(_exp10())({
34
+ var StyledPopover = /*#__PURE__*/react.styled(_exp11())({
35
35
  name: "StyledPopover",
36
36
  "class": "s1fuzbs4",
37
37
  propsAsIs: true,
38
38
  vars: {
39
- "s1fuzbs4-0": [/*#__PURE__*/_exp13()]
39
+ "s1fuzbs4-0": [/*#__PURE__*/_exp14()]
40
40
  }
41
41
  });
42
42
  var ComboboxItemNotFound = /*#__PURE__*/react.styled('div')({
@@ -1 +1 @@
1
- {"version":3,"file":"Combobox.styles.js","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { tokens } from './Combobox.tokens';\n\nexport const StyledRoot = styled.div`\n width: 100%;\n position: relative;\n`;\n\nexport const StyledCombobox = styled.div`\n box-sizing: border-box;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: var(${tokens.width});\n height: var(${tokens.height});\n\n padding: var(${tokens.paddingTop}) var(${tokens.paddingRight}) var(${tokens.paddingBottom})\n var(${tokens.paddingLeft});\n`;\n\n// issue #823\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ selectWidth?: number }>`\n display: block;\n\n .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n width: ${({ usePortal, selectWidth }) => (usePortal ? `${selectWidth}px` : '100%')};\n }\n`;\n\nexport const ComboboxItemNotFound = styled.div`\n text-align: center;\n padding: 0.5rem;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeightBold});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n`;\n\nexport const StyledNativeSelect = styled.select`\n display: none;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: transparent;\n border: none;\n outline: none;\n opacity: 0;\n position: absolute;\n inset: 0;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledCombobox","Popover","component","popoverConfig","_exp10","_exp13","_ref","usePortal","selectWidth","concat","StyledPopover","vars","ComboboxItemNotFound","StyledNativeSelect"],"mappings":";;;;;;;;;AAOO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAG/B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYnC,EAAA;;AAED;AACA,IAAME,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,MAAA,GA1BvBA,SA0BuBA,MAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,MAAA,GA5BzBA,SA4ByBA,MAAAA,GAAA;AAAA,EAAA,OAI1B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;MAAEC,WAAAA,GAAAA,IAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OAAmBD,SAAS,GAAAE,EAAAA,CAAAA,MAAA,CAAMD,WAAY,UAAM,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJnF,IAAME,aAAa,gBAAGd,YAAM,CAAAQ,MAAA,EAAA,CAAA,CAAA;AAAAP,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAY,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAIlBN,MAAyE,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzF,EAAA;AAEM,IAAMO,oBAAoB,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUzC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYvC;;;;;;;;"}
1
+ {"version":3,"file":"Combobox.styles.js","sources":["../../../src/components/Combobox/Combobox.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component } from '../../engines';\nimport { popoverClasses, popoverConfig } from '../Popover';\n\nimport { tokens } from './Combobox.tokens';\n\nexport const StyledRoot = styled.div`\n width: 100%;\n position: relative;\n\n & .${popoverClasses.wrapper} {\n display: block;\n }\n`;\n\nexport const StyledCombobox = styled.div`\n box-sizing: border-box;\n\n background: var(${tokens.background});\n box-shadow: var(${tokens.boxShadow});\n\n border-radius: var(${tokens.borderRadius});\n width: var(${tokens.width});\n height: var(${tokens.height});\n\n padding: var(${tokens.paddingTop}) var(${tokens.paddingRight}) var(${tokens.paddingBottom})\n var(${tokens.paddingLeft});\n`;\n\n// issue #823\nconst Popover = component(popoverConfig);\n\nexport const StyledPopover = styled(Popover)<{ selectWidth?: number }>`\n display: block;\n\n .${String(popoverClasses.root)}, .${String(popoverClasses.target)} {\n width: ${({ usePortal, selectWidth }) => (usePortal ? `${selectWidth}px` : '100%')};\n }\n`;\n\nexport const ComboboxItemNotFound = styled.div`\n text-align: center;\n padding: 0.5rem;\n\n font-family: var(${tokens.itemFontFamily});\n font-size: var(${tokens.itemFontSize});\n font-style: var(${tokens.itemFontStyle});\n font-weight: var(${tokens.itemFontWeightBold});\n letter-spacing: var(${tokens.itemFontLetterSpacing});\n line-height: var(${tokens.itemFontLineHeight});\n`;\n\nexport const StyledNativeSelect = styled.select`\n display: none;\n appearance: none;\n -moz-appearance: none;\n -webkit-appearance: none;\n background: transparent;\n color: transparent;\n border: none;\n outline: none;\n opacity: 0;\n position: absolute;\n inset: 0;\n`;\n"],"names":["StyledRoot","styled","name","class","propsAsIs","StyledCombobox","Popover","component","popoverConfig","_exp11","_exp14","_ref","usePortal","selectWidth","concat","StyledPopover","vars","ComboboxItemNotFound","StyledNativeSelect"],"mappings":";;;;;;;;;AAOO,IAAMA,UAAU,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO/B,EAAA;AAEM,IAAMC,cAAc,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYnC,EAAA;;AAED;AACA,IAAME,OAAO,gBAAGC,gBAAS,CAACC,uBAAa,CAAC,CAAA;AAAC,IAAAC,MAAA,GA9BvBA,SA8BuBA,MAAAA,GAAA;AAAA,EAAA,OAELH,OAAO,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAI,MAAA,GAhCzBA,SAgCyBA,MAAAA,GAAA;AAAA,EAAA,OAI1B,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,SAAS,GAAAD,IAAA,CAATC,SAAS;MAAEC,WAAAA,GAAAA,IAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OAAmBD,SAAS,GAAAE,EAAAA,CAAAA,MAAA,CAAMD,WAAY,UAAM,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJnF,IAAME,aAAa,gBAAGd,YAAM,CAAAQ,MAAA,EAAA,CAAA,CAAA;AAAAP,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAY,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAIlBN,MAAyE,EAAA,CAAA;AAAA,GAAA;AAAA,CAEzF,EAAA;AAEM,IAAMO,oBAAoB,gBAAGhB,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,sBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUzC,EAAA;AAEM,IAAMc,kBAAkB,gBAAGjB,YAAM,CAAA,QAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAYvC;;;;;;;;"}
@@ -1,4 +1,4 @@
1
- .sd7salz{width:100%;position:relative;}
1
+ .sd7salz{width:100%;position:relative;}.sd7salz .popover-wrapper{display:block;}
2
2
  .s1tp4xgb{box-sizing:border-box;background:var(--plasma-combobox-background);box-shadow:var(--plasma-combobox-box-shadow);border-radius:var(--plasma-combobox-border-radius);width:var(--plasma-combobox-width);height:var(--plasma-combobox-height);padding:var(--plasma-combobox-padding-top) var(--plasma-combobox-padding-right) var(--plasma-combobox-padding-bottom) var(--plasma-combobox-padding-left);}
3
3
  .s1fuzbs4{display:block;}.s1fuzbs4 .popover-root,.s1fuzbs4 .popover-target{width:var(--s1fuzbs4-0);}
4
4
  .c1bkz6yw{text-align:center;padding:0.5rem;font-family:var(--plasma-combobox-item-font-family);font-size:var(--plasma-combobox-item-font-size);font-style:var(--plasma-combobox-item-font-style);font-weight:var(--plasma-combobox-item-letter-spacing);-webkit-letter-spacing:var(--plasma-combobox-item-line-height);-moz-letter-spacing:var(--plasma-combobox-item-line-height);-ms-letter-spacing:var(--plasma-combobox-item-line-height);letter-spacing:var(--plasma-combobox-item-line-height);line-height:var(--plasma-combobox-item-font-weight);}
@@ -1,7 +1,7 @@
1
-
2
- .Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
3
- .Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
4
- .Popover_styles_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
1
+ .Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
2
+ .Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
3
+ .Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
4
+ .Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
5
5
 
6
6
  .Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
7
7
  .Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}
@@ -1,7 +1,7 @@
1
-
2
- .Popover_styles_1rk9t6z_s12xwbyh__96f55a53{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
3
- .Popover_styles_1rk9t6z_s1pd4d8a__96f55a53{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1rk9t6z_s1pd4d8a__96f55a53::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
4
- .Popover_styles_1rk9t6z_s16xlixz__96f55a53{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='left'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='right'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='top-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-start'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1rk9t6z_s16xlixz__96f55a53[data-popper-placement^='bottom-end'] > .Popover_styles_1rk9t6z_popoverArrow__96f55a53::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
1
+ .Popover_styles_1ggb66y_s1g1xbt5__6eaffcc0{display:inline-block;}
2
+ .Popover_styles_1ggb66y_s12xwbyh__6eaffcc0{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
3
+ .Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_1ggb66y_s1pd4d8a__6eaffcc0::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
4
+ .Popover_styles_1ggb66y_s16xlixz__6eaffcc0{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='left'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='right'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='top-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-start'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_1ggb66y_s16xlixz__6eaffcc0[data-popper-placement^='bottom-end'] > .Popover_styles_1ggb66y_popoverArrow__6eaffcc0::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
5
5
 
6
6
  .Dropdown_styles_1daxhqh_sn7uamp__488e0a19 .Dropdown_styles_1daxhqh_popoverTarget__488e0a19{display:block;}
7
7
  .Dropdown_styles_1daxhqh_sjr7fmv__488e0a19{box-sizing:border-box;background:var(--plasma-dropdown-background);box-shadow:var(--plasma-dropdown-box-shadow);border-radius:var(--plasma-dropdown-border-radius);width:var(--plasma-dropdown-width);height:var(--plasma-dropdown-height);padding:var(--plasma-dropdown-padding-top) var(--plasma-dropdown-padding-right) var(--plasma-dropdown-padding-bottom) var(--plasma-dropdown-padding-left);}