@sebgroup/green-react 1.0.0-beta.40 → 1.0.0-beta.42

package/index.esm.js

@@ -1063,7 +1063,8 @@ function Button({
   onClick,
   disabled,
   active = false,
-  type = 'button'
+  type = 'button',
+  size
 }) {
   const props = {
     type,
@@ -1072,6 +1073,7 @@ function Button({
   const classNames = [];
   if (variant) classNames.push(variant);
   if (active) classNames.push('active');
+  if (size) classNames.push('small');
   if (classNames.length) props.className = classNames.join(' ');
   if (onClick) props.onClick = onClick;
   return jsx("button", Object.assign({}, props, {
@@ -2825,19 +2827,21 @@ const useDropdown = ({
 };
 
 const Dropdown = ({
+  compareWith,
+  display,
   id,
-  value,
-  options,
+  informationLabel,
+  label,
   loop,
   multiSelect,
-  searchable,
+  onChange,
+  options,
   searchFilter,
-  compareWith,
-  useValue,
-  display,
+  searchable,
   texts,
-  onChange,
-  validator
+  useValue,
+  validator,
+  value
 }) => {
   var _a;
 
@@ -2873,7 +2877,7 @@ const Dropdown = ({
     if (Object.keys(props).length === 0) return {
       role: 'listbox',
       tabIndex: -1,
-      className: (_c = (_b = (_a = dropdownValues.elements) === null || _a === void 0 ? void 0 : _a.listbox) === null || _b === void 0 ? void 0 : _b.classes) === null || _c === void 0 ? void 0 : _c.join(' ')
+      className: (_c = (_b = (_a = dropdownValues().elements) === null || _a === void 0 ? void 0 : _a.listbox) === null || _b === void 0 ? void 0 : _b.classes) === null || _c === void 0 ? void 0 : _c.join(' ')
     };
     return props;
   };
@@ -2881,7 +2885,13 @@ const Dropdown = ({
   return jsxs("div", Object.assign({
     className: "form-group"
   }, {
-    children: [jsx("button", Object.assign({
+    children: [label && jsx("label", {
+      children: label
+    }), informationLabel && jsx("div", Object.assign({
+      className: "form-info"
+    }, {
+      children: informationLabel
+    })), jsx("button", Object.assign({
       type: "button"
     }, togglerProps, {
       ref: togglerRef

package/index.umd.js

@@ -1069,7 +1069,8 @@
 	  onClick,
 	  disabled,
 	  active = false,
-	  type = 'button'
+	  type = 'button',
+	  size
 	}) {
 	  const props = {
 	    type,
@@ -1078,6 +1079,7 @@
 	  const classNames = [];
 	  if (variant) classNames.push(variant);
 	  if (active) classNames.push('active');
+	  if (size) classNames.push('small');
 	  if (classNames.length) props.className = classNames.join(' ');
 	  if (onClick) props.onClick = onClick;
 	  return jsxRuntime.jsx("button", Object.assign({}, props, {
@@ -2831,19 +2833,21 @@
 	};
 
 	const Dropdown = ({
+	  compareWith,
+	  display,
 	  id,
-	  value,
-	  options,
+	  informationLabel,
+	  label,
 	  loop,
 	  multiSelect,
-	  searchable,
+	  onChange,
+	  options,
 	  searchFilter,
-	  compareWith,
-	  useValue,
-	  display,
+	  searchable,
 	  texts,
-	  onChange,
-	  validator
+	  useValue,
+	  validator,
+	  value
 	}) => {
 	  var _a;
 
@@ -2879,7 +2883,7 @@
 	    if (Object.keys(props).length === 0) return {
 	      role: 'listbox',
 	      tabIndex: -1,
-	      className: (_c = (_b = (_a = extract.dropdownValues.elements) === null || _a === void 0 ? void 0 : _a.listbox) === null || _b === void 0 ? void 0 : _b.classes) === null || _c === void 0 ? void 0 : _c.join(' ')
+	      className: (_c = (_b = (_a = extract.dropdownValues().elements) === null || _a === void 0 ? void 0 : _a.listbox) === null || _b === void 0 ? void 0 : _b.classes) === null || _c === void 0 ? void 0 : _c.join(' ')
 	    };
 	    return props;
 	  };
@@ -2887,7 +2891,13 @@
 	  return jsxRuntime.jsxs("div", Object.assign({
 	    className: "form-group"
 	  }, {
-	    children: [jsxRuntime.jsx("button", Object.assign({
+	    children: [label && jsxRuntime.jsx("label", {
+	      children: label
+	    }), informationLabel && jsxRuntime.jsx("div", Object.assign({
+	      className: "form-info"
+	    }, {
+	      children: informationLabel
+	    })), jsxRuntime.jsx("button", Object.assign({
 	      type: "button"
 	    }, togglerProps, {
 	      ref: togglerRef

package/lib/dropdown/dropdown.d.ts

@@ -2,5 +2,5 @@ import { DropdownArgs, OnChange } from '@sebgroup/extract';
 export interface DropdownProps extends DropdownArgs {
     onChange?: OnChange;
 }
-export declare const Dropdown: ({ id, value, options, loop, multiSelect, searchable, searchFilter, compareWith, useValue, display, texts, onChange, validator, }: DropdownProps) => JSX.Element;
+export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, loop, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, }: DropdownProps) => JSX.Element;
 export default Dropdown;

package/lib/form/button/button.d.ts

@@ -7,6 +7,7 @@ export interface ButtonProps {
     active?: boolean;
     onClick?: MouseEventHandler<HTMLButtonElement>;
     disabled?: boolean;
+    size?: 'small';
 }
-export declare function Button({ children, variant, onClick, disabled, active, type, }: ButtonProps): JSX.Element;
+export declare function Button({ children, variant, onClick, disabled, active, type, size }: ButtonProps): JSX.Element;
 export default Button;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "1.0.0-beta.40",
+  "version": "1.0.0-beta.42",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/chlorophyll": "^1.0.0-beta.41",
-    "@sebgroup/extract": "^1.0.0-beta.40"
+    "@sebgroup/chlorophyll": "^1.0.0-beta.43",
+    "@sebgroup/extract": "^1.0.0-beta.42"
   },
   "description": "React components built on top of @sebgroup/chlorophyll.",
   "repository": {