@blateral/b.kit 2.8.4 → 3.0.1

package/esm/cookies.js

@@ -1,47 +1,46 @@
-import { a as __makeTemplateObject, C as Check, f as Cross, U as UnfoldMore } from './Filter-19220970.js';
-import { A as Actions } from './Actions-e29b5e75.js';
-import { C as Checkbox } from './Checkbox-962fea67.js';
-import { C as Copy } from './Copy-fd9e25c0.js';
-import React__default, { useCallback, useState, useEffect, useRef } from 'react';
+import { a as __makeTemplateObject, C as Check, h as Cross, U as UnfoldMore } from './ButtonLeft-a9a132f5.js';
+import { A as Actions } from './Actions-6859c932.js';
+import { C as Checkbox } from './Checkbox-e7fc7d28.js';
+import { C as Copy } from './Copy-5a18e01f.js';
+import React__default, { useRef, useCallback, useState, useEffect } from 'react';
 import styled from 'styled-components';
-import { u as useCookieConsent, b as bindConsentButtons, s as selectors, i as isUrlInWhitelist } from './useCookieConsent-6661d419.js';
+import { u as useCookieConsent, b as bindConsentButtons, s as selectors, i as isUrlInWhitelist } from './useCookieConsent-4b667d40.js';
 import { h as hexToRgba } from './hexRgbConverter-edb91624.js';
-import { u as useLibTheme, L as LibThemeProvider } from './LibThemeProvider-fb1d35ac.js';
+import { u as useLibTheme, L as LibThemeProvider } from './LibThemeProvider-48cad3e8.js';
 import { S as StatusFormatter } from './statusFormatter-9be0fbff.js';
-import { s as spacings, g as getColors, m as mq } from './styles-1f1841ef.js';
+import { s as spacings, g as getColors, m as mq } from './styles-f3ba5bae.js';
 import { u as useMounted } from './useMounted-1e4cc87b.js';
 import './clamp-12d37b65.js';
 import 'react-dom/server';
 
