@dcl/protocol 1.0.0-3338184295.commit-c785923 → 1.0.0-33408122230.commit-0e30273

package/proto/decentraland/sdk/components/touch_screen_controls.proto

@@ -0,0 +1,38 @@
+syntax = "proto3";
+package decentraland.sdk.components;
+import "decentraland/sdk/components/common/id.proto";
+import "decentraland/sdk/components/common/input_action.proto";
+import "decentraland/common/texture.proto";
+option (common.ecs_component_id) = 1218;
+
+// The TouchScreenControls component lets a scene configure the native on-screen touch
+// controls (the mobile joystick + gamepad). It must be set on the RootEntity.
+//
+// By default every on-screen button is shown; list a button in `touch_inputs` with
+// `hide = true` to remove it (declutter). `main_action` picks which action the large
+// central button triggers, and `hide_joystick` removes the native virtual joystick. It is
+// a no-op on platforms without native on-screen controls (e.g. desktop).
+//
+// Accepted actions: only the on-screen gamepad actions map to a button — `IA_POINTER`,
+// `IA_PRIMARY`, `IA_SECONDARY`, `IA_JUMP`, and `IA_ACTION_3`..`IA_ACTION_6`. Any other
+// `InputAction` (movement actions, `IA_ANY`, `IA_MODIFIER`, or unknown/future values) is
+// ignored: a `TouchInput` entry naming a non-button action has no effect, and a `main_action`
+// that isn't a valid gamepad action falls back to the default central button (`IA_JUMP`).
+message PBTouchScreenControls {
+    // Per-button configuration. A button not listed here keeps its default (shown).
+    message TouchInput {
+        common.InputAction input_action = 1; // which on-screen button this configures
+        bool hide = 2;                        // hide this button (default: shown)
+        // Override the button glyph with this texture. For the jump button it replaces all
+        // of its dynamic states (jump / double-jump / glide).
+        optional decentraland.common.TextureUnion icon = 3;
+    }
+
+    repeated TouchInput touch_inputs = 1;
+    // The large central button's action. Only the gamepad actions are valid:
+    // jump / pointer / primary (E) / secondary (F) / action_3..action_6 (1/2/3/4).
+    // When unset, the default central button (jump) is kept.
+    optional common.InputAction main_action = 2;
+    bool hide_joystick = 3; // hide the native virtual joystick
+    bool hide_crosshair = 4; // hide the on-screen crosshair / reticle
+}

package/proto/decentraland/sdk/components/trigger_area.proto

@@ -0,0 +1,23 @@
+syntax = "proto3";
+
+package decentraland.sdk.components;
+
+import "decentraland/sdk/components/common/id.proto";
+
+option (common.ecs_component_id) = 1060;
+
+// The PBTriggerArea component is used to raise collision triggering events (through the TriggerAreaResult component)
+// when entities enter this component's defined area.
+//
+// ADR: https://github.com/decentraland/adr/blob/2b30a5e2b4f359a7c22a68fb827db282f6e5f887/content/ADR-258-trigger-areas.md
+//
+// The area size and rotation is defined by the Entity's Transform.
+message PBTriggerArea {
+  optional TriggerAreaMeshType mesh = 1;         // default: MT_BOX
+  optional uint32 collision_mask = 2; // default: CL_PLAYER
+}
+
+enum TriggerAreaMeshType {
+  TAMT_BOX = 0;
+  TAMT_SPHERE = 1;
+}

package/proto/decentraland/sdk/components/trigger_area_result.proto

