@sbb-esta/lyne-elements-dev 5.0.0-next-dev.1776958279 → 5.0.0-next-dev.1776959321

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 (111) hide show
  1. package/action-group/action-group.component.js +1 -1
  2. package/{action-group.component-L7G0Vv-N.js → action-group.component-B6X5FjkQ.js} +25 -25
  3. package/action-group.js +1 -1
  4. package/action-group.pure.js +1 -1
  5. package/button/common/button-common.js +1 -1
  6. package/{button-common-Cu47yCSS.js → button-common-U0ZsZMjC.js} +1 -1
  7. package/button.js +1 -1
  8. package/button.pure.js +1 -1
  9. package/core.css +2 -2
  10. package/custom-elements.json +1280 -1280
  11. package/development/action-group/action-group.component.d.ts +2 -4
  12. package/development/action-group/action-group.component.d.ts.map +1 -1
  13. package/development/action-group/action-group.component.js +1 -1
  14. package/development/{action-group.component-CJT4RArG.js → action-group.component-9Bkne2tt.js} +6 -6
  15. package/development/action-group.js +1 -1
  16. package/development/action-group.pure.js +1 -1
  17. package/development/button/common/button-common.js +1 -1
  18. package/development/{button-common-ChY47M8t.js → button-common-BdW88MAX.js} +3 -3
  19. package/development/button.js +1 -1
  20. package/development/button.pure.js +1 -1
  21. package/development/dialog/dialog-actions/dialog-actions.component.d.ts +0 -1
  22. package/development/dialog/dialog-actions/dialog-actions.component.d.ts.map +1 -1
  23. package/development/dialog/dialog-actions/dialog-actions.component.js +1 -1
  24. package/development/{dialog-actions.component-DErVa4WR.js → dialog-actions.component-Bu950dM-.js} +1 -9
  25. package/development/dialog.js +1 -1
  26. package/development/dialog.pure.js +1 -1
  27. package/development/header/common/header-action-common.d.ts.map +1 -1
  28. package/development/header-action-common-BEnsweEr.js +1 -1
  29. package/development/map-container/map-container.component.d.ts.map +1 -1
  30. package/development/map-container/map-container.component.js +1 -1
  31. package/development/{map-container.component-rgU7ZofE.js → map-container.component-DvHVJZEZ.js} +1 -2
  32. package/development/map-container.js +1 -1
  33. package/development/map-container.pure.js +1 -1
  34. package/development/navigation/common/navigation-action-common.d.ts.map +1 -1
  35. package/development/navigation/common/navigation-action-common.js +1 -1
  36. package/development/navigation/navigation/navigation.component.d.ts.map +1 -1
  37. package/development/navigation/navigation/navigation.component.js +1 -1
  38. package/development/navigation/navigation-list/navigation-list.component.d.ts.map +1 -1
  39. package/development/navigation/navigation-list/navigation-list.component.js +1 -1
  40. package/development/navigation/navigation-marker/navigation-marker.component.d.ts +0 -1
  41. package/development/navigation/navigation-marker/navigation-marker.component.d.ts.map +1 -1
  42. package/development/navigation/navigation-marker/navigation-marker.component.js +1 -1
  43. package/development/navigation/navigation-section/navigation-section.component.d.ts.map +1 -1
  44. package/development/navigation/navigation-section/navigation-section.component.js +1 -1
  45. package/development/{navigation-action-common-B2soWZWW.js → navigation-action-common-DREsZcc7.js} +3 -4
  46. package/development/{navigation-list.component-DilKlDwx.js → navigation-list.component-3kQyQ-yJ.js} +3 -3
  47. package/development/{navigation-marker.component-BRdbbjF5.js → navigation-marker.component-DyWfazQL.js} +3 -4
  48. package/development/{navigation-section.component-VwCJlOfE.js → navigation-section.component-DyPWGns2.js} +1 -2
  49. package/development/{navigation.component-lgvLMF5e.js → navigation.component-CZ2P2xfh.js} +1 -2
  50. package/development/navigation.js +5 -5
  51. package/development/navigation.pure.js +5 -5
  52. package/development/overlay/overlay.component.d.ts.map +1 -1
  53. package/development/overlay/overlay.component.js +1 -1
  54. package/development/{overlay.component-iy6QUYWU.js → overlay.component-BcOBxY6k.js} +1 -2
  55. package/development/overlay.js +1 -1
  56. package/development/overlay.pure.js +1 -1
  57. package/development/popover/popover.component.d.ts.map +1 -1
  58. package/development/popover/popover.component.js +1 -1
  59. package/development/{popover.component-C-zVDwjc.js → popover.component-BvSrQ7zF.js} +1 -2
  60. package/development/popover.js +1 -1
  61. package/development/popover.pure.js +1 -1
  62. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.d.ts.map +1 -1
  63. package/development/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
  64. package/development/{timetable-form-swap-button.component-DM7UFhGh.js → timetable-form-swap-button.component-CyHdctws.js} +2 -1
  65. package/development/timetable-form.js +1 -1
  66. package/development/timetable-form.pure.js +1 -1
  67. package/development/toast/toast.component.d.ts.map +1 -1
  68. package/development/toast/toast.component.js +1 -1
  69. package/development/{toast.component-1YR4wmm9.js → toast.component-D1M3OYxv.js} +2 -4
  70. package/development/toast.js +1 -1
  71. package/development/toast.pure.js +1 -1
  72. package/dialog/dialog-actions/dialog-actions.component.js +1 -1
  73. package/{dialog-actions.component-ConxJ3VW.js → dialog-actions.component-DjBJ65tV.js} +4 -8
  74. package/dialog.js +1 -1
  75. package/dialog.pure.js +1 -1
  76. package/map-container/map-container.component.js +1 -1
  77. package/{map-container.component-De-8Tsau.js → map-container.component-BlrPWANi.js} +0 -1
  78. package/map-container.js +1 -1
  79. package/map-container.pure.js +1 -1
  80. package/navigation/common/navigation-action-common.js +1 -1
  81. package/navigation/navigation/navigation.component.js +1 -1
  82. package/navigation/navigation-list/navigation-list.component.js +1 -1
  83. package/navigation/navigation-marker/navigation-marker.component.js +1 -1
  84. package/navigation/navigation-section/navigation-section.component.js +1 -1
  85. package/{navigation-action-common-D2vwX-oy.js → navigation-action-common-D3rE0ZNS.js} +14 -14
  86. package/{navigation-list.component-DQeyXtOA.js → navigation-list.component-DSJx3LwB.js} +13 -13
  87. package/{navigation-marker.component-BQzC4gn_.js → navigation-marker.component-xmkTtMap.js} +13 -13
  88. package/{navigation-section.component-CR-FanCa.js → navigation-section.component-CUrICmbc.js} +0 -1
  89. package/{navigation.component-D6HU-F51.js → navigation.component-CR4vG3vH.js} +0 -1
  90. package/navigation.js +5 -5
  91. package/navigation.pure.js +5 -5
  92. package/off-brand-theme.css +2 -2
  93. package/overlay/overlay.component.js +1 -1
  94. package/{overlay.component-bHg2Xk6D.js → overlay.component-C6i5RA4B.js} +0 -1
  95. package/overlay.js +1 -1
  96. package/overlay.pure.js +1 -1
  97. package/package.json +2 -2
  98. package/popover/popover.component.js +1 -1
  99. package/{popover.component-BCLBnddM.js → popover.component-jz3_WQeT.js} +0 -1
  100. package/popover.js +1 -1
  101. package/popover.pure.js +1 -1
  102. package/safety-theme.css +2 -2
  103. package/standard-theme.css +2 -2
  104. package/timetable-form/timetable-form-swap-button/timetable-form-swap-button.component.js +1 -1
  105. package/{timetable-form-swap-button.component-C9dU9vDV.js → timetable-form-swap-button.component-D9wBQQkG.js} +1 -1
  106. package/timetable-form.js +1 -1
  107. package/timetable-form.pure.js +1 -1
  108. package/toast/toast.component.js +1 -1
  109. package/{toast.component-D53COYeM.js → toast.component-CXouszwJ.js} +21 -22
  110. package/toast.js +1 -1
  111. package/toast.pure.js +1 -1
