@sbb-esta/lyne-react 3.0.0-next.3 → 3.0.0

package/development/slider/slider.component.d.ts

@@ -1,6 +1,8 @@
 import { EventName } from '../core.js';
 import { SbbSliderElement } from '@sbb-esta/lyne-elements/slider.js';
 export declare const SbbSlider: import('../core.js').ReactWebComponent<SbbSliderElement, {
-    onDidChange: EventName<CustomEvent<void>>;
+    onChange: EventName<Event>;
+    onDidChange: EventName<Event>;
+    onInput: EventName<InputEvent>;
 }>;
 //# sourceMappingURL=slider.component.d.ts.map

package/development/slider/slider.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"slider.component.d.ts","sourceRoot":"","sources":["../../../../src/react/slider/slider.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAIrE,eAAO,MAAM,SAAS;iBAKU,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAG1D,CAAC"}
+{"version":3,"file":"slider.component.d.ts","sourceRoot":"","sources":["../../../../src/react/slider/slider.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAIrE,eAAO,MAAM,SAAS;cAKI,SAAS,CAAC,KAAK,CAAC;iBACV,SAAS,CAAC,KAAK,CAAC;aACxB,SAAS,CAAC,UAAU,CAAC;EAG3C,CAAC"}

package/development/slider/slider.component.js

@@ -6,7 +6,9 @@ const SbbSlider = createComponent({
   elementClass: SbbSliderElement,
   react,
   events: {
-    "onDidChange": "didChange"
+    "onChange": "change",
+    "onDidChange": "didChange",
+    "onInput": "input"
   }
 });
 export {

package/development/tabs/tab-group/tab-group.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbTabGroupElement, SbbTabChangedEventDetails } from '@sbb-esta/lyne-elements/tabs/tab-group.js';
 export declare const SbbTabGroup: import('../../core.js').ReactWebComponent<SbbTabGroupElement, {
-    onDidChange: EventName<CustomEvent<SbbTabChangedEventDetails>>;
+    onTabchange: EventName<CustomEvent<SbbTabChangedEventDetails>>;
 }>;
 //# sourceMappingURL=tab-group.component.d.ts.map

package/development/tabs/tab-group/tab-group.component.js

@@ -6,7 +6,7 @@ const SbbTabGroup = createComponent({
   elementClass: SbbTabGroupElement,
   react,
   events: {
-    "onDidChange": "didChange"
+    "onTabchange": "tabchange"
   }
 });
 export {

package/development/tag/tag/tag.component.d.ts

@@ -1,8 +1,8 @@
 import { EventName } from '../../core.js';
 import { SbbTagElement } from '@sbb-esta/lyne-elements/tag/tag.js';
 export declare const SbbTag: import('../../core.js').ReactWebComponent<SbbTagElement<string>, {
-    onInput: EventName<CustomEvent<void>>;
-    onDidChange: EventName<CustomEvent<void>>;
-    onChange: EventName<CustomEvent<void>>;
+    onInput: EventName<InputEvent>;
+    onChange: EventName<Event>;
+    onDidChange: EventName<Event>;
 }>;
 //# sourceMappingURL=tag.component.d.ts.map

package/development/tag/tag/tag.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/tag/tag/tag.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAInE,eAAO,MAAM,MAAM;aAKK,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACpB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;cAClC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGpD,CAAC"}
+{"version":3,"file":"tag.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/tag/tag/tag.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AAInE,eAAO,MAAM,MAAM;aAKK,SAAS,CAAC,UAAU,CAAC;cACnB,SAAS,CAAC,KAAK,CAAC;iBACV,SAAS,CAAC,KAAK,CAAC;EAG9C,CAAC"}

package/development/tag/tag/tag.component.js

@@ -7,8 +7,8 @@ const SbbTag = createComponent({
   react,
   events: {
     "onInput": "input",
-    "onDidChange": "didChange",
-    "onChange": "change"
+    "onChange": "change",
+    "onDidChange": "didChange"
   }
 });
 export {

package/development/toast/toast.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../core.js';
 import { SbbToastElement } from '@sbb-esta/lyne-elements/toast.js';
 export declare const SbbToast: import('../core.js').ReactWebComponent<SbbToastElement, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
+    onBeforeclose: EventName<Event>;
+    onClose: EventName<Event>;
 }>;
 //# sourceMappingURL=toast.component.d.ts.map

package/development/toast/toast.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast.component.d.ts","sourceRoot":"","sources":["../../../../src/react/toast/toast.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAInE,eAAO,MAAM,QAAQ;gBAKS,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"toast.component.d.ts","sourceRoot":"","sources":["../../../../src/react/toast/toast.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAInE,eAAO,MAAM,QAAQ;kBAKa,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;mBACF,SAAS,CAAC,KAAK,CAAC;aAC5B,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/development/toast/toast.component.js

@@ -6,10 +6,10 @@ const SbbToast = createComponent({
   elementClass: SbbToastElement,
   react,
   events: {
-    "onWillOpen": "willOpen",
-    "onDidOpen": "didOpen",
-    "onWillClose": "willClose",
-    "onDidClose": "didClose"
+    "onBeforeopen": "beforeopen",
+    "onOpen": "open",
+    "onBeforeclose": "beforeclose",
+    "onClose": "close"
   }
 });
 export {

package/development/toggle/toggle/toggle.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbToggleElement } from '@sbb-esta/lyne-elements/toggle/toggle.js';
 export declare const SbbToggle: import('../../core.js').ReactWebComponent<SbbToggleElement<string>, {
-    onChange: EventName<CustomEvent<void>>;
+    onChange: EventName<Event>;
 }>;
 //# sourceMappingURL=toggle.component.d.ts.map

package/development/toggle/toggle/toggle.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/toggle/toggle/toggle.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAI5E,eAAO,MAAM,SAAS;cAKI,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGpD,CAAC"}
+{"version":3,"file":"toggle.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/toggle/toggle/toggle.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAI5E,eAAO,MAAM,SAAS;cAKI,SAAS,CAAC,KAAK,CAAC;EAGxC,CAAC"}

package/dialog/dialog/dialog.component.d.ts

@@ -2,9 +2,9 @@ import { EventName } from '../../core.js';
 import { SbbDialogElement } from '@sbb-esta/lyne-elements/dialog/dialog.js';
 import { SbbOverlayCloseEventDetails } from '@sbb-esta/lyne-elements/core/interfaces.js';
 export declare const SbbDialog: import('../../core.js').ReactWebComponent<SbbDialogElement, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<SbbOverlayCloseEventDetails>>;
+    onBeforeclose: EventName<CustomEvent<SbbOverlayCloseEventDetails>>;
+    onClose: EventName<CustomEvent<SbbOverlayCloseEventDetails>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
 }>;
 //# sourceMappingURL=dialog.component.d.ts.map

package/dialog/dialog/dialog.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/react/dialog/dialog/dialog.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AAI5F,eAAO,MAAM,SAAS;gBAKQ,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC;EAG/E,CAAC"}
+{"version":3,"file":"dialog.component.d.ts","sourceRoot":"","sources":["../../../../src/react/dialog/dialog/dialog.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC9E,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AAI5F,eAAO,MAAM,SAAS;mBAKc,SAAS,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC;aAC/D,SAAS,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC;kBACzC,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;EAGpC,CAAC"}

package/dialog/dialog/dialog.component.js

@@ -1,16 +1,16 @@
-import { c as o } from "../../create-component-BzQJ4c_K.js";
-import { SbbDialogElement as e } from "@sbb-esta/lyne-elements/dialog/dialog.js";
+import { c as e } from "../../create-component-BzQJ4c_K.js";
+import { SbbDialogElement as o } from "@sbb-esta/lyne-elements/dialog/dialog.js";
 import "@sbb-esta/lyne-elements/core/interfaces.js";
-import l from "react";
-const p = o({
+import n from "react";
+const p = e({
   tagName: "sbb-dialog",
-  elementClass: e,
-  react: l,
+  elementClass: o,
+  react: n,
   events: {
-    onWillOpen: "willOpen",
-    onDidOpen: "didOpen",
-    onWillClose: "willClose",
-    onDidClose: "didClose"
+    onBeforeclose: "beforeclose",
+    onClose: "close",
+    onBeforeopen: "beforeopen",
+    onOpen: "open"
   }
 });
 export {

package/expansion-panel/expansion-panel/expansion-panel.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../../core.js';
 import { SbbExpansionPanelElement } from '@sbb-esta/lyne-elements/expansion-panel/expansion-panel.js';
 export declare const SbbExpansionPanel: import('../../core.js').ReactWebComponent<SbbExpansionPanelElement, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
+    onBeforeopen: EventName<Event>;
+    onBeforeclose: EventName<Event>;
+    onOpen: EventName<Event>;
+    onClose: EventName<Event>;
 }>;
 //# sourceMappingURL=expansion-panel.component.d.ts.map

package/expansion-panel/expansion-panel/expansion-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/react/expansion-panel/expansion-panel/expansion-panel.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4DAA4D,CAAC;AAItG,eAAO,MAAM,iBAAiB;gBAKA,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"expansion-panel.component.d.ts","sourceRoot":"","sources":["../../../../src/react/expansion-panel/expansion-panel/expansion-panel.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4DAA4D,CAAC;AAItG,eAAO,MAAM,iBAAiB;kBAKI,SAAS,CAAC,KAAK,CAAC;mBACd,SAAS,CAAC,KAAK,CAAC;YAC9B,SAAS,CAAC,KAAK,CAAC;aACd,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/expansion-panel/expansion-panel/expansion-panel.component.js

@@ -1,17 +1,17 @@
 import { c as e } from "../../create-component-BzQJ4c_K.js";
-import { SbbExpansionPanelElement as n } from "@sbb-esta/lyne-elements/expansion-panel/expansion-panel.js";
-import o from "react";
-const s = e({
+import { SbbExpansionPanelElement as o } from "@sbb-esta/lyne-elements/expansion-panel/expansion-panel.js";
+import n from "react";
+const a = e({
   tagName: "sbb-expansion-panel",
-  elementClass: n,
-  react: o,
+  elementClass: o,
+  react: n,
   events: {
-    onWillOpen: "willOpen",
-    onDidOpen: "didOpen",
-    onWillClose: "willClose",
-    onDidClose: "didClose"
+    onBeforeopen: "beforeopen",
+    onBeforeclose: "beforeclose",
+    onOpen: "open",
+    onClose: "close"
   }
 });
 export {
-  s as SbbExpansionPanel
+  a as SbbExpansionPanel
 };

package/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbExpansionPanelHeaderElement } from '@sbb-esta/lyne-elements/expansion-panel/expansion-panel-header.js';
 export declare const SbbExpansionPanelHeader: import('../../core.js').ReactWebComponent<SbbExpansionPanelHeaderElement, {
-    onToggleExpanded: EventName<CustomEvent<void>>;
+    onToggleexpanded: EventName<Event>;
 }>;
 //# sourceMappingURL=expansion-panel-header.component.d.ts.map

package/expansion-panel/expansion-panel-header/expansion-panel-header.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel-header.component.d.ts","sourceRoot":"","sources":["../../../../src/react/expansion-panel/expansion-panel-header/expansion-panel-header.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mEAAmE,CAAC;AAInH,eAAO,MAAM,uBAAuB;sBAKM,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGpE,CAAC"}
+{"version":3,"file":"expansion-panel-header.component.d.ts","sourceRoot":"","sources":["../../../../src/react/expansion-panel/expansion-panel-header/expansion-panel-header.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,8BAA8B,EAAE,MAAM,mEAAmE,CAAC;AAInH,eAAO,MAAM,uBAAuB;sBAKM,SAAS,CAAC,KAAK,CAAC;EAGxD,CAAC"}

package/expansion-panel/expansion-panel-header/expansion-panel-header.component.js

@@ -6,7 +6,7 @@ const p = e({
   elementClass: n,
   react: a,
   events: {
-    onToggleExpanded: "toggleExpanded"
+    onToggleexpanded: "toggleexpanded"
   }
 });
 export {

package/file-selector/file-selector/file-selector.component.d.ts

@@ -1,8 +1,8 @@
 import { EventName } from '../../core.js';
 import { SbbFileSelectorElement } from '@sbb-esta/lyne-elements/file-selector/file-selector.js';
 export declare const SbbFileSelector: import('../../core.js').ReactWebComponent<SbbFileSelectorElement, {
-    onFileChanged: EventName<CustomEvent<Readonly<File>[]>>;
+    onInput: EventName<InputEvent>;
     onChange: EventName<Event>;
-    onInput: EventName<Event>;
+    onFilechanged: EventName<CustomEvent<Readonly<File>[]>>;
 }>;
 //# sourceMappingURL=file-selector.component.d.ts.map

package/file-selector/file-selector/file-selector.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-selector.component.d.ts","sourceRoot":"","sources":["../../../../src/react/file-selector/file-selector/file-selector.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wDAAwD,CAAC;AAIhG,eAAO,MAAM,eAAe;mBAKQ,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;cAClD,SAAS,CAAC,KAAK,CAAC;aAClB,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}
+{"version":3,"file":"file-selector.component.d.ts","sourceRoot":"","sources":["../../../../src/react/file-selector/file-selector/file-selector.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,sBAAsB,EAAE,MAAM,wDAAwD,CAAC;AAIhG,eAAO,MAAM,eAAe;aAKJ,SAAS,CAAC,UAAU,CAAC;cACnB,SAAS,CAAC,KAAK,CAAC;mBACN,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EAG1E,CAAC"}

package/file-selector/file-selector/file-selector.component.js

@@ -6,9 +6,9 @@ const a = e({
   elementClass: t,
   react: o,
   events: {
-    onFileChanged: "fileChanged",
+    onInput: "input",
     onChange: "change",
-    onInput: "input"
+    onFilechanged: "filechanged"
   }
 });
 export {

package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts

@@ -1,8 +1,8 @@
 import { EventName } from '../../core.js';
 import { SbbFileSelectorDropzoneElement } from '@sbb-esta/lyne-elements/file-selector/file-selector-dropzone.js';
 export declare const SbbFileSelectorDropzone: import('../../core.js').ReactWebComponent<SbbFileSelectorDropzoneElement, {
-    onFileChanged: EventName<CustomEvent<Readonly<File>[]>>;
+    onInput: EventName<InputEvent>;
     onChange: EventName<Event>;
-    onInput: EventName<Event>;
+    onFilechanged: EventName<CustomEvent<Readonly<File>[]>>;
 }>;
 //# sourceMappingURL=file-selector-dropzone.component.d.ts.map

package/file-selector/file-selector-dropzone/file-selector-dropzone.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"file-selector-dropzone.component.d.ts","sourceRoot":"","sources":["../../../../src/react/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,8BAA8B,EAAE,MAAM,iEAAiE,CAAC;AAIjH,eAAO,MAAM,uBAAuB;mBAKA,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;cAClD,SAAS,CAAC,KAAK,CAAC;aAClB,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}
+{"version":3,"file":"file-selector-dropzone.component.d.ts","sourceRoot":"","sources":["../../../../src/react/file-selector/file-selector-dropzone/file-selector-dropzone.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,8BAA8B,EAAE,MAAM,iEAAiE,CAAC;AAIjH,eAAO,MAAM,uBAAuB;aAKZ,SAAS,CAAC,UAAU,CAAC;cACnB,SAAS,CAAC,KAAK,CAAC;mBACN,SAAS,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;EAG1E,CAAC"}

package/file-selector/file-selector-dropzone/file-selector-dropzone.component.js

@@ -6,9 +6,9 @@ const a = e({
   elementClass: o,
   react: n,
   events: {
-    onFileChanged: "fileChanged",
+    onInput: "input",
     onChange: "change",
-    onInput: "input"
+    onFilechanged: "filechanged"
   }
 });
 export {

package/flip-card/flip-card/flip-card.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../../core.js';
 import { SbbFlipCardElement } from '@sbb-esta/lyne-elements/flip-card/flip-card.js';
 export declare const SbbFlipCard: import('../../core.js').ReactWebComponent<SbbFlipCardElement, {
-    onFlip: EventName<CustomEvent<void>>;
+    onFlip: EventName<Event>;
 }>;
 //# sourceMappingURL=flip-card.component.d.ts.map

package/flip-card/flip-card/flip-card.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"flip-card.component.d.ts","sourceRoot":"","sources":["../../../../src/react/flip-card/flip-card/flip-card.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAIpF,eAAO,MAAM,WAAW;YAKF,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGhD,CAAC"}
+{"version":3,"file":"flip-card.component.d.ts","sourceRoot":"","sources":["../../../../src/react/flip-card/flip-card/flip-card.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AAIpF,eAAO,MAAM,WAAW;YAKF,SAAS,CAAC,KAAK,CAAC;EAGpC,CAAC"}

package/menu/menu/menu.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../../core.js';
 import { SbbMenuElement } from '@sbb-esta/lyne-elements/menu/menu.js';
 export declare const SbbMenu: import('../../core.js').ReactWebComponent<SbbMenuElement, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
+    onBeforeclose: EventName<Event>;
+    onClose: EventName<Event>;
 }>;
 //# sourceMappingURL=menu.component.d.ts.map

package/menu/menu/menu.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menu.component.d.ts","sourceRoot":"","sources":["../../../../src/react/menu/menu/menu.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAItE,eAAO,MAAM,OAAO;gBAKU,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"menu.component.d.ts","sourceRoot":"","sources":["../../../../src/react/menu/menu/menu.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAItE,eAAO,MAAM,OAAO;kBAKc,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;mBACF,SAAS,CAAC,KAAK,CAAC;aAC5B,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/menu/menu/menu.component.js

@@ -1,17 +1,17 @@
 import { c as e } from "../../create-component-BzQJ4c_K.js";
 import { SbbMenuElement as o } from "@sbb-esta/lyne-elements/menu/menu.js";
 import n from "react";
-const m = e({
+const s = e({
   tagName: "sbb-menu",
   elementClass: o,
   react: n,
   events: {
-    onWillOpen: "willOpen",
-    onDidOpen: "didOpen",
-    onWillClose: "willClose",
-    onDidClose: "didClose"
+    onBeforeopen: "beforeopen",
+    onOpen: "open",
+    onBeforeclose: "beforeclose",
+    onClose: "close"
   }
 });
 export {
-  m as SbbMenu
+  s as SbbMenu
 };

package/navigation/navigation/navigation.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../../core.js';
 import { SbbNavigationElement } from '@sbb-esta/lyne-elements/navigation/navigation.js';
 export declare const SbbNavigation: import('../../core.js').ReactWebComponent<SbbNavigationElement, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
+    onBeforeclose: EventName<Event>;
+    onClose: EventName<Event>;
 }>;
 //# sourceMappingURL=navigation.component.d.ts.map

package/navigation/navigation/navigation.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../../src/react/navigation/navigation/navigation.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AAIxF,eAAO,MAAM,aAAa;gBAKI,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"navigation.component.d.ts","sourceRoot":"","sources":["../../../../src/react/navigation/navigation/navigation.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AAIxF,eAAO,MAAM,aAAa;kBAKQ,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;mBACF,SAAS,CAAC,KAAK,CAAC;aAC5B,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/navigation/navigation/navigation.component.js

@@ -1,17 +1,17 @@
 import { c as e } from "../../create-component-BzQJ4c_K.js";
 import { SbbNavigationElement as o } from "@sbb-esta/lyne-elements/navigation/navigation.js";
 import n from "react";
-const a = e({
+const m = e({
   tagName: "sbb-navigation",
   elementClass: o,
   react: n,
   events: {
-    onWillOpen: "willOpen",
-    onDidOpen: "didOpen",
-    onWillClose: "willClose",
-    onDidClose: "didClose"
+    onBeforeopen: "beforeopen",
+    onOpen: "open",
+    onBeforeclose: "beforeclose",
+    onClose: "close"
   }
 });
 export {
-  a as SbbNavigation
+  m as SbbNavigation
 };

package/notification/notification.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../core.js';
 import { SbbNotificationElement } from '@sbb-esta/lyne-elements/notification.js';
 export declare const SbbNotification: import('../core.js').ReactWebComponent<SbbNotificationElement, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<void>>;
+    onBeforeopen: EventName<Event>;
+    onBeforeclose: EventName<Event>;
+    onOpen: EventName<Event>;
+    onClose: EventName<Event>;
 }>;
 //# sourceMappingURL=notification.component.d.ts.map

package/notification/notification.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notification.component.d.ts","sourceRoot":"","sources":["../../../src/react/notification/notification.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAIjF,eAAO,MAAM,eAAe;gBAKE,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGxD,CAAC"}
+{"version":3,"file":"notification.component.d.ts","sourceRoot":"","sources":["../../../src/react/notification/notification.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,yCAAyC,CAAC;AAIjF,eAAO,MAAM,eAAe;kBAKM,SAAS,CAAC,KAAK,CAAC;mBACd,SAAS,CAAC,KAAK,CAAC;YAC9B,SAAS,CAAC,KAAK,CAAC;aACd,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/notification/notification.component.js

@@ -1,17 +1,17 @@
 import { c as o } from "../create-component-BzQJ4c_K.js";
 import { SbbNotificationElement as e } from "@sbb-esta/lyne-elements/notification.js";
-import i from "react";
-const m = o({
+import n from "react";
+const c = o({
   tagName: "sbb-notification",
   elementClass: e,
-  react: i,
+  react: n,
   events: {
-    onWillOpen: "willOpen",
-    onDidOpen: "didOpen",
-    onWillClose: "willClose",
-    onDidClose: "didClose"
+    onBeforeopen: "beforeopen",
+    onBeforeclose: "beforeclose",
+    onOpen: "open",
+    onClose: "close"
   }
 });
 export {
-  m as SbbNotification
+  c as SbbNotification
 };

package/option/option/option.component.d.ts

@@ -1,7 +1,7 @@
 import { EventName } from '../../core.js';
 import { SbbOptionElement } from '@sbb-esta/lyne-elements/option/option.js';
 export declare const SbbOption: import('../../core.js').ReactWebComponent<SbbOptionElement<string>, {
-    onOptionSelectionChange: EventName<CustomEvent<void>>;
-    onOptionSelected: EventName<CustomEvent<void>>;
+    onOptionselectionchange: EventName<Event>;
+    onOptionselected: EventName<Event>;
 }>;
 //# sourceMappingURL=option.component.d.ts.map

package/option/option/option.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"option.component.d.ts","sourceRoot":"","sources":["../../../../src/react/option/option/option.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAI5E,eAAO,MAAM,SAAS;6BAKkC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;sBAC1C,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAGpE,CAAC"}
+{"version":3,"file":"option.component.d.ts","sourceRoot":"","sources":["../../../../src/react/option/option/option.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAI5E,eAAO,MAAM,SAAS;6BAKkC,SAAS,CAAC,KAAK,CAAC;sBAC9B,SAAS,CAAC,KAAK,CAAC;EAGxD,CAAC"}

package/option/option/option.component.js

@@ -1,15 +1,15 @@
 import { c as e } from "../../create-component-BzQJ4c_K.js";
 import { SbbOptionElement as o } from "@sbb-esta/lyne-elements/option/option.js";
 import t from "react";
-const m = e({
+const c = e({
   tagName: "sbb-option",
   elementClass: o,
   react: t,
   events: {
-    onOptionSelectionChange: "optionSelectionChange",
-    onOptionSelected: "optionSelected"
+    onOptionselectionchange: "optionselectionchange",
+    onOptionselected: "optionselected"
   }
 });
 export {
-  m as SbbOption
+  c as SbbOption
 };

package/overlay/overlay.component.d.ts

@@ -2,9 +2,9 @@ import { EventName } from '../core.js';
 import { SbbOverlayElement } from '@sbb-esta/lyne-elements/overlay.js';
 import { SbbOverlayCloseEventDetails } from '@sbb-esta/lyne-elements/core/interfaces.js';
 export declare const SbbOverlay: import('../core.js').ReactWebComponent<SbbOverlayElement, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<void>>;
-    onDidClose: EventName<CustomEvent<SbbOverlayCloseEventDetails>>;
+    onBeforeclose: EventName<CustomEvent<SbbOverlayCloseEventDetails>>;
+    onClose: EventName<CustomEvent<SbbOverlayCloseEventDetails>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
 }>;
 //# sourceMappingURL=overlay.component.d.ts.map

package/overlay/overlay.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.component.d.ts","sourceRoot":"","sources":["../../../src/react/overlay/overlay.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AAI5F,eAAO,MAAM,UAAU;gBAKO,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;eAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;iBACxB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC;EAG/E,CAAC"}
+{"version":3,"file":"overlay.component.d.ts","sourceRoot":"","sources":["../../../src/react/overlay/overlay.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AACzE,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AAI5F,eAAO,MAAM,UAAU;mBAKa,SAAS,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC;aAC/D,SAAS,CAAC,WAAW,CAAC,2BAA2B,CAAC,CAAC;kBACzC,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;EAGpC,CAAC"}

package/overlay/overlay.component.js

@@ -1,18 +1,18 @@
 import { c as e } from "../create-component-BzQJ4c_K.js";
 import { SbbOverlayElement as o } from "@sbb-esta/lyne-elements/overlay.js";
 import "@sbb-esta/lyne-elements/core/interfaces.js";
-import l from "react";
-const m = e({
+import r from "react";
+const p = e({
   tagName: "sbb-overlay",
   elementClass: o,
-  react: l,
+  react: r,
   events: {
-    onWillOpen: "willOpen",
-    onDidOpen: "didOpen",
-    onWillClose: "willClose",
-    onDidClose: "didClose"
+    onBeforeclose: "beforeclose",
+    onClose: "close",
+    onBeforeopen: "beforeopen",
+    onOpen: "open"
   }
 });
 export {
-  m as SbbOverlay
+  p as SbbOverlay
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sbb-esta/lyne-react",
-  "version": "3.0.0-next.3",
+  "version": "3.0.0",
   "description": "Lyne Design System React Library",
   "keywords": [
     "design system",
@@ -10,7 +10,7 @@
   ],
   "type": "module",
   "peerDependencies": {
-    "@sbb-esta/lyne-elements": "3.0.0-next.3",
+    "@sbb-esta/lyne-elements": "3.0.0",
     "react": "^18.2.0 || ^19.0.0"
   },
   "dependencies": {

package/popover/popover/popover.component.d.ts

@@ -1,13 +1,13 @@
 import { EventName } from '../../core.js';
 import { SbbPopoverElement } from '@sbb-esta/lyne-elements/popover/popover.js';
 export declare const SbbPopover: import('../../core.js').ReactWebComponent<SbbPopoverElement, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<{
-        closeTarget: HTMLElement;
+    onBeforeclose: EventName<CustomEvent<{
+        closeTarget: HTMLElement | null;
     }>>;
-    onDidClose: EventName<CustomEvent<{
-        closeTarget: HTMLElement;
+    onClose: EventName<CustomEvent<{
+        closeTarget: HTMLElement | null;
     }>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
 }>;
 //# sourceMappingURL=popover.component.d.ts.map