npm - @sbb-esta/lyne-elements-dev - Versions diffs - 4.7.0-dev.1773236484 → 4.7.0-dev.1773242335 - Mend

@sbb-esta/lyne-elements-dev 4.7.0-dev.1773236484 → 4.7.0-dev.1773242335

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/core/styles/core.scss +4 -0
package/core.css +3 -0
package/custom-elements.json +391 -391
package/development/link/common/block-link-common.js +14 -25
package/link/common/block-link-common.js +26 -26
package/off-brand-theme.css +3 -0
package/package.json +2 -2
package/safety-theme.css +3 -0
package/standard-theme.css +3 -0

package/core/styles/core.scss CHANGED Viewed

@@ -128,6 +128,9 @@ $theme: 'standard' !default;
 @use '../../lead-container/lead-container.global' as lead-container with (
   $theme: $theme
 );
+@use '../../link/common/block-link.global' as block-link with (
+  $theme: $theme
+);
 @use '../../option/option/option.global' as option with (
   $theme: $theme
 );
@@ -206,6 +209,7 @@ $theme: 'standard' !default;
   @include header-common.base;
   @include header-environment.base;
   @include icon-sidebar.base;
+  @include block-link.base;
   @include lead-container.base;
   @include option.base;
   @include option-hint.base;

package/core.css CHANGED Viewed

@@ -1522,6 +1522,9 @@
   --sbb-header-environment-rotate: 45deg;
   --sbb-icon-sidebar-background-color: var(--sbb-background-color-1);
   --sbb-icon-sidebar-border-radius: var(--sbb-border-radius-8x);
+  --sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
+  --sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
+  --sbb-block-link-font-size: var(--sbb-text-font-size-s);
   --sbb-lead-container-background-color: var(--sbb-background-color-1);
   --sbb-lead-container-image-ratio: 2 / 1;
   --sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);

package/custom-elements.json CHANGED Viewed

@@ -16487,6 +16487,66 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "menu/common.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "menu/common/menu-action-common.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "menu/menu-button.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "menu/menu-button/menu-button.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "menu/menu-link.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "menu/menu-link/menu-link.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "menu/menu.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "menu/menu/menu.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "message/message.component.js",
@@ -16676,66 +16736,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "menu/common.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "menu/common/menu-action-common.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "menu/menu-button.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "menu/menu-button/menu-button.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "menu/menu-link.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "menu/menu-link/menu-link.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "menu/menu.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "menu/menu/menu.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "mini-calendar/mini-calendar-day.js",
@@ -31858,36 +31858,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "toggle/toggle-option.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "toggle/toggle-option/toggle-option.component.js"
-          }
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "toggle/toggle.js",
-      "declarations": [],
-      "exports": [
-        {
-          "kind": "js",
-          "name": "*",
-          "declaration": {
-            "name": "*",
-            "module": "toggle/toggle/toggle.component.js"
-          }
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "toast/toast.component.js",
@@ -32589,6 +32559,36 @@
         }
       ]
     },