@@ -1,8 +1,8 @@
1
- import { t as e } from "./navigation-action-common-D2vwX-oy.js";
1
+ import { t as e } from "./navigation-action-common-D3rE0ZNS.js";
2
2
  import { SbbNavigationButtonElement as t } from "./navigation/navigation-button/navigation-button.component.js";
3
3
  import { SbbNavigationLinkElement as n } from "./navigation/navigation-link/navigation-link.component.js";
4
- import { t as r } from "./navigation-list.component-DQeyXtOA.js";
5
- import { t as i } from "./navigation-marker.component-BQzC4gn_.js";
6
- import { t as a } from "./navigation-section.component-CR-FanCa.js";
7
- import { t as o } from "./navigation.component-D6HU-F51.js";
4
+ import { t as r } from "./navigation-list.component-DSJx3LwB.js";
5
+ import { t as i } from "./navigation-marker.component-xmkTtMap.js";
6
+ import { t as a } from "./navigation-section.component-CUrICmbc.js";
7
+ import { t as o } from "./navigation.component-CR4vG3vH.js";
8
8
  export { e as SbbNavigationActionCommonElementMixin, t as SbbNavigationButtonElement, o as SbbNavigationElement, n as SbbNavigationLinkElement, r as SbbNavigationListElement, i as SbbNavigationMarkerElement, a as SbbNavigationSectionElement };
