@sebgroup/green-react 3.20.1 → 3.20.2

package/package.json

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

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/index.d.ts

@@ -6,6 +6,7 @@ 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';
@@ -21,6 +22,7 @@ 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';

package/src/core/index.js

@@ -6,6 +6,7 @@ export { default as GdsCoachmark } from './coachmark/index.js';
 export { default as GdsContainer } from './container/index.js';
 export { default as GdsContextMenu } from './context-menu/index.js';
 export { default as GdsDatepicker } from './datepicker/index.js';
+export { default as GdsDialog } from './dialog/index.js';
 export { default as GdsDivider } from './divider/index.js';
 export { default as GdsDropdown } from './dropdown/index.js';
 export { default as GdsFab } from './fab/index.js';
@@ -21,6 +22,7 @@ export { default as GdsMenuButton } from './menu-button/index.js';
 export { default as GdsBackdrop } from './backdrop/index.js';
 export { default as GdsPopover } from './popover/index.js';
 export { default as GdsRadioGroup } from './radio-group/index.js';
+export { default as GdsRichText } from './rich-text/index.js';
 export { default as GdsSegmentedControl } from './segmented-control/index.js';
 export { default as GdsSignal } from './signal/index.js';
 export { default as GdsSpacer } from './spacer/index.js';
@@ -45,6 +47,7 @@ import '@sebgroup/green-core/components/coachmark/coachmark.js';
 import '@sebgroup/green-core/components/container/container.js';
 import '@sebgroup/green-core/components/context-menu/context-menu.js';
 import '@sebgroup/green-core/components/datepicker/datepicker.js';
+import '@sebgroup/green-core/components/dialog/dialog.js';
 import '@sebgroup/green-core/components/divider/divider.js';
 import '@sebgroup/green-core/components/dropdown/dropdown.js';
 import '@sebgroup/green-core/components/fab/fab.js';
@@ -60,6 +63,7 @@ import '@sebgroup/green-core/components/menu-button/menu-button.js';
 import '@sebgroup/green-core/components/popover/backdrop.js';
 import '@sebgroup/green-core/components/popover/popover.js';
 import '@sebgroup/green-core/components/radio/radio-group.js';
+import '@sebgroup/green-core/components/rich-text/rich-text.js';
 import '@sebgroup/green-core/components/segmented-control/segmented-control.js';
 import '@sebgroup/green-core/components/signal/signal.js';
 import '@sebgroup/green-core/components/spacer/spacer.js';

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

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

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

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

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

@@ -7,6 +7,7 @@ export interface ModalProps {
     children: ReactNode;
     confirm?: string;
     dismiss?: string;
+    closeText?: string;
     size?: Size;
     id?: string;
     isOpen?: boolean;

package/src/lib/modal/modal.js

@@ -13,6 +13,8 @@ var ModalHeader = function ModalHeader(_ref) {
     setShouldRender = _ref.setShouldRender,
     _ref$header = _ref.header,
     header = _ref$header === void 0 ? '' : _ref$header,
+    _ref$closeText = _ref.closeText,
+    closeText = _ref$closeText === void 0 ? 'Close Modal' : _ref$closeText,
     id = _ref.id,
     onClose = _ref.onClose;
   var handleClose = function handleClose(event) {
@@ -34,13 +36,11 @@ var ModalHeader = function ModalHeader(_ref) {
     children: [jsx("h3", {
       id: id,
       children: header
-    }), jsxs("button", {
+    }), jsx("button", {
       className: "close",
+      "aria-label": closeText,
       onClick: handleClose,
-      children: [jsx("span", {
-        className: "sr-only",
-        children: "Close"
-      }), jsx("i", {})]
+      children: jsx("i", {})
     })]
   });
 };