@designsystem-se/af 34.0.3 → 34.0.4-beta.0

package/components/digi-table.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, h } from './p-f124fce4.js';
+import { p as proxyCustomElement, H, h } from './p-e5abfc2d.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { a as TableVariation, T as TableSize } from './p-0f3fbb1e.js';
 
-const tableCss = "digi-table{--digi--table--font-family:var(--digi--global--typography--font-family--default);--digi--table--font-size:var(--digi--typography--body--font-size--desktop);--digi--table--color:var(--digi--color--text--primary);--digi--table--font-weight:var(--digi--typography--body--font-weight--desktop);--digi--table--cell--margin:var(--digi--gutter--small);--digi--table--cell--padding--y:var(--digi--gutter--larger);--digi--table--cell--padding--x:var(--digi--gutter--larger);--digi--table--cell--padding--y--s:var(--digi--gutter--small);--digi--table--cell--padding--x--s:var(--digi--gutter--small);--digi--table--th--border-color:var(--digi--color--border--primary);--digi--table--td--border-color:var(--digi--color--border--neutral-2);--digi--table--th--font-weight:var(--digi--typography--label--font-weight--desktop);--digi--table--background:var(--digi--color--background--neutral-6);--digi--table--background--even:var(--digi--color--background--secondary);--digi--table--color--active:var(--digi--color--text--inverted);--digi--table--background--active:var(--digi--color--background--complementary-1)}digi-table .digi-table{position:relative}digi-table .digi-table__scroll-container{max-width:100%;overflow-x:auto;position:relative}digi-table .digi-table--primary table,digi-table .digi-table--secondary table{border-collapse:collapse}digi-table .digi-table--primary th,digi-table .digi-table--secondary th{font-weight:var(--digi--table--th--font-weight);border-bottom:solid 1px var(--digi--table--th--border-color)}digi-table .digi-table--primary th[scope=row],digi-table .digi-table--primary td,digi-table .digi-table--secondary th[scope=row],digi-table .digi-table--secondary td{border-bottom:solid 1px var(--digi--table--td--border-color)}digi-table .digi-table--secondary tbody tr:nth-child(even){background:var(--digi--table--background)}digi-table .digi-table--tertiary table{border-spacing:var(--digi--table--cell--margin);border-collapse:separate}digi-table .digi-table--tertiary tbody tr:nth-child(odd){background:var(--digi--table--background)}digi-table .digi-table--tertiary tbody tr:nth-child(even){background:var(--digi--table--background--even)}digi-table .digi-table--small table th,digi-table .digi-table--small table td{padding:var(--digi--table--cell--padding--y--s) var(--digi--table--cell--padding--x--s)}digi-table table{font-family:var(--digi--table--font-family);font-size:var(--digi--table--font-size);color:var(--digi--table--color);font-weight:var(--digi--table--font-weight);text-align:left;width:100%}digi-table table th,digi-table table td{padding:var(--digi--table--cell--padding--y) var(--digi--table--cell--padding--x)}digi-table table tr[data-af-table-row~=active],digi-table table th[data-af-table-cell~=active],digi-table table td[data-af-table-cell~=active]{color:var(--digi--table--color--active);background-color:var(--digi--table--background--active)}digi-table table th[data-af-table-cell~=center],digi-table table td[data-af-table-cell~=center]{text-align:center}digi-table table th[data-af-table-cell~=right],digi-table table td[data-af-table-cell~=right]{text-align:right}";
+const tableCss = "digi-table{--digi--table--font-family:var(--digi--global--typography--font-family--default);--digi--table--font-size:var(--digi--typography--body--font-size--desktop);--digi--table--color:var(--digi--color--text--primary);--digi--table--font-weight:var(--digi--typography--body--font-weight--desktop);--digi--table--cell--margin:var(--digi--gutter--small);--digi--table--cell--padding--y:var(--digi--gutter--larger);--digi--table--cell--padding--x:var(--digi--gutter--larger);--digi--table--cell--padding--y--s:var(--digi--gutter--small);--digi--table--cell--padding--x--s:var(--digi--gutter--small);--digi--table--th--border-color:var(--digi--color--marking--indication--tertiary);--digi--table--td--border-color:var(--digi--color--divider--primary);--digi--table--th--font-weight:var(--digi--typography--label--font-weight--desktop);--digi--table--background:var(--digi--color--background--secondary);--digi--table--background--even:var(--digi--color--background--secondary-accent);--digi--table--color--active:var(--digi--color--text--secondary);--digi--table--background--active:var(--digi--color--marking--indication--secondary)}digi-table .digi-table{position:relative}digi-table .digi-table__scroll-container{max-width:100%;overflow-x:auto;position:relative}digi-table .digi-table--primary table,digi-table .digi-table--secondary table{border-collapse:collapse}digi-table .digi-table--primary th,digi-table .digi-table--secondary th{font-weight:var(--digi--table--th--font-weight);border-bottom:solid 1px var(--digi--table--th--border-color)}digi-table .digi-table--primary th[scope=row],digi-table .digi-table--primary td,digi-table .digi-table--secondary th[scope=row],digi-table .digi-table--secondary td{border-bottom:solid 1px var(--digi--table--td--border-color)}digi-table .digi-table--secondary tbody tr:nth-child(even){background:var(--digi--table--background)}digi-table .digi-table--tertiary table{border-spacing:var(--digi--table--cell--margin);border-collapse:separate}digi-table .digi-table--tertiary tbody tr:nth-child(odd){background:var(--digi--table--background)}digi-table .digi-table--tertiary tbody tr:nth-child(even){background:var(--digi--table--background--even)}digi-table .digi-table--small table th,digi-table .digi-table--small table td{padding:var(--digi--table--cell--padding--y--s) var(--digi--table--cell--padding--x--s)}digi-table table{font-family:var(--digi--table--font-family);font-size:var(--digi--table--font-size);color:var(--digi--table--color);font-weight:var(--digi--table--font-weight);text-align:left;width:100%}digi-table table th,digi-table table td{padding:var(--digi--table--cell--padding--y) var(--digi--table--cell--padding--x)}digi-table table tr[data-af-table-row~=active],digi-table table th[data-af-table-cell~=active],digi-table table td[data-af-table-cell~=active]{color:var(--digi--table--color--active);background-color:var(--digi--table--background--active)}digi-table table th[data-af-table-cell~=center],digi-table table td[data-af-table-cell~=center]{text-align:center}digi-table table th[data-af-table-cell~=right],digi-table table td[data-af-table-cell~=right]{text-align:right}";
 const DigiTableStyle0 = tableCss;
 
 const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