@@ -1307,12 +1307,12 @@ slot[name=error]::slotted(*) {
1307
1307
  --sbb-button-min-height-size-l: var(--sbb-size-element-m);
1308
1308
  --sbb-button-min-height-size-m: var(--sbb-size-element-s);
1309
1309
  --sbb-button-min-height-size-s: var(--sbb-size-element-xs);
1310
- --sbb-button-min-height: var(--sbb-button-min-height-size-l);
1310
+ --sbb-button-min-height: var(--sbb-button-min-height-size-m);
1311
1311
  --sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);
1312
1312
  --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-8x);
1313
1313
  --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-5x);
1314
1314
  --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-4x);
1315
- --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-l);
1315
+ --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-m);
1316
1316
  --sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);
1317
1317
  --sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);
1318
1318
  --sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);
@@ -1,2 +1,2 @@
1
- import { t as e } from "../overlay.component-bHg2Xk6D.js";
1
+ import { t as e } from "../overlay.component-C6i5RA4B.js";
2
2
  export { e as SbbOverlayElement };
@@ -131,7 +131,6 @@ var _ = ":host{--sbb-scrollbar-width: var(--sbb-spacing-fixed-3x);--sbb-scrollba
131
131
  aria-label="${this.accessibilityCloseLabel || d[this.language.current]}"
132
132
  ?negative=${this.negative}
133
133
  size="m"
134
- type="button"
135
134
  icon-name="cross-small"
136
135
  sbb-overlay-close
137
136
  ></sbb-secondary-button>
package/overlay.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, assignOverlayResult as n, overlayRefs as r } from "./overlay/overlay-base-element.js";
2
- import { t as i } from "./overlay.component-bHg2Xk6D.js";
2
+ import { t as i } from "./overlay.component-C6i5RA4B.js";
3
3
  import "./overlay.pure.js";
4
4
  //#region src/elements/overlay.ts
5
5
  i.define();
package/overlay.pure.js CHANGED
@@ -1,3 +1,3 @@
1
1
  import { SbbOverlayBaseElement as e, SbbOverlayCloseEvent as t, assignOverlayResult as n, overlayRefs as r } from "./overlay/overlay-base-element.js";
2
- import { t as i } from "./overlay.component-bHg2Xk6D.js";
2
+ import { t as i } from "./overlay.component-C6i5RA4B.js";
3
3
  export { e as SbbOverlayBaseElement, t as SbbOverlayCloseEvent, i as SbbOverlayElement, n as assignOverlayResult, r as overlayRefs };
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
2
  "name": "@sbb-esta/lyne-elements-dev",
3
- "version": "5.0.0-next-dev.1776958279",
3
+ "version": "5.0.0-next-dev.1776959321",
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/91e03cb6f9d4770e39663a259334bd3856e9626b"
9
+ "https://github.com/sbb-design-systems/lyne-components/commit/963894a5ab164d3418be82542aa636f9ae0fb96f"
10
10
  ],
11
11
  "type": "module",
