@sebgroup/green-react 3.20.2 → 3.22.0

package/package.json

@@ -2,14 +2,14 @@
   "name": "@sebgroup/green-react",
   "main": "./src/index.js",
   "module": "./src/index.js",
-  "version": "3.20.2",
+  "version": "3.22.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
     "@sebgroup/green-core": "^1.48.1",
-    "@sebgroup/chlorophyll": "^3.6.8",
+    "@sebgroup/chlorophyll": "^3.6.10",
     "@sebgroup/extract": "^3.0.1",
     "@lit/react": "^1.0.2",
     "classnames": "^2.3.2",

package/src/core/backdrop/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsBackdrop } from "@sebgroup/green-core/components/popover/backdrop.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsBackdrop, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsBackdrop, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/backdrop/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsBackdrop,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsBackdrop"
 });
 

package/src/core/badge/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsBadge } from "@sebgroup/green-core/components/badge/badge.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsBadge, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsBadge, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/badge/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsBadge,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsBadge"
 });
 

package/src/core/button/index.d.ts

@@ -1,5 +1,6 @@
 import { GdsButton } from "@sebgroup/green-core/components/button/button.js";
 declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsButton<any>, {
     onClick: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/button/index.js

@@ -10,7 +10,8 @@ var reactWrapper = createComponent({
   elementClass: GdsButton,
   react: React,
   events: {
-    onClick: "click"
+    onClick: "click",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsButton"
 });

package/src/core/calendar/index.d.ts

@@ -2,5 +2,6 @@ import { GdsCalendar } from "@sebgroup/green-core/components/calendar/calendar.j
 declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsCalendar, {
     onChange: string;
     onGdsDateFocused: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/calendar/index.js

@@ -11,7 +11,8 @@ var reactWrapper = createComponent({
   react: React,
   events: {
     onChange: "change",
-    onGdsDateFocused: "gds-date-focused"
+    onGdsDateFocused: "gds-date-focused",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsCalendar"
 });

package/src/core/card/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsCard } from "@sebgroup/green-core/components/card/card.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsCard, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsCard, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/card/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsCard,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsCard"
 });
 

package/src/core/coachmark/index.d.ts

@@ -1,5 +1,6 @@
 import { GdsCoachmark } from "@sebgroup/green-core/components/coachmark/coachmark.js";
 declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsCoachmark, {
     onGdsUiState: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/coachmark/index.js

@@ -10,7 +10,8 @@ var reactWrapper = createComponent({
   elementClass: GdsCoachmark,
   react: React,
   events: {
-    onGdsUiState: "gds-ui-state"
+    onGdsUiState: "gds-ui-state",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsCoachmark"
 });

package/src/core/container/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsContainer } from "@sebgroup/green-core/components/container/container.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsContainer, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsContainer, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/container/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsContainer,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsContainer"
 });
 

package/src/core/context-menu/index.d.ts

