{
  "jf": {
    "component": {
      "dimension": {
        "xs3": {
          "value": "{jf.dimension.3}",
          "type": "dimension"
        },
        "xs2": {
          "value": "{jf.dimension.5}",
          "type": "dimension",
          "description": "Generic extra small size for components"
        },
        "xs": {
          "value": "{jf.dimension.6}",
          "type": "dimension",
          "description": "Generic extra small size for components"
        },
        "sm": {
          "value": "{jf.dimension.7}",
          "type": "dimension",
          "description": "Generic small size for components"
        },
        "md": {
          "value": "{jf.dimension.9}",
          "type": "dimension",
          "description": "Generic medium size for components"
        },
        "lg": {
          "value": "{jf.dimension.10}",
          "type": "dimension",
          "description": "Generic large size for components"
        },
        "xl": {
          "value": "{jf.dimension.11}",
          "type": "dimension",
          "description": "Generic extra large size for components"
        },
        "xl2": {
          "value": "{jf.dimension.12}",
          "type": "dimension",
          "description": "Generic extra large size for components"
        },
        "xl3": {
          "value": "{jf.dimension.13}",
          "type": "dimension",
          "description": "Generic extra large size for components"
        },
        "g": {
          "value": "{jf.dimension.14}",
          "type": "dimension"
        },
        "xg": {
          "value": "{jf.dimension.15}",
          "type": "dimension"
        },
        "xg2": {
          "value": "{jf.dimension.16}",
          "type": "dimension"
        },
        "xg3": {
          "value": "{jf.dimension.17}",
          "type": "dimension"
        },
        "none": {
          "value": "{jf.dimension.0}",
          "type": "dimension"
        }
      }
    },
    "spacing": {
      "gap": {
        "xs2": {
          "value": "{jf.dimension.2}",
          "type": "spacing",
          "description": "Really small gap between itens."
        },
        "xs": {
          "value": "{jf.dimension.3}",
          "type": "spacing",
          "description": "Small gap between itens"
        },
        "sm": {
          "value": "{jf.dimension.4}",
          "type": "spacing"
        },
        "md": {
          "value": "{jf.dimension.5}",
          "type": "spacing"
        },
        "lg": {
          "value": "{jf.dimension.6}",
          "type": "spacing"
        },
        "xl": {
          "value": "{jf.dimension.7}",
          "type": "spacing"
        },
        "xl2": {
          "value": "{jf.dimension.9}",
          "type": "spacing"
        },
        "xl3": {
          "value": "{jf.dimension.11}",
          "type": "spacing"
        },
        "g": {
          "value": "{jf.dimension.14}",
          "type": "spacing"
        },
        "none": {
          "value": "{jf.spacing.none}",
          "type": "spacing"
        }
      },
      "padding": {
        "xs3": {
          "value": "{jf.dimension.1}",
          "type": "spacing",
          "description": "Really small gap between itens."
        },
        "xs2": {
          "value": "{jf.dimension.2}",
          "type": "spacing",
          "description": "Really small gap between itens."
        },
        "xs": {
          "value": "{jf.dimension.3}",
          "type": "spacing",
          "description": "Small gap between itens"
        },
        "sm": {
          "value": "{jf.dimension.4}",
          "type": "spacing"
        },
        "md": {
          "value": "{jf.dimension.5}",
          "type": "spacing"
        },
        "lg": {
          "value": "{jf.dimension.6}",
          "type": "spacing"
        },
        "xl": {
          "value": "{jf.dimension.7}",
          "type": "spacing"
        },
        "xl2": {
          "value": "{jf.dimension.9}",
          "type": "spacing"
        },
        "xl3": {
          "value": "{jf.dimension.11}",
          "type": "spacing"
        },
        "g": {
          "value": "{jf.dimension.15}",
          "type": "spacing"
        },
        "xg": {
          "value": "{jf.dimension.16}",
          "type": "spacing"
        },
        "xg2": {
          "value": "{jf.dimension.19}",
          "type": "spacing"
        },
        "xg3": {
          "value": "{jf.dimension.20}",
          "type": "spacing"
        },
        "none": {
          "value": "{jf.spacing.none}",
          "type": "spacing"
        }
      },
      "margin": {
        "xs3": {
          "value": "{jf.dimension.1}",
          "type": "spacing",
          "description": "Really small gap between itens."
        },
        "xs2": {
          "value": "{jf.dimension.2}",
          "type": "spacing",
          "description": "Really small gap between itens."
        },
        "xs": {
          "value": "{jf.dimension.3}",
          "type": "spacing",
          "description": "Small gap between itens"
        },
        "sm": {
          "value": "{jf.dimension.4}",
          "type": "spacing"
        },
        "md": {
          "value": "{jf.dimension.5}",
          "type": "spacing"
        },
        "lg": {
          "value": "{jf.dimension.6}",
          "type": "spacing"
        },
        "xl": {
          "value": "{jf.dimension.7}",
          "type": "spacing"
        },
        "xl2": {
          "value": "{jf.dimension.9}",
          "type": "spacing"
        },
        "xl3": {
          "value": "{jf.dimension.11}",
          "type": "spacing"
        },
        "g": {
          "value": "{jf.dimension.15}",
          "type": "spacing"
        },
        "xg": {
          "value": "{jf.dimension.16}",
          "type": "spacing"
        },
        "xg2": {
          "value": "{jf.dimension.19}",
          "type": "spacing"
        },
        "xg3": {
          "value": "{jf.dimension.20}",
          "type": "spacing"
        },
        "none": {
          "value": "{jf.spacing.none}",
          "type": "spacing"
        }
      }
    }
  }
}