12
12
  "exports": {
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../popover.component-BCLBnddM.js";
1
+ import { n as e, t } from "../popover.component-jz3_WQeT.js";
2
2
  export { t as SbbPopoverBaseElement, e as SbbPopoverElement };
@@ -329,7 +329,6 @@ var k = ":host{--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)
329
329
  <sbb-secondary-button
330
330
  aria-label=${this.accessibilityCloseLabel || _[this._language.current]}
331
331
  size="s"
332
- type="button"
333
332
  icon-name="cross-small"
334
333
  sbb-popover-close
335
334
  ></sbb-secondary-button>
package/popover.js CHANGED
@@ -1,4 +1,4 @@
1
- import { n as e, t } from "./popover.component-BCLBnddM.js";
1
+ import { n as e, t } from "./popover.component-jz3_WQeT.js";
2
2
  import "./popover.pure.js";
3
3
  //#region src/elements/popover.ts
4
4
  e.define();
package/popover.pure.js CHANGED
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "./popover.component-BCLBnddM.js";
1
+ import { n as e, t } from "./popover.component-jz3_WQeT.js";
2
2
  export { t as SbbPopoverBaseElement, e as SbbPopoverElement };
package/safety-theme.css CHANGED
@@ -1307,12 +1307,12 @@ slot[name=error]::slotted(*) {
1307
1307
  --sbb-button-min-height-size-l: var(--sbb-size-element-m);
1308
1308
  --sbb-button-min-height-size-m: var(--sbb-size-element-s);
1309
1309
  --sbb-button-min-height-size-s: var(--sbb-size-element-xs);
1310
- --sbb-button-min-height: var(--sbb-button-min-height-size-l);
1310
+ --sbb-button-min-height: var(--sbb-button-min-height-size-m);
1311
1311
  --sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);
1312
1312
  --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-8x);
1313
1313
  --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-5x);
1314
1314
  --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-4x);
1315
- --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-l);
1315
+ --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-m);
1316
1316
  --sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);
1317
1317
  --sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);
1318
1318
  --sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);
@@ -1307,12 +1307,12 @@ slot[name=error]::slotted(*) {
1307
1307
  --sbb-button-min-height-size-l: var(--sbb-size-element-m);
1308
1308
  --sbb-button-min-height-size-m: var(--sbb-size-element-s);
1309
1309
  --sbb-button-min-height-size-s: var(--sbb-size-element-xs);
1310
- --sbb-button-min-height: var(--sbb-button-min-height-size-l);
1310
+ --sbb-button-min-height: var(--sbb-button-min-height-size-m);
1311
1311
  --sbb-button-padding-block-min: var(--sbb-spacing-fixed-1x);
1312
1312
  --sbb-button-padding-inline-size-l: var(--sbb-spacing-fixed-8x);
1313
1313
  --sbb-button-padding-inline-size-m: var(--sbb-spacing-fixed-5x);
1314
1314
  --sbb-button-padding-inline-size-s: var(--sbb-spacing-fixed-4x);
1315
- --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-l);
1315
+ --sbb-button-padding-inline: var(--sbb-button-padding-inline-size-m);
1316
1316
  --sbb-button-shadow-1-offset-y: var(--sbb-shadow-elevation-level-3-shadow-1-offset-y);
1317
1317
  --sbb-button-shadow-2-offset-y: var(--sbb-shadow-elevation-level-3-shadow-2-offset-y);
1318
1318
  --sbb-button-shadow-1-blur: var(--sbb-shadow-elevation-level-3-shadow-1-blur);
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../timetable-form-swap-button.component-C9dU9vDV.js";
1
+ import { t as e } from "../../timetable-form-swap-button.component-D9wBQQkG.js";
2
2
  export { e as SbbTimetableFormSwapButtonElement };
@@ -10,7 +10,7 @@ var i = ":host(:is(:state(timetable-form-context),[state--timetable-form-context
10
10
  this.styles = [r.styles, e(i)];
11
11
  }
12
12
  constructor() {
13
- super(), this._languageController = new t(this), this.addEventListener("click", () => this._invertFieldValues());
13
+ super(), this._languageController = new t(this), this.size = "l", this.addEventListener("click", () => this._invertFieldValues());
14
14
  }
