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

package/development/button/button-static/button-static.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button-static.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/button-static/button-static.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AAIzF,eAAO,MAAM,eAAe,uEAI1B,CAAC"}
+{"version":3,"file":"button-static.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/button-static/button-static.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC;AAIzF,eAAO,MAAM,eAAe,uEAI1B,CAAC"}

package/development/button/mini-button/mini-button.component.d.ts

@@ -1,3 +1,8 @@
 import { SbbMiniButtonElement } from '@sbb-esta/lyne-elements/button/mini-button.js';
-export declare const SbbMiniButton: import('../../core.js').ReactWebComponent<SbbMiniButtonElement, {}>;
+declare class SbbMiniButtonComponentType extends SbbMiniButtonElement {
+    set form(value: string | SbbMiniButtonElement['form']);
+    get form(): string | SbbMiniButtonElement['form'];
+}
+export declare const SbbMiniButton: import('../../core.js').ReactWebComponent<SbbMiniButtonComponentType, {}>;
+export {};
 //# sourceMappingURL=mini-button.component.d.ts.map

package/development/button/mini-button/mini-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mini-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/mini-button/mini-button.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAIrF,eAAO,MAAM,aAAa,qEAIxB,CAAC"}
+{"version":3,"file":"mini-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/mini-button/mini-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAC;AAGrF,OAAO,OAAO,0BAA2B,SAAQ,oBAAoB;IAEnE,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,oBAAoB,CAAC,MAAM,CAAC,EAE3D;IAED,IAAW,IAAI,IAAI,MAAM,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAEvD;CAEF;AAKD,eAAO,MAAM,aAAa,2EAIxB,CAAC"}

package/development/button/mini-button/mini-button.component.js

@@ -1,9 +1,10 @@
 import { c as createComponent } from "../../create-component-D2eL6dzj.js";
 import { SbbMiniButtonElement } from "@sbb-esta/lyne-elements/button/mini-button.js";
 import react from "react";
+const SbbMiniButtonComponent = SbbMiniButtonElement;
 const SbbMiniButton = createComponent({
   tagName: "sbb-mini-button",
-  elementClass: SbbMiniButtonElement,
+  elementClass: SbbMiniButtonComponent,
   react
 });
 export {

package/development/button/mini-button-group/mini-button-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"mini-button-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/mini-button-group/mini-button-group.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,yBAAyB,EAAE,MAAM,qDAAqD,CAAC;AAIhG,eAAO,MAAM,kBAAkB,0EAI7B,CAAC"}
+{"version":3,"file":"mini-button-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/mini-button-group/mini-button-group.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,qDAAqD,CAAC;AAIhG,eAAO,MAAM,kBAAkB,0EAI7B,CAAC"}

package/development/button/secondary-button/secondary-button.component.d.ts

@@ -1,3 +1,8 @@
 import { SbbSecondaryButtonElement } from '@sbb-esta/lyne-elements/button/secondary-button.js';
-export declare const SbbSecondaryButton: import('../../core.js').ReactWebComponent<SbbSecondaryButtonElement, {}>;
+declare class SbbSecondaryButtonComponentType extends SbbSecondaryButtonElement {
+    set form(value: string | SbbSecondaryButtonElement['form']);
+    get form(): string | SbbSecondaryButtonElement['form'];
+}
+export declare const SbbSecondaryButton: import('../../core.js').ReactWebComponent<SbbSecondaryButtonComponentType, {}>;
+export {};
 //# sourceMappingURL=secondary-button.component.d.ts.map

package/development/button/secondary-button/secondary-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"secondary-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/secondary-button/secondary-button.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oDAAoD,CAAC;AAI/F,eAAO,MAAM,kBAAkB,0EAI7B,CAAC"}
+{"version":3,"file":"secondary-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/secondary-button/secondary-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oDAAoD,CAAC;AAG/F,OAAO,OAAO,+BAAgC,SAAQ,yBAAyB;IAE7E,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,yBAAyB,CAAC,MAAM,CAAC,EAEhE;IAED,IAAW,IAAI,IAAI,MAAM,GAAG,yBAAyB,CAAC,MAAM,CAAC,CAE5D;CAEF;AAKD,eAAO,MAAM,kBAAkB,gFAI7B,CAAC"}

package/development/button/secondary-button/secondary-button.component.js

@@ -1,9 +1,10 @@
 import { c as createComponent } from "../../create-component-D2eL6dzj.js";
 import { SbbSecondaryButtonElement } from "@sbb-esta/lyne-elements/button/secondary-button.js";
 import react from "react";
