@uh-design-system/component-library 1.7.0-rc.0 → 1.7.1-rc.0

package/dist/components/p-Vh2a5T9m.js

@@ -0,0 +1 @@
+import{g as e}from"./p-DehdQps5.js";const t=()=>{switch(e()){case"fi":return"Täytä tämä kenttä.";case"sv":return"Fyll i det här fältet.";default:return"Fill in this field."}},a=()=>{switch(e()){case"fi":return"Lyhennä tekstiä.";case"sv":return"Förkorta texten.";default:return"Shorten your text."}},r=()=>{switch(e()){case"fi":return"Syötä suurempi arvo.";case"sv":return"Ange ett större värde.";default:return"Enter a larger value."}},s=()=>{switch(e()){case"fi":return"Syötä pienempi arvo.";case"sv":return"Ange ett mindre värde.";default:return"Enter a smaller value."}},n=()=>{switch(e()){case"fi":return"Anna kelvollinen arvo.";case"sv":return"Ange ett giltigt värde.";default:return"Enter a valid value."}},i=(i,u)=>{switch(i){case"valueMissing":return t();case"typeMismatch":return(t=>{if("email"===t?.type)return(()=>{switch(e()){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)."}})();if("url"===t?.type)return(()=>{switch(e()){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)."}})();switch(e()){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."}})(u);case"patternMismatch":return(()=>{switch(e()){case"fi":return"Syötä arvo vaaditussa muodossa.";case"sv":return"Ange värdet i det angivna formatet.";default:return"Match the requested format."}})();case"tooLong":return a();case"tooShort":return(()=>{switch(e()){case"fi":return"Pidennä tekstiä.";case"sv":return"Förläng texten.";default:return"Lengthen your text."}})();case"rangeUnderflow":return r();case"rangeOverflow":return s();case"stepMismatch":return(()=>{switch(e()){case"fi":return"Syötä sallittu arvo.";case"sv":return"Ange ett tillåtet värde.";default:return"Enter an allowed value."}})();case"badInput":return n();default:return""}},u=(t,a)=>{let r="(optional)";switch(e()){case"fi":r="(valinnainen)";break;case"sv":r="(valfritt)"}return[t,a||r].join(" ")},l=e=>[e,"*"].join(" "),c=()=>{switch(e()){case"fi":return"Valitse vähintään yksi vaihtoehto.";case"sv":return"Välj minst ett alternativ.";default:return"Select at least one option."}},o=()=>{switch(e()){case"fi":return"Valitse kaikki vaihtoehdot.";case"sv":return"Välj alla alternativ.";default:return"Select all options."}},f=(t=!1)=>{let a="";switch(e()){case"fi":a="poista valinta";break;case"sv":a="ta bort val";break;default:a="remove selection"}return t?a[0].toUpperCase()+a.substring(1):a},v=()=>{switch(e()){case"fi":return"Emme voineet ladata vaihtoehtoja.";case"sv":return"Vi kunde inte ladda alternativen.";default:return"We could not load options."}},h=()=>{switch(e()){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."}},d=()=>{switch(e()){case"fi":return"Ladataan vaihtoehtoja...";case"sv":return"Laddar alternativ...";default:return"Loading options..."}},m=()=>{switch(e()){case"fi":return"Kirjoita tai valitse...";case"sv":return"Sök eller välj...";default:return"Search or select..."}},k=t=>{switch(e()){case"fi":return t?`Ei tuloksia haulle "${t}".`:"Ei tuloksia.";case"sv":return t?`Inga resultat för sökningen "${t}".`:"Inga resultat.";default:return t?`No results found for "${t}".`:"No results found."}},w=()=>{switch(e()){case"fi":return"Kokeile toista hakusanaa.";case"sv":return"Prova ett annat sökord.";default:return"Try a different search term."}},p=()=>{switch(e()){case"fi":return"Vaihtoehtoja on selattavissa.";case"sv":return"Det finns alternativ att bläddra i.";default:return"There are options to browse."}},g=t=>{switch(e()){case"fi":return`${t} merkkiä liian pitkä.`;case"sv":return`${t} tecken för mycket.`;default:return`${t} characters too many.`}},y=t=>{switch(e()){case"fi":return`${t} merkkiä jäljellä.`;case"sv":return`${t} tecken kvar.`;default:return`${t} characters remaining.`}},$=t=>{switch(e()){case"fi":return 1===t?`${t} valinta liian vähän.`:`${t} valintaa liian vähän.`;case"sv":return`${t} val för lite.`;default:return 1===t?`${t} item too few.`:`${t} items too few.`}},j=t=>{switch(e()){case"fi":return 1===t?`${t} valinta liikaa.`:`${t} valintaa liikaa.`;case"sv":return`${t} val för många.`;default:return 1===t?`${t} item too many.`:`${t} items too many.`}},S=()=>{switch(e()){case"fi":return"Tyhjennä kenttä";case"sv":return"Rensa fält";default:return"Clear field"}},b=()=>{switch(e()){case"fi":return"Näytä salasana";case"sv":return"Visa lösenord";default:return"Show password"}},E=()=>{switch(e()){case"fi":return"Piilota salasana";case"sv":return"Dölj lösenord";default:return"Hide password"}},A=()=>{switch(e()){case"fi":return"Valitse vaihtoehto";case"sv":return"Välj alternativ";default:return"Select an option"}},V=()=>{switch(e()){case"fi":return"valintaa";case"sv":return"val";default:return"selections"}},x=()=>{switch(e()){case"fi":return"monivalinta";case"sv":return"flerval";default:return"multiselectable"}},L=()=>{switch(e()){case"fi":return"Kolme pistettä";case"sv":return"Tre punkter";default:return"Ellipsis"}};export{g as A,a as B,y as C,u as a,t as b,n as c,r as d,s as e,h as f,l as g,c as h,p as i,V as j,E as k,d as l,x as m,k as n,b as o,S as p,o as q,f as r,A as s,w as t,$ as u,i as v,v as w,j as x,m as y,L as z}

package/dist/components/p-WGqeeSZm.js

@@ -0,0 +1 @@
+import{E as o}from"./p-Caei5Txg.js";const s=s=>`${s}__${o.PACKAGE_VERSION}`;export{s as c}

package/dist/components/p-gPBFLVf3.js

@@ -0,0 +1 @@
+import{p as s,M as t,h as e,t as i}from"./p-Caei5Txg.js";import{c as d}from"./p-WGqeeSZm.js";import{a as l,i as a}from"./p-5l5qZ1Ad.js";import{t as o,d as n}from"./p-C_0dwn2_.js";import{g as r,a as c}from"./p-Vh2a5T9m.js";import{c as m}from"./p-pl5lQyEI.js";import{d as h}from"./p-C9RfggEL.js";import{d as b}from"./p-B5arzrIP.js";const f=s(class extends(t(m("ds-control-label"))){constructor(s){super(),!1!==s&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsId;dsHtmlFor;dsLabel;dsAssistiveText;dsAssistiveTextId;dsVisuallyHiddenAssistiveText;dsVisuallyHiddenAssistiveTextId;dsRequired;dsOptional;dsOptionalText;get DsVisuallyHidden(){return o("ds-visually-hidden","ds-control-label",this.el)}get DsAssistiveText(){return o("ds-assistive-text","ds-control-label",this.el)}componentWillLoad(){this.inheritedAttributes={...a(this.el),...l(this,this.el)}}componentDidLoad(){this.componentMounted()}getLabelText=()=>this.dsRequired?r(this.dsLabel):this.dsOptional?c(this.dsLabel,this.dsOptionalText):this.dsLabel;render(){const s=d("ds-control-label");return e("div",{key:"81a17445cf574cfde472563e206ad0bece9060a2",class:s},e("slot",{key:"fc96f88cb8f9237539b0e957b2cac9a3004e8b35",name:"label"},this.dsLabel&&e("label",{key:"d5b999096ba9c9d1024b9ce483428318e523cd5f",class:`${s}__label`,htmlFor:this.dsHtmlFor,id:this.dsId,...this.inheritedAttributes},this.getLabelText())),e("slot",{key:"090dda162fe25799c5cbdc36b7250d0b2a471fb0",name:"assistiveText"},this.dsAssistiveText&&e(this.DsAssistiveText,{key:"e54915bf41862e7fbd94e724158f642b4ebd8642",dsId:this.dsAssistiveTextId,dsText:this.dsAssistiveText}),this.dsVisuallyHiddenAssistiveText&&e(this.DsVisuallyHidden,{key:"4eef6a04158a1314dd656f021d648c00a62dcb9d",id:this.dsVisuallyHiddenAssistiveTextId,dsTag:"span"},this.dsVisuallyHiddenAssistiveText)))}static get style(){return".ds-control-label__owcjsm__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__owcjsm{font-family:var(--ds-fontFamily-body);display:flex;flex-direction:column;margin-block-end:var(--ds-spacing-2xSmall)}.ds-control-label__owcjsm:empty{display:none}"}},[772,"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"]}]);function p(){"undefined"!=typeof customElements&&["ds-control-label","ds-assistive-text","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-control-label":customElements.get(i(s))||customElements.define(i(s),f);break;case"ds-assistive-text":customElements.get(i(s))||h();break;case"ds-visually-hidden":customElements.get(i(s))||b()}}))}n([e("ds-visually-hidden",null),e("ds-assistive-text",null)]);export{f as D,p as d}