@@ -22,7 +22,7 @@ const Table = /*@__PURE__*/ proxyCustomElement(class Table extends H {
         };
     }
     render() {
-        return (h("div", { key: '081ef1b6b8ea07625c06a2009187f2d39f03abd3', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '035c017a946ac09441f65e44b823d0fcb3e10b05', class: "digi-table__scroll-container" }, h("slot", { key: '49ebdc1e980713faee29d3dec72ecf8dfbcb50db' }))));
+        return (h("div", { key: 'cc715ae5382bdeeeab50e5025f6af69ca8318ea7', class: Object.assign({ 'digi-table': true }, this.cssModifiers) }, h("div", { key: '263df7ee5ec436364c7e9578eefb37aa412d2f10', class: "digi-table__scroll-container" }, h("slot", { key: '74e025d1c0048c73bb2c6711c3e5f9534d73ecd6' }))));
     }
     static get style() { return DigiTableStyle0; }
 }, [4, "digi-table", {

package/components/digi-tablist-panel.js

@@ -1,4 +1,4 @@
-import { p as proxyCustomElement, H, h, d as Host } from './p-f124fce4.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-e5abfc2d.js';
 
 const NavigationTabPanel = /*@__PURE__*/ proxyCustomElement(class NavigationTabPanel extends H {
     constructor() {
@@ -8,11 +8,11 @@ const NavigationTabPanel = /*@__PURE__*/ proxyCustomElement(class NavigationTabP
         this.isVisible = false;
     }
     render() {
-        return (h(Host, { key: '86f137cc5e2a52c59307d8efd21981606c84478e' }, h("div", { key: '642ae49a6b9c667b786acd732d30b5e62f0a629e', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
+        return (h(Host, { key: 'caa564f4497de7ceaeacc84abfebcc0f4aec7e9c' }, h("div", { key: '8d9f1941a0cfb540743354574eed9004c7e98907', id: `tabpanel-${this.tab}`, role: "tabpanel", "aria-labelledby": `tab-${this.tab}`, style: {
                 display: this.isVisible ? 'initial' : 'none',
                 overflowX: 'hidden',
                 overflowY: 'auto'
-            } }, h("slot", { key: '01cdafb4516423f5561fdf8d8128fc7370e4f9ec' }))));
+            } }, h("slot", { key: '2e3a5de8f7e8e37b053440f4af6fc51820e30bfa' }))));
     }
     get hostElement() { return this; }
 }, [6, "digi-tablist-panel", {

package/components/digi-tablist.js

@@ -1,7 +1,7 @@
-import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-f124fce4.js';
-import { d as defineCustomElement$4 } from './p-35230ec3.js';
-import { d as defineCustomElement$3 } from './p-0643b217.js';
-import { d as defineCustomElement$2 } from './p-6afc74b6.js';
+import { p as proxyCustomElement, H, c as createEvent, h, d as Host } from './p-e5abfc2d.js';
+import { d as defineCustomElement$4 } from './p-d07c5d0e.js';
+import { d as defineCustomElement$3 } from './p-958aefc9.js';
+import { d as defineCustomElement$2 } from './p-1a9e0696.js';
 
 var Direction;
 (function (Direction) {
@@ -14,7 +14,7 @@ var OverflowMode;
     OverflowMode["Scroll"] = "scroll";
 })(OverflowMode || (OverflowMode = {}));
 
-const navigationTablistCss = ".digi--util--fs--xs.sc-digi-tablist{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-tablist{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-tablist{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-tablist{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-tablist{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-tablist{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-tablist{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-tablist{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-tablist{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-tablist{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-tablist{padding-top:5rem !important}.digi--util--pb--1.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-tablist{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-tablist{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-tablist{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-tablist{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-tablist{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-tablist{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-tablist{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-tablist{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-tablist{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-tablist{padding:2.5rem !important}.digi--util--p--60.sc-digi-tablist{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-tablist{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-tablist{padding:4.5rem !important}.digi--util--p--90.sc-digi-tablist{padding:5rem !important}.digi--util--ptb--1.sc-digi-tablist{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-tablist{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-tablist{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-tablist{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-tablist{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-tablist{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-tablist{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-tablist{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-tablist{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-tablist{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-tablist{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-tablist{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-tablist{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-tablist{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-tablist{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-tablist{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-tablist{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-tablist{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-tablist{display:none}.sc-digi-tablist-h{--tab-active-border-color:var(--digi--color--border--tertiary);--tab-text-color:var(--digi--color--text--primary);--icon-color:var(--digi--color--text--primary);--icon-color-hover:var(--digi--color--icons--inverted);--icon-color-active:var(--digi--color--icons--complementary-1);--icon-background:var(--digi--color--background--neutral-6);--icon-hover-background:var(--digi--color--background--inverted-2);--icon-active-background:var(--digi--color--background--neutral-7);--tab-icon-primary--color:var(--digi--color--icons--primary);--tab-icon-primary--color-hover:var(--digi--color--icons--primary);--tab-icon-primary--color-active:var(--digi--color--icons--primary)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist{font-family:var(--digi--global--typography--font-family--default);color:var(--digi--typography--color--text);position:relative;display:flex;gap:1rem;background-color:white;margin-bottom:2.875rem;border-bottom:1px solid var(--digi--color--border--neutral-2)}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist .control-wrapper.sc-digi-tablist{display:none !important}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:auto}.sc-digi-tablist-h .digi-tablist--overflow-controls.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:hidden}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist button.sc-digi-tablist{background:none;border:none;padding:0;font-family:inherit}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist [role=tablist].sc-digi-tablist{display:flex;font-weight:bold;flex-grow:1;width:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;height:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist{display:flex;align-items:center;justify-content:center;background-color:var(--digi--color--background--neutral-6);border-radius:6px;min-height:auto;padding:0.75rem;aspect-ratio:1;cursor:pointer}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-right.sc-digi-tablist,.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-left.sc-digi-tablist{--digi--icon--color:var(--digi--color--text--link)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist{cursor:pointer;white-space:nowrap}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .content-wrapper.sc-digi-tablist{position:relative;height:2.75rem;display:flex;flex-direction:column;transition:background-color 0.1s linear}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .tablist-content.sc-digi-tablist{flex:1;display:flex;padding-right:0.75rem;padding-left:0.75rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--digi--icon--width:1rem;--digi--icon--color:var(--tab-icon-primary--color);padding-right:var(--digi--gutter--smaller)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist digi-badge-notification.sc-digi-tablist{margin-left:-0.125rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist{font-size:1rem;flex-direction:column;display:flex;align-items:center;justify-content:center;font-weight:normal;color:var(--tab-text-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist::after{content:attr(data-text);content:attr(data-text)/\"\";height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .indicator.sc-digi-tablist{height:0.25rem;width:100%;visibility:hidden;background-color:var(--tab-active-border-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus{outline:none;box-shadow:none}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus-visible{z-index:10;outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) .title.sc-digi-tablist{color:var(--digi--color--text--link);text-decoration:underline}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-hover)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .title.sc-digi-tablist{font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist svg.sc-digi-tablist{transform:translateX(-0.125rem)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-active)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .indicator.sc-digi-tablist{visibility:visible}";
+const navigationTablistCss = ".sc-digi-tablist-h{--tab-active-border-color:var(--digi--color--marking--navigation--selected);--tab-text-color:var(--digi--color--text--primary);--tab-icon-primary--color:var(--digi--color--icon--primary);--tab-icon-primary--color-hover:var(--digi--color--icon--primary);--tab-icon-primary--color-active:var(--digi--color--icon--primary)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist{font-family:var(--digi--global--typography--font-family--default);color:var(--digi--color--text--primary);position:relative;display:flex;gap:1rem;background-color:white;margin-bottom:2.875rem;border-bottom:1px solid var(--digi--color--divider--secondary)}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist .control-wrapper.sc-digi-tablist{display:none !important}.sc-digi-tablist-h .digi-tablist--overflow-scroll.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:auto}.sc-digi-tablist-h .digi-tablist--overflow-controls.sc-digi-tablist [role=tablist].sc-digi-tablist{overflow-x:hidden}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist button.sc-digi-tablist{background:none;border:none;padding:0;font-family:inherit}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist [role=tablist].sc-digi-tablist{display:flex;font-weight:bold;flex-grow:1;width:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist{position:absolute;z-index:20;display:flex;align-items:center;justify-content:center;height:100%}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist{display:flex;align-items:center;justify-content:center;background-color:var(--digi--color--background--interactive--default--tertiary);border-radius:6px;min-height:auto;padding:0.75rem;aspect-ratio:1;cursor:pointer}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-right.sc-digi-tablist,.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .control-wrapper.sc-digi-tablist .tab-control-button.sc-digi-tablist digi-icon-chevron-left.sc-digi-tablist{--digi--icon--color:var(--digi--color--icon--cta)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist{cursor:pointer;white-space:nowrap}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .content-wrapper.sc-digi-tablist{position:relative;height:2.75rem;display:flex;flex-direction:column;transition:background-color 0.1s linear}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .tablist-content.sc-digi-tablist{flex:1;display:flex;padding-right:0.75rem;padding-left:0.75rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--digi--icon--width:1rem;--digi--icon--color:var(--tab-icon-primary--color);padding-right:var(--digi--gutter--smaller)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist digi-badge-notification.sc-digi-tablist{margin-left:-0.125rem}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist{font-size:1rem;flex-direction:column;display:flex;align-items:center;justify-content:center;font-weight:normal;color:var(--tab-text-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .title.sc-digi-tablist::after{content:attr(data-text);content:attr(data-text)/\"\";height:0;visibility:hidden;overflow:hidden;user-select:none;pointer-events:none;font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist .indicator.sc-digi-tablist{height:0.25rem;width:100%;visibility:hidden;background-color:var(--tab-active-border-color)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus{outline:none;box-shadow:none}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:focus-visible{z-index:10;outline:2px solid black;outline-offset:-3px;box-shadow:0px 0px 0px 5px inset white}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) .title.sc-digi-tablist{color:var(--digi--color--text--interactive--primary);text-decoration:underline}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.sc-digi-tablist:hover:not(.is-active) [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-hover)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .title.sc-digi-tablist{font-weight:bold}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist svg.sc-digi-tablist{transform:translateX(-0.125rem)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist [class*=digi-icon-].sc-digi-tablist:not(svg){--tab-icon-primary--color:var(--tab-icon-primary--color-active)}.sc-digi-tablist-h .digi-tablist.sc-digi-tablist .digi-tab.is-active.sc-digi-tablist .indicator.sc-digi-tablist{visibility:visible}";
 const DigiTablistStyle0 = navigationTablistCss;
 
 const NavigationTablist = /*@__PURE__*/ proxyCustomElement(class NavigationTablist extends H {
@@ -255,14 +255,14 @@ const NavigationTablist = /*@__PURE__*/ proxyCustomElement(class NavigationTabli
             cancelAnimationFrame(this._requestAnimationFrame);
     }
     render() {
-        return (h(Host, { key: 'aa87d470a00824859deb1e9305497f0001339c6a' }, h("div", { key: 'd2ea6128277f7aa604f8fab19828e5aabca636b3', class: {
+        return (h(Host, { key: '62357c276bbc70cf924d07a777869c505700d094' }, h("div", { key: 'fa7240a20e584e03f01d98f7959bcea0b1694616', class: {
                 'digi-tablist': true,
                 'digi-tablist--overflow-scroll': this.afOverflowMode === OverflowMode.Scroll,
                 'digi-tablist--overflow-controls': this.afOverflowMode === OverflowMode.Controls
-            } }, h("div", { key: '70f11f894aebe7b07ba8242e77415269b4993d3b', class: "control-wrapper", style: {
+            } }, h("div", { key: '1dca20ea5f5798b425f9179b1f8df36576b6767b', class: "control-wrapper", style: {
                 left: '0',
                 visibility: this.showPrev ? 'visible' : 'hidden'
-            } }, h("button", { key: 'e3f12c0df8027fb68d0dc2a3959e3eb381c32cc0', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: '5c38bf4c6a812b8a3037ac56f157fcca621aeeb0' }))), h("div", { key: '64a663ca0549924b09ac5c8e2baf3068ddcd31f5', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
+            } }, h("button", { key: '728efa5f9161b735f756a1e367c222850eb45123', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Previous) }, h("digi-icon-chevron-left", { key: 'a2c3901671c43caf5c445e390f8e6ab501bccb79' }))), h("div", { key: '969cd394d0c708000a2a4f674822827eabbac89f', role: "tablist", ref: (ref) => (this.tablistRef = ref), "aria-labelledby": this.afAriaLabelledby, "aria-label": this.afAriaLabel }, this.tabs.map((tab) => {
             const focusable = tab.id === this.tabs[this.selectedTab].id;
             const isActive = tab.id === this.tabs[this.activeTab].id;
             const Icon = `digi-icon-${tab.icon}`;
@@ -271,10 +271,10 @@ const NavigationTablist = /*@__PURE__*/ proxyCustomElement(class NavigationTabli
                     'digi-tab': true,
                     'is-active': isActive
                 }, id: `tab-${tab.id}`, role: "tab", type: "button", tabindex: focusable ? '0' : '-1', "aria-label": tab.ariaLabel, "aria-selected": isActive.toString(), "aria-controls": `tabpanel-${tab.id}`, onClick: () => this.handleTabChange(tab) }, h("div", { class: "content-wrapper" }, h("span", { class: "tablist-content" }, tab.icon && h(Icon, { "aria-hidden": "true" }), h("span", { class: "title", "data-text": tab.title }, tab.title), tab.badgeValue && (h("digi-badge-notification", { afValue: badgeValue, "aria-hidden": "true" }))), h("div", { class: "indicator" }))));
-        })), h("div", { key: '0b1a044dee5a083e591c432eb3f581e3b55d8194', class: "control-wrapper", style: {
+        })), h("div", { key: 'e991432889a6740178dfccedc5b6100bce8c631a', class: "control-wrapper", style: {
                 right: '0',
                 visibility: this.showNext ? 'visible' : 'hidden'
-            } }, h("button", { key: '1a7cae20dc4c7e642d42e387ef8943a7b50fcede', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: '4a5b8f1777c8dda09b6ff6dbbcd56cf86cac1d95' })))), h("div", { key: '91aaa4dedab1a063461b6c15e030bd5a29259c9b', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'fac2b5dacfc27c2cc51166d4841f122f5b496506' }))));
+            } }, h("button", { key: 'ef06e755887af0eadef01ab4274eec9116030844', tabIndex: -1, type: "button", "aria-hidden": "true", class: { 'tab-control-button': true }, onClick: () => this.handleTabControl(Direction.Next) }, h("digi-icon-chevron-right", { key: 'd37331dc7dacaf46dd50aa75eff5163b9c3ecb01' })))), h("div", { key: '6ebc500cdd706f9a816aa83bed6d6988c5e1fa41', ref: (ref) => (this.panelsRef = ref), role: "presentation" }, h("slot", { key: 'a05ab06ae3d1262c3c807b5e708b5bfaeeb14e8e' }))));
     }
     static get watchers() { return {
         "activeTab": ["syncPanels"],

package/components/digi-tag-media.js

@@ -1,4 +1,4 @@
-import { T as TagMedia, d as defineCustomElement$1 } from './p-918e9955.js';
+import { T as TagMedia, d as defineCustomElement$1 } from './p-14db528d.js';
 
 const DigiTagMedia = TagMedia;
 const defineCustomElement = defineCustomElement$1;

package/components/digi-tag.js

@@ -1,8 +1,8 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-f124fce4.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-e5abfc2d.js';
 import { T as TagSize } from './p-00d6ab21.js';
 import { _ as _t } from './p-42aa440f.js';
-import { d as defineCustomElement$3 } from './p-68dbf3ef.js';
-import { d as defineCustomElement$2 } from './p-36fbdb2e.js';
+import { d as defineCustomElement$3 } from './p-5d06a840.js';
+import { d as defineCustomElement$2 } from './p-66e79d0d.js';
 
 const tagCss = ".sc-digi-tag-h{--digi--tag--display:inline-block;--digi--tag--margin-bottom:var(--digi--gutter--smaller)}.sc-digi-tag-h .digi-tag.sc-digi-tag{display:var(--digi--tag--display);margin-bottom:var(--digi--tag--margin-bottom)}.sc-digi-tag-h .digi-tag__text.sc-digi-tag{display:inline-block;max-width:100%;white-space:normal}.sc-digi-tag-h .digi-tag__text--break.sc-digi-tag{overflow-wrap:anywhere;word-break:break-word;hyphens:auto}";
 const DigiTagStyle0 = tagCss;
@@ -33,7 +33,7 @@ const Tag = /*@__PURE__*/ proxyCustomElement(class Tag extends H {
         return this.afText;
     }
     render() {
-        return (h("digi-button", { key: '25fdc1c2823e98fde25fcfa24be67d47a4fef609', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '2b23fc2ea9682c42f9e0e791499eee1ee377a457', slot: "icon-secondary" })));
+        return (h("digi-button", { key: '838b7a26daeb521d71e603ba61d9bec29bf201fa', onAfOnClick: (e) => this.clickHandler(e), "af-variation": "secondary", "af-size": this.afSize, class: "digi-tag", "af-aria-label": this.ariaLabel }, this.afText, !this.afNoIcon && h("digi-icon-x", { key: '0d5ca435ca44be25ae5c96c94b1af5a11ad39a59', slot: "icon-secondary" })));
     }
     static get style() { return DigiTagStyle0; }
 }, [2, "digi-tag", {

package/components/digi-tools-feedback-banner.js

@@ -1,16 +1,16 @@
-import { p as proxyCustomElement, H, h } from './p-f124fce4.js';
+import { p as proxyCustomElement, H, h } from './p-e5abfc2d.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { l as logger } from './p-e3d2e899.js';
 import { T as ToolsFeedbackBannerHeadingLevel, a as ToolsFeedbackBannerType } from './p-d74742b8.js';
 import { a as LayoutBlockVariation } from './p-d8a98b3b.js';
-import { d as defineCustomElement$7 } from './p-91cb9cd3.js';
-import { d as defineCustomElement$6 } from './p-6dd63fa2.js';
-import { d as defineCustomElement$5 } from './p-e9645cdc.js';
-import { d as defineCustomElement$4 } from './p-3cb11597.js';
-import { d as defineCustomElement$3 } from './p-0df2c2ad.js';
-import { d as defineCustomElement$2 } from './p-e9c9e33c.js';
+import { d as defineCustomElement$7 } from './p-52a35c64.js';
+import { d as defineCustomElement$6 } from './p-0c0d17f9.js';
+import { d as defineCustomElement$5 } from './p-ba03cea1.js';
+import { d as defineCustomElement$4 } from './p-c8d59539.js';
+import { d as defineCustomElement$3 } from './p-3b6194c8.js';
+import { d as defineCustomElement$2 } from './p-a223734b.js';
 
-const toolsFeedbackBannerCss = ".digi--util--fs--xs.sc-digi-tools-feedback-banner{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-tools-feedback-banner{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-tools-feedback-banner{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-tools-feedback-banner{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-tools-feedback-banner{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-tools-feedback-banner{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-tools-feedback-banner{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-tools-feedback-banner{padding-top:5rem !important}.digi--util--pb--1.sc-digi-tools-feedback-banner{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-tools-feedback-banner{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-tools-feedback-banner{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-tools-feedback-banner{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-tools-feedback-banner{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-tools-feedback-banner{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-tools-feedback-banner{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-tools-feedback-banner{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-tools-feedback-banner{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-tools-feedback-banner{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-tools-feedback-banner{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-tools-feedback-banner{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-tools-feedback-banner{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-tools-feedback-banner{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-tools-feedback-banner{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-tools-feedback-banner{padding:2.5rem !important}.digi--util--p--60.sc-digi-tools-feedback-banner{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-tools-feedback-banner{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-tools-feedback-banner{padding:4.5rem !important}.digi--util--p--90.sc-digi-tools-feedback-banner{padding:5rem !important}.digi--util--ptb--1.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-tools-feedback-banner{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-tools-feedback-banner{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-tools-feedback-banner{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-tools-feedback-banner{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-tools-feedback-banner{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-tools-feedback-banner{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-tools-feedback-banner{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-tools-feedback-banner{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-tools-feedback-banner{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-tools-feedback-banner{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-tools-feedback-banner{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-tools-feedback-banner{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-tools-feedback-banner{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-tools-feedback-banner{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-tools-feedback-banner{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-tools-feedback-banner{display:none}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner.sc-digi-tools-feedback-banner{background-color:var(--digi--color--background--neutral-5);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__heading.sc-digi-tools-feedback-banner{font-size:var(--digi--typography--heading-2--font-size--desktop);font-weight:var(--digi--typography--heading-2--font-weight--desktop);margin-top:0}@media (max-width: 36rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__heading.sc-digi-tools-feedback-banner{font-size:var(--digi--typography--heading-2--font-size--mobile);font-weight:var(--digi--typography--heading-2--font-weight--mobile)}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner--grid.sc-digi-tools-feedback-banner{display:grid;padding-inline:var(--digi--padding--medium)}@media (max-width: 36rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner--grid.sc-digi-tools-feedback-banner{padding-inline:unset}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__container.sc-digi-tools-feedback-banner{padding-top:var(--digi--padding--largest);padding-bottom:var(--digi--padding--largest-2)}@media (max-width: 36rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__container.sc-digi-tools-feedback-banner{padding:var(--digi--padding--large) var(--digi--padding--medium) var(--digi--padding--largest-2) var(--digi--padding--medium)}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__illustration.sc-digi-tools-feedback-banner{flex-basis:4.25rem;padding-left:var(--digi--padding--large)}@media (max-width: 36rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__illustration.sc-digi-tools-feedback-banner{padding-left:var(--digi--padding--smaller)}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__main-content.sc-digi-tools-feedback-banner{display:inline-flex;padding-bottom:var(--digi--padding--largest)}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__text-content.sc-digi-tools-feedback-banner{flex-basis:17.6875rem}@media (max-width: 36rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__links.sc-digi-tools-feedback-banner{display:flex;flex-direction:column}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner.sc-digi-tools-feedback-banner digi-link-external.sc-digi-tools-feedback-banner{padding-right:var(--digi--padding--large)}@media (max-width: 36rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner.sc-digi-tools-feedback-banner digi-link-external.sc-digi-tools-feedback-banner{padding-bottom:var(--digi--padding--smaller)}}";
+const toolsFeedbackBannerCss = ".sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner.sc-digi-tools-feedback-banner{background-color:var(--digi--color--background--pop-out);font-family:var(--digi--global--typography--font-family--default)}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__heading.sc-digi-tools-feedback-banner{font-size:var(--digi--typography--heading-2--font-size--desktop);font-weight:var(--digi--typography--heading-2--font-weight--desktop);margin-top:0}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__heading.sc-digi-tools-feedback-banner{font-size:var(--digi--typography--heading-2--font-size--mobile);font-weight:var(--digi--typography--heading-2--font-weight--mobile)}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner--grid.sc-digi-tools-feedback-banner{display:grid;padding-inline:var(--digi--padding--medium)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner--grid.sc-digi-tools-feedback-banner{padding-inline:unset}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__container.sc-digi-tools-feedback-banner{padding-top:var(--digi--padding--largest);padding-bottom:var(--digi--padding--largest-2)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__container.sc-digi-tools-feedback-banner{padding:var(--digi--padding--large) var(--digi--padding--medium) var(--digi--padding--largest-2) var(--digi--padding--medium)}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__illustration.sc-digi-tools-feedback-banner{flex-basis:4.25rem;padding-left:var(--digi--padding--large)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__illustration.sc-digi-tools-feedback-banner{padding-left:var(--digi--padding--smaller)}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__infographic-secondary.sc-digi-tools-feedback-banner{fill:var(--digi--color--infographic--infograph--secondary)}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__main-content.sc-digi-tools-feedback-banner{display:inline-flex;padding-bottom:var(--digi--padding--largest)}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__text-content.sc-digi-tools-feedback-banner{flex-basis:17.6875rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner__links.sc-digi-tools-feedback-banner{display:flex;flex-direction:column}}.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner.sc-digi-tools-feedback-banner digi-link-external.sc-digi-tools-feedback-banner{padding-right:var(--digi--padding--large)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-banner-h .digi-tools-feedback-banner.sc-digi-tools-feedback-banner digi-link-external.sc-digi-tools-feedback-banner{padding-bottom:var(--digi--padding--smaller)}}";
 const DigiToolsFeedbackBannerStyle0 = toolsFeedbackBannerCss;
 
 const FeedbackBanner = /*@__PURE__*/ proxyCustomElement(class FeedbackBanner extends H {
@@ -84,7 +84,7 @@ const FeedbackBanner = /*@__PURE__*/ proxyCustomElement(class FeedbackBanner ext
         };
     }
     get icon() {
-        return (h("svg", { width: "70px", height: "55px", viewBox: "0 -1 70 57", version: "1.1", xmlns: "http://www.w3.org/2000/svg" }, h("g", { id: "Page-1", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { id: "Artboard", transform: "translate(-1.000000, -1.000000)" }, h("g", { id: "Illustration", transform: "translate(36.000000, 28.500000) scale(-1, 1) translate(-36.000000, -28.500000) translate(1.000000, 1.000000)" }, h("path", { d: "M42.6854848,46.8545136 L52.1772369,46.8545136 L60.0989602,53.7853167 L60.0989602,46.8545136 L63.5554881,46.8545136 C66.2322456,46.8545136 68.4223676,44.6442917 68.4223676,41.9430542 L68.4223676,21.4518253 C68.4223676,18.7503271 66.2322456,16.5401053 63.5554881,16.5401053 L45.2209187,16.5401053 C45.2209187,16.5401053 45.2972177,30.5151432 45.2972177,32.3423051 C45.2972177,34.1692063 43.6708169,38.4874313 37.8183432,38.4874313 C37.7811114,41.1448606 37.8183432,41.9430542 37.8183432,41.9430542 C37.8183432,44.6442917 40.0084652,46.8545136 42.6854848,46.8545136 Z", id: "Fill-1", fill: "#DEE9B7" }), h("path", { d: "M46.0035734,16.5771857 L65.0615411,16.5771857 C67.777628,16.5771857 70,18.7874075 70,21.488645 L70,43.1577375 C70,45.858975 67.777628,48.0691969 65.0615411,48.0691969 L61.5544094,48.0691969 L61.5544094,55 L53.5160089,48.0691969 L43.8850309,48.0691969 C41.1686818,48.0691969 38.9463098,45.858975 38.9463098,43.1577375 L38.9463098,38.8848853", id: "Stroke-3", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("g", { id: "Group-8" }, h("path", { d: "M46.0035734,16.5771857 L46.0035734,6.19362792 C46.0035734,2.81701593 43.2256083,0.0542385739 39.8304342,0.0542385739 L39.8579648,0 L6.17313916,0 C2.77796506,0 0,2.76277736 0,6.13938934 L0,32.7454959 C0,36.1221079 2.77796506,38.8848853 6.17313916,38.8848853 L11.926765,38.8848853 L11.926765,51.8799782 L24.212476,38.8848853 L39.8304342,38.8848853 C43.2256083,38.8848853 46.0035734,36.1221079 46.0035734,32.7454959 L46.0035734,16.5172103", id: "Fill-5", fill: "#FFFFFF" }), h("path", { d: "M46.0035734,16.5771857 L46.0035734,6.19362792 C46.0035734,2.81701593 43.2256083,0.0542385739 39.8304342,0.0542385739 L39.8579648,0 L6.17313916,0 C2.77796506,0 0,2.76277736 0,6.13938934 L0,32.7454959 C0,36.1221079 2.77796506,38.8848853 6.17313916,38.8848853 L11.926765,38.8848853 L11.926765,51.8799782 L24.212476,38.8848853 L39.8304342,38.8848853 C43.2256083,38.8848853 46.0035734,36.1221079 46.0035734,32.7454959 L46.0035734,16.5172103", id: "Stroke-7", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" })), h("line", { x1: "34.3569122", y1: "10.998957", x2: "11.7267882", y2: "10.998957", id: "Stroke-9", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "61.6306297", y1: "27.8791224", x2: "57.7779239", y2: "27.8791224", id: "Stroke-11", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "56.1242808", y1: "27.8791224", x2: "52.271575", y2: "27.8791224", id: "Stroke-13", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "50.6179582", y1: "27.8791224", x2: "46.7652523", y2: "27.8791224", id: "Stroke-15", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "61.6306297", y1: "33.1988052", x2: "56.1142912", y2: "33.1988052", id: "Stroke-17", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "52.1812485", y1: "33.1988052", x2: "46.4129397", y2: "33.1988052", id: "Stroke-19", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "34.3569122", y1: "16.6256614", x2: "11.7267882", y2: "16.6256614", id: "Stroke-21", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "34.3569122", y1: "22.2523919", x2: "11.7267882", y2: "22.2523919", id: "Stroke-23", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "34.3569122", y1: "27.8791224", x2: "20.5357822", y2: "27.8791224", id: "Stroke-25", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }))))));
+        return (h("svg", { width: "70px", height: "55px", viewBox: "0 -1 70 57", version: "1.1", xmlns: "http://www.w3.org/2000/svg" }, h("g", { id: "Page-1", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { id: "Artboard", transform: "translate(-1.000000, -1.000000)" }, h("g", { id: "Illustration", transform: "translate(36.000000, 28.500000) scale(-1, 1) translate(-36.000000, -28.500000) translate(1.000000, 1.000000)" }, h("path", { d: "M42.6854848,46.8545136 L52.1772369,46.8545136 L60.0989602,53.7853167 L60.0989602,46.8545136 L63.5554881,46.8545136 C66.2322456,46.8545136 68.4223676,44.6442917 68.4223676,41.9430542 L68.4223676,21.4518253 C68.4223676,18.7503271 66.2322456,16.5401053 63.5554881,16.5401053 L45.2209187,16.5401053 C45.2209187,16.5401053 45.2972177,30.5151432 45.2972177,32.3423051 C45.2972177,34.1692063 43.6708169,38.4874313 37.8183432,38.4874313 C37.7811114,41.1448606 37.8183432,41.9430542 37.8183432,41.9430542 C37.8183432,44.6442917 40.0084652,46.8545136 42.6854848,46.8545136 Z", id: "Fill-1", class: "digi-tools-feedback-banner__infographic-secondary" }), h("path", { d: "M46.0035734,16.5771857 L65.0615411,16.5771857 C67.777628,16.5771857 70,18.7874075 70,21.488645 L70,43.1577375 C70,45.858975 67.777628,48.0691969 65.0615411,48.0691969 L61.5544094,48.0691969 L61.5544094,55 L53.5160089,48.0691969 L43.8850309,48.0691969 C41.1686818,48.0691969 38.9463098,45.858975 38.9463098,43.1577375 L38.9463098,38.8848853", id: "Stroke-3", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("g", { id: "Group-8" }, h("path", { d: "M46.0035734,16.5771857 L46.0035734,6.19362792 C46.0035734,2.81701593 43.2256083,0.0542385739 39.8304342,0.0542385739 L39.8579648,0 L6.17313916,0 C2.77796506,0 0,2.76277736 0,6.13938934 L0,32.7454959 C0,36.1221079 2.77796506,38.8848853 6.17313916,38.8848853 L11.926765,38.8848853 L11.926765,51.8799782 L24.212476,38.8848853 L39.8304342,38.8848853 C43.2256083,38.8848853 46.0035734,36.1221079 46.0035734,32.7454959 L46.0035734,16.5172103", id: "Fill-5", fill: "#FFFFFF" }), h("path", { d: "M46.0035734,16.5771857 L46.0035734,6.19362792 C46.0035734,2.81701593 43.2256083,0.0542385739 39.8304342,0.0542385739 L39.8579648,0 L6.17313916,0 C2.77796506,0 0,2.76277736 0,6.13938934 L0,32.7454959 C0,36.1221079 2.77796506,38.8848853 6.17313916,38.8848853 L11.926765,38.8848853 L11.926765,51.8799782 L24.212476,38.8848853 L39.8304342,38.8848853 C43.2256083,38.8848853 46.0035734,36.1221079 46.0035734,32.7454959 L46.0035734,16.5172103", id: "Stroke-7", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" })), h("line", { x1: "34.3569122", y1: "10.998957", x2: "11.7267882", y2: "10.998957", id: "Stroke-9", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "61.6306297", y1: "27.8791224", x2: "57.7779239", y2: "27.8791224", id: "Stroke-11", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "56.1242808", y1: "27.8791224", x2: "52.271575", y2: "27.8791224", id: "Stroke-13", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "50.6179582", y1: "27.8791224", x2: "46.7652523", y2: "27.8791224", id: "Stroke-15", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "61.6306297", y1: "33.1988052", x2: "56.1142912", y2: "33.1988052", id: "Stroke-17", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "52.1812485", y1: "33.1988052", x2: "46.4129397", y2: "33.1988052", id: "Stroke-19", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "34.3569122", y1: "16.6256614", x2: "11.7267882", y2: "16.6256614", id: "Stroke-21", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "34.3569122", y1: "22.2523919", x2: "11.7267882", y2: "22.2523919", id: "Stroke-23", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }), h("line", { x1: "34.3569122", y1: "27.8791224", x2: "20.5357822", y2: "27.8791224", id: "Stroke-25", stroke: "#333333", "stroke-width": "1.5552", "stroke-linejoin": "round" }))))));
     }
     get content() {
         return (h("section", { class: "digi-tools-feedback-banner__container" }, this.validContent && (h("div", { class: "digi-tools-feedback-banner__main-content" }, h("div", { class: "digi-tools-feedback-banner__text-content" }, h(this.afHeadingLevel, { class: "digi-tools-feedback-banner__heading", id: this.afId + '-heading' }, this.afHeading), h("p", null, this.afText)), h("span", { class: "digi-tools-feedback-banner__illustration" }, this.icon))), h("div", { class: "digi-tools-feedback-banner__links" }, this.validLinks &&
@@ -93,7 +93,7 @@ const FeedbackBanner = /*@__PURE__*/ proxyCustomElement(class FeedbackBanner ext
             }), h("div", { hidden: true, class: "digi-tools-feedback-banner__slot" }, h("digi-util-mutation-observer", { ref: (el) => (this._observer = el), onAfOnChange: () => this.validateLinks() }, h("slot", null))))));
     }
     render() {
-        return (h("div", { key: '87775cffbcefea39b8d104fbdeff0b0ba6e6fd54', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: '0d14fe46212ee49874b3a6ebad08e91f6d24be4e', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
+        return (h("div", { key: '4395c26c97e5937cccdcb8b5510a77731bef7097', class: Object.assign({ 'digi-tools-feedback-banner': true }, this.cssModifiers) }, this.afType === ToolsFeedbackBannerType.FULLWIDTH && (h("digi-layout-block", { key: 'e4a047eed3fae563a18a0f6f541e5dfef4f6478e', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackBannerType.FULLWIDTH && this.content));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-tools-feedback-rating.js

@@ -1,16 +1,16 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-f124fce4.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-e5abfc2d.js';
 import { a as LayoutBlockVariation } from './p-d8a98b3b.js';
 import { l as logger } from './p-e3d2e899.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
 import { a as FeedbackRatingType, F as FeedbackRatingHeadingLevel, b as FeedbackRatingVariation } from './p-6e383896.js';
-import { d as defineCustomElement$7 } from './p-91cb9cd3.js';
-import { d as defineCustomElement$6 } from './p-6dd63fa2.js';
-import { d as defineCustomElement$5 } from './p-e9645cdc.js';
-import { d as defineCustomElement$4 } from './p-3cb11597.js';
-import { d as defineCustomElement$3 } from './p-0df2c2ad.js';
-import { d as defineCustomElement$2 } from './p-10503e1d.js';
+import { d as defineCustomElement$7 } from './p-52a35c64.js';
+import { d as defineCustomElement$6 } from './p-0c0d17f9.js';
+import { d as defineCustomElement$5 } from './p-ba03cea1.js';
+import { d as defineCustomElement$4 } from './p-c8d59539.js';
+import { d as defineCustomElement$3 } from './p-3b6194c8.js';
+import { d as defineCustomElement$2 } from './p-ab31bceb.js';
 
-const toolsFeedbackRatingCss = ".digi--util--fs--xs.sc-digi-tools-feedback-rating {\n  font-size: var(--digi--global--typography--font-size--small) !important;\n}\n\n.digi--util--fs--s.sc-digi-tools-feedback-rating {\n  font-size: calc(var(--digi--global--typography--font-size--small) + 1px) !important;\n}\n\n.digi--util--fs--m.sc-digi-tools-feedback-rating {\n  font-size: var(--digi--global--typography--font-size--base) !important;\n}\n\n.digi--util--fs--l.sc-digi-tools-feedback-rating {\n  font-size: var(--digi--global--typography--font-size--large) !important;\n}\n\n.digi--util--fw--sb.sc-digi-tools-feedback-rating {\n  font-weight: var(--digi--global--typography--font-weight--semibold) !important;\n}\n\n.digi--util--pt--1.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--pt--10.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--pt--20.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--pt--30.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--pt--40.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--pt--50.sc-digi-tools-feedback-rating {\n  padding-top: 2.5rem !important;\n}\n\n.digi--util--pt--60.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--pt--70.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--pt--80.sc-digi-tools-feedback-rating {\n  padding-top: 4.5rem !important;\n}\n\n.digi--util--pt--90.sc-digi-tools-feedback-rating {\n  padding-top: 5rem !important;\n}\n\n.digi--util--pb--1.sc-digi-tools-feedback-rating {\n  padding-bottom: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--pb--10.sc-digi-tools-feedback-rating {\n  padding-bottom: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--pb--20.sc-digi-tools-feedback-rating {\n  padding-bottom: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--pb--30.sc-digi-tools-feedback-rating {\n  padding-bottom: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--pb--40.sc-digi-tools-feedback-rating {\n  padding-bottom: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--pb--50.sc-digi-tools-feedback-rating {\n  padding-bottom: 2.5rem !important;\n}\n\n.digi--util--pb--60.sc-digi-tools-feedback-rating {\n  padding-bottom: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--pb--70.sc-digi-tools-feedback-rating {\n  padding-bottom: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--pb--80.sc-digi-tools-feedback-rating {\n  padding-bottom: 4.5rem !important;\n}\n\n.digi--util--pb--90.sc-digi-tools-feedback-rating {\n  padding-bottom: 5rem !important;\n}\n\n.digi--util--p--1.sc-digi-tools-feedback-rating {\n  padding: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--p--10.sc-digi-tools-feedback-rating {\n  padding: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--p--20.sc-digi-tools-feedback-rating {\n  padding: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--p--30.sc-digi-tools-feedback-rating {\n  padding: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--p--40.sc-digi-tools-feedback-rating {\n  padding: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--p--50.sc-digi-tools-feedback-rating {\n  padding: 2.5rem !important;\n}\n\n.digi--util--p--60.sc-digi-tools-feedback-rating {\n  padding: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--p--70.sc-digi-tools-feedback-rating {\n  padding: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--p--80.sc-digi-tools-feedback-rating {\n  padding: 4.5rem !important;\n}\n\n.digi--util--p--90.sc-digi-tools-feedback-rating {\n  padding: 5rem !important;\n}\n\n.digi--util--ptb--1.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--smallest-2) !important;\n  padding-bottom: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--ptb--10.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--smallest) !important;\n  padding-bottom: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--ptb--20.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--base) !important;\n  padding-bottom: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--ptb--30.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--largest-2) !important;\n  padding-bottom: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--ptb--40.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--largest-4) !important;\n  padding-bottom: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--ptb--50.sc-digi-tools-feedback-rating {\n  padding-top: 2.5rem !important;\n  padding-bottom: 2.5rem !important;\n}\n\n.digi--util--ptb--60.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--largest-5) !important;\n  padding-bottom: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--ptb--70.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--global--spacing--largest-6) !important;\n  padding-bottom: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--ptb--80.sc-digi-tools-feedback-rating {\n  padding-top: 4.5rem !important;\n  padding-bottom: 4.5rem !important;\n}\n\n.digi--util--ptb--90.sc-digi-tools-feedback-rating {\n  padding-top: 5rem !important;\n  padding-bottom: 5rem !important;\n}\n\n.digi--util--plr--1.sc-digi-tools-feedback-rating {\n  padding-left: var(--digi--global--spacing--smallest-2) !important;\n  padding-right: var(--digi--global--spacing--smallest-2) !important;\n}\n\n.digi--util--plr--10.sc-digi-tools-feedback-rating {\n  padding-left: var(--digi--global--spacing--smallest) !important;\n  padding-right: var(--digi--global--spacing--smallest) !important;\n}\n\n.digi--util--plr--20.sc-digi-tools-feedback-rating {\n  padding-left: var(--digi--global--spacing--base) !important;\n  padding-right: var(--digi--global--spacing--base) !important;\n}\n\n.digi--util--plr--30.sc-digi-tools-feedback-rating {\n  padding-left: var(--digi--global--spacing--largest-2) !important;\n  padding-right: var(--digi--global--spacing--largest-2) !important;\n}\n\n.digi--util--plr--40.sc-digi-tools-feedback-rating {\n  padding-left: var(--digi--global--spacing--largest-4) !important;\n  padding-right: var(--digi--global--spacing--largest-4) !important;\n}\n\n.digi--util--plr--50.sc-digi-tools-feedback-rating {\n  padding-left: 2.5rem !important;\n  padding-right: 2.5rem !important;\n}\n\n.digi--util--plr--60.sc-digi-tools-feedback-rating {\n  padding-left: var(--digi--global--spacing--largest-5) !important;\n  padding-right: var(--digi--global--spacing--largest-5) !important;\n}\n\n.digi--util--plr--70.sc-digi-tools-feedback-rating {\n  padding-left: var(--digi--global--spacing--largest-6) !important;\n  padding-right: var(--digi--global--spacing--largest-6) !important;\n}\n\n.digi--util--plr--80.sc-digi-tools-feedback-rating {\n  padding-left: 4.5rem !important;\n  padding-right: 4.5rem !important;\n}\n\n.digi--util--plr--90.sc-digi-tools-feedback-rating {\n  padding-left: 5rem !important;\n  padding-right: 5rem !important;\n}\n\n.digi--util--sr-only.sc-digi-tools-feedback-rating {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n\n.digi--util--hidden.sc-digi-tools-feedback-rating {\n  display: none;\n}\n\n.sc-digi-tools-feedback-rating-h {\n  container-type: inline-size;\n  display: block;\n  width: 100%;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating--fullwidth.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n  padding-left: 0;\n  padding-right: 0;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating--minimal.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n  padding: 0;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--padding--largest);\n  padding-inline: var(--digi--padding--largest);\n  padding-bottom: 40px;\n}\n@media (max-width: 47.9375rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n    padding-bottom: 24px;\n    padding-top: var(--digi--padding--medium);\n  }\n}\n@media (max-width: 36rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n    padding-inline: var(--digi--padding--medium);\n  }\n}\n@container (max-width: 576px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper {\n    padding-inline: var(--digi--padding--medium);\n  }\n}\n@container (max-width: 768px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper {\n    padding-bottom: 24px;\n    padding-top: var(--digi--padding--medium);\n  }\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating {\n  display: block;\n}\n@media (min-width: 36rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating {\n    margin-top: 0;\n  }\n}\n@media (max-width: 48rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating {\n    flex-shrink: unset;\n  }\n}\n@container (min-width: 576px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper {\n    margin-top: 0;\n  }\n}\n@container (max-width: 768px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper {\n    flex-shrink: unset;\n  }\n}\n@container (max-width: 342px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n    row-gap: var(--digi--padding--medium);\n  }\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-description.sc-digi-tools-feedback-rating {\n  display: block;\n  margin-bottom: 10px;\n  font-weight: var(--digi--typography--label--font-weight--mobile);\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating {\n  margin-top: 0;\n  margin-inline-end: 3.5rem;\n  max-width: 500px;\n  margin-bottom: 16px;\n}\n@media (max-width: 48rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating {\n    margin-inline-end: 0;\n  }\n}\n@container (max-width: 768px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating legend .digi-tools-feedback-rating__heading {\n    margin-inline-end: 0;\n  }\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__fieldset.sc-digi-tools-feedback-rating {\n  max-width: inherit;\n  border: none !important;\n  margin: 0;\n  padding: 0;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating {\n  padding: 0;\n  width: 100%;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating legend.sc-digi-tools-feedback-rating {\n  padding-left: 0;\n  flex-basis: 26.8125rem;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating .hidden.sc-digi-tools-feedback-rating {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-stars.sc-digi-tools-feedback-rating {\n  display: inline-flex;\n  flex-wrap: wrap;\n  max-height: 5rem;\n  margin-inline-end: 0.625rem;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-stars.sc-digi-tools-feedback-rating, .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-text.sc-digi-tools-feedback-rating {\n  display: flex;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-check-icon.sc-digi-tools-feedback-rating {\n  padding-right: 24px;\n  padding-top: 3px;\n  box-sizing: content-box;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating.sc-digi-tools-feedback-rating .step2.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating {\n  margin-bottom: 0px;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating {\n  background-color: unset;\n  border: unset;\n  cursor: pointer;\n  height: var(--digi--padding--larger);\n  padding: var(--digi--gutter--smallest-3);\n  display: block;\n  position: relative;\n  margin-inline-end: 0.875rem;\n  height: 1.875rem;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.sc-digi-tools-feedback-rating {\n  fill: none;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon-border.sc-digi-tools-feedback-rating {\n  stroke: #3b3735;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating:focus-visible .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating, .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating {\n  fill: #00005a;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating .digi-tools-feedback-rating-star-icon-border.sc-digi-tools-feedback-rating {\n  stroke: #00005a;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-text-with-rating.sc-digi-tools-feedback-rating {\n  margin-bottom: var(--digi--margin--medium);\n}";
+const toolsFeedbackRatingCss = ".sc-digi-tools-feedback-rating-h {\n  container-type: inline-size;\n  display: block;\n  width: 100%;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating--fullwidth.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n  padding-left: 0;\n  padding-right: 0;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating--minimal.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n  padding: 0;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n  padding-top: var(--digi--padding--largest);\n  padding-inline: var(--digi--padding--largest);\n  padding-bottom: 40px;\n}\n@media (max-width: 47.9375rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n    padding-bottom: 24px;\n    padding-top: var(--digi--padding--medium);\n  }\n}\n@media (max-width: 47.9375rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__wrapper.sc-digi-tools-feedback-rating {\n    padding-inline: var(--digi--padding--medium);\n  }\n}\n@container (max-width: 576px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper {\n    padding-inline: var(--digi--padding--medium);\n  }\n}\n@container (max-width: 768px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__wrapper {\n    padding-bottom: 24px;\n    padding-top: var(--digi--padding--medium);\n  }\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating {\n  display: block;\n}\n@media (min-width: 47.9375rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating {\n    margin-top: 0;\n  }\n}\n@media (max-width: 48rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-wrapper.sc-digi-tools-feedback-rating {\n    flex-shrink: unset;\n  }\n}\n@container (min-width: 576px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper {\n    margin-top: 0;\n  }\n}\n@container (max-width: 768px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper {\n    flex-shrink: unset;\n  }\n}\n@container (max-width: 342px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating .digi-tools-feedback-rating__step1-wrapper {\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n    row-gap: var(--digi--padding--medium);\n  }\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__step1-description.sc-digi-tools-feedback-rating {\n  display: block;\n  margin-bottom: 10px;\n  font-weight: var(--digi--typography--label--font-weight--mobile);\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating {\n  margin-top: 0;\n  margin-inline-end: 3.5rem;\n  max-width: 500px;\n  margin-bottom: 16px;\n}\n@media (max-width: 48rem) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating {\n    margin-inline-end: 0;\n  }\n}\n@container (max-width: 768px) {\n  .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating legend .digi-tools-feedback-rating__heading {\n    margin-inline-end: 0;\n  }\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__fieldset.sc-digi-tools-feedback-rating {\n  max-width: inherit;\n  border: none !important;\n  margin: 0;\n  padding: 0;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating {\n  padding: 0;\n  width: 100%;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating legend.sc-digi-tools-feedback-rating {\n  padding-left: 0;\n  flex-basis: 26.8125rem;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating.sc-digi-tools-feedback-rating .hidden.sc-digi-tools-feedback-rating {\n  border: 0;\n  clip: rect(1px, 1px, 1px, 1px);\n  -webkit-clip-path: inset(50%);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  width: 1px;\n  white-space: nowrap;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-stars.sc-digi-tools-feedback-rating {\n  display: inline-flex;\n  flex-wrap: wrap;\n  max-height: 5rem;\n  margin-inline-end: 0.625rem;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-stars.sc-digi-tools-feedback-rating, .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-text.sc-digi-tools-feedback-rating {\n  display: flex;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-check-icon.sc-digi-tools-feedback-rating {\n  padding-right: 24px;\n  padding-top: 3px;\n  box-sizing: content-box;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating.sc-digi-tools-feedback-rating .step2.sc-digi-tools-feedback-rating .digi-tools-feedback-rating__heading.sc-digi-tools-feedback-rating {\n  margin-bottom: 0px;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating {\n  background-color: unset;\n  border: unset;\n  cursor: pointer;\n  padding: var(--digi--gutter--smallest-3);\n  display: block;\n  position: relative;\n  margin-inline-end: 0.875rem;\n  height: 1.875rem;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating:focus-visible {\n  outline: 2px solid black;\n  outline-offset: 2px;\n  box-shadow: 0px 0px 0px 5px white;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.sc-digi-tools-feedback-rating {\n  fill: none;\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon-border.sc-digi-tools-feedback-rating {\n  stroke: var(--digi--color--icon--primary);\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__infographic-primary.sc-digi-tools-feedback-rating {\n  fill: var(--digi--color--infographic--infograph--primary);\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__star-rating-star-button.sc-digi-tools-feedback-rating:focus-visible .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating, .sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating {\n  fill: var(--digi--color--icon--brand-primary);\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating-star-icon.filled.sc-digi-tools-feedback-rating .digi-tools-feedback-rating-star-icon-border.sc-digi-tools-feedback-rating {\n  stroke: var(--digi--color--icon--brand-primary);\n}\n.sc-digi-tools-feedback-rating-h .digi-tools-feedback-rating__thankyou-text-with-rating.sc-digi-tools-feedback-rating {\n  margin-bottom: var(--digi--margin--medium);\n}";
 const DigiToolsFeedbackRatingStyle0 = toolsFeedbackRatingCss;
 
 const ToolsFeedbackRating = /*@__PURE__*/ proxyCustomElement(class ToolsFeedbackRating extends H {
@@ -170,10 +170,10 @@ const ToolsFeedbackRating = /*@__PURE__*/ proxyCustomElement(class ToolsFeedback
     get content() {
         return (h("digi-typography", null, this.validContent && (h("div", { dir: this.afDir, lang: this.afLang, class: `digi-tools-feedback-rating__wrapper ${this.currentStep === 2 ? 'step2' : ''}` }, this.currentStep === 1 && (h("div", { class: "digi-tools-feedback-rating__star-rating" }, h(this.afHeadingLevel, { id: `${this.afId}-rating-question`, class: `digi-tools-feedback-rating__heading ${this.afType === FeedbackRatingType.MINIMAL ? 'hidden' : ''}` }, this.afQuestion), h("div", { class: "digi-tools-feedback-rating__step1-wrapper" }, this.afRatings && (h("span", { class: "digi-tools-feedback-rating__step1-description" }, "V\u00E4lj fr\u00E5n", ' ', `${(this.ratingsData().find((item) => item.value === 1) ||
             {}).text.toLowerCase() || null} till ${(this.ratingsData().find((item) => item.value === 5) ||
-            {}).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)))))));
+            {}).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: "none", class: "digi-tools-feedback-rating__infographic-primary" }))), 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: '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)));
+        return (h("div", { key: '80857f210dda6e54780505a7b0f6f3a4fefad17c', class: Object.assign({ 'digi-tools-feedback-rating': true }, this.cssModifiers) }, h("digi-layout-block", { key: 'd1e949c43df7ec983690eaffcfeb3e0cb2f99985', afVariation: this.layoutBlockVariation, afMarginTop: true, "af-container": "none" }, this.content)));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-tools-feedback.js

@@ -1,14 +1,14 @@
-import { p as proxyCustomElement, H, c as createEvent, h } from './p-f124fce4.js';
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-e5abfc2d.js';
 import { r as randomIdGenerator } from './p-ffe5c0e8.js';
-import { v as FeedbackVariation, u as ToolsFeedbackType, T as ToolsFeedbackHeadingLevel } from './p-b3a4fa4a.js';
+import { r as FeedbackVariation, q as ToolsFeedbackType, T as ToolsFeedbackHeadingLevel } from './p-a1e903b4.js';
 import { a as LayoutBlockVariation } from './p-d8a98b3b.js';
 import './p-717306ef.js';
 import './p-a4a001e1.js';
 import { B as ButtonSize, b as ButtonVariation } from './p-490d2653.js';
 import './p-7e32c40b.js';
-import './p-7e5ad05a.js';
 import './p-dcdffb3c.js';
 import './p-5d21a361.js';
+import './p-ad16c7a1.js';
 import './p-f40f4b2a.js';
 import './p-1f68d501.js';
 import './p-ee88e3f1.js';
@@ -31,8 +31,6 @@ import './p-e4a9f8f0.js';
 import './p-f2a6768b.js';
 import './p-290d1746.js';
 import './p-40657c82.js';
-import './p-f4248a7e.js';
-import './p-95db5a30.js';
 import './p-f600576a.js';
 import './p-3b20ec86.js';
 import './p-9dd5d6c8.js';
@@ -50,11 +48,11 @@ import './p-a6ca40fc.js';
 import './p-b0e88537.js';
 import './p-903b00e6.js';
 import './p-cdcaf0eb.js';
-import { d as defineCustomElement$4 } from './p-68dbf3ef.js';
-import { d as defineCustomElement$3 } from './p-6dd63fa2.js';
-import { d as defineCustomElement$2 } from './p-e9645cdc.js';
+import { d as defineCustomElement$4 } from './p-5d06a840.js';
+import { d as defineCustomElement$3 } from './p-0c0d17f9.js';
+import { d as defineCustomElement$2 } from './p-ba03cea1.js';
 
-const toolsFeedbackCss = ".digi--util--fs--xs.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--small) !important}.digi--util--fs--s.sc-digi-tools-feedback{font-size:calc(var(--digi--global--typography--font-size--small) + 1px) !important}.digi--util--fs--m.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--base) !important}.digi--util--fs--l.sc-digi-tools-feedback{font-size:var(--digi--global--typography--font-size--large) !important}.digi--util--fw--sb.sc-digi-tools-feedback{font-weight:var(--digi--global--typography--font-weight--semibold) !important}.digi--util--pt--1.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest-2) !important}.digi--util--pt--10.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest) !important}.digi--util--pt--20.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--base) !important}.digi--util--pt--30.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-2) !important}.digi--util--pt--40.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-4) !important}.digi--util--pt--50.sc-digi-tools-feedback{padding-top:2.5rem !important}.digi--util--pt--60.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-5) !important}.digi--util--pt--70.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-6) !important}.digi--util--pt--80.sc-digi-tools-feedback{padding-top:4.5rem !important}.digi--util--pt--90.sc-digi-tools-feedback{padding-top:5rem !important}.digi--util--pb--1.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--pb--10.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--pb--20.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--pb--30.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--pb--40.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--pb--50.sc-digi-tools-feedback{padding-bottom:2.5rem !important}.digi--util--pb--60.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--pb--70.sc-digi-tools-feedback{padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--pb--80.sc-digi-tools-feedback{padding-bottom:4.5rem !important}.digi--util--pb--90.sc-digi-tools-feedback{padding-bottom:5rem !important}.digi--util--p--1.sc-digi-tools-feedback{padding:var(--digi--global--spacing--smallest-2) !important}.digi--util--p--10.sc-digi-tools-feedback{padding:var(--digi--global--spacing--smallest) !important}.digi--util--p--20.sc-digi-tools-feedback{padding:var(--digi--global--spacing--base) !important}.digi--util--p--30.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-2) !important}.digi--util--p--40.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-4) !important}.digi--util--p--50.sc-digi-tools-feedback{padding:2.5rem !important}.digi--util--p--60.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-5) !important}.digi--util--p--70.sc-digi-tools-feedback{padding:var(--digi--global--spacing--largest-6) !important}.digi--util--p--80.sc-digi-tools-feedback{padding:4.5rem !important}.digi--util--p--90.sc-digi-tools-feedback{padding:5rem !important}.digi--util--ptb--1.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest-2) !important;padding-bottom:var(--digi--global--spacing--smallest-2) !important}.digi--util--ptb--10.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--smallest) !important;padding-bottom:var(--digi--global--spacing--smallest) !important}.digi--util--ptb--20.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--base) !important;padding-bottom:var(--digi--global--spacing--base) !important}.digi--util--ptb--30.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-2) !important;padding-bottom:var(--digi--global--spacing--largest-2) !important}.digi--util--ptb--40.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-4) !important;padding-bottom:var(--digi--global--spacing--largest-4) !important}.digi--util--ptb--50.sc-digi-tools-feedback{padding-top:2.5rem !important;padding-bottom:2.5rem !important}.digi--util--ptb--60.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-5) !important;padding-bottom:var(--digi--global--spacing--largest-5) !important}.digi--util--ptb--70.sc-digi-tools-feedback{padding-top:var(--digi--global--spacing--largest-6) !important;padding-bottom:var(--digi--global--spacing--largest-6) !important}.digi--util--ptb--80.sc-digi-tools-feedback{padding-top:4.5rem !important;padding-bottom:4.5rem !important}.digi--util--ptb--90.sc-digi-tools-feedback{padding-top:5rem !important;padding-bottom:5rem !important}.digi--util--plr--1.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--smallest-2) !important;padding-right:var(--digi--global--spacing--smallest-2) !important}.digi--util--plr--10.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--smallest) !important;padding-right:var(--digi--global--spacing--smallest) !important}.digi--util--plr--20.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--base) !important;padding-right:var(--digi--global--spacing--base) !important}.digi--util--plr--30.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-2) !important;padding-right:var(--digi--global--spacing--largest-2) !important}.digi--util--plr--40.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-4) !important;padding-right:var(--digi--global--spacing--largest-4) !important}.digi--util--plr--50.sc-digi-tools-feedback{padding-left:2.5rem !important;padding-right:2.5rem !important}.digi--util--plr--60.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-5) !important;padding-right:var(--digi--global--spacing--largest-5) !important}.digi--util--plr--70.sc-digi-tools-feedback{padding-left:var(--digi--global--spacing--largest-6) !important;padding-right:var(--digi--global--spacing--largest-6) !important}.digi--util--plr--80.sc-digi-tools-feedback{padding-left:4.5rem !important;padding-right:4.5rem !important}.digi--util--plr--90.sc-digi-tools-feedback{padding-left:5rem !important;padding-right:5rem !important}.digi--util--sr-only.sc-digi-tools-feedback{border:0;clip:rect(1px, 1px, 1px, 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.digi--util--hidden.sc-digi-tools-feedback{display:none}.sc-digi-tools-feedback-h{--digi--tools-feedback--background-color--primary:var(--digi--color--background--neutral-5);--digi--tools-feedback--background-color--secondary:var(--digi--color--background--primary);--digi--tools-feedback--padding:var(--digi--padding--large);--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--tools-feedback--heading--font-family:var(--digi--global--typography--font-family--default);--digi--tools-feedback--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop)}.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{background-color:var(--BACKGROUND-COLOR);font-family:var(--digi--tools-feedback--heading--font-family)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:0;padding-bottom:3rem}}.sc-digi-tools-feedback-h .digi-tools-feedback--primary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback--secondary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback{display:grid;padding-inline:var(--digi--padding--medium)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{grid-column:1;grid-row:1}.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:row;align-items:center;padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:0;padding-top:0;padding-bottom:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{display:flex;flex-direction:row;padding-inline-end:var(--digi--padding--largest-3);font-size:var(--digi--tools-feedback--font-size--desktop)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{padding-inline-start:0;padding-inline-end:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{margin-top:0.4rem;font-size:var(--digi--tools-feedback--font-size--desktop);margin-bottom:0 !important;font-weight:var(--digi--tools-feedback--heading--font-weight)}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{font-size:var(--digi--tools-feedback--font-size--mobile)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.4rem;padding-inline-end:var(--digi--padding--large);flex-shrink:0}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{padding-inline-end:var(--digi--padding--medium)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{display:flex;column-gap:var(--digi--padding--smaller)}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback digi-button.sc-digi-tools-feedback{--digi--button--width:5.625rem;text-align:center}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:calc(58px + 1rem)}}.sc-digi-tools-feedback-h .digi-tools-feedback__close-button.sc-digi-tools-feedback{visibility:hidden}.sc-digi-tools-feedback-h .digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{padding-bottom:0}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:var(--digi--padding--medium);padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 36rem){.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:0}}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.65rem}.sc-digi-tools-feedback-s>[slot=form]{display:none}.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{display:grid;justify-content:end;padding-top:var(--digi--padding--medium);padding-inline-end:var(--digi--padding--smaller);visibility:visible}@media (max-width: 36rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{padding-top:0;padding-bottom:var(--digi--padding--medium)}}.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{display:flex;flex-direction:column;padding-top:var(--digi--padding--large);padding-bottom:3.563rem;max-width:37.5rem}@media (max-width: 36rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{padding-inline-start:0}}";
+const toolsFeedbackCss = ".sc-digi-tools-feedback-h{--digi--tools-feedback--background-color--primary:var(--digi--color--background--pop-out);--digi--tools-feedback--background-color--secondary:var(--digi--color--background--primary);--digi--tools-feedback--padding:var(--digi--padding--large);--digi--tools-feedback--font-size--desktop:var(--digi--typography--heading-2--font-size--desktop);--digi--tools-feedback--font-size--mobile:var(--digi--typography--heading-2--font-size--mobile);--digi--tools-feedback--heading--font-family:var(--digi--global--typography--font-family--default);--digi--tools-feedback--heading--font-weight:var(--digi--typography--heading-4--font-weight--desktop)}.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{background-color:var(--BACKGROUND-COLOR);font-family:var(--digi--tools-feedback--heading--font-family)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:0;padding-bottom:3rem}}.sc-digi-tools-feedback-h .digi-tools-feedback--primary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback--secondary.sc-digi-tools-feedback{--BACKGROUND-COLOR:var(--digi--tools-feedback--background-color--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback{display:grid;padding-inline:var(--digi--padding--medium)}.sc-digi-tools-feedback-h .digi-tools-feedback--grid.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{grid-column:1;grid-row:1}.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:row;align-items:center;padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container.sc-digi-tools-feedback{display:flex;flex-direction:column;align-items:flex-start;padding-inline-start:0;padding-top:0;padding-bottom:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{display:flex;flex-direction:row;padding-inline-end:var(--digi--padding--largest-3);font-size:var(--digi--tools-feedback--font-size--desktop)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header.sc-digi-tools-feedback{padding-inline-start:0;padding-inline-end:0}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{margin-top:0.4rem;font-size:var(--digi--tools-feedback--font-size--desktop);margin-bottom:0 !important;font-weight:var(--digi--tools-feedback--heading--font-weight)}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-title.sc-digi-tools-feedback{font-size:var(--digi--tools-feedback--font-size--mobile)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.4rem;padding-inline-end:var(--digi--padding--large);flex-shrink:0}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{padding-inline-end:var(--digi--padding--medium)}}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{display:flex;column-gap:var(--digi--padding--smaller)}.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback digi-button.sc-digi-tools-feedback{--digi--button--width:5.625rem;text-align:center}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback__container-btns.sc-digi-tools-feedback{padding-top:var(--digi--padding--medium);padding-inline-start:calc(58px + 1rem)}}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-secondary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--infograph--secondary)}.sc-digi-tools-feedback-h .digi-tools-feedback__infographic-primary.sc-digi-tools-feedback{fill:var(--digi--color--infographic--infograph--primary)}.sc-digi-tools-feedback-h .digi-tools-feedback__close-button.sc-digi-tools-feedback{visibility:hidden}.sc-digi-tools-feedback-h .digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__container.sc-digi-tools-feedback{padding-bottom:0}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:var(--digi--padding--medium);padding-top:var(--digi--padding--largest-3);padding-bottom:3.563rem}@media (max-width: 47.9375rem){.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback{padding-inline-start:0}}.sc-digi-tools-feedback-h .digi-tools-feedback--step-three.sc-digi-tools-feedback .digi-tools-feedback__container-header-icon.sc-digi-tools-feedback{margin-top:0.65rem}.sc-digi-tools-feedback-s>[slot=form]{display:none}.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{display:grid;justify-content:end;padding-top:var(--digi--padding--medium);padding-inline-end:var(--digi--padding--smaller);visibility:visible}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback .digi-tools-feedback__close-button.sc-digi-tools-feedback{padding-top:0;padding-bottom:var(--digi--padding--medium)}}.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{display:flex;flex-direction:column;padding-top:var(--digi--padding--large);padding-bottom:3.563rem;max-width:37.5rem}@media (max-width: 47.9375rem){.digi-tools-feedback--step-two.sc-digi-tools-feedback-s>[slot=form],.digi-tools-feedback--step-two .sc-digi-tools-feedback-s>[slot=form]{padding-inline-start:0}}";
 const DigiToolsFeedbackStyle0 = toolsFeedbackCss;
 
 const ToolsFeedback = /*@__PURE__*/ proxyCustomElement(class ToolsFeedback extends H {
@@ -102,10 +100,10 @@ const ToolsFeedback = /*@__PURE__*/ proxyCustomElement(class ToolsFeedback exten
         };
     }
     get icon() {
-        return (h("svg", { class: "digi-tools-feedback__container-header-icon", "aria-hidden": "true", viewBox: "0 0 60 48", version: "1.1", width: "58", height: "48" }, h("title", null, "Chat"), h("g", { id: "Mainpage", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { id: "\u00D6versikt-moduler-feedback-design-v1", transform: "translate(-1121.000000, -1074.000000)" }, h("g", { id: "Group-27-Copy-2", transform: "translate(1122.000000, 1075.000000)" }, h("path", { d: "M31.3351987,35.0796454 C31.3351987,37.3388621 33.1498711,39.1874113 35.3679732,39.1874113 L43.2325677,39.1874113 L49.7962813,44.9840831 L49.7962813,39.1874113 L52.6602616,39.1874113 C54.8781464,39.1874113 56.6928188,37.3388621 56.6928188,35.0796454 L56.6928188,17.9415266 C56.6928188,15.6820918 54.8781464,13.8335426 52.6602616,13.8335426 L37.4687612,13.8335426 C37.4687612,13.8335426 37.5319804,25.5217561 37.5319804,27.0499279 C37.5319804,28.5778817 36.1843911,32.189488 31.3351987,32.189488 C31.3043495,34.4120652 31.3351987,35.0796454 31.3351987,35.0796454", id: "Fill-1", fill: "#DEE9B7" }), h("path", { d: "M38.1172465,13.8645553 L53.9081341,13.8645553 C56.158606,13.8645553 58,15.7131045 58,17.9723213 L58,36.0955623 C58,38.3547791 56.158606,40.2033283 53.9081341,40.2033283 L51.0022249,40.2033283 L51.0022249,46 L44.341836,40.2033283 L36.3618827,40.2033283 C34.1111935,40.2033283 32.2697995,38.3547791 32.2697995,36.0955623 L32.2697995,32.521904", id: "Stroke-3", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("g", { id: "Group-8" }, h("path", { d: "M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941", id: "Fill-5", fill: "#FFFFFF" }), h("path", { d: "M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941", id: "Stroke-7", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" })), h("line", { x1: "28.4671558", y1: "9.19912763", x2: "9.71648163", y2: "9.19912763", id: "Stroke-9", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "51.0653789", y1: "23.3170842", x2: "47.8731369", y2: "23.3170842", id: "Stroke-11", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "46.5029755", y1: "23.3170842", x2: "43.3107335", y2: "23.3170842", id: "Stroke-13", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "41.9405939", y1: "23.3170842", x2: "38.7483519", y2: "23.3170842", id: "Stroke-15", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "51.0653789", y1: "27.7662735", x2: "46.4946984", y2: "27.7662735", id: "Stroke-17", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "43.2358916", y1: "27.7662735", x2: "38.4564358", y2: "27.7662735", id: "Stroke-19", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "28.4671558", y1: "13.9050986", x2: "9.71648163", y2: "13.9050986", id: "Stroke-21", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "28.4671558", y1: "18.6110914", x2: "9.71648163", y2: "18.6110914", id: "Stroke-23", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "21.4671558", y1: "23.3170842", x2: "9.72", y2: "23.3170842", id: "Stroke-25", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }))))));
+        return (h("svg", { class: "digi-tools-feedback__container-header-icon", "aria-hidden": "true", viewBox: "0 0 60 48", version: "1.1", width: "58", height: "48" }, h("title", null, "Chat"), h("g", { id: "Mainpage", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, h("g", { id: "\u00D6versikt-moduler-feedback-design-v1", transform: "translate(-1121.000000, -1074.000000)" }, h("g", { id: "Group-27-Copy-2", transform: "translate(1122.000000, 1075.000000)" }, h("path", { d: "M31.3351987,35.0796454 C31.3351987,37.3388621 33.1498711,39.1874113 35.3679732,39.1874113 L43.2325677,39.1874113 L49.7962813,44.9840831 L49.7962813,39.1874113 L52.6602616,39.1874113 C54.8781464,39.1874113 56.6928188,37.3388621 56.6928188,35.0796454 L56.6928188,17.9415266 C56.6928188,15.6820918 54.8781464,13.8335426 52.6602616,13.8335426 L37.4687612,13.8335426 C37.4687612,13.8335426 37.5319804,25.5217561 37.5319804,27.0499279 C37.5319804,28.5778817 36.1843911,32.189488 31.3351987,32.189488 C31.3043495,34.4120652 31.3351987,35.0796454 31.3351987,35.0796454", id: "Fill-1", class: "digi-tools-feedback__infographic-secondary" }), h("path", { d: "M38.1172465,13.8645553 L53.9081341,13.8645553 C56.158606,13.8645553 58,15.7131045 58,17.9723213 L58,36.0955623 C58,38.3547791 56.158606,40.2033283 53.9081341,40.2033283 L51.0022249,40.2033283 L51.0022249,46 L44.341836,40.2033283 L36.3618827,40.2033283 C34.1111935,40.2033283 32.2697995,38.3547791 32.2697995,36.0955623 L32.2697995,32.521904", id: "Stroke-3", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("g", { id: "Group-8" }, h("path", { d: "M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941", id: "Fill-5", fill: "#FFFFFF" }), h("path", { d: "M38.1172465,13.8645553 L38.1172465,5.18012517 C38.1172465,2.35604969 35.815504,0.0453631709 33.0023598,0.0453631709 L33.0251708,0 L5.11488673,0 C2.30174248,0 0,2.31068652 0,5.134762 L0,27.387142 C0,30.2112175 2.30174248,32.521904 5.11488673,32.521904 L9.88217668,32.521904 L9.88217668,43.3905272 L20.0617659,32.521904 L33.0023598,32.521904 C35.815504,32.521904 38.1172465,30.2112175 38.1172465,27.387142 L38.1172465,13.8143941", id: "Stroke-7", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" })), h("line", { x1: "28.4671558", y1: "9.19912763", x2: "9.71648163", y2: "9.19912763", id: "Stroke-9", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "51.0653789", y1: "23.3170842", x2: "47.8731369", y2: "23.3170842", id: "Stroke-11", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "46.5029755", y1: "23.3170842", x2: "43.3107335", y2: "23.3170842", id: "Stroke-13", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "41.9405939", y1: "23.3170842", x2: "38.7483519", y2: "23.3170842", id: "Stroke-15", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "51.0653789", y1: "27.7662735", x2: "46.4946984", y2: "27.7662735", id: "Stroke-17", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "43.2358916", y1: "27.7662735", x2: "38.4564358", y2: "27.7662735", id: "Stroke-19", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "28.4671558", y1: "13.9050986", x2: "9.71648163", y2: "13.9050986", id: "Stroke-21", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "28.4671558", y1: "18.6110914", x2: "9.71648163", y2: "18.6110914", id: "Stroke-23", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }), h("line", { x1: "21.4671558", y1: "23.3170842", x2: "9.72", y2: "23.3170842", id: "Stroke-25", stroke: "#333333", "stroke-width": "1.296", "stroke-linejoin": "round" }))))));
     }
     get responseIcon() {
-        return (h("svg", { class: "digi-tools-feedback__container-header-icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29", width: "31", height: "25" }, h("title", null, "Check mark"), h("g", { fill: "none", "fill-rule": "evenodd" }, h("g", { transform: "translate(-170 -32)" }, h("g", { transform: "translate(170 32.325)" }, h("g", { transform: "translate(0 .77495)" }, h("mask", { id: "b", fill: "white" }, h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), h("g", { transform: "translate(4.2177)" }, h("mask", { id: "a", fill: "white" }, h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), h("path", { d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", fill: "#95C13E", mask: "url(#a)" })))))));
+        return (h("svg", { class: "digi-tools-feedback__container-header-icon", "aria-hidden": "true", version: "1.1", viewBox: "0 0 35 29", width: "31", height: "25" }, h("title", null, "Check mark"), h("g", { fill: "none", "fill-rule": "evenodd" }, h("g", { transform: "translate(-170 -32)" }, h("g", { transform: "translate(170 32.325)" }, h("g", { transform: "translate(0 .77495)" }, h("mask", { id: "b", fill: "white" }, h("polygon", { points: "0 0 26.685 0 26.685 27.689 0 27.689" })), h("path", { d: "m13.711 27.689c-7.5602 0-13.711-6.2103-13.711-13.844 0-7.6345 6.151-13.845 13.711-13.845 3.1693 0 6.2611 1.1179 8.7048 3.1478l-1.5894 1.9509c-1.9972-1.6592-4.5241-2.5724-7.1155-2.5724-6.181 0-11.209 5.0773-11.209 11.319 0 6.2406 5.0283 11.318 11.209 11.318 4.7924 0 9.0551-3.0733 10.607-7.6478l2.3668 0.81853c-1.8983 5.5958-7.1124 9.3556-12.974 9.3556", fill: "#333", mask: "url(#b)" })), h("g", { transform: "translate(4.2177)" }, h("mask", { id: "a", fill: "white" }, h("polygon", { points: "0 0 30.425 0 30.425 23.496 0 23.496" })), h("path", { d: "m30.191 3.2545-19.95 20.007c-0.31227 0.31253-0.81758 0.31253-1.1292 0l-8.878-8.9033c-0.31164-0.31316-0.31164-0.81992 0-1.1324l1.8818-1.8878c0.31164-0.31253 0.81758-0.31253 1.1292 0l6.4315 6.4499 17.504-17.553c0.31164-0.31316 0.81695-0.31316 1.1292 0l1.8818 1.8872c0.31164 0.31253 0.31164 0.81929 0 1.1324", class: "digi-tools-feedback__infographic-primary", mask: "url(#a)" })))))));
     }
     get content() {
         return (h("div", null, this.currentStep === 1 && (h("div", { class: "digi-tools-feedback__container" }, h("div", { class: "digi-tools-feedback__container-header" }, this.icon, h(this.afHeadingLevel, { class: "digi-tools-feedback__container-header-title" }, this.afText)), h("div", { class: "digi-tools-feedback__container-btns" }, h("digi-button", { "af-size": ButtonSize.MEDIUM, "af-variation": ButtonVariation.SECONDARY, "af-full-width": "false", onAfOnClick: () => {
@@ -118,7 +116,7 @@ const ToolsFeedback = /*@__PURE__*/ proxyCustomElement(class ToolsFeedback exten
         this.afOnReady.emit();
     }
     render() {
-        return (h("div", { key: '83db61c7c9b70f2dbef26326b875516084e9f1bf', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: '5b40e1b4d98076f70aae457ae44bc361d3a4c38a', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
+        return (h("div", { key: 'cac67bfc609cd0365118ea11bb5ff275a34038e5', class: Object.assign({ 'digi-tools-feedback': true }, this.cssModifiers) }, this.afType === ToolsFeedbackType.FULLWIDTH && (h("digi-layout-block", { key: 'f6ebe7c639dca9b47f1c7d758475f610775a7571', afVariation: LayoutBlockVariation.TRANSPARENT }, this.content)), this.afType !== ToolsFeedbackType.FULLWIDTH && this.content));
     }
     get hostElement() { return this; }
     static get watchers() { return {

package/components/digi-tools-theme-provider.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DigiToolsThemeProvider extends Components.DigiToolsThemeProvider, HTMLElement {}
+export const DigiToolsThemeProvider: {
+    prototype: DigiToolsThemeProvider;
+    new (): DigiToolsThemeProvider;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;