@sbb-esta/lyne-elements 4.3.0 → 4.3.1

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 (59) hide show
  1. package/breadcrumb/breadcrumb/breadcrumb.component.js +11 -11
  2. package/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +26 -26
  3. package/button/common.js +1 -1
  4. package/button.js +1 -1
  5. package/checkbox/checkbox/checkbox.component.d.ts.map +1 -1
  6. package/checkbox/checkbox/checkbox.component.js +18 -20
  7. package/chip/chip/chip.component.js +10 -10
  8. package/clock/clock.component.d.ts.map +1 -1
  9. package/clock/clock.component.js +36 -38
  10. package/container/sticky-bar/sticky-bar.component.js +1 -1
  11. package/core/styles/core.scss +13 -0
  12. package/core/testing/event-spy.d.ts.map +1 -1
  13. package/core/testing/event-spy.js +4 -4
  14. package/core.css +27 -0
  15. package/custom-elements.json +732 -668
  16. package/development/breadcrumb/breadcrumb/breadcrumb.component.js +6 -19
  17. package/development/breadcrumb/breadcrumb-group/breadcrumb-group.component.js +2 -15
  18. package/development/button/common.js +1 -1
  19. package/development/button.js +1 -1
  20. package/development/checkbox/checkbox/checkbox.component.d.ts.map +1 -1
  21. package/development/checkbox/checkbox/checkbox.component.js +5 -4
  22. package/development/chip/chip/chip.component.js +2 -1
  23. package/development/clock/clock.component.d.ts.map +1 -1
  24. package/development/clock/clock.component.js +25 -40
  25. package/development/container/sticky-bar/sticky-bar.component.js +1 -1
  26. package/development/core/testing/event-spy.d.ts.map +1 -1
  27. package/development/core/testing/event-spy.js +3 -3
  28. package/development/form-field/form-field/form-field.component.js +2 -1
  29. package/development/{mini-button-label-common-DzMdb-kV.js → mini-button-label-common-0DeEC1qs.js} +5 -1
  30. package/development/selection-action-panel/selection-action-panel.component.d.ts +1 -0
  31. package/development/selection-action-panel/selection-action-panel.component.d.ts.map +1 -1
  32. package/development/selection-action-panel/selection-action-panel.component.js +27 -3
  33. package/development/stepper/step-label/step-label.component.d.ts +9 -0
  34. package/development/stepper/step-label/step-label.component.d.ts.map +1 -1
  35. package/development/stepper/step-label/step-label.component.js +25 -3
  36. package/development/stepper/stepper/stepper.component.d.ts +5 -3
  37. package/development/stepper/stepper/stepper.component.d.ts.map +1 -1
  38. package/development/stepper/stepper/stepper.component.js +48 -22
  39. package/development/toggle/toggle/toggle.component.d.ts +1 -0
  40. package/development/toggle/toggle/toggle.component.d.ts.map +1 -1
  41. package/development/toggle/toggle/toggle.component.js +19 -10
  42. package/form-field/form-field/form-field.component.js +1 -1
  43. package/{mini-button-label-common-ps7PVXtB.js → mini-button-label-common-BOB7JQKi.js} +1 -1
  44. package/off-brand-theme.css +27 -0
  45. package/package.json +1 -1
  46. package/safety-theme.css +27 -0
  47. package/selection-action-panel/selection-action-panel.component.d.ts +1 -0
  48. package/selection-action-panel/selection-action-panel.component.d.ts.map +1 -1
  49. package/selection-action-panel/selection-action-panel.component.js +25 -16
  50. package/standard-theme.css +27 -0
  51. package/stepper/step-label/step-label.component.d.ts +9 -0
  52. package/stepper/step-label/step-label.component.d.ts.map +1 -1
  53. package/stepper/step-label/step-label.component.js +38 -16
  54. package/stepper/stepper/stepper.component.d.ts +5 -3
  55. package/stepper/stepper/stepper.component.d.ts.map +1 -1
  56. package/stepper/stepper/stepper.component.js +62 -68
  57. package/toggle/toggle/toggle.component.d.ts +1 -0
  58. package/toggle/toggle/toggle.component.d.ts.map +1 -1
  59. package/toggle/toggle/toggle.component.js +46 -44
