@uh-design-system/component-library 1.4.0-rc.2 → 1.4.0

package/dist/components/p-bCO1lLOR.js

@@ -1,28 +0,0 @@
-import './p-GalXVdFP.js';
-import { c as consumePaginationContext } from './p-B-jfWeRN.js';
-
-const paginationFactory = (Base) => {
-    const BasePagination = class extends Base {
-        constructor() {
-            super();
-        }
-        context;
-        contextUpdateHandler = (event) => {
-            const customEvent = event;
-            this.context = customEvent.detail;
-        };
-        get paginationContext() {
-            return this.context;
-        }
-        componentWillLoad() {
-            this.context = consumePaginationContext(this.el) || undefined;
-            this.el.addEventListener('dsPaginationContextUpdate', this.contextUpdateHandler);
-        }
-        disconnectedCallback() {
-            this.el.removeEventListener('dsPaginationContextUpdate', this.contextUpdateHandler);
-        }
-    };
-    return BasePagination;
-};
-
-export { paginationFactory as p };

package/dist/components/p-cVo5wigC.js

@@ -1,93 +0,0 @@
-import { p as proxyCustomElement, H, h } from './p-GalXVdFP.js';
-import { c as cx } from './p-C34PGDVY.js';
-import { a as inheritAttributes, i as inheritAriaAttributes } from './p-BecId8t2.js';
-import { t as transformTagName, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { g as getRequiredText, a as getOptionalText } from './p-BGV-ubOj.js';
-import { d as defineCustomElement$2 } from './p-BtwuVYMk.js';
-import { d as defineCustomElement$1 } from './p-Cq_RwLX7.js';
-
-const dsControlLabelCss = ".ds-control-label__oSBnIJ__label{padding-inline:0;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large);color:var(--ds-textColor-default)}.ds-control-label__oSBnIJ{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__oSBnIJ:empty{display:none}";
-
-const DsControlLabel = proxyCustomElement(class DsControlLabel extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-    }
-    inheritedAttributes = {};
-    get el() { return this; }
-    dsId;
-    dsHtmlFor;
-    dsLabel;
-    dsAssistiveText;
-    dsAssistiveTextId;
-    dsVisuallyHiddenAssistiveText;
-    dsVisuallyHiddenAssistiveTextId;
-    dsRequired;
-    dsOptional;
-    dsOptionalText;
-    get DsVisuallyHidden() {
-        return transformTagName('ds-visually-hidden', 'ds-control-label', this.el);
-    }
-    get DsAssistiveText() {
-        return transformTagName('ds-assistive-text', 'ds-control-label', this.el);
-    }
-    componentWillLoad() {
-        this.inheritedAttributes = {
-            ...inheritAriaAttributes(this.el),
-            ...inheritAttributes(this, this.el),
-        };
-    }
-    getLabelText = () => {
-        if (this.dsRequired) {
-            return getRequiredText(this.dsLabel);
-        }
-        if (this.dsOptional) {
-            return getOptionalText(this.dsLabel, this.dsOptionalText);
-        }
-        return this.dsLabel;
-    };
-    render() {
-        const baseClass = cx('ds-control-label');
-        return (h("div", { key: '0f1c7f883508f0e41979c62e7af17ac17d83435e', class: baseClass }, h("slot", { key: '27901cd69a1eda41a9656e71d3eab3c1734da262', name: "label" }, this.dsLabel && (h("label", { key: '04ac08241f870359567f60c473228250970e2154', class: `${baseClass}__label`, htmlFor: this.dsHtmlFor, id: this.dsId, ...this.inheritedAttributes }, this.getLabelText()))), h("slot", { key: '8e4cf929955ca530c1d3bca5540a6027d65ceda0', name: "assistiveText" }, this.dsAssistiveText && h(this.DsAssistiveText, { key: '8c789ea21fe1256ed47bfb84d4047bf5614f45ab', dsId: this.dsAssistiveTextId, dsText: this.dsAssistiveText }), this.dsVisuallyHiddenAssistiveText && (h(this.DsVisuallyHidden, { key: 'eaa33acaff899b52870445454d96322aa75873dc', id: this.dsVisuallyHiddenAssistiveTextId, dsTag: "span" }, this.dsVisuallyHiddenAssistiveText)))));
-    }
-    static get style() { return dsControlLabelCss; }
-}, [260, "ds-control-label", {
-        "dsId": [1, "ds-id"],
-        "dsHtmlFor": [1, "ds-html-for"],
-        "dsLabel": [1, "ds-label"],
-        "dsAssistiveText": [1, "ds-assistive-text"],
-        "dsAssistiveTextId": [1, "ds-assistive-text-id"],
-        "dsVisuallyHiddenAssistiveText": [1, "ds-visually-hidden-assistive-text"],
-        "dsVisuallyHiddenAssistiveTextId": [1, "ds-visually-hidden-assistive-text-id"],
-        "dsRequired": [4, "ds-required"],
-        "dsOptional": [4, "ds-optional"],
-        "dsOptionalText": [1, "ds-optional-text"]
-    }]);
-declareComponentDependencies([h("ds-visually-hidden", null), h("ds-assistive-text", null)]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-control-label", "ds-assistive-text", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-control-label":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsControlLabel);
-            }
-            break;
-        case "ds-assistive-text":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DsControlLabel as D, defineCustomElement as d };

