decouple clickable from styledlabel

styled/Clickable.qml

@@ -4,31 +4,19 @@ import "../config/"
 MouseArea {
     id: mouseArea
 
-    property bool disabled: false
+    hoverEnabled: true
-
-    hoverEnabled: !disabled
     cursorShape: Qt.PointingHandCursor
 
-    StyledLabel {
+    Rectangle {
-        id: background
         anchors.fill: parent
-        states: State {
+
-            name: "hovered"
+        radius: Dimensions.radius
-            when: mouseArea.containsMouse
+        color: mouseArea.containsMouse ? Theme.palette.primary : Theme.palette.base100
-            PropertyChanges {
+        Behavior on color {
-                background {
-                    color: Theme.palette.primary
-                }
-            }
-        }
-        transitions: Transition {
-            from: ""
-            to: "hovered"
-            reversible: true
             ColorAnimation {
                 properties: "color"
                 duration: 200
-                easing.type: Easing.InOutCubic
+                easing.type: Easing.InOutQuad
             }
         }
     }