@sbb-esta/lyne-elements-dev 5.0.2-dev.1782128965 → 5.0.2-dev.1782139966
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.
- package/development/logo.pure.js +1 -1
- package/development/signet.pure.js +1 -1
- package/logo.pure.js +1 -1
- package/package.json +2 -2
- 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,
|
|
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
|
|
@@ -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,
|
|
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,
|
|
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.
|
|
3
|
+
"version": "5.0.2-dev.1782139966",
|
|
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/
|
|
9
|
+
"https://github.com/sbb-design-systems/lyne-components/commit/bcbead43513d3134fd7bdb15ff5ceb578f4ba991"
|
|
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,
|
|
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`
|