package/dist/components/p-qN7q9daC.js

@@ -1,135 +0,0 @@
-import { p as proxyCustomElement, M as Mixin, c as createEvent, f as forceUpdate, h } from './p-GalXVdFP.js';
-import { c as classNames } from './p-BfTCfPZ1.js';
-import { b as inheritSpecifiedAttributes, i as inheritAriaAttributes } from './p-BecId8t2.js';
-import { i as idGenerator, t as transformTagName, a as ifDefined, d as declareComponentDependencies } from './p-J5Ghj1_T.js';
-import { l as linkFactory } from './p-Bg3rizUf.js';
-import { c as cx } from './p-C34PGDVY.js';
-import { o as opensInNewTab, v as visuallyHiddenAssistiveText } from './p-CFr-8gB_.js';
-import { d as defineCustomElement$3 } from './p-DIxFOW85.js';
-import { d as defineCustomElement$2 } from './p-47OG_OLT.js';
-import { d as defineCustomElement$1 } from './p-Cq_RwLX7.js';
-
-const dsLinkLogoCss = ".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}:host{display:inline-block}.ds-link-logo__oSBnIJ{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-link-logo__oSBnIJ:focus-visible{box-shadow:0 0 0 var(--ds-borderWidth-thin) var(--ds-borderColor-white);outline:var(--ds-borderWidth-thin) solid var(--ds-borderColor-black);outline-offset:calc(var(--ds-borderWidth-thin) * 1)}.ds-link-logo__oSBnIJ{display:flex;align-items:center;gap:var(--ds-spacing-2xSmall, 0.5rem);color:var(--ds-textColor-default, #0c0c0c);cursor:pointer;font-family:var(--ds-fontFamily-headings);font-size:var(--ds-fontSize-14, 0.875rem);font-weight:var(--ds-fontWeight-bold, 700);letter-spacing:-0.04375rem;line-height:1;text-transform:uppercase}.ds-link-logo__oSBnIJ:hover{color:var(--ds-bgColor-primary, #005a94)}@media (min-width: 60rem){.ds-link-logo__oSBnIJ{font-size:var(--ds-fontSize-16, 1rem)}}";
-
-const visuallyHiddenAssistiveTextIdGenerator = idGenerator('visually-hidden-assistive-text');
-const DsLinkLogo = proxyCustomElement(class DsLinkLogo extends Mixin(linkFactory) {
-    constructor(registerHost) {
-        super(false);
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.dsClick = createEvent(this, "dsClick");
-    }
-    inheritedAttributes = {};
-    visuallyHiddenAssistiveTextId = visuallyHiddenAssistiveTextIdGenerator.next().value;
-    get el() { return this; }
-    dsIcon;
-    dsText;
-    dsSize;
-    dsTarget = '_self';
-    dsIconTitle;
-    dsIconAriaLabel;
-    dsColour;
-    dsTag = 'a';
-    targetBlank = null;
-    get linkAttributes() {
-        if (this.dsTag !== 'a')
-            return {};
-        return {
-            href: this.dsHref,
-            hrefLang: this.dsHrefLang,
-            rel: this.targetBlank?.rel || this.dsRel,
-            target: this.dsTarget,
-        };
-    }
-    setTargetBlank(dsTarget) {
-        if (opensInNewTab(dsTarget)) {
-            this.targetBlank = { icon: 'open_in_new', rel: 'noopener noreferrer' };
-            return;
-        }
-        this.targetBlank = null;
-    }
-    componentWillLoad() {
-        this.inheritedAttributes = {
-            ...inheritAriaAttributes(this.el),
-            ...inheritSpecifiedAttributes(this.el, ['lang']),
-        };
-        this.setTargetBlank(this.dsTarget);
-    }
-    onAriaChanged(newValue) {
-        this.inheritedAttributes = {
-            ...this.inheritedAttributes,
-            'aria-label': newValue,
-        };
-        forceUpdate(this);
-    }
-    get DsIcon() {
-        return transformTagName('ds-icon', 'ds-link-logo', this.el);
-    }
-    render() {
-        const baseClass = cx('ds-link-logo');
-        const classes = classNames(baseClass, {
-            [`${baseClass}--${this.dsSize}`]: !!this.dsSize,
-            [`${baseClass}--colour-${this.dsColour}`]: !!this.dsColour,
-        });
-        const DsVisuallyHidden = transformTagName('ds-visually-hidden', 'ds-link-logo', this.el);
-        const { ['aria-label']: attrAriaLabel, ['aria-labelledby']: attrAriaLabelledby, ...restAttributes } = this.inheritedAttributes;
-        const ariaLabel = this.dsAriaLabel || attrAriaLabel;
-        const ariaLabelledby = this.dsAriaLabelledby || attrAriaLabelledby;
-        return (h(this.dsTag, { key: 'a0e795f53eba7b011b91f104bf8f2190ec2738de', part: "link", class: classes, ...ifDefined('aria-label', ariaLabel), ...ifDefined('aria-labelledby', ariaLabelledby), ...restAttributes, ...this.linkAttributes }, this.dsIcon && h(this.DsIcon, { key: '935d89af0864fe2d152b390cba0bb954c8ee2c54', dsName: this.dsIcon, dsSize: "2rem", dsRole: "img" }), this.dsText, opensInNewTab(this.dsTarget) && (h(DsVisuallyHidden, { key: 'a91748eeaf4354db7ec7841580bee06c80f72422', id: this.visuallyHiddenAssistiveTextId, dsTag: "span" }, visuallyHiddenAssistiveText()))));
-    }
-    static get watchers() { return {
-        "aria-label": ["onAriaChanged"]
-    }; }
-    static get style() { return dsLinkLogoCss; }
-}, [257, "ds-link-logo", {
-        "dsRel": [1, "ds-rel"],
-        "dsHrefLang": [1, "ds-href-lang"],
-        "dsHref": [1, "ds-href"],
-        "dsDownload": [4, "ds-download"],
-        "dsAriaLabel": [1, "ds-aria-label"],
-        "dsAriaLabelledby": [1, "ds-aria-labelledby"],
-        "dsIcon": [1, "ds-icon"],
-        "dsText": [1, "ds-text"],
-        "dsSize": [1, "ds-size"],
-        "dsTarget": [1, "ds-target"],
-        "dsIconTitle": [1, "ds-icon-title"],
-        "dsIconAriaLabel": [1, "ds-icon-aria-label"],
-        "dsColour": [1, "ds-colour"],
-        "dsTag": [1, "ds-tag"],
-        "targetBlank": [32]
-    }, [[0, "click", "handleClick"]], {
-        "aria-label": ["onAriaChanged"]
-    }]);
-declareComponentDependencies([h("ds-icon", { dsName: "" }), h("ds-link", { dsText: "" })]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["ds-link-logo", "ds-icon", "ds-link", "ds-visually-hidden"];
-    components.forEach(tagName => { switch (tagName) {
-        case "ds-link-logo":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, DsLinkLogo);
-            }
-            break;
-        case "ds-icon":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "ds-link":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "ds-visually-hidden":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { DsLinkLogo as D, defineCustomElement as d };

package/dist/esm/ariaDeprecationFactory-DXsGmVd4.js

@@ -1,27 +0,0 @@
-import { r as registerInstance } from './index-B4ZCBfpo.js';
-import { a as ariaAttributes } from './attributes-DfbgRyXR.js';
-
-const ariaDeprecationFactory = (Base) => {
-    const AriaDeprecation = class extends Base {
-        constructor(hostRef) {
-            super();
-            registerInstance(this, hostRef);
-        }
-        dsMuteAriaDeprecationWarning = false;
-        getDeprecationWarningForAriaAttribute = (el, attr) => {
-            if (this.dsMuteAriaDeprecationWarning)
-                return;
-            if (el.hasAttribute(attr)) {
-                console.warn(`[DEPRECATION] The use of the '${attr}' attribute on <${el.tagName.toLowerCase()}> is deprecated and will be removed in a future version (tba). Please refer to the documentation for alternative ds-prefixed property name. If the attribute you are using does not have a corresponding ds-prefixed property name, please contact developers at #designsystem Slack channel. In the future, any aria-attributes set on the web component will remain on the host element. To mute all warnings on this component instance, set the "dsMuteAriaDeprecationWarning" property.`);
-            }
-        };
-        getDeprecationWarningsForAriaAttributes = (el) => {
-            if (this.dsMuteAriaDeprecationWarning)
-                return;
-            ariaAttributes.forEach(attr => this.getDeprecationWarningForAriaAttribute(el, attr));
-        };
-    };
-    return AriaDeprecation;
-};
-
-export { ariaDeprecationFactory as a };

package/dist/esm/controlUtils-DOb1adhF.js

@@ -1,394 +0,0 @@
-import { g as getLanguage } from './store-I792JNgf.js';
-
-const valueMissing = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Täytä tämä kenttä.';
-        case 'sv':
-            return 'Fyll i det här fältet.';
-        default:
-            return 'Fill in this field.';
-    }
-};
-const typeMismatch = (opts) => {
-    if (opts?.type === 'email') {
-        return emailMismatch();
-    }
-    if (opts?.type === 'url') {
-        return urlMismatch();
-    }
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Syötä arvo oikeassa muodossa.';
-        case 'sv':
-            return 'Ange värdet i rätt format.';
-        default:
-            return 'Enter a value in the correct format.';
-    }
-};
-const emailMismatch = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Syötä sähköpostiosoite oikeassa muodossa (esim. nimi@helsinki.fi).';
-        case 'sv':
-            return 'Ange e-postadressen i rätt format (t.ex. namn@helsinki.fi).';
-        default:
-            return 'Enter the email address in the correct format (e.g. name@helsinki.fi).';
-    }
-};
-const urlMismatch = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Syötä verkkosivun osoite oikeassa muodossa (esim. https://helsinki.fi).';
-        case 'sv':
-            return 'Ange webbadressen i rätt formatet (t.ex. https://helsinki.fi).';
-        default:
-            return 'Enter the web address in the correct format (e.g. https://helsinki.fi).';
-    }
-};
-const patternMismatch = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Syötä arvo vaaditussa muodossa.';
-        case 'sv':
-            return 'Ange värdet i det angivna formatet.';
-        default:
-            return 'Match the requested format.';
-    }
-};
-const tooLong = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Lyhennä tekstiä.';
-        case 'sv':
-            return 'Förkorta texten.';
-        default:
-            return 'Shorten your text.';
-    }
-};
-const tooShort = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Pidennä tekstiä.';
-        case 'sv':
-            return 'Förläng texten.';
-        default:
-            return 'Lengthen your text.';
-    }
-};
-const rangeUnderflow = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Syötä suurempi arvo.';
-        case 'sv':
-            return 'Ange ett större värde.';
-        default:
-            return 'Enter a larger value.';
-    }
-};
-const rangeOverflow = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Syötä pienempi arvo.';
-        case 'sv':
-            return 'Ange ett mindre värde.';
-        default:
-            return 'Enter a smaller value.';
-    }
-};
-const stepMismatch = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Syötä sallittu arvo.';
-        case 'sv':
-            return 'Ange ett tillåtet värde.';
-        default:
-            return 'Enter an allowed value.';
-    }
-};
-const badInput = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Anna kelvollinen arvo.';
-        case 'sv':
-            return 'Ange ett giltigt värde.';
-        default:
-            return 'Enter a valid value.';
-    }
-};
-const validityMessage = (flag, opts) => {
-    switch (flag) {
-        case 'valueMissing':
-            return valueMissing();
-        case 'typeMismatch':
-            return typeMismatch(opts);
-        case 'patternMismatch':
-            return patternMismatch();
-        case 'tooLong':
-            return tooLong();
-        case 'tooShort':
-            return tooShort();
-        case 'rangeUnderflow':
-            return rangeUnderflow();
-        case 'rangeOverflow':
-            return rangeOverflow();
-        case 'stepMismatch':
-            return stepMismatch();
-        case 'badInput':
-            return badInput();
-        default:
-            return '';
-    }
-};
-const getOptionalText = (text, optionalText) => {
-    let defaultText = '(optional)';
-    switch (getLanguage()) {
-        case 'fi':
-            defaultText = '(valinnainen)';
-            break;
-        case 'sv':
-            defaultText = '(valfritt)';
-            break;
-    }
-    return [text, optionalText || defaultText].join(' ');
-};
-const getRequiredText = (text) => [text, '*'].join(' ');
-const atLeastOneOption = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Valitse vähintään yksi vaihtoehto.';
-        case 'sv':
-            return 'Välj minst ett alternativ.';
-        default:
-            return 'Select at least one option.';
-    }
-};
-const allOptions = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Valitse kaikki vaihtoehdot.';
-        case 'sv':
-            return 'Välj alla alternativ.';
-        default:
-            return 'Select all options.';
-    }
-};
-const removeSelection = (capitalizeFirstLetter = false) => {
-    let text = '';
-    switch (getLanguage()) {
-        case 'fi':
-            text = 'poista valinta';
-            break;
-        case 'sv':
-            text = 'ta bort val';
-            break;
-        default:
-            text = 'remove selection';
-            break;
-    }
-    return capitalizeFirstLetter ? text[0].toUpperCase() + text.substring(1) : text;
-};
-const weCouldNotLoadOptions = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Emme voineet ladata vaihtoehtoja.';
-        case 'sv':
-            return 'Vi kunde inte ladda alternativen.';
-        default:
-            return 'We could not load options.';
-    }
-};
-const tryAgainOrIfTheProblemPersists = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Yritä uudelleen tai jos ongelma jatkuu, ota yhteyttä ylläpitoon.';
-        case 'sv':
-            return 'Försök igen eller om problemet kvarstår, kontakta supporten.';
-        default:
-            return 'Try again or if the problem persists, contact support.';
-    }
-};
-const loadingOptions = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Ladataan vaihtoehtoja...';
-        case 'sv':
-            return 'Laddar alternativ...';
-        default:
-            return 'Loading options...';
-    }
-};
-const searchOrSelectAnOption = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Kirjoita tai valitse...';
-        case 'sv':
-            return 'Sök eller välj...';
-        default:
-            return 'Search or select...';
-    }
-};
-const noResultsFound = (searchTerm) => {
-    switch (getLanguage()) {
-        case 'fi':
-            return searchTerm ? `Ei tuloksia haulle "${searchTerm}".` : `Ei tuloksia.`;
-        case 'sv':
-            return searchTerm ? `Inga resultat för sökningen "${searchTerm}".` : `Inga resultat.`;
-        default:
-            return searchTerm ? `No results found for "${searchTerm}".` : `No results found.`;
-    }
-};
-const tryADifferentSearchTerm = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Kokeile toista hakusanaa.';
-        case 'sv':
-            return 'Prova ett annat sökord.';
-        default:
-            return 'Try a different search term.';
-    }
-};
-const thereAreOptionsToBrowse = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Vaihtoehtoja on selattavissa.';
-        case 'sv':
-            return 'Det finns alternativ att bläddra i.';
-        default:
-            return 'There are options to browse.';
-    }
-};
-const characterOverage = (overage) => {
-    switch (getLanguage()) {
-        case 'fi':
-            return `${overage} merkkiä liian pitkä.`;
-        case 'sv':
-            return `${overage} tecken för mycket.`;
-        default:
-            return `${overage} characters too many.`;
-    }
-};
-const charactersRemaining = (remaining) => {
-    switch (getLanguage()) {
-        case 'fi':
-            return `${remaining} merkkiä jäljellä.`;
-        case 'sv':
-            return `${remaining} tecken kvar.`;
-        default:
-            return `${remaining} characters remaining.`;
-    }
-};
-const itemsShortage = (shortage) => {
-    switch (getLanguage()) {
-        case 'fi':
-            if (shortage === 1) {
-                return `${shortage} valinta liian vähän.`;
-            }
-            return `${shortage} valintaa liian vähän.`;
-        case 'sv':
-            return `${shortage} val för lite.`;
-        default:
-            if (shortage === 1) {
-                return `${shortage} item too few.`;
-            }
-            return `${shortage} items too few.`;
-    }
-};
-const itemsOverage = (overage) => {
-    switch (getLanguage()) {
-        case 'fi':
-            if (overage === 1) {
-                return `${overage} valinta liikaa.`;
-            }
-            return `${overage} valintaa liikaa.`;
-        case 'sv':
-            return `${overage} val för många.`;
-        default:
-            if (overage === 1) {
-                return `${overage} item too many.`;
-            }
-            return `${overage} items too many.`;
-    }
-};
-const clearField = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Tyhjennä kenttä';
-        case 'sv':
-            return 'Rensa fält';
-        default:
-            return 'Clear field';
-    }
-};
-const showPassword = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Näytä salasana';
-        case 'sv':
-            return 'Visa lösenord';
-        default:
-            return 'Show password';
-    }
-};
-const hidePassword = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Piilota salasana';
-        case 'sv':
-            return 'Dölj lösenord';
-        default:
-            return 'Hide password';
-    }
-};
-const selectAnOption = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Valitse vaihtoehto';
-        case 'sv':
-            return 'Välj alternativ';
-        default:
-            return 'Select an option';
-    }
-};
-const selections = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'valintaa';
-        case 'sv':
-            return 'val';
-        default:
-            return 'selections';
-    }
-};
-const multiselectable = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'monivalinta';
-        case 'sv':
-            return 'flerval';
-        default:
-            return 'multiselectable';
-    }
-};
-const ellipsis = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Kolme pistettä';
-        case 'sv':
-            return 'Tre punkter';
-        default:
-            return 'Ellipsis';
-    }
-};
-const openDatePicker = () => {
-    switch (getLanguage()) {
-        case 'fi':
-            return 'Avaa päivämäärävalitsin';
-        case 'sv':
-            return 'Öppna datumväljare';
-        default:
-            return 'Open date picker';
-    }
-};
-
-export { getOptionalText as a, atLeastOneOption as b, allOptions as c, itemsOverage as d, thereAreOptionsToBrowse as e, tryAgainOrIfTheProblemPersists as f, getRequiredText as g, selections as h, itemsShortage as i, hidePassword as j, showPassword as k, loadingOptions as l, multiselectable as m, noResultsFound as n, clearField as o, ellipsis as p, characterOverage as q, removeSelection as r, searchOrSelectAnOption as s, tryADifferentSearchTerm as t, tooLong as u, validityMessage as v, weCouldNotLoadOptions as w, charactersRemaining as x, openDatePicker as y, selectAnOption as z };

package/dist/esm/cx-hUnOoCpm.js

@@ -1,5 +0,0 @@
-import { E as Env } from './index-B4ZCBfpo.js';
-
-const cx = (className) => `${className}__${Env.PACKAGE_VERSION}`;
-
-export { cx as c };