@payfit/unity-themes 2.67.46 → 2.68.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/css/unity.css
CHANGED
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
@layer base {
|
|
42
42
|
:root,
|
|
43
43
|
[data-uy-theme="legacy"] {
|
|
44
|
+
--uy-animate-gradient-rotate: 3s linear infinite gradient-rotate;
|
|
44
45
|
--uy-animate-spin: 2s linear infinite spin;
|
|
45
46
|
--uy-animate-arc-shrink: 2s ease-in-out infinite arc-shrink;
|
|
46
47
|
--uy-animate-pulse: 2s cubic-bezier(0.4, 0, 0.6, 1) infinite pulse;
|
|
@@ -592,6 +593,7 @@
|
|
|
592
593
|
}
|
|
593
594
|
|
|
594
595
|
[data-uy-theme="rebrand"] {
|
|
596
|
+
--uy-animate-gradient-rotate: 3s linear infinite gradient-rotate;
|
|
595
597
|
--uy-animate-spin: 2s linear infinite spin;
|
|
596
598
|
--uy-animate-arc-shrink: 2s ease-in-out infinite arc-shrink;
|
|
597
599
|
--uy-animate-pulse: 2s cubic-bezier(0.4, 0, 0.6, 1) infinite pulse;
|
|
@@ -1167,6 +1169,7 @@
|
|
|
1167
1169
|
|
|
1168
1170
|
@theme {
|
|
1169
1171
|
--color-*: initial;
|
|
1172
|
+
--animate-gradient-rotate: var(--uy-animate-gradient-rotate);
|
|
1170
1173
|
--animate-spin: var(--uy-animate-spin);
|
|
1171
1174
|
--animate-arc-shrink: var(--uy-animate-arc-shrink);
|
|
1172
1175
|
--animate-pulse: var(--uy-animate-pulse);
|
|
@@ -1769,6 +1772,18 @@
|
|
|
1769
1772
|
@custom-variant theme-rebrand (&:where([data-uy-theme="rebrand"], [data-uy-theme="rebrand"] *));
|
|
1770
1773
|
|
|
1771
1774
|
|
|
1775
|
+
@property --uy-ai-gradient-angle {
|
|
1776
|
+
syntax: '<angle>';
|
|
1777
|
+
inherits: true;
|
|
1778
|
+
initial-value: 0deg;
|
|
1779
|
+
}
|
|
1780
|
+
|
|
1781
|
+
@keyframes gradient-rotate {
|
|
1782
|
+
to {
|
|
1783
|
+
--uy-ai-gradient-angle: 360deg;
|
|
1784
|
+
}
|
|
1785
|
+
}
|
|
1786
|
+
|
|
1772
1787
|
@keyframes spin {
|
|
1773
1788
|
0% {
|
|
1774
1789
|
transform: rotate(0deg);
|
package/package.json
CHANGED
|
@@ -45,6 +45,21 @@
|
|
|
45
45
|
}
|
|
46
46
|
}
|
|
47
47
|
},
|
|
48
|
+
{
|
|
49
|
+
"name": "gradient-rotate",
|
|
50
|
+
"sourcePath": "animate.gradient-rotate",
|
|
51
|
+
"cssVariable": "--uy-animate-gradient-rotate",
|
|
52
|
+
"family": "animate",
|
|
53
|
+
"type": "animation",
|
|
54
|
+
"values": {
|
|
55
|
+
"legacy": {
|
|
56
|
+
"resolved": "3s linear infinite gradient-rotate"
|
|
57
|
+
},
|
|
58
|
+
"rebrand": {
|
|
59
|
+
"resolved": "3s linear infinite gradient-rotate"
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
},
|
|
48
63
|
{
|
|
49
64
|
"name": "pulse",
|
|
50
65
|
"sourcePath": "animate.pulse",
|
|
@@ -2,6 +2,14 @@
|
|
|
2
2
|
"animate": {
|
|
3
3
|
"$type": "animation",
|
|
4
4
|
"$description": "Animation names for use in the design system",
|
|
5
|
+
"gradient-rotate": {
|
|
6
|
+
"$value": {
|
|
7
|
+
"name": "gradient-rotate",
|
|
8
|
+
"duration": "3s",
|
|
9
|
+
"timingFunction": "linear",
|
|
10
|
+
"iterationCount": "infinite"
|
|
11
|
+
}
|
|
12
|
+
},
|
|
5
13
|
"spin": {
|
|
6
14
|
"$value": {
|
|
7
15
|
"name": "spin",
|