@@ -1 +1 @@
1
- {"version":3,"file":"event-spy.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/event-spy.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,qBAAa,QAAQ,CAAC,CAAC,SAAS,KAAK;IAsBjC,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAvB3B,IAAW,KAAK,IAAI,MAAM,CAEzB;IACD,OAAO,CAAC,MAAM,CAAa;IAE3B,IAAW,MAAM,IAAI,CAAC,EAAE,CAEvB;IACD,OAAO,CAAC,OAAO,CAAW;IAE1B,IAAW,UAAU,IAAI,CAAC,GAAG,IAAI,CAEhC;IAED,IAAW,SAAS,IAAI,CAAC,GAAG,IAAI,CAE/B;IAED,OAAO,CAAC,gBAAgB,CAA6C;gBAG3D,MAAM,EAAE,MAAM,EACL,OAAO,GAAE,IAAI,GAAG,IAAW,EAC3B,QAAQ,GAAE,uBAAuB,GAAG,IAAW;IAS3D,UAAU,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC;IAIxC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,SAAO,GAAG,OAAO,CAAC,CAAC,CAAC;IA6B7D,OAAO,CAAC,uBAAuB;IAa/B,OAAO,CAAC,eAAe;CAWxB"}
1
+ {"version":3,"file":"event-spy.d.ts","sourceRoot":"","sources":["../../../../src/elements/core/testing/event-spy.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,qBAAa,QAAQ,CAAC,CAAC,SAAS,KAAK;IAsBjC,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,QAAQ,CAAC,OAAO;IACxB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAvB3B,IAAW,KAAK,IAAI,MAAM,CAEzB;IACD,OAAO,CAAC,MAAM,CAAa;IAE3B,IAAW,MAAM,IAAI,CAAC,EAAE,CAEvB;IACD,OAAO,CAAC,OAAO,CAAW;IAE1B,IAAW,UAAU,IAAI,CAAC,GAAG,IAAI,CAEhC;IAED,IAAW,SAAS,IAAI,CAAC,GAAG,IAAI,CAE/B;IAED,OAAO,CAAC,gBAAgB,CAA6C;gBAG3D,MAAM,EAAE,MAAM,EACL,OAAO,GAAE,IAAI,GAAG,IAAW,EAC3B,QAAQ,GAAE,uBAAuB,GAAG,IAAW;IAS3D,UAAU,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC;IAIxC,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,SAAO,GAAG,OAAO,CAAC,CAAC,CAAC;IA6B7D,OAAO,CAAC,uBAAuB;IAgB/B,OAAO,CAAC,eAAe;CAWxB"}
@@ -1,4 +1,4 @@
1
- class a {
1
+ class v {
2
2
  get count() {
3
3
  return this._count;
4
4
  }
@@ -19,7 +19,7 @@ class a {
19
19
  }
20
20
  calledTimes(e, s = 2e3) {
21
21
  if (this.count > e)
22
- return Promise.reject(`Event has been emitted more than expected (expected ${e}, actual ${this.count}`);
22
+ return Promise.reject(`Event '${this._event}' has been emitted more than expected (expected ${e}, actual ${this.count}`);
23
23
  if (this.count === e)
24
24
  return Promise.resolve(this.events[e - 1]);
25
25
  if (this._promiseEventMap.has(e))
@@ -37,7 +37,7 @@ class a {
37
37
  }
38
38
  }
39
39
  _wrapPromiseWithTimeout(e, s, t) {
40
- const i = setTimeout(() => e.reject(`awaiting calledTimes(${s}) results in timeout`), t);
40
+ const i = setTimeout(() => e.reject(`awaiting calledTimes(${s}) for event '${this._event}' results in timeout`), t);
41
41
  return e.promise.then(() => clearTimeout(i)), e.promise;
42
42
  }
43
43
  _listenForEvent() {
@@ -47,5 +47,5 @@ class a {
47
47
  }
48
48
  }
49
49
  export {
50
- a as EventSpy
50
+ v as EventSpy
51
51
  };
package/core.css CHANGED
@@ -1241,6 +1241,28 @@
1241
1241
  --sbb-size-element-s: var(--sbb-size-element-s-zero);
1242
1242
  --sbb-size-element-m: var(--sbb-size-element-m-zero);
1243
1243
  --sbb-size-element-l: var(--sbb-size-element-l-zero);
1244
+ --sbb-breadcrumb-color: var(--sbb-color-granite);
1245
+ --sbb-breadcrumb-color: light-dark(var(--sbb-color-granite), var(--sbb-color-aluminium));
1246
+ --sbb-breadcrumb-color-hover: var(--sbb-color-charcoal);
1247
+ --sbb-breadcrumb-color-hover: light-dark(var(--sbb-color-charcoal), var(--sbb-color-smoke));
1248
+ --sbb-breadcrumb-color-active: var(--sbb-color-anthracite);
1249
+ --sbb-breadcrumb-color-active: light-dark(var(--sbb-color-anthracite), var(--sbb-color-cloud));
1250
+ --sbb-breadcrumb-font-size: var(--sbb-text-font-size-xs);
1251
+ --sbb-breadcrumb-gap: var(--sbb-spacing-fixed-2x);
1252
+ --sbb-breadcrumb-group-wrap: nowrap;
1253
+ --sbb-breadcrumb-group-visibility: hidden;
1254
+ --sbb-breadcrumb-group-ellipsis-color: var(--sbb-color-granite);
1255
+ --sbb-breadcrumb-group-ellipsis-color: light-dark(
1256
+ var(--sbb-color-granite),
1257
+ var(--sbb-color-cloud)
1258
+ );
1259
+ --sbb-breadcrumb-group-ellipsis-background-color: transparent;
1260
+ --sbb-breadcrumb-group-ellipsis-border-width: var(--sbb-border-width-1x);
1261
+ --sbb-breadcrumb-group-ellipsis-border-color: var(--sbb-color-silver);
1262
+ --sbb-breadcrumb-group-ellipsis-border-color: light-dark(
1263
+ var(--sbb-color-silver),
1264
+ var(--sbb-color-anthracite)
1265
+ );
1244
1266
  --sbb-card-background-color: var(--sbb-background-color-1);
1245
1267
  --sbb-card-border-color: transparent;
1246
1268
  --sbb-card-border-radius: var(--sbb-border-radius-4x);
@@ -1301,6 +1323,9 @@
1301
1323
  --sbb-checkbox-font-size: var(--sbb-text-font-size-m);
1302
1324
  --sbb-checkbox-label-color: var(--sbb-color-color-3);
1303
1325
  --sbb-checkbox-cursor: var(--sbb-cursor-pointer);
1326
+ --sbb-clock-seconds-hand-color: var(--sbb-color-brand);
1327
+ --sbb-clock-face-color: var(--sbb-color-1);
1328
+ --sbb-clock-background-color: var(--sbb-background-color-1);
1304
1329
  --sbb-divider-color: var(--sbb-background-color-4);
1305
1330
  --sbb-divider-color-negative: var(--sbb-background-color-4-negative);
1306
1331
  --sbb-divider-border-width: var(--sbb-border-width-1x);
@@ -1402,6 +1427,8 @@
1402
1427
  --sbb-focus-outline-color-default: Highlight;
1403
1428
  --sbb-focus-outline-color-dark: Highlight;
1404
1429
  --sbb-focus-outline-width: var(--sbb-border-width-2x);
1430
+ --sbb-breadcrumb-color: ButtonText;
1431
+ --sbb-breadcrumb-color-active: Highlight;
1405
1432
  --sbb-card-border-color: CanvasText;
1406
1433
  --sbb-card-border-width: var(--sbb-border-width-2x);
1407
1434
  --sbb-card-badge-border-display: block;