@sbb-esta/lyne-elements 3.13.2 → 3.13.3

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 (8) hide show
  1. package/core/styles/mixins/lists.scss +8 -0
  2. package/development/teaser/teaser.component.js +12 -7
  3. package/lists.css +5 -0
  4. package/off-brand-theme.css +5 -0
  5. package/package.json +1 -1
  6. package/safety-theme.css +5 -0
  7. package/standard-theme.css +5 -0
  8. package/teaser/teaser.component.js +19 -19
package/core/styles/mixins/lists.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use 'sass:selector';
2
2
  @use '../core/functions';
3
3
  @use '../core/mediaqueries';
4
+ @use './a11y';
4
5
  @use './typo';
5
6
 
6
7
  @mixin list-reset {
@@ -148,6 +149,13 @@
148
149
  mask-repeat: no-repeat;
149
150
  mask-position: center;
150
151
  mask-size: 100%;
152
+
153
+ // If consumers override the `--sbb-icon-list-marker-icon-color` variable to set a custom color via inline style,
154
+ // it would have higher specificity over any rule, included the forced-colors one.
155
+ // This can be avoided forcing `background-color: CanvasText` in high-contrast mode.
156
+ @include a11y.if-forced-colors {
157
+ background-color: CanvasText;
158
+ }
151
159
  }
152
160
  }
153
161
  }
