@sebgroup/green-react 2.2.1 → 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",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "2.2.1",
+  "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';