@mattilsynet/design 3.3.7 → 3.3.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/mtds/ai/typography.stories.tsx +24 -0
- package/mtds/atlas/atlas-element.js +1 -1
- package/mtds/illustrations/cloud-white-sunshine.svg +1 -0
- package/mtds/illustrations/index.json +4 -0
- package/mtds/index.iife.js +1 -1
- package/mtds/package.json.js +1 -1
- package/mtds/styles.css +1 -1
- package/package.json +7 -7
|
@@ -683,6 +683,30 @@ export const Prose: Story = {
|
|
|
683
683
|
forpakningsenheter mindre enn 25 L, dersom de går til en «approved
|
|
684
684
|
arrangement class 4.1» for foredling i Australia.
|
|
685
685
|
</p>
|
|
686
|
+
<ul>
|
|
687
|
+
<li>
|
|
688
|
+
Matliste
|
|
689
|
+
<ul>
|
|
690
|
+
<li>
|
|
691
|
+
Pølse
|
|
692
|
+
<ul>
|
|
693
|
+
<li>Grill</li>
|
|
694
|
+
<li>Wiener</li>
|
|
695
|
+
</ul>
|
|
696
|
+
</li>
|
|
697
|
+
<li>
|
|
698
|
+
Brød
|
|
699
|
+
<ul>
|
|
700
|
+
<li>Rug</li>
|
|
701
|
+
<li>Knekk</li>
|
|
702
|
+
<li>Loff</li>
|
|
703
|
+
<li>Gull</li>
|
|
704
|
+
<li>Hue</li>
|
|
705
|
+
</ul>
|
|
706
|
+
</li>
|
|
707
|
+
</ul>
|
|
708
|
+
</li>
|
|
709
|
+
</ul>
|
|
686
710
|
</div>
|
|
687
711
|
),
|
|
688
712
|
};
|
|
@@ -19,7 +19,7 @@ class r extends g {
|
|
|
19
19
|
}
|
|
20
20
|
constructor() {
|
|
21
21
|
super(), this.attachShadow({ mode: "open" }).append(m("figure")), C(this, `@layer leaflet{${h}}
|
|
22
|
-
@layer mt.v3-3-
|
|
22
|
+
@layer mt.v3-3-8design{${b}`);
|
|
23
23
|
}
|
|
24
24
|
connectedCallback() {
|
|
25
25
|
const t = this.shadowRoot?.lastElementChild, e = a(this, "data-cluster") ?? "false", o = new i.TileLayer(k, {
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
<svg xmlns="http://www.w3.org/2000/svg" width="970" height="800" fill="none" viewBox="0 0 970 800"><path fill="#f9cc76" d="M618.882 519.855c94.576 0 171.246-76.721 171.246-171.357 0-94.637-76.67-171.357-171.246-171.357s-171.247 76.72-171.247 171.357c0 94.636 76.671 171.357 171.247 171.357M475.493 168.642c1.168 11.493-28.506 31.487-36.226 31.091-8.195-.476-17.954-7.253-23.339-12.662l-46.915-47.122c-4.296-4.38-12.175-15.793-10.769-21.342 2.573-9.848 23.022-30.1 33.019-31.408 5.305-.713 14.926 6.262 19.281 10.562l55.348 55.009c3.663 3.665 9.126 11.413 9.601 15.872M272.368 374.034c-8.967-7.272-2.257-42.425 3.484-47.657 6.117-5.489 17.796-7.629 25.437-7.649l66.474-.119c6.137.04 19.776 2.458 22.706 7.372 5.166 8.758 5.087 37.551-1.01 45.596-3.246 4.26-14.946 6.182-21.082 6.262l-78.015.535c-5.186 0-14.53-1.566-18.014-4.36zM406.045 599.499c-4.989 4.617-15.461 11.097-20.39 9.531-11.006-3.666-35.058-32.121-28.109-40.404 12.807-15.239 70.116-76.133 81.597-74.864 10.155 1.109 29.674 21.421 29.832 35.093.079 6.738-7.166 19.222-12.649 24.314l-50.202 46.349h-.079zM588.623 673.209l.535-74.151c.079-6.143 1.999-17.834 6.255-21.104 8.018-6.103 36.781-6.182 45.55-1.01 4.909 2.932 7.344 16.605 7.364 22.728l-.119 66.542c-.02 7.629-2.177 19.34-7.641 25.463-5.206 5.727-40.363 8.521-47.608-.456-2.791-3.487-4.375-12.84-4.355-18.032h.019zM881.655 575.005c1.168 11.493-28.505 31.487-36.226 31.111-8.195-.476-17.954-7.273-23.339-12.663l-46.915-47.121c-4.296-4.38-12.194-15.794-10.769-21.342 2.573-9.848 23.022-30.1 33.019-31.408 5.305-.713 14.926 6.262 19.281 10.562l55.349 55.008c3.662 3.666 9.125 11.414 9.6 15.873zM946.643 378.374l-78.014-.535c-6.137-.08-17.817-2.002-21.083-6.262-6.097-8.025-6.176-36.818-1.009-45.596 2.929-4.914 16.588-7.352 22.705-7.372l66.474.119c7.621 0 19.32 2.18 25.437 7.649 5.721 5.212 12.452 40.405 3.484 47.657-3.484 2.794-12.827 4.379-18.014 4.36zM814.352 193.55c-4.988 4.617-15.46 11.097-20.389 9.531-11.006-3.666-35.058-32.121-28.11-40.424 12.808-15.238 70.116-76.132 81.598-74.864 10.155 1.11 29.673 21.421 29.832 35.094.079 6.737-7.166 19.221-12.65 24.314l-50.201 46.349zM648.307 23.808l-.534 74.131c-.08 6.143-2 17.834-6.256 21.104-8.017 6.103-36.78 6.182-45.55 1.011-4.909-2.933-7.344-16.606-7.363-22.73l.118-66.54c0-7.63 2.178-19.34 7.641-25.464 5.207-5.727 40.344-8.52 47.609.456 2.791 3.488 4.375 12.84 4.355 18.032z"/><path fill="#fff" d="M550.795 374c89.975 0 162.915 72.828 162.915 162.666q-.001 1.284-.022 2.562c14.601 18.467 23.316 41.788 23.316 67.143 0 59.892-48.626 108.444-108.61 108.444-15.061 0-29.407-3.063-42.446-8.596-27.435 51.211-81.513 86.053-143.745 86.054-32.165 0-62.152-9.31-87.409-25.374C317.665 787.668 271.34 800 221.099 800 98.989 800 0 727.172 0 637.334c0-80.421 79.325-147.209 183.55-160.327 25.702-43.125 72.849-72.021 126.757-72.021 40.579 0 77.327 16.373 103.982 42.863C443.366 403.386 493.643 374 550.795 374"/></svg>
|
|
@@ -800,6 +800,10 @@
|
|
|
800
800
|
"categories": ["Natur"],
|
|
801
801
|
"tags": ["skyer", "solskinn"]
|
|
802
802
|
},
|
|
803
|
+
"cloud-white-sunshine.svg": {
|
|
804
|
+
"categories": ["Natur"],
|
|
805
|
+
"tags": ["skyer", "solskinn", "Hvit"]
|
|
806
|
+
},
|
|
803
807
|
"egg-boat.svg": {
|
|
804
808
|
"categories": ["Mat"],
|
|
805
809
|
"tags": ["eggebåt", "eggekajak", "eggekano", "eggekatamaran", "delt egg"]
|
package/mtds/index.iife.js
CHANGED
|
@@ -20,7 +20,7 @@ Add a heading (h2–h6), or set aria-label or aria-labelledby to provide an acce
|
|
|
20
20
|
::slotted([slot="summary"])::before { content: ''; display: inline-block; vertical-align: middle; margin-inline: .05em .3125em; border-block: .3125em solid transparent; border-inline-start: .5em solid }
|
|
21
21
|
::slotted([slot="summary"][aria-expanded="true"])::before { rotate: 90deg }
|
|
22
22
|
:host > [part="details-content"]:not([hidden=""]) { display: block }`,Yc=Kc(Xn,'<slot name="summary"></slot><slot part="details-content" hidden="until-found"></slot>'),ur=class extends lr{static get observedAttributes(){return["open"]}constructor(){var t;super(),jc(this,Xn),(t=this.shadowRoot)==null||t.prepend(qe("slot",{name:"summary"}),qe("slot",{part:"details-content"})),console.warn(`\x1B[1m<u-details> is deprecated as <details> now has sufficient screen reader support 🎉\x1B[0m
|
|
23
|
-
Please use <details> and <summary>, but import '@u-elements/u-details/polyfill' to polyfill support for Talkback screen reader when used with Firefox on Android.`,this)}connectedCallback(){var t;this._content=(t=this.shadowRoot)==null?void 0:t.children[1],st(this,"role","group"),cr(this._content,"beforematch",this),cr(this,"click keydown",this),this.attributeChangedCallback()}disconnectedCallback(){this._content&&jn(this._content,"beforematch",this),jn(this,"click keydown",this),this._content=void 0}attributeChangedCallback(t,e,n){const o="onbeforematch"in this?"until-found":!0,i=this.open;for(const r of this.children)r.nodeName==="U-SUMMARY"&&st(r,"aria-expanded",`${i}`);if(this._content&&(st(this._content,"aria-hidden",`${!i}`),st(this._content,"tabindex",i?null:"-1"),this._content.hidden=i?!1:o),i&&this.name){const r=Xc(this).querySelectorAll(`${this.nodeName}[name="${this.name}"]`);for(const s of r)s!==this&&(s.open=!1)}t==="open"&&e===null!=(n===null)&&this.dispatchEvent(new Event("toggle"))}handleEvent(t){var e,n;const o=t.key===" "||t.key==="Enter",i=t.target instanceof Element&&((e=t.target.closest('[slot="summary"]'))==null?void 0:e.parentElement)===this;t.defaultPrevented||(t.type==="beforematch"&&(this.open=!0),i&&t.type==="click"&&(this.open=!this.open),i&&t.type==="keydown"&&o&&((n=t.preventDefault)==null||n.call(t),t.target.dispatchEvent(new MouseEvent("click",t))))}get open(){return this.hasAttribute("open")}set open(t){st(this,"open",t?"":null)}get name(){return st(this,"name")||""}set name(t){st(this,"name",t)}},fr=class extends lr{connectedCallback(){st(this,"role","button"),this.slot="summary",this.tabIndex=0}};dr.define("u-details",ur),dr.define("u-summary",fr);const Qc="3.3.
|
|
23
|
+
Please use <details> and <summary>, but import '@u-elements/u-details/polyfill' to polyfill support for Talkback screen reader when used with Firefox on Android.`,this)}connectedCallback(){var t;this._content=(t=this.shadowRoot)==null?void 0:t.children[1],st(this,"role","group"),cr(this._content,"beforematch",this),cr(this,"click keydown",this),this.attributeChangedCallback()}disconnectedCallback(){this._content&&jn(this._content,"beforematch",this),jn(this,"click keydown",this),this._content=void 0}attributeChangedCallback(t,e,n){const o="onbeforematch"in this?"until-found":!0,i=this.open;for(const r of this.children)r.nodeName==="U-SUMMARY"&&st(r,"aria-expanded",`${i}`);if(this._content&&(st(this._content,"aria-hidden",`${!i}`),st(this._content,"tabindex",i?null:"-1"),this._content.hidden=i?!1:o),i&&this.name){const r=Xc(this).querySelectorAll(`${this.nodeName}[name="${this.name}"]`);for(const s of r)s!==this&&(s.open=!1)}t==="open"&&e===null!=(n===null)&&this.dispatchEvent(new Event("toggle"))}handleEvent(t){var e,n;const o=t.key===" "||t.key==="Enter",i=t.target instanceof Element&&((e=t.target.closest('[slot="summary"]'))==null?void 0:e.parentElement)===this;t.defaultPrevented||(t.type==="beforematch"&&(this.open=!0),i&&t.type==="click"&&(this.open=!this.open),i&&t.type==="keydown"&&o&&((n=t.preventDefault)==null||n.call(t),t.target.dispatchEvent(new MouseEvent("click",t))))}get open(){return this.hasAttribute("open")}set open(t){st(this,"open",t?"":null)}get name(){return st(this,"name")||""}set name(t){st(this,"name",t)}},fr=class extends lr{connectedCallback(){st(this,"role","button"),this.slot="summary",this.tabIndex=0}};dr.define("u-details",ur),dr.define("u-summary",fr);const Qc="3.3.8",mr="_alert_14zqc_1 _ds-alert_o04yn_1",pr="_app_14zqc_1",hr="_sticky_14zqc_1",gr="_avatar_14zqc_1 _ds-avatar_o04yn_1",br="_badge_14zqc_1",vr="_breadcrumbs_14zqc_1 _ds-breadcrumbs_o04yn_3",yr="_button_14zqc_1 _ds-button_o04yn_1",wr="_card_14zqc_1",_r="_group_14zqc_1",Sr="_chip_14zqc_1 _ds-chip_o04yn_3",xr="_details_14zqc_1 _ds-details_o04yn_1",Er="_dialog_14zqc_1 _ds-dialog_o04yn_3",$r="__drawer_14zqc_1",Cr="_divider_14zqc_1",Ar="_errorsummary_14zqc_1 _ds-error-summary_o04yn_3",Tr="_field_14zqc_1 _ds-field_o04yn_1",kr="_suggestion_14zqc_1 _ds-suggestion_o04yn_3",Lr="_affixes_14zqc_1 _ds-field-affixes_o04yn_1",Rr="_fieldset_14zqc_1 _ds-fieldset_o04yn_1",Ir="_fileupload_14zqc_1",Or="_helptext_14zqc_1 _ds-focus_o04yn_1",Mr="_input_14zqc_1 _ds-input_o04yn_1",Dr="_law_14zqc_1",Pr="_grid_14zqc_1",Nr="_flex_14zqc_1",Hr="_link_14zqc_1",qr="_logo_14zqc_1",Br="__logo_14zqc_1",Ur="_pagination_14zqc_1 _ds-pagination_o04yn_3",zr="_popover_14zqc_1 _ds-popover_o04yn_1",Fr="_print_14zqc_1",Wr="_progress_14zqc_1",Vr="__indeterminate_14zqc_1",Gr="_skeleton_14zqc_1 _ds-skeleton_o04yn_3",jr="__skeleton_14zqc_1",Xr="_spinner_14zqc_1",Kr="_steps_14zqc_1",Yr="_table_14zqc_1 _ds-table_o04yn_3",Qr="__scrollShadow_14zqc_1",Zr="_tabs_14zqc_1 _ds-tabs_o04yn_3",Jr="__scrollMask_14zqc_1",ts="_tag_14zqc_1 _ds-tag_o04yn_3",es="_toast_14zqc_1",ns="__toastClose_14zqc_1",os="__toastOpen_14zqc_1",is="__toastTimeout_14zqc_1",rs="_togglegroup_14zqc_1 _ds-toggle-group_o04yn_3",ss="__tooltip_14zqc_1 _ds-tooltip_o04yn_3",as="_heading_14zqc_1 _ds-heading_o04yn_1",ls="_ingress_14zqc_1",cs="_muted_14zqc_1",ds="_info_14zqc_1",us="_prose_14zqc_1",fs="_validation_14zqc_1 _ds-validation-message_o04yn_1",ms="_body_14zqc_162",ps="__checked_14zqc_1",C={alert:mr,app:pr,sticky:hr,avatar:gr,badge:br,breadcrumbs:vr,button:yr,card:wr,group:_r,chip:Sr,details:xr,dialog:Er,_drawer:$r,divider:Cr,errorsummary:Ar,field:Tr,suggestion:kr,affixes:Lr,fieldset:Rr,fileupload:Ir,helptext:Or,input:Mr,law:Dr,grid:Pr,flex:Nr,link:Hr,logo:qr,_logo:Br,pagination:Ur,popover:zr,print:Fr,progress:Wr,_indeterminate:Vr,skeleton:Gr,_skeleton:jr,spinner:Xr,steps:Kr,table:Yr,_scrollShadow:Qr,tabs:Zr,_scrollMask:Jr,tag:ts,toast:es,_toastClose:ns,_toastOpen:os,_toastTimeout:is,togglegroup:rs,_tooltip:ss,heading:as,ingress:ls,muted:cs,info:ds,prose:us,validation:fs,body:ms,_checked:ps},Zc=Object.freeze(Object.defineProperty({__proto__:null,_checked:ps,_drawer:$r,_indeterminate:Vr,_logo:Br,_scrollMask:Jr,_scrollShadow:Qr,_skeleton:jr,_toastClose:ns,_toastOpen:os,_toastTimeout:is,_tooltip:ss,affixes:Lr,alert:mr,app:pr,avatar:gr,badge:br,body:ms,breadcrumbs:vr,button:yr,card:wr,chip:Sr,default:C,details:xr,dialog:Er,divider:Cr,errorsummary:Ar,field:Tr,fieldset:Rr,fileupload:Ir,flex:Nr,grid:Pr,group:_r,heading:as,helptext:Or,info:ds,ingress:ls,input:Mr,law:Dr,link:Hr,logo:qr,muted:cs,pagination:Ur,popover:zr,print:Fr,progress:Wr,prose:us,skeleton:Gr,spinner:Xr,steps:Kr,sticky:hr,suggestion:kr,table:Yr,tabs:Zr,tag:ts,toast:es,togglegroup:rs,validation:fs},Symbol.toStringTag,{value:"Module"}));function hs(t){var e,n,o="";if(typeof t=="string"||typeof t=="number")o+=t;else if(typeof t=="object")if(Array.isArray(t)){var i=t.length;for(e=0;e<i;e++)t[e]&&(n=hs(t[e]))&&(o&&(o+=" "),o+=n)}else for(n in t)t[n]&&(o&&(o+=" "),o+=n);return o}function Jc(){for(var t,e,n=0,o="",i=arguments.length;n<i;n++)(t=arguments[n])&&(e=hs(t))&&(o&&(o+=" "),o+=e);return o}const Jt={capture:!0,passive:!0},N=()=>typeof window<"u"&&typeof document<"u",wt=t=>N()?document.getElementsByClassName(C[t].split(" ")[0]):[];function qt(t,e){let n;return function(...o){clearTimeout(n),n=setTimeout(()=>t.apply(this,o),e)}}const g=(t,e,n)=>n===void 0?t.getAttribute(e)??null:(n===null?t.removeAttribute(e):t.getAttribute(e)!==n&&t.setAttribute(e,n),null),M=(t,...e)=>{const[n,...o]=e;for(const i of n.split(" "))t.addEventListener(i,...o);return()=>gs(t,...e)},gs=(t,...e)=>{const[n,...o]=e;for(const i of n.split(" "))t.removeEventListener(i,...o)},ut=(t,e)=>{if(!N())return;window._mtdsHotReloadCleanup||(window._mtdsHotReloadCleanup=new Map);const n=()=>{window._mtdsHotReloadCleanup?.get(t)?.map(o=>o()),window._mtdsHotReloadCleanup?.set(t,e())};document.readyState!=="complete"?M(window,"load",n):document.fonts?.ready?.then(n)||setTimeout(n,0)},Be=(t,e,n)=>{let o=0;const i=()=>{if(!t.isConnected)return r();e(s),s.takeRecords(),o=0},r=()=>s?.disconnect?.(),s=new MutationObserver(()=>{o||(o=requestAnimationFrame(i))});return s.observe(t,n),i(),r},R=(t,e,n)=>{const o=document.createElement(t);if(n&&(o.textContent=n),e)for(const[i,r]of Object.entries(e))g(o,i,r);return o},td=typeof HTMLElement>"u"?class{}:HTMLElement,ed=(t,e)=>!N()||window.customElements.get(t)||window.customElements.define(t,e),nd=typeof window<"u"&&window.CSSStyleSheet&&document.adoptedStyleSheets,od=(t,e)=>{if(!nd)return;t.shadowRoot||t.attachShadow({mode:"open"}).append(R("slot"));const n=new CSSStyleSheet;n.replaceSync(e),t.shadowRoot.adoptedStyleSheets=[n]},id=`[data-command="toggle-app-expanded"],.${C.app.split(" ")[0]} > [command="show-modal"]`,rd=`.${C.breadcrumbs.split(" ")[0]}`,sd=`.${C.card.split(" ")[0]}`,bs=`.${C.chip.split(" ")[0]}`,ad=`.${C.helptext.split(" ")[0]}`,ld=`.${C.pagination.split(" ")[0]}`,cd='summary,u-summary,a,button,[role="tab"],[role="button"]',Kn="mattilsynet.matomo.cloud",dd=["setCustomUrl","setDocumentTitle","setReferrerUrl"],W="mtds-analytics-banner",ud="https://www.mattilsynet.no/om-mattilsynet/personvernerklaering/informasjonskapsler";function vs(t,e={}){if(N()){if(window._paq||(window._paq=[],window._paq.push(["HeatmapSessionRecording::disable"]),window._paq.push(["enableLinkTracking"]),window._paq.push(["setTrackerUrl",`https://${Kn}/matomo.php`])),window._mtm||(window._mtm=window._mtm||[],window._mtm.push({"mtm.startTime":Date.now(),event:"mtm.Start"})),t==="init"){window._mtdsTracking={enabled:window.location.hostname!=="localhost",...window._mtdsTracking,...e};const{consent:n,enabled:o,matomoId:i,matomoTagManagerId:r}=window._mtdsTracking;if(i&&window._paq.push(["setSiteId",i]),o){n!=="custom"&&fd();const s=r?`https://cdn.matomo.cloud/${Kn}/container_${r}.js`:`https://cdn.matomo.cloud/${Kn}/matomo.js`;document.querySelector(`script[src="${s}"]`)||document.head.append(R("script",{async:"",src:s}))}}if(window._mtdsTracking?.enabled!==!1){if(window._mtdsTracking?.enabled==="debug")return console.info(`analytics ${t}:`,e);if(t==="pageview"){const{url:n,title:o}=e;window._paq.push(["setCustomUrl",n||location.href]),window._paq.push(["setDocumentTitle",o||document.title]),window._paq.push(["trackPageView"])}else if(t==="event"){const{category:n,action:o,name:i,value:r}=e,s=["trackEvent",n,o,i,r];let a=location.href;window._paq.push([function(){a=this.getCurrentUrl()}]),window._paq.push(["setCustomUrl",a.split("#")[0]]),window._paq.push(s.filter(l=>l!==void 0)),window._paq.push(["setCustomUrl",a])}else if(t==="search"){const{query:n,category:o=!1,results:i=!1}=e;window._paq.push(["trackSiteSearch",n,o,i])}else if(t==="matomo"){const n=e;dd.includes(n?.[0])&&typeof n[1]!="string"&&(n[1]=`${n[1]??""}`),window._paq.push(n)}}}}function fd(){if(document.getElementById(W)||window.localStorage.getItem(W))return;document.body.insertAdjacentHTML("afterbegin",`<dialog id="${W}" data-analytics="ignore"><style>
|
|
24
24
|
#${W}[open] { box-sizing: border-box; display: flex; align-items: center; background: #116e6b; border-radius: .5em; border: 0; box-shadow: 0 .25em .5em rgba(0,0,0,.3); color: #fff; font-size: .875em; inset: auto auto 1em 1em; max-width: calc(100vw - 2em); outline: 0; padding: .5em; position: fixed; z-index: 99999 }
|
|
25
25
|
#${W} button { all: unset; box-sizing: border-box; cursor: pointer; display: flex; width: 1.5em; height: 1.5em; font: 300 1.5em/1.35 sans-serif; border-radius: .25em; place-content: center; transition: .2s; transition-property: background, scale }
|
|
26
26
|
#${W} button:focus-visible { outline: 2px solid }
|
package/mtds/package.json.js
CHANGED