@@ -2,5 +2,6 @@ import { GdsContextMenu } from "@sebgroup/green-core/components/context-menu/con
 declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsContextMenu, {
     onGdsMenuItemClick: string;
     onGdsUiState: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/context-menu/index.js

@@ -11,7 +11,8 @@ var reactWrapper = createComponent({
   react: React,
   events: {
     onGdsMenuItemClick: "gds-menu-item-click",
-    onGdsUiState: "gds-ui-state"
+    onGdsUiState: "gds-ui-state",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsContextMenu"
 });

package/src/core/datepicker/index.d.ts

@@ -3,5 +3,6 @@ declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsDatepicker
     onChange: string;
     onInput: string;
     onGdsUiState: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/datepicker/index.js

@@ -12,7 +12,8 @@ var reactWrapper = createComponent({
   events: {
     onChange: "change",
     onInput: "input",
-    onGdsUiState: "gds-ui-state"
+    onGdsUiState: "gds-ui-state",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsDatepicker"
 });

package/src/core/dialog/index.d.ts

@@ -3,5 +3,6 @@ declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsDialog, {
     onGdsUiState: string;
     onGdsClose: string;
     onGdsShow: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/dialog/index.js

@@ -12,7 +12,8 @@ var reactWrapper = createComponent({
   events: {
     onGdsUiState: "gds-ui-state",
     onGdsClose: "gds-close",
-    onGdsShow: "gds-show"
+    onGdsShow: "gds-show",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsDialog"
 });

package/src/core/divider/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsDivider } from "@sebgroup/green-core/components/divider/divider.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsDivider, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsDivider, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/divider/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsDivider,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsDivider"
 });
 

package/src/core/dropdown/index.d.ts

@@ -2,5 +2,6 @@ import { GdsDropdown } from "@sebgroup/green-core/components/dropdown/dropdown.j
 declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsDropdown<any>, {
     onChange: string;
     onGdsUiState: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/dropdown/index.js

@@ -11,7 +11,8 @@ var reactWrapper = createComponent({
   react: React,
   events: {
     onChange: "change",
-    onGdsUiState: "gds-ui-state"
+    onGdsUiState: "gds-ui-state",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsDropdown"
 });

package/src/core/fab/index.d.ts

@@ -1,5 +1,6 @@
 import { GdsFab } from "@sebgroup/green-core/components/fab/fab.js";
 declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsFab, {
     onClick: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/fab/index.js

@@ -10,7 +10,8 @@ var reactWrapper = createComponent({
   elementClass: GdsFab,
   react: React,
   events: {
-    onClick: "click"
+    onClick: "click",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsFab"
 });

package/src/core/filter-chip/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsFilterChip } from "@sebgroup/green-core/components/filter-chips/filter-chip/filter-chip.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsFilterChip<any>, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsFilterChip<any>, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/filter-chip/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsFilterChip,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsFilterChip"
 });
 

package/src/core/filter-chips/index.d.ts

@@ -1,5 +1,6 @@
 import { GdsFilterChips } from "@sebgroup/green-core/components/filter-chips/filter-chips.js";
 declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsFilterChips<any>, {
     onChange: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/filter-chips/index.js

@@ -10,7 +10,8 @@ var reactWrapper = createComponent({
   elementClass: GdsFilterChips,
   react: React,
   events: {
-    onChange: "change"
+    onChange: "change",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsFilterChips"
 });

package/src/core/flex/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsFlex } from "@sebgroup/green-core/components/flex/flex.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsFlex, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsFlex, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/flex/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsFlex,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsFlex"
 });
 

package/src/core/form-control-footer/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsFormControlFooter } from "@sebgroup/green-core/primitives/form-control-footer/form-control-footer.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsFormControlFooter, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsFormControlFooter, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/form-control-footer/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsFormControlFooter,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsFormControlFooter"
 });
 

package/src/core/form-control-header/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsFormControlHeader } from "@sebgroup/green-core/primitives/form-control-header/form-control-header.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsFormControlHeader, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsFormControlHeader, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/form-control-header/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsFormControlHeader,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsFormControlHeader"
 });
 

package/src/core/grid/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsGrid } from "@sebgroup/green-core/components/grid/grid.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsGrid, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsGrid, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/grid/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsGrid,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsGrid"
 });
 

package/src/core/grouped-list/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsGroupedList } from "@sebgroup/green-core/components/grouped-list/grouped-list.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsGroupedList, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsGroupedList, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/grouped-list/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsGroupedList,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsGroupedList"
 });
 

package/src/core/img/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsImg } from "@sebgroup/green-core/components/img/img.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsImg, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsImg, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/img/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsImg,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsImg"
 });
 

package/src/core/index.d.ts

@@ -17,6 +17,7 @@ export { default as GdsGroupedList } from './grouped-list';
 export { default as GdsListItem } from './list-item';
 export { default as GdsImg } from './img';
 export { default as GdsInput } from './input';
+export { default as GdsLink } from './link';
 export { default as GdsMask } from './mask';
 export { default as GdsMenuButton } from './menu-button';
 export { default as GdsBackdrop } from './backdrop';

package/src/core/index.js

@@ -17,6 +17,7 @@ export { default as GdsGroupedList } from './grouped-list/index.js';
 export { default as GdsListItem } from './list-item/index.js';
 export { default as GdsImg } from './img/index.js';
 export { default as GdsInput } from './input/index.js';