+    {
+      "kind": "javascript-module",
+      "path": "toggle/toggle-option.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "toggle/toggle-option/toggle-option.component.js"
+          }
+        }
+      ]
+    },
+    {
+      "kind": "javascript-module",
+      "path": "toggle/toggle.js",
+      "declarations": [],
+      "exports": [
+        {
+          "kind": "js",
+          "name": "*",
+          "declaration": {
+            "name": "*",
+            "module": "toggle/toggle/toggle.component.js"
+          }
+        }
+      ]
+    },
     {
       "kind": "javascript-module",
       "path": "toggle-check/toggle-check.component.js",
@@ -37571,12 +37571,12 @@
     },
     {
       "kind": "javascript-module",
-      "path": "button/accent-button-link/accent-button-link.component.js",
+      "path": "button/accent-button-static/accent-button-static.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a button enhanced with the SBB Design in the 'accent' variant, which will behave as a link.",
-          "name": "SbbAccentButtonLinkElement",
+          "description": "It displays a static button enhanced with the SBB Design in the 'accent' variant.",
+          "name": "SbbAccentButtonStaticElement",
           "cssProperties": [
             {
               "description": "The delay before the loading animation starts, when setting the button into loading state.",
@@ -37586,7 +37586,7 @@
           ],
           "slots": [
             {
-              "description": "Use the unnamed slot to add content to the accent-button-link.",
+              "description": "Use the unnamed slot to add content to the accent-button-static.",
               "name": ""
             },
             {
@@ -37604,7 +37604,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-accent-button-link'",
+              "default": "'sbb-accent-button-static'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -37739,22 +37739,6 @@
                 "module": "icon/icon-name-mixin.js"
               }
             },
-            {
-              "kind": "field",
-              "name": "disabledInteractive",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the button should be aria-disabled but stay interactive.",
-              "attribute": "disabled-interactive",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbDisabledInteractiveMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
-            },
             {
               "kind": "field",
               "name": "disabled",
@@ -37801,191 +37785,42 @@
             },
             {
               "kind": "field",
-              "name": "href",
+              "name": "maybeDisabled",
               "type": {
-                "text": "string"
+                "text": "boolean | undefined"
               },
-              "privacy": "public",
-              "default": "''",
-              "description": "The href value you want to link to.",
-              "attribute": "href",
-              "reflects": true,
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
               "kind": "field",
-              "name": "target",
+              "name": "maybeDisabledInteractive",
               "type": {
-                "text": "LinkTargetType | string"
+                "text": "boolean | undefined"
               },
-              "privacy": "public",
-              "default": "''",
-              "description": "Where to display the linked URL.",
-              "attribute": "target",
-              "reflects": true,
+              "privacy": "protected",
+              "readonly": true,
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
-              "kind": "field",
-              "name": "rel",
-              "type": {
-                "text": "string"
+              "kind": "method",
+              "name": "setupBaseEventHandlers",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "void"
+                }
               },
-              "privacy": "public",
-              "default": "''",
-              "description": "The relationship of the linked URL as space-separated link types.",
-              "attribute": "rel",
-              "reflects": true,
               "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "download",
-              "type": {
-                "text": "boolean"
-              },
-              "privacy": "public",
-              "default": "false",
-              "description": "Whether the browser will show the download dialog on click.",
-              "attribute": "download",
-              "reflects": true,
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "accessibilityLabel",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "This will be forwarded as aria-label to the inner anchor element.",
-              "attribute": "accessibility-label",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "accessibilityCurrent",
-              "type": {
-                "text": "string"
-              },
-              "privacy": "public",
-              "default": "''",
-              "description": "This will be forwarded as aria-current to the inner anchor element.",
-              "attribute": "accessibility-current",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "language",
-              "privacy": "protected",
-              "default": "new SbbLanguageController(this)",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "anchorRole",
-              "type": {
-                "text": "string | null"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "default": "null",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "_evaluateRelAttribute",
-              "privacy": "private",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "renderLink",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "TemplateResult"
-                }
-              },
-              "parameters": [
-                {
-                  "name": "renderContent",
-                  "type": {
-                    "text": "TemplateResult"
-                  }
-                }
-              ],
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "maybeDisabled",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
-              }
-            },
-            {
-              "kind": "field",
-              "name": "maybeDisabledInteractive",
-              "type": {
-                "text": "boolean | undefined"
-              },
-              "privacy": "protected",
-              "readonly": true,
-              "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
-              }
-            },
-            {
-              "kind": "method",
-              "name": "setupBaseEventHandlers",
-              "privacy": "protected",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              },
-              "inheritedFrom": {
-                "name": "SbbActionBaseElement",
-                "module": "core/base-elements/action-base-element.js"
+                "name": "SbbActionBaseElement",
+                "module": "core/base-elements/action-base-element.js"
               }
             },
             {
@@ -38099,20 +37934,16 @@
               "name": "SbbButtonCommonElementMixin",
               "module": "button/common.js"
             },
-            {
-              "name": "SbbDisabledInteractiveMixin",
-              "module": "core/mixins.js"
-            },
             {
               "name": "SbbDisabledMixin",
               "module": "core/mixins.js"
             }
           ],
           "superclass": {
-            "name": "SbbLinkBaseElement",
+            "name": "SbbActionBaseElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-accent-button-link",
+          "tagName": "sbb-accent-button-static",
           "customElement": true,
           "attributes": [
             {
@@ -38167,19 +37998,6 @@
                 "module": "icon/icon-name-mixin.js"
               }
             },
-            {
-              "name": "disabled-interactive",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the button should be aria-disabled but stay interactive.",
-              "fieldName": "disabledInteractive",
-              "inheritedFrom": {
-                "name": "SbbDisabledInteractiveMixin",
-                "module": "core/mixins/disabled-mixin.js"
-              }
-            },
             {
               "name": "disabled",
               "description": "Whether the component is disabled.",
@@ -38192,84 +38010,6 @@
                 "name": "SbbDisabledMixin",
                 "module": "core/mixins/disabled-mixin.js"
               }
-            },
-            {
-              "name": "href",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The href value you want to link to.",
-              "fieldName": "href",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "name": "target",
-              "type": {
-                "text": "LinkTargetType | string"
-              },
-              "default": "''",
-              "description": "Where to display the linked URL.",
-              "fieldName": "target",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "name": "rel",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "The relationship of the linked URL as space-separated link types.",
-              "fieldName": "rel",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "name": "download",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Whether the browser will show the download dialog on click.",
-              "fieldName": "download",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "name": "accessibility-label",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "This will be forwarded as aria-label to the inner anchor element.",
-              "fieldName": "accessibilityLabel",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
-            },
-            {
-              "name": "accessibility-current",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "This will be forwarded as aria-current to the inner anchor element.",
-              "fieldName": "accessibilityCurrent",
-              "inheritedFrom": {
-                "name": "SbbLinkBaseElement",
-                "module": "core/base-elements/link-base-element.js"
-              }
             }
           ]
         }