-var Stage = styled.div.withConfig({
-  displayName: "CookieConsent__Stage",
+var View = styled.dialog.withConfig({
+  displayName: "CookieConsent__View",
   componentId: "sc-b6420b-0"
-})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, ", ");\n    z-index: ", ";\n"], ["\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, ", ");\n    z-index: ", ";\n"])), function (_a) {
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    margin-bottom: 0;\n    border: none;\n    box-sizing: border-box;\n    max-width: 900px;\n    width: 100vw;\n\n    max-height: 85%;\n    overflow-y: scroll;\n    padding: ", "px ", "px;\n    bottom: 0;\n    text-align: center;\n\n    background-color: ", ";\n    box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n\n    @media ", " {\n        bottom: ", "px;\n        max-height: 100vh;\n        overflow: auto;\n    }\n\n    &::backdrop {\n        background-color: rgba(0, 0, 0, ", ");\n        z-index: ", ";\n    }\n\n    &:focus-visible {\n        outline: 2px solid ", ";\n        outline-offset: 2px;\n    }\n"], ["\n    margin-bottom: 0;\n    border: none;\n    box-sizing: border-box;\n    max-width: 900px;\n    width: 100vw;\n\n    max-height: 85%;\n    overflow-y: scroll;\n    padding: ", "px ", "px;\n    bottom: 0;\n    text-align: center;\n\n    background-color: ", ";\n    box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n\n    @media ", " {\n        bottom: ", "px;\n        max-height: 100vh;\n        overflow: auto;\n    }\n\n    &::backdrop {\n        background-color: rgba(0, 0, 0, ", ");\n        z-index: ", ";\n    }\n\n    &:focus-visible {\n        outline: 2px solid ", ";\n        outline-offset: 2px;\n    }\n"])), spacings.spacer, spacings.nudge * 2, function (_a) {
+  var theme = _a.theme;
+  return getColors(theme).elementBg.light;
+}, spacings.nudge * 2, mq.medium, spacings.nudge * 5, spacings.nudge * 3, mq.semilarge, spacings.spacer * 1.5, function (_a) {
   var bgOpacity = _a.bgOpacity;
   return bgOpacity || 0.4;
 }, function (_a) {
   var zIndex = _a.zIndex;
   return zIndex || 1000;
-});
-var View = styled.div.withConfig({
-  displayName: "CookieConsent__View",
-  componentId: "sc-b6420b-1"
-})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    box-sizing: border-box;\n    max-width: 900px;\n    width: 100vw;\n\n    max-height: 85%;\n    overflow-y: scroll;\n    padding: ", "px ", "px;\n    position: fixed;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 0);\n    text-align: center;\n\n    background-color: ", ";\n    box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n\n    @media ", " {\n        bottom: ", "px;\n        max-height: 100vh;\n        overflow: auto;\n    }\n"], ["\n    box-sizing: border-box;\n    max-width: 900px;\n    width: 100vw;\n\n    max-height: 85%;\n    overflow-y: scroll;\n    padding: ", "px ", "px;\n    position: fixed;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 0);\n    text-align: center;\n\n    background-color: ", ";\n    box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        padding: ", "px;\n\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n\n    @media ", " {\n        bottom: ", "px;\n        max-height: 100vh;\n        overflow: auto;\n    }\n"])), spacings.spacer, spacings.nudge * 2, function (_a) {
+}, function (_a) {
   var theme = _a.theme;
   return getColors(theme).elementBg.light;
-}, spacings.nudge * 2, mq.medium, spacings.nudge * 5, spacings.nudge * 3, mq.semilarge, spacings.spacer * 1.5);
+});
 var Status = styled(Copy).withConfig({
   displayName: "CookieConsent__Status",
-  componentId: "sc-b6420b-2"
-})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    li > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    li > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge);
+  componentId: "sc-b6420b-1"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    li > * + * {\n        margin-left: ", "px;\n    }\n"], ["\n    li > * + * {\n        margin-left: ", "px;\n    }\n"])), spacings.nudge);
 var AcceptIcon = styled(Check).withConfig({
   displayName: "CookieConsent__AcceptIcon",
-  componentId: "sc-b6420b-3"
-})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"], ["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"])));
+  componentId: "sc-b6420b-2"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"], ["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"])));
 var DeclineIcon = styled(Cross).withConfig({
   displayName: "CookieConsent__DeclineIcon",
-  componentId: "sc-b6420b-4"
-})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"], ["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"])));
+  componentId: "sc-b6420b-3"
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"], ["\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n"])));
 var CookieConsent = function (_a) {
   var _b, _c;
 
@@ -59,6 +58,7 @@ var CookieConsent = function (_a) {
       children = _a.children,
       theme = _a.theme;
   var globals = useLibTheme().globals;
+  var cookieConsentRef = useRef(null);
   var statusRenderer = useCallback(function (props) {
     var updatedDate = new Date(props.updatedAt);
     var formatter = new StatusFormatter(props.updatedAt, globals.cookie.consentStatusFormat, globals.cookie.consentDateFormat(updatedDate), globals.cookie.consentTimeFormat(updatedDate), globals.cookie.consentLocaleKey);
@@ -103,15 +103,26 @@ var CookieConsent = function (_a) {
     if (!isInWhitelist) setIsVisible(!getCookieValue());
   }, [getCookieValue, isMounted, urlWhitelist]);
   useEffect(function () {
+    var _a, _b;
+
     document.body.style.overflow = isVisible ? 'hidden' : 'visible';
+    if (!cookieConsentRef.current) return;
+    cookieConsentRef.current.setAttribute('closedby', 'none');
+
+    if (isVisible) {
+      (_a = cookieConsentRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+      cookieConsentRef.current.showModal();
+    } else {
+      (_b = cookieConsentRef.current) === null || _b === void 0 ? void 0 : _b.close();
+    }
   }, [isVisible]);
   if (!isVisible) return null;
   return React__default.createElement(LibThemeProvider, {
     theme: theme
-  }, React__default.createElement(Stage, {
-    zIndex: zIndex,
-    bgOpacity: overlayOpacity
   }, React__default.createElement(View, {
+    ref: cookieConsentRef,
+    zIndex: zIndex,
+    bgOpacity: overlayOpacity,
     className: className
   }, children === null || children === void 0 ? void 0 : children({
     types: cookieTypes,
@@ -121,20 +132,20 @@ var CookieConsent = function (_a) {
     declineAll: declineAll,
     additionalAcceptProps: (_b = {}, _b['data-gtm'] = 'button-cookie-consent-accept', _b),
     additionalDeclineProps: (_c = {}, _c['data-gtm'] = 'button-cookie-consent-decline', _c)
-  }))));
+  })));
 };
 /** Example Cookie icon */
 
 var CookieIcon = styled.img.withConfig({
   displayName: "CookieConsent__CookieIcon",
-  componentId: "sc-b6420b-5"
-})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    display: block;\n    margin: 0 auto;\n"], ["\n    display: block;\n    margin: 0 auto;\n"])));
+  componentId: "sc-b6420b-4"
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    display: block;\n    margin: 0 auto;\n"], ["\n    display: block;\n    margin: 0 auto;\n"])));
 /** Example Cookie title */
 
 var TitleView = styled(Copy).withConfig({
   displayName: "CookieConsent__TitleView",
-  componentId: "sc-b6420b-6"
-})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    text-align: ", ";\n    margin-left: ", ";\n    margin-right: auto;\n    max-width: 670px;\n"], ["\n    text-align: ", ";\n    margin-left: ", ";\n    margin-right: auto;\n    max-width: 670px;\n"])), function (_a) {
+  componentId: "sc-b6420b-5"
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    text-align: ", ";\n    margin-left: ", ";\n    margin-right: auto;\n    max-width: 670px;\n"], ["\n    text-align: ", ";\n    margin-left: ", ";\n    margin-right: auto;\n    max-width: 670px;\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered ? 'center' : 'left';
 }, function (_a) {
@@ -158,12 +169,12 @@ var CookieTitle = function (_a) {
 
 var TextView = styled.div.withConfig({
   displayName: "CookieConsent__TextView",
-  componentId: "sc-b6420b-7"
-})(templateObject_8 || (templateObject_8 = __makeTemplateObject([""], [""])));
+  componentId: "sc-b6420b-6"
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject([""], [""])));
 var ClampWrapper = styled.div.withConfig({
   displayName: "CookieConsent__ClampWrapper",
-  componentId: "sc-b6420b-8"
-})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    position: relative;\n    max-height: ", ";\n    overflow: hidden;\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        height: 100%;\n        background: linear-gradient(\n            0deg,\n            ", " 0%,\n            ", " 25%,\n            ", " 100%\n        );\n        pointer-events: none;\n    }\n"], ["\n    position: relative;\n    max-height: ", ";\n    overflow: hidden;\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        height: 100%;\n        background: linear-gradient(\n            0deg,\n            ", " 0%,\n            ", " 25%,\n            ", " 100%\n        );\n        pointer-events: none;\n    }\n"])), function (_a) {
+  componentId: "sc-b6420b-7"
+})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n    position: relative;\n    max-height: ", ";\n    overflow: hidden;\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        height: 100%;\n        background: linear-gradient(\n            0deg,\n            ", " 0%,\n            ", " 25%,\n            ", " 100%\n        );\n        pointer-events: none;\n    }\n"], ["\n    position: relative;\n    max-height: ", ";\n    overflow: hidden;\n\n    &:after {\n        content: ", ";\n        display: block;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        height: 100%;\n        background: linear-gradient(\n            0deg,\n            ", " 0%,\n            ", " 25%,\n            ", " 100%\n        );\n        pointer-events: none;\n    }\n"])), function (_a) {
   var isClamped = _a.isClamped;
   return isClamped && '80px';
 }, function (_a) {
@@ -181,15 +192,15 @@ var ClampWrapper = styled.div.withConfig({
 });
 var Text = styled(Copy).withConfig({
   displayName: "CookieConsent__Text",
-  componentId: "sc-b6420b-9"
-})(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    text-align: ", ";\n"], ["\n    text-align: ", ";\n"])), function (_a) {
+  componentId: "sc-b6420b-8"
+})(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n    text-align: ", ";\n"], ["\n    text-align: ", ";\n"])), function (_a) {
   var isCentered = _a.isCentered;
   return isCentered ? 'center' : 'left';
 });
 var TextToggle = styled.button.withConfig({
   displayName: "CookieConsent__TextToggle",
-  componentId: "sc-b6420b-10"
-})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    background: none;\n    margin: 0;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n\n    padding: ", "px ", "px;\n"], ["\n    background: none;\n    margin: 0;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n\n    padding: ", "px ", "px;\n"])), spacings.nudge, spacings.nudge * 2);
+  componentId: "sc-b6420b-9"
+})(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n    background: none;\n    margin: 0;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n\n    padding: ", "px ", "px;\n"], ["\n    background: none;\n    margin: 0;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n\n    padding: ", "px ", "px;\n"])), spacings.nudge, spacings.nudge * 2);
 var CookieText = function (_a) {
   var isCentered = _a.isCentered,
       innerHTML = _a.innerHTML,
@@ -232,12 +243,12 @@ var CookieText = function (_a) {
 };
 var SelectView = styled.div.withConfig({
   displayName: "CookieConsent__SelectView",
-  componentId: "sc-b6420b-11"
-})(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    margin-left: auto;\n    margin-right: auto;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    margin-left: auto;\n    margin-right: auto;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
+  componentId: "sc-b6420b-10"
+})(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    margin-left: auto;\n    margin-right: auto;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    margin-left: auto;\n    margin-right: auto;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
 var SelectTitle = styled(Copy).withConfig({
   displayName: "CookieConsent__SelectTitle",
-  componentId: "sc-b6420b-12"
-})(templateObject_13 || (templateObject_13 = __makeTemplateObject(["\n    text-align: left;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"], ["\n    text-align: left;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"])), spacings.nudge * 2);
+  componentId: "sc-b6420b-11"
+})(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    text-align: left;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"], ["\n    text-align: left;\n\n    &:not(:last-child) {\n        margin-bottom: ", "px;\n    }\n"])), spacings.nudge * 2);
 var CookieTypeSelect = function (_a) {
   var title = _a.title,
       types = _a.types,
@@ -261,9 +272,9 @@ var CookieTypeSelect = function (_a) {
 
 var CookieActions = styled(Actions).withConfig({
   displayName: "CookieConsent__CookieActions",
-  componentId: "sc-b6420b-13"
-})(templateObject_14 || (templateObject_14 = __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"])), spacings.spacer, mq.medium, spacings.nudge * 5);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14;
+  componentId: "sc-b6420b-12"
+})(templateObject_13 || (templateObject_13 = __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"])), spacings.spacer, mq.medium, spacings.nudge * 5);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13;
 
 export { CookieActions, CookieConsent, CookieIcon, CookieText, CookieTitle, CookieTypeSelect };
 //# sourceMappingURL=cookies.js.map

package/esm/cookies.js.map

@@ -1 +1 @@
-{"version":3,"file":"cookies.js","sources":["../src/components/blocks/CookieConsent.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport Cross from 'components/base/icons/Cross';\nimport UnfoldMore from 'components/base/icons/UnfoldMore';\nimport Actions from 'components/blocks/Actions';\nimport Checkbox from 'components/fields/Checkbox';\nimport Copy from 'components/typography/Copy';\nimport React, { FC, useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n    bindConsentButtons,\n    isUrlInWhitelist,\n} from 'utils/cookie-consent/mutations';\nimport useCookieConsent, {\n    CookieTypes,\n    selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { hexToRgba } from 'utils/hexRgbConverter';\nimport {\n    LibThemeProvider,\n    ThemeMods,\n    useLibTheme,\n} from 'utils/LibThemeProvider';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport useMounted from 'utils/useMounted';\n\nconst Stage = styled.div<{ zIndex?: number; bgOpacity?: number }>`\n    position: fixed;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-color: rgba(0, 0, 0, ${({ bgOpacity }) => bgOpacity || 0.4});\n    z-index: ${({ zIndex }) => zIndex || 1000};\n`;\n\nconst View = styled.div`\n    box-sizing: border-box;\n    max-width: 900px;\n    width: 100vw;\n\n    max-height: 85%;\n    overflow-y: scroll;\n    padding: ${spacings.spacer}px ${spacings.nudge * 2}px;\n    position: fixed;\n    bottom: 0;\n    left: 50%;\n    transform: translate(-50%, 0);\n    text-align: center;\n\n    background-color: ${({ theme }) => color(theme).elementBg.light};\n    box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    @media ${mq.medium} {\n        padding: ${spacings.nudge * 5}px;\n\n        & > * + * {\n            margin-top: ${spacings.nudge * 3}px;\n        }\n    }\n\n    @media ${mq.semilarge} {\n        bottom: ${spacings.spacer * 1.5}px;\n        max-height: 100vh;\n        overflow: auto;\n    }\n`;\n\nconst Status = styled(Copy)`\n    li > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst AcceptIcon = styled(Check)`\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n`;\n\nconst DeclineIcon = styled(Cross)`\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n`;\n\ntype RenderProps = {\n    types: CookieTypes;\n    acceptAll: () => void;\n    acceptSelected: () => void;\n    declineAll: () => void;\n    setConsent: (type: keyof CookieTypes, isAccepted?: boolean) => void;\n    additionalDeclineProps: {\n        ['data-gtm']: string;\n    };\n    additionalAcceptProps: {\n        ['data-gtm']: string;\n    };\n};\n\nexport const CookieConsent: FC<{\n    /** URL's that should be excluded from consent */\n    urlWhitelist?: string[];\n    zIndex?: number;\n    overlayOpacity?: number;\n    status?: (props: {\n        updatedAt: number;\n        state: CookieTypes;\n    }) => React.ReactElement;\n    className?: string;\n    children?: (props: RenderProps) => React.ReactElement;\n    theme?: ThemeMods;\n}> = ({\n    /** URL's that should be excluded from consent */\n    urlWhitelist = [],\n    zIndex,\n    overlayOpacity = 0.4,\n    status,\n    className,\n    children,\n    theme,\n}) => {\n    const { globals } = useLibTheme();\n\n    const statusRenderer = useCallback(\n        (props: { updatedAt: number; state: CookieTypes }) => {\n            const updatedDate = new Date(props.updatedAt);\n\n            const formatter = new StatusFormatter(\n                props.updatedAt,\n                globals.cookie.consentStatusFormat,\n                globals.cookie.consentDateFormat(updatedDate),\n                globals.cookie.consentTimeFormat(updatedDate),\n                globals.cookie.consentLocaleKey\n            );\n            const typeKeys: string[] = Object.keys(props.state);\n            const types: CookieTypes = props.state;\n\n            return (\n                <Status renderAs=\"span\">\n                    <span>{formatter.getFormattedStatus()}</span>\n                    <ul>\n                        {typeKeys?.map((type, i) => (\n                            <li key={i}>\n                                <span>{types[type].label}</span>\n                                {types[type].isAccepted ? (\n                                    <AcceptIcon />\n                                ) : (\n                                    <DeclineIcon />\n                                )}\n                            </li>\n                        ))}\n                    </ul>\n                </Status>\n            );\n        },\n        [globals.cookie]\n    );\n\n    const [isVisible, setIsVisible] = useState(false);\n    const {\n        getCookieValue,\n        cookieTypes,\n        acceptAll,\n        acceptSelected,\n        declineAll,\n        setConsent,\n    } = useCookieConsent(\n        {\n            cookieName: globals.cookie.name,\n            initialCookieTypes: globals.cookie.types,\n            lifetime: globals.cookie.lifetime,\n        },\n        () => setIsVisible(false),\n        status || statusRenderer\n    );\n    const isMounted = useMounted();\n\n    useEffect(() => {\n        if (isMounted) return;\n\n        // bind buttons to open consent\n        bindConsentButtons(\n            () => setIsVisible(true),\n            [`[${selectors.buttons.attribute}]`, `.${selectors.buttons.class}`]\n        );\n\n        // check if consent banner should be open\n        const isInWhitelist = isUrlInWhitelist(\n            window.location.pathname,\n            urlWhitelist\n        );\n        if (!isInWhitelist) setIsVisible(!getCookieValue());\n    }, [getCookieValue, isMounted, urlWhitelist]);\n\n    useEffect(() => {\n        document.body.style.overflow = isVisible ? 'hidden' : 'visible';\n    }, [isVisible]);\n\n    if (!isVisible) return null;\n    return (\n        <LibThemeProvider theme={theme}>\n            <Stage zIndex={zIndex} bgOpacity={overlayOpacity}>\n                <View className={className}>\n                    {children?.({\n                        types: cookieTypes,\n                        acceptAll,\n                        acceptSelected,\n                        setConsent,\n                        declineAll,\n                        additionalAcceptProps: {\n                            ['data-gtm']: 'button-cookie-consent-accept',\n                        },\n                        additionalDeclineProps: {\n                            ['data-gtm']: 'button-cookie-consent-decline',\n                        },\n                    })}\n                </View>\n            </Stage>\n        </LibThemeProvider>\n    );\n};\n\n/** Example Cookie icon */\nexport const CookieIcon = styled.img`\n    display: block;\n    margin: 0 auto;\n`;\n\n/** Example Cookie title */\nconst TitleView = styled(Copy)<{ isCentered?: boolean }>`\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n    margin-left: ${({ isCentered }) => (isCentered ? 'auto' : '0')};\n    margin-right: auto;\n    max-width: 670px;\n`;\n\nexport const CookieTitle: FC<{\n    isCentered?: boolean;\n    innerHTML?: string;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({ isCentered, innerHTML, className, children }) => {\n    return (\n        <TitleView\n            size=\"big\"\n            type=\"copy-b\"\n            innerHTML={innerHTML}\n            isCentered={isCentered}\n            className={className}\n        >\n            {children}\n        </TitleView>\n    );\n};\n\n/** Example Cookie title */\nconst TextView = styled.div``;\n\nconst ClampWrapper = styled.div<{ isClamped?: boolean }>`\n    position: relative;\n    max-height: ${({ isClamped }) => isClamped && '80px'};\n    overflow: hidden;\n\n    &:after {\n        content: ${({ isClamped }) => isClamped && \"''\"};\n        display: block;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        height: 100%;\n        background: linear-gradient(\n            0deg,\n            ${({ theme }) => color(theme).elementBg.light} 0%,\n            ${({ theme }) => hexToRgba(color(theme).elementBg.light, 0.9)} 25%,\n            ${({ theme }) => hexToRgba(color(theme).elementBg.light, 0)} 100%\n        );\n        pointer-events: none;\n    }\n`;\n\nconst Text = styled(Copy)<{ isCentered?: boolean }>`\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n`;\n\nconst TextToggle = styled.button`\n    background: none;\n    margin: 0;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n\n    padding: ${spacings.nudge}px ${spacings.nudge * 2}px;\n`;\n\nexport const CookieText: FC<{\n    isCentered?: boolean;\n    innerHTML?: string;\n    allowClamping?: boolean;\n    className?: string;\n    children?: React.ReactNode;\n    toggle?: (handleClick: () => void) => React.ReactNode;\n}> = ({\n    isCentered,\n    innerHTML,\n    allowClamping = true,\n    toggle,\n    className,\n    children,\n}) => {\n    const [isClamped, setIsClamped] = useState<boolean>(true);\n    const canClamp = useRef<boolean>(!!allowClamping);\n    const cRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!canClamp.current) return;\n\n        const height = cRef.current?.scrollHeight;\n        if (height === undefined) return;\n\n        setIsClamped(height > 130);\n    }, [allowClamping]);\n\n    const handleToggleClick = () => {\n        setIsClamped(false);\n        canClamp.current = false;\n    };\n\n    return (\n        <TextView>\n            <ClampWrapper ref={cRef} isClamped={isClamped}>\n                <Text\n                    isCentered={isCentered}\n                    innerHTML={innerHTML}\n                    className={className}\n                >\n                    {children}\n                </Text>\n            </ClampWrapper>\n            {isClamped &&\n                (toggle ? (\n                    toggle(handleToggleClick)\n                ) : (\n                    <TextToggle onClick={handleToggleClick}>\n                        <UnfoldMore />\n                    </TextToggle>\n                ))}\n        </TextView>\n    );\n};\n\nconst SelectView = styled.div`\n    margin-left: auto;\n    margin-right: auto;\n\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectTitle = styled(Copy)`\n    text-align: left;\n\n    &:not(:last-child) {\n        margin-bottom: ${spacings.nudge * 2}px;\n    }\n`;\n\nexport const CookieTypeSelect: FC<{\n    title?: string;\n    types: CookieTypes;\n    setConsent: (typeName: keyof CookieTypes, isAccepted?: boolean) => void;\n}> = ({ title, types, setConsent }) => (\n    <SelectView>\n        {title && <SelectTitle type=\"copy-b\" innerHTML={title} />}\n        {types &&\n            Object.keys(types).map((key) => (\n                <Checkbox\n                    key={key}\n                    label={types[key].label}\n                    isSelected={types[key].isAccepted}\n                    isDisabled={!types[key].isEditable}\n                    onChange={() => setConsent(key)}\n                />\n            ))}\n    </SelectView>\n);\n\n/** Example Cookie actions */\nexport const CookieActions = styled(Actions)`\n    margin-top: ${spacings.spacer}px;\n\n    @media ${mq.medium} {\n        margin-top: ${spacings.nudge * 5}px;\n    }\n`;\n\nexport default CookieConsent;\n"],"names":["Stage","styled","div","templateObject_1","__makeTemplateObject","_a","bgOpacity","zIndex","View","spacings","spacer","nudge","theme","color","elementBg","light","mq","medium","semilarge","Status","Copy","templateObject_3","AcceptIcon","Check","templateObject_4","DeclineIcon","Cross","templateObject_5","CookieConsent","_d","urlWhitelist","_e","overlayOpacity","status","className","children","globals","useLibTheme","statusRenderer","useCallback","props","updatedDate","Date","updatedAt","formatter","StatusFormatter","cookie","consentStatusFormat","consentDateFormat","consentTimeFormat","consentLocaleKey","typeKeys","Object","keys","state","types","React","createElement","renderAs","getFormattedStatus","map","type","i","key","label","isAccepted","_f","useState","isVisible","setIsVisible","_g","useCookieConsent","cookieName","name","initialCookieTypes","lifetime","getCookieValue","cookieTypes","acceptAll","acceptSelected","declineAll","setConsent","isMounted","useMounted","useEffect","bindConsentButtons","concat","selectors","buttons","attribute","class","isInWhitelist","isUrlInWhitelist","window","location","pathname","document","body","style","overflow","LibThemeProvider","additionalAcceptProps","_b","additionalDeclineProps","_c","CookieIcon","img","templateObject_6","TitleView","templateObject_7","isCentered","CookieTitle","innerHTML","size","TextView","templateObject_8","ClampWrapper","templateObject_9","isClamped","hexToRgba","Text","templateObject_10","TextToggle","button","templateObject_11","CookieText","allowClamping","toggle","setIsClamped","canClamp","useRef","cRef","current","height","scrollHeight","undefined","handleToggleClick","ref","onClick","UnfoldMore","SelectView","templateObject_12","SelectTitle","templateObject_13","CookieTypeSelect","title","Checkbox","isSelected","isDisabled","isEditable","onChange","CookieActions","Actions","templateObject_14"],"mappings":"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"}
+{"version":3,"file":"cookies.js","sources":["../src/components/blocks/CookieConsent.tsx"],"sourcesContent":["import Check from 'components/base/icons/Check';\nimport Cross from 'components/base/icons/Cross';\nimport UnfoldMore from 'components/base/icons/UnfoldMore';\nimport Actions from 'components/blocks/Actions';\nimport Checkbox from 'components/fields/Checkbox';\nimport Copy from 'components/typography/Copy';\nimport React, { FC, useCallback, useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport {\n    bindConsentButtons,\n    isUrlInWhitelist,\n} from 'utils/cookie-consent/mutations';\nimport useCookieConsent, {\n    CookieTypes,\n    selectors,\n} from 'utils/cookie-consent/useCookieConsent';\nimport { hexToRgba } from 'utils/hexRgbConverter';\nimport {\n    LibThemeProvider,\n    ThemeMods,\n    useLibTheme,\n} from 'utils/LibThemeProvider';\nimport StatusFormatter from 'utils/statusFormatter';\nimport { getColors as color, mq, spacings } from 'utils/styles';\nimport useMounted from 'utils/useMounted';\n\nconst View = styled.dialog<{ zIndex?: number; bgOpacity?: number }>`\n    margin-bottom: 0;\n    border: none;\n    box-sizing: border-box;\n    max-width: 900px;\n    width: 100vw;\n\n    max-height: 85%;\n    overflow-y: scroll;\n    padding: ${spacings.spacer}px ${spacings.nudge * 2}px;\n    bottom: 0;\n    text-align: center;\n\n    background-color: ${({ theme }) => color(theme).elementBg.light};\n    box-shadow: 0 2px 44px rgba(0, 0, 0, 0.3);\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    @media ${mq.medium} {\n        padding: ${spacings.nudge * 5}px;\n\n        & > * + * {\n            margin-top: ${spacings.nudge * 3}px;\n        }\n    }\n\n    @media ${mq.semilarge} {\n        bottom: ${spacings.spacer * 1.5}px;\n        max-height: 100vh;\n        overflow: auto;\n    }\n\n    &::backdrop {\n        background-color: rgba(0, 0, 0, ${({ bgOpacity }) => bgOpacity || 0.4});\n        z-index: ${({ zIndex }) => zIndex || 1000};\n    }\n\n    &:focus-visible {\n        outline: 2px solid ${({ theme }) => color(theme).elementBg.light};\n        outline-offset: 2px;\n    }\n`;\n\nconst Status = styled(Copy)`\n    li > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst AcceptIcon = styled(Check)`\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n`;\n\nconst DeclineIcon = styled(Cross)`\n    display: inline-block;\n    height: 20px;\n    width: 20px;\n`;\n\ntype RenderProps = {\n    types: CookieTypes;\n    acceptAll: () => void;\n    acceptSelected: () => void;\n    declineAll: () => void;\n    setConsent: (type: keyof CookieTypes, isAccepted?: boolean) => void;\n    additionalDeclineProps: {\n        ['data-gtm']: string;\n    };\n    additionalAcceptProps: {\n        ['data-gtm']: string;\n    };\n};\n\nexport const CookieConsent: FC<{\n    /** URL's that should be excluded from consent */\n    urlWhitelist?: string[];\n    zIndex?: number;\n    overlayOpacity?: number;\n    status?: (props: {\n        updatedAt: number;\n        state: CookieTypes;\n    }) => React.ReactElement;\n    className?: string;\n    children?: (props: RenderProps) => React.ReactElement;\n    theme?: ThemeMods;\n}> = ({\n    /** URL's that should be excluded from consent */\n    urlWhitelist = [],\n    zIndex,\n    overlayOpacity = 0.4,\n    status,\n    className,\n    children,\n    theme,\n}) => {\n    const { globals } = useLibTheme();\n    const cookieConsentRef = useRef<any>(null);\n\n    const statusRenderer = useCallback(\n        (props: { updatedAt: number; state: CookieTypes }) => {\n            const updatedDate = new Date(props.updatedAt);\n\n            const formatter = new StatusFormatter(\n                props.updatedAt,\n                globals.cookie.consentStatusFormat,\n                globals.cookie.consentDateFormat(updatedDate),\n                globals.cookie.consentTimeFormat(updatedDate),\n                globals.cookie.consentLocaleKey\n            );\n            const typeKeys: string[] = Object.keys(props.state);\n            const types: CookieTypes = props.state;\n\n            return (\n                <Status renderAs=\"span\">\n                    <span>{formatter.getFormattedStatus()}</span>\n                    <ul>\n                        {typeKeys?.map((type, i) => (\n                            <li key={i}>\n                                <span>{types[type].label}</span>\n                                {types[type].isAccepted ? (\n                                    <AcceptIcon />\n                                ) : (\n                                    <DeclineIcon />\n                                )}\n                            </li>\n                        ))}\n                    </ul>\n                </Status>\n            );\n        },\n        [globals.cookie]\n    );\n\n    const [isVisible, setIsVisible] = useState(false);\n    const {\n        getCookieValue,\n        cookieTypes,\n        acceptAll,\n        acceptSelected,\n        declineAll,\n        setConsent,\n    } = useCookieConsent(\n        {\n            cookieName: globals.cookie.name,\n            initialCookieTypes: globals.cookie.types,\n            lifetime: globals.cookie.lifetime,\n        },\n        () => setIsVisible(false),\n        status || statusRenderer\n    );\n    const isMounted = useMounted();\n\n    useEffect(() => {\n        if (isMounted) return;\n\n        // bind buttons to open consent\n        bindConsentButtons(\n            () => setIsVisible(true),\n            [`[${selectors.buttons.attribute}]`, `.${selectors.buttons.class}`]\n        );\n\n        // check if consent banner should be open\n        const isInWhitelist = isUrlInWhitelist(\n            window.location.pathname,\n            urlWhitelist\n        );\n        if (!isInWhitelist) setIsVisible(!getCookieValue());\n    }, [getCookieValue, isMounted, urlWhitelist]);\n\n    useEffect(() => {\n        document.body.style.overflow = isVisible ? 'hidden' : 'visible';\n\n        if (!cookieConsentRef.current) return;\n        cookieConsentRef.current.setAttribute('closedby', 'none');\n\n        if (isVisible) {\n            cookieConsentRef.current?.focus();\n            cookieConsentRef.current.showModal();\n        } else {\n            cookieConsentRef.current?.close();\n        }\n    }, [isVisible]);\n\n    if (!isVisible) return null;\n    return (\n        <LibThemeProvider theme={theme}>\n            <View\n                ref={cookieConsentRef}\n                zIndex={zIndex}\n                bgOpacity={overlayOpacity}\n                className={className}\n            >\n                {children?.({\n                    types: cookieTypes,\n                    acceptAll,\n                    acceptSelected,\n                    setConsent,\n                    declineAll,\n                    additionalAcceptProps: {\n                        ['data-gtm']: 'button-cookie-consent-accept',\n                    },\n                    additionalDeclineProps: {\n                        ['data-gtm']: 'button-cookie-consent-decline',\n                    },\n                })}\n            </View>\n        </LibThemeProvider>\n    );\n};\n\n/** Example Cookie icon */\nexport const CookieIcon = styled.img`\n    display: block;\n    margin: 0 auto;\n`;\n\n/** Example Cookie title */\nconst TitleView = styled(Copy)<{ isCentered?: boolean }>`\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n    margin-left: ${({ isCentered }) => (isCentered ? 'auto' : '0')};\n    margin-right: auto;\n    max-width: 670px;\n`;\n\nexport const CookieTitle: FC<{\n    isCentered?: boolean;\n    innerHTML?: string;\n    className?: string;\n    children?: React.ReactNode;\n}> = ({ isCentered, innerHTML, className, children }) => {\n    return (\n        <TitleView\n            size=\"big\"\n            type=\"copy-b\"\n            innerHTML={innerHTML}\n            isCentered={isCentered}\n            className={className}\n        >\n            {children}\n        </TitleView>\n    );\n};\n\n/** Example Cookie title */\nconst TextView = styled.div``;\n\nconst ClampWrapper = styled.div<{ isClamped?: boolean }>`\n    position: relative;\n    max-height: ${({ isClamped }) => isClamped && '80px'};\n    overflow: hidden;\n\n    &:after {\n        content: ${({ isClamped }) => isClamped && \"''\"};\n        display: block;\n        position: absolute;\n        left: 0;\n        bottom: 0;\n        right: 0;\n        height: 100%;\n        background: linear-gradient(\n            0deg,\n            ${({ theme }) => color(theme).elementBg.light} 0%,\n            ${({ theme }) => hexToRgba(color(theme).elementBg.light, 0.9)} 25%,\n            ${({ theme }) => hexToRgba(color(theme).elementBg.light, 0)} 100%\n        );\n        pointer-events: none;\n    }\n`;\n\nconst Text = styled(Copy)<{ isCentered?: boolean }>`\n    text-align: ${({ isCentered }) => (isCentered ? 'center' : 'left')};\n`;\n\nconst TextToggle = styled.button`\n    background: none;\n    margin: 0;\n    padding: 0;\n    border: none;\n    cursor: pointer;\n\n    padding: ${spacings.nudge}px ${spacings.nudge * 2}px;\n`;\n\nexport const CookieText: FC<{\n    isCentered?: boolean;\n    innerHTML?: string;\n    allowClamping?: boolean;\n    className?: string;\n    children?: React.ReactNode;\n    toggle?: (handleClick: () => void) => React.ReactNode;\n}> = ({\n    isCentered,\n    innerHTML,\n    allowClamping = true,\n    toggle,\n    className,\n    children,\n}) => {\n    const [isClamped, setIsClamped] = useState<boolean>(true);\n    const canClamp = useRef<boolean>(!!allowClamping);\n    const cRef = useRef<HTMLDivElement>(null);\n\n    useEffect(() => {\n        if (!canClamp.current) return;\n\n        const height = cRef.current?.scrollHeight;\n        if (height === undefined) return;\n\n        setIsClamped(height > 130);\n    }, [allowClamping]);\n\n    const handleToggleClick = () => {\n        setIsClamped(false);\n        canClamp.current = false;\n    };\n\n    return (\n        <TextView>\n            <ClampWrapper ref={cRef} isClamped={isClamped}>\n                <Text\n                    isCentered={isCentered}\n                    innerHTML={innerHTML}\n                    className={className}\n                >\n                    {children}\n                </Text>\n            </ClampWrapper>\n            {isClamped &&\n                (toggle ? (\n                    toggle(handleToggleClick)\n                ) : (\n                    <TextToggle onClick={handleToggleClick}>\n                        <UnfoldMore />\n                    </TextToggle>\n                ))}\n        </TextView>\n    );\n};\n\nconst SelectView = styled.div`\n    margin-left: auto;\n    margin-right: auto;\n\n    & > * + * {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectTitle = styled(Copy)`\n    text-align: left;\n\n    &:not(:last-child) {\n        margin-bottom: ${spacings.nudge * 2}px;\n    }\n`;\n\nexport const CookieTypeSelect: FC<{\n    title?: string;\n    types: CookieTypes;\n    setConsent: (typeName: keyof CookieTypes, isAccepted?: boolean) => void;\n}> = ({ title, types, setConsent }) => (\n    <SelectView>\n        {title && <SelectTitle type=\"copy-b\" innerHTML={title} />}\n        {types &&\n            Object.keys(types).map((key) => (\n                <Checkbox\n                    key={key}\n                    label={types[key].label}\n                    isSelected={types[key].isAccepted}\n                    isDisabled={!types[key].isEditable}\n                    onChange={() => setConsent(key)}\n                />\n            ))}\n    </SelectView>\n);\n\n/** Example Cookie actions */\nexport const CookieActions = styled(Actions)`\n    margin-top: ${spacings.spacer}px;\n\n    @media ${mq.medium} {\n        margin-top: ${spacings.nudge * 5}px;\n    }\n`;\n\nexport default CookieConsent;\n"],"names":["View","styled","dialog","templateObject_1","__makeTemplateObject","spacings","spacer","nudge","_a","theme","color","elementBg","light","mq","medium","semilarge","bgOpacity","zIndex","Status","Copy","templateObject_2","AcceptIcon","Check","templateObject_3","DeclineIcon","Cross","templateObject_4","CookieConsent","_d","urlWhitelist","_e","overlayOpacity","status","className","children","globals","useLibTheme","cookieConsentRef","useRef","statusRenderer","useCallback","props","updatedDate","Date","updatedAt","formatter","StatusFormatter","cookie","consentStatusFormat","consentDateFormat","consentTimeFormat","consentLocaleKey","typeKeys","Object","keys","state","types","React","createElement","renderAs","getFormattedStatus","map","type","i","key","label","isAccepted","_f","useState","isVisible","setIsVisible","_g","useCookieConsent","cookieName","name","initialCookieTypes","lifetime","getCookieValue","cookieTypes","acceptAll","acceptSelected","declineAll","setConsent","isMounted","useMounted","useEffect","bindConsentButtons","concat","selectors","buttons","attribute","class","isInWhitelist","isUrlInWhitelist","window","location","pathname","document","body","style","overflow","current","setAttribute","focus","showModal","_b","close","LibThemeProvider","ref","additionalAcceptProps","additionalDeclineProps","_c","CookieIcon","img","templateObject_5","TitleView","templateObject_6","isCentered","CookieTitle","innerHTML","size","TextView","div","templateObject_7","ClampWrapper","templateObject_8","isClamped","hexToRgba","Text","templateObject_9","TextToggle","button","templateObject_10","CookieText","allowClamping","toggle","setIsClamped","canClamp","cRef","height","scrollHeight","undefined","handleToggleClick","onClick","UnfoldMore","SelectView","templateObject_11","SelectTitle","templateObject_12","CookieTypeSelect","title","Checkbox","isSelected","isDisabled","isEditable","onChange","CookieActions","Actions","templateObject_13"],"mappings":"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"}

package/esm/fields.js

@@ -1,39 +1,47 @@
-import { a as __makeTemplateObject } from './Filter-19220970.js';
-import React__default from 'react';
+import { a as __makeTemplateObject } from './ButtonLeft-a9a132f5.js';
+import React__default, { useId } from 'react';
 import styled from 'styled-components';
-import { u as useLibTheme } from './LibThemeProvider-fb1d35ac.js';
-import { g as getColors, m as mq, s as spacings, a as getFonts, w as withRange } from './styles-1f1841ef.js';
-export { F as FilterField } from './FilterField-8e64b355.js';
-export { F as FormField } from './formFieldText-c6fcd370.js';
-export { D as Datepicker, F as FileUpload, L as LocationField, R as Radio, S as SelectDropdown, T as Textarea } from './Textarea-60503eb7.js';
-export { C as Checkbox } from './Checkbox-962fea67.js';
-export { M as MultiselectDropdown } from './MultiselectDropdown-61a5a1a6.js';
-export { T as Textfield } from './Textfield-e8f48b5f.js';
+import { u as useLibTheme } from './LibThemeProvider-48cad3e8.js';
+import { s as spacings, g as getColors, m as mq, a as getFonts, w as withRange } from './styles-f3ba5bae.js';
+export { F as FilterField } from './FilterField-251b4dad.js';
+export { F as FormField } from './formFieldText-af2106f9.js';
+export { D as Datepicker, F as FileUpload, L as LocationField, R as Radio, S as SelectDropdown, T as Textarea } from './Textarea-af789d6e.js';
+export { C as Checkbox } from './Checkbox-e7fc7d28.js';
+export { M as MultiselectDropdown } from './MultiselectDropdown-20b33522.js';
+export { T as Textfield } from './Textfield-1f1ae077.js';
 import 'react-dom/server';
-import './Copy-fd9e25c0.js';
+import './Copy-5a18e01f.js';
 import './clamp-12d37b65.js';
-import './useLazyInput-0b6932aa.js';
-import './ButtonGhost-fc9e7a75.js';
+import './useLazyInput-08ee63f4.js';
+import './Button-1f634865.js';
 import './hexRgbConverter-edb91624.js';
-import './Button-9a0dd9aa.js';
+import './ButtonGhost-476c3826.js';
+import './Pointer-41c10bba.js';
+import './PickerAction-704f2992.js';
+import './Control-84268468.js';
 import 'react-datepicker';
-import './useLeafletMap-fa0ab7d4.js';
+import './useLeafletMap-f9050715.js';
 import './useUpdateEffect-824c0c84.js';
 import './useGeolocation-f9f073cc.js';
-import './useMounted-1e4cc87b.js';
+import './concat-b6d6d978.js';
 import './arrays-65b644ef.js';
+import './useMounted-1e4cc87b.js';
 
-var View$1 = styled.form.withConfig({
+var View = styled.form.withConfig({
   displayName: "CompactForm__View",
   componentId: "sc-v44fzp-0"
-})(templateObject_1$1 || (templateObject_1$1 = __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 (_a) {
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: ", "px;\n\n    color: ", ";\n\n    @media ", " {\n        flex-direction: row;\n        gap: 0;\n    }\n"], ["\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    gap: ", "px;\n\n    color: ", ";\n\n    @media ", " {\n        flex-direction: row;\n        gap: 0;\n    }\n"])), spacings.nudge, function (_a) {
   var theme = _a.theme;
   return getColors(theme).text.default;
 }, mq.medium);
-var InputField$1 = styled.input.withConfig({
-  displayName: "CompactForm__InputField",
+var Label = styled.label.withConfig({
+  displayName: "CompactForm__Label",
   componentId: "sc-v44fzp-1"
-})(templateObject_2$1 || (templateObject_2$1 = __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"])), spacings.nudge, spacings.nudge * 3, function (_a) {
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n"], ["\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n"])));
+var InputField = styled.input.withConfig({
+  displayName: "CompactForm__InputField",
+  componentId: "sc-v44fzp-2"
+})(templateObject_3 || (templateObject_3 = __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"])), spacings.nudge, spacings.nudge * 3, function (_a) {
   var backColor = _a.backColor;
   return backColor && backColor;
 }, function (_a) {
@@ -52,16 +60,28 @@ var InputField$1 = styled.input.withConfig({
   var theme = _a.theme;
   return "2px solid ".concat(getColors(theme).primary.default);
 });
-var SubmitBtn$1 = styled.button.withConfig({
+var SubmitBtn = styled.button.withConfig({
   displayName: "CompactForm__SubmitBtn",
-  componentId: "sc-v44fzp-2"
-})(templateObject_3$1 || (templateObject_3$1 = __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"])), spacings.spacer * 0.5, function (_a) {
+  componentId: "sc-v44fzp-3"
+})(templateObject_4 || (templateObject_4 = __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    background-color: ", ";\n    color: ", ";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    transition: background-color ease-in-out 0.2s;\n\n    @media ", " {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background-color: ", ";\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid\n            ", ";\n\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) {\n        background-color: ", ";\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    background-color: ", ";\n    color: ", ";\n\n    outline: none;\n    border: none;\n    user-select: none;\n    cursor: pointer;\n    transition: background-color ease-in-out 0.2s;\n\n    @media ", " {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background-color: ", ";\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid\n            ", ";\n\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) {\n        background-color: ", ";\n    }\n"])), function (_a) {
   var theme = _a.theme;
   return getColors(theme).primary.default;
 }, function (_a) {
   var theme = _a.theme;
   return getColors(theme).text.inverted;
-}, mq.medium);
+}, mq.medium, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).primary.invertedHover : getColors(theme).primary.hover;
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).primary.inverted : getColors(theme).primary.default;
+}, function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).primary.invertedHover : getColors(theme).primary.hover;
+});
 
 var CompactForm = function (_a) {
   var _b = _a.mode,
@@ -77,117 +97,30 @@ var CompactForm = function (_a) {
       onFocus = _a.onFocus,
       className = _a.className;
   var colors = useLibTheme().colors;
+  var id = useId();
+  var fieldId = "compact-form-".concat(id);
   var bgColor = mode === 'default' ? colors.elementBg.medium : colors.elementBg.light;
-  return React__default.createElement(View$1, {
+  return React__default.createElement(View, {
     onSubmit: onSubmit,
     method: method,
     action: action,
     className: className
-  }, React__default.createElement(InputField$1, {
+  }, React__default.createElement(Label, {
+    htmlFor: fieldId
+  }, "E-Mail"), React__default.createElement(InputField, {
+    id: fieldId,
+    type: "email",
     placeholder: placeholder,
     value: value,
     onClick: onClick,
     onBlur: onBlur,
     onFocus: onFocus,
     backColor: bgColor
-  }), buttonIcon && React__default.createElement(SubmitBtn$1, {
+  }), buttonIcon && React__default.createElement(SubmitBtn, {
     isInverted: mode === 'onDark'
   }, buttonIcon));
 };
-var templateObject_1$1, templateObject_2$1, templateObject_3$1;
-
-var View = styled.div.withConfig({
-  displayName: "SearchInput__View",
-  componentId: "sc-21j67n-0"
-})(templateObject_1 || (templateObject_1 = __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 (_a) {
-  var theme = _a.theme;
-  return getColors(theme).text.default;
-}, function (_a) {
-  var theme = _a.theme,
-      isInverted = _a.isInverted;
-  return isInverted ? getColors(theme).elementBg.light : getColors(theme).elementBg.medium;
-});
-var InputField = styled.input.withConfig({
-  displayName: "SearchInput__InputField",
-  componentId: "sc-21j67n-1"
-})(templateObject_2 || (templateObject_2 = __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"])), spacings.nudge * 3, spacings.nudge * 3.5, function (_a) {
-  var hasLeftIcon = _a.hasLeftIcon;
-  return hasLeftIcon && spacings.spacer * 2.5 + 'px';
-}, function (_a) {
-  var hasRightIcon = _a.hasRightIcon;
-  return hasRightIcon && spacings.spacer * 2.5 + 'px';
-}, function (_a) {
-  var theme = _a.theme;
-  return getFonts(theme).copy.small.family;
-}, function (_a) {
-  var theme = _a.theme;
-  return withRange(getFonts(theme).copy.small.size, 'font-size');
-}, function (_a) {
-  var theme = _a.theme;
-  return "1px solid ".concat(getColors(theme).primary.default);
-});
-var ControlBtn = styled.button.withConfig({
-  displayName: "SearchInput__ControlBtn",
-  componentId: "sc-21j67n-2"
-})(templateObject_3 || (templateObject_3 = __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 (_a) {
-  var theme = _a.theme;
-  return getColors(theme).text.default;
-});
-var SubmitBtn = styled(ControlBtn).withConfig({
-  displayName: "SearchInput__SubmitBtn",
-  componentId: "sc-21j67n-3"
-})(templateObject_4 || (templateObject_4 = __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"])));
-var ClearBtn = styled(ControlBtn).withConfig({
-  displayName: "SearchInput__ClearBtn",
-  componentId: "sc-21j67n-4"
-})(templateObject_5 || (templateObject_5 = __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"])));
-
-var SearchInput = function (_a) {
-  var _b = _a.isInverted,
-      isInverted = _b === void 0 ? false : _b,
-      value = _a.value,
-      placeholder = _a.placeholder,
-      submitIcon = _a.submitIcon,
-      clearIcon = _a.clearIcon,
-      onSubmit = _a.onSubmit,
-      onClick = _a.onClick,
-      onClear = _a.onClear,
-      onBlur = _a.onBlur,
-      onFocus = _a.onFocus,
-      className = _a.className;
-
-  var handleKeyDown = function (ev) {
-    if (ev.keyCode === 13) {
-      onSubmit && onSubmit();
-      ev.preventDefault();
-    }
-  };
-
-  return React__default.createElement(View, {
-    isInverted: isInverted,
-    className: className
-  }, submitIcon && React__default.createElement(SubmitBtn, {
-    isInverted: isInverted,
-    onClick: function () {
-      return onSubmit && onSubmit();
-    }
-  }, submitIcon), React__default.createElement(InputField, {
-    hasLeftIcon: submitIcon !== undefined,
-    hasRightIcon: clearIcon !== undefined,
-    placeholder: placeholder,
-    value: value,
-    onClick: onClick,
-    onBlur: onBlur,
-    onFocus: onFocus,
-    onKeyDown: handleKeyDown
-  }), clearIcon && React__default.createElement(ClearBtn, {
-    isInverted: isInverted,
-    onClick: function () {
-      return onClear && onClear();
-    }
-  }, clearIcon));
-};
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
-export { CompactForm, SearchInput };
+export { CompactForm };
 //# sourceMappingURL=fields.js.map