@sbb-esta/lyne-elements-dev 4.7.0-dev.1773276117 → 4.7.0-dev.1773304638

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 (10) hide show
  1. package/core/styles/core.scss +6 -1
  2. package/core.css +10 -3
  3. package/custom-elements.json +4559 -4559
  4. package/development/logo/logo.component.d.ts.map +1 -1
  5. package/development/logo/logo.component.js +22 -39
  6. package/logo/logo.component.js +42 -44
  7. package/off-brand-theme.css +10 -3
  8. package/package.json +2 -2
  9. package/safety-theme.css +10 -3
  10. package/standard-theme.css +10 -3
package/development/logo/logo.component.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"logo.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/logo/logo.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAM/D;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,mBAA4B;IAC9D,gBAAgC,WAAW,EAAE,MAAM,CAAc;IACjE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,0CAA0C;IAC1C,SACgB,cAAc,EAAE,iBAAiB,CAAW;IAE5D,mEAAmE;IACnE,SAEgB,kBAAkB,EAAE,MAAM,CAAU;cAEjC,MAAM,IAAI,cAAc;CAoB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
1
+ {"version":3,"file":"logo.component.d.ts","sourceRoot":"","sources":["../../../../src/elements/logo/logo.component.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;;AAM/D;;;;GAIG;AACH,qBAAa,cAAe,SAAQ,mBAA4B;IAC9D,gBAAgC,WAAW,EAAE,MAAM,CAAc;IACjE,OAAuB,MAAM,EAAE,cAAc,CAA4B;IAEzE,0CAA0C;IAC1C,SACgB,cAAc,EAAE,iBAAiB,CAAW;IAE5D,mEAAmE;IACnE,SAEgB,kBAAkB,EAAE,MAAM,CAAU;cAEjC,MAAM,IAAI,cAAc;CAkB5C;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAE7B,UAAU,EAAE,cAAc,CAAC;KAC5B;CACF"}
package/development/logo/logo.component.js CHANGED
@@ -13,20 +13,15 @@ import { forceType } from "../core/decorators.js";
13
13
  import { SbbNegativeMixin } from "../core/mixins.js";
14
14
  import { boxSizingStyles } from "../core/styles.js";
15
15
  const style = css`:host {
16
- display: block;
16
+ display: flex;
17
+ align-items: center;
18
+ justify-content: center;
17
19
  height: var(--sbb-logo-height);
18
- --sbb-logo-panel-color: var(--sbb-color-brand);
19
- --sbb-logo-signet-color: var(--sbb-color-white);
20
- --sbb-logo-word-mark-color: var(--sbb-color-black);
21
- --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
22
- --sbb-logo-aspect-ratio: 454 / 48;
23
- --sbb-logo-svg-container-height: auto;
24
- --sbb-logo-background-color: none;
20
+ aspect-ratio: var(--sbb-logo-aspect-ratio);
21
+ background-color: var(--sbb-logo-background-color, none);
25
22
  }
26
23
  @media (forced-colors: active) {
27
24
  :host {
28
- --sbb-logo-panel-color: ButtonText !important;
29
- --sbb-logo-signet-color: Canvas !important;
30
25
  --sbb-logo-word-mark-color: ButtonText !important;
31
26
  }
32
27
  }
@@ -45,22 +40,12 @@ const style = css`:host {
45
40
  --sbb-logo-svg-container-height: calc(48 / 144 * 100%);
46
41
  }
47
42
 
48
- .sbb-logo {
49
- display: flex;
50
- align-items: center;
51
- justify-content: center;
52
- background-color: var(--sbb-logo-background-color);
53
- aspect-ratio: var(--sbb-logo-aspect-ratio);
54
- height: 100%;
55
- width: 100%;
56
- }
57
-
58
- .sbb-logo .sbb-logo__svg-container {
43
+ .sbb-logo__svg-container {
59
44
  display: flex;
60
- height: var(--sbb-logo-svg-container-height);
45
+ height: var(--sbb-logo-svg-container-height, auto);
61
46
  }
62
47
 
63
- .sbb-logo svg {
48
+ svg {
64
49
  width: 100%;
65
50
  height: 100%;
66
51
  }
@@ -109,21 +94,19 @@ let SbbLogoElement = (() => {
109
94
  }
110
95
  render() {
111
96
  return html`
112
- <span class="sbb-logo">
113
- <span class="sbb-logo__svg-container">
114
- <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 48">
115
- <title .textContent=${this.accessibilityLabel}></title>
116
- <path
117
- id="sbb-logo__word-mark"
118
- d="M238.2 34.6c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6h-7v9h7.4zm-.4-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4h-7v7.8h7.1zm1.1-13.4c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6h-15.9V6.8h15.1zm-33.7 27.8c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6H198v9h7.2zm-.3-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4H198v7.8h6.9zM206 6.8c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6H191V6.8h15zm-28 9.9c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14.1-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.6 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 12.9 10.6l-6.6.2zm158.7-3.9v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5zm-29.4 0v7.8h14.8v5.8h-14.8v13.7h-7V6.8h23.3v6h-16.3zm-11.8 15.7C295 36.2 289.3 41 281 41c-9.4 0-15.6-6.8-15.6-17.4 0-10.5 6.4-17.5 15.7-17.5 8.1 0 13.5 4.5 14.1 11.6h-7c-.8-3.8-3.2-5.7-7.1-5.7-5.3 0-8.8 4.6-8.8 11.6s3.4 11.6 8.6 11.6c4.3 0 6.7-2.1 7.5-6.7h7.1zm150.7-11.8c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.7 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 13 10.6l-6.7.2zm-40.4-3.9v7.8h14.9v5.8h-14.9v13.7h-7V6.8h23.4v6h-16.4zm-29.7 0v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5z"
119
- ></path>
120
- <path id="sbb-logo__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
121
- <path
122
- id="sbb-logo__signet"
123
- d="M87 40h9.3L83.8 27.7h15.5V40h7.4V27.7h15.6L109.7 40h9.3l16-16-15.9-16h-9.3l12.5 12.3h-15.6V8h-7.4v12.3H83.8L96.3 8H87L71 24l16 16z"
124
- ></path>
125
- </svg>
126
- </span>
97
+ <span class="sbb-logo__svg-container">
98
+ <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 48">
99
+ <title .textContent=${this.accessibilityLabel}></title>
100
+ <path
101
+ id="sbb-logo__word-mark"
102
+ d="M238.2 34.6c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6h-7v9h7.4zm-.4-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4h-7v7.8h7.1zm1.1-13.4c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6h-15.9V6.8h15.1zm-33.7 27.8c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6H198v9h7.2zm-.3-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4H198v7.8h6.9zM206 6.8c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6H191V6.8h15zm-28 9.9c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14.1-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.6 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 12.9 10.6l-6.6.2zm158.7-3.9v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5zm-29.4 0v7.8h14.8v5.8h-14.8v13.7h-7V6.8h23.3v6h-16.3zm-11.8 15.7C295 36.2 289.3 41 281 41c-9.4 0-15.6-6.8-15.6-17.4 0-10.5 6.4-17.5 15.7-17.5 8.1 0 13.5 4.5 14.1 11.6h-7c-.8-3.8-3.2-5.7-7.1-5.7-5.3 0-8.8 4.6-8.8 11.6s3.4 11.6 8.6 11.6c4.3 0 6.7-2.1 7.5-6.7h7.1zm150.7-11.8c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.7 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 13 10.6l-6.7.2zm-40.4-3.9v7.8h14.9v5.8h-14.9v13.7h-7V6.8h23.4v6h-16.4zm-29.7 0v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5z"
103
+ ></path>
104
+ <path id="sbb-logo__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
105
+ <path
106
+ id="sbb-logo__signet"
107
+ d="M87 40h9.3L83.8 27.7h15.5V40h7.4V27.7h15.6L109.7 40h9.3l16-16-15.9-16h-9.3l12.5 12.3h-15.6V8h-7.4v12.3H83.8L96.3 8H87L71 24l16 16z"
108
+ ></path>
109
+ </svg>
127
110
  </span>
128
111
  `;
129
112
  }
@@ -143,4 +126,4 @@ let SbbLogoElement = (() => {
143
126
  export {
144
127
  SbbLogoElement
145
128
  };
146
- //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nby5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9sb2dvL2xvZ28uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiUHJvdGVjdGl2ZVJvb20gfSBmcm9tICcuLi9jb3JlL2ludGVyZmFjZXMudHMnO1xuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uL2NvcmUvc3R5bGVzLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbG9nby5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIHRoZSBTQkIgbG9nby5cbiAqXG4gKiBAY3NzcHJvcCBbLS1zYmItbG9nby1oZWlnaHQ9YXV0b10gLSBDYW4gYmUgdXNlZCB0byBzZXQgdGhlIGhlaWdodCBvZiB0aGUgbG9nby5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkxvZ29FbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItbG9nbyc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICAvKiogVmlzdWFsIHByb3RlY3RpdmUgcm9vbSBhcm91bmQgbG9nby4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAncHJvdGVjdGl2ZS1yb29tJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgcHJvdGVjdGl2ZVJvb206IFNiYlByb3RlY3RpdmVSb29tID0gJ2lkZWFsJztcblxuICAvKiogQWNjZXNzaWJpbGl0eSBsYWJlbCB3aGljaCB3aWxsIGJlIGZvcndhcmRlZCB0byB0aGUgU1ZHIGxvZ28uICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LWxhYmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnTG9nbyc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1sb2dvXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic2JiLWxvZ29fX3N2Zy1jb250YWluZXJcIj5cbiAgICAgICAgICA8c3ZnIGZvY3VzYWJsZT1cImZhbHNlXCIgeG1sbnM9XCJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Z1wiIHZpZXdCb3g9XCIwIDAgNDU0IDQ4XCI+XG4gICAgICAgICAgICA8dGl0bGUgLnRleHRDb250ZW50PSR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PjwvdGl0bGU+XG4gICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICBpZD1cInNiYi1sb2dvX193b3JkLW1hcmtcIlxuICAgICAgICAgICAgICBkPVwiTTIzOC4yIDM0LjZjNC4xIDAgNi4yLTEuNCA2LjItNC41IDAtMy4yLTItNC42LTYuNi00LjZoLTd2OWg3LjR6bS0uNC0xNC40YzMuNSAwIDUuNi0xLjQgNS42LTMuOCAwLTIuNy0xLjktNC01LjctNGgtN3Y3LjhoNy4xem0xLjEtMTMuNGM3LjMgMCAxMS40IDMuMSAxMS40IDguNSAwIDMtMS40IDUuMS00LjYgNi45IDQuMSAxLjUgNS45IDQuMSA1LjkgOC41IDAgNS45LTQuNiA5LjYtMTEuOSA5LjZoLTE1LjlWNi44aDE1LjF6bS0zMy43IDI3LjhjNC4xIDAgNi4yLTEuNCA2LjItNC41IDAtMy4yLTItNC42LTYuNi00LjZIMTk4djloNy4yem0tLjMtMTQuNGMzLjUgMCA1LjYtMS40IDUuNi0zLjggMC0yLjctMS45LTQtNS43LTRIMTk4djcuOGg2Ljl6TTIwNiA2LjhjNy4zIDAgMTEuNCAzLjEgMTEuNCA4LjUgMCAzLTEuNCA1LjEtNC42IDYuOSA0LjEgMS41IDUuOSA0LjEgNS45IDguNSAwIDUuOS00LjYgOS42LTExLjkgOS42SDE5MVY2LjhoMTV6bS0yOCA5LjljLS40LTMuNC0yLjQtNS02LjUtNS0zLjQgMC01LjYgMS41LTUuNiAzLjkgMCAyIDEuMyAzLjIgNC4xIDMuN2w2IDFjNi40IDEuMSA5LjggNC42IDkuOCA5LjcgMCA2LjYtNS4zIDEwLjgtMTMuNyAxMC44LTguOSAwLTE0LjEtNC4zLTE0LjEtMTEuOWg3LjFjLjQgNC40IDIuNiA2LjIgNy4zIDYuMiAzLjYgMCA2LjItMS45IDYuMi00LjYgMC0yLjEtMS40LTMuNC00LjEtMy45bC01LjUtMWMtNy0xLjMtMTAuMi00LjMtMTAuMi05LjcgMC02LjIgNC45LTEwIDEyLjktMTAgNy44IDAgMTIuNyA0IDEyLjkgMTAuNmwtNi42LjJ6bTE1OC43LTMuOXY3LjhoMTV2NS44aC0xNXYxMy43aC03VjYuOGgyMy41djZoLTE2LjV6bS0yOS40IDB2Ny44aDE0Ljh2NS44aC0xNC44djEzLjdoLTdWNi44aDIzLjN2NmgtMTYuM3ptLTExLjggMTUuN0MyOTUgMzYuMiAyODkuMyA0MSAyODEgNDFjLTkuNCAwLTE1LjYtNi44LTE1LjYtMTcuNCAwLTEwLjUgNi40LTE3LjUgMTUuNy0xNy41IDguMSAwIDEzLjUgNC41IDE0LjEgMTEuNmgtN2MtLjgtMy44LTMuMi01LjctNy4xLTUuNy01LjMgMC04LjggNC42LTguOCAxMS42czMuNCAxMS42IDguNiAxMS42YzQuMyAwIDYuNy0yLjEgNy41LTYuN2g3LjF6bTE1MC43LTExLjhjLS40LTMuNC0yLjQtNS02LjUtNS0zLjQgMC01LjYgMS41LTUuNiAzLjkgMCAyIDEuMyAzLjIgNC4xIDMuN2w2IDFjNi40IDEuMSA5LjggNC42IDkuOCA5LjcgMCA2LjYtNS4zIDEwLjgtMTMuNyAxMC44LTguOSAwLTE0LTQuMy0xNC4xLTExLjloNy4xYy40IDQuNCAyLjYgNi4yIDcuMyA2LjIgMy43IDAgNi4yLTEuOSA2LjItNC42IDAtMi4xLTEuNC0zLjQtNC4xLTMuOWwtNS41LTFjLTctMS4zLTEwLjItNC4zLTEwLjItOS43IDAtNi4yIDQuOS0xMCAxMi45LTEwIDcuOCAwIDEyLjcgNCAxMyAxMC42bC02LjcuMnptLTQwLjQtMy45djcuOGgxNC45djUuOGgtMTQuOXYxMy43aC03VjYuOGgyMy40djZoLTE2LjR6bS0yOS43IDB2Ny44aDE1djUuOGgtMTV2MTMuN2gtN1Y2LjhoMjMuNXY2aC0xNi41elwiXG4gICAgICAgICAgICA+PC9wYXRoPlxuICAgICAgICAgICAgPHBhdGggaWQ9XCJzYmItbG9nb19fcGFuZWxcIiBzdHJva2Utd2lkdGg9XCIxXCIgZD1cIk0xIDQ3aDE0MVYxSDF2NDZ6XCI+PC9wYXRoPlxuICAgICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgICAgaWQ9XCJzYmItbG9nb19fc2lnbmV0XCJcbiAgICAgICAgICAgICAgZD1cIk04NyA0MGg5LjNMODMuOCAyNy43aDE1LjVWNDBoNy40VjI3LjdoMTUuNkwxMDkuNyA0MGg5LjNsMTYtMTYtMTUuOS0xNmgtOS4zbDEyLjUgMTIuM2gtMTUuNlY4aC03LjR2MTIuM0g4My44TDk2LjMgOEg4N0w3MSAyNGwxNiAxNnpcIlxuICAgICAgICAgICAgPjwvcGF0aD5cbiAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIGA7XG4gIH1cbn1cblxuZGVjbGFyZSBnbG9iYWwge1xuICBpbnRlcmZhY2UgSFRNTEVsZW1lbnRUYWdOYW1lTWFwIHtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25hbWluZy1jb252ZW50aW9uXG4gICAgJ3NiYi1sb2dvJzogU2JiTG9nb0VsZW1lbnQ7XG4gIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0lBaUJhLGtCQUFjLE1BQUE7O29CQUFTLGlCQUFpQixVQUFVOzs7Ozs7O0FBQWxELFNBQUEsbUJBQXVCLFlBQTRCO0FBQUE7O0FBTTlELDJEQUFBLGtCQUFBLE1BQUEsOEJBQW9ELE9BQU87QUFLM0QsZ0VBQUEsa0JBQUEsTUFBQSxpQ0FBQSxHQUFBLGtCQUFBLE1BQUEsa0NBQTZDLE1BQU07Ozs7SUFMbkQsSUFBZ0IsaUJBQWM7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQTlCLElBQWdCLGVBQWMsT0FBQTtBQUFBLHlCQUFBLGtDQUFBO0FBQUEsSUFBQTtBQUFBO0FBQUEsSUFLOUIsSUFBZ0IscUJBQWtCO0FBQUEsYUFBQSxtQkFBQTtBQUFBLElBQUE7QUFBQSxJQUFsQyxJQUFnQixtQkFBa0IsT0FBQTtBQUFBLHlCQUFBLHNDQUFBO0FBQUEsSUFBQTtBQUFBLElBRWYsU0FBTTtBQUN2QixhQUFPO0FBQUE7QUFBQTtBQUFBO0FBQUEsa0NBSXVCLEtBQUssa0JBQWtCO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQSxJQWN2RDtBQUFBLEtBMUJBLGtEQUtBOztrQ0FOQyxTQUFTLEVBQUUsV0FBVyxtQkFBbUIsU0FBUyxLQUFBLENBQU0sQ0FBQztzQ0FJekQsYUFDQSxTQUFTLEVBQUUsV0FBVyxzQkFBQSxDQUF1QixDQUFDO0FBSi9DLGlCQUFBLElBQUEsTUFBQSw0QkFBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLGtCQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLG9CQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0IsZ0JBQWMsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQWQsaUJBQWM7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsOEJBQUEsaUNBQUE7QUFLOUIsaUJBQUEsSUFBQSxNQUFBLGdDQUFBLEVBQUEsTUFBQSxZQUFBLE1BQUEsc0JBQUEsUUFBQSxPQUFBLFNBQUEsT0FBQSxRQUFBLEVBQUEsS0FBQSxDQUFBLFFBQUEsd0JBQUEsS0FBQSxLQUFBLENBQUEsUUFBQSxJQUFnQixvQkFBa0IsS0FBQSxDQUFBLEtBQUEsVUFBQTtBQUFBLFVBQWxCLHFCQUFrQjtBQUFBLElBQUEsS0FBQSxVQUFBLFVBQUEsR0FBQSxrQ0FBQSxxQ0FBQTs7UUFWRixHQUFBLGNBQXNCLFlBQy9CLEdBQUEsU0FBeUIsQ0FBQyxpQkFBaUIsS0FBSyxHQUY1RDs7In0=
129
+ //# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nby5jb21wb25lbnQuanMiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9lbGVtZW50cy9sb2dvL2xvZ28uY29tcG9uZW50LnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0eXBlIHsgQ1NTUmVzdWx0R3JvdXAsIFRlbXBsYXRlUmVzdWx0IH0gZnJvbSAnbGl0JztcbmltcG9ydCB7IGh0bWwgfSBmcm9tICdsaXQnO1xuaW1wb3J0IHsgcHJvcGVydHkgfSBmcm9tICdsaXQvZGVjb3JhdG9ycy5qcyc7XG5cbmltcG9ydCB7IFNiYkVsZW1lbnQgfSBmcm9tICcuLi9jb3JlL2Jhc2UtZWxlbWVudHMudHMnO1xuaW1wb3J0IHsgZm9yY2VUeXBlIH0gZnJvbSAnLi4vY29yZS9kZWNvcmF0b3JzLnRzJztcbmltcG9ydCB0eXBlIHsgU2JiUHJvdGVjdGl2ZVJvb20gfSBmcm9tICcuLi9jb3JlL2ludGVyZmFjZXMudHMnO1xuaW1wb3J0IHsgU2JiTmVnYXRpdmVNaXhpbiB9IGZyb20gJy4uL2NvcmUvbWl4aW5zLnRzJztcbmltcG9ydCB7IGJveFNpemluZ1N0eWxlcyB9IGZyb20gJy4uL2NvcmUvc3R5bGVzLnRzJztcblxuaW1wb3J0IHN0eWxlIGZyb20gJy4vbG9nby5zY3NzP2xpdCZpbmxpbmUnO1xuXG4vKipcbiAqIEl0IGRpc3BsYXlzIHRoZSBTQkIgbG9nby5cbiAqXG4gKiBAY3NzcHJvcCBbLS1zYmItbG9nby1oZWlnaHQ9YXV0b10gLSBDYW4gYmUgdXNlZCB0byBzZXQgdGhlIGhlaWdodCBvZiB0aGUgbG9nby5cbiAqL1xuZXhwb3J0IGNsYXNzIFNiYkxvZ29FbGVtZW50IGV4dGVuZHMgU2JiTmVnYXRpdmVNaXhpbihTYmJFbGVtZW50KSB7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgcmVhZG9ubHkgZWxlbWVudE5hbWU6IHN0cmluZyA9ICdzYmItbG9nbyc7XG4gIHB1YmxpYyBzdGF0aWMgb3ZlcnJpZGUgc3R5bGVzOiBDU1NSZXN1bHRHcm91cCA9IFtib3hTaXppbmdTdHlsZXMsIHN0eWxlXTtcblxuICAvKiogVmlzdWFsIHByb3RlY3RpdmUgcm9vbSBhcm91bmQgbG9nby4gKi9cbiAgQHByb3BlcnR5KHsgYXR0cmlidXRlOiAncHJvdGVjdGl2ZS1yb29tJywgcmVmbGVjdDogdHJ1ZSB9KVxuICBwdWJsaWMgYWNjZXNzb3IgcHJvdGVjdGl2ZVJvb206IFNiYlByb3RlY3RpdmVSb29tID0gJ2lkZWFsJztcblxuICAvKiogQWNjZXNzaWJpbGl0eSBsYWJlbCB3aGljaCB3aWxsIGJlIGZvcndhcmRlZCB0byB0aGUgU1ZHIGxvZ28uICovXG4gIEBmb3JjZVR5cGUoKVxuICBAcHJvcGVydHkoeyBhdHRyaWJ1dGU6ICdhY2Nlc3NpYmlsaXR5LWxhYmVsJyB9KVxuICBwdWJsaWMgYWNjZXNzb3IgYWNjZXNzaWJpbGl0eUxhYmVsOiBzdHJpbmcgPSAnTG9nbyc7XG5cbiAgcHJvdGVjdGVkIG92ZXJyaWRlIHJlbmRlcigpOiBUZW1wbGF0ZVJlc3VsdCB7XG4gICAgcmV0dXJuIGh0bWxgXG4gICAgICA8c3BhbiBjbGFzcz1cInNiYi1sb2dvX19zdmctY29udGFpbmVyXCI+XG4gICAgICAgIDxzdmcgZm9jdXNhYmxlPVwiZmFsc2VcIiB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCIgdmlld0JveD1cIjAgMCA0NTQgNDhcIj5cbiAgICAgICAgICA8dGl0bGUgLnRleHRDb250ZW50PSR7dGhpcy5hY2Nlc3NpYmlsaXR5TGFiZWx9PjwvdGl0bGU+XG4gICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgIGlkPVwic2JiLWxvZ29fX3dvcmQtbWFya1wiXG4gICAgICAgICAgICBkPVwiTTIzOC4yIDM0LjZjNC4xIDAgNi4yLTEuNCA2LjItNC41IDAtMy4yLTItNC42LTYuNi00LjZoLTd2OWg3LjR6bS0uNC0xNC40YzMuNSAwIDUuNi0xLjQgNS42LTMuOCAwLTIuNy0xLjktNC01LjctNGgtN3Y3LjhoNy4xem0xLjEtMTMuNGM3LjMgMCAxMS40IDMuMSAxMS40IDguNSAwIDMtMS40IDUuMS00LjYgNi45IDQuMSAxLjUgNS45IDQuMSA1LjkgOC41IDAgNS45LTQuNiA5LjYtMTEuOSA5LjZoLTE1LjlWNi44aDE1LjF6bS0zMy43IDI3LjhjNC4xIDAgNi4yLTEuNCA2LjItNC41IDAtMy4yLTItNC42LTYuNi00LjZIMTk4djloNy4yem0tLjMtMTQuNGMzLjUgMCA1LjYtMS40IDUuNi0zLjggMC0yLjctMS45LTQtNS43LTRIMTk4djcuOGg2Ljl6TTIwNiA2LjhjNy4zIDAgMTEuNCAzLjEgMTEuNCA4LjUgMCAzLTEuNCA1LjEtNC42IDYuOSA0LjEgMS41IDUuOSA0LjEgNS45IDguNSAwIDUuOS00LjYgOS42LTExLjkgOS42SDE5MVY2LjhoMTV6bS0yOCA5LjljLS40LTMuNC0yLjQtNS02LjUtNS0zLjQgMC01LjYgMS41LTUuNiAzLjkgMCAyIDEuMyAzLjIgNC4xIDMuN2w2IDFjNi40IDEuMSA5LjggNC42IDkuOCA5LjcgMCA2LjYtNS4zIDEwLjgtMTMuNyAxMC44LTguOSAwLTE0LjEtNC4zLTE0LjEtMTEuOWg3LjFjLjQgNC40IDIuNiA2LjIgNy4zIDYuMiAzLjYgMCA2LjItMS45IDYuMi00LjYgMC0yLjEtMS40LTMuNC00LjEtMy45bC01LjUtMWMtNy0xLjMtMTAuMi00LjMtMTAuMi05LjcgMC02LjIgNC45LTEwIDEyLjktMTAgNy44IDAgMTIuNyA0IDEyLjkgMTAuNmwtNi42LjJ6bTE1OC43LTMuOXY3LjhoMTV2NS44aC0xNXYxMy43aC03VjYuOGgyMy41djZoLTE2LjV6bS0yOS40IDB2Ny44aDE0Ljh2NS44aC0xNC44djEzLjdoLTdWNi44aDIzLjN2NmgtMTYuM3ptLTExLjggMTUuN0MyOTUgMzYuMiAyODkuMyA0MSAyODEgNDFjLTkuNCAwLTE1LjYtNi44LTE1LjYtMTcuNCAwLTEwLjUgNi40LTE3LjUgMTUuNy0xNy41IDguMSAwIDEzLjUgNC41IDE0LjEgMTEuNmgtN2MtLjgtMy44LTMuMi01LjctNy4xLTUuNy01LjMgMC04LjggNC42LTguOCAxMS42czMuNCAxMS42IDguNiAxMS42YzQuMyAwIDYuNy0yLjEgNy41LTYuN2g3LjF6bTE1MC43LTExLjhjLS40LTMuNC0yLjQtNS02LjUtNS0zLjQgMC01LjYgMS41LTUuNiAzLjkgMCAyIDEuMyAzLjIgNC4xIDMuN2w2IDFjNi40IDEuMSA5LjggNC42IDkuOCA5LjcgMCA2LjYtNS4zIDEwLjgtMTMuNyAxMC44LTguOSAwLTE0LTQuMy0xNC4xLTExLjloNy4xYy40IDQuNCAyLjYgNi4yIDcuMyA2LjIgMy43IDAgNi4yLTEuOSA2LjItNC42IDAtMi4xLTEuNC0zLjQtNC4xLTMuOWwtNS41LTFjLTctMS4zLTEwLjItNC4zLTEwLjItOS43IDAtNi4yIDQuOS0xMCAxMi45LTEwIDcuOCAwIDEyLjcgNCAxMyAxMC42bC02LjcuMnptLTQwLjQtMy45djcuOGgxNC45djUuOGgtMTQuOXYxMy43aC03VjYuOGgyMy40djZoLTE2LjR6bS0yOS43IDB2Ny44aDE1djUuOGgtMTV2MTMuN2gtN1Y2LjhoMjMuNXY2aC0xNi41elwiXG4gICAgICAgICAgPjwvcGF0aD5cbiAgICAgICAgICA8cGF0aCBpZD1cInNiYi1sb2dvX19wYW5lbFwiIHN0cm9rZS13aWR0aD1cIjFcIiBkPVwiTTEgNDdoMTQxVjFIMXY0NnpcIj48L3BhdGg+XG4gICAgICAgICAgPHBhdGhcbiAgICAgICAgICAgIGlkPVwic2JiLWxvZ29fX3NpZ25ldFwiXG4gICAgICAgICAgICBkPVwiTTg3IDQwaDkuM0w4My44IDI3LjdoMTUuNVY0MGg3LjRWMjcuN2gxNS42TDEwOS43IDQwaDkuM2wxNi0xNi0xNS45LTE2aC05LjNsMTIuNSAxMi4zaC0xNS42VjhoLTcuNHYxMi4zSDgzLjhMOTYuMyA4SDg3TDcxIDI0bDE2IDE2elwiXG4gICAgICAgICAgPjwvcGF0aD5cbiAgICAgICAgPC9zdmc+XG4gICAgICA8L3NwYW4+XG4gICAgYDtcbiAgfVxufVxuXG5kZWNsYXJlIGdsb2JhbCB7XG4gIGludGVyZmFjZSBIVE1MRWxlbWVudFRhZ05hbWVNYXAge1xuICAgIC8vIGVzbGludC1kaXNhYmxlLW5leHQtbGluZSBAdHlwZXNjcmlwdC1lc2xpbnQvbmFtaW5nLWNvbnZlbnRpb25cbiAgICAnc2JiLWxvZ28nOiBTYmJMb2dvRWxlbWVudDtcbiAgfVxufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7SUFpQmEsa0JBQWMsTUFBQTs7b0JBQVMsaUJBQWlCLFVBQVU7Ozs7Ozs7QUFBbEQsU0FBQSxtQkFBdUIsWUFBNEI7QUFBQTs7QUFNOUQsMkRBQUEsa0JBQUEsTUFBQSw4QkFBb0QsT0FBTztBQUszRCxnRUFBQSxrQkFBQSxNQUFBLGlDQUFBLEdBQUEsa0JBQUEsTUFBQSxrQ0FBNkMsTUFBTTs7OztJQUxuRCxJQUFnQixpQkFBYztBQUFBLGFBQUEsbUJBQUE7QUFBQSxJQUFBO0FBQUEsSUFBOUIsSUFBZ0IsZUFBYyxPQUFBO0FBQUEseUJBQUEsa0NBQUE7QUFBQSxJQUFBO0FBQUE7QUFBQSxJQUs5QixJQUFnQixxQkFBa0I7QUFBQSxhQUFBLG1CQUFBO0FBQUEsSUFBQTtBQUFBLElBQWxDLElBQWdCLG1CQUFrQixPQUFBO0FBQUEseUJBQUEsc0NBQUE7QUFBQSxJQUFBO0FBQUEsSUFFZixTQUFNO0FBQ3ZCLGFBQU87QUFBQTtBQUFBO0FBQUEsZ0NBR3FCLEtBQUssa0JBQWtCO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUEsSUFhckQ7QUFBQSxLQXhCQSxrREFLQTs7a0NBTkMsU0FBUyxFQUFFLFdBQVcsbUJBQW1CLFNBQVMsS0FBQSxDQUFNLENBQUM7c0NBSXpELGFBQ0EsU0FBUyxFQUFFLFdBQVcsc0JBQUEsQ0FBdUIsQ0FBQztBQUovQyxpQkFBQSxJQUFBLE1BQUEsNEJBQUEsRUFBQSxNQUFBLFlBQUEsTUFBQSxrQkFBQSxRQUFBLE9BQUEsU0FBQSxPQUFBLFFBQUEsRUFBQSxLQUFBLENBQUEsUUFBQSxvQkFBQSxLQUFBLEtBQUEsQ0FBQSxRQUFBLElBQWdCLGdCQUFjLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFkLGlCQUFjO0FBQUEsSUFBQSxLQUFBLFVBQUEsVUFBQSxHQUFBLDhCQUFBLGlDQUFBO0FBSzlCLGlCQUFBLElBQUEsTUFBQSxnQ0FBQSxFQUFBLE1BQUEsWUFBQSxNQUFBLHNCQUFBLFFBQUEsT0FBQSxTQUFBLE9BQUEsUUFBQSxFQUFBLEtBQUEsQ0FBQSxRQUFBLHdCQUFBLEtBQUEsS0FBQSxDQUFBLFFBQUEsSUFBZ0Isb0JBQWtCLEtBQUEsQ0FBQSxLQUFBLFVBQUE7QUFBQSxVQUFsQixxQkFBa0I7QUFBQSxJQUFBLEtBQUEsVUFBQSxVQUFBLEdBQUEsa0NBQUEscUNBQUE7O1FBVkYsR0FBQSxjQUFzQixZQUMvQixHQUFBLFNBQXlCLENBQUMsaUJBQWlCLEtBQUssR0FGNUQ7OyJ9
package/logo/logo.component.js CHANGED
@@ -1,69 +1,67 @@
1
- var _ = (o) => {
2
- throw TypeError(o);
1
+ var _ = (t) => {
2
+ throw TypeError(t);
3
3
  };
4
- var u = (o, t, e) => t.has(o) || _("Cannot " + e);
5
- var n = (o, t, e) => (u(o, t, "read from private field"), e ? e.call(o) : t.get(o)), g = (o, t, e) => t.has(o) ? _("Cannot add the same private member more than once") : t instanceof WeakSet ? t.add(o) : t.set(o, e), m = (o, t, e, l) => (u(o, t, "write to private field"), l ? l.call(o, e) : t.set(o, e), e);
6
- import { __esDecorate as f, __runInitializers as b } from "tslib";
4
+ var u = (t, e, o) => e.has(t) || _("Cannot " + o);
5
+ var n = (t, e, o) => (u(t, e, "read from private field"), o ? o.call(t) : e.get(t)), m = (t, e, o) => e.has(t) ? _("Cannot add the same private member more than once") : e instanceof WeakSet ? e.add(t) : e.set(t, o), v = (t, e, o, r) => (u(t, e, "write to private field"), r ? r.call(t, o) : e.set(t, o), o);
6
+ import { __esDecorate as f, __runInitializers as h } from "tslib";
7
7
  import { css as z, html as w } from "lit";
8
8
  import { property as y } from "lit/decorators.js";
9
- import { SbbElement as k } from "../core/base-elements.js";
9
+ import { SbbElement as L } from "../core/base-elements.js";
10
10
  import { forceType as x } from "../core/decorators.js";
11
- import { SbbNegativeMixin as L } from "../core/mixins.js";
11
+ import { SbbNegativeMixin as k } from "../core/mixins.js";
12
12
  import { boxSizingStyles as R } from "../core/styles.js";
13
- const V = z`:host{display:block;height:var(--sbb-logo-height);--sbb-logo-panel-color: var(--sbb-color-brand);--sbb-logo-signet-color: var(--sbb-color-white);--sbb-logo-word-mark-color: var(--sbb-color-black);--sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));--sbb-logo-aspect-ratio: 454 / 48;--sbb-logo-svg-container-height: auto;--sbb-logo-background-color: none}@media(forced-colors:active){:host{--sbb-logo-panel-color: ButtonText !important;--sbb-logo-signet-color: Canvas !important;--sbb-logo-word-mark-color: ButtonText !important}}:host([negative]){--sbb-logo-word-mark-color: var(--sbb-color-white)}:host([protective-room=minimal]){--sbb-logo-aspect-ratio: 502 / 96;--sbb-logo-svg-container-height: 50%}:host([protective-room=ideal]){--sbb-logo-aspect-ratio: 550 / 144;--sbb-logo-svg-container-height: calc(48 / 144 * 100%)}.sbb-logo{display:flex;align-items:center;justify-content:center;background-color:var(--sbb-logo-background-color);aspect-ratio:var(--sbb-logo-aspect-ratio);height:100%;width:100%}.sbb-logo .sbb-logo__svg-container{display:flex;height:var(--sbb-logo-svg-container-height)}.sbb-logo svg{width:100%;height:100%}#sbb-logo__word-mark{fill:var(--sbb-logo-word-mark-color)}#sbb-logo__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-color)}#sbb-logo__signet{fill:var(--sbb-logo-signet-color)}`;
14
- let O = (() => {
15
- var r, c, a;
16
- let o = L(k), t, e = [], l = [], v, p = [], d = [];
17
- return a = class extends o {
13
+ const V = z`:host{display:flex;align-items:center;justify-content:center;height:var(--sbb-logo-height);aspect-ratio:var(--sbb-logo-aspect-ratio);background-color:var(--sbb-logo-background-color, none)}@media(forced-colors:active){:host{--sbb-logo-word-mark-color: ButtonText !important}}:host([negative]){--sbb-logo-word-mark-color: var(--sbb-color-white)}:host([protective-room=minimal]){--sbb-logo-aspect-ratio: 502 / 96;--sbb-logo-svg-container-height: 50%}:host([protective-room=ideal]){--sbb-logo-aspect-ratio: 550 / 144;--sbb-logo-svg-container-height: calc(48 / 144 * 100%)}.sbb-logo__svg-container{display:flex;height:var(--sbb-logo-svg-container-height, auto)}svg{width:100%;height:100%}#sbb-logo__word-mark{fill:var(--sbb-logo-word-mark-color)}#sbb-logo__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-color)}#sbb-logo__signet{fill:var(--sbb-logo-signet-color)}`;
14
+ let T = (() => {
15
+ var l, c, s;
16
+ let t = k(L), e, o = [], r = [], g, p = [], d = [];
17
+ return s = class extends t {
18
18
  constructor() {
19
19
  super(...arguments);
20
- g(this, r, b(this, e, "ideal"));
21
- g(this, c, (b(this, l), b(this, p, "Logo")));
22
- b(this, d);
20
+ m(this, l, h(this, o, "ideal"));
21
+ m(this, c, (h(this, r), h(this, p, "Logo")));
22
+ h(this, d);
23
23
  }
24
24
  /** Visual protective room around logo. */
25
25
  get protectiveRoom() {
26
- return n(this, r);
26
+ return n(this, l);
27
27
  }
28
- set protectiveRoom(i) {
29
- m(this, r, i);
28
+ set protectiveRoom(a) {
29
+ v(this, l, a);
30
30
  }
31
31
  /** Accessibility label which will be forwarded to the SVG logo. */
32
32
  get accessibilityLabel() {
33
33
  return n(this, c);
34
34
  }
35
- set accessibilityLabel(i) {
36
- m(this, c, i);
35
+ set accessibilityLabel(a) {
36
+ v(this, c, a);
37
37
  }
38
38
  render() {
39
39
  return w`
40
- <span class="sbb-logo">
41
- <span class="sbb-logo__svg-container">
42
- <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 48">
43
- <title .textContent=${this.accessibilityLabel}></title>
44
- <path
45
- id="sbb-logo__word-mark"
46
- d="M238.2 34.6c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6h-7v9h7.4zm-.4-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4h-7v7.8h7.1zm1.1-13.4c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6h-15.9V6.8h15.1zm-33.7 27.8c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6H198v9h7.2zm-.3-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4H198v7.8h6.9zM206 6.8c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6H191V6.8h15zm-28 9.9c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14.1-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.6 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 12.9 10.6l-6.6.2zm158.7-3.9v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5zm-29.4 0v7.8h14.8v5.8h-14.8v13.7h-7V6.8h23.3v6h-16.3zm-11.8 15.7C295 36.2 289.3 41 281 41c-9.4 0-15.6-6.8-15.6-17.4 0-10.5 6.4-17.5 15.7-17.5 8.1 0 13.5 4.5 14.1 11.6h-7c-.8-3.8-3.2-5.7-7.1-5.7-5.3 0-8.8 4.6-8.8 11.6s3.4 11.6 8.6 11.6c4.3 0 6.7-2.1 7.5-6.7h7.1zm150.7-11.8c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.7 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 13 10.6l-6.7.2zm-40.4-3.9v7.8h14.9v5.8h-14.9v13.7h-7V6.8h23.4v6h-16.4zm-29.7 0v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5z"
47
- ></path>
48
- <path id="sbb-logo__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
49
- <path
50
- id="sbb-logo__signet"
51
- d="M87 40h9.3L83.8 27.7h15.5V40h7.4V27.7h15.6L109.7 40h9.3l16-16-15.9-16h-9.3l12.5 12.3h-15.6V8h-7.4v12.3H83.8L96.3 8H87L71 24l16 16z"
52
- ></path>
53
- </svg>
54
- </span>
40
+ <span class="sbb-logo__svg-container">
41
+ <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 48">
42
+ <title .textContent=${this.accessibilityLabel}></title>
43
+ <path
44
+ id="sbb-logo__word-mark"
45
+ d="M238.2 34.6c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6h-7v9h7.4zm-.4-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4h-7v7.8h7.1zm1.1-13.4c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6h-15.9V6.8h15.1zm-33.7 27.8c4.1 0 6.2-1.4 6.2-4.5 0-3.2-2-4.6-6.6-4.6H198v9h7.2zm-.3-14.4c3.5 0 5.6-1.4 5.6-3.8 0-2.7-1.9-4-5.7-4H198v7.8h6.9zM206 6.8c7.3 0 11.4 3.1 11.4 8.5 0 3-1.4 5.1-4.6 6.9 4.1 1.5 5.9 4.1 5.9 8.5 0 5.9-4.6 9.6-11.9 9.6H191V6.8h15zm-28 9.9c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14.1-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.6 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 12.9 10.6l-6.6.2zm158.7-3.9v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5zm-29.4 0v7.8h14.8v5.8h-14.8v13.7h-7V6.8h23.3v6h-16.3zm-11.8 15.7C295 36.2 289.3 41 281 41c-9.4 0-15.6-6.8-15.6-17.4 0-10.5 6.4-17.5 15.7-17.5 8.1 0 13.5 4.5 14.1 11.6h-7c-.8-3.8-3.2-5.7-7.1-5.7-5.3 0-8.8 4.6-8.8 11.6s3.4 11.6 8.6 11.6c4.3 0 6.7-2.1 7.5-6.7h7.1zm150.7-11.8c-.4-3.4-2.4-5-6.5-5-3.4 0-5.6 1.5-5.6 3.9 0 2 1.3 3.2 4.1 3.7l6 1c6.4 1.1 9.8 4.6 9.8 9.7 0 6.6-5.3 10.8-13.7 10.8-8.9 0-14-4.3-14.1-11.9h7.1c.4 4.4 2.6 6.2 7.3 6.2 3.7 0 6.2-1.9 6.2-4.6 0-2.1-1.4-3.4-4.1-3.9l-5.5-1c-7-1.3-10.2-4.3-10.2-9.7 0-6.2 4.9-10 12.9-10 7.8 0 12.7 4 13 10.6l-6.7.2zm-40.4-3.9v7.8h14.9v5.8h-14.9v13.7h-7V6.8h23.4v6h-16.4zm-29.7 0v7.8h15v5.8h-15v13.7h-7V6.8h23.5v6h-16.5z"
46
+ ></path>
47
+ <path id="sbb-logo__panel" stroke-width="1" d="M1 47h141V1H1v46z"></path>
48
+ <path
49
+ id="sbb-logo__signet"
50
+ d="M87 40h9.3L83.8 27.7h15.5V40h7.4V27.7h15.6L109.7 40h9.3l16-16-15.9-16h-9.3l12.5 12.3h-15.6V8h-7.4v12.3H83.8L96.3 8H87L71 24l16 16z"
51
+ ></path>
52
+ </svg>
55
53
  </span>
56
54
  `;
57
55
  }
58
- }, r = new WeakMap(), c = new WeakMap(), (() => {
59
- const i = typeof Symbol == "function" && Symbol.metadata ? Object.create(o[Symbol.metadata] ?? null) : void 0;
60
- t = [y({ attribute: "protective-room", reflect: !0 })], v = [x(), y({ attribute: "accessibility-label" })], f(a, null, t, { kind: "accessor", name: "protectiveRoom", static: !1, private: !1, access: { has: (s) => "protectiveRoom" in s, get: (s) => s.protectiveRoom, set: (s, h) => {
61
- s.protectiveRoom = h;
62
- } }, metadata: i }, e, l), f(a, null, v, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (s) => "accessibilityLabel" in s, get: (s) => s.accessibilityLabel, set: (s, h) => {
63
- s.accessibilityLabel = h;
64
- } }, metadata: i }, p, d), i && Object.defineProperty(a, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: i });
65
- })(), a.elementName = "sbb-logo", a.styles = [R, V], a;
56
+ }, l = new WeakMap(), c = new WeakMap(), (() => {
57
+ const a = typeof Symbol == "function" && Symbol.metadata ? Object.create(t[Symbol.metadata] ?? null) : void 0;
58
+ e = [y({ attribute: "protective-room", reflect: !0 })], g = [x(), y({ attribute: "accessibility-label" })], f(s, null, e, { kind: "accessor", name: "protectiveRoom", static: !1, private: !1, access: { has: (i) => "protectiveRoom" in i, get: (i) => i.protectiveRoom, set: (i, b) => {
59
+ i.protectiveRoom = b;
60
+ } }, metadata: a }, o, r), f(s, null, g, { kind: "accessor", name: "accessibilityLabel", static: !1, private: !1, access: { has: (i) => "accessibilityLabel" in i, get: (i) => i.accessibilityLabel, set: (i, b) => {
61
+ i.accessibilityLabel = b;
62
+ } }, metadata: a }, p, d), a && Object.defineProperty(s, Symbol.metadata, { enumerable: !0, configurable: !0, writable: !0, value: a });
63
+ })(), s.elementName = "sbb-logo", s.styles = [R, V], s;
66
64
  })();
67
65
  export {
68
- O as SbbLogoElement
66
+ T as SbbLogoElement
69
67
  };
package/off-brand-theme.css CHANGED
@@ -1626,9 +1626,6 @@ summary {
1626
1626
  --sbb-header-environment-rotate: 45deg;
1627
1627
  --sbb-icon-sidebar-background-color: var(--sbb-background-color-1);
1628
1628
  --sbb-icon-sidebar-border-radius: var(--sbb-border-radius-8x);
1629
- --sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
1630
- --sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
1631
- --sbb-block-link-font-size: var(--sbb-text-font-size-s);
1632
1629
  --sbb-lead-container-background-color: var(--sbb-background-color-1);
1633
1630
  --sbb-lead-container-image-ratio: 2 / 1;
1634
1631
  --sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);
@@ -1637,6 +1634,14 @@ summary {
1637
1634
  --sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);
1638
1635
  --sbb-lead-container-border-radius: var(--sbb-border-radius-6x);
1639
1636
  --sbb-lead-container-image-border-radius: 0;
1637
+ --sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
1638
+ --sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
1639
+ --sbb-block-link-font-size: var(--sbb-text-font-size-s);
1640
+ --sbb-logo-panel-color: var(--sbb-color-brand);
1641
+ --sbb-logo-signet-color: var(--sbb-color-white);
1642
+ --sbb-logo-word-mark-color: var(--sbb-color-black);
1643
+ --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
1644
+ --sbb-logo-aspect-ratio: 454 / 48;
1640
1645
  --sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
1641
1646
  --sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
1642
1647
  --sbb-message-image-border-radius: var(--sbb-border-radius-4x);
@@ -1768,6 +1773,8 @@ summary {
1768
1773
  --sbb-header-action-active-border-width: 0;
1769
1774
  --sbb-expansion-panel-header-text-color: ButtonText;
1770
1775
  --sbb-form-field-border-color: ButtonBorder;
1776
+ --sbb-logo-panel-color: ButtonText !important;
1777
+ --sbb-logo-signet-color: Canvas !important;
1771
1778
  --sbb-visual-checkbox-selection-color: Canvas;
1772
1779
  --sbb-visual-checkbox-selection-color-negative: Canvas;
1773
1780
  --sbb-visual-checkbox-selection-color-disabled: Canvas;
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "4.7.0-dev.1773276117",
3
+ "version": "4.7.0-dev.1773304638",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
9
  "storybook",
10
- "https://github.com/sbb-design-systems/lyne-components/commit/f7454ffd8fecd697e8160ba8328bef2045b39b82"
10
+ "https://github.com/sbb-design-systems/lyne-components/commit/2fe70981400f755c2a31e72450ab991482067840"
11
11
  ],
12
12
  "type": "module",
13
13
  "exports": {
package/safety-theme.css CHANGED
@@ -1626,9 +1626,6 @@ summary {
1626
1626
  --sbb-header-environment-rotate: 45deg;
1627
1627
  --sbb-icon-sidebar-background-color: var(--sbb-background-color-1);
1628
1628
  --sbb-icon-sidebar-border-radius: var(--sbb-border-radius-8x);
1629
- --sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
1630
- --sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
1631
- --sbb-block-link-font-size: var(--sbb-text-font-size-s);
1632
1629
  --sbb-lead-container-background-color: var(--sbb-background-color-1);
1633
1630
  --sbb-lead-container-image-ratio: 2 / 1;
1634
1631
  --sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);
@@ -1637,6 +1634,14 @@ summary {
1637
1634
  --sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);
1638
1635
  --sbb-lead-container-border-radius: var(--sbb-border-radius-6x);
1639
1636
  --sbb-lead-container-image-border-radius: 0;
1637
+ --sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
1638
+ --sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
1639
+ --sbb-block-link-font-size: var(--sbb-text-font-size-s);
1640
+ --sbb-logo-panel-color: var(--sbb-color-brand);
1641
+ --sbb-logo-signet-color: var(--sbb-color-white);
1642
+ --sbb-logo-word-mark-color: var(--sbb-color-black);
1643
+ --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
1644
+ --sbb-logo-aspect-ratio: 454 / 48;
1640
1645
  --sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
1641
1646
  --sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
1642
1647
  --sbb-message-image-border-radius: var(--sbb-border-radius-4x);
@@ -1768,6 +1773,8 @@ summary {
1768
1773
  --sbb-header-action-active-border-width: 0;
1769
1774
  --sbb-expansion-panel-header-text-color: ButtonText;
1770
1775
  --sbb-form-field-border-color: ButtonBorder;
1776
+ --sbb-logo-panel-color: ButtonText !important;
1777
+ --sbb-logo-signet-color: Canvas !important;
1771
1778
  --sbb-visual-checkbox-selection-color: Canvas;
1772
1779
  --sbb-visual-checkbox-selection-color-negative: Canvas;
1773
1780
  --sbb-visual-checkbox-selection-color-disabled: Canvas;
package/standard-theme.css CHANGED
@@ -1626,9 +1626,6 @@ summary {
1626
1626
  --sbb-header-environment-rotate: 45deg;
1627
1627
  --sbb-icon-sidebar-background-color: var(--sbb-background-color-1);
1628
1628
  --sbb-icon-sidebar-border-radius: var(--sbb-border-radius-8x);
1629
- --sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
1630
- --sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
1631
- --sbb-block-link-font-size: var(--sbb-text-font-size-s);
1632
1629
  --sbb-lead-container-background-color: var(--sbb-background-color-1);
1633
1630
  --sbb-lead-container-image-ratio: 2 / 1;
1634
1631
  --sbb-lead-container-image-overlap: var(--sbb-spacing-fixed-24x);
@@ -1637,6 +1634,14 @@ summary {
1637
1634
  --sbb-lead-container-padding-inline: var(--sbb-layout-base-offset-responsive);
1638
1635
  --sbb-lead-container-border-radius: var(--sbb-border-radius-6x);
1639
1636
  --sbb-lead-container-image-border-radius: 0;
1637
+ --sbb-block-link-gap: var(--sbb-spacing-fixed-1x);
1638
+ --sbb-block-link-icon-size: var(--sbb-size-icon-ui-small);
1639
+ --sbb-block-link-font-size: var(--sbb-text-font-size-s);
1640
+ --sbb-logo-panel-color: var(--sbb-color-brand);
1641
+ --sbb-logo-signet-color: var(--sbb-color-white);
1642
+ --sbb-logo-word-mark-color: var(--sbb-color-black);
1643
+ --sbb-logo-word-mark-color: light-dark(var(--sbb-color-black), var(--sbb-color-white));
1644
+ --sbb-logo-aspect-ratio: 454 / 48;
1640
1645
  --sbb-message-action-margin-block: var(--sbb-spacing-responsive-xxxs) 0;
1641
1646
  --sbb-message-image-margin-block: 0 var(--sbb-spacing-responsive-s);
1642
1647
  --sbb-message-image-border-radius: var(--sbb-border-radius-4x);
@@ -1768,6 +1773,8 @@ summary {
1768
1773
  --sbb-header-action-active-border-width: 0;
1769
1774
  --sbb-expansion-panel-header-text-color: ButtonText;
1770
1775
  --sbb-form-field-border-color: ButtonBorder;
1776
+ --sbb-logo-panel-color: ButtonText !important;
1777
+ --sbb-logo-signet-color: Canvas !important;
1771
1778
  --sbb-visual-checkbox-selection-color: Canvas;
1772
1779
  --sbb-visual-checkbox-selection-color-negative: Canvas;
1773
1780
  --sbb-visual-checkbox-selection-color-disabled: Canvas;