@blateral/b.kit 2.8.4 → 3.0.1

package/esm/fields.js.map

@@ -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","templateObject_1","__makeTemplateObject","_a","theme","color","text","default","mq","medium","InputField","input","templateObject_2","spacings","nudge","backColor","font","copy","small","family","weight","withRange","size","lineHeight","concat","primary","SubmitBtn","button","templateObject_3","spacer","inverted","CompactForm","_b","mode","value","placeholder","method","action","buttonIcon","onSubmit","onClick","onBlur","onFocus","className","colors","useLibTheme","bgColor","elementBg","light","React","createElement","isInverted","div","hasLeftIcon","hasRightIcon","ControlBtn","templateObject_4","ClearBtn","templateObject_5","SearchInput","submitIcon","clearIcon","onClear","handleKeyDown","ev","keyCode","preventDefault","undefined","onKeyDown"],"mappings":"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"}
+{"version":3,"file":"fields.js","sources":["../src/components/fields/CompactForm.tsx"],"sourcesContent":["import React, { FC, useId } 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    gap: ${spacings.nudge}px;\n\n    color: ${({ theme }) => color(theme).text.default};\n\n    @media ${mq.medium} {\n        flex-direction: row;\n        gap: 0;\n    }\n`;\n\nconst Label = styled.label`\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\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    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: background-color ease-in-out 0.2s;\n\n    @media ${mq.medium} {\n        width: 100px;\n        margin-top: 0;\n    }\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            background-color: ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.invertedHover\n                    : color(theme).primary.hover};\n        }\n    }\n\n    &:focus-visible {\n        outline: 2px solid\n            ${({ theme, isInverted }) =>\n                isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default};\n\n        outline-offset: 2px;\n    }\n\n    &:focus:not(:focus-visible) {\n        background-color: ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).primary.invertedHover\n                : color(theme).primary.hover};\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 id = useId();\n\n    const fieldId = `compact-form-${id}`;\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            <Label htmlFor={fieldId}>E-Mail</Label>\n            <InputField\n                id={fieldId}\n                type=\"email\"\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"],"names":["View","styled","form","templateObject_1","__makeTemplateObject","spacings","nudge","_a","theme","color","text","default","mq","medium","Label","label","templateObject_2","InputField","input","templateObject_3","backColor","font","copy","small","family","weight","withRange","size","lineHeight","concat","primary","SubmitBtn","button","templateObject_4","inverted","isInverted","invertedHover","hover","CompactForm","_b","mode","value","placeholder","method","action","buttonIcon","onSubmit","onClick","onBlur","onFocus","className","colors","useLibTheme","id","useId","fieldId","bgColor","elementBg","light","React","createElement","htmlFor","type"],"mappings":"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"}

package/esm/footer.js

@@ -1,19 +1,19 @@
-import { a as __makeTemplateObject, _ as __assign, q as LanguageIcon } from './Filter-19220970.js';
-import { G as Grid } from './Grid-7b33e271.js';
-import { S as Section, m as mapToBgMode } from './Section-bd61eb2f.js';
-import { W as Wrapper } from './Wrapper-95108115.js';
-import { c as copyStyle, C as Copy } from './Copy-fd9e25c0.js';
-import { L as Link } from './Link-6067a27f.js';
+import { a as __makeTemplateObject, _ as __assign, s as LanguageIcon } from './ButtonLeft-a9a132f5.js';
+import { G as Grid } from './Grid-cbd5e68c.js';
+import { S as Section, m as mapToBgMode } from './Section-ca6daed2.js';
+import { W as Wrapper } from './Wrapper-06db8e79.js';
+import { c as copyStyle, C as Copy } from './Copy-5a18e01f.js';
+import { L as Link } from './Link-d4a291af.js';
 import React__default, { useMemo } from 'react';
 import styled from 'styled-components';
-import { w as withLibTheme, u as useLibTheme } from './LibThemeProvider-fb1d35ac.js';
-import { g as getColors, s as spacings, m as mq, w as withRange } from './styles-1f1841ef.js';
-import { L as LanguageSwitcher } from './LanguageSwitcher-c9aa594a.js';
-import { B as Bdot } from './Bdot-5e798e7e.js';
+import { w as withLibTheme, u as useLibTheme } from './LibThemeProvider-48cad3e8.js';
+import { g as getColors, s as spacings, m as mq, w as withRange } from './styles-f3ba5bae.js';
+import { L as LanguageSwitcher } from './LanguageSwitcher-19482399.js';
+import { B as Bdot } from './Bdot-9e215df7.js';
 import { i as isValidArray } from './arrays-65b644ef.js';
-import { S as SocialList } from './SocialList-abaf970d.js';
+import { S as SocialList } from './SocialList-d5adb772.js';
 import './clamp-12d37b65.js';