+export { default as GdsLink } from './link/index.js';
 export { default as GdsMask } from './mask/index.js';
 export { default as GdsMenuButton } from './menu-button/index.js';
 export { default as GdsBackdrop } from './backdrop/index.js';
@@ -58,6 +59,7 @@ import '@sebgroup/green-core/components/grouped-list/grouped-list.js';
 import '@sebgroup/green-core/components/grouped-list/list-item.js';
 import '@sebgroup/green-core/components/img/img.js';
 import '@sebgroup/green-core/components/input/input.js';
+import '@sebgroup/green-core/components/link/link.js';
 import '@sebgroup/green-core/components/mask/mask.js';
 import '@sebgroup/green-core/components/menu-button/menu-button.js';
 import '@sebgroup/green-core/components/popover/backdrop.js';

package/src/core/input/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsInput } from "@sebgroup/green-core/components/input/input.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsInput, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsInput, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/input/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsInput,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsInput"
 });
 

package/src/core/link/index.d.ts

@@ -0,0 +1,6 @@
+import { GdsLink } from "@sebgroup/green-core/components/link/link.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsLink, {
+    onClick: string;
+    onGdsElementDisconnected: string;
+}>;
+export default reactWrapper;

package/src/core/link/index.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsLink } from '@sebgroup/green-core/components/link/link.js';
+
+var tagName = getScopedTagName("gds-link");
+//GdsLink.define('gds-link')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsLink,
+  react: React,
+  events: {
+    onClick: "click",
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
+  displayName: "GdsLink"
+});
+
+export { reactWrapper as default };

package/src/core/list-item/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsListItem } from "@sebgroup/green-core/components/grouped-list/list-item.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsListItem, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsListItem, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/list-item/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsListItem,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsListItem"
 });
 

package/src/core/mask/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsMask } from "@sebgroup/green-core/components/mask/mask.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsMask, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsMask, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/mask/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsMask,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsMask"
 });
 

package/src/core/menu-button/index.d.ts

@@ -1,5 +1,6 @@
 import { GdsMenuButton } from "@sebgroup/green-core/components/menu-button/menu-button.js";
 declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsMenuButton, {
     onClick: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/menu-button/index.js

@@ -10,7 +10,8 @@ var reactWrapper = createComponent({
   elementClass: GdsMenuButton,
   react: React,
   events: {
-    onClick: "click"
+    onClick: "click",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsMenuButton"
 });

package/src/core/menu-item/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsMenuItem } from "@sebgroup/green-core/primitives/menu/menu-item.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsMenuItem, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsMenuItem, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/menu-item/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsMenuItem,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsMenuItem"
 });
 

package/src/core/option/index.d.ts

@@ -3,5 +3,6 @@ declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsOption, {
     onGdsSelect: string;
     onGdsBlur: string;
     onGdsFocus: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/option/index.js

@@ -12,7 +12,8 @@ var reactWrapper = createComponent({
   events: {
     onGdsSelect: "gds-select",
     onGdsBlur: "gds-blur",
-    onGdsFocus: "gds-focus"
+    onGdsFocus: "gds-focus",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsOption"
 });

package/src/core/popover/index.d.ts

@@ -1,5 +1,6 @@
 import { GdsPopover } from "@sebgroup/green-core/components/popover/popover.js";
 declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsPopover, {
     onGdsUiState: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/popover/index.js

@@ -10,7 +10,8 @@ var reactWrapper = createComponent({
   elementClass: GdsPopover,
   react: React,
   events: {
-    onGdsUiState: "gds-ui-state"
+    onGdsUiState: "gds-ui-state",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsPopover"
 });

package/src/core/rich-text/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsRichText } from "@sebgroup/green-core/components/rich-text/rich-text.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsRichText, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsRichText, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/rich-text/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsRichText,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsRichText"
 });
 

package/src/core/segment/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsSegment } from "@sebgroup/green-core/components/segmented-control/segment/segment.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSegment<any>, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSegment<any>, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/segment/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsSegment,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsSegment"
 });
 

package/src/core/segmented-control/index.d.ts

