@sbb-esta/lyne-elements-dev 5.9.0-dev.1790241336 → 5.9.0-dev.1790246342
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/logo.pure.js +1 -1
- package/package.json +2 -2
package/development/logo.pure.js
CHANGED
|
@@ -4,7 +4,7 @@ import { property } from "lit/decorators.js";
|
|
|
4
4
|
import { SbbElement, SbbLanguageController, SbbNegativeMixin, forceType, i18nLogo125Anniversary, i18nLogo125AnniversaryYears } from "./core.js";
|
|
5
5
|
|
|
6
6
|
//#region src/elements/logo/logo-anniversary/logo-anniversary.scss?inline
|
|
7
|
-
var logo_anniversary_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
|
|
7
|
+
var logo_anniversary_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 position: relative;\n}\n@media (forced-colors: active) {\n :host {\n --sbb-logo-word-mark-color: ButtonText !important;\n }\n}\n:host {\n --_sbb-logo-anniversary-signet-width: 143px;\n --sbb-logo-anniversary-bounce-delay: var(\n --sbb-disable-animation-duration,\n var(--sbb-animation-duration-2x)\n );\n --sbb-logo-anniversary-125-pull-out-delay: var(\n --sbb-disable-animation-duration,\n var(--sbb-logo-anniversary-initial-delay)\n );\n --sbb-logo-anniversary-125-pull-out-duration: var(--sbb-disable-animation-duration, 0.6s);\n --sbb-logo-anniversary-word-mark-delay: var(\n --sbb-disable-animation-duration,\n calc(var(--sbb-logo-anniversary-initial-delay) + 0.6s)\n );\n --sbb-logo-anniversary-word-mark-duration: var(--sbb-disable-animation-duration, 0.6s);\n --sbb-logo-anniversary-claim-delay: var(\n --sbb-disable-animation-duration,\n calc(var(--sbb-logo-anniversary-initial-delay) + 1.8s)\n );\n --sbb-logo-anniversary-claim-duration: var(--sbb-disable-animation-duration, 0.8s);\n}\n\n:host([negative]) {\n --sbb-logo-word-mark-color: var(--sbb-color-white);\n}\n\n.lang-en {\n --_sbb-logo-anniversary-signet-left-offset: var(--sbb-logo-anniversary-signet-left-offset-en);\n --_sbb-logo-anniversary-claim-top-offset: var(--sbb-logo-anniversary-claim-top-offset-en);\n --_sbb-logo-anniversary-claim-font-size: var(--sbb-logo-anniversary-claim-font-size-en);\n}\n\n.lang-de {\n --_sbb-logo-anniversary-signet-left-offset: var(--sbb-logo-anniversary-signet-left-offset-de);\n --_sbb-logo-anniversary-claim-top-offset: var(--sbb-logo-anniversary-claim-top-offset-de);\n --_sbb-logo-anniversary-claim-font-size: var(--sbb-logo-anniversary-claim-font-size-de);\n}\n\n.lang-fr {\n --_sbb-logo-anniversary-signet-left-offset: var(--sbb-logo-anniversary-signet-left-offset-fr);\n --_sbb-logo-anniversary-claim-top-offset: var(--sbb-logo-anniversary-claim-top-offset-fr);\n --_sbb-logo-anniversary-claim-font-size: var(--sbb-logo-anniversary-claim-font-size-fr);\n}\n\n.lang-it {\n --_sbb-logo-anniversary-signet-left-offset: var(--sbb-logo-anniversary-signet-left-offset-it);\n --_sbb-logo-anniversary-claim-top-offset: var(--sbb-logo-anniversary-claim-top-offset-it);\n --_sbb-logo-anniversary-claim-font-size: var(--sbb-logo-anniversary-claim-font-size-it);\n}\n\nsvg {\n position: absolute;\n inset: 0 auto auto 0;\n}\n\n#sbb-logo-anniversary-letter-mask,\n#sbb-logo-anniversary__panel,\n#sbb-logo-anniversary__signet {\n animation: move-to-origin var(--sbb-logo-anniversary-word-mark-duration) var(--sbb-logo-anniversary-word-mark-delay) var(--sbb-logo-anniversary-word-mark-easing) forwards;\n}\n\n#sbb-logo-anniversary-letter-mask {\n translate: calc(var(--_sbb-logo-anniversary-signet-left-offset) + var(--_sbb-logo-anniversary-signet-width)) 0;\n}\n\n#sbb-logo-anniversary__word-mark,\n#sbb-logo-anniversary__125-years {\n clip-path: url(\"#sbb-logo-anniversary-letter-mask\");\n}\n\n#sbb-logo-anniversary__125-years :is(text, rect) {\n --_sbb-logo-anniversary-signet-end-offset: calc(\n var(--_sbb-logo-anniversary-signet-left-offset) + var(--_sbb-logo-anniversary-signet-width) +\n 11px\n );\n font-size: 47px;\n letter-spacing: 0.0078em;\n font-weight: bold;\n fill: var(--sbb-logo-word-mark-color);\n animation: pull-out var(--sbb-logo-anniversary-125-pull-out-duration) var(--sbb-logo-anniversary-125-pull-out-delay) var(--sbb-logo-anniversary-125-pull-out-easing) forwards;\n}\n#sbb-logo-anniversary__125-years :is(text, rect):first-child {\n translate: var(--_sbb-logo-anniversary-signet-end-offset) 0;\n}\n#sbb-logo-anniversary__125-years :is(text, rect):nth-child(2) {\n translate: calc(var(--_sbb-logo-anniversary-signet-end-offset) + 93px) 0;\n animation-delay: calc(var(--sbb-logo-anniversary-125-pull-out-delay) + var(--sbb-logo-anniversary-bounce-delay));\n}\n#sbb-logo-anniversary__125-years :is(text, rect):nth-child(3) {\n animation-delay: calc(var(--sbb-logo-anniversary-125-pull-out-delay) + 2 * var(--sbb-logo-anniversary-bounce-delay));\n}\n\n#sbb-logo-anniversary__word-mark path {\n fill: var(--sbb-logo-word-mark-color);\n translate: -100% 0;\n opacity: 0;\n animation: pull-in var(--sbb-logo-anniversary-word-mark-duration) var(--sbb-logo-anniversary-word-mark-delay) var(--sbb-logo-anniversary-word-mark-easing) forwards;\n}\n#sbb-logo-anniversary__word-mark path:nth-child(1) {\n animation-delay: calc(var(--sbb-logo-anniversary-word-mark-delay) + 2 * var(--sbb-logo-anniversary-bounce-delay));\n}\n#sbb-logo-anniversary__word-mark path:nth-child(2) {\n animation-delay: calc(var(--sbb-logo-anniversary-word-mark-delay) + var(--sbb-logo-anniversary-bounce-delay));\n}\n\n#sbb-logo-anniversary__panel,\n#sbb-logo-anniversary__signet {\n translate: var(--_sbb-logo-anniversary-signet-left-offset) 0;\n}\n\n#sbb-logo-anniversary__panel {\n fill: var(--sbb-logo-panel-color);\n stroke: var(--sbb-logo-panel-color);\n}\n\n#sbb-logo-anniversary__signet {\n fill: var(--sbb-logo-signet-color);\n}\n\n#sbb-logo-anniversary__claim {\n translate: 0 var(--_sbb-logo-anniversary-claim-top-offset);\n font-size: var(--_sbb-logo-anniversary-claim-font-size);\n letter-spacing: var(--sbb-letter-spacing-text);\n fill: var(--sbb-logo-word-mark-color);\n opacity: 0;\n animation: fade-in var(--sbb-logo-anniversary-claim-duration) var(--sbb-logo-anniversary-claim-delay) var(--sbb-logo-anniversary-claim-easing) forwards;\n}\n\n@keyframes move-to-origin {\n 100% {\n translate: 0;\n }\n}\n@keyframes pull-out {\n 80% {\n opacity: 0;\n }\n 100% {\n translate: -100% 0;\n display: none;\n }\n}\n@keyframes pull-in {\n 20% {\n opacity: 0;\n }\n 100% {\n translate: 0;\n opacity: 1;\n }\n}\n@keyframes fade-in {\n 100% {\n opacity: 1;\n }\n}\n";
|
|
8
8
|
|
|
9
9
|
//#endregion
|
|
10
10
|
//#region src/elements/logo/logo-anniversary/logo-anniversary.component.ts
|
package/logo.pure.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{__esDecorate as e,__runInitializers as t}from"tslib";import{LitElement as n,html as r,isServer as i,unsafeCSS as a}from"lit";import{property as o}from"lit/decorators.js";import{SbbElement as s,SbbLanguageController as c,SbbNegativeMixin as l,forceType as u,i18nLogo125Anniversary as d,i18nLogo125AnniversaryYears as f}from"./core.js";var p=`:host{height:var(--sbb-logo-height);aspect-ratio:var(--sbb-logo-aspect-ratio);
|
|
1
|
+
import{__esDecorate as e,__runInitializers as t}from"tslib";import{LitElement as n,html as r,isServer as i,unsafeCSS as a}from"lit";import{property as o}from"lit/decorators.js";import{SbbElement as s,SbbLanguageController as c,SbbNegativeMixin as l,forceType as u,i18nLogo125Anniversary as d,i18nLogo125AnniversaryYears as f}from"./core.js";var p=`:host{height:var(--sbb-logo-height);aspect-ratio:var(--sbb-logo-aspect-ratio);justify-content:center;align-items:center;display:flex;position:relative}@media (forced-colors:active){:host{--sbb-logo-word-mark-color:ButtonText!important}}:host{--_sbb-logo-anniversary-signet-width:143px;--sbb-logo-anniversary-bounce-delay:var(--sbb-disable-animation-duration,var(--sbb-animation-duration-2x));--sbb-logo-anniversary-125-pull-out-delay:var(--sbb-disable-animation-duration,var(--sbb-logo-anniversary-initial-delay));--sbb-logo-anniversary-125-pull-out-duration:var(--sbb-disable-animation-duration,.6s);--sbb-logo-anniversary-word-mark-delay:var(--sbb-disable-animation-duration,calc(var(--sbb-logo-anniversary-initial-delay) + .6s));--sbb-logo-anniversary-word-mark-duration:var(--sbb-disable-animation-duration,.6s);--sbb-logo-anniversary-claim-delay:var(--sbb-disable-animation-duration,calc(var(--sbb-logo-anniversary-initial-delay) + 1.8s));--sbb-logo-anniversary-claim-duration:var(--sbb-disable-animation-duration,.8s)}:host([negative]){--sbb-logo-word-mark-color:var(--sbb-color-white)}.lang-en{--_sbb-logo-anniversary-signet-left-offset:var(--sbb-logo-anniversary-signet-left-offset-en);--_sbb-logo-anniversary-claim-top-offset:var(--sbb-logo-anniversary-claim-top-offset-en);--_sbb-logo-anniversary-claim-font-size:var(--sbb-logo-anniversary-claim-font-size-en)}.lang-de{--_sbb-logo-anniversary-signet-left-offset:var(--sbb-logo-anniversary-signet-left-offset-de);--_sbb-logo-anniversary-claim-top-offset:var(--sbb-logo-anniversary-claim-top-offset-de);--_sbb-logo-anniversary-claim-font-size:var(--sbb-logo-anniversary-claim-font-size-de)}.lang-fr{--_sbb-logo-anniversary-signet-left-offset:var(--sbb-logo-anniversary-signet-left-offset-fr);--_sbb-logo-anniversary-claim-top-offset:var(--sbb-logo-anniversary-claim-top-offset-fr);--_sbb-logo-anniversary-claim-font-size:var(--sbb-logo-anniversary-claim-font-size-fr)}.lang-it{--_sbb-logo-anniversary-signet-left-offset:var(--sbb-logo-anniversary-signet-left-offset-it);--_sbb-logo-anniversary-claim-top-offset:var(--sbb-logo-anniversary-claim-top-offset-it);--_sbb-logo-anniversary-claim-font-size:var(--sbb-logo-anniversary-claim-font-size-it)}svg{position:absolute;inset:0 auto auto 0}#sbb-logo-anniversary-letter-mask,#sbb-logo-anniversary__panel,#sbb-logo-anniversary__signet{animation:move-to-origin var(--sbb-logo-anniversary-word-mark-duration) var(--sbb-logo-anniversary-word-mark-delay) var(--sbb-logo-anniversary-word-mark-easing) forwards}#sbb-logo-anniversary-letter-mask{translate:calc(var(--_sbb-logo-anniversary-signet-left-offset) + var(--_sbb-logo-anniversary-signet-width)) 0}#sbb-logo-anniversary__word-mark,#sbb-logo-anniversary__125-years{clip-path:url(#sbb-logo-anniversary-letter-mask)}#sbb-logo-anniversary__125-years :is(text,rect){--_sbb-logo-anniversary-signet-end-offset:calc(var(--_sbb-logo-anniversary-signet-left-offset) + var(--_sbb-logo-anniversary-signet-width) + 11px);letter-spacing:.0078em;fill:var(--sbb-logo-word-mark-color);animation:pull-out var(--sbb-logo-anniversary-125-pull-out-duration) var(--sbb-logo-anniversary-125-pull-out-delay) var(--sbb-logo-anniversary-125-pull-out-easing) forwards;font-size:47px;font-weight:700}#sbb-logo-anniversary__125-years :is(text,rect):first-child{translate:var(--_sbb-logo-anniversary-signet-end-offset) 0}#sbb-logo-anniversary__125-years :is(text,rect):nth-child(2){translate:calc(var(--_sbb-logo-anniversary-signet-end-offset) + 93px) 0;animation-delay:calc(var(--sbb-logo-anniversary-125-pull-out-delay) + var(--sbb-logo-anniversary-bounce-delay))}#sbb-logo-anniversary__125-years :is(text,rect):nth-child(3){animation-delay:calc(var(--sbb-logo-anniversary-125-pull-out-delay) + 2 * var(--sbb-logo-anniversary-bounce-delay))}#sbb-logo-anniversary__word-mark path{fill:var(--sbb-logo-word-mark-color);opacity:0;animation:pull-in var(--sbb-logo-anniversary-word-mark-duration) var(--sbb-logo-anniversary-word-mark-delay) var(--sbb-logo-anniversary-word-mark-easing) forwards;translate:-100%}#sbb-logo-anniversary__word-mark path:first-child{animation-delay:calc(var(--sbb-logo-anniversary-word-mark-delay) + 2 * var(--sbb-logo-anniversary-bounce-delay))}#sbb-logo-anniversary__word-mark path:nth-child(2){animation-delay:calc(var(--sbb-logo-anniversary-word-mark-delay) + var(--sbb-logo-anniversary-bounce-delay))}#sbb-logo-anniversary__panel,#sbb-logo-anniversary__signet{translate:var(--_sbb-logo-anniversary-signet-left-offset) 0}#sbb-logo-anniversary__panel{fill:var(--sbb-logo-panel-color);stroke:var(--sbb-logo-panel-color)}#sbb-logo-anniversary__signet{fill:var(--sbb-logo-signet-color)}#sbb-logo-anniversary__claim{translate:0 var(--_sbb-logo-anniversary-claim-top-offset);font-size:var(--_sbb-logo-anniversary-claim-font-size);letter-spacing:var(--sbb-letter-spacing-text);fill:var(--sbb-logo-word-mark-color);opacity:0;animation:fade-in var(--sbb-logo-anniversary-claim-duration) var(--sbb-logo-anniversary-claim-delay) var(--sbb-logo-anniversary-claim-easing) forwards}@keyframes move-to-origin{to{translate:0}}@keyframes pull-out{80%{opacity:0}to{display:none;translate:-100%}}@keyframes pull-in{20%{opacity:0}to{opacity:1;translate:0}}@keyframes fade-in{to{opacity:1}}
|
|
2
2
|
`;let m=(()=>{let n=l(s),i=[],m;return class extends n{constructor(){super(...arguments),this.#e=(t(this,i),``),this._language=new c(this)}static{let t=typeof Symbol==`function`&&Symbol.metadata?Object.create(n[Symbol.metadata]??null):void 0;m=[u(),o({attribute:`accessibility-label`})],e(this,null,m,{kind:`setter`,name:`accessibilityLabel`,static:!1,private:!1,access:{has:e=>`accessibilityLabel`in e,set:(e,t)=>{e.accessibilityLabel=t}},metadata:t},null,i),t&&Object.defineProperty(this,Symbol.metadata,{enumerable:!0,configurable:!0,writable:!0,value:t})}static{this.elementName=`sbb-logo-anniversary`}static{this.styles=[a(p)]}set accessibilityLabel(e){this.#e=e}get accessibilityLabel(){return this.#e||`Logo, ${d[this._language.current]}`}#e;render(){return r`
|
|
3
3
|
<svg
|
|
4
4
|
focusable="false"
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sbb-esta/lyne-elements-dev",
|
|
3
|
-
"version": "5.9.0-dev.
|
|
3
|
+
"version": "5.9.0-dev.1790246342",
|
|
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/15a73bd35b85e9cb83dd88b549f98637c8ac736a"
|
|
10
10
|
],
|
|
11
11
|
"type": "module",
|
|
12
12
|
"exports": {
|