+const SbbSecondaryButtonComponent = SbbSecondaryButtonElement;
 const SbbSecondaryButton = createComponent({
   tagName: "sbb-secondary-button",
-  elementClass: SbbSecondaryButtonElement,
+  elementClass: SbbSecondaryButtonComponent,
   react
 });
 export {

package/development/button/secondary-button-link/secondary-button-link.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"secondary-button-link.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/secondary-button-link/secondary-button-link.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAIxG,eAAO,MAAM,sBAAsB,8EAIjC,CAAC"}
+{"version":3,"file":"secondary-button-link.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/secondary-button-link/secondary-button-link.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,6BAA6B,EAAE,MAAM,yDAAyD,CAAC;AAIxG,eAAO,MAAM,sBAAsB,8EAIjC,CAAC"}

package/development/button/secondary-button-static/secondary-button-static.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"secondary-button-static.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/secondary-button-static/secondary-button-static.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,+BAA+B,EAAE,MAAM,2DAA2D,CAAC;AAI5G,eAAO,MAAM,wBAAwB,gFAInC,CAAC"}
+{"version":3,"file":"secondary-button-static.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/secondary-button-static/secondary-button-static.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,+BAA+B,EAAE,MAAM,2DAA2D,CAAC;AAI5G,eAAO,MAAM,wBAAwB,gFAInC,CAAC"}

package/development/button/transparent-button/transparent-button.component.d.ts

@@ -1,3 +1,8 @@
 import { SbbTransparentButtonElement } from '@sbb-esta/lyne-elements/button/transparent-button.js';
-export declare const SbbTransparentButton: import('../../core.js').ReactWebComponent<SbbTransparentButtonElement, {}>;
+declare class SbbTransparentButtonComponentType extends SbbTransparentButtonElement {
+    set form(value: string | SbbTransparentButtonElement['form']);
+    get form(): string | SbbTransparentButtonElement['form'];
+}
+export declare const SbbTransparentButton: import('../../core.js').ReactWebComponent<SbbTransparentButtonComponentType, {}>;
+export {};
 //# sourceMappingURL=transparent-button.component.d.ts.map

package/development/button/transparent-button/transparent-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transparent-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/transparent-button/transparent-button.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,2BAA2B,EAAE,MAAM,sDAAsD,CAAC;AAInG,eAAO,MAAM,oBAAoB,4EAI/B,CAAC"}
+{"version":3,"file":"transparent-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/transparent-button/transparent-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,sDAAsD,CAAC;AAGnG,OAAO,OAAO,iCAAkC,SAAQ,2BAA2B;IAEjF,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,2BAA2B,CAAC,MAAM,CAAC,EAElE;IAED,IAAW,IAAI,IAAI,MAAM,GAAG,2BAA2B,CAAC,MAAM,CAAC,CAE9D;CAEF;AAKD,eAAO,MAAM,oBAAoB,kFAI/B,CAAC"}

package/development/button/transparent-button/transparent-button.component.js

@@ -1,9 +1,10 @@
 import { c as createComponent } from "../../create-component-D2eL6dzj.js";
 import { SbbTransparentButtonElement } from "@sbb-esta/lyne-elements/button/transparent-button.js";
 import react from "react";
+const SbbTransparentButtonComponent = SbbTransparentButtonElement;
 const SbbTransparentButton = createComponent({
   tagName: "sbb-transparent-button",
-  elementClass: SbbTransparentButtonElement,
+  elementClass: SbbTransparentButtonComponent,
   react
 });
 export {

package/development/button/transparent-button-link/transparent-button-link.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transparent-button-link.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/transparent-button-link/transparent-button-link.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,+BAA+B,EAAE,MAAM,2DAA2D,CAAC;AAI5G,eAAO,MAAM,wBAAwB,gFAInC,CAAC"}
+{"version":3,"file":"transparent-button-link.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/transparent-button-link/transparent-button-link.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,+BAA+B,EAAE,MAAM,2DAA2D,CAAC;AAI5G,eAAO,MAAM,wBAAwB,gFAInC,CAAC"}

package/development/button/transparent-button-static/transparent-button-static.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"transparent-button-static.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/transparent-button-static/transparent-button-static.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,iCAAiC,EAAE,MAAM,6DAA6D,CAAC;AAIhH,eAAO,MAAM,0BAA0B,kFAIrC,CAAC"}
+{"version":3,"file":"transparent-button-static.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/button/transparent-button-static/transparent-button-static.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iCAAiC,EAAE,MAAM,6DAA6D,CAAC;AAIhH,eAAO,MAAM,0BAA0B,kFAIrC,CAAC"}

package/development/calendar/calendar.component.d.ts

