initial commit for media widget update + anim tokens restructure

Modules/Lock/NotifGroup.qml

@@ -26,13 +26,13 @@ CustomRect {
 	anchors.right: parent?.right
 	clip: true
 	color: root.urgency === "critical" ? Colors.palette.m3secondaryContainer : Colors.layer(Colors.palette.m3surfaceContainerHigh, 2)
-	implicitHeight: content.implicitHeight + Tokens.padding.normal * 2
-	radius: Tokens.rounding.normal
+	implicitHeight: content.implicitHeight + Tokens.padding.small * 2
+	radius: Tokens.rounding.medium
 
 	Behavior on implicitHeight {
 		Anim {
 			duration: Tokens.anim.durations.expressiveDefaultSpatial
-			easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
+			easing: Tokens.anim.expressiveDefaultSpatial
 		}
 	}
 
@@ -40,10 +40,10 @@ CustomRect {
 		id: content
 
 		anchors.left: parent.left
-		anchors.margins: Tokens.padding.normal
+		anchors.margins: Tokens.padding.small
 		anchors.right: parent.right
 		anchors.top: parent.top
-		spacing: Tokens.spacing.normal
+		spacing: Tokens.spacing.medium
 
 		Item {
 			Layout.alignment: Qt.AlignLeft | Qt.AlignTop
@@ -119,15 +119,15 @@ CustomRect {
 		}
 
 		ColumnLayout {
-			Layout.bottomMargin: -Tokens.padding.small / 2 - (root.expanded ? 0 : spacing)
+			Layout.bottomMargin: -Tokens.padding.extraSmall / 2 - (root.expanded ? 0 : spacing)
 			Layout.fillWidth: true
-			Layout.topMargin: -Tokens.padding.small
+			Layout.topMargin: -Tokens.padding.extraSmall
 			spacing: Math.round(Tokens.spacing.small / 2)
 
 			RowLayout {
 				Layout.bottomMargin: -parent.spacing
 				Layout.fillWidth: true
-				spacing: Tokens.spacing.smaller
+				spacing: Tokens.spacing.small
 
 				CustomText {
 					Layout.fillWidth: true
@@ -147,8 +147,8 @@ CustomRect {
 				CustomRect {
 					Layout.preferredWidth: root.notifs.length > Config.notifs.groupPreviewNum ? implicitWidth : 0
 					color: root.urgency === "critical" ? Colors.palette.m3error : Colors.layer(Colors.palette.m3surfaceContainerHighest, 2)
-					implicitHeight: groupCount.implicitHeight + Tokens.padding.small
-					implicitWidth: expandBtn.implicitWidth + Tokens.padding.smaller * 2
+					implicitHeight: groupCount.implicitHeight + Tokens.padding.extraSmall
+					implicitWidth: expandBtn.implicitWidth + Tokens.padding.small * 2
 					opacity: root.notifs.length > Config.notifs.groupPreviewNum ? 1 : 0
 					radius: Tokens.rounding.full
 
@@ -178,7 +178,7 @@ CustomRect {
 						CustomText {
 							id: groupCount
 
-							Layout.leftMargin: Tokens.padding.small / 2
+							Layout.leftMargin: Tokens.padding.extraSmall / 2
 							animate: true
 							color: root.urgency === "critical" ? Colors.palette.m3onError : Colors.palette.m3onSurface
 							font.pointSize: Tokens.font.size.small
@@ -186,7 +186,7 @@ CustomRect {
 						}
 
 						MaterialIcon {
-							Layout.rightMargin: -Tokens.padding.small / 2
+							Layout.rightMargin: -Tokens.padding.extraSmall / 2
 							animate: true
 							color: root.urgency === "critical" ? Colors.palette.m3onError : Colors.palette.m3onSurface
 							text: root.expanded ? "expand_less" : "expand_more"