@designsystem-se/af 32.4.0 → 33.0.0

package/dist/collection/components/_tools/tools-feedback-rating/tools-feedback-rating.js

@@ -170,7 +170,7 @@ export class ToolsFeedbackRating {
             {}).text.toLowerCase() || null}`)), h("div", { "aria-labelledby": `${this.afId}-rating-question`, class: "digi-tools-feedback-rating__star-rating-stars", role: "group" }, this.ratingsData().map(({ text, value }) => (h("div", { class: "digi-tools-feedback-rating__star-rating-star" }, h("button", { class: "digi-tools-feedback-rating__star-rating-star-button", onClick: () => this.handleRatingChange(value), "aria-label": `${value} ${value === 1 ? 'stjärna' : 'stjärnor'}${text !== '' ? ', ' + text : ''}`, onMouseEnter: () => this.handleHover(value), onMouseLeave: () => this.handleHover(0), onFocus: () => this.handleHover(value), onFocusout: () => this.handleHover(0) }, h("svg", { "aria-hidden": "true", width: "29px", height: "29px", viewBox: "0 0 32 32", version: "1.1", xmlns: "http://www.w3.org/2000/svg", class: `digi-tools-feedback-rating-star-icon ${this.hoveredRating >= value ? 'filled' : ''}` }, h("g", { stroke: "none", "stroke-width": "1", "stroke-linecap": "round", "stroke-linejoin": "round" }, h("g", { transform: "translate(-1852, -2564)", "stroke-width": "2", class: "digi-tools-feedback-rating-star-icon-border" }, h("g", { transform: "translate(1663, 2565)" }, h("g", { transform: "translate(190, 0)" }, h("path", { d: "M13.0369701,1.00988613 L9.47212213,8.51643297 L1.4958694,9.72422429 C0.0655277509,9.93973122 -0.507709524,11.7709448 0.529620648,12.8199039 L6.30005635,18.6595463 L4.93529305,26.9090563 C4.6897182,28.3999832 6.20191813,29.5170473 7.46854321,28.8195669 L14.6037422,24.9244875 L21.7391705,28.8195669 C23.0057956,29.5113322 24.5179955,28.3999832 24.2721914,26.9090563 L22.9074281,18.6595463 L28.6780931,12.8199039 C29.715194,11.7709448 29.1419567,9.93973122 27.711615,9.72422429 L19.7355916,8.51643297 L16.1707436,1.00988613 C15.531928,-0.328161856 13.6810595,-0.345069029 13.0369701,1.00988613 L13.0369701,1.00988613 Z" })))))))))))))), this.currentStep === 2 && (h("div", { class: "digi-tools-feedback-rating__thankyou" }, h("div", { class: "digi-tools-feedback-rating__thankyou-text" }, h("svg", { width: "32", height: "26", xmlns: "http://www.w3.org/2000/svg", class: "digi-tools-feedback-rating__thankyou-check-icon" }, h("g", { fill: "none", "fill-rule": "evenodd" }, h("path", { d: "M12.431 25.438C5.577 25.438 0 19.848 0 12.978 0 6.107 5.577.518 12.43.518c2.874 0 5.677 1.006 7.893 2.833l-1.441 1.755a10.163 10.163 0 0 0-6.452-2.315c-5.604 0-10.163 4.57-10.163 10.187 0 5.616 4.56 10.186 10.163 10.186 4.346 0 8.21-2.766 9.617-6.883l2.146.737a12.435 12.435 0 0 1-11.763 8.42", fill: "#333" }), h("path", { d: "M13.073 20.935a.725.725 0 0 1-1.022 0l-8.042-8.013a.72.72 0 0 1 0-1.019l1.704-1.699a.725.725 0 0 1 1.023 0l5.826 5.805L28.417.211a.724.724 0 0 1 1.023 0l1.704 1.699a.72.72 0 0 1 0 1.02l-18.07 18.005Z", fill: "#95C13E" }))), h("h2", { class: "digi-tools-feedback-rating__thankyou-text", tabindex: "-1", ref: (el) => (this._thankYouHeading = el) }, this.afThankYouHeading)), this.afRatings && (h("p", { class: "digi-tools-feedback-rating__thankyou-text-with-rating" }, "Du har gett betyget \"", this.selectedText.toLowerCase(), "\" med", ' ', this.selectedRating, `${this.selectedRating === 1 ? ' stjärna' : ' stjärnor'}`, ".")))), this.currentStep === 2 && this.afLinkText && (h("div", { class: "digi-tools-feedback-rating__link" }, h("digi-link-external", { afHref: this.renderLink(), "af-target": "_blank", onAfOnClick: () => this.submitFeedbackLink(), "af-variation": "small" }, this.afLinkText)))))));
     }
     render() {
-        return (h("div", { key: '278240381a11afea9dd59c68fba847343976998f', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: 'fe64918e034cca8a6fc9371c83115c55556ec4b8', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
+        return (h("div", { key: '26c24e24485d795838830758c6616229bd9d5fc4', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: '9df5e3a6c4d99c8e206c7bb08407c79247e52121', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     static get is() { return "digi-tools-feedback-rating"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_tools/tools-languagepicker/tools-languagepicker.js

@@ -2,7 +2,7 @@ import { h } from "@stencil/core";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
 /**
  * @swedishName Språkväljare
- * @deprecated
+ * @deprecated Komponenten utgår i slutet av januari 2026.
  */
 export class ToolsLanguagepicker {
     constructor() {
@@ -83,19 +83,19 @@ export class ToolsLanguagepicker {
         return {};
     }
     render() {
-        return (h("div", { key: 'f9f8a82bf6ff533a1351f58e43feb9a9975f3b17', class: Object.assign({ 'digi-tools-languagepicker': true }, this.cssModifiers) }, this._afLanguagepickerHide === false && (h("digi-navigation-context-menu", { key: '18667e2f55d8a221847bf0d8da2ecb464c3d4563', afText: this._afLanguagepickerText, afId: this._afId + '__languagepicker', afStartSelected: this._afLanguagepickerStartSelected, afNavigationContextMenuItems: this._afLanguagepickerItems, afIcon: this._languagepickerIcon, onAfOnActive: (event) => this.afOnActive.emit(event.detail), onAfOnBlur: (event) => this.afOnBlur.emit(event.detail), onAfOnChange: (event) => this.afOnChange.emit(event.detail), onAfOnInactive: (event) => this.afOnInactive.emit(event.detail), onAfOnSelect: (event) => this.afOnSelect.emit(event.detail), onAfOnToggle: (event) => this.afOnToggle.emit(event.detail), class: "digi-tools-languagepicker__context" })), this._afListenShow && (h("digi-button", { key: '4eafb707710d6f50bca516c49d964b336b68b80e', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
+        return (h("div", { key: '9d6a102cfafccc1ce645b30116103f774747f8ff', class: Object.assign({ 'digi-tools-languagepicker': true }, this.cssModifiers) }, this._afLanguagepickerHide === false && (h("digi-navigation-context-menu", { key: '7330c35a38e49cc30afbecee91b263be666d0854', afText: this._afLanguagepickerText, afId: this._afId + '__languagepicker', afStartSelected: this._afLanguagepickerStartSelected, afNavigationContextMenuItems: this._afLanguagepickerItems, afIcon: this._languagepickerIcon, onAfOnActive: (event) => this.afOnActive.emit(event.detail), onAfOnBlur: (event) => this.afOnBlur.emit(event.detail), onAfOnChange: (event) => this.afOnChange.emit(event.detail), onAfOnInactive: (event) => this.afOnInactive.emit(event.detail), onAfOnSelect: (event) => this.afOnSelect.emit(event.detail), onAfOnToggle: (event) => this.afOnToggle.emit(event.detail), class: "digi-tools-languagepicker__context" })), this._afListenShow && (h("digi-button", { key: '8207ac75310488b64ca90106eff988d4df1c494e', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
                 this.afOnClick.emit(event);
             }, onAfOnBlur: (event) => {
                 this.afOnBlur.emit(event);
             }, onAfOnFocus: (event) => {
                 this.afOnFocus.emit(event);
-            }, "af-id": this._afId + '__listenButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : ''}` }, h("digi-icon-volume", { key: '5c0d42d19823d1521c91c29862360ce1ca016ce7', slot: "icon" }), this._afListenText)), this._afSignlangHide === false && (h("digi-button", { key: '9053a1f9220db13761cc01558c69ac0b37a3bad7', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
+            }, "af-id": this._afId + '__listenButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : ''}` }, h("digi-icon-volume", { key: '8f223b7951a4bcccbf2cbadbec0740b082067450', slot: "icon" }), this._afListenText)), this._afSignlangHide === false && (h("digi-button", { key: '9002660c75d94c4a907ff0f6b967dfc5583ebbeb', "af-size": "medium", "af-variation": "primary", onAfOnClick: (event) => {
                 this.afOnClick.emit(event);
             }, onAfOnBlur: (event) => {
                 this.afOnBlur.emit(event);
             }, onAfOnFocus: (event) => {
                 this.afOnFocus.emit(event);
-            }, "af-id": this._afId + '__signlangButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : 'show-text'}` }, h("digi-icon-sign", { key: 'cc527644d8d5cb58372774965dfb542abc55356c', slot: "icon" }), this._afSignlangText))));
+            }, "af-id": this._afId + '__signlangButton', class: `digi-tools-languagepicker__buttons ${this._hideButtonText ? 'hide-text' : 'show-text'}` }, h("digi-icon-sign", { key: '9dd664b4a3620cc063ad7128046ffab5e7175760', slot: "icon" }), this._afSignlangText))));
     }
     static get is() { return "digi-tools-languagepicker"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography/typography.js

@@ -19,7 +19,7 @@ export class Typography {
         };
     }
     render() {
-        return (h("div", { key: '92db21eeb2f0a66bf419556019ada5c087823bfa', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '07d933c905ff5103fc49e10810db6b6f1d894de8' })));
+        return (h("div", { key: 'd4c7dde696cb9e4f629649c2d12e5b015c7aa713', class: Object.assign({ 'digi-typography': true }, this.cssModifiers) }, h("slot", { key: '4512f6b74ec58c3f04437c6ef598eb1d3625d347' })));
     }
     static get is() { return "digi-typography"; }
     static get originalStyleUrls() {

package/dist/collection/components/_typography/typography-heading-jumbo/typography-heading-jumbo.js

@@ -27,7 +27,7 @@ export class TypographyHeadingJumbo {
         };
     }
     render() {
-        return (h(this.afLevel, { key: 'bd7809f4395d53100ad65ad8f7f3b066f7c1c471', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
+        return (h(this.afLevel, { key: 'b02d50505c6632cea642b1d8e5139549e20da4e6', ref: (el) => (this.headingElement = el), class: Object.assign({ 'digi-typography-heading-jumbo': true }, this.cssModifiers), lang: this.afLang, tabindex: -1 }, this.afText));
     }
     static get is() { return "digi-typography-heading-jumbo"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-meta/typography-meta.js

@@ -17,7 +17,7 @@ export class TypographyMeta {
         };
     }
     render() {
-        return (h("div", { key: '68ed39f4419998b77200b8de39eb86922eb57e01', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: '1374a7845ae0ac6b93e7cdfd188f68eeb5e68eff', class: "digi-typography-meta__meta" }, h("slot", { key: '71fdaf00ef8a791cd0d12ffd870314c52aedee0b' })), h("div", { key: '840b64685d31677920ef4f6049457dba531d13ce', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '7901abbbb5a25606103b4a06be7a04f68a42a2e0', name: "secondary" }))));
+        return (h("div", { key: '3ee5dded39b2d51658341da17e292d3068762787', class: Object.assign({ 'digi-typography-meta': true }, this.cssModifiers) }, h("div", { key: 'f71d213cc1dfad7e7516e96599d05bf76605eadf', class: "digi-typography-meta__meta" }, h("slot", { key: '853e4fd578eff23c9ed34da3ec5f01406e12e854' })), h("div", { key: 'f47e062ff4fd82c68c9fc6dff4f623ca2c94f201', class: "digi-typography-meta__meta-secondary" }, h("slot", { key: '1b76d4139b3a44248acdd45dfd63d7cd348ae0e8', name: "secondary" }))));
     }
     static get is() { return "digi-typography-meta"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-preamble/typography-preamble.js

@@ -5,7 +5,7 @@ import { h } from "@stencil/core";
  */
 export class TypographyPreamble {
     render() {
-        return (h("p", { key: 'ca1195b7b85a3efd613846f85061cf8258e2c723', class: "digi-typography-preamble" }, h("slot", { key: 'f6b97325d788a249bb463b76f2ed0131cf3ef15c' })));
+        return (h("p", { key: 'bd94a45a6e7f6d6953330c0b6586b645dc090556', class: "digi-typography-preamble" }, h("slot", { key: '494ea6df5cb83761fe900b42e2a73708fbeef53d' })));
     }
     static get is() { return "digi-typography-preamble"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_typography/typography-time/typography-time.js

@@ -58,7 +58,7 @@ export class TypographyTime {
         this.formatDate(this.afDateTime);
     }
     render() {
-        return (h("time", { key: 'c46b986d19d529ffeb13586b137aef64093e2124', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
+        return (h("time", { key: 'cf2add9fa09b0f8abd5415c3a657db4816724c86', dateTime: this.datetime, class: "digi-typography-time" }, this.formatedDate));
     }
     static get is() { return "digi-typography-time"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-breakpoint-observer/util-breakpoint-observer.js

@@ -30,7 +30,7 @@ export class UtilBreakpointObserver {
         }
     }
     render() {
-        return (h(Host, { key: '27e2c889cf3dda1e6e3219f11174132d4a41551e' }, h("div", { key: '9533b0f73c646c6fa08db048129f4b6b808afbb9', class: "digi-util-breakpoint-observer" }, h("div", { key: '99807ba154fa505833549838992b55ddc700ed77', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '91ea7ebbe13986cd9904c14256168acf2153745b' }))));
+        return (h(Host, { key: 'ba5398acadf2b4176d14141b58730584cf4e257e' }, h("div", { key: '7631a229fcc854c038204c7629371f897c081c39', class: "digi-util-breakpoint-observer" }, h("div", { key: 'f41adcb1dd9d6e79015e144a11861bd8be980827', ref: (el) => (this._observer = el), onTransitionEnd: (e) => this.handleBreakpoint(e), class: "digi-util-breakpoint-observer__observer" }), h("slot", { key: '11adf8b8d66e375e9bdb67eb3d70c777200d14ed' }))));
     }
     static get is() { return "digi-util-breakpoint-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-detect-click-outside/util-detect-click-outside.js

@@ -24,7 +24,7 @@ export class UtilDetectClickOutside {
         }
     }
     render() {
-        return h("slot", { key: '723ea83cb733bb7f4ef7dc7d064629c7dad28db0' });
+        return h("slot", { key: 'b03263404bb4c4e57ba4fc2150082a51d7a74696' });
     }
     static get is() { return "digi-util-detect-click-outside"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-detect-focus-outside/util-detect-focus-outside.js

@@ -25,7 +25,7 @@ export class UtilDetectFocusOutside {
         }
     }
     render() {
-        return h("slot", { key: 'a9503e0cdf0224b58239239cee7382dc00976d4c' });
+        return h("slot", { key: '9d26cb8defe6c54071da9b09d9e8cc6b64ac174b' });
     }
     static get is() { return "digi-util-detect-focus-outside"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-intersection-observer/util-intersection-observer.js

@@ -58,7 +58,7 @@ export class UtilIntersectionObserver {
         this._hasIntersected = false;
     }
     render() {
-        return h("slot", { key: 'd3a3eebd7c8eaa2ad5b0ce8a0358974acf462223' });
+        return h("slot", { key: 'ce0c9e2bd65c8a8edb706b02b0cc03a1788ca2eb' });
     }
     static get is() { return "digi-util-intersection-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-keydown-handler/util-keydown-handler.js

@@ -61,7 +61,7 @@ export class UtilKeydownHandler {
         }
     }
     render() {
-        return h("slot", { key: '36d9abd87794fa1eac490c15ccd09f8a5414b250' });
+        return h("slot", { key: 'e07347cd86e34c905bf0a0b19eee84dc4f201a30' });
     }
     static get is() { return "digi-util-keydown-handler"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-keyup-handler/util-keyup-handler.js

@@ -61,7 +61,7 @@ export class UtilKeyupHandler {
         }
     }
     render() {
-        return h("slot", { key: '1796bc7a2d5bea547592f82649ff9e6db165dd06' });
+        return h("slot", { key: '1bb4b13b5468e6cb2b1c957491039294832e62fb' });
     }
     static get is() { return "digi-util-keyup-handler"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_util/util-resize-observer/util-resize-observer.js

@@ -28,7 +28,7 @@ export class UtilResizeObserver {
         this.afOnChange.emit(e);
     }
     render() {
-        return h("slot", { key: '66c5011f2143d5f74ee4f566fb539adf6acba278' });
+        return h("slot", { key: 'e2b7566f065251777a86b3367120d49ca2284c71' });
     }
     static get is() { return "digi-util-resize-observer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/design-tokens/components/_navigation-context-menu.variables.scss

@@ -1,61 +1,23 @@
 @mixin digi-navigation-context-menu--variables() {
   --digi--navigation-context-menu--toggle-icon--transition: ease-in-out 0.2s all;
   --digi--navigation-context-menu--toggle-icon--transform: rotate(-180deg);
-  --digi--navigation-context-menu--display--start: block;
-  --digi--navigation-context-menu--display--end: inline-block;
 
-  --digi--navigation-context-menu--content--position: absolute;
-  --digi--navigation-context-menu--content--margin-top: var(--digi--gutter--smaller);
   --digi--navigation-context-menu--content--background-color: var(--digi--color--background--primary);
   --digi--navigation-context-menu--content--border-radius: var(--digi--border-radius--secondary);
   --digi--navigation-context-menu--content--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
-
-  --digi--navigation-context-menu--button--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--navigation-context-menu--button--background: transparent;
-  --digi--navigation-context-menu--button--background--hover: transparent;
-  --digi--navigation-context-menu--button--color: var(--digi--color--text--primary);
-  --digi--navigation-context-menu--button--border: 0;
-  --digi--navigation-context-menu--button--font-weight: normal;
-  --digi--navigation-context-menu--button--padding: var(--digi--gutter--smallest-2) var(--digi--gutter--large) var(--digi--gutter--smallest-2) var(--digi--gutter--largest-3);
-  --digi--navigation-context-menu--button--bordered--padding: var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--largest-3);
-  --digi--navigation-context-menu--button--outline--focus: none;
-  --digi--navigation-context-menu--button--width: 100%;
-  --digi--navigation-context-menu--button--text-align: left;
-  --digi--navigation-context-menu--button--display: flex;
+  --digi--navigation-context-menu--content--max-width: 90vw;
+  --digi--navigation-context-menu--content--max-height: 15rem;
 
   --digi--navigation-context-menu--button-icon--width: 0.875rem;
-  --digi--navigation-context-menu--button-icon--margin-right: -1.125rem;
-  --digi--navigation-context-menu--button-icon--margin-left: 0.25rem;
-  --digi--navigation-context-menu--button-icon--display: inline-flex;
-
-  --digi--navigation-context-menu--link--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--navigation-context-menu--link--text-decoration: none;
-  --digi--navigation-context-menu--link--color: var(--digi--color--text--primary);
-  --digi--navigation-context-menu--link--font-family: var(--digi--global--typography--font-family--default);
-  --digi--navigation-context-menu--link--focus--outline: none;
-  --digi--navigation-context-menu--link--padding: var(--digi--gutter--smallest-2) var(--digi--gutter--large);
-  --digi--navigation-context-menu--link--bordered--padding: var(--digi--gutter--large);
-  --digi--navigation-context-menu--link--display: inline-block;
-  --digi--navigation-context-menu--link--width: 100%;
 
   --digi--navigation-context-menu--button-trigger--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--navigation-context-menu--button-trigger--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
   --digi--navigation-context-menu--button-trigger--padding: 0;
-  --digi--navigation-context-menu--button-trigger--background-color: transparent;
-  --digi--navigation-context-menu--button-trigger--background-color--hover: transparent;
-  --digi--navigation-context-menu--button-trigger--border-radius: initial;
-  --digi--navigation-context-menu--button-trigger--border-radius--hover: initial;
-  --digi--navigation-context-menu--button-trigger--border-radius--focus: initial;
 
   --digi--navigation-context-menu--item--font-size: var(--digi--typography--body--font-size--desktop);
   --digi--navigation-context-menu--item--background-color--active: var(--digi--color--background--neutral-6);
   --digi--navigation-context-menu--item--display: flex;
   --digi--navigation-context-menu--item--font-family: var(--digi--global--typography--font-family--default);
-  --digi--navigation-context-menu--item--font-wight--selected: 600;
-  --digi--navigation-context-menu--item--border-top: var(--digi--border-width--primary) solid var(--digi--color--border--neutral-4);
-
-  --digi--navigation-context-menu--items--margin: 0;
-  --digi--navigation-context-menu--items--padding: var(--digi--gutter--large) 0;
+  --digi--navigation-context-menu--item--font-color: var(--digi--color--text--primary);
 }
 
 /** Do not touch! Autogenerated 

package/dist/collection/design-tokens/css/variables.css

@@ -62,6 +62,8 @@
   --digi--navigation-context-menu--button--font-weight: normal;
   --digi--navigation-context-menu--button--border: 0;
   --digi--navigation-context-menu--button--background: transparent;
+  --digi--navigation-context-menu--content--max-height: 15rem;
+  --digi--navigation-context-menu--content--max-width: 90vw;
   --digi--navigation-context-menu--content--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
   --digi--navigation-context-menu--content--position: absolute;
   --digi--navigation-context-menu--display--end: inline-block;
@@ -1140,6 +1142,7 @@
   --digi--navigation-sidebar--wrapper--background-color: var(--digi--color--background--primary);
   --digi--navigation-context-menu--items--padding: var(--digi--gutter--large);
   --digi--navigation-context-menu--item--border-top: var(--digi--border-width--primary) solid var(--digi--color--border--neutral-4);
+  --digi--navigation-context-menu--item--font-color: var(--digi--color--text--primary);
   --digi--navigation-context-menu--item--background-color--active: var(--digi--color--background--neutral-6);
   --digi--navigation-context-menu--item--font-size: var(--digi--typography--body--font-size--desktop);
   --digi--navigation-context-menu--button-trigger--font-size: var(--digi--typography--body--font-size--desktop);

package/dist/collection/design-tokens/scss/variables.scss

@@ -1576,6 +1576,8 @@ $digi--navigation-context-menu--content--margin-top: 0.25rem;
 $digi--navigation-context-menu--content--background-color: #FFFFFF;
 $digi--navigation-context-menu--content--border-radius: 0.375rem;
 $digi--navigation-context-menu--content--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
+$digi--navigation-context-menu--content--max-width: 90vw;
+$digi--navigation-context-menu--content--max-height: 15rem;
 $digi--navigation-context-menu--button--font-size: 1rem;
 $digi--navigation-context-menu--button--background: transparent;
 $digi--navigation-context-menu--button--color: #333333;
@@ -1609,6 +1611,7 @@ $digi--navigation-context-menu--item--background-color--active: #EDEDED;
 $digi--navigation-context-menu--item--display: flex;
 $digi--navigation-context-menu--item--font-family: "Open Sans";
 $digi--navigation-context-menu--item--font-wight--selected: 600;
+$digi--navigation-context-menu--item--font-color: #333333;
 $digi--navigation-context-menu--item--border-top: 0.0625rem solid #EDEDED;
 $digi--navigation-context-menu--items--margin: 0;
 $digi--navigation-context-menu--items--padding: 0.625rem;

package/dist/collection/design-tokens/styleguide/web.json

@@ -32013,6 +32013,44 @@
       "box-shadow"
     ]
   },
+  {
+    "value": "90vw",
+    "filePath": "dist/tokens/style-dictionary.json",
+    "isSource": true,
+    "original": {
+      "value": "90vw"
+    },
+    "name": "digi--navigation-context-menu--content--max-width",
+    "attributes": {
+      "category": "navigation-context-menu",
+      "type": "content",
+      "item": "max-width"
+    },
+    "path": [
+      "navigation-context-menu",
+      "content",
+      "max-width"
+    ]
+  },
+  {
+    "value": "15rem",
+    "filePath": "dist/tokens/style-dictionary.json",
+    "isSource": true,
+    "original": {
+      "value": "15rem"
+    },
+    "name": "digi--navigation-context-menu--content--max-height",
+    "attributes": {
+      "category": "navigation-context-menu",
+      "type": "content",
+      "item": "max-height"
+    },
+    "path": [
+      "navigation-context-menu",
+      "content",
+      "max-height"
+    ]
+  },
   {
     "value": "1rem",
     "desktop": {
@@ -32732,6 +32770,25 @@
       "selected"
     ]
   },
+  {
+    "value": "#333333",
+    "filePath": "dist/tokens/style-dictionary.json",
+    "isSource": true,
+    "original": {
+      "value": "{color.text.primary.value}"
+    },
+    "name": "digi--navigation-context-menu--item--font-color",
+    "attributes": {
+      "category": "navigation-context-menu",
+      "type": "item",
+      "item": "font-color"
+    },
+    "path": [
+      "navigation-context-menu",
+      "item",
+      "font-color"
+    ]
+  },
   {
     "value": "0.0625rem solid #EDEDED",
     "filePath": "dist/tokens/style-dictionary.json",

package/dist/collection/design-tokens/styleguide/web.scss

@@ -1576,6 +1576,8 @@ $digi--navigation-context-menu--content--margin-top: 0.25rem;
 $digi--navigation-context-menu--content--background-color: #FFFFFF;
 $digi--navigation-context-menu--content--border-radius: 0.375rem;
 $digi--navigation-context-menu--content--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
+$digi--navigation-context-menu--content--max-width: 90vw;
+$digi--navigation-context-menu--content--max-height: 15rem;
 $digi--navigation-context-menu--button--font-size: 1rem;
 $digi--navigation-context-menu--button--background: transparent;
 $digi--navigation-context-menu--button--color: #333333;
@@ -1609,6 +1611,7 @@ $digi--navigation-context-menu--item--background-color--active: #EDEDED;
 $digi--navigation-context-menu--item--display: flex;
 $digi--navigation-context-menu--item--font-family: "Open Sans";
 $digi--navigation-context-menu--item--font-wight--selected: 600;
+$digi--navigation-context-menu--item--font-color: #333333;
 $digi--navigation-context-menu--item--border-top: 0.0625rem solid #EDEDED;
 $digi--navigation-context-menu--items--margin: 0;
 $digi--navigation-context-menu--items--padding: 0.625rem;

package/dist/collection/enums.js

@@ -116,8 +116,6 @@ export * from './components/_quote/quote/quote-type.enum';
 export * from './components/_quote/quote/quote-variation.enum';
 export * from './components/_quote/quote/quote-image-position.enum';
 export * from './components/_quote/quote/quote-image-inner-position.enum';
-export * from './components/_quote/quote-multi-container/quote-multi-container-heading-level.enum';
-export * from './components/_quote/quote-single/quote-single-variation.enum';
 export * from './components/_table/table/table-size.enum';
 export * from './components/_table/table/table-variation.enum';
 export * from './components/_tag/tag-media/tag-media-icon.enum';

package/dist/collection/interfaces.js

@@ -3,6 +3,5 @@ export * from './components/_chart/chart-line/chart-line-series.interface';
 export * from './components/_navigation/navigation-context-menu-legacy/navigation-context-menu.interface';
 export * from './components/_form/form-select-filter/form-select-filter.interface';
 export * from './components/_form/form-filter/form-filter.types';
-export * from './components/_navigation/navigation-dropdown/navigation-dropdown.types';
 export * from './components/_navigation/navigation-context-menu/navigation-context-menu.types';
 export * from './components/_navigation/navigation-tablist/navigation-tablist.types';

package/dist/digi-arbetsformedlingen/design-tokens/components/_navigation-context-menu.variables.scss

@@ -1,61 +1,23 @@
 @mixin digi-navigation-context-menu--variables() {
   --digi--navigation-context-menu--toggle-icon--transition: ease-in-out 0.2s all;
   --digi--navigation-context-menu--toggle-icon--transform: rotate(-180deg);
-  --digi--navigation-context-menu--display--start: block;
-  --digi--navigation-context-menu--display--end: inline-block;
 
-  --digi--navigation-context-menu--content--position: absolute;
-  --digi--navigation-context-menu--content--margin-top: var(--digi--gutter--smaller);
   --digi--navigation-context-menu--content--background-color: var(--digi--color--background--primary);
   --digi--navigation-context-menu--content--border-radius: var(--digi--border-radius--secondary);
   --digi--navigation-context-menu--content--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
-
-  --digi--navigation-context-menu--button--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--navigation-context-menu--button--background: transparent;
-  --digi--navigation-context-menu--button--background--hover: transparent;
-  --digi--navigation-context-menu--button--color: var(--digi--color--text--primary);
-  --digi--navigation-context-menu--button--border: 0;
-  --digi--navigation-context-menu--button--font-weight: normal;
-  --digi--navigation-context-menu--button--padding: var(--digi--gutter--smallest-2) var(--digi--gutter--large) var(--digi--gutter--smallest-2) var(--digi--gutter--largest-3);
-  --digi--navigation-context-menu--button--bordered--padding: var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--largest-3);
-  --digi--navigation-context-menu--button--outline--focus: none;
-  --digi--navigation-context-menu--button--width: 100%;
-  --digi--navigation-context-menu--button--text-align: left;
-  --digi--navigation-context-menu--button--display: flex;
+  --digi--navigation-context-menu--content--max-width: 90vw;
+  --digi--navigation-context-menu--content--max-height: 15rem;
 
   --digi--navigation-context-menu--button-icon--width: 0.875rem;
-  --digi--navigation-context-menu--button-icon--margin-right: -1.125rem;
-  --digi--navigation-context-menu--button-icon--margin-left: 0.25rem;
-  --digi--navigation-context-menu--button-icon--display: inline-flex;
-
-  --digi--navigation-context-menu--link--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--navigation-context-menu--link--text-decoration: none;
-  --digi--navigation-context-menu--link--color: var(--digi--color--text--primary);
-  --digi--navigation-context-menu--link--font-family: var(--digi--global--typography--font-family--default);
-  --digi--navigation-context-menu--link--focus--outline: none;
-  --digi--navigation-context-menu--link--padding: var(--digi--gutter--smallest-2) var(--digi--gutter--large);
-  --digi--navigation-context-menu--link--bordered--padding: var(--digi--gutter--large);
-  --digi--navigation-context-menu--link--display: inline-block;
-  --digi--navigation-context-menu--link--width: 100%;
 
   --digi--navigation-context-menu--button-trigger--font-size: var(--digi--typography--body--font-size--desktop);
-  --digi--navigation-context-menu--button-trigger--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
   --digi--navigation-context-menu--button-trigger--padding: 0;
-  --digi--navigation-context-menu--button-trigger--background-color: transparent;
-  --digi--navigation-context-menu--button-trigger--background-color--hover: transparent;
-  --digi--navigation-context-menu--button-trigger--border-radius: initial;
-  --digi--navigation-context-menu--button-trigger--border-radius--hover: initial;
-  --digi--navigation-context-menu--button-trigger--border-radius--focus: initial;
 
   --digi--navigation-context-menu--item--font-size: var(--digi--typography--body--font-size--desktop);
   --digi--navigation-context-menu--item--background-color--active: var(--digi--color--background--neutral-6);
   --digi--navigation-context-menu--item--display: flex;
   --digi--navigation-context-menu--item--font-family: var(--digi--global--typography--font-family--default);
-  --digi--navigation-context-menu--item--font-wight--selected: 600;
-  --digi--navigation-context-menu--item--border-top: var(--digi--border-width--primary) solid var(--digi--color--border--neutral-4);
-
-  --digi--navigation-context-menu--items--margin: 0;
-  --digi--navigation-context-menu--items--padding: var(--digi--gutter--large) 0;
+  --digi--navigation-context-menu--item--font-color: var(--digi--color--text--primary);
 }
 
 /** Do not touch! Autogenerated 
@@ -109,4 +71,44 @@
 * @prop --digi--navigation-context-menu--item--border-top: var(--digi--border-width--primary) solid var(--digi--color--border--neutral-4);
 * @prop --digi--navigation-context-menu--items--margin: 0;
 * @prop --digi--navigation-context-menu--items--padding: var(--digi--gutter--large) 0;
+*/ar(--digi--color--text--primary);
+* @prop --digi--navigation-context-menu--button--border: 0;
+* @prop --digi--navigation-context-menu--button--font-weight: normal;
+* @prop --digi--navigation-context-menu--button--padding: var(--digi--gutter--smallest-2) var(--digi--gutter--large) var(--digi--gutter--smallest-2) var(--digi--gutter--largest-3);
+* @prop --digi--navigation-context-menu--button--bordered--padding: var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--large) var(--digi--gutter--largest-3);
+* @prop --digi--navigation-context-menu--button--outline--focus: none;
+* @prop --digi--navigation-context-menu--button--width: 100%;
+* @prop --digi--navigation-context-menu--button--text-align: left;
+* @prop --digi--navigation-context-menu--button--display: flex;
+* @prop --digi--navigation-context-menu--button-icon--width: 0.875rem;
+* @prop --digi--navigation-context-menu--button-icon--margin-right: -1.125rem;
+* @prop --digi--navigation-context-menu--button-icon--margin-left: 0.25rem;
+* @prop --digi--navigation-context-menu--button-icon--display: inline-flex;
+* @prop --digi--navigation-context-menu--link--font-size: var(--digi--typography--body--font-size--desktop);
+* @prop --digi--navigation-context-menu--link--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
+* @prop --digi--navigation-context-menu--link--text-decoration: none;
+* @prop --digi--navigation-context-menu--link--color: var(--digi--color--text--primary);
+* @prop --digi--navigation-context-menu--link--font-family: var(--digi--global--typography--font-family--default);
+* @prop --digi--navigation-context-menu--link--focus--outline: none;
+* @prop --digi--navigation-context-menu--link--padding: var(--digi--gutter--smallest-2) var(--digi--gutter--large);
+* @prop --digi--navigation-context-menu--link--bordered--padding: var(--digi--gutter--large);
+* @prop --digi--navigation-context-menu--link--display: inline-block;
+* @prop --digi--navigation-context-menu--link--width: 100%;
+* @prop --digi--navigation-context-menu--button-trigger--font-size: var(--digi--typography--body--font-size--desktop);
+* @prop --digi--navigation-context-menu--button-trigger--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
+* @prop --digi--navigation-context-menu--button-trigger--padding: 0;
+* @prop --digi--navigation-context-menu--button-trigger--background-color: transparent;
+* @prop --digi--navigation-context-menu--button-trigger--background-color--hover: transparent;
+* @prop --digi--navigation-context-menu--button-trigger--border-radius: initial;
+* @prop --digi--navigation-context-menu--button-trigger--border-radius--hover: initial;
+* @prop --digi--navigation-context-menu--button-trigger--border-radius--focus: initial;
+* @prop --digi--navigation-context-menu--item--font-size: var(--digi--typography--body--font-size--desktop);
+* @prop --digi--navigation-context-menu--item--font-size--desktop: var(--digi--typography--body--font-size--desktop-large);
+* @prop --digi--navigation-context-menu--item--background-color--active: var(--digi--color--background--neutral-6);
+* @prop --digi--navigation-context-menu--item--display: flex;
+* @prop --digi--navigation-context-menu--item--font-family: var(--digi--global--typography--font-family--default);
+* @prop --digi--navigation-context-menu--item--font-wight--selected: 600;
+* @prop --digi--navigation-context-menu--item--border-top: var(--digi--border-width--primary) solid var(--digi--color--border--neutral-4);
+* @prop --digi--navigation-context-menu--items--margin: 0;
+* @prop --digi--navigation-context-menu--items--padding: var(--digi--gutter--large) 0;
 */

package/dist/digi-arbetsformedlingen/design-tokens/css/variables.css

@@ -62,6 +62,8 @@
   --digi--navigation-context-menu--button--font-weight: normal;
   --digi--navigation-context-menu--button--border: 0;
   --digi--navigation-context-menu--button--background: transparent;
+  --digi--navigation-context-menu--content--max-height: 15rem;
+  --digi--navigation-context-menu--content--max-width: 90vw;
   --digi--navigation-context-menu--content--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
   --digi--navigation-context-menu--content--position: absolute;
   --digi--navigation-context-menu--display--end: inline-block;
@@ -1140,6 +1142,7 @@
   --digi--navigation-sidebar--wrapper--background-color: var(--digi--color--background--primary);
   --digi--navigation-context-menu--items--padding: var(--digi--gutter--large);
   --digi--navigation-context-menu--item--border-top: var(--digi--border-width--primary) solid var(--digi--color--border--neutral-4);
+  --digi--navigation-context-menu--item--font-color: var(--digi--color--text--primary);
   --digi--navigation-context-menu--item--background-color--active: var(--digi--color--background--neutral-6);
   --digi--navigation-context-menu--item--font-size: var(--digi--typography--body--font-size--desktop);
   --digi--navigation-context-menu--button-trigger--font-size: var(--digi--typography--body--font-size--desktop);

package/dist/digi-arbetsformedlingen/design-tokens/scss/variables.scss

@@ -1576,6 +1576,8 @@ $digi--navigation-context-menu--content--margin-top: 0.25rem;
 $digi--navigation-context-menu--content--background-color: #FFFFFF;
 $digi--navigation-context-menu--content--border-radius: 0.375rem;
 $digi--navigation-context-menu--content--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
+$digi--navigation-context-menu--content--max-width: 90vw;
+$digi--navigation-context-menu--content--max-height: 15rem;
 $digi--navigation-context-menu--button--font-size: 1rem;
 $digi--navigation-context-menu--button--background: transparent;
 $digi--navigation-context-menu--button--color: #333333;
@@ -1609,6 +1611,7 @@ $digi--navigation-context-menu--item--background-color--active: #EDEDED;
 $digi--navigation-context-menu--item--display: flex;
 $digi--navigation-context-menu--item--font-family: "Open Sans";
 $digi--navigation-context-menu--item--font-wight--selected: 600;
+$digi--navigation-context-menu--item--font-color: #333333;
 $digi--navigation-context-menu--item--border-top: 0.0625rem solid #EDEDED;
 $digi--navigation-context-menu--items--margin: 0;
 $digi--navigation-context-menu--items--padding: 0.625rem;

package/dist/digi-arbetsformedlingen/design-tokens/styleguide/web.json

@@ -32013,6 +32013,44 @@
       "box-shadow"
     ]
   },
+  {
+    "value": "90vw",
+    "filePath": "dist/tokens/style-dictionary.json",
+    "isSource": true,
+    "original": {
+      "value": "90vw"
+    },
+    "name": "digi--navigation-context-menu--content--max-width",
+    "attributes": {
+      "category": "navigation-context-menu",
+      "type": "content",
+      "item": "max-width"
+    },
+    "path": [
+      "navigation-context-menu",
+      "content",
+      "max-width"
+    ]
+  },
+  {
+    "value": "15rem",
+    "filePath": "dist/tokens/style-dictionary.json",
+    "isSource": true,
+    "original": {
+      "value": "15rem"
+    },
+    "name": "digi--navigation-context-menu--content--max-height",
+    "attributes": {
+      "category": "navigation-context-menu",
+      "type": "content",
+      "item": "max-height"
+    },
+    "path": [
+      "navigation-context-menu",
+      "content",
+      "max-height"
+    ]
+  },
   {
     "value": "1rem",
     "desktop": {
@@ -32732,6 +32770,25 @@
       "selected"
     ]
   },
+  {
+    "value": "#333333",
+    "filePath": "dist/tokens/style-dictionary.json",
+    "isSource": true,
+    "original": {
+      "value": "{color.text.primary.value}"
+    },
+    "name": "digi--navigation-context-menu--item--font-color",
+    "attributes": {
+      "category": "navigation-context-menu",
+      "type": "item",
+      "item": "font-color"
+    },
+    "path": [
+      "navigation-context-menu",
+      "item",
+      "font-color"
+    ]
+  },
   {
     "value": "0.0625rem solid #EDEDED",
     "filePath": "dist/tokens/style-dictionary.json",

package/dist/digi-arbetsformedlingen/design-tokens/styleguide/web.scss

@@ -1576,6 +1576,8 @@ $digi--navigation-context-menu--content--margin-top: 0.25rem;
 $digi--navigation-context-menu--content--background-color: #FFFFFF;
 $digi--navigation-context-menu--content--border-radius: 0.375rem;
 $digi--navigation-context-menu--content--box-shadow: 0 0.125rem 0.375rem 0 rgba(0, 0, 0, 0.7);
+$digi--navigation-context-menu--content--max-width: 90vw;
+$digi--navigation-context-menu--content--max-height: 15rem;
 $digi--navigation-context-menu--button--font-size: 1rem;
 $digi--navigation-context-menu--button--background: transparent;
 $digi--navigation-context-menu--button--color: #333333;
@@ -1609,6 +1611,7 @@ $digi--navigation-context-menu--item--background-color--active: #EDEDED;
 $digi--navigation-context-menu--item--display: flex;
 $digi--navigation-context-menu--item--font-family: "Open Sans";
 $digi--navigation-context-menu--item--font-wight--selected: 600;
+$digi--navigation-context-menu--item--font-color: #333333;
 $digi--navigation-context-menu--item--border-top: 0.0625rem solid #EDEDED;
 $digi--navigation-context-menu--items--margin: 0;
 $digi--navigation-context-menu--items--padding: 0.625rem;