@designsystem-se/af 38.0.1-beta.1 → 38.1.0

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

@@ -14,7 +14,13 @@ export class ChartLine {
         this._lineTypes = [null, '18, 7', '8,7', '2,6'];
         this._strokeWidth = 2.75;
         this._lineCap = 'round';
-        this._strokeGlyphs = [d3.symbolCircle, d3.symbolTriangle, d3.symbolSquare, d3.symbolWye, d3.symbolDiamond2];
+        this._strokeGlyphs = [
+            d3.symbolCircle,
+            d3.symbolTriangle,
+            d3.symbolSquare,
+            d3.symbolWye,
+            d3.symbolDiamond2
+        ];
         this._toggled = false;
         this._tickSize = 0;
         // Selection list from legend chips
@@ -98,9 +104,7 @@ export class ChartLine {
                     .tickSize(-(this.dims.width - this.margin.left))
                     .tickFormat((d) => d3.formatLocale(this.axisNumberFormat).format(this.formatStyle)(d)));
             }
-            this._yAxisHandle
-                .selectAll('line')
-                .attr('stroke', '#BDBDBD');
+            this._yAxisHandle.selectAll('line').attr('stroke', '#BDBDBD');
             this._yAxisHandle.select('.domain').attr('display', 'none');
             if (init)
                 this.leftSetAxis(init);
