payload 0.20.1 → 0.20.4-beta.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (363) hide show
  1. package/.eslintrc.js +21 -0
  2. package/CHANGELOG.md +33 -1
  3. package/components/elements.ts +1 -0
  4. package/components/index.js +2 -2
  5. package/components/styles.css +1 -1
  6. package/dist/admin/assets/fonts/SuisseIntl-Medium.woff +0 -0
  7. package/dist/admin/assets/fonts/SuisseIntl-Medium.woff2 +0 -0
  8. package/dist/admin/assets/fonts/merriweather-v30-latin-700.woff +0 -0
  9. package/dist/admin/assets/fonts/merriweather-v30-latin-700.woff2 +0 -0
  10. package/dist/admin/assets/fonts/merriweather-v30-latin-700italic.woff +0 -0
  11. package/dist/admin/assets/fonts/merriweather-v30-latin-700italic.woff2 +0 -0
  12. package/dist/admin/assets/fonts/merriweather-v30-latin-italic.woff +0 -0
  13. package/dist/admin/assets/fonts/merriweather-v30-latin-italic.woff2 +0 -0
  14. package/dist/admin/assets/fonts/merriweather-v30-latin-regular.woff +0 -0
  15. package/dist/admin/assets/fonts/merriweather-v30-latin-regular.woff2 +0 -0
  16. package/dist/admin/components/{forms/DraggableSection/ActionPanel → elements/ArrayAction}/index.d.ts +1 -2
  17. package/dist/admin/components/elements/ArrayAction/index.js +44 -0
  18. package/dist/admin/components/elements/ArrayAction/index.scss +54 -0
  19. package/dist/admin/components/elements/ArrayAction/types.d.ts +8 -0
  20. package/dist/admin/components/{forms/DraggableSection/ActionPanel → elements/ArrayAction}/types.js +0 -0
  21. package/dist/admin/components/elements/Banner/index.scss +13 -12
  22. package/dist/admin/components/elements/Button/index.js +2 -1
  23. package/dist/admin/components/elements/Button/index.scss +22 -21
  24. package/dist/admin/components/elements/Button/types.d.ts +2 -0
  25. package/dist/admin/components/elements/Card/index.js +3 -2
  26. package/dist/admin/components/elements/Card/index.scss +2 -2
  27. package/dist/admin/components/elements/Card/types.d.ts +1 -0
  28. package/dist/admin/components/{forms/DraggableSection/PositionPanel → elements/Collapsible}/index.d.ts +1 -2
  29. package/dist/admin/components/elements/Collapsible/index.js +43 -0
  30. package/dist/admin/components/elements/Collapsible/index.scss +113 -0
  31. package/dist/admin/components/elements/Collapsible/provider.d.ts +8 -0
  32. package/dist/admin/components/elements/Collapsible/provider.js +7 -0
  33. package/dist/admin/components/{forms/FieldTypeGutter → elements/Collapsible}/types.d.ts +7 -4
  34. package/dist/admin/components/{forms/DraggableSection/PositionPanel → elements/Collapsible}/types.js +0 -0
  35. package/dist/admin/components/elements/ColumnSelector/index.js +6 -3
  36. package/dist/admin/components/elements/ColumnSelector/index.scss +10 -1
  37. package/dist/admin/components/elements/DatePicker/index.scss +92 -47
  38. package/dist/admin/components/elements/DeleteDocument/index.js +5 -5
  39. package/dist/admin/components/elements/DeleteDocument/index.scss +5 -0
  40. package/dist/admin/components/elements/DeleteDocument/types.d.ts +1 -0
  41. package/dist/admin/components/elements/DuplicateDocument/index.js +1 -1
  42. package/dist/admin/components/elements/Eyebrow/index.js +4 -2
  43. package/dist/admin/components/elements/Eyebrow/index.scss +10 -6
  44. package/dist/admin/components/elements/FileDetails/index.scss +4 -4
  45. package/dist/admin/components/elements/GenerateConfirmation/index.js +1 -1
  46. package/dist/admin/components/elements/GenerateConfirmation/index.scss +5 -0
  47. package/dist/admin/components/elements/Gutter/index.d.ts +13 -0
  48. package/dist/admin/components/elements/Gutter/index.js +16 -0
  49. package/dist/admin/components/elements/Gutter/index.scss +19 -0
  50. package/dist/admin/components/elements/IDLabel/index.scss +2 -2
  51. package/dist/admin/components/elements/Loading/index.js +1 -1
  52. package/dist/admin/components/elements/Localizer/index.scss +2 -1
  53. package/dist/admin/components/elements/Nav/index.scss +12 -7
  54. package/dist/admin/components/elements/Paginator/ClickableArrow/index.scss +2 -2
  55. package/dist/admin/components/elements/Paginator/index.scss +5 -5
  56. package/dist/admin/components/elements/PerPage/index.js +1 -1
  57. package/dist/admin/components/elements/PerPage/index.scss +1 -2
  58. package/dist/admin/components/elements/Pill/index.scss +20 -16
  59. package/dist/admin/components/elements/Popup/PopupButton/index.js +2 -1
  60. package/dist/admin/components/elements/Popup/PopupButton/types.d.ts +1 -0
  61. package/dist/admin/components/elements/Popup/index.js +7 -7
  62. package/dist/admin/components/elements/Popup/index.scss +20 -17
  63. package/dist/admin/components/elements/Popup/types.d.ts +1 -0
  64. package/dist/admin/components/elements/ReactSelect/index.scss +20 -12
  65. package/dist/admin/components/elements/SortComplex/index.scss +3 -2
  66. package/dist/admin/components/elements/Status/index.js +2 -2
  67. package/dist/admin/components/elements/Status/index.scss +5 -0
  68. package/dist/admin/components/elements/StepNav/index.scss +0 -6
  69. package/dist/admin/components/elements/Table/index.js +2 -2
  70. package/dist/admin/components/elements/Table/index.scss +7 -4
  71. package/dist/admin/components/elements/Tooltip/index.scss +9 -9
  72. package/dist/admin/components/elements/UploadCard/index.scss +1 -1
  73. package/dist/admin/components/elements/WhereBuilder/Condition/Relationship/index.scss +3 -3
  74. package/dist/admin/components/elements/WhereBuilder/Condition/index.js +2 -2
  75. package/dist/admin/components/elements/WhereBuilder/index.js +1 -1
  76. package/dist/admin/components/elements/WhereBuilder/index.scss +1 -1
  77. package/dist/admin/components/forms/Error/index.scss +2 -3
  78. package/dist/admin/components/forms/FieldDescription/index.js +6 -2
  79. package/dist/admin/components/forms/FieldDescription/index.scss +1 -1
  80. package/dist/admin/components/forms/FieldDescription/types.d.ts +3 -2
  81. package/dist/admin/components/forms/FieldDescription/types.js +1 -1
  82. package/dist/admin/components/forms/Form/buildStateFromSchema/addFieldStatePromise.js +17 -0
  83. package/dist/admin/components/forms/Form/fieldReducer.js +18 -0
  84. package/dist/admin/components/forms/Label/index.scss +2 -2
  85. package/dist/admin/components/forms/RenderFields/index.js +2 -2
  86. package/dist/admin/components/forms/RenderFields/types.d.ts +1 -0
  87. package/dist/admin/components/forms/Submit/index.js +2 -2
  88. package/dist/admin/components/forms/field-types/Array/Array.js +93 -12
  89. package/dist/admin/components/forms/field-types/Array/index.scss +33 -35
  90. package/dist/admin/components/forms/field-types/Blocks/BlockSelector/BlockSelection/index.scss +3 -1
  91. package/dist/admin/components/forms/field-types/Blocks/Blocks.js +83 -37
  92. package/dist/admin/components/forms/{DraggableSection → field-types/Blocks}/SectionTitle/index.d.ts +0 -0
  93. package/dist/admin/components/forms/{DraggableSection → field-types/Blocks}/SectionTitle/index.js +8 -6
  94. package/dist/admin/components/forms/field-types/Blocks/SectionTitle/index.scss +49 -0
  95. package/dist/admin/components/forms/{DraggableSection → field-types/Blocks}/SectionTitle/types.d.ts +0 -1
  96. package/dist/admin/components/forms/{DraggableSection → field-types/Blocks}/SectionTitle/types.js +0 -0
  97. package/dist/admin/components/forms/field-types/Blocks/index.scss +53 -27
  98. package/dist/admin/components/forms/field-types/Checkbox/index.js +1 -1
  99. package/dist/admin/components/forms/field-types/Checkbox/index.scss +2 -2
  100. package/dist/admin/components/forms/field-types/Code/Code.js +4 -4
  101. package/dist/admin/components/forms/field-types/Code/index.scss +4 -4
  102. package/dist/admin/components/forms/{FieldTypeGutter → field-types/Collapsible}/index.d.ts +2 -2
  103. package/dist/admin/components/forms/field-types/Collapsible/index.js +44 -0
  104. package/dist/admin/components/forms/field-types/Collapsible/index.scss +11 -0
  105. package/dist/admin/components/forms/field-types/Collapsible/types.d.ts +8 -0
  106. package/dist/admin/components/forms/{DraggableSection → field-types/Collapsible}/types.js +0 -0
  107. package/dist/admin/components/forms/field-types/ConfirmPassword/index.js +2 -2
  108. package/dist/admin/components/forms/field-types/ConfirmPassword/index.scss +9 -9
  109. package/dist/admin/components/forms/field-types/DateTime/index.js +1 -1
  110. package/dist/admin/components/forms/field-types/DateTime/index.scss +1 -1
  111. package/dist/admin/components/forms/field-types/Email/index.js +1 -1
  112. package/dist/admin/components/forms/field-types/Email/index.scss +8 -8
  113. package/dist/admin/components/forms/field-types/Group/index.js +11 -14
  114. package/dist/admin/components/forms/field-types/Group/index.scss +25 -37
  115. package/dist/admin/components/forms/field-types/HiddenInput/index.js +1 -1
  116. package/dist/admin/components/forms/field-types/Number/index.js +2 -2
  117. package/dist/admin/components/forms/field-types/Number/index.scss +9 -9
  118. package/dist/admin/components/forms/field-types/Password/index.js +2 -2
  119. package/dist/admin/components/forms/field-types/Password/index.scss +9 -9
  120. package/dist/admin/components/forms/field-types/Point/index.js +4 -4
  121. package/dist/admin/components/forms/field-types/Point/index.scss +9 -9
  122. package/dist/admin/components/forms/field-types/RadioGroup/Input.d.ts +22 -0
  123. package/dist/admin/components/forms/field-types/RadioGroup/Input.js +41 -0
  124. package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/index.js +1 -1
  125. package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/index.scss +4 -4
  126. package/dist/admin/components/forms/field-types/RadioGroup/RadioInput/types.d.ts +2 -1
  127. package/dist/admin/components/forms/field-types/RadioGroup/index.d.ts +0 -1
  128. package/dist/admin/components/forms/field-types/RadioGroup/index.js +2 -35
  129. package/dist/admin/components/forms/field-types/RadioGroup/types.d.ts +1 -0
  130. package/dist/admin/components/forms/field-types/Relationship/index.js +1 -1
  131. package/dist/admin/components/forms/field-types/Relationship/index.scss +4 -4
  132. package/dist/admin/components/forms/field-types/RichText/RichText.js +30 -31
  133. package/dist/admin/components/forms/field-types/RichText/elements/link/index.js +1 -1
  134. package/dist/admin/components/forms/field-types/RichText/elements/link/index.scss +6 -6
  135. package/dist/admin/components/forms/field-types/RichText/elements/ol/index.d.ts +1 -0
  136. package/dist/admin/components/forms/field-types/RichText/elements/ol/index.js +2 -1
  137. package/dist/admin/components/forms/field-types/RichText/elements/ol/index.scss +7 -0
  138. package/dist/admin/components/forms/field-types/RichText/elements/relationship/Button/index.js +1 -1
  139. package/dist/admin/components/forms/field-types/RichText/elements/relationship/Button/index.scss +5 -3
  140. package/dist/admin/components/forms/field-types/RichText/elements/relationship/Element/index.scss +13 -2
  141. package/dist/admin/components/forms/field-types/RichText/elements/ul/index.d.ts +1 -0
  142. package/dist/admin/components/forms/field-types/RichText/elements/ul/index.js +2 -1
  143. package/dist/admin/components/forms/field-types/RichText/elements/ul/index.scss +7 -0
  144. package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/EditModal/index.scss +6 -2
  145. package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/index.js +1 -1
  146. package/dist/admin/components/forms/field-types/RichText/elements/upload/Element/index.scss +17 -4
  147. package/dist/admin/components/forms/field-types/RichText/elements/upload/addSwapModals.scss +2 -0
  148. package/dist/admin/components/forms/field-types/RichText/index.scss +66 -20
  149. package/dist/admin/components/forms/field-types/Select/Input.js +1 -1
  150. package/dist/admin/components/forms/field-types/Select/index.scss +1 -1
  151. package/dist/admin/components/forms/field-types/Tabs/index.d.ts +5 -0
  152. package/dist/admin/components/forms/field-types/Tabs/index.js +36 -0
  153. package/dist/admin/components/forms/field-types/Tabs/index.scss +91 -0
  154. package/dist/admin/components/forms/field-types/Tabs/types.d.ts +8 -0
  155. package/dist/admin/components/forms/{FieldTypeGutter → field-types/Tabs}/types.js +0 -0
  156. package/dist/admin/components/forms/field-types/Text/Input.js +2 -2
  157. package/dist/admin/components/forms/field-types/Text/index.scss +9 -9
  158. package/dist/admin/components/forms/field-types/Textarea/Input.js +2 -2
  159. package/dist/admin/components/forms/field-types/Textarea/index.scss +1 -1
  160. package/dist/admin/components/forms/field-types/Upload/Add/index.js +1 -3
  161. package/dist/admin/components/forms/field-types/Upload/Add/index.scss +2 -0
  162. package/dist/admin/components/forms/field-types/Upload/SelectExisting/index.scss +2 -0
  163. package/dist/admin/components/forms/field-types/Upload/index.scss +2 -2
  164. package/dist/admin/components/forms/field-types/index.d.ts +2 -0
  165. package/dist/admin/components/forms/field-types/index.js +4 -0
  166. package/dist/admin/components/forms/field-types/rowReducer.d.ts +39 -1
  167. package/dist/admin/components/forms/field-types/rowReducer.js +18 -5
  168. package/dist/admin/components/forms/useField/index.js +4 -5
  169. package/dist/admin/components/graphics/Account/index.js +14 -4
  170. package/dist/admin/components/graphics/Icon/index.js +9 -3
  171. package/dist/admin/components/graphics/Logo/index.js +16 -10
  172. package/dist/admin/components/icons/Calendar/index.scss +1 -1
  173. package/dist/admin/components/icons/Check/index.scss +1 -1
  174. package/dist/admin/components/icons/Chevron/index.scss +1 -1
  175. package/dist/admin/components/icons/CloseMenu/index.scss +1 -1
  176. package/dist/admin/components/icons/Copy/index.scss +1 -1
  177. package/dist/admin/components/icons/Drag/index.d.ts +6 -0
  178. package/dist/admin/components/icons/Drag/index.js +13 -0
  179. package/dist/admin/components/icons/Drag/index.scss +10 -0
  180. package/dist/admin/components/icons/Edit/index.scss +1 -1
  181. package/dist/admin/components/icons/IndentLeft/index.scss +2 -2
  182. package/dist/admin/components/icons/IndentRight/index.js +1 -1
  183. package/dist/admin/components/icons/IndentRight/index.scss +2 -2
  184. package/dist/admin/components/icons/LogOut/index.scss +1 -1
  185. package/dist/admin/components/icons/Menu/index.d.ts +1 -0
  186. package/dist/admin/components/icons/Menu/index.js +5 -4
  187. package/dist/admin/components/icons/Menu/index.scss +7 -0
  188. package/dist/admin/components/icons/More/index.d.ts +6 -0
  189. package/dist/admin/components/icons/More/index.js +10 -0
  190. package/dist/admin/components/icons/More/index.scss +10 -0
  191. package/dist/admin/components/icons/Plus/index.scss +1 -1
  192. package/dist/admin/components/icons/Relationship/index.scss +1 -1
  193. package/dist/admin/components/icons/Search/index.d.ts +1 -0
  194. package/dist/admin/components/icons/Search/index.js +4 -3
  195. package/dist/admin/components/icons/Search/index.scss +11 -0
  196. package/dist/admin/components/icons/Swap/index.scss +1 -1
  197. package/dist/admin/components/icons/Upload/index.scss +1 -1
  198. package/dist/admin/components/icons/X/index.d.ts +3 -1
  199. package/dist/admin/components/icons/X/index.js +4 -1
  200. package/dist/admin/components/icons/X/index.scss +1 -1
  201. package/dist/admin/components/modals/LeaveWithoutSaving/index.js +1 -1
  202. package/dist/admin/components/modals/LeaveWithoutSaving/index.scss +5 -0
  203. package/dist/admin/components/modals/StayLoggedIn/index.js +1 -1
  204. package/dist/admin/components/modals/StayLoggedIn/index.scss +5 -0
  205. package/dist/admin/components/templates/Default/index.scss +1 -7
  206. package/dist/admin/components/utilities/DocumentInfo/index.js +11 -0
  207. package/dist/admin/components/utilities/DocumentInfo/types.d.ts +2 -0
  208. package/dist/admin/components/utilities/Theme/index.d.ts +13 -0
  209. package/dist/admin/components/utilities/Theme/index.js +47 -0
  210. package/dist/admin/components/views/Account/Default.js +9 -4
  211. package/dist/admin/components/views/Account/ToggleTheme/index.d.ts +2 -0
  212. package/dist/admin/components/views/Account/ToggleTheme/index.js +23 -0
  213. package/dist/admin/components/views/Account/index.js +12 -14
  214. package/dist/admin/components/views/Account/index.scss +37 -21
  215. package/dist/admin/components/views/CreateFirstUser/index.js +4 -6
  216. package/dist/admin/components/views/Dashboard/Default.js +5 -4
  217. package/dist/admin/components/views/Dashboard/index.scss +3 -11
  218. package/dist/admin/components/views/Global/Default.js +3 -2
  219. package/dist/admin/components/views/Global/index.js +12 -14
  220. package/dist/admin/components/views/Global/index.scss +22 -22
  221. package/dist/admin/components/views/NotFound/index.d.ts +0 -1
  222. package/dist/admin/components/views/NotFound/index.js +2 -2
  223. package/dist/admin/components/views/Version/Compare/index.scss +3 -3
  224. package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Iterable/index.scss +4 -4
  225. package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Nested/index.scss +1 -1
  226. package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Relationship/index.js +2 -1
  227. package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Relationship/index.scss +1 -1
  228. package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Tabs/index.d.ts +7 -0
  229. package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Tabs/index.js +8 -0
  230. package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Text/index.js +2 -1
  231. package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/Text/index.scss +1 -1
  232. package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/index.d.ts +6 -0
  233. package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/index.js +3 -0
  234. package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/styles.d.ts +13 -0
  235. package/dist/admin/components/views/Version/RenderFieldsToDiff/fields/styles.js +13 -0
  236. package/dist/admin/components/views/Version/RenderFieldsToDiff/index.js +5 -1
  237. package/dist/admin/components/views/Version/Restore/index.js +1 -1
  238. package/dist/admin/components/views/Version/Restore/index.scss +5 -0
  239. package/dist/admin/components/views/Version/Version.js +2 -1
  240. package/dist/admin/components/views/Version/index.scss +4 -7
  241. package/dist/admin/components/views/Versions/index.js +3 -2
  242. package/dist/admin/components/views/Versions/index.scss +2 -12
  243. package/dist/admin/components/views/collections/Edit/Auth/index.scss +3 -2
  244. package/dist/admin/components/views/collections/Edit/Default.js +5 -4
  245. package/dist/admin/components/views/collections/Edit/Upload/index.scss +5 -5
  246. package/dist/admin/components/views/collections/Edit/index.js +16 -18
  247. package/dist/admin/components/views/collections/Edit/index.scss +20 -21
  248. package/dist/admin/components/views/collections/List/Cell/field-types/Checkbox/index.scss +4 -4
  249. package/dist/admin/components/views/collections/List/Cell/field-types/Code/index.scss +4 -4
  250. package/dist/admin/components/views/collections/List/Cell/field-types/Relationship/index.d.ts +1 -0
  251. package/dist/admin/components/views/collections/List/Cell/field-types/Relationship/index.js +41 -34
  252. package/dist/admin/components/views/collections/List/Cell/field-types/Relationship/index.scss +3 -0
  253. package/dist/admin/components/views/collections/List/Cell/field-types/Upload/index.d.ts +0 -5
  254. package/dist/admin/components/views/collections/List/Cell/field-types/Upload/index.js +0 -4
  255. package/dist/admin/components/views/collections/List/Cell/field-types/index.d.ts +1 -3
  256. package/dist/admin/components/views/collections/List/Cell/field-types/index.js +1 -2
  257. package/dist/admin/components/views/collections/List/Default.js +8 -6
  258. package/dist/admin/components/views/collections/List/RelationshipProvider/index.d.ts +19 -0
  259. package/dist/admin/components/views/collections/List/RelationshipProvider/index.js +46 -0
  260. package/dist/admin/components/views/collections/List/RelationshipProvider/reducer.d.ts +18 -0
  261. package/dist/admin/components/views/collections/List/RelationshipProvider/reducer.js +34 -0
  262. package/dist/admin/components/views/collections/List/buildColumns.js +26 -31
  263. package/dist/admin/components/views/collections/List/getInitialColumns.js +25 -23
  264. package/dist/admin/components/views/collections/List/index.js +2 -2
  265. package/dist/admin/components/views/collections/List/index.scss +4 -15
  266. package/dist/admin/index.js +7 -5
  267. package/dist/admin/scss/app.scss +52 -14
  268. package/dist/admin/scss/colors.scss +245 -0
  269. package/dist/admin/scss/fonts.scss +41 -14
  270. package/dist/admin/scss/resets.scss +1 -0
  271. package/dist/admin/scss/styles.scss +0 -2
  272. package/dist/admin/scss/toastify.scss +12 -8
  273. package/dist/admin/scss/type.scss +11 -9
  274. package/dist/admin/scss/vars.scss +50 -53
  275. package/dist/admin/utilities/flattenTopLevelFields.d.ts +3 -0
  276. package/dist/admin/utilities/flattenTopLevelFields.js +30 -0
  277. package/dist/admin/utilities/getOffsetTop.d.ts +1 -2
  278. package/dist/admin/utilities/getOffsetTop.js +1 -1
  279. package/dist/admin/utilities/scrollToID.d.ts +1 -0
  280. package/dist/admin/utilities/scrollToID.js +10 -0
  281. package/dist/auth/operations/access.js +6 -1
  282. package/dist/bin/generateTypes.js +11 -2
  283. package/dist/collections/graphql/init.js +2 -2
  284. package/dist/collections/operations/local/create.js +1 -1
  285. package/dist/collections/tests/collections.spec.js +1 -78
  286. package/dist/config/defaults.js +1 -2
  287. package/dist/config/schema.js +2 -2
  288. package/dist/config/types.d.ts +2 -2
  289. package/dist/express/admin.js +2 -2
  290. package/dist/fields/config/sanitize.js +8 -1
  291. package/dist/fields/config/schema.d.ts +2 -0
  292. package/dist/fields/config/schema.js +19 -7
  293. package/dist/fields/config/types.d.ts +19 -11
  294. package/dist/fields/config/types.js +2 -2
  295. package/dist/fields/hooks/afterChange/promise.js +18 -2
  296. package/dist/fields/hooks/afterRead/promise.js +22 -2
  297. package/dist/fields/hooks/beforeChange/promise.js +25 -2
  298. package/dist/fields/hooks/beforeValidate/promise.js +20 -2
  299. package/dist/fields/richText/recurseNestedFields.js +15 -1
  300. package/dist/graphql/schema/buildMutationInputType.d.ts +4 -1
  301. package/dist/graphql/schema/buildMutationInputType.js +94 -70
  302. package/dist/graphql/schema/buildObjectType.d.ts +5 -3
  303. package/dist/graphql/schema/buildObjectType.js +114 -71
  304. package/dist/graphql/schema/buildPoliciesType.js +9 -1
  305. package/dist/graphql/schema/buildWhereInputType.js +2 -2
  306. package/dist/graphql/schema/fieldToWhereInputSchemaMap.js +56 -7
  307. package/dist/graphql/schema/withNullableType.js +1 -1
  308. package/dist/index.d.ts +2 -1
  309. package/dist/index.js +9 -7
  310. package/dist/mongoose/buildSchema.js +28 -7
  311. package/dist/mongoose/connect.d.ts +1 -1
  312. package/dist/mongoose/connect.js +24 -19
  313. package/dist/mongoose/testCredentials.d.ts +7 -7
  314. package/dist/mongoose/testCredentials.js +1 -1
  315. package/dist/utilities/mapAsync.d.ts +1 -0
  316. package/dist/utilities/mapAsync.js +8 -0
  317. package/dist/webpack/getBaseConfig.js +1 -2
  318. package/docs/admin/customizing-css.mdx +16 -28
  319. package/docs/fields/collapsible.mdx +44 -0
  320. package/docs/fields/date.mdx +1 -1
  321. package/docs/fields/email.mdx +1 -1
  322. package/docs/fields/group.mdx +1 -1
  323. package/docs/fields/number.mdx +1 -1
  324. package/docs/fields/overview.mdx +1 -0
  325. package/docs/fields/point.mdx +1 -1
  326. package/docs/fields/radio.mdx +1 -1
  327. package/docs/fields/relationship.mdx +1 -1
  328. package/docs/fields/rich-text.mdx +1 -1
  329. package/docs/fields/row.mdx +1 -1
  330. package/docs/fields/select.mdx +1 -1
  331. package/docs/fields/tabs.mdx +9 -0
  332. package/docs/fields/text.mdx +1 -1
  333. package/docs/fields/textarea.mdx +1 -1
  334. package/docs/fields/ui.mdx +1 -1
  335. package/docs/fields/upload.mdx +1 -1
  336. package/package.json +13 -11
  337. package/scss/index.scss +0 -7
  338. package/dist/admin/assets/fonts/SuisseIntl-Light.woff +0 -0
  339. package/dist/admin/assets/fonts/SuisseIntl-Light.woff2 +0 -0
  340. package/dist/admin/assets/fonts/SuisseIntl-Thin.woff +0 -0
  341. package/dist/admin/assets/fonts/SuisseIntl-Thin.woff2 +0 -0
  342. package/dist/admin/components/forms/DraggableSection/ActionPanel/index.js +0 -22
  343. package/dist/admin/components/forms/DraggableSection/ActionPanel/index.scss +0 -12
  344. package/dist/admin/components/forms/DraggableSection/ActionPanel/types.d.ts +0 -11
  345. package/dist/admin/components/forms/DraggableSection/PositionPanel/index.js +0 -18
  346. package/dist/admin/components/forms/DraggableSection/PositionPanel/index.scss +0 -21
  347. package/dist/admin/components/forms/DraggableSection/PositionPanel/types.d.ts +0 -6
  348. package/dist/admin/components/forms/DraggableSection/SectionTitle/index.scss +0 -37
  349. package/dist/admin/components/forms/DraggableSection/index.d.ts +0 -5
  350. package/dist/admin/components/forms/DraggableSection/index.js +0 -40
  351. package/dist/admin/components/forms/DraggableSection/index.scss +0 -113
  352. package/dist/admin/components/forms/DraggableSection/types.d.ts +0 -24
  353. package/dist/admin/components/forms/FieldTypeGutter/context.d.ts +0 -6
  354. package/dist/admin/components/forms/FieldTypeGutter/context.js +0 -9
  355. package/dist/admin/components/forms/FieldTypeGutter/index.js +0 -18
  356. package/dist/admin/components/forms/FieldTypeGutter/index.scss +0 -87
  357. package/dist/admin/components/views/NotFound/index.scss +0 -10
  358. package/dist/collections/tests/uploads.spec.d.ts +0 -1
  359. package/dist/collections/tests/uploads.spec.js +0 -365
  360. package/dist/errors/errors.spec.d.ts +0 -1
  361. package/dist/errors/errors.spec.js +0 -29
  362. package/dist/utilities/flattenTopLevelFields.d.ts +0 -2
  363. package/dist/utilities/flattenTopLevelFields.js +0 -16
