@duetds/components 9.2.3 → 9.2.5

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

@@ -616,7 +616,7 @@ export class DuetHeader {
                         },
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -645,7 +645,7 @@ export class DuetHeader {
                     "references": {
                         "I18nText": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::I18nText"
                         }
                     }
@@ -1038,7 +1038,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1059,7 +1059,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1080,7 +1080,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1101,7 +1101,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1122,7 +1122,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1143,7 +1143,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1164,7 +1164,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1185,7 +1185,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1206,7 +1206,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1227,7 +1227,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }
@@ -1248,7 +1248,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderAnalyticsEvent"
                         }
                     }
@@ -1269,7 +1269,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderMobileNavToggleEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderMobileNavToggleEvent"
                         }
                     }
@@ -1290,7 +1290,7 @@ export class DuetHeader {
                     "references": {
                         "DuetHeaderChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-header/duet-header.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-header/duet-header.tsx",
                             "id": "src/components/duet-header/duet-header.tsx::DuetHeaderChangeEvent"
                         }
                     }

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

@@ -166,7 +166,7 @@ export class DuetHeading {
                     "references": {
                         "DuetHeadingWeight": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-heading/duet-heading.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-heading/duet-heading.tsx",
                             "id": "src/components/duet-heading/duet-heading.tsx::DuetHeadingWeight"
                         }
                     }

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

@@ -378,7 +378,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroIconSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroIconSize"
                         }
                     }
@@ -620,7 +620,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroButtonData": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroButtonData"
                         }
                     }
@@ -743,7 +743,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroVariation"
                         }
                     }
@@ -863,7 +863,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroClickEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroClickEvent"
                         }
                     }
@@ -884,7 +884,7 @@ export class DuetHero {
                     "references": {
                         "DuetHeroAnalyticsEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-hero/duet-hero.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-hero/duet-hero.tsx",
                             "id": "src/components/duet-hero/duet-hero.tsx::DuetHeroAnalyticsEvent"
                         }
                     }

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

@@ -958,7 +958,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputType": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputType"
                         }
                     }
@@ -984,7 +984,7 @@ export class DuetInput {
                     "references": {
                         "DuetVariationType": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetVariationType"
                         }
                     }
@@ -1252,7 +1252,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputComponentType": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputComponentType"
                         }
                     }
@@ -1447,7 +1447,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1468,7 +1468,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1489,7 +1489,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1510,7 +1510,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }
@@ -1531,7 +1531,7 @@ export class DuetInput {
                     "references": {
                         "DuetInputEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-input/duet-input.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-input/duet-input.tsx",
                             "id": "src/components/duet-input/duet-input.tsx::DuetInputEvent"
                         }
                     }

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

@@ -105,7 +105,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelMargin": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelMargin"
                         }
                     }
@@ -131,7 +131,7 @@ export class DuetLabel {
                     "references": {
                         "DuetLabelSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-label/duet-label.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-label/duet-label.tsx",
                             "id": "src/components/duet-label/duet-label.tsx::DuetLabelSize"
                         }
                     }

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

@@ -131,7 +131,7 @@ export class DuetLayout {
                     "references": {
                         "DuetLayoutStickyDistance": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-layout/duet-layout.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-layout/duet-layout.tsx",
                             "id": "src/components/duet-layout/duet-layout.tsx::DuetLayoutStickyDistance"
                         }
                     }

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

@@ -79,20 +79,20 @@ button {
   cursor: pointer;
 }
 