@@ -0,0 +1,34 @@
+syntax = "proto3";
+
+package decentraland.sdk.components;
+
+import "decentraland/common/vectors.proto";
+import "decentraland/sdk/components/common/id.proto";
+
+option (common.ecs_component_id) = 1061;
+
+// The PBTriggerAreaResult component is used to transport the trigger collision event data for the PBTriggerArea component.
+// ADR: https://github.com/decentraland/adr/blob/2b30a5e2b4f359a7c22a68fb827db282f6e5f887/content/ADR-258-trigger-areas.md
+message PBTriggerAreaResult {
+  // Trigger data object
+  message Trigger {
+    uint32 entity = 1;                                          // The entity that triggered the Trigger Area
+    uint32 layers = 2;                                          // The collision layermask of the entity that triggered the Trigger Area
+    decentraland.common.Vector3 position = 3;                   // The position of the entity that triggered the trigger
+    decentraland.common.Quaternion rotation = 4;                // The rotation of the entity that triggered the trigger
+    decentraland.common.Vector3 scale = 5;                      // The scale of the entity that triggered the trigger
+  }
+  
+  uint32 triggered_entity = 1;                                  // The entity that was triggered (this is the entity that owns the trigger area)
+  decentraland.common.Vector3 triggered_entity_position = 2;    // The position of the triggered entity at the time of the trigger
+  decentraland.common.Quaternion triggered_entity_rotation = 3; // The rotation of the triggered entity at the time of the trigger
+  TriggerAreaEventType event_type = 4;                          // The state of the trigger event (ENTER, STAY, EXIT)
+  uint32 timestamp = 5;                                         // The timestamp of the trigger event
+  Trigger trigger = 6;
+}
+
+enum TriggerAreaEventType {
+  TAET_ENTER = 0;
+  TAET_STAY = 1;
+  TAET_EXIT = 2;
+}

package/proto/decentraland/sdk/components/tween.proto

@@ -0,0 +1,117 @@
+syntax = "proto3";
+
+package decentraland.sdk.components;
+
+import "decentraland/common/vectors.proto";
+import "decentraland/sdk/components/common/id.proto";
+
+option (common.ecs_component_id) = 1102;
+
+message PBTween {
+  float duration = 1; // in milliseconds
+  EasingFunction easing_function = 2;
+
+  oneof mode {
+    Move move = 3;
+    Rotate rotate = 4;
+    Scale scale = 5;
+    TextureMove texture_move = 8;
+    RotateContinuous rotate_continuous = 9;
+    MoveContinuous move_continuous = 10;
+    TextureMoveContinuous texture_move_continuous = 11;
+    MoveRotateScale move_rotate_scale = 12;
+  }
+
+  optional bool playing = 6; // default true (pause or running)
+  optional float current_time = 7; // between 0 and 1
+}
+
+message Move {
+  decentraland.common.Vector3 start = 1;
+  decentraland.common.Vector3 end = 2;
+  optional bool face_direction = 3;
+}
+
+message Rotate {
+  decentraland.common.Quaternion start = 1;
+  decentraland.common.Quaternion end = 2;
+}
+
+message Scale {
+  decentraland.common.Vector3 start = 1;
+  decentraland.common.Vector3 end = 2;
+}
+
+message MoveRotateScale {
+  decentraland.common.Vector3 position_start = 1;
+  decentraland.common.Vector3 position_end = 2;
+  decentraland.common.Quaternion rotation_start = 3;
+  decentraland.common.Quaternion rotation_end = 4;
+  decentraland.common.Vector3 scale_start = 5;
+  decentraland.common.Vector3 scale_end = 6;
+}
+
+// This tween mode allows to move the texture of a PbrMaterial or UnlitMaterial.
+// You can also specify the movement type (offset or tiling)
+message TextureMove {
+  decentraland.common.Vector2 start = 1;
+  decentraland.common.Vector2 end = 2;
+  optional TextureMovementType movement_type = 3; // default = TextureMovementType.TMT_OFFSET
+}
+
+message RotateContinuous {
+  decentraland.common.Quaternion direction = 1;
+  float speed = 2;
+}
+
+message MoveContinuous {
+  decentraland.common.Vector3 direction = 1;
+  float speed = 2;
+}
+
+message TextureMoveContinuous {
+  decentraland.common.Vector2 direction = 1;
+  float speed = 2;
+  optional TextureMovementType movement_type = 3; // default = TextureMovementType.TMT_OFFSET
+}
+
+enum TextureMovementType {
+  TMT_OFFSET = 0; // default = TextureMovementType.TMT_OFFSET
+  TMT_TILING = 1;
+}
+
+// Implementation guidelines for these easing functions can be found
+// at https://github.com/ai/easings.net/blob/6fcd5f852a470bf1a7890e8178afa0f471d5f2ec/src/easings/easingsFunctions.ts
+enum EasingFunction {
+  EF_LINEAR = 0; // default
+  EF_EASEINQUAD = 1;
+  EF_EASEOUTQUAD = 2;
+  EF_EASEQUAD = 3;
+  EF_EASEINSINE = 4;
+  EF_EASEOUTSINE = 5;
+  EF_EASESINE = 6;
+  EF_EASEINEXPO = 7;
+  EF_EASEOUTEXPO = 8;
+  EF_EASEEXPO = 9;
+  EF_EASEINELASTIC = 10;
+  EF_EASEOUTELASTIC = 11;
+  EF_EASEELASTIC = 12;
+  EF_EASEINBOUNCE = 13;
+  EF_EASEOUTBOUNCE = 14;
+  EF_EASEBOUNCE = 15;
+  EF_EASEINCUBIC = 16;
+  EF_EASEOUTCUBIC = 17;
+  EF_EASECUBIC = 18;
+  EF_EASEINQUART = 19;
+  EF_EASEOUTQUART = 20;
+  EF_EASEQUART = 21;
+  EF_EASEINQUINT = 22;
+  EF_EASEOUTQUINT = 23;
+  EF_EASEQUINT = 24;
+  EF_EASEINCIRC = 25;
+  EF_EASEOUTCIRC = 26;
+  EF_EASECIRC = 27;
+  EF_EASEINBACK = 28;
+  EF_EASEOUTBACK = 29;
+  EF_EASEBACK = 30;
+}