package/development/teaser/teaser.component.js CHANGED
@@ -76,13 +76,18 @@ const style = css`@charset "UTF-8";
76
76
  border-radius: var(--sbb-teaser-border-radius);
77
77
  }
78
78
  @media (forced-colors: active) {
79
- .sbb-teaser {
80
- outline-offset: var(--sbb-focus-outline-offset);
81
- outline: CanvasText solid var(--sbb-focus-outline-width);
82
- border-radius: var(--sbb-teaser-border-radius);
79
+ .sbb-teaser:focus-visible {
80
+ outline-offset: calc(2 * var(--sbb-focus-outline-offset));
83
81
  }
84
- .sbb-teaser:hover {
85
- outline-color: Highlight;
82
+ }
83
+ @media (forced-colors: active) {
84
+ .sbb-teaser::before {
85
+ content: "";
86
+ position: absolute;
87
+ inset: calc(-1 * var(--sbb-focus-outline-offset));
88
+ pointer-events: none;
89
+ border-radius: calc(var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset));
90
+ border: var(--sbb-border-width-1x) solid CanvasText;
86
91
  }
87
92
  }
88
93
 
@@ -230,4 +235,4 @@ let SbbTeaserElement = (() => {
230
235
  export {
231
236
  SbbTeaserElement
232
237
  };
233
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RlYXNlci90ZWFzZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB0eXBlIHsgU2JiQ2hpcExhYmVsRWxlbWVudCB9IGZyb20gJy4uL2NoaXAtbGFiZWwuanMnO1xuaW1wb3J0IHsgU2JiTGlua0Jhc2VFbGVtZW50IH0gZnJvbSAnLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVFbGVtZW50IH0gZnJvbSAnLi4vdGl0bGUuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90ZWFzZXIuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi9zY3JlZW4tcmVhZGVyLW9ubHkuanMnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGFuIGludGVyYWN0aXZlIGltYWdlIHdpdGggY2FwdGlvbi5cbiAqXG4gKiBAc2xvdCBpbWFnZSAtIFNsb3QgdXNlZCB0byByZW5kZXIgdGhlIGltYWdlLlxuICogQHNsb3QgY2hpcCAtIFNsb3QgZm9yIHRoZSBgc2JiLWNoaXAtbGFiZWxgIGVsZW1lbnQuIFRoZSBzbG90IG9uIHRoZSBgc2JiLWNoaXAtbGFiZWxgIGVsZW1lbnQgaXMgYXV0b21hdGljYWxseSBhc3NpZ25lZCB3aGVuIHNsb3R0ZWQgaW4gdGhlIHVubmFtZWQgc2xvdC5cbiAqIEBzbG90IHRpdGxlIC0gU2xvdCBmb3IgdGhlIHRpdGxlLiBGb3IgdGhlIHN0YW5kYXJkIGBzYmItdGl0bGVgIGVsZW1lbnQsIHRoZSBzbG90IGlzIGF1dG9tYXRpY2FsbHkgYXNzaWduZWQgd2hlbiBzbG90dGVkIGluIHRoZSB1bm5hbWVkIHNsb3QuXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHJlbmRlciB0aGUgZGVzY3JpcHRpb24sIHRoZSBzYmItdGl0bGUgYW5kIHRoZSBzYmItY2hpcC1sYWJlbC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRlYXNlcicpXG5jbGFzcyBTYmJUZWFzZXJFbGVtZW50IGV4dGVuZHMgU2JiTGlua0Jhc2VFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIFRlYXNlciB2YXJpYW50IC0gZGVmaW5lIHRoZSBwb3NpdGlvbiBhbmQgdGhlIGFsaWdubWVudCBvZiB0aGUgdGV4dCBibG9jay4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3IgYWxpZ25tZW50OiAnYWZ0ZXItY2VudGVyZWQnIHwgJ2FmdGVyJyB8ICdiZWxvdycgPVxuICAgICdhZnRlci1jZW50ZXJlZCc7XG5cbiAgcHJpdmF0ZSBfaGFuZGxlU2xvdGNoYW5nZSgpOiB2b2lkIHtcbiAgICBjb25zdCBjaGlwID0gQXJyYXkuZnJvbSh0aGlzLmNoaWxkcmVuKS5maW5kKChlbCkgPT4gZWwubG9jYWxOYW1lID09PSAnc2JiLWNoaXAtbGFiZWwnKTtcbiAgICBpZiAoY2hpcCkge1xuICAgICAgY2hpcC5zbG90ID0gJ2NoaXAnO1xuICAgIH1cblxuICAgIGNvbnN0IHRpdGxlID0gQXJyYXkuZnJvbSh0aGlzLmNoaWxkcmVuKS5maW5kKChlbCkgPT4gZWwubG9jYWxOYW1lID09PSAnc2JiLXRpdGxlJyk7XG4gICAgaWYgKHRpdGxlKSB7XG4gICAgICB0aXRsZS5zbG90ID0gJ3RpdGxlJztcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9jb25maWd1cmVDaGlwKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIC8vIFdlIG5lZWQgdG8gY2hlY2sgYXNzaWduZWQgZWxlbWVudHMgYmVjYXVzZSBpbiB0aGUgaW1hZ2Ugc2xvdCBpdCBjYW4gaGF2ZSBsYWJlbHMgYXMgd2VsbC5cbiAgICBjb25zdCBjaGlwTGFiZWwgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxTbG90RWxlbWVudClcbiAgICAgIC5hc3NpZ25lZEVsZW1lbnRzKClcbiAgICAgIC5maW5kKChlKTogZSBpcyBTYmJDaGlwTGFiZWxFbGVtZW50ID0+IGUubG9jYWxOYW1lID09PSAnc2JiLWNoaXAtbGFiZWwnKTtcblxuICAgIGlmIChjaGlwTGFiZWwpIHtcbiAgICAgIGN1c3RvbUVsZW1lbnRzLnVwZ3JhZGUoY2hpcExhYmVsKTtcbiAgICAgIGNoaXBMYWJlbC5jb2xvciA9ICdjaGFyY29hbCc7XG4gICAgICBjaGlwTGFiZWwuc2l6ZSA9ICd4eHMnO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2NvbmZpZ3VyZVRpdGxlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRpdGxlID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MU2xvdEVsZW1lbnQpXG4gICAgICAuYXNzaWduZWRFbGVtZW50cygpXG4gICAgICAuZmluZCgoZSk6IGUgaXMgU2JiVGl0bGVFbGVtZW50ID0+IGUubG9jYWxOYW1lID09PSAnc2JiLXRpdGxlJyk7XG5cbiAgICBpZiAodGl0bGUpIHtcbiAgICAgIGN1c3RvbUVsZW1lbnRzLnVwZ3JhZGUodGl0bGUpO1xuICAgICAgdGl0bGUudmlzdWFsTGV2ZWwgPSAnNSc7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgLy8gV2UgcmVuZGVyIHRoZSBjb250ZW50IG91dHNpZGUgdGhlIGFuY2hvciB0YWcgdG8gYWxsb3cgc2NyZWVuIHJlYWRlcnMgdG8gbmF2aWdhdGUgdGhyb3VnaCBpdFxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXJfX3dyYXBwZXJcIj5cbiAgICAgICAgJHt0aGlzLnJlbmRlckxpbmsoXG4gICAgICAgICAgLy8gRm9yIFNFTyB3ZSBhZGQgdGhlIGFjY2Vzc2liaWxpdHkgaGlkZGVuIGFzIGhpZGRlbiBjb250ZW50IG9mIHRoZSBsaW5rXG4gICAgICAgICAgaHRtbGA8c2JiLXNjcmVlbi1yZWFkZXItb25seT4ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfTwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5gLFxuICAgICAgICApfVxuICAgICAgICAke3RoaXMucmVuZGVyQ29udGVudCgpfVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxuXG4gIHByb3RlY3RlZCByZW5kZXJDb250ZW50KCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlcl9fY29udGFpbmVyXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlcl9faW1hZ2Utd3JhcHBlclwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJpbWFnZVwiPjwvc2xvdD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXJfX3RleHRcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiY2hpcFwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fY29uZmlndXJlQ2hpcH0+PC9zbG90PlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJ0aXRsZVwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fY29uZmlndXJlVGl0bGV9Pjwvc2xvdD5cbiAgICAgICAgICA8cCBjbGFzcz1cInNiYi10ZWFzZXJfX2Rlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICA8c2xvdCBAc2xvdGNoYW5nZT0ke3RoaXMuX2hhbmRsZVNsb3RjaGFuZ2V9Pjwvc2xvdD5cbiAgICAgICAgICA8L3A+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGVhc2VyJzogU2JiVGVhc2VyRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFzQk0sb0JBQWdCLE1BQUE7OzBCQURyQixjQUFjLFlBQVksQ0FBQzs7OztvQkFDRzs7OztBQUFSLEVBQUEsbUJBQVEsWUFBa0I7QUFBQTs7QUFJbEIsc0RBQUEsa0JBQUEsTUFBQSx5QkFDM0IsZ0JBQWdCOzs7O0lBRFcsSUFBZ0IsWUFBUztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBekIsSUFBZ0IsVUFBUyxPQUFBO0FBQUEseUJBQUEsNkJBQUE7QUFBQSxJQUFBO0FBQUEsSUFHOUMsb0JBQWlCO0FBQ3ZCLFlBQU0sT0FBTyxNQUFNLEtBQUssS0FBSyxRQUFRLEVBQUUsS0FBSyxDQUFDLE9BQU8sR0FBRyxjQUFjLGdCQUFnQjtBQUNyRixVQUFJLE1BQU07QUFDUixhQUFLLE9BQU87QUFBQSxNQUNkO0FBRUEsWUFBTSxRQUFRLE1BQU0sS0FBSyxLQUFLLFFBQVEsRUFBRSxLQUFLLENBQUMsT0FBTyxHQUFHLGNBQWMsV0FBVztBQUNqRixVQUFJLE9BQU87QUFDVCxjQUFNLE9BQU87QUFBQSxNQUNmO0FBQUEsSUFDRjtBQUFBLElBRVEsZUFBZSxPQUFZO0FBRWpDLFlBQU0sWUFBYSxNQUFNLE9BQ3RCLGlCQUFBLEVBQ0EsS0FBSyxDQUFDLE1BQWdDLEVBQUUsY0FBYyxnQkFBZ0I7QUFFekUsVUFBSSxXQUFXO0FBQ2IsdUJBQWUsUUFBUSxTQUFTO0FBQ2hDLGtCQUFVLFFBQVE7QUFDbEIsa0JBQVUsT0FBTztBQUFBLE1BQ25CO0FBQUEsSUFDRjtBQUFBLElBRVEsZ0JBQWdCLE9BQVk7QUFDbEMsWUFBTSxRQUFTLE1BQU0sT0FDbEIsaUJBQUEsRUFDQSxLQUFLLENBQUMsTUFBNEIsRUFBRSxjQUFjLFdBQVc7QUFFaEUsVUFBSSxPQUFPO0FBQ1QsdUJBQWUsUUFBUSxLQUFLO0FBQzVCLGNBQU0sY0FBYztBQUFBLE1BQ3RCO0FBQUEsSUFDRjtBQUFBLElBRW1CLFNBQU07QUFFdkIsYUFBTztBQUFBO0FBQUEsVUFFRCxLQUFLO0FBQUE7QUFBQSxRQUVMLCtCQUErQixLQUFLLGtCQUFrQjtBQUFBLE1BQUEsQ0FDdkQ7QUFBQSxVQUNDLEtBQUssZUFBZTtBQUFBO0FBQUE7QUFBQSxJQUc1QjtBQUFBLElBRVUsZ0JBQWE7QUFDckIsYUFBTztBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSwwQ0FNK0IsS0FBSyxjQUFjO0FBQUEsMkNBQ2xCLEtBQUssZUFBZTtBQUFBO0FBQUEsZ0NBRS9CLEtBQUssaUJBQWlCO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQUtwRDtBQUFBLEtBbkU2Qjs7QUFBNUIsNEJBQUEsQ0FBQSxTQUFTLEVBQUUsU0FBUyxLQUFBLENBQU0sQ0FBQztBQUFDLGlCQUFBLElBQUEsTUFBQSx1QkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGFBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsZUFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLFdBQVMsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQVQsWUFBUztBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSx5QkFBQSw0QkFBQTtBQUp4RCxpQkFBQSxNQUFBLG1CQUFBLEVBQUEsT0FBQSxXQUFBLEdBQUEsa0JBQUEsRUFBQSxNQUFBLFNBQUEsTUFBQSxXQUFBLE1BQUEsVUFBQSxVQUFBLEdBQUEsTUFBQSx1QkFBQTs7O1FBQ3lCLEdBQUEsU0FBeUIsT0FENUMsa0JBQUEsWUFBQSx1QkFBQSxHQUFpQjs7OyJ9
238
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVhc2VyLmNvbXBvbmVudC5qcyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2VsZW1lbnRzL3RlYXNlci90ZWFzZXIuY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGN1c3RvbUVsZW1lbnQsIHByb3BlcnR5IH0gZnJvbSAnbGl0L2RlY29yYXRvcnMuanMnO1xuaW1wb3J0IHsgaHRtbCB9IGZyb20gJ2xpdC9zdGF0aWMtaHRtbC5qcyc7XG5cbmltcG9ydCB0eXBlIHsgU2JiQ2hpcExhYmVsRWxlbWVudCB9IGZyb20gJy4uL2NoaXAtbGFiZWwuanMnO1xuaW1wb3J0IHsgU2JiTGlua0Jhc2VFbGVtZW50IH0gZnJvbSAnLi4vY29yZS9iYXNlLWVsZW1lbnRzLmpzJztcbmltcG9ydCB0eXBlIHsgU2JiVGl0bGVFbGVtZW50IH0gZnJvbSAnLi4vdGl0bGUuanMnO1xuXG5pbXBvcnQgc3R5bGUgZnJvbSAnLi90ZWFzZXIuc2Nzcz9saXQmaW5saW5lJztcblxuaW1wb3J0ICcuLi9zY3JlZW4tcmVhZGVyLW9ubHkuanMnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIGFuIGludGVyYWN0aXZlIGltYWdlIHdpdGggY2FwdGlvbi5cbiAqXG4gKiBAc2xvdCBpbWFnZSAtIFNsb3QgdXNlZCB0byByZW5kZXIgdGhlIGltYWdlLlxuICogQHNsb3QgY2hpcCAtIFNsb3QgZm9yIHRoZSBgc2JiLWNoaXAtbGFiZWxgIGVsZW1lbnQuIFRoZSBzbG90IG9uIHRoZSBgc2JiLWNoaXAtbGFiZWxgIGVsZW1lbnQgaXMgYXV0b21hdGljYWxseSBhc3NpZ25lZCB3aGVuIHNsb3R0ZWQgaW4gdGhlIHVubmFtZWQgc2xvdC5cbiAqIEBzbG90IHRpdGxlIC0gU2xvdCBmb3IgdGhlIHRpdGxlLiBGb3IgdGhlIHN0YW5kYXJkIGBzYmItdGl0bGVgIGVsZW1lbnQsIHRoZSBzbG90IGlzIGF1dG9tYXRpY2FsbHkgYXNzaWduZWQgd2hlbiBzbG90dGVkIGluIHRoZSB1bm5hbWVkIHNsb3QuXG4gKiBAc2xvdCAtIFVzZSB0aGUgdW5uYW1lZCBzbG90IHRvIHJlbmRlciB0aGUgZGVzY3JpcHRpb24sIHRoZSBzYmItdGl0bGUgYW5kIHRoZSBzYmItY2hpcC1sYWJlbC5cbiAqL1xuZXhwb3J0XG5AY3VzdG9tRWxlbWVudCgnc2JiLXRlYXNlcicpXG5jbGFzcyBTYmJUZWFzZXJFbGVtZW50IGV4dGVuZHMgU2JiTGlua0Jhc2VFbGVtZW50IHtcbiAgcHVibGljIHN0YXRpYyBvdmVycmlkZSBzdHlsZXM6IENTU1Jlc3VsdEdyb3VwID0gc3R5bGU7XG5cbiAgLyoqIFRlYXNlciB2YXJpYW50IC0gZGVmaW5lIHRoZSBwb3NpdGlvbiBhbmQgdGhlIGFsaWdubWVudCBvZiB0aGUgdGV4dCBibG9jay4gKi9cbiAgQHByb3BlcnR5KHsgcmVmbGVjdDogdHJ1ZSB9KSBwdWJsaWMgYWNjZXNzb3IgYWxpZ25tZW50OiAnYWZ0ZXItY2VudGVyZWQnIHwgJ2FmdGVyJyB8ICdiZWxvdycgPVxuICAgICdhZnRlci1jZW50ZXJlZCc7XG5cbiAgcHJpdmF0ZSBfaGFuZGxlU2xvdGNoYW5nZSgpOiB2b2lkIHtcbiAgICBjb25zdCBjaGlwID0gQXJyYXkuZnJvbSh0aGlzLmNoaWxkcmVuKS5maW5kKChlbCkgPT4gZWwubG9jYWxOYW1lID09PSAnc2JiLWNoaXAtbGFiZWwnKTtcbiAgICBpZiAoY2hpcCkge1xuICAgICAgY2hpcC5zbG90ID0gJ2NoaXAnO1xuICAgIH1cblxuICAgIGNvbnN0IHRpdGxlID0gQXJyYXkuZnJvbSh0aGlzLmNoaWxkcmVuKS5maW5kKChlbCkgPT4gZWwubG9jYWxOYW1lID09PSAnc2JiLXRpdGxlJyk7XG4gICAgaWYgKHRpdGxlKSB7XG4gICAgICB0aXRsZS5zbG90ID0gJ3RpdGxlJztcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIF9jb25maWd1cmVDaGlwKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIC8vIFdlIG5lZWQgdG8gY2hlY2sgYXNzaWduZWQgZWxlbWVudHMgYmVjYXVzZSBpbiB0aGUgaW1hZ2Ugc2xvdCBpdCBjYW4gaGF2ZSBsYWJlbHMgYXMgd2VsbC5cbiAgICBjb25zdCBjaGlwTGFiZWwgPSAoZXZlbnQudGFyZ2V0IGFzIEhUTUxTbG90RWxlbWVudClcbiAgICAgIC5hc3NpZ25lZEVsZW1lbnRzKClcbiAgICAgIC5maW5kKChlKTogZSBpcyBTYmJDaGlwTGFiZWxFbGVtZW50ID0+IGUubG9jYWxOYW1lID09PSAnc2JiLWNoaXAtbGFiZWwnKTtcblxuICAgIGlmIChjaGlwTGFiZWwpIHtcbiAgICAgIGN1c3RvbUVsZW1lbnRzLnVwZ3JhZGUoY2hpcExhYmVsKTtcbiAgICAgIGNoaXBMYWJlbC5jb2xvciA9ICdjaGFyY29hbCc7XG4gICAgICBjaGlwTGFiZWwuc2l6ZSA9ICd4eHMnO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgX2NvbmZpZ3VyZVRpdGxlKGV2ZW50OiBFdmVudCk6IHZvaWQge1xuICAgIGNvbnN0IHRpdGxlID0gKGV2ZW50LnRhcmdldCBhcyBIVE1MU2xvdEVsZW1lbnQpXG4gICAgICAuYXNzaWduZWRFbGVtZW50cygpXG4gICAgICAuZmluZCgoZSk6IGUgaXMgU2JiVGl0bGVFbGVtZW50ID0+IGUubG9jYWxOYW1lID09PSAnc2JiLXRpdGxlJyk7XG5cbiAgICBpZiAodGl0bGUpIHtcbiAgICAgIGN1c3RvbUVsZW1lbnRzLnVwZ3JhZGUodGl0bGUpO1xuICAgICAgdGl0bGUudmlzdWFsTGV2ZWwgPSAnNSc7XG4gICAgfVxuICB9XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgLy8gV2UgcmVuZGVyIHRoZSBjb250ZW50IG91dHNpZGUgdGhlIGFuY2hvciB0YWcgdG8gYWxsb3cgc2NyZWVuIHJlYWRlcnMgdG8gbmF2aWdhdGUgdGhyb3VnaCBpdFxuICAgIHJldHVybiBodG1sYFxuICAgICAgPGRpdiBjbGFzcz1cInNiYi10ZWFzZXJfX3dyYXBwZXJcIj5cbiAgICAgICAgJHt0aGlzLnJlbmRlckxpbmsoXG4gICAgICAgICAgLy8gRm9yIFNFTyB3ZSBhZGQgdGhlIGFjY2Vzc2liaWxpdHkgaGlkZGVuIGFzIGhpZGRlbiBjb250ZW50IG9mIHRoZSBsaW5rXG4gICAgICAgICAgaHRtbGA8c2JiLXNjcmVlbi1yZWFkZXItb25seT4ke3RoaXMuYWNjZXNzaWJpbGl0eUxhYmVsfTwvc2JiLXNjcmVlbi1yZWFkZXItb25seT5gLFxuICAgICAgICApfVxuICAgICAgICAke3RoaXMucmVuZGVyQ29udGVudCgpfVxuICAgICAgPC9kaXY+XG4gICAgYDtcbiAgfVxuXG4gIHByb3RlY3RlZCByZW5kZXJDb250ZW50KCk6IFRlbXBsYXRlUmVzdWx0IHtcbiAgICByZXR1cm4gaHRtbGBcbiAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlcl9fY29udGFpbmVyXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLXRlYXNlcl9faW1hZ2Utd3JhcHBlclwiPlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJpbWFnZVwiPjwvc2xvdD5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNiYi10ZWFzZXJfX3RleHRcIj5cbiAgICAgICAgICA8c2xvdCBuYW1lPVwiY2hpcFwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fY29uZmlndXJlQ2hpcH0+PC9zbG90PlxuICAgICAgICAgIDxzbG90IG5hbWU9XCJ0aXRsZVwiIEBzbG90Y2hhbmdlPSR7dGhpcy5fY29uZmlndXJlVGl0bGV9Pjwvc2xvdD5cbiAgICAgICAgICA8cCBjbGFzcz1cInNiYi10ZWFzZXJfX2Rlc2NyaXB0aW9uXCI+XG4gICAgICAgICAgICA8c2xvdCBAc2xvdGNoYW5nZT0ke3RoaXMuX2hhbmRsZVNsb3RjaGFuZ2V9Pjwvc2xvdD5cbiAgICAgICAgICA8L3A+XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvc3Bhbj5cbiAgICBgO1xuICB9XG59XG5cbmRlY2xhcmUgZ2xvYmFsIHtcbiAgaW50ZXJmYWNlIEhUTUxFbGVtZW50VGFnTmFtZU1hcCB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEB0eXBlc2NyaXB0LWVzbGludC9uYW1pbmctY29udmVudGlvblxuICAgICdzYmItdGVhc2VyJzogU2JiVGVhc2VyRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztJQXNCTSxvQkFBZ0IsTUFBQTs7MEJBRHJCLGNBQWMsWUFBWSxDQUFDOzs7O29CQUNHOzs7O0FBQVIsRUFBQSxtQkFBUSxZQUFrQjtBQUFBOztBQUlsQixzREFBQSxrQkFBQSxNQUFBLHlCQUMzQixnQkFBZ0I7Ozs7SUFEVyxJQUFnQixZQUFTO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUF6QixJQUFnQixVQUFTLE9BQUE7QUFBQSx5QkFBQSw2QkFBQTtBQUFBLElBQUE7QUFBQSxJQUc5QyxvQkFBaUI7QUFDdkIsWUFBTSxPQUFPLE1BQU0sS0FBSyxLQUFLLFFBQVEsRUFBRSxLQUFLLENBQUMsT0FBTyxHQUFHLGNBQWMsZ0JBQWdCO0FBQ3JGLFVBQUksTUFBTTtBQUNSLGFBQUssT0FBTztBQUFBLE1BQ2Q7QUFFQSxZQUFNLFFBQVEsTUFBTSxLQUFLLEtBQUssUUFBUSxFQUFFLEtBQUssQ0FBQyxPQUFPLEdBQUcsY0FBYyxXQUFXO0FBQ2pGLFVBQUksT0FBTztBQUNULGNBQU0sT0FBTztBQUFBLE1BQ2Y7QUFBQSxJQUNGO0FBQUEsSUFFUSxlQUFlLE9BQVk7QUFFakMsWUFBTSxZQUFhLE1BQU0sT0FDdEIsaUJBQUEsRUFDQSxLQUFLLENBQUMsTUFBZ0MsRUFBRSxjQUFjLGdCQUFnQjtBQUV6RSxVQUFJLFdBQVc7QUFDYix1QkFBZSxRQUFRLFNBQVM7QUFDaEMsa0JBQVUsUUFBUTtBQUNsQixrQkFBVSxPQUFPO0FBQUEsTUFDbkI7QUFBQSxJQUNGO0FBQUEsSUFFUSxnQkFBZ0IsT0FBWTtBQUNsQyxZQUFNLFFBQVMsTUFBTSxPQUNsQixpQkFBQSxFQUNBLEtBQUssQ0FBQyxNQUE0QixFQUFFLGNBQWMsV0FBVztBQUVoRSxVQUFJLE9BQU87QUFDVCx1QkFBZSxRQUFRLEtBQUs7QUFDNUIsY0FBTSxjQUFjO0FBQUEsTUFDdEI7QUFBQSxJQUNGO0FBQUEsSUFFbUIsU0FBTTtBQUV2QixhQUFPO0FBQUE7QUFBQSxVQUVELEtBQUs7QUFBQTtBQUFBLFFBRUwsK0JBQStCLEtBQUssa0JBQWtCO0FBQUEsTUFBQSxDQUN2RDtBQUFBLFVBQ0MsS0FBSyxlQUFlO0FBQUE7QUFBQTtBQUFBLElBRzVCO0FBQUEsSUFFVSxnQkFBYTtBQUNyQixhQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLDBDQU0rQixLQUFLLGNBQWM7QUFBQSwyQ0FDbEIsS0FBSyxlQUFlO0FBQUE7QUFBQSxnQ0FFL0IsS0FBSyxpQkFBaUI7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBLElBS3BEO0FBQUEsS0FuRTZCOztBQUE1Qiw0QkFBQSxDQUFBLFNBQVMsRUFBRSxTQUFTLEtBQUEsQ0FBTSxDQUFDO0FBQUMsaUJBQUEsSUFBQSxNQUFBLHVCQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsYUFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxlQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsV0FBUyxLQUFBLENBQUEsS0FBQSxVQUFBO0FBQUEsVUFBVCxZQUFTO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLHlCQUFBLDRCQUFBO0FBSnhELGlCQUFBLE1BQUEsbUJBQUEsRUFBQSxPQUFBLFdBQUEsR0FBQSxrQkFBQSxFQUFBLE1BQUEsU0FBQSxNQUFBLFdBQUEsTUFBQSxVQUFBLFVBQUEsR0FBQSxNQUFBLHVCQUFBOzs7UUFDeUIsR0FBQSxTQUF5QixPQUQ1QyxrQkFBQSxZQUFBLHVCQUFBLEdBQWlCOzs7In0=
package/lists.css CHANGED
@@ -186,4 +186,9 @@
186
186
  mask-repeat: no-repeat;
187
187
  mask-position: center;
188
188
  mask-size: 100%;
189
+ }
190
+ @media (forced-colors: active) {
191
+ .sbb-icon-list > li::before {
192
+ background-color: CanvasText;
193
+ }
189
194
  }
package/off-brand-theme.css CHANGED
@@ -2502,6 +2502,11 @@ sup {
2502
2502
  mask-position: center;
2503
2503
  mask-size: 100%;
2504
2504
  }
2505
+ @media (forced-colors: active) {
2506
+ .sbb-icon-list > li::before {
2507
+ background-color: CanvasText;
2508
+ }
2509
+ }
2505
2510
 
2506
2511
  .sbb-scrollbar,
2507
2512
  .sbb-scrollbar-negative,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements",
3
- "version": "3.13.2",
3
+ "version": "3.13.3",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
package/safety-theme.css CHANGED
@@ -2502,6 +2502,11 @@ sup {
2502
2502
  mask-position: center;
2503
2503
  mask-size: 100%;
2504
2504
  }
2505
+ @media (forced-colors: active) {
2506
+ .sbb-icon-list > li::before {
2507
+ background-color: CanvasText;
2508
+ }
2509
+ }
2505
2510
 
2506
2511
  .sbb-scrollbar,
2507
2512
  .sbb-scrollbar-negative,
package/standard-theme.css CHANGED
@@ -2502,6 +2502,11 @@ sup {
2502
2502
  mask-position: center;
2503
2503
  mask-size: 100%;
2504
2504
  }
2505
+ @media (forced-colors: active) {
2506
+ .sbb-icon-list > li::before {
2507
+ background-color: CanvasText;
2508
+ }
2509
+ }
2505
2510
 
2506
2511
  .sbb-scrollbar,
2507
2512
  .sbb-scrollbar-negative,
package/teaser/teaser.component.js CHANGED
@@ -1,23 +1,23 @@
1
- var f = (e) => {
1
+ var v = (e) => {
2
2
  throw TypeError(e);
3
3
  };
4
- var p = (e, s, a) => s.has(e) || f("Cannot " + a);
5
- var u = (e, s, a) => (p(e, s, "read from private field"), a ? a.call(e) : s.get(e)), g = (e, s, a) => s.has(e) ? f("Cannot add the same private member more than once") : s instanceof WeakSet ? s.add(e) : s.set(e, a), _ = (e, s, a, i) => (p(e, s, "write to private field"), i ? i.call(e, a) : s.set(e, a), a);
4
+ var p = (e, t, a) => t.has(e) || v("Cannot " + a);
5
+ var u = (e, t, a) => (p(e, t, "read from private field"), a ? a.call(e) : t.get(e)), g = (e, t, a) => t.has(e) ? v("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(e) : t.set(e, a), _ = (e, t, a, o) => (p(e, t, "write to private field"), o ? o.call(e, a) : t.set(e, a), a);
6
6
  import { __esDecorate as w, __runInitializers as b } from "tslib";
7
7
  import { customElement as x, property as y } from "lit/decorators.js";
8
8
  import { html as c } from "lit/static-html.js";
9
9
  import { SbbLinkBaseElement as k } from "../core/base-elements.js";
10
10
  import { css as z } from "lit";
11
11
  import "../screen-reader-only.js";
12
- const S = z`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x)}@media(forced-colors:active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}@media(any-hover:hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:var(--sbb-cursor-pointer)}.sbb-teaser__wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media(forced-colors:active){.sbb-teaser{outline-offset:var(--sbb-focus-outline-offset);outline:CanvasText solid var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}.sbb-teaser:hover{outline-color:Highlight}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-teaser-description-color);overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;display:block}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing)}@media(any-hover:hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-color-hard-2),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-color-hard-1)}}.sbb-teaser__description{display:inline-block;margin:0;padding:0}::slotted(sbb-chip-label){display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}`;
12
+ const S = z`@charset "UTF-8";*,:before,:after{box-sizing:border-box}:host{display:inline-block;outline:none!important;--sbb-teaser-scale-hover: 1.02;--sbb-teaser-description-color: var(--sbb-color-granite);--sbb-teaser-description-color: light-dark(var(--sbb-color-granite), var(--sbb-color-silver));--sbb-teaser-flex-direction: row;--sbb-teaser-align-items: center;--sbb-teaser-gap: var(--sbb-spacing-fixed-4x);--sbb-teaser-width: fit-content;--sbb-teaser-border-radius: var(--sbb-border-radius-4x)}@media(forced-colors:active){:host{--sbb-teaser-description-color: LinkText;--sbb-title-text-color-normal-override: LinkText !important}}:host([alignment=after]){--sbb-teaser-align-items: start}:host([alignment=below]){--sbb-teaser-flex-direction: column;--sbb-teaser-align-items: baseline;--sbb-teaser-gap: var(--sbb-spacing-fixed-3x);--sbb-teaser-width: 100%}@media(any-hover:hover){:host(:hover){--sbb-teaser-scale: var(--sbb-teaser-scale-hover)}}.sbb-teaser__wrapper{display:flex;position:relative;cursor:var(--sbb-cursor-pointer)}.sbb-teaser__wrapper:before{content:"​";-webkit-user-select:none;user-select:none;width:0;height:0}.sbb-teaser{text-decoration:none;position:absolute;inset:0}.sbb-teaser:focus-visible{outline-offset:var(--sbb-focus-outline-offset);outline:var(--sbb-focus-outline-color) var(--sbb-focus-outline-style, solid) var(--sbb-focus-outline-width);border-radius:var(--sbb-teaser-border-radius)}@media(forced-colors:active){.sbb-teaser:focus-visible{outline-offset:calc(2 * var(--sbb-focus-outline-offset))}}@media(forced-colors:active){.sbb-teaser:before{content:"";position:absolute;inset:calc(-1 * var(--sbb-focus-outline-offset));pointer-events:none;border-radius:calc(var(--sbb-teaser-border-radius) + var(--sbb-focus-outline-offset));border:var(--sbb-border-width-1x) solid CanvasText}}.sbb-teaser__container{display:flex;flex-flow:var(--sbb-teaser-flex-direction) nowrap;align-items:var(--sbb-teaser-align-items);gap:var(--sbb-teaser-gap);max-width:100%;width:100%;pointer-events:none}.sbb-teaser__text{--sbb-text-font-size: var(--sbb-font-size-text-s);font-family:var(--sbb-typo-font-family);font-weight:400;line-height:var(--sbb-typo-line-height-body-text);letter-spacing:var(--sbb-typo-letter-spacing-body-text);font-size:var(--sbb-text-font-size);color:var(--sbb-teaser-description-color);overflow:hidden;max-width:100%}::slotted([slot=image]){width:18.75rem;display:block}.sbb-teaser__image-wrapper{flex-shrink:0;overflow:hidden;border-radius:var(--sbb-teaser-border-radius);transition:box-shadow var(--sbb-teaser-image-animation-duration) var(--sbb-animation-easing)}@media(any-hover:hover){:host(:hover) .sbb-teaser__image-wrapper{box-shadow:var(--sbb-shadow-elevation-level-9-shadow-2-offset-x) var(--sbb-shadow-elevation-level-9-shadow-2-offset-y) var(--sbb-shadow-elevation-level-9-shadow-2-blur) var(--sbb-shadow-elevation-level-9-shadow-2-spread) var(--sbb-shadow-color-hard-2),var(--sbb-shadow-elevation-level-9-shadow-1-offset-x) var(--sbb-shadow-elevation-level-9-shadow-1-offset-y) var(--sbb-shadow-elevation-level-9-shadow-1-blur) var(--sbb-shadow-elevation-level-9-shadow-1-spread) var(--sbb-shadow-color-hard-1)}}.sbb-teaser__description{display:inline-block;margin:0;padding:0}::slotted(sbb-chip-label){display:block;max-width:fit-content;margin-block-end:var(--sbb-spacing-fixed-1x)}::slotted(sbb-title){margin-block:0}`;
13
13
  let j = (() => {
14
14
  var n, l;
15
- let e = [x("sbb-teaser")], s, a = [], i, d = k, h, m = [], v = [];
15
+ let e = [x("sbb-teaser")], t, a = [], o, d = k, h, f = [], m = [];
16
16
  return l = class extends d {
17
17
  constructor() {
18
18
  super(...arguments);
19
- g(this, n, b(this, m, "after-centered"));
20
- b(this, v);
19
+ g(this, n, b(this, f, "after-centered"));
20
+ b(this, m);
21
21
  }
22
22
  /** Teaser variant - define the position and the alignment of the text block. */
23
23
  get alignment() {
@@ -27,18 +27,18 @@ let j = (() => {
27
27
  _(this, n, r);
28
28
  }
29
29
  _handleSlotchange() {
30
- const r = Array.from(this.children).find((o) => o.localName === "sbb-chip-label");
30
+ const r = Array.from(this.children).find((i) => i.localName === "sbb-chip-label");
31
31
  r && (r.slot = "chip");
32
- const t = Array.from(this.children).find((o) => o.localName === "sbb-title");
33
- t && (t.slot = "title");
32
+ const s = Array.from(this.children).find((i) => i.localName === "sbb-title");
33
+ s && (s.slot = "title");
34
34
  }
35
35
  _configureChip(r) {
36
- const t = r.target.assignedElements().find((o) => o.localName === "sbb-chip-label");
37
- t && (customElements.upgrade(t), t.color = "charcoal", t.size = "xxs");
36
+ const s = r.target.assignedElements().find((i) => i.localName === "sbb-chip-label");
37
+ s && (customElements.upgrade(s), s.color = "charcoal", s.size = "xxs");
38
38
  }
39
39
  _configureTitle(r) {
40
- const t = r.target.assignedElements().find((o) => o.localName === "sbb-title");
41
- t && (customElements.upgrade(t), t.visualLevel = "5");
40
+ const s = r.target.assignedElements().find((i) => i.localName === "sbb-title");
41
+ s && (customElements.upgrade(s), s.visualLevel = "5");
42
42
  }
43
43
  render() {
44
44
  return c`
