{
  "jf": {
    "opacity": {
      "state": {
        "dragged": {
          "value": "{jf.opacity.lg}",
          "type": "opacity"
        },
        "overlay": {
          "value": "{jf.opacity.xl}",
          "type": "opacity"
        },
        "disabled": {
          "value": "{jf.opacity.xs}",
          "type": "opacity",
          "description": "Opacity for disabled state components"
        }
      }
    },
    "bg": {
      "modifier": {
        "amount": {
          "focus": {
            "value": "0.15",
            "type": "other"
          },
          "selected": {
            "value": "0.2",
            "type": "other"
          },
          "hover": {
            "value": "0.2",
            "type": "other"
          }
        }
      }
    },
    "shadow": {
      "state": {
        "focus": {
          "value": {
            "x": "0",
            "y": "0",
            "blur": "0",
            "spread": "4",
            "color": "{jf.color.bg.subtle.primary}",
            "type": "dropShadow"
          },
          "type": "boxShadow"
        }
      }
    }
  }
}