@sebgroup/green-react 2.2.0 → 2.3.0

package/index.esm.js

@@ -2725,9 +2725,17 @@ function Group({
   id,
   children,
   error,
-  groupBorder = false
+  className,
+  groupBorder = false,
+  groupFocus = false
 }) {
-  const groupClassName = `group ${groupBorder ? 'group-border' : ''} ${error ? 'is-invalid' : ''}`;
+  const groupClassName = classNames('group', {
+    'group-border': groupBorder
+  }, {
+    'group-focus': groupFocus
+  }, {
+    'is-invalid': error
+  }, className);
   const errorMessage = error ? error.message || error : '';
   return jsxs("div", Object.assign({
     className: "form-group",
@@ -4387,6 +4395,19 @@ const InPageWizardStepCard = props => {
       }, {
         children: [props.nextBtnText, props.nextBtnIcon]
       }))
+    })), props.stepStatus === 'IsComplete' && !props.hideFooter && jsx("footer", Object.assign({
+      className: "gds-in-page-wizard-step-card__footer__edit"
+    }, {
+      children: jsxs("button", Object.assign({
+        className: "secondary",
+        onClick: props.onEditClick
+      }, {
+        children: [jsx(Edit, {
+          fill: 'var(--color)',
+          height: 16,
+          width: 16
+        }), props.editBtnText]
+      }))
     }))]
   }));
 };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "2.2.0",
+  "version": "2.3.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.0.3",
-    "@sebgroup/chlorophyll": "^2.2.0",
+    "@sebgroup/green-core": "^1.1.0",
+    "@sebgroup/chlorophyll": "^2.2.1",
     "@sebgroup/extract": "^2.0.0",
     "classnames": "^2.3.2"
   },

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

@@ -1,10 +1,13 @@
 import { ReactNode } from 'react';
+import classNames from 'classnames';
 export interface GroupProps {
     children: ReactNode;
     error?: Error | string;
     groupBorder?: boolean;
+    groupFocus?: boolean;
     invalid?: boolean;
     id?: string;
+    className?: classNames.Argument;
 }
-export declare function Group({ id, children, error, groupBorder, }: GroupProps): import("react/jsx-runtime").JSX.Element;
+export declare function Group({ id, children, error, className, groupBorder, groupFocus, }: GroupProps): import("react/jsx-runtime").JSX.Element;
 export default Group;

package/src/lib/in-page-wizard/inPageWizardStepCard.d.ts

@@ -2,14 +2,14 @@ import { ReactNode } from 'react';
 export interface InPageWizardStepCardProps {
     stepText: string;
     title: string;
-    editBtnText: string;
+    editBtnText?: string;
     nextBtnText: string;
     nextBtnIcon?: ReactNode;
     stepStatus: WizardStepStatus;
     hideFooter?: boolean;
     children: React.ReactNode;
     onNextClick: () => void;
-    onEditClick: () => void;
+    onEditClick?: () => void;
     dataTestid?: string;
 }
 export declare type WizardStepStatus = 'NotStarted' | 'IsActive' | 'IsComplete';