@@ -29,7 +29,7 @@ $easing-curves: (
2929}
3030
3131// Primary animation
32- @keyframes indeterminate-primary {
32+ @keyframes igc- indeterminate-primary {
3333 0% {
3434 transform : translateX (0 );
3535 }
@@ -49,7 +49,7 @@ $easing-curves: (
4949 }
5050}
5151
52- @keyframes indeterminate-primary-scale {
52+ @keyframes igc- indeterminate-primary-scale {
5353 0% {
5454 transform : scaleX (0.08 );
5555 }
@@ -70,7 +70,7 @@ $easing-curves: (
7070}
7171
7272// Secondary animation
73- @keyframes indeterminate-secondary {
73+ @keyframes igc- indeterminate-secondary {
7474 0% {
7575 animation-timing-function : timing-function (' secondary-translate-start' );
7676 transform : translateX (0 );
@@ -91,7 +91,7 @@ $easing-curves: (
9191 }
9292}
9393
94- @keyframes indeterminate-secondary-scale {
94+ @keyframes igc- indeterminate-secondary-scale {
9595 0% {
9696 animation-timing-function : timing-function (' secondary-scale-slow-start' );
9797 transform : scaleX (0.08 );
@@ -113,7 +113,7 @@ $easing-curves: (
113113}
114114
115115// Fluent linear animations
116- @keyframes indeterminate-bar-fluent {
116+ @keyframes igc- indeterminate-bar-fluent {
117117 0% {
118118 transform : translateX (-100% );
119119 transform-origin : left ;
@@ -125,7 +125,7 @@ $easing-curves: (
125125 }
126126}
127127
128- @keyframes indeterminate-bar-fluent-rtl {
128+ @keyframes igc- indeterminate-bar-fluent-rtl {
129129 0% {
130130 transform : translateX (100% );
131131 transform-origin : right ;
@@ -138,7 +138,7 @@ $easing-curves: (
138138}
139139
140140// Circular animations
141- @keyframes indeterminate-accordion {
141+ @keyframes igc- indeterminate-accordion {
142142 0% {
143143 stroke-dashoffset : calc (#{$circumference } * 2 );
144144 stroke-dasharray : calc (#{$circumference } * 9 / 10 );
@@ -149,7 +149,7 @@ $easing-curves: (
149149 }
150150}
151151
152- @keyframes indeterminate-accordion-rtl {
152+ @keyframes igc- indeterminate-accordion-rtl {
153153 0% {
154154 stroke-dashoffset : calc (#{$circumference } * -2 );
155155 stroke-dasharray : calc (#{$circumference } * 9 / 10 );
@@ -162,7 +162,7 @@ $easing-curves: (
162162
163163// Fluent: Circular progress animation for indeterminate state.
164164// Dynamically changes stroke-dasharray and rotates for a smooth spinning effect.
165- @keyframes indeterminate-circular-fluent {
165+ @keyframes igc- indeterminate-circular-fluent {
166166 0% {
167167 // Start the stroke at the correct position by adjusting the dasharray and dashoffset
168168 stroke-dasharray : calc (#{$circumference } * 0.0001 ), #{$circumference } ;
@@ -193,7 +193,7 @@ $easing-curves: (
193193 }
194194}
195195
196- @keyframes indeterminate-circular-fluent-rtl {
196+ @keyframes igc- indeterminate-circular-fluent-rtl {
197197 0% {
198198 stroke-dasharray : calc (#{$circumference } * 0.0001 ), #{$circumference } ;
199199
@@ -220,7 +220,7 @@ $easing-curves: (
220220}
221221
222222// Generic animations
223- @keyframes rotate-center {
223+ @keyframes igc- rotate-center {
224224 0% {
225225 transform : rotate (0 );
226226 }
@@ -230,14 +230,14 @@ $easing-curves: (
230230 }
231231}
232232
233- @keyframes initial-counter {
233+ @keyframes igc- initial-counter {
234234 from {
235235 --_progress-integer : 0 ;
236236 --_progress-fraction : 0 ;
237237 }
238238}
239239
240- @keyframes initial-width {
240+ @keyframes igc- initial-width {
241241 from {
242242 width : 0 ;
243243 }
@@ -247,7 +247,7 @@ $easing-curves: (
247247 }
248248}
249249
250- @keyframes initial-dashoffset {
250+ @keyframes igc- initial-dashoffset {
251251 from {
252252 /* Start with no progress (0%) */
253253 stroke-dashoffset : #{$circumference } ;
0 commit comments