package/proto/decentraland/sdk/components/tween_sequence.proto

@@ -0,0 +1,18 @@
+syntax = "proto3";
+
+package decentraland.sdk.components;
+
+import "decentraland/sdk/components/common/id.proto";
+import "decentraland/sdk/components/tween.proto";
+
+option (common.ecs_component_id) = 1104;
+
+message PBTweenSequence {
+  repeated PBTween sequence = 1;
+  optional TweenLoop loop = 2;
+}
+
+enum TweenLoop {
+  TL_RESTART = 0;
+  TL_YOYO = 1;
+}

package/proto/decentraland/sdk/components/tween_state.proto

@@ -0,0 +1,18 @@
+syntax = "proto3";
+
+package decentraland.sdk.components;
+
+import "decentraland/sdk/components/common/id.proto";
+
+option (common.ecs_component_id) = 1103;
+
+message PBTweenState {
+  TweenStateStatus state = 1;
+  float current_time = 2; // between 0 and 1
+}
+
+enum TweenStateStatus {
+  TS_ACTIVE = 0;
+  TS_COMPLETED = 1;
+  TS_PAUSED= 2;
+}

package/proto/decentraland/sdk/components/ui_background.proto

@@ -5,7 +5,30 @@ import "decentraland/sdk/components/common/id.proto";
 option (common.ecs_component_id) = 1053;
 
 import "decentraland/common/colors.proto";
+import "decentraland/common/texture.proto";
+import "decentraland/common/border_rect.proto";
 
 message PBUiBackground {
-  optional decentraland.common.Color4 background_color = 1; // default=(0.0, 0.0, 0.0, 0.0)
-}
+  optional decentraland.common.Color4 color = 1; // default=(1.0, 1.0, 1.0, 1.0), pixel = color * sample2D(texture, uv)
+  optional decentraland.common.TextureUnion texture = 2;
+  BackgroundTextureMode texture_mode = 3;
+  optional decentraland.common.BorderRect texture_slices = 4; // default=(1/3, 1/3, 1/3, 1/3)
+  repeated float uvs = 5; // default=[0,0,0,1,1,0,1,0]: starting from bottom-left vertex clock-wise
+}
+
+enum BackgroundTextureMode {
+  // https://docs.unity3d.com/Manual/UIE-USS-SupportedProperties.html (Slicing section)
+  // https://forum.unity.com/threads/how-does-slicing-in-ui-tookkit-works.1235863/
+  // https://docs.unity3d.com/Manual/9SliceSprites.html
+  // https://developer.mozilla.org/en-US/docs/Web/CSS/border-image-slice
+  NINE_SLICES = 0;
+
+  // CENTER enables the texture to be rendered centered in relation to the
+  // element. If the element is smaller than the texture then the background
+  // should use the element as stencil to cut off the out-of-bounds area
+  CENTER = 1;
+
+  // STRETCH enables the texture to cover all the area of the container,
+  // adopting its aspect ratio.
+  STRETCH = 2;
+}

