@vaadin/vertical-layout - npm Package Compare versions

Comparing version 24.7.0-alpha7 to 24.7.0-alpha8

package.json

 {
   "name": "@vaadin/vertical-layout",
-  "version": "24.7.0-alpha7",
+  "version": "24.7.0-alpha8",
   "publishConfig": {
@@ -39,10 +39,11 @@ "access": "public"
     "@polymer/polymer": "^3.0.0",
-    "@vaadin/component-base": "24.7.0-alpha7",
-    "@vaadin/vaadin-lumo-styles": "24.7.0-alpha7",
-    "@vaadin/vaadin-material-styles": "24.7.0-alpha7",
-    "@vaadin/vaadin-themable-mixin": "24.7.0-alpha7",
+    "@vaadin/component-base": "24.7.0-alpha8",
+    "@vaadin/vaadin-lumo-styles": "24.7.0-alpha8",
+    "@vaadin/vaadin-material-styles": "24.7.0-alpha8",
+    "@vaadin/vaadin-themable-mixin": "24.7.0-alpha8",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "24.7.0-alpha7",
+    "@vaadin/chai-plugins": "24.7.0-alpha8",
+    "@vaadin/test-runner-commands": "24.7.0-alpha8",
     "@vaadin/testing-helpers": "^1.1.0"
@@ -54,3 +55,3 @@ },
   ],
-  "gitHead": "5f48d7024caa02773aff3aa53091326a42d1eeb1"
+  "gitHead": "d015035192480fcc8cc9df5d00a950f177b83c32"
 }

src/vaadin-vertical-layout-styles.d.ts

@@ -8,2 +8,2 @@ /**
 
-export const verticalLayoutStyles: CSSResult;
+export const verticalLayoutStyles: CSSResult[];

src/vaadin-vertical-layout-styles.js

@@ -8,3 +8,3 @@ /**
 
-export const verticalLayoutStyles = css`
+export const baseStyles = css`
   :host {
@@ -34,1 +34,19 @@ display: flex;
 `;
+
+// Layout improvements are part of a feature for Flow users where children that have been configured to use full size
+// using `HasSize.setSizeFull()` and others, get additional styles so that they effectively take the remaining space in
+// the layout, rather than explicitly use 100% width/height. The respective data attributes are set by Flow's `HasSize`
+// class.
+const enableLayoutImprovements = window.Vaadin.featureFlags.layoutComponentImprovements;
+const layoutImprovementStyles = css`
+  ::slotted([data-height-full]) {
+    flex: 1;
+  }
+
+  ::slotted(vaadin-horizontal-layout[data-height-full]),
+  ::slotted(vaadin-vertical-layout[data-height-full]) {
+    min-height: 0;
+  }
+`;
+
+export const verticalLayoutStyles = enableLayoutImprovements ? [baseStyles, layoutImprovementStyles] : [baseStyles];

web-types.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/vertical-layout",
-  "version": "24.7.0-alpha7",
+  "version": "24.7.0-alpha8",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "contributions": {

web-types.lit.json

 {
   "$schema": "https://json.schemastore.org/web-types",
   "name": "@vaadin/vertical-layout",
-  "version": "24.7.0-alpha7",
+  "version": "24.7.0-alpha8",
   "description-markup": "markdown",
@@ -6,0 +6,0 @@ "framework": "lit",

No alert changes

Improved metrics

Total package byte prevSize

25503

increased by3.44%

Lines of code

313

increased by5.03%

Worsened metrics

Dev dependency count

3

increased by50%

Dependency changes

• + Added@vaadin/component-base@24.7.0-alpha8(transitive)

• + Added@vaadin/icon@24.7.0-alpha8(transitive)

• + Added@vaadin/vaadin-lumo-styles@24.7.0-alpha8(transitive)

• + Added@vaadin/vaadin-material-styles@24.7.0-alpha8(transitive)

• + Added@vaadin/vaadin-themable-mixin@24.7.0-alpha8(transitive)

• - Removed@vaadin/component-base@24.7.0-alpha7(transitive)

• - Removed@vaadin/icon@24.7.0-alpha7(transitive)

• - Removed@vaadin/vaadin-lumo-styles@24.7.0-alpha7(transitive)

• - Removed@vaadin/vaadin-material-styles@24.7.0-alpha7(transitive)

• - Removed@vaadin/vaadin-themable-mixin@24.7.0-alpha7(transitive)

• Updated@vaadin/component-base@24.7.0-alpha8

• Updated@vaadin/vaadin-lumo-styles@24.7.0-alpha8

• Updated@vaadin/vaadin-material-styles@24.7.0-alpha8

• Updated@vaadin/vaadin-themable-mixin@24.7.0-alpha8