initial commit for media widget update + anim tokens restructure

Modules/Settings/Common/DialogSelectButton.qml

@@ -20,7 +20,7 @@ DialogRowButton {
 	}
 
 	acceptAllowed: !!selectedItem
-	horizontalContentMargin: -Tokens.padding.small
+	horizontalContentMargin: -Tokens.padding.extraSmall
 	separateContent: true
 
 	content: Component {
@@ -40,8 +40,8 @@ DialogRowButton {
 				anchors.margins: 1 // Gets cut off for some reason without this
 				anchors.right: ListView.view.contentItem.right
 				color: Qt.alpha(Colors.palette.m3tertiaryContainer, selected ? 1 : 0)
-				implicitHeight: label.implicitHeight + Tokens.padding.normal * 2
-				radius: stateLayer.pressed ? Tokens.rounding.extraSmall : selected ? Tokens.rounding.large : Tokens.rounding.normal
+				implicitHeight: label.implicitHeight + Tokens.padding.small * 2
+				radius: stateLayer.pressed ? Tokens.rounding.extraSmall : selected ? Tokens.rounding.largeIncreased : Tokens.rounding.medium
 
 				Behavior on radius {
 					Anim {
@@ -61,7 +61,7 @@ DialogRowButton {
 					anchors.left: parent.left
 					anchors.margins: Tokens.padding.large
 					anchors.right: item.selected ? checkIcon.left : parent.right
-					anchors.rightMargin: item.selected ? Tokens.spacing.normal : anchors.margins
+					anchors.rightMargin: item.selected ? Tokens.spacing.medium : anchors.margins
 					anchors.verticalCenter: parent.verticalCenter
 					color: item.selected ? Colors.palette.m3onTertiaryContainer : Colors.palette.m3onSurface
 					elide: Text.ElideRight
@@ -76,7 +76,7 @@ DialogRowButton {
 					anchors.right: parent.right
 					anchors.verticalCenter: parent.verticalCenter
 					color: Colors.palette.m3onTertiaryContainer
-					font.pointSize: Tokens.font.size.medium
+					font.pointSize: Tokens.font.size.normal
 					opacity: item.selected ? 1 : 0
 					text: "check"