feat: animated text changes

modules/bar/components/ActiveWindow.qml

@@ -9,7 +9,7 @@ StyledRect {
 
     readonly property color colour: Appearance.colours.pink
 
-    animated: true
+    animate: true
     clip: true
 
     MaterialIcon {

widgets/StyledRect.qml

@@ -4,7 +4,7 @@ import QtQuick
 Rectangle {
     id: root
 
-    property bool animated: false
+    property bool animate: false
     property bool vertical: false // Convenience property for propagation to children
 
     color: "transparent"
@@ -20,7 +20,7 @@ Rectangle {
     }
 
     Behavior on implicitWidth {
-        enabled: root.animated
+        enabled: root.animate
 
         NumberAnimation {
             duration: Appearance.anim.durations.normal
@@ -30,7 +30,7 @@ Rectangle {
     }
 
     Behavior on implicitHeight {
-        enabled: root.animated
+        enabled: root.animate
 
         NumberAnimation {
             duration: Appearance.anim.durations.normal

widgets/StyledText.qml

@@ -1,9 +1,14 @@
+pragma ComponentBehavior: Bound
+
 import "root:/config"
 import QtQuick
 
 Text {
     id: root
 
+    property bool animate: false
+    property string animateProp: "opacity"
+
     renderType: Text.NativeRendering
     color: Appearance.colours.text
     font.family: Appearance.font.family.sans
@@ -15,4 +20,27 @@ Text {
             easing.bezierCurve: Appearance.anim.curves.standard
         }
     }
+
+    Behavior on text {
+        enabled: root.animate
+
+        SequentialAnimation {
+            Anim {
+                to: 0
+                easing.bezierCurve: Appearance.anim.curves.standardAccel
+            }
+            PropertyAction {}
+            Anim {
+                to: 1
+                easing.bezierCurve: Appearance.anim.curves.standardDecel
+            }
+        }
+    }
+
+    component Anim: NumberAnimation {
+        target: root
+        property: root.animateProp
+        duration: Appearance.anim.durations.small
+        easing.type: Easing.BezierSpline
+    }
 }