@spectrum-web-components/circleloader - npm Package Compare versions

Comparing version 0.1.3 to 0.1.4

CHANGELOG.md

@@ -6,2 +6,6 @@ # Change Log
 
+## [0.1.4](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/circleloader@0.1.3...@spectrum-web-components/circleloader@0.1.4) (2020-04-07)
+
+**Note:** Version bump only for package @spectrum-web-components/circleloader
+
 ## [0.1.3](https://github.com/adobe/spectrum-web-components/compare/@spectrum-web-components/circleloader@0.1.2...@spectrum-web-components/circleloader@0.1.3) (2020-03-11)
@@ -8,0 +12,0 @@

custom-elements.json

@@ -6,2 +6,3 @@ {
       "name": "sp-circleloader",
+      "path": "./src/index.ts",
       "attributes": [
@@ -8,0 +9,0 @@ {

lib/circleloader.css.js

 /*
-Copyright 2019 Adobe. All rights reserved.
+Copyright 2020 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -14,5 +14,5 @@ you may not use this file except in compliance with the License. You may obtain a copy
 const styles = css `
-.fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400))}.track{box-sizing:border-box;border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-color,var(--spectrum-alias-track-color-default))}.fills{position:absolute;top:0;left:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400));border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}.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-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200));height:var(--spectrum-loader-circle-small-height,var(--spectrum-global-dimension-static-size-200))}:host([size=small]) .fill,:host([size=small]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-small-border-size);border-radius:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))}:host([size=large]),:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-loader-circle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-loader-circle-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}:host([over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}@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)}}
+@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)}}.fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400))}.track{box-sizing:border-box;border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-color,var(--spectrum-alias-track-color-default))}.fills{position:absolute;top:0;left:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400));border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}.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-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200));height:var(--spectrum-loader-circle-small-height,var(--spectrum-global-dimension-static-size-200))}:host([size=small]) .fill,:host([size=small]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-small-border-size);border-radius:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))}:host([size=large]),:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-loader-circle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-loader-circle-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}:host([over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}
 `;
 export default styles;
 //# sourceMappingURL=circleloader.css.js.map

lib/circleloader.d.ts

 import { CSSResultArray, TemplateResult, LitElement, PropertyValues } from 'lit-element';
 export declare class CircleLoader extends LitElement {
-    static readonly styles: CSSResultArray;
+    static get styles(): CSSResultArray;
     indeterminate: boolean;
@@ -5,0 +5,0 @@ overBackground: boolean;

lib/circleloader.js

 /*
-Copyright 2019 Adobe. All rights reserved.
+Copyright 2020 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -4,0 +4,0 @@ you may not use this file except in compliance with the License. You may obtain a copy

lib/index.js

 /*
-Copyright 2019 Adobe. All rights reserved.
+Copyright 2020 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -4,0 +4,0 @@ you may not use this file except in compliance with the License. You may obtain a copy

lib/spectrum-circleloader.css.js

 /*
-Copyright 2019 Adobe. All rights reserved.
+Copyright 2020 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -14,5 +14,5 @@ you may not use this file except in compliance with the License. You may obtain a copy
 const styles = css `
-.fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400))}.track{box-sizing:border-box;border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-color,var(--spectrum-alias-track-color-default))}.fills{position:absolute;top:0;left:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400));border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}.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-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200));height:var(--spectrum-loader-circle-small-height,var(--spectrum-global-dimension-static-size-200))}:host([size=small]) .fill,:host([size=small]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-small-border-size);border-radius:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))}:host([size=large]),:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-loader-circle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-loader-circle-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}:host([over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}
+@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)}}.fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400))}.track{box-sizing:border-box;border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-color,var(--spectrum-alias-track-color-default))}.fills{position:absolute;top:0;left:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400));border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}.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-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200));height:var(--spectrum-loader-circle-small-height,var(--spectrum-global-dimension-static-size-200))}:host([size=small]) .fill,:host([size=small]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-small-border-size);border-radius:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))}:host([size=large]),:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-loader-circle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-loader-circle-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}:host([over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}
 `;
 export default styles;
 //# sourceMappingURL=spectrum-circleloader.css.js.map

package.json

@@ -21,3 +21,3 @@ {
     ],
-    "version": "0.1.3",
+    "version": "0.1.4",
     "description": "",
@@ -47,3 +47,3 @@ "main": "lib/index.js",
     },
-    "gitHead": "d5b370be9515cb1458c436fd4b7c8689e2bfb933"
+    "gitHead": "c2eb86ecfa01469b723cbf64163ae7f8e4203119"
 }

src/circleloader.css.ts

 /*
-Copyright 2019 Adobe. All rights reserved.
+Copyright 2020 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -14,4 +14,4 @@ you may not use this file except in compliance with the License. You may obtain a copy
 const styles = css`
-.fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400))}.track{box-sizing:border-box;border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-color,var(--spectrum-alias-track-color-default))}.fills{position:absolute;top:0;left:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400));border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}.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-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200));height:var(--spectrum-loader-circle-small-height,var(--spectrum-global-dimension-static-size-200))}:host([size=small]) .fill,:host([size=small]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-small-border-size);border-radius:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))}:host([size=large]),:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-loader-circle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-loader-circle-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}:host([over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}@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)}}
+@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)}}.fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400))}.track{box-sizing:border-box;border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-color,var(--spectrum-alias-track-color-default))}.fills{position:absolute;top:0;left:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400));border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}.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-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200));height:var(--spectrum-loader-circle-small-height,var(--spectrum-global-dimension-static-size-200))}:host([size=small]) .fill,:host([size=small]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-small-border-size);border-radius:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))}:host([size=large]),:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-loader-circle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-loader-circle-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}:host([over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}
 `;
 export default styles;

src/circleloader.ts

 /*
-Copyright 2019 Adobe. All rights reserved.
+Copyright 2020 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -4,0 +4,0 @@ you may not use this file except in compliance with the License. You may obtain a copy

src/index.ts

 /*
-Copyright 2019 Adobe. All rights reserved.
+Copyright 2020 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -4,0 +4,0 @@ you may not use this file except in compliance with the License. You may obtain a copy

src/spectrum-circleloader.css.ts

 /*
-Copyright 2019 Adobe. All rights reserved.
+Copyright 2020 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the "License");
@@ -14,4 +14,4 @@ you may not use this file except in compliance with the License. You may obtain a copy
 const styles = css`
-.fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400))}.track{box-sizing:border-box;border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-color,var(--spectrum-alias-track-color-default))}.fills{position:absolute;top:0;left:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400));border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}.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-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200));height:var(--spectrum-loader-circle-small-height,var(--spectrum-global-dimension-static-size-200))}:host([size=small]) .fill,:host([size=small]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-small-border-size);border-radius:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))}:host([size=large]),:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-loader-circle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-loader-circle-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}:host([over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}
+@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)}}.fill-submask-2{animation:spectrum-fill-mask-2 1s linear infinite}:host{display:inline-block;position:relative;direction:ltr}.track,:host{width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400))}.track{box-sizing:border-box;border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-color,var(--spectrum-alias-track-color-default))}.fills{position:absolute;top:0;left:0;width:100%;height:100%}.fill{box-sizing:border-box;width:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));height:var(--spectrum-loader-circle-medium-height,var(--spectrum-global-dimension-static-size-400));border-radius:var(--spectrum-loader-circle-medium-width,var(--spectrum-global-dimension-static-size-400));border:var(--spectrum-loader-circle-medium-border-size) solid var(--spectrum-loader-circle-medium-track-fill-color,var(--spectrum-global-color-blue-500))}.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-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200));height:var(--spectrum-loader-circle-small-height,var(--spectrum-global-dimension-static-size-200))}:host([size=small]) .fill,:host([size=small]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-small-border-size);border-radius:var(--spectrum-loader-circle-small-width,var(--spectrum-global-dimension-static-size-200))}:host([size=large]),:host([size=large]) .fill,:host([size=large]) .track{width:var(--spectrum-loader-circle-large-width,var(--spectrum-global-dimension-size-800));height:var(--spectrum-loader-circle-large-height,var(--spectrum-global-dimension-size-800))}:host([size=large]) .fill,:host([size=large]) .track{border-style:solid;border-width:var(--spectrum-loader-circle-large-border-size,var(--spectrum-global-dimension-size-50));border-radius:var(--spectrum-loader-circle-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}:host([over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}:host([indeterminate][over-background]) .track{border-color:var(--spectrum-loader-circle-medium-over-background-track-color,var(--spectrum-alias-track-color-over-background))}:host([indeterminate][over-background]) .fill{border-color:var(--spectrum-loader-circle-medium-over-background-track-fill-color,var(--spectrum-global-color-static-white))}
 `;
 export default styles;

src/spectrum-config.js

 /*
-Copyright 2019 Adobe. All rights reserved.
+Copyright 2020 Adobe. All rights reserved.
 This file is licensed to you under the Apache License, Version 2.0 (the 'License');
@@ -4,0 +4,0 @@ you may not use this file except in compliance with the License. You may obtain a copy

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

100138

13.73%

Lines of code

1118

3.04%

No dependency changes