@@ -1,6 +1,6 @@
 import { EventName } from '../core.js';
 import { SbbCalendarElement } from '@sbb-esta/lyne-elements/calendar.js';
 export declare const SbbCalendar: import('../core.js').ReactWebComponent<SbbCalendarElement<Date>, {
-    onDateSelected: EventName<CustomEvent<any>>;
+    onDateselected: EventName<CustomEvent<any>>;
 }>;
 //# sourceMappingURL=calendar.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"calendar.component.d.ts","sourceRoot":"","sources":["../../../../src/react/calendar/calendar.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAIzE,eAAO,MAAM,WAAW;oBAKc,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;EAG/D,CAAC"}
+{"version":3,"file":"calendar.component.d.ts","sourceRoot":"","sources":["../../../../src/react/calendar/calendar.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAIzE,eAAO,MAAM,WAAW;oBAKgB,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;EAGjE,CAAC"}

package/development/calendar/calendar.component.js

@@ -6,7 +6,7 @@ const SbbCalendar = createComponent({
   elementClass: SbbCalendarElement,
   react,
   events: {
-    "onDateSelected": "dateSelected"
+    "onDateselected": "dateselected"
   }
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"card.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/card/card/card.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAItE,eAAO,MAAM,OAAO,+DAIlB,CAAC"}
+{"version":3,"file":"card.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/card/card/card.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAItE,eAAO,MAAM,OAAO,+DAIlB,CAAC"}

package/development/card/card-badge/card-badge.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-badge.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/card/card-badge/card-badge.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AAIjF,eAAO,MAAM,YAAY,oEAIvB,CAAC"}
+{"version":3,"file":"card-badge.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/card/card-badge/card-badge.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,4CAA4C,CAAC;AAIjF,eAAO,MAAM,YAAY,oEAIvB,CAAC"}

package/development/card/card-button/card-button.component.d.ts

@@ -1,3 +1,8 @@
 import { SbbCardButtonElement } from '@sbb-esta/lyne-elements/card/card-button.js';
-export declare const SbbCardButton: import('../../core.js').ReactWebComponent<SbbCardButtonElement, {}>;
+declare class SbbCardButtonComponentType extends SbbCardButtonElement {
+    set form(value: string | SbbCardButtonElement['form']);
+    get form(): string | SbbCardButtonElement['form'];
+}
+export declare const SbbCardButton: import('../../core.js').ReactWebComponent<SbbCardButtonComponentType, {}>;
+export {};
 //# sourceMappingURL=card-button.component.d.ts.map

package/development/card/card-button/card-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/card/card-button/card-button.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAInF,eAAO,MAAM,aAAa,qEAIxB,CAAC"}
+{"version":3,"file":"card-button.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/card/card-button/card-button.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AAGnF,OAAO,OAAO,0BAA2B,SAAQ,oBAAoB;IAEnE,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,oBAAoB,CAAC,MAAM,CAAC,EAE3D;IAED,IAAW,IAAI,IAAI,MAAM,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAEvD;CAEF;AAKD,eAAO,MAAM,aAAa,2EAIxB,CAAC"}

package/development/card/card-button/card-button.component.js

@@ -1,9 +1,10 @@
 import { c as createComponent } from "../../create-component-D2eL6dzj.js";
 import { SbbCardButtonElement } from "@sbb-esta/lyne-elements/card/card-button.js";
 import react from "react";
+const SbbCardButtonComponent = SbbCardButtonElement;
 const SbbCardButton = createComponent({
   tagName: "sbb-card-button",
-  elementClass: SbbCardButtonElement,
+  elementClass: SbbCardButtonComponent,
   react
 });
 export {

package/development/card/card-link/card-link.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card-link.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/card/card-link/card-link.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAI/E,eAAO,MAAM,WAAW,mEAItB,CAAC"}
+{"version":3,"file":"card-link.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/card/card-link/card-link.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,2CAA2C,CAAC;AAI/E,eAAO,MAAM,WAAW,mEAItB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"checkbox.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/checkbox/checkbox/checkbox.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAIlF,eAAO,MAAM,WAAW;cAKE,SAAS,CAAC,KAAK,CAAC;aAClB,SAAS,CAAC,UAAU,CAAC;EAG3C,CAAC"}
+{"version":3,"file":"checkbox.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/checkbox/checkbox/checkbox.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAIlF,eAAO,MAAM,WAAW;cAKI,SAAS,CAAC,KAAK,CAAC;aAClB,SAAS,CAAC,UAAU,CAAC;EAG7C,CAAC"}

package/development/checkbox/checkbox-group/checkbox-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/checkbox/checkbox-group/checkbox-group.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAI7F,eAAO,MAAM,gBAAgB,wEAI3B,CAAC"}
+{"version":3,"file":"checkbox-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/checkbox/checkbox-group/checkbox-group.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAI7F,eAAO,MAAM,gBAAgB,wEAI3B,CAAC"}

package/development/checkbox/checkbox-panel/checkbox-panel.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox-panel.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/checkbox/checkbox-panel/checkbox-panel.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAI7F,eAAO,MAAM,gBAAgB;cAKH,SAAS,CAAC,KAAK,CAAC;aAClB,SAAS,CAAC,UAAU,CAAC;EAG3C,CAAC"}
+{"version":3,"file":"checkbox-panel.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/checkbox/checkbox-panel/checkbox-panel.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,uBAAuB,EAAE,MAAM,oDAAoD,CAAC;AAI7F,eAAO,MAAM,gBAAgB;cAKD,SAAS,CAAC,KAAK,CAAC;aAClB,SAAS,CAAC,UAAU,CAAC;EAG7C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"chip.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/chip/chip/chip.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAItE,eAAO,MAAM,OAAO,uEAIlB,CAAC"}
+{"version":3,"file":"chip.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/chip/chip/chip.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,sCAAsC,CAAC;AAItE,eAAO,MAAM,OAAO,uEAIlB,CAAC"}

package/development/chip/chip-group/chip-group.component.d.ts

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

package/development/chip/chip-group/chip-group.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,KAAK,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAIxH,eAAO,MAAM,YAAY;cAKC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;aAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;yBACJ,SAAS,CAAC,WAAW,CAAC,gCAAgC,CAAC,CAAC;EAGtG,CAAC"}
+{"version":3,"file":"chip-group.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/chip/chip-group/chip-group.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,KAAK,gCAAgC,EAAE,MAAM,4CAA4C,CAAC;AAIxH,eAAO,MAAM,YAAY;yBAKyB,SAAS,CAAC,WAAW,CAAC,gCAAgC,CAAC,CAAC;aAChF,SAAS,CAAC,UAAU,CAAC;cACnB,SAAS,CAAC,KAAK,CAAC;EAG1C,CAAC"}

package/development/chip/chip-group/chip-group.component.js

@@ -6,9 +6,9 @@ const SbbChipGroup = createComponent({
   elementClass: SbbChipGroupElement,
   react,
   events: {
-    "onChange": "change",
+    "onChipinputtokenend": "chipinputtokenend",
     "onInput": "input",
-    "onChipInputTokenEnd": "chipInputTokenEnd"
+    "onChange": "change"
   }
 });
 export {

package/development/chip-label/chip-label.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chip-label.component.d.ts","sourceRoot":"","sources":["../../../../src/react/chip-label/chip-label.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAI5E,eAAO,MAAM,YAAY,iEAIvB,CAAC"}
+{"version":3,"file":"chip-label.component.d.ts","sourceRoot":"","sources":["../../../../src/react/chip-label/chip-label.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAI5E,eAAO,MAAM,YAAY,iEAIvB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"clock.component.d.ts","sourceRoot":"","sources":["../../../../src/react/clock/clock.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAInE,eAAO,MAAM,QAAQ,6DAInB,CAAC"}
+{"version":3,"file":"clock.component.d.ts","sourceRoot":"","sources":["../../../../src/react/clock/clock.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAInE,eAAO,MAAM,QAAQ,6DAInB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"container.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/container/container/container.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AAIrF,eAAO,MAAM,YAAY,oEAIvB,CAAC"}
+{"version":3,"file":"container.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/container/container/container.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gDAAgD,CAAC;AAIrF,eAAO,MAAM,YAAY,oEAIvB,CAAC"}

package/development/container/sticky-bar/sticky-bar.component.d.ts

@@ -1,9 +1,9 @@
 import { EventName } from '../../core.js';
 import { SbbStickyBarElement } from '@sbb-esta/lyne-elements/container/sticky-bar.js';
 export declare const SbbStickyBar: import('../../core.js').ReactWebComponent<SbbStickyBarElement, {
-    onWillStick: EventName<CustomEvent<void>>;
-    onDidStick: EventName<CustomEvent<void>>;
-    onWillUnstick: EventName<CustomEvent<void>>;
-    onDidUnstick: EventName<CustomEvent<void>>;
+    onStick: EventName<Event>;
+    onUnstick: EventName<Event>;
+    onBeforestick: EventName<Event>;
+    onBeforeunstick: EventName<Event>;
 }>;
 //# sourceMappingURL=sticky-bar.component.d.ts.map

package/development/container/sticky-bar/sticky-bar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sticky-bar.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/container/sticky-bar/sticky-bar.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAItF,eAAO,MAAM,YAAY;iBAKO,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;gBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;mBACtB,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;kBAC9B,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;EAG5D,CAAC"}
+{"version":3,"file":"sticky-bar.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/container/sticky-bar/sticky-bar.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,mBAAmB,EAAE,MAAM,iDAAiD,CAAC;AAItF,eAAO,MAAM,YAAY;aAKC,SAAS,CAAC,KAAK,CAAC;eACZ,SAAS,CAAC,KAAK,CAAC;mBACR,SAAS,CAAC,KAAK,CAAC;qBACZ,SAAS,CAAC,KAAK,CAAC;EAGxD,CAAC"}

package/development/container/sticky-bar/sticky-bar.component.js

@@ -6,10 +6,10 @@ const SbbStickyBar = createComponent({
   elementClass: SbbStickyBarElement,
   react,
   events: {
-    "onWillStick": "willStick",
-    "onDidStick": "didStick",
-    "onWillUnstick": "willUnstick",
-    "onDidUnstick": "didUnstick"
+    "onStick": "stick",
+    "onUnstick": "unstick",
+    "onBeforestick": "beforestick",
+    "onBeforeunstick": "beforeunstick"
   }
 });
 export {

package/development/date-input/date-input.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-input.component.d.ts","sourceRoot":"","sources":["../../../../src/react/date-input/date-input.component.ts"],"names":[],"mappings":"AACE,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAI5E,eAAO,MAAM,YAAY;aAKD,SAAS,CAAC,UAAU,CAAC;cACnB,SAAS,CAAC,KAAK,CAAC;EAGxC,CAAC"}
+{"version":3,"file":"date-input.component.d.ts","sourceRoot":"","sources":["../../../../src/react/date-input/date-input.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAI5E,eAAO,MAAM,YAAY;aAKC,SAAS,CAAC,UAAU,CAAC;cACnB,SAAS,CAAC,KAAK,CAAC;EAG1C,CAAC"}

package/development/datepicker/datepicker/datepicker.component.d.ts

@@ -1,14 +1,21 @@
 import { EventName } from '../../core.js';
 import { SbbDatepickerElement } from '@sbb-esta/lyne-elements/datepicker/datepicker.js';
-export declare const SbbDatepicker: import('../../core.js').ReactWebComponent<SbbDatepickerElement<Date>, {
-    onWillOpen: EventName<CustomEvent<void>>;
-    onDidOpen: EventName<CustomEvent<void>>;
-    onWillClose: EventName<CustomEvent<{
-        closeTarget: HTMLElement;
+declare class SbbDatepickerComponentType extends SbbDatepickerElement {
+    set input(value: string | SbbDatepickerElement['input']);
+    get input(): string | SbbDatepickerElement['input'];
+    set trigger(value: string | SbbDatepickerElement['trigger']);
+    get trigger(): string | SbbDatepickerElement['trigger'];
+}
+export declare const SbbDatepicker: import('../../core.js').ReactWebComponent<SbbDatepickerComponentType, {
+    onDateselected: EventName<CustomEvent<any>>;
+    onBeforeclose: EventName<CustomEvent<{
+        closeTarget: HTMLElement | null;
     }>>;
-    onDidClose: EventName<CustomEvent<{
-        closeTarget: HTMLElement;
+    onClose: EventName<CustomEvent<{
+        closeTarget: HTMLElement | null;
     }>>;
-    onDateSelected: EventName<CustomEvent<any>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
 }>;
+export {};
 //# sourceMappingURL=datepicker.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/datepicker/datepicker/datepicker.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;QAAE,WAAW,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;gBACtD,SAAS,CAAC,WAAW,CAAC;QAAE,WAAW,EAAE,WAAW,CAAA;KAAE,CAAC,CAAC;oBAC5C,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;EAG/D,CAAC"}
+{"version":3,"file":"datepicker.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/datepicker/datepicker/datepicker.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,kDAAkD,CAAC;AAGxF,OAAO,OAAO,0BAA2B,SAAQ,oBAAoB;IAEnE,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,oBAAoB,CAAC,OAAO,CAAC,EAE7D;IAED,IAAW,KAAK,IAAI,MAAM,GAAG,oBAAoB,CAAC,OAAO,CAAC,CAEzD;IAGD,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,oBAAoB,CAAC,SAAS,CAAC,EAEjE;IAED,IAAW,OAAO,IAAI,MAAM,GAAG,oBAAoB,CAAC,SAAS,CAAC,CAE7D;CAEF;AAKD,eAAO,MAAM,aAAa;oBAKc,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;mBAC7B,SAAS,CAAC,WAAW,CAAC;QAAE,WAAW,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;aACvE,SAAS,CAAC,WAAW,CAAC;QAAE,WAAW,EAAE,WAAW,GAAG,IAAI,CAAA;KAAE,CAAC,CAAC;kBACjD,SAAS,CAAC,KAAK,CAAC;YAC5B,SAAS,CAAC,KAAK,CAAC;EAGtC,CAAC"}

package/development/datepicker/datepicker/datepicker.component.js

@@ -1,16 +1,17 @@
 import { c as createComponent } from "../../create-component-D2eL6dzj.js";
 import { SbbDatepickerElement } from "@sbb-esta/lyne-elements/datepicker/datepicker.js";
 import react from "react";
+const SbbDatepickerComponent = SbbDatepickerElement;
 const SbbDatepicker = createComponent({
   tagName: "sbb-datepicker",
-  elementClass: SbbDatepickerElement,
+  elementClass: SbbDatepickerComponent,
   react,
   events: {
-    "onWillOpen": "willOpen",
-    "onDidOpen": "didOpen",
-    "onWillClose": "willClose",
-    "onDidClose": "didClose",
-    "onDateSelected": "dateSelected"
+    "onDateselected": "dateselected",
+    "onBeforeclose": "beforeclose",
+    "onClose": "close",
+    "onBeforeopen": "beforeopen",
+    "onOpen": "open"
   }
 });
 export {

package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts

@@ -1,3 +1,10 @@
 import { SbbDatepickerNextDayElement } from '@sbb-esta/lyne-elements/datepicker/datepicker-next-day.js';
-export declare const SbbDatepickerNextDay: import('../../core.js').ReactWebComponent<SbbDatepickerNextDayElement<Date>, {}>;
+declare class SbbDatepickerNextDayComponentType extends SbbDatepickerNextDayElement {
+    set input(value: string | SbbDatepickerNextDayElement['input']);
+    get input(): string | SbbDatepickerNextDayElement['input'];
+    set form(value: string | SbbDatepickerNextDayElement['form']);
+    get form(): string | SbbDatepickerNextDayElement['form'];
+}
+export declare const SbbDatepickerNextDay: import('../../core.js').ReactWebComponent<SbbDatepickerNextDayComponentType, {}>;
+export {};
 //# sourceMappingURL=datepicker-next-day.component.d.ts.map

package/development/datepicker/datepicker-next-day/datepicker-next-day.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-next-day.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/datepicker/datepicker-next-day/datepicker-next-day.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,2BAA2B,EAAE,MAAM,2DAA2D,CAAC;AAIxG,eAAO,MAAM,oBAAoB,kFAI/B,CAAC"}
+{"version":3,"file":"datepicker-next-day.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/datepicker/datepicker-next-day/datepicker-next-day.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,2BAA2B,EAAE,MAAM,2DAA2D,CAAC;AAGxG,OAAO,OAAO,iCAAkC,SAAQ,2BAA2B;IAEjF,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,2BAA2B,CAAC,OAAO,CAAC,EAEpE;IAED,IAAW,KAAK,IAAI,MAAM,GAAG,2BAA2B,CAAC,OAAO,CAAC,CAEhE;IAGD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,2BAA2B,CAAC,MAAM,CAAC,EAElE;IAED,IAAW,IAAI,IAAI,MAAM,GAAG,2BAA2B,CAAC,MAAM,CAAC,CAE9D;CAEF;AAKD,eAAO,MAAM,oBAAoB,kFAI/B,CAAC"}

package/development/datepicker/datepicker-next-day/datepicker-next-day.component.js

@@ -1,9 +1,10 @@
 import { c as createComponent } from "../../create-component-D2eL6dzj.js";
 import { SbbDatepickerNextDayElement } from "@sbb-esta/lyne-elements/datepicker/datepicker-next-day.js";
 import react from "react";
+const SbbDatepickerNextDayComponent = SbbDatepickerNextDayElement;
 const SbbDatepickerNextDay = createComponent({
   tagName: "sbb-datepicker-next-day",
-  elementClass: SbbDatepickerNextDayElement,
+  elementClass: SbbDatepickerNextDayComponent,
   react
 });
 export {

package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts

@@ -1,3 +1,10 @@
 import { SbbDatepickerPreviousDayElement } from '@sbb-esta/lyne-elements/datepicker/datepicker-previous-day.js';
-export declare const SbbDatepickerPreviousDay: import('../../core.js').ReactWebComponent<SbbDatepickerPreviousDayElement<Date>, {}>;
+declare class SbbDatepickerPreviousDayComponentType extends SbbDatepickerPreviousDayElement {
+    set input(value: string | SbbDatepickerPreviousDayElement['input']);
+    get input(): string | SbbDatepickerPreviousDayElement['input'];
+    set form(value: string | SbbDatepickerPreviousDayElement['form']);
+    get form(): string | SbbDatepickerPreviousDayElement['form'];
+}
+export declare const SbbDatepickerPreviousDay: import('../../core.js').ReactWebComponent<SbbDatepickerPreviousDayComponentType, {}>;
+export {};
 //# sourceMappingURL=datepicker-previous-day.component.d.ts.map

package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"datepicker-previous-day.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/datepicker/datepicker-previous-day/datepicker-previous-day.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,+BAA+B,EAAE,MAAM,+DAA+D,CAAC;AAIhH,eAAO,MAAM,wBAAwB,sFAInC,CAAC"}
+{"version":3,"file":"datepicker-previous-day.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/datepicker/datepicker-previous-day/datepicker-previous-day.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,+BAA+B,EAAE,MAAM,+DAA+D,CAAC;AAGhH,OAAO,OAAO,qCAAsC,SAAQ,+BAA+B;IAEzF,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,+BAA+B,CAAC,OAAO,CAAC,EAExE;IAED,IAAW,KAAK,IAAI,MAAM,GAAG,+BAA+B,CAAC,OAAO,CAAC,CAEpE;IAGD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,+BAA+B,CAAC,MAAM,CAAC,EAEtE;IAED,IAAW,IAAI,IAAI,MAAM,GAAG,+BAA+B,CAAC,MAAM,CAAC,CAElE;CAEF;AAKD,eAAO,MAAM,wBAAwB,sFAInC,CAAC"}

package/development/datepicker/datepicker-previous-day/datepicker-previous-day.component.js

@@ -1,9 +1,10 @@
 import { c as createComponent } from "../../create-component-D2eL6dzj.js";
 import { SbbDatepickerPreviousDayElement } from "@sbb-esta/lyne-elements/datepicker/datepicker-previous-day.js";
 import react from "react";
+const SbbDatepickerPreviousDayComponent = SbbDatepickerPreviousDayElement;
 const SbbDatepickerPreviousDay = createComponent({
   tagName: "sbb-datepicker-previous-day",
-  elementClass: SbbDatepickerPreviousDayElement,
+  elementClass: SbbDatepickerPreviousDayComponent,
   react
 });
 export {

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

@@ -1,3 +1,12 @@
 import { SbbDatepickerToggleElement } from '@sbb-esta/lyne-elements/datepicker/datepicker-toggle.js';
-export declare const SbbDatepickerToggle: import('../../core.js').ReactWebComponent<SbbDatepickerToggleElement<Date>, {}>;
+declare class SbbDatepickerToggleComponentType extends SbbDatepickerToggleElement {
+    set datepicker(value: string | SbbDatepickerToggleElement['datepicker']);
+    get datepicker(): string | SbbDatepickerToggleElement['datepicker'];
+    set input(value: string | SbbDatepickerToggleElement['input']);
+    get input(): string | SbbDatepickerToggleElement['input'];
+    set form(value: string | SbbDatepickerToggleElement['form']);
+    get form(): string | SbbDatepickerToggleElement['form'];
+}
+export declare const SbbDatepickerToggle: import('../../core.js').ReactWebComponent<SbbDatepickerToggleComponentType, {}>;
+export {};
 //# sourceMappingURL=datepicker-toggle.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"datepicker-toggle.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/datepicker/datepicker-toggle/datepicker-toggle.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,0BAA0B,EAAE,MAAM,yDAAyD,CAAC;AAIrG,eAAO,MAAM,mBAAmB,iFAI9B,CAAC"}
+{"version":3,"file":"datepicker-toggle.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/datepicker/datepicker-toggle/datepicker-toggle.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,0BAA0B,EAAE,MAAM,yDAAyD,CAAC;AAGrG,OAAO,OAAO,gCAAiC,SAAQ,0BAA0B;IAE/E,IAAW,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,0BAA0B,CAAC,YAAY,CAAC,EAE7E;IAED,IAAW,UAAU,IAAI,MAAM,GAAG,0BAA0B,CAAC,YAAY,CAAC,CAEzE;IAGD,IAAW,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,0BAA0B,CAAC,OAAO,CAAC,EAEnE;IAED,IAAW,KAAK,IAAI,MAAM,GAAG,0BAA0B,CAAC,OAAO,CAAC,CAE/D;IAGD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,0BAA0B,CAAC,MAAM,CAAC,EAEjE;IAED,IAAW,IAAI,IAAI,MAAM,GAAG,0BAA0B,CAAC,MAAM,CAAC,CAE7D;CAEF;AAKD,eAAO,MAAM,mBAAmB,iFAI9B,CAAC"}

package/development/datepicker/datepicker-toggle/datepicker-toggle.component.js

@@ -1,9 +1,10 @@
 import { c as createComponent } from "../../create-component-D2eL6dzj.js";
 import { SbbDatepickerToggleElement } from "@sbb-esta/lyne-elements/datepicker/datepicker-toggle.js";
 import react from "react";
+const SbbDatepickerToggleComponent = SbbDatepickerToggleElement;
 const SbbDatepickerToggle = createComponent({
   tagName: "sbb-datepicker-toggle",
-  elementClass: SbbDatepickerToggleElement,
+  elementClass: SbbDatepickerToggleComponent,
   react
 });
 export {

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

@@ -1,10 +1,15 @@
 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>>;
+declare class SbbDialogComponentType extends SbbDialogElement {
+    set trigger(value: string | SbbDialogElement['trigger']);
+    get trigger(): string | SbbDialogElement['trigger'];
+}
+export declare const SbbDialog: import('../../core.js').ReactWebComponent<SbbDialogComponentType, {
+    onBeforeclose: EventName<CustomEvent<SbbOverlayCloseEventDetails>>;
+    onClose: EventName<CustomEvent<SbbOverlayCloseEventDetails>>;
+    onBeforeopen: EventName<Event>;
+    onOpen: EventName<Event>;
 }>;
+export {};
 //# sourceMappingURL=dialog.component.d.ts.map

package/development/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":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AAC5E,OAAO,EAAE,KAAK,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AAG9F,OAAO,OAAO,sBAAuB,SAAQ,gBAAgB;IAE3D,IAAW,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,gBAAgB,CAAC,SAAS,CAAC,EAE7D;IAED,IAAW,OAAO,IAAI,MAAM,GAAG,gBAAgB,CAAC,SAAS,CAAC,CAEzD;CAEF;AAKD,eAAO,MAAM,SAAS;mBAKgB,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;EAGtC,CAAC"}

package/development/dialog/dialog/dialog.component.js

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

package/development/dialog/dialog-actions/dialog-actions.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-actions.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/dialog/dialog-actions/dialog-actions.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAI3F,eAAO,MAAM,gBAAgB,wEAI3B,CAAC"}
+{"version":3,"file":"dialog-actions.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/dialog/dialog-actions/dialog-actions.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAI3F,eAAO,MAAM,gBAAgB,wEAI3B,CAAC"}

package/development/dialog/dialog-content/dialog-content.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-content.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/dialog/dialog-content/dialog-content.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAI3F,eAAO,MAAM,gBAAgB,wEAI3B,CAAC"}
+{"version":3,"file":"dialog-content.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/dialog/dialog-content/dialog-content.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAI3F,eAAO,MAAM,gBAAgB,wEAI3B,CAAC"}

package/development/dialog/dialog-title/dialog-title.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-title.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/dialog/dialog-title/dialog-title.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAIvF,eAAO,MAAM,cAAc,sEAIzB,CAAC"}
+{"version":3,"file":"dialog-title.component.d.ts","sourceRoot":"","sources":["../../../../../src/react/dialog/dialog-title/dialog-title.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,gDAAgD,CAAC;AAIvF,eAAO,MAAM,cAAc,sEAIzB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"divider.component.d.ts","sourceRoot":"","sources":["../../../../src/react/divider/divider.component.ts"],"names":[],"mappings":"AAEE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAIvE,eAAO,MAAM,UAAU,+DAIrB,CAAC"}
+{"version":3,"file":"divider.component.d.ts","sourceRoot":"","sources":["../../../../src/react/divider/divider.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAC;AAIvE,eAAO,MAAM,UAAU,+DAIrB,CAAC"}

package/development/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/development/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":"AACA,OAAO,EAAmB,KAAK,SAAS,EAAE,MAAM,eAAe,CAAC;AAChE,OAAO,EAAE,wBAAwB,EAAE,MAAM,4DAA4D,CAAC;AAItG,eAAO,MAAM,iBAAiB;kBAKM,SAAS,CAAC,KAAK,CAAC;mBACd,SAAS,CAAC,KAAK,CAAC;YAC9B,SAAS,CAAC,KAAK,CAAC;aACd,SAAS,CAAC,KAAK,CAAC;EAGxC,CAAC"}