@designsystem-se/af 39.4.0-beta.darkmode.1 → 39.5.0

package/dist/collection/components/_calendar/week-view/calendar-week-view.js

@@ -1,5 +1,5 @@
 import { _t } from "../../../text";
-import { h } from "@stencil/core";
+import { h, Fragment } from "@stencil/core";
 import { format, getISOWeek, addDays, subDays, setDay } from "date-fns";
 import svlocale from "date-fns/locale/sv";
 import { randomIdGenerator } from "../../../global/utils/randomIdGenerator";
@@ -52,8 +52,11 @@ export class CalendarWeekView {
         this.weekDays = [...newDates];
     }
     afDatesUpdate() {
-        // Angular/React can connect the element before afDates is set.
-        if (this.afDates == null || this.afDates === '') {
+        // See reason to check in comment in componentWillLoad
+        if (this.afDates === null ||
+            this.afDates === undefined ||
+            this.afDates === '' ||
+            this.afDates.length <= 0) {
             return;
         }
         const hadDates = this.dates.length > 0;
@@ -142,6 +145,48 @@ export class CalendarWeekView {
         }
         this.afOnReady.emit();
     }
+    renderWeekDays() {
+        if (this.weekDays) {
+            return this.weekDays.map((dateItem) => {
+                const date = format(new Date(dateItem), 'd', {
+                    locale: svlocale
+                });
+                const day = format(new Date(dateItem), 'EEE', {
+                    locale: svlocale
+                });
+                const fullDay = format(new Date(dateItem), 'EEEE ', {
+                    locale: svlocale
+                });
+                return (h("li", { class: "digi-calendar-week-view__date-list-item", "aria-current": dateItem === this.todaysDate && 'date' }, h("digi-button", { onClick: () => (this.selectedDate = dateItem), afAriaLabel: `${fullDay} ${date}`, "aria-hidden": !this.dates.includes(dateItem) ? 'true' : 'false', "af-tabindex": !this.dates.includes(dateItem) ? -1 : null, "aria-pressed": this.selectedDate == dateItem ? 'true' : 'false', class: {
+                        'digi-calendar-week-view__date-button': true,
+                        'digi-calendar-week-view__date-button--active': this.selectedDate == dateItem,
+                        'digi-calendar-week-view__date-button--no-value': !this.dates.includes(dateItem)
+                    }, "af-variation": ButtonVariation.SECONDARY }, h("span", { class: "digi-calendar-week-view__date-button-content", "aria-hidden": "true" }, h("span", { class: {
+                        'digi-calendar-week-view__date-button-day': this.selectedDate != dateItem,
+                        'digi-calendar-week-view__date-button-day--active': this.selectedDate == dateItem
+                    } }, day), h("span", { class: "digi-calendar-week-view__date-button-date" }, date), h("span", { "aria-hidden": "true", class: {
+                        'digi-calendar-week-view__date-button-circle': dateItem === this.todaysDate
+                    } })))));
+            });
+        }
+        else {
+            return null;
+        }
+    }
+    renderButtons() {
+        if (this.maxDate && this.minDate) {
+            return (h(Fragment, null, h("digi-button", { onClick: () => this.prevWeek(), class: {
+                    'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--previous': true,
+                    'digi-calendar-week-view__week-button--keep-left': this.currentWeek == getISOWeek(this.maxDate),
+                    'digi-calendar-week-view__week-button--hidden': !(this.currentWeek > getISOWeek(this.minDate))
+                }, "af-variation": "secondary" }, h("digi-icon-chevron-left", { slot: "icon" }), this.prevWeekText), h("digi-button", { onClick: () => this.nextWeek(), class: {
+                    'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--next': true,
+                    'digi-calendar-week-view__week-button--keep-right': this.currentWeek == getISOWeek(this.minDate),
+                    'digi-calendar-week-view__week-button--hidden': !(this.currentWeek < getISOWeek(this.maxDate))
+                }, "af-variation": "secondary" }, h("digi-icon-chevron-right", { slot: "icon-secondary" }), this.nextWeekText)));
+        }
+        return null;
+    }
     get prevWeekText() {
         const nextWeekDate = subDays(new Date(this.currentDate), 7);
         return `${_t.calendar.week} ${getISOWeek(new Date(nextWeekDate))}`;
@@ -151,9 +196,15 @@ export class CalendarWeekView {
         return `${_t.calendar.week} ${getISOWeek(new Date(nextWeekDate))}`;
     }
     get currentWeek() {
+        if (!this.currentDate) {
+            return;
+        }
         return getISOWeek(new Date(this.currentDate));
     }
     get currentMonth() {
+        if (!this.weekDays || this.weekDays.length <= 0) {
+            return;
+        }
         const firstDate = new Date(this.weekDays[0]);
         const lastDate = new Date(this.weekDays[this.weekDays.length - 1]);
         return firstDate.getMonth() == lastDate.getMonth()
@@ -163,35 +214,7 @@ export class CalendarWeekView {
                 format(new Date(lastDate), 'MMMM yyyy', { locale: svlocale });
     }
     render() {
-        return (h("div", { key: '44d49828a7f43a1f3943aaf0af4139f402844bf0', class: "digi-calendar-week-view" }, h("nav", { key: '44ba98a7c433077c2c11c55b150a5cc2f1d38ac2', class: "digi-calendar-week-view__timepicker" }, h("div", { key: '160ce73dc293abd69193c2b1750c9fd7400b8804', class: "digi-calendar-week-view__dates" }, h("div", { key: '2d60245978d9c7615f3ff5ec7b9d8d628e16f843', class: "digi-calendar-week-view__flex" }, h("digi-typography", { key: '23a1c94d0575061951f67f46782144de52e5e662' }, h(this.afHeadingLevel, { key: 'a183705a035f4d3d57ced74920221f40bbe6019f', role: "status", class: "digi-calendar-week-view__heading" }, h("span", { key: '147910745991716f3557491c6e6aa702f479e8c7', class: "digi-calendar-week-view__month" }, this.currentMonth), h("span", { key: '0d91367cd6066a2b35349edd0ff93e20b5326f04', class: "digi-calendar-week-view__week" }, ' ', "v.", this.currentWeek))), h("ul", { key: 'fdff670cf241e05920e19e0ce6e601b62ae9a3f0', class: "digi-calendar-week-view__date-list" }, this.weekDays.map((dateItem) => {
-            const date = format(new Date(dateItem), 'd', {
-                locale: svlocale
-            });
-            const day = format(new Date(dateItem), 'EEE', {
-                locale: svlocale
-            });
-            const fullDay = format(new Date(dateItem), 'EEEE ', {
-                locale: svlocale
-            });
-            return (h("li", { class: "digi-calendar-week-view__date-list-item", "aria-current": dateItem === this.todaysDate && 'date' }, h("digi-button", { onClick: () => (this.selectedDate = dateItem), afAriaLabel: `${fullDay} ${date}`, "aria-hidden": !this.dates.includes(dateItem) ? 'true' : 'false', "af-tabindex": !this.dates.includes(dateItem) ? -1 : null, "aria-pressed": this.selectedDate == dateItem ? 'true' : 'false', class: {
-                    'digi-calendar-week-view__date-button': true,
-                    'digi-calendar-week-view__date-button--active': this.selectedDate == dateItem,
-                    'digi-calendar-week-view__date-button--no-value': !this.dates.includes(dateItem)
-                }, "af-variation": ButtonVariation.SECONDARY }, h("span", { class: "digi-calendar-week-view__date-button-content", "aria-hidden": "true" }, h("span", { class: {
-                    'digi-calendar-week-view__date-button-day': this.selectedDate != dateItem,
-                    'digi-calendar-week-view__date-button-day--active': this.selectedDate == dateItem
-                } }, day), h("span", { class: "digi-calendar-week-view__date-button-date" }, date), h("span", { "aria-hidden": "true", class: {
-                    'digi-calendar-week-view__date-button-circle': dateItem === this.todaysDate
-                } })))));
-        })))), h("digi-button", { key: 'dbae5227d0316a5a67febc7de83b1c4c5cfc1044', onClick: () => this.prevWeek(), class: {
-                'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--previous': true,
-                'digi-calendar-week-view__week-button--keep-left': this.currentWeek == getISOWeek(this.maxDate),
-                'digi-calendar-week-view__week-button--hidden': !(this.currentWeek > getISOWeek(this.minDate))
-            }, "af-variation": "secondary" }, h("digi-icon-chevron-left", { key: '65d0f656a0d35911d39f9b8e9ade224be54d4371', slot: "icon" }), this.prevWeekText), h("digi-button", { key: '68d9b3d6c929d0185f412add980a542b3c86fbb2', onClick: () => this.nextWeek(), class: {
-                'digi-calendar-week-view__week-button digi-calendar-week-view__week-button--next': true,
-                'digi-calendar-week-view__week-button--keep-right': this.currentWeek == getISOWeek(this.minDate),
-                'digi-calendar-week-view__week-button--hidden': !(this.currentWeek < getISOWeek(this.maxDate))
-            }, "af-variation": "secondary" }, h("digi-icon-chevron-right", { key: 'a9e688f815a5053aa709cfeb9359131f73df21c0', slot: "icon-secondary" }), this.nextWeekText)), h("div", { key: '7d1073f6cd1982fda2ce7dcb60532c94bd1d0634', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, h("digi-typography", { key: 'db7ce0ca80485df1e4ae67200f2cd90cc80938d5' }, h("slot", { key: 'f08f447ae89612dfcea56c638024220bc29e7914' })))));
+        return (h("div", { key: '4140be166786f62ce5f35e70644fec263c018a1e', class: "digi-calendar-week-view" }, h("nav", { key: '03ea0adbf772e2ec4398e0708c884c896fda4295', class: "digi-calendar-week-view__timepicker" }, h("div", { key: 'e61ef3267eaed0371c326b2821e999d40a645507', class: "digi-calendar-week-view__dates" }, h("div", { key: '43b595010a5600c0e32c8b0fb5b3d9ccf21f9b5c', class: "digi-calendar-week-view__flex" }, h("digi-typography", { key: 'bd71e8685aa20377976383e50f624699bf9baa78' }, h(this.afHeadingLevel, { key: '8f05ae750a9732174ec4c49054b04e42e5338eee', role: "status", class: "digi-calendar-week-view__heading" }, h("span", { key: 'b9968a5c3cdd82c28d2b4ed8ff6c005de9f86212', class: "digi-calendar-week-view__month" }, this.currentMonth ? this.currentMonth : ''), h("span", { key: '223c1fdc8f85bbfca3c8e3714e2adffe61553505', class: "digi-calendar-week-view__week" }, ' ', this.currentWeek ? 'v.' + this.currentWeek : ''))), h("ul", { key: 'e5bde107e3294412be7c2d231ad2ed539b14fee3', class: "digi-calendar-week-view__date-list" }, this.renderWeekDays()))), this.renderButtons()), h("div", { key: '64f11c238e446e52955f5745f7bc68da13c307ea', role: "status", "aria-live": "assertive", class: "digi-calendar-week-view__result", id: `${this.afId}-result` }, h("digi-typography", { key: '71c161967919d90eae2e652ba9e1126cecd12f13' }, h("slot", { key: '9cca0f3c9479a5b2b0b6c594200422a6923ceb41' })))));
     }
     static get is() { return "digi-calendar-week-view"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_chart/bar-chart/bar-chart.js

@@ -948,7 +948,7 @@ export class barChart {
     }
     afChartDataUpdate() {
         const data = this.afChartData;
-        // Angular/React can connect the element before afChartData is set.
+        // See reason to check in comment in componentWillLoad
         if (data == null || data === '') {
             this.mappedData = this.reshapeData();
             return;
@@ -1597,8 +1597,7 @@ export class barChart {
         this.prevHeight = d3.select(this.titleDiv).style('height');
     }
     componentDidUpdate() {
-        if (this.tableDiv.style['display'] != 'block' &&
-            !this.hasChartData()) {
+        if (this.tableDiv.style['display'] != 'block' && !this.hasChartData()) {
             // Disconnect old barchartobserver while doing resizing
             this.barChartObserver.disconnect();
             return this.loadingState();
@@ -1678,7 +1677,7 @@ export class barChart {
             if (this.chartData.infoText)
                 heading = `${heading}<span style="display:block;margin-top:0.25rem;font-size:0.875rem;color:var(--digi--global--color--neutral--grayscale--darkest-3)">${this.chartData.infoText}</span>`;
         }
-        return (h(Host, { key: '003845ddc03e2027721d5e75c82816faae5bde63', ref: (el) => (this.host = el) }, h("svg", { key: '054049009c8618211f9009961d238992c3d03c0e', xmlns: "http://www.w3.org/2000/svg", width: "0", height: "0" }, h("defs", { key: '16f32628ffd79e24b66e749666eccd6ae283a5b8' }, h("pattern", { key: '8aa5e0923086f740eeb02d71690ed16086205b0a', id: "prognosis", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("rect", { key: '237569e79095a4a7c084aa91fd637dfbe385ca8b', width: "8", height: "8", fill: "white" }), h("line", { key: '6edeac6a60cef51561c8fd803b2e277b19b740bf', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar(this.colorPalettes[0]), "stroke-width": "8" })), h("pattern", { key: 'bd40402b6fd33d50fc4dca709380108fe054f74c', id: "prognosisInactive", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("rect", { key: 'a5dcf48112b024982f3410bc51eb05002c8c8dcc', width: "8", height: "8", fill: "white" }), h("line", { key: 'b76b6ae15b8a0ee9c37c28bf3f66613c9df1e9b8', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar('--digi--color--background--secondary-accent'), "stroke-width": "8" })), h("pattern", { key: 'ef4782b914f2599424d5f3e6715cb69c4f0e4728', id: "prognosisHighlight", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("rect", { key: '6501ba8a46f53b6c3309486d0795d348a8ec1fff', width: "8", height: "8", fill: "white" }), h("line", { key: 'b184212878587e1e15ebf40a472333851270b287', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.adjustColor(this.colorFunction(0), 50), "stroke-width": "8" })))), h("div", { key: '02b5c9c63c327995f9603ffc84ab0455137ff43d', class: "topWrapper", ref: (el) => (this.titleDiv = el) }, h("digi-typography", { key: 'd8944066ab1a86ed71af7de4a018ef422cea75e9', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '6bc1e5870432720980fc8dad25abc5f2cb474daf', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_a = this.chartData) === null || _a === void 0 ? void 0 : _a.title) ? (_b = this.chartData) === null || _b === void 0 ? void 0 : _b.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '5a8b44b3a201b4866b89fc4328ff0b46ac47c6e1', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'cd0d60a025d5fa0e62cb5f6a322cf3f97c0bd02e', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_c = this.chartData) === null || _c === void 0 ? void 0 : _c.title) ? (_d = this.chartData) === null || _d === void 0 ? void 0 : _d.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '8f4e4f1bdabffd7ffd1532453b534a823ef65006', slot: "icon" }), "Visa diagram"), h("div", { key: '22535e8bfb69f96152e61295019d463cb69b70c3', class: "scChartStatus", role: "status", ref: (el) => (this.status = el) })), h("div", { key: '55e25140585469497ec501cd133cfc710bb88b43', class: "svgWrap", ref: (el) => (this.chartDiv = el) }, h("div", { key: '4d8cd2eb832770f94fdff5eec2f084e4ba5c96b8', class: "chartTooltip", id: this.afId }, h("div", { key: 'b805b20b746ce940ae5c20ef34898c3409cffecd', class: "tooltipHead" }, h("digi-icon-x", { key: 'c162d2b1e6e7aafddf0ac194705b436a5b02b392', class: "tooltipClose" })), h("div", { key: 'cdc876d4c88f50c7d95c22f4d0f683c2a5564235', class: "tooltipBody" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", { class: "caret" })) : (h("digi-icon-caret-down", { class: "caret" })))), h("div", { key: '8cb986f7466fdb42f6dc840c1371b25978ae4c66', class: "legendWrap", ref: (el) => (this.legendDiv = el) }, h("div", { key: '6761a567c03c8ade4206fb89cf9e7bd792c36e71', class: "legend" })), h("div", { key: 'ac251b6078602f9319447cfaa6444f0129e46c0f', class: "table", ref: (el) => (this.tableDiv = el) }, ' ')));
+        return (h(Host, { key: 'ae562dbf9bfd5a9c4e9308100546758de7e79366', ref: (el) => (this.host = el) }, h("svg", { key: '04ce1bb3e0c0002fd742d3cc835d722481d08e51', xmlns: "http://www.w3.org/2000/svg", width: "0", height: "0" }, h("defs", { key: '6948ff9e88e25097aa31492f6f0189027d5a71c0' }, h("pattern", { key: '38ef5c3244f9701aec1092c4bb22b43ccb2549b5', id: "prognosis", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("rect", { key: '12a841cfe695a1639b5d8781809639f8a5a01d20', width: "8", height: "8", fill: "white" }), h("line", { key: 'fc6c2d64e58fc7e5970eb9fd7ddbd10fc6cc3052', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar(this.colorPalettes[0]), "stroke-width": "8" })), h("pattern", { key: '748691b1e5aa624ed72a2a72981273bc136bcedc', id: "prognosisInactive", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("rect", { key: '69a97ad067616c79395af4ef42b030728236f3a6', width: "8", height: "8", fill: "white" }), h("line", { key: '0be0573c5ad97f819856cb6eb6672a18ee478d92', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.evalColorVar('--digi--color--background--secondary-accent'), "stroke-width": "8" })), h("pattern", { key: '751a6845fca071fe8a0c6f026b46fd70b8645206', id: "prognosisHighlight", patternUnits: "userSpaceOnUse", width: "8", height: "8", patternTransform: "rotate(45)" }, h("rect", { key: '89c6e675c5869896e745a245864f9747c08695d4', width: "8", height: "8", fill: "white" }), h("line", { key: '4beb9d281f46d8184ce4de6d6cbd2751fb54fa97', x1: "0", y: "0", x2: "0", y2: "12", stroke: this.adjustColor(this.colorFunction(0), 50), "stroke-width": "8" })))), h("div", { key: '850fbb8fe23c54e791eb61fd6af5a61b5fc3ac37', class: "topWrapper", ref: (el) => (this.titleDiv = el) }, h("digi-typography", { key: 'c93f0d233f306529b847d3435b412ee8b8302353', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '0fdbd771ba102e36279fe19d5e618b96a7251eae', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${((_a = this.chartData) === null || _a === void 0 ? void 0 : _a.title) ? (_b = this.chartData) === null || _b === void 0 ? void 0 : _b.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '5c2901e9286eecd4ab0ca403e8a5a1ab16dc1384', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '76148a5c8713006d53b44d3f3eb6c0bc59011c58', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${((_c = this.chartData) === null || _c === void 0 ? void 0 : _c.title) ? (_d = this.chartData) === null || _d === void 0 ? void 0 : _d.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '65b76249ebd0cb0ef28d930e5d54adc53790b9e3', slot: "icon" }), "Visa diagram"), h("div", { key: 'e4a6bf6c23c9347b3e1c92023997c89bd4392561', class: "scChartStatus", role: "status", ref: (el) => (this.status = el) })), h("div", { key: '25340435da0fb67260aeb86182002584e5a586c7', class: "svgWrap", ref: (el) => (this.chartDiv = el) }, h("div", { key: '4fc443267fa5790dd5dfb494409256cee0e5b849', class: "chartTooltip", id: this.afId }, h("div", { key: '69ed73b389820ac7c26e8ea950f5a8cba3eb6321', class: "tooltipHead" }, h("digi-icon-x", { key: '62daa46e00c8e5a8930b4ec4f15ef6976075dec0', class: "tooltipClose" })), h("div", { key: '5281c5a0474c83c4a9c6a74c1ddb366f6edc1d0d', class: "tooltipBody" }), this.afVariation === BarChartVariation.Horizontal ? (h("digi-icon-caret-up", { class: "caret" })) : (h("digi-icon-caret-down", { class: "caret" })))), h("div", { key: '972843423edc2093619c2458e1ab26ada4525658', class: "legendWrap", ref: (el) => (this.legendDiv = el) }, h("div", { key: 'ef3c36c663f47e65cc8789698ffbbc7e13efa2f0', class: "legend" })), h("div", { key: '7de7374282138cd174706426d9c5466135973687', class: "table", ref: (el) => (this.tableDiv = el) }, ' ')));
     }
     static get is() { return "digi-bar-chart"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_chart/chart-line/chart-line.js

@@ -962,7 +962,7 @@ export class ChartLine {
     }
     afChartDataUpdate() {
         const data = this.afChartData;
-        // Angular/React can connect the element before afChartData is set.
+        // See reason to check in comment in componentWillLoad
         if (data == null || data === '') {
             return;
         }
@@ -1661,7 +1661,7 @@ export class ChartLine {
             else
                 heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
         }
-        return (h("host", { key: '93603df9b78fcce8b5735b4a874f879cf7b2326e', ref: (el) => (this._host = el) }, h("div", { key: '094a790864b72bbb9a802b461db06ce312c627c8', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '5f4bd51fdfef816b0e127d1177c60f8310952173', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '8ae72950c5cf052ed71c2ba4e91b254b8d36cfd0', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: '750f1b621eb0a1a54ec810aa63624237bd98f9ea', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '1cf33daaaa8adf9c5352286d6172d7c258098c29', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: '9dce5df1a96d4b818597854f7ee238fefda2c686', slot: "icon" }), "Visa diagram"), h("div", { key: '204f5824b2f34b3a1a1401ed4434e1fcb16a2549', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: 'b164f59f1c741db5493af57510eab2987cabefc6', class: "chartTooltip", id: this.afId }, h("div", { key: 'e84bf8a85a745977006d50f296d1afee2ee35698', class: "tooltipHead" }, h("digi-icon-x", { key: '77bcd0342c828dbcbe020a9ffefe4ae6f3086572', class: "close" }), ' '), h("div", { key: '330f69a58082f72b528095ef49a2371fc8b0d8e5', class: "tooltipBody" })), h("div", { key: '62eb27ac8f184476d50332344711ca381e8adf59', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: 'ad70790d3a2fd5851c4351e41f2436a34169a819', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: '30d4791a9b808555f03d1830aaec0221c1bc3b37', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h("host", { key: '9781fd41c404ec1a1162568fe9558089c9c29d3e', ref: (el) => (this._host = el) }, h("div", { key: '6e7ed19cef9490b10a9867697fcc69967df5c36d', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: 'cb30af0f533b751f4e7cc423d320e7ff69bd3134', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '9ec19a8bc1d222755e5f0a36df505e1b27ac13c2', class: "buttonWrapper tableButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.activateTable, afAriaLabel: `Visa tabell ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-table", { key: 'd378295691a35741ff41537e2b1fbae564fe78fc', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '3886a1a04835023dcc79b4dcef0b61bd08b687a4', style: { display: 'none' }, class: "buttonWrapper chartButton", "af-size": "medium", "af-variation": "function", "af-full-width": "false", onAfOnClick: this.reInitChart, afAriaLabel: `Visa diagram ${this._chartData.title ? this._chartData.title.toLowerCase() : ''}` }, h("digi-icon-chart", { key: 'b3241d0e11425470ba035c94c11b85065a3af5f1', slot: "icon" }), "Visa diagram"), h("div", { key: 'd6d6660279d9391ee629f1afe775b9d506921922', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '83f8bb01c59127c0e5b94ca06eebb1ecfc12e6b3', class: "chartTooltip", id: this.afId }, h("div", { key: '0de7a9056bc5ee8ef6b58fbce7c09b23fb724b28', class: "tooltipHead" }, h("digi-icon-x", { key: '887555f7e9e22c7150a25d6d4906b07afe455058', class: "close" }), ' '), h("div", { key: 'e8c4a11a61a625c1405f173a61c3cb30dfd96fcb', class: "tooltipBody" })), h("div", { key: '0f9dbdb9e79641e55e0d1f9510a6532838755fe2', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '67b73988bd4222a32fd82c35876dc771efb011a5', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'fde1d4edd7d5a1787963f16c412535e985902533', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
     }
     static get is() { return "digi-chart-line"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_code/code/code.js

@@ -46,7 +46,7 @@ export class Code {
         };
     }
     render() {
-        return (h("span", { key: 'b3627a80439a7c3289c588f620ed04e3f2e590ae', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: 'd206aad911c0951fa20e976385121fd2e9f1389a', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
+        return (h("span", { key: '3b2767e6f38c215abfb618dab742a527616e1426', class: Object.assign({ 'digi-code': true }, this.cssModifiers) }, h("code", { key: 'de82eba5ed3fd37f49f6c50332aaf4f8696644cf', class: `digi-code__code language-${this.afLanguage}`, lang: this.afLang, innerHTML: this.highlightedCode })));
     }
     static get is() { return "digi-code"; }
     static get originalStyleUrls() {

package/dist/collection/components/_code/code-block/code-block.js

@@ -60,7 +60,7 @@ export class CodeBlock {
         };
     }
     render() {
-        return (h("div", { key: 'd4a2f69a550c83923cc29345e6d0015be77918ea', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: 'd7912db4bdb868018b26e59c7bbae4244b28236a', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: '484b111ec3fd7893d185633c377a9b6d4f8d3d52', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '95f25d6e32161ba02268abf67040930ba5c5abd4', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'fc454e58b3061884951c6d20541eb16cc6d566d0', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: 'b8ea39049f5da02449760433b09651273b14a9d9', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
+        return (h("div", { key: '40d29fe0d6987d4ee0a41ebdddc171ac8c3fdb4b', class: Object.assign({ 'digi-code-block': true }, this.cssModifiers) }, h("pre", { key: 'f793cf64389888fc24d3deacb6b8ee9cb2cd0699', class: `digi-code-block__pre language-${this.afLanguage}` }, h("code", { key: '44558eb4758c008a43de4280f749eb36de8acdcc', class: "digi-code-block__code", lang: this.afLang, innerHTML: this.highlightedCode })), !this.afHideToolbar && (h("div", { key: '969e777f58cfe0dec1b49229871393daaa8b9dd6', class: "digi-code-block__toolbar" }, h("digi-button", { key: 'f9f5f51266d84ba1ff37f4c99428bc0ee61dbe6c', class: "digi-code-block__button", onAfOnClick: () => this.copyButtonClickHandler(), afVariation: ButtonVariation.FUNCTION, afSize: ButtonSize.SMALL }, h("digi-icon-copy", { key: 'dec9ebdb0b3907bf07ee023968f03400a3a4ebcc', class: "digi-code-block__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
     }
     static get is() { return "digi-code-block"; }
     static get originalStyleUrls() {

package/dist/collection/components/_code/code-example/code-example.css

@@ -27,12 +27,6 @@ License: none (public domain)
   background-color: #ffffff;
   background-image: linear-gradient(45deg, #efefef 25%, transparent 25%), linear-gradient(-45deg, #efefef 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #efefef 75%), linear-gradient(-45deg, transparent 75%, #efefef 75%);
 }
-@media (prefers-color-scheme: dark) {
-  .digi-code-example--light {
-    background-color: #787777;
-    background-image: linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%);
-  }
-}
 .digi-code-example--dark {
   background-color: #787777;
   background-image: linear-gradient(45deg, #666666 25%, transparent 25%), linear-gradient(-45deg, #666666 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #666666 75%), linear-gradient(-45deg, transparent 75%, #666666 75%);

package/dist/collection/components/_code/code-example/code-example.js

@@ -142,17 +142,17 @@ export class CodeExample {
             .replace(/\w/, (firstLetter) => firstLetter.toUpperCase());
     }
     render() {
-        return (h("div", { key: 'c8beee9d39ad65463eb78fdaf9d61f48dc47ccf3', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'f4e8fe5c000bf8c443b025a7b987016b6befce05', class: {
+        return (h("div", { key: '854f8970a7d6a673eb668cff3c9f0effc4804a17', class: Object.assign({ 'digi-code-example': true }, this.cssModifiers), ref: (el) => (this.containerElement = el) }, h("div", { key: 'd29637f0288ae722b477502422e061a97fe232e6', class: {
                 'digi-code-example__container': true
-            } }, h("div", { key: 'c15bd16acb94723f5484b21852dc1bdd3985cdba', class: "digi-code-example__example" }, h("slot", { key: 'af94801b00454401a1ffaf9f9ff783a9b803583c' })), !this.afHideCode && (h("div", { key: '671d5ec1d0e3109cc5adf52399aff5cde7ed7b5b', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: '73449b24bbffae8b664543c1e78a482608affb2f', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: 'd5600ceea54943621159794535612257c9180785', class: {
+            } }, h("div", { key: 'f05c248364ea75050359260817fb05980efe7f36', class: "digi-code-example__example" }, h("slot", { key: '2df96d77fbc3a1125a0047fc5494223e88e0f2fa' })), !this.afHideCode && (h("div", { key: '584b5d7fd959b3e42dd7165b380603ed59df6f6d', class: "digi-code-example__code" }, this.showMoreButton && (h("button", { key: 'b01015d3f9e5bdb14bcb3d7a78f83207de60a3ec', class: "digi-code-example__code-expand", "aria-label": this.isActive ? _t.code.show_less : _t.code.show_more, "aria-expanded": this.isActive ? `true` : `false`, onClick: () => this.toggleButtonClickHandler() }, this.isActive ? _t.code.show_less : _t.code.show_more, ' ', h("digi-icon-chevron-down", { key: 'e14618f1ed0edc451d3eaa8be908d1c10c604265', class: {
                 'digi-code-example__code-expand-icon': true,
                 'digi-code-example__code-expand-icon--open': this.isActive
-            }, "aria-hidden": "true" }))), h("div", { key: '04ba3cfe8367257b65013a5e00f53dd5dd7eeea3', class: {
+            }, "aria-hidden": "true" }))), h("div", { key: '43725cb92b607da0764178fce8055b248f9c2ef4', class: {
                 'digi-code-example__codeblock': true,
                 'digi-code-example__codeblock--light': this.afCodeBlockVariation === 'light',
                 'digi-code-example__codeblock--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__codeblock--fade': !this.isActive && this.showMoreButton
-            } }, h("digi-code-block", { key: '03fbdc9df45937812d2172b8c310dfb4097cad97', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
+            } }, h("digi-code-block", { key: '0e624cca736d4194e23ad7ce38ba25218888ea11', afCode: this.codeExample || '', afLanguage: this.afLanguage.toLowerCase(), afVariation: this.afCodeBlockVariation, "af-hide-toolbar": true }), !this.isActive ? (h("div", { class: {
                 'digi-code-example__fade': true,
                 'digi-code-example__fade--dark': this.afCodeBlockVariation === 'dark',
                 'digi-code-example__fade--light': this.afCodeBlockVariation === 'light'
@@ -164,6 +164,7 @@ export class CodeExample {
             }, onAfOnClick: () => this.copyButtonClickHandler(), "af-variation": ButtonVariation.FUNCTION, "af-size": ButtonSize.MEDIUM }, h("digi-icon-copy", { class: "digi-code-example__icon", "aria-hidden": "true", slot: "icon" }), _t.code.copy)))));
     }
     static get is() { return "digi-code-example"; }
+    static get encapsulation() { return "scoped"; }
     static get originalStyleUrls() {
         return {
             "$": ["code-example.scss"]

package/dist/collection/components/_dialog/dialog/dialog.js

@@ -252,11 +252,11 @@ export class Dialog {
         };
     }
     render() {
-        return (h(Host, { key: '081d59c8f189c983387036ce62f06b4ee2769647', ref: (el) => {
+        return (h(Host, { key: 'c62fbfafb22566398916f4c4c7e5cb4e09995c89', ref: (el) => {
                 this._host = el;
-            } }, this.afShowDialog && (h("div", { key: 'debe37c7ada92dd174a8123ca689219d212e7424', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: 'fbdcc37692c3c73745bc2d423e896137fd878392', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: 'f2f07c84aa00a9b52a8d1a74f31607707c875870', ref: (el) => {
+            } }, this.afShowDialog && (h("div", { key: '1f94935881bd7cd447c2624c8640bf425f4b3423', class: Object.assign({ 'digi-dialog': true }, this.cssModifiers) }, h("digi-util-keydown-handler", { key: '62f290fb537b5fe265148ae35df7e6bf4f2ef6b8', onAfOnEsc: (e) => this.escHandler(e), onAfOnTab: (e) => this.tabHandler(e), onAfOnShiftTab: (e) => this.shiftHandler(e), class: "digi-dialog__keydown-handler" }, h("div", { key: '052f14865f6f4d470fc2209f5ab374d19d6864bb', ref: (el) => {
                 this._wrapper = el;
-            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: 'da283fbd5b0a912196108295202513f3052a9c02' }, this.afCloseButtonText && (h("digi-button", { key: '7c502ad56a21bbf0d1c04b297431c4a34fef9c7f', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, h("digi-icon-x", { key: '7bb393f9bec6ffddc1f359d55cc57e034169282a', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'ff74759213789351ed6bd7b814e2c5cf213f462a', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '67858397ee97563fc6c72be0de618940177957af', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '7e09c92b7b9b2bc2b6a7328ba28aa3c0b89e43fd' }), h("div", { key: '32f8cd053a1ae5c149146997a37785fbfce87875', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: '85770a5546a3edfa6a8397cc3ee75e2f4aa93ae4', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: 'ef5e3b1b3af175edb2efcb423640badf0cfa9e9e', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
+            }, role: "dialog", "aria-modal": "true", class: "digi-dialog__content" }, h("digi-typography", { key: 'd6b0b1c0584ab17b6b8fbeca371e421346601994' }, this.afCloseButtonText && (h("digi-button", { key: '5561c0254fc146b93000b7a980ed3785a8388430', ref: (el) => (this._closeButton = el), class: "digi-dialog__close-button", afAriaLabel: this.afCloseButtonText, afSize: ButtonSize.MEDIUM, "af-variation": "function", onAfOnClick: (e) => this.closeDialog(e) }, this.afCloseButtonText, h("digi-icon-x", { key: '02924bb563c07318cbe7534eeb794c5ce71f76ff', class: "digi-dialog__close-icon", slot: "icon-secondary" }))), h("slot", { key: 'ca8c4c797e18c84e924ef1640b116dd1ad5e0423', name: "over-heading" }), this.afHeadingLevel && this.afHeading && (h(this.afHeadingLevel, { key: '603356cd36bf5a30a0a0ff8de04e9eabadb565fe', tabindex: "-1", ref: (el) => (this._dialogHeading = el) }, this.afHeading)), h("slot", { key: '85856c8f7336178ce41e6faab9497d9cbc768b4b' }), h("div", { key: '1a8244e6d893c0d073836ef7056009fc492a29b7', ref: (el) => (this._buttonContainer = el), class: "digi-dialog__button-container" }, this.afSecondaryButtonText && (h("digi-button", { key: '0fba80df4c29a5780623d85f6cb5435610718ccb', ref: (el) => (this._secondaryButton = el), afVariation: ButtonVariation.SECONDARY, onAfOnClick: (e) => this.secondaryClickHandler(e) }, this.afSecondaryButtonText)), this.afPrimaryButtonText && (h("digi-button", { key: '2ac848c3ea59231e6173178c749047629efe62c8', ref: (el) => (this._primaryButton = el), afVariation: ButtonVariation.PRIMARY, onAfOnClick: (e) => this.primaryClickHandler(e) }, this.afPrimaryButtonText))))))))));
     }
     static get is() { return "digi-dialog"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/_expandable/expandable-accordion/expandable-accordion.js

@@ -112,7 +112,7 @@ export class ExpandableAccordion {
         this.afOnClick.emit(e);
     }
     render() {
-        return (h("article", { key: '2616819e45750577fb23f430d41b2787ca2210a5', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'c77c15183eb4bba670ea2299d5dc3c19e243ea42', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '20dc16774240b6d258eec3d94d4b5d9b9d0a735c', class: "digi-expandable-accordion__heading" }, h("button", { key: '23c45158f203517166cd4c5efe8801b849ea04e0', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, h("digi-icon-chevron-down", { key: 'bd48367111a6aac92061bda052ffb6708d4f3967', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '2e419d3fd48aa8fd31f33012b541a0fd86e60d78', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: 'a28657a14024836c9bb1c7e825c573ed6c598eca', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: 'e13b9e653c1714adefd5401300789ed89d4cc1b3' }, h("digi-typography", { key: '335442cf9f97ec3f821ab2ca296e1539b24354cf' }, h("slot", { key: '05da2edf48d9259187bb72bf73a6c60ec9077bc0' }))))));
+        return (h("article", { key: '4a781d42872cbec88fdc9f1c133de8bc04f00ac8', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-accordion': true }, this.cssModifiers) }, h("header", { key: 'd7e9dcca4bf81f9e676913318820e0a4f9ac1aa3', class: "digi-expandable-accordion__header" }, h(this.afHeadingLevel, { key: '8080bfb5460dcd719debead9e81b8fa5515f3326', class: "digi-expandable-accordion__heading" }, h("button", { key: 'ef4c5c23c5d6e0913861cc59a06d516b4ddc31a9', type: "button", class: "digi-expandable-accordion__button", onClick: (e) => this.clickToggleHandler(e), "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content`, ref: (el) => (this._button = el) }, h("digi-icon-chevron-down", { key: '31e96cb392a8bc8a00780d034cb6727448faada4', class: "digi-expandable-accordion__toggle-icon" }), h("div", { key: '9f1cfe0c776d73b70fd4c17e6102d6f0adbd1352', class: "digi-expandable-accordion__heading-text" }, this.afHeading)))), h("section", { key: 'aef5146d8aa74deb3e5f179d1b196573eb3e6db8', class: "digi-expandable-accordion__content", id: `${this.afId}-content` }, h("div", { key: '60d9c993d0f575af1026c050f978cdc6521d90a1' }, h("digi-typography", { key: 'ee9d9f05759dfed38d33a865619a0edebcff10ea' }, h("slot", { key: '8e50945b97f793ae76276e5c9cb547c58c816d67' }))))));
     }
     static get is() { return "digi-expandable-accordion"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_expandable/expandable-faq/expandable-faq.js

@@ -29,6 +29,10 @@ export class ExpandableFaq {
         this.getListItems();
         this.setFaqItemProps();
     }
+    get safeHeadingLevel() {
+        const level = Number.parseInt(this.afHeadingLevel.split('h')[1], 10);
+        return level > 6 ? ExpandableFaqHeadingLevel.H6 : this.afHeadingLevel;
+    }
     getListItems() {
         const menuItems = this.hostElement.querySelectorAll('digi-expandable-faq-item');
         if (!menuItems || menuItems.length <= 0) {
@@ -43,22 +47,24 @@ export class ExpandableFaq {
         });
     }
     setFaqItemProps() {
-        this.listItems &&
-            this.listItems.forEach((faqItem) => {
-                faqItem.ref.afVariation = this.afVariation;
-                try {
-                    const topLevel = Number.parseInt(this.afHeadingLevel.split('h')[1]);
-                    faqItem.ref.afHeadingLevel = 'h' + (topLevel + 1);
-                }
-                catch (e) {
-                    // Nothing
-                }
-            });
+        var _a;
+        const topLevel = Number.parseInt(this.safeHeadingLevel.split('h')[1], 10);
+        const itemHeadingLevel = topLevel < 6 ? `h${topLevel + 1}` : 'h6';
+        if (this.afHeadingLevel !== this.safeHeadingLevel) {
+            logger.warn(`The 'af-heading-level' cannot be higher than H6. H6 will be used instead.`, this.hostElement);
+        }
+        else if (topLevel === 6) {
+            logger.warn(`The 'af-heading-level' is set to H6. The FAQ items will also be set to H6.`, this.hostElement);
+        }
+        (_a = this.listItems) === null || _a === void 0 ? void 0 : _a.forEach((faqItem) => {
+            faqItem.ref.afVariation = this.afVariation;
+            faqItem.ref.afHeadingLevel = itemHeadingLevel;
+        });
     }
     render() {
-        return (h("div", { key: 'fde7684ab703ddbe07b156035ba37050ed3dda1b', class: {
+        return (h("div", { key: '0a6c92c81e791475fde4dbee113428f6e870e3c8', class: {
                 'digi-expandable-faq': true
-            } }, h(this.afHeadingLevel, { key: 'f2e2dfac429cdfed99c9f71071770918cf38df70' }, this.afHeading), h("slot", { key: 'a9289be94c96e969748c8bc76a701efb2e2b56d7' })));
+            } }, h("digi-typography", { key: 'fb7bedb9dbe4256c80146e814a6a6b497742a163' }, h(this.safeHeadingLevel, { key: 'd9a76c6963aa6486e392e53948880b981212dffa' }, this.afHeading)), h("slot", { key: '0ec732567e8b732b912b6f4751eabb8b522840ad' })));
     }
     static get is() { return "digi-expandable-faq"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_expandable/expandable-faq-item/expandable-faq-item.js

@@ -100,18 +100,18 @@ export class ExpandableFaqItem {
         }
     }
     render() {
-        return (h("article", { key: 'e0931c4256d2c4162911fe232132b6179968425f', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: '8f6befff5c82c63d5d1f10755f444791f17dafb7', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: 'b9d58dcd28eb430d7b84365ba1bba99d3e86ebc9' }, h("button", { key: 'b2c20566cc84a2b4cbcbe2dcc2a35e44e8f0fcc9', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
+        return (h("article", { key: '6be6d25b260f0c3c9606a3e3fc712e5be88e12ce', "aria-expanded": this.afExpanded ? 'true' : 'false', class: Object.assign({ 'digi-expandable-faq-item': true }, this.cssModifiers) }, h("header", { key: 'b853ee0d91e2569655f68f3b034acdf714b44571', class: "digi-expandable-faq-item__header" }, h(this.afHeadingLevel, { key: 'd67a725661f62f2573514f3e6e0b1a34b1182eb9' }, h("button", { key: '364e0e9875c0238d183d1a8228f34dc95ba1f83c', type: "button", class: "digi-expandable-faq-item__button", onClick: (e) => {
                 e.preventDefault();
                 this.afExpanded = !this.afExpanded;
                 this.afOnClick.emit(e);
-            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: '40e0a896b3d7d44bf282e8462a24c43060a29eff', class: {
+            }, "aria-expanded": this.afExpanded ? 'true' : 'false', "aria-controls": `${this.afId}-content` }, h("digi-icon-chevron-down", { key: '057d2411db5cb698108abf1d5fdef1f532dc1770', class: {
                 'digi-expandable-faq-item__header--toggle-icon': true,
                 'digi-expandable-faq-item__header--toggle-icon--expanded': this.afExpanded
-            } }), h("div", { key: 'f58aa361553f3063bf1e5171f8d320e6cb8189c6', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: 'b4d0dd00a3e6fe9e8367ef5a6f197696de55f4fd', class: {
+            } }), h("div", { key: 'a400a6820c72935f11ebf0df55fdd898c24eb173', class: "digi-expandable-faq-item__header-text" }, this.afHeading)))), h("section", { key: '881094318389111443fa3af94668396762badbc5', class: {
                 'digi-expandable-faq-item__content': true,
                 'digi-expandable-faq-item__content--animation': this.afAnimation,
                 'digi-expandable-faq-item__content--hidden': !this.afExpanded
-            }, id: `${this.afId}-content` }, h("div", { key: 'e9a9147164d3934584cd5da5cfc8080ba9374c76' }, h("digi-typography", { key: '398a0c4e0aa1092db5f4a2e3182218ebbe0c3624' }, h("slot", { key: 'be924dc541b7c41b19b4392d3a988b492144d585' }))))));
+            }, id: `${this.afId}-content` }, h("div", { key: 'f12918f86ce69daa6b91a470ca7d0ec9349dac6a' }, h("digi-typography", { key: '7f271cceca117de6d4dfc61cae46e8e9ea68257d' }, h("slot", { key: '0db4e3be66138dfce483853ddaa39849e4dd0063' }))))));
     }
     static get is() { return "digi-expandable-faq-item"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_footer/footer/footer.js

@@ -26,7 +26,7 @@ export class FooterFooter {
         };
     }
     render() {
-        return (h(Host, { key: '133c1439937cd5c605b46960487caad993847dd3' }, h("footer", { key: '77ad14d88b16d7452ffe5406b0b0bf78c552d3ad', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: 'd695e51d7fed7bdacd5c2706804287e0cd67e94a' }, h("digi-layout-block", { key: '9dd0f463665ae8402445f2ff8b6ddc8b198836dd', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: 'a8b72e661ee8f878ae6cf5a2d5da65bf1fb4fc7f', "af-no-gutter": true }, h("div", { key: '518a65a77376a7648e0c4298c1fd07c19dc725a4', class: "digi-footer__content-top" }, h("slot", { key: '87b6ba476ca0ef0f1a8c96926da133b0a5d27d3c', name: "content-top" })), h("div", { key: '4c43eec28c77d7dd793031beeb1c1962a7d997eb', class: "digi-footer__content-bottom" }, h("slot", { key: 'a2086ff384d987ae36cdadd758647bd950ff08ca', name: "content-bottom-left" }), h("slot", { key: '9a1147e4665ba559a87c0282412298d0be3a4794', name: "content-bottom-right" }))))))));
+        return (h(Host, { key: '01f991e208985e0f4baa2370e1759796e79e16e2' }, h("footer", { key: 'ec717c1ea929b7e8f4768a8f2cda28d44c40457c', class: Object.assign({ 'digi-footer': true }, this.cssModifiers) }, h("digi-typography", { key: '0f880d2402708f5d5b9750ed79c4e5da249d79d0' }, h("digi-layout-block", { key: '33ebd6330a7a5a491c74dd8b0ba02ef4498fd418', afVariation: LayoutBlockVariation.PROFILE }, h("digi-layout-container", { key: 'f646697637b94cefb4d15d68e5577dd36f5cca56', "af-no-gutter": true }, h("div", { key: '1489000ea40378ff7c53d90eba8b6514bc921c67', class: "digi-footer__content-top" }, h("slot", { key: '694e5154560344d84fbaf6aac24ec81887054e15', name: "content-top" })), h("div", { key: '016b0d947e1874414636808aa97471561d310c6f', class: "digi-footer__content-bottom" }, h("slot", { key: '7ed92012150110ae25bc17ee35c9417fa6f58b31', name: "content-bottom-left" }), h("slot", { key: '7e46f29f763f76fd30605bde73b5b23542906b88', name: "content-bottom-right" }))))))));
     }
     static get is() { return "digi-footer"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_footer/footer-card/footer-card.js

@@ -24,7 +24,7 @@ export class FooterFooterCard {
         };
     }
     render() {
-        return (h(Host, { key: 'a15273fc73e9e7e9fc9084dafb28c4bdd211a304' }, h("div", { key: '80d2759e16e78a4018a94b8a83cbabdb7d50ce96', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: 'f305ebb61e11f1e3b6862d02eb8be3dc6ca00e4c', class: "digi-footer-card__content" }, h("slot", { key: '4928d8f14f35856a3adee2d7d8d44f9dffaebd1b' })))));
+        return (h(Host, { key: '53f8d5774dce0d2b9c41000a68e76c44957a43f2' }, h("div", { key: '00af88b7956647374a763dc3af89f444e748ecd1', class: Object.assign({ 'digi-footer-card': true }, this.cssModifiers) }, h("div", { key: '28eac7401a11f8526fb997950c4a393471d1c4d9', class: "digi-footer-card__content" }, h("slot", { key: '39f48ef9ffc87f4cac7149d10d7a6e1736532b75' })))));
     }
     static get is() { return "digi-footer-card"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/components/_form/form-category-filter/form-category-filter.css

@@ -10,9 +10,9 @@
   --digi--button--icon--spacing: 0px;
 }
 :host .digi-form-category-filter--category--not-selected {
-  --digi--button--color--background--primary--default: var(--digi--color--background--interactive--default--tertiary);
+  --digi--button--color--background--primary--default: var(--digi--color--background--interactive--default--quaternary);
   --digi--button--color--text--primary--default: var(--digi--color--text--interactive--brand-primary);
-  --digi--button--color--border--primary--default: var(--digi--color--border--interactive--default--secondary);
+  --digi--button--color--border--primary--default: var(--digi--color--background--interactive--default--quaternary);
 }
 :host .digi-form-category-filter--category--thin-text {
   font-weight: 400;

package/dist/collection/components/_form/form-category-filter/form-category-filter.js

@@ -124,7 +124,7 @@ export class FormCategoryFilter {
         this.afHideToggle = !this.toggleHidden;
     }
     render() {
-        return (h(Host, { key: 'ec8e3838a29d5f77462b0c7e8e5ddb510eac2bc9' }, h("div", { key: '085c916fa62b00636a188ac8b225af8f370c25ff', class: {
+        return (h(Host, { key: 'eb3139656b9a3238816d8421ba6aba35c3adb51e' }, h("div", { key: 'f01cdb704aac7eb4062ec533830fd3a1481f2373', class: {
                 'digi-form-category-filter': true
             } }, this.displayCategories().map((category) => (h("digi-button", { class: {
                 'digi-form-category-filter--category': true,
@@ -132,7 +132,7 @@ export class FormCategoryFilter {
             }, afVariation: "primary", afAriaPressed: this.selectedCategories.includes(category.name), onAfOnClick: () => {
                 this.toggleCategory(category);
             } }, typeof category.hits === 'undefined' && category.name, typeof category.hits !== 'undefined' && (h("span", null, category.name, ' ', h("span", { class: "digi-form-category-filter--category--thin-text" }, "(", category.hits, ")")))))), this.afHideToggle === false &&
-            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: '2c8459757e7940cc6840132d6bf58d765ad3bef1' }, h("digi-button", { key: 'cf326f63112f4301fafd93bbbe0ae6a604ce6790', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
+            this.afCategories.length > this.afVisibleCollapsed && (h("div", { key: '107986a33eb0e7dd26a991837ecb0b51e9c7599b' }, h("digi-button", { key: '88ef298b12108b3a57f0d67bcbaf2a54b109a182', afVariation: "function", afAriaExpanded: !this.collapsed, onClick: () => {
                 this.toggleCollapsed();
             } }, this.collapsed ? 'Visa alla' : 'Visa färre', this.collapsed ? (h("digi-icon-plus", { slot: "icon", "aria-hidden": "true" })) : (h("digi-icon-minus", { slot: "icon", "aria-hidden": "true" }))))))));
     }