@vaadin/vertical-layout 25.0.0-beta2 → 25.0.0-beta4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/package.json +7 -7
  2. package/src/styles/vaadin-vertical-layout-base-styles.js +1 -1
  3. package/src/vaadin-vertical-layout.d.ts +18 -6
  4. package/src/vaadin-vertical-layout.js +19 -9
  5. package/web-types.json +2 -2
  6. package/web-types.lit.json +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/vertical-layout",
3
- "version": "25.0.0-beta2",
3
+ "version": "25.0.0-beta4",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -33,19 +33,19 @@
33
33
  "web-component"
34
34
  ],
35
35
  "dependencies": {
36
- "@vaadin/component-base": "25.0.0-beta2",
37
- "@vaadin/vaadin-themable-mixin": "25.0.0-beta2",
36
+ "@vaadin/component-base": "25.0.0-beta4",
37
+ "@vaadin/vaadin-themable-mixin": "25.0.0-beta4",
38
38
  "lit": "^3.0.0"
39
39
  },
40
40
  "devDependencies": {
41
- "@vaadin/chai-plugins": "25.0.0-beta2",
42
- "@vaadin/test-runner-commands": "25.0.0-beta2",
41
+ "@vaadin/chai-plugins": "25.0.0-beta4",
42
+ "@vaadin/test-runner-commands": "25.0.0-beta4",
43
43
  "@vaadin/testing-helpers": "^2.0.0",
44
- "@vaadin/vaadin-lumo-styles": "25.0.0-beta2"
44
+ "@vaadin/vaadin-lumo-styles": "25.0.0-beta4"
45
45
  },
46
46
  "web-types": [
47
47
  "web-types.json",
48
48
  "web-types.lit.json"
49
49
  ],
50
- "gitHead": "e078f8371ae266f05c7ca1ec25686cc489c83f24"
50
+ "gitHead": "707c30af7ed0afacc13c0afb27d047b043160d1f"
51
51
  }