package/dist/components/p-gzY06yiM.js

@@ -0,0 +1 @@
+import{p as s,M as e,h as t,t as o}from"./p-Caei5Txg.js";import{g as r}from"./p-DehdQps5.js";import{t as i,n,l as d,f as a,w as l}from"./p-Vh2a5T9m.js";import{t as m,d as c}from"./p-C_0dwn2_.js";import{c as g}from"./p-WGqeeSZm.js";import{c as _}from"./p-pl5lQyEI.js";import{d as p}from"./p-B621GCrq.js";import{d as u}from"./p-CRQLqfJ1.js";import{d as x}from"./p-B5arzrIP.js";const h={dsErrorTitle:l,dsErrorText:a,dsLoadingText:d,dsNoResultsTitle:n,dsNoResultsText:i},f=(s,e)=>e||h[s](),T=s(class extends(e(_("ds-options-message"))){constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsLoading=!1;dsError=!1;dsNoResults=!1;dsErrorTitle;dsErrorText;dsLoadingText;dsNoResultsTitle;dsNoResultsText;get errorTitle(){return f("dsErrorTitle",this.dsErrorTitle)}get errorText(){return f("dsErrorText",this.dsErrorText)}get loadingText(){return f("dsLoadingText",this.dsLoadingText)}get noResultsTitle(){return f("dsNoResultsTitle",this.dsNoResultsTitle)}get noResultsText(){return f("dsNoResultsText",this.dsNoResultsText)}renderErrorState(s){if(!this.dsError)return null;const e=m("ds-icon","ds-options-message",this.el);return t("div",{class:s},t(e,{dsName:"warning",dsSize:"2rem",class:`${s}__icon`}),t("div",{class:`${s}__title`},this.errorTitle),t("div",{class:`${s}__text`},this.errorText))}renderLoadingState(s){if(this.dsError||!this.dsLoading)return null;const e=m("ds-spinner","ds-options-message",this.el);return t("div",{class:s},t(e,{dsSize:"large",dsText:this.loadingText}))}renderNoResultsState(s){return this.dsError||this.dsLoading||!this.dsNoResults?null:t("div",{class:s},t("div",{class:`${s}__title`,lang:r()},this.noResultsTitle),t("div",{class:`${s}__text`},this.noResultsText))}render(){const s=g("ds-options-message"),e=`${s}__loading`,o=`${s}__no-results`;return this.dsLoading||this.dsError||this.dsNoResults?t("div",null,t("div",{class:s},this.renderErrorState(`${s}__error`),this.renderLoadingState(e),this.renderNoResultsState(o))):null}static get style(){return".ds-options-message__owcjsm.sc-ds-options-message{display:flex;flex-direction:column;padding:var(--ds-spacing-2xSmall);height:18.5rem;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center;font-family:var(--ds-fontFamily-body)}.ds-options-message__owcjsm__error.sc-ds-options-message{color:var(--ds-textColor-danger);text-align:center}.ds-options-message__owcjsm__error__icon.sc-ds-options-message{display:inline-block}.ds-options-message__owcjsm__error__title.sc-ds-options-message,.ds-options-message__owcjsm__no-results__title.sc-ds-options-message{text-align:center;color:var(--ds-textColor-default);font-size:var(--ds-fontSize-18);font-weight:var(--ds-fontWeight-semibold);margin-top:var(--ds-spacing-xSmall);margin-bottom:var(--ds-spacing-2xSmall)}.ds-options-message__owcjsm__no-results__title.sc-ds-options-message{hyphens:auto}.ds-options-message__owcjsm__error__text.sc-ds-options-message,.ds-options-message__owcjsm__no-results__text.sc-ds-options-message{color:var(--ds-textColor-default);text-align:center;font-size:var(--ds-fontSize-16)}"}},[514,"ds-options-message",{dsLoading:[4,"ds-loading"],dsError:[4,"ds-error"],dsNoResults:[4,"ds-no-results"],dsErrorTitle:[1,"ds-error-title"],dsErrorText:[1,"ds-error-text"],dsLoadingText:[1,"ds-loading-text"],dsNoResultsTitle:[1,"ds-no-results-title"],dsNoResultsText:[1,"ds-no-results-text"]}]);function v(){"undefined"!=typeof customElements&&["ds-options-message","ds-icon","ds-spinner","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-options-message":customElements.get(o(s))||customElements.define(o(s),T);break;case"ds-icon":customElements.get(o(s))||p();break;case"ds-spinner":customElements.get(o(s))||u();break;case"ds-visually-hidden":customElements.get(o(s))||x()}}))}c([t("ds-icon",{dsName:""}),t("ds-spinner",null)]);export{T as D,v as d}

