@vaadin/card 25.1.0-alpha6 → 25.1.0-alpha7
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.
- package/custom-elements.json +107 -0
- package/package.json +14 -12
- package/src/vaadin-card.js +1 -1
- package/web-types.json +1 -1
- package/web-types.lit.json +1 -1
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
{
|
|
2
|
+
"schemaVersion": "1.0.0",
|
|
3
|
+
"readme": "",
|
|
4
|
+
"modules": [
|
|
5
|
+
{
|
|
6
|
+
"kind": "javascript-module",
|
|
7
|
+
"path": "vaadin-card.js",
|
|
8
|
+
"declarations": [],
|
|
9
|
+
"exports": [
|
|
10
|
+
{
|
|
11
|
+
"kind": "js",
|
|
12
|
+
"name": "*",
|
|
13
|
+
"declaration": {
|
|
14
|
+
"name": "*",
|
|
15
|
+
"module": "src/vaadin-card.js"
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
]
|
|
19
|
+
},
|
|
20
|
+
{
|
|
21
|
+
"kind": "javascript-module",
|
|
22
|
+
"path": "src/vaadin-card.js",
|
|
23
|
+
"declarations": [
|
|
24
|
+
{
|
|
25
|
+
"kind": "class",
|
|
26
|
+
"description": "`<vaadin-card>` is a versatile container for grouping related content and actions.\nIt presents information in a structured and visually appealing manner, with\ncustomization options to fit various design requirements. The default ARIA role is `region`.\n\n```html\n<vaadin-card role=\"region\" theme=\"outlined cover-media\">\n <img slot=\"media\" width=\"200\" src=\"...\" alt=\"\">\n <div slot=\"title\">Lapland</div>\n <div slot=\"subtitle\">The Exotic North</div>\n <div>Lapland is the northern-most region of Finland and an active outdoor destination.</div>\n <vaadin-button slot=\"footer\">Book Vacation</vaadin-button>\n</vaadin-card>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n----------|-------------\n`media` | The container for the media element (e.g., image, video, icon). Shown above of before the card content.\n`header` | The container for title and subtitle - or for custom header content - and header prefix and suffix elements.\n`content` | The container for the card content (usually text content).\n`footer` | The container for footer elements. This part is always at the bottom of the card.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------------|\n| `--vaadin-card-background` |\n| `--vaadin-card-border-color` |\n| `--vaadin-card-border-radius` |\n| `--vaadin-card-border-width` |\n| `--vaadin-card-gap` |\n| `--vaadin-card-media-aspect-ratio` |\n| `--vaadin-card-padding` |\n| `--vaadin-card-shadow` |\n| `--vaadin-card-subtitle-color` |\n| `--vaadin-card-subtitle-font-size` |\n| `--vaadin-card-subtitle-line-height` |\n| `--vaadin-card-title-color` |\n| `--vaadin-card-title-font-size` |\n| `--vaadin-card-title-font-weight` |\n| `--vaadin-card-title-line-height` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
27
|
+
"name": "Card",
|
|
28
|
+
"members": [
|
|
29
|
+
{
|
|
30
|
+
"kind": "field",
|
|
31
|
+
"name": "cardTitle",
|
|
32
|
+
"privacy": "public",
|
|
33
|
+
"type": {
|
|
34
|
+
"text": "string"
|
|
35
|
+
},
|
|
36
|
+
"description": "The title of the card. When set, any custom slotted title is removed and this string-based title is used instead. If this title is used, an `aria-labelledby` attribute that points to the generated title element is set.",
|
|
37
|
+
"attribute": "card-title"
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
"kind": "field",
|
|
41
|
+
"name": "titleHeadingLevel",
|
|
42
|
+
"privacy": "public",
|
|
43
|
+
"type": {
|
|
44
|
+
"text": "number"
|
|
45
|
+
},
|
|
46
|
+
"description": "Sets the heading level (`aria-level`) for the string-based title. If not set, the level defaults to 2. Setting values outside the range [1, 6] can cause accessibility issues.",
|
|
47
|
+
"attribute": "title-heading-level"
|
|
48
|
+
}
|
|
49
|
+
],
|
|
50
|
+
"attributes": [
|
|
51
|
+
{
|
|
52
|
+
"name": "card-title",
|
|
53
|
+
"type": {
|
|
54
|
+
"text": "string"
|
|
55
|
+
},
|
|
56
|
+
"description": "The title of the card. When set, any custom slotted title is removed and this string-based title is used instead. If this title is used, an `aria-labelledby` attribute that points to the generated title element is set.",
|
|
57
|
+
"fieldName": "cardTitle"
|
|
58
|
+
},
|
|
59
|
+
{
|
|
60
|
+
"name": "title-heading-level",
|
|
61
|
+
"type": {
|
|
62
|
+
"text": "number"
|
|
63
|
+
},
|
|
64
|
+
"description": "Sets the heading level (`aria-level`) for the string-based title. If not set, the level defaults to 2. Setting values outside the range [1, 6] can cause accessibility issues.",
|
|
65
|
+
"fieldName": "titleHeadingLevel"
|
|
66
|
+
}
|
|
67
|
+
],
|
|
68
|
+
"mixins": [
|
|
69
|
+
{
|
|
70
|
+
"name": "ElementMixin",
|
|
71
|
+
"package": "@vaadin/component-base/src/element-mixin.js"
|
|
72
|
+
},
|
|
73
|
+
{
|
|
74
|
+
"name": "ThemableMixin",
|
|
75
|
+
"package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
|
|
76
|
+
},
|
|
77
|
+
{
|
|
78
|
+
"name": "PolylitMixin",
|
|
79
|
+
"package": "@vaadin/component-base/src/polylit-mixin.js"
|
|
80
|
+
},
|
|
81
|
+
{
|
|
82
|
+
"name": "LumoInjectionMixin",
|
|
83
|
+
"package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
|
|
84
|
+
}
|
|
85
|
+
],
|
|
86
|
+
"superclass": {
|
|
87
|
+
"name": "LitElement",
|
|
88
|
+
"package": "lit"
|
|
89
|
+
},
|
|
90
|
+
"tagName": "vaadin-card",
|
|
91
|
+
"customElement": true,
|
|
92
|
+
"events": []
|
|
93
|
+
}
|
|
94
|
+
],
|
|
95
|
+
"exports": [
|
|
96
|
+
{
|
|
97
|
+
"kind": "js",
|
|
98
|
+
"name": "Card",
|
|
99
|
+
"declaration": {
|
|
100
|
+
"name": "Card",
|
|
101
|
+
"module": "src/vaadin-card.js"
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
]
|
|
105
|
+
}
|
|
106
|
+
]
|
|
107
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/card",
|
|
3
|
-
"version": "25.1.0-
|
|
3
|
+
"version": "25.1.0-alpha7",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -23,6 +23,7 @@
|
|
|
23
23
|
"src",
|
|
24
24
|
"vaadin-*.d.ts",
|
|
25
25
|
"vaadin-*.js",
|
|
26
|
+
"custom-elements.json",
|
|
26
27
|
"web-types.json",
|
|
27
28
|
"web-types.lit.json"
|
|
28
29
|
],
|
|
@@ -33,25 +34,26 @@
|
|
|
33
34
|
"web-component"
|
|
34
35
|
],
|
|
35
36
|
"dependencies": {
|
|
36
|
-
"@vaadin/component-base": "25.1.0-
|
|
37
|
-
"@vaadin/vaadin-themable-mixin": "25.1.0-
|
|
37
|
+
"@vaadin/component-base": "25.1.0-alpha7",
|
|
38
|
+
"@vaadin/vaadin-themable-mixin": "25.1.0-alpha7",
|
|
38
39
|
"lit": "^3.0.0"
|
|
39
40
|
},
|
|
40
41
|
"devDependencies": {
|
|
41
|
-
"@vaadin/aura": "25.1.0-
|
|
42
|
-
"@vaadin/avatar": "25.1.0-
|
|
43
|
-
"@vaadin/button": "25.1.0-
|
|
44
|
-
"@vaadin/chai-plugins": "25.1.0-
|
|
45
|
-
"@vaadin/icon": "25.1.0-
|
|
46
|
-
"@vaadin/icons": "25.1.0-
|
|
47
|
-
"@vaadin/test-runner-commands": "25.1.0-
|
|
42
|
+
"@vaadin/aura": "25.1.0-alpha7",
|
|
43
|
+
"@vaadin/avatar": "25.1.0-alpha7",
|
|
44
|
+
"@vaadin/button": "25.1.0-alpha7",
|
|
45
|
+
"@vaadin/chai-plugins": "25.1.0-alpha7",
|
|
46
|
+
"@vaadin/icon": "25.1.0-alpha7",
|
|
47
|
+
"@vaadin/icons": "25.1.0-alpha7",
|
|
48
|
+
"@vaadin/test-runner-commands": "25.1.0-alpha7",
|
|
48
49
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
49
|
-
"@vaadin/vaadin-lumo-styles": "25.1.0-
|
|
50
|
+
"@vaadin/vaadin-lumo-styles": "25.1.0-alpha7",
|
|
50
51
|
"sinon": "^21.0.0"
|
|
51
52
|
},
|
|
53
|
+
"customElements": "custom-elements.json",
|
|
52
54
|
"web-types": [
|
|
53
55
|
"web-types.json",
|
|
54
56
|
"web-types.lit.json"
|
|
55
57
|
],
|
|
56
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "98c586125f769c8fefd307536965293668fda81d"
|
|
57
59
|
}
|
package/src/vaadin-card.js
CHANGED
|
@@ -60,7 +60,7 @@ import { cardStyles } from './styles/vaadin-card-base-styles.js';
|
|
|
60
60
|
*
|
|
61
61
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
62
62
|
*
|
|
63
|
-
* @customElement
|
|
63
|
+
* @customElement vaadin-card
|
|
64
64
|
* @extends HTMLElement
|
|
65
65
|
* @mixes ElementMixin
|
|
66
66
|
* @mixes ThemableMixin
|
package/web-types.json
CHANGED