initial commit for media widget update + anim tokens restructure

Modules/Resources/Cards/HeroCard.qml

@@ -15,9 +15,9 @@ CustomClippingRect {
 	required property real usage
 
 	color: Colors.tPalette.m3surfaceContainer
-	implicitHeight: Math.max(tempProg.implicitHeight + detailsRow.implicitHeight + Tokens.spacing.large, usageColumn.implicitHeight + usageLabel.implicitHeight) + Tokens.padding.large * 2
+	implicitHeight: Math.max(tempProg.implicitHeight + detailsRow.implicitHeight + Tokens.spacing.largeIncreased, usageColumn.implicitHeight + usageLabel.implicitHeight) + Tokens.padding.large * 2
 	implicitWidth: 450
-	radius: Tokens.rounding.large - Tokens.padding.normal
+	radius: Tokens.rounding.largeIncreased
 
 	CustomRect {
 		anchors.bottom: parent.bottom
@@ -39,7 +39,7 @@ CustomClippingRect {
 		anchors.margins: Tokens.padding.large
 		anchors.top: parent.top
 		fgColor: root.accent
-		implicitSize: Math.max(icon.implicitWidth, icon.implicitHeight) + Tokens.padding.larger * 2
+		implicitSize: Math.max(icon.implicitWidth, icon.implicitHeight) + Tokens.padding.small * 2
 		spacing: Tokens.spacing.extraSmall
 		strokeWidth: Tokens.padding.extraSmall
 		value: root.usage
@@ -54,13 +54,14 @@ CustomClippingRect {
 
 			anchors.centerIn: parent
 			color: root.accent
+			font.pointSize: Tokens.font.size.large
 			text: root.icon
 		}
 	}
 
 	ColumnLayout {
 		anchors.left: tempProg.right
-		anchors.margins: Tokens.spacing.large
+		anchors.margins: Tokens.spacing.largeIncreased
 		anchors.right: usageColumn.left
 		anchors.verticalCenter: tempProg.verticalCenter
 		spacing: Tokens.spacing.extraSmall
@@ -104,7 +105,7 @@ CustomClippingRect {
 
 		CustomProgressBar {
 			fgColor: root.accent
-			implicitHeight: Tokens.padding.small
+			implicitHeight: Tokens.padding.extraSmall
 			indeterminate: isNaN(root.usage) || isNaN(root.temperature)
 			value: root.temperature / 100
 		}