package/dist/components/p-i4kj9suS.js

@@ -0,0 +1 @@
+import{p as s,H as e,h as d,F as t,t as i}from"./p-Caei5Txg.js";import{t as a,a as r,d as o}from"./p-C_0dwn2_.js";import{d as l}from"./p-B5arzrIP.js";const n=s(class extends e{constructor(s){super(),!1!==s&&this.__registerHost()}get el(){return this}dsTag="div";dsRole;dsAriaLive="polite";dsAriaAtomic=!1;dsSrOnly=!1;dsSrOnlyTag="div";get DsVisuallyHidden(){return a("ds-visually-hidden","ds-feedback",this.el)}componentWillRender(){const s="Please provide either dsRole or dsAriaLive property";this.dsRole&&this.dsAriaLive?console.warn(`ds-feedback: ${s}. The dsAriaLive property is defined by default.`):this.dsRole||this.dsAriaLive||console.warn(`ds-feedback: ${s}.`)}render(){const s=this.dsSrOnly?this.DsVisuallyHidden:t,e=this.dsSrOnly?{dsTag:this.dsSrOnlyTag}:{};return d(this.dsTag,{key:"3e12c5599e7cae524b6089fd63364e8ef5173605",...r("role",this.dsRole),...r("aria-live",this.dsAriaLive),...r("aria-atomic",this.dsAriaAtomic?"true":void 0)},d(s,{key:"13a0fe6e9be620b09e704f089859ef1322301bd4",...e},d("slot",{key:"2a9c1458c092543436ad93329af035318e1603f6"})))}static get style(){return".sc-ds-feedback-h{display:contents}"}},[774,"ds-feedback",{dsTag:[1,"ds-tag"],dsRole:[1,"ds-role"],dsAriaLive:[1,"ds-aria-live"],dsAriaAtomic:[4,"ds-aria-atomic"],dsSrOnly:[4,"ds-sr-only"],dsSrOnlyTag:[1,"ds-sr-only-tag"]}]);function c(){"undefined"!=typeof customElements&&["ds-feedback","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-feedback":customElements.get(i(s))||customElements.define(i(s),n);break;case"ds-visually-hidden":customElements.get(i(s))||l()}}))}o([d("ds-visually-hidden",null)]);export{n as D,c as d}

