Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
@spectrum-web-components/progress-circle
Advanced tools
@spectrum-web-components/progress-circle - npm Package Compare versions
Comparing version 0.2.6-alpha.27 to 0.2.6-alpha.61
| { | ||
| "name": "@spectrum-web-components/progress-circle", | ||
| "version": "0.2.6-alpha.27+24b598bc7", | ||
| "version": "0.2.6-alpha.61+ed84dff79", | ||
| "publishConfig": { | ||
@@ -46,3 +46,3 @@ "access": "public" | ||
| "dependencies": { | ||
| "@spectrum-web-components/base": "^0.4.4-alpha.101+24b598bc7", | ||
| "@spectrum-web-components/base": "^0.4.4-alpha.135+ed84dff79", | ||
| "tslib": "^2.0.0" | ||
@@ -59,3 +59,3 @@ }, | ||
| ], | ||
| "gitHead": "24b598bc7c57c7f279c8957abbc0b0827ecd7089" | ||
| "gitHead": "ed84dff79fd23708ed6c63a8114290217d9c17ad" | ||
| } |
@@ -14,5 +14,5 @@ /* | ||
| const styles = css ` | ||
| .fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}@keyframes spectrum-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0deg)}11.86%{transform:rotate(0deg)}13.56%{transform:rotate(0deg)}15.25%{transform:rotate(0deg)}16.95%{transform:rotate(0deg)}18.64%{transform:rotate(0deg)}20.34%{transform:rotate(0deg)}22.03%{transform:rotate(0deg)}23.73%{transform:rotate(0deg)}25.42%{transform:rotate(0deg)}27.12%{transform:rotate(0deg)}28.81%{transform:rotate(0deg)}30.51%{transform:rotate(0deg)}32.2%{transform:rotate(0deg)}33.9%{transform:rotate(0deg)}35.59%{transform:rotate(0deg)}37.29%{transform:rotate(0deg)}38.98%{transform:rotate(0deg)}40.68%{transform:rotate(0deg)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes spectrum-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes spectrum-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400))}.track{box-sizing:border-box;border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}:host([dir=ltr]) .fills{left:0}:host([dir=rtl]) .fills{right:0}.fills{position:absolute;top:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400));border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}.fillMask1,.fillMask2{width:50%;height:100%;transform-origin:100% center;transform:rotate(180deg);overflow:hidden;position:absolute}.fillSubMask1,.fillSubMask2{width:100%;height:100%;transform-origin:100% center;overflow:hidden;transform:rotate(-180deg)}.fillMask2{transform:rotate(0deg)}:host([size=small]),:host([size=small]) .fill,:host([size=small]) .track{width:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-progresscircle-small-height,var(--spectrum-global-dimension-size-200))}:host([size=small]) .fill,:host([size=small]) .track{border-style:solid;border-width:var(--spectrum-progresscircle-small-border-size);border-radius:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200))}:host([size=large]),:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-progresscircle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{border-style:solid;border-width:var(--spectrum-progresscircle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800))}:host([indeterminate]) .fills{will-change:transform;transform:translateZ(0);animation:spectrum-fills-rotate 1s cubic-bezier(.25,.78,.48,.89) infinite;transform-origin:center}:host([indeterminate]) .fillSubMask1{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-1 1s linear infinite}:host([indeterminate]) .fillSubMask2{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-2 1s linear infinite}.track{border-color:var(--spectrum-progresscircle-medium-track-color,var(--spectrum-alias-track-color-default))}.fill{border-color:var(--spectrum-progresscircle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}:host([over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))} | ||
| .fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}@keyframes spectrum-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0deg)}11.86%{transform:rotate(0deg)}13.56%{transform:rotate(0deg)}15.25%{transform:rotate(0deg)}16.95%{transform:rotate(0deg)}18.64%{transform:rotate(0deg)}20.34%{transform:rotate(0deg)}22.03%{transform:rotate(0deg)}23.73%{transform:rotate(0deg)}25.42%{transform:rotate(0deg)}27.12%{transform:rotate(0deg)}28.81%{transform:rotate(0deg)}30.51%{transform:rotate(0deg)}32.2%{transform:rotate(0deg)}33.9%{transform:rotate(0deg)}35.59%{transform:rotate(0deg)}37.29%{transform:rotate(0deg)}38.98%{transform:rotate(0deg)}40.68%{transform:rotate(0deg)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes spectrum-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes spectrum-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400))}.track{box-sizing:border-box;border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}:host([dir=ltr]) .fills{left:0}:host([dir=rtl]) .fills{right:0}.fills{position:absolute;top:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400));border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}.fillMask1,.fillMask2{width:50%;height:100%;transform-origin:100% center;transform:rotate(180deg);overflow:hidden;position:absolute}.fillSubMask1,.fillSubMask2{width:100%;height:100%;transform-origin:100% center;overflow:hidden;transform:rotate(-180deg)}.fillMask2{transform:rotate(0deg)}:host([size=small]){width:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-progresscircle-small-height,var(--spectrum-global-dimension-size-200))}:host([size=small]) .fill,:host([size=small]) .track{width:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-progresscircle-small-height,var(--spectrum-global-dimension-size-200));border-style:solid;border-width:var(--spectrum-progresscircle-small-border-size);border-radius:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200))}:host([size=large]){width:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-progresscircle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-progresscircle-large-height,var(--spectrum-global-dimension-size-800));border-style:solid;border-width:var(--spectrum-progresscircle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800))}:host([indeterminate]) .fills{will-change:transform;transform:translateZ(0);animation:spectrum-fills-rotate 1s cubic-bezier(.25,.78,.48,.89) infinite;transform-origin:center}:host([indeterminate]) .fillSubMask1{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-1 1s linear infinite}:host([indeterminate]) .fillSubMask2{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-2 1s linear infinite}.track{border-color:var(--spectrum-progresscircle-medium-track-color,var(--spectrum-alias-track-color-default))}.fill{border-color:var(--spectrum-progresscircle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}:host([over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))} | ||
| `; | ||
| export default styles; | ||
| //# sourceMappingURL=progress-circle.css.js.map |
@@ -14,4 +14,4 @@ /* | ||
| const styles = css` | ||
| .fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}@keyframes spectrum-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0deg)}11.86%{transform:rotate(0deg)}13.56%{transform:rotate(0deg)}15.25%{transform:rotate(0deg)}16.95%{transform:rotate(0deg)}18.64%{transform:rotate(0deg)}20.34%{transform:rotate(0deg)}22.03%{transform:rotate(0deg)}23.73%{transform:rotate(0deg)}25.42%{transform:rotate(0deg)}27.12%{transform:rotate(0deg)}28.81%{transform:rotate(0deg)}30.51%{transform:rotate(0deg)}32.2%{transform:rotate(0deg)}33.9%{transform:rotate(0deg)}35.59%{transform:rotate(0deg)}37.29%{transform:rotate(0deg)}38.98%{transform:rotate(0deg)}40.68%{transform:rotate(0deg)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes spectrum-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes spectrum-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400))}.track{box-sizing:border-box;border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}:host([dir=ltr]) .fills{left:0}:host([dir=rtl]) .fills{right:0}.fills{position:absolute;top:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400));border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}.fillMask1,.fillMask2{width:50%;height:100%;transform-origin:100% center;transform:rotate(180deg);overflow:hidden;position:absolute}.fillSubMask1,.fillSubMask2{width:100%;height:100%;transform-origin:100% center;overflow:hidden;transform:rotate(-180deg)}.fillMask2{transform:rotate(0deg)}:host([size=small]),:host([size=small]) .fill,:host([size=small]) .track{width:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-progresscircle-small-height,var(--spectrum-global-dimension-size-200))}:host([size=small]) .fill,:host([size=small]) .track{border-style:solid;border-width:var(--spectrum-progresscircle-small-border-size);border-radius:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200))}:host([size=large]),:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-progresscircle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{border-style:solid;border-width:var(--spectrum-progresscircle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800))}:host([indeterminate]) .fills{will-change:transform;transform:translateZ(0);animation:spectrum-fills-rotate 1s cubic-bezier(.25,.78,.48,.89) infinite;transform-origin:center}:host([indeterminate]) .fillSubMask1{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-1 1s linear infinite}:host([indeterminate]) .fillSubMask2{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-2 1s linear infinite}.track{border-color:var(--spectrum-progresscircle-medium-track-color,var(--spectrum-alias-track-color-default))}.fill{border-color:var(--spectrum-progresscircle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}:host([over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))} | ||
| .fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}@keyframes spectrum-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0deg)}11.86%{transform:rotate(0deg)}13.56%{transform:rotate(0deg)}15.25%{transform:rotate(0deg)}16.95%{transform:rotate(0deg)}18.64%{transform:rotate(0deg)}20.34%{transform:rotate(0deg)}22.03%{transform:rotate(0deg)}23.73%{transform:rotate(0deg)}25.42%{transform:rotate(0deg)}27.12%{transform:rotate(0deg)}28.81%{transform:rotate(0deg)}30.51%{transform:rotate(0deg)}32.2%{transform:rotate(0deg)}33.9%{transform:rotate(0deg)}35.59%{transform:rotate(0deg)}37.29%{transform:rotate(0deg)}38.98%{transform:rotate(0deg)}40.68%{transform:rotate(0deg)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes spectrum-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes spectrum-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400))}.track{box-sizing:border-box;border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}:host([dir=ltr]) .fills{left:0}:host([dir=rtl]) .fills{right:0}.fills{position:absolute;top:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400));border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}.fillMask1,.fillMask2{width:50%;height:100%;transform-origin:100% center;transform:rotate(180deg);overflow:hidden;position:absolute}.fillSubMask1,.fillSubMask2{width:100%;height:100%;transform-origin:100% center;overflow:hidden;transform:rotate(-180deg)}.fillMask2{transform:rotate(0deg)}:host([size=small]){width:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-progresscircle-small-height,var(--spectrum-global-dimension-size-200))}:host([size=small]) .fill,:host([size=small]) .track{width:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-progresscircle-small-height,var(--spectrum-global-dimension-size-200));border-style:solid;border-width:var(--spectrum-progresscircle-small-border-size);border-radius:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200))}:host([size=large]){width:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-progresscircle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-progresscircle-large-height,var(--spectrum-global-dimension-size-800));border-style:solid;border-width:var(--spectrum-progresscircle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800))}:host([indeterminate]) .fills{will-change:transform;transform:translateZ(0);animation:spectrum-fills-rotate 1s cubic-bezier(.25,.78,.48,.89) infinite;transform-origin:center}:host([indeterminate]) .fillSubMask1{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-1 1s linear infinite}:host([indeterminate]) .fillSubMask2{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-2 1s linear infinite}.track{border-color:var(--spectrum-progresscircle-medium-track-color,var(--spectrum-alias-track-color-default))}.fill{border-color:var(--spectrum-progresscircle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}:host([over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))} | ||
| `; | ||
| export default styles; |
@@ -14,5 +14,5 @@ /* | ||
| const styles = css ` | ||
| .fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}@keyframes spectrum-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0deg)}11.86%{transform:rotate(0deg)}13.56%{transform:rotate(0deg)}15.25%{transform:rotate(0deg)}16.95%{transform:rotate(0deg)}18.64%{transform:rotate(0deg)}20.34%{transform:rotate(0deg)}22.03%{transform:rotate(0deg)}23.73%{transform:rotate(0deg)}25.42%{transform:rotate(0deg)}27.12%{transform:rotate(0deg)}28.81%{transform:rotate(0deg)}30.51%{transform:rotate(0deg)}32.2%{transform:rotate(0deg)}33.9%{transform:rotate(0deg)}35.59%{transform:rotate(0deg)}37.29%{transform:rotate(0deg)}38.98%{transform:rotate(0deg)}40.68%{transform:rotate(0deg)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes spectrum-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes spectrum-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400))}.track{box-sizing:border-box;border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}:host([dir=ltr]) .fills{left:0}:host([dir=rtl]) .fills{right:0}.fills{position:absolute;top:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400));border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}.fillMask1,.fillMask2{width:50%;height:100%;transform-origin:100% center;transform:rotate(180deg);overflow:hidden;position:absolute}.fillSubMask1,.fillSubMask2{width:100%;height:100%;transform-origin:100% center;overflow:hidden;transform:rotate(-180deg)}.fillMask2{transform:rotate(0deg)}:host([size=small]),:host([size=small]) .fill,:host([size=small]) .track{width:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-progresscircle-small-height,var(--spectrum-global-dimension-size-200))}:host([size=small]) .fill,:host([size=small]) .track{border-style:solid;border-width:var(--spectrum-progresscircle-small-border-size);border-radius:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200))}:host([size=large]),:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-progresscircle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{border-style:solid;border-width:var(--spectrum-progresscircle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800))}:host([indeterminate]) .fills{will-change:transform;transform:translateZ(0);animation:spectrum-fills-rotate 1s cubic-bezier(.25,.78,.48,.89) infinite;transform-origin:center}:host([indeterminate]) .fillSubMask1{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-1 1s linear infinite}:host([indeterminate]) .fillSubMask2{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-2 1s linear infinite}.track{border-color:var(--spectrum-progresscircle-medium-track-color,var(--spectrum-alias-track-color-default))}.fill{border-color:var(--spectrum-progresscircle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}:host([over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))} | ||
| .fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}@keyframes spectrum-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0deg)}11.86%{transform:rotate(0deg)}13.56%{transform:rotate(0deg)}15.25%{transform:rotate(0deg)}16.95%{transform:rotate(0deg)}18.64%{transform:rotate(0deg)}20.34%{transform:rotate(0deg)}22.03%{transform:rotate(0deg)}23.73%{transform:rotate(0deg)}25.42%{transform:rotate(0deg)}27.12%{transform:rotate(0deg)}28.81%{transform:rotate(0deg)}30.51%{transform:rotate(0deg)}32.2%{transform:rotate(0deg)}33.9%{transform:rotate(0deg)}35.59%{transform:rotate(0deg)}37.29%{transform:rotate(0deg)}38.98%{transform:rotate(0deg)}40.68%{transform:rotate(0deg)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes spectrum-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes spectrum-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400))}.track{box-sizing:border-box;border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}:host([dir=ltr]) .fills{left:0}:host([dir=rtl]) .fills{right:0}.fills{position:absolute;top:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400));border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}.fillMask1,.fillMask2{width:50%;height:100%;transform-origin:100% center;transform:rotate(180deg);overflow:hidden;position:absolute}.fillSubMask1,.fillSubMask2{width:100%;height:100%;transform-origin:100% center;overflow:hidden;transform:rotate(-180deg)}.fillMask2{transform:rotate(0deg)}:host([size=small]){width:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-progresscircle-small-height,var(--spectrum-global-dimension-size-200))}:host([size=small]) .fill,:host([size=small]) .track{width:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-progresscircle-small-height,var(--spectrum-global-dimension-size-200));border-style:solid;border-width:var(--spectrum-progresscircle-small-border-size);border-radius:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200))}:host([size=large]){width:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-progresscircle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-progresscircle-large-height,var(--spectrum-global-dimension-size-800));border-style:solid;border-width:var(--spectrum-progresscircle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800))}:host([indeterminate]) .fills{will-change:transform;transform:translateZ(0);animation:spectrum-fills-rotate 1s cubic-bezier(.25,.78,.48,.89) infinite;transform-origin:center}:host([indeterminate]) .fillSubMask1{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-1 1s linear infinite}:host([indeterminate]) .fillSubMask2{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-2 1s linear infinite}.track{border-color:var(--spectrum-progresscircle-medium-track-color,var(--spectrum-alias-track-color-default))}.fill{border-color:var(--spectrum-progresscircle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}:host([over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))} | ||
| `; | ||
| export default styles; | ||
| //# sourceMappingURL=spectrum-progress-circle.css.js.map |
@@ -14,4 +14,4 @@ /* | ||
| const styles = css` | ||
| .fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}@keyframes spectrum-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0deg)}11.86%{transform:rotate(0deg)}13.56%{transform:rotate(0deg)}15.25%{transform:rotate(0deg)}16.95%{transform:rotate(0deg)}18.64%{transform:rotate(0deg)}20.34%{transform:rotate(0deg)}22.03%{transform:rotate(0deg)}23.73%{transform:rotate(0deg)}25.42%{transform:rotate(0deg)}27.12%{transform:rotate(0deg)}28.81%{transform:rotate(0deg)}30.51%{transform:rotate(0deg)}32.2%{transform:rotate(0deg)}33.9%{transform:rotate(0deg)}35.59%{transform:rotate(0deg)}37.29%{transform:rotate(0deg)}38.98%{transform:rotate(0deg)}40.68%{transform:rotate(0deg)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes spectrum-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes spectrum-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400))}.track{box-sizing:border-box;border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}:host([dir=ltr]) .fills{left:0}:host([dir=rtl]) .fills{right:0}.fills{position:absolute;top:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400));border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}.fillMask1,.fillMask2{width:50%;height:100%;transform-origin:100% center;transform:rotate(180deg);overflow:hidden;position:absolute}.fillSubMask1,.fillSubMask2{width:100%;height:100%;transform-origin:100% center;overflow:hidden;transform:rotate(-180deg)}.fillMask2{transform:rotate(0deg)}:host([size=small]),:host([size=small]) .fill,:host([size=small]) .track{width:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-progresscircle-small-height,var(--spectrum-global-dimension-size-200))}:host([size=small]) .fill,:host([size=small]) .track{border-style:solid;border-width:var(--spectrum-progresscircle-small-border-size);border-radius:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200))}:host([size=large]),:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-progresscircle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{border-style:solid;border-width:var(--spectrum-progresscircle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800))}:host([indeterminate]) .fills{will-change:transform;transform:translateZ(0);animation:spectrum-fills-rotate 1s cubic-bezier(.25,.78,.48,.89) infinite;transform-origin:center}:host([indeterminate]) .fillSubMask1{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-1 1s linear infinite}:host([indeterminate]) .fillSubMask2{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-2 1s linear infinite}.track{border-color:var(--spectrum-progresscircle-medium-track-color,var(--spectrum-alias-track-color-default))}.fill{border-color:var(--spectrum-progresscircle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}:host([over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))} | ||
| .fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}@keyframes spectrum-fill-mask-1{0%{transform:rotate(90deg)}1.69%{transform:rotate(72.3deg)}3.39%{transform:rotate(55.5deg)}5.08%{transform:rotate(40.3deg)}6.78%{transform:rotate(25deg)}8.47%{transform:rotate(10.6deg)}10.17%{transform:rotate(0deg)}11.86%{transform:rotate(0deg)}13.56%{transform:rotate(0deg)}15.25%{transform:rotate(0deg)}16.95%{transform:rotate(0deg)}18.64%{transform:rotate(0deg)}20.34%{transform:rotate(0deg)}22.03%{transform:rotate(0deg)}23.73%{transform:rotate(0deg)}25.42%{transform:rotate(0deg)}27.12%{transform:rotate(0deg)}28.81%{transform:rotate(0deg)}30.51%{transform:rotate(0deg)}32.2%{transform:rotate(0deg)}33.9%{transform:rotate(0deg)}35.59%{transform:rotate(0deg)}37.29%{transform:rotate(0deg)}38.98%{transform:rotate(0deg)}40.68%{transform:rotate(0deg)}42.37%{transform:rotate(5.3deg)}44.07%{transform:rotate(13.4deg)}45.76%{transform:rotate(20.6deg)}47.46%{transform:rotate(29deg)}49.15%{transform:rotate(36.5deg)}50.85%{transform:rotate(42.6deg)}52.54%{transform:rotate(48.8deg)}54.24%{transform:rotate(54.2deg)}55.93%{transform:rotate(59.4deg)}57.63%{transform:rotate(63.2deg)}59.32%{transform:rotate(67.2deg)}61.02%{transform:rotate(70.8deg)}62.71%{transform:rotate(73.8deg)}64.41%{transform:rotate(76.2deg)}66.1%{transform:rotate(78.7deg)}67.8%{transform:rotate(80.6deg)}69.49%{transform:rotate(82.6deg)}71.19%{transform:rotate(83.7deg)}72.88%{transform:rotate(85deg)}74.58%{transform:rotate(86.3deg)}76.27%{transform:rotate(87deg)}77.97%{transform:rotate(87.7deg)}79.66%{transform:rotate(88.3deg)}81.36%{transform:rotate(88.6deg)}83.05%{transform:rotate(89.2deg)}84.75%{transform:rotate(89.2deg)}86.44%{transform:rotate(89.5deg)}88.14%{transform:rotate(89.9deg)}89.83%{transform:rotate(89.7deg)}91.53%{transform:rotate(90.1deg)}93.22%{transform:rotate(90.2deg)}94.92%{transform:rotate(90.1deg)}96.61%{transform:rotate(90deg)}98.31%{transform:rotate(89.8deg)}to{transform:rotate(90deg)}}@keyframes spectrum-fill-mask-2{0%{transform:rotate(180deg)}1.69%{transform:rotate(180deg)}3.39%{transform:rotate(180deg)}5.08%{transform:rotate(180deg)}6.78%{transform:rotate(180deg)}8.47%{transform:rotate(180deg)}10.17%{transform:rotate(179.2deg)}11.86%{transform:rotate(164deg)}13.56%{transform:rotate(151.8deg)}15.25%{transform:rotate(140.8deg)}16.95%{transform:rotate(130.3deg)}18.64%{transform:rotate(120.4deg)}20.34%{transform:rotate(110.8deg)}22.03%{transform:rotate(101.6deg)}23.73%{transform:rotate(93.5deg)}25.42%{transform:rotate(85.4deg)}27.12%{transform:rotate(78.1deg)}28.81%{transform:rotate(71.2deg)}30.51%{transform:rotate(89.1deg)}32.2%{transform:rotate(105.5deg)}33.9%{transform:rotate(121.3deg)}35.59%{transform:rotate(135.5deg)}37.29%{transform:rotate(148.4deg)}38.98%{transform:rotate(161deg)}40.68%{transform:rotate(173.5deg)}42.37%{transform:rotate(180deg)}44.07%{transform:rotate(180deg)}45.76%{transform:rotate(180deg)}47.46%{transform:rotate(180deg)}49.15%{transform:rotate(180deg)}50.85%{transform:rotate(180deg)}52.54%{transform:rotate(180deg)}54.24%{transform:rotate(180deg)}55.93%{transform:rotate(180deg)}57.63%{transform:rotate(180deg)}59.32%{transform:rotate(180deg)}61.02%{transform:rotate(180deg)}62.71%{transform:rotate(180deg)}64.41%{transform:rotate(180deg)}66.1%{transform:rotate(180deg)}67.8%{transform:rotate(180deg)}69.49%{transform:rotate(180deg)}71.19%{transform:rotate(180deg)}72.88%{transform:rotate(180deg)}74.58%{transform:rotate(180deg)}76.27%{transform:rotate(180deg)}77.97%{transform:rotate(180deg)}79.66%{transform:rotate(180deg)}81.36%{transform:rotate(180deg)}83.05%{transform:rotate(180deg)}84.75%{transform:rotate(180deg)}86.44%{transform:rotate(180deg)}88.14%{transform:rotate(180deg)}89.83%{transform:rotate(180deg)}91.53%{transform:rotate(180deg)}93.22%{transform:rotate(180deg)}94.92%{transform:rotate(180deg)}96.61%{transform:rotate(180deg)}98.31%{transform:rotate(180deg)}to{transform:rotate(180deg)}}@keyframes spectrum-fills-rotate{0%{transform:rotate(-90deg)}to{transform:rotate(270deg)}}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400))}.track{box-sizing:border-box;border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}:host([dir=ltr]) .fills{left:0}:host([dir=rtl]) .fills{right:0}.fills{position:absolute;top:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400));height:var(--spectrum-progresscircle-medium-height,var(--spectrum-global-dimension-size-400));border-style:solid;border-width:var(--spectrum-progresscircle-medium-border-size);border-radius:var(--spectrum-progresscircle-medium-width,var(--spectrum-global-dimension-size-400))}.fillMask1,.fillMask2{width:50%;height:100%;transform-origin:100% center;transform:rotate(180deg);overflow:hidden;position:absolute}.fillSubMask1,.fillSubMask2{width:100%;height:100%;transform-origin:100% center;overflow:hidden;transform:rotate(-180deg)}.fillMask2{transform:rotate(0deg)}:host([size=small]){width:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-progresscircle-small-height,var(--spectrum-global-dimension-size-200))}:host([size=small]) .fill,:host([size=small]) .track{width:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200));height:var(--spectrum-progresscircle-small-height,var(--spectrum-global-dimension-size-200));border-style:solid;border-width:var(--spectrum-progresscircle-small-border-size);border-radius:var(--spectrum-progresscircle-small-width,var(--spectrum-global-dimension-size-200))}:host([size=large]){width:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-progresscircle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-progresscircle-large-height,var(--spectrum-global-dimension-size-800));border-style:solid;border-width:var(--spectrum-progresscircle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-progresscircle-large-width,var(--spectrum-global-dimension-size-800))}:host([indeterminate]) .fills{will-change:transform;transform:translateZ(0);animation:spectrum-fills-rotate 1s cubic-bezier(.25,.78,.48,.89) infinite;transform-origin:center}:host([indeterminate]) .fillSubMask1{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-1 1s linear infinite}:host([indeterminate]) .fillSubMask2{will-change:transform;transform:translateZ(0);animation:spectrum-fill-mask-2 1s linear infinite}.track{border-color:var(--spectrum-progresscircle-medium-track-color,var(--spectrum-alias-track-color-default))}.fill{border-color:var(--spectrum-progresscircle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}:host([over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-progresscircle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-progresscircle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))} | ||
| `; | ||
| export default styles; |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
New alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
Fixed alerts
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Manifest confusion
Supply chain riskThis package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.
Found 1 instance in 1 package
Improved metrics
- Total package byte prevSize
- increased by1.45%
109726
- Lines of code
- increased by0.34%
1184