@vaadin/vertical-layout - npm Package Compare versions

Comparing version 24.6.0-alpha8 to 24.6.0-alpha9

package.json

 {
   "name": "@vaadin/vertical-layout",
-  "version": "24.6.0-alpha8",
+  "version": "24.6.0-alpha9",
   "publishConfig": {
@@ -39,10 +39,10 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "24.6.0-alpha8",
-    "@vaadin/vaadin-lumo-styles": "24.6.0-alpha8",
-    "@vaadin/vaadin-material-styles": "24.6.0-alpha8",
-    "@vaadin/vaadin-themable-mixin": "24.6.0-alpha8",
+    "@vaadin/component-base": "24.6.0-alpha9",
+    "@vaadin/vaadin-lumo-styles": "24.6.0-alpha9",
+    "@vaadin/vaadin-material-styles": "24.6.0-alpha9",
+    "@vaadin/vaadin-themable-mixin": "24.6.0-alpha9",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "24.6.0-alpha8",
+    "@vaadin/chai-plugins": "24.6.0-alpha9",
     "@vaadin/testing-helpers": "^1.0.0"
@@ -54,3 +54,3 @@ },
   ],
-  "gitHead": "a11e1510c4caa08775b202714f5fc1198c22132a"
+  "gitHead": "e303d77ba20c3089c9998be9a318733d9ec5b53c"
 }

src/vaadin-vertical-layout.d.ts

@@ -28,2 +28,3 @@ /**
  * `theme="spacing"` | Applies the default amount of CSS margin between items (specified by the theme)
+ * `theme="wrap"` | Items wrap to the next row when they exceed the layout height
  */
@@ -30,0 +31,0 @@ declare class VerticalLayout extends ThemableMixin(ElementMixin(HTMLElement)) {}

src/vaadin-vertical-layout.js