15
15
  connectedCallback() {
16
16
  super.connectedCallback(), this.toggleState("timetable-form-context", !!this.closest("sbb-timetable-form"));
package/timetable-form.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { t as e } from "./timetable-form-details.component-BQmF3WLu.js";
2
2
  import { t } from "./timetable-form-field.component-DrQuTOJr.js";
3
- import { t as n } from "./timetable-form-swap-button.component-C9dU9vDV.js";
3
+ import { t as n } from "./timetable-form-swap-button.component-D9wBQQkG.js";
4
4
  import { t as r } from "./timetable-form.component-AbZF15Tg.js";
5
5
  import "./timetable-form.pure.js";
6
6
  r.define(), e.define(), t.define(), n.define();
@@ -1,5 +1,5 @@
1
1
  import { t as e } from "./timetable-form-details.component-BQmF3WLu.js";
2
2
  import { t } from "./timetable-form-field.component-DrQuTOJr.js";
3
- import { t as n } from "./timetable-form-swap-button.component-C9dU9vDV.js";
3
+ import { t as n } from "./timetable-form-swap-button.component-D9wBQQkG.js";
4
4
  import { t as r } from "./timetable-form.component-AbZF15Tg.js";
5
5
  export { e as SbbTimetableFormDetailsElement, r as SbbTimetableFormElement, t as SbbTimetableFormFieldElement, n as SbbTimetableFormSwapButtonElement };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../toast.component-D53COYeM.js";
1
+ import { t as e } from "../toast.component-CXouszwJ.js";
2
2
  export { e as SbbToastElement };
@@ -1,17 +1,17 @@
1
1
  import { __esDecorate as e, __runInitializers as t } from "tslib";
2
2
  import { html as n, nothing as r, unsafeCSS as i } from "lit";
3
3
  import { property as a } from "lit/decorators.js";
4
- import { SbbDarkModeController as o, SbbLanguageController as s, SbbOpenCloseBaseElement as c, SbbReadonlyMixin as l, boxSizingStyles as u, composedPathHasAttribute as d, forceType as f, i18nCloseAlert as p, isLean as m, isZeroAnimationDuration as h } from "./core.js";
5
- import { SbbTransparentButtonElement as g } from "./button.pure.js";
6
- import { SbbDividerElement as _ } from "./divider.pure.js";
7
- import { SbbIconNameMixin as v } from "./icon.pure.js";
4
+ import { SbbDarkModeController as o, SbbLanguageController as s, SbbOpenCloseBaseElement as c, SbbReadonlyMixin as l, boxSizingStyles as u, composedPathHasAttribute as d, forceType as f, i18nCloseAlert as p, isZeroAnimationDuration as m } from "./core.js";
5
+ import { SbbTransparentButtonElement as h } from "./button.pure.js";
6
+ import { SbbDividerElement as g } from "./divider.pure.js";
7
+ import { SbbIconNameMixin as _ } from "./icon.pure.js";
8
8
  //#region src/elements/toast/toast.scss?inline
9
- var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-text-color: var(--sbb-color-3-inverted);--sbb-toast-background-color: var(--sbb-background-color-1-inverted);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: none;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;--sbb-toast-gap: var(--sbb-spacing-fixed-2x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-toast-container-display: flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;inset:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-text-color);background-color:var(--sbb-toast-background-color)}:host(:is(:state(state-opening),[state--state-opening])) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast-wrapper{display:flex;align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline)}slot:not([name=icon]),.sbb-toast__close{color-scheme:only light}.sbb-toast__content{--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));flex:1 1 0}.sbb-toast__close{display:flex;align-items:center}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}", b = /* @__PURE__ */ new Set(), x = (() => {
10
- let x = v(l(c)), S, C = [], w = [], T, E = [], D = [], O, k = [], A = [];
11
- return class extends x {
9
+ var v = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var( --sbb-disable-animation-duration, var(--sbb-animation-duration-6x) );--sbb-toast-animation-timing-function: ease;--sbb-toast-text-color: var(--sbb-color-3-inverted);--sbb-toast-background-color: var(--sbb-background-color-1-inverted);--sbb-toast-margin: var(--sbb-spacing-responsive-s);--sbb-toast-padding-block: var(--sbb-spacing-responsive-xxxs);--sbb-toast-padding-inline: var(--sbb-spacing-responsive-xs);--sbb-toast-border-radius: var(--sbb-border-radius-4x);--sbb-toast-container-display: none;--sbb-toast-container-position: fixed;--sbb-toast-horizontal-position: initial;--sbb-toast-vertical-position: initial;--sbb-toast-gap: var(--sbb-spacing-fixed-2x);--sbb-focus-outline-color: var(--sbb-focus-outline-color-dark);display:none}:host(:is(:is(:state(state-opening),[state--state-opening]),:is(:state(state-opened),[state--state-opened]),:is(:state(state-closing),[state--state-closing]))){--sbb-toast-container-display: flex;display:block}:host([position=bottom-left]),:host([position=bottom-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-end}:host([position=bottom-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-end}:host([position=bottom-right]),:host([position=bottom-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-end}:host([position=top-left]),:host([position=top-start]){--sbb-toast-horizontal-position: flex-start;--sbb-toast-vertical-position: flex-start}:host([position=top-center]){--sbb-toast-horizontal-position: center;--sbb-toast-vertical-position: flex-start}:host([position=top-right]),:host([position=top-end]){--sbb-toast-horizontal-position: flex-end;--sbb-toast-vertical-position: flex-start}:host(:is(:state(dark),[state--dark])){--sbb-focus-outline-color: var(--sbb-focus-outline-color-default)}.sbb-toast__overlay-container{position:var(--sbb-toast-container-position);pointer-events:none;inset:0;display:var(--sbb-toast-container-display);justify-content:var(--sbb-toast-horizontal-position);align-items:var(--sbb-toast-vertical-position)}.sbb-toast{z-index:var(--sbb-toast-z-index, var(--sbb-overlay-default-z-index));pointer-events:auto;margin:var(--sbb-toast-margin);border-radius:var(--sbb-toast-border-radius);max-width:var(--sbb-toast-max-width);display:flex;color:var(--sbb-toast-text-color);background-color:var(--sbb-toast-background-color)}:host(:is(:state(state-opening),[state--state-opening])) .sbb-toast{animation-name:open;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}:host(:is(:state(state-closing),[state--state-closing])) .sbb-toast{animation-name:close;animation-duration:var(--sbb-toast-animation-duration);animation-timing-function:var(--sbb-toast-animation-timing-function)}.sbb-toast-wrapper{display:flex;align-items:center;gap:var(--sbb-toast-gap);padding-block:var(--sbb-toast-padding-block);padding-inline:var(--sbb-toast-padding-inline)}slot:not([name=icon]),.sbb-toast__close{color-scheme:only light}.sbb-toast__content{--sbb-title-font-size: var(--sbb-title-font-size-level-6-lean, var(--sbb-heading-font-size-6));--sbb-title-line-height: var(--sbb-typo-line-height-text);margin-block:var(--sbb-title-margin-block, 0);margin-inline:0;font-family:var(--sbb-typo-font-family);font-weight:700;font-size:var(--sbb-title-font-size);letter-spacing:var(--sbb-typo-letter-spacing-heading);line-height:var(--sbb-title-line-height, var(--sbb-typo-line-height-heading));flex:1 1 0}.sbb-toast__close{display:flex;align-items:center}.sbb-toast__close-divider{padding-block:var(--sbb-toast-padding-block)}.sbb-toast__close-button{margin-inline:var(--sbb-spacing-responsive-xxxs)}@keyframes open{0%{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}to{visibility:visible;opacity:1;translate:0}}@keyframes close{0%{visibility:visible;opacity:1;translate:0}to{visibility:hidden;opacity:0;translate:0 var(--sbb-spacing-fixed-2x)}}", y = /* @__PURE__ */ new Set(), b = (() => {
10
+ let b = _(l(c)), x, S = [], C = [], w, T = [], E = [], D, O = [], k = [];
11
+ return class extends b {
12
12
  static {
13
- let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(x[Symbol.metadata] ?? null) : void 0;
14
- S = [f(), a({ type: Number })], T = [a({ reflect: !0 })], O = [a()], e(this, null, S, {
13
+ let t = typeof Symbol == "function" && Symbol.metadata ? Object.create(b[Symbol.metadata] ?? null) : void 0;
14
+ x = [f(), a({ type: Number })], w = [a({ reflect: !0 })], D = [a()], e(this, null, x, {
15
15
  kind: "accessor",
16
16
  name: "timeout",
17
17
  static: !1,
@@ -24,7 +24,7 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
24
24
  }
25
25
  },
26
26
  metadata: t
27
- }, C, w), e(this, null, T, {
27
+ }, S, C), e(this, null, w, {
28
28
  kind: "accessor",
29
29
  name: "position",
30
30
  static: !1,
@@ -37,7 +37,7 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
37
37
  }
38
38
  },
39
39
  metadata: t
40
- }, E, D), e(this, null, O, {
40
+ }, T, E), e(this, null, D, {
41
41
  kind: "accessor",
42
42
  name: "politeness",
43
43
  static: !1,
@@ -50,7 +50,7 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
50
50
  }
51
51
  },
52
52
  metadata: t
53
- }, k, A), t && Object.defineProperty(this, Symbol.metadata, {
53
+ }, O, k), t && Object.defineProperty(this, Symbol.metadata, {
54
54
  enumerable: !0,
55
55
  configurable: !0,
56
56
  writable: !0,
@@ -61,10 +61,10 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
61
61
  this.elementName = "sbb-toast";
62
62
  }
63
63
  static {
64
- this.elementDependencies = [g, _];
64
+ this.elementDependencies = [h, g];
65
65
  }
66
66
  static {
67
- this.styles = [u, i(y)];
67
+ this.styles = [u, i(v)];
68
68
  }
69
69
  #e;
70
70
  get timeout() {
@@ -88,15 +88,15 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
88
88
  this.#n = e;
89
89
  }
90
90
  constructor() {
91
- super(), this.#e = t(this, C, 0), this.#t = (t(this, w), t(this, E, "bottom-center")), this.#n = (t(this, D), t(this, k, "polite")), this._closeTimeout = t(this, A), this._language = new s(this), this._darkModeController = new o(this, () => {
91
+ super(), this.#e = t(this, S, 0), this.#t = (t(this, C), t(this, T, "bottom-center")), this.#n = (t(this, E), t(this, O, "polite")), this._closeTimeout = t(this, k), this._language = new s(this), this._darkModeController = new o(this, () => {
92
92
  this._syncSlottedElements(), this.requestUpdate();
93
93
  }), this.addEventListener?.("click", (e) => this._onClick(e));
94
94
  }
