@designsystem-se/af 39.0.1-beta.dark-mode → 39.1.0-beta.2

package/components/digi-badge-notification.js

@@ -1,4 +1,4 @@
-import { B as BadgeNotification, d as defineCustomElement$1 } from './p-db0d140d.js';
+import { B as BadgeNotification, d as defineCustomElement$1 } from './p-DCIb7eD_.js';
 
 const DigiBadgeNotification = BadgeNotification;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-badge-status.js

@@ -1,18 +1,29 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-a53686b3.js';
-import { a as BadgeStatusType, B as BadgeStatusSize, b as BadgeStatusVariation } from './p-a4a001e1.js';
+import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-B-pDXa1I.js';
+import { a as BadgeStatusType, B as BadgeStatusSize, b as BadgeStatusVariation } from './p-C0A-p3cU.js';
 
-const badgeStatusCss = ".sc-digi-badge-status-h{--digi--badge-status--color--primary:var(--digi--color--text--secondary);--digi--badge-status--color--secondary:var(--digi--color--text--primary-stay);--digi--badge-status--background-color--approved--primary:var(--digi--color--background--sentiment--success--secondary);--digi--badge-status--background-color--approved--secondary:var(--digi--color--background--sentiment--success--tertiary);--digi--badge-status--background-color--denied--primary:var(--digi--color--background--sentiment--error--secondary);--digi--badge-status--background-color--denied--secondary:var(--digi--color--background--sentiment--error--tertiary);--digi--badge-status--background-color--missing--primary:var(--digi--color--background--sentiment--warning--secondary);--digi--badge-status--background-color--missing--secondary:var(--digi--color--background--sentiment--warning--tertiary);--digi--badge-status--color--missing:var(--digi--color--text--primary);--digi--badge-status--background-color--prompt--primary:var(--digi--color--background--sentiment--info--secondary);--digi--badge-status--background-color--prompt--secondary:var(--digi--color--background--sentiment--info--tertiary);--digi--badge-status--background-color--beta--primary:var(--digi--color--background--sentiment--beta--primary);--digi--badge-status--background-color--beta--secondary:var(--digi--color--background--sentiment--beta--secondary);--digi--badge-status--background-color--neutral--primary:var(--digi--color--background--sentiment--neutral--primary);--digi--badge-status--background-color--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary)}.sc-digi-badge-status-h .digi-badge-status.sc-digi-badge-status{display:inline-flex;align-items:center;height:1.5rem;border-radius:var(--digi--global--border-radius--base);padding-left:0.5rem;padding-right:0.5rem;font-size:var(--digi--global--typography--font-size--small);font-weight:600;border-width:var(--digi--border-width--secondary);border-style:solid;border-color:transparent;color:var(--COLOR);background-color:var(--BACKGROUND-COLOR);box-sizing:border-box}.sc-digi-badge-status-h .digi-badge-status--approved--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--approved--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--approved--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--approved--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--denied--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--denied--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--denied--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--denied--secondary);--COLOR:var(digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--missing--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--missing--primary);--COLOR:var(--digi--color--text--primary-stay)}.sc-digi-badge-status-h .digi-badge-status--missing--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--missing--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--prompt--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--prompt--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--prompt--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--prompt--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--beta--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--beta--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--beta--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--beta--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--neutral--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--neutral--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--neutral--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--neutral--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status__text.sc-digi-badge-status{text-align:center;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-badge-status-h .digi-badge-status--small.sc-digi-badge-status{height:1.25rem;padding-left:0.4375rem;padding-right:0.4375rem;font-size:var(--digi--global--typography--font-size--smaller)}";
-const DigiBadgeStatusStyle0 = badgeStatusCss;
+const badgeStatusCss = () => `.sc-digi-badge-status-h{--digi--badge-status--color--primary:var(--digi--color--text--secondary);--digi--badge-status--color--secondary:var(--digi--color--text--primary);--digi--badge-status--background-color--approved--primary:var(--digi--color--background--sentiment--success--secondary);--digi--badge-status--background-color--approved--secondary:var(--digi--color--background--sentiment--success--tertiary);--digi--badge-status--background-color--denied--primary:var(--digi--color--background--sentiment--error--secondary);--digi--badge-status--background-color--denied--secondary:var(--digi--color--background--sentiment--error--tertiary);--digi--badge-status--background-color--missing--primary:var(--digi--color--background--sentiment--warning--secondary);--digi--badge-status--background-color--missing--secondary:var(--digi--color--background--sentiment--warning--tertiary);--digi--badge-status--color--missing:var(--digi--color--text--primary);--digi--badge-status--background-color--prompt--primary:var(--digi--color--background--sentiment--info--secondary);--digi--badge-status--background-color--prompt--secondary:var(--digi--color--background--sentiment--info--tertiary);--digi--badge-status--background-color--beta--primary:var(--digi--color--background--sentiment--beta--primary);--digi--badge-status--background-color--beta--secondary:var(--digi--color--background--sentiment--beta--secondary);--digi--badge-status--background-color--neutral--primary:var(--digi--color--background--sentiment--neutral--primary);--digi--badge-status--background-color--neutral--secondary:var(--digi--color--background--sentiment--neutral--secondary)}.sc-digi-badge-status-h .digi-badge-status.sc-digi-badge-status{display:inline-flex;align-items:center;height:1.5rem;border-radius:var(--digi--global--border-radius--base);padding-left:0.5rem;padding-right:0.5rem;font-size:var(--digi--global--typography--font-size--small);font-weight:600;border-width:var(--digi--border-width--secondary);border-style:solid;border-color:transparent;color:var(--COLOR);background-color:var(--BACKGROUND-COLOR);box-sizing:border-box}.sc-digi-badge-status-h .digi-badge-status--approved--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--approved--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--approved--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--approved--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--denied--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--denied--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--denied--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--denied--secondary);--COLOR:var(digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--missing--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--missing--primary);--COLOR:var(--digi--grayscale-900)}.sc-digi-badge-status-h .digi-badge-status--missing--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--missing--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--prompt--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--prompt--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--prompt--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--prompt--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--beta--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--beta--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--beta--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--beta--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status--neutral--primary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--neutral--primary);--COLOR:var(--digi--badge-status--color--primary)}.sc-digi-badge-status-h .digi-badge-status--neutral--secondary.sc-digi-badge-status{--BACKGROUND-COLOR:var(--digi--badge-status--background-color--neutral--secondary);--COLOR:var(--digi--badge-status--color--secondary)}.sc-digi-badge-status-h .digi-badge-status__text.sc-digi-badge-status{text-align:center;font-family:var(--digi--global--typography--font-family--default)}.sc-digi-badge-status-h .digi-badge-status--small.sc-digi-badge-status{height:1.25rem;padding-left:0.4375rem;padding-right:0.4375rem;font-size:var(--digi--global--typography--font-size--smaller)}`;
 
 const BadgeStatus = /*@__PURE__*/ proxyCustomElement(class BadgeStatus extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
-        this.afText = undefined;
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * Sätter attributet 'type'.
+         * @en Set status badge `type` attribute.
+         */
         this.afType = BadgeStatusType.NEUTRAL;
+        /**
+         * Sätter storleken.
+         * @en Set status badge size
+         */
         this.afSize = BadgeStatusSize.LARGE;
+        /**
+         * Sätter variation. Kan vara primär eller sekundär
+         * @en Set variation. Can be 'primary' or 'secondary'
+         */
         this.afVariation = BadgeStatusVariation.PRIMARY;
-        this.afAriaLabel = undefined;
     }
     get cssModifiers() {
         return {
@@ -23,7 +34,7 @@ const BadgeStatus = /*@__PURE__*/ proxyCustomElement(class BadgeStatus extends H
     render() {
         return (h(Host, { key: '1d40b541fb0af83bd5a9556ea868bc3f0748dc3a' }, h("div", { key: 'ab8eeadaf141d519ac5816605bf0a6832579fce6', class: Object.assign({ 'digi-badge-status': true }, this.cssModifiers), "aria-label": this.afAriaLabel }, h("span", { key: '39d8f58959f911573668f14b9157f5408ac90b49', class: "digi-badge-status__text" }, this.afText))));
     }
-    static get style() { return DigiBadgeStatusStyle0; }
+    static get style() { return badgeStatusCss(); }
 }, [2, "digi-badge-status", {
         "afText": [1, "af-text"],
         "afType": [1, "af-type"],
@@ -38,8 +49,8 @@ function defineCustomElement$1() {
     const components = ["digi-badge-status"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-badge-status":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, BadgeStatus);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), BadgeStatus);
             }
             break;
     } });

package/components/digi-bar-chart.js

@@ -1,15 +1,15 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-a53686b3.js';
-import { o as ordinal, i as initRange, r as range, s as select, a as axisLeft, l as linear, b as axisBottom, m as max, p as polyInOut, c as min, d as linear$1 } from './p-f9a1a787.js';
-import { _ as _t } from './p-903a27d9.js';
-import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-import { B as BarChartVariation } from './p-dcdffb3c.js';
-import { d as defineCustomElement$8 } from './p-24e68936.js';
-import { d as defineCustomElement$7 } from './p-01264cdd.js';
-import { d as defineCustomElement$6 } from './p-36b65cd5.js';
-import { d as defineCustomElement$5 } from './p-9e98bc1f.js';
-import { d as defineCustomElement$4 } from './p-b18e3596.js';
-import { d as defineCustomElement$3 } from './p-4b44f757.js';
-import { d as defineCustomElement$2 } from './p-2881b363.js';
+import { p as proxyCustomElement, H, h, c as Host, t as transformTag } from './p-B-pDXa1I.js';
+import { o as ordinal, i as initRange, r as range, s as select, a as axisLeft, l as linear, b as axisBottom, m as max, p as polyInOut, c as min, d as linear$1 } from './p-lPbx4RHH.js';
+import { _ as _t } from './p-DsO1BTml.js';
+import { r as randomIdGenerator } from './p-BGaIliX6.js';
+import { B as BarChartVariation } from './p-DPeoHh1J.js';
+import { d as defineCustomElement$8 } from './p--RxphPe_.js';
+import { d as defineCustomElement$7 } from './p-Cj_CEKJ0.js';
+import { d as defineCustomElement$6 } from './p-DHimVTR7.js';
+import { d as defineCustomElement$5 } from './p-BNaLCgyB.js';
+import { d as defineCustomElement$4 } from './p-L3j8lIki.js';
+import { d as defineCustomElement$3 } from './p-CfNd9HJm.js';
+import { d as defineCustomElement$2 } from './p-CXvUvwhd.js';
 
 function band() {
   var scale = ordinal().unknown(undefined),
@@ -91,13 +91,26 @@ function band() {
   return initRange.apply(rescale(), arguments);
 }
 
-const barChartCss = ".sc-digi-bar-chart-h{width:100%;display:flex;flex-direction:column;min-width:0}.sc-digi-bar-chart-h .digi-bar-chart.sc-digi-bar-chart{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-bar-chart-h .svgWrap.sc-digi-bar-chart{position:relative;display:flex;min-height:20px;min-width:20px;width:100%;height:100%}.sc-digi-bar-chart-h .topWrapper.sc-digi-bar-chart,.sc-digi-bar-chart-h .chartTitle.sc-digi-bar-chart .digi-typography.sc-digi-bar-chart{display:flex;flex-direction:column;gap:0.75rem}.sc-digi-bar-chart-h .topWrapper.sc-digi-bar-chart{margin-bottom:0.75rem}.sc-digi-bar-chart-h .chartTitle.sc-digi-bar-chart{--MARGIN--HEADING-2:0;--MARGIN--HEADING-3:0;--MARGIN--HEADING-4:0;--MARGIN--HEADING-5:0;--MARGIN--HEADING-6:0;--MARGIN--BODY:0}.sc-digi-bar-chart-h .buttonWrapper.sc-digi-bar-chart{--digi--button--padding--medium:0 0 0.75rem 0}.sc-digi-bar-chart-h .chartTooltip.sc-digi-bar-chart{top:-5px;position:absolute;background-color:var(--digi--color--background--primary);color:black;padding:5px 10px;padding-right:5px;border-radius:4px;display:block;width:max-content;white-space:nowrap;filter:drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px);font-size:0.875rem}.sc-digi-bar-chart-h .tooltipBody.sc-digi-bar-chart{display:inline-block}.sc-digi-bar-chart-h .tooltipHead.sc-digi-bar-chart{display:flex;flex-direction:row;justify-content:space-between}.sc-digi-bar-chart-h .tooltipClose.sc-digi-bar-chart{display:inline-block;vertical-align:top;--digi--color--icon--primary:#333;cursor:pointer}.sc-digi-bar-chart-h .tooltipClose.sc-digi-bar-chart:hover{--digi--color--icon--primary:gray}.sc-digi-bar-chart-h .legendWrap.sc-digi-bar-chart{display:grid}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart{display:flex;flex-direction:row;gap:1rem;min-width:0;overflow-x:auto;scrollbar-gutter:stable}.sc-digi-bar-chart-h .caret.sc-digi-bar-chart{--digi--icon--color:var(--digi--color--background--primary)}.sc-digi-bar-chart-h .scChartStatus.sc-digi-bar-chart{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-bar-chart-h .table.sc-digi-bar-chart{display:none;overflow-y:auto;height:auto;border-radius:4px;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}";
-const DigiBarChartStyle0 = barChartCss;
+const barChartCss = () => `.sc-digi-bar-chart-h{width:100%;display:flex;flex-direction:column;min-width:0}.sc-digi-bar-chart-h .digi-bar-chart.sc-digi-bar-chart{font-family:var(--digi--global--typography--font-family--default)}.sc-digi-bar-chart-h .svgWrap.sc-digi-bar-chart{position:relative;display:flex;min-height:20px;min-width:20px;width:100%;height:100%}.sc-digi-bar-chart-h .topWrapper.sc-digi-bar-chart,.sc-digi-bar-chart-h .chartTitle.sc-digi-bar-chart .digi-typography.sc-digi-bar-chart{display:flex;flex-direction:column;gap:0.75rem}.sc-digi-bar-chart-h .topWrapper.sc-digi-bar-chart{margin-bottom:0.75rem}.sc-digi-bar-chart-h .chartTitle.sc-digi-bar-chart{--MARGIN--HEADING-2:0;--MARGIN--HEADING-3:0;--MARGIN--HEADING-4:0;--MARGIN--HEADING-5:0;--MARGIN--HEADING-6:0;--MARGIN--BODY:0}.sc-digi-bar-chart-h .buttonWrapper.sc-digi-bar-chart{--digi--button--padding--medium:0 0 0.75rem 0}.sc-digi-bar-chart-h .chartTooltip.sc-digi-bar-chart{top:-5px;position:absolute;background-color:var(--digi--color--background--primary);color:black;padding:5px 10px;padding-right:5px;border-radius:4px;display:block;width:max-content;white-space:nowrap;filter:drop-shadow(rgba(0, 0, 0, 0.8) 0px 0px 1px);font-size:0.875rem}.sc-digi-bar-chart-h .tooltipBody.sc-digi-bar-chart{display:inline-block}.sc-digi-bar-chart-h .tooltipHead.sc-digi-bar-chart{display:flex;flex-direction:row;justify-content:space-between}.sc-digi-bar-chart-h .tooltipClose.sc-digi-bar-chart{display:inline-block;vertical-align:top;--digi--color--icon--primary:#333;cursor:pointer}.sc-digi-bar-chart-h .tooltipClose.sc-digi-bar-chart:hover{--digi--color--icon--primary:gray}.sc-digi-bar-chart-h .legendWrap.sc-digi-bar-chart{display:grid}.sc-digi-bar-chart-h .legend.sc-digi-bar-chart{display:flex;flex-direction:row;gap:1rem;min-width:0;overflow-x:auto;scrollbar-gutter:stable}.sc-digi-bar-chart-h .caret.sc-digi-bar-chart{--digi--icon--color:var(--digi--color--background--primary)}.sc-digi-bar-chart-h .scChartStatus.sc-digi-bar-chart{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sc-digi-bar-chart-h .table.sc-digi-bar-chart{display:none;overflow-y:auto;height:auto;border-radius:4px;background:linear-gradient(white 30%, rgba(255, 255, 255, 0)) center top, linear-gradient(rgba(255, 255, 255, 0), white 70%) center bottom, radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center top, radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) center bottom;background-repeat:no-repeat;background-size:100% 40px, 100% 40px, 100% 14px, 100% 14px;background-attachment:local, local, scroll, scroll}`;
 
 const barChart = /*@__PURE__*/ proxyCustomElement(class barChart extends H {
-    constructor() {
+    constructor(registerHost) {
         super();
-        this.__registerHost();
+        if (registerHost !== false) {
+            this.__registerHost();
+        }
+        /**
+         * Sätter orienteringen på diagrammet, kan vara vertikalt eller horisontellt, vertikalt är förvalt.
+         */
+        this.afVariation = BarChartVariation.Vertical;
+        /**
+         * En sträng med rubriknivån du vill ha i diagrammet, default är 'h3'
+         */
+        this.afHeadingLevel = 'h3';
+        /**
+         * (Frivillig) Om du vill att komponenten ska ha ett unikt ID, kan du skicka in detta här, annars genereras ett automatiskt
+         */
+        this.afId = randomIdGenerator('tooltip');
         // States
         this.loading = false;
         this.placeholderTicks = ['0', '1', '2', '3', '4', '5', '6', '7'];
@@ -1010,10 +1023,6 @@ const barChart = /*@__PURE__*/ proxyCustomElement(class barChart extends H {
                     .style('opacity', 1);
             });
         };
-        this.afVariation = BarChartVariation.Vertical;
-        this.afHeadingLevel = 'h3';
-        this.afId = randomIdGenerator('tooltip');
-        this.afChartData = undefined;
     }
     afChartDataUpdate(data) {
         if ((typeof data === 'string' && Object.keys(JSON.parse(data)).length > 0) ||
@@ -1700,16 +1709,20 @@ const barChart = /*@__PURE__*/ proxyCustomElement(class barChart extends H {
     }
     get hostElement() { return this; }
     static get watchers() { return {
-        "afChartData": ["afChartDataUpdate"]
+        "afChartData": [{
+                "afChartDataUpdate": 0
+            }]
     }; }
-    static get style() { return DigiBarChartStyle0; }
+    static get style() { return barChartCss(); }
 }, [2, "digi-bar-chart", {
         "afVariation": [1, "af-variation"],
         "afHeadingLevel": [1, "af-heading-level"],
         "afId": [1, "af-id"],
         "afChartData": [1025, "af-chart-data"]
     }, undefined, {
-        "afChartData": ["afChartDataUpdate"]
+        "afChartData": [{
+                "afChartDataUpdate": 0
+            }]
     }]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
@@ -1718,42 +1731,42 @@ function defineCustomElement$1() {
     const components = ["digi-bar-chart", "digi-button", "digi-icon-caret-down", "digi-icon-caret-up", "digi-icon-chart", "digi-icon-table", "digi-icon-x", "digi-typography"];
     components.forEach(tagName => { switch (tagName) {
         case "digi-bar-chart":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, barChart);
+            if (!customElements.get(transformTag(tagName))) {
+                customElements.define(transformTag(tagName), barChart);
             }
             break;
         case "digi-button":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$8();
             }
             break;
         case "digi-icon-caret-down":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$7();
             }
             break;
         case "digi-icon-caret-up":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$6();
             }
             break;
         case "digi-icon-chart":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$5();
             }
             break;
         case "digi-icon-table":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$4();
             }
             break;
         case "digi-icon-x":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$3();
             }
             break;
         case "digi-typography":
-            if (!customElements.get(tagName)) {
+            if (!customElements.get(transformTag(tagName))) {
                 defineCustomElement$2();
             }
             break;

package/components/digi-button.js

@@ -1,4 +1,4 @@
-import { B as Button, d as defineCustomElement$1 } from './p-24e68936.js';
+import { B as Button, d as defineCustomElement$1 } from './p--RxphPe_.js';
 
 const DigiButton = Button;
 const defineCustomElement = defineCustomElement$1;