-.duet-link-is-external.duet-link:not(.block, .button),
-.duet-link-is-download.duet-link:not(.block, .button) {
+.duet-link-is-external.duet-link:not(.block, .button, .card),
+.duet-link-is-download.duet-link:not(.block, .button, .card) {
   text-decoration: none;
 }
-.duet-link-is-external.duet-link:not(.block, .button) .duet-link-content,
-.duet-link-is-download.duet-link:not(.block, .button) .duet-link-content {
+.duet-link-is-external.duet-link:not(.block, .button, .card) .duet-link-content,
+.duet-link-is-download.duet-link:not(.block, .button, .card) .duet-link-content {
   text-decoration: underline;
 }
-.duet-link-is-external.duet-link:not(.block, .button):hover > .duet-link-content,
-.duet-link-is-download.duet-link:not(.block, .button):hover > .duet-link-content {
+.duet-link-is-external.duet-link:not(.block, .button, .card):hover > .duet-link-content,
+.duet-link-is-download.duet-link:not(.block, .button, .card):hover > .duet-link-content {
   text-decoration: none;
 }
-.duet-link-is-external.duet-link:not(.block, .button) .duet-link-icon-tail,
-.duet-link-is-download.duet-link:not(.block, .button) .duet-link-icon-tail {
+.duet-link-is-external.duet-link:not(.block, .button, .card) .duet-link-icon-tail,
+.duet-link-is-download.duet-link:not(.block, .button, .card) .duet-link-icon-tail {
   text-decoration: none;
   white-space: nowrap;
 }
@@ -167,7 +167,8 @@ button {
   transform: translateX(4px);
 }
 
-.duet-link.button {
+.duet-link.button,
+.duet-link.card {
   display: flex;
   gap: 12px;
   align-items: center;
@@ -183,10 +184,12 @@ button {
   outline-offset: -2px;
   transition: all 300ms ease;
 }
-.duet-link.button > * {
+.duet-link.button > *,
+.duet-link.card > * {
   flex-shrink: 0;
 }
-.duet-link.button .duet-link-content {
+.duet-link.button .duet-link-content,
+.duet-link.card .duet-link-content {
   flex-grow: 1;
   flex-shrink: 1;
   font-size: 1rem;
@@ -194,57 +197,119 @@ button {
   color: rgb(8, 42, 77);
   text-align: left;
 }
-.duet-link.button .icon-wrap {
+.duet-link.button .icon-wrap,
+.duet-link.card .icon-wrap {
   display: flex;
   align-items: center;
   justify-content: center;
 }
-.duet-link.button.duet-link-has-icon-background {
+.duet-link.button.duet-link-has-icon-background,
+.duet-link.card.duet-link-has-icon-background {
   min-height: 60px;
   padding: 12px;
   padding-right: 20px;
   line-height: 1.5;
 }
-.duet-link.button.duet-link-has-icon-background .icon-wrap {
+.duet-link.button.duet-link-has-icon-background .icon-wrap,
+.duet-link.card.duet-link-has-icon-background .icon-wrap {
   width: 36px;
   height: 36px;
   border-radius: 8px;
 }
-.duet-link.button:hover {
+.duet-link.button:hover,
+.duet-link.card:hover {
   border-color: rgb(0, 119, 179);
   outline: 2px solid rgb(0, 119, 179);
 }
 @media (min-width: 48em) {
-  .duet-link.button {
+  .duet-link.button,
+  .duet-link.card {
     min-height: 50px;
   }
-  .duet-link.button.duet-link-has-icon-background {
+  .duet-link.button.duet-link-has-icon-background,
+  .duet-link.card.duet-link-has-icon-background {
     gap: 16px;
     min-height: 72px;
     border-radius: 16px;
   }
-  .duet-link.button.duet-link-has-icon-background .icon-wrap {
+  .duet-link.button.duet-link-has-icon-background .icon-wrap,
+  .duet-link.card.duet-link-has-icon-background .icon-wrap {
     width: 48px;
     height: 48px;
     border-radius: 12px;
   }
-  .duet-link.button.duet-link-has-icon-background .duet-link-content {
+  .duet-link.button.duet-link-has-icon-background .duet-link-content,
+  .duet-link.card.duet-link-has-icon-background .duet-link-content {
     font-size: 1.1rem;
   }
 }
-.duet-link.button.duet-theme-turva {
+.duet-link.button.duet-theme-turva,
+.duet-link.card.duet-theme-turva {
   border-color: rgb(199, 202, 207);
 }
-.duet-link.button.duet-theme-turva .duet-link-content {
+.duet-link.button.duet-theme-turva .duet-link-content,
+.duet-link.card.duet-theme-turva .duet-link-content {
   color: rgb(23, 28, 58);
 }
-.duet-link.button.duet-theme-turva:hover {
+.duet-link.button.duet-theme-turva:hover,
+.duet-link.card.duet-theme-turva:hover {
   border-color: rgb(198, 12, 48);
   outline-color: rgb(198, 12, 48);
 }
-.duet-link.button .block__chevron-icon {
+.duet-link.button .block__chevron-icon,
+.duet-link.card .block__chevron-icon {
   transition: 300ms ease;
 }
-.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon {
+.duet-link.button:not(.duet-link-is-external):hover .block__chevron-icon,
+.duet-link.card:not(.duet-link-is-external):hover .block__chevron-icon {
   transform: translateX(4px);
+}
+
+.duet-link.card {
+  border-color: rgb(228, 236, 239);
+  box-shadow: 0 2px 6px 0 rgba(0, 41, 77, 0.07), 0 -1px 0 0 rgba(0, 0, 0, 0.09), -1px 0 0 0 rgba(0, 0, 0, 0.07), 1px 0 0 0 rgba(0, 0, 0, 0.07), 0 1px 0 0 rgba(0, 0, 0, 0.07);
+}
+.duet-link.card.duet-theme-turva {
+  border-color: rgb(234, 235, 239);
+  box-shadow: 0 2px 6px 0 rgba(117, 117, 117, 0.13);
+}
+.duet-link.card:not(.duet-link-has-icon) {
+  gap: 12px;
+  padding: 16px;
+}
+.duet-link.card .chevron-wrap {
+  display: flex;
+  align-items: center;
+  height: 100%;
+}
+.duet-link.card.duet-link-has-icon {
+  gap: 12px;
+  align-items: flex-start;
+  padding: 16px;
+}
+.duet-link.card.duet-link-has-icon .icon-wrap {
+  width: 48px;
+  height: 48px;
+  border-radius: 12px;
+}
+.duet-link.card.duet-link-has-icon .chevron-wrap {
+  height: 48px;
+}
+@media (min-width: 48em) {
+  .duet-link.card:not(.duet-link-has-icon) {
+    gap: 20px;
+    padding: 24px;
+  }
+  .duet-link.card.duet-link-has-icon {
+    gap: 20px;
+    padding: 24px;
+  }
+  .duet-link.card.duet-link-has-icon .icon-wrap {
+    width: 62px;
+    height: 62px;
+    border-radius: 16px;
+  }
+  .duet-link.card.duet-link-has-icon .chevron-wrap {
+    height: 62px;
+  }
 }

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

@@ -79,6 +79,7 @@ export class DuetLink {
         this.mediaQuerySmall = window.matchMedia(breakpointToToken["xx-small"]);
         this.mediaQueryMedium = window.matchMedia(breakpointToToken["medium"]);
         this.isSmallScreen = this.mediaQuerySmall.matches;
+        this.isMediumScreen = this.mediaQueryMedium.matches;
         this.mediaQuerySmall.addEventListener("change", this.screenTestBound);
         this.mediaQueryMedium.addEventListener("change", this.screenTestBound);
     }
@@ -95,6 +96,7 @@ export class DuetLink {
     }
     screenTest(event) {
         this.isSmallScreen = event.matches;
+        this.isMediumScreen = event.matches;
     }
     resolveDownload() {
         if (this.download === "") {
@@ -110,11 +112,17 @@ export class DuetLink {
     renderBlockContent() {
         return (h(Fragment, null, this.icon && (h("span", { class: "block__icon" }, h("duet-icon", { size: this.iconResponsive ? (this.isSmallScreen ? "medium" : "large") : "x-small", name: this.icon, margin: "none", color: this.iconColor }))), h("span", { class: "block__content" }, this.renderDefaultContent()), h("span", { class: "block__chevron", part: "block-chevron" }, h("duet-icon", { class: "block__chevron-icon", icon: this.external ? newWindowIconLarge.svg : chevronIcon.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
     }
-    renderButtonContent() {
+    renderButtonCardContent() {
         const iconWrapStyle = {
             "background-color": getColorByName(this.iconBackground, this.theme),
         };
-        return (h(Fragment, null, h("span", { class: "icon-wrap", style: iconWrapStyle }, h("duet-icon", { size: !this.iconBackground || this.isMediumScreen ? "small" : "medium", name: this.icon, margin: "none", color: this.iconColor })), h("span", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), h("duet-icon", { class: "block__chevron-icon", icon: this.external ? newWindowIconLarge.svg : chevronIcon.svg, size: "x-small", margin: "none", color: "primary-dark" })));
+        const iconSize = () => {
+            if (this.variation === "button") {
+                return this.iconBackground && this.isMediumScreen ? "medium" : "small";
+            }
+            return this.isMediumScreen ? "large" : "medium";
+        };
+        return (h(Fragment, null, this.icon && (h("span", { class: "icon-wrap", style: iconWrapStyle }, h("duet-icon", { size: iconSize(), name: this.icon, margin: "none", color: this.iconColor }))), h("div", { class: "duet-link-content", part: "duet-link-content" }, h("slot", null)), h("span", { class: "chevron-wrap" }, h("duet-icon", { class: "block__chevron-icon", icon: this.external ? newWindowIconLarge.svg : chevronIcon.svg, size: "x-small", margin: "none", color: "primary-dark" }))));
     }
     renderContent() {
         switch (this.variation) {
@@ -123,7 +131,8 @@ export class DuetLink {
             case "block":
                 return this.renderBlockContent();
             case "button":
-                return this.renderButtonContent();
+            case "card":
+                return this.renderButtonCardContent();
         }
     }
     /**
@@ -133,10 +142,10 @@ export class DuetLink {
     render() {
         const Tag = !this.url ? "button" : "a";
         const isButton = Tag === "button";
-        return (h(Host, { key: 'aad1a5cfaf3fb8d502c12de032a4fed3069f3927', class: {
+        return (h(Host, { key: '2025edd3774d559f0d6877498e0a806532fb310c', class: {
                 [`duet-link-${this.variation}`]: true,
                 "duet-m-0": this.margin === "none",
-            } }, h(Tag, { key: 'c4dc2d9716f29769b6aa60d07788ab96b4946f15', href: this.url, class: {
+            } }, h(Tag, { key: 'ee013e25058fdfe22cf04784e06162181b9ff5a2', href: this.url, class: {
                 "duet-link": true,
                 "duet-link-is-external": this.external,
                 "duet-link-is-download": !!this.download,
@@ -169,7 +178,7 @@ export class DuetLink {
                 "mutable": false,
                 "complexType": {
                     "original": "DuetLinkVariation",
-                    "resolved": "\"block\" | \"button\" | \"default\"",
+                    "resolved": "\"block\" | \"button\" | \"card\" | \"default\"",
                     "references": {
                         "DuetLinkVariation": {
                             "location": "import",

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

@@ -175,7 +175,7 @@ export class DuetList {
                     "references": {
                         "DuetListMobileAlignment": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListMobileAlignment"
                         }
                     }
@@ -227,7 +227,7 @@ export class DuetList {
                     "references": {
                         "DuetListVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListVariation"
                         }
                     }
@@ -253,7 +253,7 @@ export class DuetList {
                     "references": {
                         "DuetListLabelWidth": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-list/duet-list.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-list/duet-list.tsx",
                             "id": "src/components/duet-list/duet-list.tsx::DuetListLabelWidth"
                         }
                     }

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

@@ -182,7 +182,7 @@ export class DuetLogo {
                     "references": {
                         "DuetLogoSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-logo/duet-logo.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-logo/duet-logo.tsx",
                             "id": "src/components/duet-logo/duet-logo.tsx::DuetLogoSize"
                         }
                     }

package/lib/collection/components/duet-menu-bar/duet-menu-bar.js

@@ -359,7 +359,7 @@ export class DuetMenuBar {
                     "references": {
                         "DuetMenuBarChangeEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-menu-bar/duet-menu-bar.tsx",
                             "id": "src/components/duet-menu-bar/duet-menu-bar.tsx::DuetMenuBarChangeEvent"
                         }
                     }

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

@@ -385,7 +385,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
                         }
                     }
@@ -508,7 +508,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalVariation": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalVariation"
                         }
                     }
@@ -534,7 +534,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalSize": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalSize"
                         }
                     }
@@ -809,7 +809,7 @@ export class DuetModal {
                     "references": {
                         "DuetModalCloseEvent": {
                             "location": "local",
-                            "path": "/Users/kasimir/Documents/projects/duet-design-system/packages/components/src/components/duet-modal/duet-modal.tsx",
+                            "path": "/Users/juha-matti.laaksonen/duetds/packages/components/src/components/duet-modal/duet-modal.tsx",
                             "id": "src/components/duet-modal/duet-modal.tsx::DuetModalCloseEvent"
                         }
                     }