@hyphen/hyphen-components 4.1.1 → 4.1.3

package/dist/components/Button/Button.d.ts

@@ -39,6 +39,11 @@ export interface BaseButtonProps {
      * Size of the button.
      */
     size?: ButtonSize | ResponsiveProp<ButtonSize>;
+    /**
+     * The type of button
+     *
+     */
+    type?: 'button' | 'submit' | 'reset';
     /**
      * Visual variant of the button
      */

package/dist/hyphen-components.cjs.development.js

@@ -752,7 +752,7 @@ var Spinner = function Spinner(_ref) {
 
 var styles$s = {"button":"Button-module_button__18Bed","size-sm":"Button-module_size-sm__6Xrjw","size-md":"Button-module_size-md__BkuGu","size-lg":"Button-module_size-lg__JVYWV","primary":"Button-module_primary__st6yY","secondary":"Button-module_secondary__j-3rj","tertiary":"Button-module_tertiary__Nd7xM","danger":"Button-module_danger__Hxs5n","size-sm-tablet":"Button-module_size-sm-tablet__9XaSx","size-md-tablet":"Button-module_size-md-tablet__YQxaI","size-lg-tablet":"Button-module_size-lg-tablet__h3l97","size-sm-desktop":"Button-module_size-sm-desktop__8tTsg","size-md-desktop":"Button-module_size-md-desktop__OCdDi","size-lg-desktop":"Button-module_size-lg-desktop__uFc4f","size-sm-hd":"Button-module_size-sm-hd__INFfD","size-md-hd":"Button-module_size-md-hd__8e2mW","size-lg-hd":"Button-module_size-lg-hd__DH60l","loading":"Button-module_loading__QfItr","label":"Button-module_label__1PsXG","full-width":"Button-module_full-width__qDri6","spinner-wrapper":"Button-module_spinner-wrapper__rALNw"};
 
-var _excluded$I = ["asChild", "children", "className", "fullWidth", "iconPrefix", "iconSuffix", "isDisabled", "isLoading", "onClick", "onBlur", "onFocus", "shadow", "size", "variant"];
+var _excluded$I = ["asChild", "children", "className", "fullWidth", "iconPrefix", "iconSuffix", "isDisabled", "isLoading", "onClick", "onBlur", "onFocus", "shadow", "size", "type", "variant"];
 var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var _classNames;
   var asChild = _ref.asChild,
@@ -769,6 +769,8 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     shadow = _ref.shadow,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? 'md' : _ref$size,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'button' : _ref$type,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
     restProps = _objectWithoutPropertiesLoose(_ref, _excluded$I);
@@ -790,6 +792,8 @@ var Button = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     onBlur: handleBlur,
     onFocus: handleFocus,
     ref: ref
+  }, !asChild && {
+    type: type
   }, restProps), isLoading && React.createElement(Spinner, {
     className: styles$s['spinner-wrapper']
   }), iconPrefix && React.createElement(Icon, {
@@ -2119,7 +2123,7 @@ var DropdownMenuItem = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     props = _objectWithoutPropertiesLoose(_ref, _excluded$q);
   return React.createElement(DropdownMenuPrimitive__namespace.Item, _extends({
     ref: ref,
-    className: classNames('font-size-sm position-relative cursor-default display-flex br-sm align-items-center p-sm g-sm outline-none hover:background-color-secondary focus:background-color-secondary', inset && 'p-left-md', className)
+    className: classNames('font-size-sm position-relative cursor-default display-flex br-sm align-items-center p-sm g-sm outline-none', inset && 'p-left-md', !props.disabled && 'hover:background-color-secondary focus:background-color-secondary', props.disabled && 'cursor-not-allowed font-color-disabled', className)
   }, props));
 });
 DropdownMenuItem.displayName = DropdownMenuPrimitive__namespace.Item.displayName;