@duetds/components 9.2.0 → 9.2.1

package/lib/collection/components/duet-choice/duet-choice.css

@@ -85,7 +85,7 @@
   -webkit-hyphens: auto;
   hyphens: auto;
   line-height: 1.1;
-  color: rgb(0, 41, 77) !important;
+  color: rgb(8, 42, 77) !important;
   text-align: left;
   background: rgb(255, 255, 255);
   border-width: 1px;
@@ -122,7 +122,7 @@
   text-decoration: none;
   word-break: break-word;
   cursor: pointer;
-  border: 1px solid rgb(225, 227, 230);
+  border: 1px solid rgb(212, 223, 229);
   border-radius: 8px;
   transition: background-color 150ms ease, border-color 300ms ease;
 }
@@ -146,10 +146,10 @@
   border-bottom-left-radius: 0;
 }
 .duet-theme-turva .duet-choice-label {
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-theme-turva .info .duet-choice-label {
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-choice-label:active {
   opacity: 0.75;
@@ -157,7 +157,7 @@
 }
 .checked > .duet-choice-label {
   padding: 1rem;
-  background: rgb(243, 249, 252);
+  background: rgb(240, 247, 250);
   border-color: rgb(0, 119, 179) !important;
   border-width: 2px;
 }
@@ -165,7 +165,7 @@
   border-color: rgb(0, 119, 179);
 }
 .duet-theme-turva .checked > .duet-choice-label {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
   border-color: rgb(23, 28, 58) !important;
 }
 .duet-theme-turva .checked > .duet-choice-label .duet-checkmark-container {
@@ -183,16 +183,16 @@
   border-width: 2px;
 }
 :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container {
-  border-color: rgb(144, 149, 153);
+  border-color: rgb(127, 150, 165);
 }
 .duet-theme-turva :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) {
   border-color: rgb(23, 28, 58);
 }
 .duet-theme-turva :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) .duet-checkmark-container {
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
 }
 .duet-theme-turva .info :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) {
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
 }
 
 :host(:not(.no-hover):not(.disabled):not([checked]):hover) > .duet-choice-card-flextainer .duet-choice-label:not(.checked) {
@@ -220,19 +220,19 @@ input:focus {
 }
 
 input[disabled] + .duet-choice-label {
-  color: rgb(101, 119, 135) !important;
+  color: rgb(98, 121, 138) !important;
   cursor: default !important;
   background: rgb(245, 248, 250) !important;
-  border-color: rgb(225, 227, 230) !important;
+  border-color: rgb(212, 223, 229) !important;
 }
 input[disabled] + .duet-choice-label .duet-choice-card-icon {
-  color: rgb(101, 119, 135);
+  color: rgb(98, 121, 138);
 }
 .duet-theme-turva input[disabled] + .duet-choice-label .duet-choice-card-icon {
-  color: rgb(116, 116, 117);
+  color: rgb(143, 147, 158);
 }
 input[disabled] + .duet-choice-label .duet-checkmark {
-  border-color: rgb(101, 119, 135) !important;
+  border-color: rgb(98, 121, 138) !important;
 }
 input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label:active, input[disabled] + .duet-choice-label:focus {
   box-shadow: none !important;
@@ -241,20 +241,20 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
 }
 
 .duet-theme-turva input[disabled] + .duet-choice-label {
-  color: rgb(116, 116, 117) !important;
-  background: rgb(245, 245, 247) !important;
-  border-color: rgb(228, 228, 230) !important;
+  color: rgb(143, 147, 158) !important;
+  background: rgb(245, 247, 250) !important;
+  border-color: rgb(222, 224, 228) !important;
 }
 .duet-theme-turva input[disabled] + .duet-choice-label .duet-checkmark {
-  border-color: rgb(116, 116, 117) !important;
+  border-color: rgb(143, 147, 158) !important;
 }
 
 .checked > input[disabled] + .duet-choice-label {
-  border-color: rgb(144, 149, 153) !important;
+  border-color: rgb(127, 150, 165) !important;
 }
 
 .duet-theme-turva .checked > input[disabled] + .duet-choice-label {
-  border-color: rgb(116, 116, 117) !important;
+  border-color: rgb(143, 147, 158) !important;
 }
 
 .duet-checkmark-container {
@@ -262,12 +262,12 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   width: 20px;
   height: 20px;
   margin-left: auto;
-  border: 1px solid rgb(144, 149, 153);
+  border: 1px solid rgb(127, 150, 165);
   border-radius: 4px;
   transition: border 300ms ease;
 }
 .duet-theme-turva .duet-checkmark-container {
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
 }
 .checked > .duet-choice-label .duet-checkmark-container {
   background: rgb(0, 119, 179);
@@ -282,18 +282,18 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   border-radius: 50%;
 }
 [disabled] + label .duet-checkmark-container {
-  background: rgb(207, 210, 212) !important;
-  border-color: rgb(207, 210, 212) !important;
+  background: rgb(181, 198, 208) !important;
+  border-color: rgb(181, 198, 208) !important;
 }
 .duet-theme-turva [disabled] + label .duet-checkmark-container {
-  border-color: rgb(207, 207, 209) !important;
+  border-color: rgb(199, 202, 207) !important;
 }
 .checked > [disabled] + label .duet-checkmark-container {
-  background: rgb(207, 210, 212) !important;
+  background: rgb(181, 198, 208) !important;
 }
 .duet-theme-turva .checked > [disabled] + label .duet-checkmark-container {
-  background: rgb(207, 207, 209) !important;
-  border-color: rgb(207, 207, 209) !important;
+  background: rgb(199, 202, 207) !important;
+  border-color: rgb(199, 202, 207) !important;
 }
 
 .duet-checkmark {
@@ -335,7 +335,7 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   color: rgb(0, 119, 179);
 }
 .duet-theme-turva .duet-choice-card-icon {
-  color: rgb(173, 11, 43);
+  color: rgb(164, 4, 40);
 }
 .duet-choice-card-icon duet-icon {
   display: block;
@@ -360,8 +360,8 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   position: relative;
   width: 100%;
   font-weight: 400;
-  color: rgb(0, 41, 77);
-  border: 1px solid rgb(225, 227, 230);
+  color: rgb(8, 42, 77);
+  border: 1px solid rgb(212, 223, 229);
   border-top: 0;
   border-radius: 0 0 8px 8px;
   transition: border-color 300ms ease;
@@ -383,12 +383,12 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
 }
 .duet-choice-card-collapsible {
   background: rgb(255, 255, 255);
-  border: 1px solid rgb(225, 227, 230);
+  border: 1px solid rgb(212, 223, 229);
   border-top: 0;
 }
 .duet-choice-card-collapsible.duet-theme-turva {
   background: rgb(255, 255, 255);
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-choice-card-collapsible.checked {
   padding: 19px !important;
@@ -407,17 +407,17 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
 }
 .duet-choice-card-collapsible-disabled {
   background: rgb(245, 248, 250);
-  border-color: rgb(225, 227, 230);
+  border-color: rgb(212, 223, 229);
 }
 .duet-choice-card-collapsible-disabled.checked {
-  border-color: rgb(225, 227, 230);
+  border-color: rgb(212, 223, 229);
 }
 .duet-choice-card-collapsible-disabled.duet-theme-turva {
-  background: rgb(245, 245, 247);
-  border-color: rgb(228, 228, 230);
+  background: rgb(245, 247, 250);
+  border-color: rgb(222, 224, 228);
 }
 .duet-choice-card-collapsible-disabled.duet-theme-turva.checked {
-  border-color: rgb(228, 228, 230);
+  border-color: rgb(222, 224, 228);
 }
 .duet-choice-card-info {
   font-size: 0.875rem;
@@ -426,8 +426,8 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   transition: 150ms ease-out;
 }
 .duet-choice-card-info.duet-theme-turva {
-  background: rgb(245, 245, 247);
-  border-color: rgb(228, 228, 230);
+  background: rgb(245, 247, 250);
+  border-color: rgb(222, 224, 228);
 }
 .duet-choice-card-info.duet-choice-card-collapsed .duet-choice-info-container ::slotted(*) {
   display: none;
@@ -444,7 +444,7 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   border-width: 2px;
 }
 .duet-theme-turva :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-collapsible:not(.checked) {
-  border-color: rgb(116, 116, 117);
+  border-color: rgb(143, 147, 158);
 }
 
 :host([collapsible-force-expanded]:not(.no-hover):not(.disabled):hover) > .duet-choice-card-collapsible:not(.checked) {
@@ -467,7 +467,7 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   padding-top: 1.25rem;
   cursor: pointer;
   background: rgb(255, 255, 255);
-  border: 1px solid rgb(225, 227, 230);
+  border: 1px solid rgb(212, 223, 229);
   border-left: 0 none;
   border-top-right-radius: 8px;
   border-bottom-right-radius: 8px;
@@ -480,22 +480,22 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
   border-bottom-right-radius: 0;
 }
 .duet-theme-turva .duet-choice-info-toggle[aria-expanded=true] {
-  background: rgb(245, 245, 247);
+  background: rgb(245, 247, 250);
 }
 .duet-choice-info-toggle[disabled] {
   pointer-events: none;
   background: rgb(245, 248, 250) !important;
-  border-color: rgb(225, 227, 230) !important;
+  border-color: rgb(212, 223, 229) !important;
 }
 .duet-choice-info-toggle[disabled] .duet-choice-info-icon {
-  color: rgb(144, 149, 153) !important;
+  color: rgb(127, 150, 165) !important;
 }
 .duet-choice-info-toggle[disabled].duet-theme-turva {
-  background: rgb(245, 245, 247) !important;
-  border-color: rgb(228, 228, 230) !important;
+  background: rgb(245, 247, 250) !important;
+  border-color: rgb(222, 224, 228) !important;
 }
 .duet-choice-info-toggle[disabled].duet-theme-turva .duet-choice-info-icon {
-  color: rgb(116, 116, 117) !important;
+  color: rgb(143, 147, 158) !important;
 }
 .duet-choice-info-toggle:focus {
   outline: none;
@@ -520,10 +520,10 @@ input[disabled] + .duet-choice-label:hover, input[disabled] + .duet-choice-label
 }
 
 :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle {
-  border-left-color: rgb(144, 149, 153);
+  border-left-color: rgb(127, 150, 165);
 }
 .duet-theme-turva :host(:not(.no-hover):not(.disabled):hover) > .duet-choice-card-flextainer .duet-choice-label .duet-choice-info-toggle {
-  border-left-color: rgb(116, 116, 117);
+  border-left-color: rgb(143, 147, 158);
 }
 
 .duet-choice-input {

package/lib/collection/components/duet-choice/duet-choice.js

@@ -998,7 +998,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1019,7 +1019,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }
@@ -1040,7 +1040,7 @@ export class DuetChoice {
                     "references": {
                         "DuetChoiceEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-choice/duet-choice.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-choice/duet-choice.tsx",
                             "id": "src/components/duet-choice/duet-choice.tsx::DuetChoiceEvent"
                         }
                     }

package/lib/collection/components/duet-collapsible/duet-collapsible.css

@@ -30,7 +30,7 @@
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 
 :host(.duet-theme-turva) {
@@ -53,7 +53,7 @@
   -webkit-hyphens: auto;
   hyphens: auto;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 @media (max-width: 35.9375em) {
   .duet-collapsible-content {
@@ -77,7 +77,7 @@
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   text-align: left;
   cursor: pointer;
   border-radius: 4px;
@@ -120,7 +120,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   transition: transform 300ms ease;
 }
 .duet-collapsible-heading-icon:last-child, .duet-collapsible-heading-icon:last-of-type {

package/lib/collection/components/duet-collapsible/duet-collapsible.js

@@ -231,7 +231,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleWeight": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleWeight"
                         }
                     }
@@ -255,7 +255,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleHeadingFontSize": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleHeadingFontSize"
                         }
                     }
@@ -355,7 +355,7 @@ export class DuetCollapsible {
                     "references": {
                         "DuetCollapsibleToggleEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-collapsible/duet-collapsible.tsx",
                             "id": "src/components/duet-collapsible/duet-collapsible.tsx::DuetCollapsibleToggleEvent"
                         }
                     }

package/lib/collection/components/duet-combobox/duet-combobox.css

@@ -11,10 +11,10 @@
   display: inline-block;
   width: 100%;
   font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 :host a {
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
   transition: none;
 }
 :host.duet-theme-turva {

package/lib/collection/components/duet-combobox/duet-combobox.js

@@ -5,7 +5,7 @@ import { Build, h, Host, } from "@stencil/core";
 import { inheritGlobalTheme } from "../../common";
 import { createID } from "../../utils/create-id";
 import { debounce } from "../../utils/js-utils";
-import { isArrowDownKey, isArrowUpKey, isBackspaceKey, isEnterKey, isEscapeKey, isTabKey, } from "../../utils/keyboard-utils";
+import { isArrowDownKey, isArrowUpKey, isEnterKey, isEscapeKey, isTabKey } from "../../utils/keyboard-utils";
 import { connectLanguageChangeObserver, disconnectLanguageChangeObserver, getLanguage, getLocaleString, } from "../../utils/language-utils";
 import { getElementsFromDefaultSlot } from "../../utils/slot-utils";
 import { parsePossibleJSON } from "../../utils/string-utils";
@@ -89,13 +89,6 @@ export class DuetCombobox {
                 this.listOpen = false;
                 return;
             }
-            if (isBackspaceKey(e) && this.inputValue === "") {
-                if (this.multiple && this.selectedItems.size > 0) {
-                    const lastItem = Array.from(this.selectedItems).pop();
-                    this.removeSelectedItem(lastItem, true);
-                }
-                return;
-            }
             //handle arrow up/down navigation
             let nextActiveItem = this.activeItem;
             if (isArrowUpKey(e)) {
@@ -399,6 +392,7 @@ export class DuetCombobox {
             if (!chipExists) {
                 const chip = document.createElement("duet-chip");
                 chip.variation = "input";
+                chip.role = "option";
                 chip.value = `${id}`;
                 chip.textContent = text;
                 chip.addEventListener("duetRemove", evt => {
@@ -727,7 +721,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     }
@@ -845,7 +839,7 @@ export class DuetCombobox {
                     "references": {
                         "DuetComboboxEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxEvent"
                         }
                     }
@@ -869,7 +863,7 @@ export class DuetCombobox {
                         },
                         "DuetComboboxItem": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-combobox/duet-combobox.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-combobox/duet-combobox.tsx",
                             "id": "src/components/duet-combobox/duet-combobox.tsx::DuetComboboxItem"
                         }
                     },

package/lib/collection/components/duet-contact-card/duet-contact-card.css

@@ -45,7 +45,7 @@
   font-size: 1rem;
   font-weight: 600;
   line-height: 1.5;
-  color: rgb(0, 41, 77);
+  color: rgb(8, 42, 77);
 }
 .duet-contact-card.duet-theme-turva {
   font-family: "turva-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

package/lib/collection/components/duet-contact-card/duet-contact-card.js

@@ -45,10 +45,10 @@ export class DuetContactCard {
     render() {
         const isTurva = this.theme === "turva";
         const theme = isTurva ? "turva" : "default";
-        return (h(Host, { key: '74f85ad21c040a5a98dee8c360b9958be3109855', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'd11d8de783ddd26e09d9e96923dc781f569e93f9', class: {
+        return (h(Host, { key: '27e103c0c5049f7fab515607764a54b61951c1e0', class: { "duet-m-0": this.margin === "none" } }, h("div", { key: 'c574b5e46c7fa008821587bb36154641b390b903', class: {
                 "duet-contact-card": true,
                 "duet-theme-turva": this.theme === "turva",
-            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: '7e934c796778de29e95e94bebec6937048b78566' }, this.name && (h("duet-heading", { key: '26031bfeb5a46a69ebba836bd1cc714b077bb121', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: '8768df03c1a5dfb04cdf1eda46da5a327bbf3324', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '92235e6bd3a7012a478cfd8100e4f5701f9ea950', class: "email" }, h("duet-icon", { key: '3fe17e7cc18b9f724be2627dcb4e0adf667aaf5b', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: 'cc356db4a9b7f198504873d3e335cd6f83d7c70c', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: 'b9e6b3cc84f4aa81599ff5b7cd626f3e5f03ab33', class: "phone" }, h("duet-icon", { key: '3223b182ee564f36ec8994536981eb6bc9fba82d', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '2396ee622e62c5a5be8dde2ecc9edecbb823cc9a', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: 'b5d4135434a9627822c9569ae9945bc5c3c2441a', class: "call-to-action" }, h("duet-button", { key: '7ebaddbe3b97f9916fada3f248c343eb7bd6bdde', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '12212314eff53718f85f30af84592ee6447b6b7b' }), h("slot", { key: 'd1d55182364ac381b7f4ce0bcdecc6c0643739bc' }))));
+            }, role: "group", "aria-label": this.name }, this.image ? h("img", { class: "image", src: this.image, alt: this.name }) : h("div", null), h("div", { key: 'ad527316cf8b63feb34bd4dd79f77324b7f48c80' }, this.name && (h("duet-heading", { key: '6774b39b0bbd63f84d262fcf3f2ecad255664ce0', class: "name", level: "h3", margin: "none", theme: theme }, this.name)), this.description && (h("duet-paragraph", { key: 'f8dcb174650b2bc6f9ab36f8995c9e4629cd4cb7', class: "description", margin: "none", theme: theme }, this.description)), this.email && (h("div", { key: '73e0f30a03c566d15e338a87506fcf537f8c5cfd', class: "email" }, h("duet-icon", { key: '362a6a97716c3a14aee0aa4f922b46752a512fe0', name: "navigation-message", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '86f261b33c3199a7e02d697417f835d70f3300fa', url: `mailto:${this.email}`, accessibleLabel: `Email: ${this.email}`, theme: theme }, this.email))), this.phone && (h("div", { key: 'fefe6fcb46d1113762849f95e2dcb7c4625d2472', class: "phone" }, h("duet-icon", { key: '55a47952ffee9a4d97c714aa749219bc6d7aa2b8', name: "form-tel", size: "x-small", color: "primary-dark", margin: "none", theme: theme }), h("duet-link", { key: '618acf848c98219d2a05233a8f072401a33c5507', url: `tel:${this.phone}`, accessibleLabel: `${this.phoneLabel[this.language]}: ${this.phone}`, theme: theme }, this.phone)))), this.buttonUrl && this.buttonText && (h("div", { key: 'bc881ffff92c8433241d886ebd054090356ffece', class: "call-to-action" }, h("duet-button", { key: '8147b7ed59d0c12d235059e6a1d1ec7551f1e184', variation: "default", icon: this.buttonIcon, fixed: true, margin: "none", url: this.buttonUrl, theme: theme }, this.buttonText))), h("div", { key: '1d06de992fe79882232166faca835f6468ce796f' }), h("slot", { key: 'ade5d1b926723e45fc1ff45faeef9fa14bd5af56' }))));
     }
     static get is() { return "duet-contact-card"; }
     static get encapsulation() { return "shadow"; }

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.css

@@ -56,11 +56,11 @@
   font-family: "localtapiola-sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
   font-size: 0.875rem;
   color: rgb(255, 255, 255) !important;
-  background-color: rgba(0, 21, 39, 0.9);
+  background-color: rgba(4, 21, 39, 0.9);
 }
 @supports (-webkit-backdrop-filter: none) or (backdrop-filter: none) {
   .duet-cookie-consent {
-    background: rgba(0, 21, 39, 0.8);
+    background: rgba(4, 21, 39, 0.8);
     -webkit-backdrop-filter: blur(4px);
     backdrop-filter: blur(4px);
   }

package/lib/collection/components/duet-cookie-consent/duet-cookie-consent.js

@@ -117,7 +117,7 @@ export class DuetCookieConsent {
                     "references": {
                         "DuetCookieConsentEvent": {
                             "location": "local",
-                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
+                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-cookie-consent/duet-cookie-consent.tsx",
                             "id": "src/components/duet-cookie-consent/duet-cookie-consent.tsx::DuetCookieConsentEvent"
                         }
                     }