package/proto/decentraland/sdk/components/ui_canvas_information.proto

@@ -0,0 +1,30 @@
+syntax = "proto3";
+
+package decentraland.sdk.components;
+
+import "decentraland/common/border_rect.proto";
+
+import "decentraland/sdk/components/common/id.proto";
+option (common.ecs_component_id) = 1054;
+
+// This component is created by the renderer and used by the scenes to know the resolution of the UI canvas
+message PBUiCanvasInformation {
+  // informs the scene about the resolution used for the UI rendering
+  float device_pixel_ratio = 1;
+  // informs about the width of the canvas, in virtual pixels. this value does not change when the pixel ratio changes.
+  int32 width = 2;
+  // informs about the height of the canvas, in virtual pixels. this value does not change when the pixel ratio changes.
+  int32 height = 3;
+  // informs the sdk about the interactable area. some implementations may change
+  // this area depending on the HUD that is being shown. this value may change at
+  // any time by the Renderer to create reactive UIs. as an example, an explorer with the
+  // chat UI hidden and with no minimap could have a rect that covers the whole screen.
+  // on the contrary, if the chat UI is shown, the rect would be smaller.
+  decentraland.common.BorderRect interactable_area = 4;
+  // informs the sdk about the screen inset area (safe margins). these are the
+  // insets from each edge of the screen that are reserved by the device or
+  // platform UI (for example: the notch, status bar, home indicator, or rounded
+  // corners on mobile). scenes should avoid placing critical UI within these
+  // insets to ensure it is not occluded. on desktop this is typically (0, 0, 0, 0).
+  optional decentraland.common.BorderRect screen_inset_area = 5;
+}

package/proto/decentraland/sdk/components/ui_dropdown.proto

@@ -0,0 +1,22 @@
+syntax = "proto3";
+
+package decentraland.sdk.components;
+
+import "decentraland/common/colors.proto";
+import "decentraland/sdk/components/common/id.proto";
+import "decentraland/sdk/components/common/texts.proto";
+
+option (common.ecs_component_id) = 1094;
+
+message PBUiDropdown {
+  bool accept_empty = 1;
+  optional string empty_label = 2;
+  repeated string options = 3;
+  optional int32 selected_index = 4; // default=null when accept_empty==true; default=0 when accept_empty==false
+  bool disabled = 5;
+  optional decentraland.common.Color4 color = 6; // default=(0.0,0.0,0.0,1.0)
+  
+  optional common.TextAlignMode text_align = 10; // default='center'
+  optional common.Font font = 11; // default=0
+  optional int32 font_size = 12; // default=10
+}

package/proto/decentraland/sdk/components/ui_dropdown_result.proto

@@ -0,0 +1,11 @@
+syntax = "proto3";
+
+package decentraland.sdk.components;
+
+import "decentraland/sdk/components/common/id.proto";
+
+option (common.ecs_component_id) = 1096;
+
+message PBUiDropdownResult {
+  int32 value = 1;
+}

package/proto/decentraland/sdk/components/ui_input.proto

@@ -0,0 +1,20 @@
+syntax = "proto3";
+
+package decentraland.sdk.components;
+
+import "decentraland/common/colors.proto";
+import "decentraland/sdk/components/common/id.proto";
+import "decentraland/sdk/components/common/texts.proto";
+
+option (common.ecs_component_id) = 1093;
+
+message PBUiInput {
+  string placeholder = 1;
+  optional decentraland.common.Color4 color = 2; // default=(0.0,0.0,0.0,1.0)
+  optional decentraland.common.Color4 placeholder_color = 3; // default=(0.3,0.3,0.3,1.0)
+  bool disabled = 4;
+  optional common.TextAlignMode text_align = 10; // default='center'
+  optional common.Font font = 11; // default=0
+  optional int32 font_size = 12; // default=10
+  optional string value = 13;
+}

