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

Comparing version 1.3.1-pre.3 to 3.0.0-pre.1

package.json

 {
   "name": "@polymer/iron-flex-layout",
   "flat": true,
-  "version": "1.3.1-pre.3",
+  "version": "3.0.0-pre.1",
   "description": "Provide flexbox-based layouts",
@@ -19,7 +19,7 @@ "contributors": [
   },
-  "license": "SEE LICENSE IN http://polymer.github.io/LICENSE.txt",
+  "license": "http://polymer.github.io/LICENSE.txt",
   "dependencies": {
-    "@polymer/polymer": "preview"
+    "@polymer/polymer": "^3.0.0-pre.1"
   },
   "devDependencies": {}
 }

README.md

 [![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)
 
-##<iron-flex-layout>
+## <iron-flex-layout>
 
@@ -17,24 +17,46 @@ The `<iron-flex-layout>` component provides simple ways to use
 
-   <link rel="import" href="../iron-flex-layout/iron-flex-layout-classes.html">
+<!--
+```
+<custom-element-demo>
+  <template>
+    <script src="../webcomponentsjs/webcomponents-lite.min.js"></script>
+    <link rel="import" href="iron-flex-layout-classes.html">
+    <dom-module id="demo-element">
+      <template>
+        <custom-style>
+          <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
+        </custom-style>
+        <style>
+          .container, .layout {
+            background-color: #ccc;
+            padding: 4px;
+          }
+          .container div, .layout div {
+            background-color: white;
+            padding: 12px;
+            margin: 4px;
+          }
+        </style>
+        <next-code-block></next-code-block>
+      </template>
+      <script>Polymer({is: "demo-element"});</script>
+    </dom-module>
+    <demo-element></demo-element>
+  </template>
+</custom-element-demo>
+```
+-->
+```html
+<div class="layout horizontal layout-start" style="height: 154px">
+  <div>cross axis start alignment</div>
+</div>
+```
 
-   <style is="custom-style" include="iron-flex iron-flex-alignment"></style>
-
-   <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.
 
-
-
-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.
-
 A complete [guide](https://elements.polymer-project.org/guides/flex-layout) to `<iron-flex-layout>` is available.
 
+## Changes in 2.0
+- removed the deprecated `/deep/` classes -- files removed: `classes/iron-flex-layout.html`, `classes/iron-shadow-flex-layout` 
 

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

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

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

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

Improved metrics

Total package byte prevSize

109842

increased by233.23%

Number of package files

15

increased by150%

Lines of code

682

increased byInfinity%

Number of lines in readme file

62

increased by55%

Dependency changes

• + Added@polymer/polymer@3.5.1(transitive)

• + Added@webcomponents/shadycss@1.11.2(transitive)

• Updated@polymer/polymer@^3.0.0-pre.1