@blateral/b.kit 2.3.1 → 2.3.2-beta.1.0

package/esm/fields.js

@@ -0,0 +1,190 @@
+import { a as __makeTemplateObject } from './ClockFilled-6bae80dc.js';
+import React__default from 'react';
+import styled from 'styled-components';
+import { u as useLibTheme } from './LibThemeProvider-acf2e2bb.js';
+import { g as getColors, m as mq, s as spacings, a as getFonts, w as withRange } from './styles-c387bdc6.js';
+export { F as FilterField } from './FilterField-5f76c113.js';
+export { D as Datepicker, b as FileUpload, F as FormField, L as LocationField, R as Radio, S as SelectDropdown, T as Textarea, a as Textfield } from './FileUpload-851d473a.js';
+export { C as Checkbox } from './Checkbox-4daef7a4.js';
+import 'react-dom/server';
+import './Copy-bca0854c.js';
+import './clamp-12d37b65.js';
+import './useLazyInput-e66fc5be.js';
+import './useLeafletMap-6dea7a8e.js';
+import './useUpdateEffect-824c0c84.js';
+import './useGeolocation-f9f073cc.js';
+import './ButtonGhost-6876b67f.js';
+import './hexRgbConverter-edb91624.js';
+import './Button-71376927.js';
+import 'react-datepicker';
+import './useMounted-1e4cc87b.js';
+import './arrays-65b644ef.js';
+
+var View$1 = 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) {
+  var theme = _a.theme;
+  return getColors(theme).text.default;
+}, mq.medium);
+var InputField$1 = styled.input.withConfig({
+  displayName: "CompactForm__InputField",
+  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) {
+  var backColor = _a.backColor;
+  return backColor && backColor;
+}, function (_a) {
+  var theme = _a.theme;
+  return getFonts(theme).copy.small.family;
+}, function (_a) {
+  var theme = _a.theme;
+  return getFonts(theme).copy.small.weight;
+}, function (_a) {
+  var theme = _a.theme;
+  return withRange(getFonts(theme).copy.small.size, 'font-size');
+}, function (_a) {
+  var theme = _a.theme;
+  return getFonts(theme).copy.small.lineHeight;
+}, function (_a) {
+  var theme = _a.theme;
+  return "2px solid ".concat(getColors(theme).primary.default);
+});
+var SubmitBtn$1 = 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) {
+  var theme = _a.theme;
+  return getColors(theme).primary.default;
+}, function (_a) {
+  var theme = _a.theme;
+  return getColors(theme).text.inverted;
+}, mq.medium);
+
+var CompactForm = function (_a) {
+  var _b = _a.mode,
+      mode = _b === void 0 ? 'default' : _b,
+      value = _a.value,
+      placeholder = _a.placeholder,
+      method = _a.method,
+      action = _a.action,
+      buttonIcon = _a.buttonIcon,
+      onSubmit = _a.onSubmit,
+      onClick = _a.onClick,
+      onBlur = _a.onBlur,
+      onFocus = _a.onFocus,
+      className = _a.className;
+  var colors = useLibTheme().colors;
+  var bgColor = mode === 'default' ? colors.elementBg.medium : colors.elementBg.light;
+  return React__default.createElement(View$1, {
+    onSubmit: onSubmit,
+    method: method,
+    action: action,
+    className: className
+  }, React__default.createElement(InputField$1, {
+    placeholder: placeholder,
+    value: value,
+    onClick: onClick,
+    onBlur: onBlur,
+    onFocus: onFocus,
+    backColor: bgColor
+  }), buttonIcon && React__default.createElement(SubmitBtn$1, {
+    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;
+
+export { CompactForm, SearchInput };
+//# sourceMappingURL=fields.js.map

package/esm/fields.js.map

@@ -0,0 +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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"}

package/esm/footer.js

@@ -0,0 +1,301 @@
+import { a as __makeTemplateObject, _ as __assign, H as LanguageIcon } from './ClockFilled-6bae80dc.js';
+import { G as Grid } from './Grid-172051a9.js';
+import { S as Section, m as mapToBgMode, W as Wrapper } from './Wrapper-1cac758b.js';
+import { c as copyStyle, C as Copy } from './Copy-bca0854c.js';
+import { L as Link } from './Link-bccdb082.js';
+import React__default, { useMemo } from 'react';
+import styled from 'styled-components';
+import { w as withLibTheme, u as useLibTheme } from './LibThemeProvider-acf2e2bb.js';
+import { g as getColors, s as spacings, m as mq, w as withRange } from './styles-c387bdc6.js';
+import { L as LanguageSwitcher } from './LanguageSwitcher-57c4a924.js';
+import { B as Bdot } from './Bdot-434dd994.js';
+import { i as isValidArray } from './arrays-65b644ef.js';
+import { S as SocialList } from './SocialList-f7864b30.js';
+import './clamp-12d37b65.js';
+import './concat-ab3c66f2.js';
+import 'react-dom/server';
+
+var View$1 = styled.div.withConfig({
+  displayName: "FooterBottomGrid__View",
+  componentId: "sc-k4buhx-0"
+})(templateObject_1$3 || (templateObject_1$3 = __makeTemplateObject(["\n    border-top: 1px solid ", ";\n    padding: ", "px 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ", "px;\n        }\n    }\n"], ["\n    border-top: 1px solid ", ";\n    padding: ", "px 0;\n\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ", "px;\n        }\n    }\n"])), function (_a) {
+  var theme = _a.theme;
+  return getColors(theme).elementBg.medium;
+}, spacings.nudge * 2, spacings.nudge * 2, mq.semilarge, spacings.nudge * 2);
+var LinkListView = styled.ul.withConfig({
+  displayName: "FooterBottomGrid__LinkListView",
+  componentId: "sc-k4buhx-1"
+})(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -", "px;\n"], ["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -", "px;\n"])), spacings.nudge);
+var BottomLinkItem = styled.li.withConfig({
+  displayName: "FooterBottomGrid__BottomLinkItem",
+  componentId: "sc-k4buhx-2"
+})(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n\n    padding-left: ", "px;\n"], ["\n    display: flex;\n    align-items: center;\n\n    padding-left: ", "px;\n"])), spacings.nudge);
+var StyledLink$1 = styled(Link).withConfig({
+  displayName: "FooterBottomGrid__StyledLink",
+  componentId: "sc-k4buhx-3"
+})(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n    display: block;\n    text-decoration: none;\n\n    ", "\n    color: ", ";\n"], ["\n    display: block;\n    text-decoration: none;\n\n    ", "\n    color: ", ";\n"])), copyStyle('copy', 'small'), function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).text.inverted : getColors(theme).text.default;
+});
+
+var LinkList$1 = function (_a) {
+  var isInverted = _a.isInverted,
+      links = _a.links,
+      brandIcon = _a.brandIcon,
+      className = _a.className;
+  var brand = useMemo(function () {
+    return brandIcon === null || brandIcon === void 0 ? void 0 : brandIcon(isInverted);
+  }, [brandIcon, isInverted]);
+  return React__default.createElement(LinkListView, {
+    className: className
+  }, links === null || links === void 0 ? void 0 : links.map(function (item, i) {
+    return React__default.createElement(BottomLinkItem, {
+      key: i
+    }, React__default.createElement(StyledLink$1, __assign({}, item.link, {
+      isInverted: isInverted
+    }), item.label));
+  }), brand !== null && React__default.createElement(BottomLinkItem, null, brand || React__default.createElement(Bdot, null)));
+};
+
+var FooterBottomGrid = function (_a) {
+  var className = _a.className,
+      children = _a.children;
+  return React__default.createElement(View$1, {
+    className: className
+  }, children);
+};
+
+var FooterBottomGrid$1 = {
+  View: FooterBottomGrid,
+  LinkList: LinkList$1
+};
+var templateObject_1$3, templateObject_2$1, templateObject_3$1, templateObject_4$1;
+
+var LeftWrapper = styled.div.withConfig({
+  displayName: "FooterBottomBar__LeftWrapper",
+  componentId: "sc-bymlk0-0"
+})(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -", "px;\n\n    & > * {\n        padding-left: ", "px;\n    }\n"], ["\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -", "px;\n\n    & > * {\n        padding-left: ", "px;\n    }\n"])), spacings.spacer, spacings.spacer);
+
+var FooterBottomBar = function (_a) {
+  var isInverted = _a.isInverted,
+      languages = _a.languages,
+      linksLeft = _a.linksLeft,
+      linksRight = _a.linksRight,
+      brandIcon = _a.brandIcon,
+      languageIcon = _a.languageIcon,
+      className = _a.className;
+  return React__default.createElement(FooterBottomGrid$1.View, {
+    className: className
+  }, React__default.createElement(LeftWrapper, null, languages && React__default.createElement(LanguageSwitcher, {
+    isInverted: isInverted,
+    langs: languages,
+    languageIcon: languageIcon ? languageIcon : function () {
+      return React__default.createElement(LanguageIcon, null);
+    },
+    textSize: "small"
+  }), isValidArray(linksLeft, false) && React__default.createElement(FooterBottomGrid$1.LinkList, {
+    links: linksLeft,
+    isInverted: isInverted,
+    brandIcon: function () {
+      return null;
+    }
+  })), isValidArray(linksRight) && React__default.createElement(FooterBottomGrid$1.LinkList, {
+    links: linksRight,
+    isInverted: isInverted,
+    brandIcon: brandIcon
+  }));
+};
+var templateObject_1$2;
+
+var FooterSection = styled(Section).withConfig({
+  displayName: "Footer__FooterSection",
+  componentId: "sc-9q145o-0"
+})(templateObject_1$1 || (templateObject_1$1 = __makeTemplateObject(["\n    ", "\n    ", "\n"], ["\n    ", "\n    ", "\n"])), withRange([0], 'padding-bottom'), withRange([0], 'margin-bottom'));
+var MainView = styled.div.withConfig({
+  displayName: "Footer__MainView",
+  componentId: "sc-9q145o-1"
+})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    & > * {\n        margin-bottom: ", "px;\n    }\n"], ["\n    & > * {\n        margin-bottom: ", "px;\n    }\n"])), spacings.nudge * 2);
+var ColTitle = styled(Copy).withConfig({
+  displayName: "Footer__ColTitle",
+  componentId: "sc-9q145o-2"
+})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    margin-bottom: ", "px;\n"], ["\n    margin-bottom: ", "px;\n"])), spacings.nudge * 2);
+var StyledLink = styled(Link).withConfig({
+  displayName: "Footer__StyledLink",
+  componentId: "sc-9q145o-3"
+})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    display: inline-block;\n    text-decoration: none;\n\n    ", "\n    color: ", ";\n"], ["\n    display: inline-block;\n    text-decoration: none;\n\n    ", "\n    color: ", ";\n"])), copyStyle('copy', 'medium'), function (_a) {
+  var theme = _a.theme,
+      isInverted = _a.isInverted;
+  return isInverted ? getColors(theme).text.inverted : getColors(theme).text.default;
+});
+var LinkList = styled.ul.withConfig({
+  displayName: "Footer__LinkList",
+  componentId: "sc-9q145o-4"
+})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n"], ["\n    padding: 0;\n    margin: 0;\n    list-style: none;\n"])));
+var LinkItem = styled.li.withConfig({
+  displayName: "Footer__LinkItem",
+  componentId: "sc-9q145o-5"
+})(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    & + & {\n        margin-top: ", "px;\n    }\n"], ["\n    & + & {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge);
+var CustomCol = styled.div.withConfig({
+  displayName: "Footer__CustomCol",
+  componentId: "sc-9q145o-6"
+})(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n\n    @media ", " {\n        & > * + * {\n            margin-top: ", "px;\n        }\n    }\n"])), spacings.nudge * 5, mq.semilarge, spacings.spacer);
+var FootNote = styled(Copy).withConfig({
+  displayName: "Footer__FootNote",
+  componentId: "sc-9q145o-7"
+})(templateObject_8 || (templateObject_8 = __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.nudge * 5, mq.semilarge, spacings.spacer);
+
+var Footer = function (_a) {
+  var bgMode = _a.bgMode,
+      siteLinks = _a.siteLinks,
+      customColumn = _a.customColumn,
+      footNote = _a.footNote,
+      bottomBar = _a.bottomBar,
+      bottomLinksLeft = _a.bottomLinksLeft,
+      bottomLinksRight = _a.bottomLinksRight,
+      languages = _a.languages;
+  var colors = useLibTheme().colors;
+  var isInverted = bgMode === 'inverted';
+  var customCol = useMemo(function () {
+    return customColumn ? customColumn({
+      isInverted: isInverted,
+      siteLinks: siteLinks,
+      languages: languages,
+      bottomLinksLeft: bottomLinksLeft,
+      bottomLinksRight: bottomLinksRight
+    }) : undefined;
+  }, [bottomLinksLeft, bottomLinksRight, customColumn, isInverted, languages, siteLinks]);
+  var bottom = useMemo(function () {
+    return bottomBar ? bottomBar({
+      isInverted: isInverted,
+      siteLinks: siteLinks,
+      languages: languages,
+      bottomLinksLeft: bottomLinksLeft,
+      bottomLinksRight: bottomLinksRight
+    }) : undefined;
+  }, [bottomBar, bottomLinksLeft, bottomLinksRight, isInverted, languages, siteLinks]);
+  var hasBottomBar = useMemo(function () {
+    if (bottomBar === null) return false;
+    if (bottom) return true;
+    if (bottom === null) return false;
+    return isValidArray(languages, false) || isValidArray(bottomLinksLeft, false) || isValidArray(bottomLinksRight, false);
+  }, [bottom, bottomBar, bottomLinksLeft, bottomLinksRight, languages]);
+  return React__default.createElement(FooterSection, {
+    addSeperation: true,
+    renderAs: "footer",
+    clampSolidBg: false,
+    bgMode: mapToBgMode(bgMode, true),
+    bgColor: isInverted ? colors.sectionBg.dark : bgMode ? colors.sectionBg.medium : colors.sectionBg.light
+  }, React__default.createElement(Wrapper, {
+    addWhitespace: true
+  }, React__default.createElement(MainView, null, React__default.createElement(Grid.Row, {
+    gutter: spacings.nudge * 5,
+    medium: {
+      gutter: spacings.spacer
+    }
+  }, siteLinks === null || siteLinks === void 0 ? void 0 : siteLinks.map(function (_a, i) {
+    var title = _a.title,
+        links = _a.links;
+    return React__default.createElement(Grid.Col, {
+      key: i,
+      medium: {
+        span: 6 / 12
+      },
+      semilarge: {
+        span: 4 / 12
+      },
+      large: {
+        span: 3 / 12
+      },
+      valign: "top"
+    }, 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) {
+      var link = _a.link,
+          label = _a.label;
+      return React__default.createElement(LinkItem, {
+        key: ii
+      }, React__default.createElement(StyledLink, __assign({}, link, {
+        isInverted: isInverted
+      }), label));
+    })));
+  }), customCol && React__default.createElement(Grid.Col, {
+    large: {
+      span: 3 / 12
+    },
+    toRight: true,
+    valign: "top"
+  }, React__default.createElement(CustomCol, null, customCol))), footNote && React__default.createElement(FootNote, {
+    size: "small",
+    isInverted: isInverted,
+    innerHTML: footNote
+  })), bottom ? bottom : hasBottomBar ? React__default.createElement(FooterBottomBar, {
+    isInverted: isInverted,
+    linksLeft: bottomLinksLeft,
+    linksRight: bottomLinksRight,
+    languages: languages
+  }) : null));
+};
+var Footer$1 = withLibTheme(Footer);
+var templateObject_1$1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
+
+var View = styled.div.withConfig({
+  displayName: "FooterArticle__View",
+  componentId: "sc-apxyjh-0"
+})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"], ["\n    & > * + * {\n        margin-top: ", "px;\n    }\n"])), spacings.nudge * 2);
+
+var FooterArticle = function (_a) {
+  var isInverted = _a.isInverted,
+      title = _a.title,
+      text = _a.text,
+      action = _a.action,
+      className = _a.className;
+  return React__default.createElement(View, {
+    className: className
+  }, title && React__default.createElement(Copy, {
+    type: "copy-b",
+    isInverted: isInverted
+  }, title), text && React__default.createElement(Copy, {
+    size: "small",
+    isInverted: isInverted,
+    innerHTML: text
+  }), action && action({
+    isInverted: isInverted
+  }));
+};
+var templateObject_1;
+
+var FooterColumn = function (_a) {
+  var isInverted = _a.isInverted,
+      title = _a.title,
+      text = _a.text,
+      action = _a.action,
+      socialTitle = _a.socialTitle,
+      socials = _a.socials;
+  return React__default.createElement(React__default.Fragment, null, (title || text || action) && React__default.createElement(FooterArticle, {
+    isInverted: isInverted,
+    title: title,
+    text: text,
+    action: action
+  }), socials && socials.length > 0 && React__default.createElement(SocialList, {
+    isInverted: isInverted,
+    title: socialTitle,
+    items: socials
+  }));
+};
+
+var index$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    FooterColumn: FooterColumn,
+    FooterBottomBar: FooterBottomBar
+});
+
+var index = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    FooterArticle: FooterArticle,
+    FooterBottomGrid: FooterBottomGrid$1
+});
+
+export { Footer$1 as Footer, index$1 as FooterPartials, index as FooterSkeletons };
+//# sourceMappingURL=footer.js.map

