@blateral/b.kit 2.3.0-beta.1.3 → 2.3.0-beta.1.4

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 (206) hide show
  1. package/cjs/EventBlock-10b9d78d.js +2 -0
  2. package/cjs/EventBlock-10b9d78d.js.map +1 -0
  3. package/cjs/FileUpload-ece8bb07.js +2 -0
  4. package/cjs/FileUpload-ece8bb07.js.map +1 -0
  5. package/cjs/Filter-d6d90b8b.js +2 -0
  6. package/cjs/Filter-d6d90b8b.js.map +1 -0
  7. package/cjs/FilterField-cf9e2f16.js +2 -0
  8. package/cjs/FilterField-cf9e2f16.js.map +1 -0
  9. package/cjs/Grid-39b12e21.js +2 -0
  10. package/cjs/Grid-39b12e21.js.map +1 -0
  11. package/cjs/InfoList-577f3c57.js +2 -0
  12. package/cjs/InfoList-577f3c57.js.map +1 -0
  13. package/cjs/POICard-492bf8d0.js +2 -0
  14. package/cjs/POICard-492bf8d0.js.map +1 -0
  15. package/cjs/TableBlock-a5b16e8f.js +2 -0
  16. package/cjs/TableBlock-a5b16e8f.js.map +1 -0
  17. package/cjs/Tag-5c72cc0d.js +2 -0
  18. package/cjs/Tag-5c72cc0d.js.map +1 -0
  19. package/cjs/VideoBlock-301997a9.js +2 -0
  20. package/cjs/VideoBlock-301997a9.js.map +1 -0
  21. package/cjs/VideoCard-405b518a.js +2 -0
  22. package/cjs/VideoCard-405b518a.js.map +1 -0
  23. package/cjs/Wrapper-91748bdb.js +2 -0
  24. package/cjs/Wrapper-91748bdb.js.map +1 -0
  25. package/cjs/base.js +1 -1
  26. package/cjs/blocks.js +1 -1
  27. package/cjs/escape-1ef8dd83.js +2 -0
  28. package/cjs/escape-1ef8dd83.js.map +1 -0
  29. package/cjs/fields.js +1 -1
  30. package/cjs/fields.js.map +1 -1
  31. package/cjs/footer.js +1 -1
  32. package/cjs/footer.js.map +1 -1
  33. package/cjs/hooks.js +1 -1
  34. package/cjs/hooks.js.map +1 -1
  35. package/cjs/sections.js +1 -1
  36. package/cjs/sections.js.map +1 -1
  37. package/cjs/sections_events.js +2 -0
  38. package/cjs/sections_events.js.map +1 -0
  39. package/cjs/sections_forms.js +2 -0
  40. package/cjs/sections_forms.js.map +1 -0
  41. package/cjs/sections_jobs.js +2 -0
  42. package/cjs/sections_jobs.js.map +1 -0
  43. package/cjs/sections_news.js +1 -1
  44. package/cjs/sections_news.js.map +1 -1
  45. package/cjs/sections_pois.js +2 -0
  46. package/cjs/sections_pois.js.map +1 -0
  47. package/cjs/structuredData-0b1278a9.js +2 -0
  48. package/cjs/structuredData-0b1278a9.js.map +1 -0
  49. package/cjs/urlParams-7525f638.js +2 -0
  50. package/cjs/urlParams-7525f638.js.map +1 -0
  51. package/cjs/useEqualSheetHeight-cfd4176e.js +2 -0
  52. package/cjs/useEqualSheetHeight-cfd4176e.js.map +1 -0
  53. package/cjs/useGeolocation-d8946470.js +2 -0
  54. package/cjs/useGeolocation-d8946470.js.map +1 -0
  55. package/cjs/useLazyInput-f71c221b.js +2 -0
  56. package/cjs/useLazyInput-f71c221b.js.map +1 -0
  57. package/cjs/useLeafletMap-2e608b01.js +2 -0
  58. package/cjs/useLeafletMap-2e608b01.js.map +1 -0
  59. package/cjs/useScrollTo-fdd665da.js +2 -0
  60. package/cjs/useScrollTo-fdd665da.js.map +1 -0
  61. package/esm/{Actions-73e13c48.js → Actions-3f06c2e9.js} +3 -3
  62. package/esm/{Actions-73e13c48.js.map → Actions-3f06c2e9.js.map} +1 -1
  63. package/esm/{Bdot-30b047cc.js → Bdot-fae262fc.js} +3 -3
  64. package/esm/{Bdot-30b047cc.js.map → Bdot-fae262fc.js.map} +1 -1
  65. package/esm/{Button-678be396.js → Button-ab1a4e79.js} +3 -3
  66. package/esm/{Button-678be396.js.map → Button-ab1a4e79.js.map} +1 -1
  67. package/esm/{ButtonGhost-6673a07e.js → ButtonGhost-5b498dba.js} +3 -3
  68. package/esm/{ButtonGhost-6673a07e.js.map → ButtonGhost-5b498dba.js.map} +1 -1
  69. package/esm/{Callout-439308f6.js → Callout-389fed95.js} +4 -4
  70. package/esm/{Callout-439308f6.js.map → Callout-389fed95.js.map} +1 -1
  71. package/esm/{Checkbox-a365d733.js → Checkbox-957d8f33.js} +5 -5
  72. package/esm/{Checkbox-a365d733.js.map → Checkbox-957d8f33.js.map} +1 -1
  73. package/esm/{ClockFilled-8784ddac.js → ClockFilled-6bae80dc.js} +2 -2
  74. package/esm/{ClockFilled-8784ddac.js.map → ClockFilled-6bae80dc.js.map} +1 -1
  75. package/esm/{Control-e61c9395.js → Control-57a287dc.js} +3 -3
  76. package/esm/{Control-e61c9395.js.map → Control-57a287dc.js.map} +1 -1
  77. package/esm/{Copy-3444d005.js → Copy-fb124972.js} +4 -4
  78. package/esm/{Copy-3444d005.js.map → Copy-fb124972.js.map} +1 -1
  79. package/esm/EventBlock-0109da13.js +132 -0
  80. package/esm/EventBlock-0109da13.js.map +1 -0
  81. package/esm/{FilterField-f423b4d1.js → FileUpload-4ba0a672.js} +48 -165
  82. package/esm/FileUpload-4ba0a672.js.map +1 -0
  83. package/esm/Filter-fec6dc5c.js +32 -0
  84. package/esm/Filter-fec6dc5c.js.map +1 -0
  85. package/esm/FilterField-03097694.js +129 -0
  86. package/esm/FilterField-03097694.js.map +1 -0
  87. package/esm/{Wrapper-f4a70e30.js → Grid-151498da.js} +7 -224
  88. package/esm/Grid-151498da.js.map +1 -0
  89. package/esm/{Image-82417953.js → Image-b538f659.js} +5 -5
  90. package/esm/{Image-82417953.js.map → Image-b538f659.js.map} +1 -1
  91. package/esm/InfoList-616d17fd.js +74 -0
  92. package/esm/InfoList-616d17fd.js.map +1 -0
  93. package/esm/{LanguageSwitcher-a53094d3.js → LanguageSwitcher-058e0145.js} +5 -5
  94. package/esm/{LanguageSwitcher-a53094d3.js.map → LanguageSwitcher-058e0145.js.map} +1 -1
  95. package/esm/{LibThemeProvider-90a5375f.js → LibThemeProvider-a38c5bf1.js} +3 -3
  96. package/esm/{LibThemeProvider-90a5375f.js.map → LibThemeProvider-a38c5bf1.js.map} +1 -1
  97. package/esm/{Link-ee8a48ed.js → Link-0a1e35d6.js} +3 -3
  98. package/esm/{Link-ee8a48ed.js.map → Link-0a1e35d6.js.map} +1 -1
  99. package/esm/{Navigation-ece0ff0d.js → Navigation-13dce48c.js} +10 -10
  100. package/esm/{Navigation-ece0ff0d.js.map → Navigation-13dce48c.js.map} +1 -1
  101. package/esm/POICard-392a2c3a.js +116 -0
  102. package/esm/POICard-392a2c3a.js.map +1 -0
  103. package/esm/{Pointer-da4d0977.js → Pointer-bc68154f.js} +3 -3
  104. package/esm/{Pointer-da4d0977.js.map → Pointer-bc68154f.js.map} +1 -1
  105. package/esm/{SocialList-7c00c70e.js → SocialList-4396cad9.js} +5 -5
  106. package/esm/{SocialList-7c00c70e.js.map → SocialList-4396cad9.js.map} +1 -1
  107. package/esm/{TableBlock-0bbde956.js → TableBlock-26530c71.js} +11 -70
  108. package/esm/TableBlock-26530c71.js.map +1 -0
  109. package/esm/Tag-72424779.js +67 -0
  110. package/esm/Tag-72424779.js.map +1 -0
  111. package/esm/{POICard-d8832988.js → VideoBlock-b3f4ae27.js} +39 -332
  112. package/esm/VideoBlock-b3f4ae27.js.map +1 -0
  113. package/esm/{VideoCard-2557407b.js → VideoCard-3fd368ef.js} +8 -35
  114. package/esm/VideoCard-3fd368ef.js.map +1 -0
  115. package/esm/Wrapper-29347885.js +224 -0
  116. package/esm/Wrapper-29347885.js.map +1 -0
  117. package/esm/base.js +4 -3
  118. package/esm/base.js.map +1 -1
  119. package/esm/blocks.js +19 -15
  120. package/esm/blocks.js.map +1 -1
  121. package/esm/buttons.js +6 -6
  122. package/esm/cookies.js +8 -8
  123. package/esm/escape-cbff9c25.js +6 -0
  124. package/esm/escape-cbff9c25.js.map +1 -0
  125. package/esm/fields.js +12 -9
  126. package/esm/fields.js.map +1 -1
  127. package/esm/footer.js +10 -9
  128. package/esm/footer.js.map +1 -1
  129. package/esm/hooks.js +13 -9
  130. package/esm/hooks.js.map +1 -1
  131. package/esm/icons.js +1 -1
  132. package/esm/index.js +3 -3
  133. package/esm/{navigation-49280321.js → navigation-a2998143.js} +2 -2
  134. package/esm/{navigation-49280321.js.map → navigation-a2998143.js.map} +1 -1
  135. package/esm/navigation.js +12 -12
  136. package/esm/sections.js +2595 -5807
  137. package/esm/sections.js.map +1 -1
  138. package/esm/sections_events.js +573 -0
  139. package/esm/sections_events.js.map +1 -0
  140. package/esm/sections_forms.js +1405 -0
  141. package/esm/sections_forms.js.map +1 -0
  142. package/esm/sections_jobs.js +508 -0
  143. package/esm/sections_jobs.js.map +1 -0
  144. package/esm/sections_news.js +102 -97
  145. package/esm/sections_news.js.map +1 -1
  146. package/esm/sections_pois.js +719 -0
  147. package/esm/sections_pois.js.map +1 -0
  148. package/esm/structuredData-87423414.js +117 -0
  149. package/esm/structuredData-87423414.js.map +1 -0
  150. package/esm/{styles-5f78e59d.js → styles-f6c54818.js} +2 -2
  151. package/esm/{styles-5f78e59d.js.map → styles-f6c54818.js.map} +1 -1
  152. package/esm/typography.js +6 -6
  153. package/esm/urlParams-9cfdaf71.js +51 -0
  154. package/esm/urlParams-9cfdaf71.js.map +1 -0
  155. package/esm/{useCookieConsent-db86e5cb.js → useCookieConsent-8caef116.js} +2 -2
  156. package/esm/{useCookieConsent-db86e5cb.js.map → useCookieConsent-8caef116.js.map} +1 -1
  157. package/esm/{urlParams-882563ce.js → useEqualSheetHeight-c18cebd3.js} +4 -105
  158. package/esm/useEqualSheetHeight-c18cebd3.js.map +1 -0
  159. package/esm/useGeolocation-f9f073cc.js +95 -0
  160. package/esm/useGeolocation-f9f073cc.js.map +1 -0
  161. package/esm/useLazyInput-e66fc5be.js +85 -0
  162. package/esm/useLazyInput-e66fc5be.js.map +1 -0
  163. package/esm/{useGeolocation-c81e3efc.js → useLeafletMap-6dea7a8e.js} +4 -175
  164. package/esm/useLeafletMap-6dea7a8e.js.map +1 -0
  165. package/esm/{useMediaQuery-43629cbb.js → useMediaQuery-0d473a9c.js} +2 -2
  166. package/esm/{useMediaQuery-43629cbb.js.map → useMediaQuery-0d473a9c.js.map} +1 -1
  167. package/esm/useScrollTo-70af34bf.js +57 -0
  168. package/esm/useScrollTo-70af34bf.js.map +1 -0
  169. package/package.json +1 -1
  170. package/sections/events/package.json +7 -0
  171. package/sections/forms/package.json +7 -0
  172. package/sections/jobs/package.json +7 -0
  173. package/sections/pois/package.json +7 -0
  174. package/types/sections.d.ts +0 -10
  175. package/types/sections.d.ts.map +1 -1
  176. package/types/sections_events.d.ts +4 -0
  177. package/types/sections_events.d.ts.map +1 -0
  178. package/types/sections_forms.d.ts +3 -0
  179. package/types/sections_forms.d.ts.map +1 -0
  180. package/types/sections_jobs.d.ts +3 -0
  181. package/types/sections_jobs.d.ts.map +1 -0
  182. package/types/sections_news.d.ts +2 -2
  183. package/types/sections_news.d.ts.map +1 -1
  184. package/types/sections_pois.d.ts +4 -0
  185. package/types/sections_pois.d.ts.map +1 -0
  186. package/cjs/FilterField-497e998f.js +0 -2
  187. package/cjs/FilterField-497e998f.js.map +0 -1
  188. package/cjs/POICard-9911980e.js +0 -2
  189. package/cjs/POICard-9911980e.js.map +0 -1
  190. package/cjs/TableBlock-080c9c2e.js +0 -2
  191. package/cjs/TableBlock-080c9c2e.js.map +0 -1
  192. package/cjs/VideoCard-1fa209fc.js +0 -2
  193. package/cjs/VideoCard-1fa209fc.js.map +0 -1
  194. package/cjs/Wrapper-3b9c9e89.js +0 -2
  195. package/cjs/Wrapper-3b9c9e89.js.map +0 -1
  196. package/cjs/urlParams-1d03b5a6.js +0 -2
  197. package/cjs/urlParams-1d03b5a6.js.map +0 -1
  198. package/cjs/useGeolocation-4d38150b.js +0 -2
  199. package/cjs/useGeolocation-4d38150b.js.map +0 -1
  200. package/esm/FilterField-f423b4d1.js.map +0 -1
  201. package/esm/POICard-d8832988.js.map +0 -1
  202. package/esm/TableBlock-0bbde956.js.map +0 -1
  203. package/esm/VideoCard-2557407b.js.map +0 -1
  204. package/esm/Wrapper-f4a70e30.js.map +0 -1
  205. package/esm/urlParams-882563ce.js.map +0 -1
  206. package/esm/useGeolocation-c81e3efc.js.map +0 -1