package/proto/decentraland/sdk/components/ui_input_binding.proto

@@ -0,0 +1,27 @@
+syntax = "proto3";
+package decentraland.sdk.components;
+import "decentraland/sdk/components/common/id.proto";
+import "decentraland/sdk/components/common/input_action.proto";
+option (common.ecs_component_id) = 1219;
+
+// The UiInputBinding component binds a UI entity to one or more InputActions. While the
+// element is pressed (touch or pointer) the listed actions are held down, driving both
+// the local player input and scene InputAction listeners, just like the native on-screen
+// buttons. It is typically combined with PBTouchScreenControls to replace the native
+// controls with a custom touch UI.
+//
+// Release semantics: the held actions are released as soon as the press that started them
+// ends. A renderer MUST release all actions held by this binding when any of the following
+// happens: the press/touch is lifted or cancelled, the pointer/touch leaves the element
+// (loses press ownership), the actions list changes (the previous set is released before
+// the new set is applied), the component is removed or its actions list becomes empty, the
+// UI element is hidden, disabled or removed from the tree, or the scene unloads. In short,
+// no action may remain held once the element is no longer both present and actively pressed.
+//
+// Multi-touch: the binding is a single held state, not reference-counted per pointer. The
+// actions are held while the element is pressed and released when that press ends; a second
+// simultaneous press on the same element does not stack, and does not extend the hold past
+// the first release.
+message PBUiInputBinding {
+    repeated common.InputAction actions = 1; // the input actions fired while this element is pressed
+}

package/proto/decentraland/sdk/components/ui_input_result.proto

@@ -0,0 +1,12 @@
+syntax = "proto3";
+
+package decentraland.sdk.components;
+
+import "decentraland/sdk/components/common/id.proto";
+
+option (common.ecs_component_id) = 1095;
+
+message PBUiInputResult {
+  string value = 1;
+  optional bool is_submit = 2; // default: false
+}

package/proto/decentraland/sdk/components/ui_text.proto

@@ -8,10 +8,19 @@ import "decentraland/sdk/components/common/texts.proto";
 
 option (common.ecs_component_id) = 1052;
 
+enum TextWrap {
+  TW_WRAP = 0;
+  TW_NO_WRAP = 1;
+}
+
+// The UiText component creates a text widget inside a UI component tree. Its position and
+// layout properties can be specified in a UiTransform component on the same Entity.
+
 message PBUiText {
-  string value = 1;
-  optional decentraland.common.Color3 color = 2; // default=(1.0,1.0,1.0)
-  optional common.TextAlignMode text_align = 3; // default='center'
-  optional common.Font font = 4; // default=0
-  optional int32 font_size = 5; // default=10
+  string value = 1;                              // the text content, tag <b> and <i> are supported
+  optional decentraland.common.Color4 color = 2; // RGBA color (default: opaque white)
+  optional common.TextAlignMode text_align = 3;  // alignment within the bounds (default: center)
+  optional common.Font font = 4;                 // font for the text (default: sans-serif)
+  optional int32 font_size = 5;                  // size of the text (default: 10)
+  optional TextWrap text_wrap = 6;               // wrap text when the border is reached (default: TW_WRAP)
 }

package/proto/decentraland/sdk/components/ui_transform.proto

@@ -3,13 +3,13 @@ syntax = "proto3";
 package decentraland.sdk.components;
 
 import "decentraland/sdk/components/common/id.proto";
