@polymer/iron-flex-layout - npm Package Compare versions

Comparing version 0.0.3 to 0.0.4

package.json

 {
   "name": "@polymer/iron-flex-layout",
-  "version": "0.0.3",
+  "flat": true,
+  "version": "0.0.4",
   "description": "Provide flexbox-based layouts",
-  "repository": {
-    "type": "git",
-    "url": "git://github.com/PolymerElements/iron-flex-layout.git"
-  },
+  "contributors": [
+    "The Polymer Authors"
+  ],
   "keywords": [
@@ -14,17 +14,12 @@ "web-components",
   ],
-  "contributors": [
-    "The Polymer Authors"
-  ],
-  "license": "BSD-3-Clause",
+  "main": "iron-flex-layout.html",
+  "repository": {
+    "type": "git",
+    "url": "git://github.com/PolymerElements/iron-flex-layout.git"
+  },
+  "license": "SEE LICENSE IN http://polymer.github.io/LICENSE.txt",
   "dependencies": {
-    "@polymer/polymer": "^1.2.5-npm-test.2"
+    "@polymer/polymer": "gloo"
   },
-  "devDependencies": {
-    "@polymer/paper-styles": "^0.0.3",
-    "@polymer/marked-element": "^0.0.3",
-    "@polymer/prism-element": "^0.0.3",
-    "webcomponents.js": "^0.7.0",
-    "@polymer/iron-component-page": "^0.0.3",
-    "web-component-tester": "^4.0.0"
-  }
-}
+  "devDependencies": {}
+}

README.md

@@ -0,33 +1,39 @@
+[![Build status](https://travis-ci.org/PolymerElements/iron-flex-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/iron-flex-layout)
+[![Published on webcomponents.org](https://img.shields.io/badge/webcomponents.org-published-blue.svg)](https://beta.webcomponents.org/element/PolymerElements/iron-flex-layout)
 
-<!---
+##&lt;iron-flex-layout&gt;
 
-This README is automatically generated from the comments in these files:
-iron-flex-layout.html
+The `<iron-flex-layout>` component provides simple ways to use
+[CSS flexible box layout](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes),
+also known as flexbox. This component provides two different ways to use flexbox:
 
-Edit those files, and our readme bot will duplicate them over here!
-Edit this file, and the bot will squash your changes :)
+1. [Layout classes](https://github.com/PolymerElements/iron-flex-layout/tree/master/iron-flex-layout-classes.html).
+The layout class stylesheet provides a simple set of class-based flexbox rules, that
+let you specify layout properties directly in markup. You must include this file
+in every element that needs to use them.
 
-The bot does some handling of markdown. Please file a bug if it does the wrong
-thing! https://github.com/PolymerLabs/tedium/issues
+Sample use:
 
--->
+   <link rel="import" href="../iron-flex-layout/iron-flex-layout-classes.html">
 
-[![Build Status](https://travis-ci.org/PolymerElements/iron-flex-layout.svg?branch=master)](https://travis-ci.org/PolymerElements/iron-flex-layout)
+   <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
 
-_[Demo and API Docs](https://elements.polymer-project.org/elements/iron-flex-layout)_
+   <div class="layout horizontal layout-start">
+     <div>cross axis start alignment</div>
+   </div>
 
+1. [Custom CSS mixins](https://github.com/PolymerElements/iron-flex-layout/blob/master/iron-flex-layout.html).
+The mixin stylesheet includes custom CSS mixins that can be applied inside a CSS rule using the `@apply` function.
 
-##&lt;iron-flex-layout&gt;
 
-The `<iron-flex-layout>` component provides simple ways to use [CSS flexible box layout](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes), also known as flexbox. This component provides two different ways to use flexbox:
 
-1. [Layout classes](https://github.com/PolymerElements/iron-flex-layout/tree/master/classes). The layout class stylesheet provides a simple set of class-based flexbox rules. Layout classes let you specify layout properties directly in markup.
+Please note that the old [/deep/ layout classes](https://github.com/PolymerElements/iron-flex-layout/tree/master/classes)
+are deprecated, and should not be used. To continue using layout properties
+directly in markup, please switch to using the new `dom-module`-based
+[layout classes](https://github.com/PolymerElements/iron-flex-layout/tree/master/iron-flex-layout-classes.html).
+Please note that the new version does not use `/deep/`, and therefore requires you
+to import the `dom-modules` in every element that needs to use them.
 
-
-1. [Custom CSS mixins](https://github.com/PolymerElements/iron-flex-layout/blob/master/iron-flex-layout.html). The mixin stylesheet includes custom CSS mixins that can be applied inside a CSS rule using the `@apply` function.
-
-
-
 A complete [guide](https://elements.polymer-project.org/guides/flex-layout) to `<iron-flex-layout>` is available.
 
 

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

Improved metrics

Dev dependency count

0

decreased by-100%

Number of lines in readme file

40

increased by17.65%

Worsened metrics

Total package byte prevSize

32954

decreased by-15.69%

Number of package files

6

decreased by-50%

Number of medium license alerts

1

increased byInfinity%

Lines of code

0

decreased by-100%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

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

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

• Updated@polymer/polymer@gloo