-import './concat-ab3c66f2.js';
+import './concat-b6d6d978.js';
 import 'react-dom/server';
 
 var View$1 = styled.div.withConfig({
@@ -212,7 +212,9 @@ var Footer = function (_a) {
     }, React__default.createElement(ColTitle, {
       type: "copy-b",
       isInverted: isInverted
-    }, title), React__default.createElement(LinkList, null, links === null || links === void 0 ? void 0 : links.map(function (_a, ii) {
+    }, title), React__default.createElement(LinkList, {
+      "aria-label": title
+    }, links === null || links === void 0 ? void 0 : links.map(function (_a, ii) {
       var link = _a.link,
           label = _a.label;
       return React__default.createElement(LinkItem, {

package/esm/footer.js.map

@@ -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 'components/base/icons/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","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","LinkList","links","brandIcon","className","brand","useMemo","React","createElement","map","item","i","key","__assign","link","label","Bdot","FooterBottomGrid","children","LeftWrapper","spacer","FooterBottomBar","languages","linksLeft","linksRight","languageIcon","LanguageSwitcher","langs","Icons","textSize","isValidArray","FooterSection","Section","withRange","MainView","ColTitle","Copy","templateObject_5","LinkItem","templateObject_6","CustomCol","templateObject_7","FootNote","templateObject_8","Footer","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","withLibTheme","FooterArticle","action","FooterColumn","socialTitle","socials","Fragment","length","SocialList","items"],"mappings":"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"}
+{"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 'components/base/icons/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 aria-label={title}>\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","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","LinkList","links","brandIcon","className","brand","useMemo","React","createElement","map","item","i","key","__assign","link","label","Bdot","FooterBottomGrid","children","LeftWrapper","spacer","FooterBottomBar","languages","linksLeft","linksRight","languageIcon","LanguageSwitcher","langs","Icons","textSize","isValidArray","FooterSection","Section","withRange","MainView","ColTitle","Copy","templateObject_5","LinkItem","templateObject_6","CustomCol","templateObject_7","FootNote","templateObject_8","Footer","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","withLibTheme","FooterArticle","action","FooterColumn","socialTitle","socials","Fragment","length","SocialList","items"],"mappings":"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"}

package/esm/{formFieldText-c6fcd370.js → formFieldText-af2106f9.js}

@@ -1,12 +1,12 @@
-import { a as __makeTemplateObject } from './Filter-19220970.js';
+import { a as __makeTemplateObject } from './ButtonLeft-a9a132f5.js';
 import React__default from 'react';
 import styled from 'styled-components';
-import { C as Copy } from './Copy-fd9e25c0.js';
-import { u as useLibTheme } from './LibThemeProvider-fb1d35ac.js';
-import { s as spacings, a as getFonts } from './styles-1f1841ef.js';
+import { C as Copy } from './Copy-5a18e01f.js';
+import { u as useLibTheme } from './LibThemeProvider-48cad3e8.js';
+import { s as spacings, a as getFonts } from './styles-f3ba5bae.js';
 import { c as clampValue } from './clamp-12d37b65.js';
 
-var View = styled.label.withConfig({
+var View = styled.div.withConfig({
   displayName: "FormField__View",
   componentId: "sc-1rjz0eq-0"
 })(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: block;\n    text-align: left;\n\n    pointer-events: ", ";\n    user-select: ", ";\n    opacity: ", ";\n"], ["\n    display: block;\n    text-align: left;\n\n    pointer-events: ", ";\n    user-select: ", ";\n    opacity: ", ";\n"])), function (_a) {
@@ -42,12 +42,14 @@ var FieldWrapper = function (_a) {
 
 var Head = function (_a) {
   var label = _a.label,
+      htmlFor = _a.htmlFor,
       isRequired = _a.isRequired,
       isInverted = _a.isInverted,
       className = _a.className;
   if (!label) return null;
   return React__default.createElement(FieldHead, {
-    renderAs: "span",
+    renderAs: htmlFor ? 'label' : 'span',
+    htmlFor: htmlFor,
     isInverted: isInverted,
     size: "small",
     type: "copy-b",
@@ -56,15 +58,19 @@ var Head = function (_a) {
 };
 
 var Messages = function (_a) {
-  var errorMessage = _a.errorMessage,
+  var errorMsgId = _a.errorMsgId,
+      errorMessage = _a.errorMessage,
+      infoMsgId = _a.infoMsgId,
       infoMessage = _a.infoMessage,
       isInverted = _a.isInverted;
   var colors = useLibTheme().colors;
   return React__default.createElement(React__default.Fragment, null, infoMessage && React__default.createElement(FieldMessage, {
+    id: infoMsgId,
     size: "small",
     type: "copy",
     isInverted: isInverted
   }, infoMessage), errorMessage && React__default.createElement(FieldMessage, {
+    id: errorMsgId,
     size: "small",
     type: "copy",
     textColor: isInverted ? colors.text.errorInverted : colors.text.error
@@ -93,4 +99,4 @@ var getFormFieldTextSize = function (theme) {
 };
 
 export { FieldWrapper$1 as F, getFormFieldTextSize as g };
-//# sourceMappingURL=formFieldText-c6fcd370.js.map
+//# sourceMappingURL=formFieldText-af2106f9.js.map

package/esm/formFieldText-af2106f9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formFieldText-af2106f9.js","sources":["../src/components/fields/FormField.tsx","../src/utils/formFieldText.ts"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\n\nimport Copy from 'components/typography/Copy';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { spacings } from 'utils/styles';\n\nconst View = styled.div<{ isDisabled?: boolean }>`\n    display: block;\n    text-align: left;\n\n    pointer-events: ${({ isDisabled }) => isDisabled && 'none'};\n    user-select: ${({ isDisabled }) => isDisabled && 'none'};\n    opacity: ${({ isDisabled }) => (isDisabled ? 0.3 : 1)};\n`;\n\nconst FieldHead = styled(Copy)`\n    display: inline-flex;\n    flex-direction: row;\n    align-items: top;\n    justify-content: space-between;\n    padding-bottom: ${spacings.nudge}px;\n`;\n\nconst FieldMessage = styled(Copy)`\n    margin-top: ${spacings.nudge}px;\n`;\n\nexport interface FieldProps {\n    label?: string;\n    errorMessage?: string;\n    infoMessage?: string;\n    isRequired?: boolean;\n    isDisabled?: boolean;\n    isInverted?: boolean;\n}\n\nconst FieldWrapper: React.FC<{\n    isDisabled?: boolean;\n    onClick?: (ev: React.SyntheticEvent<HTMLDivElement>) => void;\n    className?: string;\n    children: React.ReactNode;\n}> = ({ isDisabled, onClick, className, children }) => {\n    return (\n        <View onClick={onClick} isDisabled={isDisabled} className={className}>\n            {children}\n        </View>\n    );\n};\n\nconst Head: React.FC<{\n    label?: string;\n    htmlFor?: string;\n    isRequired?: boolean;\n    isInverted?: boolean;\n    className?: string;\n}> = ({ label, htmlFor, isRequired, isInverted, className }) => {\n    if (!label) return null;\n    return (\n        <FieldHead\n            renderAs={htmlFor ? 'label' : 'span'}\n            htmlFor={htmlFor}\n            isInverted={isInverted}\n            size=\"small\"\n            type=\"copy-b\"\n            className={className}\n        >\n            {`${label}${isRequired ? ' *' : ''}`}\n        </FieldHead>\n    );\n};\n\nconst Messages: React.FC<{\n    errorMsgId?: string;\n    errorMessage?: string;\n    infoMsgId?: string;\n    infoMessage?: string;\n    isInverted?: boolean;\n}> = ({ errorMsgId, errorMessage, infoMsgId, infoMessage, isInverted }) => {\n    const { colors } = useLibTheme();\n\n    return (\n        <React.Fragment>\n            {infoMessage && (\n                <FieldMessage\n                    id={infoMsgId}\n                    size=\"small\"\n                    type=\"copy\"\n                    isInverted={isInverted}\n                >\n                    {infoMessage}\n                </FieldMessage>\n            )}\n            {errorMessage && (\n                <FieldMessage\n                    id={errorMsgId}\n                    size=\"small\"\n                    type=\"copy\"\n                    textColor={\n                        isInverted\n                            ? colors.text.errorInverted\n                            : colors.text.error\n                    }\n                >\n                    {errorMessage\n                        ? errorMessage\n                        : 'Bitte geben Sie einen gültigen Text ein'}\n                </FieldMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nconst Content: React.FC<{ children: React.ReactNode }> = ({ children }) => {\n    const addWrapper =\n        typeof children === 'string' || children instanceof String;\n\n    if (addWrapper) return <span>{children}</span>;\n    return <React.Fragment>{children}</React.Fragment>;\n};\n\nexport default {\n    View: FieldWrapper,\n    Head: Head,\n    Messages: Messages,\n    Content: Content,\n};\n","import { DefaultTheme } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\nimport { clampValue } from './clamp';\n\nexport const getFormFieldTextSize = (\n    theme: DefaultTheme\n): [number, number?] => {\n    const min = clampValue(font(theme).copy.small.size[0], 16);\n    const max = font(theme).copy.small.size[1];\n    return [min, max];\n};\n"],"names":["View","styled","div","templateObject_1","__makeTemplateObject","_a","isDisabled","FieldHead","Copy","templateObject_2","spacings","nudge","FieldMessage","templateObject_3","FieldWrapper","onClick","className","children","React","createElement","Head","label","htmlFor","isRequired","isInverted","renderAs","size","type","concat","Messages","errorMsgId","errorMessage","infoMsgId","infoMessage","colors","useLibTheme","Fragment","id","textColor","text","errorInverted","error","Content","addWrapper","String","getFormFieldTextSize","theme","min","clampValue","font","copy","small","max"],"mappings":"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"}

package/esm/headers.js

@@ -1,23 +1,23 @@
-import { a as __makeTemplateObject, _ as __assign, k as __awaiter, l as __generator, e as __spreadArray } from './Filter-19220970.js';
+import { a as __makeTemplateObject, _ as __assign, m as __awaiter, n as __generator, e as __spreadArray } from './ButtonLeft-a9a132f5.js';
 import React__default, { useState, useEffect, useRef } from 'react';
 import styled, { css } from 'styled-components';
-import { m as mq, s as spacings, w as withRange } from './styles-1f1841ef.js';
-import { w as withLibTheme, u as useLibTheme } from './LibThemeProvider-fb1d35ac.js';
-import { u as useMediaQuery } from './useMediaQuery-4c1b1fa6.js';
-import { I as Image } from './Image-c67870d4.js';
+import { m as mq, s as spacings, w as withRange } from './styles-f3ba5bae.js';
+import { w as withLibTheme, u as useLibTheme } from './LibThemeProvider-48cad3e8.js';
+import { u as useMediaQuery } from './useMediaQuery-c9fa1339.js';
+import { I as Image } from './Image-e2018d39.js';
 import { c as clampValue } from './clamp-12d37b65.js';
-import { A as Actions } from './Actions-e29b5e75.js';
+import { A as Actions } from './Actions-6859c932.js';
 import { u as useObserverSupport } from './useObserverSupport-02bce7f5.js';
 import { u as useUpdateEffect } from './useUpdateEffect-824c0c84.js';
-import { H as Heading, C as Copy } from './Copy-fd9e25c0.js';
-import { S as Section, m as mapToBgMode } from './Section-bd61eb2f.js';
-import { g as generateNavbarIdent, a as getFullNavbarHeights } from './Navigation-6581bcdf.js';
+import { H as Heading, C as Copy } from './Copy-5a18e01f.js';
+import { S as Section, m as mapToBgMode } from './Section-ca6daed2.js';
+import { g as generateNavbarIdent, a as getFullNavbarHeights } from './Navigation-d7e14d09.js';
 import 'react-dom/server';
-import './concat-ab3c66f2.js';
+import './concat-b6d6d978.js';
 import './arrays-65b644ef.js';
-import './navigation-5216dbad.js';
-import './Link-6067a27f.js';
-import './LanguageSwitcher-c9aa594a.js';
+import './navigation-d3d2bf2e.js';
+import './Link-d4a291af.js';
+import './LanguageSwitcher-19482399.js';
 
 var AnimationContainer = styled.div.withConfig({
   displayName: "HeaderKenBurns__AnimationContainer",
@@ -106,7 +106,8 @@ var AnimationImages = function (_a) {
       scale: imgZoom,
       opacity: i === activeImg ? 1 : 0,
       zoomPoint: imgZoomPoint,
-      alt: img.alt || ''
+      alt: "",
+      role: "presentation"
     });
   }));
 };
@@ -276,6 +277,7 @@ var HeaderPoster = function (_a) {
   return React__default.createElement(PosterView$1, {
     className: className
   }, bgImage && React__default.createElement(BgImage, __assign({}, bgImage, {
+    alt: "",
     coverSpace: true,
     ratios: undefined,
     isInverted: isInverted,
@@ -372,7 +374,8 @@ var HeaderVideo = function (_a) {
     coverSpace: true,
     ratios: undefined,
     isInverted: isInverted,
-    focus: focus
+    focus: focus,
+    isDecorative: true
   })), videoUrl && isVideoAllowed && React__default.createElement(AutoplayVideo, {
     ref: videoRef,
     isVisible: isLoaded,
@@ -384,7 +387,8 @@ var HeaderVideo = function (_a) {
     onCanPlayThrough: function () {
       setLoaded(true);
     },
-    focus: focus
+    focus: focus,
+    "aria-hidden": "true"
   }), children);
 };
 var templateObject_1$1, templateObject_2$1, templateObject_3$1;
@@ -602,7 +606,7 @@ var Header = function (_a) {
     isInverted: true,
     size: "heading-1",
     isCentered: isCentered,
-    renderAs: titleAs,
+    renderAs: titleAs || 'h1',
     innerHTML: title
   }), text && React__default.createElement(Text, {
     isInverted: true,