@@ -0,0 +1,2 @@
1
+ "use strict";var n=require("./ClockFilled-2483aa4a.js"),t=require("react"),e=require("styled-components"),a=require("./concat-f387d848.js"),r=require("./styles-0f1a0aea.js");function i(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}function o(n){if(n&&n.__esModule)return n;var t=Object.create(null);return n&&Object.keys(n).forEach((function(e){if("default"!==e){var a=Object.getOwnPropertyDescriptor(n,e);Object.defineProperty(t,e,a.get?a:{enumerable:!0,get:function(){return n[e]}})}})),t.default=n,Object.freeze(t)}var d=i(t),g=o(t),l=i(e),c=l.default.section.withConfig({displayName:"Section__View",componentId:"sc-14g80mr-0"})(m||(m=n.__makeTemplateObject(["\n position: relative;\n overflow: ",";\n\n // section paddings\n ","\n\n // section margins\n ","\n"],["\n position: relative;\n overflow: ",";\n\n // section paddings\n ","\n\n // section margins\n ","\n"])),(function(n){return"div"===n.as?"visible":"hidden"}),(function(t){var a=t.addSeperation,i=t.isStackable,o=t.bgIdent,d=t.theme,g=r.getGlobals(d).sections.seperation.padding.default,l=r.getGlobals(d).sections.seperation.padding.stackable,c=r.getGlobals(d).sections.seperation.forcePadding;return a?e.css(u||(u=n.__makeTemplateObject(["\n ","\n ","\n\n section[data-stack-ident='true'] + & {\n ",";\n }\n\n section[data-bg-ident='","']\n + &[data-bg-ident='","'] {\n padding-top: ",";\n\n @media "," {\n padding-top: ",";\n }\n }\n "],["\n ","\n ","\n\n section[data-stack-ident='true'] + & {\n ",";\n }\n\n section[data-bg-ident='","']\n + &[data-bg-ident='","'] {\n padding-top: ",";\n\n @media "," {\n padding-top: ",";\n }\n }\n "])),r.withRange(g,"padding-top"),r.withRange(i?l:g,"padding-bottom"),r.withRange(l,"padding-top"),o,o,c?void 0:"0 !important",r.mq.xxlarge,c?void 0:"0 !important"):""}),(function(t){var a=t.addSeperation,i=t.isStackable,o=t.bgIdent,d=t.bgColor,g=t.theme,l=r.getGlobals(g).sections.seperation.margin.default,c=r.getGlobals(g).sections.seperation.margin.stackable,s=d?"__".concat(d):"";return a?e.css(b||(b=n.__makeTemplateObject(["\n *:not([data-bg-ident='light'])\n + &[data-bg-ident='larger-left","'] {\n ",";\n }\n\n *:not([data-bg-ident='light'])\n + &[data-bg-ident='larger-right","'] {\n ",";\n }\n\n section[data-bg-ident='larger-left","']\n + &:not([data-bg-ident='light']) {\n ",";\n }\n\n section[data-bg-ident='larger-right","']\n + &:not([data-bg-ident='light']) {\n ",";\n }\n\n section[data-bg-ident='","']\n + &[data-bg-ident='","'] {\n margin-top: 0 !important;\n\n @media "," {\n margin-top: 0 !important;\n }\n }\n "],["\n *:not([data-bg-ident='light'])\n + &[data-bg-ident='larger-left","'] {\n ",";\n }\n\n *:not([data-bg-ident='light'])\n + &[data-bg-ident='larger-right","'] {\n ",";\n }\n\n section[data-bg-ident='larger-left","']\n + &:not([data-bg-ident='light']) {\n ",";\n }\n\n section[data-bg-ident='larger-right","']\n + &:not([data-bg-ident='light']) {\n ",";\n }\n\n section[data-bg-ident='","']\n + &[data-bg-ident='","'] {\n margin-top: 0 !important;\n\n @media "," {\n margin-top: 0 !important;\n }\n }\n "])),s,r.withRange(l,"margin-top"),s,r.withRange(l,"margin-top"),s,r.withRange(i?c:l,"margin-top"),s,r.withRange(i?c:l,"margin-top"),o,o,r.mq.xxlarge):""})),s=l.default.div.withConfig({displayName:"Section__Back",componentId:"sc-14g80mr-1"})(f||(f=n.__makeTemplateObject(["\n display: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n max-width: ",";\n background: ",";\n margin: 0 auto;\n z-index: -1;\n\n @media "," {\n background: ",";\n }\n\n @media "," {\n :before {\n content: ",";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: ","px;\n background-color: ",";\n transform: translateX(-100%);\n }\n :after {\n content: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: ","px;\n background-color: ",";\n transform: translateX(100%);\n }\n }\n"],["\n display: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n max-width: ",";\n background: ",";\n margin: 0 auto;\n z-index: -1;\n\n @media "," {\n background: ",";\n }\n\n @media "," {\n :before {\n content: ",";\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: ","px;\n background-color: ",";\n transform: translateX(-100%);\n }\n :after {\n content: ",";\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: ","px;\n background-color: ",";\n transform: translateX(100%);\n }\n }\n"])),(function(n){return n.bgColor?"block":"none"}),(function(n){var t=n.bgMode,e=n.clampSolidBg;return"larger-left"!==t&&"larger-right"!==t?e?"".concat(r.spacings.wrapperLarge,"px"):void 0:"".concat(r.spacings.wrapper,"px")}),(function(n){return n.bgColor||void 0}),r.mq.semilarge,(function(n){var t=n.bgColor,e=n.bgMode;return t&&e?function(n,t){var e=void 0;switch(t){case"full":case"inverted":default:e=n;break;case"larger-left":e="linear-gradient(to left, transparent 40%, ".concat(n," 40%)");break;case"larger-right":e="linear-gradient(to right, transparent 40%, ".concat(n," 40%)")}return e}(t,e):void 0}),r.mq.xlarge,(function(n){return"larger-left"===n.bgMode?'""':void 0}),(r.spacings.wrapperLarge-r.spacings.wrapper)/2,(function(n){var t=n.bgColor;return t&&t}),(function(n){return"larger-right"===n.bgMode?'""':void 0}),(r.spacings.wrapperLarge-r.spacings.wrapper)/2,(function(n){var t=n.bgColor;return t&&t})),p=t.forwardRef((function(n,t){var e=n.anchorId,r=n.renderAs,i=n.bgColor,o=n.bgMode,g=n.clampSolidBg,l=void 0===g||g,p=n.addSeperation,u=void 0!==p&&p,b=n.isStackable,m=void 0!==b&&b,f=n.className,h=n.children;switch(o){case"larger-left":o="larger-left";break;case"larger-right":o="larger-right";break;case"inverted":o="inverted";break;case"full":o="full";break;default:o=void 0}var v=u?"":"nopad",w=i&&o?a.concat(["".concat(o,"__").concat(i),v],"--"):"light";return d.default.createElement(c,{ref:t,id:e||void 0,as:r,"data-bg-ident":w,bgIdent:w,bgColor:i||"",addSeperation:!(r&&(!r||"div"===r))&&u,isStackable:m,"data-stack-ident":m?"true":"false",className:f},i&&d.default.createElement(s,{bgColor:i,bgMode:o,clampSolidBg:l}),h)}));p.displayName="Section";var u,b,m,f,h,v=2*r.spacings.nudge,w=l.default.div.withConfig({displayName:"Wrapper__View",componentId:"sc-1ll038z-0"})(h||(h=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n max-width: ",";\n margin-left: auto;\n margin-right: auto;\n padding: 0\n ","px;\n"],["\n position: relative;\n width: 100%;\n max-width: ",";\n margin-left: auto;\n margin-right: auto;\n padding: 0\n ","px;\n"])),(function(n){switch(n.clampWidth){case"large":return"".concat(r.spacings.wrapperLarge,"px");case"small":return"".concat(r.spacings.wrapperSmall,"px");default:return"".concat(r.spacings.wrapper,"px")}}),(function(n){return n.addWhitespace?v:0}));exports.Section=p,exports.Wrapper=function(n){var t=n.addWhitespace,e=void 0!==t&&t,a=n.clampWidth,r=void 0===a?"normal":a,i=n.className,o=n.children;return g.createElement(w,{className:i,addWhitespace:e,clampWidth:r},o)},exports.mapToBgMode=function(n,t,e){switch(void 0===t&&(t=!1),void 0===e&&(e=!1),n){case"full":return"full";case"inverted":return"inverted";case"splitted":return t?void 0:e?"larger-left":"larger-right";default:return}},exports.wrapperWhitespace=v;
2
+ //# sourceMappingURL=Wrapper-91748bdb.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Wrapper-91748bdb.js","sources":["../src/components/base/Section.tsx","../src/components/base/Wrapper.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\nimport { concat } from 'utils/concat';\nimport { mq, spacings, withRange, getGlobals as global } from 'utils/styles';\n\nexport type BgMode = 'full' | 'larger-left' | 'larger-right' | 'inverted';\n\nconst getBackground = (bgColor: string, mode?: BgMode) => {\n let bgValue = undefined;\n\n switch (mode) {\n case 'full':\n bgValue = bgColor;\n break;\n\n case 'inverted':\n bgValue = bgColor;\n break;\n\n case 'larger-left':\n bgValue = `linear-gradient(to left, transparent 40%, ${bgColor} 40%)`;\n break;\n\n case 'larger-right':\n bgValue = `linear-gradient(to right, transparent 40%, ${bgColor} 40%)`;\n break;\n\n default:\n bgValue = bgColor;\n break;\n }\n return bgValue;\n};\n\nconst View = styled.section<{\n as?: SectionType;\n bgIdent: string;\n bgColor: string;\n isStackable?: boolean;\n addSeperation?: boolean;\n}>`\n position: relative;\n overflow: ${({ as }) => (as === 'div' ? 'visible' : 'hidden')};\n\n // section paddings\n ${({ addSeperation, isStackable, bgIdent, theme }) => {\n const padding = global(theme).sections.seperation.padding.default;\n const paddingStacked =\n global(theme).sections.seperation.padding.stackable;\n const forcePadding = global(theme).sections.seperation.forcePadding;\n\n if (addSeperation) {\n return css`\n ${withRange(padding, 'padding-top')}\n ${withRange(\n isStackable ? paddingStacked : padding,\n 'padding-bottom'\n )}\n\n section[data-stack-ident='true'] + & {\n ${withRange(paddingStacked, 'padding-top')};\n }\n\n section[data-bg-ident='${bgIdent}']\n + &[data-bg-ident='${bgIdent}'] {\n padding-top: ${forcePadding ? undefined : '0 !important'};\n\n @media ${mq.xxlarge} {\n padding-top: ${forcePadding\n ? undefined\n : '0 !important'};\n }\n }\n `;\n } else return '';\n }}\n\n // section margins\n ${({ addSeperation, isStackable, bgIdent, bgColor, theme }) => {\n const margin = global(theme).sections.seperation.margin.default;\n const marginStacked =\n global(theme).sections.seperation.margin.stackable;\n\n const bgColorPart = bgColor ? `__${bgColor}` : '';\n\n if (addSeperation) {\n return css`\n *:not([data-bg-ident='light'])\n + &[data-bg-ident='larger-left${bgColorPart}'] {\n ${withRange(margin, 'margin-top')};\n }\n\n *:not([data-bg-ident='light'])\n + &[data-bg-ident='larger-right${bgColorPart}'] {\n ${withRange(margin, 'margin-top')};\n }\n\n section[data-bg-ident='larger-left${bgColorPart}']\n + &:not([data-bg-ident='light']) {\n ${withRange(\n isStackable ? marginStacked : margin,\n 'margin-top'\n )};\n }\n\n section[data-bg-ident='larger-right${bgColorPart}']\n + &:not([data-bg-ident='light']) {\n ${withRange(\n isStackable ? marginStacked : margin,\n 'margin-top'\n )};\n }\n\n section[data-bg-ident='${bgIdent}']\n + &[data-bg-ident='${bgIdent}'] {\n margin-top: 0 !important;\n\n @media ${mq.xxlarge} {\n margin-top: 0 !important;\n }\n }\n `;\n } else return '';\n }}\n`;\n\nconst Back = styled.div<{\n bgColor?: string;\n bgMode?: BgMode;\n clampSolidBg?: boolean;\n}>`\n display: ${({ bgColor }) => (bgColor ? 'block' : 'none')};\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n max-width: ${({ bgMode, clampSolidBg }) => {\n if (bgMode !== 'larger-left' && bgMode !== 'larger-right') {\n return clampSolidBg ? `${spacings.wrapperLarge}px` : undefined;\n } else {\n return `${spacings.wrapper}px`;\n }\n }};\n background: ${({ bgColor }) => bgColor || undefined};\n margin: 0 auto;\n z-index: -1;\n\n @media ${mq.semilarge} {\n background: ${({ bgColor, bgMode }) =>\n bgColor && bgMode ? getBackground(bgColor, bgMode) : undefined};\n }\n\n @media ${mq.xlarge} {\n :before {\n content: ${({ bgMode }) =>\n bgMode === 'larger-left' ? `\"\"` : undefined};\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n width: ${(spacings.wrapperLarge - spacings.wrapper) / 2}px;\n background-color: ${({ bgColor }) => bgColor && bgColor};\n transform: translateX(-100%);\n }\n :after {\n content: ${({ bgMode }) =>\n bgMode === 'larger-right' ? `\"\"` : undefined};\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n width: ${(spacings.wrapperLarge - spacings.wrapper) / 2}px;\n background-color: ${({ bgColor }) => bgColor && bgColor};\n transform: translateX(100%);\n }\n }\n`;\n\nexport type SectionType = 'header' | 'footer' | 'div';\n\nexport interface SectionProps {\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Render as specific HTML tag type */\n renderAs?: SectionType;\n\n /** Background color */\n bgColor?: string;\n\n /** Background mode */\n bgMode?: BgMode;\n\n /** Clamp solid backgrounds (full, inverted) to large wrapper width */\n clampSolidBg?: boolean;\n\n /** Enable section seperation spacing */\n addSeperation?: boolean;\n\n /** Allow stack feature for reduced section spacing to following section */\n isStackable?: boolean;\n}\n\nconst Section = forwardRef<\n HTMLElement,\n SectionProps & {\n className?: string;\n children?: React.ReactNode;\n }\n>(\n (\n {\n anchorId,\n renderAs,\n bgColor,\n bgMode,\n clampSolidBg = true,\n addSeperation = false,\n isStackable = false,\n className,\n children,\n },\n ref\n ) => {\n switch (bgMode) {\n case 'larger-left':\n bgMode = 'larger-left';\n break;\n case 'larger-right':\n bgMode = 'larger-right';\n break;\n case 'inverted':\n bgMode = 'inverted';\n break;\n case 'full':\n bgMode = 'full';\n break;\n default:\n bgMode = undefined;\n }\n\n const noPadIdent = addSeperation ? '' : 'nopad';\n const ident =\n bgColor && bgMode\n ? concat([`${bgMode}__${bgColor}`, noPadIdent], '--')\n : 'light';\n\n return (\n <View\n ref={ref}\n id={anchorId || undefined}\n as={renderAs}\n data-bg-ident={ident}\n bgIdent={ident}\n bgColor={bgColor || ''}\n addSeperation={\n !renderAs || (renderAs && renderAs !== 'div')\n ? addSeperation\n : false\n }\n isStackable={isStackable}\n data-stack-ident={isStackable ? 'true' : 'false'}\n className={className}\n >\n {bgColor && (\n <Back\n bgColor={bgColor}\n bgMode={bgMode}\n clampSolidBg={clampSolidBg}\n />\n )}\n {children}\n </View>\n );\n }\n);\n\nSection.displayName = 'Section';\n\nexport default Section;\n\nexport const mapToBgMode = (\n mode?: 'full' | 'splitted' | 'inverted',\n preventSplit = false,\n isMirrored = false\n): BgMode | undefined => {\n switch (mode) {\n case 'full':\n return 'full';\n case 'inverted':\n return 'inverted';\n case 'splitted': {\n if (!preventSplit)\n return isMirrored ? 'larger-left' : 'larger-right';\n else return undefined;\n }\n\n default:\n return undefined;\n }\n};\n","import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { spacings } from 'utils/styles';\n\nexport type ClampWidthType = 'small' | 'normal' | 'large';\n\nexport const wrapperWhitespace = spacings.nudge * 2;\n\nconst View = styled.div<{\n clampWidth?: ClampWidthType;\n addWhitespace?: boolean;\n}>`\n position: relative;\n width: 100%;\n max-width: ${({ clampWidth }) => {\n switch (clampWidth) {\n case 'large':\n return `${spacings.wrapperLarge}px`;\n\n case 'small':\n return `${spacings.wrapperSmall}px`;\n\n default:\n case 'normal':\n return `${spacings.wrapper}px`;\n }\n }};\n margin-left: auto;\n margin-right: auto;\n padding: 0\n ${({ addWhitespace }) => (addWhitespace ? wrapperWhitespace : 0)}px;\n`;\n\nconst Wrapper: React.FC<{\n addWhitespace?: boolean;\n clampWidth?: ClampWidthType;\n className?: string;\n children?: React.ReactNode;\n}> = ({\n addWhitespace = false,\n clampWidth = 'normal',\n className,\n children,\n}) => {\n return (\n <View\n className={className}\n addWhitespace={addWhitespace}\n clampWidth={clampWidth}\n >\n {children}\n </View>\n );\n};\n\nexport default Wrapper;\n"],"names":["View","styled","section","withConfig","displayName","componentId","templateObject_3","__makeTemplateObject","_a","as","addSeperation","isStackable","bgIdent","theme","padding","global","sections","seperation","default","paddingStacked","stackable","forcePadding","css","templateObject_1","withRange","undefined","mq","xxlarge","bgColor","margin","marginStacked","bgColorPart","concat","templateObject_2","Back","div","templateObject_4","bgMode","clampSolidBg","spacings","wrapperLarge","wrapper","semilarge","mode","bgValue","getBackground","xlarge","Section","forwardRef","ref","anchorId","renderAs","_b","_c","_d","className","children","noPadIdent","ident","React","createElement","id","wrapperWhitespace","nudge","clampWidth","wrapperSmall","addWhitespace","preventSplit","isMirrored"],"mappings":"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"}
package/cjs/base.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Wrapper-3b9c9e89.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./clamp-bd21d587.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),exports.Grid=e.Grid,exports.Section=e.Section,exports.Wrapper=e.Wrapper,exports.getGridWidth=e.getGridWidth,exports.gridSettings=e.gridSettings,exports.mapToBgMode=e.mapToBgMode,exports.wrapperWhitespace=e.wrapperWhitespace;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./Grid-39b12e21.js"),r=require("./Wrapper-91748bdb.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./clamp-bd21d587.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),require("./concat-f387d848.js"),require("./arrays-c272ed59.js"),exports.Grid=e.Grid,exports.getGridWidth=e.getGridWidth,exports.gridSettings=e.gridSettings,exports.Section=r.Section,exports.Wrapper=r.Wrapper,exports.mapToBgMode=r.mapToBgMode,exports.wrapperWhitespace=r.wrapperWhitespace;
2
2
  //# sourceMappingURL=base.js.map
package/cjs/blocks.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./TableBlock-080c9c2e.js"),r=require("./Actions-6dd616e0.js"),s=require("./Bdot-d898ba3b.js"),t=require("./POICard-9911980e.js"),o=require("./Image-d9681be0.js"),a=require("./LanguageSwitcher-47e25e95.js"),i=require("./SocialList-da77e994.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./Copy-e860efe7.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-fb99fd6d.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),require("./Link-70143bb7.js"),require("./statusFormatter-0393122b.js"),require("./arrays-c272ed59.js"),require("./useMediaQuery-d4f81f88.js"),require("./useObserverSupport-5ab320dd.js"),require("./useUpdateEffect-4d233e2c.js"),exports.TableBlock=e.TableBlock,exports.Tag=e.Tag,exports.Title=e.Title,exports.Actions=r.Actions,exports.Bdot=s.Bdot,exports.EventBlock=t.EventBlock,exports.HeaderKenBurns=t.HeaderKenBurns,exports.HeaderPoster=t.HeaderPoster,exports.HeaderVideo=t.HeaderVideo,exports.InfoList=t.InfoList,exports.IntroBlock=t.IntroBlock,exports.POICard=t.POICard,exports.POIFacts=t.POIFacts,exports.VideoBlock=t.VideoBlock,exports.Image=o.Image,exports.LanguageSwitcher=a.LanguageSwitcher,exports.SocialList=i.SocialList;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./TableBlock-a5b16e8f.js"),r=require("./Actions-6dd616e0.js"),s=require("./Bdot-d898ba3b.js"),o=require("./VideoBlock-301997a9.js"),t=require("./Image-d9681be0.js"),i=require("./LanguageSwitcher-47e25e95.js"),a=require("./EventBlock-10b9d78d.js"),d=require("./Tag-5c72cc0d.js"),u=require("./POICard-492bf8d0.js"),c=require("./InfoList-577f3c57.js"),l=require("./SocialList-da77e994.js");require("./ClockFilled-2483aa4a.js"),require("react"),require("styled-components"),require("./Copy-e860efe7.js"),require("./clamp-bd21d587.js"),require("./LibThemeProvider-fb99fd6d.js"),require("./styles-0f1a0aea.js"),require("react-dom/server"),require("./Link-70143bb7.js"),require("./useMediaQuery-d4f81f88.js"),require("./useObserverSupport-5ab320dd.js"),require("./useUpdateEffect-4d233e2c.js"),require("./statusFormatter-0393122b.js"),require("./arrays-c272ed59.js"),exports.TableBlock=e.TableBlock,exports.Title=e.Title,exports.Actions=r.Actions,exports.Bdot=s.Bdot,exports.HeaderKenBurns=o.HeaderKenBurns,exports.HeaderPoster=o.HeaderPoster,exports.HeaderVideo=o.HeaderVideo,exports.IntroBlock=o.IntroBlock,exports.VideoBlock=o.VideoBlock,exports.Image=t.Image,exports.LanguageSwitcher=i.LanguageSwitcher,exports.EventBlock=a.EventBlock,exports.Tag=d.Tag,exports.POICard=u.POICard,exports.POIFacts=u.POIFacts,exports.InfoList=c.InfoList,exports.SocialList=l.SocialList;
2
2
  //# sourceMappingURL=blocks.js.map