@@ -30,2 +30,3 @@ /**
  * `theme="spacing"` | Applies the default amount of CSS margin between items (specified by the theme)
+ * `theme="wrap"` | Items wrap to the next row when they exceed the layout height
  *
@@ -32,0 +33,0 @@ * @customElement

theme/lumo/vaadin-vertical-layout-styles.js

@@ -32,4 +32,8 @@ import '@vaadin/vaadin-lumo-styles/spacing.js';
   }
+
+  :host([theme~='wrap']) {
+    flex-wrap: wrap;
+  }
 `;
 
 registerStyles('vaadin-vertical-layout', verticalLayout, { moduleId: 'lumo-vertical-layout' });

theme/material/vaadin-vertical-layout-styles.js

@@ -31,4 +31,8 @@ import { css, registerStyles } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
   }
+
+  :host([theme~='wrap']) {
+    flex-wrap: wrap;
+  }
 `;
 
 registerStyles('vaadin-vertical-layout', verticalLayout, { moduleId: 'material-vertical-layout' });

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/vertical-layout",
-  "version": "24.6.0-alpha8",
+  "version": "24.6.0-alpha9",
   "description-markup": "markdown",
@@ -11,3 +11,3 @@ "contributions": {
           "name": "vaadin-vertical-layout",
-          "description": "`<vaadin-vertical-layout>` provides a simple way to vertically align your HTML elements.\n\n```\n<vaadin-vertical-layout>\n  <div>Item 1</div>\n  <div>Item 2</div>\n</vaadin-vertical-layout>\n```\n\n### Built-in Theme Variations\n\n`<vaadin-vertical-layout>` supports the following theme variations:\n\nTheme variation | Description\n---|---\n`theme=\"margin\"` | Applies the default amount of CSS margin for the host element (specified by the theme)\n`theme=\"padding\"` | Applies the default amount of CSS padding for the host element (specified by the theme)\n`theme=\"spacing\"` | Applies the default amount of CSS margin between items (specified by the theme)",
+          "description": "`<vaadin-vertical-layout>` provides a simple way to vertically align your HTML elements.\n\n```\n<vaadin-vertical-layout>\n  <div>Item 1</div>\n  <div>Item 2</div>\n</vaadin-vertical-layout>\n```\n\n### Built-in Theme Variations\n\n`<vaadin-vertical-layout>` supports the following theme variations:\n\nTheme variation | Description\n---|---\n`theme=\"margin\"` | Applies the default amount of CSS margin for the host element (specified by the theme)\n`theme=\"padding\"` | Applies the default amount of CSS padding for the host element (specified by the theme)\n`theme=\"spacing\"` | Applies the default amount of CSS margin between items (specified by the theme)\n`theme=\"wrap\"` | Items wrap to the next row when they exceed the layout height",
           "attributes": [
@@ -14,0 +14,0 @@ {

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/vertical-layout",
-  "version": "24.6.0-alpha8",
+  "version": "24.6.0-alpha9",
   "description-markup": "markdown",
@@ -19,3 +19,3 @@ "framework": "lit",
           "name": "vaadin-vertical-layout",
-          "description": "`<vaadin-vertical-layout>` provides a simple way to vertically align your HTML elements.\n\n```\n<vaadin-vertical-layout>\n  <div>Item 1</div>\n  <div>Item 2</div>\n</vaadin-vertical-layout>\n```\n\n### Built-in Theme Variations\n\n`<vaadin-vertical-layout>` supports the following theme variations:\n\nTheme variation | Description\n---|---\n`theme=\"margin\"` | Applies the default amount of CSS margin for the host element (specified by the theme)\n`theme=\"padding\"` | Applies the default amount of CSS padding for the host element (specified by the theme)\n`theme=\"spacing\"` | Applies the default amount of CSS margin between items (specified by the theme)",
+          "description": "`<vaadin-vertical-layout>` provides a simple way to vertically align your HTML elements.\n\n```\n<vaadin-vertical-layout>\n  <div>Item 1</div>\n  <div>Item 2</div>\n</vaadin-vertical-layout>\n```\n\n### Built-in Theme Variations\n\n`<vaadin-vertical-layout>` supports the following theme variations:\n\nTheme variation | Description\n---|---\n`theme=\"margin\"` | Applies the default amount of CSS margin for the host element (specified by the theme)\n`theme=\"padding\"` | Applies the default amount of CSS padding for the host element (specified by the theme)\n`theme=\"spacing\"` | Applies the default amount of CSS margin between items (specified by the theme)\n`theme=\"wrap\"` | Items wrap to the next row when they exceed the layout height",
           "extension": true,
@@ -22,0 +22,0 @@ "attributes": []

No alert changes

Improved metrics

Total package byte prevSize

24396

increased by1.81%

Lines of code

303

increased by2.71%

Dependency changes

• + Added@vaadin/component-base@24.6.0-alpha9(transitive)

• + Added@vaadin/icon@24.6.0-alpha9(transitive)

• + Added@vaadin/vaadin-lumo-styles@24.6.0-alpha9(transitive)

• + Added@vaadin/vaadin-material-styles@24.6.0-alpha9(transitive)

• + Added@vaadin/vaadin-themable-mixin@24.6.0-alpha9(transitive)

• - Removed@vaadin/component-base@24.6.0-alpha8(transitive)

• - Removed@vaadin/icon@24.6.0-alpha8(transitive)

• - Removed@vaadin/vaadin-lumo-styles@24.6.0-alpha8(transitive)

• - Removed@vaadin/vaadin-material-styles@24.6.0-alpha8(transitive)

• - Removed@vaadin/vaadin-themable-mixin@24.6.0-alpha8(transitive)

• Updated@vaadin/component-base@24.6.0-alpha9

• Updated@vaadin/vaadin-lumo-styles@24.6.0-alpha9

• Updated@vaadin/vaadin-material-styles@24.6.0-alpha9

• Updated@vaadin/vaadin-themable-mixin@24.6.0-alpha9