pallote-react 0.15.11 → 0.15.13

package/dist/index.js

@@ -1517,6 +1517,7 @@ const Button = /*#__PURE__*/React__default.forwardRef(({
   iconRight,
   className,
   children = 'button',
+  type = 'button',
   ...props
 }, ref) => {
   const Component = component || 'button';
@@ -1537,7 +1538,9 @@ const Button = /*#__PURE__*/React__default.forwardRef(({
     }, className]),
     ref: ref,
     disabled: Component === 'button' ? disabled : undefined
-  }, props), content);
+  }, Component === 'button' ? {
+    type
+  } : {}, props), content);
 });
 Button.displayName = 'Button';
 Button.propTypes = {
@@ -1551,6 +1554,7 @@ Button.propTypes = {
   iconLeft: PropTypes.node,
   iconRight: PropTypes.node,
   className: PropTypes.node,
+  type: PropTypes.oneOf(['button', 'submit', 'reset']),
   children: PropTypes.node.isRequired
 };
 
@@ -1717,12 +1721,15 @@ const Checkbox = ({
   checked,
   disabled,
   optional,
+  dense,
+  onChange,
   className,
   ...props
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(['checkbox', {
-      'checkbox-disabled': disabled
+      'checkbox-disabled': disabled,
+      'checkbox-dense': dense
     }, className])
   }, /*#__PURE__*/React__default.createElement("input", _extends({
     className: classnames('checkbox_control'),
@@ -1733,7 +1740,8 @@ const Checkbox = ({
     checked: checked,
     "aria-checked": checked,
     disabled: disabled,
-    required: !(disabled || optional)
+    required: !(disabled || optional),
+    onChange: onChange
   }, props)), /*#__PURE__*/React__default.createElement("label", {
     className: classnames('checkbox_label'),
     htmlFor: id
@@ -1746,6 +1754,7 @@ Checkbox.propTypes = {
   checked: PropTypes.bool,
   disabled: PropTypes.bool,
   optional: PropTypes.bool,
+  dense: PropTypes.bool,
   className: PropTypes.node
 };
 
@@ -1754,11 +1763,14 @@ const InputLabel = ({
   htmlFor,
   label = 'Input label',
   hint,
-  error
+  error,
+  hideLabel = false
 }) => {
   const LabelTag = isLegend ? 'legend' : 'label';
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, label && /*#__PURE__*/React__default.createElement(LabelTag, _extends({
-    className: 'input_label'
+    className: classnames('input_label', {
+      'sr-only': hideLabel
+    })
   }, !isLegend && {
     htmlFor
   }), label), hint && /*#__PURE__*/React__default.createElement("p", {
@@ -1778,7 +1790,8 @@ InputLabel.propTypes = {
   },
   label: PropTypes.string.isRequired,
   hint: PropTypes.string,
-  error: PropTypes.string
+  error: PropTypes.string,
+  hideLabel: PropTypes.bool
 };
 
 const Checkboxes = ({
@@ -1789,7 +1802,9 @@ const Checkboxes = ({
   error,
   disabled,
   optional,
+  dense,
   hint,
+  hideLabel,
   children,
   className
 }) => {
@@ -1797,7 +1812,8 @@ const Checkboxes = ({
     className: classnames(['input', {
       'js-error': error,
       'input-disabled': disabled,
-      'input-optional': optional
+      'input-optional': optional,
+      'input-dense': dense
     }, className])
   }, hint || error ? {
     'aria-describedby': [hint ? `${id}-hint` : null, error ? `${id}-error` : null].filter(Boolean).join(' ')
@@ -1805,7 +1821,8 @@ const Checkboxes = ({
     isLegend: true,
     label: label,
     hint: hint,
-    error: error
+    error: error,
+    hideLabel: hideLabel
   }), /*#__PURE__*/React__default.createElement("div", {
     className: classnames(['input_control', 'radios', {
       [`radios-${direction}`]: direction
@@ -1824,7 +1841,9 @@ Checkboxes.propTypes = {
   error: PropTypes.bool,
   disabled: PropTypes.bool,
   optional: PropTypes.bool,
+  dense: PropTypes.bool,
   hint: PropTypes.string,
+  hideLabel: PropTypes.bool,
   children: PropTypes.node.isRequired,
   className: PropTypes.node
 };
@@ -1931,7 +1950,9 @@ const Input = ({
   error,
   disabled,
   optional,
+  dense,
   hint,
+  hideLabel,
   className,
   ...props
 }) => {
@@ -1947,13 +1968,15 @@ const Input = ({
       'js-error': error,
       'input-disabled': disabled,
       'input-optional': optional,
+      'input-dense': dense,
       'input-withIcon': icon
     }, className])
   }, /*#__PURE__*/React__default.createElement(InputLabel, {
     htmlFor: id,
     label: label,
     hint: hint,
-    error: error
+    error: error,
+    hideLabel: hideLabel
   }), customIcon && /*#__PURE__*/React__default.createElement("div", {
     className: 'input_icon'
   }, customIcon), /*#__PURE__*/React__default.createElement("input", _extends({
@@ -1981,7 +2004,9 @@ Input.propTypes = {
   error: PropTypes.bool,
   disabled: PropTypes.bool,
   optional: PropTypes.bool,
+  dense: PropTypes.bool,
   hint: PropTypes.string,
+  hideLabel: PropTypes.bool,
   className: PropTypes.node
 };
 
@@ -2274,12 +2299,15 @@ const Radio = ({
   checked,
   disabled,
   optional,
+  dense,
+  onChange,
   className,
   ...props
 }) => {
   return /*#__PURE__*/React__default.createElement("div", {
     className: classnames(['radio', {
-      'radio-disabled': disabled
+      'radio-disabled': disabled,
+      'radio-dense': dense
     }, className])
   }, /*#__PURE__*/React__default.createElement("input", _extends({
     className: classnames('radio_control'),
@@ -2290,7 +2318,8 @@ const Radio = ({
     checked: checked,
     "aria-checked": checked,
     disabled: disabled,
-    required: !(disabled || optional)
+    required: !(disabled || optional),
+    onChange: onChange
   }, props)), /*#__PURE__*/React__default.createElement("label", {
     className: classnames('radio_label'),
     htmlFor: id
@@ -2304,6 +2333,7 @@ Radio.propTypes = {
   checked: PropTypes.bool,
   disabled: PropTypes.bool,
   optional: PropTypes.bool,
+  dense: PropTypes.bool,
   className: PropTypes.node
 };
 
@@ -2315,7 +2345,9 @@ const RadioButtons = ({
   error,
   disabled,
   optional,
+  dense,
   hint,
+  hideLabel,
   children,
   className
 }) => {
@@ -2323,7 +2355,8 @@ const RadioButtons = ({
     className: classnames(['input', {
       'js-error': error,
       'input-disabled': disabled,
-      'input-optional': optional
+      'input-optional': optional,
+      'input-dense': dense
     }, className])
   }, hint || error ? {
     'aria-describedby': [hint ? `${id}-hint` : null, error ? `${id}-error` : null].filter(Boolean).join(' ')
@@ -2331,7 +2364,8 @@ const RadioButtons = ({
     isLegend: true,
     label: label,
     hint: hint,
-    error: error
+    error: error,
+    hideLabel: hideLabel
   }), /*#__PURE__*/React__default.createElement("div", {
     className: classnames(['input_control', 'radios', {
       [`radios-${direction}`]: direction
@@ -2350,7 +2384,9 @@ RadioButtons.propTypes = {
   error: PropTypes.bool,
   disabled: PropTypes.bool,
   optional: PropTypes.bool,
+  dense: PropTypes.bool,
   hint: PropTypes.string,
+  hideLabel: PropTypes.bool,
   children: PropTypes.node.isRequired,
   className: PropTypes.node
 };
@@ -2383,6 +2419,7 @@ const Select = ({
   optional,
   dense,
   hint,
+  hideLabel,
   children,
   className,
   ...props
@@ -2405,7 +2442,8 @@ const Select = ({
     htmlFor: id,
     label: label,
     hint: hint,
-    error: error
+    error: error,
+    hideLabel: hideLabel
   }), /*#__PURE__*/React__default.createElement("select", _extends({
     ref: inputRef,
     className: 'input_control',
@@ -2428,6 +2466,7 @@ Select.propTypes = {
   optional: PropTypes.bool,
   dense: PropTypes.bool,
   hint: PropTypes.string,
+  hideLabel: PropTypes.bool,
   children: PropTypes.any.isRequired,
   className: PropTypes.node
 };
@@ -3023,7 +3062,9 @@ const Textarea = ({
   error,
   disabled,
   optional,
+  dense,
   hint,
+  hideLabel,
   className,
   ...props
 }) => {
@@ -3037,13 +3078,15 @@ const Textarea = ({
     className: classnames(['input', {
       'js-error': error,
       'input-disabled': disabled,
-      'input-optional': optional
+      'input-optional': optional,
+      'input-dense': dense
     }, className])
   }, /*#__PURE__*/React__default.createElement(InputLabel, {
     htmlFor: id,
     label: label,
     hint: hint,
-    error: error
+    error: error,
+    hideLabel: hideLabel
   }), /*#__PURE__*/React__default.createElement("textarea", _extends({
     ref: inputRef,
     className: 'input_control',
@@ -3067,7 +3110,9 @@ Textarea.propTypes = {
   error: PropTypes.bool,
   disabled: PropTypes.bool,
   optional: PropTypes.bool,
+  dense: PropTypes.bool,
   hint: PropTypes.string,
+  hideLabel: PropTypes.bool,
   className: PropTypes.node
 };
 

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pallote-react",
-  "version": "0.15.11",
+  "version": "0.15.13",
   "description": "",
   "main": "dist/index.js",
   "styles": "dist/index.css",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pallote-react",
-  "version": "0.15.11",
+  "version": "0.15.13",
   "description": "",
   "main": "dist/index.js",
   "styles": "dist/index.css",
@@ -23,7 +23,7 @@
     "classnames": "^2.5.1",
     "react-syntax-highlighter": "^15.6.1",
     "sass": "^1.71.1",
-    "pallote-css": "^0.9.10"
+    "pallote-css": "^0.9.12"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.4",