bedrock-samples/resource_pack/ui/csb_sections/csb_common.json

{
  "namespace": "common_csb",

  "csb_expiration_banner": {
    "type": "panel",
    "size": [ "100%", "20% + 1px" ],
    "offset": [ 0, 0.5 ],
    "anchor_from": "bottom_middle",
    "anchor_to": "bottom_middle",
    "controls": [
      {
        "background": {
          "type": "image",
          "size": [ "100%", "100%" ],
          "anchor_from": "bottom_middle",
          "anchor_to": "bottom_middle",
          "texture": "textures/ui/csbBannerBackground",
          "tiled": "y",
          "layer": 3
        }
      },
      {
        "icon": {
          "type": "image",
          "size": [ 11, 14 ],
          "texture": "textures/ui/sidebar_icons/csb_sidebar_icon",
          "anchor_from": "left_middle",
          "anchor_to": "left_middle",
          "offset": [ 2, 0 ],
          "layer": 5
        }
      },
      {
        "text": {
          "type": "label",
          "size": [ "default", 10 ],
          "color": "$light_button_default_text_color",
          "anchor_from": "left_middle",
          "anchor_to": "left_middle",
          "offset": [ 18, 0 ],
          "text": "#item_realms_expiration_label",
          "layer": 6,
          "bindings": [
            {
              "binding_name": "#item_realms_expiration_label",
              "binding_type": "global"
            }
          ]
        }
      }
    ],
    "bindings": [
      {
        "binding_name": "#csb_expiration_banner_visible",
        "binding_name_override": "#visible"
      }
    ]
  },

  "csb_icon_large": {
    "$pack_icon_size|default": [ 19, 25 ],
    "type": "image",
    "texture": "textures/ui/csbChevronArrowLarge",
    "size": "$pack_icon_size",
    "layer": 1
  },

  "csb_header": {
    "type": "stack_panel",
    "$font_size|default": "medium",
    "$font_scale_factor|default": 1.0,
    "orientation": "horizontal",
    "size": [ "100%", "100%cm" ],
    "controls": [
      {
        "label_a_text_csb": {
          "type": "label",
          "text": "store.csb.brand.1",
          "font_type": "MinecraftTen",
          "font_size": "$font_size",
          "font_scale_factor": "$font_scale_factor",
          "color": "$store_csb_gold_text_color"
        }
      },
      {
        "label_space_text_csb": {
          "type": "label",
          "text": " ",
          "font_type": "MinecraftTen",
          "font_size": "$font_size",
          "font_scale_factor": "$font_scale_factor",
          "color": "$store_csb_gold_text_color"
        }
      },
      {
        "label_b_text_pass": {
          "type": "label",
          "text": "store.csb.brand.2",
          "font_type": "MinecraftTen",
          "font_size": "$font_size",
          "font_scale_factor": "$font_scale_factor",
          "color": "$store_white_text_color"
        }
      }
    ]
  },

  "csb_header_two_lines": {
    "type": "stack_panel",
    "orientation": "vertical",
    "$font_size|default": "medium",
    "$font_scale_factor|default": 1.0,
    "controls": [
      {
        "top_header": {
          "type": "label",
          "text": "store.csb.brand.1",
          "font_type": "MinecraftTen",
          "font_size": "$font_size",
          "font_scale_factor": "$font_scale_factor",
          "text_alignment": "center",
          "size": [ "100%", "default" ],
          "color": "$store_csb_gold_text_color"
        }
      },
      {
        "panel_centre_second_line": {
          "type": "panel",
          "size": [ "100%", 8 ],
          "controls": [
            {
              "sub_header": {
                "type": "label",
                "text": "store.csb.brand.2",
                "font_type": "MinecraftTen",
                "font_size": "$font_size",
                "font_scale_factor": "$font_scale_factor",
                "text_alignment": "center",
                "size": [ "100%", "default" ],
                "color": "$store_white_text_color"
              }
            }
          ]
        }
      }
    ]
  },

  "csb_gold_button@common_buttons.light_content_button": {
    "type": "button",
    "anchor_from": "bottom_middle",
    "anchor_to": "bottom_middle",
    "$button_content": "$button_content",
    "$pressed_button_name": "$pressed_button_name",
    "$default_button_texture": "textures/ui/csbButtonContent",
    "$hover_button_texture": "textures/ui/csbButtonContentHover",
    "$pressed_button_texture": "textures/ui/csbButtonContentPressed",
    "$default_text_color": "$csb_upsell_button_text_color"
  },

  "csb_gold_text_button@common_buttons.light_text_button": {
    "type": "button",
    "anchor_from": "bottom_middle",
    "anchor_to": "bottom_middle",
    "$button_text": "$button_text",
    "$pressed_button_name": "$pressed_button_name",
    "$default_button_texture": "textures/ui/csbButtonContent",
    "$hover_button_texture": "textures/ui/csbButtonContentHover",
    "$pressed_button_texture": "textures/ui/csbButtonContentPressed",
    "$default_text_color": "$csb_upsell_button_text_color"
  }
}