@polymer/paper-spinner - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

package.json

 {
   "name": "@polymer/paper-spinner",
-  "version": "0.0.3",
+  "flat": true,
+  "version": "0.0.4",
   "description": "A material design spinner",
-  "repository": {
-    "type": "git",
-    "url": "git://github.com/PolymerElements/paper-spinner"
-  },
+  "contributors": [
+    "The Polymer Authors"
+  ],
   "keywords": [
@@ -15,18 +15,14 @@ "web-components",
   ],
-  "contributors": [
-    "The Polymer Authors"
-  ],
-  "license": "BSD-3-Clause",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/paper-spinner"
+  },
+  "license": "SEE LICENSE IN http://polymer.github.io/LICENSE.txt",
+  "homepage": "https://github.com/PolymerElements/paper-spinner",
   "dependencies": {
-    "@polymer/iron-flex-layout": "^0.0.3",
-    "@polymer/paper-styles": "^0.0.3",
-    "@polymer/polymer": "^1.2.5-npm-test.2"
+    "@polymer/iron-flex-layout": "gloo",
+    "@polymer/paper-styles": "gloo",
+    "@polymer/polymer": "gloo"
   },
-  "devDependencies": {
-    "@polymer/iron-component-page": "^0.0.3",
-    "@polymer/iron-demo-helpers": "^0.0.3",
-    "@polymer/test-fixture": "^0.0.3",
-    "web-component-tester": "^4.0.0",
-    "webcomponents.js": "^0.7.0"
-  }
-}
+  "devDependencies": {}
+}

README.md

@@ -0,20 +1,3 @@
+[![Build status](https://travis-ci.org/PolymerElements/paper-spinner.svg?branch=master)](https://travis-ci.org/PolymerElements/paper-spinner)
 
-<!---
-
-This README is automatically generated from the comments in these files:
-paper-spinner-behavior.html  paper-spinner-lite.html  paper-spinner.html
-
-Edit those files, and our readme bot will duplicate them over here!
-Edit this file, and the bot will squash your changes :)
-
-The bot does some handling of markdown. Please file a bug if it does the wrong
-thing! https://github.com/PolymerLabs/tedium/issues
-
--->
-
-[![Build Status](https://travis-ci.org/PolymerElements/paper-spinner.svg?branch=master)](https://travis-ci.org/PolymerElements/paper-spinner)
-
-_[Demo and API Docs](https://elements.polymer-project.org/elements/paper-spinner)_
-
-
 ##&lt;paper-spinner&gt;
@@ -26,67 +9,42 @@
 
-```html
-<paper-spinner active></paper-spinner>
+<!---
 ```
-
-The default spinner cycles between four layers of colors; by default they are
-blue, red, yellow and green. It can be customized to cycle between four different
-colors. Use <paper-spinner-lite> for single color spinners.
-
-### Accessibility
-
-Alt attribute should be set to provide adequate context for accessibility. If not provided,
-it defaults to 'loading'.
-Empty alt can be provided to mark the element as decorative if alternative content is provided
-in another form (e.g. a text block following the spinner).
-
-```html
-<paper-spinner alt="Loading contacts list" active></paper-spinner>
+<custom-element-demo>
+  <template>
+    <script src="../webcomponentsjs/webcomponents-lite.js"></script>
+    <link rel="import" href="paper-spinner.html">
+    <link rel="import" href="paper-spinner-lite.html">
+    <style is="custom-style">
+      paper-spinner, paper-spinner-lite {
+        margin: 8px 8px 8px 0;
+      }
+      paper-spinner-lite.orange {
+        --paper-spinner-color: var(--google-yellow-500);
+      }
+      paper-spinner-lite.green {
+        --paper-spinner-color: var(--google-green-500);
+      }
+      paper-spinner-lite.thin {
+        --paper-spinner-stroke-width: 1px;
+      }
+      paper-spinner-lite.thick {
+        --paper-spinner-stroke-width: 6px;
+      }
+      #container {
+        display: flex;
+      }
+    </style>
+    <div id="container">    
+      <next-code-block></next-code-block>
+    </div>
+  </template>
+</custom-element-demo>
 ```
-
-### Styling
-
-The following custom properties and mixins are available for styling:
-
-| Custom property | Description | Default |
-| --- | --- | --- |
-| `--paper-spinner-layer-1-color` | Color of the first spinner rotation | `--google-blue-500` |
-| `--paper-spinner-layer-2-color` | Color of the second spinner rotation | `--google-red-500` |
-| `--paper-spinner-layer-3-color` | Color of the third spinner rotation | `--google-yellow-500` |
-| `--paper-spinner-layer-4-color` | Color of the fourth spinner rotation | `--google-green-500` |
-
-
-
-##&lt;paper-spinner-lite&gt;
-
-Material design: [Progress & activity](https://www.google.com/design/spec/components/progress-activity.html)
-
-Element providing a single color material design circular spinner.
-
+-->
 ```html
-<paper-spinner-lite active></paper-spinner-lite>
+<paper-spinner active>...</paper-spinner>
+<paper-spinner-lite active class="orange"></paper-spinner-lite>
+<paper-spinner-lite active class="green"></paper-spinner-lite>
+<paper-spinner-lite active class="thin"></paper-spinner-lite>
+<paper-spinner-lite active class="thick"></paper-spinner-lite>
 ```
-
-The default spinner is blue. It can be customized to be a different color.
-
-### Accessibility
-
-Alt attribute should be set to provide adequate context for accessibility. If not provided,
-it defaults to 'loading'.
-Empty alt can be provided to mark the element as decorative if alternative content is provided
-in another form (e.g. a text block following the spinner).
-
-```html
-<paper-spinner-lite alt="Loading contacts list" active></paper-spinner-lite>
-```
-
-### Styling
-
-The following custom properties and mixins are available for styling:
-
-| Custom property | Description | Default |
-| --- | --- | --- |
-| `--paper-spinner-color` | Color of the spinner | `--google-blue-500` |
-
-
-
-<!-- No docs for Polymer.PaperSpinnerBehavior found. -->

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Empty package

Supply chain risk

Package does not contain any code. It may be removed, is name squatting, or the result of a faulty package publish.

Found 1 instance in 1 package

Misc. License Issues

License

(Experimental) A package's licensing information has fine-grained problems.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

No website

Quality

Package does not have a website.

Found 1 instance in 1 package

Improved metrics

Dev dependency count

0

decreased by-100%

Number of low quality alerts

1

decreased by-50%

Worsened metrics

Total package byte prevSize

21478

decreased by-45.71%

Number of package files

6

decreased by-60%

Number of medium license alerts

1

increased byInfinity%

Lines of code

0

decreased by-100%

Number of lines in readme file

50

decreased by-45.65%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Added@polymer/polymer@1.7.1-npm-test.4(transitive)

• - Removed@polymer/font-roboto@0.0.3(transitive)

• - Removed@polymer/iron-flex-layout@0.0.3(transitive)

• - Removed@polymer/paper-styles@0.0.3(transitive)

• - Removed@polymer/polymer@1.2.5-npm-test.2(transitive)

• Updated@polymer/iron-flex-layout@gloo

• Updated@polymer/paper-styles@gloo

• Updated@polymer/polymer@gloo