95
95
  connectedCallback() {
96
- this.popover = "manual", super.connectedCallback(), b.add(this);
96
+ this.popover = "manual", super.connectedCallback(), y.add(this);
97
97
  }
98
98
  disconnectedCallback() {
99
- super.disconnectedCallback(), clearTimeout(this._closeTimeout), b.delete(this);
99
+ super.disconnectedCallback(), clearTimeout(this._closeTimeout), y.delete(this);
100
100
  }
101
101
  willUpdate(e) {
102
102
  super.willUpdate(e), e.has("politeness") && (this.internals.ariaLive = this.politeness);
@@ -121,7 +121,7 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
121
121
  t && !t.hasAttribute("disabled") && this.close();
122
122
  }
123
123
  _isZeroAnimationDuration() {
124
- return h(this, "--sbb-toast-animation-duration");
124
+ return m(this, "--sbb-toast-animation-duration");
125
125
  }
126
126
  _onContentSlotChange(e) {
127
127
  let t = e.target.assignedNodes();
@@ -133,7 +133,7 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
133
133
  }
134
134
  _syncSlottedElements() {
135
135
  this.querySelectorAll("sbb-transparent-button, sbb-transparent-button-link").forEach((e) => {
136
- e.negative = this._isLightMode(), e.size = m() ? "s" : "m";
136
+ e.negative = this._isLightMode();
137
137
  }), this.querySelectorAll("sbb-link, sbb-link-button, sbb-link-static").forEach((e) => {
138
138
  e.negative = this._isLightMode();
139
139
  });
@@ -142,7 +142,7 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
142
142
  e.animationName === "open" && this.state === "opening" ? this._handleOpening() : e.animationName === "close" && this.state === "closing" && this._handleClosing();
143
143
  }
