@blateral/b.kit 2.8.4 → 3.0.1

package/esm/{InfoList-d853db58.js → InfoList-1be2ff46.js}

@@ -1,9 +1,9 @@
-import { a as __makeTemplateObject } from './Filter-19220970.js';
-import { C as Copy } from './Copy-fd9e25c0.js';
+import { a as __makeTemplateObject } from './ButtonLeft-a9a132f5.js';
+import { C as Copy } from './Copy-5a18e01f.js';
 import React__default from 'react';
 import styled from 'styled-components';
 import { i as isValidArray } from './arrays-65b644ef.js';
-import { s as spacings, m as mq } from './styles-1f1841ef.js';
+import { s as spacings, m as mq } from './styles-f3ba5bae.js';
 
 var View = styled.div.withConfig({
   displayName: "InfoList__View",
@@ -37,10 +37,13 @@ var Icon = styled(Copy).withConfig({
 var InfoList = function (_a) {
   var isInverted = _a.isInverted,
       items = _a.items,
+      ariaLabel = _a.ariaLabel,
       className = _a.className;
   return React__default.createElement(View, {
     className: className
-  }, React__default.createElement(Container, null, items === null || items === void 0 ? void 0 : items.map(function (group, i) {
+  }, React__default.createElement(Container, {
+    "aria-label": ariaLabel || 'Information List'
+  }, items === null || items === void 0 ? void 0 : items.map(function (group, i) {
     var _a;
 
     var groupItems = ((_a = group === null || group === void 0 ? void 0 : group.items) === null || _a === void 0 ? void 0 : _a.filter(function (item) {
@@ -53,8 +56,12 @@ var InfoList = function (_a) {
       size: "small",
       type: "copy-b",
       renderAs: "span",
-      isInverted: isInverted
-    }, group.title), hasItems && React__default.createElement(Infos, null, groupItems.map(function (info, ii) {
+      isInverted: isInverted,
+      ariaLevel: 3,
+      ariaRole: "heading"
+    }, group.title), hasItems && React__default.createElement(Infos, {
+      "aria-label": group.title
+    }, groupItems.map(function (info, ii) {
       return React__default.createElement(Content, {
         key: ii
       }, React__default.createElement(Icon, {
@@ -71,4 +78,4 @@ var InfoList = function (_a) {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 
 export { InfoList as I };
-//# sourceMappingURL=InfoList-d853db58.js.map
+//# sourceMappingURL=InfoList-1be2ff46.js.map

package/esm/InfoList-1be2ff46.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InfoList-1be2ff46.js","sources":["../src/components/blocks/InfoList.tsx"],"sourcesContent":["import Copy from 'components/typography/Copy';\nimport React, { FC } from 'react';\nimport styled from 'styled-components';\nimport { isValidArray } from 'utils/arrays';\nimport { mq, spacings } from 'utils/styles';\n\nconst View = styled.div``;\n\nconst Container = styled.ul`\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    margin: 0;\n    padding: 0;\n    margin-left: -${spacings.spacer}px;\n    margin-top: -${spacings.nudge * 5}px;\n    list-style: none;\n`;\n\nconst Item = styled.li`\n    flex: 1 1 100%;\n    padding-left: ${spacings.spacer}px;\n    padding-top: ${spacings.nudge * 5}px;\n\n    @media ${mq.medium} {\n        flex: 1 1 300px;\n    }\n`;\n\nconst Title = styled(Copy)`\n    display: block;\n    margin-bottom: ${spacings.nudge * 3}px;\n`;\n\nconst Infos = styled.ul`\n    list-style: none;\n    margin: 0;\n    padding: 0;\n`;\n\nconst Content = styled.li`\n    display: -ms-grid;\n    display: grid;\n    margin: 0;\n\n    -ms-grid-columns: min-content 1fr;\n    grid-template-columns: min-content 1fr;\n    -ms-grid-rows: min-content 1fr;\n    grid-auto-rows: min-content 1fr;\n\n    & + & {\n        margin-top: ${spacings.nudge * 2}px;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge * 2}px;\n    }\n`;\n\nconst Icon = styled(Copy)`\n    height: 20px;\n    width: 20px;\n\n    & > * {\n        height: 20px;\n        width: 20px;\n    }\n`;\n\nexport interface InfoGroup {\n    title?: string;\n    items: Info[];\n}\n\nexport interface Info {\n    /** icon injection function */\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    /** info text (richtText) */\n    text?: string;\n}\n\nexport interface InfoListProps {\n    /** Invert text and icon color for dark backgrounds */\n    isInverted?: boolean;\n\n    /** Array of info groups */\n    items?: InfoGroup[];\n\n    /** Optional aria-label for the list */\n    ariaLabel?: string;\n}\n\nconst InfoList: FC<\n    InfoListProps & {\n        className?: string;\n    }\n> = ({ isInverted, items, ariaLabel, className }) => {\n    return (\n        <View className={className}>\n            <Container aria-label={ariaLabel || 'Information List'}>\n                {items?.map((group, i) => {\n                    const groupItems =\n                        group?.items?.filter((item) => item.text) || [];\n                    const hasItems = isValidArray(groupItems, false);\n\n                    return (\n                        <Item key={i}>\n                            {group.title && (\n                                <Title\n                                    size=\"small\"\n                                    type=\"copy-b\"\n                                    renderAs=\"span\"\n                                    isInverted={isInverted}\n                                    ariaLevel={3}\n                                    ariaRole=\"heading\"\n                                >\n                                    {group.title}\n                                </Title>\n                            )}\n                            {hasItems && (\n                                <Infos aria-label={group.title}>\n                                    {groupItems.map((info, ii) => (\n                                        <Content key={ii}>\n                                            <Icon isInverted={isInverted}>\n                                                {info.icon &&\n                                                    info.icon(isInverted)}\n                                            </Icon>\n                                            {info.text && (\n                                                <Copy\n                                                    size=\"small\"\n                                                    isInverted={isInverted}\n                                                    innerHTML={info.text}\n                                                    allowLinkIcons={false}\n                                                />\n                                            )}\n                                        </Content>\n                                    ))}\n                                </Infos>\n                            )}\n                        </Item>\n                    );\n                })}\n            </Container>\n        </View>\n    );\n};\n\nexport default InfoList;\n"],"names":["View","styled","div","templateObject_1","__makeTemplateObject","Container","ul","templateObject_2","spacings","spacer","nudge","Item","li","templateObject_3","mq","medium","Title","Copy","templateObject_4","Infos","templateObject_5","Content","Icon","templateObject_7","InfoList","_a","isInverted","items","ariaLabel","className","React","createElement","map","group","i","groupItems","filter","item","text","hasItems","isValidArray","key","title","size","type","renderAs","ariaLevel","ariaRole","info","ii","icon","innerHTML","allowLinkIcons"],"mappings":"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"}

package/esm/{LanguageSwitcher-c9aa594a.js → LanguageSwitcher-19482399.js}

@@ -1,9 +1,9 @@
-import { a as __makeTemplateObject, _ as __assign } from './Filter-19220970.js';
+import { a as __makeTemplateObject, _ as __assign } from './ButtonLeft-a9a132f5.js';
 import React__default from 'react';
 import styled from 'styled-components';
-import { L as Link } from './Link-6067a27f.js';
-import { s as spacings, g as getColors } from './styles-1f1841ef.js';
-import { c as copyStyle } from './Copy-fd9e25c0.js';
+import { L as Link } from './Link-d4a291af.js';
+import { s as spacings, g as getColors } from './styles-f3ba5bae.js';
+import { c as copyStyle } from './Copy-5a18e01f.js';
 
 var View = styled.div.withConfig({
   displayName: "LanguageSwitcher__View",
@@ -67,4 +67,4 @@ var LanguageSwitcher = function (_a) {
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
 export { LanguageSwitcher as L };
-//# sourceMappingURL=LanguageSwitcher-c9aa594a.js.map
+//# sourceMappingURL=LanguageSwitcher-19482399.js.map

package/esm/{LanguageSwitcher-c9aa594a.js.map → LanguageSwitcher-19482399.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LanguageSwitcher-c9aa594a.js","sources":["../src/components/blocks/LanguageSwitcher.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { spacings, getColors as color, FontOptions } from 'utils/styles';\nimport { copyStyle } from 'components/typography/Copy';\n\nconst View = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ${spacings.nudge / 2}px;\n    }\n`;\n\nconst Icon = styled.div<{ isInverted?: boolean }>`\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n    & > * {\n        margin-right: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectView = styled.div<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    margin: 0 -${spacings.nudge}px;\n\n    & > * + * {\n        &:before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: 3px;\n            left: 0;\n            height: 1em;\n            width: 2px;\n            background-color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n`;\n\nconst LanguageLink = styled(Link)<{\n    isInverted?: boolean;\n    isActive?: boolean;\n    size?: keyof FontOptions;\n}>`\n    display: inline-block;\n    position: relative;\n    padding: 0 ${spacings.nudge}px;\n\n    ${({ size }) => copyStyle('copy', size || 'medium')}\n    font-weight: ${({ isActive }) => isActive && '700'};\n\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n            text-decoration: underline;\n        }\n    }\n`;\n\nexport interface Language {\n    isActive?: boolean;\n    label: string;\n    link: LinkProps;\n}\n\nconst LanguageSwitcher: FC<{\n    langs?: Language[];\n    isInverted?: boolean;\n    languageIcon?: (isInverted?: boolean) => React.ReactNode;\n    textSize?: keyof FontOptions;\n}> = ({ langs, isInverted, languageIcon, textSize = 'medium' }) => {\n    return (\n        <View>\n            {languageIcon && (\n                <Icon isInverted={isInverted}>{languageIcon(isInverted)}</Icon>\n            )}\n            <SelectView isInverted={isInverted}>\n                {langs?.map((lang, i) => (\n                    <LanguageLink\n                        key={i}\n                        {...lang.link}\n                        isInverted={isInverted}\n                        isActive={lang.isActive}\n                        size={textSize}\n                    >\n                        {lang.label}\n                    </LanguageLink>\n                ))}\n            </SelectView>\n        </View>\n    );\n};\n\nexport default LanguageSwitcher;\n"],"names":["View","styled","div","spacings","nudge","Icon","templateObject_2","__makeTemplateObject","_a","isInverted","theme","color","text","inverted","default","SelectView","LanguageLink","Link","templateObject_4","size","copyStyle","isActive","LanguageSwitcher","langs","languageIcon","_b","textSize","React","createElement","map","lang","i","__assign","key","link","label"],"mappings":"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"}
+{"version":3,"file":"LanguageSwitcher-19482399.js","sources":["../src/components/blocks/LanguageSwitcher.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport styled from 'styled-components';\n\nimport Link, { LinkProps } from 'components/typography/Link';\nimport { spacings, getColors as color, FontOptions } from 'utils/styles';\nimport { copyStyle } from 'components/typography/Copy';\n\nconst View = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n\n    & > * + * {\n        margin-left: ${spacings.nudge / 2}px;\n    }\n`;\n\nconst Icon = styled.div<{ isInverted?: boolean }>`\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n\n    & > * {\n        margin-right: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectView = styled.div<{ isInverted?: boolean }>`\n    display: inline-flex;\n    align-items: center;\n    margin: 0 -${spacings.nudge}px;\n\n    & > * + * {\n        &:before {\n            content: '';\n            display: block;\n            position: absolute;\n            top: 3px;\n            left: 0;\n            height: 1em;\n            width: 2px;\n            background-color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n\n            transition: background-color 0.2s ease-in-out;\n        }\n    }\n`;\n\nconst LanguageLink = styled(Link)<{\n    isInverted?: boolean;\n    isActive?: boolean;\n    size?: keyof FontOptions;\n}>`\n    display: inline-block;\n    position: relative;\n    padding: 0 ${spacings.nudge}px;\n\n    ${({ size }) => copyStyle('copy', size || 'medium')}\n    font-weight: ${({ isActive }) => isActive && '700'};\n\n    color: ${({ isInverted, theme }) =>\n        isInverted ? color(theme).text.inverted : color(theme).text.default};\n    text-decoration: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ${({ isInverted, theme }) =>\n                isInverted\n                    ? color(theme).text.inverted\n                    : color(theme).text.default};\n            text-decoration: underline;\n        }\n    }\n`;\n\nexport interface Language {\n    isActive?: boolean;\n    label: string;\n    link: LinkProps;\n}\n\nconst LanguageSwitcher: FC<{\n    langs?: Language[];\n    isInverted?: boolean;\n    languageIcon?: (isInverted?: boolean) => React.ReactNode;\n    textSize?: keyof FontOptions;\n}> = ({ langs, isInverted, languageIcon, textSize = 'medium' }) => {\n    return (\n        <View>\n            {languageIcon && (\n                <Icon isInverted={isInverted}>{languageIcon(isInverted)}</Icon>\n            )}\n            <SelectView isInverted={isInverted}>\n                {langs?.map((lang, i) => (\n                    <LanguageLink\n                        key={i}\n                        {...lang.link}\n                        isInverted={isInverted}\n                        isActive={lang.isActive}\n                        size={textSize}\n                    >\n                        {lang.label}\n                    </LanguageLink>\n                ))}\n            </SelectView>\n        </View>\n    );\n};\n\nexport default LanguageSwitcher;\n"],"names":["View","styled","div","spacings","nudge","Icon","templateObject_2","__makeTemplateObject","_a","isInverted","theme","color","text","inverted","default","SelectView","LanguageLink","Link","templateObject_4","size","copyStyle","isActive","LanguageSwitcher","langs","languageIcon","_b","textSize","React","createElement","map","lang","i","__assign","key","link","label"],"mappings":"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"}

package/esm/{LibThemeProvider-fb1d35ac.js → LibThemeProvider-48cad3e8.js}

@@ -1,7 +1,7 @@
-import { d as __rest, _ as __assign, e as __spreadArray } from './Filter-19220970.js';
+import { d as __rest, _ as __assign, e as __spreadArray } from './ButtonLeft-a9a132f5.js';
 import React__default from 'react';
 import { useTheme, ThemeProvider } from 'styled-components';
-import { g as getColors, a as getFonts, c as getGlobals, d as getTheme, b as baseTheme } from './styles-1f1841ef.js';
+import { g as getColors, a as getFonts, c as getGlobals, d as getTheme, b as baseTheme } from './styles-f3ba5bae.js';
 
 /**
  * Assigning font base key values to theme. Searches for each font base object key inside target theme object and replacing the values
@@ -112,4 +112,4 @@ var withLibTheme = function (Component) {
 };
 
 export { LibThemeProvider as L, assignTo as a, modifyTheme as m, useLibTheme as u, withLibTheme as w };
-//# sourceMappingURL=LibThemeProvider-fb1d35ac.js.map
+//# sourceMappingURL=LibThemeProvider-48cad3e8.js.map

package/esm/{LibThemeProvider-fb1d35ac.js.map → LibThemeProvider-48cad3e8.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LibThemeProvider-fb1d35ac.js","sources":["../src/utils/LibThemeProvider.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { FC } from 'react';\nimport { DefaultTheme, ThemeProvider, useTheme } from 'styled-components';\nimport {\n    FontBase,\n    baseTheme,\n    getColors,\n    getFonts,\n    getGlobals,\n    getTheme,\n} from 'utils/styles';\nimport { RecursivePartial } from './types';\n\nexport type ThemeMods = RecursivePartial<DefaultTheme>;\n\n/**\n * Assigning font base key values to theme. Searches for each font base object key inside target theme object and replacing the values\n * @param target Combined result object\n * @param source FontBase object with properties that should by overritten.\n */\nconst assignFontBase = (\n    target: DefaultTheme,\n    source?: RecursivePartial<FontBase>\n) => {\n    if (!source) return target;\n\n    // deep iterate through target and search matching key\n    const assign = (target: any, key: string, value: string) => {\n        Object.keys(target).forEach((tKey) => {\n            // check if target value is an object and no array\n            if (\n                target[tKey] &&\n                typeof target[tKey] === 'object' &&\n                !Array.isArray(target[tKey])\n            ) {\n                target[tKey] = assign(target[tKey], key, value);\n            } else if (key === tKey) {\n                target[tKey] = value;\n            }\n        });\n        return target;\n    };\n\n    // search each base key and replace values\n    Object.keys(source).forEach((sKey) => {\n        if (source[sKey])\n            target.fonts.types = assign(target.fonts.types, sKey, source[sKey]);\n    });\n    return target;\n};\n\n/**\n * Combining Theme objects\n * @param target Result theme object\n * @param source Theme object that should be assigned to target\n */\nexport const assignTo = <T extends ThemeMods | DefaultTheme>(\n    target: T,\n    source?: ThemeMods\n) => {\n    const output = { ...target };\n    if (!source) return output as T;\n\n    Object.keys(source).forEach((key) => {\n        const sourceVal = source[key];\n        const targetVal = target[key];\n\n        if (\n            targetVal &&\n            sourceVal &&\n            typeof targetVal === 'object' &&\n            typeof sourceVal === 'object'\n        ) {\n            // console.log(key, sourceVal, targetVal);\n            if (Array.isArray(sourceVal)) {\n                output[key] = [...sourceVal];\n            } else {\n                output[key] = assignTo(targetVal, sourceVal);\n            }\n        } else if (sourceVal) {\n            output[key] = sourceVal;\n        }\n    });\n    return output as T;\n};\n\nexport const LibThemeProvider: FC<{\n    theme?: ThemeMods;\n    children?: React.ReactNode;\n}> = ({ theme, children }) => {\n    const ctx = useTheme();\n\n    if (theme) {\n        const newTheme = modifyTheme(ctx, theme);\n\n        return <ThemeProvider theme={newTheme}>{children}</ThemeProvider>;\n    } else {\n        return <React.Fragment>{children}</React.Fragment>;\n    }\n};\n\ninterface WithLibThemeProps {\n    theme?: ThemeMods;\n}\n\nexport const modifyTheme = (\n    activeTheme?: DefaultTheme,\n    modifications?: ThemeMods\n) => {\n    // asigning base font to all settings on top of base theme. If base fonts are undefined return base theme\n    const combinedBaseTheme = assignFontBase(\n        baseTheme,\n        activeTheme?.fonts?.base\n    );\n\n    // adding base theme to active theme context if possible\n    const combinedTheme = activeTheme\n        ? assignTo(combinedBaseTheme, activeTheme)\n        : combinedBaseTheme;\n\n    // adding additional base font styles and other settings to theme\n    let newTheme = combinedTheme;\n    if (modifications) {\n        newTheme = assignFontBase(combinedTheme, modifications?.fonts?.base);\n        newTheme = assignTo(newTheme, modifications);\n    }\n\n    return newTheme;\n};\n\nexport const useLibTheme = () => {\n    const theme = useTheme();\n\n    return {\n        colors: getColors(theme),\n        fonts: getFonts(theme),\n        globals: getGlobals(theme),\n        theme: getTheme(theme),\n    };\n};\n\nexport const withLibTheme =\n    <P extends Record<string, unknown>>(\n        Component: React.ComponentType<P>\n    ): React.FC<\n        P & {\n            /** Component specific theme properties that overrides global theme settings */\n            theme?: ThemeMods;\n        }\n    > =>\n    ({ theme, ...props }: WithLibThemeProps) => {\n        const ctx = useTheme();\n        const newTheme = modifyTheme(ctx, theme);\n\n        return (\n            <ThemeProvider theme={newTheme}>\n                <Component {...(props as P)} />\n            </ThemeProvider>\n        );\n    };\n"],"names":["assignFontBase","target","source","assign","key","value","Object","keys","forEach","tKey","Array","isArray","sKey","fonts","types","assignTo","output","__assign","sourceVal","targetVal","__spreadArray","LibThemeProvider","_a","theme","children","ctx","useTheme","newTheme","modifyTheme","React","createElement","ThemeProvider","Fragment","activeTheme","modifications","combinedBaseTheme","baseTheme","base","combinedTheme","_b","useLibTheme","colors","getColors","getFonts","globals","getGlobals","getTheme","withLibTheme","Component","props","__rest"],"mappings":"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"}
+{"version":3,"file":"LibThemeProvider-48cad3e8.js","sources":["../src/utils/LibThemeProvider.tsx"],"sourcesContent":["/* eslint-disable react/display-name */\nimport React, { FC } from 'react';\nimport { DefaultTheme, ThemeProvider, useTheme } from 'styled-components';\nimport {\n    FontBase,\n    baseTheme,\n    getColors,\n    getFonts,\n    getGlobals,\n    getTheme,\n} from 'utils/styles';\nimport { RecursivePartial } from './types';\n\nexport type ThemeMods = RecursivePartial<DefaultTheme>;\n\n/**\n * Assigning font base key values to theme. Searches for each font base object key inside target theme object and replacing the values\n * @param target Combined result object\n * @param source FontBase object with properties that should by overritten.\n */\nconst assignFontBase = (\n    target: DefaultTheme,\n    source?: RecursivePartial<FontBase>\n) => {\n    if (!source) return target;\n\n    // deep iterate through target and search matching key\n    const assign = (target: any, key: string, value: string) => {\n        Object.keys(target).forEach((tKey) => {\n            // check if target value is an object and no array\n            if (\n                target[tKey] &&\n                typeof target[tKey] === 'object' &&\n                !Array.isArray(target[tKey])\n            ) {\n                target[tKey] = assign(target[tKey], key, value);\n            } else if (key === tKey) {\n                target[tKey] = value;\n            }\n        });\n        return target;\n    };\n\n    // search each base key and replace values\n    Object.keys(source).forEach((sKey) => {\n        if (source[sKey])\n            target.fonts.types = assign(target.fonts.types, sKey, source[sKey]);\n    });\n    return target;\n};\n\n/**\n * Combining Theme objects\n * @param target Result theme object\n * @param source Theme object that should be assigned to target\n */\nexport const assignTo = <T extends ThemeMods | DefaultTheme>(\n    target: T,\n    source?: ThemeMods\n) => {\n    const output = { ...target };\n    if (!source) return output as T;\n\n    Object.keys(source).forEach((key) => {\n        const sourceVal = source[key];\n        const targetVal = target[key];\n\n        if (\n            targetVal &&\n            sourceVal &&\n            typeof targetVal === 'object' &&\n            typeof sourceVal === 'object'\n        ) {\n            // console.log(key, sourceVal, targetVal);\n            if (Array.isArray(sourceVal)) {\n                output[key] = [...sourceVal];\n            } else {\n                output[key] = assignTo(targetVal, sourceVal);\n            }\n        } else if (sourceVal) {\n            output[key] = sourceVal;\n        }\n    });\n    return output as T;\n};\n\nexport const LibThemeProvider: FC<{\n    theme?: ThemeMods;\n    children?: React.ReactNode;\n}> = ({ theme, children }) => {\n    const ctx = useTheme();\n\n    if (theme) {\n        const newTheme = modifyTheme(ctx, theme);\n\n        return <ThemeProvider theme={newTheme}>{children}</ThemeProvider>;\n    } else {\n        return <React.Fragment>{children}</React.Fragment>;\n    }\n};\n\ninterface WithLibThemeProps {\n    theme?: ThemeMods;\n}\n\nexport const modifyTheme = (\n    activeTheme?: DefaultTheme,\n    modifications?: ThemeMods\n) => {\n    // asigning base font to all settings on top of base theme. If base fonts are undefined return base theme\n    const combinedBaseTheme = assignFontBase(\n        baseTheme,\n        activeTheme?.fonts?.base\n    );\n\n    // adding base theme to active theme context if possible\n    const combinedTheme = activeTheme\n        ? assignTo(combinedBaseTheme, activeTheme)\n        : combinedBaseTheme;\n\n    // adding additional base font styles and other settings to theme\n    let newTheme = combinedTheme;\n    if (modifications) {\n        newTheme = assignFontBase(combinedTheme, modifications?.fonts?.base);\n        newTheme = assignTo(newTheme, modifications);\n    }\n\n    return newTheme;\n};\n\nexport const useLibTheme = () => {\n    const theme = useTheme();\n\n    return {\n        colors: getColors(theme),\n        fonts: getFonts(theme),\n        globals: getGlobals(theme),\n        theme: getTheme(theme),\n    };\n};\n\nexport const withLibTheme =\n    <P extends Record<string, unknown>>(\n        Component: React.ComponentType<P>\n    ): React.FC<\n        P & {\n            /** Component specific theme properties that overrides global theme settings */\n            theme?: ThemeMods;\n        }\n    > =>\n    ({ theme, ...props }: WithLibThemeProps) => {\n        const ctx = useTheme();\n        const newTheme = modifyTheme(ctx, theme);\n\n        return (\n            <ThemeProvider theme={newTheme}>\n                <Component {...(props as P)} />\n            </ThemeProvider>\n        );\n    };\n"],"names":["assignFontBase","target","source","assign","key","value","Object","keys","forEach","tKey","Array","isArray","sKey","fonts","types","assignTo","output","__assign","sourceVal","targetVal","__spreadArray","LibThemeProvider","_a","theme","children","ctx","useTheme","newTheme","modifyTheme","React","createElement","ThemeProvider","Fragment","activeTheme","modifications","combinedBaseTheme","baseTheme","base","combinedTheme","_b","useLibTheme","colors","getColors","getFonts","globals","getGlobals","getTheme","withLibTheme","Component","props","__rest"],"mappings":"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"}

package/esm/{Link-6067a27f.js → Link-d4a291af.js}

@@ -1,10 +1,10 @@
-import { a as __makeTemplateObject } from './Filter-19220970.js';
+import { a as __makeTemplateObject } from './ButtonLeft-a9a132f5.js';
 import React__default, { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
-import { a as getFonts } from './styles-1f1841ef.js';
+import { a as getFonts } from './styles-f3ba5bae.js';
 
 var linkStyles = function (isInverted) {
-  return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    color: ", ";\n    text-transform: ", ";\n    text-decoration: ", ";\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus {\n        outline: 1px dashed\n            ", ";\n        outline-offset: 1px;\n    }\n"], ["\n    color: ", ";\n    text-transform: ", ";\n    text-decoration: ", ";\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus {\n        outline: 1px dashed\n            ", ";\n        outline-offset: 1px;\n    }\n"])), function (_a) {
+  return css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    color: ", ";\n    text-transform: ", ";\n    text-decoration: ", ";\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &[href]:hover {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: 2px dotted\n            ", ";\n        outline-offset: 2px;\n    }\n"], ["\n    color: ", ";\n    text-transform: ", ";\n    text-decoration: ", ";\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &[href]:hover {\n            color: ", ";\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: 2px dotted\n            ", ";\n        outline-offset: 2px;\n    }\n"])), function (_a) {
     var theme = _a.theme;
     return isInverted ? getFonts(theme).link.colorInverted : getFonts(theme).link.color;
   }, function (_a) {
@@ -29,7 +29,8 @@ var View = styled.a.withConfig({
   return linkStyles(isInverted);
 });
 var Link = forwardRef(function (_a, ref) {
-  var _b = _a.isInverted,
+  var id = _a.id,
+      _b = _a.isInverted,
       isInverted = _b === void 0 ? false : _b,
       _c = _a.isExternal,
       isExternal = _c === void 0 ? false : _c,
@@ -38,23 +39,29 @@ var Link = forwardRef(function (_a, ref) {
       ariaLabel = _a.ariaLabel,
       tabIndex = _a.tabIndex,
       dataSheet = _a.dataSheet,
+      dataIdent = _a.dataIdent,
       children = _a.children,
-      className = _a.className;
+      className = _a.className,
+      _d = _a.ariaHidden,
+      ariaHidden = _d === void 0 ? false : _d;
   return React__default.createElement(View, {
     ref: ref,
+    id: id,
     href: href,
     target: isExternal ? '_blank' : undefined,
-    rel: isExternal ? 'noopener noreferrer' : undefined,
+    rel: isExternal ? 'noopener' : undefined,
     isInverted: isInverted,
     "aria-label": ariaLabel,
     tabIndex: tabIndex,
     "data-sheet": dataSheet,
+    "data-ident": dataIdent,
     onClick: onClick,
-    className: className
+    className: className,
+    "aria-hidden": ariaHidden
   }, children);
 });
 Link.displayName = 'Link';
 var templateObject_1, templateObject_2;
 
 export { Link as L };
-//# sourceMappingURL=Link-6067a27f.js.map
+//# sourceMappingURL=Link-d4a291af.js.map

package/esm/Link-d4a291af.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Link-d4a291af.js","sources":["../src/components/typography/Link.tsx"],"sourcesContent":["/* eslint-disable react/jsx-no-target-blank */\nimport React, { forwardRef } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport { getFonts as font } from 'utils/styles';\n\nexport interface LinkProps {\n    isExternal?: boolean;\n    href?: string;\n}\n\nexport const linkStyles = (isInverted?: boolean) => css`\n    color: ${({ theme }) =>\n        isInverted ? font(theme).link.colorInverted : font(theme).link.color};\n    text-transform: ${({ theme }) => font(theme).link.textTransform};\n    text-decoration: ${({ theme }) => font(theme).link.textDecoration};\n\n    transition: color 0.2s ease-in-out;\n\n    outline: none;\n\n    @media (hover: hover) and (pointer: fine) {\n        &[href]:hover {\n            color: ${({ theme }) =>\n                isInverted\n                    ? font(theme).link.colorHoverInverted\n                    : font(theme).link.colorHover};\n        }\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    &:focus-visible {\n        outline: 2px dotted\n            ${({ theme }) =>\n                isInverted\n                    ? font(theme).link.colorInverted\n                    : font(theme).link.color};\n        outline-offset: 2px;\n    }\n`;\n\nconst View = styled.a<{ isInverted?: boolean }>`\n    ${({ isInverted }) => linkStyles(isInverted)};\n`;\n\nconst Link = forwardRef<\n    HTMLAnchorElement,\n    LinkProps & {\n        id?: string;\n        ariaLabel?: string;\n        tabIndex?: number;\n        dataSheet?: string;\n        dataIdent?: string;\n        isInverted?: boolean;\n        onClick?: (ev?: React.SyntheticEvent<HTMLAnchorElement>) => void;\n        className?: string;\n        children?: React.ReactNode;\n        ariaHidden?: boolean;\n    }\n>(\n    (\n        {\n            id,\n            isInverted = false,\n            isExternal = false,\n            onClick,\n            href,\n            ariaLabel,\n            tabIndex,\n            dataSheet,\n            dataIdent,\n            children,\n            className,\n            ariaHidden = false,\n        },\n        ref\n    ) => {\n        return (\n            <View\n                ref={ref}\n                id={id}\n                href={href}\n                target={isExternal ? '_blank' : undefined}\n                rel={isExternal ? 'noopener' : undefined}\n                isInverted={isInverted}\n                aria-label={ariaLabel}\n                tabIndex={tabIndex}\n                data-sheet={dataSheet}\n                data-ident={dataIdent}\n                onClick={onClick}\n                className={className}\n                aria-hidden={ariaHidden}\n            >\n                {children}\n            </View>\n        );\n    }\n);\n\nLink.displayName = 'Link';\n\nexport default Link;\n"],"names":["linkStyles","isInverted","css","templateObject_1","__makeTemplateObject","_a","theme","font","link","colorInverted","color","textTransform","textDecoration","colorHoverInverted","colorHover","View","styled","a","templateObject_2","Link","forwardRef","ref","id","_b","_c","isExternal","onClick","href","ariaLabel","tabIndex","dataSheet","dataIdent","children","className","_d","ariaHidden","React","createElement","target","undefined","rel","displayName"],"mappings":"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"}

package/esm/{MultiselectDropdown-61a5a1a6.js → MultiselectDropdown-20b33522.js}

@@ -1,12 +1,12 @@
-import { a as __makeTemplateObject, i as AngleUp, g as AngleDown, e as __spreadArray } from './Filter-19220970.js';
-import React__default, { useState, useRef, useEffect } from 'react';
+import { a as __makeTemplateObject, k as AngleUp, i as AngleDown, e as __spreadArray } from './ButtonLeft-a9a132f5.js';
+import React__default, { useId, useState, useRef, useEffect } from 'react';
 import styled, { css } from 'styled-components';
-import { c as copyStyle, C as Copy } from './Copy-fd9e25c0.js';
-import { u as useLibTheme } from './LibThemeProvider-fb1d35ac.js';
-import { s as spacings, g as getColors, c as getGlobals, w as withRange, a as getFonts } from './styles-1f1841ef.js';
-import { g as getFormFieldTextSize, F as FieldWrapper } from './formFieldText-c6fcd370.js';
+import { c as copyStyle, C as Copy } from './Copy-5a18e01f.js';
+import { u as useLibTheme } from './LibThemeProvider-48cad3e8.js';
+import { s as spacings, g as getColors, c as getGlobals, w as withRange, a as getFonts } from './styles-f3ba5bae.js';
+import { g as getFormFieldTextSize, F as FieldWrapper } from './formFieldText-af2106f9.js';
 import { u as useMounted } from './useMounted-1e4cc87b.js';
-import { C as Checkbox } from './Checkbox-962fea67.js';
+import { C as Checkbox } from './Checkbox-e7fc7d28.js';
 
 var Select = styled.button.withConfig({
   displayName: "MultiselectDropdown__Select",
@@ -118,6 +118,10 @@ var Icon = styled.div.withConfig({
   displayName: "MultiselectDropdown__Icon",
   componentId: "sc-rrwdl0-9"
 })(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    padding-left: ", "px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"], ["\n    display: flex;\n    align-items: center;\n    padding-left: ", "px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n"])), spacings.nudge);
+var OriginalSelect = styled.select.withConfig({
+  displayName: "MultiselectDropdown__OriginalSelect",
+  componentId: "sc-rrwdl0-10"
+})(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n"], ["\n    position: absolute;\n    width: 1px;\n    height: 1px;\n    padding: 0;\n    margin: -1px;\n    overflow: hidden;\n    clip: rect(0, 0, 0, 0);\n    white-space: nowrap;\n    border-width: 0;\n"])));
 
 var MultiselectDropdown = function (_a) {
   var label = _a.label,
@@ -137,6 +141,7 @@ var MultiselectDropdown = function (_a) {
       onBlur = _a.onBlur,
       indicator = _a.indicator,
       className = _a.className;
+  var id = useId();
   var colors = useLibTheme().colors;
 
   var _b = useState(inlined || false),
@@ -151,6 +156,9 @@ var MultiselectDropdown = function (_a) {
   var selectContainerRef = useRef(null);
   var isMounted = useMounted();
   var itemHasBeenClicked = useRef(false);
+  var fieldId = "muliselect-".concat(id);
+  var msgId = "multiselect-message-".concat(id);
+  var errorMsgId = "multiselect-error-".concat(id);
   useEffect(function () {
     if (selectedItems) {
       setSelected(selectedItems);
@@ -188,6 +196,7 @@ var MultiselectDropdown = function (_a) {
     className: className
   }, React__default.createElement(FieldWrapper.Head, {
     label: label,
+    htmlFor: fieldId,
     isRequired: isRequired,
     isInverted: isInverted
   }), React__default.createElement(FieldWrapper.Content, null, React__default.createElement(Container, {
@@ -202,6 +211,7 @@ var MultiselectDropdown = function (_a) {
     }
   }, React__default.createElement(Select, {
     ref: selectBtnRef,
+    id: fieldId,
     type: "button",
     isOpen: isOpen,
     inlined: inlined,
@@ -213,6 +223,9 @@ var MultiselectDropdown = function (_a) {
         return !prev;
       });
     },
+    "aria-invalid": !!errorMessage,
+    "aria-errormessage": errorMessage && errorMsgId,
+    "aria-describedby": infoMessage && msgId,
     "aria-expanded": isOpen
   }, React__default.createElement(SelectMain, null, iconElement && React__default.createElement(Icon, null, iconElement), React__default.createElement("span", null, placeholder)), React__default.createElement(Indicator, null, selected.length > 0 && React__default.createElement(Counter, {
     size: "small"
@@ -224,12 +237,15 @@ var MultiselectDropdown = function (_a) {
   }) : React__default.createElement(AngleDown, {
     iconColor: isDisabled ? colors.elementBg.medium : colors.elementBg.dark
   })))), React__default.createElement(Flyout, {
+    role: "presentation",
     isVisible: isOpen,
     inlined: inlined
   }, items.map(function (item, i) {
     var isSelected = selected.includes(item.value);
     return React__default.createElement(ItemStyle, {
       key: "key_".concat(i + 1),
+      role: "option",
+      "aria-selected": isSelected,
       onMouseDown: function () {
         itemHasBeenClicked.current = true;
       }
@@ -240,24 +256,28 @@ var MultiselectDropdown = function (_a) {
         toggleSelected(item.value);
         itemHasBeenClicked.current = false;
       },
-      label: item.label
+      label: item.label,
+      name: "".concat(fieldId, "-option-").concat(i)
     }));
   }), resetLabel && React__default.createElement(Reset, {
     onClick: function () {
       return setSelected([]);
     }
-  }, resetLabel))), React__default.createElement("select", {
+  }, resetLabel))), React__default.createElement(OriginalSelect, {
+    "aria-hidden": "true",
+    tabIndex: -1,
     name: name,
     multiple: true,
-    hidden: true,
     defaultValue: selected
   }, items.map(function (item, i) {
     return React__default.createElement("option", {
-      key: "key_".concat(i),
+      key: i,
       value: item.value
     }, item.label);
   }))), React__default.createElement(FieldWrapper.Messages, {
+    infoMsgId: msgId,
     infoMessage: infoMessage,
+    errorMsgId: errorMsgId,
     errorMessage: errorMessage,
     isInverted: isInverted
   }));
@@ -295,7 +315,7 @@ var areEqual = function (prev, next) {
 };
 
 var MultiselectDropdown$1 = React__default.memo(MultiselectDropdown, areEqual);
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12;
 
 export { MultiselectDropdown$1 as M };
-//# sourceMappingURL=MultiselectDropdown-61a5a1a6.js.map
+//# sourceMappingURL=MultiselectDropdown-20b33522.js.map

package/esm/MultiselectDropdown-20b33522.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiselectDropdown-20b33522.js","sources":["../src/components/fields/MultiselectDropdown.tsx"],"sourcesContent":["import React, { useEffect, useId, useRef, useState } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport AngleDown from 'components/base/icons/AngleDown';\nimport AngleUp from 'components/base/icons/AngleUp';\nimport Copy, { copyStyle } from 'components/typography/Copy';\nimport { useLibTheme } from 'utils/LibThemeProvider';\nimport {\n    getColors as color,\n    getFonts as font,\n    spacings,\n    getGlobals as global,\n    withRange,\n} from 'utils/styles';\nimport FieldWrapper from './FormField';\nimport { FormProps } from './Textfield';\nimport { getFormFieldTextSize } from 'utils/formFieldText';\nimport useMounted from 'utils/useMounted';\nimport Checkbox from './Checkbox';\n\nconst Select = styled.button<{\n    hasError?: boolean;\n    isOpen?: boolean;\n    isInverted?: boolean;\n    inlined?: boolean;\n}>`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    min-height: 45px;\n    box-shadow: none;\n    position: relative;\n\n    -webkit-appearance: none;\n    outline: none;\n    cursor: ${({ inlined }) => (inlined ? 'default' : 'pointer')};\n\n    padding: ${spacings.nudge}px;\n\n    border: 1px solid\n        ${({ theme, isInverted, hasError }) => {\n            if (isInverted) {\n                return hasError\n                    ? color(theme).errorInverted\n                    : color(theme).elementBg.light;\n            }\n            return hasError ? color(theme).error : color(theme).elementBg.dark;\n        }};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    background: transparent;\n    transition: background-color 0.2s ease-in-out;\n\n    ${copyStyle('copy', 'small')}\n    /** Clamping min font size to 16px to prevent browser zooming */\n    ${({ theme }) => withRange(getFormFieldTextSize(theme), 'font-size')}\n    \n    color: ${({ theme, isInverted, hasError }) => {\n        if (isInverted) {\n            return hasError\n                ? color(theme).text.errorInverted\n                : font(theme).copy.small.colorInverted;\n        }\n        return hasError\n            ? color(theme).text.error\n            : font(theme).copy.small.color;\n    }};\n    line-height: normal;\n\n    @media (hover: hover) and (pointer: fine) {\n        ${({ isInverted, theme, isOpen }) =>\n            css`\n                &:hover {\n                    outline: ${`1px solid ${\n                        isOpen\n                            ? 'transparent'\n                            : isInverted\n                            ? color(theme).primary.inverted\n                            : color(theme).primary.default\n                    }`};\n                    outline-offset: 0;\n                }\n            `}\n    }\n\n    &:focus {\n        outline: ${({ theme, isInverted, isOpen }) =>\n            `1px solid ${\n                isOpen\n                    ? 'transparent'\n                    : isInverted\n                    ? color(theme).primary.inverted\n                    : color(theme).primary.default\n            }`};\n        outline-offset: 0;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst SelectMain = styled(Copy)`\n    display: flex;\n    align-items: center;\n    user-select: none;\n\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    min-width: 0;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst Indicator = styled.span`\n    display: flex;\n    align-items: center;\n    pointer-events: none;\n\n    & > * + * {\n        margin-left: ${spacings.nudge}px;\n    }\n`;\n\nconst Flyout = styled.ul<{\n    isVisible?: boolean;\n    isInverted?: boolean;\n    inlined?: boolean;\n}>`\n    list-style: none;\n    padding: ${spacings.nudge}px ${spacings.nudge * 2}px;\n    margin: 0;\n    margin-top: ${({ inlined }) => inlined && '3px'};\n\n    position: ${({ inlined }) => (inlined ? 'relative' : 'absolute')};\n    top: calc(100% + 3px);\n    left: 0;\n    width: 100%;\n    z-index: 2;\n\n    display: ${({ isVisible }) => (isVisible ? 'block' : 'none')};\n    background: ${({ theme }) => color(theme).elementBg.light};\n    border: 1px solid\n        ${({ theme, isInverted }) =>\n            isInverted\n                ? color(theme).elementBg.light\n                : color(theme).elementBg.dark};\n    border-radius: ${({ theme }) => global(theme).sections.edgeRadius};\n\n    max-height: 300px;\n    overflow-y: auto;\n    scrollbar-width: none;\n\n    outline: none;\n\n    ::-webkit-scrollbar {\n        -webkit-appearance: none;\n        width: 14px;\n    }\n\n    ::-webkit-scrollbar-thumb {\n        border-radius: 8px;\n        background-color: ${({ theme }) => color(theme).elementBg.medium};\n        border: 4px solid rgba(0, 0, 0, 0);\n        background-clip: padding-box;\n    }\n`;\n\nconst ItemStyle = styled.li`\n    width: 100%;\n    cursor: pointer;\n    position: relative;\n\n    padding: 5px 0px;\n`;\n\nconst ItemCheckbox = styled(Checkbox)`\n    width: 100%;\n`;\n\nconst Container = styled.div`\n    position: relative;\n    outline: none;\n`;\n\nconst Counter = styled(Copy)`\n    flex: 0 0 20px;\n\n    position: relative;\n    background: ${({ theme }) => color(theme).text.default};\n\n    line-height: normal;\n    color: ${({ theme }) => color(theme).text.inverted};\n\n    max-height: 20px;\n    max-width: 20px;\n\n    height: 20px;\n    width: 20px;\n\n    border-radius: 50px;\n\n    & > * {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n\n        transform: translate(-50%, -50%);\n    }\n`;\n\nconst Reset = styled.button`\n    background: none;\n    border: none;\n    padding: 0;\n\n    ${copyStyle('copy', 'small')};\n    margin-top: ${spacings.nudge * 2}px;\n\n    cursor: pointer;\n\n    @media (hover: hover) and (pointer: fine) {\n        &:hover {\n            text-decoration: underline;\n        }\n    }\n\n    &:focus {\n        outline: 1px dashed ${({ theme }) => font(theme).link.color};\n        outline-offset: 1px;\n    }\n\n    &:focus:not(:focus-visible) {\n        outline: none;\n    }\n`;\nconst Icon = styled.div`\n    display: flex;\n    align-items: center;\n    padding-left: ${spacings.nudge}px;\n    color: inherit;\n\n    transition: transform 0.2s ease-in-out;\n`;\n\nconst OriginalSelect = styled.select`\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\ninterface FilterItem {\n    value: string;\n    label: string;\n}\n\nexport type MultiselectDropdownProps = Omit<FormProps, 'value'> & {\n    enableMemo?: boolean;\n    inlined?: boolean;\n    placeholder?: string;\n    name?: string;\n    selectedItems?: string[];\n    items: FilterItem[];\n    resetLabel?: string;\n\n    onChange?: (values: string[]) => void;\n    onBlur?: () => void;\n    icon?: (isInverted?: boolean) => React.ReactNode;\n    indicator?: (props: {\n        isOpen: boolean;\n        isDisabled?: boolean;\n    }) => React.ReactNode;\n};\n\nconst MultiselectDropdown: React.FC<\n    MultiselectDropdownProps & { className?: string }\n> = ({\n    label,\n    isRequired,\n    errorMessage,\n    infoMessage,\n    isDisabled,\n    isInverted,\n    items,\n    name,\n    selectedItems,\n    placeholder,\n    resetLabel,\n    inlined,\n    icon,\n    onChange,\n    onBlur,\n    indicator,\n    className,\n}) => {\n    const id = useId();\n    const { colors } = useLibTheme();\n    const [isOpen, setIsOpen] = useState(inlined || false);\n    const [selected, setSelected] = useState<string[]>(selectedItems || []);\n\n    const selectBtnRef = useRef<HTMLButtonElement>(null);\n    const selectContainerRef = useRef<HTMLDivElement>(null);\n    const isMounted = useMounted();\n    const itemHasBeenClicked = useRef<boolean>(false);\n\n    const fieldId = `muliselect-${id}`;\n    const msgId = `multiselect-message-${id}`;\n    const errorMsgId = `multiselect-error-${id}`;\n\n    useEffect(() => {\n        if (selectedItems) {\n            setSelected(selectedItems);\n        }\n    }, [selectedItems]);\n\n    useEffect(() => {\n        if (isMounted) {\n            onChange?.(selected);\n        }\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selected]);\n\n    if (isDisabled) {\n        errorMessage = '';\n    }\n\n    const toggleSelected = (value: string) => {\n        if (selected.includes(value)) {\n            setSelected((prev) => prev.filter((v) => v !== value));\n            return;\n        }\n\n        setSelected((prev) => [...prev, value]);\n    };\n\n    const iconElement = icon?.(isInverted);\n\n    return (\n        <FieldWrapper.View isDisabled={isDisabled} className={className}>\n            <FieldWrapper.Head\n                label={label}\n                htmlFor={fieldId}\n                isRequired={isRequired}\n                isInverted={isInverted}\n            />\n            <FieldWrapper.Content>\n                <Container\n                    ref={selectContainerRef}\n                    onBlur={(ev) => {\n                        if (\n                            !inlined &&\n                            !selectContainerRef.current?.contains(\n                                ev.relatedTarget\n                            ) &&\n                            !itemHasBeenClicked.current\n                        ) {\n                            setIsOpen(false);\n                            onBlur?.();\n                        }\n                    }}\n                >\n                    <Select\n                        ref={selectBtnRef}\n                        id={fieldId}\n                        type=\"button\"\n                        isOpen={isOpen}\n                        inlined={inlined}\n                        isInverted={isInverted}\n                        hasError={!!errorMessage}\n                        onClick={() => {\n                            if (inlined) return;\n                            setIsOpen((prev) => !prev);\n                        }}\n                        aria-invalid={!!errorMessage}\n                        aria-errormessage={errorMessage && errorMsgId}\n                        aria-describedby={infoMessage && msgId}\n                        aria-expanded={isOpen}\n                    >\n                        <SelectMain>\n                            {iconElement && <Icon>{iconElement}</Icon>}\n                            <span>{placeholder}</span>\n                        </SelectMain>\n                        <Indicator>\n                            {selected.length > 0 && (\n                                <Counter size=\"small\">\n                                    <span>{selected.length}</span>\n                                </Counter>\n                            )}\n                            {indicator &&\n                                indicator({ isOpen, isDisabled: isDisabled })}\n                            {!indicator &&\n                                (isOpen ? (\n                                    <AngleUp\n                                        iconColor={\n                                            isDisabled\n                                                ? colors.elementBg.medium\n                                                : colors.elementBg.dark\n                                        }\n                                    />\n                                ) : (\n                                    <AngleDown\n                                        iconColor={\n                                            isDisabled\n                                                ? colors.elementBg.medium\n                                                : colors.elementBg.dark\n                                        }\n                                    />\n                                ))}\n                        </Indicator>\n                    </Select>\n                    <Flyout\n                        role=\"presentation\"\n                        isVisible={isOpen}\n                        inlined={inlined}\n                    >\n                        {items.map((item, i) => {\n                            const isSelected = selected.includes(item.value);\n\n                            return (\n                                <ItemStyle\n                                    key={`key_${i + 1}`}\n                                    role=\"option\"\n                                    aria-selected={isSelected}\n                                    onMouseDown={() => {\n                                        itemHasBeenClicked.current = true;\n                                    }}\n                                >\n                                    <ItemCheckbox\n                                        isSelected={isSelected}\n                                        value={item.value}\n                                        onChange={() => {\n                                            toggleSelected(item.value);\n                                            itemHasBeenClicked.current = false;\n                                        }}\n                                        label={item.label}\n                                        name={`${fieldId}-option-${i}`}\n                                    />\n                                </ItemStyle>\n                            );\n                        })}\n                        {resetLabel && (\n                            <Reset onClick={() => setSelected([])}>\n                                {resetLabel}\n                            </Reset>\n                        )}\n                    </Flyout>\n                </Container>\n                <OriginalSelect\n                    aria-hidden=\"true\"\n                    tabIndex={-1}\n                    name={name}\n                    multiple\n                    defaultValue={selected}\n                >\n                    {items.map((item, i) => {\n                        return (\n                            <option key={i} value={item.value}>\n                                {item.label}\n                            </option>\n                        );\n                    })}\n                </OriginalSelect>\n            </FieldWrapper.Content>\n            <FieldWrapper.Messages\n                infoMsgId={msgId}\n                infoMessage={infoMessage}\n                errorMsgId={errorMsgId}\n                errorMessage={errorMessage}\n                isInverted={isInverted}\n            />\n        </FieldWrapper.View>\n    );\n};\n\n/**\n * Function to compare both field prop states\n * @param prev Previous props\n * @param next Next props\n * @returns\n */\nconst areEqual = (\n    prev: MultiselectDropdownProps,\n    next: MultiselectDropdownProps\n) => {\n    // only apply logic if memo functionality is enabled\n    if (!prev.enableMemo) return false;\n\n    if (prev.selectedItems !== next.selectedItems) return false;\n    if (prev.errorMessage !== next.errorMessage) return false;\n    if (prev.infoMessage !== next.infoMessage) return false;\n    if (prev.label !== next.label) return false;\n    if (prev.placeholder !== next.placeholder) return false;\n    if (prev.resetLabel !== next.resetLabel) return false;\n    if (prev.isInverted !== next.isInverted) return false;\n    if (prev.isDisabled !== next.isDisabled) return false;\n    if (prev.inlined !== next.inlined) return false;\n\n    // compare items\n    if (prev.items.length !== next.items.length) return false;\n    for (let i = 0; i < prev.items.length; i++) {\n        if (\n            prev.items[i].label !== next.items[i].label ||\n            prev.items[i].value !== next.items[i].value\n        ) {\n            return false;\n        }\n    }\n\n    return true;\n};\n\nexport default React.memo(MultiselectDropdown, areEqual);\n"],"names":["Select","styled","button","templateObject_2","__makeTemplateObject","_a","inlined","spacings","nudge","theme","isInverted","hasError","color","errorInverted","elementBg","light","error","dark","global","sections","edgeRadius","copyStyle","withRange","getFormFieldTextSize","text","font","copy","small","colorInverted","isOpen","css","templateObject_1","primary","inverted","default","SelectMain","Copy","templateObject_3","Indicator","span","templateObject_4","Flyout","ul","isVisible","medium","ItemStyle","li","templateObject_6","ItemCheckbox","Checkbox","templateObject_7","Container","div","templateObject_8","Counter","templateObject_9","Reset","templateObject_10","link","Icon","templateObject_11","OriginalSelect","select","templateObject_12","MultiselectDropdown","label","isRequired","errorMessage","infoMessage","isDisabled","items","name","selectedItems","placeholder","resetLabel","icon","onChange","onBlur","indicator","className","id","useId","colors","useLibTheme","_b","useState","setIsOpen","_c","selected","setSelected","selectBtnRef","useRef","selectContainerRef","isMounted","useMounted","itemHasBeenClicked","fieldId","concat","msgId","errorMsgId","useEffect","toggleSelected","value","includes","prev","filter","v","__spreadArray","iconElement","React","createElement","FieldWrapper","View","Head","htmlFor","Content","ref","ev","current","contains","relatedTarget","type","onClick","length","size","AngleUp","iconColor","AngleDown","role","map","item","i","isSelected","key","onMouseDown","tabIndex","multiple","defaultValue","Messages","infoMsgId","areEqual","next","enableMemo","memo"],"mappings":"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"}

package/esm/{Navigation-6581bcdf.js → Navigation-d7e14d09.js}

@@ -1,16 +1,16 @@
-import { _ as __assign, a as __makeTemplateObject, r as AngleLeft, f as Cross, A as AngleRight, e as __spreadArray } from './Filter-19220970.js';
+import { _ as __assign, a as __makeTemplateObject, t as AngleLeft, h as Cross, A as AngleRight, e as __spreadArray } from './ButtonLeft-a9a132f5.js';
 import React__default, { useState, useRef, useEffect, useMemo, forwardRef } from 'react';
-import { u as useLibTheme, L as LibThemeProvider } from './LibThemeProvider-fb1d35ac.js';
-import { a as useMediaQueries } from './useMediaQuery-4c1b1fa6.js';
-import { u as useScrollThrottle, g as getCurrentNavPath, a as getCurrentNavItem } from './navigation-5216dbad.js';
-import { L as Link } from './Link-6067a27f.js';
+import { u as useLibTheme, L as LibThemeProvider } from './LibThemeProvider-48cad3e8.js';
+import { a as useMediaQueries } from './useMediaQuery-c9fa1339.js';
+import { u as useScrollThrottle, g as getCurrentNavPath, a as getCurrentNavItem } from './navigation-d3d2bf2e.js';
+import { L as Link } from './Link-d4a291af.js';
 import styled, { css } from 'styled-components';
 import { i as isValidArray } from './arrays-65b644ef.js';
 import { c as clampValue } from './clamp-12d37b65.js';
-import { m as mq, s as spacings, g as getColors, a as getFonts, w as withRange, c as getGlobals } from './styles-1f1841ef.js';
-import { c as copyStyle, C as Copy } from './Copy-fd9e25c0.js';
-import { I as Image } from './Image-c67870d4.js';
-import { L as LanguageSwitcher } from './LanguageSwitcher-c9aa594a.js';
+import { m as mq, s as spacings, g as getColors, a as getFonts, w as withRange, c as getGlobals } from './styles-f3ba5bae.js';
+import { c as copyStyle, C as Copy } from './Copy-5a18e01f.js';
+import { I as Image } from './Image-e2018d39.js';
+import { L as LanguageSwitcher } from './LanguageSwitcher-19482399.js';
 
 /**
  * Hooks in to menu state to control it with keyboard inputs
@@ -1661,4 +1661,4 @@ var Navigation = function (_a) {
 };
 
 export { BarBreadcrumbs as B, Column as C, MenuHeader as M, Navigation as N, getFullNavbarHeights as a, BarLogo as b, BarMenuToggle as c, BarNavList as d, getNavbarState as e, generateNavbarIdent as g };
-//# sourceMappingURL=Navigation-6581bcdf.js.map
+//# sourceMappingURL=Navigation-d7e14d09.js.map