@app-studio/web 0.8.2 → 0.8.4

package/dist/web.umd.development.js

@@ -1442,11 +1442,6 @@
       _ref$setIsHovered = _ref.setIsHovered,
       setIsHovered = _ref$setIsHovered === void 0 ? function () {} : _ref$setIsHovered,
       props = _objectWithoutPropertiesLoose(_ref, _excluded$i);
-    console.log({
-      button: props,
-      size: size,
-      isDisabled: isDisabled
-    });
     var _useTheme = appStudio.useTheme(),
       getColor = _useTheme.getColor;
     var handleHover = function handleHover() {
@@ -1503,9 +1498,7 @@
     var scaleWidth = {
       width: isAuto ? 'fit-content' : isFilled ? '100%' : buttonSizeStyles.width
     };
-    var changePadding = {
-      padding: isIconRounded ? IconSizes$1[size].padding : ButtonSizes[size].padding
-    };
+    var changePadding = isIconRounded ? IconSizes$1[size] : ButtonSizes[size];
     var content = React__default.createElement(Horizontal, {
       gap: 10
     }, isLoading && loaderPosition === 'left' && React__default.createElement(Loader, Object.assign({}, loaderProps)), icon && iconPosition === 'left' && !isLoading && icon, children, icon && iconPosition === 'right' && !isLoading && icon, isLoading && loaderPosition === 'right' && React__default.createElement(Loader, Object.assign({}, loaderProps)));
@@ -1518,17 +1511,18 @@
       display: "flex",
       alignItems: "center",
       justifyContent: "center",
-      ariaLabel: ariaLabel,
+      "aria-label": ariaLabel,
       backgroundColor: buttonColor,
       borderRadius: ButtonShapes[shape],
       onClick: (_props$onClick = props.onClick) != null ? _props$onClick : onClick,
       onMouseEnter: handleHover,
       onMouseLeave: handleHover,
       cursor: isActive ? 'pointer' : 'default',
-      filter: hovering ? 'brightness(0.85)' : 'brightness(1)',
-      transition: hovering && !props.isDisabled ? 'transform 0.3s ease' : '',
-      transform: hovering && !props.isDisabled ? 'translateY(-5px)' : ''
-    }, defaultNativeProps, buttonSizeStyles, buttonVariant, scaleWidth, changePadding, shadow, props), variant === 'link' && externalHref ? React__default.createElement(Link, {
+      filter: hovering ? 'brightness(0.85)' : 'brightness(1)'
+    }, hovering && !props.isDisabled ? {
+      transition: 'transform 0.3s ease',
+      transform: 'translateY(-5px)'
+    } : {}, defaultNativeProps, buttonSizeStyles, buttonVariant, scaleWidth, changePadding, shadow, props), variant === 'link' && externalHref ? React__default.createElement(Link, {
       href: externalHref,
       textDecorationColor: colorScheme,
       colorScheme: colorScheme,
@@ -2417,7 +2411,7 @@
     }
   };
 
-  var _excluded$s = ["id", "name", "label", "inActiveChild", "activeChild", "labelPosition", "shadow", "size", "colorScheme", "value", "isHovered", "isDisabled", "isReadOnly", "onChange", "setValue", "setIsHovered", "styles"];
+  var _excluded$s = ["id", "name", "label", "inActiveChild", "activeChild", "labelPosition", "shadow", "size", "colorScheme", "value", "isHovered", "isDisabled", "isReadOnly", "on", "setOn", "onChange", "setValue", "setIsHovered", "styles"];
   var SwitchContent = function SwitchContent(props) {
     return React__default.createElement(appStudio.Input, Object.assign({
       type: "checkbox"
@@ -2445,6 +2439,8 @@
       isDisabled = _ref$isDisabled === void 0 ? false : _ref$isDisabled,
       _ref$isReadOnly = _ref.isReadOnly,
       isReadOnly = _ref$isReadOnly === void 0 ? false : _ref$isReadOnly,
+      on = _ref.on,
+      setOn = _ref.setOn,
       onChange = _ref.onChange,
       _ref$setValue = _ref.setValue,
       setValue = _ref$setValue === void 0 ? function () {} : _ref$setValue,
@@ -2460,6 +2456,7 @@
     var handleToggle = function handleToggle(event) {
       if (!isReadOnly) {
         setValue(!value);
+        setOn(!on);
         if (onChange) onChange(event.target.checked);
       }
     };
@@ -3039,9 +3036,10 @@
         borderColor: error ? 'theme.error' : isHovered ? 'color.gray.500' : 'color.gray.300',
         borderStyle: 'solid'
       }, {
-        borderRadius: 3,
-        filter: isHovered ? 'brightness(0.9)' : undefined
-      }, Sizes[size], shadow, styles['checkbox'])
+        borderRadius: 3
+      }, isHovered ? {
+        filter: 'brightness(0.9)'
+      } : {}, Sizes[size], shadow, styles['checkbox'])
     };
     return React__default.createElement(Label, Object.assign({
       htmlFor: id,
@@ -5097,7 +5095,8 @@
       case 'email':
         return {
           autoCorrect: 'off',
-          keyboardType: 'email-address',
+          // keyboardType: 'email-address',
+          inputmode: 'email',
           autoCapitalize: 'none'
         };
       case 'password':
@@ -5108,7 +5107,13 @@
         };
       case 'digits':
         return {
-          keyboardType: 'phone-pad'
+          // keyboardType: 'phone-pad',
+          inputmode: 'tel'
+        };
+      case 'numeric':
+        return {
+          // keyboardType: 'phone-pad',
+          inputmode: 'numeric'
         };
       case 'name':
         return {
@@ -6480,8 +6485,7 @@
         onToggle: function onToggle(state) {
           return handleToggle(item.id, state);
         },
-        isDisabled: item.isDisabled,
-        isIntern: true
+        isDisabled: item.isDisabled
       }, item.value);
     }));
   };