fix: use correct anim tokens in QML
This commit is contained in:
parent
180120801a
commit
d99fefdd34
71 changed files with 165 additions and 183 deletions
|
|
@ -3,6 +3,5 @@ import Caelestia.Config
|
||||||
|
|
||||||
NumberAnimation {
|
NumberAnimation {
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.standard
|
||||||
easing.bezierCurve: Tokens.anim.curves.standard
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -3,6 +3,5 @@ import Caelestia.Config
|
||||||
|
|
||||||
ColorAnimation {
|
ColorAnimation {
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.standard
|
||||||
easing.bezierCurve: Tokens.anim.curves.standard
|
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -63,7 +63,7 @@ MouseArea {
|
||||||
properties: "implicitWidth,implicitHeight"
|
properties: "implicitWidth,implicitHeight"
|
||||||
from: 0
|
from: 0
|
||||||
to: rippleAnim.radius * 2
|
to: rippleAnim.radius * 2
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
target: ripple
|
target: ripple
|
||||||
|
|
|
||||||
|
|
@ -29,12 +29,12 @@ Text {
|
||||||
SequentialAnimation {
|
SequentialAnimation {
|
||||||
Anim {
|
Anim {
|
||||||
to: root.animateFrom
|
to: root.animateFrom
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardAccel
|
easing: Tokens.anim.standardAccel
|
||||||
}
|
}
|
||||||
PropertyAction {}
|
PropertyAction {}
|
||||||
Anim {
|
Anim {
|
||||||
to: root.animateTo
|
to: root.animateTo
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -43,6 +43,5 @@ Text {
|
||||||
target: root
|
target: root
|
||||||
property: root.animateProp
|
property: root.animateProp
|
||||||
duration: root.animateDuration / 2
|
duration: root.animateDuration / 2
|
||||||
easing.type: Easing.BezierSpline
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -56,7 +56,7 @@ ColumnLayout {
|
||||||
Behavior on rotation {
|
Behavior on rotation {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.standard
|
easing: Tokens.anim.standard
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -84,7 +84,7 @@ ColumnLayout {
|
||||||
|
|
||||||
Behavior on Layout.preferredHeight {
|
Behavior on Layout.preferredHeight {
|
||||||
Anim {
|
Anim {
|
||||||
easing.bezierCurve: Tokens.anim.curves.standard
|
easing: Tokens.anim.standard
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -99,7 +99,7 @@ ColumnLayout {
|
||||||
|
|
||||||
Behavior on opacity {
|
Behavior on opacity {
|
||||||
Anim {
|
Anim {
|
||||||
easing.bezierCurve: Tokens.anim.curves.standard
|
easing: Tokens.anim.standard
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -118,7 +118,7 @@ ColumnLayout {
|
||||||
|
|
||||||
Behavior on opacity {
|
Behavior on opacity {
|
||||||
Anim {
|
Anim {
|
||||||
easing.bezierCurve: Tokens.anim.curves.standard
|
easing: Tokens.anim.standard
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -97,7 +97,7 @@ Slider {
|
||||||
property: "scale"
|
property: "scale"
|
||||||
to: 0
|
to: 0
|
||||||
duration: Tokens.anim.durations.normal / 2
|
duration: Tokens.anim.durations.normal / 2
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardAccel
|
easing: Tokens.anim.standardAccel
|
||||||
}
|
}
|
||||||
ScriptAction {
|
ScriptAction {
|
||||||
script: icon.update()
|
script: icon.update()
|
||||||
|
|
@ -107,7 +107,7 @@ Slider {
|
||||||
property: "scale"
|
property: "scale"
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.normal / 2
|
duration: Tokens.anim.durations.normal / 2
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -109,7 +109,7 @@ Elevation {
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -86,7 +86,7 @@ Row {
|
||||||
|
|
||||||
Behavior on Layout.preferredWidth {
|
Behavior on Layout.preferredWidth {
|
||||||
Anim {
|
Anim {
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -146,7 +146,6 @@ Switch {
|
||||||
|
|
||||||
component PropAnim: PropertyAnimation {
|
component PropAnim: PropertyAnimation {
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.standard
|
||||||
easing.bezierCurve: Tokens.anim.curves.standard
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -88,14 +88,14 @@ StyledRect {
|
||||||
Behavior on radius {
|
Behavior on radius {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on Layout.preferredWidth {
|
Behavior on Layout.preferredWidth {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -101,7 +101,7 @@ Popup {
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -111,7 +111,7 @@ Popup {
|
||||||
from: 1
|
from: 1
|
||||||
to: 0
|
to: 0
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -121,7 +121,7 @@ Item {
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -140,12 +140,12 @@ Item {
|
||||||
Anim {
|
Anim {
|
||||||
properties: "opacity,scale"
|
properties: "opacity,scale"
|
||||||
to: 1
|
to: 1
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
properties: "x,y"
|
properties: "x,y"
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -45,7 +45,7 @@ StyledRect {
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -308,6 +308,6 @@ MouseArea {
|
||||||
|
|
||||||
component ExAnim: Anim {
|
component ExAnim: Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -147,7 +147,7 @@ Variants {
|
||||||
transitions: Transition {
|
transitions: Transition {
|
||||||
AnchorAnimation {
|
AnchorAnimation {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -159,7 +159,7 @@ Item {
|
||||||
Behavior on clockScale {
|
Behavior on clockScale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -58,7 +58,7 @@ Item {
|
||||||
target: root
|
target: root
|
||||||
property: "implicitWidth"
|
property: "implicitWidth"
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
Transition {
|
Transition {
|
||||||
|
|
@ -68,7 +68,7 @@ Item {
|
||||||
Anim {
|
Anim {
|
||||||
target: root
|
target: root
|
||||||
property: "implicitWidth"
|
property: "implicitWidth"
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
|
||||||
|
|
@ -102,7 +102,7 @@ Item {
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -212,13 +212,13 @@ StyledRect {
|
||||||
from: 1
|
from: 1
|
||||||
to: 0
|
to: 0
|
||||||
duration: Tokens.anim.durations.large
|
duration: Tokens.anim.durations.large
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardAccel
|
easing: Tokens.anim.standardAccel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.large
|
duration: Tokens.anim.durations.large
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -49,7 +49,7 @@ StyledRect {
|
||||||
properties: "scale"
|
properties: "scale"
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -57,7 +57,7 @@ StyledRect {
|
||||||
Anim {
|
Anim {
|
||||||
properties: "scale"
|
properties: "scale"
|
||||||
to: 1
|
to: 1
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
properties: "x,y"
|
properties: "x,y"
|
||||||
|
|
@ -117,7 +117,7 @@ StyledRect {
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -93,6 +93,6 @@ StyledRect {
|
||||||
}
|
}
|
||||||
|
|
||||||
component EAnim: Anim {
|
component EAnim: Anim {
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -76,7 +76,7 @@ Item {
|
||||||
|
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -119,7 +119,7 @@ Item {
|
||||||
properties: "scale"
|
properties: "scale"
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -140,7 +140,7 @@ Item {
|
||||||
Anim {
|
Anim {
|
||||||
properties: "scale"
|
properties: "scale"
|
||||||
to: 1
|
to: 1
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
properties: "x,y"
|
properties: "x,y"
|
||||||
|
|
@ -151,7 +151,7 @@ Item {
|
||||||
Anim {
|
Anim {
|
||||||
properties: "scale"
|
properties: "scale"
|
||||||
to: 1
|
to: 1
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
properties: "x,y"
|
properties: "x,y"
|
||||||
|
|
@ -192,13 +192,13 @@ Item {
|
||||||
|
|
||||||
Behavior on y {
|
Behavior on y {
|
||||||
Anim {
|
Anim {
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -328,7 +328,7 @@ Item {
|
||||||
properties: "scale"
|
properties: "scale"
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -336,7 +336,7 @@ Item {
|
||||||
Anim {
|
Anim {
|
||||||
properties: "scale"
|
properties: "scale"
|
||||||
to: 1
|
to: 1
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
properties: "x,y"
|
properties: "x,y"
|
||||||
|
|
|
||||||
|
|
@ -74,7 +74,7 @@ ColumnLayout {
|
||||||
properties: "scale"
|
properties: "scale"
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -82,7 +82,7 @@ ColumnLayout {
|
||||||
Anim {
|
Anim {
|
||||||
properties: "scale"
|
properties: "scale"
|
||||||
to: 1
|
to: 1
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
properties: "x,y"
|
properties: "x,y"
|
||||||
|
|
|
||||||
|
|
@ -149,8 +149,7 @@ Column {
|
||||||
transitions: Transition {
|
transitions: Transition {
|
||||||
AnchorAnimation {
|
AnchorAnimation {
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.emphasized
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -36,14 +36,14 @@ Item {
|
||||||
Behavior on offsetScale {
|
Behavior on offsetScale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on x {
|
Behavior on x {
|
||||||
Anim {
|
Anim {
|
||||||
duration: content.animLength
|
duration: content.animLength
|
||||||
easing.bezierCurve: content.animCurve
|
easing: content.animCurve
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -52,7 +52,7 @@ Item {
|
||||||
|
|
||||||
Anim {
|
Anim {
|
||||||
duration: content.animLength
|
duration: content.animLength
|
||||||
easing.bezierCurve: content.animCurve
|
easing: content.animCurve
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -455,7 +455,7 @@ ColumnLayout {
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -33,12 +33,12 @@ Item {
|
||||||
property string queuedMode
|
property string queuedMode
|
||||||
|
|
||||||
property int animLength: Tokens.anim.durations.expressiveDefaultSpatial
|
property int animLength: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
property list<real> animCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
property easingCurve animCurve: Tokens.anim.expressiveDefaultSpatial
|
||||||
|
|
||||||
function setAnims(detach: bool): void {
|
function setAnims(detach: bool): void {
|
||||||
const type = `expressive${detach ? "Slow" : "Default"}Spatial`;
|
const type = `expressive${detach ? "Slow" : "Default"}Spatial`;
|
||||||
animLength = Tokens.anim.durations[type];
|
animLength = Tokens.anim.durations[type];
|
||||||
animCurve = Tokens.anim.curves[type];
|
animCurve = Tokens.anim[type];
|
||||||
}
|
}
|
||||||
|
|
||||||
function detach(mode: string): void {
|
function detach(mode: string): void {
|
||||||
|
|
@ -140,7 +140,7 @@ Item {
|
||||||
Behavior on implicitWidth {
|
Behavior on implicitWidth {
|
||||||
Anim {
|
Anim {
|
||||||
duration: root.animLength
|
duration: root.animLength
|
||||||
easing.bezierCurve: root.animCurve
|
easing: root.animCurve
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -149,7 +149,7 @@ Item {
|
||||||
|
|
||||||
Anim {
|
Anim {
|
||||||
duration: root.animLength
|
duration: root.animLength
|
||||||
easing.bezierCurve: root.animCurve
|
easing: root.animCurve
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -104,14 +104,14 @@ Item {
|
||||||
Behavior on implicitWidth {
|
Behavior on implicitWidth {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -162,7 +162,7 @@ Item {
|
||||||
Anim {
|
Anim {
|
||||||
properties: "implicitWidth,implicitHeight"
|
properties: "implicitWidth,implicitHeight"
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -174,8 +174,7 @@ StyledFlickable {
|
||||||
transitions: Transition {
|
transitions: Transition {
|
||||||
AnchorAnimation {
|
AnchorAnimation {
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.standard
|
||||||
easing.bezierCurve: Tokens.anim.curves.standard
|
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
properties: "implicitHeight,opacity,padding"
|
properties: "implicitHeight,opacity,padding"
|
||||||
|
|
@ -266,7 +265,7 @@ StyledFlickable {
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -500,7 +499,7 @@ StyledFlickable {
|
||||||
Anim {
|
Anim {
|
||||||
property: "implicitWidth"
|
property: "implicitWidth"
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
property: "opacity"
|
property: "opacity"
|
||||||
|
|
@ -520,7 +519,7 @@ StyledFlickable {
|
||||||
Anim {
|
Anim {
|
||||||
property: "implicitWidth"
|
property: "implicitWidth"
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
property: "opacity"
|
property: "opacity"
|
||||||
|
|
@ -613,7 +612,7 @@ StyledFlickable {
|
||||||
Anim {
|
Anim {
|
||||||
properties: "implicitWidth,implicitHeight"
|
properties: "implicitWidth,implicitHeight"
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
properties: "radius,font.pointSize"
|
properties: "radius,font.pointSize"
|
||||||
|
|
|
||||||
|
|
@ -171,7 +171,7 @@ ColumnLayout {
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -251,14 +251,14 @@ ColumnLayout {
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -315,8 +315,7 @@ ColumnLayout {
|
||||||
transitions: Transition {
|
transitions: Transition {
|
||||||
AnchorAnimation {
|
AnchorAnimation {
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.standard
|
||||||
easing.bezierCurve: Tokens.anim.curves.standard
|
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
properties: "implicitHeight,opacity,padding"
|
properties: "implicitHeight,opacity,padding"
|
||||||
|
|
@ -406,7 +405,7 @@ ColumnLayout {
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -99,14 +99,14 @@ StyledRect {
|
||||||
Behavior on Layout.preferredWidth {
|
Behavior on Layout.preferredWidth {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on radius {
|
Behavior on radius {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -21,8 +21,7 @@ SequentialAnimation {
|
||||||
from: root.opacityFrom
|
from: root.opacityFrom
|
||||||
to: root.opacityTo
|
to: root.opacityTo
|
||||||
duration: Tokens.anim.durations.normal / 2
|
duration: Tokens.anim.durations.normal / 2
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.standardAccel
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardAccel
|
|
||||||
}
|
}
|
||||||
|
|
||||||
NumberAnimation {
|
NumberAnimation {
|
||||||
|
|
@ -31,8 +30,7 @@ SequentialAnimation {
|
||||||
from: root.scaleFrom
|
from: root.scaleFrom
|
||||||
to: root.scaleTo
|
to: root.scaleTo
|
||||||
duration: Tokens.anim.durations.normal / 2
|
duration: Tokens.anim.durations.normal / 2
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.standardAccel
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardAccel
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -54,8 +52,7 @@ SequentialAnimation {
|
||||||
from: root.opacityTo
|
from: root.opacityTo
|
||||||
to: root.opacityFrom
|
to: root.opacityFrom
|
||||||
duration: Tokens.anim.durations.normal / 2
|
duration: Tokens.anim.durations.normal / 2
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.standardDecel
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
|
||||||
}
|
}
|
||||||
|
|
||||||
NumberAnimation {
|
NumberAnimation {
|
||||||
|
|
@ -64,8 +61,7 @@ SequentialAnimation {
|
||||||
from: root.scaleTo
|
from: root.scaleTo
|
||||||
to: root.scaleFrom
|
to: root.scaleFrom
|
||||||
duration: Tokens.anim.durations.normal / 2
|
duration: Tokens.anim.durations.normal / 2
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.standardDecel
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -277,14 +277,14 @@ DeviceDetails {
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
property: "scale"
|
property: "scale"
|
||||||
from: 0.7
|
from: 0.7
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -294,14 +294,14 @@ DeviceDetails {
|
||||||
from: 1
|
from: 1
|
||||||
to: 0
|
to: 0
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
property: "scale"
|
property: "scale"
|
||||||
from: 1
|
from: 1
|
||||||
to: 0.7
|
to: 0.7
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -382,14 +382,14 @@ ColumnLayout {
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
property: "scale"
|
property: "scale"
|
||||||
from: 0.7
|
from: 0.7
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -401,14 +401,14 @@ ColumnLayout {
|
||||||
from: 1
|
from: 1
|
||||||
to: 0
|
to: 0
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
property: "scale"
|
property: "scale"
|
||||||
from: 1
|
from: 1
|
||||||
to: 0.7
|
to: 0.7
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -435,7 +435,7 @@ ColumnLayout {
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -446,7 +446,7 @@ ColumnLayout {
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -461,7 +461,7 @@ ColumnLayout {
|
||||||
Behavior on opacity {
|
Behavior on opacity {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -584,7 +584,7 @@ ColumnLayout {
|
||||||
Behavior on opacity {
|
Behavior on opacity {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -823,7 +823,7 @@ ColumnLayout {
|
||||||
property: "opacity"
|
property: "opacity"
|
||||||
to: 0
|
to: 0
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -839,7 +839,7 @@ ColumnLayout {
|
||||||
property: "opacity"
|
property: "opacity"
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -379,7 +379,7 @@ Item {
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -200,14 +200,14 @@ Item {
|
||||||
Behavior on implicitWidth {
|
Behavior on implicitWidth {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.large
|
duration: Tokens.anim.durations.large
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.large
|
duration: Tokens.anim.durations.large
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -501,12 +501,12 @@ Item {
|
||||||
Layout.preferredWidth: implicitWidth + (stateLayer.pressed ? Tokens.padding.large : internalChecked ? Tokens.padding.smaller : 0)
|
Layout.preferredWidth: implicitWidth + (stateLayer.pressed ? Tokens.padding.large : internalChecked ? Tokens.padding.smaller : 0)
|
||||||
radius: stateLayer.pressed ? Tokens.rounding.small / 2 : internalChecked ? Tokens.rounding.small : implicitHeight / 2
|
radius: stateLayer.pressed ? Tokens.rounding.small / 2 : internalChecked ? Tokens.rounding.small : implicitHeight / 2
|
||||||
radiusAnim.duration: Tokens.anim.durations.expressiveFastSpatial
|
radiusAnim.duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
radiusAnim.easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
radiusAnim.easing: Tokens.anim.expressiveFastSpatial
|
||||||
|
|
||||||
Behavior on Layout.preferredWidth {
|
Behavior on Layout.preferredWidth {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -164,15 +164,14 @@ Item {
|
||||||
from: 0
|
from: 0
|
||||||
to: rippleAnim.radius * 2
|
to: rippleAnim.radius * 2
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
target: ripple
|
target: ripple
|
||||||
property: "opacity"
|
property: "opacity"
|
||||||
to: 0
|
to: 0
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.standard
|
||||||
easing.bezierCurve: Tokens.anim.curves.standard
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -41,7 +41,7 @@ Item {
|
||||||
Behavior on offsetScale {
|
Behavior on offsetScale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -237,14 +237,14 @@ CustomMouseArea {
|
||||||
Behavior on x {
|
Behavior on x {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on y {
|
Behavior on y {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -91,7 +91,7 @@ Row {
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -74,24 +74,21 @@ StyledWindow {
|
||||||
Behavior on borderThickness {
|
Behavior on borderThickness {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on borderRounding {
|
Behavior on borderRounding {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on shadowOpacity {
|
Behavior on shadowOpacity {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -222,7 +219,7 @@ StyledWindow {
|
||||||
Behavior on extraWidth {
|
Behavior on extraWidth {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -43,7 +43,7 @@ StyledListView {
|
||||||
Behavior on y {
|
Behavior on y {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -119,7 +119,7 @@ StyledListView {
|
||||||
from: 1
|
from: 1
|
||||||
to: 0
|
to: 0
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardAccel
|
easing: Tokens.anim.standardAccel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
target: root
|
target: root
|
||||||
|
|
@ -127,7 +127,7 @@ StyledListView {
|
||||||
from: 1
|
from: 1
|
||||||
to: 0.9
|
to: 0.9
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardAccel
|
easing: Tokens.anim.standardAccel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
PropertyAction {
|
PropertyAction {
|
||||||
|
|
@ -141,7 +141,7 @@ StyledListView {
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
target: root
|
target: root
|
||||||
|
|
@ -149,7 +149,7 @@ StyledListView {
|
||||||
from: 0.9
|
from: 0.9
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
PropertyAction {
|
PropertyAction {
|
||||||
|
|
|
||||||
|
|
@ -155,7 +155,7 @@ Item {
|
||||||
|
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.large
|
duration: Tokens.anim.durations.large
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasizedDecel
|
easing: Tokens.anim.emphasizedDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -164,7 +164,7 @@ Item {
|
||||||
|
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.large
|
duration: Tokens.anim.durations.large
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasizedDecel
|
easing: Tokens.anim.emphasizedDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -42,7 +42,7 @@ Item {
|
||||||
Behavior on offsetScale {
|
Behavior on offsetScale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -120,7 +120,7 @@ Item {
|
||||||
|
|
||||||
Behavior on implicitWidth {
|
Behavior on implicitWidth {
|
||||||
Anim {
|
Anim {
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -135,7 +135,7 @@ Item {
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -34,7 +34,7 @@ WlSessionLockSurface {
|
||||||
properties: "implicitWidth,implicitHeight"
|
properties: "implicitWidth,implicitHeight"
|
||||||
to: lockContent.size
|
to: lockContent.size
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
target: lockBg
|
target: lockBg
|
||||||
|
|
@ -46,7 +46,7 @@ WlSessionLockSurface {
|
||||||
property: "scale"
|
property: "scale"
|
||||||
to: 0
|
to: 0
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
target: content
|
target: content
|
||||||
|
|
@ -102,14 +102,14 @@ WlSessionLockSurface {
|
||||||
property: "scale"
|
property: "scale"
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
target: lockContent
|
target: lockContent
|
||||||
property: "rotation"
|
property: "rotation"
|
||||||
to: 360
|
to: 360
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardAccel
|
easing: Tokens.anim.standardAccel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
ParallelAnimation {
|
ParallelAnimation {
|
||||||
|
|
@ -117,7 +117,7 @@ WlSessionLockSurface {
|
||||||
target: lockIcon
|
target: lockIcon
|
||||||
property: "rotation"
|
property: "rotation"
|
||||||
to: 360
|
to: 360
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
target: lockIcon
|
target: lockIcon
|
||||||
|
|
@ -134,7 +134,7 @@ WlSessionLockSurface {
|
||||||
property: "scale"
|
property: "scale"
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
target: lockBg
|
target: lockBg
|
||||||
|
|
@ -146,14 +146,14 @@ WlSessionLockSurface {
|
||||||
property: "implicitWidth"
|
property: "implicitWidth"
|
||||||
to: (root.screen?.height ?? 0) * Tokens.sizes.lock.heightMult * Tokens.sizes.lock.ratio
|
to: (root.screen?.height ?? 0) * Tokens.sizes.lock.heightMult * Tokens.sizes.lock.ratio
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
target: lockContent
|
target: lockContent
|
||||||
property: "implicitHeight"
|
property: "implicitHeight"
|
||||||
to: (root.screen?.height ?? 0) * Tokens.sizes.lock.heightMult
|
to: (root.screen?.height ?? 0) * Tokens.sizes.lock.heightMult
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -194,14 +194,14 @@ Item {
|
||||||
Behavior on Layout.preferredWidth {
|
Behavior on Layout.preferredWidth {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on radius {
|
Behavior on radius {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -104,7 +104,7 @@ ColumnLayout {
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -127,7 +127,7 @@ ColumnLayout {
|
||||||
Anim {
|
Anim {
|
||||||
property: "y"
|
property: "y"
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -139,7 +139,7 @@ ColumnLayout {
|
||||||
Anim {
|
Anim {
|
||||||
property: "y"
|
property: "y"
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -299,7 +299,7 @@ StyledRect {
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -172,7 +172,7 @@ Item {
|
||||||
property: "x"
|
property: "x"
|
||||||
to: (notif.x >= 0 ? Tokens.sizes.notifs.width : -Tokens.sizes.notifs.width) * 2
|
to: (notif.x >= 0 ? Tokens.sizes.notifs.width : -Tokens.sizes.notifs.width) * 2
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
PropertyAction {
|
PropertyAction {
|
||||||
target: wrapper
|
target: wrapper
|
||||||
|
|
@ -200,7 +200,6 @@ Item {
|
||||||
|
|
||||||
component Anim: NumberAnimation {
|
component Anim: NumberAnimation {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -36,7 +36,7 @@ StyledRect {
|
||||||
|
|
||||||
Behavior on x {
|
Behavior on x {
|
||||||
Anim {
|
Anim {
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasizedDecel
|
easing: Tokens.anim.emphasizedDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -102,7 +102,7 @@ StyledRect {
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -217,7 +217,7 @@ StyledRect {
|
||||||
|
|
||||||
Behavior on sweepAngle {
|
Behavior on sweepAngle {
|
||||||
Anim {
|
Anim {
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasizedDecel
|
easing: Tokens.anim.emphasizedDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -287,8 +287,7 @@ StyledRect {
|
||||||
}
|
}
|
||||||
AnchorAnimation {
|
AnchorAnimation {
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.standard
|
||||||
easing.bezierCurve: Tokens.anim.curves.standard
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -331,8 +330,7 @@ StyledRect {
|
||||||
transitions: Transition {
|
transitions: Transition {
|
||||||
AnchorAnimation {
|
AnchorAnimation {
|
||||||
duration: Tokens.anim.durations.normal
|
duration: Tokens.anim.durations.normal
|
||||||
easing.type: Easing.BezierSpline
|
easing: Tokens.anim.standard
|
||||||
easing.bezierCurve: Tokens.anim.curves.standard
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -117,7 +117,7 @@ Item {
|
||||||
|
|
||||||
Behavior on Layout.preferredHeight {
|
Behavior on Layout.preferredHeight {
|
||||||
Anim {
|
Anim {
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasized
|
easing: Tokens.anim.emphasized
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -47,7 +47,7 @@ Item {
|
||||||
Behavior on offsetScale {
|
Behavior on offsetScale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -24,7 +24,7 @@ Item {
|
||||||
Behavior on offsetScale {
|
Behavior on offsetScale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -125,7 +125,7 @@ StyledRect {
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -184,14 +184,14 @@ Item {
|
||||||
Behavior on Layout.preferredWidth {
|
Behavior on Layout.preferredWidth {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on radius {
|
Behavior on radius {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -203,7 +203,7 @@ Item {
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -130,7 +130,7 @@ LazyListView {
|
||||||
|
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -141,14 +141,14 @@ LazyListView {
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on x {
|
Behavior on x {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -160,6 +160,6 @@ LazyListView {
|
||||||
target: root.container
|
target: root.container
|
||||||
property: "contentY"
|
property: "contentY"
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -237,14 +237,14 @@ StyledRect {
|
||||||
Behavior on rotation {
|
Behavior on rotation {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
Behavior on Layout.topMargin {
|
Behavior on Layout.topMargin {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -133,7 +133,7 @@ LazyListView {
|
||||||
|
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -148,7 +148,7 @@ LazyListView {
|
||||||
Behavior on x {
|
Behavior on x {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -21,7 +21,7 @@ Item {
|
||||||
Behavior on offsetScale {
|
Behavior on offsetScale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -196,7 +196,7 @@ Loader {
|
||||||
Behavior on scale {
|
Behavior on scale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -48,7 +48,7 @@ Item {
|
||||||
Anim {
|
Anim {
|
||||||
property: "sidebarLerp"
|
property: "sidebarLerp"
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial / 2
|
duration: Tokens.anim.durations.expressiveDefaultSpatial / 2
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardAccel
|
easing: Tokens.anim.standardAccel
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
Transition {
|
Transition {
|
||||||
|
|
@ -57,7 +57,7 @@ Item {
|
||||||
Anim {
|
Anim {
|
||||||
property: "sidebarLerp"
|
property: "sidebarLerp"
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial / 2
|
duration: Tokens.anim.durations.expressiveDefaultSpatial / 2
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
|
|
@ -65,7 +65,7 @@ Item {
|
||||||
Behavior on offsetScale {
|
Behavior on offsetScale {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -102,7 +102,7 @@ StyledRect {
|
||||||
Behavior on anchors.bottomMargin {
|
Behavior on anchors.bottomMargin {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -120,7 +120,7 @@ StyledRect {
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -132,14 +132,14 @@ StyledRect {
|
||||||
property: "scale"
|
property: "scale"
|
||||||
to: 0.7
|
to: 0.7
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardAccel
|
easing: Tokens.anim.standardAccel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
target: listOrControls
|
target: listOrControls
|
||||||
property: "opacity"
|
property: "opacity"
|
||||||
to: 0
|
to: 0
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardAccel
|
easing: Tokens.anim.standardAccel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
PropertyAction {
|
PropertyAction {
|
||||||
|
|
@ -159,14 +159,14 @@ StyledRect {
|
||||||
property: "scale"
|
property: "scale"
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
target: listOrControls
|
target: listOrControls
|
||||||
property: "opacity"
|
property: "opacity"
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.small
|
duration: Tokens.anim.durations.small
|
||||||
easing.bezierCurve: Tokens.anim.curves.standardDecel
|
easing: Tokens.anim.standardDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
@ -219,13 +219,13 @@ StyledRect {
|
||||||
from: 1
|
from: 1
|
||||||
to: 0
|
to: 0
|
||||||
duration: Tokens.anim.durations.large
|
duration: Tokens.anim.durations.large
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasizedAccel
|
easing: Tokens.anim.emphasizedAccel
|
||||||
}
|
}
|
||||||
Anim {
|
Anim {
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.extraLarge
|
duration: Tokens.anim.durations.extraLarge
|
||||||
easing.bezierCurve: Tokens.anim.curves.emphasizedDecel
|
easing: Tokens.anim.emphasizedDecel
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -234,7 +234,7 @@ ColumnLayout {
|
||||||
Behavior on implicitHeight {
|
Behavior on implicitHeight {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -159,12 +159,12 @@ StyledRect {
|
||||||
inactiveColour: Colours.layer(Colours.palette.m3surfaceContainerHighest, 2)
|
inactiveColour: Colours.layer(Colours.palette.m3surfaceContainerHighest, 2)
|
||||||
toggle: true
|
toggle: true
|
||||||
radiusAnim.duration: Tokens.anim.durations.expressiveFastSpatial
|
radiusAnim.duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
radiusAnim.easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
radiusAnim.easing: Tokens.anim.expressiveFastSpatial
|
||||||
|
|
||||||
Behavior on Layout.preferredWidth {
|
Behavior on Layout.preferredWidth {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveFastSpatial
|
duration: Tokens.anim.durations.expressiveFastSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveFastSpatial
|
easing: Tokens.anim.expressiveFastSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -112,7 +112,7 @@ Item {
|
||||||
from: 0
|
from: 0
|
||||||
to: 1
|
to: 1
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
|
|
||||||
ParallelAnimation {
|
ParallelAnimation {
|
||||||
|
|
@ -149,7 +149,7 @@ Item {
|
||||||
Behavior on anchors.bottomMargin {
|
Behavior on anchors.bottomMargin {
|
||||||
Anim {
|
Anim {
|
||||||
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
duration: Tokens.anim.durations.expressiveDefaultSpatial
|
||||||
easing.bezierCurve: Tokens.anim.curves.expressiveDefaultSpatial
|
easing: Tokens.anim.expressiveDefaultSpatial
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue