@sbb-esta/lyne-elements-dev 5.0.2-dev.1782128388 → 5.0.2-dev.1782131934

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 (5) hide show
  1. package/development/logo.pure.js +1 -1
  2. package/development/signet.pure.js +1 -1
  3. package/logo.pure.js +1 -1
  4. package/package.json +2 -2
  5. package/signet.pure.js +1 -1
package/development/logo.pure.js CHANGED
@@ -4,7 +4,7 @@ import { property } from "lit/decorators.js";
4
4
  import { SbbElement, SbbNegativeMixin, forceType } from "./core.js";
5
5
 
6
6
  //#region src/elements/logo/logo.scss?inline
7
- var logo_default = ":host {\n display: flex;\n align-items: center;\n justify-content: center;\n height: var(--sbb-logo-height);\n aspect-ratio: var(--sbb-logo-aspect-ratio);\n background-color: var(--sbb-logo-background-color, none);\n}\n@media (forced-colors: active) {\n :host {\n --sbb-logo-word-mark-color: ButtonText !important;\n }\n}\n\n:host([negative]) {\n --sbb-logo-word-mark-color: var(--sbb-color-white);\n}\n\n:host([protective-room=minimal]) {\n --sbb-logo-aspect-ratio: 502 / 96;\n --sbb-logo-svg-container-height: 50%;\n}\n\n:host([protective-room=ideal]) {\n --sbb-logo-aspect-ratio: 550 / 144;\n --sbb-logo-svg-container-height: calc(48 / 144 * 100%);\n}\n\n.sbb-logo__svg-container {\n display: flex;\n height: var(--sbb-logo-svg-container-height, auto);\n}\n\nsvg {\n width: 100%;\n height: 100%;\n}\n\n#sbb-logo__word-mark {\n fill: var(--sbb-logo-word-mark-color);\n}\n\n#sbb-logo__panel {\n fill: var(--sbb-logo-panel-color);\n stroke: var(--sbb-logo-panel-color);\n}\n\n#sbb-logo__signet {\n fill: var(--sbb-logo-signet-color);\n}\n";
7
+ var logo_default = ":host {\n display: flex;\n align-items: center;\n justify-content: center;\n height: var(--sbb-logo-height);\n aspect-ratio: var(--sbb-logo-aspect-ratio);\n background-color: var(--sbb-logo-background-color, none);\n}\n@media (forced-colors: active) {\n :host {\n --sbb-logo-word-mark-color: ButtonText !important;\n }\n}\n\n:host([negative]) {\n --sbb-logo-word-mark-color: var(--sbb-color-white);\n}\n\n:host([protective-room=minimal]) {\n --sbb-logo-aspect-ratio: 502 / 96;\n --sbb-logo-svg-container-height: 50%;\n}\n\n:host([protective-room=ideal]) {\n --sbb-logo-aspect-ratio: 550 / 144;\n --sbb-logo-svg-container-height: calc(48 / 144 * 100%);\n}\n\n.sbb-logo__svg-container {\n display: flex;\n height: var(--sbb-logo-svg-container-height, 100%);\n width: 100%;\n}\n\nsvg {\n width: 100%;\n height: 100%;\n}\n\n#sbb-logo__word-mark {\n fill: var(--sbb-logo-word-mark-color);\n}\n\n#sbb-logo__panel {\n fill: var(--sbb-logo-panel-color);\n stroke: var(--sbb-logo-panel-color);\n}\n\n#sbb-logo__signet {\n fill: var(--sbb-logo-signet-color);\n}\n";
8
8
 
9
9
  //#endregion
10
10
  //#region src/elements/logo/logo.component.ts
package/development/signet.pure.js CHANGED
@@ -4,7 +4,7 @@ import { property } from "lit/decorators.js";
4
4
  import { SbbElement, forceType } from "./core.js";
5
5
 
6
6
  //#region src/elements/signet/signet.scss?inline
