@app-studio/web 0.8.2 → 0.8.4

package/dist/web.esm.js

@@ -1440,11 +1440,6 @@ var ButtonView = function ButtonView(_ref) {
     _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 = useTheme(),
     getColor = _useTheme.getColor;
   var handleHover = function handleHover() {
@@ -1501,9 +1496,7 @@ var ButtonView = function ButtonView(_ref) {
   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.createElement(Horizontal, {
     gap: 10
   }, isLoading && loaderPosition === 'left' && React.createElement(Loader, Object.assign({}, loaderProps)), icon && iconPosition === 'left' && !isLoading && icon, children, icon && iconPosition === 'right' && !isLoading && icon, isLoading && loaderPosition === 'right' && React.createElement(Loader, Object.assign({}, loaderProps)));
@@ -1516,17 +1509,18 @@ var ButtonView = function ButtonView(_ref) {
     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.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.createElement(Link, {
     href: externalHref,
     textDecorationColor: colorScheme,
     colorScheme: colorScheme,
@@ -2415,7 +2409,7 @@ var SliderPadding = {
   }
 };
 
-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.createElement(Input, Object.assign({
     type: "checkbox"
@@ -2443,6 +2437,8 @@ var SwitchView = function SwitchView(_ref) {
     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,
@@ -2458,6 +2454,7 @@ var SwitchView = function SwitchView(_ref) {
   var handleToggle = function handleToggle(event) {
     if (!isReadOnly) {
       setValue(!value);
+      setOn(!on);
       if (onChange) onChange(event.target.checked);
     }
   };
@@ -3037,9 +3034,10 @@ var CheckboxView = function CheckboxView(_ref) {
       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.createElement(Label, Object.assign({
     htmlFor: id,
@@ -5095,7 +5093,8 @@ var getInputTypeProps = function getInputTypeProps(type) {
     case 'email':
       return {
         autoCorrect: 'off',
-        keyboardType: 'email-address',
+        // keyboardType: 'email-address',
+        inputmode: 'email',
         autoCapitalize: 'none'
       };
     case 'password':
@@ -5106,7 +5105,13 @@ var getInputTypeProps = function getInputTypeProps(type) {
       };
     case 'digits':
       return {
-        keyboardType: 'phone-pad'
+        // keyboardType: 'phone-pad',
+        inputmode: 'tel'
+      };
+    case 'numeric':
+      return {
+        // keyboardType: 'phone-pad',
+        inputmode: 'numeric'
       };
     case 'name':
       return {
@@ -6478,8 +6483,7 @@ var ToggleGroupView = function ToggleGroupView(_ref) {
       onToggle: function onToggle(state) {
         return handleToggle(item.id, state);
       },
-      isDisabled: item.isDisabled,
-      isIntern: true
+      isDisabled: item.isDisabled
     }, item.value);
   }));
 };