@@ -38277,22 +38017,22 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbAccentButtonLinkElement",
+          "name": "SbbAccentButtonStaticElement",
           "declaration": {
-            "name": "SbbAccentButtonLinkElement",
-            "module": "button/accent-button-link/accent-button-link.component.js"
+            "name": "SbbAccentButtonStaticElement",
+            "module": "button/accent-button-static/accent-button-static.component.js"
           }
         }
       ]
     },
     {
       "kind": "javascript-module",
-      "path": "button/accent-button-static/accent-button-static.component.js",
+      "path": "button/accent-button-link/accent-button-link.component.js",
       "declarations": [
         {
           "kind": "class",
-          "description": "It displays a static button enhanced with the SBB Design in the 'accent' variant.",
-          "name": "SbbAccentButtonStaticElement",
+          "description": "It displays a button enhanced with the SBB Design in the 'accent' variant, which will behave as a link.",
+          "name": "SbbAccentButtonLinkElement",
           "cssProperties": [
             {
               "description": "The delay before the loading animation starts, when setting the button into loading state.",
@@ -38302,7 +38042,7 @@
           ],
           "slots": [
             {
-              "description": "Use the unnamed slot to add content to the accent-button-static.",
+              "description": "Use the unnamed slot to add content to the accent-button-link.",
               "name": ""
             },
             {
@@ -38320,7 +38060,7 @@
               "privacy": "public",
               "static": true,
               "readonly": true,
-              "default": "'sbb-accent-button-static'",
+              "default": "'sbb-accent-button-link'",
               "inheritedFrom": {
                 "name": "SbbElement",
                 "module": "core/base-elements/element.js"
@@ -38455,6 +38195,22 @@
                 "module": "icon/icon-name-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "disabledInteractive",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the button should be aria-disabled but stay interactive.",
+              "attribute": "disabled-interactive",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbDisabledInteractiveMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
+            },
             {
               "kind": "field",
               "name": "disabled",
@@ -38499,6 +38255,155 @@
                 "module": "core/mixins/disabled-mixin.js"
               }
             },
+            {
+              "kind": "field",
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "The href value you want to link to.",
+              "attribute": "href",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "target",
+              "type": {
+                "text": "LinkTargetType | string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "Where to display the linked URL.",
+              "attribute": "target",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "The relationship of the linked URL as space-separated link types.",
+              "attribute": "rel",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "privacy": "public",
+              "default": "false",
+              "description": "Whether the browser will show the download dialog on click.",
+              "attribute": "download",
+              "reflects": true,
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "accessibilityLabel",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "This will be forwarded as aria-label to the inner anchor element.",
+              "attribute": "accessibility-label",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "accessibilityCurrent",
+              "type": {
+                "text": "string"
+              },
+              "privacy": "public",
+              "default": "''",
+              "description": "This will be forwarded as aria-current to the inner anchor element.",
+              "attribute": "accessibility-current",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "language",
+              "privacy": "protected",
+              "default": "new SbbLanguageController(this)",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "anchorRole",
+              "type": {
+                "text": "string | null"
+              },
+              "privacy": "protected",
+              "readonly": true,
+              "default": "null",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "field",
+              "name": "_evaluateRelAttribute",
+              "privacy": "private",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "kind": "method",
+              "name": "renderLink",
+              "privacy": "protected",
+              "return": {
+                "type": {
+                  "text": "TemplateResult"
+                }
+              },
+              "parameters": [
+                {
+                  "name": "renderContent",
+                  "type": {
+                    "text": "TemplateResult"
+                  }
+                }
+              ],
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
             {
               "kind": "field",
               "name": "maybeDisabled",
@@ -38650,16 +38555,20 @@
               "name": "SbbButtonCommonElementMixin",
               "module": "button/common.js"
             },
+            {
+              "name": "SbbDisabledInteractiveMixin",
+              "module": "core/mixins.js"
+            },
             {
               "name": "SbbDisabledMixin",
               "module": "core/mixins.js"
             }
           ],
           "superclass": {
-            "name": "SbbActionBaseElement",
+            "name": "SbbLinkBaseElement",
             "module": "core/base-elements.js"
           },
-          "tagName": "sbb-accent-button-static",
+          "tagName": "sbb-accent-button-link",
           "customElement": true,
           "attributes": [
             {
@@ -38714,6 +38623,19 @@
                 "module": "icon/icon-name-mixin.js"
               }
             },
+            {
+              "name": "disabled-interactive",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the button should be aria-disabled but stay interactive.",
+              "fieldName": "disabledInteractive",
+              "inheritedFrom": {
+                "name": "SbbDisabledInteractiveMixin",
+                "module": "core/mixins/disabled-mixin.js"
+              }
+            },
             {
               "name": "disabled",
               "description": "Whether the component is disabled.",
@@ -38726,6 +38648,84 @@
                 "name": "SbbDisabledMixin",
                 "module": "core/mixins/disabled-mixin.js"
               }
+            },
+            {
+              "name": "href",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The href value you want to link to.",
+              "fieldName": "href",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "name": "target",
+              "type": {
+                "text": "LinkTargetType | string"
+              },
+              "default": "''",
+              "description": "Where to display the linked URL.",
+              "fieldName": "target",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "name": "rel",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "The relationship of the linked URL as space-separated link types.",
+              "fieldName": "rel",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "name": "download",
+              "type": {
+                "text": "boolean"
+              },
+              "default": "false",
+              "description": "Whether the browser will show the download dialog on click.",
+              "fieldName": "download",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "name": "accessibility-label",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "This will be forwarded as aria-label to the inner anchor element.",
+              "fieldName": "accessibilityLabel",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
+            },
+            {
+              "name": "accessibility-current",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "description": "This will be forwarded as aria-current to the inner anchor element.",
+              "fieldName": "accessibilityCurrent",
+              "inheritedFrom": {
+                "name": "SbbLinkBaseElement",
+                "module": "core/base-elements/link-base-element.js"
+              }
             }
           ]
         }
@@ -38733,10 +38733,10 @@
       "exports": [
         {
           "kind": "js",
-          "name": "SbbAccentButtonStaticElement",
+          "name": "SbbAccentButtonLinkElement",
           "declaration": {
-            "name": "SbbAccentButtonStaticElement",
-            "module": "button/accent-button-static/accent-button-static.component.js"
+            "name": "SbbAccentButtonLinkElement",
+            "module": "button/accent-button-link/accent-button-link.component.js"
           }
         }
       ]

package/development/link/common/block-link-common.js CHANGED Viewed

@@ -23,7 +23,6 @@ const blockStyle = css`:host {
   --sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));
   --sbb-link-color-active: var(--sbb-color-primary150);
   --sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));
-  --sbb-link-gap: var(--sbb-spacing-fixed-1x);
   display: block;
 }
@@ -45,38 +44,28 @@ const blockStyle = css`:host {
   --sbb-link-text-decoration-line: underline;
 }
-.sbb-action-base {
-  gap: var(--sbb-link-gap);
+:host([size=xs]) {
+  --sbb-block-link-font-size: var(--sbb-text-font-size-xs);
 }
-:host([size=xs]) .sbb-action-base {
-  --sbb-text-font-size: var(--sbb-text-font-size-xs);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-text);
-  font-size: var(--sbb-text-font-size);
+:host([size=s]) {
+  --sbb-block-link-font-size: var(--sbb-text-font-size-s);
 }
-:host([size=s]) .sbb-action-base {
-  --sbb-text-font-size: var(--sbb-text-font-size-s);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-text);
-  letter-spacing: var(--sbb-typo-letter-spacing-text);
-  font-size: var(--sbb-text-font-size);
+:host([size=m]) {
+  --sbb-block-link-font-size: var(--sbb-text-font-size-m);
 }
-:host([size=m]) .sbb-action-base {
-  --sbb-text-font-size: var(--sbb-text-font-size-m);
-  font-family: var(--sbb-typo-font-family);
-  font-weight: normal;
-  line-height: var(--sbb-typo-line-height-text);
+.sbb-action-base {
+  gap: var(--sbb-block-link-gap);
   letter-spacing: var(--sbb-typo-letter-spacing-text);
-  font-size: var(--sbb-text-font-size);
+  font-size: var(--sbb-block-link-font-size);
 }
 .sbb-link__icon {
   position: relative;
   height: calc(var(--sbb-typo-line-height-text) * 1em);
-  width: var(--sbb-size-icon-ui-small);
+  width: var(--sbb-block-link-icon-size);
   flex: 0 0 auto;
   align-self: start;
 }
@@ -132,4 +121,4 @@ const SbbBlockLinkCommonElementMixin = (superClass) => {
 export {
   SbbBlockLinkCommonElementMixin
 };
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stbGluay1jb21tb24uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9saW5rL2NvbW1vbi9ibG9jay1saW5rLWNvbW1vbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiSWNvblBsYWNlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvaW50ZXJmYWNlcy50cyc7XG5pbXBvcnQgdHlwZSB7IEFic3RyYWN0Q29uc3RydWN0b3IgfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi50cyc7XG5cbmltcG9ydCB7IFNiYkxpbmtDb21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuL2xpbmstY29tbW9uLnRzJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQteC9vcmRlclxuaW1wb3J0IGJsb2NrU3R5bGUgZnJvbSAnLi9ibG9jay1saW5rLnNjc3M/bGl0JmlubGluZSc7XG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9saW5rLnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCBkZWNsYXJlIGNsYXNzIFNiYkJsb2NrTGlua0NvbW1vbkVsZW1lbnRNaXhpblR5cGUgZXh0ZW5kcyBTYmJMaW5rQ29tbW9uRWxlbWVudE1peGluKFxuICBTYmJJY29uTmFtZU1peGluKFNiYkFjdGlvbkJhc2VFbGVtZW50KSxcbikge1xuICBwdWJsaWMgYWNjZXNzb3IgaWNvblBsYWNlbWVudDogU2JiSWNvblBsYWNlbWVudDtcbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYkJsb2NrTGlua0NvbW1vbkVsZW1lbnRNaXhpbiA9IDxUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJBY3Rpb25CYXNlRWxlbWVudD4+KFxuICBzdXBlckNsYXNzOiBULFxuKTogQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJCbG9ja0xpbmtDb21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQgPT4ge1xuICBhYnN0cmFjdCBjbGFzcyBTYmJCbG9ja0xpbmtDb21tb25FbGVtZW50XG4gICAgZXh0ZW5kcyBTYmJMaW5rQ29tbW9uRWxlbWVudE1peGluKFNiYkljb25OYW1lTWl4aW4oc3VwZXJDbGFzcykpXG4gICAgaW1wbGVtZW50cyBQYXJ0aWFsPFNiYkJsb2NrTGlua0NvbW1vbkVsZW1lbnRNaXhpblR5cGU+XG4gIHtcbiAgICBwdWJsaWMgc3RhdGljIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZSwgYmxvY2tTdHlsZV07XG5cbiAgICAvKiogTW92ZXMgdGhlIGljb24gdG8gdGhlIGVuZCBvZiB0aGUgY29tcG9uZW50IGlmIHNldCB0byB0cnVlLiAqL1xuICAgIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2ljb24tcGxhY2VtZW50JywgcmVmbGVjdDogdHJ1ZSB9KVxuICAgIHB1YmxpYyBhY2Nlc3NvciBpY29uUGxhY2VtZW50OiBTYmJJY29uUGxhY2VtZW50ID0gJ3N0YXJ0JztcblxuICAgIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgICByZXR1cm4gaHRtbGBcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbGlua19faWNvblwiPiAke3N1cGVyLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgYDtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIFNiYkJsb2NrTGlua0NvbW1vbkVsZW1lbnQgYXMgdW5rbm93biBhcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkJsb2NrTGlua0NvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICZcbiAgICBUO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBc0JPLE1BQU0saUNBQWlDLENBQzVDLGVBQytEO01BQ2hELDZCQUF5QixNQUFBOztBQUM5QixRQUFBLGNBQUEsMEJBQTBCLGlCQUFpQixVQUFVLENBQUM7Ozs7QUFEakQsV0FBQSxtQkFDTCxZQUF1RDtBQUFBOztBQU8vRCw0REFBQSxrQkFBQSxNQUFBLDZCQUFrRCxPQUFPOzs7O01BQXpELElBQWdCLGdCQUFhO0FBQUEsZUFBQSxtQkFBQTtBQUFBLE1BQUE7QUFBQSxNQUE3QixJQUFnQixjQUFhLE9BQUE7QUFBQSwyQkFBQSxpQ0FBQTtBQUFBLE1BQUE7QUFBQSxNQUVWLGlCQUFjO0FBQy9CLGVBQU87QUFBQSx3Q0FDMkIsTUFBTSxnQkFBZ0I7QUFBQTtBQUFBO0FBQUEsTUFHMUQ7QUFBQSxPQVBBOzttQ0FEQyxTQUFTLEVBQUUsV0FBVyxrQkFBa0IsU0FBUyxLQUFBLENBQU0sQ0FBQztBQUN6RCxtQkFBQSxJQUFBLE1BQUEsMkJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxpQkFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxtQkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLGVBQWEsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFlBQWIsZ0JBQWE7QUFBQSxNQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsNkJBQUEsZ0NBQUE7O1VBSmYsR0FBQSxTQUF5QixDQUFDLGlCQUFpQixPQUFPLFVBQVUsR0FKN0Q7QUFBQTtBQWlCZixTQUFPO0FBRVQ7In0=
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmxvY2stbGluay1jb21tb24uanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9saW5rL2NvbW1vbi9ibG9jay1saW5rLWNvbW1vbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IENTU1Jlc3VsdEdyb3VwLCBUZW1wbGF0ZVJlc3VsdCB9IGZyb20gJ2xpdCc7XG5pbXBvcnQgeyBwcm9wZXJ0eSB9IGZyb20gJ2xpdC9kZWNvcmF0b3JzLmpzJztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQvc3RhdGljLWh0bWwuanMnO1xuXG5pbXBvcnQgdHlwZSB7IFNiYkFjdGlvbkJhc2VFbGVtZW50IH0gZnJvbSAnLi4vLi4vY29yZS9iYXNlLWVsZW1lbnRzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiSWNvblBsYWNlbWVudCB9IGZyb20gJy4uLy4uL2NvcmUvaW50ZXJmYWNlcy50cyc7XG5pbXBvcnQgdHlwZSB7IEFic3RyYWN0Q29uc3RydWN0b3IgfSBmcm9tICcuLi8uLi9jb3JlL21peGlucy50cyc7XG5pbXBvcnQgeyBib3hTaXppbmdTdHlsZXMgfSBmcm9tICcuLi8uLi9jb3JlL3N0eWxlcy50cyc7XG5pbXBvcnQgeyBTYmJJY29uTmFtZU1peGluIH0gZnJvbSAnLi4vLi4vaWNvbi50cyc7XG5cbmltcG9ydCB7IFNiYkxpbmtDb21tb25FbGVtZW50TWl4aW4gfSBmcm9tICcuL2xpbmstY29tbW9uLnRzJztcbi8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBpbXBvcnQteC9vcmRlclxuaW1wb3J0IGJsb2NrU3R5bGUgZnJvbSAnLi9ibG9jay1saW5rLnNjc3M/bGl0JmlubGluZSc7XG5pbXBvcnQgc3R5bGUgZnJvbSAnLi9saW5rLnNjc3M/bGl0JmlubGluZSc7XG5cbmV4cG9ydCBkZWNsYXJlIGNsYXNzIFNiYkJsb2NrTGlua0NvbW1vbkVsZW1lbnRNaXhpblR5cGUgZXh0ZW5kcyBTYmJMaW5rQ29tbW9uRWxlbWVudE1peGluKFxuICBTYmJJY29uTmFtZU1peGluKFNiYkFjdGlvbkJhc2VFbGVtZW50KSxcbikge1xuICBwdWJsaWMgYWNjZXNzb3IgaWNvblBsYWNlbWVudDogU2JiSWNvblBsYWNlbWVudDtcbn1cblxuLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuZXhwb3J0IGNvbnN0IFNiYkJsb2NrTGlua0NvbW1vbkVsZW1lbnRNaXhpbiA9IDxUIGV4dGVuZHMgQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJBY3Rpb25CYXNlRWxlbWVudD4+KFxuICBzdXBlckNsYXNzOiBULFxuKTogQWJzdHJhY3RDb25zdHJ1Y3RvcjxTYmJCbG9ja0xpbmtDb21tb25FbGVtZW50TWl4aW5UeXBlPiAmIFQgPT4ge1xuICBhYnN0cmFjdCBjbGFzcyBTYmJCbG9ja0xpbmtDb21tb25FbGVtZW50XG4gICAgZXh0ZW5kcyBTYmJMaW5rQ29tbW9uRWxlbWVudE1peGluKFNiYkljb25OYW1lTWl4aW4oc3VwZXJDbGFzcykpXG4gICAgaW1wbGVtZW50cyBQYXJ0aWFsPFNiYkJsb2NrTGlua0NvbW1vbkVsZW1lbnRNaXhpblR5cGU+XG4gIHtcbiAgICBwdWJsaWMgc3RhdGljIHN0eWxlczogQ1NTUmVzdWx0R3JvdXAgPSBbYm94U2l6aW5nU3R5bGVzLCBzdHlsZSwgYmxvY2tTdHlsZV07XG5cbiAgICAvKiogTW92ZXMgdGhlIGljb24gdG8gdGhlIGVuZCBvZiB0aGUgY29tcG9uZW50IGlmIHNldCB0byB0cnVlLiAqL1xuICAgIEBwcm9wZXJ0eSh7IGF0dHJpYnV0ZTogJ2ljb24tcGxhY2VtZW50JywgcmVmbGVjdDogdHJ1ZSB9KVxuICAgIHB1YmxpYyBhY2Nlc3NvciBpY29uUGxhY2VtZW50OiBTYmJJY29uUGxhY2VtZW50ID0gJ3N0YXJ0JztcblxuICAgIHByb3RlY3RlZCBvdmVycmlkZSByZW5kZXJUZW1wbGF0ZSgpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgICByZXR1cm4gaHRtbGBcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzYmItbGlua19faWNvblwiPiAke3N1cGVyLnJlbmRlckljb25TbG90KCl9IDwvc3Bhbj5cbiAgICAgICAgPHNsb3Q+PC9zbG90PlxuICAgICAgYDtcbiAgICB9XG4gIH1cbiAgcmV0dXJuIFNiYkJsb2NrTGlua0NvbW1vbkVsZW1lbnQgYXMgdW5rbm93biBhcyBBYnN0cmFjdENvbnN0cnVjdG9yPFNiYkJsb2NrTGlua0NvbW1vbkVsZW1lbnRNaXhpblR5cGU+ICZcbiAgICBUO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQXNCTyxNQUFNLGlDQUFpQyxDQUM1QyxlQUMrRDtNQUNoRCw2QkFBeUIsTUFBQTs7QUFDOUIsUUFBQSxjQUFBLDBCQUEwQixpQkFBaUIsVUFBVSxDQUFDOzs7O0FBRGpELFdBQUEsbUJBQ0wsWUFBdUQ7QUFBQTs7QUFPL0QsNERBQUEsa0JBQUEsTUFBQSw2QkFBa0QsT0FBTzs7OztNQUF6RCxJQUFnQixnQkFBYTtBQUFBLGVBQUEsbUJBQUE7QUFBQSxNQUFBO0FBQUEsTUFBN0IsSUFBZ0IsY0FBYSxPQUFBO0FBQUEsMkJBQUEsaUNBQUE7QUFBQSxNQUFBO0FBQUEsTUFFVixpQkFBYztBQUMvQixlQUFPO0FBQUEsd0NBQzJCLE1BQU0sZ0JBQWdCO0FBQUE7QUFBQTtBQUFBLE1BRzFEO0FBQUEsT0FQQTs7bUNBREMsU0FBUyxFQUFFLFdBQVcsa0JBQWtCLFNBQVMsS0FBQSxDQUFNLENBQUM7QUFDekQsbUJBQUEsSUFBQSxNQUFBLDJCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsaUJBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsbUJBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixlQUFhLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxZQUFiLGdCQUFhO0FBQUEsTUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLDZCQUFBLGdDQUFBOztVQUpmLEdBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsT0FBTyxVQUFVLEdBSjdEO0FBQUE7QUFpQmYsU0FBTztBQUVUOyJ9

package/link/common/block-link-common.js CHANGED Viewed

@@ -1,43 +1,43 @@
-var c = (t) => {
-  throw TypeError(t);
+var c = (o) => {
+  throw TypeError(o);
 };
-var m = (t, e, o) => e.has(t) || c("Cannot " + o);
-var v = (t, e, o) => (m(t, e, "read from private field"), o ? o.call(t) : e.get(t)), p = (t, e, o) => e.has(t) ? c("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, o), h = (t, e, o, s) => (m(t, e, "write to private field"), s ? s.call(t, o) : e.set(t, o), o);
-import { __esDecorate as k, __runInitializers as f } from "tslib";
-import { property as y } from "lit/decorators.js";
-import { html as d } from "lit/static-html.js";
-import { boxSizingStyles as u } from "../../core/styles.js";
-import { SbbIconNameMixin as x } from "../../icon.js";
-import { S as _, s as z } from "../../link-common-7IiqjmPD.js";
+var m = (o, t, e) => t.has(o) || c("Cannot " + e);
+var k = (o, t, e) => (m(o, t, "read from private field"), e ? e.call(o) : t.get(o)), v = (o, t, e) => t.has(o) ? c("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), p = (o, t, e, s) => (m(o, t, "write to private field"), s ? s.call(o, e) : t.set(o, e), e);
+import { __esDecorate as u, __runInitializers as h } from "tslib";
+import { property as f } from "lit/decorators.js";
+import { html as g } from "lit/static-html.js";
+import { boxSizingStyles as _ } from "../../core/styles.js";
+import { SbbIconNameMixin as y } from "../../icon.js";
+import { S as x, s as z } from "../../link-common-7IiqjmPD.js";
 import { css as S } from "lit";
-const P = S`:host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));--sbb-link-gap: var(--sbb-spacing-fixed-1x);display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-color-normal: var(--sbb-color-1-negative);--sbb-link-color-hover: var(--sbb-color-4-negative);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));--sbb-link-text-decoration-line: underline}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline}.sbb-action-base{gap:var(--sbb-link-gap)}:host([size=xs]) .sbb-action-base{--sbb-text-font-size: var(--sbb-text-font-size-xs);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}:host([size=s]) .sbb-action-base{--sbb-text-font-size: var(--sbb-text-font-size-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}:host([size=m]) .sbb-action-base{--sbb-text-font-size: var(--sbb-text-font-size-m);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-text);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-text-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-text) * 1em);width:var(--sbb-size-icon-ui-small);flex:0 0 auto;align-self:start}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, D = (t) => (() => {
-  var r, i;
-  let o = _(x(t)), s, b = [], l = [];
-  return i = class extends o {
+const P = S`:host{--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-graphite));--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-metal));--sbb-link-color-normal: var(--sbb-color-granite);--sbb-link-color-normal: light-dark(var(--sbb-color-granite), var(--sbb-color-white));--sbb-link-color-hover: var(--sbb-color-primary125);--sbb-link-color-hover: light-dark(var(--sbb-color-primary125), var(--sbb-color-cloud));--sbb-link-color-active: var(--sbb-color-primary150);--sbb-link-color-active: light-dark(var(--sbb-color-primary150), var(--sbb-color-silver));display:block}:host([negative]){--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);--sbb-link-color-normal: var(--sbb-color-1-negative);--sbb-link-color-hover: var(--sbb-color-4-negative);--sbb-link-color-active: var(--sbb-color-silver)}:host(.sbb-active){--sbb-link-color-normal: var(--sbb-color-black);--sbb-link-color-normal: light-dark(var(--sbb-color-black), var(--sbb-color-cement));--sbb-link-text-decoration-line: underline}:host(.sbb-active[negative]){--sbb-link-color-normal: var(--sbb-color-cement);--sbb-link-text-decoration-line: underline}:host([size=xs]){--sbb-block-link-font-size: var(--sbb-text-font-size-xs)}:host([size=s]){--sbb-block-link-font-size: var(--sbb-text-font-size-s)}:host([size=m]){--sbb-block-link-font-size: var(--sbb-text-font-size-m)}.sbb-action-base{gap:var(--sbb-block-link-gap);letter-spacing:var(--sbb-typo-letter-spacing-text);font-size:var(--sbb-block-link-font-size)}.sbb-link__icon{position:relative;height:calc(var(--sbb-typo-line-height-text) * 1em);width:var(--sbb-block-link-icon-size);flex:0 0 auto;align-self:start}:host(:not(:is(:state(slotted-icon),[state--slotted-icon]),:is(:state(has-icon-name),[state--has-icon-name]))) .sbb-link__icon{display:none}:host([icon-placement=end]) .sbb-link__icon{order:2}.sbb-link__icon ::slotted([slot=icon]),.sbb-link__icon sbb-icon{position:absolute;top:50%;transform:translateY(-50%)}`, D = (o) => (() => {
+  var i, r;
+  let e = x(y(o)), s, n = [], b = [];
+  return r = class extends e {
     constructor() {
       super(...arguments);
-      p(this, r, f(this, b, "start"));
-      f(this, l);
+      v(this, i, h(this, n, "start"));
+      h(this, b);
     }
     /** Moves the icon to the end of the component if set to true. */
     get iconPlacement() {
-      return v(this, r);
+      return k(this, i);
     }
-    set iconPlacement(a) {
-      h(this, r, a);
+    set iconPlacement(l) {
+      p(this, i, l);
     }
     renderTemplate() {
-      return d`
+      return g`
         <span class="sbb-link__icon"> ${super.renderIconSlot()} </span>
         <slot></slot>
       `;
     }
-  }, r = new WeakMap(), (() => {
-    const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
-    s = [y({ attribute: "icon-placement", reflect: !0 })], k(i, null, s, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (n) => "iconPlacement" in n, get: (n) => n.iconPlacement, set: (n, g) => {
-      n.iconPlacement = g;
-    } }, metadata: a }, b, l), a && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
-  })(), i.styles = [u, z, P], i;
+  }, i = new WeakMap(), (() => {
+    const l = typeof Symbol == "function" && Symbol.metadata ? Object.create(e[Symbol.metadata] ?? null) : void 0;
+    s = [f({ attribute: "icon-placement", reflect: !0 })], u(r, null, s, { kind: "accessor", name: "iconPlacement", static: !1, private: !1, access: { has: (a) => "iconPlacement" in a, get: (a) => a.iconPlacement, set: (a, d) => {
+      a.iconPlacement = d;
+    } }, metadata: l }, n, b), l && Object.defineProperty(r, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: l });
+  })(), r.styles = [_, z, P], r;
 })();
 export {
   D as SbbBlockLinkCommonElementMixin

package/off-brand-theme.css CHANGED Viewed

@@ -1626,6 +1626,9 @@ summary {
   --sbb-header-environment-rotate: 45deg;
   --sbb-icon-sidebar-background-color: var(--sbb-background-color-1);
   --sbb-icon-sidebar-border-radius: var(--sbb-border-radius-8x);
+  --sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
+  --sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
+  --sbb-block-link-font-size: var(--sbb-text-font-size-s);
   --sbb-lead-container-background-color: var(--sbb-background-color-1);
   --sbb-lead-container-image-ratio: 2 / 1;
   --sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);

package/package.json CHANGED Viewed

@@ -1,13 +1,13 @@
 {
   "name": "@sbb-esta/lyne-elements-dev",
-  "version": "4.7.0-dev.1773236484",
+  "version": "4.7.0-dev.1773242335",
   "description": "Lyne Design System",
   "keywords": [
     "design system",
     "web components",
     "lit",
     "storybook",
-    "https://github.com/sbb-design-systems/lyne-components/commit/29dfc89d0c2cc2a836bbb86e6c064d14a7573e72"
+    "https://github.com/sbb-design-systems/lyne-components/commit/19525157fea95fa3e36984e2709d9200aa83572c"
   ],
   "type": "module",
   "exports": {

package/safety-theme.css CHANGED Viewed

@@ -1626,6 +1626,9 @@ summary {
   --sbb-header-environment-rotate: 45deg;
   --sbb-icon-sidebar-background-color: var(--sbb-background-color-1);
   --sbb-icon-sidebar-border-radius: var(--sbb-border-radius-8x);
+  --sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
+  --sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
+  --sbb-block-link-font-size: var(--sbb-text-font-size-s);
   --sbb-lead-container-background-color: var(--sbb-background-color-1);
   --sbb-lead-container-image-ratio: 2 / 1;
   --sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);

package/standard-theme.css CHANGED Viewed

@@ -1626,6 +1626,9 @@ summary {
   --sbb-header-environment-rotate: 45deg;
   --sbb-icon-sidebar-background-color: var(--sbb-background-color-1);
   --sbb-icon-sidebar-border-radius: var(--sbb-border-radius-8x);
+  --sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
+  --sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
+  --sbb-block-link-font-size: var(--sbb-text-font-size-s);
   --sbb-lead-container-background-color: var(--sbb-background-color-1);
   --sbb-lead-container-image-ratio: 2 / 1;
   --sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);