7
- var signet_default = ":host {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--sbb-signet-background-color);\n aspect-ratio: var(--sbb-signet-aspect-ratio);\n height: var(--sbb-signet-height, auto);\n}\n\n:host([protective-room=minimal]) {\n --sbb-signet-aspect-ratio: 108 / 64;\n --sbb-signet-svg-container-height: calc(44 / 64 * 100%);\n}\n\n:host([protective-room=ideal]) {\n --sbb-signet-aspect-ratio: 128 / 84;\n --sbb-signet-svg-container-height: calc(44 / 84 * 100%);\n}\n\n:host([protective-room=panel]) {\n --sbb-signet-aspect-ratio: 143 / 48;\n --sbb-signet-background-color: unset;\n}\n\n.sbb-signet__svg-container {\n display: flex;\n height: var(--sbb-signet-svg-container-height, auto);\n}\n\nsvg {\n width: 100%;\n height: 100%;\n}\n\n#sbb-signet__panel {\n fill: var(--sbb-signet-panel-color);\n stroke: var(--sbb-signet-panel-color);\n}\n\n#sbb-signet__icon {\n fill: var(--sbb-signet-icon-color);\n}\n";
7
+ var signet_default = ":host {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--sbb-signet-background-color);\n aspect-ratio: var(--sbb-signet-aspect-ratio);\n height: var(--sbb-signet-height, auto);\n}\n\n:host([protective-room=minimal]) {\n --sbb-signet-aspect-ratio: 108 / 64;\n --sbb-signet-svg-container-height: calc(44 / 64 * 100%);\n}\n\n:host([protective-room=ideal]) {\n --sbb-signet-aspect-ratio: 128 / 84;\n --sbb-signet-svg-container-height: calc(44 / 84 * 100%);\n}\n\n:host([protective-room=panel]) {\n --sbb-signet-aspect-ratio: 143 / 48;\n --sbb-signet-background-color: unset;\n}\n\n.sbb-signet__svg-container {\n display: flex;\n height: var(--sbb-signet-svg-container-height, 100%);\n width: 100%;\n}\n\nsvg {\n width: 100%;\n height: 100%;\n}\n\n#sbb-signet__panel {\n fill: var(--sbb-signet-panel-color);\n stroke: var(--sbb-signet-panel-color);\n}\n\n#sbb-signet__icon {\n fill: var(--sbb-signet-icon-color);\n}\n";
8
8
 
9
9
  //#endregion
10
10
  //#region src/elements/signet/signet.component.ts
package/logo.pure.js CHANGED
@@ -1,4 +1,4 @@
1
- import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,unsafeCSS as r}from"lit";import{property as i}from"lit/decorators.js";import{SbbElement as a,SbbNegativeMixin as o,forceType as s}from"./core.js";var c=`:host{height:var(--sbb-logo-height);aspect-ratio:var(--sbb-logo-aspect-ratio);background-color:var(--sbb-logo-background-color,none);justify-content:center;align-items:center;display:flex}@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{height:var(--sbb-logo-svg-container-height,auto);display:flex}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)}
1
+ import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,unsafeCSS as r}from"lit";import{property as i}from"lit/decorators.js";import{SbbElement as a,SbbNegativeMixin as o,forceType as s}from"./core.js";var c=`:host{height:var(--sbb-logo-height);aspect-ratio:var(--sbb-logo-aspect-ratio);background-color:var(--sbb-logo-background-color,none);justify-content:center;align-items:center;display:flex}@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{height:var(--sbb-logo-svg-container-height,100%);width:100%;display:flex}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)}
2
2
  `;let l=(()=>{let l=o(a),u,d=[],f=[],p,m=[],h=[];return class extends l{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(l[Symbol.metadata]??null):void 0;u=[i({attribute:`protective-room`,reflect:!0})],p=[s(),i({attribute:`accessibility-label`})],e(this,null,u,{kind:`accessor`,name:`protectiveRoom`,static:!1,private:!1,access:{has:e=>`protectiveRoom`in e,get:e=>e.protectiveRoom,set:(e,t)=>{e.protectiveRoom=t}},metadata:t},d,f),e(this,null,p,{kind:`accessor`,name:`accessibilityLabel`,static:!1,private:!1,access:{has:e=>`accessibilityLabel`in e,get:e=>e.accessibilityLabel,set:(e,t)=>{e.accessibilityLabel=t}},metadata:t},m,h),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-logo`}static{this.styles=[r(c)]}#e=t(this,d,`ideal`);get protectiveRoom(){return this.#e}set protectiveRoom(e){this.#e=e}#t=(t(this,f),t(this,m,`Logo`));get accessibilityLabel(){return this.#t}set accessibilityLabel(e){this.#t=e}render(){return n`