package/dist/components/p-lK25iQSr.js

@@ -0,0 +1 @@
+import{p as s,M as o,h as a,t}from"./p-Caei5Txg.js";import{c as d}from"./p-BfTCfPZ1.js";import{t as r,o as e,d as i}from"./p-C_0dwn2_.js";import{c}from"./p-WGqeeSZm.js";import{i as l,a as n}from"./p-5l5qZ1Ad.js";import{c as _}from"./p-pl5lQyEI.js";import{d as g}from"./p-B621GCrq.js";import{d as m}from"./p-By2Txzzz.js";import{d as h}from"./p-B5arzrIP.js";const b=s(class extends(o(_("ds-tag"))){constructor(s){super(),!1!==s&&this.__registerHost()}inheritedAttributes={};get el(){return this}dsText="Label";dsIcon="";dsIconPosition="start";dsDownload;dsTarget;dsHref;dsColour="default";dsRole;dsAriaHidden;componentWillLoad(){this.inheritedAttributes={...n(this,this.el),...l(this.el)}}componentDidLoad(){this.componentMounted()}render(){const s=c("ds-tag"),o=d(s,`${s}--${this.dsColour}`,{[`${s}--link`]:!!this.dsHref}),t=r("ds-icon","ds-tag",this.el),i=r("ds-link","ds-tag",this.el),l=this.dsAriaHidden??!this.dsHref,n=this.dsRole??this.inheritedAttributes.role,_=e(this.inheritedAttributes,["aria-hidden","role"]);return a("div",{key:"3305650df4292d39cde25b9a84e7350d02dfd53d",class:o,..._,"aria-hidden":l,role:n},a("slot",{key:"e403d25adf10157c46debb2c877e7fe7c294eb16",name:"prefix"},!this.dsHref&&this.dsIcon&&"start"===this.dsIconPosition?a(t,{dsName:this.dsIcon,dsSize:"1rem"}):null),a("slot",{key:"605714b89a4683dee8e102f50f5ec93c7023def7"},this.dsHref?a(i,{class:`${s}__link`,dsText:this.dsText,dsHref:this.dsHref,dsTarget:this.dsTarget,dsDownload:this.dsDownload,dsColour:"black"===this.dsColour?"white":"black",dsSize:"small",dsWeight:"semibold"}):a("span",{class:`${s}__text`},this.dsText)),a("slot",{key:"91eb6271152b525043529a7d1963d6e81195e856",name:"suffix"},!this.dsHref&&this.dsIcon&&"end"===this.dsIconPosition?a(t,{dsName:this.dsIcon,dsSize:"1rem"}):null))}static get style(){return".ds-no-style-leak *{all:unset;box-sizing:border-box;display:block}.ds-tag__owcjsm{all:initial;display:revert;box-sizing:border-box;font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-16)}.ds-tag__owcjsm: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-tag__owcjsm:focus-within{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-tag__owcjsm{box-sizing:border-box;display:inline-flex;align-items:center;min-height:1.5rem;background-color:var(--ds-bgColor-neutral);padding:calc(var(--ds-spacing-4xSmall) - 0.03125rem) var(--ds-spacing-2xSmall);gap:var(--ds-spacing-3xSmall)}.ds-tag__owcjsm.ds-tag__owcjsm--default{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-neutral)}.ds-tag__owcjsm.ds-tag__owcjsm--default:has(.ds-tag__owcjsm__link:hover){background-color:var(--ds-bgColor-neutral-hover)}.ds-tag__owcjsm.ds-tag__owcjsm--default:has(.ds-tag__owcjsm__link:active){background-color:var(--ds-bgColor-neutral-active)}.ds-tag__owcjsm.ds-tag__owcjsm--black{color:var(--ds-textColor-white);background-color:var(--ds-bgColor-black)}.ds-tag__owcjsm.ds-tag__owcjsm--black:has(.ds-tag__owcjsm__link:hover){background-color:var(--ds-bgColor-black-hover)}.ds-tag__owcjsm.ds-tag__owcjsm--black:has(.ds-tag__owcjsm__link:active){background-color:var(--ds-bgColor-black-active)}.ds-tag__owcjsm.ds-tag__owcjsm--white{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-white)}.ds-tag__owcjsm.ds-tag__owcjsm--white:has(.ds-tag__owcjsm__link:hover){background-color:var(--ds-bgColor-white-hover)}.ds-tag__owcjsm.ds-tag__owcjsm--white:has(.ds-tag__owcjsm__link:active){background-color:var(--ds-bgColor-white-active)}.ds-tag__owcjsm.ds-tag__owcjsm--info{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-info)}.ds-tag__owcjsm.ds-tag__owcjsm--info:has(.ds-tag__owcjsm__link:hover){background-color:var(--ds-bgColor-info-hover)}.ds-tag__owcjsm.ds-tag__owcjsm--info:has(.ds-tag__owcjsm__link:active){background-color:var(--ds-bgColor-info-active)}.ds-tag__owcjsm.ds-tag__owcjsm--danger{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-danger)}.ds-tag__owcjsm.ds-tag__owcjsm--danger:has(.ds-tag__owcjsm__link:hover){background-color:var(--ds-bgColor-danger-hover)}.ds-tag__owcjsm.ds-tag__owcjsm--danger:has(.ds-tag__owcjsm__link:active){background-color:var(--ds-bgColor-danger-active)}.ds-tag__owcjsm.ds-tag__owcjsm--attention{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-attention)}.ds-tag__owcjsm.ds-tag__owcjsm--attention:has(.ds-tag__owcjsm__link:hover){background-color:var(--ds-bgColor-attention-hover)}.ds-tag__owcjsm.ds-tag__owcjsm--attention:has(.ds-tag__owcjsm__link:active){background-color:var(--ds-bgColor-attention-active)}.ds-tag__owcjsm.ds-tag__owcjsm--success{color:var(--ds-textColor-default);background-color:var(--ds-bgColor-success)}.ds-tag__owcjsm.ds-tag__owcjsm--success:has(.ds-tag__owcjsm__link:hover){background-color:var(--ds-bgColor-success-hover)}.ds-tag__owcjsm.ds-tag__owcjsm--success:has(.ds-tag__owcjsm__link:active){background-color:var(--ds-bgColor-success-active)}.ds-tag__owcjsm__text{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-semibold);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}.ds-tag__owcjsm__link{display:contents}.ds-tag__owcjsm__link a:focus-visible{box-shadow:none !important;outline:none !important;outline-offset:unset !important}"}},[772,"ds-tag",{dsText:[1,"ds-text"],dsIcon:[1,"ds-icon"],dsIconPosition:[1,"ds-icon-position"],dsDownload:[4,"ds-download"],dsTarget:[1,"ds-target"],dsHref:[1,"ds-href"],dsColour:[1,"ds-colour"],dsRole:[1,"ds-role"],dsAriaHidden:[4,"ds-aria-hidden"]}]);function w(){"undefined"!=typeof customElements&&["ds-tag","ds-icon","ds-link","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-tag":customElements.get(t(s))||customElements.define(t(s),b);break;case"ds-icon":customElements.get(t(s))||g();break;case"ds-link":customElements.get(t(s))||m();break;case"ds-visually-hidden":customElements.get(t(s))||h()}}))}i([a("ds-icon",{dsName:""}),a("ds-link",{dsText:""})]);export{b as D,w as d}