package/esm/footer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.js","sources":["../src/components/sections/footer/skeletons/FooterBottomGrid.tsx","../src/components/sections/footer/partials/FooterBottomBar.tsx","../src/components/sections/footer/Footer.tsx","../src/components/sections/footer/skeletons/FooterArticle.tsx","../src/components/sections/footer/partials/FooterColumn.tsx"],"sourcesContent":["import React, { FC, useMemo } from 'react';\nimport styled from 'styled-components';\n\nimport Bdot from 'components/blocks/Bdot';\nimport { copyStyle } from 'components/typography/Copy';\nimport Link from 'components/typography/Link';\n\nimport { spacings, getColors as color, mq } from 'utils/styles';\nimport { BottomLink } from '../Footer';\n\nconst View = styled.div`\n    border-top: 1px solid ${({ theme }) => color(theme).elementBg.medium};\n    padding: ${spacings.nudge * 2}px 0;\n\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    @media ${mq.semilarge} {\n        display: flex;\n        flex-direction: row;\n        align-items: center;\n        justify-content: space-between;\n\n        & > * + * {\n            margin-top: 0;\n            margin-left: ${spacings.nudge * 2}px;\n        }\n    }\n`;\n\nconst LinkListView = styled.ul`\n    padding: 0;\n    margin: 0;\n    list-style: none;\n\n    display: flex;\n    flex-wrap: wrap;\n    flex-direction: row;\n    align-items: center;\n\n    margin-left: -${spacings.nudge}px;\n`;\n\nconst BottomLinkItem = styled.li`\n    display: flex;\n    align-items: center;\n\n    padding-left: ${spacings.nudge}px;\n`;\n\nconst StyledLink = styled(Link)<{ isInverted?: boolean }>`\n    display: block;\n    text-decoration: none;\n\n    ${copyStyle('copy', 'small')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n`;\n\nconst LinkList: FC<{\n    isInverted?: boolean;\n    links?: BottomLink[];\n    brandIcon?: (isInverted?: boolean) => React.ReactNode | null;\n    className?: string;\n}> = ({ isInverted, links, brandIcon, className }) => {\n    const brand = useMemo(\n        () => brandIcon?.(isInverted),\n        [brandIcon, isInverted]\n    );\n\n    return (\n        <LinkListView className={className}>\n            {links?.map((item, i) => (\n                <BottomLinkItem key={i}>\n                    <StyledLink {...item.link} isInverted={isInverted}>\n                        {item.label}\n                    </StyledLink>\n                </BottomLinkItem>\n            ))}\n            {brand !== null && (\n                <BottomLinkItem>{brand || <Bdot />}</BottomLinkItem>\n            )}\n        </LinkListView>\n    );\n};\n\nconst FooterBottomGrid: FC<{\n    className?: string;\n    children?: React.ReactNode;\n}> = ({ className, children }) => {\n    return <View className={className}>{children}</View>;\n};\n\nexport default {\n    View: FooterBottomGrid,\n    LinkList: LinkList,\n};\n","import React, { FC } from 'react';\n\nimport LanguageSwitcher, { Language } from 'components/blocks/LanguageSwitcher';\nimport FooterBottomGrid from '../skeletons/FooterBottomGrid';\nimport { BottomLink } from '../Footer';\nimport * as Icons from 'icons';\nimport { isValidArray } from 'utils/arrays';\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\n\nconst LeftWrapper = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    margin-left: -${spacings.spacer}px;\n\n    & > * {\n        padding-left: ${spacings.spacer}px;\n    }\n`;\n\nconst FooterBottomBar: FC<{\n    isInverted?: boolean;\n    languages?: Language[];\n    linksLeft?: BottomLink[];\n    linksRight?: BottomLink[];\n    brandIcon?: (isInverted?: boolean) => React.ReactNode;\n    languageIcon?: (isInverted?: boolean) => React.ReactNode;\n    className?: string;\n}> = ({\n    isInverted,\n    languages,\n    linksLeft,\n    linksRight,\n    brandIcon,\n    languageIcon,\n    className,\n}) => {\n    return (\n        <FooterBottomGrid.View className={className}>\n            <LeftWrapper>\n                {languages && (\n                    <LanguageSwitcher\n                        isInverted={isInverted}\n                        langs={languages}\n                        languageIcon={\n                            languageIcon\n                                ? languageIcon\n                                : () => <Icons.Language />\n                        }\n                        textSize=\"small\"\n                    />\n                )}\n                {isValidArray(linksLeft, false) && (\n                    <FooterBottomGrid.LinkList\n                        links={linksLeft}\n                        isInverted={isInverted}\n                        brandIcon={() => null}\n                    />\n                )}\n            </LeftWrapper>\n            {isValidArray(linksRight) && (\n                <FooterBottomGrid.LinkList\n                    links={linksRight}\n                    isInverted={isInverted}\n                    brandIcon={brandIcon}\n                />\n            )}\n        </FooterBottomGrid.View>\n    );\n};\n\nexport default FooterBottomBar;\n","import Grid from 'components/base/Grid';\nimport Section, { mapToBgMode } from 'components/base/Section';\nimport Wrapper from 'components/base/Wrapper';\nimport { Language } from 'components/blocks/LanguageSwitcher';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport Link, { LinkProps } from 'components/typography/Link';\nimport React, { useMemo } from 'react';\nimport styled from 'styled-components';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport { getColors as color, mq, spacings, withRange } from 'utils/styles';\nimport { withLibTheme } from 'utils/LibThemeProvider';\nimport FooterBottomBar from './partials/FooterBottomBar';\nimport { isValidArray } from 'utils/arrays';\n\nconst FooterSection = styled(Section)`\n    ${withRange([0], 'padding-bottom')}\n    ${withRange([0], 'margin-bottom')}\n`;\n\nconst MainView = styled.div`\n    & > * {\n        margin-bottom: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst ColTitle = styled(Copy)`\n    margin-bottom: ${spacings.nudge * 2}px;\n`;\n\nconst StyledLink = styled(Link)<{ isInverted?: boolean }>`\n    display: inline-block;\n    text-decoration: none;\n\n    ${copyStyle('copy', 'medium')}\n    color: ${({ theme, isInverted }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n`;\n\nconst LinkList = styled.ul`\n    padding: 0;\n    margin: 0;\n    list-style: none;\n`;\n\nconst LinkItem = styled.li`\n    & + & {\n        margin-top: ${spacings.nudge}px;\n    }\n`;\n\nconst CustomCol = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge * 5}px;\n    }\n\n    @media ${mq.semilarge} {\n        & > * + * {\n            margin-top: ${spacings.spacer}px;\n        }\n    }\n`;\n\nconst FootNote = styled(Copy)`\n    margin-top: ${spacings.nudge * 5}px;\n\n    @media ${mq.semilarge} {\n        margin-top: ${spacings.spacer}px;\n    }\n`;\n\nexport interface SiteLinkGroup {\n    title?: string;\n    links?: Array<{ label?: string; link?: LinkProps }>;\n}\n\nexport interface FooterState {\n    isInverted?: boolean;\n    siteLinks?: SiteLinkGroup[];\n    bottomLinksLeft?: BottomLink[];\n    bottomLinksRight?: BottomLink[];\n    languages?: Language[];\n}\n\nexport interface BottomLink {\n    label?: string;\n    link?: LinkProps;\n}\n\nconst Footer: React.FC<{\n    /** ID value for targeting section with anchor hashes */\n    anchorId?: string;\n\n    /** Section background */\n    bgMode?: 'full' | 'inverted';\n\n    /** Array of sitelink groups */\n    siteLinks?: SiteLinkGroup[];\n\n    /** Function to inject custom footer column content */\n    customColumn?: (props: FooterState) => React.ReactNode;\n\n    /** Footnote text of main section (richtext) */\n    footNote?: string;\n\n    /** Link list in left bottom bar */\n    bottomLinksLeft?: BottomLink[];\n\n    /** Link list in right bottom bar */\n    bottomLinksRight?: BottomLink[];\n\n    /** Language toggler settings */\n    languages?: Language[];\n\n    /** Inject function to suppress bottom bar or define a custom definition */\n    bottomBar?: ((props: FooterState) => React.ReactNode | null) | null;\n}> = ({\n    bgMode,\n    siteLinks,\n    customColumn,\n    footNote,\n    bottomBar,\n    bottomLinksLeft,\n    bottomLinksRight,\n    languages,\n}) => {\n    const { colors } = useLibTheme();\n    const isInverted = bgMode === 'inverted';\n\n    const customCol = useMemo(() => {\n        return customColumn\n            ? customColumn({\n                  isInverted,\n                  siteLinks,\n                  languages,\n                  bottomLinksLeft,\n                  bottomLinksRight,\n              })\n            : undefined;\n    }, [\n        bottomLinksLeft,\n        bottomLinksRight,\n        customColumn,\n        isInverted,\n        languages,\n        siteLinks,\n    ]);\n\n    const bottom = useMemo(() => {\n        return bottomBar\n            ? bottomBar({\n                  isInverted,\n                  siteLinks,\n                  languages,\n                  bottomLinksLeft,\n                  bottomLinksRight,\n              })\n            : undefined;\n    }, [\n        bottomBar,\n        bottomLinksLeft,\n        bottomLinksRight,\n        isInverted,\n        languages,\n        siteLinks,\n    ]);\n\n    const hasBottomBar = useMemo(() => {\n        if (bottomBar === null) return false;\n        if (bottom) return true;\n        if (bottom === null) return false;\n\n        return (\n            isValidArray(languages, false) ||\n            isValidArray(bottomLinksLeft, false) ||\n            isValidArray(bottomLinksRight, false)\n        );\n    }, [bottom, bottomBar, bottomLinksLeft, bottomLinksRight, languages]);\n\n    return (\n        <FooterSection\n            addSeperation\n            renderAs=\"footer\"\n            clampSolidBg={false}\n            bgMode={mapToBgMode(bgMode, true)}\n            bgColor={\n                isInverted\n                    ? colors.sectionBg.dark\n                    : bgMode\n                    ? colors.sectionBg.medium\n                    : colors.sectionBg.light\n            }\n        >\n            <Wrapper addWhitespace>\n                <MainView>\n                    <Grid.Row\n                        gutter={spacings.nudge * 5}\n                        medium={{ gutter: spacings.spacer }}\n                    >\n                        {siteLinks?.map(({ title, links }, i) => {\n                            return (\n                                <Grid.Col\n                                    key={i}\n                                    medium={{ span: 6 / 12 }}\n                                    semilarge={{ span: 4 / 12 }}\n                                    large={{ span: 3 / 12 }}\n                                    valign=\"top\"\n                                >\n                                    <ColTitle\n                                        type=\"copy-b\"\n                                        isInverted={isInverted}\n                                    >\n                                        {title}\n                                    </ColTitle>\n                                    <LinkList>\n                                        {links?.map(({ link, label }, ii) => (\n                                            <LinkItem key={ii}>\n                                                <StyledLink\n                                                    {...link}\n                                                    isInverted={isInverted}\n                                                >\n                                                    {label}\n                                                </StyledLink>\n                                            </LinkItem>\n                                        ))}\n                                    </LinkList>\n                                </Grid.Col>\n                            );\n                        })}\n                        {customCol && (\n                            <Grid.Col\n                                large={{ span: 3 / 12 }}\n                                toRight\n                                valign=\"top\"\n                            >\n                                <CustomCol>{customCol}</CustomCol>\n                            </Grid.Col>\n                        )}\n                    </Grid.Row>\n                    {footNote && (\n                        <FootNote\n                            size=\"small\"\n                            isInverted={isInverted}\n                            innerHTML={footNote}\n                        />\n                    )}\n                </MainView>\n                {bottom ? (\n                    bottom\n                ) : hasBottomBar ? (\n                    <FooterBottomBar\n                        isInverted={isInverted}\n                        linksLeft={bottomLinksLeft}\n                        linksRight={bottomLinksRight}\n                        languages={languages}\n                    />\n                ) : null}\n            </Wrapper>\n        </FooterSection>\n    );\n};\n\nexport const FooterComponent = Footer;\nexport default withLibTheme(Footer);\n","import React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { spacings } from 'utils/styles';\n\nimport Copy from 'components/typography/Copy';\n\nconst View = styled.div`\n    & > * + * {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst FooterArticle: FC<{\n    isInverted?: boolean;\n    title?: string;\n    text?: string;\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n    className?: string;\n}> = ({ isInverted, title, text, action, className }) => {\n    return (\n        <View className={className}>\n            {title && (\n                <Copy type=\"copy-b\" isInverted={isInverted}>\n                    {title}\n                </Copy>\n            )}\n            {text && (\n                <Copy size=\"small\" isInverted={isInverted} innerHTML={text} />\n            )}\n            {action && action({ isInverted })}\n        </View>\n    );\n};\n\nexport default FooterArticle;\n","import SocialList, { SocialItem } from 'components/blocks/SocialList';\nimport React, { FC } from 'react';\nimport FooterArticle from '../skeletons/FooterArticle';\n\nconst FooterColumn: FC<{\n    isInverted?: boolean;\n    title?: string;\n    text?: string;\n    action?: (props: { isInverted?: boolean }) => React.ReactNode;\n    socialTitle?: string;\n    socials?: SocialItem[];\n}> = ({ isInverted, title, text, action, socialTitle, socials }) => {\n    return (\n        <React.Fragment>\n            {(title || text || action) && (\n                <FooterArticle\n                    isInverted={isInverted}\n                    title={title}\n                    text={text}\n                    action={action}\n                />\n            )}\n            {socials && socials.length > 0 && (\n                <SocialList\n                    isInverted={isInverted}\n                    title={socialTitle}\n                    items={socials}\n                />\n            )}\n        </React.Fragment>\n    );\n};\n\nexport default FooterColumn;\n"],"names":["View","styled","div","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/hexRgbConverter-edb91624.js

@@ -0,0 +1,36 @@
+import { c as clampValue } from './clamp-12d37b65.js';
+
+/** Convert hex string to full 6 digit hex */
+
+var toFullHex = function (hex) {
+  if (!hex) return undefined;
+  if (hex.length >= 6) return hex;
+  var chars = hex.split('').map(function (char) {
+    if (char === '#') return char;
+    return char + char;
+  });
+  return chars.join('');
+}; // converting 6 character hex color code to rgba string
+
+
+var hexToRgba = function (hex, alpha) {
+  var _a;
+
+  if (alpha === void 0) {
+    alpha = 1;
+  }
+
+  var fullHex = toFullHex(hex);
+  if (!fullHex) return undefined;
+  var rgb = (_a = fullHex.match(/\w\w/g)) === null || _a === void 0 ? void 0 : _a.map(function (x) {
+    return parseInt(x, 16);
+  });
+  if (!rgb) return undefined;
+  if (!rgb[0] || isNaN(rgb[0])) return undefined;
+  if (!rgb[1] || isNaN(rgb[1])) return undefined;
+  if (!rgb[2] || isNaN(rgb[2])) return undefined;
+  return "rgba(".concat(rgb[0], ",").concat(rgb[1], ",").concat(rgb[2], ",").concat(clampValue(alpha, 0, 1), ")");
+};
+
+export { hexToRgba as h };
+//# sourceMappingURL=hexRgbConverter-edb91624.js.map