@sebgroup/green-react 3.20.0 → 3.20.2

package/index.js

@@ -310,8 +310,8 @@ export { CoreSegementedControl, CoreSegment, Segment, SegmentedControl } from '.
 import './_rollupPluginBabelHelpers.js';
 import 'react/jsx-runtime';
 import 'react';
-import './src/lib/accordion/accordion-item.js';
 import '@sebgroup/extract';
+import './src/lib/accordion/accordion-item.js';
 import './_tslib.js';
 import '@lit/react';
 import '@sebgroup/green-core/components/datepicker/index.js';

package/package.json

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

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

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

package/src/core/backdrop/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsBackdrop } from '@sebgroup/green-core/components/popover/backdrop.js';
+
+var tagName = getScopedTagName("gds-backdrop");
+//GdsBackdrop.define('gds-backdrop')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsBackdrop,
+  react: React,
+  events: {},
+  displayName: "GdsBackdrop"
+});
+
+export { reactWrapper as default };

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

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

package/src/core/badge/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsBadge } from '@sebgroup/green-core/components/badge/badge.js';
+
+var tagName = getScopedTagName("gds-badge");
+//GdsBadge.define('gds-badge')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsBadge,
+  react: React,
+  events: {},
+  displayName: "GdsBadge"
+});
+
+export { reactWrapper as default };

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

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

package/src/core/button/index.js

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

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

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

package/src/core/calendar/index.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsCalendar } from '@sebgroup/green-core/components/calendar/calendar.js';
+
+var tagName = getScopedTagName("gds-calendar");
+//GdsCalendar.define('gds-calendar')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsCalendar,
+  react: React,
+  events: {
+    onChange: "change",
+    onGdsDateFocused: "gds-date-focused"
+  },
+  displayName: "GdsCalendar"
+});
+
+export { reactWrapper as default };

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

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

package/src/core/card/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsCard } from '@sebgroup/green-core/components/card/card.js';
+
+var tagName = getScopedTagName("gds-card");
+//GdsCard.define('gds-card')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsCard,
+  react: React,
+  events: {},
+  displayName: "GdsCard"
+});
+
+export { reactWrapper as default };

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

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

package/src/core/coachmark/index.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsCoachmark } from '@sebgroup/green-core/components/coachmark/coachmark.js';
+
+var tagName = getScopedTagName("gds-coachmark");
+//GdsCoachmark.define('gds-coachmark')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsCoachmark,
+  react: React,
+  events: {
+    onGdsUiState: "gds-ui-state"
+  },
+  displayName: "GdsCoachmark"
+});
+
+export { reactWrapper as default };

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

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

package/src/core/container/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsContainer } from '@sebgroup/green-core/components/container/container.js';
+
+var tagName = getScopedTagName("gds-container");
+//GdsContainer.define('gds-container')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsContainer,
+  react: React,
+  events: {},
+  displayName: "GdsContainer"
+});
+
+export { reactWrapper as default };

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

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

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

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsContextMenu } from '@sebgroup/green-core/components/context-menu/context-menu.js';
+
+var tagName = getScopedTagName("gds-context-menu");
+//GdsContextMenu.define('gds-context-menu')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsContextMenu,
+  react: React,
+  events: {
+    onGdsMenuItemClick: "gds-menu-item-click",
+    onGdsUiState: "gds-ui-state"
+  },
+  displayName: "GdsContextMenu"
+});
+
+export { reactWrapper as default };

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

@@ -0,0 +1,7 @@
+import { GdsDatepicker } from "@sebgroup/green-core/components/datepicker/datepicker.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsDatepicker, {
+    onChange: string;
+    onInput: string;
+    onGdsUiState: string;
+}>;
+export default reactWrapper;

package/src/core/datepicker/index.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker/datepicker.js';
+
+var tagName = getScopedTagName("gds-datepicker");
+//GdsDatepicker.define('gds-datepicker')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsDatepicker,
+  react: React,
+  events: {
+    onChange: "change",
+    onInput: "input",
+    onGdsUiState: "gds-ui-state"
+  },
+  displayName: "GdsDatepicker"
+});
+
+export { reactWrapper as default };

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

@@ -0,0 +1,7 @@
+import { GdsDialog } from "@sebgroup/green-core/components/dialog/dialog.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsDialog, {
+    onGdsUiState: string;
+    onGdsClose: string;
+    onGdsShow: string;
+}>;
+export default reactWrapper;

package/src/core/dialog/index.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsDialog } from '@sebgroup/green-core/components/dialog/dialog.js';
+
+var tagName = getScopedTagName("gds-dialog");
+//GdsDialog.define('gds-dialog')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsDialog,
+  react: React,
+  events: {
+    onGdsUiState: "gds-ui-state",
+    onGdsClose: "gds-close",
+    onGdsShow: "gds-show"
+  },
+  displayName: "GdsDialog"
+});
+
+export { reactWrapper as default };

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

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

package/src/core/divider/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsDivider } from '@sebgroup/green-core/components/divider/divider.js';
+
+var tagName = getScopedTagName("gds-divider");
+//GdsDivider.define('gds-divider')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsDivider,
+  react: React,
+  events: {},
+  displayName: "GdsDivider"
+});
+
+export { reactWrapper as default };

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

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