@@ -67,12 +67,12 @@ let j = (() => {
67
67
  </span>
68
68
  `;
69
69
  }
70
- }, n = new WeakMap(), i = l, (() => {
70
+ }, n = new WeakMap(), o = l, (() => {
71
71
  const r = typeof Symbol == "function" && Symbol.metadata ? Object.create(d[Symbol.metadata] ?? null) : void 0;
72
- h = [y({ reflect: !0 })], w(l, null, h, { kind: "accessor", name: "alignment", static: !1, private: !1, access: { has: (t) => "alignment" in t, get: (t) => t.alignment, set: (t, o) => {
73
- t.alignment = o;
74
- } }, metadata: r }, m, v), w(null, s = { value: i }, e, { kind: "class", name: i.name, metadata: r }, null, a), i = s.value, r && Object.defineProperty(i, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
75
- })(), l.styles = S, b(i, a), i;
72
+ h = [y({ reflect: !0 })], w(l, null, h, { kind: "accessor", name: "alignment", static: !1, private: !1, access: { has: (s) => "alignment" in s, get: (s) => s.alignment, set: (s, i) => {
73
+ s.alignment = i;
74
+ } }, metadata: r }, f, m), w(null, t = { value: o }, e, { kind: "class", name: o.name, metadata: r }, null, a), o = t.value, r && Object.defineProperty(o, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: r });
75
+ })(), l.styles = S, b(o, a), o;
76
76
  })();
77
77
  export {
78
78
  j as SbbTeaserElement