3
3
  <span class="sbb-logo__svg-container">
4
4
  <svg focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 454 48">
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "5.0.2-dev.1782128388",
3
+ "version": "5.0.2-dev.1782131934",
4
4
  "description": "Lyne Design System",
5
5
  "keywords": [
6
6
  "design system",
7
7
  "web components",
8
8
  "lit",
9
- "https://github.com/sbb-design-systems/lyne-components/commit/b9c2528677e717bb77843918725529b834d56c44"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/bdfe95b454d0556b73c3a8ca30f570e3d19ed984"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
package/signet.pure.js CHANGED
@@ -1,4 +1,4 @@
1
- import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,unsafeCSS as r}from"lit";import{property as i}from"lit/decorators.js";import{SbbElement as a,forceType as o}from"./core.js";var s=`:host{background-color:var(--sbb-signet-background-color);aspect-ratio:var(--sbb-signet-aspect-ratio);height:var(--sbb-signet-height,auto);justify-content:center;align-items:center;display:flex}:host([protective-room=minimal]){--sbb-signet-aspect-ratio:108 / 64;--sbb-signet-svg-container-height:calc(44 / 64 * 100%)}:host([protective-room=ideal]){--sbb-signet-aspect-ratio:128 / 84;--sbb-signet-svg-container-height:calc(44 / 84 * 100%)}:host([protective-room=panel]){--sbb-signet-aspect-ratio:143 / 48;--sbb-signet-background-color:unset}.sbb-signet__svg-container{height:var(--sbb-signet-svg-container-height,auto);display:flex}svg{width:100%;height:100%}#sbb-signet__panel{fill:var(--sbb-signet-panel-color);stroke:var(--sbb-signet-panel-color)}#sbb-signet__icon{fill:var(--sbb-signet-icon-color)}
1
+ import{__esDecorate as e,__runInitializers as t}from"tslib";import{html as n,unsafeCSS as r}from"lit";import{property as i}from"lit/decorators.js";import{SbbElement as a,forceType as o}from"./core.js";var s=`:host{background-color:var(--sbb-signet-background-color);aspect-ratio:var(--sbb-signet-aspect-ratio);height:var(--sbb-signet-height,auto);justify-content:center;align-items:center;display:flex}:host([protective-room=minimal]){--sbb-signet-aspect-ratio:108 / 64;--sbb-signet-svg-container-height:calc(44 / 64 * 100%)}:host([protective-room=ideal]){--sbb-signet-aspect-ratio:128 / 84;--sbb-signet-svg-container-height:calc(44 / 84 * 100%)}:host([protective-room=panel]){--sbb-signet-aspect-ratio:143 / 48;--sbb-signet-background-color:unset}.sbb-signet__svg-container{height:var(--sbb-signet-svg-container-height,100%);width:100%;display:flex}svg{width:100%;height:100%}#sbb-signet__panel{fill:var(--sbb-signet-panel-color);stroke:var(--sbb-signet-panel-color)}#sbb-signet__icon{fill:var(--sbb-signet-icon-color)}
2
2
  `;let c=(()=>{let c=a,l,u=[],d=[],f,p=[],m=[];return class extends c{static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(c[Symbol.metadata]??null):void 0;l=[i({attribute:`protective-room`,reflect:!0})],f=[o(),i({attribute:`accessibility-label`})],e(this,null,l,{kind:`accessor`,name:`protectiveRoom`,static:!1,private:!1,access:{has:e=>`protectiveRoom`in e,get:e=>e.protectiveRoom,set:(e,t)=>{e.protectiveRoom=t}},metadata:t},u,d),e(this,null,f,{kind:`accessor`,name:`accessibilityLabel`,static:!1,private:!1,access:{has:e=>`accessibilityLabel`in e,get:e=>e.accessibilityLabel,set:(e,t)=>{e.accessibilityLabel=t}},metadata:t},p,m),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-signet`}static{this.styles=[r(s)]}#e=t(this,u,`ideal`);get protectiveRoom(){return this.#e}set protectiveRoom(e){this.#e=e}#t=(t(this,d),t(this,p,`Logo`));get accessibilityLabel(){return this.#t}set accessibilityLabel(e){this.#t=e}render(){return n`
3
3
  <span class="sbb-signet__svg-container">
4
4
  ${this.protectiveRoom===`panel`?n`