@vaadin/popover 25.1.0-beta2 → 25.1.0-beta3

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 (7) hide show
  1. package/custom-elements.json +1 -1
  2. package/package.json +12 -12
  3. package/src/styles/vaadin-popover-overlay-base-styles.js +1 -0
  4. package/src/vaadin-popover.d.ts +1 -0
  5. package/src/vaadin-popover.js +1 -0
  6. package/web-types.json +2 -2
  7. package/web-types.lit.json +2 -2
package/custom-elements.json CHANGED
@@ -657,7 +657,7 @@
657
657
  "declarations": [
658
658
  {
659
659
  "kind": "class",
660
- "description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Optional arrow pointing to the target when using `theme=\"arrow\"`\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-overlay-backdrop-background` |\n|`--vaadin-popover-arrow-border-radius` |\n|`--vaadin-popover-arrow-inset` |\n|`--vaadin-popover-arrow-size` |\n|`--vaadin-popover-background` |\n|`--vaadin-popover-border-color` |\n|`--vaadin-popover-border-radius` |\n|`--vaadin-popover-border-width` |\n|`--vaadin-popover-offset-bottom` |\n|`--vaadin-popover-offset-end` |\n|`--vaadin-popover-offset-start` |\n|`--vaadin-popover-offset-top` |\n|`--vaadin-popover-padding` |\n|`--vaadin-popover-shadow` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
660
+ "description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Optional arrow pointing to the target when using `theme=\"arrow\"`\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-overlay-backdrop-background` |\n|`--vaadin-popover-arrow-border-radius` |\n|`--vaadin-popover-arrow-inset` |\n|`--vaadin-popover-arrow-size` |\n|`--vaadin-popover-background` |\n|`--vaadin-popover-border-color` |\n|`--vaadin-popover-border-radius` |\n|`--vaadin-popover-border-width` |\n|`--vaadin-popover-offset-bottom` |\n|`--vaadin-popover-offset-end` |\n|`--vaadin-popover-offset-start` |\n|`--vaadin-popover-offset-top` |\n|`--vaadin-popover-padding` |\n|`--vaadin-popover-text-color` |\n|`--vaadin-popover-shadow` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
661
661
  "name": "Popover",
662
662
  "members": [
663
663
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/popover",
3
- "version": "25.1.0-beta2",
3
+ "version": "25.1.0-beta3",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -37,25 +37,25 @@
37
37
  ],
38
38
  "dependencies": {
39
39
  "@open-wc/dedupe-mixin": "^1.3.0",
40
- "@vaadin/a11y-base": "25.1.0-beta2",
41
- "@vaadin/component-base": "25.1.0-beta2",
42
- "@vaadin/lit-renderer": "25.1.0-beta2",
43
- "@vaadin/overlay": "25.1.0-beta2",
44
- "@vaadin/vaadin-themable-mixin": "25.1.0-beta2",
40
+ "@vaadin/a11y-base": "25.1.0-beta3",
41
+ "@vaadin/component-base": "25.1.0-beta3",
42
+ "@vaadin/lit-renderer": "25.1.0-beta3",
43
+ "@vaadin/overlay": "25.1.0-beta3",
44
+ "@vaadin/vaadin-themable-mixin": "25.1.0-beta3",
45
45
  "lit": "^3.0.0"
46
46
  },
47
47
  "devDependencies": {
48
- "@vaadin/aura": "25.1.0-beta2",
49
- "@vaadin/chai-plugins": "25.1.0-beta2",
50
- "@vaadin/test-runner-commands": "25.1.0-beta2",
48
+ "@vaadin/aura": "25.1.0-beta3",
49
+ "@vaadin/chai-plugins": "25.1.0-beta3",
50
+ "@vaadin/test-runner-commands": "25.1.0-beta3",
51
51
  "@vaadin/testing-helpers": "^2.0.0",
52
- "@vaadin/vaadin-lumo-styles": "25.1.0-beta2",
53
- "sinon": "^21.0.0"
52
+ "@vaadin/vaadin-lumo-styles": "25.1.0-beta3",
53
+ "sinon": "^21.0.2"
54
54
  },
55
55
  "customElements": "custom-elements.json",
56
56
  "web-types": [
57
57
  "web-types.json",
58
58
  "web-types.lit.json"
59
59
  ],
60
- "gitHead": "ffbedbae08a5160d13bcd1c6fcaa328df5103a05"
60
+ "gitHead": "4251850231a42298fda23b83928da588831cdb5d"
61
61
  }
package/src/styles/vaadin-popover-overlay-base-styles.js CHANGED
@@ -38,6 +38,7 @@ const popoverOverlay = css`
38
38
  max-height: 100%;
39
39
  border: var(--_border-width) solid
40
40
  var(--vaadin-popover-border-color, var(--vaadin-overlay-border-color, var(--vaadin-border-color-secondary)));
41
+ color: var(--vaadin-popover-text-color, var(--vaadin-overlay-text-color, var(--vaadin-text-color)));
41
42
  background: var(--vaadin-popover-background, var(--vaadin-overlay-background, var(--vaadin-background-color)));
42
43
  box-shadow: var(--vaadin-popover-shadow, var(--vaadin-overlay-shadow, 0 8px 24px -4px rgba(0, 0, 0, 0.3)));
43
44
  border-radius: var(--vaadin-popover-border-radius, var(--vaadin-overlay-border-radius, var(--vaadin-radius-m)));
package/src/vaadin-popover.d.ts CHANGED
@@ -68,6 +68,7 @@ export type PopoverEventMap = HTMLElementEventMap & PopoverCustomEventMap;
68
68
  * |`--vaadin-popover-offset-start` |
69
69
  * |`--vaadin-popover-offset-top` |
70
70
  * |`--vaadin-popover-padding` |
71
+ * |`--vaadin-popover-text-color` |
71
72
  * |`--vaadin-popover-shadow` |
72
73
  *
73
74
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
package/src/vaadin-popover.js CHANGED
@@ -204,6 +204,7 @@ const isLastOverlay = (overlay) => {
204
204
  * |`--vaadin-popover-offset-start` |
205
205
  * |`--vaadin-popover-offset-top` |
206
206
  * |`--vaadin-popover-padding` |
207
+ * |`--vaadin-popover-text-color` |
207
208
  * |`--vaadin-popover-shadow` |
208
209
  *
209
210
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
package/web-types.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/popover",
4
- "version": "25.1.0-beta2",
4
+ "version": "25.1.0-beta3",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "elements": [
9
9
  {
10
10
  "name": "vaadin-popover",
11
- "description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Optional arrow pointing to the target when using `theme=\"arrow\"`\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-overlay-backdrop-background` |\n|`--vaadin-popover-arrow-border-radius` |\n|`--vaadin-popover-arrow-inset` |\n|`--vaadin-popover-arrow-size` |\n|`--vaadin-popover-background` |\n|`--vaadin-popover-border-color` |\n|`--vaadin-popover-border-radius` |\n|`--vaadin-popover-border-width` |\n|`--vaadin-popover-offset-bottom` |\n|`--vaadin-popover-offset-end` |\n|`--vaadin-popover-offset-start` |\n|`--vaadin-popover-offset-top` |\n|`--vaadin-popover-padding` |\n|`--vaadin-popover-shadow` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
11
+ "description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Optional arrow pointing to the target when using `theme=\"arrow\"`\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-overlay-backdrop-background` |\n|`--vaadin-popover-arrow-border-radius` |\n|`--vaadin-popover-arrow-inset` |\n|`--vaadin-popover-arrow-size` |\n|`--vaadin-popover-background` |\n|`--vaadin-popover-border-color` |\n|`--vaadin-popover-border-radius` |\n|`--vaadin-popover-border-width` |\n|`--vaadin-popover-offset-bottom` |\n|`--vaadin-popover-offset-end` |\n|`--vaadin-popover-offset-start` |\n|`--vaadin-popover-offset-top` |\n|`--vaadin-popover-padding` |\n|`--vaadin-popover-text-color` |\n|`--vaadin-popover-shadow` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
12
12
  "attributes": [
13
13
  {
14
14
  "name": "accessible-name",
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/popover",
4
- "version": "25.1.0-beta2",
4
+ "version": "25.1.0-beta3",
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-popover",
19
- "description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Optional arrow pointing to the target when using `theme=\"arrow\"`\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-overlay-backdrop-background` |\n|`--vaadin-popover-arrow-border-radius` |\n|`--vaadin-popover-arrow-inset` |\n|`--vaadin-popover-arrow-size` |\n|`--vaadin-popover-background` |\n|`--vaadin-popover-border-color` |\n|`--vaadin-popover-border-radius` |\n|`--vaadin-popover-border-width` |\n|`--vaadin-popover-offset-bottom` |\n|`--vaadin-popover-offset-end` |\n|`--vaadin-popover-offset-start` |\n|`--vaadin-popover-offset-top` |\n|`--vaadin-popover-padding` |\n|`--vaadin-popover-shadow` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
19
+ "description": "`<vaadin-popover>` is a Web Component for creating overlays\nthat are positioned next to specified DOM element (target).\n\nUnlike `<vaadin-tooltip>`, the popover supports rich content\nthat can be provided by using `renderer` function.\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n-----------------|-------------------------------------------\n`backdrop` | Backdrop of the overlay\n`overlay` | The overlay container\n`content` | The overlay content\n`arrow` | Optional arrow pointing to the target when using `theme=\"arrow\"`\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-----------------|----------------------------------------\n`position` | Reflects the `position` property value.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:----------------------------------------|\n|`--vaadin-overlay-backdrop-background` |\n|`--vaadin-popover-arrow-border-radius` |\n|`--vaadin-popover-arrow-inset` |\n|`--vaadin-popover-arrow-size` |\n|`--vaadin-popover-background` |\n|`--vaadin-popover-border-color` |\n|`--vaadin-popover-border-radius` |\n|`--vaadin-popover-border-width` |\n|`--vaadin-popover-offset-bottom` |\n|`--vaadin-popover-offset-end` |\n|`--vaadin-popover-offset-start` |\n|`--vaadin-popover-offset-top` |\n|`--vaadin-popover-padding` |\n|`--vaadin-popover-text-color` |\n|`--vaadin-popover-shadow` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
20
20
  "extension": true,
21
21
  "attributes": [
22
22
  {