144
144
  _closeOtherToasts() {
145
- b.forEach((e) => {
145
+ y.forEach((e) => {
146
146
  (e.state === "opened" || e.state === "opening") && e.close();
147
147
  });
148
148
  }
@@ -170,7 +170,6 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
170
170
  class="sbb-toast__close-button"
171
171
  icon-name="cross-small"
172
172
  ?negative=${this._isLightMode()}
173
- size="m"
174
173
  aria-label=${p[this._language.current]}
175
174
  sbb-toast-close
176
175
  ></sbb-transparent-button>`}
@@ -182,4 +181,4 @@ var y = ":host{--sbb-toast-max-width: 25rem;--sbb-toast-animation-duration: var(
182
181
  };
183
182
  })();
184
183
  //#endregion
185
- export { x as t };
184
+ export { b as t };
package/toast.js CHANGED
@@ -1,4 +1,4 @@
1
- import { t as e } from "./toast.component-D53COYeM.js";
1
+ import { t as e } from "./toast.component-CXouszwJ.js";
2
2
  import "./toast.pure.js";
3
3
  //#region src/elements/toast.ts
4
4
  e.define();
package/toast.pure.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "./toast.component-D53COYeM.js";
1
+ import { t as e } from "./toast.component-CXouszwJ.js";
2
2
  export { e as SbbToastElement };