+import "decentraland/common/colors.proto";
 
 option (common.ecs_component_id) = 1050;
 
 enum YGPositionType {
-  YGPT_STATIC = 0;
-  YGPT_RELATIVE = 1;
-  YGPT_ABSOLUTE = 2;
+  YGPT_RELATIVE = 0;
+  YGPT_ABSOLUTE = 1;
 }
 
 enum YGAlign {
@@ -30,16 +30,10 @@ enum YGUnit {
   YGU_AUTO = 3;
 }
 
-enum YGDirection {
-  YGD_INHERIT = 0;
-  YGD_LTR = 1;
-  YGD_RTL = 2;
-}
-
 enum YGFlexDirection {
-  YGFD_COLUMN = 0;
-  YGFD_COLUMN_REVERSE = 1;
-  YGFD_ROW = 2;
+  YGFD_ROW = 0;
+  YGFD_COLUMN = 1;
+  YGFD_COLUMN_REVERSE = 2;
   YGFD_ROW_REVERSE = 3;
 }
 
@@ -81,83 +75,104 @@ enum YGEdge {
   YGE_ALL = 8;
 }
 
+enum PointerFilterMode {
+  PFM_NONE = 0;
+  PFM_BLOCK = 1;
+}
+
 message PBUiTransform {
-  int32 parent = 79;
-  int32 right_of = 80;
+  int32 parent = 1;
+  int32 right_of = 2;
 
-  YGPositionType position_type = 1;
+  optional YGAlign align_content = 3; // default: YGAlign.YGA_FLEX_START
+  optional YGAlign align_items = 4; // default: YGAlign.YGA_STRETCH
+  optional YGWrap flex_wrap = 5; // default: YGWrap.YGW_WRAP
+  optional float flex_shrink = 6; // default: 1
 
-  YGAlign align_content = 2;
-  YGAlign align_items = 3;
-  YGAlign align_self = 4;
-  YGFlexDirection flex_direction = 5;
-  YGWrap flex_wrap = 6;
-  YGJustify justify_content = 7;
+  YGPositionType position_type = 7; // YGPositionType.YGPT_RELATIVE
 
-  YGOverflow overflow = 8;
-  YGDisplay display = 9;
-  YGDirection direction = 10;
+  YGAlign align_self = 8; // YGAlign.YGA_AUTO
+  YGFlexDirection flex_direction = 9; // YGFlexDirection.YGFD_ROW
+  YGJustify justify_content = 10; // YGJustify.YGJ_FLEX_START
 
-  float flex = 11;
+  YGOverflow overflow = 11; // YGOverflow.YGO_VISIBLE
+  YGDisplay display = 12; // YGDisplay.YGD_FLEX
 
-  YGUnit flex_basis_unit = 13;
+  YGUnit flex_basis_unit = 13; // YGUnit.YGU_UNDEFINED
   float flex_basis = 14;
 
   float flex_grow = 15;
-  float flex_shrink = 16;
-
-  YGUnit width_unit = 17;
-  float width = 18;
-  YGUnit height_unit = 19;
-  float height = 20;
-
-  YGUnit min_width_unit = 21;
-  float min_width = 22;
-  YGUnit min_height_unit = 23;
-  float min_height = 24;
-
-  YGUnit max_width_unit = 31;
-  float max_width = 32;
-  YGUnit max_height_unit = 33;
-  float max_height = 34;
-
-  // non-standard
-  reserved 40; // float aspect_ratio = 40;
-
-  YGUnit position_left_unit = 41;
-  float position_left = 42;
-  YGUnit position_top_unit = 43;
-  float position_top = 44;
-  YGUnit position_right_unit = 45;
-  float position_right = 46;
-  YGUnit position_bottom_unit = 47;
-  float position_bottom = 48;
-
-  // margin
-  YGUnit margin_left_unit = 51;
-  float margin_left = 52;
-  YGUnit margin_top_unit = 53;
-  float margin_top = 54;
-  YGUnit margin_right_unit = 55;
-  float margin_right = 56;
-  YGUnit margin_bottom_unit = 57;
-  float margin_bottom = 58;
-
-  YGUnit padding_left_unit = 61;
-  float padding_left = 62;
-  YGUnit padding_top_unit = 63;
-  float padding_top = 64;
-  YGUnit padding_right_unit = 65;
-  float padding_right = 66;
-  YGUnit padding_bottom_unit = 67;
-  float padding_bottom = 68;
-
-  reserved 71; // YGUnit border_left_unit = 71;
-  float border_left = 72;
-  reserved 73; // YGUnit border_top_unit = 73;
-  float border_top = 74;
-  reserved 75; // YGUnit border_right_unit = 75;
-  float border_right = 76;
-  reserved 77; // YGUnit border_bottom_unit = 77;
-  float border_bottom = 78;
+
+  YGUnit width_unit = 16; // YGUnit.YGU_UNDEFINED
+  float width = 17;
+  YGUnit height_unit = 18; // YGUnit.YGU_UNDEFINED
+  float height = 19;
+
+  YGUnit min_width_unit = 20; // YGUnit.YGU_UNDEFINED
+  float min_width = 21;
+  YGUnit min_height_unit = 22; // YGUnit.YGU_UNDEFINED
+  float min_height = 23;
+
+  YGUnit max_width_unit = 24; // YGUnit.YGU_UNDEFINED
+  float max_width = 25;
+  YGUnit max_height_unit = 26; // YGUnit.YGU_UNDEFINED
+  float max_height = 27;
+
+  YGUnit position_left_unit = 28; // YGUnit.YGU_UNDEFINED
+  float position_left = 29;
+  YGUnit position_top_unit = 30; // YGUnit.YGU_UNDEFINED
+  float position_top = 31;
+  YGUnit position_right_unit = 32; // YGUnit.YGU_UNDEFINED
+  float position_right = 33;
+  YGUnit position_bottom_unit = 34; // YGUnit.YGU_UNDEFINED
+  float position_bottom = 35;
+
+  YGUnit margin_left_unit = 36; // YGUnit.YGU_UNDEFINED
+  float margin_left = 37;
+  YGUnit margin_top_unit = 38; // YGUnit.YGU_UNDEFINED
+  float margin_top = 39;
+  YGUnit margin_right_unit = 40; // YGUnit.YGU_UNDEFINED
+  float margin_right = 41;
+  YGUnit margin_bottom_unit = 42; // YGUnit.YGU_UNDEFINED
+  float margin_bottom = 43;
+
+  YGUnit padding_left_unit = 44; // YGUnit.YGU_UNDEFINED
+  float padding_left = 45;
+  YGUnit padding_top_unit = 46; // YGUnit.YGU_UNDEFINED
+  float padding_top = 47;
+  YGUnit padding_right_unit = 48; // YGUnit.YGU_UNDEFINED
+  float padding_right = 49;
+  YGUnit padding_bottom_unit = 50; // YGUnit.YGU_UNDEFINED
+  float padding_bottom = 51;
+
+  optional PointerFilterMode pointer_filter = 52; // default: PointerFilterMode.PFM_NONE
+
+  // Border Width
+  optional YGUnit border_left_width_unit = 53; // YGUnit.YGU_UNDEFINED
+  optional float border_left_width = 54;
+  optional YGUnit border_top_width_unit = 55; // YGUnit.YGU_UNDEFINED
+  optional float border_top_width = 56;
+  optional YGUnit border_right_width_unit = 57; // YGUnit.YGU_UNDEFINED
+  optional float border_right_width = 58;
+  optional YGUnit border_bottom_width_unit = 59; // YGUnit.YGU_UNDEFINED
+  optional float border_bottom_width = 60;
+
+  // Border Radius
+  optional YGUnit border_top_left_radius_unit = 61; // YGUnit.YGU_UNDEFINED
+  optional float border_top_left_radius = 62;
+  optional YGUnit border_top_right_radius_unit = 63; // YGUnit.YGU_UNDEFINED
+  optional float border_top_right_radius = 64;
+  optional YGUnit border_bottom_left_radius_unit = 65; // YGUnit.YGU_UNDEFINED
+  optional float border_bottom_left_radius = 66;
+  optional YGUnit border_bottom_right_radius_unit = 67; // YGUnit.YGU_UNDEFINED
+  optional float border_bottom_right_radius = 68;
+
+  // Border Color
+  optional decentraland.common.Color4 border_top_color = 69;
+  optional decentraland.common.Color4 border_bottom_color = 70;
+  optional decentraland.common.Color4 border_left_color = 71;
+  optional decentraland.common.Color4 border_right_color = 72;
+
+  optional float opacity = 73; // default: 1
+  optional int32 z_index = 77; // default: 0 — controls render stacking order. Higher values appear in front of lower values.
 }