@mycause/ui 1.2.6 → 1.2.7

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 (217) hide show
  1. package/README.md +12 -2
  2. package/dist/donation/anchor.d.ts +2 -0
  3. package/dist/donation/button.d.ts +2 -0
  4. package/dist/donation/checkbox.d.ts +1 -0
  5. package/dist/donation/combo-field.d.ts +1 -0
  6. package/dist/donation/elevation.d.ts +1 -0
  7. package/dist/donation/field-label.d.ts +1 -0
  8. package/dist/donation/flex.d.ts +2 -0
  9. package/dist/donation/grid.d.ts +1 -0
  10. package/dist/donation/icon.d.ts +2 -0
  11. package/dist/donation/modal.d.ts +1 -0
  12. package/dist/donation/navigation.d.ts +1 -0
  13. package/dist/donation/phone-number-input.d.ts +1 -0
  14. package/dist/donation/radio.d.ts +1 -0
  15. package/dist/donation/select.d.ts +1 -0
  16. package/dist/donation/single-date-picker.d.ts +1 -0
  17. package/dist/donation/stack.d.ts +1 -0
  18. package/dist/donation/text-field.d.ts +2 -0
  19. package/dist/donation/text.d.ts +1 -0
  20. package/dist/donation.esm.js +1981 -22990
  21. package/dist/donation.js +2602 -23593
  22. package/dist/index.css +1 -1
  23. package/dist/index.css.map +1 -1
  24. package/dist/index.esm.css +1 -1
  25. package/dist/index.esm.css.map +1 -1
  26. package/dist/index.esm.js +3140 -24065
  27. package/dist/index.js +4979 -25849
  28. package/donation/anchor/package.json +5 -0
  29. package/donation/button/package.json +5 -0
  30. package/donation/checkbox/package.json +5 -0
  31. package/donation/cjs/_virtual/_rollupPluginBabelHelpers.js +84 -0
  32. package/donation/cjs/components/anchor/anchor.js +50 -0
  33. package/donation/cjs/components/anchor/bold-anchor.js +61 -0
  34. package/donation/cjs/components/avatar/avatar.js +24 -0
  35. package/donation/cjs/components/avatar/image-avatar.js +51 -0
  36. package/donation/cjs/components/avatar/text-avatar.js +70 -0
  37. package/donation/cjs/components/button/button.js +143 -0
  38. package/donation/cjs/components/checkbox/checkbox.js +75 -0
  39. package/donation/cjs/components/combo-field/combo-field-expander.js +46 -0
  40. package/donation/cjs/components/combo-field/combo-field.js +103 -0
  41. package/donation/cjs/components/date-picker/single-date-picker.js +83 -0
  42. package/donation/cjs/components/elevation/elevation.js +61 -0
  43. package/donation/cjs/components/field-helpers/field-helper-text.js +45 -0
  44. package/donation/cjs/components/field-helpers/field-label.js +51 -0
  45. package/donation/cjs/components/icon/heart-toggle.js +51 -0
  46. package/donation/cjs/components/icon/icon-button-group.js +49 -0
  47. package/donation/cjs/components/icon/icon-button.js +64 -0
  48. package/donation/cjs/components/icon/icon.js +67 -0
  49. package/donation/cjs/components/icon/material-icon.js +44 -0
  50. package/donation/cjs/components/layout/box.js +115 -0
  51. package/donation/cjs/components/layout/flex.js +81 -0
  52. package/donation/cjs/components/layout/grid.js +46 -0
  53. package/donation/cjs/components/layout/stack.js +48 -0
  54. package/donation/cjs/components/list/list.js +161 -0
  55. package/donation/cjs/components/menu/menu-list-item-graphic.js +12 -0
  56. package/donation/cjs/components/menu/menu-list-item-meta.js +12 -0
  57. package/donation/cjs/components/menu/menu-list-item-text.js +12 -0
  58. package/donation/cjs/components/menu/menu-list-item.js +29 -0
  59. package/donation/cjs/components/menu/menu-list.js +38 -0
  60. package/donation/cjs/components/menu/menu-surface.js +20 -0
  61. package/donation/cjs/components/modal/modal.js +153 -0
  62. package/donation/cjs/components/navigation/navigation-actions.js +23 -0
  63. package/donation/cjs/components/navigation/navigation-bar.js +34 -0
  64. package/donation/cjs/components/navigation/navigation-call-to-action.js +20 -0
  65. package/donation/cjs/components/navigation/navigation-expanded.js +67 -0
  66. package/donation/cjs/components/navigation/navigation-list.js +78 -0
  67. package/donation/cjs/components/navigation/navigation-menu-control.js +50 -0
  68. package/donation/cjs/components/navigation/navigation-menu.js +102 -0
  69. package/donation/cjs/components/navigation/navigation-search-control.js +32 -0
  70. package/donation/cjs/components/navigation/navigation-search.js +92 -0
  71. package/donation/cjs/components/navigation/navigation-sign-in-control.js +59 -0
  72. package/donation/cjs/components/navigation/navigation-user-menu-items.js +85 -0
  73. package/donation/cjs/components/navigation/navigation-user-menu.js +96 -0
  74. package/donation/cjs/components/navigation/navigation.js +191 -0
  75. package/donation/cjs/components/phone-number-input/phone-number-input-v1.js +183 -0
  76. package/donation/cjs/components/radio/radio.js +84 -0
  77. package/donation/cjs/components/select/select-helper-text.js +21 -0
  78. package/donation/cjs/components/select/select.js +177 -0
  79. package/donation/cjs/components/statistics/statistics.js +81 -0
  80. package/donation/cjs/components/tabs/tab-bar.js +45 -0
  81. package/donation/cjs/components/tabs/tab-text-label.js +25 -0
  82. package/donation/cjs/components/tabs/tab.js +74 -0
  83. package/donation/cjs/components/tabs/tabs.js +104 -0
  84. package/donation/cjs/components/text/text.js +155 -0
  85. package/donation/cjs/components/text-field/text-field-helper-text.js +33 -0
  86. package/donation/cjs/components/text-field/text-field.js +167 -0
  87. package/donation/cjs/donation/anchor.js +9 -0
  88. package/donation/cjs/donation/button.js +9 -0
  89. package/donation/cjs/donation/checkbox.js +9 -0
  90. package/donation/cjs/donation/combo-field.js +9 -0
  91. package/donation/cjs/donation/elevation.js +9 -0
  92. package/donation/cjs/donation/field-label.js +9 -0
  93. package/donation/cjs/donation/flex.js +9 -0
  94. package/donation/cjs/donation/grid.js +9 -0
  95. package/donation/cjs/donation/icon.js +9 -0
  96. package/donation/cjs/donation/modal.js +9 -0
  97. package/donation/cjs/donation/navigation.js +9 -0
  98. package/donation/cjs/donation/phone-number-input.js +9 -0
  99. package/donation/cjs/donation/radio.js +9 -0
  100. package/donation/cjs/donation/select.js +9 -0
  101. package/donation/cjs/donation/single-date-picker.js +9 -0
  102. package/donation/cjs/donation/stack.js +9 -0
  103. package/donation/cjs/donation/text-field.js +9 -0
  104. package/donation/cjs/donation/text.js +9 -0
  105. package/donation/cjs/theme/colors.js +15 -0
  106. package/donation/cjs/theme/mycause-theme.js +44 -0
  107. package/donation/cjs/theme/theme.js +69 -0
  108. package/donation/cjs/utils/browser.js +15 -0
  109. package/donation/cjs/utils/flags.js +24 -0
  110. package/donation/cjs/utils/get-element-display-name.js +12 -0
  111. package/donation/cjs/utils/set-ref.js +30 -0
  112. package/donation/cjs/utils/tap-event.js +17 -0
  113. package/donation/cjs/utils/tap-ref.js +17 -0
  114. package/donation/cjs/utils/wrap.js +19 -0
  115. package/donation/combo-field/package.json +5 -0
  116. package/donation/elevation/package.json +5 -0
  117. package/donation/esm/_virtual/_rollupPluginBabelHelpers.js +74 -0
  118. package/donation/esm/components/anchor/anchor.js +40 -0
  119. package/donation/esm/components/anchor/bold-anchor.js +51 -0
  120. package/donation/esm/components/avatar/avatar.js +16 -0
  121. package/donation/esm/components/avatar/image-avatar.js +40 -0
  122. package/donation/esm/components/avatar/text-avatar.js +59 -0
  123. package/donation/esm/components/button/button.js +130 -0
  124. package/donation/esm/components/checkbox/checkbox.js +63 -0
  125. package/donation/esm/components/combo-field/combo-field-expander.js +35 -0
  126. package/donation/esm/components/combo-field/combo-field.js +92 -0
  127. package/donation/esm/components/date-picker/single-date-picker.js +73 -0
  128. package/donation/esm/components/elevation/elevation.js +50 -0
  129. package/donation/esm/components/field-helpers/field-helper-text.js +34 -0
  130. package/donation/esm/components/field-helpers/field-label.js +40 -0
  131. package/donation/esm/components/icon/heart-toggle.js +41 -0
  132. package/donation/esm/components/icon/icon-button-group.js +38 -0
  133. package/donation/esm/components/icon/icon-button.js +52 -0
  134. package/donation/esm/components/icon/icon.js +56 -0
  135. package/donation/esm/components/icon/material-icon.js +33 -0
  136. package/donation/esm/components/layout/box.js +104 -0
  137. package/donation/esm/components/layout/flex.js +70 -0
  138. package/donation/esm/components/layout/grid.js +35 -0
  139. package/donation/esm/components/layout/stack.js +37 -0
  140. package/donation/esm/components/list/list.js +148 -0
  141. package/donation/esm/components/menu/menu-list-item-graphic.js +2 -0
  142. package/donation/esm/components/menu/menu-list-item-meta.js +2 -0
  143. package/donation/esm/components/menu/menu-list-item-text.js +2 -0
  144. package/donation/esm/components/menu/menu-list-item.js +20 -0
  145. package/donation/esm/components/menu/menu-list.js +28 -0
  146. package/donation/esm/components/menu/menu-surface.js +2 -0
  147. package/donation/esm/components/modal/modal.js +141 -0
  148. package/donation/esm/components/navigation/navigation-actions.js +15 -0
  149. package/donation/esm/components/navigation/navigation-bar.js +24 -0
  150. package/donation/esm/components/navigation/navigation-call-to-action.js +12 -0
  151. package/donation/esm/components/navigation/navigation-expanded.js +56 -0
  152. package/donation/esm/components/navigation/navigation-list.js +68 -0
  153. package/donation/esm/components/navigation/navigation-menu-control.js +39 -0
  154. package/donation/esm/components/navigation/navigation-menu.js +91 -0
  155. package/donation/esm/components/navigation/navigation-search-control.js +23 -0
  156. package/donation/esm/components/navigation/navigation-search.js +81 -0
  157. package/donation/esm/components/navigation/navigation-sign-in-control.js +49 -0
  158. package/donation/esm/components/navigation/navigation-user-menu-items.js +76 -0
  159. package/donation/esm/components/navigation/navigation-user-menu.js +84 -0
  160. package/donation/esm/components/navigation/navigation.js +180 -0
  161. package/donation/esm/components/phone-number-input/phone-number-input-v1.js +169 -0
  162. package/donation/esm/components/radio/radio.js +71 -0
  163. package/donation/esm/components/select/select-helper-text.js +12 -0
  164. package/donation/esm/components/select/select.js +166 -0
  165. package/donation/esm/components/statistics/statistics.js +70 -0
  166. package/donation/esm/components/tabs/tab-bar.js +34 -0
  167. package/donation/esm/components/tabs/tab-text-label.js +16 -0
  168. package/donation/esm/components/tabs/tab.js +63 -0
  169. package/donation/esm/components/tabs/tabs.js +93 -0
  170. package/donation/esm/components/text/text.js +145 -0
  171. package/donation/esm/components/text-field/text-field-helper-text.js +24 -0
  172. package/donation/esm/components/text-field/text-field.js +155 -0
  173. package/donation/esm/donation/anchor.js +1 -0
  174. package/donation/esm/donation/button.js +1 -0
  175. package/donation/esm/donation/checkbox.js +1 -0
  176. package/donation/esm/donation/combo-field.js +1 -0
  177. package/donation/esm/donation/elevation.js +1 -0
  178. package/donation/esm/donation/field-label.js +1 -0
  179. package/donation/esm/donation/flex.js +1 -0
  180. package/donation/esm/donation/grid.js +1 -0
  181. package/donation/esm/donation/icon.js +1 -0
  182. package/donation/esm/donation/modal.js +1 -0
  183. package/donation/esm/donation/navigation.js +1 -0
  184. package/donation/esm/donation/phone-number-input.js +1 -0
  185. package/donation/esm/donation/radio.js +1 -0
  186. package/donation/esm/donation/select.js +1 -0
  187. package/donation/esm/donation/single-date-picker.js +1 -0
  188. package/donation/esm/donation/stack.js +1 -0
  189. package/donation/esm/donation/text-field.js +1 -0
  190. package/donation/esm/donation/text.js +1 -0
  191. package/donation/esm/theme/colors.js +7 -0
  192. package/donation/esm/theme/mycause-theme.js +40 -0
  193. package/donation/esm/theme/theme.js +59 -0
  194. package/donation/esm/utils/browser.js +11 -0
  195. package/donation/esm/utils/flags.js +20 -0
  196. package/donation/esm/utils/get-element-display-name.js +8 -0
  197. package/donation/esm/utils/set-ref.js +26 -0
  198. package/donation/esm/utils/tap-event.js +13 -0
  199. package/donation/esm/utils/tap-ref.js +13 -0
  200. package/donation/esm/utils/wrap.js +11 -0
  201. package/donation/field-label/package.json +5 -0
  202. package/donation/flex/package.json +5 -0
  203. package/donation/grid/package.json +5 -0
  204. package/donation/icon/package.json +5 -0
  205. package/donation/modal/package.json +5 -0
  206. package/donation/navigation/package.json +5 -0
  207. package/donation/phone-number-input/package.json +5 -0
  208. package/donation/radio/package.json +5 -0
  209. package/donation/select/package.json +5 -0
  210. package/donation/single-date-picker/package.json +5 -0
  211. package/donation/stack/package.json +5 -0
  212. package/donation/text/package.json +5 -0
  213. package/donation/text-field/package.json +5 -0
  214. package/donation.css +2 -0
  215. package/package.json +133 -14
  216. /package/{dist → styles}/_index.css.js +0 -0
  217. /package/{dist → styles}/_reset.css.js +0 -0
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var Menu = require('@material/react-menu');
6
+
7
+
8
+
9
+ Object.defineProperty(exports, 'default', {
10
+ enumerable: true,
11
+ get: function () { return Menu.MenuListItemGraphic; }
12
+ });
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var MDCList = require('@material/react-list');
6
+
7
+
8
+
9
+ Object.defineProperty(exports, 'default', {
10
+ enumerable: true,
11
+ get: function () { return MDCList.ListItemMeta; }
12
+ });
@@ -0,0 +1,12 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var Menu = require('@material/react-menu');
6
+
7
+
8
+
9
+ Object.defineProperty(exports, 'default', {
10
+ enumerable: true,
11
+ get: function () { return Menu.MenuListItemText; }
12
+ });
@@ -0,0 +1,29 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var _pt = require('prop-types');
7
+ var React = require('react');
8
+ var Menu = require('@material/react-menu');
9
+
10
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
11
+
12
+ var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
13
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
+
15
+ function MenuListItem(props) {
16
+ let tag = undefined;
17
+ // If a href is provided, use an a tag instead
18
+ if (typeof props.href !== "undefined") {
19
+ tag = "a";
20
+ }
21
+ return /*#__PURE__*/React__default["default"].createElement(Menu.MenuListItem, _rollupPluginBabelHelpers["extends"]({
22
+ tag: tag
23
+ }, props));
24
+ }
25
+ MenuListItem.propTypes = {
26
+ href: _pt__default["default"].string
27
+ };
28
+
29
+ exports["default"] = MenuListItem;
@@ -0,0 +1,38 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var _JSXStyle = require('styled-jsx/style');
7
+ var React = require('react');
8
+ var classnames = require('classnames');
9
+ var Menu = require('@material/react-menu');
10
+ var theme = require('../../theme/theme.js');
11
+
12
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
13
+
14
+ var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
15
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
17
+
18
+ const _excluded = ["className", "children"];
19
+ function MenuList(_ref) {
20
+ let {
21
+ className,
22
+ children
23
+ } = _ref,
24
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
25
+ const theme$1 = theme.useTheme();
26
+ const scope = {
27
+ styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
28
+ id: "3973043948",
29
+ dynamic: [theme$1.typography.fontFamily.default]
30
+ }, ".mdc-list.__jsx-style-dynamic-selector{font-family:".concat(theme$1.typography.fontFamily.default, ";}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1lbnUtbGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTJCLEFBR2dELHlDQUMzQyIsImZpbGUiOiJtZW51LWxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7XG4gIE1lbnVMaXN0IGFzIE1EQ01lbnVMaXN0LFxuICBNZW51TGlzdFByb3BzIGFzIE1EQ01lbnVMaXN0UHJvcHMsXG59IGZyb20gXCJAbWF0ZXJpYWwvcmVhY3QtbWVudVwiO1xuaW1wb3J0IGNzcyBmcm9tIFwic3R5bGVkLWpzeC9jc3NcIjtcbmltcG9ydCB7IHVzZVRoZW1lIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1lXCI7XG5cbmZ1bmN0aW9uIE1lbnVMaXN0KHsgY2xhc3NOYW1lLCBjaGlsZHJlbiwgLi4ucmVzdCB9OiBNRENNZW51TGlzdFByb3BzKSB7XG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIC5tZGMtbGlzdCB7XG4gICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuZGVmYXVsdH07XG4gICAgfVxuICBgO1xuXG4gIHJldHVybiAoXG4gICAgPE1EQ01lbnVMaXN0IGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhzY29wZS5jbGFzc05hbWUsIGNsYXNzTmFtZSl9IHsuLi5yZXN0fT5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICAgIHtzY29wZS5zdHlsZXN9XG4gICAgPC9NRENNZW51TGlzdD5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTWVudUxpc3Q7XG4iXX0= */\n/*@ sourceURL=menu-list.tsx */")),
31
+ className: _JSXStyle__default["default"].dynamic([["3973043948", [theme$1.typography.fontFamily.default]]])
32
+ };
33
+ return /*#__PURE__*/React__default["default"].createElement(Menu.MenuList, _rollupPluginBabelHelpers["extends"]({
34
+ className: classnames__default["default"](scope.className, className)
35
+ }, rest), children, scope.styles);
36
+ }
37
+
38
+ exports["default"] = MenuList;
@@ -0,0 +1,20 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var MenuSurface = require('@material/react-menu-surface');
6
+
7
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
+
9
+ var MenuSurface__default = /*#__PURE__*/_interopDefaultLegacy(MenuSurface);
10
+
11
+
12
+
13
+ Object.defineProperty(exports, 'MenuCorner', {
14
+ enumerable: true,
15
+ get: function () { return MenuSurface.Corner; }
16
+ });
17
+ Object.defineProperty(exports, 'default', {
18
+ enumerable: true,
19
+ get: function () { return MenuSurface__default["default"]; }
20
+ });
@@ -0,0 +1,153 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _pt = require('prop-types');
6
+ var _JSXStyle = require('styled-jsx/style');
7
+ var React = require('react');
8
+ var Dialog = require('@material/react-dialog');
9
+ var classnames = require('classnames');
10
+ var theme = require('../../theme/theme.js');
11
+ var stack = require('../layout/stack.js');
12
+ var iconButton = require('../icon/icon-button.js');
13
+ var icon = require('../icon/icon.js');
14
+ var button = require('../button/button.js');
15
+
16
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
17
+
18
+ var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
19
+ var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
20
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
21
+ var Dialog__default = /*#__PURE__*/_interopDefaultLegacy(Dialog);
22
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
23
+
24
+ const Modal = _ref => {
25
+ let {
26
+ id,
27
+ isOpen,
28
+ toggleModal,
29
+ modalContent,
30
+ modalTitle,
31
+ onAccept,
32
+ setWidth,
33
+ buttonAlign = "right",
34
+ buttonColor = "primary",
35
+ noCancelButton,
36
+ noCloseButton,
37
+ acceptText = "Accept",
38
+ cancelText = "Cancel",
39
+ disableAcceptButton = false,
40
+ minimal,
41
+ isConfirmationMessage,
42
+ onCancel
43
+ } = _ref;
44
+ const theme$1 = theme.useTheme();
45
+ const inputRef = React.useRef(null);
46
+ const setColorButton = theme.getColorToken(theme$1, "foreground", buttonColor);
47
+ const scope = {
48
+ styles: /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
49
+ id: "602601828",
50
+ dynamic: [id, setWidth && "100% !important", id, setWidth && "100% !important", setWidth, buttonAlign]
51
+ }, ".".concat(id, " > .mdc-dialog__container{width:").concat(setWidth && "100% !important", ";}.").concat(id, " > .mdc-dialog__container > .mdc-dialog__surface{width:").concat(setWidth && "100% !important", ";max-width:").concat(setWidth, " !important;}.modal-footer.__jsx-style-dynamic-selector{-webkit-box-pack:").concat(buttonAlign, " !important;-webkit-justify-content:").concat(buttonAlign, " !important;-ms-flex-pack:").concat(buttonAlign, " !important;justify-content:").concat(buttonAlign, " !important;margin-bottom:10px;}.modal-footer.__jsx-style-dynamic-selector .cancel-remove-button,.accept-remove-button{border-radius:20px;height:32px;padding:0 16px;}.confirm-modal-header .confirm-modal-button{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;width:100%;}.confirm-modal-header .confirm-modal-button button{padding:5px !important;}.confirm-modal-header .confirm-modal-button button .icon{color:#2d8a75;}.modal-confirmation .mdc-dialog__container .mdc-dialog__surface{border-radius:8px;}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RDJCLEFBRzBDLEFBR0EsQUFJcUIsQUFLckMsQUFLTixBQUtVLEFBR1QsQUFHSSxjQUZwQixJQUdBLENBaEJjLElBVWQsUUFUaUIsSUFiakIsQUFHb0QsV0FXcEQsNEJBRzJCLFdBYjNCLHNGQWNhLFdBQ2IsaURBWnFCLG1CQUNyQiIsImZpbGUiOiJtb2RhbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgRnJhZ21lbnQsIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSBcInJlYWN0XCI7XG5cbmltcG9ydCBEaWFsb2csIHsgRGlhbG9nQ29udGVudCwgRGlhbG9nRm9vdGVyIH0gZnJvbSBcIkBtYXRlcmlhbC9yZWFjdC1kaWFsb2dcIjtcbmltcG9ydCBjbGFzc25hbWVzIGZyb20gXCJjbGFzc25hbWVzXCI7XG5pbXBvcnQgY3NzIGZyb20gXCJzdHlsZWQtanN4L2Nzc1wiO1xuXG5pbXBvcnQgeyB1c2VUaGVtZSwgZ2V0Q29sb3JUb2tlbiwgQ29sb3JTcGVjaWZpZXIgfSBmcm9tIFwiLi4vLi4vdGhlbWUvdGhlbWVcIjtcbmltcG9ydCB7IEljb25CdXR0b24sIEljb24gfSBmcm9tIFwiLi4vaWNvblwiO1xuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSBcIi4uL2J1dHRvblwiO1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tIFwiLi4vbGF5b3V0XCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTW9kYWxQcm9wcyB7XG4gIGlkOiBzdHJpbmc7XG4gIGlzT3BlbjogYm9vbGVhbjtcbiAgdG9nZ2xlTW9kYWw6IChhcmc6IGJvb2xlYW4pID0+IHZvaWQ7XG4gIG1vZGFsQ29udGVudDogUmVhY3QuUmVhY3ROb2RlO1xuICBtb2RhbFRpdGxlPzogUmVhY3QuUmVhY3ROb2RlO1xuICBvbkFjY2VwdD86ICgpID0+IHZvaWQ7XG4gIHNldFdpZHRoPzogc3RyaW5nO1xuICBidXR0b25BbGlnbj86IFwiY2VudGVyXCIgfCBcImxlZnRcIiB8IFwicmlnaHRcIjtcbiAgYnV0dG9uQ29sb3I/OiBDb2xvclNwZWNpZmllcjtcbiAgbm9DYW5jZWxCdXR0b24/OiBib29sZWFuO1xuICBub0Nsb3NlQnV0dG9uPzogYm9vbGVhbjtcbiAgbWluaW1hbD86IGJvb2xlYW47XG4gIGFjY2VwdFRleHQ/OiBzdHJpbmc7XG4gIGNhbmNlbFRleHQ/OiBzdHJpbmc7XG4gIGRpc2FibGVBY2NlcHRCdXR0b24/OiBib29sZWFuO1xuICBpc0NvbmZpcm1hdGlvbk1lc3NhZ2U/OiBib29sZWFuO1xuICBvbkNhbmNlbD86ICgpID0+IHZvaWQ7XG59XG5cbmNvbnN0IE1vZGFsID0gKHtcbiAgaWQsXG4gIGlzT3BlbixcbiAgdG9nZ2xlTW9kYWwsXG4gIG1vZGFsQ29udGVudCxcbiAgbW9kYWxUaXRsZSxcbiAgb25BY2NlcHQsXG4gIHNldFdpZHRoLFxuICBidXR0b25BbGlnbiA9IFwicmlnaHRcIixcbiAgYnV0dG9uQ29sb3IgPSBcInByaW1hcnlcIixcbiAgbm9DYW5jZWxCdXR0b24sXG4gIG5vQ2xvc2VCdXR0b24sXG4gIGFjY2VwdFRleHQgPSBcIkFjY2VwdFwiLFxuICBjYW5jZWxUZXh0ID0gXCJDYW5jZWxcIixcbiAgZGlzYWJsZUFjY2VwdEJ1dHRvbiA9IGZhbHNlLFxuICBtaW5pbWFsLFxuICBpc0NvbmZpcm1hdGlvbk1lc3NhZ2UsXG4gIG9uQ2FuY2VsLFxufTogTW9kYWxQcm9wcykgPT4ge1xuICBjb25zdCB0aGVtZSA9IHVzZVRoZW1lKCk7XG4gIGNvbnN0IGlucHV0UmVmID0gdXNlUmVmPEhUTUxJbnB1dEVsZW1lbnQ+KG51bGwpO1xuXG4gIGNvbnN0IHNldENvbG9yQnV0dG9uID0gZ2V0Q29sb3JUb2tlbih0aGVtZSwgXCJmb3JlZ3JvdW5kXCIsIGJ1dHRvbkNvbG9yKTtcblxuICBjb25zdCBzY29wZSA9IGNzcy5yZXNvbHZlYFxuICAgIDpnbG9iYWwoLiR7aWR9ID4gLm1kYy1kaWFsb2dfX2NvbnRhaW5lcikge1xuICAgICAgd2lkdGg6ICR7c2V0V2lkdGggJiYgXCIxMDAlICFpbXBvcnRhbnRcIn07XG4gICAgfVxuICAgIDpnbG9iYWwoLiR7aWR9ID4gLm1kYy1kaWFsb2dfX2NvbnRhaW5lciA+IC5tZGMtZGlhbG9nX19zdXJmYWNlKSB7XG4gICAgICB3aWR0aDogJHtzZXRXaWR0aCAmJiBcIjEwMCUgIWltcG9ydGFudFwifTtcbiAgICAgIG1heC13aWR0aDogJHtzZXRXaWR0aH0gIWltcG9ydGFudDtcbiAgICB9XG4gICAgLm1vZGFsLWZvb3RlciB7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6ICR7YnV0dG9uQWxpZ259ICFpbXBvcnRhbnQ7XG4gICAgICBtYXJnaW4tYm90dG9tOiAxMHB4O1xuICAgIH1cbiAgICAubW9kYWwtZm9vdGVyIDpnbG9iYWwoLmNhbmNlbC1yZW1vdmUtYnV0dG9uKSxcbiAgICA6Z2xvYmFsKC5hY2NlcHQtcmVtb3ZlLWJ1dHRvbikge1xuICAgICAgYm9yZGVyLXJhZGl1czogMjBweDtcbiAgICAgIGhlaWdodDogMzJweDtcbiAgICAgIHBhZGRpbmc6IDAgMTZweDtcbiAgICB9XG4gICAgOmdsb2JhbCguY29uZmlybS1tb2RhbC1oZWFkZXIgLmNvbmZpcm0tbW9kYWwtYnV0dG9uKSB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LWVuZDtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgIH1cbiAgICA6Z2xvYmFsKC5jb25maXJtLW1vZGFsLWhlYWRlciAuY29uZmlybS1tb2RhbC1idXR0b24gYnV0dG9uKSB7XG4gICAgICBwYWRkaW5nOiA1cHggIWltcG9ydGFudDtcbiAgICB9XG4gICAgOmdsb2JhbCguY29uZmlybS1tb2RhbC1oZWFkZXIgLmNvbmZpcm0tbW9kYWwtYnV0dG9uIGJ1dHRvbiAuaWNvbikge1xuICAgICAgY29sb3I6ICMyZDhhNzU7XG4gICAgfVxuICAgIDpnbG9iYWwoLm1vZGFsLWNvbmZpcm1hdGlvbiAubWRjLWRpYWxvZ19fY29udGFpbmVyIC5tZGMtZGlhbG9nX19zdXJmYWNlKSB7XG4gICAgICBib3JkZXItcmFkaXVzOiA4cHg7XG4gICAgfVxuICBgO1xuXG4gIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgaWYgKGlzT3BlbiAmJiBpbnB1dFJlZi5jdXJyZW50KSB7XG4gICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgaW5wdXRSZWY/LmN1cnJlbnQ/LmZvY3VzKCk7XG4gICAgICB9LCAxMDApO1xuICAgIH1cbiAgfSwgW2lzT3Blbl0pO1xuXG4gIHJldHVybiAoXG4gICAgPEZyYWdtZW50PlxuICAgICAgPERpYWxvZ1xuICAgICAgICBvcGVuPXtpc09wZW59XG4gICAgICAgIGNsYXNzTmFtZT17Y2xhc3NuYW1lcyhcbiAgICAgICAgICBpZCxcbiAgICAgICAgICBpc0NvbmZpcm1hdGlvbk1lc3NhZ2UgPyBcIm1vZGFsLWNvbmZpcm1hdGlvblwiIDogXCJcIlxuICAgICAgICApfVxuICAgICAgICBvbkNsb3NlPXsoKSA9PiB0b2dnbGVNb2RhbChmYWxzZSl9XG4gICAgICAgIGFyaWEtbGFiZWxsZWRieT17bW9kYWxUaXRsZSA/IGlkIDogdW5kZWZpbmVkfVxuICAgICAgPlxuICAgICAgICB7IW1pbmltYWwgPyAoXG4gICAgICAgICAgPFN0YWNrXG4gICAgICAgICAgICBjbGFzc05hbWU9e2lzQ29uZmlybWF0aW9uTWVzc2FnZSA/IFwiY29uZmlybS1tb2RhbC1oZWFkZXJcIiA6IFwiXCJ9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge21vZGFsVGl0bGUgJiYgKFxuICAgICAgICAgICAgICA8ZGl2IHN0eWxlPXt7IGZsZXhHcm93OiAxLCBwYWRkaW5nOiBcIjIwcHggMHB4IDI0cHggMjRweFwiIH19PlxuICAgICAgICAgICAgICAgIHttb2RhbFRpdGxlfVxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNsYXNzTmFtZT17aXNDb25maXJtYXRpb25NZXNzYWdlID8gXCJjb25maXJtLW1vZGFsLWJ1dHRvblwiIDogXCJcIn1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgeyFub0NhbmNlbEJ1dHRvbiAmJiAoXG4gICAgICAgICAgICAgICAgPEljb25CdXR0b25cbiAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9XCJDbG9zZVwiXG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0b2dnbGVNb2RhbChmYWxzZSl9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAgPEljb24gaWNvbj1cImNsb3NlXCIgLz5cbiAgICAgICAgICAgICAgICA8L0ljb25CdXR0b24+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L1N0YWNrPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDw+PC8+XG4gICAgICAgICl9XG5cbiAgICAgICAgPERpYWxvZ0NvbnRlbnQ+XG4gICAgICAgICAge21vZGFsQ29udGVudH1cbiAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgIHRhYkluZGV4PXswfVxuICAgICAgICAgICAgcmVmPXtpbnB1dFJlZn1cbiAgICAgICAgICAgIHR5cGU9XCJ0ZXh0XCJcbiAgICAgICAgICAgIHN0eWxlPXt7IG9wYWNpdHk6IDAsIGhlaWdodDogMCwgd2lkdGg6IDAsIHBvc2l0aW9uOiBcImFic29sdXRlXCIgfX1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0RpYWxvZ0NvbnRlbnQ+XG5cbiAgICAgICAgeyFtaW5pbWFsID8gKFxuICAgICAgICAgIGlzQ29uZmlybWF0aW9uTWVzc2FnZSA/IChcbiAgICAgICAgICAgIDxEaWFsb2dGb290ZXJcbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwibW9kYWwtZm9vdGVyIFwiLCBzY29wZS5jbGFzc05hbWUpfVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7IW5vQ2xvc2VCdXR0b24gJiYgKFxuICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgdG9nZ2xlTW9kYWwoZmFsc2UpO1xuICAgICAgICAgICAgICAgICAgICBvbkNhbmNlbCAmJiBvbkNhbmNlbCgpO1xuICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT1cImNhbmNlbC1yZW1vdmUtYnV0dG9uXCJcbiAgICAgICAgICAgICAgICAgIHJhaXNlZFxuICAgICAgICAgICAgICAgICAgY29sb3I9e2J1dHRvbkNvbG9yfVxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIHtjYW5jZWxUZXh0fVxuICAgICAgICAgICAgICAgIDwvQnV0dG9uPlxuICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICB7b25BY2NlcHQgJiYgKFxuICAgICAgICAgICAgICAgIDxCdXR0b25cbiAgICAgICAgICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlQWNjZXB0QnV0dG9ufVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17b25BY2NlcHR9XG4gICAgICAgICAgICAgICAgICBvdXRsaW5lZD17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IG1hcmdpbkxlZnQ6IFwiMjBweFwiIH19XG4gICAgICAgICAgICAgICAgICBjbGFzc05hbWU9XCJhY2NlcHQtcmVtb3ZlLWJ1dHRvblwiXG4gICAgICAgICAgICAgICAgICBjb2xvcj17YnV0dG9uQ29sb3J9XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2FjY2VwdFRleHR9XG4gICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0RpYWxvZ0Zvb3Rlcj5cbiAgICAgICAgICApIDogKFxuICAgICAgICAgICAgPERpYWxvZ0Zvb3RlclxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJtb2RhbC1mb290ZXIgXCIsIHNjb3BlLmNsYXNzTmFtZSl9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIHshbm9DbG9zZUJ1dHRvbiAmJiAoXG4gICAgICAgICAgICAgICAgPEJ1dHRvblxuICAgICAgICAgICAgICAgICAgY29sb3I9e3sgZm9yZWdyb3VuZDogc2V0Q29sb3JCdXR0b24sIGJhY2tncm91bmQ6IFwiI2ZmZmZmZlwiIH19XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiB0b2dnbGVNb2RhbChmYWxzZSl9XG4gICAgICAgICAgICAgICAgICBvdXRsaW5lZD17dHJ1ZX1cbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICB7Y2FuY2VsVGV4dH1cbiAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAge29uQWNjZXB0ICYmIChcbiAgICAgICAgICAgICAgICA8QnV0dG9uXG4gICAgICAgICAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZUFjY2VwdEJ1dHRvbn1cbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uQWNjZXB0fVxuICAgICAgICAgICAgICAgICAgY29sb3I9e3sgZm9yZWdyb3VuZDogc2V0Q29sb3JCdXR0b24sIGJhY2tncm91bmQ6IFwiI2ZmZmZmZlwiIH19XG4gICAgICAgICAgICAgICAgICBvdXRsaW5lZD17dHJ1ZX1cbiAgICAgICAgICAgICAgICAgIHN0eWxlPXt7IG1hcmdpbkxlZnQ6IFwiMTBweFwiIH19XG4gICAgICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgICAge2FjY2VwdFRleHR9XG4gICAgICAgICAgICAgICAgPC9CdXR0b24+XG4gICAgICAgICAgICAgICl9XG4gICAgICAgICAgICA8L0RpYWxvZ0Zvb3Rlcj5cbiAgICAgICAgICApXG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPD48Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvRGlhbG9nPlxuICAgICAge3Njb3BlLnN0eWxlc31cbiAgICA8L0ZyYWdtZW50PlxuICApO1xufTtcblxuZXhwb3J0IGRlZmF1bHQgTW9kYWw7XG4iXX0= */\n/*@ sourceURL=modal.tsx */")),
52
+ className: _JSXStyle__default["default"].dynamic([["602601828", [id, setWidth && "100% !important", id, setWidth && "100% !important", setWidth, buttonAlign]]])
53
+ };
54
+ React.useEffect(() => {
55
+ if (isOpen && inputRef.current) {
56
+ setTimeout(() => {
57
+ var _inputRef$current;
58
+ inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
59
+ }, 100);
60
+ }
61
+ }, [isOpen]);
62
+ return /*#__PURE__*/React__default["default"].createElement(React.Fragment, null, /*#__PURE__*/React__default["default"].createElement(Dialog__default["default"], {
63
+ open: isOpen,
64
+ className: classnames__default["default"](id, isConfirmationMessage ? "modal-confirmation" : ""),
65
+ onClose: () => toggleModal(false),
66
+ "aria-labelledby": modalTitle ? id : undefined
67
+ }, !minimal ? /*#__PURE__*/React__default["default"].createElement(stack["default"], {
68
+ className: isConfirmationMessage ? "confirm-modal-header" : ""
69
+ }, modalTitle && /*#__PURE__*/React__default["default"].createElement("div", {
70
+ style: {
71
+ flexGrow: 1,
72
+ padding: "20px 0px 24px 24px"
73
+ }
74
+ }, modalTitle), /*#__PURE__*/React__default["default"].createElement("div", {
75
+ className: isConfirmationMessage ? "confirm-modal-button" : ""
76
+ }, !noCancelButton && /*#__PURE__*/React__default["default"].createElement(iconButton["default"], {
77
+ "aria-label": "Close",
78
+ onClick: () => toggleModal(false)
79
+ }, /*#__PURE__*/React__default["default"].createElement(icon["default"], {
80
+ icon: "close"
81
+ })))) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null), /*#__PURE__*/React__default["default"].createElement(Dialog.DialogContent, null, modalContent, /*#__PURE__*/React__default["default"].createElement("input", {
82
+ tabIndex: 0,
83
+ ref: inputRef,
84
+ type: "text",
85
+ style: {
86
+ opacity: 0,
87
+ height: 0,
88
+ width: 0,
89
+ position: "absolute"
90
+ }
91
+ })), !minimal ? isConfirmationMessage ? /*#__PURE__*/React__default["default"].createElement(Dialog.DialogFooter, {
92
+ className: classnames__default["default"]("modal-footer ", scope.className)
93
+ }, !noCloseButton && /*#__PURE__*/React__default["default"].createElement(button["default"], {
94
+ onClick: () => {
95
+ toggleModal(false);
96
+ onCancel && onCancel();
97
+ },
98
+ className: "cancel-remove-button",
99
+ raised: true,
100
+ color: buttonColor
101
+ }, cancelText), onAccept && /*#__PURE__*/React__default["default"].createElement(button["default"], {
102
+ disabled: disableAcceptButton,
103
+ onClick: onAccept,
104
+ outlined: true,
105
+ style: {
106
+ marginLeft: "20px"
107
+ },
108
+ className: "accept-remove-button",
109
+ color: buttonColor
110
+ }, acceptText)) : /*#__PURE__*/React__default["default"].createElement(Dialog.DialogFooter, {
111
+ className: classnames__default["default"]("modal-footer ", scope.className)
112
+ }, !noCloseButton && /*#__PURE__*/React__default["default"].createElement(button["default"], {
113
+ color: {
114
+ foreground: setColorButton,
115
+ background: "#ffffff"
116
+ },
117
+ onClick: () => toggleModal(false),
118
+ outlined: true
119
+ }, cancelText), onAccept && /*#__PURE__*/React__default["default"].createElement(button["default"], {
120
+ disabled: disableAcceptButton,
121
+ onClick: onAccept,
122
+ color: {
123
+ foreground: setColorButton,
124
+ background: "#ffffff"
125
+ },
126
+ outlined: true,
127
+ style: {
128
+ marginLeft: "10px"
129
+ }
130
+ }, acceptText)) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null)), scope.styles);
131
+ };
132
+ Modal.propTypes = {
133
+ id: _pt__default["default"].string.isRequired,
134
+ isOpen: _pt__default["default"].bool.isRequired,
135
+ toggleModal: _pt__default["default"].func.isRequired,
136
+ modalContent: _pt__default["default"].node.isRequired,
137
+ modalTitle: _pt__default["default"].node,
138
+ onAccept: _pt__default["default"].func,
139
+ setWidth: _pt__default["default"].string,
140
+ buttonAlign: _pt__default["default"].oneOf(["center", "left", "right"]),
141
+ buttonColor: _pt__default["default"].any,
142
+ noCancelButton: _pt__default["default"].bool,
143
+ noCloseButton: _pt__default["default"].bool,
144
+ minimal: _pt__default["default"].bool,
145
+ acceptText: _pt__default["default"].string,
146
+ cancelText: _pt__default["default"].string,
147
+ disableAcceptButton: _pt__default["default"].bool,
148
+ isConfirmationMessage: _pt__default["default"].bool,
149
+ onCancel: _pt__default["default"].func
150
+ };
151
+ var Modal$1 = Modal;
152
+
153
+ exports["default"] = Modal$1;
@@ -0,0 +1,23 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var React = require('react');
6
+ var stack = require('../layout/stack.js');
7
+
8
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
9
+
10
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
11
+
12
+ function NavigationActions(_ref) {
13
+ let {
14
+ children
15
+ } = _ref;
16
+ return /*#__PURE__*/React__default["default"].createElement(stack["default"], {
17
+ gap: "0.5rem",
18
+ justify: "end",
19
+ align: "center"
20
+ }, children);
21
+ }
22
+
23
+ exports["default"] = NavigationActions;
@@ -0,0 +1,34 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _pt = require('prop-types');
6
+ var _JSXStyle = require('styled-jsx/style');
7
+ var React = require('react');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
12
+ var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
13
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
14
+
15
+ function NavigationBar(_ref) {
16
+ let {
17
+ isCompactHeight,
18
+ children
19
+ } = _ref;
20
+ return /*#__PURE__*/React__default["default"].createElement("div", {
21
+ className: _JSXStyle__default["default"].dynamic([["234974982", [isCompactHeight ? "64px" : "6rem"]]]) + " " + "navigation-bar"
22
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
23
+ className: _JSXStyle__default["default"].dynamic([["234974982", [isCompactHeight ? "64px" : "6rem"]]]) + " " + "container"
24
+ }, children), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
25
+ id: "234974982",
26
+ dynamic: [isCompactHeight ? "64px" : "6rem"]
27
+ }, ".navigation-bar.__jsx-style-dynamic-selector{width:100%;}.container.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;max-width:1120px;padding:0 1rem;margin:0 auto;height:4rem;}.container.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:0.5rem;}.container.__jsx-style-dynamic-selector>*:last-child{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}@media (min-width:720px){.container.__jsx-style-dynamic-selector{padding:0 1rem;margin:0 auto;}}@media (min-width:960px){.container.__jsx-style-dynamic-selector{height:".concat(isCompactHeight ? "64px" : "6rem", ";}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tYmFyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXa0IsQUFHc0IsQUFJRSxBQVNPLEFBSVIsQUFLSyxBQU9xQixXQTVCeEMsSUFzQmtCLEtBVGxCLFNBVUUsT0FNQSxtQ0FaRixHQWJzQixpR0FDSCxpQkFDRixlQUNELGNBQ0YsWUFDZCIsImZpbGUiOiJuYXZpZ2F0aW9uLWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5cbmV4cG9ydCB0eXBlIE5hdmlnYXRpb25CYXJQcm9wcyA9IHtcbiAgY2hpbGRyZW4/OiBSZWFjdC5SZWFjdE5vZGU7XG4gIGlzQ29tcGFjdEhlaWdodD86IGJvb2xlYW47XG59O1xuXG5mdW5jdGlvbiBOYXZpZ2F0aW9uQmFyKHsgaXNDb21wYWN0SGVpZ2h0LCBjaGlsZHJlbiB9OiBOYXZpZ2F0aW9uQmFyUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT1cIm5hdmlnYXRpb24tYmFyXCI+XG4gICAgICA8ZGl2IGNsYXNzTmFtZT1cImNvbnRhaW5lclwiPntjaGlsZHJlbn08L2Rpdj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLm5hdmlnYXRpb24tYmFyIHtcbiAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250YWluZXIge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IHN0cmV0Y2g7XG4gICAgICAgICAgbWF4LXdpZHRoOiAxMTIwcHg7XG4gICAgICAgICAgcGFkZGluZzogMCAxcmVtO1xuICAgICAgICAgIG1hcmdpbjogMCBhdXRvO1xuICAgICAgICAgIGhlaWdodDogNHJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250YWluZXIgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgICAgIG1hcmdpbi1yaWdodDogMC41cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbnRhaW5lciA+IDpnbG9iYWwoKjpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgZmxleC1ncm93OiAxO1xuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDcyMHB4KSB7XG4gICAgICAgICAgLmNvbnRhaW5lciB7XG4gICAgICAgICAgICBwYWRkaW5nOiAwIDFyZW07XG4gICAgICAgICAgICBtYXJnaW46IDAgYXV0bztcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogOTYwcHgpIHtcbiAgICAgICAgICAuY29udGFpbmVyIHtcbiAgICAgICAgICAgIGhlaWdodDogJHtpc0NvbXBhY3RIZWlnaHQgPyBcIjY0cHhcIiA6IFwiNnJlbVwifTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkJhcjtcbiJdfQ== */\n/*@ sourceURL=navigation-bar.tsx */")));
28
+ }
29
+ NavigationBar.propTypes = {
30
+ children: _pt__default["default"].node,
31
+ isCompactHeight: _pt__default["default"].bool
32
+ };
33
+
34
+ exports["default"] = NavigationBar;
@@ -0,0 +1,20 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var React = require('react');
7
+ var button = require('../button/button.js');
8
+
9
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
10
+
11
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
12
+
13
+ function NavigationCallToAction(props) {
14
+ return /*#__PURE__*/React__default["default"].createElement(button["default"], _rollupPluginBabelHelpers["extends"]({
15
+ raised: true,
16
+ display: true
17
+ }, props));
18
+ }
19
+
20
+ exports["default"] = NavigationCallToAction;
@@ -0,0 +1,67 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _pt = require('prop-types');
6
+ var _JSXStyle = require('styled-jsx/style');
7
+ var React = require('react');
8
+ var classnames = require('classnames');
9
+ var iconButton = require('../icon/icon-button.js');
10
+ var colors = require('../../theme/colors.js');
11
+ var navigationList = require('./navigation-list.js');
12
+ var icon = require('../icon/icon.js');
13
+
14
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
+
16
+ var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
17
+ var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
18
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
20
+
21
+ function NavigationExpanded(_ref) {
22
+ let {
23
+ links,
24
+ children,
25
+ onRequestClose,
26
+ className,
27
+ banner
28
+ } = _ref;
29
+ return /*#__PURE__*/React__default["default"].createElement("div", {
30
+ className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + (classnames__default["default"]("navigation-menu", className) || "")
31
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
32
+ className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "content"
33
+ }, children, /*#__PURE__*/React__default["default"].createElement("div", {
34
+ className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]])
35
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
36
+ className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]])
37
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
38
+ className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "columns"
39
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
40
+ className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "navigation-list-container"
41
+ }, links ? /*#__PURE__*/React__default["default"].createElement(navigationList["default"], {
42
+ items: links
43
+ }) : null), banner ? /*#__PURE__*/React__default["default"].createElement("div", {
44
+ className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "banner"
45
+ }, banner) : null), /*#__PURE__*/React__default["default"].createElement("div", {
46
+ className: _JSXStyle__default["default"].dynamic([["538508997", [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]]]) + " " + "close"
47
+ }, /*#__PURE__*/React__default["default"].createElement(iconButton["default"], {
48
+ className: "close-button",
49
+ onClick: onRequestClose
50
+ }, /*#__PURE__*/React__default["default"].createElement(icon["default"], {
51
+ icon: "close",
52
+ size: "100%",
53
+ title: "Close"
54
+ })))), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
55
+ id: "538508997",
56
+ dynamic: [colors.BACKGROUND_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY, colors.ON_BACKGROUND_GREY_GREY]
57
+ }, ".navigation-menu.__jsx-style-dynamic-selector{background-color:".concat(colors.BACKGROUND_GREY, ";}.navigation-list-container.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.content.__jsx-style-dynamic-selector{position:relative;max-width:1024px;margin:0 auto;padding:0rem 1rem 2rem 1rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:1rem;}.content.__jsx-style-dynamic-selector{display:grid;grid-gap:1rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:initial;}.main-navigation.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.main-navigation.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:2rem;}.main-navigation-menus.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.main-navigation-menus.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:4rem;}.columns.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:0;}.columns.__jsx-style-dynamic-selector>*:not(:last-child){margin-right:8rem;}.span-2.__jsx-style-dynamic-selector{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;}.columns.__jsx-style-dynamic-selector>:not:(:last-child){margin-right:initial;}.span-2.__jsx-style-dynamic-selector{grid-column-end:span 2;}.close.__jsx-style-dynamic-selector{display:none;}.navigation-menu.__jsx-style-dynamic-selector .close-button{padding:6px !important;font-size:36px;}.banner.__jsx-style-dynamic-selector{display:none;}hr.__jsx-style-dynamic-selector{border:none;border-top-style:solid;border-top-width:1px;border-color:").concat(colors.ON_BACKGROUND_GREY_GREY, ";color:").concat(colors.ON_BACKGROUND_GREY_GREY, ";background-color:").concat(colors.ON_BACKGROUND_GREY_GREY, ";margin:0;}@media (min-width:720px){.content.__jsx-style-dynamic-selector{padding:2rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:1.5rem;}.content.__jsx-style-dynamic-selector{grid-gap:1.5rem;}.columns.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.banner.__jsx-style-dynamic-selector{display:block;}}@media (min-width:960px){.content.__jsx-style-dynamic-selector{padding:4rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:3rem;}.content.__jsx-style-dynamic-selector>*:not(:last-child){margin-bottom:0;}.content.__jsx-style-dynamic-selector{grid-gap:3rem;}.close.__jsx-style-dynamic-selector{display:block;position:absolute;top:4rem;right:5rem;}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tZXhwYW5kZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlDa0IsQUFHeUQsQUFJbEMsQUFJTSxBQU9DLEFBSU4sQUFLUyxBQUlULEFBS00sQUFJTixBQUlLLEFBSUwsQUFLSyxBQUlOLEFBSVMsQUFJRSxBQUlWLEFBSVUsQUFLVixBQUlELEFBV0csQUFJUSxBQUlMLEFBSUgsQUFJQyxBQU1ELEFBSU0sQUFJSCxBQUlGLEFBSUEsWUFoRE8sQ0E1RFQsQUErQ2hCLEFBU0EsQUFlRSxBQXNCQSxDQU5BLEFBa0JBLEFBSW9CLEVBOUJwQixBQXNCQSxFQWhIaUIsQUFpQ25CLEFBU0EsQ0FuQ0EsQUFrQkEsQUFtRkUsRUExREYsQUFvQ0UsQ0F0RUYsQ0FzQ0EsQUFRaUIsSUFsRGpCLEtBNkdhLEdBeEhHLEFBdUVPLEdBVHZCLEdBMkRlLEtBbElmLEdBVThCLEdBeUg1QixJQWxEMEMsZUE3RTVDLEFBa0RBLEdBMUJ3QixBQVN4QixBQVFZLEFBeURWLEdBM0ZGLE9BbUNBLGNBb0NxQyxtQ0FDVyxtQkF0RGhELDJCQXVEVyxTQUNYIiwiZmlsZSI6Im5hdmlnYXRpb24tZXhwYW5kZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzbmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCB7IEljb24gfSBmcm9tIFwiLi4vaWNvblwiO1xuaW1wb3J0IEljb25CdXR0b24gZnJvbSBcIi4uL2ljb24vaWNvbi1idXR0b25cIjtcbmltcG9ydCB7IEJBQ0tHUk9VTkRfR1JFWSwgT05fQkFDS0dST1VORF9HUkVZX0dSRVkgfSBmcm9tIFwiLi4vLi4vdGhlbWUvY29sb3JzXCI7XG5pbXBvcnQgTmF2aWdhdGlvbkxpc3QsIHsgSHlicmlkTmF2aWdhdGlvbkxpbmsgfSBmcm9tIFwiLi9uYXZpZ2F0aW9uLWxpc3RcIjtcblxuZXhwb3J0IHR5cGUgTmF2aWdhdGlvbkV4cGFuZGVkUHJvcHMgPSB7XG4gIGxpbmtzPzogQXJyYXk8SHlicmlkTmF2aWdhdGlvbkxpbms+O1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbiAgYmFubmVyPzogUmVhY3QuUmVhY3ROb2RlO1xuICBvblJlcXVlc3RDbG9zZTogKCkgPT4gdm9pZDtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xufTtcblxuZnVuY3Rpb24gTmF2aWdhdGlvbkV4cGFuZGVkKHtcbiAgbGlua3MsXG4gIGNoaWxkcmVuLFxuICBvblJlcXVlc3RDbG9zZSxcbiAgY2xhc3NOYW1lLFxuICBiYW5uZXIsXG59OiBOYXZpZ2F0aW9uRXhwYW5kZWRQcm9wcykge1xuICByZXR1cm4gKFxuICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc25hbWVzKFwibmF2aWdhdGlvbi1tZW51XCIsIGNsYXNzTmFtZSl9PlxuICAgICAgPGRpdiBjbGFzc05hbWU9XCJjb250ZW50XCI+XG4gICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8aHIgLz5cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY29sdW1uc1wiPlxuICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPVwibmF2aWdhdGlvbi1saXN0LWNvbnRhaW5lclwiPlxuICAgICAgICAgICAge2xpbmtzID8gPE5hdmlnYXRpb25MaXN0IGl0ZW1zPXtsaW5rc30gLz4gOiBudWxsfVxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIHtiYW5uZXIgPyA8ZGl2IGNsYXNzTmFtZT1cImJhbm5lclwiPntiYW5uZXJ9PC9kaXY+IDogbnVsbH1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPVwiY2xvc2VcIj5cbiAgICAgICAgICA8SWNvbkJ1dHRvbiBjbGFzc05hbWU9XCJjbG9zZS1idXR0b25cIiBvbkNsaWNrPXtvblJlcXVlc3RDbG9zZX0+XG4gICAgICAgICAgICA8SWNvbiBpY29uPVwiY2xvc2VcIiBzaXplPVwiMTAwJVwiIHRpdGxlPVwiQ2xvc2VcIiAvPlxuICAgICAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgICAgPC9kaXY+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxzdHlsZSBqc3g+e2BcbiAgICAgICAgLm5hdmlnYXRpb24tbWVudSB7XG4gICAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtCQUNLR1JPVU5EX0dSRVl9O1xuICAgICAgICB9XG5cbiAgICAgICAgLm5hdmlnYXRpb24tbGlzdC1jb250YWluZXIge1xuICAgICAgICAgIGZsZXgtZ3JvdzogMTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50IHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgbWF4LXdpZHRoOiAxMDI0cHg7XG4gICAgICAgICAgbWFyZ2luOiAwIGF1dG87XG4gICAgICAgICAgcGFkZGluZzogMHJlbSAxcmVtIDJyZW0gMXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbnRlbnQge1xuICAgICAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICAgICAgZ3JpZC1nYXA6IDFyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuY29udGVudCA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLWJvdHRvbTogaW5pdGlhbDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tYWluLW5hdmlnYXRpb24ge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5tYWluLW5hdmlnYXRpb24gPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgICAgIG1hcmdpbi1ib3R0b206IDJyZW07XG4gICAgICAgIH1cblxuICAgICAgICAubWFpbi1uYXZpZ2F0aW9uLW1lbnVzIHtcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICB9XG5cbiAgICAgICAgLm1haW4tbmF2aWdhdGlvbi1tZW51cyA+IDpnbG9iYWwoKjpub3QoOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiA0cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLmNvbHVtbnMge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jb2x1bW5zID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDhyZW07XG4gICAgICAgIH1cblxuICAgICAgICAuc3Bhbi0yIHtcbiAgICAgICAgICBmbGV4LWdyb3c6IDE7XG4gICAgICAgIH1cblxuICAgICAgICAuY29sdW1ucyA+IDpnbG9iYWwoOm5vdDooOmxhc3QtY2hpbGQpKSB7XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiBpbml0aWFsO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNwYW4tMiB7XG4gICAgICAgICAgZ3JpZC1jb2x1bW4tZW5kOiBzcGFuIDI7XG4gICAgICAgIH1cblxuICAgICAgICAuY2xvc2Uge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAubmF2aWdhdGlvbi1tZW51IDpnbG9iYWwoLmNsb3NlLWJ1dHRvbikge1xuICAgICAgICAgIHBhZGRpbmc6IDZweCAhaW1wb3J0YW50O1xuICAgICAgICAgIGZvbnQtc2l6ZTogMzZweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5iYW5uZXIge1xuICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICBociB7XG4gICAgICAgICAgYm9yZGVyOiBub25lO1xuICAgICAgICAgIGJvcmRlci10b3Atc3R5bGU6IHNvbGlkO1xuICAgICAgICAgIGJvcmRlci10b3Atd2lkdGg6IDFweDtcbiAgICAgICAgICBib3JkZXItY29sb3I6ICR7T05fQkFDS0dST1VORF9HUkVZX0dSRVl9O1xuICAgICAgICAgIGNvbG9yOiAke09OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZfTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke09OX0JBQ0tHUk9VTkRfR1JFWV9HUkVZfTtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogNzIwcHgpIHtcbiAgICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgICBwYWRkaW5nOiAycmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgICBncmlkLWdhcDogMS41cmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb2x1bW5zIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmJhbm5lciB7XG4gICAgICAgICAgICBkaXNwbGF5OiBibG9jaztcbiAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICBAbWVkaWEgKG1pbi13aWR0aDogOTYwcHgpIHtcbiAgICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgICBwYWRkaW5nOiA0cmVtO1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5jb250ZW50ID4gOmdsb2JhbCgqOm5vdCg6bGFzdC1jaGlsZCkpIHtcbiAgICAgICAgICAgIG1hcmdpbi1ib3R0b206IDNyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmNvbnRlbnQgPiA6Z2xvYmFsKCo6bm90KDpsYXN0LWNoaWxkKSkge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY29udGVudCB7XG4gICAgICAgICAgICBncmlkLWdhcDogM3JlbTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY2xvc2Uge1xuICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgICB0b3A6IDRyZW07XG4gICAgICAgICAgICByaWdodDogNXJlbTtcbiAgICAgICAgICB9XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkV4cGFuZGVkO1xuIl19 */\n/*@ sourceURL=navigation-expanded.tsx */")));
58
+ }
59
+ NavigationExpanded.propTypes = {
60
+ links: _pt__default["default"].any,
61
+ children: _pt__default["default"].node,
62
+ banner: _pt__default["default"].node,
63
+ onRequestClose: _pt__default["default"].func.isRequired,
64
+ className: _pt__default["default"].string
65
+ };
66
+
67
+ exports["default"] = NavigationExpanded;
@@ -0,0 +1,78 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _pt = require('prop-types');
6
+ var _JSXStyle = require('styled-jsx/style');
7
+ var React = require('react');
8
+ var colors = require('../../theme/colors.js');
9
+ var theme = require('../../theme/theme.js');
10
+ var boldAnchor = require('../anchor/bold-anchor.js');
11
+ var icon = require('../icon/icon.js');
12
+
13
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
+
15
+ var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
16
+ var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
17
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
18
+
19
+ function NavigationList(_ref) {
20
+ let {
21
+ items,
22
+ onClickItem,
23
+ active,
24
+ size = "normal"
25
+ } = _ref;
26
+ const theme$1 = theme.useTheme();
27
+ return /*#__PURE__*/React__default["default"].createElement("ul", {
28
+ className: _JSXStyle__default["default"].dynamic([["1320294250", [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]]]) + " " + "size-".concat(size)
29
+ }, items.map(item => {
30
+ const onClick = e => {
31
+ // href
32
+ if ("href" in item) return;
33
+ e.preventDefault();
34
+ // combined handler
35
+ if (onClickItem) onClickItem(item.id);
36
+ // individual handler
37
+ else if (item.onClick) item.onClick();
38
+ };
39
+ const href = "href" in item ? item.href : "#";
40
+ const id = "id" in item ? item.id : null;
41
+ return /*#__PURE__*/React__default["default"].createElement(React.Fragment, {
42
+ key: "href" in item ? item.href : item.id
43
+ }, /*#__PURE__*/React__default["default"].createElement("li", {
44
+ className: _JSXStyle__default["default"].dynamic([["1320294250", [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]]]) + " " + "item"
45
+ }, /*#__PURE__*/React__default["default"].createElement(boldAnchor["default"], {
46
+ analyticsId: item.analyticsId,
47
+ href: href,
48
+ onClick: onClick,
49
+ active: id === active
50
+ }, /*#__PURE__*/React__default["default"].createElement("img", {
51
+ src: item.icon,
52
+ className: _JSXStyle__default["default"].dynamic([["1320294250", [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]]])
53
+ }), item.label, " ", "id" in item && item.more ? /*#__PURE__*/React__default["default"].createElement("span", {
54
+ className: _JSXStyle__default["default"].dynamic([["1320294250", [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]]]) + " " + "chevron"
55
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
56
+ className: _JSXStyle__default["default"].dynamic([["1320294250", [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]]]) + " " + "chevron-right"
57
+ }, /*#__PURE__*/React__default["default"].createElement(icon["default"], {
58
+ icon: "chevron_right",
59
+ size: size === "normal" ? "24px" : "36px"
60
+ })), /*#__PURE__*/React__default["default"].createElement("span", {
61
+ className: _JSXStyle__default["default"].dynamic([["1320294250", [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]]]) + " " + "chevron-down"
62
+ }, /*#__PURE__*/React__default["default"].createElement(icon["default"], {
63
+ icon: "expand_more",
64
+ size: size === "normal" ? "16px" : "24px"
65
+ }))) : null)), "children" in item ? item.children : null);
66
+ }), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
67
+ id: "1320294250",
68
+ dynamic: [theme$1.typography.fontFamily.brand, colors.BRAND_DARK_GREY, colors.INACTIVE_GREY]
69
+ }, "ul.__jsx-style-dynamic-selector{margin:0;padding:0;list-style:none;}.item.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:".concat(theme$1.typography.fontFamily.brand, ";color:").concat(colors.BRAND_DARK_GREY, ";font-weight:500;}.size-long.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1rem;height:50px;margin-bottom:30px;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:not(:last-child){-webkit-flex:1 0 30%;-ms-flex:1 0 30%;flex:1 0 30%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:last-child{-webkit-flex:1 0 64%;-ms-flex:1 0 64%;flex:1 0 64%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector>a{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector>a > img{margin-right:10px;width:50px;}.size-large.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1rem;height:2.5rem;}.size-normal.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:0.875rem;height:1.75rem;}.item.__jsx-style-dynamic-selector a:focus{outline:none;}.item.__jsx-style-dynamic-selector:focus-within{outline:-webkit-focus-ring-color auto 5px;}.chevron.__jsx-style-dynamic-selector{position:relative;display:inline-block;width:1em;height:1em;margin-left:1rem;vertical-align:middle;line-height:1;-webkit-transform:translateY(-5%);-ms-transform:translateY(-5%);transform:translateY(-5%);color:").concat(colors.INACTIVE_GREY, ";}.chevron-right.__jsx-style-dynamic-selector{display:none;}.item.__jsx-style-dynamic-selector a:hover .chevron.__jsx-style-dynamic-selector,.item.__jsx-style-dynamic-selector a:focus .chevron.__jsx-style-dynamic-selector,.item.__jsx-style-dynamic-selector a.active .chevron.__jsx-style-dynamic-selector{color:inherit;}.chevron.__jsx-style-dynamic-selector>*{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}@media (min-width:720px){.size-large.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1.375rem;min-height:3rem;}.size-normal.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:1.125rem;min-height:2.5rem;}.chevron-right.__jsx-style-dynamic-selector{display:initial;}.chevron-down.__jsx-style-dynamic-selector{display:none;}}@media (max-width:719px){.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{font-size:0.875rem;}}@media (max-width:644px){.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:not(:last-child){-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:last-child{-webkit-flex:1 0 50%;-ms-flex:1 0 50%;flex:1 0 50%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{margin-bottom:20px;}}@media (max-width:457px){.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector{margin-bottom:8px;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:not(:last-child){-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;}.size-long.__jsx-style-dynamic-selector .item.__jsx-style-dynamic-selector:last-child{-webkit-flex:1 0 100%;-ms-flex:1 0 100%;flex:1 0 100%;}}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tbGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkZrQixBQUdvQixBQU1JLEFBU0EsQUFNRSxBQU1GLEFBSUEsQUFJQSxBQUtLLEFBS0gsQUFLSSxBQUtOLEFBSTZCLEFBSXhCLEFBWUwsQUFNQyxBQUlJLEFBUUcsQUFLQSxBQUtILEFBSUgsQUFNTSxBQU1OLEFBR0EsQUFHTSxBQU1ELEFBSUosQUFJQSxTQTFJTixJQXVEWixBQW9CQSxBQWdDRSxDQTFCRixDQTVEYyxBQXdCRSxDQTBEZCxFQS9EVyxBQXVCVSxBQXNCYixBQThDUixDQWxJZ0IsQUFpREQsQUEyQ0csQUFLRSxBQWVwQixBQVlBLE9BdkNTLENBaEVVLEVBbUJyQixBQUtBLEtBS0EsQ0FqREEsQUFxRmtDLEFBT2hDLEVBS0EsRUFuQ1UsR0FMWixJQXBDQSxHQTBDYSxFQXRDYixBQUlBLEFBd0ZFLEFBR0EsR0FhQSxBQUlBLE1BekVpQixjQTVESyxBQVNQLEFBb0JJLEdBZ0NHLHNCQUNSLGNBQ1ksa0JBckRmLFNBd0ViLEVBdkVBLFVBVnlCLGVBNkJ6QixvQ0FrQ3FDLG1DQUNyQyxhQS9EMkMseUNBQ04sbUNBQ25CLGdCQUNsQiIsImZpbGUiOiJuYXZpZ2F0aW9uLWxpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0LCB7IEZyYWdtZW50IH0gZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgeyBCUkFORF9EQVJLX0dSRVksIElOQUNUSVZFX0dSRVkgfSBmcm9tIFwiLi4vLi4vdGhlbWUvY29sb3JzXCI7XG5pbXBvcnQgeyBCb2xkQW5jaG9yIH0gZnJvbSBcIi4uL2FuY2hvci9pbmRleFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9pY29uL2luZGV4XCI7XG5pbXBvcnQgeyB1c2VUaGVtZSB9IGZyb20gXCIuLi8uLi90aGVtZS90aGVtZVwiO1xuXG5leHBvcnQgdHlwZSBIcmVmTmF2aWdhdGlvbkxpbmsgPSB7XG4gIGhyZWY6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgYW5hbHl0aWNzSWQ/OiBzdHJpbmc7XG4gIGljb24/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBDbGlja05hdmlnYXRpb25MaW5rID0ge1xuICBvbkNsaWNrPzogKCkgPT4gdm9pZDtcbiAgaWQ6IHN0cmluZztcbiAgbGFiZWw6IFJlYWN0LlJlYWN0Tm9kZTtcbiAgbW9yZT86IGJvb2xlYW4gLyogaW5kaWNhdGVzIHRoYXQgY2xpY2tpbmcgdGhpcyBsaW5rIHdpbGwgcmV2ZWFsIG1vcmUgb3B0aW9ucyAqLztcbiAgYW5hbHl0aWNzSWQ/OiBzdHJpbmc7XG4gIGljb24/OiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBIeWJyaWROYXZpZ2F0aW9uTGluayA9IEhyZWZOYXZpZ2F0aW9uTGluayB8IENsaWNrTmF2aWdhdGlvbkxpbms7XG5cbmV4cG9ydCB0eXBlIE5hdmlnYXRpb25MaXN0SXRlbSA9IEh5YnJpZE5hdmlnYXRpb25MaW5rICYge1xuICBjaGlsZHJlbj86IFJlYWN0LlJlYWN0Tm9kZTtcbn07XG5cbmV4cG9ydCB0eXBlIE5hdmlnYXRpb25NZW51TGlzdFByb3BzID0ge1xuICBpdGVtczogQXJyYXk8TmF2aWdhdGlvbkxpc3RJdGVtPjtcbiAgb25DbGlja0l0ZW0/OiAoaWQ6IHN0cmluZykgPT4gdm9pZDtcbiAgc2l6ZT86IFwibm9ybWFsXCIgfCBcImxhcmdlXCIgfCBcImxvbmdcIjtcbiAgYWN0aXZlPzogc3RyaW5nIHwgbnVsbDtcbn07XG5cbmZ1bmN0aW9uIE5hdmlnYXRpb25MaXN0KHtcbiAgaXRlbXMsXG4gIG9uQ2xpY2tJdGVtLFxuICBhY3RpdmUsXG4gIHNpemUgPSBcIm5vcm1hbFwiLFxufTogTmF2aWdhdGlvbk1lbnVMaXN0UHJvcHMpIHtcbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPHVsIGNsYXNzTmFtZT17YHNpemUtJHtzaXplfWB9PlxuICAgICAge2l0ZW1zLm1hcChpdGVtID0+IHtcbiAgICAgICAgY29uc3Qgb25DbGljayA9IChlOiBSZWFjdC5Nb3VzZUV2ZW50KSA9PiB7XG4gICAgICAgICAgLy8gaHJlZlxuICAgICAgICAgIGlmIChcImhyZWZcIiBpbiBpdGVtKSByZXR1cm47XG4gICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgIC8vIGNvbWJpbmVkIGhhbmRsZXJcbiAgICAgICAgICBpZiAob25DbGlja0l0ZW0pIG9uQ2xpY2tJdGVtKGl0ZW0uaWQpO1xuICAgICAgICAgIC8vIGluZGl2aWR1YWwgaGFuZGxlclxuICAgICAgICAgIGVsc2UgaWYgKGl0ZW0ub25DbGljaykgaXRlbS5vbkNsaWNrKCk7XG4gICAgICAgIH07XG5cbiAgICAgICAgY29uc3QgaHJlZiA9IFwiaHJlZlwiIGluIGl0ZW0gPyBpdGVtLmhyZWYgOiBcIiNcIjtcblxuICAgICAgICBjb25zdCBpZCA9IFwiaWRcIiBpbiBpdGVtID8gaXRlbS5pZCA6IG51bGw7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICA8RnJhZ21lbnQga2V5PXtcImhyZWZcIiBpbiBpdGVtID8gaXRlbS5ocmVmIDogaXRlbS5pZH0+XG4gICAgICAgICAgICA8bGkgY2xhc3NOYW1lPVwiaXRlbVwiPlxuICAgICAgICAgICAgICA8Qm9sZEFuY2hvclxuICAgICAgICAgICAgICAgIGFuYWx5dGljc0lkPXtpdGVtLmFuYWx5dGljc0lkfVxuICAgICAgICAgICAgICAgIGhyZWY9e2hyZWZ9XG4gICAgICAgICAgICAgICAgb25DbGljaz17b25DbGlja31cbiAgICAgICAgICAgICAgICBhY3RpdmU9e2lkID09PSBhY3RpdmV9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8aW1nIHNyYz17aXRlbS5pY29ufSAvPlxuICAgICAgICAgICAgICAgIHtpdGVtLmxhYmVsfXtcIiBcIn1cbiAgICAgICAgICAgICAgICB7XCJpZFwiIGluIGl0ZW0gJiYgaXRlbS5tb3JlID8gKFxuICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiY2hldnJvblwiPlxuICAgICAgICAgICAgICAgICAgICA8c3BhbiBjbGFzc05hbWU9XCJjaGV2cm9uLXJpZ2h0XCI+XG4gICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJjaGV2cm9uX3JpZ2h0XCJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNpemU9e3NpemUgPT09IFwibm9ybWFsXCIgPyBcIjI0cHhcIiA6IFwiMzZweFwifVxuICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgICAgICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPVwiY2hldnJvbi1kb3duXCI+XG4gICAgICAgICAgICAgICAgICAgICAgPEljb25cbiAgICAgICAgICAgICAgICAgICAgICAgIGljb249XCJleHBhbmRfbW9yZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICBzaXplPXtzaXplID09PSBcIm5vcm1hbFwiID8gXCIxNnB4XCIgOiBcIjI0cHhcIn1cbiAgICAgICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgICA8L3NwYW4+XG4gICAgICAgICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgICAgIDwvQm9sZEFuY2hvcj5cbiAgICAgICAgICAgIDwvbGk+XG4gICAgICAgICAgICB7XCJjaGlsZHJlblwiIGluIGl0ZW0gPyBpdGVtLmNoaWxkcmVuIDogbnVsbH1cbiAgICAgICAgICA8L0ZyYWdtZW50PlxuICAgICAgICApO1xuICAgICAgfSl9XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIHVsIHtcbiAgICAgICAgICBtYXJnaW46IDA7XG4gICAgICAgICAgcGFkZGluZzogMDtcbiAgICAgICAgICBsaXN0LXN0eWxlOiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLml0ZW0ge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICAgICBmb250LWZhbWlseTogJHt0aGVtZS50eXBvZ3JhcGh5LmZvbnRGYW1pbHkuYnJhbmR9O1xuICAgICAgICAgIGNvbG9yOiAke0JSQU5EX0RBUktfR1JFWX07XG4gICAgICAgICAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaXplLWxvbmcge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgZmxleC13cmFwOiB3cmFwO1xuICAgICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbG9uZyAuaXRlbSB7XG4gICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgIGhlaWdodDogNTBweDtcbiAgICAgICAgICBtYXJnaW4tYm90dG9tOiAzMHB4O1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbG9uZyAuaXRlbTpub3QoOmxhc3QtY2hpbGQpIHtcbiAgICAgICAgICBmbGV4OiAxIDAgMzAlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbG9uZyAuaXRlbTpsYXN0LWNoaWxkIHtcbiAgICAgICAgICBmbGV4OiAxIDAgNjQlO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbG9uZyAuaXRlbSA+IDpnbG9iYWwoYSkge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgfVxuXG4gICAgICAgIC5zaXplLWxvbmcgLml0ZW0gPiA6Z2xvYmFsKGEgPiBpbWcpIHtcbiAgICAgICAgICBtYXJnaW4tcmlnaHQ6IDEwcHg7XG4gICAgICAgICAgd2lkdGg6IDUwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAuc2l6ZS1sYXJnZSAuaXRlbSB7XG4gICAgICAgICAgZm9udC1zaXplOiAxcmVtO1xuICAgICAgICAgIGhlaWdodDogMi41cmVtO1xuICAgICAgICB9XG5cbiAgICAgICAgLnNpemUtbm9ybWFsIC5pdGVtIHtcbiAgICAgICAgICBmb250LXNpemU6IDAuODc1cmVtO1xuICAgICAgICAgIGhlaWdodDogMS43NXJlbTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5pdGVtIDpnbG9iYWwoYTpmb2N1cykge1xuICAgICAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICAgIH1cblxuICAgICAgICAuaXRlbTpmb2N1cy13aXRoaW4ge1xuICAgICAgICAgIG91dGxpbmU6IC13ZWJraXQtZm9jdXMtcmluZy1jb2xvciBhdXRvIDVweDtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jaGV2cm9uIHtcbiAgICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIHdpZHRoOiAxZW07XG4gICAgICAgICAgaGVpZ2h0OiAxZW07XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6IDFyZW07XG4gICAgICAgICAgdmVydGljYWwtYWxpZ246IG1pZGRsZTtcbiAgICAgICAgICBsaW5lLWhlaWdodDogMTtcbiAgICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTUlKTtcbiAgICAgICAgICBjb2xvcjogJHtJTkFDVElWRV9HUkVZfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC5jaGV2cm9uLXJpZ2h0IHtcbiAgICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgICB9XG5cbiAgICAgICAgLml0ZW0gOmdsb2JhbChhOmhvdmVyKSAuY2hldnJvbixcbiAgICAgICAgLml0ZW0gOmdsb2JhbChhOmZvY3VzKSAuY2hldnJvbixcbiAgICAgICAgLml0ZW0gOmdsb2JhbChhLmFjdGl2ZSkgLmNoZXZyb24ge1xuICAgICAgICAgIGNvbG9yOiBpbmhlcml0O1xuICAgICAgICB9XG5cbiAgICAgICAgLmNoZXZyb24gPiA6Z2xvYmFsKCopIHtcbiAgICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKC01MCUsIC01MCUpO1xuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtaW4td2lkdGg6IDcyMHB4KSB7XG4gICAgICAgICAgLnNpemUtbGFyZ2UgLml0ZW0ge1xuICAgICAgICAgICAgZm9udC1zaXplOiAxLjM3NXJlbTtcbiAgICAgICAgICAgIG1pbi1oZWlnaHQ6IDNyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLnNpemUtbm9ybWFsIC5pdGVtIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMS4xMjVyZW07XG4gICAgICAgICAgICBtaW4taGVpZ2h0OiAyLjVyZW07XG4gICAgICAgICAgfVxuXG4gICAgICAgICAgLmNoZXZyb24tcmlnaHQge1xuICAgICAgICAgICAgZGlzcGxheTogaW5pdGlhbDtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuY2hldnJvbi1kb3duIHtcbiAgICAgICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgQG1lZGlhIChtYXgtd2lkdGg6IDcxOXB4KSB7XG4gICAgICAgICAgLnNpemUtbG9uZyAuaXRlbSB7XG4gICAgICAgICAgICBmb250LXNpemU6IDAuODc1cmVtO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiA2NDRweCkge1xuICAgICAgICAgIC5zaXplLWxvbmcgLml0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgICBmbGV4OiAxIDAgNTAlO1xuICAgICAgICAgIH1cbiAgICAgICAgICAuc2l6ZS1sb25nIC5pdGVtOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgZmxleDogMSAwIDUwJTtcbiAgICAgICAgICB9XG4gICAgICAgICAgLnNpemUtbG9uZyAuaXRlbSB7XG4gICAgICAgICAgICBtYXJnaW4tYm90dG9tOiAyMHB4O1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIEBtZWRpYSAobWF4LXdpZHRoOiA0NTdweCkge1xuICAgICAgICAgIC5zaXplLWxvbmcgLml0ZW0ge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICAgICAgICAgIH1cblxuICAgICAgICAgIC5zaXplLWxvbmcgLml0ZW06bm90KDpsYXN0LWNoaWxkKSB7XG4gICAgICAgICAgICBmbGV4OiAxIDAgMTAwJTtcbiAgICAgICAgICB9XG5cbiAgICAgICAgICAuc2l6ZS1sb25nIC5pdGVtOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgZmxleDogMSAwIDEwMCU7XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICBgfTwvc3R5bGU+XG4gICAgPC91bD5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkxpc3Q7XG4iXX0= */\n/*@ sourceURL=navigation-list.tsx */")));
70
+ }
71
+ NavigationList.propTypes = {
72
+ items: _pt__default["default"].any.isRequired,
73
+ onClickItem: _pt__default["default"].func,
74
+ size: _pt__default["default"].oneOf(["normal", "large", "long"]),
75
+ active: _pt__default["default"].oneOfType([_pt__default["default"].string, _pt__default["default"].oneOf([null])])
76
+ };
77
+
78
+ exports["default"] = NavigationList;
@@ -0,0 +1,50 @@
1
+ 'use strict';
2
+
3
+ Object.defineProperty(exports, '__esModule', { value: true });
4
+
5
+ var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
+ var _pt = require('prop-types');
7
+ var _JSXStyle = require('styled-jsx/style');
8
+ var React = require('react');
9
+ var classnames = require('classnames');
10
+ var colors = require('../../theme/colors.js');
11
+ var heartToggle = require('../icon/heart-toggle.js');
12
+ var icon = require('../icon/icon.js');
13
+
14
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
+
16
+ var _pt__default = /*#__PURE__*/_interopDefaultLegacy(_pt);
17
+ var _JSXStyle__default = /*#__PURE__*/_interopDefaultLegacy(_JSXStyle);
18
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
19
+ var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
20
+
21
+ const _excluded = ["isMenuOpen", "onChangeMenuOpen", "className"];
22
+ function NavigationMenuControl(_ref) {
23
+ let {
24
+ isMenuOpen,
25
+ onChangeMenuOpen,
26
+ className
27
+ } = _ref,
28
+ rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
29
+ return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
30
+ className: _JSXStyle__default["default"].dynamic([["3127978672", [colors.ON_BACKGROUND_GREY_GREY]]]) + " " + (rest && rest.className != null && rest.className || classnames__default["default"]("menu-control", className) || "")
31
+ }), /*#__PURE__*/React__default["default"].createElement(heartToggle["default"], {
32
+ active: /*#__PURE__*/React__default["default"].createElement(icon["default"], {
33
+ icon: "close"
34
+ }),
35
+ inactive: /*#__PURE__*/React__default["default"].createElement(icon["default"], {
36
+ icon: "menu"
37
+ }),
38
+ value: isMenuOpen,
39
+ onChange: onChangeMenuOpen
40
+ }), /*#__PURE__*/React__default["default"].createElement(_JSXStyle__default["default"], {
41
+ id: "3127978672",
42
+ dynamic: [colors.ON_BACKGROUND_GREY_GREY]
43
+ }, ".menu-control.__jsx-style-dynamic-selector{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-left:-20px;}.menu-control.__jsx-style-dynamic-selector::before{content:\"\";display:inline-block;width:1px;height:2rem;border-left:1px solid ".concat(colors.ON_BACKGROUND_GREY_GREY, ";margin-right:calc(0.5rem - 1px);}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm5hdmlnYXRpb24tbWVudS1jb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3QmtCLEFBR3dCLEFBTUYsV0FDVSxxQkFDWCxVQUNFLFlBQ3VDLG9CQVRoQywrQkFVYSxnQ0FDbEMsOEJBVm9CLGtCQUNwQiIsImZpbGUiOiJuYXZpZ2F0aW9uLW1lbnUtY29udHJvbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSBcInJlYWN0XCI7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tIFwiY2xhc3NuYW1lc1wiO1xuaW1wb3J0IHsgT05fQkFDS0dST1VORF9HUkVZX0dSRVkgfSBmcm9tIFwiLi4vLi4vdGhlbWUvY29sb3JzXCI7XG5pbXBvcnQgeyBIZWFydFRvZ2dsZSwgSWNvbiB9IGZyb20gXCIuLi9pY29uXCI7XG5cbmludGVyZmFjZSBOYXZpZ2F0aW9uTWVudUNvbnRyb2xQcm9wcyBleHRlbmRzIFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4ge1xuICBpc01lbnVPcGVuOiBib29sZWFuO1xuICBvbkNoYW5nZU1lbnVPcGVuOiAoaXNPcGVuOiBib29sZWFuKSA9PiB2b2lkO1xufVxuXG5mdW5jdGlvbiBOYXZpZ2F0aW9uTWVudUNvbnRyb2woe1xuICBpc01lbnVPcGVuLFxuICBvbkNoYW5nZU1lbnVPcGVuLFxuICBjbGFzc05hbWUsXG4gIC4uLnJlc3Rcbn06IE5hdmlnYXRpb25NZW51Q29udHJvbFByb3BzKSB7XG4gIHJldHVybiAoXG4gICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoXCJtZW51LWNvbnRyb2xcIiwgY2xhc3NOYW1lKX0gey4uLnJlc3R9PlxuICAgICAgPEhlYXJ0VG9nZ2xlXG4gICAgICAgIGFjdGl2ZT17PEljb24gaWNvbj1cImNsb3NlXCIgLz59XG4gICAgICAgIGluYWN0aXZlPXs8SWNvbiBpY29uPVwibWVudVwiPjwvSWNvbj59XG4gICAgICAgIHZhbHVlPXtpc01lbnVPcGVufVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2VNZW51T3Blbn1cbiAgICAgIC8+XG4gICAgICA8c3R5bGUganN4PntgXG4gICAgICAgIC5tZW51LWNvbnRyb2wge1xuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogLTIwcHg7XG4gICAgICAgIH1cblxuICAgICAgICAubWVudS1jb250cm9sOjpiZWZvcmUge1xuICAgICAgICAgIGNvbnRlbnQ6IFwiXCI7XG4gICAgICAgICAgZGlzcGxheTogaW5saW5lLWJsb2NrO1xuICAgICAgICAgIHdpZHRoOiAxcHg7XG4gICAgICAgICAgaGVpZ2h0OiAycmVtO1xuICAgICAgICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgJHtPTl9CQUNLR1JPVU5EX0dSRVlfR1JFWX07XG4gICAgICAgICAgbWFyZ2luLXJpZ2h0OiBjYWxjKDAuNXJlbSAtIDFweCk7XG4gICAgICAgIH1cbiAgICAgIGB9PC9zdHlsZT5cbiAgICA8L2Rpdj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbk1lbnVDb250cm9sO1xuIl19 */\n/*@ sourceURL=navigation-menu-control.tsx */")));
44
+ }
45
+ NavigationMenuControl.propTypes = {
46
+ isMenuOpen: _pt__default["default"].bool.isRequired,
47
+ onChangeMenuOpen: _pt__default["default"].func.isRequired
48
+ };
49
+
50
+ exports["default"] = NavigationMenuControl;