package/dist/components/p-nIjr2OVe.js

@@ -0,0 +1 @@
+import{p as s,M as i,f as e,h as t,t as a}from"./p-Caei5Txg.js";import{c as r}from"./p-BfTCfPZ1.js";import{t as d,d as o}from"./p-C_0dwn2_.js";import{c}from"./p-WGqeeSZm.js";import{a as n,i as l}from"./p-5l5qZ1Ad.js";import{a as m,d as u}from"./p-B621GCrq.js";import{c as p}from"./p-pl5lQyEI.js";import{d as h}from"./p-i4kj9suS.js";import{d as v}from"./p-B5arzrIP.js";const f=s(class extends(i(p("ds-input-validity"),m)){constructor(s){super(!1),!1!==s&&this.__registerHost()}get el(){return this}inheritedAttributes={};dsText;dsType="error";dsRole="none";dsAriaLive="assertive";dsAriaAtomic="true";dsHasFeedback=!0;identifier;get DsIcon(){return d("ds-icon","ds-input-validity",this.el)}get DsFeedback(){return d("ds-feedback","ds-input-validity",this.el)}ariaAttributeObserver(s,i,t){this.inheritedAttributes={...this.inheritedAttributes,[t]:s},e(this)}componentWillLoad(){this.getDeprecationWarningsForAriaAttributes(this.el),this.inheritedAttributes={...l(this.el),...n(this,this.el)}}componentDidLoad(){this.identifier=this.el.getAttribute("id")||void 0,this.el.removeAttribute("id")}render(){const s=c("ds-input-validity"),i=r(s,{[`${s}--error`]:"error"===this.dsType,[`${s}--success`]:"success"===this.dsType}),e="success"===this.dsType?"check_circle_fill":"warning_fill",a="success"===this.dsType?"ds-iconColor-success":"ds-iconColor-danger",d=this.dsHasFeedback?this.DsFeedback:"div",{role:o,"aria-live":n,"aria-atomic":l,...m}=this.inheritedAttributes,u=void 0!==this.dsRole&&"none"!==this.dsRole?this.dsRole:o;return t(d,{key:"9827cb6709d553d7e61366c11dcab7ed16ae6344",...this.dsHasFeedback?{dsRole:u,dsAriaLive:n||this.dsAriaLive,dsAriaAtomic:l||this.dsAriaAtomic}:{role:u},...m},t("slot",{key:"9625b4a5a3e1e45d0e6fce3ca87f3a7ca1a5d758"}),this.dsText&&t("div",{key:"a40aa807e92ebd74c93220849ec6930aba797f50",class:i},t(this.DsIcon,{key:"250aa9b89370844a4ac679684a39d4a1364bd5f7",class:"ds-input-validity__icon",dsColour:a,dsName:e}),t("small",{key:"86ff3c53358aa2956f0c95bf42ca16a33a0cef34",id:this.identifier},this.dsText)))}static get watchers(){return{role:[{ariaAttributeObserver:0}],"aria-live":[{ariaAttributeObserver:0}],"aria-atomic":[{ariaAttributeObserver:0}]}}static get style(){return".ds-input-validity__owcjsm{display:flex;align-items:center;margin-top:var(--ds-spacing-2xSmall);gap:var(--ds-spacing-2xSmall)}.ds-input-validity__owcjsm--error{color:var(--ds-textColor-danger)}.ds-input-validity__owcjsm--success{color:var(--ds-textColor-success)}.ds-input-validity__owcjsm__icon{display:block;height:1.5rem}.ds-input-validity__owcjsm small{font-family:var(--ds-fontFamily-body);font-size:var(--ds-fontSize-14);font-weight:var(--ds-fontWeight-regular);letter-spacing:var(--ds-letterSpacing-wide);line-height:var(--ds-lineHeight-large)}"}},[772,"ds-input-validity",{dsMuteAriaDeprecationWarning:[4,"ds-mute-aria-deprecation-warning"],dsText:[1,"ds-text"],dsType:[1,"ds-type"],dsRole:[1,"ds-role"],dsAriaLive:[1,"ds-aria-live"],dsAriaAtomic:[1,"ds-aria-atomic"],dsHasFeedback:[4,"ds-has-feedback"],identifier:[32]},void 0,{role:[{ariaAttributeObserver:0}],"aria-live":[{ariaAttributeObserver:0}],"aria-atomic":[{ariaAttributeObserver:0}]}]);function b(){"undefined"!=typeof customElements&&["ds-input-validity","ds-feedback","ds-icon","ds-visually-hidden"].forEach((s=>{switch(s){case"ds-input-validity":customElements.get(a(s))||customElements.define(a(s),f);break;case"ds-feedback":customElements.get(a(s))||h();break;case"ds-icon":customElements.get(a(s))||u();break;case"ds-visually-hidden":customElements.get(a(s))||v()}}))}o([t("ds-icon",{dsName:""}),t("ds-feedback",null)]);export{f as D,b as d}

