<?xml version="1.0" encoding="UTF-8"?>
<fieldsgroup> 
   <field
      type="alert"
      label="warning"
      group="styling"
      description="JDBUILDER_ELEMENT_TYPOGRAPHY_ALERT"
   >   
   </field>
   <field type="font-family" name="fontFace" label="JDBUILDER_FIELD_TYPE_FONT_FAMILY_LABEL" default="" description="JDBUILDER_FIELD_TYPE_FONT_FAMILY_DESC">
   </field>
   <field type="radio" name="fontSize" label="JDBUILDER_FIELD_TYPE_FONT_SIZE_LABEL" default="" description="JDBUILDER_FIELD_TYPE_FONT_SIZE_DESC" radiotype="buttons">
      <option value="">JDBUILDER_FIELD_DEFAULT</option>
      <option value="custom">JDBUILDER_FIELD_CUSTOM_LABEL</option>
   </field>
   <field type="slider" name="customFontSize" label="JDBUILDER_BLANK" description="JDBUILDER_BLANK" default='{"value":24,"unit":"px"}' units="px,%,em" showon="params._fgFontSize=='custom'">
   </field>
   
   <field type="list" name="fontWeight" label="JDBUILDER_FIELD_TYPE_FONT_WEIGHT_LABEL" default="" description="JDBUILDER_FIELD_TYPE_FONT_WEIGHT_DESC" width="6">
      <option value="">JDBUILDER_FIELD_DEFAULT</option>
      <option value="lighter">Lighter</option>
      <option value="normal">Normal</option>
      <option value="bold">Bold</option>
      <option value="bolder">Bolder</option>
      <option value="100">100</option>
      <option value="200">200</option>
      <option value="300">300</option>
      <option value="400">400</option>
      <option value="500">500</option>
      <option value="600">600</option>
      <option value="700">700</option>
      <option value="800">800</option>
      <option value="900">900</option>
   </field>
   
   <field type="list" name="textTransform" label="JDBUILDER_FIELD_TYPE_FONT_TRANSFORM_LABEL" default="" description="JDBUILDER_FIELD_TYPE_FONT_TRANSFORM_DESC" width="6">
      <option value="">JDBUILDER_FIELD_DEFAULT</option>
      <option value="none">None</option>
      <option value="capitalize">Capitalize</option>
      <option value="uppercase">UPPERCASE</option>
      <option value="lowercase">lowercase</option>
   </field>
   
   <field type="list" name="fontStyle" label="JDBUILDER_FIELD_TYPE_FONT_STYLE_LABEL" default="" description="JDBUILDER_FIELD_TYPE_FONT_STYLE_DESC" width="6">
      <option value="">JDBUILDER_FIELD_DEFAULT</option>
      <option value="normal">Normal</option>
      <option value="italic">Italic</option>
      <option value="oblique">Oblique</option>
   </field>
   
   <field type="list" name="textDecoration" label="JDBUILDER_FIELD_TYPE_FONT_DECORATION_LABEL" default="" description="JDBUILDER_FIELD_TYPE_FONT_DECORATION_DESC" width="6">
      <option value="">JDBUILDER_FIELD_DEFAULT</option>
      <option value="none">None</option>
      <option value="underline">Underline</option>
      <option value="overline">Overline</option>
      <option value="line-through">Line-Through</option>
   </field>
   
   <field type="radio" name="lineHeight" label="JDBUILDER_FIELD_TYPE_LINE_HEIGHT_LABEL" default="" description="JDBUILDER_FIELD_TYPE_LINE_HEIGHT_DESC" radiotype="buttons">
      <option value="">JDBUILDER_FIELD_DEFAULT</option>
      <option value="custom">JDBUILDER_FIELD_CUSTOM_LABEL</option>
   </field>
   
   <field type="slider" name="customLineHeight" label="JDBUILDER_BLANK" description="JDBUILDER_BLANK" default='{"value":1,"unit":"em"}' units="px,em" showon="params._fgLineHeight=='custom'">
   </field>
   
   <field type="radio" name="letterSpacing" label="JDBUILDER_FIELD_TYPE_LETTER_SPACING_LABEL" default="" description="JDBUILDER_FIELD_TYPE_LETTER_SPACING_DESC" radiotype="buttons">
      <option value="">JDBUILDER_FIELD_DEFAULT</option>
      <option value="custom">JDBUILDER_FIELD_CUSTOM_LABEL</option>
   </field>
   
   <field type="slider" name="customLetterSpacing" label="JDBUILDER_BLANK" description="JDBUILDER_BLANK" default='{"value":1,"unit":"em"}' units="px,em" showon="params._fgLetterSpacing=='custom'">
   </field>
</fieldsgroup>