@@ -1,5 +1,6 @@
 import { GdsSegmentedControl } from "@sebgroup/green-core/components/segmented-control/segmented-control.js";
 declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSegmentedControl<any>, {
     onChanged: string;
+    onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/segmented-control/index.js

@@ -10,7 +10,8 @@ var reactWrapper = createComponent({
   elementClass: GdsSegmentedControl,
   react: React,
   events: {
-    onChanged: "changed"
+    onChanged: "changed",
+    onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsSegmentedControl"
 });

package/src/core/signal/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsSignal } from "@sebgroup/green-core/components/signal/signal.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSignal, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSignal, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/signal/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsSignal,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsSignal"
 });
 

package/src/core/spacer/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsSpacer } from "@sebgroup/green-core/components/spacer/spacer.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSpacer, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSpacer, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/spacer/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsSpacer,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsSpacer"
 });
 

package/src/core/text/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsText } from "@sebgroup/green-core/components/text/text.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsText, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsText, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/text/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsText,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsText"
 });
 

package/src/core/textarea/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsTextarea } from "@sebgroup/green-core/components/textarea/textarea.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsTextarea, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsTextarea, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/textarea/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsTextarea,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsTextarea"
 });
 

package/src/core/theme/index.d.ts

@@ -1,3 +1,7 @@
 import { GdsTheme } from "@sebgroup/green-core/components/theme/theme.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsTheme, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsTheme, {
+    onGdsColorSchemeChanged: string;
+    onGdsDesignVersionChanged: string;
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/theme/index.js

@@ -9,7 +9,11 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsTheme,
   react: React,
-  events: {},
+  events: {
+    onGdsColorSchemeChanged: "gds-color-scheme-changed",
+    onGdsDesignVersionChanged: "gds-design-version-changed",
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsTheme"
 });
 

package/src/core/video/index.d.ts

@@ -1,3 +1,5 @@
 import { GdsVideo } from "@sebgroup/green-core/components/video/video.js";
-declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsVideo, {}>;
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsVideo, {
+    onGdsElementDisconnected: string;
+}>;
 export default reactWrapper;

package/src/core/video/index.js