package/src/core/dropdown/index.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsDropdown } from '@sebgroup/green-core/components/dropdown/dropdown.js';
+
+var tagName = getScopedTagName("gds-dropdown");
+//GdsDropdown.define('gds-dropdown')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsDropdown,
+  react: React,
+  events: {
+    onChange: "change",
+    onGdsUiState: "gds-ui-state"
+  },
+  displayName: "GdsDropdown"
+});
+
+export { reactWrapper as default };

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

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

package/src/core/fab/index.js

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

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

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

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsFilterChip } from '@sebgroup/green-core/components/filter-chips/filter-chip/filter-chip.js';
+
+var tagName = getScopedTagName("gds-filter-chip");
+//GdsFilterChip.define('gds-filter-chip')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsFilterChip,
+  react: React,
+  events: {},
+  displayName: "GdsFilterChip"
+});
+
+export { reactWrapper as default };

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

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

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

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsFilterChips } from '@sebgroup/green-core/components/filter-chips/filter-chips.js';
+
+var tagName = getScopedTagName("gds-filter-chips");
+//GdsFilterChips.define('gds-filter-chips')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsFilterChips,
+  react: React,
+  events: {
+    onChange: "change"
+  },
+  displayName: "GdsFilterChips"
+});
+
+export { reactWrapper as default };

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

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

package/src/core/flex/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsFlex } from '@sebgroup/green-core/components/flex/flex.js';
+
+var tagName = getScopedTagName("gds-flex");
+//GdsFlex.define('gds-flex')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsFlex,
+  react: React,
+  events: {},
+  displayName: "GdsFlex"
+});
+
+export { reactWrapper as default };

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

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

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsFormControlFooter } from '@sebgroup/green-core/primitives/form-control-footer/form-control-footer.js';
+
+var tagName = getScopedTagName("gds-form-control-footer");
+//GdsFormControlFooter.define('gds-form-control-footer')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsFormControlFooter,
+  react: React,
+  events: {},
+  displayName: "GdsFormControlFooter"
+});
+
+export { reactWrapper as default };

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

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

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsFormControlHeader } from '@sebgroup/green-core/primitives/form-control-header/form-control-header.js';
+
+var tagName = getScopedTagName("gds-form-control-header");
+//GdsFormControlHeader.define('gds-form-control-header')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsFormControlHeader,
+  react: React,
+  events: {},
+  displayName: "GdsFormControlHeader"
+});
+
+export { reactWrapper as default };

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

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

package/src/core/grid/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsGrid } from '@sebgroup/green-core/components/grid/grid.js';
+
+var tagName = getScopedTagName("gds-grid");
+//GdsGrid.define('gds-grid')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsGrid,
+  react: React,
+  events: {},
+  displayName: "GdsGrid"
+});
+
+export { reactWrapper as default };

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

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

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

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsGroupedList } from '@sebgroup/green-core/components/grouped-list/grouped-list.js';
+
+var tagName = getScopedTagName("gds-grouped-list");
+//GdsGroupedList.define('gds-grouped-list')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsGroupedList,
+  react: React,
+  events: {},
+  displayName: "GdsGroupedList"
+});
+
+export { reactWrapper as default };

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

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

package/src/core/img/index.js

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsImg } from '@sebgroup/green-core/components/img/img.js';
+
+var tagName = getScopedTagName("gds-img");
+//GdsImg.define('gds-img')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsImg,
+  react: React,
+  events: {},
+  displayName: "GdsImg"
+});
+
+export { reactWrapper as default };

package/src/core/index.d.ts

@@ -0,0 +1,38 @@
+export { default as GdsBadge } from './badge';
+export { default as GdsButton } from './button';
+export { default as GdsCalendar } from './calendar';
+export { default as GdsCard } from './card';
+export { default as GdsCoachmark } from './coachmark';
+export { default as GdsContainer } from './container';
+export { default as GdsContextMenu } from './context-menu';
+export { default as GdsDatepicker } from './datepicker';
+export { default as GdsDialog } from './dialog';
+export { default as GdsDivider } from './divider';
+export { default as GdsDropdown } from './dropdown';
+export { default as GdsFab } from './fab';
+export { default as GdsFilterChips } from './filter-chips';
+export { default as GdsFlex } from './flex';
+export { default as GdsGrid } from './grid';
+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 GdsMask } from './mask';
+export { default as GdsMenuButton } from './menu-button';
+export { default as GdsBackdrop } from './backdrop';
+export { default as GdsPopover } from './popover';
+export { default as GdsRadioGroup } from './radio-group';
+export { default as GdsRichText } from './rich-text';
+export { default as GdsSegmentedControl } from './segmented-control';
+export { default as GdsSignal } from './signal';
+export { default as GdsSpacer } from './spacer';
+export { default as GdsText } from './text';
+export { default as GdsTextarea } from './textarea';
+export { default as GdsTheme } from './theme';
+export { default as GdsVideo } from './video';
+export { default as GdsFormControlFooter } from './form-control-footer';
+export { default as GdsFormControlHeader } from './form-control-header';
+export { default as GdsOption } from './option';
+export { default as GdsMenuItem } from './menu-item';
+export { default as GdsFilterChip } from './filter-chip';
+export { default as GdsSegment } from './segment';