package/.eslintrc.js CHANGED
@@ -21,6 +21,27 @@ module.exports = {
21
21
  },
22
22
  },
23
23
  overrides: [
24
+ {
25
+ files: ['test/**/int.spec.ts'],
26
+ rules: {
27
+ '@typescript-eslint/no-use-before-define': 'off',
28
+ '@typescript-eslint/consistent-type-imports': 'warn',
29
+ 'jest/prefer-strict-equal': 'off',
30
+ }
31
+ },
32
+ {
33
+ files: ['test/**/e2e.spec.ts'],
34
+ extends: [
35
+ 'plugin:playwright/playwright-test'
36
+ ],
37
+ rules: {
38
+ 'jest/consistent-test-it': 'off',
39
+ 'jest/require-top-level-describe': 'off',
40
+ 'jest/no-test-callback': 'off',
41
+ 'jest/prefer-strict-equal': 'off',
42
+ 'jest/expect-expect': 'off',
43
+ }
44
+ },
24
45
  {
25
46
  files: ['*.ts', '*.tsx'],
26
47
  parser: '@typescript-eslint/parser',
package/CHANGELOG.md CHANGED
@@ -1,4 +1,36 @@
1
- ## [0.20.1](https://github.com/payloadcms/payload/compare/v0.19.2...v0.20.1) (2022-07-16)
1
+ ## [0.20.4-beta.0](https://github.com/payloadcms/payload/compare/v0.19.2...v0.20.4-beta.0) (2022-07-16)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * bug with base colors ([4bb0d39](https://github.com/payloadcms/payload/commit/4bb0d3994f630a6111f18ab6a1a2e9a9a83d2a98))
7
+ * ensures duplicated rows have properly created ids ([3ae1c26](https://github.com/payloadcms/payload/commit/3ae1c26a074c74585162a9938e67e3c7bcc087fa))
8
+ * upload e2e file path ([a664b62](https://github.com/payloadcms/payload/commit/a664b627f67207f520b16b705017c72838039f64))
9
+
10
+
11
+ ### Features
12
+
13
+ * add card ids ([baf4664](https://github.com/payloadcms/payload/commit/baf46640737d8aca6fead1568ba15f11769a76f2))
14
+ * adds collapsible field type ([98676be](https://github.com/payloadcms/payload/commit/98676bea69a37c6521dea1dfafa4c4a9967efc1e))
15
+ * e2e test upload ([#755](https://github.com/payloadcms/payload/issues/755)) ([1160093](https://github.com/payloadcms/payload/commit/11600930b78dbae50fd093529b727101d83561fa))
16
+ * ensures nested fields not affecting data can be traversed properly ([3b9fdf3](https://github.com/payloadcms/payload/commit/3b9fdf3ffdc49ff9a2c0e56f5438810c5f397f86))
17
+ * ensures tabs and collapsibles render in version diff ([54162b5](https://github.com/payloadcms/payload/commit/54162b52cc8211e100d4ad901339b7982666389c))
18
+ * finishes block field ([41a0ba5](https://github.com/payloadcms/payload/commit/41a0ba57805b4b06e5310659263ee59ae0828f34))
19
+ * finishes collapsible field ([60bfb1c](https://github.com/payloadcms/payload/commit/60bfb1c3b801c89de055d11cee50a1b51e864b7b))
20
+ * finishes tabs field ([68e7c41](https://github.com/payloadcms/payload/commit/68e7c41fdc07df04dcc3caaf486d2d596354039d))
21
+ * initializes useField internalValue with incoming field value ([c995f79](https://github.com/payloadcms/payload/commit/c995f797fec76e78eafb323cdf4219caebdfa6c7))
22
+ * more maintainable colors ([5fc4f3a](https://github.com/payloadcms/payload/commit/5fc4f3adadc8f7ec3eaf99021dccf7060926c7f1))
23
+ * only renders arrays and blocks once they are initialized ([735e385](https://github.com/payloadcms/payload/commit/735e385537a505db00b21b2567f829bcb1718c3c))
24
+ * remove duplication of config in tests ([40b6aff](https://github.com/payloadcms/payload/commit/40b6afff2d1a5f263eae4da5fe477a0fd738b701))
25
+ * reorganizes mongo connection ([8589fde](https://github.com/payloadcms/payload/commit/8589fdefdad4856f4d642c2d9ed8d6ca815c81f6))
26
+ * restores built-in fields into table column builder ([7a6f239](https://github.com/payloadcms/payload/commit/7a6f2392fa63532a8556ec0dc0e1186057291fea))
27
+ * retrofits array to new collapsible component ([aa89251](https://github.com/payloadcms/payload/commit/aa89251a3b6990460ac03e0a33d9aab3ceeadd9d))
28
+ * revises e2e field testing ([31ca363](https://github.com/payloadcms/payload/commit/31ca3639828ddf572033023bd6a350f5b4a2eb9a))
29
+ * scaffolds tabs field ([85b7a49](https://github.com/payloadcms/payload/commit/85b7a490eb6fa53424986d78b893284096c040d4))
30
+ * testing refactor (e2e/int) ([#748](https://github.com/payloadcms/payload/issues/748)) ([90ba15f](https://github.com/payloadcms/payload/commit/90ba15f9bdf834a55861551e43c4dc55ca81565b))
31
+ * updates block field to use new collapsible ([49d09a3](https://github.com/payloadcms/payload/commit/49d09a349fe6cdc45c429b77e9d60943b7db851f))
32
+ * updates styling of group field ([8c4e0fa](https://github.com/payloadcms/payload/commit/8c4e0fa7b28fd68be1b20374d5d8cfaff923db11))
33
+ * upload integration tests ([#759](https://github.com/payloadcms/payload/issues/759)) ([e75cca4](https://github.com/payloadcms/payload/commit/e75cca4512e16647b6e0371706b33ad4f486c26d))
2
34
 
3
35
  ## [0.19.2](https://github.com/payloadcms/payload/compare/v0.19.1...v0.19.2) (2022-07-11)
4
36
 
@@ -2,3 +2,4 @@ export { default as Button } from '../dist/admin/components/elements/Button';
2
2
  export { default as Card } from '../dist/admin/components/elements/Card';
3
3
  export { default as Eyebrow } from '../dist/admin/components/elements/Eyebrow';
4
4
  export { default as Nav } from '../dist/admin/components/elements/Nav';
5
+ export { default as Gutter } from '../dist/admin/components/elements/Gutter';
@@ -1,4 +1,4 @@
1
- (()=>{var e={720:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var c=i(n(497)),u=a(n(206));t.default=function(e){var t=e.children,n=(0,u.default)();return t?"function"==typeof t?c.default.createElement(c.Fragment,null,t(n)):c.default.createElement(c.Fragment,null,t):null}},761:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=(0,n(497).createContext)({});t.default=r},788:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return i(t,e),t},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=a(n(497)),l=c(n(761)),s=function(e,t){var n=t.timestamp;t.animationRef.current=null;var r=e.x,o=e.y,i=e.xDirection,a=e.yDirection,c=e.eventsFired,u=e.hasScrolled||Boolean(n),l=u?window.pageXOffset:0,s=u?window.pageYOffset:0,f=u?c+1:c,d=l-r,p=s-o,h=l/(document.body.scrollWidth-window.innerWidth)*100,v=s/(document.body.scrollHeight-window.innerHeight)*100;return{x:l,y:s,xDifference:d,yDifference:p,xDirection:d>0?"right":d<0?"left":i,yDirection:p>0?"down":p<0?"up":a,xPercentage:h,yPercentage:v,totalPercentage:(h+v)/2,eventsFired:f,hasScrolled:u}};t.default=function(e){var t=e.children,n=(0,u.useRef)(null),o=(0,u.useReducer)(s,{x:0,y:0,xDifference:0,yDifference:0,xDirection:void 0,yDirection:void 0,xPercentage:0,yPercentage:0,totalPercentage:0,eventsFired:0,hasScrolled:!1}),i=o[0],a=o[1],c=(0,u.useCallback)((function(e){n.current&&cancelAnimationFrame(n.current),n.current=requestAnimationFrame((function(t){a({e,timestamp:t,animationRef:n})}))}),[]);return(0,u.useEffect)((function(){return window.addEventListener("scroll",c),function(){window.removeEventListener("scroll",c)}}),[c]),u.default.createElement(l.default.Provider,{value:r({},i)},t&&t)}},719:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.withScrollInfo=t.useScrollInfo=t.ScrollInfoProvider=t.ScrollInfoContext=t.ScrollInfo=void 0;var o=n(720);Object.defineProperty(t,"ScrollInfo",{enumerable:!0,get:function(){return r(o).default}});var i=n(761);Object.defineProperty(t,"ScrollInfoContext",{enumerable:!0,get:function(){return r(i).default}});var a=n(788);Object.defineProperty(t,"ScrollInfoProvider",{enumerable:!0,get:function(){return r(a).default}});var c=n(206);Object.defineProperty(t,"useScrollInfo",{enumerable:!0,get:function(){return r(c).default}});var u=n(576);Object.defineProperty(t,"withScrollInfo",{enumerable:!0,get:function(){return r(u).default}})},206:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(497),i=r(n(761));t.default=function(){return(0,o.useContext)(i.default)}},576:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=o(n(497)),a=n(719);t.default=function(e){return function(t){var n=(0,a.useScrollInfo)();return i.default.createElement(e,r({},r(r({},t),{scrollInfo:n})))}}},698:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var c=i(n(497)),u=a(n(796));t.default=function(e){var t=e.children,n=(0,u.default)();return t?"function"==typeof t?c.default.createElement(c.Fragment,null,t(n)):c.default.createElement(c.Fragment,null,t):null}},181:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=(0,n(497).createContext)({});t.default=r},71:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return i(t,e),t},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var u=a(n(497)),l=c(n(181)),s=function(e,t){var n=t.payload,o=n.breakpoints;n.animationRef.current=null;var i=e.eventsFired,a=document.documentElement,c=a.style,u=a.clientWidth,l=a.clientHeight,s=window.innerWidth,f=window.innerHeight,d="".concat(u/100,"px"),p="".concat(l/100,"px"),h=o?Object.keys(o).reduce((function(e,t){var n;return r(r({},e),((n={})[t]=window.matchMedia(o[t]).matches,n))}),{}):void 0,v={width:s,height:f,"--vw":d,"--vh":p,breakpoints:h,eventsFired:i+1};return c.setProperty("--vw",d),c.setProperty("--vh",p),v};t.default=function(e){var t=e.breakpoints,n=e.children,o=(0,u.useRef)(null),i=(0,u.useReducer)(s,{width:void 0,height:void 0,"--vw":"","--vh":"",breakpoints:void 0,eventsFired:0}),a=i[0],c=i[1],f=(0,u.useCallback)((function(){o.current&&cancelAnimationFrame(o.current),o.current=requestAnimationFrame((function(){return c({type:"UPDATE",payload:{breakpoints:t,animationRef:o}})}))}),[t]),d=(0,u.useCallback)((function(){setTimeout((function(){f()}),500)}),[f]);return(0,u.useEffect)((function(){return window.addEventListener("resize",f),window.addEventListener("orientationchange",d),function(){window.removeEventListener("resize",f),window.removeEventListener("orientationchange",d)}}),[f,d]),(0,u.useEffect)((function(){0===a.eventsFired&&c({type:"UPDATE",payload:{breakpoints:t,animationRef:o}})}),[t,a]),u.default.createElement(l.default.Provider,{value:r({},a)},n&&n)}},727:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.withWindowInfo=t.WindowInfoProvider=t.WindowInfoContext=t.WindowInfo=t.useWindowInfo=void 0;var o=n(796);Object.defineProperty(t,"useWindowInfo",{enumerable:!0,get:function(){return r(o).default}});var i=n(698);Object.defineProperty(t,"WindowInfo",{enumerable:!0,get:function(){return r(i).default}});var a=n(181);Object.defineProperty(t,"WindowInfoContext",{enumerable:!0,get:function(){return r(a).default}});var c=n(71);Object.defineProperty(t,"WindowInfoProvider",{enumerable:!0,get:function(){return r(c).default}});var u=n(917);Object.defineProperty(t,"withWindowInfo",{enumerable:!0,get:function(){return r(u).default}})},796:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(497),i=r(n(181));t.default=function(){return(0,o.useContext)(i.default)}},917:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=o(n(497)),a=o(n(796));t.default=function(e){return function(t){var n=(0,a.default)();return i.default.createElement(e,r({},r(r({},t),{windowInfo:n})))}}},679:(e,t,n)=>{"use strict";var r=n(864),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},c={};function u(e){return r.isMemo(e)?a:c[e.$$typeof]||o}c[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},c[r.Memo]=a;var l=Object.defineProperty,s=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(h){var o=p(n);o&&o!==h&&e(t,o,r)}var a=s(n);f&&(a=a.concat(f(n)));for(var c=u(t),v=u(n),m=0;m<a.length;++m){var y=a[m];if(!(i[y]||r&&r[y]||v&&v[y]||c&&c[y])){var g=d(n,y);try{l(t,y,g)}catch(e){}}}}return t}},826:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},703:(e,t,n)=>{"use strict";var r=n(414);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return n.PropTypes=n,n}},697:(e,t,n)=>{e.exports=n(703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},921:(e,t)=>{"use strict";
1
+ (()=>{var e={720:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var c=i(n(497)),l=a(n(206));t.default=function(e){var t=e.children,n=(0,l.default)();return t?"function"==typeof t?c.default.createElement(c.Fragment,null,t(n)):c.default.createElement(c.Fragment,null,t):null}},761:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=(0,n(497).createContext)({});t.default=r},788:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return i(t,e),t},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=a(n(497)),u=c(n(761)),s=function(e,t){var n=t.timestamp;t.animationRef.current=null;var r=e.x,o=e.y,i=e.xDirection,a=e.yDirection,c=e.eventsFired,l=e.hasScrolled||Boolean(n),u=l?window.pageXOffset:0,s=l?window.pageYOffset:0,f=l?c+1:c,d=u-r,p=s-o,h=u/(document.body.scrollWidth-window.innerWidth)*100,v=s/(document.body.scrollHeight-window.innerHeight)*100;return{x:u,y:s,xDifference:d,yDifference:p,xDirection:d>0?"right":d<0?"left":i,yDirection:p>0?"down":p<0?"up":a,xPercentage:h,yPercentage:v,totalPercentage:(h+v)/2,eventsFired:f,hasScrolled:l}};t.default=function(e){var t=e.children,n=(0,l.useRef)(null),o=(0,l.useReducer)(s,{x:0,y:0,xDifference:0,yDifference:0,xDirection:void 0,yDirection:void 0,xPercentage:0,yPercentage:0,totalPercentage:0,eventsFired:0,hasScrolled:!1}),i=o[0],a=o[1],c=(0,l.useCallback)((function(e){n.current&&cancelAnimationFrame(n.current),n.current=requestAnimationFrame((function(t){a({e,timestamp:t,animationRef:n})}))}),[]);return(0,l.useEffect)((function(){return window.addEventListener("scroll",c),function(){window.removeEventListener("scroll",c)}}),[c]),l.default.createElement(u.default.Provider,{value:r({},i)},t&&t)}},719:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.withScrollInfo=t.useScrollInfo=t.ScrollInfoProvider=t.ScrollInfoContext=t.ScrollInfo=void 0;var o=n(720);Object.defineProperty(t,"ScrollInfo",{enumerable:!0,get:function(){return r(o).default}});var i=n(761);Object.defineProperty(t,"ScrollInfoContext",{enumerable:!0,get:function(){return r(i).default}});var a=n(788);Object.defineProperty(t,"ScrollInfoProvider",{enumerable:!0,get:function(){return r(a).default}});var c=n(206);Object.defineProperty(t,"useScrollInfo",{enumerable:!0,get:function(){return r(c).default}});var l=n(576);Object.defineProperty(t,"withScrollInfo",{enumerable:!0,get:function(){return r(l).default}})},206:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(497),i=r(n(761));t.default=function(){return(0,o.useContext)(i.default)}},576:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=o(n(497)),a=n(719);t.default=function(e){return function(t){var n=(0,a.useScrollInfo)();return i.default.createElement(e,r({},r(r({},t),{scrollInfo:n})))}}},698:function(e,t,n){"use strict";var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),o=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return o(t,e),t},a=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var c=i(n(497)),l=a(n(796));t.default=function(e){var t=e.children,n=(0,l.default)();return t?"function"==typeof t?c.default.createElement(c.Fragment,null,t(n)):c.default.createElement(c.Fragment,null,t):null}},181:(e,t,n)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r=(0,n(497).createContext)({});t.default=r},71:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var o=Object.getOwnPropertyDescriptor(t,n);o&&!("get"in o?!t.__esModule:o.writable||o.configurable)||(o={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,o)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),i=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),a=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&o(t,e,n);return i(t,e),t},c=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var l=a(n(497)),u=c(n(181)),s=function(e,t){var n=t.payload,o=n.breakpoints;n.animationRef.current=null;var i=e.eventsFired,a=document.documentElement,c=a.style,l=a.clientWidth,u=a.clientHeight,s=window.innerWidth,f=window.innerHeight,d="".concat(l/100,"px"),p="".concat(u/100,"px"),h=o?Object.keys(o).reduce((function(e,t){var n;return r(r({},e),((n={})[t]=window.matchMedia(o[t]).matches,n))}),{}):void 0,v={width:s,height:f,"--vw":d,"--vh":p,breakpoints:h,eventsFired:i+1};return c.setProperty("--vw",d),c.setProperty("--vh",p),v};t.default=function(e){var t=e.breakpoints,n=e.children,o=(0,l.useRef)(null),i=(0,l.useReducer)(s,{width:void 0,height:void 0,"--vw":"","--vh":"",breakpoints:void 0,eventsFired:0}),a=i[0],c=i[1],f=(0,l.useCallback)((function(){o.current&&cancelAnimationFrame(o.current),o.current=requestAnimationFrame((function(){return c({type:"UPDATE",payload:{breakpoints:t,animationRef:o}})}))}),[t]),d=(0,l.useCallback)((function(){setTimeout((function(){f()}),500)}),[f]);return(0,l.useEffect)((function(){return window.addEventListener("resize",f),window.addEventListener("orientationchange",d),function(){window.removeEventListener("resize",f),window.removeEventListener("orientationchange",d)}}),[f,d]),(0,l.useEffect)((function(){0===a.eventsFired&&c({type:"UPDATE",payload:{breakpoints:t,animationRef:o}})}),[t,a]),l.default.createElement(u.default.Provider,{value:r({},a)},n&&n)}},727:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.withWindowInfo=t.WindowInfoProvider=t.WindowInfoContext=t.WindowInfo=t.useWindowInfo=void 0;var o=n(796);Object.defineProperty(t,"useWindowInfo",{enumerable:!0,get:function(){return r(o).default}});var i=n(698);Object.defineProperty(t,"WindowInfo",{enumerable:!0,get:function(){return r(i).default}});var a=n(181);Object.defineProperty(t,"WindowInfoContext",{enumerable:!0,get:function(){return r(a).default}});var c=n(71);Object.defineProperty(t,"WindowInfoProvider",{enumerable:!0,get:function(){return r(c).default}});var l=n(917);Object.defineProperty(t,"withWindowInfo",{enumerable:!0,get:function(){return r(l).default}})},796:function(e,t,n){"use strict";var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var o=n(497),i=r(n(181));t.default=function(){return(0,o.useContext)(i.default)}},917:function(e,t,n){"use strict";var r=this&&this.__assign||function(){return r=Object.assign||function(e){for(var t,n=1,r=arguments.length;n<r;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},r.apply(this,arguments)},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});var i=o(n(497)),a=o(n(796));t.default=function(e){return function(t){var n=(0,a.default)();return i.default.createElement(e,r({},r(r({},t),{windowInfo:n})))}}},679:(e,t,n)=>{"use strict";var r=n(864),o={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},i={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},c={};function l(e){return r.isMemo(e)?a:c[e.$$typeof]||o}c[r.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},c[r.Memo]=a;var u=Object.defineProperty,s=Object.getOwnPropertyNames,f=Object.getOwnPropertySymbols,d=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,h=Object.prototype;e.exports=function e(t,n,r){if("string"!=typeof n){if(h){var o=p(n);o&&o!==h&&e(t,o,r)}var a=s(n);f&&(a=a.concat(f(n)));for(var c=l(t),v=l(n),m=0;m<a.length;++m){var y=a[m];if(!(i[y]||r&&r[y]||v&&v[y]||c&&c[y])){var g=d(n,y);try{u(t,y,g)}catch(e){}}}}return t}},826:e=>{e.exports=Array.isArray||function(e){return"[object Array]"==Object.prototype.toString.call(e)}},703:(e,t,n)=>{"use strict";var r=n(414);function o(){}function i(){}i.resetWarningCache=o,e.exports=function(){function e(e,t,n,o,i,a){if(a!==r){var c=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw c.name="Invariant Violation",c}}function t(){return e}e.isRequired=e;var n={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:o};return n.PropTypes=n,n}},697:(e,t,n)=>{e.exports=n(703)()},414:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},921:(e,t)=>{"use strict";
2
2
  /** @license React v16.13.1
3
3
  * react-is.production.min.js
4
4
  *
@@ -6,4 +6,4 @@
6
6
  *
7
7
  * This source code is licensed under the MIT license found in the
8
8
  * LICENSE file in the root directory of this source tree.
9
- */var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,i=n?Symbol.for("react.fragment"):60107,a=n?Symbol.for("react.strict_mode"):60108,c=n?Symbol.for("react.profiler"):60114,u=n?Symbol.for("react.provider"):60109,l=n?Symbol.for("react.context"):60110,s=n?Symbol.for("react.async_mode"):60111,f=n?Symbol.for("react.concurrent_mode"):60111,d=n?Symbol.for("react.forward_ref"):60112,p=n?Symbol.for("react.suspense"):60113,h=n?Symbol.for("react.suspense_list"):60120,v=n?Symbol.for("react.memo"):60115,m=n?Symbol.for("react.lazy"):60116,y=n?Symbol.for("react.block"):60121,g=n?Symbol.for("react.fundamental"):60117,w=n?Symbol.for("react.responder"):60118,b=n?Symbol.for("react.scope"):60119;function _(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case s:case f:case i:case c:case a:case p:return e;default:switch(e=e&&e.$$typeof){case l:case d:case m:case v:case u:return e;default:return t}}case o:return t}}}function x(e){return _(e)===f}t.AsyncMode=s,t.ConcurrentMode=f,t.ContextConsumer=l,t.ContextProvider=u,t.Element=r,t.ForwardRef=d,t.Fragment=i,t.Lazy=m,t.Memo=v,t.Portal=o,t.Profiler=c,t.StrictMode=a,t.Suspense=p,t.isAsyncMode=function(e){return x(e)||_(e)===s},t.isConcurrentMode=x,t.isContextConsumer=function(e){return _(e)===l},t.isContextProvider=function(e){return _(e)===u},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return _(e)===d},t.isFragment=function(e){return _(e)===i},t.isLazy=function(e){return _(e)===m},t.isMemo=function(e){return _(e)===v},t.isPortal=function(e){return _(e)===o},t.isProfiler=function(e){return _(e)===c},t.isStrictMode=function(e){return _(e)===a},t.isSuspense=function(e){return _(e)===p},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===f||e===c||e===a||e===p||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===v||e.$$typeof===u||e.$$typeof===l||e.$$typeof===d||e.$$typeof===g||e.$$typeof===w||e.$$typeof===b||e.$$typeof===y)},t.typeOf=_},864:(e,t,n)=>{"use strict";e.exports=n(921)},658:(e,t,n)=>{var r=n(826);e.exports=p,e.exports.parse=i,e.exports.compile=function(e,t){return c(i(e,t),t)},e.exports.tokensToFunction=c,e.exports.tokensToRegExp=d;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function i(e,t){for(var n,r=[],i=0,a=0,c="",s=t&&t.delimiter||"/";null!=(n=o.exec(e));){var f=n[0],d=n[1],p=n.index;if(c+=e.slice(a,p),a=p+f.length,d)c+=d[1];else{var h=e[a],v=n[2],m=n[3],y=n[4],g=n[5],w=n[6],b=n[7];c&&(r.push(c),c="");var _=null!=v&&null!=h&&h!==v,x="+"===w||"*"===w,O="?"===w||"*"===w,E=n[2]||s,P=y||g;r.push({name:m||i++,prefix:v||"",delimiter:E,optional:O,repeat:x,partial:_,asterisk:!!b,pattern:P?l(P):b?".*":"[^"+u(E)+"]+?"})}}return a<e.length&&(c+=e.substr(a)),c&&r.push(c),r}function a(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function c(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",f(t)));return function(t,o){for(var i="",c=t||{},u=(o||{}).pretty?a:encodeURIComponent,l=0;l<e.length;l++){var s=e[l];if("string"!=typeof s){var f,d=c[s.name];if(null==d){if(s.optional){s.partial&&(i+=s.prefix);continue}throw new TypeError('Expected "'+s.name+'" to be defined')}if(r(d)){if(!s.repeat)throw new TypeError('Expected "'+s.name+'" to not repeat, but received `'+JSON.stringify(d)+"`");if(0===d.length){if(s.optional)continue;throw new TypeError('Expected "'+s.name+'" to not be empty')}for(var p=0;p<d.length;p++){if(f=u(d[p]),!n[l].test(f))throw new TypeError('Expected all "'+s.name+'" to match "'+s.pattern+'", but received `'+JSON.stringify(f)+"`");i+=(0===p?s.prefix:s.delimiter)+f}}else{if(f=s.asterisk?encodeURI(d).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):u(d),!n[l].test(f))throw new TypeError('Expected "'+s.name+'" to match "'+s.pattern+'", but received "'+f+'"');i+=s.prefix+f}}else i+=s}return i}}function u(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function l(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function s(e,t){return e.keys=t,e}function f(e){return e&&e.sensitive?"":"i"}function d(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,i=!1!==n.end,a="",c=0;c<e.length;c++){var l=e[c];if("string"==typeof l)a+=u(l);else{var d=u(l.prefix),p="(?:"+l.pattern+")";t.push(l),l.repeat&&(p+="(?:"+d+p+")*"),a+=p=l.optional?l.partial?d+"("+p+")?":"(?:"+d+"("+p+"))?":d+"("+p+")"}}var h=u(n.delimiter||"/"),v=a.slice(-h.length)===h;return o||(a=(v?a.slice(0,-h.length):a)+"(?:"+h+"(?=$))?"),a+=i?"$":o&&v?"":"(?="+h+"|$)",s(new RegExp("^"+a,f(n)),t)}function p(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return s(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(p(e[o],t,n).source);return s(new RegExp("(?:"+r.join("|")+")",f(n)),t)}(e,t,n):function(e,t,n){return d(i(e,n),t,n)}(e,t,n)}},497:e=>{"use strict";e.exports=require("react")}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={exports:{}};return e[r].call(i.exports,i,i.exports,n),i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};(()=>{"use strict";n.r(r),n.d(r,{Banner:()=>Ee,Button:()=>ve,Check:()=>ke,Chevron:()=>se,Menu:()=>Ce,MinimalTemplate:()=>je,Pill:()=>Te,Popup:()=>xe,Search:()=>Se,X:()=>le});var e=n(497),t=n.n(e);function o(e,t){return o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},o(e,t)}function i(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,o(e,t)}function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function c(e){return"/"===e.charAt(0)}function u(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const l=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],o=t&&t.split("/")||[],i=e&&c(e),a=t&&c(t),l=i||a;if(e&&c(e)?o=r:r.length&&(o.pop(),o=o.concat(r)),!o.length)return"/";if(o.length){var s=o[o.length-1];n="."===s||".."===s||""===s}else n=!1;for(var f=0,d=o.length;d>=0;d--){var p=o[d];"."===p?u(o,d):".."===p?(u(o,d),f++):f&&(u(o,d),f--)}if(!l)for(;f--;f)o.unshift("..");!l||""===o[0]||o[0]&&c(o[0])||o.unshift("");var h=o.join("/");return n&&"/"!==h.substr(-1)&&(h+="/"),h};var s="Invariant failed";function f(e,t){if(!e)throw new Error(s)}function d(e){return"/"===e.charAt(0)?e:"/"+e}function p(e){return"/"===e.charAt(0)?e.substr(1):e}function h(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function v(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function m(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function y(e,t,n,r){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var i=t.indexOf("?");return-1!==i&&(n=t.substr(i),t=t.substr(0,i)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),o.state=t):(void 0===(o=a({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(e){throw e instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):e}return n&&(o.key=n),r?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=l(o.pathname,r.pathname)):o.pathname=r.pathname:o.pathname||(o.pathname="/"),o}function g(){var e=null;var t=[];return{setPrompt:function(t){return t,function(){e===t&&null}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var i="function"==typeof e?e(t,n):e;"string"==typeof i?"function"==typeof r?r(i,o):o(!0):o(!1!==i)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){!1,t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var w=!("undefined"==typeof window||!window.document||!window.document.createElement);function b(e,t){t(window.confirm(e))}var _="popstate",x="hashchange";function O(){try{return window.history.state||{}}catch(e){return{}}}function E(e){void 0===e&&{},w||f(!1);var t,n=window.history,r=(-1===window.navigator.userAgent.indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,o=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,u=void 0!==c&&c,l=i.getUserConfirmation,s=void 0===l?b:l,p=i.keyLength,E=void 0===p?6:p,P=e.basename?v(d(e.basename)):"";function j(e){var t=e||{},n=t.key,r=t.state,o=window.location,i=o.pathname+o.search+o.hash;return P&&h(i,P),y(i,r,n)}function k(){return Math.random().toString(36).substr(2,E)}var S=g();function C(e){a(W,e),W.length=n.length,S.notifyListeners(W.location,W.action)}function M(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||R(j(e.state))}function T(){R(j(O()))}var N=!1;function R(e){if(N)!1,C();else{S.confirmTransitionTo(e,"POP",s,(function(t){t?C({action:"POP",location:e}):function(e){var t=W.location,n=L.indexOf(t.key);-1===n&&0;var r=L.indexOf(e.key);-1===r&&0;var o=n-r;o&&(!0,I(o))}(e)}))}}var A=j(O()),L=[A.key];function D(e){return P+m(e)}function I(e){n.go(e)}var $=0;function B(e){1===($+=e)&&1===e?(window.addEventListener(_,M),o&&window.addEventListener(x,T)):0===$&&(window.removeEventListener(_,M),o&&window.removeEventListener(x,T))}var F=!1;var W={length:n.length,action:"POP",location:A,createHref:D,push:function(e,t){var o="PUSH",i=y(e,t,k(),W.location);S.confirmTransitionTo(i,o,s,(function(e){if(e){var t=D(i),a=i.key,c=i.state;if(r)if(n.pushState({key:a,state:c},null,t),u)window.location.href=t;else{var l=L.indexOf(W.location.key),s=L.slice(0,l+1);s.push(i.key),s,C({action:o,location:i})}else window.location.href=t}}))},replace:function(e,t){var o="REPLACE",i=y(e,t,k(),W.location);S.confirmTransitionTo(i,o,s,(function(e){if(e){var t=D(i),a=i.key,c=i.state;if(r)if(n.replaceState({key:a,state:c},null,t),u)window.location.replace(t);else{var l=L.indexOf(W.location.key);-1!==l&&(L[l]=i.key),C({action:o,location:i})}else window.location.replace(t)}}))},go:I,goBack:function(){I(-1)},goForward:function(){I(1)},block:function(e){void 0===e&&!1;var t=S.setPrompt(e);return F||(B(1),!0),function(){return F&&(!1,B(-1)),t()}},listen:function(e){var t=S.appendListener(e);return B(1),function(){B(-1),t()}}};return W}var P="hashchange",j={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+p(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:p,decodePath:d},slash:{encodePath:d,decodePath:d}};function k(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function S(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function C(e){window.location.replace(k(window.location.href)+"#"+e)}function M(e){void 0===e&&{},w||f(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),r=n.getUserConfirmation,o=void 0===r?b:r,i=n.hashType,c=void 0===i?"slash":i,u=e.basename?v(d(e.basename)):"",l=j[c],s=l.encodePath,p=l.decodePath;function _(){var e=p(S());return u&&h(e,u),y(e)}var x=g();function O(e){a(F,e),F.length=t.length,x.notifyListeners(F.location,F.action)}var E=!1,M=null;function T(){var e,t,n=S(),r=s(n);if(n!==r)C(r);else{var i=_(),a=F.location;if(!E&&(i,a.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(M===m(i))return;null,function(e){if(E)!1,O();else{var t="POP";x.confirmTransitionTo(e,t,o,(function(n){n?O({action:t,location:e}):function(e){var t=F.location,n=L.lastIndexOf(m(t));-1===n&&0;var r=L.lastIndexOf(m(e));-1===r&&0;var o=n-r;o&&(!0,D(o))}(e)}))}}(i)}}var N=S(),R=s(N);N!==R&&C(R);var A=_(),L=[m(A)];function D(e){t.go(e)}var I=0;function $(e){1===(I+=e)&&1===e?window.addEventListener(P,T):0===I&&window.removeEventListener(P,T)}var B=!1;var F={length:t.length,action:"POP",location:A,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&k(window.location.href),n+"#"+s(u+m(e))},push:function(e,t){var n="PUSH",r=y(e,void 0,void 0,F.location);x.confirmTransitionTo(r,n,o,(function(e){if(e){var t=m(r),o=s(u+t);if(S()!==o){t,function(e){window.location.hash=e}(o);var i=L.lastIndexOf(m(F.location)),a=L.slice(0,i+1);a.push(t),a,O({action:n,location:r})}else O()}}))},replace:function(e,t){var n="REPLACE",r=y(e,void 0,void 0,F.location);x.confirmTransitionTo(r,n,o,(function(e){if(e){var t=m(r),o=s(u+t);S()!==o&&(t,C(o));var i=L.indexOf(m(F.location));-1!==i&&(L[i]=t),O({action:n,location:r})}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&!1;var t=x.setPrompt(e);return B||($(1),!0),function(){return B&&(!1,$(-1)),t()}},listen:function(e){var t=x.appendListener(e);return $(1),function(){$(-1),t()}}};return F}function T(e,t,n){return Math.min(Math.max(e,t),n)}function N(e){void 0===e&&{};var t=e,n=t.getUserConfirmation,r=t.initialEntries,o=void 0===r?["/"]:r,i=t.initialIndex,c=void 0===i?0:i,u=t.keyLength,l=void 0===u?6:u,s=g();function f(e){a(b,e),b.length=b.entries.length,s.notifyListeners(b.location,b.action)}function d(){return Math.random().toString(36).substr(2,l)}var p=T(c,0,o.length-1),h=o.map((function(e){return y(e,void 0,"string"==typeof e?d():e.key||d())})),v=m;function w(e){var t=T(b.index+e,0,b.entries.length-1),r=b.entries[t];s.confirmTransitionTo(r,"POP",n,(function(e){e?f({action:"POP",location:r,index:t}):f()}))}var b={length:h.length,action:"POP",location:h[p],index:p,entries:h,createHref:v,push:function(e,t){var r="PUSH",o=y(e,t,d(),b.location);s.confirmTransitionTo(o,r,n,(function(e){if(e){var t=b.index+1,n=b.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),f({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=y(e,t,d(),b.location);s.confirmTransitionTo(o,r,n,(function(e){e&&(b.entries[b.index]=o,f({action:r,location:o}))}))},go:w,goBack:function(){w(-1)},goForward:function(){w(1)},canGo:function(e){var t=b.index+e;return t>=0&&t<b.entries.length},block:function(e){return void 0===e&&!1,s.setPrompt(e)},listen:function(e){return s.appendListener(e)}};return b}var R=n(697),A=n.n(R),L=1073741823,D="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};function I(e){var t=[];return{on:function(e){t.push(e)},off:function(e){t=t.filter((function(t){return t!==e}))},get:function(){return e},set:function(n,r){e=n,t.forEach((function(t){return t(e,r)}))}}}var $=t().createContext||function(t,n){var r,o,a="__create-react-context-"+function(){var e="__global_unique_id__";return D[e]=(D[e]||0)+1}()+"__",c=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).emitter=I(t.props.value),t}i(t,e);var r=t.prototype;return r.getChildContext=function(){var e;return(e={})[a]=this.emitter,e},r.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var t,r=this.props.value,o=e.value;((i=r)===(a=o)?0!==i||1/i==1/a:i!=i&&a!=a)?t=0:(t="function"==typeof n?n(r,o):L,0!==(t|=0)&&this.emitter.set(e.value,t))}var i,a},r.render=function(){return this.props.children},t}(e.Component);c.childContextTypes=((r={})[a]=A().object.isRequired,r);var u=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).state={value:t.getValue()},t.onUpdate=function(e,n){0!=((0|t.observedBits)&n)&&t.setState({value:t.getValue()})},t}i(n,e);var r=n.prototype;return r.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?L:t},r.componentDidMount=function(){this.context[a]&&this.context[a].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?L:e},r.componentWillUnmount=function(){this.context[a]&&this.context[a].off(this.onUpdate)},r.getValue=function(){return this.context[a]?this.context[a].get():t},r.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(e.Component);return u.contextTypes=((o={})[a]=A().object,o),{Provider:c,Consumer:u}};const B=$;var F=n(658),W=n.n(F);n(864);function U(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}n(679);var H=function(e){var t=B();return t.displayName=e,t},z=H("Router-History"),q=H("Router"),V=function(e){function n(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}i(n,e),n.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var r=n.prototype;return r.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},r.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},r.render=function(){return t().createElement(q.Provider,{value:{history:this.props.history,location:this.state.location,match:n.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},t().createElement(z.Provider,{children:this.props.children||null,value:this.props.history}))},n}(t().Component);t().Component;t().Component;var K={},J=0;function X(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,i=void 0!==o&&o,a=n.strict,c=void 0!==a&&a,u=n.sensitive,l=void 0!==u&&u;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=K[n]||(K[n]={});if(r[e])return r[e];var o=[],i={regexp:W()(e,o,t),keys:o};return J<1e4&&(r[e]=i,J++),i}(n,{end:i,strict:c,sensitive:l}),o=r.regexp,a=r.keys,u=o.exec(e);if(!u)return null;var s=u[0],f=u.slice(1),d=e===s;return i&&!d?null:{path:n,url:"/"===n&&""===s?"/":s,isExact:d,params:a.reduce((function(e,t,n){return e[t.name]=f[n],e}),{})}}),null)}t().Component;function Y(e){return"/"===e.charAt(0)?e:"/"+e}function G(e,t){if(!e)return t;var n=Y(e);return 0!==t.pathname.indexOf(n)?t:a({},t,{pathname:t.pathname.substr(n.length)})}function Q(e){return"string"==typeof e?e:m(e)}function Z(e){return function(){f(!1)}}function ee(){}t().Component;t().Component;t().useContext;t().Component;t().Component;var te=function(e,t){return"function"==typeof e?e(t):e},ne=function(e,t){return"string"==typeof e?y(e,null,null,t):e},re=function(e){return e},oe=t().forwardRef;void 0===oe&&(oe=re);var ie=oe((function(e,n){var r=e.innerRef,o=e.navigate,i=e.onClick,c=U(e,["innerRef","navigate","onClick"]),u=c.target,l=a({},c,{onClick:function(e){try{i&&i(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||u&&"_self"!==u||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),o())}});return l.ref=re!==oe&&n||r,t().createElement("a",l)}));var ae=oe((function(e,n){var r=e.component,o=void 0===r?ie:r,i=e.replace,c=e.to,u=e.innerRef,l=U(e,["component","replace","to","innerRef"]);return t().createElement(q.Consumer,null,(function(e){e||f(!1);var r=e.history,s=ne(te(c,e.location),e.location),d=s?r.createHref(s):"",p=a({},l,{href:d,navigate:function(){var t=te(c,e.location),n=m(e.location)===m(ne(t));(i||n?r.replace:r.push)(t)}});return re!==oe?p.ref=n||u:p.innerRef=u,t().createElement(o,p)}))})),ce=function(e){return e},ue=t().forwardRef;void 0===ue&&(ue=ce);ue((function(e,n){var r=e["aria-current"],o=void 0===r?"page":r,i=e.activeClassName,c=void 0===i?"active":i,u=e.activeStyle,l=e.className,s=e.exact,d=e.isActive,p=e.location,h=e.sensitive,v=e.strict,m=e.style,y=e.to,g=e.innerRef,w=U(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return t().createElement(q.Consumer,null,(function(e){e||f(!1);var r=p||e.location,i=ne(te(y,r),r),b=i.pathname,_=b&&b.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),x=_?X(r.pathname,{path:_,exact:s,sensitive:h,strict:v}):null,O=!!(d?d(x,r):x),E="function"==typeof l?l(O):l,P="function"==typeof m?m(O):m;O&&(E=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(E,c),P=a({},P,u));var j=a({"aria-current":O&&o||null,className:E,style:P,to:i},w);return ce!==ue?j.ref=n||g:j.innerRef=g,t().createElement(ae,j)}))}));const le=()=>t().createElement("svg",{width:"25",height:"25",className:"icon icon--x",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 25"},t().createElement("line",{className:"stroke",x1:"8.74612",y1:"16.347",x2:"16.3973",y2:"8.69584"}),t().createElement("line",{className:"stroke",x1:"8.6027",y1:"8.69585",x2:"16.2539",y2:"16.3471"})),se=e=>{let{className:n}=e;return t().createElement("svg",{className:["icon icon--chevron",n].filter(Boolean).join(" "),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 25"},t().createElement("path",{className:"stroke",d:"M9 10.5L12.5 14.5L16 10.5"}))},fe=e=>{const{className:n,children:r}=e,o=["tooltip",n].filter(Boolean).join(" ");return t().createElement("aside",{className:o},r,t().createElement("span",null))},de={plus:()=>t().createElement("svg",{className:"icon icon--plus",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 25"},t().createElement("line",{x1:"12.4589",y1:"16.9175",x2:"12.4589",y2:"8.50115",className:"stroke"}),t().createElement("line",{x1:"8.05164",y1:"12.594",x2:"16.468",y2:"12.594",className:"stroke"})),x:le,chevron:se,edit:()=>t().createElement("svg",{className:"icon icon--edit",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 25"},t().createElement("polygon",{className:"fill",points:"16.92 16.86 8.25 16.86 8.25 8.21 12.54 8.21 12.54 6.63 6.68 6.63 6.68 18.43 18.5 18.43 18.5 12.53 16.92 12.53 16.92 16.86"}),t().createElement("polygon",{className:"fill",points:"16.31 7.33 17.42 8.44 12.66 13.2 11.51 13.24 11.55 12.09 16.31 7.33"}),t().createElement("rect",{className:"fill",x:"16.94",y:"6.44",width:"1.58",height:"1.15",transform:"translate(10.16 -10.48) rotate(45)"})),swap:()=>t().createElement("svg",{className:"icon icon--swap",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 25"},t().createElement("path",{d:"M9.84631 4.78679L6.00004 8.63306L9.84631 12.4793",className:"stroke"}),t().createElement("path",{d:"M15.1537 20.1059L19 16.2596L15.1537 12.4133",className:"stroke"}),t().createElement("line",{x1:"7",y1:"8.7013",x2:"15",y2:"8.7013",stroke:"#333333",className:"stroke"}),t().createElement("line",{x1:"18",y1:"16.1195",x2:"10",y2:"16.1195",className:"stroke"}))},pe="btn",he=n=>{let{children:r,icon:o,tooltip:i}=n;const a=de[o];return t().createElement("span",{className:"".concat(pe,"__content")},i&&t().createElement(fe,{className:"".concat(pe,"__tooltip")},i),r&&t().createElement("span",{className:"".concat(pe,"__label")},r),o&&t().createElement("span",{className:"".concat(pe,"__icon")},(0,e.isValidElement)(o)&&o,a&&t().createElement(a,null)))},ve=e=>{const{className:n,type:r="button",el:o,to:i,url:a,children:c,onClick:u,disabled:l,icon:s,iconStyle:f="without-border",buttonStyle:d="primary",round:p,size:h="medium",iconPosition:v="right",newTab:m,tooltip:y}=e,g=[pe,n&&n,d&&"".concat(pe,"--style-").concat(d),s&&"".concat(pe,"--icon"),f&&"".concat(pe,"--icon-style-").concat(f),s&&!c&&"".concat(pe,"--icon-only"),l&&"".concat(pe,"--disabled"),p&&"".concat(pe,"--round"),h&&"".concat(pe,"--size-").concat(h),v&&"".concat(pe,"--icon-position-").concat(v),y&&"".concat(pe,"--has-tooltip")].filter(Boolean).join(" ");const w={type:r,className:g,disabled:l,onClick:l?void 0:function(e){"submit"!==r&&u&&e.preventDefault(),u&&u(e)},rel:m?"noopener noreferrer":void 0,target:m?"_blank":void 0};switch(o){case"link":return t().createElement(ae,{...w,to:i||a},t().createElement(he,{icon:s,tooltip:y},c));case"anchor":return t().createElement("a",{...w,href:a},t().createElement(he,{icon:s,tooltip:y},c));default:return t().createElement("button",{type:"submit",...w},t().createElement(he,{icon:s,tooltip:y},c))}};var me=n(727),ye=n(719);const ge=function(t,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const o=(0,e.useRef)(Date.now());(0,e.useEffect)((()=>{const e=setTimeout((()=>{Date.now()-o.current>=n&&(t(),o.current=Date.now())}),n-(Date.now()-o.current));return()=>{clearTimeout(e)}}),[n,...r])},we="popup-button",be=e=>{const{buttonType:n,button:r,setActive:o,active:i}=e,a=[we,"".concat(we,"--").concat(n)].filter(Boolean).join(" "),c=()=>{o(!i)};return"none"===n?null:"custom"===n?t().createElement("div",{role:"button",tabIndex:0,onKeyDown:e=>{"Enter"===e.key&&c()},onClick:c,className:a},r):t().createElement("button",{type:"button",onClick:()=>o(!i),className:a},r)},_e="popup",xe=n=>{const{className:r,render:o,size:i="small",color:a="light",button:c,buttonType:u="default",children:l,showOnHover:s=!1,horizontalAlign:f="left",verticalAlign:d="top",initActive:p=!1,onToggleOpen:h,padding:v,forceOpen:m,boundingRef:y}=n,g=(0,e.useRef)(null),w=(0,e.useRef)(null),[b,_]=(0,e.useState)(!1),[x,O]=(0,e.useState)(p),[E,P]=(0,e.useState)(d),[j,k]=(0,e.useState)(f),{y:S}=(0,ye.useScrollInfo)(),{height:C,width:M}=(0,me.useWindowInfo)(),T=e=>{w.current.contains(e.target)||O(!1)};ge((()=>{if(w.current&&g.current){const{left:e,right:t,top:n,bottom:r}=w.current.getBoundingClientRect();let o=0,i=M,a=C,c=0;(null==y?void 0:y.current)&&({top:o,right:i,bottom:a,left:c}=y.current.getBoundingClientRect()),t>i&&e>c?k("right"):e<c&&t<i&&k("left"),n<o&&r<a?P("bottom"):r>a&&n<o&&P("top"),_(!0)}}),500,[S,C,M]),(0,e.useEffect)((()=>("function"==typeof h&&h(x),x?document.addEventListener("mousedown",T):document.removeEventListener("mousedown",T),()=>{document.removeEventListener("mousedown",T)})),[x,h]),(0,e.useEffect)((()=>{O(m)}),[m]);const N=[_e,r,"".concat(_e,"--size-").concat(i),"".concat(_e,"--color-").concat(a),"".concat(_e,"--v-align-").concat(E),"".concat(_e,"--h-align-").concat(j),x&&b&&"".concat(_e,"--active")].filter(Boolean).join(" ");return t().createElement("div",{className:N},t().createElement("div",{ref:g,className:"".concat(_e,"__wrapper")},s?t().createElement("div",{className:"".concat(_e,"__on-hover-watch"),onMouseEnter:()=>O(!0),onMouseLeave:()=>O(!1)},t().createElement(be,{buttonType:u,button:c,setActive:O,active:x})):t().createElement(be,{buttonType:u,button:c,setActive:O,active:x})),t().createElement("div",{className:"".concat(_e,"__content"),ref:w},t().createElement("div",{className:"".concat(_e,"__wrap")},t().createElement("div",{className:"".concat(_e,"__scroll"),style:{padding:v}},o&&o({close:()=>O(!1)}),l&&l))))},Oe="banner",Ee=e=>{let{children:n,className:r,to:o,icon:i,alignIcon:a="right",onClick:c,type:u="default"}=e;const l=[Oe,"".concat(Oe,"--type-").concat(u),r&&r,o&&"".concat(Oe,"--has-link"),(o||c)&&"".concat(Oe,"--has-action"),i&&"".concat(Oe,"--has-icon"),i&&"".concat(Oe,"--align-icon-").concat(a)].filter(Boolean).join(" ");let s="div";return c&&!o&&(s="button"),o&&(s=ae),t().createElement(s,{className:l,onClick:c,to:o||void 0},i&&"left"===a&&t().createElement(t().Fragment,null,i),t().createElement("span",{className:"".concat(Oe,"__content")},n),i&&"right"===a&&t().createElement(t().Fragment,null,i))},Pe="template-minimal",je=e=>{const{className:n,style:r={},children:o,width:i="normal"}=e,a=[n,Pe,"".concat(Pe,"--width-").concat(i)].filter(Boolean).join(" ");return t().createElement("section",{className:a,style:r},t().createElement("div",{className:"".concat(Pe,"__wrap")},o))},ke=()=>t().createElement("svg",{className:"icon icon--check",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 25"},t().createElement("path",{d:"M10.6092 16.0192L17.6477 8.98076",className:"stroke",strokeLinecap:"square",strokeLinejoin:"bevel"}),t().createElement("path",{d:"M7.35229 12.7623L10.6092 16.0192",className:"stroke",strokeLinecap:"square",strokeLinejoin:"bevel"})),Se=()=>t().createElement("svg",{width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"icon icon--search"},t().createElement("circle",{cx:"11.2069",cy:"10.7069",r:"5",stroke:"#333333",strokeWidth:"2"}),t().createElement("line",{x1:"14.914",y1:"13.9998",x2:"20.5002",y2:"19.586",stroke:"#333333",strokeWidth:"2"})),Ce=()=>t().createElement("svg",{width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg"},t().createElement("rect",{x:"3.5",y:"4.5",width:"18",height:"2",fill:"#333333"}),t().createElement("rect",{x:"3.5",y:"11.5",width:"18",height:"2",fill:"#333333"}),t().createElement("rect",{x:"3.5",y:"18.5",width:"18",height:"2",fill:"#333333"})),Me="pill",Te=e=>{let{children:n,className:r,to:o,icon:i,alignIcon:a="right",onClick:c,pillStyle:u="light"}=e;const l=[Me,"".concat(Me,"--style-").concat(u),r&&r,o&&"".concat(Me,"--has-link"),(o||c)&&"".concat(Me,"--has-action"),i&&"".concat(Me,"--has-icon"),i&&"".concat(Me,"--align-icon-").concat(a)].filter(Boolean).join(" ");let s="div";return c&&!o&&(s="button"),o&&(s=ae),t().createElement(s,{className:l,onClick:c,type:"button"===s?"button":void 0,to:o||void 0},i&&"left"===a&&t().createElement(t().Fragment,null,i),n,i&&"right"===a&&t().createElement(t().Fragment,null,i))}})(),module.exports=r})();
9
+ */var n="function"==typeof Symbol&&Symbol.for,r=n?Symbol.for("react.element"):60103,o=n?Symbol.for("react.portal"):60106,i=n?Symbol.for("react.fragment"):60107,a=n?Symbol.for("react.strict_mode"):60108,c=n?Symbol.for("react.profiler"):60114,l=n?Symbol.for("react.provider"):60109,u=n?Symbol.for("react.context"):60110,s=n?Symbol.for("react.async_mode"):60111,f=n?Symbol.for("react.concurrent_mode"):60111,d=n?Symbol.for("react.forward_ref"):60112,p=n?Symbol.for("react.suspense"):60113,h=n?Symbol.for("react.suspense_list"):60120,v=n?Symbol.for("react.memo"):60115,m=n?Symbol.for("react.lazy"):60116,y=n?Symbol.for("react.block"):60121,g=n?Symbol.for("react.fundamental"):60117,w=n?Symbol.for("react.responder"):60118,b=n?Symbol.for("react.scope"):60119;function _(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case r:switch(e=e.type){case s:case f:case i:case c:case a:case p:return e;default:switch(e=e&&e.$$typeof){case u:case d:case m:case v:case l:return e;default:return t}}case o:return t}}}function x(e){return _(e)===f}t.AsyncMode=s,t.ConcurrentMode=f,t.ContextConsumer=u,t.ContextProvider=l,t.Element=r,t.ForwardRef=d,t.Fragment=i,t.Lazy=m,t.Memo=v,t.Portal=o,t.Profiler=c,t.StrictMode=a,t.Suspense=p,t.isAsyncMode=function(e){return x(e)||_(e)===s},t.isConcurrentMode=x,t.isContextConsumer=function(e){return _(e)===u},t.isContextProvider=function(e){return _(e)===l},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===r},t.isForwardRef=function(e){return _(e)===d},t.isFragment=function(e){return _(e)===i},t.isLazy=function(e){return _(e)===m},t.isMemo=function(e){return _(e)===v},t.isPortal=function(e){return _(e)===o},t.isProfiler=function(e){return _(e)===c},t.isStrictMode=function(e){return _(e)===a},t.isSuspense=function(e){return _(e)===p},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===i||e===f||e===c||e===a||e===p||e===h||"object"==typeof e&&null!==e&&(e.$$typeof===m||e.$$typeof===v||e.$$typeof===l||e.$$typeof===u||e.$$typeof===d||e.$$typeof===g||e.$$typeof===w||e.$$typeof===b||e.$$typeof===y)},t.typeOf=_},864:(e,t,n)=>{"use strict";e.exports=n(921)},658:(e,t,n)=>{var r=n(826);e.exports=p,e.exports.parse=i,e.exports.compile=function(e,t){return c(i(e,t),t)},e.exports.tokensToFunction=c,e.exports.tokensToRegExp=d;var o=new RegExp(["(\\\\.)","([\\/.])?(?:(?:\\:(\\w+)(?:\\(((?:\\\\.|[^\\\\()])+)\\))?|\\(((?:\\\\.|[^\\\\()])+)\\))([+*?])?|(\\*))"].join("|"),"g");function i(e,t){for(var n,r=[],i=0,a=0,c="",s=t&&t.delimiter||"/";null!=(n=o.exec(e));){var f=n[0],d=n[1],p=n.index;if(c+=e.slice(a,p),a=p+f.length,d)c+=d[1];else{var h=e[a],v=n[2],m=n[3],y=n[4],g=n[5],w=n[6],b=n[7];c&&(r.push(c),c="");var _=null!=v&&null!=h&&h!==v,x="+"===w||"*"===w,O="?"===w||"*"===w,E=n[2]||s,P=y||g;r.push({name:m||i++,prefix:v||"",delimiter:E,optional:O,repeat:x,partial:_,asterisk:!!b,pattern:P?u(P):b?".*":"[^"+l(E)+"]+?"})}}return a<e.length&&(c+=e.substr(a)),c&&r.push(c),r}function a(e){return encodeURI(e).replace(/[\/?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()}))}function c(e,t){for(var n=new Array(e.length),o=0;o<e.length;o++)"object"==typeof e[o]&&(n[o]=new RegExp("^(?:"+e[o].pattern+")$",f(t)));return function(t,o){for(var i="",c=t||{},l=(o||{}).pretty?a:encodeURIComponent,u=0;u<e.length;u++){var s=e[u];if("string"!=typeof s){var f,d=c[s.name];if(null==d){if(s.optional){s.partial&&(i+=s.prefix);continue}throw new TypeError('Expected "'+s.name+'" to be defined')}if(r(d)){if(!s.repeat)throw new TypeError('Expected "'+s.name+'" to not repeat, but received `'+JSON.stringify(d)+"`");if(0===d.length){if(s.optional)continue;throw new TypeError('Expected "'+s.name+'" to not be empty')}for(var p=0;p<d.length;p++){if(f=l(d[p]),!n[u].test(f))throw new TypeError('Expected all "'+s.name+'" to match "'+s.pattern+'", but received `'+JSON.stringify(f)+"`");i+=(0===p?s.prefix:s.delimiter)+f}}else{if(f=s.asterisk?encodeURI(d).replace(/[?#]/g,(function(e){return"%"+e.charCodeAt(0).toString(16).toUpperCase()})):l(d),!n[u].test(f))throw new TypeError('Expected "'+s.name+'" to match "'+s.pattern+'", but received "'+f+'"');i+=s.prefix+f}}else i+=s}return i}}function l(e){return e.replace(/([.+*?=^!:${}()[\]|\/\\])/g,"\\$1")}function u(e){return e.replace(/([=!:$\/()])/g,"\\$1")}function s(e,t){return e.keys=t,e}function f(e){return e&&e.sensitive?"":"i"}function d(e,t,n){r(t)||(n=t||n,t=[]);for(var o=(n=n||{}).strict,i=!1!==n.end,a="",c=0;c<e.length;c++){var u=e[c];if("string"==typeof u)a+=l(u);else{var d=l(u.prefix),p="(?:"+u.pattern+")";t.push(u),u.repeat&&(p+="(?:"+d+p+")*"),a+=p=u.optional?u.partial?d+"("+p+")?":"(?:"+d+"("+p+"))?":d+"("+p+")"}}var h=l(n.delimiter||"/"),v=a.slice(-h.length)===h;return o||(a=(v?a.slice(0,-h.length):a)+"(?:"+h+"(?=$))?"),a+=i?"$":o&&v?"":"(?="+h+"|$)",s(new RegExp("^"+a,f(n)),t)}function p(e,t,n){return r(t)||(n=t||n,t=[]),n=n||{},e instanceof RegExp?function(e,t){var n=e.source.match(/\((?!\?)/g);if(n)for(var r=0;r<n.length;r++)t.push({name:r,prefix:null,delimiter:null,optional:!1,repeat:!1,partial:!1,asterisk:!1,pattern:null});return s(e,t)}(e,t):r(e)?function(e,t,n){for(var r=[],o=0;o<e.length;o++)r.push(p(e[o],t,n).source);return s(new RegExp("(?:"+r.join("|")+")",f(n)),t)}(e,t,n):function(e,t,n){return d(i(e,n),t,n)}(e,t,n)}},497:e=>{"use strict";e.exports=require("react")}},t={};function n(r){var o=t[r];if(void 0!==o)return o.exports;var i=t[r]={exports:{}};return e[r].call(i.exports,i,i.exports,n),i.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var r={};(()=>{"use strict";n.r(r),n.d(r,{Banner:()=>Ee,Button:()=>ve,Check:()=>ke,Chevron:()=>se,Menu:()=>Ce,MinimalTemplate:()=>je,Pill:()=>Me,Popup:()=>xe,Search:()=>Se,X:()=>ue});var e=n(497),t=n.n(e);function o(e,t){return o=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},o(e,t)}function i(e,t){e.prototype=Object.create(t.prototype),e.prototype.constructor=e,o(e,t)}function a(){return a=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e},a.apply(this,arguments)}function c(e){return"/"===e.charAt(0)}function l(e,t){for(var n=t,r=n+1,o=e.length;r<o;n+=1,r+=1)e[n]=e[r];e.pop()}const u=function(e,t){void 0===t&&(t="");var n,r=e&&e.split("/")||[],o=t&&t.split("/")||[],i=e&&c(e),a=t&&c(t),u=i||a;if(e&&c(e)?o=r:r.length&&(o.pop(),o=o.concat(r)),!o.length)return"/";if(o.length){var s=o[o.length-1];n="."===s||".."===s||""===s}else n=!1;for(var f=0,d=o.length;d>=0;d--){var p=o[d];"."===p?l(o,d):".."===p?(l(o,d),f++):f&&(l(o,d),f--)}if(!u)for(;f--;f)o.unshift("..");!u||""===o[0]||o[0]&&c(o[0])||o.unshift("");var h=o.join("/");return n&&"/"!==h.substr(-1)&&(h+="/"),h};var s="Invariant failed";function f(e,t){if(!e)throw new Error(s)}function d(e){return"/"===e.charAt(0)?e:"/"+e}function p(e){return"/"===e.charAt(0)?e.substr(1):e}function h(e,t){return function(e,t){return 0===e.toLowerCase().indexOf(t.toLowerCase())&&-1!=="/?#".indexOf(e.charAt(t.length))}(e,t)?e.substr(t.length):e}function v(e){return"/"===e.charAt(e.length-1)?e.slice(0,-1):e}function m(e){var t=e.pathname,n=e.search,r=e.hash,o=t||"/";return n&&"?"!==n&&(o+="?"===n.charAt(0)?n:"?"+n),r&&"#"!==r&&(o+="#"===r.charAt(0)?r:"#"+r),o}function y(e,t,n,r){var o;"string"==typeof e?(o=function(e){var t=e||"/",n="",r="",o=t.indexOf("#");-1!==o&&(r=t.substr(o),t=t.substr(0,o));var i=t.indexOf("?");return-1!==i&&(n=t.substr(i),t=t.substr(0,i)),{pathname:t,search:"?"===n?"":n,hash:"#"===r?"":r}}(e),o.state=t):(void 0===(o=a({},e)).pathname&&(o.pathname=""),o.search?"?"!==o.search.charAt(0)&&(o.search="?"+o.search):o.search="",o.hash?"#"!==o.hash.charAt(0)&&(o.hash="#"+o.hash):o.hash="",void 0!==t&&void 0===o.state&&(o.state=t));try{o.pathname=decodeURI(o.pathname)}catch(e){throw e instanceof URIError?new URIError('Pathname "'+o.pathname+'" could not be decoded. This is likely caused by an invalid percent-encoding.'):e}return n&&(o.key=n),r?o.pathname?"/"!==o.pathname.charAt(0)&&(o.pathname=u(o.pathname,r.pathname)):o.pathname=r.pathname:o.pathname||(o.pathname="/"),o}function g(){var e=null;var t=[];return{setPrompt:function(t){return t,function(){e===t&&null}},confirmTransitionTo:function(t,n,r,o){if(null!=e){var i="function"==typeof e?e(t,n):e;"string"==typeof i?"function"==typeof r?r(i,o):o(!0):o(!1!==i)}else o(!0)},appendListener:function(e){var n=!0;function r(){n&&e.apply(void 0,arguments)}return t.push(r),function(){!1,t.filter((function(e){return e!==r}))}},notifyListeners:function(){for(var e=arguments.length,n=new Array(e),r=0;r<e;r++)n[r]=arguments[r];t.forEach((function(e){return e.apply(void 0,n)}))}}}var w=!("undefined"==typeof window||!window.document||!window.document.createElement);function b(e,t){t(window.confirm(e))}var _="popstate",x="hashchange";function O(){try{return window.history.state||{}}catch(e){return{}}}function E(e){void 0===e&&{},w||f(!1);var t,n=window.history,r=(-1===window.navigator.userAgent.indexOf("Android 2.")&&-1===t.indexOf("Android 4.0")||-1===t.indexOf("Mobile Safari")||-1!==t.indexOf("Chrome")||-1!==t.indexOf("Windows Phone"))&&window.history&&"pushState"in window.history,o=!(-1===window.navigator.userAgent.indexOf("Trident")),i=e,c=i.forceRefresh,l=void 0!==c&&c,u=i.getUserConfirmation,s=void 0===u?b:u,p=i.keyLength,E=void 0===p?6:p,P=e.basename?v(d(e.basename)):"";function j(e){var t=e||{},n=t.key,r=t.state,o=window.location,i=o.pathname+o.search+o.hash;return P&&h(i,P),y(i,r,n)}function k(){return Math.random().toString(36).substr(2,E)}var S=g();function C(e){a(U,e),U.length=n.length,S.notifyListeners(U.location,U.action)}function N(e){(function(e){return void 0===e.state&&-1===navigator.userAgent.indexOf("CriOS")})(e)||R(j(e.state))}function M(){R(j(O()))}var T=!1;function R(e){if(T)!1,C();else{S.confirmTransitionTo(e,"POP",s,(function(t){t?C({action:"POP",location:e}):function(e){var t=U.location,n=L.indexOf(t.key);-1===n&&0;var r=L.indexOf(e.key);-1===r&&0;var o=n-r;o&&(!0,I(o))}(e)}))}}var A=j(O()),L=[A.key];function D(e){return P+m(e)}function I(e){n.go(e)}var $=0;function B(e){1===($+=e)&&1===e?(window.addEventListener(_,N),o&&window.addEventListener(x,M)):0===$&&(window.removeEventListener(_,N),o&&window.removeEventListener(x,M))}var F=!1;var U={length:n.length,action:"POP",location:A,createHref:D,push:function(e,t){var o="PUSH",i=y(e,t,k(),U.location);S.confirmTransitionTo(i,o,s,(function(e){if(e){var t=D(i),a=i.key,c=i.state;if(r)if(n.pushState({key:a,state:c},null,t),l)window.location.href=t;else{var u=L.indexOf(U.location.key),s=L.slice(0,u+1);s.push(i.key),s,C({action:o,location:i})}else window.location.href=t}}))},replace:function(e,t){var o="REPLACE",i=y(e,t,k(),U.location);S.confirmTransitionTo(i,o,s,(function(e){if(e){var t=D(i),a=i.key,c=i.state;if(r)if(n.replaceState({key:a,state:c},null,t),l)window.location.replace(t);else{var u=L.indexOf(U.location.key);-1!==u&&(L[u]=i.key),C({action:o,location:i})}else window.location.replace(t)}}))},go:I,goBack:function(){I(-1)},goForward:function(){I(1)},block:function(e){void 0===e&&!1;var t=S.setPrompt(e);return F||(B(1),!0),function(){return F&&(!1,B(-1)),t()}},listen:function(e){var t=S.appendListener(e);return B(1),function(){B(-1),t()}}};return U}var P="hashchange",j={hashbang:{encodePath:function(e){return"!"===e.charAt(0)?e:"!/"+p(e)},decodePath:function(e){return"!"===e.charAt(0)?e.substr(1):e}},noslash:{encodePath:p,decodePath:d},slash:{encodePath:d,decodePath:d}};function k(e){var t=e.indexOf("#");return-1===t?e:e.slice(0,t)}function S(){var e=window.location.href,t=e.indexOf("#");return-1===t?"":e.substring(t+1)}function C(e){window.location.replace(k(window.location.href)+"#"+e)}function N(e){void 0===e&&{},w||f(!1);var t=window.history,n=(window.navigator.userAgent.indexOf("Firefox"),e),r=n.getUserConfirmation,o=void 0===r?b:r,i=n.hashType,c=void 0===i?"slash":i,l=e.basename?v(d(e.basename)):"",u=j[c],s=u.encodePath,p=u.decodePath;function _(){var e=p(S());return l&&h(e,l),y(e)}var x=g();function O(e){a(F,e),F.length=t.length,x.notifyListeners(F.location,F.action)}var E=!1,N=null;function M(){var e,t,n=S(),r=s(n);if(n!==r)C(r);else{var i=_(),a=F.location;if(!E&&(i,a.pathname===t.pathname&&e.search===t.search&&e.hash===t.hash))return;if(N===m(i))return;null,function(e){if(E)!1,O();else{var t="POP";x.confirmTransitionTo(e,t,o,(function(n){n?O({action:t,location:e}):function(e){var t=F.location,n=L.lastIndexOf(m(t));-1===n&&0;var r=L.lastIndexOf(m(e));-1===r&&0;var o=n-r;o&&(!0,D(o))}(e)}))}}(i)}}var T=S(),R=s(T);T!==R&&C(R);var A=_(),L=[m(A)];function D(e){t.go(e)}var I=0;function $(e){1===(I+=e)&&1===e?window.addEventListener(P,M):0===I&&window.removeEventListener(P,M)}var B=!1;var F={length:t.length,action:"POP",location:A,createHref:function(e){var t=document.querySelector("base"),n="";return t&&t.getAttribute("href")&&k(window.location.href),n+"#"+s(l+m(e))},push:function(e,t){var n="PUSH",r=y(e,void 0,void 0,F.location);x.confirmTransitionTo(r,n,o,(function(e){if(e){var t=m(r),o=s(l+t);if(S()!==o){t,function(e){window.location.hash=e}(o);var i=L.lastIndexOf(m(F.location)),a=L.slice(0,i+1);a.push(t),a,O({action:n,location:r})}else O()}}))},replace:function(e,t){var n="REPLACE",r=y(e,void 0,void 0,F.location);x.confirmTransitionTo(r,n,o,(function(e){if(e){var t=m(r),o=s(l+t);S()!==o&&(t,C(o));var i=L.indexOf(m(F.location));-1!==i&&(L[i]=t),O({action:n,location:r})}}))},go:D,goBack:function(){D(-1)},goForward:function(){D(1)},block:function(e){void 0===e&&!1;var t=x.setPrompt(e);return B||($(1),!0),function(){return B&&(!1,$(-1)),t()}},listen:function(e){var t=x.appendListener(e);return $(1),function(){$(-1),t()}}};return F}function M(e,t,n){return Math.min(Math.max(e,t),n)}function T(e){void 0===e&&{};var t=e,n=t.getUserConfirmation,r=t.initialEntries,o=void 0===r?["/"]:r,i=t.initialIndex,c=void 0===i?0:i,l=t.keyLength,u=void 0===l?6:l,s=g();function f(e){a(b,e),b.length=b.entries.length,s.notifyListeners(b.location,b.action)}function d(){return Math.random().toString(36).substr(2,u)}var p=M(c,0,o.length-1),h=o.map((function(e){return y(e,void 0,"string"==typeof e?d():e.key||d())})),v=m;function w(e){var t=M(b.index+e,0,b.entries.length-1),r=b.entries[t];s.confirmTransitionTo(r,"POP",n,(function(e){e?f({action:"POP",location:r,index:t}):f()}))}var b={length:h.length,action:"POP",location:h[p],index:p,entries:h,createHref:v,push:function(e,t){var r="PUSH",o=y(e,t,d(),b.location);s.confirmTransitionTo(o,r,n,(function(e){if(e){var t=b.index+1,n=b.entries.slice(0);n.length>t?n.splice(t,n.length-t,o):n.push(o),f({action:r,location:o,index:t,entries:n})}}))},replace:function(e,t){var r="REPLACE",o=y(e,t,d(),b.location);s.confirmTransitionTo(o,r,n,(function(e){e&&(b.entries[b.index]=o,f({action:r,location:o}))}))},go:w,goBack:function(){w(-1)},goForward:function(){w(1)},canGo:function(e){var t=b.index+e;return t>=0&&t<b.entries.length},block:function(e){return void 0===e&&!1,s.setPrompt(e)},listen:function(e){return s.appendListener(e)}};return b}var R=n(697),A=n.n(R),L=1073741823,D="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:{};function I(e){var t=[];return{on:function(e){t.push(e)},off:function(e){t=t.filter((function(t){return t!==e}))},get:function(){return e},set:function(n,r){e=n,t.forEach((function(t){return t(e,r)}))}}}var $=t().createContext||function(t,n){var r,o,a="__create-react-context-"+function(){var e="__global_unique_id__";return D[e]=(D[e]||0)+1}()+"__",c=function(e){function t(){var t;return(t=e.apply(this,arguments)||this).emitter=I(t.props.value),t}i(t,e);var r=t.prototype;return r.getChildContext=function(){var e;return(e={})[a]=this.emitter,e},r.componentWillReceiveProps=function(e){if(this.props.value!==e.value){var t,r=this.props.value,o=e.value;((i=r)===(a=o)?0!==i||1/i==1/a:i!=i&&a!=a)?t=0:(t="function"==typeof n?n(r,o):L,0!==(t|=0)&&this.emitter.set(e.value,t))}var i,a},r.render=function(){return this.props.children},t}(e.Component);c.childContextTypes=((r={})[a]=A().object.isRequired,r);var l=function(e){function n(){var t;return(t=e.apply(this,arguments)||this).state={value:t.getValue()},t.onUpdate=function(e,n){0!=((0|t.observedBits)&n)&&t.setState({value:t.getValue()})},t}i(n,e);var r=n.prototype;return r.componentWillReceiveProps=function(e){var t=e.observedBits;this.observedBits=null==t?L:t},r.componentDidMount=function(){this.context[a]&&this.context[a].on(this.onUpdate);var e=this.props.observedBits;this.observedBits=null==e?L:e},r.componentWillUnmount=function(){this.context[a]&&this.context[a].off(this.onUpdate)},r.getValue=function(){return this.context[a]?this.context[a].get():t},r.render=function(){return(e=this.props.children,Array.isArray(e)?e[0]:e)(this.state.value);var e},n}(e.Component);return l.contextTypes=((o={})[a]=A().object,o),{Provider:c,Consumer:l}};const B=$;var F=n(658),U=n.n(F);n(864);function W(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}n(679);var H=function(e){var t=B();return t.displayName=e,t},z=H("Router-History"),q=H("Router"),V=function(e){function n(t){var n;return(n=e.call(this,t)||this).state={location:t.history.location},n._isMounted=!1,n._pendingLocation=null,t.staticContext||(n.unlisten=t.history.listen((function(e){n._pendingLocation=e}))),n}i(n,e),n.computeRootMatch=function(e){return{path:"/",url:"/",params:{},isExact:"/"===e}};var r=n.prototype;return r.componentDidMount=function(){var e=this;this._isMounted=!0,this.unlisten&&this.unlisten(),this.props.staticContext||(this.unlisten=this.props.history.listen((function(t){e._isMounted&&e.setState({location:t})}))),this._pendingLocation&&this.setState({location:this._pendingLocation})},r.componentWillUnmount=function(){this.unlisten&&(this.unlisten(),this._isMounted=!1,this._pendingLocation=null)},r.render=function(){return t().createElement(q.Provider,{value:{history:this.props.history,location:this.state.location,match:n.computeRootMatch(this.state.location.pathname),staticContext:this.props.staticContext}},t().createElement(z.Provider,{children:this.props.children||null,value:this.props.history}))},n}(t().Component);t().Component;t().Component;var K={},J=0;function X(e,t){void 0===t&&(t={}),("string"==typeof t||Array.isArray(t))&&(t={path:t});var n=t,r=n.path,o=n.exact,i=void 0!==o&&o,a=n.strict,c=void 0!==a&&a,l=n.sensitive,u=void 0!==l&&l;return[].concat(r).reduce((function(t,n){if(!n&&""!==n)return null;if(t)return t;var r=function(e,t){var n=""+t.end+t.strict+t.sensitive,r=K[n]||(K[n]={});if(r[e])return r[e];var o=[],i={regexp:U()(e,o,t),keys:o};return J<1e4&&(r[e]=i,J++),i}(n,{end:i,strict:c,sensitive:u}),o=r.regexp,a=r.keys,l=o.exec(e);if(!l)return null;var s=l[0],f=l.slice(1),d=e===s;return i&&!d?null:{path:n,url:"/"===n&&""===s?"/":s,isExact:d,params:a.reduce((function(e,t,n){return e[t.name]=f[n],e}),{})}}),null)}t().Component;function Y(e){return"/"===e.charAt(0)?e:"/"+e}function G(e,t){if(!e)return t;var n=Y(e);return 0!==t.pathname.indexOf(n)?t:a({},t,{pathname:t.pathname.substr(n.length)})}function Q(e){return"string"==typeof e?e:m(e)}function Z(e){return function(){f(!1)}}function ee(){}t().Component;t().Component;t().useContext;t().Component;t().Component;var te=function(e,t){return"function"==typeof e?e(t):e},ne=function(e,t){return"string"==typeof e?y(e,null,null,t):e},re=function(e){return e},oe=t().forwardRef;void 0===oe&&(oe=re);var ie=oe((function(e,n){var r=e.innerRef,o=e.navigate,i=e.onClick,c=W(e,["innerRef","navigate","onClick"]),l=c.target,u=a({},c,{onClick:function(e){try{i&&i(e)}catch(t){throw e.preventDefault(),t}e.defaultPrevented||0!==e.button||l&&"_self"!==l||function(e){return!!(e.metaKey||e.altKey||e.ctrlKey||e.shiftKey)}(e)||(e.preventDefault(),o())}});return u.ref=re!==oe&&n||r,t().createElement("a",u)}));var ae=oe((function(e,n){var r=e.component,o=void 0===r?ie:r,i=e.replace,c=e.to,l=e.innerRef,u=W(e,["component","replace","to","innerRef"]);return t().createElement(q.Consumer,null,(function(e){e||f(!1);var r=e.history,s=ne(te(c,e.location),e.location),d=s?r.createHref(s):"",p=a({},u,{href:d,navigate:function(){var t=te(c,e.location),n=m(e.location)===m(ne(t));(i||n?r.replace:r.push)(t)}});return re!==oe?p.ref=n||l:p.innerRef=l,t().createElement(o,p)}))})),ce=function(e){return e},le=t().forwardRef;void 0===le&&(le=ce);le((function(e,n){var r=e["aria-current"],o=void 0===r?"page":r,i=e.activeClassName,c=void 0===i?"active":i,l=e.activeStyle,u=e.className,s=e.exact,d=e.isActive,p=e.location,h=e.sensitive,v=e.strict,m=e.style,y=e.to,g=e.innerRef,w=W(e,["aria-current","activeClassName","activeStyle","className","exact","isActive","location","sensitive","strict","style","to","innerRef"]);return t().createElement(q.Consumer,null,(function(e){e||f(!1);var r=p||e.location,i=ne(te(y,r),r),b=i.pathname,_=b&&b.replace(/([.+*?=^!:${}()[\]|/\\])/g,"\\$1"),x=_?X(r.pathname,{path:_,exact:s,sensitive:h,strict:v}):null,O=!!(d?d(x,r):x),E="function"==typeof u?u(O):u,P="function"==typeof m?m(O):m;O&&(E=function(){for(var e=arguments.length,t=new Array(e),n=0;n<e;n++)t[n]=arguments[n];return t.filter((function(e){return e})).join(" ")}(E,c),P=a({},P,l));var j=a({"aria-current":O&&o||null,className:E,style:P,to:i},w);return ce!==le?j.ref=n||g:j.innerRef=g,t().createElement(ae,j)}))}));const ue=e=>{let{className:n}=e;return t().createElement("svg",{width:"25",height:"25",className:[n,"icon icon--x"].filter(Boolean).join(" "),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 25"},t().createElement("line",{className:"stroke",x1:"8.74612",y1:"16.347",x2:"16.3973",y2:"8.69584"}),t().createElement("line",{className:"stroke",x1:"8.6027",y1:"8.69585",x2:"16.2539",y2:"16.3471"}))},se=e=>{let{className:n}=e;return t().createElement("svg",{className:["icon icon--chevron",n].filter(Boolean).join(" "),xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 25"},t().createElement("path",{className:"stroke",d:"M9 10.5L12.5 14.5L16 10.5"}))},fe=e=>{const{className:n,children:r}=e,o=["tooltip",n].filter(Boolean).join(" ");return t().createElement("aside",{className:o},r,t().createElement("span",null))},de={plus:()=>t().createElement("svg",{className:"icon icon--plus",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 25"},t().createElement("line",{x1:"12.4589",y1:"16.9175",x2:"12.4589",y2:"8.50115",className:"stroke"}),t().createElement("line",{x1:"8.05164",y1:"12.594",x2:"16.468",y2:"12.594",className:"stroke"})),x:ue,chevron:se,edit:()=>t().createElement("svg",{className:"icon icon--edit",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 25"},t().createElement("polygon",{className:"fill",points:"16.92 16.86 8.25 16.86 8.25 8.21 12.54 8.21 12.54 6.63 6.68 6.63 6.68 18.43 18.5 18.43 18.5 12.53 16.92 12.53 16.92 16.86"}),t().createElement("polygon",{className:"fill",points:"16.31 7.33 17.42 8.44 12.66 13.2 11.51 13.24 11.55 12.09 16.31 7.33"}),t().createElement("rect",{className:"fill",x:"16.94",y:"6.44",width:"1.58",height:"1.15",transform:"translate(10.16 -10.48) rotate(45)"})),swap:()=>t().createElement("svg",{className:"icon icon--swap",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 25"},t().createElement("path",{d:"M9.84631 4.78679L6.00004 8.63306L9.84631 12.4793",className:"stroke"}),t().createElement("path",{d:"M15.1537 20.1059L19 16.2596L15.1537 12.4133",className:"stroke"}),t().createElement("line",{x1:"7",y1:"8.7013",x2:"15",y2:"8.7013",stroke:"#333333",className:"stroke"}),t().createElement("line",{x1:"18",y1:"16.1195",x2:"10",y2:"16.1195",className:"stroke"}))},pe="btn",he=n=>{let{children:r,icon:o,tooltip:i}=n;const a=de[o];return t().createElement("span",{className:"".concat(pe,"__content")},i&&t().createElement(fe,{className:"".concat(pe,"__tooltip")},i),r&&t().createElement("span",{className:"".concat(pe,"__label")},r),o&&t().createElement("span",{className:"".concat(pe,"__icon")},(0,e.isValidElement)(o)&&o,a&&t().createElement(a,null)))},ve=e=>{const{className:n,id:r,type:o="button",el:i,to:a,url:c,children:l,onClick:u,disabled:s,icon:f,iconStyle:d="without-border",buttonStyle:p="primary",round:h,size:v="medium",iconPosition:m="right",newTab:y,tooltip:g}=e,w=[pe,n&&n,p&&"".concat(pe,"--style-").concat(p),f&&"".concat(pe,"--icon"),d&&"".concat(pe,"--icon-style-").concat(d),f&&!l&&"".concat(pe,"--icon-only"),s&&"".concat(pe,"--disabled"),h&&"".concat(pe,"--round"),v&&"".concat(pe,"--size-").concat(v),m&&"".concat(pe,"--icon-position-").concat(m),g&&"".concat(pe,"--has-tooltip")].filter(Boolean).join(" ");const b={id:r,type:o,className:w,disabled:s,onClick:s?void 0:function(e){"submit"!==o&&u&&e.preventDefault(),u&&u(e)},rel:y?"noopener noreferrer":void 0,target:y?"_blank":void 0};switch(i){case"link":return t().createElement(ae,{...b,to:a||c},t().createElement(he,{icon:f,tooltip:g},l));case"anchor":return t().createElement("a",{...b,href:c},t().createElement(he,{icon:f,tooltip:g},l));default:return t().createElement("button",{type:"submit",...b},t().createElement(he,{icon:f,tooltip:g},l))}};var me=n(727),ye=n(719);const ge=function(t,n){let r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:[];const o=(0,e.useRef)(Date.now());(0,e.useEffect)((()=>{const e=setTimeout((()=>{Date.now()-o.current>=n&&(t(),o.current=Date.now())}),n-(Date.now()-o.current));return()=>{clearTimeout(e)}}),[n,...r])},we="popup-button",be=e=>{const{className:n,buttonType:r,button:o,setActive:i,active:a}=e,c=[we,n,"".concat(we,"--").concat(r)].filter(Boolean).join(" "),l=()=>{i(!a)};return"none"===r?null:"custom"===r?t().createElement("div",{role:"button",tabIndex:0,onKeyDown:e=>{"Enter"===e.key&&l()},onClick:l,className:c},o):t().createElement("button",{type:"button",onClick:()=>i(!a),className:c},o)},_e="popup",xe=n=>{const{className:r,buttonClassName:o,render:i,size:a="small",color:c="light",button:l,buttonType:u="default",children:s,showOnHover:f=!1,horizontalAlign:d="left",verticalAlign:p="top",initActive:h=!1,onToggleOpen:v,padding:m,forceOpen:y,boundingRef:g}=n,w=(0,e.useRef)(null),b=(0,e.useRef)(null),[_,x]=(0,e.useState)(!1),[O,E]=(0,e.useState)(h),[P,j]=(0,e.useState)(p),[k,S]=(0,e.useState)(d),{y:C}=(0,ye.useScrollInfo)(),{height:N,width:M}=(0,me.useWindowInfo)(),T=(0,e.useCallback)((e=>{b.current.contains(e.target)||E(!1)}),[]);ge((()=>{if(b.current&&w.current){const{left:e,right:t,top:n,bottom:r}=b.current.getBoundingClientRect();let o=0,i=M,a=N,c=0;(null==g?void 0:g.current)&&({top:o,right:i,bottom:a,left:c}=g.current.getBoundingClientRect()),t>i&&e>c?S("right"):e<c&&t<i&&S("left"),n<o&&r<a?j("bottom"):r>a&&n<o&&j("top"),x(!0)}}),500,[C,N,M]),(0,e.useEffect)((()=>("function"==typeof v&&v(O),O?document.addEventListener("mousedown",T):document.removeEventListener("mousedown",T),()=>{document.removeEventListener("mousedown",T)})),[O,T,v]),(0,e.useEffect)((()=>{E(y)}),[y]);const R=[_e,r,"".concat(_e,"--size-").concat(a),"".concat(_e,"--color-").concat(c),"".concat(_e,"--v-align-").concat(P),"".concat(_e,"--h-align-").concat(k),O&&_&&"".concat(_e,"--active")].filter(Boolean).join(" ");return t().createElement("div",{className:R},t().createElement("div",{ref:w,className:"".concat(_e,"__wrapper")},f?t().createElement("div",{className:"".concat(_e,"__on-hover-watch"),onMouseEnter:()=>E(!0),onMouseLeave:()=>E(!1)},t().createElement(be,{className:o,buttonType:u,button:l,setActive:E,active:O})):t().createElement(be,{className:o,buttonType:u,button:l,setActive:E,active:O})),t().createElement("div",{className:"".concat(_e,"__content"),ref:b},t().createElement("div",{className:"".concat(_e,"__wrap")},t().createElement("div",{className:"".concat(_e,"__scroll"),style:{padding:m}},i&&i({close:()=>E(!1)}),s&&s))))},Oe="banner",Ee=e=>{let{children:n,className:r,to:o,icon:i,alignIcon:a="right",onClick:c,type:l="default"}=e;const u=[Oe,"".concat(Oe,"--type-").concat(l),r&&r,o&&"".concat(Oe,"--has-link"),(o||c)&&"".concat(Oe,"--has-action"),i&&"".concat(Oe,"--has-icon"),i&&"".concat(Oe,"--align-icon-").concat(a)].filter(Boolean).join(" ");let s="div";return c&&!o&&(s="button"),o&&(s=ae),t().createElement(s,{className:u,onClick:c,to:o||void 0},i&&"left"===a&&t().createElement(t().Fragment,null,i),t().createElement("span",{className:"".concat(Oe,"__content")},n),i&&"right"===a&&t().createElement(t().Fragment,null,i))},Pe="template-minimal",je=e=>{const{className:n,style:r={},children:o,width:i="normal"}=e,a=[n,Pe,"".concat(Pe,"--width-").concat(i)].filter(Boolean).join(" ");return t().createElement("section",{className:a,style:r},t().createElement("div",{className:"".concat(Pe,"__wrap")},o))},ke=()=>t().createElement("svg",{className:"icon icon--check",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 25 25"},t().createElement("path",{d:"M10.6092 16.0192L17.6477 8.98076",className:"stroke",strokeLinecap:"square",strokeLinejoin:"bevel"}),t().createElement("path",{d:"M7.35229 12.7623L10.6092 16.0192",className:"stroke",strokeLinecap:"square",strokeLinejoin:"bevel"})),Se=()=>t().createElement("svg",{viewBox:"0 0 25 25",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:"icon icon--search"},t().createElement("circle",{cx:"11.2069",cy:"10.7069",r:"5",className:"stroke"}),t().createElement("line",{x1:"14.914",y1:"13.9998",x2:"20.5002",y2:"19.586",className:"stroke"})),Ce=()=>t().createElement("svg",{width:"25",height:"25",viewBox:"0 0 25 25",fill:"none",className:"icon icon--menu",xmlns:"http://www.w3.org/2000/svg"},t().createElement("rect",{x:"3.5",y:"4.5",width:"18",height:"2",className:"fill"}),t().createElement("rect",{x:"3.5",y:"11.5",width:"18",height:"2",className:"fill"}),t().createElement("rect",{x:"3.5",y:"18.5",width:"18",height:"2",className:"fill"})),Ne="pill",Me=e=>{let{children:n,className:r,to:o,icon:i,alignIcon:a="right",onClick:c,pillStyle:l="light"}=e;const u=[Ne,"".concat(Ne,"--style-").concat(l),r&&r,o&&"".concat(Ne,"--has-link"),(o||c)&&"".concat(Ne,"--has-action"),i&&"".concat(Ne,"--has-icon"),i&&"".concat(Ne,"--align-icon-").concat(a)].filter(Boolean).join(" ");let s="div";return c&&!o&&(s="button"),o&&(s=ae),t().createElement(s,{className:u,onClick:c,type:"button"===s?"button":void 0,to:o||void 0},i&&"left"===a&&t().createElement(t().Fragment,null,i),n,i&&"right"===a&&t().createElement(t().Fragment,null,i))}})(),module.exports=r})();
@@ -1 +1 @@
1
- .btn{background:transparent;border:0;border-radius:4px;color:inherit;cursor:pointer;font-size:1rem;font-weight:400;line-height:1.9230769231rem;margin-bottom:1.9230769231rem;margin-top:1.9230769231rem;text-align:center;text-decoration:none}.btn .btn__icon{border:1px solid;border-radius:100%}.btn .btn__icon .stroke{stroke:currentColor;fill:none}.btn .btn__icon .fill{fill:currentColor}.btn--has-tooltip{position:relative}.btn .btn__tooltip{opacity:0;transform:translate(-50%,-10px);visibility:hidden}.btn .btn__content:hover .btn__tooltip{opacity:1;visibility:visible}.btn--icon-style-none .btn__icon,.btn--icon-style-without-border .btn__icon{border:none}.btn span{line-height:1.9230769231rem}.btn span,.btn svg{vertical-align:top}.btn--size-medium{padding:.9615384615rem 1.9230769231rem}.btn--size-small{padding:.4807692308rem .9615384615rem}.btn--style-primary{background-color:#333;color:#fff}.btn--style-primary.btn--disabled{background-color:rgba(51,51,51,.6)}.btn--style-primary:not(.btn--disabled):hover{background:#404040}.btn--style-primary:not(.btn--disabled):active{background:#4d4d4d}.btn--style-primary:focus{box-shadow:0 0 0 2px #b2ffd6;outline:none}.btn--style-secondary{background:none;box-shadow:inset 0 0 0 1px #333;color:#333}.btn--style-secondary:hover{background:rgba(51,51,51,.02);box-shadow:inset 0 0 0 1px #404040}.btn--style-secondary:active{background:#ececec}.btn--style-secondary.btn--disabled{background:none;box-shadow:inset 0 0 0 1px rgba(51,51,51,.4);color:rgba(51,51,51,.6)}.btn--style-secondary:focus{box-shadow:inset 0 0 0 1px #404040,0 0 0 2px #b2ffd6;outline:none}.btn--style-none{border-radius:0;margin:0;padding:0}.btn--style-none:focus{opacity:.8}.btn--style-none:active{opacity:.7}.btn--round{border-radius:100%}.btn--icon span{display:flex;justify-content:space-between}.btn--icon.btn--style-primary .icon .stroke{stroke:#fff;fill:none}.btn--icon.btn--style-primary .icon .fill{fill:#fff}.btn--style-icon-label{font-weight:600;padding:0}.btn--style-light-gray{box-shadow:inset 0 0 0 1px #333}.btn--icon-position-left .btn__content{flex-direction:row-reverse}.btn--icon-position-left .btn__icon{margin-right:.9615384615rem}.btn--icon-position-right .btn__icon{margin-left:.9615384615rem}.btn--icon-only .btn__icon{margin:0;padding:0}.btn--disabled{cursor:default}.btn:hover .btn__icon{background:#333}.btn:hover .btn__icon .stroke{stroke:#fff;fill:none}.btn:hover .btn__icon .fill{fill:#fff}.btn:focus{outline:none}.btn:focus .btn__icon{background:#dadada}.btn:focus .btn__icon .stroke{stroke:#333;fill:none}.btn:focus .btn__icon .fill{fill:#333}.btn:active .btn__icon{background:#4d4d4d}.btn:active .btn__icon .stroke{stroke:#fff;fill:none}.btn:active .btn__icon .fill{fill:#fff}.icon--plus{height:1.9230769231rem;width:1.9230769231rem}.icon--plus .stroke,.icon--x line{stroke:#333;stroke-width:1px}.icon--chevron{height:1.9230769231rem;width:1.9230769231rem}.icon--chevron .stroke{fill:none;stroke:#333;stroke-width:2px}.icon--edit{shape-rendering:auto;height:1.9230769231rem;width:1.9230769231rem}.icon--edit .fill{fill:#333;stroke:none}.icon--swap{height:1.9230769231rem;width:1.9230769231rem}.icon--swap .stroke{fill:none;stroke:#333;stroke-width:2px}.tooltip{background-color:#333;border-radius:2px;bottom:100%;color:#fff;font-weight:400;line-height:1.4423076923rem;padding:.3846153846rem .7692307692rem;transform:translate3d(-50%,-20%,0);white-space:nowrap;z-index:2}.tooltip,.tooltip span{left:50%;position:absolute}.tooltip span{border:10px solid transparent;border-top-color:#333;height:0;top:calc(100% - .12019rem);transform:translateX(-50%);width:0}.popup{position:relative}.popup__content{background:#fff;max-width:calc(100vw - 1.92308rem);opacity:0;position:absolute;visibility:hidden;z-index:50}.popup__content:after{border:12px solid transparent;border-top-color:#fff;content:" ";position:absolute;top:calc(100% - 1px)}.popup__wrap{overflow:hidden}.popup__scroll{overflow-y:auto;padding:1.9230769231rem;padding-right:calc(var(--scrollbar-width) + 1.92308rem);white-space:nowrap;width:calc(100% + var(--scrollbar-width))}.popup:active,.popup:focus{outline:none}.popup--size-small .popup__content{box-shadow:0 2px 3px 0 rgba(0,2,4,.1),0 6px 4px -4px rgba(0,2,4,.02)}.popup--size-small.popup--h-align-left .popup__content{left:-.9615384615rem}.popup--size-small.popup--h-align-left .popup__content:after{left:.8173076923rem}.popup--size-large .popup__content{box-shadow:0 2px 20px 7px rgba(0,2,4,.1),0 6px 4px -4px rgba(0,2,4,.02)}.popup--size-large .popup__scroll{padding:2.8846153846rem calc(var(--scrollbar-width) + 2.88462rem) 1.9230769231rem 2.8846153846rem}.popup--size-wide .popup__content{box-shadow:0 2px 3px 0 rgba(0,2,4,.1),0 6px 4px -4px rgba(0,2,4,.02)}.popup--size-wide .popup__content:after{border:12px solid transparent;border-top-color:#fff}.popup--size-wide .popup__scroll{padding:.4807692308rem .9615384615rem}.popup--size-wide.popup--align-left .popup__content{left:-.9615384615rem}.popup--size-wide.popup--align-left .popup__content:after{left:.8173076923rem}.popup--h-align-left .popup__content{left:-3.3653846154rem}.popup--h-align-left .popup__content:after{left:3.3653846154rem}.popup--h-align-center .popup__content,.popup--h-align-center .popup__content:after{left:50%;transform:translateX(-50%)}.popup--h-align-right .popup__content{right:-3.3653846154rem}.popup--h-align-right .popup__content:after{right:3.3653846154rem}.popup--v-align-top .popup__content{bottom:calc(100% + 1.92308rem)}.popup--v-align-bottom .popup__content{box-shadow:0 -2px 20px 7px rgba(0,2,4,.1),0 6px 4px -4px rgba(0,2,4,.02);top:calc(100% + .96154rem)}.popup--v-align-bottom .popup__content:after{border-bottom-color:#fff;border-top-color:transparent!important;bottom:calc(100% - 1px);top:auto}.popup--v-align-bottom.popup--color-dark .popup__content:after{border-bottom-color:#333}.popup--color-dark .popup__content{background:#333;color:#fff}.popup--color-dark .popup__content:after{border-top-color:#333}.popup--active .popup__content{opacity:1;visibility:visible}@media(max-width:1024px){.popup--size-large .popup__scroll,.popup__scroll{padding:1.4423076923rem;padding-right:calc(var(--scrollbar-width) + 1.44231rem)}.popup--h-align-left .popup__content{left:-.9615384615rem}.popup--h-align-left .popup__content:after{left:.9615384615rem}.popup--h-align-center .popup__content,.popup--h-align-center .popup__content:after{left:50%;transform:translateX(-50%)}.popup--h-align-right .popup__content{right:-.9615384615rem}.popup--h-align-right .popup__content:after{right:.9615384615rem}.popup--force-h-align-left .popup__content{left:-.9615384615rem;right:auto;transform:none}.popup--force-h-align-left .popup__content:after{left:.9615384615rem;right:auto;transform:none}.popup--force-h-align-right .popup__content{left:auto;right:-.9615384615rem;transform:none}.popup--force-h-align-right .popup__content:after{left:auto;right:.9615384615rem;transform:none}}.popup-button{display:inline-flex}.banner{background:rgba(51,51,51,.1);border:0;border-radius:3px;color:#333;font-size:1rem;line-height:1.9230769231rem;margin-bottom:1.9230769231rem;padding:.9615384615rem;vertical-align:middle}.banner--has-action{cursor:pointer;text-decoration:none}.banner--has-icon{display:flex}.banner--has-icon svg{display:block}.banner--type-default.button--has-action:hover{background:#333}.banner--type-default.button--has-action:active{background:#323232}.banner--type-error{background:rgba(255,111,118,.1);color:#ff6f76}.banner--type-error svg .stroke{stroke:#ff6f76;fill:none}.banner--type-error svg .fill{fill:#ff6f76}.banner--type-error.button--has-action:hover{background:rgba(255,111,118,.15)}.banner--type-error.button--has-action:active{background:rgba(255,111,118,.2)}.banner--type-success{background:#b2ffd6}.banner--type-success.button--has-action:hover{background:rgba(178,255,214,.15)}.banner--type-success.button--has-action:active{background:rgba(178,255,214,.2)}.template-minimal{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto;min-height:100%;padding:5.7692307692rem 1.9230769231rem;width:100%}.template-minimal--width-normal .template-minimal__wrap{max-width:500px;width:100%}.template-minimal--width-wide .template-minimal__wrap{max-width:1024px;width:100%}.icon--check{height:1.9230769231rem;width:1.9230769231rem}.icon--check .stroke{fill:none;stroke:#333;stroke-width:2px}.pill{background:#dadada;border:0;border-radius:3px;color:#333;cursor:default;display:inline-flex;font-size:1rem;line-height:1.9230769231rem;padding:0 .4807692308rem 0 .6490384615rem;vertical-align:middle}.pill:active,.pill:focus{outline:none}.pill--has-action{cursor:pointer;text-decoration:none}.pill--has-icon svg{display:block}.pill--align-icon-left{padding-left:.2403846154rem}.pill--align-icon-right{padding-right:.2403846154rem}.pill--style-white{background:#fff}.pill--style-white.pill--has-action:hover{background:#e2e2e2}.pill--style-white.pill--has-action:active{background:#e7e7e7}.pill--style-light.pill--has-action:hover{background:#e2e2e2}.pill--style-light.pill--has-action:active{background:#e7e7e7}.pill--style-light-gray{background:#f3f3f3;color:#333}.pill--style-warning{background:#fdffa4}.pill--style-success{background:#b2ffd6}.pill--style-dark{background:#333;color:#fff}.pill--style-dark svg .stroke{stroke:#fff;fill:none}.pill--style-dark svg .fill{fill:#fff}.pill--style-dark.pill--has-action:hover{background:#3b3b3b}.pill--style-dark.pill--has-action:active{background:#404040}
1
+ .btn{background:transparent;border:0;border-radius:4px;color:inherit;cursor:pointer;font-size:1rem;font-weight:400;line-height:1.9230769231rem;margin-bottom:1.9230769231rem;margin-top:1.9230769231rem;text-align:center;text-decoration:none}.btn .btn__icon{border:1px solid;border-radius:100%}.btn .btn__icon .stroke{stroke:currentColor;fill:none}.btn .btn__icon .fill{fill:currentColor}.btn--has-tooltip{position:relative}.btn .btn__tooltip{opacity:0;transform:translate(-50%,-10px);visibility:hidden}.btn .btn__content:hover .btn__tooltip{opacity:1;visibility:visible}.btn--icon-style-none .btn__icon,.btn--icon-style-without-border .btn__icon{border:none}.btn span{line-height:1.9230769231rem}.btn span,.btn svg{vertical-align:top}.btn--size-medium{padding:.9615384615rem 1.9230769231rem}.btn--size-small{padding:.4807692308rem .9615384615rem}.btn--style-primary{background-color:var(--theme-elevation-800);color:var(--theme-elevation-0)}.btn--style-primary.btn--disabled{background-color:var(--theme-elevation-400)}.btn--style-primary:not(.btn--disabled):hover{background:var(--theme-elevation-750)}.btn--style-primary:not(.btn--disabled):active{background:var(--theme-elevation-700)}.btn--style-primary:focus{box-shadow:0 0 0 2px var(--theme-success-500);outline:none}.btn--style-secondary{background:none;box-shadow:inset 0 0 0 1px var(--theme-elevation-800);color:var(--theme-elevation-800)}.btn--style-secondary:hover{background:var(--theme-elevation-100);box-shadow:inset 0 0 0 1px var(--theme-elevation-700)}.btn--style-secondary:active{background:var(--theme-elevation-200)}.btn--style-secondary.btn--disabled{background:none;box-shadow:inset 0 0 0 1px var(--theme-elevation-400);color:var(--theme-elevation-400)}.btn--style-secondary:focus{box-shadow:inset 0 0 0 1px var(--theme-elevation-700),0 0 0 2px var(--theme-success-500);outline:none}.btn--style-none{border-radius:0;margin:0;padding:0}.btn--style-none:focus{opacity:.8}.btn--style-none:active{opacity:.7}.btn--round{border-radius:100%}.btn--icon span{display:flex;justify-content:space-between}.btn--icon.btn--style-primary .icon .stroke{stroke:var(--theme-elevation-0);fill:none}.btn--icon.btn--style-primary .icon .fill{fill:var(--theme-elevation-0)}.btn--style-icon-label{font-weight:600;padding:0}.btn--style-light-gray{box-shadow:inset 0 0 0 1px var(--theme-elevation-800)}.btn--icon-position-left .btn__content{flex-direction:row-reverse}.btn--icon-position-left .btn__icon{margin-right:.9615384615rem}.btn--icon-position-right .btn__icon{margin-left:.9615384615rem}.btn--icon-only .btn__icon{margin:0;padding:0}.btn--disabled{cursor:default}.btn:hover .btn__icon{background:var(--theme-elevation-800)}.btn:hover .btn__icon .stroke{stroke:var(--theme-elevation-0);fill:none}.btn:hover .btn__icon .fill{fill:var(--theme-elevation-0)}.btn:focus{outline:none}.btn:focus .btn__icon{background:var(--theme-elevation-150)}.btn:focus .btn__icon .stroke{stroke:var(--theme-elevation-800);fill:none}.btn:focus .btn__icon .fill{fill:var(--theme-elevation-800)}.btn:active .btn__icon{background:var(--theme-elevation-700)}.btn:active .btn__icon .stroke{stroke:var(--theme-elevation-0);fill:none}.btn:active .btn__icon .fill{fill:var(--theme-elevation-0)}.icon--plus{height:1.9230769231rem;width:1.9230769231rem}.icon--plus .stroke,.icon--x line{stroke:var(--theme-elevation-800);stroke-width:1px}.icon--chevron{height:1.9230769231rem;width:1.9230769231rem}.icon--chevron .stroke{fill:none;stroke:var(--theme-elevation-800);stroke-width:2px}.icon--edit{shape-rendering:auto;height:1.9230769231rem;width:1.9230769231rem}.icon--edit .fill{fill:var(--theme-elevation-800);stroke:none}.icon--swap{height:1.9230769231rem;width:1.9230769231rem}.icon--swap .stroke{fill:none;stroke:var(--theme-elevation-800);stroke-width:2px}.tooltip{background-color:var(--theme-elevation-800);border-radius:2px;bottom:100%;color:var(--theme-elevation-0);font-weight:400;line-height:1.4423076923rem;padding:.3846153846rem .7692307692rem;transform:translate3d(-50%,-20%,0);white-space:nowrap;z-index:2}.tooltip,.tooltip span{left:50%;position:absolute}.tooltip span{border:10px solid transparent;border-top:10px solid var(--theme-elevation-800);height:0;top:calc(100% - .12019rem);transform:translateX(-50%);width:0}.popup{position:relative}.popup__content{background:var(--theme-input-bg);display:none;max-width:calc(100vw - 1.92308rem);position:absolute;z-index:50}.popup__content:after{border:12px solid transparent;border-top:12px solid var(--theme-input-bg);content:" ";position:absolute;top:calc(100% - 1px)}.popup__wrap{overflow:hidden}.popup__scroll{overflow-y:auto;padding:1.9230769231rem;padding-right:calc(var(--scrollbar-width) + 1.92308rem);white-space:nowrap;width:calc(100% + var(--scrollbar-width))}.popup:active,.popup:focus{outline:none}.popup--size-small .popup__scroll{padding:1.4423076923rem calc(var(--scrollbar-width) + 1.44231rem) 1.4423076923rem 1.4423076923rem}.popup--size-small .popup__content{box-shadow:0 0 30px 0 rgba(0,2,4,.12),0 30px 25px -8px rgba(0,2,4,.1)}.popup--size-small.popup--h-align-left .popup__content{left:-.9615384615rem}.popup--size-small.popup--h-align-left .popup__content:after{left:.8173076923rem}.popup--size-large .popup__content{box-shadow:0 20px 35px -10px rgba(0,2,4,.2),0 6px 4px -4px rgba(0,2,4,.02)}.popup--size-large .popup__scroll{padding:2.8846153846rem calc(var(--scrollbar-width) + 2.88462rem) 1.9230769231rem 2.8846153846rem}.popup--size-wide .popup__content{box-shadow:0 0 30px 0 rgba(0,2,4,.12),0 30px 25px -8px rgba(0,2,4,.1)}.popup--size-wide .popup__content:after{border:12px solid transparent;border-top:12px solid var(--theme-input-bg)}.popup--size-wide .popup__scroll{padding:.4807692308rem .9615384615rem}.popup--size-wide.popup--align-left .popup__content{left:-.9615384615rem}.popup--size-wide.popup--align-left .popup__content:after{left:.8173076923rem}.popup--h-align-left .popup__content{left:-3.3653846154rem}.popup--h-align-left .popup__content:after{left:3.3653846154rem}.popup--h-align-center .popup__content,.popup--h-align-center .popup__content:after{left:50%;transform:translateX(-50%)}.popup--h-align-right .popup__content{right:-3.3653846154rem}.popup--h-align-right .popup__content:after{right:3.3653846154rem}.popup--v-align-top .popup__content{bottom:calc(100% + 1.92308rem)}.popup--v-align-bottom .popup__content{box-shadow:0 -2px 20px 7px rgba(0,2,4,.1),0 6px 4px -4px rgba(0,2,4,.02);top:calc(100% + .96154rem)}.popup--v-align-bottom .popup__content:after{border-bottom-color:var(--theme-input-bg);border-top-color:transparent!important;bottom:calc(100% - 1px);top:auto}.popup--v-align-bottom.popup--color-dark .popup__content:after{border-bottom-color:var(--theme-elevation-800)}.popup--color-dark .popup__content{background:var(--theme-elevation-800);color:var(--theme-input-bg)}.popup--color-dark .popup__content:after{border-top-color:var(--theme-elevation-800)}.popup--active .popup__content{display:block}@media(max-width:1024px){.popup--size-large .popup__scroll,.popup__scroll{padding:1.4423076923rem;padding-right:calc(var(--scrollbar-width) + 1.44231rem)}.popup--h-align-left .popup__content{left:-.9615384615rem}.popup--h-align-left .popup__content:after{left:.9615384615rem}.popup--h-align-center .popup__content,.popup--h-align-center .popup__content:after{left:50%;transform:translateX(0)}.popup--h-align-right .popup__content{right:-.9615384615rem}.popup--h-align-right .popup__content:after{right:.9615384615rem}.popup--force-h-align-left .popup__content{left:-.9615384615rem;right:auto;transform:none}.popup--force-h-align-left .popup__content:after{left:.9615384615rem;right:auto;transform:none}.popup--force-h-align-right .popup__content{left:auto;right:-.9615384615rem;transform:none}.popup--force-h-align-right .popup__content:after{left:auto;right:.9615384615rem;transform:none}}.popup-button{display:inline-flex}.banner{background:var(--theme-elevation-900);border:0;border-radius:3px;color:var(--theme-elevation-800);font-size:1rem;line-height:1.9230769231rem;margin-bottom:1.9230769231rem;padding:.9615384615rem;vertical-align:middle}.banner--has-action{cursor:pointer;text-decoration:none}.banner--has-icon{display:flex}.banner--has-icon svg{display:block}.banner--type-default.button--has-action:hover{background:var(--theme-elevation-900)}.banner--type-default.button--has-action:active{background:var(--theme-elevation-950)}.banner--type-error{background:var(--theme-error-100);color:var(--theme-error-500)}.banner--type-error svg .stroke{stroke:var(--theme-error-500);fill:none}.banner--type-error svg .fill{fill:var(--theme-error-500)}.banner--type-error.button--has-action:hover{background:var(--theme-error-200)}.banner--type-error.button--has-action:active{background:var(--theme-error-300)}.banner--type-success{background:var(--theme-success-500)}.banner--type-success.button--has-action:active,.banner--type-success.button--has-action:hover{background:var(--theme-success-200)}.template-minimal{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto;min-height:100%;padding:5.7692307692rem 1.9230769231rem;width:100%}.template-minimal--width-normal .template-minimal__wrap{max-width:500px;width:100%}.template-minimal--width-wide .template-minimal__wrap{max-width:1024px;width:100%}.icon--check{height:1.9230769231rem;width:1.9230769231rem}.icon--check .stroke{fill:none;stroke:var(--theme-elevation-800);stroke-width:2px}.icon--search{height:1.9230769231rem;width:1.9230769231rem}.icon--search .stroke{stroke:var(--theme-elevation-800);stroke-width:1px}.icon--menu .fill{fill:var(--theme-text)}.pill{background:var(--theme-elevation-150);border:0;border-radius:3px;color:var(--theme-elevation-800);cursor:default;display:inline-flex;font-size:1rem;line-height:1.9230769231rem;overflow:hidden;padding:0 .4807692308rem 0 .6490384615rem;text-overflow:ellipsis;vertical-align:middle;white-space:nowrap}.pill:active,.pill:focus{outline:none}.pill--has-action{cursor:pointer;text-decoration:none}.pill--has-icon svg{display:block}.pill--align-icon-left{padding-left:.2403846154rem}.pill--align-icon-right{padding-right:.2403846154rem}.pill--style-white{background:var(--theme-elevation-0)}.pill--style-light-gray,.pill--style-light.pill--has-action:active,.pill--style-light.pill--has-action:hover,.pill--style-white.pill--has-action:active,.pill--style-white.pill--has-action:hover{background:var(--theme-elevation-100)}.pill--style-light-gray{color:var(--theme-elevation-800)}.pill--style-warning{background:var(--theme-warning-500)}.pill--style-success{background:var(--theme-success-500)}.pill--style-dark{background:var(--theme-elevation-800);color:var(--theme-elevation-0)}.pill--style-dark svg .stroke{stroke:var(--theme-elevation-0);fill:none}.pill--style-dark svg .fill{fill:var(--theme-elevation-0)}.pill--style-dark.pill--has-action:hover{background:var(--theme-elevation-750)}.pill--style-dark.pill--has-action:active{background:var(--theme-elevation-700)}
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
2
  import { Props } from './types';
3
3
  import './index.scss';
4
- declare const ActionPanel: React.FC<Props>;
5
- export default ActionPanel;
4
+ export declare const ArrayAction: React.FC<Props>;
@@ -0,0 +1,44 @@
1
+ import React from 'react';
2
+ import Popup from '../Popup';
3
+ import More from '../../icons/More';
4
+ import Chevron from '../../icons/Chevron';
5
+ import Plus from '../../icons/Plus';
6
+ import X from '../../icons/X';
7
+ import Copy from '../../icons/Copy';
8
+ import './index.scss';
9
+ const baseClass = 'array-actions';
10
+ export const ArrayAction = ({ moveRow, index, rowCount, addRow, duplicateRow, removeRow, }) => {
11
+ return (React.createElement(Popup, { horizontalAlign: "center", className: baseClass, buttonClassName: `${baseClass}__button`, button: React.createElement(More, null), render: ({ close }) => {
12
+ return (React.createElement(React.Fragment, null,
13
+ index !== 0 && (React.createElement("button", { className: `${baseClass}__action ${baseClass}__move-up`, type: "button", onClick: () => {
14
+ moveRow(index, index - 1);
15
+ close();
16
+ } },
17
+ React.createElement(Chevron, null),
18
+ "Move Up")),
19
+ index < rowCount - 1 && (React.createElement("button", { className: `${baseClass}__action ${baseClass}__move-down`, type: "button", onClick: () => {
20
+ moveRow(index, index + 1);
21
+ close();
22
+ } },
23
+ React.createElement(Chevron, null),
24
+ "Move Down")),
25
+ React.createElement("button", { className: `${baseClass}__action ${baseClass}__add`, type: "button", onClick: () => {
26
+ addRow(index);
27
+ close();
28
+ } },
29
+ React.createElement(Plus, null),
30
+ "Add Below"),
31
+ React.createElement("button", { className: `${baseClass}__action ${baseClass}__duplicate`, type: "button", onClick: () => {
32
+ duplicateRow(index);
33
+ close();
34
+ } },
35
+ React.createElement(Copy, null),
36
+ "Duplicate"),
37
+ React.createElement("button", { className: `${baseClass}__action ${baseClass}__remove`, type: "button", onClick: () => {
38
+ removeRow(index);
39
+ close();
40
+ } },
41
+ React.createElement(X, null),
42
+ "Remove")));
43
+ } }));
44
+ };
@@ -0,0 +1,54 @@
1
+ @import '../../../scss/styles.scss';
2
+
3
+ .array-actions {
4
+ &__button {
5
+ @extend %btn-reset;
6
+ cursor: pointer;
7
+ border-radius: 100px;
8
+
9
+ &:hover {
10
+ background: var(--theme-elevation-0);
11
+ }
12
+ }
13
+
14
+ &.popup--active .array-actions__button {
15
+ background: var(--theme-elevation-0);
16
+ }
17
+
18
+ &__button,
19
+ &__action {
20
+ @extend %btn-reset;
21
+ cursor: pointer;
22
+ }
23
+
24
+ &__actions {
25
+ list-style: none;
26
+ margin: 0;
27
+ padding: 0;
28
+ }
29
+
30
+ &__action {
31
+ @extend %btn-reset;
32
+ display: block;
33
+
34
+ svg {
35
+ position: relative;
36
+ top: -1px;
37
+ margin-right: base(.25);
38
+
39
+ .stroke {
40
+ stroke-width: 1px;
41
+ }
42
+ }
43
+
44
+ &:hover {
45
+ opacity: .7;
46
+ }
47
+ }
48
+
49
+ &__move-up {
50
+ svg {
51
+ transform: rotate(180deg);
52
+ }
53
+ }
54
+ }
@@ -0,0 +1,8 @@
1
+ export declare type Props = {
2
+ addRow: (current: number, blockType?: string) => void;
3
+ duplicateRow: (current: number) => void;
4
+ removeRow: (index: number) => void;
5
+ moveRow: (from: number, to: number) => void;
6
+ index: number;
7
+ rowCount: number;
8
+ };
@@ -5,8 +5,8 @@
5
5
  line-height: base(1);
6
6
  border: 0;
7
7
  vertical-align: middle;
8
- background: rgba($color-dark-gray, .1);
9
- color: $color-dark-gray;
8
+ background: var(--theme-elevation-900);
9
+ color: var(--theme-elevation-800);
10
10
  border-radius: $style-radius-s;
11
11
  padding: base(.5);
12
12
  margin-bottom: $baseline;
@@ -18,6 +18,7 @@
18
18
 
19
19
  &--has-icon {
20
20
  display: flex;
21
+
21
22
  svg {
22
23
  display: block;
23
24
  }
@@ -26,44 +27,44 @@
26
27
  &--type-default {
27
28
  &.button--has-action {
28
29
  &:hover {
29
- background: darken($color-dark-gray, .15);
30
+ background: var(--theme-elevation-900);
30
31
  }
31
32
 
32
33
  &:active {
33
- background: darken($color-dark-gray, .2);
34
+ background: var(--theme-elevation-950);
34
35
  }
35
36
  }
36
37
  }
37
38
 
38
39
  &--type-error {
39
- background: rgba($color-red, .1);
40
- color: $color-red;
40
+ background: var(--theme-error-100);
41
+ color: var(--theme-error-500);
41
42
 
42
43
  svg {
43
- @include color-svg($color-red);
44
+ @include color-svg(var(--theme-error-500));
44
45
  }
45
46
 
46
47
  &.button--has-action {
47
48
  &:hover {
48
- background: rgba($color-red, .15);
49
+ background: var(--theme-error-200);
49
50
  }
50
51
 
51
52
  &:active {
52
- background: rgba($color-red, .2);
53
+ background: var(--theme-error-300);
53
54
  }
54
55
  }
55
56
  }
56
57
 
57
58
  &--type-success {
58
- background: $color-green;
59
+ background: var(--theme-success-500);
59
60
 
60
61
  &.button--has-action {
61
62
  &:hover {
62
- background: rgba($color-green, .15);
63
+ background: var(--theme-success-200);
63
64
  }
64
65
 
65
66
  &:active {
66
- background: rgba($color-green, .2);
67
+ background: var(--theme-success-200);
67
68
  }
68
69
  }
69
70
  }
@@ -25,7 +25,7 @@ const ButtonContents = ({ children, icon, tooltip }) => {
25
25
  BuiltInIcon && React.createElement(BuiltInIcon, null)))));
26
26
  };
27
27
  const Button = (props) => {
28
- const { className, type = 'button', el, to, url, children, onClick, disabled, icon, iconStyle = 'without-border', buttonStyle = 'primary', round, size = 'medium', iconPosition = 'right', newTab, tooltip, } = props;
28
+ const { className, id, type = 'button', el, to, url, children, onClick, disabled, icon, iconStyle = 'without-border', buttonStyle = 'primary', round, size = 'medium', iconPosition = 'right', newTab, tooltip, } = props;
29
29
  const classes = [
30
30
  baseClass,
31
31
  className && className,
@@ -46,6 +46,7 @@ const Button = (props) => {
46
46
  onClick(event);
47
47
  }
48
48
  const buttonProps = {
49
+ id,
49
50
  type,
50
51
  className: classes,
51
52
  disabled,