package/src/styles/vaadin-vertical-layout-base-styles.js CHANGED
@@ -24,7 +24,7 @@ export const baseStyles = css`
24
24
  }
25
25
 
26
26
  :host([theme~='padding']) {
27
- padding: var(--vaadin-vertical-layout-margin, var(--vaadin-padding-m));
27
+ padding: var(--vaadin-vertical-layout-padding, var(--vaadin-padding-m));
28
28
  }
29
29
 
30
30
  :host([theme~='spacing']) {
package/src/vaadin-vertical-layout.d.ts CHANGED
@@ -20,12 +20,24 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
20
20
  *
21
21
  * `<vaadin-vertical-layout>` supports the following theme variations:
22
22
  *
23
- * Theme variation | Description
24
- * ---|---
25
- * `theme="margin"` | Applies the default amount of CSS margin for the host element (specified by the theme)
26
- * `theme="padding"` | Applies the default amount of CSS padding for the host element (specified by the theme)
27
- * `theme="spacing"` | Applies the default amount of CSS margin between items (specified by the theme)
28
- * `theme="wrap"` | Items wrap to the next row when they exceed the layout height
23
+ * Theme variation | Description
24
+ * -------------------|---------------
25
+ * `theme="margin"` | Applies the default amount of CSS margin for the host element
26
+ * `theme="padding"` | Applies the default amount of CSS padding for the host element
27
+ * `theme="spacing"` | Applies the default amount of CSS margin between items
28
+ * `theme="wrap"` | Items wrap to the next row when they exceed the layout width
29
+ *
30
+ * ### Custom CSS Properties
31
+ *
32
+ * The following custom CSS properties are available for styling:
33
+ *
34
+ * Custom CSS property | Description
35
+ * -----------------------------------|-------------
36
+ * `--vaadin-vertical-layout-margin` | The default CSS margin applied when using `theme="margin"`
37
+ * `--vaadin-vertical-layout-padding` | The default CSS padding applied when using `theme="padding"`
38
+ * `--vaadin-vertical-layout-gap` | The default CSS gap applied when using `theme="spacing"`
39
+ *
40
+ * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
29
41
  */
30
42
  declare class VerticalLayout extends ThemableMixin(ElementMixin(HTMLElement)) {}
31
43
 
package/src/vaadin-vertical-layout.js CHANGED
@@ -25,12 +25,24 @@ import { verticalLayoutStyles } from './styles/vaadin-vertical-layout-base-style
25
25
  *
26
26
  * `<vaadin-vertical-layout>` supports the following theme variations:
27
27
  *
28
- * Theme variation | Description
29
- * ---|---
30
- * `theme="margin"` | Applies the default amount of CSS margin for the host element (specified by the theme)
31
- * `theme="padding"` | Applies the default amount of CSS padding for the host element (specified by the theme)
32
- * `theme="spacing"` | Applies the default amount of CSS margin between items (specified by the theme)
33
- * `theme="wrap"` | Items wrap to the next row when they exceed the layout height
28
+ * Theme variation | Description
29
+ * -------------------|---------------
30
+ * `theme="margin"` | Applies the default amount of CSS margin for the host element
31
+ * `theme="padding"` | Applies the default amount of CSS padding for the host element
32
+ * `theme="spacing"` | Applies the default amount of CSS margin between items
33
+ * `theme="wrap"` | Items wrap to the next row when they exceed the layout width
34
+ *
35
+ * ### Custom CSS Properties
36
+ *
37
+ * The following custom CSS properties are available for styling:
38
+ *
39
+ * Custom CSS property | Description
40
+ * -----------------------------------|-------------
41
+ * `--vaadin-vertical-layout-margin` | The default CSS margin applied when using `theme="margin"`
42
+ * `--vaadin-vertical-layout-padding` | The default CSS padding applied when using `theme="padding"`
43
+ * `--vaadin-vertical-layout-gap` | The default CSS gap applied when using `theme="spacing"`
44
+ *
45
+ * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
34
46
  *
35
47
  * @customElement
36
48
  * @extends HTMLElement
@@ -47,9 +59,7 @@ class VerticalLayout extends ThemableMixin(ElementMixin(PolylitMixin(LumoInjecti
47
59
  }
48
60
 
49
61
  static get lumoInjector() {
50
- return {
51
- includeBaseStyles: true,
52
- };
62
+ return { ...super.lumoInjector, includeBaseStyles: true };
53
63
  }
54
64
 
55
65
  /** @protected */
package/web-types.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/vertical-layout",
4
- "version": "25.0.0-beta2",
4
+ "version": "25.0.0-beta4",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "elements": [
9
9
  {
10
10
  "name": "vaadin-vertical-layout",
11
- "description": "`<vaadin-vertical-layout>` provides a simple way to vertically align your HTML elements.\n\n```html\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",
11
+ "description": "`<vaadin-vertical-layout>` provides a simple way to vertically align your HTML elements.\n\n```html\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\n`theme=\"padding\"` | Applies the default amount of CSS padding for the host element\n`theme=\"spacing\"` | Applies the default amount of CSS margin between items\n`theme=\"wrap\"` | Items wrap to the next row when they exceed the layout width\n\n### Custom CSS Properties\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property | Description\n-----------------------------------|-------------\n`--vaadin-vertical-layout-margin` | The default CSS margin applied when using `theme=\"margin\"`\n`--vaadin-vertical-layout-padding` | The default CSS padding applied when using `theme=\"padding\"`\n`--vaadin-vertical-layout-gap` | The default CSS gap applied when using `theme=\"spacing\"`\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
12
12
  "attributes": [
13
13
  {
14
14
  "name": "theme",
package/web-types.lit.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/vertical-layout",
4
- "version": "25.0.0-beta2",
4
+ "version": "25.0.0-beta4",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -16,7 +16,7 @@
16
16
  "elements": [
17
17
  {
18
18
  "name": "vaadin-vertical-layout",
19
- "description": "`<vaadin-vertical-layout>` provides a simple way to vertically align your HTML elements.\n\n```html\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",
19
+ "description": "`<vaadin-vertical-layout>` provides a simple way to vertically align your HTML elements.\n\n```html\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\n`theme=\"padding\"` | Applies the default amount of CSS padding for the host element\n`theme=\"spacing\"` | Applies the default amount of CSS margin between items\n`theme=\"wrap\"` | Items wrap to the next row when they exceed the layout width\n\n### Custom CSS Properties\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property | Description\n-----------------------------------|-------------\n`--vaadin-vertical-layout-margin` | The default CSS margin applied when using `theme=\"margin\"`\n`--vaadin-vertical-layout-padding` | The default CSS padding applied when using `theme=\"padding\"`\n`--vaadin-vertical-layout-gap` | The default CSS gap applied when using `theme=\"spacing\"`\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
20
20
  "extension": true,
21
21
  "attributes": []
22
22
  }