@@ -9,7 +9,9 @@ var reactWrapper = createComponent({
   tagName: tagName,
   elementClass: GdsVideo,
   react: React,
-  events: {},
+  events: {
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
   displayName: "GdsVideo"
 });
 

package/src/lib/dropdown/dropdown.d.ts

@@ -38,6 +38,8 @@ export interface DropdownArgs {
     maxHeight?: number;
     /** Whether to disable the mobile styles */
     disableMobileStyles?: boolean;
+    /** Event handler for when the dropdown is opened or closed */
+    onGdsUiState?: (e: CustomEvent) => void;
 }
 export interface DropdownTexts {
     placeholder?: string;
@@ -50,11 +52,13 @@ export interface DropdownOption {
     [key: string]: any;
 }
 export declare const CoreDropdown: import("@lit/react").ReactWebComponent<GdsDropdown<any>, {
-    onchange: string;
+    onChange: string;
+    onGdsUiState: string;
 }>;
 export declare const CoreOption: import("@lit/react").ReactWebComponent<GdsOption, {}>;
 export interface DropdownProps extends DropdownArgs {
     onChange?: OnChange;
+    required?: boolean;
 }
-export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, syncPopoverWidth, disableMobileStyles, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, syncPopoverWidth, disableMobileStyles, onGdsUiState, required, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

package/src/lib/dropdown/dropdown.js

@@ -13,7 +13,8 @@ var CoreDropdown = createComponent({
   tagName: getScopedTagName('gds-dropdown'),
   elementClass: GdsDropdown,
   events: {
-    onchange: 'change'
+    onChange: 'change',
+    onGdsUiState: 'gds-ui-state'
   },
   react: React__default
 });
@@ -41,7 +42,9 @@ var Dropdown = function Dropdown(_a) {
     value = _a.value,
     syncPopoverWidth = _a.syncPopoverWidth,
     disableMobileStyles = _a.disableMobileStyles,
-    props = __rest(_a, ["compareWith", "display", "id", "informationLabel", "label", "multiSelect", "onChange", "options", "searchFilter", "searchable", "texts", "useValue", "validator", "value", "syncPopoverWidth", "disableMobileStyles"]);
+    _onGdsUiState = _a.onGdsUiState,
+    required = _a.required,
+    props = __rest(_a, ["compareWith", "display", "id", "informationLabel", "label", "multiSelect", "onChange", "options", "searchFilter", "searchable", "texts", "useValue", "validator", "value", "syncPopoverWidth", "disableMobileStyles", "onGdsUiState", "required"]);
   var handleOnChange = function handleOnChange(e) {
     if ('value' in e.detail) {
       onChange === null || onChange === void 0 ? void 0 : onChange(e.detail.value);
@@ -66,7 +69,7 @@ var Dropdown = function Dropdown(_a) {
       label: label,
       searchable: searchable,
       multiple: multiSelect,
-      onchange: handleOnChange,
+      onChange: handleOnChange,
       invalid: (validator === null || validator === void 0 ? void 0 : validator.indicator) === 'error',
       compareWith: compareWithAdapter,
       value: value,
@@ -76,6 +79,10 @@ var Dropdown = function Dropdown(_a) {
       hideLabel: props.hideLabel,
       maxHeight: props.maxHeight,
       disableMobileStyles: disableMobileStyles,
+      required: required,
+      onGdsUiState: function onGdsUiState(e) {
+        return _onGdsUiState === null || _onGdsUiState === void 0 ? void 0 : _onGdsUiState(e);
+      },
       children: [informationLabel && jsx("span", {
         slot: "sub-label",
         children: informationLabel

package/src/lib/form/useInput.d.ts

@@ -1,5 +1,5 @@
 import React, { InputHTMLAttributes, RefObject } from 'react';
-declare const useInput: (props: InputHTMLAttributes<HTMLInputElement>, onChanges?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined, onChangeInput?: ((value: string) => string) | undefined) => React.InputHTMLAttributes<HTMLInputElement> & {
+declare const useInput: (props: InputHTMLAttributes<HTMLInputElement>, onChanges?: (event: React.ChangeEvent<HTMLInputElement>) => void, onChangeInput?: (value: string) => string) => InputHTMLAttributes<HTMLInputElement> & {
     ref: RefObject<HTMLInputElement>;
 };
 export default useInput;

package/src/lib/modal/modal.d.ts

@@ -15,6 +15,7 @@ export interface ModalProps {
     onConfirm?: ModalEventListener;
     onDismiss?: ModalEventListener;
     preventBackdropClose?: boolean;
+    enableBodyScrollLock?: boolean;
 }
-export declare const Modal: ({ type, id, isOpen, size, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Modal: ({ type, id, isOpen, size, enableBodyScrollLock, ...props }: ModalProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Modal;

package/src/lib/modal/modal.js

@@ -96,7 +96,9 @@ var Modal = function Modal(_a) {
     isOpen = _a.isOpen,
     _a$size = _a.size,
     size = _a$size === void 0 ? 'sm' : _a$size,
-    props = __rest(_a, ["type", "id", "isOpen", "size"]);
+    _a$enableBodyScrollLo = _a.enableBodyScrollLock,
+    enableBodyScrollLock = _a$enableBodyScrollLo === void 0 ? true : _a$enableBodyScrollLo,
+    props = __rest(_a, ["type", "id", "isOpen", "size", "enableBodyScrollLock"]);
   var _useState = useState(id),
     _useState2 = _slicedToArray(_useState, 2),
     uuid = _useState2[0];
@@ -128,7 +130,7 @@ var Modal = function Modal(_a) {
         setShouldRender(false);
       }, DELAY);
     }
-    if (isOpen && modalRef.current) {
+    if (isOpen && modalRef.current && enableBodyScrollLock) {
       // Disable scrolling on the body when the modal is open
       disableBodyScroll(modalRef.current);
     } else if (modalRef.current) {
@@ -139,7 +141,7 @@ var Modal = function Modal(_a) {
       // Cleanup by enabling body scroll and removing all scroll locks
       clearAllBodyScrollLocks();
     };
-  }, [isOpen, shouldRender, status]);
+  }, [isOpen, shouldRender, status, enableBodyScrollLock]);
   if (!isOpen) return null;
   var bodyId = "".concat(uuid, "_body");
   var headerId = "".concat(uuid, "_header");