@@ -179,7 +183,7 @@ export class ChartLine {
             container
                 .selectAll('.legendSvg')
                 .filter((...[, i]) => {
-                return i > (this._lineTypes.length - 1);
+                return i > this._lineTypes.length - 1;
             })
                 .append('path')
                 .attr('d', (...[, i]) => this.symbolType(i, 70))
@@ -337,7 +341,7 @@ export class ChartLine {
                 .selectAll('.symbolGroup')
                 .data(this.reshapeData(this._chartData.data.series.filter(
             // Symbols are only needed, when we are out of line types
-            (...[, index]) => index > (this._lineTypes.length - 1))))
+            (...[, index]) => index > this._lineTypes.length - 1)))
                 .join((enter) => {
                 if (!transition) {
                     enter
@@ -1346,7 +1350,7 @@ export class ChartLine {
                 .attr('class', 'linePath')
                 .attr('stroke', (d) => this.colorFunction(d))
                 .attr('stroke-linecap', this._lineCap)
-                .attr('stroke-width', (d) => (d.length > 1 ? this._strokeWidth : 4))
+                .attr('stroke-width', (d) => d.length > 1 ? this._strokeWidth : 4)
                 .attr('fill', 'none')
                 .attr('stroke-dasharray', (d, i) => d.length > 1 ? this.dashFunction(d, i) : null)
                 .attr('d', (d) => this._LineFunc(d.line));
@@ -1616,7 +1620,7 @@ export class ChartLine {
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}>`;
         else
             heading = `<${this.afHeadingLevel}>${this._chartData.title}</${this.afHeadingLevel}><p>${this._chartData.subTitle}</p>`;
-        return (h("host", { key: 'eedf8d79973aa2d15f474e93134acbdfb9ef3d0c', ref: (el) => (this._host = el) }, h("div", { key: 'd8500c2d3ca271fac9ebf5ec35c4c4da9aef0abd', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '5c9b87f00f5bba14becd10154e3b13cac48124b7', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '859a31da8c6afc1c07474ea4914af732588cef5b', 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: '3852def8d78f96314ee1a304a8b4b5d787e6f456', slot: "icon" }), "Visa tabell"), h("digi-button", { key: 'b4c53c45553bce7c77d20653d52a39c431597491', 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: '8f5fabf6d507e5e664dcf9c89a73a2bfb5572645', slot: "icon" }), "Visa diagram"), h("div", { key: '7678960d000f436d5b0a9dce2f4489f9b48a0fee', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '64edcbc78f51256719674dc4f9dc01af0ee7998a', class: "chartTooltip", id: this.afId }, h("div", { key: '0e9d9ffed55146e7aef132df07eea7ff2f5996c0', class: "tooltipHead" }, h("digi-icon-x", { key: '0463a7d4892199fb684f536a07a45132ad458c62', class: "close" }), ' '), h("div", { key: 'a703ec0152cee394b60a9110dfba8090c8e2e0bb', class: "tooltipBody" })), h("div", { key: '36fe4d1b5ede71ff5fd0e04be1ce33a6a5dfa7bd', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '558f1c0c8d1c6921d76a2e017197914af3b4e83c', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'f003d37dd680bf77a0fda37ba976edce57a7fcfe', class: "table", ref: (el) => (this._tableDiv = el) }, ' ')));
+        return (h("host", { key: 'a21c09ee91ccabf90f91d2344d301d26710f9a60', ref: (el) => (this._host = el) }, h("div", { key: 'c97af6a0bbc28675a19c843a3c355b35397e5804', class: "topWrapper", ref: (el) => (this._titleDiv = el) }, h("digi-typography", { key: '76085c6924fd317d4a281e93ca4623b85f0fb867', class: "chartTitle", innerHTML: heading }), h("digi-button", { key: '241e30b3094e8eea86c7c24bb2a90f67ea04ef6f', 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: '5cc0d03d40d076481d14d0478390b131cdaa61f7', slot: "icon" }), "Visa tabell"), h("digi-button", { key: '241d3e97b9a21f556b3e46cebc63c77ce106d26c', 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: 'f0a5c78bc5e04db994559f2ce1a13c0e7285c36d', slot: "icon" }), "Visa diagram"), h("div", { key: 'f7ebab0f90d1a9f9a306470c93ccaaaf0461a9a7', class: "scChartStatus", role: "status", ref: (el) => (this._status = el) })), h("div", { key: '75672c02d61a14741348dc183782df71f3a4db19', class: "chartTooltip", id: this.afId }, h("div", { key: 'b4e03381d825d68af2bdbf859458896c639b6559', class: "tooltipHead" }, h("digi-icon-x", { key: '1301ab00ff3818e0940e69f17aa09b296c04a86c', class: "close" }), ' '), h("div", { key: 'eb01d362db4495c0a3d4396ad4c71c2a952114ad', class: "tooltipBody" })), h("div", { key: 'accd6776d3db14c662ff84b2e826f6cf713ff38d', class: "chart", ref: (el) => (this._chartDiv = el) }), h("div", { key: '507dfba00c88d5b371fd8304053b9b7762506d25', class: "legend", ref: (el) => (this._legendDiv = el) }), h("div", { key: 'cb3fc091c6a557bfd62e8f7d59863e973da0ee53', 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-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/_dialog/dialog/dialog.css

@@ -28,7 +28,7 @@ License: none (public domain)
   --digi--dialog--content--width--medium: 42.1875rem;
   --digi--dialog--content--width--large: 56.25rem;
   --digi--dialog--content--color--primary: var(--digi--color--text--primary);
-  --digi--dialog--content--color--background--primary: var(--digi--color--background--primary-elevated);
+  --digi--dialog--content--color--background--primary: var(--digi--color--background--primary);
   --digi--dialog--icon--color--primary: var(--digi--color--icon--primary);
   --digi--dialog--icon--color--primary--hover: var(--digi--color--icon--primary);
 }

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

@@ -4,8 +4,8 @@ License: none (public domain)
 */
 :host {
   --digi--expandable-faq-item--header--background-color--primary: var(--digi--color--background--pop-out);
-  --digi--expandable-faq-item--header--background-color--secondary: var(--digi--color--background--secondary-elevated);
-  --digi--expandable-faq-item--header--background-color--tertiary: var(--digi--color--background--primary-elevated);
+  --digi--expandable-faq-item--header--background-color--secondary: var(--digi--color--background--secondary);
+  --digi--expandable-faq-item--header--background-color--tertiary: var(--digi--color--background--primary);
   --digi--expandable-faq-item--header--toggle-icon--transition: ease-in-out var(--digi--animation--duration--base) all;
   --digi--expandable-faq-item--content--transition: ease-in-out var(--digi--animation--duration--base) height;
   --digi--expandable-faq-item--icon--size: 0.875rem;