@dcl/playground-assets 7.1.2 → 7.1.3-4440802627.commit-29bc3e6

package/dist/alpha.d.ts

@@ -4986,6 +4986,10 @@ export declare interface UiButtonProps extends UiLabelProps, EntityPropTypes {
      * Use any of the available button style types to create a styled button.
      */
     variant?: 'primary' | 'secondary';
+    /**
+     * Enable or disable the pointer events on the button
+     */
+    disabled?: boolean;
 }
 
 /**

package/dist/beta.d.ts

@@ -4982,6 +4982,10 @@ export declare interface UiButtonProps extends UiLabelProps, EntityPropTypes {
      * Use any of the available button style types to create a styled button.
      */
     variant?: 'primary' | 'secondary';
+    /**
+     * Enable or disable the pointer events on the button
+     */
+    disabled?: boolean;
 }
 
 /**

package/dist/index.bundled.d.ts

@@ -4982,6 +4982,10 @@ export declare interface UiButtonProps extends UiLabelProps, EntityPropTypes {
      * Use any of the available button style types to create a styled button.
      */
     variant?: 'primary' | 'secondary';
+    /**
+     * Enable or disable the pointer events on the button
+     */
+    disabled?: boolean;
 }
 
 /**

package/dist/index.js

@@ -42206,19 +42206,17 @@
     }
 
     function getButtonProps(props) {
-        if (props.variant === 'primary') {
-            return {
-                uiBackground: { color: { r: 0.98, g: 0.17, b: 0.33, a: 1 } },
-                uiText: { color: { r: 1, g: 1, b: 1, a: 1 } }
-            };
-        }
         if (props.variant === 'secondary') {
             return {
                 uiBackground: { color: { r: 1, g: 1, b: 1, a: 1 } },
                 uiText: { color: { r: 0.98, g: 0.17, b: 0.33, a: 1 } }
             };
         }
-        return {};
+        // 'primary' variant by default
+        return {
+            uiBackground: { color: { r: 0.98, g: 0.17, b: 0.33, a: 1 } },
+            uiText: { color: { r: 1, g: 1, b: 1, a: 1 } }
+        };
     }
     /**
      *
@@ -42251,7 +42249,13 @@
             height: 36,
             ...uiTransform
         });
-        return (ReactEcs$1.createElement("entity", { onMouseDown: onMouseDown, onMouseUp: onMouseUp, uiTransform: uiTransformProps, uiText: textProps, uiBackground: uiBackgroundProps }));
+        if (!!props.disabled) {
+            if (textProps.color)
+                textProps.color.a /= 2;
+            if (uiBackgroundProps && uiBackgroundProps.color)
+                uiBackgroundProps.color.a /= 2;
+        }
+        return (ReactEcs$1.createElement("entity", { onMouseDown: !!props.disabled ? undefined : onMouseDown, onMouseUp: !!props.disabled ? undefined : onMouseUp, uiTransform: uiTransformProps, uiText: textProps, uiBackground: uiBackgroundProps }));
     }
 
     /**