@@ -0,0 +1,2 @@
1
+ "use strict";exports.escapeRegExp=function(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")};
2
+ //# sourceMappingURL=escape-1ef8dd83.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"escape-1ef8dd83.js","sources":["../src/utils/escape.ts"],"sourcesContent":["export const escapeRegExp = (value: string) => {\n return value.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n};\n"],"names":["value","replace"],"mappings":"kCAA4B,SAACA,GAClBA,OAAAA,EAAMC,QAAQ,sBAAuB"}
package/cjs/fields.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),o=require("styled-components"),t=require("./LibThemeProvider-fb99fd6d.js"),r=require("./styles-0f1a0aea.js"),i=require("./FilterField-497e998f.js"),a=require("./Checkbox-14000bf0.js");function l(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./Copy-e860efe7.js"),require("./clamp-bd21d587.js"),require("./useGeolocation-4d38150b.js"),require("./useUpdateEffect-4d233e2c.js"),require("./ButtonGhost-046437c5.js"),require("./hexRgbConverter-91b28aea.js"),require("./Button-72747f63.js"),require("react-datepicker"),require("./useMounted-0bba9869.js"),require("./arrays-c272ed59.js");var c,s,u,d,p,f,m,h,g=l(e),b=l(o),x=b.default.form.withConfig({displayName:"CompactForm__View",componentId:"sc-v44fzp-0"})(c||(c=n.__makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n\n color: ",";\n\n @media "," {\n flex-direction: row;\n }\n"],["\n width: 100%;\n display: flex;\n flex-direction: column;\n\n color: ",";\n\n @media "," {\n flex-direction: row;\n }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),r.mq.medium),v=b.default.input.withConfig({displayName:"CompactForm__InputField",componentId:"sc-v44fzp-1"})(s||(s=n.__makeTemplateObject(["\n display: block;\n width: 100%;\n height: 49px;\n max-height: 49px;\n padding: ","px ","px;\n color: inherit;\n\n background-color: ",";\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ",";\n font-weight: ",";\n ","\n line-height: ",";\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &::placeholder {\n color: inherit;\n }\n"],["\n display: block;\n width: 100%;\n height: 49px;\n max-height: 49px;\n padding: ","px ","px;\n color: inherit;\n\n background-color: ",";\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ",";\n font-weight: ",";\n ","\n line-height: ",";\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &::placeholder {\n color: inherit;\n }\n"])),r.spacings.nudge,3*r.spacings.nudge,(function(n){var e=n.backColor;return e&&e}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.weight}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.lineHeight}),(function(n){var e=n.theme;return"2px solid ".concat(r.getColors(e).primary.default)})),w=b.default.button.withConfig({displayName:"CompactForm__SubmitBtn",componentId:"sc-v44fzp-2"})(u||(u=n.__makeTemplateObject(["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 49px;\n\n margin-top: ","px;\n\n background-color: ",";\n color: ",";\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n transition: all ease-in-out 0.2s;\n\n @media "," {\n width: 100px;\n margin-top: 0;\n }\n\n &:hover {\n transform: scale(1.05);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"],["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 49px;\n\n margin-top: ","px;\n\n background-color: ",";\n color: ",";\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n transition: all ease-in-out 0.2s;\n\n @media "," {\n width: 100px;\n margin-top: 0;\n }\n\n &:hover {\n transform: scale(1.05);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"])),.5*r.spacings.spacer,(function(n){var e=n.theme;return r.getColors(e).primary.default}),(function(n){var e=n.theme;return r.getColors(e).text.inverted}),r.mq.medium),y=b.default.div.withConfig({displayName:"SearchInput__View",componentId:"sc-21j67n-0"})(d||(d=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n\n color: ",";\n\n background-color: ",";\n"],["\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n\n color: ",";\n\n background-color: ",";\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),(function(n){var e=n.theme;return n.isInverted?r.getColors(e).elementBg.light:r.getColors(e).elementBg.medium})),k=b.default.input.withConfig({displayName:"SearchInput__InputField",componentId:"sc-21j67n-1"})(p||(p=n.__makeTemplateObject(["\n display: block;\n width: 100%;\n height: 100%;\n padding: ","px ","px;\n padding-left: ",";\n padding-right: ",";\n color: inherit;\n\n background-color: transparent;\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ",";\n font-weight: 400;\n ","\n line-height: 1.25;\n\n &::placeholder {\n color: inherit;\n }\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"],["\n display: block;\n width: 100%;\n height: 100%;\n padding: ","px ","px;\n padding-left: ",";\n padding-right: ",";\n color: inherit;\n\n background-color: transparent;\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ",";\n font-weight: 400;\n ","\n line-height: 1.25;\n\n &::placeholder {\n color: inherit;\n }\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"])),3*r.spacings.nudge,3.5*r.spacings.nudge,(function(n){return n.hasLeftIcon&&2.5*r.spacings.spacer+"px"}),(function(n){return n.hasRightIcon&&2.5*r.spacings.spacer+"px"}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return"1px solid ".concat(r.getColors(e).primary.default)})),C=b.default.button.withConfig({displayName:"SearchInput__ControlBtn",componentId:"sc-21j67n-2"})(f||(f=n.__makeTemplateObject(["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 53px;\n\n margin: -2px;\n background-color: transparent;\n color: ",";\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n /* transition: all ease-in-out 0.2s; */\n\n &:hover {\n transform: scale(1.02);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"],["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 53px;\n\n margin: -2px;\n background-color: transparent;\n color: ",";\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n /* transition: all ease-in-out 0.2s; */\n\n &:hover {\n transform: scale(1.02);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default})),_=b.default(C).withConfig({displayName:"SearchInput__SubmitBtn",componentId:"sc-21j67n-3"})(m||(m=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n"]))),j=b.default(C).withConfig({displayName:"SearchInput__ClearBtn",componentId:"sc-21j67n-4"})(h||(h=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n"],["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n"])));exports.Datepicker=i.DatepickerCmp,exports.FileUpload=i.FileUploadCmp,exports.FilterField=i.FilterField,exports.FormField=i.FieldWrapper,exports.LocationField=i.LocationField,exports.Radio=i.RadioButton,exports.SelectDropdown=i.SelectDropdown,exports.Textarea=i.Textarea,exports.Textfield=i.Textfield,exports.Checkbox=a.Checkbox,exports.CompactForm=function(n){var e=n.mode,o=void 0===e?"default":e,r=n.value,i=n.placeholder,a=n.method,l=n.action,c=n.buttonIcon,s=n.onSubmit,u=n.onClick,d=n.onBlur,p=n.onFocus,f=n.className,m=t.useLibTheme().colors,h="default"===o?m.elementBg.medium:m.elementBg.light;return g.default.createElement(x,{onSubmit:s,method:a,action:l,className:f},g.default.createElement(v,{placeholder:i,value:r,onClick:u,onBlur:d,onFocus:p,backColor:h}),c&&g.default.createElement(w,{isInverted:"onDark"===o},c))},exports.SearchInput=function(n){var e=n.isInverted,o=void 0!==e&&e,t=n.value,r=n.placeholder,i=n.submitIcon,a=n.clearIcon,l=n.onSubmit,c=n.onClick,s=n.onClear,u=n.onBlur,d=n.onFocus,p=n.className;return g.default.createElement(y,{isInverted:o,className:p},i&&g.default.createElement(_,{isInverted:o,onClick:function(){return l&&l()}},i),g.default.createElement(k,{hasLeftIcon:void 0!==i,hasRightIcon:void 0!==a,placeholder:r,value:t,onClick:c,onBlur:u,onFocus:d,onKeyDown:function(n){13===n.keyCode&&(l&&l(),n.preventDefault())}}),a&&g.default.createElement(j,{isInverted:o,onClick:function(){return s&&s()}},a))};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var n=require("./ClockFilled-2483aa4a.js"),e=require("react"),o=require("styled-components"),t=require("./LibThemeProvider-fb99fd6d.js"),r=require("./styles-0f1a0aea.js"),i=require("./FilterField-cf9e2f16.js"),a=require("./FileUpload-ece8bb07.js"),l=require("./Checkbox-14000bf0.js");function c(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}require("react-dom/server"),require("./Copy-e860efe7.js"),require("./clamp-bd21d587.js"),require("./useLazyInput-f71c221b.js"),require("./useLeafletMap-2e608b01.js"),require("./useUpdateEffect-4d233e2c.js"),require("./useGeolocation-d8946470.js"),require("./ButtonGhost-046437c5.js"),require("./hexRgbConverter-91b28aea.js"),require("./Button-72747f63.js"),require("react-datepicker"),require("./useMounted-0bba9869.js"),require("./arrays-c272ed59.js");var s,u,d,p,f,m,h,g,b=c(e),x=c(o),v=x.default.form.withConfig({displayName:"CompactForm__View",componentId:"sc-v44fzp-0"})(s||(s=n.__makeTemplateObject(["\n width: 100%;\n display: flex;\n flex-direction: column;\n\n color: ",";\n\n @media "," {\n flex-direction: row;\n }\n"],["\n width: 100%;\n display: flex;\n flex-direction: column;\n\n color: ",";\n\n @media "," {\n flex-direction: row;\n }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),r.mq.medium),w=x.default.input.withConfig({displayName:"CompactForm__InputField",componentId:"sc-v44fzp-1"})(u||(u=n.__makeTemplateObject(["\n display: block;\n width: 100%;\n height: 49px;\n max-height: 49px;\n padding: ","px ","px;\n color: inherit;\n\n background-color: ",";\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ",";\n font-weight: ",";\n ","\n line-height: ",";\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &::placeholder {\n color: inherit;\n }\n"],["\n display: block;\n width: 100%;\n height: 49px;\n max-height: 49px;\n padding: ","px ","px;\n color: inherit;\n\n background-color: ",";\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ",";\n font-weight: ",";\n ","\n line-height: ",";\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &::placeholder {\n color: inherit;\n }\n"])),r.spacings.nudge,3*r.spacings.nudge,(function(n){var e=n.backColor;return e&&e}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.weight}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.lineHeight}),(function(n){var e=n.theme;return"2px solid ".concat(r.getColors(e).primary.default)})),y=x.default.button.withConfig({displayName:"CompactForm__SubmitBtn",componentId:"sc-v44fzp-2"})(d||(d=n.__makeTemplateObject(["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 49px;\n\n margin-top: ","px;\n\n background-color: ",";\n color: ",";\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n transition: all ease-in-out 0.2s;\n\n @media "," {\n width: 100px;\n margin-top: 0;\n }\n\n &:hover {\n transform: scale(1.05);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"],["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 49px;\n\n margin-top: ","px;\n\n background-color: ",";\n color: ",";\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n transition: all ease-in-out 0.2s;\n\n @media "," {\n width: 100px;\n margin-top: 0;\n }\n\n &:hover {\n transform: scale(1.05);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"])),.5*r.spacings.spacer,(function(n){var e=n.theme;return r.getColors(e).primary.default}),(function(n){var e=n.theme;return r.getColors(e).text.inverted}),r.mq.medium),k=x.default.div.withConfig({displayName:"SearchInput__View",componentId:"sc-21j67n-0"})(p||(p=n.__makeTemplateObject(["\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n\n color: ",";\n\n background-color: ",";\n"],["\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n\n color: ",";\n\n background-color: ",";\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default}),(function(n){var e=n.theme;return n.isInverted?r.getColors(e).elementBg.light:r.getColors(e).elementBg.medium})),C=x.default.input.withConfig({displayName:"SearchInput__InputField",componentId:"sc-21j67n-1"})(f||(f=n.__makeTemplateObject(["\n display: block;\n width: 100%;\n height: 100%;\n padding: ","px ","px;\n padding-left: ",";\n padding-right: ",";\n color: inherit;\n\n background-color: transparent;\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ",";\n font-weight: 400;\n ","\n line-height: 1.25;\n\n &::placeholder {\n color: inherit;\n }\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"],["\n display: block;\n width: 100%;\n height: 100%;\n padding: ","px ","px;\n padding-left: ",";\n padding-right: ",";\n color: inherit;\n\n background-color: transparent;\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ",";\n font-weight: 400;\n ","\n line-height: 1.25;\n\n &::placeholder {\n color: inherit;\n }\n\n &:focus {\n outline: ",";\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n"])),3*r.spacings.nudge,3.5*r.spacings.nudge,(function(n){return n.hasLeftIcon&&2.5*r.spacings.spacer+"px"}),(function(n){return n.hasRightIcon&&2.5*r.spacings.spacer+"px"}),(function(n){var e=n.theme;return r.getFonts(e).copy.small.family}),(function(n){var e=n.theme;return r.withRange(r.getFonts(e).copy.small.size,"font-size")}),(function(n){var e=n.theme;return"1px solid ".concat(r.getColors(e).primary.default)})),j=x.default.button.withConfig({displayName:"SearchInput__ControlBtn",componentId:"sc-21j67n-2"})(m||(m=n.__makeTemplateObject(["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 53px;\n\n margin: -2px;\n background-color: transparent;\n color: ",";\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n /* transition: all ease-in-out 0.2s; */\n\n &:hover {\n transform: scale(1.02);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"],["\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 53px;\n\n margin: -2px;\n background-color: transparent;\n color: ",";\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n /* transition: all ease-in-out 0.2s; */\n\n &:hover {\n transform: scale(1.02);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n"])),(function(n){var e=n.theme;return r.getColors(e).text.default})),_=x.default(j).withConfig({displayName:"SearchInput__SubmitBtn",componentId:"sc-21j67n-3"})(h||(h=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n"],["\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n"]))),F=x.default(j).withConfig({displayName:"SearchInput__ClearBtn",componentId:"sc-21j67n-4"})(g||(g=n.__makeTemplateObject(["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n"],["\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n"])));exports.FilterField=i.FilterField,exports.Datepicker=a.DatepickerCmp,exports.FileUpload=a.FileUploadCmp,exports.FormField=a.FieldWrapper,exports.LocationField=a.LocationField,exports.Radio=a.RadioButton,exports.SelectDropdown=a.SelectDropdown,exports.Textarea=a.Textarea,exports.Textfield=a.Textfield,exports.Checkbox=l.Checkbox,exports.CompactForm=function(n){var e=n.mode,o=void 0===e?"default":e,r=n.value,i=n.placeholder,a=n.method,l=n.action,c=n.buttonIcon,s=n.onSubmit,u=n.onClick,d=n.onBlur,p=n.onFocus,f=n.className,m=t.useLibTheme().colors,h="default"===o?m.elementBg.medium:m.elementBg.light;return b.default.createElement(v,{onSubmit:s,method:a,action:l,className:f},b.default.createElement(w,{placeholder:i,value:r,onClick:u,onBlur:d,onFocus:p,backColor:h}),c&&b.default.createElement(y,{isInverted:"onDark"===o},c))},exports.SearchInput=function(n){var e=n.isInverted,o=void 0!==e&&e,t=n.value,r=n.placeholder,i=n.submitIcon,a=n.clearIcon,l=n.onSubmit,c=n.onClick,s=n.onClear,u=n.onBlur,d=n.onFocus,p=n.className;return b.default.createElement(k,{isInverted:o,className:p},i&&b.default.createElement(_,{isInverted:o,onClick:function(){return l&&l()}},i),b.default.createElement(C,{hasLeftIcon:void 0!==i,hasRightIcon:void 0!==a,placeholder:r,value:t,onClick:c,onBlur:u,onFocus:d,onKeyDown:function(n){13===n.keyCode&&(l&&l(),n.preventDefault())}}),a&&b.default.createElement(F,{isInverted:o,onClick:function(){return s&&s()}},a))};
2
2
  //# sourceMappingURL=fields.js.map
package/cjs/fields.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"fields.js","sources":["../src/components/fields/CompactForm.tsx","../src/components/fields/SearchInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nimport {\n getColors as color,\n getFonts as font,\n mq,\n spacings,\n withRange,\n} from 'utils/styles';\n\nconst View = styled.form`\n width: 100%;\n display: flex;\n flex-direction: column;\n\n color: ${({ theme }) => color(theme).text.default};\n\n @media ${mq.medium} {\n flex-direction: row;\n }\n`;\n\nconst InputField = styled.input<{ backColor?: string }>`\n display: block;\n width: 100%;\n height: 49px;\n max-height: 49px;\n padding: ${spacings.nudge}px ${spacings.nudge * 3}px;\n color: inherit;\n\n background-color: ${({ backColor }) => backColor && backColor};\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ${({ theme }) => font(theme).copy.small.family};\n font-weight: ${({ theme }) => font(theme).copy.small.weight};\n ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n line-height: ${({ theme }) => font(theme).copy.small.lineHeight};\n\n &:focus {\n outline: ${({ theme }) => `2px solid ${color(theme).primary.default}`};\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &::placeholder {\n color: inherit;\n }\n`;\n\nconst SubmitBtn = styled.button<{ isInverted?: boolean }>`\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 49px;\n\n margin-top: ${spacings.spacer * 0.5}px;\n\n background-color: ${({ theme }) => color(theme).primary.default};\n color: ${({ theme }) => color(theme).text.inverted};\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n transition: all ease-in-out 0.2s;\n\n @media ${mq.medium} {\n width: 100px;\n margin-top: 0;\n }\n\n &:hover {\n transform: scale(1.05);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n`;\n\nconst CompactForm: FC<{\n mode?: 'onSoft' | 'onDark' | 'default';\n value?: string;\n placeholder?: string;\n method?: string;\n action?: string;\n buttonIcon?: React.ReactNode;\n onSubmit?: (ev: React.SyntheticEvent<HTMLFormElement>) => void;\n onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n className?: string;\n}> = ({\n mode = 'default',\n value,\n placeholder,\n method,\n action,\n buttonIcon,\n onSubmit,\n onClick,\n onBlur,\n onFocus,\n className,\n}) => {\n const { colors } = useLibTheme();\n const bgColor =\n mode === 'default' ? colors.elementBg.medium : colors.elementBg.light;\n\n return (\n <View\n onSubmit={onSubmit}\n method={method}\n action={action}\n className={className}\n >\n <InputField\n placeholder={placeholder}\n value={value}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n backColor={bgColor}\n />\n {buttonIcon && (\n <SubmitBtn isInverted={mode === 'onDark'}>\n {buttonIcon}\n </SubmitBtn>\n )}\n </View>\n );\n};\n\nexport default CompactForm;\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport {\n getColors as color,\n getFonts as font,\n spacings,\n withRange,\n} from 'utils/styles';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n\n color: ${({ theme }) => color(theme).text.default};\n\n background-color: ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.medium};\n`;\n\nconst InputField = styled.input<{\n hasLeftIcon?: boolean;\n hasRightIcon?: boolean;\n}>`\n display: block;\n width: 100%;\n height: 100%;\n padding: ${spacings.nudge * 3}px ${spacings.nudge * 3.5}px;\n padding-left: ${({ hasLeftIcon }) =>\n hasLeftIcon && spacings.spacer * 2.5 + 'px'};\n padding-right: ${({ hasRightIcon }) =>\n hasRightIcon && spacings.spacer * 2.5 + 'px'};\n color: inherit;\n\n background-color: transparent;\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ${({ theme }) => font(theme).copy.small.family};\n font-weight: 400;\n ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n line-height: 1.25;\n\n &::placeholder {\n color: inherit;\n }\n\n &:focus {\n outline: ${({ theme }) => `1px solid ${color(theme).primary.default}`};\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n`;\n\nconst ControlBtn = styled.button<{ isInverted?: boolean }>`\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 53px;\n\n margin: -2px;\n background-color: transparent;\n color: ${({ theme }) => color(theme).text.default};\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n /* transition: all ease-in-out 0.2s; */\n\n &:hover {\n transform: scale(1.02);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n`;\n\nconst SubmitBtn = styled(ControlBtn)`\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n`;\n\nconst ClearBtn = styled(ControlBtn)`\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n`;\n\nconst SearchInput: FC<{\n isInverted?: boolean;\n value?: string;\n placeholder?: string;\n submitIcon?: React.ReactNode;\n clearIcon?: React.ReactNode;\n onSubmit?: () => void;\n onClear?: () => void;\n onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n className?: string;\n}> = ({\n isInverted = false,\n value,\n placeholder,\n submitIcon,\n clearIcon,\n onSubmit,\n onClick,\n onClear,\n onBlur,\n onFocus,\n className,\n}) => {\n const handleKeyDown = (ev: React.KeyboardEvent<HTMLInputElement>) => {\n if (ev.keyCode === 13) {\n onSubmit && onSubmit();\n ev.preventDefault();\n }\n };\n\n return (\n <View isInverted={isInverted} className={className}>\n {submitIcon && (\n <SubmitBtn\n isInverted={isInverted}\n onClick={() => onSubmit && onSubmit()}\n >\n {submitIcon}\n </SubmitBtn>\n )}\n <InputField\n hasLeftIcon={submitIcon !== undefined}\n hasRightIcon={clearIcon !== undefined}\n placeholder={placeholder}\n value={value}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n onKeyDown={handleKeyDown}\n />\n {clearIcon && (\n <ClearBtn\n isInverted={isInverted}\n onClick={() => onClear && onClear()}\n >\n {clearIcon}\n </ClearBtn>\n )}\n </View>\n );\n};\n\nexport default SearchInput;\n"],"names":["View","styled","form","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","color","text","default","mq","medium","InputField","input","templateObject_2","spacings","nudge","backColor","font","getFonts","copy","small","family","weight","withRange","size","lineHeight","concat","getColors","primary","SubmitBtn","button","templateObject_3","spacer","inverted","div","isInverted","elementBg","light","hasLeftIcon","hasRightIcon","ControlBtn","templateObject_4","ClearBtn","templateObject_5","_b","mode","value","placeholder","method","action","buttonIcon","onSubmit","onClick","onBlur","onFocus","className","colors","useLibTheme","bgColor","React","createElement","submitIcon","clearIcon","onClear","undefined","onKeyDown","ev","keyCode","preventDefault"],"mappings":"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"}
1
+ {"version":3,"file":"fields.js","sources":["../src/components/fields/CompactForm.tsx","../src/components/fields/SearchInput.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\n\nimport {\n getColors as color,\n getFonts as font,\n mq,\n spacings,\n withRange,\n} from 'utils/styles';\n\nconst View = styled.form`\n width: 100%;\n display: flex;\n flex-direction: column;\n\n color: ${({ theme }) => color(theme).text.default};\n\n @media ${mq.medium} {\n flex-direction: row;\n }\n`;\n\nconst InputField = styled.input<{ backColor?: string }>`\n display: block;\n width: 100%;\n height: 49px;\n max-height: 49px;\n padding: ${spacings.nudge}px ${spacings.nudge * 3}px;\n color: inherit;\n\n background-color: ${({ backColor }) => backColor && backColor};\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ${({ theme }) => font(theme).copy.small.family};\n font-weight: ${({ theme }) => font(theme).copy.small.weight};\n ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n line-height: ${({ theme }) => font(theme).copy.small.lineHeight};\n\n &:focus {\n outline: ${({ theme }) => `2px solid ${color(theme).primary.default}`};\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n\n &::placeholder {\n color: inherit;\n }\n`;\n\nconst SubmitBtn = styled.button<{ isInverted?: boolean }>`\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 49px;\n\n margin-top: ${spacings.spacer * 0.5}px;\n\n background-color: ${({ theme }) => color(theme).primary.default};\n color: ${({ theme }) => color(theme).text.inverted};\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n transition: all ease-in-out 0.2s;\n\n @media ${mq.medium} {\n width: 100px;\n margin-top: 0;\n }\n\n &:hover {\n transform: scale(1.05);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n`;\n\nconst CompactForm: FC<{\n mode?: 'onSoft' | 'onDark' | 'default';\n value?: string;\n placeholder?: string;\n method?: string;\n action?: string;\n buttonIcon?: React.ReactNode;\n onSubmit?: (ev: React.SyntheticEvent<HTMLFormElement>) => void;\n onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n className?: string;\n}> = ({\n mode = 'default',\n value,\n placeholder,\n method,\n action,\n buttonIcon,\n onSubmit,\n onClick,\n onBlur,\n onFocus,\n className,\n}) => {\n const { colors } = useLibTheme();\n const bgColor =\n mode === 'default' ? colors.elementBg.medium : colors.elementBg.light;\n\n return (\n <View\n onSubmit={onSubmit}\n method={method}\n action={action}\n className={className}\n >\n <InputField\n placeholder={placeholder}\n value={value}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n backColor={bgColor}\n />\n {buttonIcon && (\n <SubmitBtn isInverted={mode === 'onDark'}>\n {buttonIcon}\n </SubmitBtn>\n )}\n </View>\n );\n};\n\nexport default CompactForm;\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport {\n getColors as color,\n getFonts as font,\n spacings,\n withRange,\n} from 'utils/styles';\n\nconst View = styled.div<{ isInverted?: boolean }>`\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n\n color: ${({ theme }) => color(theme).text.default};\n\n background-color: ${({ theme, isInverted }) =>\n isInverted\n ? color(theme).elementBg.light\n : color(theme).elementBg.medium};\n`;\n\nconst InputField = styled.input<{\n hasLeftIcon?: boolean;\n hasRightIcon?: boolean;\n}>`\n display: block;\n width: 100%;\n height: 100%;\n padding: ${spacings.nudge * 3}px ${spacings.nudge * 3.5}px;\n padding-left: ${({ hasLeftIcon }) =>\n hasLeftIcon && spacings.spacer * 2.5 + 'px'};\n padding-right: ${({ hasRightIcon }) =>\n hasRightIcon && spacings.spacer * 2.5 + 'px'};\n color: inherit;\n\n background-color: transparent;\n box-shadow: none;\n border: none;\n border-right: none;\n border-radius: 0px;\n outline: none;\n -webkit-appearance: none;\n\n font-family: ${({ theme }) => font(theme).copy.small.family};\n font-weight: 400;\n ${({ theme }) => withRange(font(theme).copy.small.size, 'font-size')}\n line-height: 1.25;\n\n &::placeholder {\n color: inherit;\n }\n\n &:focus {\n outline: ${({ theme }) => `1px solid ${color(theme).primary.default}`};\n outline-offset: 0;\n }\n\n &:focus:not(:focus-visible) {\n outline: none;\n }\n`;\n\nconst ControlBtn = styled.button<{ isInverted?: boolean }>`\n display: inline-flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n width: 53px;\n\n margin: -2px;\n background-color: transparent;\n color: ${({ theme }) => color(theme).text.default};\n\n outline: none;\n border: none;\n user-select: none;\n cursor: pointer;\n /* transition: all ease-in-out 0.2s; */\n\n &:hover {\n transform: scale(1.02);\n }\n\n &:focus {\n text-decoration: underline;\n transform: scale(1.012);\n }\n\n &:focus:not(:focus-visible) {\n text-decoration: none;\n }\n\n &:active {\n transform: scale(0.95);\n }\n`;\n\nconst SubmitBtn = styled(ControlBtn)`\n position: absolute;\n top: 0;\n left: 0;\n bottom: 0;\n`;\n\nconst ClearBtn = styled(ControlBtn)`\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n`;\n\nconst SearchInput: FC<{\n isInverted?: boolean;\n value?: string;\n placeholder?: string;\n submitIcon?: React.ReactNode;\n clearIcon?: React.ReactNode;\n onSubmit?: () => void;\n onClear?: () => void;\n onClick?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onBlur?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n onFocus?: (ev: React.SyntheticEvent<HTMLInputElement>) => void;\n className?: string;\n}> = ({\n isInverted = false,\n value,\n placeholder,\n submitIcon,\n clearIcon,\n onSubmit,\n onClick,\n onClear,\n onBlur,\n onFocus,\n className,\n}) => {\n const handleKeyDown = (ev: React.KeyboardEvent<HTMLInputElement>) => {\n if (ev.keyCode === 13) {\n onSubmit && onSubmit();\n ev.preventDefault();\n }\n };\n\n return (\n <View isInverted={isInverted} className={className}>\n {submitIcon && (\n <SubmitBtn\n isInverted={isInverted}\n onClick={() => onSubmit && onSubmit()}\n >\n {submitIcon}\n </SubmitBtn>\n )}\n <InputField\n hasLeftIcon={submitIcon !== undefined}\n hasRightIcon={clearIcon !== undefined}\n placeholder={placeholder}\n value={value}\n onClick={onClick}\n onBlur={onBlur}\n onFocus={onFocus}\n onKeyDown={handleKeyDown}\n />\n {clearIcon && (\n <ClearBtn\n isInverted={isInverted}\n onClick={() => onClear && onClear()}\n >\n {clearIcon}\n </ClearBtn>\n )}\n </View>\n );\n};\n\nexport default SearchInput;\n"],"names":["View","styled","form","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","color","text","default","mq","medium","InputField","input","templateObject_2","spacings","nudge","backColor","font","getFonts","copy","small","family","weight","withRange","size","lineHeight","concat","getColors","primary","SubmitBtn","button","templateObject_3","spacer","inverted","div","isInverted","elementBg","light","hasLeftIcon","hasRightIcon","ControlBtn","templateObject_4","ClearBtn","templateObject_5","_b","mode","value","placeholder","method","action","buttonIcon","onSubmit","onClick","onBlur","onFocus","className","colors","useLibTheme","bgColor","React","createElement","submitIcon","clearIcon","onClear","undefined","onKeyDown","ev","keyCode","preventDefault"],"mappings":"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"}
package/cjs/footer.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("./Wrapper-3b9c9e89.js"),t=require("./Copy-e860efe7.js"),a=require("./Link-70143bb7.js"),i=require("react"),o=require("styled-components"),l=require("./LibThemeProvider-fb99fd6d.js"),r=require("./styles-0f1a0aea.js"),s=require("./LanguageSwitcher-47e25e95.js"),d=require("./Bdot-d898ba3b.js"),m=require("./arrays-c272ed59.js"),c=require("./SocialList-da77e994.js");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./clamp-bd21d587.js"),require("./concat-f387d848.js"),require("react-dom/server");var u,g,f,_,x,b,y,k,v,I,L,h,w,j,C=p(i),E=p(o),q=E.default.div.withConfig({displayName:"FooterBottomGrid__View",componentId:"sc-k4buhx-0"})(u||(u=e.__makeTemplateObject(["\n border-top: 1px solid ",";\n padding: ","px 0;\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n & > * + * {\n margin-top: 0;\n margin-left: ","px;\n }\n }\n"],["\n border-top: 1px solid ",";\n padding: ","px 0;\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n & > * + * {\n margin-top: 0;\n margin-left: ","px;\n }\n }\n"])),(function(e){var n=e.theme;return r.getColors(n).elementBg.medium}),2*r.spacings.nudge,2*r.spacings.nudge,r.mq.semilarge,2*r.spacings.nudge),F=E.default.ul.withConfig({displayName:"FooterBottomGrid__LinkListView",componentId:"sc-k4buhx-1"})(g||(g=e.__makeTemplateObject(["\n padding: 0;\n margin: 0;\n list-style: none;\n\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n\n margin-left: -","px;\n"],["\n padding: 0;\n margin: 0;\n list-style: none;\n\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n\n margin-left: -","px;\n"])),r.spacings.nudge),N=E.default.li.withConfig({displayName:"FooterBottomGrid__BottomLinkItem",componentId:"sc-k4buhx-2"})(f||(f=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n padding-left: ","px;\n"],["\n display: flex;\n align-items: center;\n\n padding-left: ","px;\n"])),r.spacings.nudge),T=E.default(a.Link).withConfig({displayName:"FooterBottomGrid__StyledLink",componentId:"sc-k4buhx-3"})(_||(_=e.__makeTemplateObject(["\n display: block;\n text-decoration: none;\n\n ","\n color: ",";\n"],["\n display: block;\n text-decoration: none;\n\n ","\n color: ",";\n"])),t.copyStyle("copy","small"),(function(e){var n=e.theme;return e.isInverted?r.getColors(n).text.inverted:r.getColors(n).text.default})),B={View:function(e){var n=e.className,t=e.children;return C.default.createElement(q,{className:n},t)},LinkList:function(n){var t=n.isInverted,a=n.links,o=n.brandIcon,l=n.className,r=i.useMemo((function(){return null==o?void 0:o(t)}),[o,t]);return C.default.createElement(F,{className:l},null==a?void 0:a.map((function(n,a){return C.default.createElement(N,{key:a},C.default.createElement(T,e.__assign({},n.link,{isInverted:t}),n.label))})),null!==r&&C.default.createElement(N,null,r||C.default.createElement(d.Bdot,null)))}},O=E.default.div.withConfig({displayName:"FooterBottomBar__LeftWrapper",componentId:"sc-bymlk0-0"})(x||(x=e.__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n margin-left: -","px;\n\n & > * {\n padding-left: ","px;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n margin-left: -","px;\n\n & > * {\n padding-left: ","px;\n }\n"])),r.spacings.spacer,r.spacings.spacer),S=function(n){var t=n.isInverted,a=n.languages,i=n.linksLeft,o=n.linksRight,l=n.brandIcon,r=n.languageIcon,d=n.className;return C.default.createElement(B.View,{className:d},C.default.createElement(O,null,a&&C.default.createElement(s.LanguageSwitcher,{isInverted:t,langs:a,languageIcon:r||function(){return C.default.createElement(e.LanguageIcon,null)},textSize:"small"}),m.isValidArray(i,!1)&&C.default.createElement(B.LinkList,{links:i,isInverted:t,brandIcon:function(){return null}})),m.isValidArray(o)&&C.default.createElement(B.LinkList,{links:o,isInverted:t,brandIcon:l}))},M=E.default(n.Section).withConfig({displayName:"Footer__FooterSection",componentId:"sc-9q145o-0"})(b||(b=e.__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),r.withRange([0],"padding-bottom"),r.withRange([0],"margin-bottom")),V=E.default.div.withConfig({displayName:"Footer__MainView",componentId:"sc-9q145o-1"})(y||(y=e.__makeTemplateObject(["\n & > * {\n margin-bottom: ","px;\n }\n"],["\n & > * {\n margin-bottom: ","px;\n }\n"])),2*r.spacings.nudge),R=E.default(t.Copy).withConfig({displayName:"Footer__ColTitle",componentId:"sc-9q145o-2"})(k||(k=e.__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),2*r.spacings.nudge),A=E.default(a.Link).withConfig({displayName:"Footer__StyledLink",componentId:"sc-9q145o-3"})(v||(v=e.__makeTemplateObject(["\n display: inline-block;\n text-decoration: none;\n\n ","\n color: ",";\n"],["\n display: inline-block;\n text-decoration: none;\n\n ","\n color: ",";\n"])),t.copyStyle("copy","medium"),(function(e){var n=e.theme;return e.isInverted?r.getColors(n).text.inverted:r.getColors(n).text.default})),G=E.default.ul.withConfig({displayName:"Footer__LinkList",componentId:"sc-9q145o-4"})(I||(I=e.__makeTemplateObject(["\n padding: 0;\n margin: 0;\n list-style: none;\n"],["\n padding: 0;\n margin: 0;\n list-style: none;\n"]))),z=E.default.li.withConfig({displayName:"Footer__LinkItem",componentId:"sc-9q145o-5"})(L||(L=e.__makeTemplateObject(["\n & + & {\n margin-top: ","px;\n }\n"],["\n & + & {\n margin-top: ","px;\n }\n"])),r.spacings.nudge),W=E.default.div.withConfig({displayName:"Footer__CustomCol",componentId:"sc-9q145o-6"})(h||(h=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-top: ","px;\n }\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-top: ","px;\n }\n }\n"])),5*r.spacings.nudge,r.mq.semilarge,r.spacings.spacer),P=E.default(t.Copy).withConfig({displayName:"Footer__FootNote",componentId:"sc-9q145o-7"})(w||(w=e.__makeTemplateObject(["\n margin-top: ","px;\n\n @media "," {\n margin-top: ","px;\n }\n"],["\n margin-top: ","px;\n\n @media "," {\n margin-top: ","px;\n }\n"])),5*r.spacings.nudge,r.mq.semilarge,r.spacings.spacer),H=l.withLibTheme((function(t){var a=t.bgMode,o=t.siteLinks,s=t.customColumn,d=t.footNote,c=t.bottomBar,p=t.bottomLinksLeft,u=t.bottomLinksRight,g=t.languages,f=l.useLibTheme().colors,_="inverted"===a,x=i.useMemo((function(){return s?s({isInverted:_,siteLinks:o,languages:g,bottomLinksLeft:p,bottomLinksRight:u}):void 0}),[p,u,s,_,g,o]),b=i.useMemo((function(){return c?c({isInverted:_,siteLinks:o,languages:g,bottomLinksLeft:p,bottomLinksRight:u}):void 0}),[c,p,u,_,g,o]),y=i.useMemo((function(){return null!==c&&(!!b||null!==b&&(m.isValidArray(g,!1)||m.isValidArray(p,!1)||m.isValidArray(u,!1)))}),[b,c,p,u,g]);return C.default.createElement(M,{addSeperation:!0,renderAs:"footer",clampSolidBg:!1,bgMode:n.mapToBgMode(a,!0),bgColor:_?f.sectionBg.dark:a?f.sectionBg.medium:f.sectionBg.light},C.default.createElement(n.Wrapper,{addWhitespace:!0},C.default.createElement(V,null,C.default.createElement(n.Grid.Row,{gutter:5*r.spacings.nudge,medium:{gutter:r.spacings.spacer}},null==o?void 0:o.map((function(t,a){var i=t.title,o=t.links;return C.default.createElement(n.Grid.Col,{key:a,medium:{span:.5},semilarge:{span:4/12},large:{span:.25},valign:"top"},C.default.createElement(R,{type:"copy-b",isInverted:_},i),C.default.createElement(G,null,null==o?void 0:o.map((function(n,t){var a=n.link,i=n.label;return C.default.createElement(z,{key:t},C.default.createElement(A,e.__assign({},a,{isInverted:_}),i))}))))})),x&&C.default.createElement(n.Grid.Col,{large:{span:.25},toRight:!0,valign:"top"},C.default.createElement(W,null,x))),d&&C.default.createElement(P,{size:"small",isInverted:_,innerHTML:d})),b||(y?C.default.createElement(S,{isInverted:_,linksLeft:p,linksRight:u,languages:g}):null)))})),D=E.default.div.withConfig({displayName:"FooterArticle__View",componentId:"sc-apxyjh-0"})(j||(j=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n"])),2*r.spacings.nudge),J=function(e){var n=e.isInverted,a=e.title,i=e.text,o=e.action,l=e.className;return C.default.createElement(D,{className:l},a&&C.default.createElement(t.Copy,{type:"copy-b",isInverted:n},a),i&&C.default.createElement(t.Copy,{size:"small",isInverted:n,innerHTML:i}),o&&o({isInverted:n}))},K=Object.freeze({__proto__:null,FooterColumn:function(e){var n=e.isInverted,t=e.title,a=e.text,i=e.action,o=e.socialTitle,l=e.socials;return C.default.createElement(C.default.Fragment,null,(t||a||i)&&C.default.createElement(J,{isInverted:n,title:t,text:a,action:i}),l&&l.length>0&&C.default.createElement(c.SocialList,{isInverted:n,title:o,items:l}))},FooterBottomBar:S}),Q=Object.freeze({__proto__:null,FooterArticle:J,FooterBottomGrid:B});exports.Footer=H,exports.FooterPartials=K,exports.FooterSkeletons=Q;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ClockFilled-2483aa4a.js"),n=require("./Grid-39b12e21.js"),t=require("./Wrapper-91748bdb.js"),a=require("./Copy-e860efe7.js"),i=require("./Link-70143bb7.js"),o=require("react"),l=require("styled-components"),r=require("./LibThemeProvider-fb99fd6d.js"),s=require("./styles-0f1a0aea.js"),d=require("./LanguageSwitcher-47e25e95.js"),m=require("./Bdot-d898ba3b.js"),c=require("./arrays-c272ed59.js"),p=require("./SocialList-da77e994.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("./clamp-bd21d587.js"),require("./concat-f387d848.js"),require("react-dom/server");var g,f,_,x,b,y,k,v,I,L,h,w,j,C,E=u(o),q=u(l),F=q.default.div.withConfig({displayName:"FooterBottomGrid__View",componentId:"sc-k4buhx-0"})(g||(g=e.__makeTemplateObject(["\n border-top: 1px solid ",";\n padding: ","px 0;\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n & > * + * {\n margin-top: 0;\n margin-left: ","px;\n }\n }\n"],["\n border-top: 1px solid ",";\n padding: ","px 0;\n\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n & > * + * {\n margin-top: 0;\n margin-left: ","px;\n }\n }\n"])),(function(e){var n=e.theme;return s.getColors(n).elementBg.medium}),2*s.spacings.nudge,2*s.spacings.nudge,s.mq.semilarge,2*s.spacings.nudge),N=q.default.ul.withConfig({displayName:"FooterBottomGrid__LinkListView",componentId:"sc-k4buhx-1"})(f||(f=e.__makeTemplateObject(["\n padding: 0;\n margin: 0;\n list-style: none;\n\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n\n margin-left: -","px;\n"],["\n padding: 0;\n margin: 0;\n list-style: none;\n\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n\n margin-left: -","px;\n"])),s.spacings.nudge),T=q.default.li.withConfig({displayName:"FooterBottomGrid__BottomLinkItem",componentId:"sc-k4buhx-2"})(_||(_=e.__makeTemplateObject(["\n display: flex;\n align-items: center;\n\n padding-left: ","px;\n"],["\n display: flex;\n align-items: center;\n\n padding-left: ","px;\n"])),s.spacings.nudge),B=q.default(i.Link).withConfig({displayName:"FooterBottomGrid__StyledLink",componentId:"sc-k4buhx-3"})(x||(x=e.__makeTemplateObject(["\n display: block;\n text-decoration: none;\n\n ","\n color: ",";\n"],["\n display: block;\n text-decoration: none;\n\n ","\n color: ",";\n"])),a.copyStyle("copy","small"),(function(e){var n=e.theme;return e.isInverted?s.getColors(n).text.inverted:s.getColors(n).text.default})),O={View:function(e){var n=e.className,t=e.children;return E.default.createElement(F,{className:n},t)},LinkList:function(n){var t=n.isInverted,a=n.links,i=n.brandIcon,l=n.className,r=o.useMemo((function(){return null==i?void 0:i(t)}),[i,t]);return E.default.createElement(N,{className:l},null==a?void 0:a.map((function(n,a){return E.default.createElement(T,{key:a},E.default.createElement(B,e.__assign({},n.link,{isInverted:t}),n.label))})),null!==r&&E.default.createElement(T,null,r||E.default.createElement(m.Bdot,null)))}},S=q.default.div.withConfig({displayName:"FooterBottomBar__LeftWrapper",componentId:"sc-bymlk0-0"})(b||(b=e.__makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n margin-left: -","px;\n\n & > * {\n padding-left: ","px;\n }\n"],["\n display: flex;\n flex-wrap: wrap;\n margin-left: -","px;\n\n & > * {\n padding-left: ","px;\n }\n"])),s.spacings.spacer,s.spacings.spacer),M=function(n){var t=n.isInverted,a=n.languages,i=n.linksLeft,o=n.linksRight,l=n.brandIcon,r=n.languageIcon,s=n.className;return E.default.createElement(O.View,{className:s},E.default.createElement(S,null,a&&E.default.createElement(d.LanguageSwitcher,{isInverted:t,langs:a,languageIcon:r||function(){return E.default.createElement(e.LanguageIcon,null)},textSize:"small"}),c.isValidArray(i,!1)&&E.default.createElement(O.LinkList,{links:i,isInverted:t,brandIcon:function(){return null}})),c.isValidArray(o)&&E.default.createElement(O.LinkList,{links:o,isInverted:t,brandIcon:l}))},V=q.default(t.Section).withConfig({displayName:"Footer__FooterSection",componentId:"sc-9q145o-0"})(y||(y=e.__makeTemplateObject(["\n ","\n ","\n"],["\n ","\n ","\n"])),s.withRange([0],"padding-bottom"),s.withRange([0],"margin-bottom")),G=q.default.div.withConfig({displayName:"Footer__MainView",componentId:"sc-9q145o-1"})(k||(k=e.__makeTemplateObject(["\n & > * {\n margin-bottom: ","px;\n }\n"],["\n & > * {\n margin-bottom: ","px;\n }\n"])),2*s.spacings.nudge),R=q.default(a.Copy).withConfig({displayName:"Footer__ColTitle",componentId:"sc-9q145o-2"})(v||(v=e.__makeTemplateObject(["\n margin-bottom: ","px;\n"],["\n margin-bottom: ","px;\n"])),2*s.spacings.nudge),A=q.default(i.Link).withConfig({displayName:"Footer__StyledLink",componentId:"sc-9q145o-3"})(I||(I=e.__makeTemplateObject(["\n display: inline-block;\n text-decoration: none;\n\n ","\n color: ",";\n"],["\n display: inline-block;\n text-decoration: none;\n\n ","\n color: ",";\n"])),a.copyStyle("copy","medium"),(function(e){var n=e.theme;return e.isInverted?s.getColors(n).text.inverted:s.getColors(n).text.default})),z=q.default.ul.withConfig({displayName:"Footer__LinkList",componentId:"sc-9q145o-4"})(L||(L=e.__makeTemplateObject(["\n padding: 0;\n margin: 0;\n list-style: none;\n"],["\n padding: 0;\n margin: 0;\n list-style: none;\n"]))),W=q.default.li.withConfig({displayName:"Footer__LinkItem",componentId:"sc-9q145o-5"})(h||(h=e.__makeTemplateObject(["\n & + & {\n margin-top: ","px;\n }\n"],["\n & + & {\n margin-top: ","px;\n }\n"])),s.spacings.nudge),P=q.default.div.withConfig({displayName:"Footer__CustomCol",componentId:"sc-9q145o-6"})(w||(w=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-top: ","px;\n }\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n\n @media "," {\n & > * + * {\n margin-top: ","px;\n }\n }\n"])),5*s.spacings.nudge,s.mq.semilarge,s.spacings.spacer),H=q.default(a.Copy).withConfig({displayName:"Footer__FootNote",componentId:"sc-9q145o-7"})(j||(j=e.__makeTemplateObject(["\n margin-top: ","px;\n\n @media "," {\n margin-top: ","px;\n }\n"],["\n margin-top: ","px;\n\n @media "," {\n margin-top: ","px;\n }\n"])),5*s.spacings.nudge,s.mq.semilarge,s.spacings.spacer),D=r.withLibTheme((function(a){var i=a.bgMode,l=a.siteLinks,d=a.customColumn,m=a.footNote,p=a.bottomBar,u=a.bottomLinksLeft,g=a.bottomLinksRight,f=a.languages,_=r.useLibTheme().colors,x="inverted"===i,b=o.useMemo((function(){return d?d({isInverted:x,siteLinks:l,languages:f,bottomLinksLeft:u,bottomLinksRight:g}):void 0}),[u,g,d,x,f,l]),y=o.useMemo((function(){return p?p({isInverted:x,siteLinks:l,languages:f,bottomLinksLeft:u,bottomLinksRight:g}):void 0}),[p,u,g,x,f,l]),k=o.useMemo((function(){return null!==p&&(!!y||null!==y&&(c.isValidArray(f,!1)||c.isValidArray(u,!1)||c.isValidArray(g,!1)))}),[y,p,u,g,f]);return E.default.createElement(V,{addSeperation:!0,renderAs:"footer",clampSolidBg:!1,bgMode:t.mapToBgMode(i,!0),bgColor:x?_.sectionBg.dark:i?_.sectionBg.medium:_.sectionBg.light},E.default.createElement(t.Wrapper,{addWhitespace:!0},E.default.createElement(G,null,E.default.createElement(n.Grid.Row,{gutter:5*s.spacings.nudge,medium:{gutter:s.spacings.spacer}},null==l?void 0:l.map((function(t,a){var i=t.title,o=t.links;return E.default.createElement(n.Grid.Col,{key:a,medium:{span:.5},semilarge:{span:4/12},large:{span:.25},valign:"top"},E.default.createElement(R,{type:"copy-b",isInverted:x},i),E.default.createElement(z,null,null==o?void 0:o.map((function(n,t){var a=n.link,i=n.label;return E.default.createElement(W,{key:t},E.default.createElement(A,e.__assign({},a,{isInverted:x}),i))}))))})),b&&E.default.createElement(n.Grid.Col,{large:{span:.25},toRight:!0,valign:"top"},E.default.createElement(P,null,b))),m&&E.default.createElement(H,{size:"small",isInverted:x,innerHTML:m})),y||(k?E.default.createElement(M,{isInverted:x,linksLeft:u,linksRight:g,languages:f}):null)))})),J=q.default.div.withConfig({displayName:"FooterArticle__View",componentId:"sc-apxyjh-0"})(C||(C=e.__makeTemplateObject(["\n & > * + * {\n margin-top: ","px;\n }\n"],["\n & > * + * {\n margin-top: ","px;\n }\n"])),2*s.spacings.nudge),K=function(e){var n=e.isInverted,t=e.title,i=e.text,o=e.action,l=e.className;return E.default.createElement(J,{className:l},t&&E.default.createElement(a.Copy,{type:"copy-b",isInverted:n},t),i&&E.default.createElement(a.Copy,{size:"small",isInverted:n,innerHTML:i}),o&&o({isInverted:n}))},Q=Object.freeze({__proto__:null,FooterColumn:function(e){var n=e.isInverted,t=e.title,a=e.text,i=e.action,o=e.socialTitle,l=e.socials;return E.default.createElement(E.default.Fragment,null,(t||a||i)&&E.default.createElement(K,{isInverted:n,title:t,text:a,action:i}),l&&l.length>0&&E.default.createElement(p.SocialList,{isInverted:n,title:o,items:l}))},FooterBottomBar:M}),U=Object.freeze({__proto__:null,FooterArticle:K,FooterBottomGrid:O});exports.Footer=D,exports.FooterPartials=Q,exports.FooterSkeletons=U;
2
2
  //# sourceMappingURL=footer.js.map
package/cjs/footer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"footer.js","sources":["../src/components/sections/footer/skeletons/FooterBottomGrid.tsx","../src/components/sections/footer/partials/FooterBottomBar.tsx","../src/components/sections/footer/Footer.tsx","../src/components/sections/footer/skeletons/FooterArticle.tsx","../src/components/sections/footer/partials/FooterColumn.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Bdot from 'components/blocks/Bdot';\nimport { copyStyle } from 'components/typography/Copy';\nimport Link from 'components/typography/Link';\n\nimport { spacings, getColors as color, mq } from 'utils/styles';\nimport { BottomLink } from '../Footer';\n\nconst View = styled.div`\n border-top: 1px solid ${({ theme }) => color(theme).elementBg.medium};\n padding: ${spacings.nudge * 2}px 0;\n\n & > * + * {\n margin-top: ${spacings.nudge * 2}px;\n }\n\n @media ${mq.semilarge} {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n & > * + * {\n margin-top: 0;\n margin-left: ${spacings.nudge * 2}px;\n }\n }\n`;\n\nconst LinkListView = styled.ul`\n padding: 0;\n margin: 0;\n list-style: none;\n\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n\n margin-left: -${spacings.nudge}px;\n`;\n\nconst BottomLinkItem = styled.li`\n display: flex;\n align-items: center;\n\n padding-left: ${spacings.nudge}px;\n`;\n\nconst StyledLink = styled(Link)<{ isInverted?: boolean }>`\n display: block;\n text-decoration: none;\n\n ${copyStyle('copy', 'small')}\n color: ${({ theme, isInverted }) =>\n isInverted ? color(theme).text.inverted : color(theme).text.default};\n`;\n\nconst LinkList: FC<{\n isInverted?: boolean;\n links?: BottomLink[];\n brandIcon?: (isInverted?: boolean) => React.ReactNode | null;\n className?: string;\n}> = ({ isInverted, links, brandIcon, className }) => {\n const brand = useMemo(\n () => brandIcon?.(isInverted),\n [brandIcon, isInverted]\n );\n\n return (\n <LinkListView className={className}>\n {links?.map((item, i) => (\n <BottomLinkItem key={i}>\n <StyledLink {...item.link} isInverted={isInverted}>\n {item.label}\n </StyledLink>\n </BottomLinkItem>\n ))}\n {brand !== null && (\n <BottomLinkItem>{brand || <Bdot />}</BottomLinkItem>\n )}\n </LinkListView>\n );\n};\n\nconst FooterBottomGrid: FC<{\n className?: string;\n children?: React.ReactNode;\n}> = ({ className, children }) => {\n return <View className={className}>{children}</View>;\n};\n\nexport default {\n View: FooterBottomGrid,\n LinkList: LinkList,\n};\n","import React, { FC } from 'react';\n\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport FooterBottomGrid from '../skeletons/FooterBottomGrid';\nimport { BottomLink } from '../Footer';\nimport * as Icons from 'icons';\nimport { isValidArray } from 'utils/arrays';\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\n\nconst LeftWrapper = styled.div`\n display: flex;\n flex-wrap: wrap;\n margin-left: -${spacings.spacer}px;\n\n & > * {\n padding-left: ${spacings.spacer}px;\n }\n`;\n\nconst FooterBottomBar: FC<{\n isInverted?: boolean;\n languages?: Language[];\n linksLeft?: BottomLink[];\n linksRight?: BottomLink[];\n brandIcon?: (isInverted?: boolean) => React.ReactNode;\n languageIcon?: (isInverted?: boolean) => React.ReactNode;\n className?: string;\n}> = ({\n isInverted,\n languages,\n linksLeft,\n linksRight,\n brandIcon,\n languageIcon,\n className,\n}) => {\n return (\n <FooterBottomGrid.View className={className}>\n <LeftWrapper>\n {languages && (\n <LanguageSwitcher\n isInverted={isInverted}\n langs={languages}\n languageIcon={\n languageIcon\n ? languageIcon\n : () => <Icons.Language />\n }\n textSize=\"small\"\n />\n )}\n {isValidArray(linksLeft, false) && (\n <FooterBottomGrid.LinkList\n links={linksLeft}\n isInverted={isInverted}\n brandIcon={() => null}\n />\n )}\n </LeftWrapper>\n {isValidArray(linksRight) && (\n <FooterBottomGrid.LinkList\n links={linksRight}\n isInverted={isInverted}\n brandIcon={brandIcon}\n />\n )}\n </FooterBottomGrid.View>\n );\n};\n\nexport default FooterBottomBar;\n","import Grid from 'components/base/Grid';\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport { Language } from 'components/blocks/LanguageSwitcher';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { getColors as color, mq, spacings, withRange } from 'utils/styles';\nimport { withLibTheme } from 'utils/LibThemeProvider';\nimport FooterBottomBar from './partials/FooterBottomBar';\nimport { isValidArray } from 'utils/arrays';\n\nconst FooterSection = styled(Section)`\n ${withRange([0], 'padding-bottom')}\n ${withRange([0], 'margin-bottom')}\n`;\n\nconst MainView = styled.div`\n & > * {\n margin-bottom: ${spacings.nudge * 2}px;\n }\n`;\n\nconst ColTitle = styled(Copy)`\n margin-bottom: ${spacings.nudge * 2}px;\n`;\n\nconst StyledLink = styled(Link)<{ isInverted?: boolean }>`\n display: inline-block;\n text-decoration: none;\n\n ${copyStyle('copy', 'medium')}\n color: ${({ theme, isInverted }) =>\n isInverted ? color(theme).text.inverted : color(theme).text.default};\n`;\n\nconst LinkList = styled.ul`\n padding: 0;\n margin: 0;\n list-style: none;\n`;\n\nconst LinkItem = styled.li`\n & + & {\n margin-top: ${spacings.nudge}px;\n }\n`;\n\nconst CustomCol = styled.div`\n & > * + * {\n margin-top: ${spacings.nudge * 5}px;\n }\n\n @media ${mq.semilarge} {\n & > * + * {\n margin-top: ${spacings.spacer}px;\n }\n }\n`;\n\nconst FootNote = styled(Copy)`\n margin-top: ${spacings.nudge * 5}px;\n\n @media ${mq.semilarge} {\n margin-top: ${spacings.spacer}px;\n }\n`;\n\nexport interface SiteLinkGroup {\n title?: string;\n links?: Array<{ label?: string; link?: LinkProps }>;\n}\n\nexport interface FooterState {\n isInverted?: boolean;\n siteLinks?: SiteLinkGroup[];\n bottomLinksLeft?: BottomLink[];\n bottomLinksRight?: BottomLink[];\n languages?: Language[];\n}\n\nexport interface BottomLink {\n label?: string;\n link?: LinkProps;\n}\n\nconst Footer: React.FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Section background */\n bgMode?: 'full' | 'inverted';\n\n /** Array of sitelink groups */\n siteLinks?: SiteLinkGroup[];\n\n /** Function to inject custom footer column content */\n customColumn?: (props: FooterState) => React.ReactNode;\n\n /** Footnote text of main section (richtext) */\n footNote?: string;\n\n /** Link list in left bottom bar */\n bottomLinksLeft?: BottomLink[];\n\n /** Link list in right bottom bar */\n bottomLinksRight?: BottomLink[];\n\n /** Language toggler settings */\n languages?: Language[];\n\n /** Inject function to suppress bottom bar or define a custom definition */\n bottomBar?: ((props: FooterState) => React.ReactNode | null) | null;\n}> = ({\n bgMode,\n siteLinks,\n customColumn,\n footNote,\n bottomBar,\n bottomLinksLeft,\n bottomLinksRight,\n languages,\n}) => {\n const { colors } = useLibTheme();\n const isInverted = bgMode === 'inverted';\n\n const customCol = useMemo(() => {\n return customColumn\n ? customColumn({\n isInverted,\n siteLinks,\n languages,\n bottomLinksLeft,\n bottomLinksRight,\n })\n : undefined;\n }, [\n bottomLinksLeft,\n bottomLinksRight,\n customColumn,\n isInverted,\n languages,\n siteLinks,\n ]);\n\n const bottom = useMemo(() => {\n return bottomBar\n ? bottomBar({\n isInverted,\n siteLinks,\n languages,\n bottomLinksLeft,\n bottomLinksRight,\n })\n : undefined;\n }, [\n bottomBar,\n bottomLinksLeft,\n bottomLinksRight,\n isInverted,\n languages,\n siteLinks,\n ]);\n\n const hasBottomBar = useMemo(() => {\n if (bottomBar === null) return false;\n if (bottom) return true;\n if (bottom === null) return false;\n\n return (\n isValidArray(languages, false) ||\n isValidArray(bottomLinksLeft, false) ||\n isValidArray(bottomLinksRight, false)\n );\n }, [bottom, bottomBar, bottomLinksLeft, bottomLinksRight, languages]);\n\n return (\n <FooterSection\n addSeperation\n renderAs=\"footer\"\n clampSolidBg={false}\n bgMode={mapToBgMode(bgMode, true)}\n bgColor={\n isInverted\n ? colors.sectionBg.dark\n : bgMode\n ? colors.sectionBg.medium\n : colors.sectionBg.light\n }\n >\n <Wrapper addWhitespace>\n <MainView>\n <Grid.Row\n gutter={spacings.nudge * 5}\n medium={{ gutter: spacings.spacer }}\n >\n {siteLinks?.map(({ title, links }, i) => {\n return (\n <Grid.Col\n key={i}\n medium={{ span: 6 / 12 }}\n semilarge={{ span: 4 / 12 }}\n large={{ span: 3 / 12 }}\n valign=\"top\"\n >\n <ColTitle\n type=\"copy-b\"\n isInverted={isInverted}\n >\n {title}\n </ColTitle>\n <LinkList>\n {links?.map(({ link, label }, ii) => (\n <LinkItem key={ii}>\n <StyledLink\n {...link}\n isInverted={isInverted}\n >\n {label}\n </StyledLink>\n </LinkItem>\n ))}\n </LinkList>\n </Grid.Col>\n );\n })}\n {customCol && (\n <Grid.Col\n large={{ span: 3 / 12 }}\n toRight\n valign=\"top\"\n >\n <CustomCol>{customCol}</CustomCol>\n </Grid.Col>\n )}\n </Grid.Row>\n {footNote && (\n <FootNote\n size=\"small\"\n isInverted={isInverted}\n innerHTML={footNote}\n />\n )}\n </MainView>\n {bottom ? (\n bottom\n ) : hasBottomBar ? (\n <FooterBottomBar\n isInverted={isInverted}\n linksLeft={bottomLinksLeft}\n linksRight={bottomLinksRight}\n languages={languages}\n />\n ) : null}\n </Wrapper>\n </FooterSection>\n );\n};\n\nexport const FooterComponent = Footer;\nexport default withLibTheme(Footer);\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\n\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n & > * + * {\n margin-top: ${spacings.nudge * 2}px;\n }\n`;\n\nconst FooterArticle: FC<{\n isInverted?: boolean;\n title?: string;\n text?: string;\n action?: (props: { isInverted?: boolean }) => React.ReactNode;\n className?: string;\n}> = ({ isInverted, title, text, action, className }) => {\n return (\n <View className={className}>\n {title && (\n <Copy type=\"copy-b\" isInverted={isInverted}>\n {title}\n </Copy>\n )}\n {text && (\n <Copy size=\"small\" isInverted={isInverted} innerHTML={text} />\n )}\n {action && action({ isInverted })}\n </View>\n );\n};\n\nexport default FooterArticle;\n","import SocialList, { SocialItem } from 'components/blocks/SocialList';\nimport React, { FC } from 'react';\nimport FooterArticle from '../skeletons/FooterArticle';\n\nconst FooterColumn: FC<{\n isInverted?: boolean;\n title?: string;\n text?: string;\n action?: (props: { isInverted?: boolean }) => React.ReactNode;\n socialTitle?: string;\n socials?: SocialItem[];\n}> = ({ isInverted, title, text, action, socialTitle, socials }) => {\n return (\n <React.Fragment>\n {(title || text || action) && (\n <FooterArticle\n isInverted={isInverted}\n title={title}\n text={text}\n action={action}\n />\n )}\n {socials && socials.length > 0 && (\n <SocialList\n isInverted={isInverted}\n title={socialTitle}\n items={socials}\n />\n )}\n </React.Fragment>\n );\n};\n\nexport default FooterColumn;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","color","elementBg","medium","spacings","nudge","mq","semilarge","LinkListView","ul","templateObject_2","BottomLinkItem","li","templateObject_3","StyledLink","Link","templateObject_4","copyStyle","isInverted","text","inverted","default","FooterBottomGrid$1","className","children","React","createElement","LinkList","links","brandIcon","brand","useMemo","map","item","i","key","__assign","link","label","Bdot","LeftWrapper","spacer","FooterBottomBar","languages","linksLeft","linksRight","languageIcon","FooterBottomGrid","LanguageSwitcher","langs","Icons","LanguageIcon","textSize","isValidArray","FooterSection","Section","withRange","MainView","ColTitle","Copy","templateObject_5","LinkItem","templateObject_6","CustomCol","templateObject_7","FootNote","templateObject_8","Footer$1","withLibTheme","bgMode","siteLinks","customColumn","footNote","bottomBar","bottomLinksLeft","bottomLinksRight","colors","useLibTheme","customCol","undefined","bottom","hasBottomBar","addSeperation","renderAs","clampSolidBg","mapToBgMode","bgColor","sectionBg","dark","light","Wrapper","addWhitespace","Grid","Row","gutter","title","Col","span","large","valign","type","ii","toRight","size","innerHTML","FooterArticle","action","socialTitle","socials","Fragment","length","SocialList","items"],"mappings":"urBAUMA,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,eAAGJ,CAAUK,IAAAA,EAAAC,uBAAA,CAAA,+BAAA,mBAAA,iDAAA,4BAAA,gNAAA,2BAAA,CAAA,+BACiD,mBACvC,iDAGO,4BAGf,gNAQoB,8BAfjB,SAACC,GAAE,IAAAC,EAAKD,EAAAC,MAAO,OAAAC,YAAMD,GAAOE,UAAUC,SAClC,EAAjBC,WAASC,MAGe,EAAjBD,EAAQA,SAACC,MAGlBC,EAAAA,GAAGC,UAQ4B,EAAjBH,EAAAA,SAASC,OAK9BG,EAAehB,EAAAA,QAAOiB,GAAVf,WAAA,CAAAC,YAAA,iCAAAC,YAAA,eAAGJ,CAASkB,IAAAA,EAAAZ,EAAAA,qBAAA,CAAA,iLAAA,SAAA,CAAA,iLAUI,WAAdM,EAAQA,SAACC,OAGvBM,EAAiBnB,EAAAA,QAAOoB,GAAVlB,WAAA,CAAAC,YAAA,mCAAAC,YAAA,eAAGJ,CAASqB,IAAAA,EAAAf,EAAAA,qBAAA,CAAA,uEAAA,SAAA,CAAA,uEAIE,WAAdM,EAAQA,SAACC,OAGvBS,EAAatB,EAAM,QAACuB,QAAVrB,WAAA,CAAAC,YAAA,+BAAAC,YAAA,eAAGJ,CAAYwB,IAAAA,EAAAlB,EAAAA,qBAAA,CAAA,4DAAA,gBAAA,OAAA,CAA0B,4DAIzB,gBAE2C,SAFrEmB,EAAAA,UAAU,OAAQ,UACX,SAAClB,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAmB,WACZjB,EAAAA,UAAMD,GAAOmB,KAAKC,SAAWnB,EAAAA,UAAMD,GAAOmB,KAAKE,WAqCrDC,EAAA,CACX/B,KALC,SAACQ,OAAEwB,EAASxB,EAAAwB,UAAEC,EAAQzB,EAAAyB,SACvB,OAAOC,EAAA,QAAAC,cAACnC,EAAK,CAAAgC,UAAWA,GAAYC,IAKpCG,SA/BC,SAAC5B,OAAEmB,EAAUnB,EAAAmB,WAAEU,EAAK7B,EAAA6B,MAAEC,EAAS9B,EAAA8B,UAAEN,EAASxB,EAAAwB,UACrCO,EAAQC,EAAAA,SACV,WAAM,OAAAF,MAAAA,OAAA,EAAAA,EAAYX,KAClB,CAACW,EAAWX,IAGhB,OACIO,EAAC,QAAAC,cAAAlB,EAAa,CAAAe,UAAWA,GACpBK,MAAAA,OAAK,EAALA,EAAOI,KAAI,SAACC,EAAMC,GAAM,OACrBT,EAAC,QAAAC,cAAAf,EAAe,CAAAwB,IAAKD,GACjBT,EAAAA,QAAAC,cAACZ,EAAesB,EAAAA,SAAA,GAAAH,EAAKI,KAAI,CAAEnB,WAAYA,IAClCe,EAAKK,WAIP,OAAVR,GACGL,EAAAA,QAAAC,cAACf,EAAgB,KAAAmB,GAASL,EAAA,QAAAC,cAACa,EAADA,KAAQ,UCvE5CC,EAAchD,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,eAAGJ,CAAUK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,iEAAA,6CAAA,gBAAA,CAAA,iEAGK,6CAGI,kBAHnBM,EAAQA,SAACqC,OAGLrC,EAAAA,SAASqC,QAI3BC,EAQD,SAAC3C,GACF,IAAAmB,eACAyB,cACAC,cACAC,EAAU9C,EAAA8C,WACVhB,EAAS9B,EAAA8B,UACTiB,EAAY/C,EAAA+C,aACZvB,EAASxB,EAAAwB,UAET,OACIE,wBAACsB,EAAiBxD,KAAK,CAAAgC,UAAWA,GAC9BE,EAAA,QAAAC,cAACc,EAAW,KACPG,GACGlB,EAAC,QAAAC,cAAAsB,oBACG9B,WAAYA,EACZ+B,MAAON,EACPG,aACIA,GAEM,WAAMrB,OAAAA,UAAAC,cAACwB,EAADC,aAAkB,OAElCC,SAAS,UAGhBC,EAAAA,aAAaT,GAAW,IACrBnB,EAAAA,QAAAC,cAACqB,EAAiBpB,SAAQ,CACtBC,MAAOgB,EACP1B,WAAYA,EACZW,UAAW,WAAM,OAAA,SAI5BwB,EAAAA,aAAaR,IACVpB,EAAAA,sBAACsB,EAAiBpB,SAAQ,CACtBC,MAAOiB,EACP3B,WAAYA,EACZW,UAAWA,MClDzByB,EAAgB9D,EAAM,QAAC+D,WAAV7D,WAAA,CAAAC,YAAA,wBAAAC,YAAA,eAAGJ,CAAeK,IAAAA,EAAAC,EAAAA,qBAAA,CAAA,SAAA,SAAA,MAAA,CAAA,SACC,SACD,QAD/B0D,EAASA,UAAC,CAAC,GAAI,kBACfA,EAASA,UAAC,CAAC,GAAI,kBAGfC,EAAWjE,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,yFAAU,yCAEgB,kBAAD,EAAjBY,EAAQA,SAACC,OAI5BqD,EAAWlE,EAAM,QAACmE,QAAVjE,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,CAAYqB,IAAAA,EAAAf,EAAAA,qBAAA,CAAA,wBAAA,SAAA,CAAA,wBACU,WAAD,EAAjBM,EAAQA,SAACC,OAGxBS,EAAatB,EAAM,QAACuB,QAAVrB,WAAA,CAAAC,YAAA,qBAAAC,YAAA,eAAGJ,CAAYwB,IAAAA,EAAAlB,EAAAA,qBAAA,CAAA,mEAAA,gBAAA,OAAA,CAA0B,mEAIxB,gBAE0C,SAFrEmB,EAAAA,UAAU,OAAQ,WACX,SAAClB,OAAEC,EAAKD,EAAAC,MACb,OADyBD,EAAAmB,WACZjB,EAAAA,UAAMD,GAAOmB,KAAKC,SAAWnB,EAAAA,UAAMD,GAAOmB,KAAKE,WAG9DM,EAAWnC,EAAAA,QAAOiB,GAAVf,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,CAASoE,IAAAA,EAAA9D,uBAAA,CAAA,8DAAA,CAAA,iEAMpB+D,EAAWrE,EAAAA,QAAOoB,GAAVlB,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,CAASsE,IAAAA,EAAAhE,EAAAA,qBAAA,CAAA,sCAAA,gBAAA,CAAA,sCAEU,kBAAdM,EAAQA,SAACC,OAIzB0D,EAAYvE,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,oBAAAC,YAAA,eAAGJ,CAAUwE,IAAAA,EAAAlE,EAAAA,qBAAA,CAAA,0CAAA,4BAAA,oDAAA,2BAAA,CAAA,0CAEY,4BAGf,oDAEgB,6BALF,EAAjBM,EAAAA,SAASC,MAGlBC,EAAAA,GAAGC,UAEUH,WAASqC,QAK7BwB,EAAWzE,EAAM,QAACmE,QAAVjE,WAAA,CAAAC,YAAA,mBAAAC,YAAA,eAAGJ,CAAY0E,IAAAA,EAAApE,EAAAA,qBAAA,CAAA,qBAAA,qBAAA,2BAAA,gBAAA,CAAA,qBACO,qBAEX,2BACY,kBAHF,EAAjBM,EAAAA,SAASC,MAEdC,EAAAA,GAAGC,UACMH,WAASqC,QAoM/B0B,EAAeC,EAAYA,cAnJtB,SAACrE,OACFsE,EAAMtE,EAAAsE,OACNC,EAASvE,EAAAuE,UACTC,EAAYxE,EAAAwE,aACZC,EAAQzE,EAAAyE,SACRC,EAAS1E,EAAA0E,UACTC,EAAe3E,EAAA2E,gBACfC,EAAgB5E,EAAA4E,iBAChBhC,EAAS5C,EAAA4C,UAEDiC,EAAWC,uBACb3D,EAAwB,aAAXmD,EAEbS,EAAY/C,EAAAA,SAAQ,WACfwC,OAAAA,EACDA,EAAa,CACTrD,WAAUA,EACVoD,UAASA,EACT3B,UAASA,EACT+B,gBAAeA,EACfC,iBAAgBA,SAEpBI,IACP,CACCL,EACAC,EACAJ,EACArD,EACAyB,EACA2B,IAGEU,EAASjD,EAAAA,SAAQ,WACZ0C,OAAAA,EACDA,EAAU,CACNvD,WAAUA,EACVoD,UAASA,EACT3B,UAASA,EACT+B,gBAAeA,EACfC,iBAAgBA,SAEpBI,IACP,CACCN,EACAC,EACAC,EACAzD,EACAyB,EACA2B,IAGEW,EAAelD,EAAAA,SAAQ,WACzB,OAAkB,OAAd0C,MACAO,GACW,OAAXA,IAGA3B,eAAaV,GAAW,IACxBU,EAAYA,aAACqB,GAAiB,IAC9BrB,EAAAA,aAAasB,GAAkB,OAEpC,CAACK,EAAQP,EAAWC,EAAiBC,EAAkBhC,IAE1D,OACIlB,EAAC,QAAAC,cAAA4B,EACG,CAAA4B,iBACAC,SAAS,SACTC,cAAc,EACdf,OAAQgB,EAAAA,YAAYhB,GAAQ,GAC5BiB,QACIpE,EACM0D,EAAOW,UAAUC,KACjBnB,EACAO,EAAOW,UAAUpF,OACjByE,EAAOW,UAAUE,OAG3BhE,EAAC,QAAAC,cAAAgE,WAAQC,eAAa,GAClBlE,EAAA,QAAAC,cAAC+B,EAAQ,KACLhC,EAAAA,QAACC,cAAAkE,EAAIA,KAACC,IACF,CAAAC,OAAyB,EAAjB1F,EAAAA,SAASC,MACjBF,OAAQ,CAAE2F,OAAQ1F,EAAQA,SAACqC,SAE1B6B,MAAAA,OAAS,EAATA,EAAWtC,KAAI,SAACjC,EAAkBmC,OAAhB6D,EAAKhG,EAAAgG,MAAEnE,EAAK7B,EAAA6B,MAC3B,OACIH,UAACC,cAAAkE,EAAIA,KAACI,IAAG,CACL7D,IAAKD,EACL/B,OAAQ,CAAE8F,KAAM,IAChB1F,UAAW,CAAE0F,KAAM,EAAI,IACvBC,MAAO,CAAED,KAAM,KACfE,OAAO,OAEP1E,EAAC,QAAAC,cAAAgC,EACG,CAAA0C,KAAK,SACLlF,WAAYA,GAEX6E,GAELtE,UAAAC,cAACC,EAAQ,KACJC,MAAAA,OAAK,EAALA,EAAOI,KAAI,SAACjC,EAAiBsG,OAAfhE,EAAItC,EAAAsC,KAAEC,EAAKvC,EAAAuC,MAAW,OACjCb,EAAC,QAAAC,cAAAmC,EAAS,CAAA1B,IAAKkE,GACX5E,EAAAA,QAACC,cAAAZ,EACOsB,EAAAA,SAAA,GAAAC,EACJ,CAAAnB,WAAYA,IAEXoB,YAQ5BwC,GACGrD,EAAAA,QAACC,cAAAkE,EAAAA,KAAKI,IAAG,CACLE,MAAO,CAAED,KAAM,KACfK,SAAO,EACPH,OAAO,OAEP1E,UAAAC,cAACqC,EAAW,KAAAe,KAIvBN,GACG/C,UAAAC,cAACuC,EACG,CAAAsC,KAAK,QACLrF,WAAYA,EACZsF,UAAWhC,KAItBQ,IAEGC,EACAxD,wBAACiB,EAAe,CACZxB,WAAYA,EACZ0B,UAAW8B,EACX7B,WAAY8B,EACZhC,UAAWA,IAEf,WCzPdpD,EAAOC,EAAAA,QAAOC,IAAVC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,eAAGJ,0FAAU,0CAEiB,kBAAD,EAAjBY,EAAQA,SAACC,OAIzBoG,EAMD,SAAC1G,GAAE,IAAAmB,EAAUnB,EAAAmB,WAAE6E,EAAKhG,EAAAgG,MAAE5E,EAAIpB,EAAAoB,KAAEuF,EAAM3G,EAAA2G,OAAEnF,EAASxB,EAAAwB,UAC9C,OACIE,EAAC,QAAAC,cAAAnC,EAAK,CAAAgC,UAAWA,GACZwE,GACGtE,EAAAA,QAACC,cAAAiC,QAAKyC,KAAK,SAASlF,WAAYA,GAC3B6E,GAGR5E,GACGM,EAAAA,QAAAC,cAACiC,EAAAA,KAAI,CAAC4C,KAAK,QAAQrF,WAAYA,EAAYsF,UAAWrF,IAEzDuF,GAAUA,EAAO,CAAExF,8DClB3B,SAACnB,GAAE,IAAAmB,EAAUnB,EAAAmB,WAAE6E,EAAKhG,EAAAgG,MAAE5E,EAAIpB,EAAAoB,KAAEuF,WAAQC,EAAW5G,EAAA4G,YAAEC,EAAO7G,EAAA6G,QAErDnF,OAAAA,UAAAC,cAACD,EAAK,QAACoF,SAAQ,MACTd,GAAS5E,GAAQuF,IACfjF,UAAAC,cAAC+E,EAAa,CACVvF,WAAYA,EACZ6E,MAAOA,EACP5E,KAAMA,EACNuF,OAAQA,IAGfE,GAAWA,EAAQE,OAAS,GACzBrF,EAAA,QAAAC,cAACqF,aAAU,CACP7F,WAAYA,EACZ6E,MAAOY,EACPK,MAAOJ"}
1
+ {"version":3,"file":"footer.js","sources":["../src/components/sections/footer/skeletons/FooterBottomGrid.tsx","../src/components/sections/footer/partials/FooterBottomBar.tsx","../src/components/sections/footer/Footer.tsx","../src/components/sections/footer/skeletons/FooterArticle.tsx","../src/components/sections/footer/partials/FooterColumn.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Bdot from 'components/blocks/Bdot';\nimport { copyStyle } from 'components/typography/Copy';\nimport Link from 'components/typography/Link';\n\nimport { spacings, getColors as color, mq } from 'utils/styles';\nimport { BottomLink } from '../Footer';\n\nconst View = styled.div`\n border-top: 1px solid ${({ theme }) => color(theme).elementBg.medium};\n padding: ${spacings.nudge * 2}px 0;\n\n & > * + * {\n margin-top: ${spacings.nudge * 2}px;\n }\n\n @media ${mq.semilarge} {\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n\n & > * + * {\n margin-top: 0;\n margin-left: ${spacings.nudge * 2}px;\n }\n }\n`;\n\nconst LinkListView = styled.ul`\n padding: 0;\n margin: 0;\n list-style: none;\n\n display: flex;\n flex-wrap: wrap;\n flex-direction: row;\n align-items: center;\n\n margin-left: -${spacings.nudge}px;\n`;\n\nconst BottomLinkItem = styled.li`\n display: flex;\n align-items: center;\n\n padding-left: ${spacings.nudge}px;\n`;\n\nconst StyledLink = styled(Link)<{ isInverted?: boolean }>`\n display: block;\n text-decoration: none;\n\n ${copyStyle('copy', 'small')}\n color: ${({ theme, isInverted }) =>\n isInverted ? color(theme).text.inverted : color(theme).text.default};\n`;\n\nconst LinkList: FC<{\n isInverted?: boolean;\n links?: BottomLink[];\n brandIcon?: (isInverted?: boolean) => React.ReactNode | null;\n className?: string;\n}> = ({ isInverted, links, brandIcon, className }) => {\n const brand = useMemo(\n () => brandIcon?.(isInverted),\n [brandIcon, isInverted]\n );\n\n return (\n <LinkListView className={className}>\n {links?.map((item, i) => (\n <BottomLinkItem key={i}>\n <StyledLink {...item.link} isInverted={isInverted}>\n {item.label}\n </StyledLink>\n </BottomLinkItem>\n ))}\n {brand !== null && (\n <BottomLinkItem>{brand || <Bdot />}</BottomLinkItem>\n )}\n </LinkListView>\n );\n};\n\nconst FooterBottomGrid: FC<{\n className?: string;\n children?: React.ReactNode;\n}> = ({ className, children }) => {\n return <View className={className}>{children}</View>;\n};\n\nexport default {\n View: FooterBottomGrid,\n LinkList: LinkList,\n};\n","import React, { FC } from 'react';\n\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport FooterBottomGrid from '../skeletons/FooterBottomGrid';\nimport { BottomLink } from '../Footer';\nimport * as Icons from 'icons';\nimport { isValidArray } from 'utils/arrays';\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\n\nconst LeftWrapper = styled.div`\n display: flex;\n flex-wrap: wrap;\n margin-left: -${spacings.spacer}px;\n\n & > * {\n padding-left: ${spacings.spacer}px;\n }\n`;\n\nconst FooterBottomBar: FC<{\n isInverted?: boolean;\n languages?: Language[];\n linksLeft?: BottomLink[];\n linksRight?: BottomLink[];\n brandIcon?: (isInverted?: boolean) => React.ReactNode;\n languageIcon?: (isInverted?: boolean) => React.ReactNode;\n className?: string;\n}> = ({\n isInverted,\n languages,\n linksLeft,\n linksRight,\n brandIcon,\n languageIcon,\n className,\n}) => {\n return (\n <FooterBottomGrid.View className={className}>\n <LeftWrapper>\n {languages && (\n <LanguageSwitcher\n isInverted={isInverted}\n langs={languages}\n languageIcon={\n languageIcon\n ? languageIcon\n : () => <Icons.Language />\n }\n textSize=\"small\"\n />\n )}\n {isValidArray(linksLeft, false) && (\n <FooterBottomGrid.LinkList\n links={linksLeft}\n isInverted={isInverted}\n brandIcon={() => null}\n />\n )}\n </LeftWrapper>\n {isValidArray(linksRight) && (\n <FooterBottomGrid.LinkList\n links={linksRight}\n isInverted={isInverted}\n brandIcon={brandIcon}\n />\n )}\n </FooterBottomGrid.View>\n );\n};\n\nexport default FooterBottomBar;\n","import Grid from 'components/base/Grid';\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport { Language } from 'components/blocks/LanguageSwitcher';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { getColors as color, mq, spacings, withRange } from 'utils/styles';\nimport { withLibTheme } from 'utils/LibThemeProvider';\nimport FooterBottomBar from './partials/FooterBottomBar';\nimport { isValidArray } from 'utils/arrays';\n\nconst FooterSection = styled(Section)`\n ${withRange([0], 'padding-bottom')}\n ${withRange([0], 'margin-bottom')}\n`;\n\nconst MainView = styled.div`\n & > * {\n margin-bottom: ${spacings.nudge * 2}px;\n }\n`;\n\nconst ColTitle = styled(Copy)`\n margin-bottom: ${spacings.nudge * 2}px;\n`;\n\nconst StyledLink = styled(Link)<{ isInverted?: boolean }>`\n display: inline-block;\n text-decoration: none;\n\n ${copyStyle('copy', 'medium')}\n color: ${({ theme, isInverted }) =>\n isInverted ? color(theme).text.inverted : color(theme).text.default};\n`;\n\nconst LinkList = styled.ul`\n padding: 0;\n margin: 0;\n list-style: none;\n`;\n\nconst LinkItem = styled.li`\n & + & {\n margin-top: ${spacings.nudge}px;\n }\n`;\n\nconst CustomCol = styled.div`\n & > * + * {\n margin-top: ${spacings.nudge * 5}px;\n }\n\n @media ${mq.semilarge} {\n & > * + * {\n margin-top: ${spacings.spacer}px;\n }\n }\n`;\n\nconst FootNote = styled(Copy)`\n margin-top: ${spacings.nudge * 5}px;\n\n @media ${mq.semilarge} {\n margin-top: ${spacings.spacer}px;\n }\n`;\n\nexport interface SiteLinkGroup {\n title?: string;\n links?: Array<{ label?: string; link?: LinkProps }>;\n}\n\nexport interface FooterState {\n isInverted?: boolean;\n siteLinks?: SiteLinkGroup[];\n bottomLinksLeft?: BottomLink[];\n bottomLinksRight?: BottomLink[];\n languages?: Language[];\n}\n\nexport interface BottomLink {\n label?: string;\n link?: LinkProps;\n}\n\nconst Footer: React.FC<{\n /** ID value for targeting section with anchor hashes */\n anchorId?: string;\n\n /** Section background */\n bgMode?: 'full' | 'inverted';\n\n /** Array of sitelink groups */\n siteLinks?: SiteLinkGroup[];\n\n /** Function to inject custom footer column content */\n customColumn?: (props: FooterState) => React.ReactNode;\n\n /** Footnote text of main section (richtext) */\n footNote?: string;\n\n /** Link list in left bottom bar */\n bottomLinksLeft?: BottomLink[];\n\n /** Link list in right bottom bar */\n bottomLinksRight?: BottomLink[];\n\n /** Language toggler settings */\n languages?: Language[];\n\n /** Inject function to suppress bottom bar or define a custom definition */\n bottomBar?: ((props: FooterState) => React.ReactNode | null) | null;\n}> = ({\n bgMode,\n siteLinks,\n customColumn,\n footNote,\n bottomBar,\n bottomLinksLeft,\n bottomLinksRight,\n languages,\n}) => {\n const { colors } = useLibTheme();\n const isInverted = bgMode === 'inverted';\n\n const customCol = useMemo(() => {\n return customColumn\n ? customColumn({\n isInverted,\n siteLinks,\n languages,\n bottomLinksLeft,\n bottomLinksRight,\n })\n : undefined;\n }, [\n bottomLinksLeft,\n bottomLinksRight,\n customColumn,\n isInverted,\n languages,\n siteLinks,\n ]);\n\n const bottom = useMemo(() => {\n return bottomBar\n ? bottomBar({\n isInverted,\n siteLinks,\n languages,\n bottomLinksLeft,\n bottomLinksRight,\n })\n : undefined;\n }, [\n bottomBar,\n bottomLinksLeft,\n bottomLinksRight,\n isInverted,\n languages,\n siteLinks,\n ]);\n\n const hasBottomBar = useMemo(() => {\n if (bottomBar === null) return false;\n if (bottom) return true;\n if (bottom === null) return false;\n\n return (\n isValidArray(languages, false) ||\n isValidArray(bottomLinksLeft, false) ||\n isValidArray(bottomLinksRight, false)\n );\n }, [bottom, bottomBar, bottomLinksLeft, bottomLinksRight, languages]);\n\n return (\n <FooterSection\n addSeperation\n renderAs=\"footer\"\n clampSolidBg={false}\n bgMode={mapToBgMode(bgMode, true)}\n bgColor={\n isInverted\n ? colors.sectionBg.dark\n : bgMode\n ? colors.sectionBg.medium\n : colors.sectionBg.light\n }\n >\n <Wrapper addWhitespace>\n <MainView>\n <Grid.Row\n gutter={spacings.nudge * 5}\n medium={{ gutter: spacings.spacer }}\n >\n {siteLinks?.map(({ title, links }, i) => {\n return (\n <Grid.Col\n key={i}\n medium={{ span: 6 / 12 }}\n semilarge={{ span: 4 / 12 }}\n large={{ span: 3 / 12 }}\n valign=\"top\"\n >\n <ColTitle\n type=\"copy-b\"\n isInverted={isInverted}\n >\n {title}\n </ColTitle>\n <LinkList>\n {links?.map(({ link, label }, ii) => (\n <LinkItem key={ii}>\n <StyledLink\n {...link}\n isInverted={isInverted}\n >\n {label}\n </StyledLink>\n </LinkItem>\n ))}\n </LinkList>\n </Grid.Col>\n );\n })}\n {customCol && (\n <Grid.Col\n large={{ span: 3 / 12 }}\n toRight\n valign=\"top\"\n >\n <CustomCol>{customCol}</CustomCol>\n </Grid.Col>\n )}\n </Grid.Row>\n {footNote && (\n <FootNote\n size=\"small\"\n isInverted={isInverted}\n innerHTML={footNote}\n />\n )}\n </MainView>\n {bottom ? (\n bottom\n ) : hasBottomBar ? (\n <FooterBottomBar\n isInverted={isInverted}\n linksLeft={bottomLinksLeft}\n linksRight={bottomLinksRight}\n languages={languages}\n />\n ) : null}\n </Wrapper>\n </FooterSection>\n );\n};\n\nexport const FooterComponent = Footer;\nexport default withLibTheme(Footer);\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\n\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n & > * + * {\n margin-top: ${spacings.nudge * 2}px;\n }\n`;\n\nconst FooterArticle: FC<{\n isInverted?: boolean;\n title?: string;\n text?: string;\n action?: (props: { isInverted?: boolean }) => React.ReactNode;\n className?: string;\n}> = ({ isInverted, title, text, action, className }) => {\n return (\n <View className={className}>\n {title && (\n <Copy type=\"copy-b\" isInverted={isInverted}>\n {title}\n </Copy>\n )}\n {text && (\n <Copy size=\"small\" isInverted={isInverted} innerHTML={text} />\n )}\n {action && action({ isInverted })}\n </View>\n );\n};\n\nexport default FooterArticle;\n","import SocialList, { SocialItem } from 'components/blocks/SocialList';\nimport React, { FC } from 'react';\nimport FooterArticle from '../skeletons/FooterArticle';\n\nconst FooterColumn: FC<{\n isInverted?: boolean;\n title?: string;\n text?: string;\n action?: (props: { isInverted?: boolean }) => React.ReactNode;\n socialTitle?: string;\n socials?: SocialItem[];\n}> = ({ isInverted, title, text, action, socialTitle, socials }) => {\n return (\n <React.Fragment>\n {(title || text || action) && (\n <FooterArticle\n isInverted={isInverted}\n title={title}\n text={text}\n action={action}\n />\n )}\n {socials && socials.length > 0 && (\n <SocialList\n isInverted={isInverted}\n title={socialTitle}\n items={socials}\n />\n )}\n </React.Fragment>\n );\n};\n\nexport default FooterColumn;\n"],"names":["View","styled","div","withConfig","displayName","componentId","templateObject_1","__makeTemplateObject","_a","theme","color","elementBg","medium","spacings","nudge","mq","semilarge","LinkListView","ul","templateObject_2","BottomLinkItem","li","templateObject_3","StyledLink","Link","templateObject_4","copyStyle","isInverted","text","inverted","default","FooterBottomGrid$1","className","children","React","createElement","LinkList","links","brandIcon","brand","useMemo","map","item","i","key","__assign","link","label","Bdot","LeftWrapper","spacer","FooterBottomBar","languages","linksLeft","linksRight","languageIcon","FooterBottomGrid","LanguageSwitcher","langs","Icons","LanguageIcon","textSize","isValidArray","FooterSection","Section","withRange","MainView","ColTitle","Copy","templateObject_5","LinkItem","templateObject_6","CustomCol","templateObject_7","FootNote","templateObject_8","Footer$1","withLibTheme","bgMode","siteLinks","customColumn","footNote","bottomBar","bottomLinksLeft","bottomLinksRight","colors","useLibTheme","customCol","undefined","bottom","hasBottomBar","addSeperation","renderAs","clampSolidBg","mapToBgMode","bgColor","sectionBg","dark","light","Wrapper","addWhitespace","Grid","Row","gutter","title","Col","span","large","valign","type","ii","toRight","size","innerHTML","FooterArticle","action","socialTitle","socials","Fragment","length","SocialList","items"],"mappings":"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"}
package/cjs/hooks.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./urlParams-1d03b5a6.js"),r=require("./useIE-aef9decc.js"),t=require("react"),n=require("./useMediaQuery-d4f81f88.js"),a=require("./useUpdateEffect-4d233e2c.js"),o=require("./useMounted-0bba9869.js"),s=require("./useGeolocation-4d38150b.js"),u=require("./navigation-bf154e6e.js"),i=require("./ClockFilled-2483aa4a.js"),l=require("./hexRgbConverter-91b28aea.js"),c=require("./clamp-bd21d587.js"),f=require("./arrays-c272ed59.js"),d=require("./concat-f387d848.js"),p=require("./styles-0f1a0aea.js"),m=require("./useObserverSupport-5ab320dd.js"),g=require("./useCookieConsent-0bf94751.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("react-dom/server");var x,h=v(t);exports.ScrollDirection=void 0,(x=exports.ScrollDirection||(exports.ScrollDirection={}))[x.UP=0]="UP",x[x.DOWN=1]="DOWN";var w=function(){if(!n.isBrowser)return!1;var e=document.createElement("canvas");return(!e.getContext||!e.getContext("2d"))&&0==e.toDataURL("image/webp").indexOf("data:image/webp")};var y="undefined"!=typeof window&&"URLSearchParams"in window,_=function(e){var r={},t=Object.fromEntries(e||new URLSearchParams(window.location.search));for(var n in t){var a=t[n];"string"==typeof a&&(a=decodeURIComponent(a)),r[n]=a}return r};exports.deleteUrlParam=e.deleteUrlParam,exports.getUrlParams=e.getUrlParams,exports.setUrlParam=e.setUrlParam,exports.useEqualSheetHeight=e.useEqualSheetHeight,exports.useFontsLoaded=e.useFontsLoaded,exports.useResizeThrottle=e.useResizeThrottle,exports.useScrollTo=e.useScrollTo,exports.useIE=r.useIE,exports.getMediaQuery=n.getMediaQuery,exports.isBrowser=n.isBrowser,exports.useMediaQueries=n.useMediaQueries,exports.useMediaQuery=n.useMediaQuery,exports.useUpdateEffect=a.useUpdateEffect,exports.useMounted=o.useMounted,exports.useDebounce=s.useDebounce,exports.useGeolocation=s.useGeolocation,exports.useLazyInput=s.useLazyInput,exports.useLeafletMap=s.useLeafletMap,exports.useTimeout=s.useTimeout,exports.getCurrentNavItem=u.getCurrentNavItem,exports.getCurrentNavPath=u.getCurrentNavPath,exports.useScrollThrottle=u.useScrollThrottle,exports.hexToRgba=l.hexToRgba,exports.clampValue=c.clampValue,exports.isEmptyArray=f.isEmptyArray,exports.isValidArray=f.isValidArray,exports.concat=d.concat,exports.printAnchorTag=d.printAnchorTag,exports.getSVGDataImg=p.getSVGDataImg,exports.useObserverSupport=m.useObserverSupport,exports.selectors=g.selectors,exports.useCookieConsent=g.useCookieConsent,exports.canUseWebP=w,exports.getBgImage=function(e,r){switch(r){default:case"small":return e.small;case"medium":return e.medium||e.semilarge||e.large||e.xlarge||e.small;case"semilarge":return e.semilarge||e.large||e.xlarge||e.medium||e.small;case"large":return e.large||e.xlarge||e.semilarge||e.medium||e.small;case"xlarge":return e.xlarge||e.large||e.semilarge||e.medium||e.small}},exports.getLinkIcon=function(e,r,t){var n,a=p.getGlobals(e).icons.linkIcons,o=".".concat((null==r?void 0:r.split(".").pop())||""),s=a.find((function(e){var r;return null===(r=e.patterns)||void 0===r?void 0:r.find((function(e){return e.match(o)}))}));return(null==s?void 0:s.iconChar)||(null===(n=null==s?void 0:s.iconUrl)||void 0===n?void 0:n.call(s,t))||""},exports.importFonts=function(e){return h.default.createElement(h.default.Fragment,null,e&&e.length>0&&h.default.createElement("style",{dangerouslySetInnerHTML:{__html:null==e?void 0:e.reduce((function(e,r){var t;return(null==r?void 0:r.fallbacks)?e+=null===(t=null==r?void 0:r.fallbacks)||void 0===t?void 0:t.reduce((function(e,r){return e+="@font-face { font-family: '".concat(r.name,"'; size-adjust: ").concat(r.sizeAdjust,"; src: local('").concat(r.altFont,"'); } ")}),""):e}),"")}}),null==e?void 0:e.map((function(e,r){return h.default.createElement("link",{key:r,rel:"preconnect",href:e.rootPath,crossOrigin:"true"})})),null==e?void 0:e.map((function(e,r){return h.default.createElement("link",{key:r,rel:"preload",as:"style",href:e.sourcePath})})),h.default.createElement("style",{dangerouslySetInnerHTML:{__html:"</style>".concat(null==e?void 0:e.reduce((function(e,r){return e+'\n <link rel="stylesheet" href="'.concat(r.sourcePath,'" media="print" onload="this.media=\'all\'" />')}),""),"<style>")}}),h.default.createElement("noscript",null,null==e?void 0:e.map((function(e,r){return h.default.createElement("link",{key:r,rel:"stylesheet",href:e.sourcePath})}))))},exports.useArray=function(e){var r=t.useState(e||[]),n=r[0],a=r[1];return{array:n,set:a,push:function(e){Array.isArray(e)?a((function(r){return i.__spreadArray(i.__spreadArray([],r,!0),e,!0)})):a((function(r){return i.__spreadArray(i.__spreadArray([],r,!0),[e],!1)}))},filter:function(e){a((function(r){return r.filter(e)}))},update:function(e,r){a((function(t){return i.__spreadArray(i.__spreadArray(i.__spreadArray([],t.slice(0,e),!0),[r],!1),t.slice(e+1,t.length),!0)}))},remove:function(e){a((function(r){return i.__spreadArray(i.__spreadArray([],r.slice(0,e),!0),r.slice(e+1,r.length),!0)}))},clear:function(){a([])},pop:function(){var e;return a((function(r){var t=i.__spreadArray([],r,!0);return e=t.pop(),t})),e}}},exports.useImgPreload=function(e,r){void 0===r&&(r=["semilarge","large"]);var a=t.useState(!1),o=a[0],s=a[1],u=t.useState(!1),l=u[0],c=u[1],f=n.useMediaQuery(r),d=t.useState({small:[],medium:[],semilarge:[],large:[],xlarge:[],xxlarge:[],xxxLarge:[]}),p=d[0],m=d[1];return t.useEffect((function(){var r;if(o&&p&&f&&(p[f].length<e.length&&e.length>0)){var t=e.map((function(e){return e[f]}));r=function(e){return e.filter((function(e){return e})).map((function(e,r){return new Promise((function(t){var n=new window.Image;n.src=e,n.onload=function(){return t({url:e,i:r})}}))}))}(t),i.__awaiter(void 0,void 0,void 0,(function(){var e,t,n,a;return i.__generator(this,(function(o){switch(o.label){case 0:e=function(e){var r;return i.__generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return r=t.sent(),m((function(e){var t;return e[f].find((function(e){return e.id===r.i}))?e:i.__assign(i.__assign({},e),((t={})[f]=i.__spreadArray(i.__spreadArray([],e[f],!0),[{id:r.i,image:r.url}],!1),t))})),[2]}}))},t=0,n=r,o.label=1;case 1:return t<n.length?(a=n[t],[5,e(a)]):[3,4];case 2:o.sent(),o.label=3;case 3:return t++,[3,1];case 4:return[2]}}))}))}}),[f,e,o,p]),t.useEffect((function(){if(p&&f){var r=e.filter((function(e){return e[f]})).length;c(p[f].length>=r)}}),[f,e,p]),{loadedImages:f&&p[f],isLoaded:l,setReady:s}},exports.useInterval=function(e,r){var n=t.useRef(e),a=t.useRef();t.useEffect((function(){n.current=e}),[e]);var o=t.useCallback((function(){a.current=window.setInterval((function(){var e;return null===(e=n.current)||void 0===e?void 0:e.call(n)}),r)}),[r]),s=t.useCallback((function(){a.current&&window.clearTimeout(a.current)}),[]);t.useEffect((function(){return o(),s}),[r,o,s]);var u=t.useCallback((function(){s(),o()}),[s,o]);return{clear:s,reset:u}},exports.useItemHeight=function(){var e=t.useState(null),r=e[0],n=e[1],a=t.useState(0),o=a[0],s=a[1];return t.useEffect((function(){var e=function(){r&&s(r.offsetHeight)};return r&&(e(),window.addEventListener("resize",e)),function(){window.removeEventListener("resize",e)}}),[r]),{setElement:n,height:o}},exports.useParams=function(){var e=t.useState({}),r=e[0],n=e[1];t.useEffect((function(){y&&n(_())}),[]);var a=t.useCallback((function(e,t){if(y){var a=i.__assign({},r);a[e]=t;var o=new URLSearchParams(window.location.search);for(var s in a)o.set(s,encodeURIComponent(a[s]));n(_(o)),window.history.replaceState({},"","".concat(location.pathname,"?").concat(o.toString()+location.hash))}}),[r]);return{params:r,update:a}},exports.usePoster=function(e,r){var a=t.useState(),o=a[0],s=a[1],u=e.webp&&w()?e.webp:e,i=n.useMediaQuery(r||["small","medium","semilarge","large","xlarge"]);return t.useEffect((function(){i&&u[i]&&u[i]!==o&&s(u[i])}),[o,i,u]),o},exports.useScroll=function(e){var r=e.initialTopOffset,n=void 0===r?0:r,a=e.onLeftOffset,o=e.onEnterOffset,s=t.useState(n),u=s[0],i=s[1],l=t.useState(!0),c=l[0],f=l[1],d=t.useState(!0),p=d[0],m=d[1],g=t.useState(exports.ScrollDirection.DOWN),v=g[0],x=g[1],h=t.useRef(0);return t.useEffect((function(){if("undefined"!=typeof window){var e=function(){f(window.pageYOffset<=1),m(window.pageYOffset<=1+u),h.current&&(window.pageYOffset>1+u&&h.current<=1+u&&a&&a(),window.pageYOffset<=1+u&&h.current>1+u&&o&&o(),x((function(e){return window.pageYOffset<=1||window.pageYOffset>h.current?exports.ScrollDirection.DOWN:window.pageYOffset<h.current?exports.ScrollDirection.UP:e}))),h.current=window.pageYOffset};return e(),window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}}),[h,a,o,v,u]),{isTop:c,isInOffset:p,scrollDirection:v,setTopOffset:i,topOffset:u}},exports.useTouch=function(){var e=t.useState(!1),r=e[0],n=e[1];return t.useEffect((function(){n("ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0)}),[]),r};
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./useEqualSheetHeight-cfd4176e.js"),r=require("./useIE-aef9decc.js"),t=require("react"),n=require("./useMediaQuery-d4f81f88.js"),a=require("./useScrollTo-fdd665da.js"),s=require("./useUpdateEffect-4d233e2c.js"),o=require("./useMounted-0bba9869.js"),u=require("./useLazyInput-f71c221b.js"),i=require("./navigation-bf154e6e.js"),l=require("./ClockFilled-2483aa4a.js"),c=require("./hexRgbConverter-91b28aea.js"),f=require("./clamp-bd21d587.js"),d=require("./arrays-c272ed59.js"),p=require("./concat-f387d848.js"),m=require("./styles-0f1a0aea.js"),g=require("./useLeafletMap-2e608b01.js"),v=require("./useGeolocation-d8946470.js"),x=require("./useObserverSupport-5ab320dd.js"),h=require("./urlParams-7525f638.js"),w=require("./useCookieConsent-0bf94751.js");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("react-dom/server");var _,S=y(t);exports.ScrollDirection=void 0,(_=exports.ScrollDirection||(exports.ScrollDirection={}))[_.UP=0]="UP",_[_.DOWN=1]="DOWN";var b=function(){if(!n.isBrowser)return!1;var e=document.createElement("canvas");return(!e.getContext||!e.getContext("2d"))&&0==e.toDataURL("image/webp").indexOf("data:image/webp")};var E="undefined"!=typeof window&&"URLSearchParams"in window,P=function(e){var r={},t=Object.fromEntries(e||new URLSearchParams(window.location.search));for(var n in t){var a=t[n];"string"==typeof a&&(a=decodeURIComponent(a)),r[n]=a}return r};exports.useEqualSheetHeight=e.useEqualSheetHeight,exports.useFontsLoaded=e.useFontsLoaded,exports.useResizeThrottle=e.useResizeThrottle,exports.useIE=r.useIE,exports.getMediaQuery=n.getMediaQuery,exports.isBrowser=n.isBrowser,exports.useMediaQueries=n.useMediaQueries,exports.useMediaQuery=n.useMediaQuery,exports.useScrollTo=a.useScrollTo,exports.useUpdateEffect=s.useUpdateEffect,exports.useMounted=o.useMounted,exports.useDebounce=u.useDebounce,exports.useLazyInput=u.useLazyInput,exports.useTimeout=u.useTimeout,exports.getCurrentNavItem=i.getCurrentNavItem,exports.getCurrentNavPath=i.getCurrentNavPath,exports.useScrollThrottle=i.useScrollThrottle,exports.hexToRgba=c.hexToRgba,exports.clampValue=f.clampValue,exports.isEmptyArray=d.isEmptyArray,exports.isValidArray=d.isValidArray,exports.concat=p.concat,exports.printAnchorTag=p.printAnchorTag,exports.getSVGDataImg=m.getSVGDataImg,exports.useLeafletMap=g.useLeafletMap,exports.useGeolocation=v.useGeolocation,exports.useObserverSupport=x.useObserverSupport,exports.deleteUrlParam=h.deleteUrlParam,exports.getUrlParams=h.getUrlParams,exports.setUrlParam=h.setUrlParam,exports.selectors=w.selectors,exports.useCookieConsent=w.useCookieConsent,exports.canUseWebP=b,exports.getBgImage=function(e,r){switch(r){default:case"small":return e.small;case"medium":return e.medium||e.semilarge||e.large||e.xlarge||e.small;case"semilarge":return e.semilarge||e.large||e.xlarge||e.medium||e.small;case"large":return e.large||e.xlarge||e.semilarge||e.medium||e.small;case"xlarge":return e.xlarge||e.large||e.semilarge||e.medium||e.small}},exports.getLinkIcon=function(e,r,t){var n,a=m.getGlobals(e).icons.linkIcons,s=".".concat((null==r?void 0:r.split(".").pop())||""),o=a.find((function(e){var r;return null===(r=e.patterns)||void 0===r?void 0:r.find((function(e){return e.match(s)}))}));return(null==o?void 0:o.iconChar)||(null===(n=null==o?void 0:o.iconUrl)||void 0===n?void 0:n.call(o,t))||""},exports.importFonts=function(e){return S.default.createElement(S.default.Fragment,null,e&&e.length>0&&S.default.createElement("style",{dangerouslySetInnerHTML:{__html:null==e?void 0:e.reduce((function(e,r){var t;return(null==r?void 0:r.fallbacks)?e+=null===(t=null==r?void 0:r.fallbacks)||void 0===t?void 0:t.reduce((function(e,r){return e+="@font-face { font-family: '".concat(r.name,"'; size-adjust: ").concat(r.sizeAdjust,"; src: local('").concat(r.altFont,"'); } ")}),""):e}),"")}}),null==e?void 0:e.map((function(e,r){return S.default.createElement("link",{key:r,rel:"preconnect",href:e.rootPath,crossOrigin:"true"})})),null==e?void 0:e.map((function(e,r){return S.default.createElement("link",{key:r,rel:"preload",as:"style",href:e.sourcePath})})),S.default.createElement("style",{dangerouslySetInnerHTML:{__html:"</style>".concat(null==e?void 0:e.reduce((function(e,r){return e+'\n <link rel="stylesheet" href="'.concat(r.sourcePath,'" media="print" onload="this.media=\'all\'" />')}),""),"<style>")}}),S.default.createElement("noscript",null,null==e?void 0:e.map((function(e,r){return S.default.createElement("link",{key:r,rel:"stylesheet",href:e.sourcePath})}))))},exports.useArray=function(e){var r=t.useState(e||[]),n=r[0],a=r[1];return{array:n,set:a,push:function(e){Array.isArray(e)?a((function(r){return l.__spreadArray(l.__spreadArray([],r,!0),e,!0)})):a((function(r){return l.__spreadArray(l.__spreadArray([],r,!0),[e],!1)}))},filter:function(e){a((function(r){return r.filter(e)}))},update:function(e,r){a((function(t){return l.__spreadArray(l.__spreadArray(l.__spreadArray([],t.slice(0,e),!0),[r],!1),t.slice(e+1,t.length),!0)}))},remove:function(e){a((function(r){return l.__spreadArray(l.__spreadArray([],r.slice(0,e),!0),r.slice(e+1,r.length),!0)}))},clear:function(){a([])},pop:function(){var e;return a((function(r){var t=l.__spreadArray([],r,!0);return e=t.pop(),t})),e}}},exports.useImgPreload=function(e,r){void 0===r&&(r=["semilarge","large"]);var a=t.useState(!1),s=a[0],o=a[1],u=t.useState(!1),i=u[0],c=u[1],f=n.useMediaQuery(r),d=t.useState({small:[],medium:[],semilarge:[],large:[],xlarge:[],xxlarge:[],xxxLarge:[]}),p=d[0],m=d[1];return t.useEffect((function(){var r;if(s&&p&&f&&(p[f].length<e.length&&e.length>0)){var t=e.map((function(e){return e[f]}));r=function(e){return e.filter((function(e){return e})).map((function(e,r){return new Promise((function(t){var n=new window.Image;n.src=e,n.onload=function(){return t({url:e,i:r})}}))}))}(t),l.__awaiter(void 0,void 0,void 0,(function(){var e,t,n,a;return l.__generator(this,(function(s){switch(s.label){case 0:e=function(e){var r;return l.__generator(this,(function(t){switch(t.label){case 0:return[4,e];case 1:return r=t.sent(),m((function(e){var t;return e[f].find((function(e){return e.id===r.i}))?e:l.__assign(l.__assign({},e),((t={})[f]=l.__spreadArray(l.__spreadArray([],e[f],!0),[{id:r.i,image:r.url}],!1),t))})),[2]}}))},t=0,n=r,s.label=1;case 1:return t<n.length?(a=n[t],[5,e(a)]):[3,4];case 2:s.sent(),s.label=3;case 3:return t++,[3,1];case 4:return[2]}}))}))}}),[f,e,s,p]),t.useEffect((function(){if(p&&f){var r=e.filter((function(e){return e[f]})).length;c(p[f].length>=r)}}),[f,e,p]),{loadedImages:f&&p[f],isLoaded:i,setReady:o}},exports.useInterval=function(e,r){var n=t.useRef(e),a=t.useRef();t.useEffect((function(){n.current=e}),[e]);var s=t.useCallback((function(){a.current=window.setInterval((function(){var e;return null===(e=n.current)||void 0===e?void 0:e.call(n)}),r)}),[r]),o=t.useCallback((function(){a.current&&window.clearTimeout(a.current)}),[]);t.useEffect((function(){return s(),o}),[r,s,o]);var u=t.useCallback((function(){o(),s()}),[o,s]);return{clear:o,reset:u}},exports.useItemHeight=function(){var e=t.useState(null),r=e[0],n=e[1],a=t.useState(0),s=a[0],o=a[1];return t.useEffect((function(){var e=function(){r&&o(r.offsetHeight)};return r&&(e(),window.addEventListener("resize",e)),function(){window.removeEventListener("resize",e)}}),[r]),{setElement:n,height:s}},exports.useParams=function(){var e=t.useState({}),r=e[0],n=e[1];t.useEffect((function(){E&&n(P())}),[]);var a=t.useCallback((function(e,t){if(E){var a=l.__assign({},r);a[e]=t;var s=new URLSearchParams(window.location.search);for(var o in a)s.set(o,encodeURIComponent(a[o]));n(P(s)),window.history.replaceState({},"","".concat(location.pathname,"?").concat(s.toString()+location.hash))}}),[r]);return{params:r,update:a}},exports.usePoster=function(e,r){var a=t.useState(),s=a[0],o=a[1],u=e.webp&&b()?e.webp:e,i=n.useMediaQuery(r||["small","medium","semilarge","large","xlarge"]);return t.useEffect((function(){i&&u[i]&&u[i]!==s&&o(u[i])}),[s,i,u]),s},exports.useScroll=function(e){var r=e.initialTopOffset,n=void 0===r?0:r,a=e.onLeftOffset,s=e.onEnterOffset,o=t.useState(n),u=o[0],i=o[1],l=t.useState(!0),c=l[0],f=l[1],d=t.useState(!0),p=d[0],m=d[1],g=t.useState(exports.ScrollDirection.DOWN),v=g[0],x=g[1],h=t.useRef(0);return t.useEffect((function(){if("undefined"!=typeof window){var e=function(){f(window.pageYOffset<=1),m(window.pageYOffset<=1+u),h.current&&(window.pageYOffset>1+u&&h.current<=1+u&&a&&a(),window.pageYOffset<=1+u&&h.current>1+u&&s&&s(),x((function(e){return window.pageYOffset<=1||window.pageYOffset>h.current?exports.ScrollDirection.DOWN:window.pageYOffset<h.current?exports.ScrollDirection.UP:e}))),h.current=window.pageYOffset};return e(),window.addEventListener("scroll",e),function(){window.removeEventListener("scroll",e)}}}),[h,a,s,v,u]),{isTop:c,isInOffset:p,scrollDirection:v,setTopOffset:i,topOffset:u}},exports.useTouch=function(){var e=t.useState(!1),r=e[0],n=e[1];return t.useEffect((function(){n("ontouchstart"in window||navigator.maxTouchPoints>0||navigator.msMaxTouchPoints>0)}),[]),r};
2
2
  //# sourceMappingURL=hooks.js.map