@sebgroup/green-react 3.19.0 → 3.20.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@sebgroup/green-react",
   "main": "./src/index.js",
   "module": "./src/index.js",
-  "version": "3.19.0",
+  "version": "3.20.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"

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

@@ -1,13 +1,3 @@
-import { ReactNode, MouseEvent } from 'react';
-import { ButtonType } from '@sebgroup/extract';
-interface IconButtonInterface {
-    children: ReactNode;
-    type?: ButtonType;
-    onClick: (event: MouseEvent) => void;
-    'aria-expanded'?: boolean;
-    'aria-controls'?: string;
-    size?: 'small' | 'normal';
-    title?: string;
-}
-export declare const IconButton: import("react").ForwardRefExoticComponent<IconButtonInterface & import("react").RefAttributes<HTMLButtonElement>>;
-export {};
+/// <reference types="react" />
+import { ButtonProps } from '../button/button';
+export declare const IconButton: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;

package/src/lib/form/iconButton/iconButton.js

@@ -1,21 +1,15 @@
-import { _ as __rest } from '../../../../_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
+import { Button } from '../button/button.js';
+import '../../../../_tslib.js';
+import 'classnames';
 
-var IconButton = /*#__PURE__*/forwardRef(function (_a, ref) {
-  var _b;
-  var children = _a.children,
-    onClick = _a.onClick,
-    props = __rest(_a, ["children", "onClick"]);
-  return jsx("button", {
-    className: "icon ".concat(props.size === 'small' && 'small'),
-    onClick: onClick,
-    "aria-controls": props['aria-controls'],
-    "aria-expanded": props['aria-expanded'],
-    type: (_b = props.type) !== null && _b !== void 0 ? _b : 'button',
+var IconButton = /*#__PURE__*/forwardRef(function (props, ref) {
+  return jsx(Button, Object.assign({}, props, {
+    className: "icon",
     ref: ref,
-    children: children
-  });
+    children: props.children
+  }));
 });
 
 export { IconButton };

package/src/lib/form/iconButton/index.js

@@ -1,4 +1,6 @@
 export { IconButton } from './iconButton.js';
-import '../../../../_tslib.js';
 import 'react/jsx-runtime';
 import 'react';
+import '../button/button.js';
+import '../../../../_tslib.js';
+import 'classnames';

package/src/lib/form/input/index.js

@@ -9,6 +9,7 @@ import '@sebgroup/extract';
 import '../../formItem/formItem.js';
 import 'classnames';
 import '../iconButton/iconButton.js';
+import '../button/button.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 import '../group/group.js';

package/src/lib/form/input/input.js

@@ -9,6 +9,7 @@ import classNames from 'classnames';
 export { RadioButton } from '../radioButton/radioButton.js';
 export { Checkbox } from '../checkbox/checkbox.js';
 import '../iconButton/iconButton.js';
+import '../button/button.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 import '../useInput.js';

package/src/lib/form/radioButton/index.js

@@ -9,5 +9,6 @@ import 'classnames';
 import '../../../../_rollupPluginBabelHelpers.js';
 import '../../formItem/formItem.js';
 import '../iconButton/iconButton.js';
+import '../button/button.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';

package/src/lib/form/radioButton/radioGroup.js

@@ -6,6 +6,7 @@ import { FormItem } from '../../formItem/formItem.js';
 import classNames from 'classnames';
 import '../../../../_tslib.js';
 import '../iconButton/iconButton.js';
+import '../button/button.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 

package/src/lib/form/textarea/index.js

@@ -7,5 +7,6 @@ import 'react';
 import '../../formItem/formItem.js';
 import 'classnames';
 import '../iconButton/iconButton.js';
+import '../button/button.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';

package/src/lib/form/textarea/textarea.js

@@ -6,6 +6,7 @@ import { forwardRef, useState, useEffect, useCallback } from 'react';
 import { FormItem } from '../../formItem/formItem.js';
 import classNames from 'classnames';
 import '../iconButton/iconButton.js';
+import '../button/button.js';
 import '../../icons/times.js';
 import '../../icons/infoCircle.js';
 

package/src/lib/formItem/formItem.js

@@ -7,6 +7,7 @@ import { IconButton } from '../form/iconButton/iconButton.js';
 import { debounce, randomId, validateClassName, delay } from '@sebgroup/extract';
 import { Times } from '../icons/times.js';
 import { InfoCircle } from '../icons/infoCircle.js';
+import '../form/button/button.js';
 
 var FormItem = function FormItem(_ref) {
   var expandableInfo = _ref.expandableInfo,
@@ -72,6 +73,7 @@ var FormItem = function FormItem(_ref) {
         size: "small",
         "aria-expanded": isExpanded,
         "aria-controls": "".concat(inputId, "-expandable-info"),
+        "aria-label": expandableInfoButtonLabel,
         onClick: function () {
           var _onClick = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
             return _regeneratorRuntime().wrap(function _callee$(_context) {

package/src/lib/formItem/index.js

@@ -5,6 +5,7 @@ import '../../../_tslib.js';
 import 'react';
 import 'classnames';
 import '../form/iconButton/iconButton.js';
+import '../form/button/button.js';
 import '@sebgroup/extract';
 import '../icons/times.js';
 import '../icons/infoCircle.js';

package/src/lib/select/index.js

@@ -8,5 +8,6 @@ import '../icons/chevronDown.js';
 import '../formItem/formItem.js';
 import 'classnames';
 import '../form/iconButton/iconButton.js';
+import '../form/button/button.js';
 import '../icons/times.js';
 import '../icons/infoCircle.js';

package/src/lib/select/select.js

@@ -7,6 +7,7 @@ import { ChevronDown } from '../icons/chevronDown.js';
 import { FormItem } from '../formItem/formItem.js';
 import classNames from 'classnames';
 import '../form/iconButton/iconButton.js';
+import '../form/button/button.js';
 import '../icons/times.js';
 import '../icons/infoCircle.js';