package/dist/components/p-pl5lQyEI.js

@@ -0,0 +1 @@
+import{f as n,r as t,g as e,h as s}from"./p-C_0dwn2_.js";import{g as o}from"./p-DehdQps5.js";const a=new Map,r=(n,t)=>{const e=(n=>{const t=a.get(n),e=new Map;return t||a.set(n,e),t??e})(n),s=((n,t)=>{const e=a.get(n);return e?.get(t)??Object.freeze({mountEventsTotal:0})})(n,t);e.set(t,Object.freeze({...s,mountEventsTotal:s.mountEventsTotal+1}))},c=globalThis._uhdsMatomoCollectionProbability??.5,i="uhds_collect_analytics";null===globalThis.sessionStorage?.getItem(i)&&globalThis.sessionStorage.setItem(i,(Math.random()<=c).toString());const l=new Map;let u=!1,h=!1;function g(){if(u)return;const n=(()=>{const n=[];for(const[t,e]of a.entries())for(const[s,o]of e.entries())n.push({appName:t,componentName:s,stats:o});return n})();if(0!==n.length){u=!0;try{if(!Array.isArray(globalThis._mtm))return;const t=globalThis._mtm,e=globalThis.location.hostname;for(const{appName:s,componentName:o,stats:a}of n)t.push({event:"uhds.components","uhds.action":"mounted","uhds.component":o,"uhds.app_name":s,"uhds.app_host":e,"uhds.instance_key":`${e}::${s}::${o}`,"uhds.instances_seen":a.mountEventsTotal});a.clear()}finally{u=!1}}}const p=new Set,d=new Map,f=new Map,m=new Set,b=n=>n.trim().toLowerCase();function T(n,t){if(!d.has(t))return!1;const o=f.get(t)??"";return!o||!s(e(n),o)}function w(n){return m.has(n)&&!p.has(n)}const y=(s,a={})=>c=>{const u=b(s);if(m.add(u),a.stopRootTracking){const n=new Set((a.stopRootTrackingExcept||[]).map(b));d.set(u,n),f.set(u,Array.from(n).join(","))}return a.transparentForRootTracking&&p.add(u),class extends c{constructor(){super()}lang=o();getGenerator(){const t=s.trim()||"ds-component";return l.has(t)||l.set(t,n(t)),l.get(t)}getUniqueId(){return this.getGenerator().next().value}componentMounted(){const n=t(this.el);n&&globalThis.sessionStorage&&"false"!==globalThis.sessionStorage?.getItem(i)&&(a.disableAnalytics||function(n){const t=b(n.tagName);if(w(t)&&T(n,t))return!1;let s=e(n);for(;s;){const n=b(s.tagName);if(w(n)){if(!d.has(n)||T(s,n))return!0;s=e(s)}else s=e(s)}return!1}(this.el)||(h||(globalThis.addEventListener("visibilitychange",(()=>{"hidden"===document.visibilityState&&g()})),globalThis.addEventListener("pagehide",g),globalThis.addEventListener("beforeunload",g),h=!0),r(n,s)))}handleLanguageChange(n){this.lang=n.detail}static get states(){return{lang:{}}}static get listeners(){return[{name:"dsLanguageChange",method:"handleLanguageChange",target:"body",capture:!1,passive:!1}]}}};export{y as c}

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-06-22T07:00:12",
+  "timestamp": "2026-06-26T12:53:12",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.5",
@@ -57678,7 +57678,7 @@
           "mutable": false,
           "attr": "ds-autoplay",
           "reflectToAttr": false,
