initial commit for media widget update + anim tokens restructure

Modules/Launcher/Items/CalcItem.qml

@@ -24,7 +24,7 @@ Item {
 	implicitHeight: Config.launcher.sizes.itemHeight
 
 	StateLayer {
-		radius: Tokens.rounding.smallest
+		radius: Tokens.rounding.small
 
 		onClicked: {
 			root.onClicked();
@@ -33,10 +33,10 @@ Item {
 
 	RowLayout {
 		anchors.left: parent.left
-		anchors.margins: Tokens.padding.larger
+		anchors.margins: Tokens.padding.small
 		anchors.right: parent.right
 		anchors.verticalCenter: parent.verticalCenter
-		spacing: Tokens.spacing.normal
+		spacing: Tokens.spacing.medium
 
 		MaterialIcon {
 			Layout.alignment: Qt.AlignVCenter
@@ -64,13 +64,13 @@ Item {
 			Layout.alignment: Qt.AlignVCenter
 			clip: true
 			color: Colors.palette.m3tertiary
-			implicitHeight: Math.max(label.implicitHeight, icon.implicitHeight) + Tokens.padding.small * 2
-			implicitWidth: (stateLayer.containsMouse ? label.implicitWidth + label.anchors.rightMargin : 0) + icon.implicitWidth + Tokens.padding.normal * 2
-			radius: Tokens.rounding.normal
+			implicitHeight: Math.max(label.implicitHeight, icon.implicitHeight) + Tokens.padding.extraSmall * 2
+			implicitWidth: (stateLayer.containsMouse ? label.implicitWidth + label.anchors.rightMargin : 0) + icon.implicitWidth + Tokens.padding.small * 2
+			radius: Tokens.rounding.medium
 
 			Behavior on implicitWidth {
 				Anim {
-					easing.bezierCurve: Tokens.anim.curves.expressiveEffects
+					easing: Tokens.anim.expressiveDefaultEffects
 				}
 			}
 
@@ -106,7 +106,7 @@ Item {
 				id: icon
 
 				anchors.right: parent.right
-				anchors.rightMargin: Tokens.padding.normal
+				anchors.rightMargin: Tokens.padding.small
 				anchors.verticalCenter: parent.verticalCenter
 				color: Colors.palette.m3onTertiary
 				font.pointSize: Tokens.font.size.large