@helpdice/ui 1.6.0 → 1.6.2

package/dist/input/index.js

@@ -1280,7 +1280,7 @@ var withScale = function withScale(Render) {
   return ScaleFC;
 };
 
-var _excluded$2 = ["label", "labelRight", "type", "error", "htmlType", "icon", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled"];
+var _excluded$2 = ["label", "labelRight", "color", "error", "type", "icon", "iconRight", "iconClickable", "onIconClick", "initialValue", "onChange", "readOnly", "value", "onClearClick", "clearable", "className", "onBlur", "onFocus", "autoComplete", "placeholder", "children", "disabled"];
 var simulateChangeEvent = function simulateChangeEvent(el, event) {
   return _objectSpread2(_objectSpread2({}, event), {}, {
     target: el,
@@ -1290,11 +1290,11 @@ var simulateChangeEvent = function simulateChangeEvent(el, event) {
 var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var label = _ref.label,
     labelRight = _ref.labelRight,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'default' : _ref$type,
+    _ref$color = _ref.color,
+    _color = _ref$color === void 0 ? 'default' : _ref$color,
     error = _ref.error,
-    _ref$htmlType = _ref.htmlType,
-    htmlType = _ref$htmlType === void 0 ? 'text' : _ref$htmlType,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? 'text' : _ref$type,
     icon = _ref.icon,
     iconRight = _ref.iconRight,
     _ref$iconClickable = _ref.iconClickable,
@@ -1346,7 +1346,7 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     return iconRight ? 'right-icon' : icon ? 'left-icon' : '';
   }, [icon, iconRight]);
   var _useMemo = React.useMemo(function () {
-      return getColors(theme.palette, type);
+      return getColors(theme.palette, _color);
     }, [theme.palette, type]),
     color = _useMemo.color,
     borderColor = _useMemo.borderColor,
@@ -1407,7 +1407,7 @@ var InputComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   }, icon && /*#__PURE__*/React.createElement(InputIcon, _extends({
     icon: icon
   }, iconProps)), /*#__PURE__*/React.createElement("input", _extends({
-    type: htmlType,
+    type: type,
     ref: inputRef,
     placeholder: placeholder,
     disabled: disabled,
@@ -1611,7 +1611,7 @@ var InputPasswordComponent = /*#__PURE__*/React.forwardRef(function (_ref, ref)
       ref: inputRef,
       iconClickable: true,
       onIconClick: iconClickHandler,
-      htmlType: visible ? 'text' : 'password'
+      type: visible ? 'text' : 'password'
     });
   }, [props, iconClickHandler, visible, inputRef]);
   var icon = React.useMemo(function () {

package/dist/input/input-props.d.ts

@@ -4,8 +4,8 @@ export type InputTypes = NormalTypes;
 export interface Props {
     initialValue?: string;
     placeholder?: string;
-    type?: InputTypes;
-    htmlType?: string;
+    color?: InputTypes;
+    type?: string;
     readOnly?: boolean;
     disabled?: boolean;
     label?: string;

package/dist/input/password.d.ts

@@ -6,8 +6,8 @@ interface PasswordProps extends Props {
     readOnly: boolean;
     clearable: boolean;
     iconClickable: boolean;
-    type: InputTypes;
-    htmlType: string;
+    color: InputTypes;
+    type: string;
     autoComplete: string;
     className: string;
     placeholder: string;

package/dist/modal/index.js

@@ -1592,7 +1592,7 @@ var addColorAlpha = function addColorAlpha(color, alpha) {
   return "rgba(".concat(r, ", ").concat(g, ", ").concat(b, ", ").concat(safeAlpha, ")");
 };
 
-var getButtonGhostColors = function getButtonGhostColors(palette, type) {
+var getButtonGhostColors = function getButtonGhostColors(palette, _color) {
   var colors = {
     secondary: {
       bg: palette.background,
@@ -1615,10 +1615,10 @@ var getButtonGhostColors = function getButtonGhostColors(palette, type) {
       color: palette.error
     }
   };
-  return colors[type] || null;
+  return colors[_color] || null;
 };
 var getButtonColors = function getButtonColors(palette, props) {
-  var type = props.type,
+  var color = props.color,
     disabled = props.disabled,
     ghost = props.ghost;
   var colors = {
@@ -1666,12 +1666,12 @@ var getButtonColors = function getButtonColors(palette, props) {
    *   Color['success'] === Color['success-light']
    *   Color['warning'] === Color['warning-light']
    */
-  var withoutLightType = type === null || type === void 0 ? void 0 : type.replace('-light', '');
+  var withoutLightType = color === null || color === void 0 ? void 0 : color.replace('-light', '');
   var defaultColor = colors["default"];
   if (ghost) return getButtonGhostColors(palette, withoutLightType) || defaultColor;
   return colors[withoutLightType] || defaultColor;
 };
-var getButtonGhostHoverColors = function getButtonGhostHoverColors(palette, type) {
+var getButtonGhostHoverColors = function getButtonGhostHoverColors(palette, _color) {
   var colors = {
     secondary: {
       bg: palette.foreground,
@@ -1694,11 +1694,11 @@ var getButtonGhostHoverColors = function getButtonGhostHoverColors(palette, type
       color: 'white'
     }
   };
-  var withoutLightType = type.replace('-light', '');
+  var withoutLightType = _color.replace('-light', '');
   return colors[withoutLightType] || null;
 };
 var getButtonHoverColors = function getButtonHoverColors(palette, props) {
-  var type = props.type,
+  var color = props.color,
     disabled = props.disabled,
     loading = props.loading,
     shadow = props.shadow,
@@ -1753,7 +1753,7 @@ var getButtonHoverColors = function getButtonHoverColors(palette, props) {
     color: 'transparent'
   });
   if (shadow) return defaultColor;
-  var hoverColor = (ghost ? getButtonGhostHoverColors(palette, type) : colors[type]) || colors["default"];
+  var hoverColor = (ghost ? getButtonGhostHoverColors(palette, color) : colors[color]) || colors["default"];
   return _objectSpread2(_objectSpread2({}, hoverColor), {}, {
     color: hoverColor.color || hoverColor.border
   });
@@ -1779,7 +1779,7 @@ var getButtonDripColor = function getButtonDripColor(palette, props) {
   return isLightHover ? addColorAlpha(hoverColors.bg, 0.65) : addColorAlpha(palette.accents_2, 0.65);
 };
 
-var _excluded$6 = ["children", "disabled", "type", "loading", "shadow", "ghost", "effect", "round", "onClick", "auto", "icon", "htmlType", "iconRight", "className", "crossOrigin"];
+var _excluded$6 = ["children", "disabled", "color", "loading", "shadow", "ghost", "effect", "round", "onClick", "auto", "icon", "type", "iconRight", "className", "crossOrigin"];
 var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
   var theme = useTheme();
   var _useScale = useScale(),
@@ -1806,7 +1806,7 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
   var children = filteredProps.children,
     _filteredProps$disabl = filteredProps.disabled,
     disabled = _filteredProps$disabl === void 0 ? false : _filteredProps$disabl;
-    filteredProps.type;
+    filteredProps.color;
     var _filteredProps$loadin = filteredProps.loading,
     loading = _filteredProps$loadin === void 0 ? false : _filteredProps$loadin,
     _filteredProps$shadow = filteredProps.shadow,
@@ -1821,8 +1821,8 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
     _filteredProps$auto = filteredProps.auto,
     auto = _filteredProps$auto === void 0 ? false : _filteredProps$auto,
     icon = filteredProps.icon,
-    _filteredProps$htmlTy = filteredProps.htmlType,
-    htmlType = _filteredProps$htmlTy === void 0 ? 'button' : _filteredProps$htmlTy,
+    _filteredProps$type = filteredProps.type,
+    type = _filteredProps$type === void 0 ? 'button' : _filteredProps$type,
     iconRight = filteredProps.iconRight,
     _filteredProps$classN = filteredProps.className,
     className = _filteredProps$classN === void 0 ? '' : _filteredProps$classN;
@@ -1876,7 +1876,7 @@ var ButtonComponent = /*#__PURE__*/React.forwardRef(function (btnProps, ref) {
     paddingRight = auto ? SCALES.pr(1.15) : SCALES.pr(1.375);
   return /*#__PURE__*/React.createElement("button", _extends({
     ref: buttonRef,
-    type: htmlType,
+    type: type,
     disabled: disabled,
     onClick: clickHandler
   }, props, {