-          "docs": "Whether the media should autoplay (video/audio only).",
+          "docs": "Whether the media should autoplay (video only).",
           "docsTags": [
             {
               "name": "default",
@@ -57696,6 +57696,58 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsCaptionText",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-caption-text",
+          "reflectToAttr": false,
+          "docs": "Caption text displayed below the media. Renders a <figcaption> element when provided.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "dsControls",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-controls",
+          "reflectToAttr": false,
+          "docs": "Whether to show native playback controls (video only).",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsFluid",
           "type": "boolean",
@@ -57736,7 +57788,7 @@
           "mutable": false,
           "attr": "ds-loop",
           "reflectToAttr": false,
-          "docs": "Whether the media should loop (video/audio only).",
+          "docs": "Whether the media should loop (video only).",
           "docsTags": [
             {
               "name": "default",
@@ -57765,7 +57817,7 @@
           "mutable": false,
           "attr": "ds-muted",
           "reflectToAttr": false,
-          "docs": "Whether the media should be muted (video/audio only).",
+          "docs": "Whether the media should be muted (video only).",
           "docsTags": [
             {
               "name": "default",
@@ -57806,6 +57858,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsSizes",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-sizes",
+          "reflectToAttr": false,
+          "docs": "Sizes attribute for responsive images (e.g., '(max-width: 600px) 100vw, 50vw').\nOnly applies when dsType is 'image'. Used together with dsSrcset.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsSrc",
           "type": "string",
@@ -57817,7 +57892,7 @@
           "mutable": false,
           "attr": "ds-src",
           "reflectToAttr": false,
-          "docs": "Source URL for the media (image, video, audio, or YouTube).",
+          "docs": "Source URL for the media (image, video, or YouTube).",
           "docsTags": [],
           "values": [
             {
@@ -57829,12 +57904,35 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsSrcset",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-srcset",
+          "reflectToAttr": false,
+          "docs": "Srcset attribute for responsive images (e.g., 'img-800.jpg 800w, img-1200.jpg 1200w').\nOnly applies when dsType is 'image'.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsType",
-          "type": "\"image\" | \"video\" | \"youtube\"",
+          "type": "\"iframe\" | \"image\" | \"video\" | \"youtube\"",
           "complexType": {
             "original": "MediaType",
-            "resolved": "\"image\" | \"video\" | \"youtube\"",
+            "resolved": "\"iframe\" | \"image\" | \"video\" | \"youtube\"",
             "references": {
               "MediaType": {
                 "location": "local",
@@ -57846,9 +57944,13 @@
           "mutable": false,
           "attr": "ds-type",
           "reflectToAttr": false,
-          "docs": "Type of media to display: 'image', 'video', 'audio', or 'youtube'.",
+          "docs": "Type of media to display: 'image', 'video', or 'youtube'.",
           "docsTags": [],
           "values": [
+            {
+              "value": "iframe",
+              "type": "string"
+            },
             {
               "value": "image",
               "type": "string"
@@ -57878,7 +57980,7 @@
           "mutable": false,
           "attr": "ds-use-lazy",
           "reflectToAttr": false,
-          "docs": "Whether the image should use lazy loading or not.",
+          "docs": "Whether the image should use lazy loading.",
           "docsTags": [
             {
               "name": "default",
@@ -65358,6 +65460,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsIconEndAriaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-icon-end-aria-label",
+          "reflectToAttr": false,
+          "docs": "The aria-label for the end icon.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsIconEndColour",
           "type": "\"attention\" | \"danger\" | \"default\" | \"disabled-onDark\" | \"disabled-onLight\" | \"info\" | \"neutral\" | \"primary\" | \"success\" | \"white\"",
@@ -65441,6 +65566,29 @@
           "getter": false,
           "setter": false
         },
+        {
+          "name": "dsIconStartAriaLabel",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "ds-icon-start-aria-label",
+          "reflectToAttr": false,
+          "docs": "The aria-label for the start icon.",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
         {
           "name": "dsId",
           "type": "string",
@@ -68727,7 +68875,7 @@
       "path": "src/components/01-base-components/ds-datepicker/ds-datepicker.tsx"
     },
     "src/components/01-base-components/ds-media/ds-media.tsx::MediaType": {
-      "declaration": "export type MediaType = 'image' | 'video' | 'youtube';",
+      "declaration": "export type MediaType = 'image' | 'video' | 'youtube' | 'iframe';",
       "docstring": "",
       "path": "src/components/01-base-components/ds-media/ds-media.tsx"
     },

package/dist/esm/ariaDeprecationFactory-CzlwWzXv.js

@@ -0,0 +1,28 @@
+import { r as registerInstance } from './index-BRnPEEmR.js';
+import { a as ariaAttributes } from './attributes-Dzq9qJk7.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;
+            for (const attr of ariaAttributes)
+                this.getDeprecationWarningForAriaAttribute(el, attr);
+        };
+    };
+    return AriaDeprecation;
+};
+
+export { ariaDeprecationFactory as a };