@sbb-esta/lyne-elements 1.12.1 → 1.14.0

package/core/styles/mixins/buttons.scss

@@ -85,7 +85,7 @@
   --sbb-button-color-default-background: var(--sbb-color-black-alpha-0);
   --sbb-button-color-hover-background: var(--sbb-color-charcoal);
   --sbb-button-color-active-background: var(--sbb-color-iron);
-  --sbb-button-color-disabled-background: var(--sbb-color-black-alpha-0);
+  --sbb-button-color-disabled-background: var(--sbb-color-charcoal);
   --sbb-button-color-disabled-border: var(--sbb-color-smoke);
   --sbb-button-color-disabled-text: var(--sbb-color-smoke);
 }

package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables.scss

@@ -63,6 +63,7 @@ $sbb-color-black-alpha-50: rgba(0, 0, 0, 0.5);
 $sbb-color-black-alpha-60: rgba(0, 0, 0, 0.6);
 $sbb-color-black-alpha-70: rgba(0, 0, 0, 0.7);
 $sbb-color-midnight: #151515;
+$sbb-color-blue: #2d327d;
 $sbb-color-charcoal: #212121;
 $sbb-color-iron: #444444;
 $sbb-color-anthracite: #5a5a5a;
@@ -97,6 +98,9 @@ $sbb-color-red125: #c60018;
 $sbb-color-red125-alpha-0: rgba(198, 0, 24, 0);
 $sbb-color-red125-alpha-20: rgba(198, 0, 24, 0.2);
 $sbb-color-red150: #a20013;
+$sbb-color-royal: #06348b;
+$sbb-color-royal125: #032668;
+$sbb-color-royal150: #021c4e;
 $sbb-color-white: #ffffff;
 $sbb-color-white-alpha-0: rgba(255, 255, 255, 0);
 $sbb-color-white-alpha-20: rgba(255, 255, 255, 0.2);

package/core/styles/node_modules_@sbb-esta_lyne-design-tokens_dist_scss_sbb-variables_css--mixin.scss

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 15:45:11 GMT
+ * Generated on Mon, 21 Oct 2024 06:34:22 GMT
  */
 
 @mixin lyne-design-tokens-css-variables {
@@ -115,6 +115,7 @@
   --sbb-color-black-alpha-60: rgba(0, 0, 0, 0.6);
   --sbb-color-black-alpha-70: rgba(0, 0, 0, 0.7);
   --sbb-color-midnight: #151515;
+  --sbb-color-blue: #2d327d;
   --sbb-color-charcoal: #212121;
   --sbb-color-iron: #444444;
   --sbb-color-anthracite: #5a5a5a;
@@ -149,6 +150,9 @@
   --sbb-color-red125-alpha-0: rgba(198, 0, 24, 0);
   --sbb-color-red125-alpha-20: rgba(198, 0, 24, 0.2);
   --sbb-color-red150: #a20013;
+  --sbb-color-royal: #06348b;
+  --sbb-color-royal125: #032668;
+  --sbb-color-royal150: #021c4e;
   --sbb-color-white: #ffffff;
   --sbb-color-white-alpha-0: rgba(255, 255, 255, 0);
   --sbb-color-white-alpha-20: rgba(255, 255, 255, 0.2);

package/core/testing/private.d.ts

@@ -4,6 +4,7 @@ export * from './private/describe-viewports.js';
 export * from './private/dispatch-events.js';
 export * from './private/event-objects.js';
 export * from './private/fixture.js';
+export * from './private/keys.js';
 export * from './private/load-asset-as-base64.js';
 export * from './private/type-in-element.js';
 export * from './private/visual-regression-snapshot.js';

package/core/testing/private.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"private.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/private.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yCAAyC,CAAC"}
+{"version":3,"file":"private.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/private.ts"],"names":[],"mappings":"AAAA,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,iCAAiC,CAAC;AAChD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mCAAmC,CAAC;AAClD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yCAAyC,CAAC"}

package/core/testing.js

@@ -1,8 +1,5 @@
 import { isSafari as a } from "./dom.js";
 class d {
-  constructor(t, n = null) {
-    this._event = t, this._target = n, this._count = 0, this._events = [], this._target || (this._target = document), this._listenForEvent();
-  }
   get count() {
     return this._count;
   }
@@ -15,6 +12,9 @@ class d {
   get lastEvent() {
     return this.events.length ? this.events[this.events.length - 1] : null;
   }
+  constructor(t, n = null) {
+    this._event = t, this._target = n, this._count = 0, this._events = [], this._target || (this._target = document), this._listenForEvent();
+  }
   _listenForEvent() {
     var t;
     (t = this._target) == null || t.addEventListener(this._event, (n) => {
@@ -40,20 +40,14 @@ async function f(e, t = 30, n = 2 * 1e3) {
   }
   for (; !await o() && i.getTime() + n >= (/* @__PURE__ */ new Date()).getTime(); )
     await new Promise((s) => setTimeout(s, t));
-  return i.getTime() + n < (/* @__PURE__ */ new Date()).getTime() ? Promise.reject(
-    `waitForCondition timeout: ${e.toString()}, attempts: ${r}, start: ${i.getTime()}, end: ${(/* @__PURE__ */ new Date()).getTime()}`
-  ) : Promise.resolve(!0);
+  return i.getTime() + n < (/* @__PURE__ */ new Date()).getTime() ? Promise.reject(`waitForCondition timeout: ${e.toString()}, attempts: ${r}, start: ${i.getTime()}, end: ${(/* @__PURE__ */ new Date()).getTime()}`) : Promise.resolve(!0);
 }
 function w(e, t, n = 1e3) {
   return new Promise((i, r) => {
     const o = AbortSignal.timeout(n), s = () => r(`Timeout of ${n} reached`);
-    o.addEventListener("abort", s), e.addEventListener(
-      t,
-      () => {
-        o.removeEventListener("abort", s), i();
-      },
-      { passive: !0, signal: o }
-    );
+    o.addEventListener("abort", s), e.addEventListener(t, () => {
+      o.removeEventListener("abort", s), i();
+    }, { passive: !0, signal: o });
   });
 }
 async function E(e, t = 2 * 1e3) {

package/core.css

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Mon, 02 Sep 2024 15:45:11 GMT
+ * Generated on Mon, 21 Oct 2024 06:34:22 GMT
  */
 *,
 ::before,
@@ -120,6 +120,7 @@
   --sbb-color-black-alpha-60: rgba(0, 0, 0, 0.6);
   --sbb-color-black-alpha-70: rgba(0, 0, 0, 0.7);
   --sbb-color-midnight: #151515;
+  --sbb-color-blue: #2d327d;
   --sbb-color-charcoal: #212121;
   --sbb-color-iron: #444444;
   --sbb-color-anthracite: #5a5a5a;
@@ -154,6 +155,9 @@
   --sbb-color-red125-alpha-0: rgba(198, 0, 24, 0);
   --sbb-color-red125-alpha-20: rgba(198, 0, 24, 0.2);
   --sbb-color-red150: #a20013;
+  --sbb-color-royal: #06348b;
+  --sbb-color-royal125: #032668;
+  --sbb-color-royal150: #021c4e;
   --sbb-color-white: #ffffff;
   --sbb-color-white-alpha-0: rgba(255, 255, 255, 0);
   --sbb-color-white-alpha-20: rgba(255, 255, 255, 0.2);