@vaadin/details 25.0.0-rc1 → 25.0.0
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/package.json +9 -9
- package/src/vaadin-details-summary.d.ts +15 -0
- package/src/vaadin-details-summary.js +15 -0
- package/web-types.json +2 -2
- package/web-types.lit.json +2 -2
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/details",
|
|
3
|
-
"version": "25.0.0
|
|
3
|
+
"version": "25.0.0",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -34,22 +34,22 @@
|
|
|
34
34
|
],
|
|
35
35
|
"dependencies": {
|
|
36
36
|
"@open-wc/dedupe-mixin": "^1.3.0",
|
|
37
|
-
"@vaadin/a11y-base": "25.0.0
|
|
38
|
-
"@vaadin/button": "25.0.0
|
|
39
|
-
"@vaadin/component-base": "25.0.0
|
|
40
|
-
"@vaadin/vaadin-themable-mixin": "25.0.0
|
|
37
|
+
"@vaadin/a11y-base": "~25.0.0",
|
|
38
|
+
"@vaadin/button": "~25.0.0",
|
|
39
|
+
"@vaadin/component-base": "~25.0.0",
|
|
40
|
+
"@vaadin/vaadin-themable-mixin": "~25.0.0",
|
|
41
41
|
"lit": "^3.0.0"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@vaadin/chai-plugins": "25.0.0
|
|
45
|
-
"@vaadin/test-runner-commands": "25.0.0
|
|
44
|
+
"@vaadin/chai-plugins": "~25.0.0",
|
|
45
|
+
"@vaadin/test-runner-commands": "~25.0.0",
|
|
46
46
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
47
|
-
"@vaadin/vaadin-lumo-styles": "25.0.0
|
|
47
|
+
"@vaadin/vaadin-lumo-styles": "~25.0.0",
|
|
48
48
|
"sinon": "^21.0.0"
|
|
49
49
|
},
|
|
50
50
|
"web-types": [
|
|
51
51
|
"web-types.json",
|
|
52
52
|
"web-types.lit.json"
|
|
53
53
|
],
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "c979f7ca278b6412095176ada230eb07eb4456bf"
|
|
55
55
|
}
|
|
@@ -29,6 +29,21 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
|
|
|
29
29
|
* `focus-ring` | Set when the element is focused using the keyboard.
|
|
30
30
|
* `focused` | Set when the element is focused.
|
|
31
31
|
*
|
|
32
|
+
* The following custom CSS properties are available for styling:
|
|
33
|
+
*
|
|
34
|
+
* Custom CSS property |
|
|
35
|
+
* :------------------------------------------|
|
|
36
|
+
* | `--vaadin-details-summary-background` |
|
|
37
|
+
* | `--vaadin-details-summary-border-color` |
|
|
38
|
+
* | `--vaadin-details-summary-border-radius` |
|
|
39
|
+
* | `--vaadin-details-summary-border-width` |
|
|
40
|
+
* | `--vaadin-details-summary-font-size` |
|
|
41
|
+
* | `--vaadin-details-summary-font-weight` |
|
|
42
|
+
* | `--vaadin-details-summary-gap` |
|
|
43
|
+
* | `--vaadin-details-summary-height` |
|
|
44
|
+
* | `--vaadin-details-summary-padding` |
|
|
45
|
+
* | `--vaadin-details-summary-text-color` |
|
|
46
|
+
*
|
|
32
47
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
33
48
|
*/
|
|
34
49
|
declare class DetailsSummary extends ButtonMixin(DirMixin(ThemableMixin(HTMLElement))) {
|
|
@@ -34,6 +34,21 @@ import { detailsSummary } from './styles/vaadin-details-summary-base-styles.js';
|
|
|
34
34
|
* `focus-ring` | Set when the element is focused using the keyboard.
|
|
35
35
|
* `focused` | Set when the element is focused.
|
|
36
36
|
*
|
|
37
|
+
* The following custom CSS properties are available for styling:
|
|
38
|
+
*
|
|
39
|
+
* Custom CSS property |
|
|
40
|
+
* :------------------------------------------|
|
|
41
|
+
* | `--vaadin-details-summary-background` |
|
|
42
|
+
* | `--vaadin-details-summary-border-color` |
|
|
43
|
+
* | `--vaadin-details-summary-border-radius` |
|
|
44
|
+
* | `--vaadin-details-summary-border-width` |
|
|
45
|
+
* | `--vaadin-details-summary-font-size` |
|
|
46
|
+
* | `--vaadin-details-summary-font-weight` |
|
|
47
|
+
* | `--vaadin-details-summary-gap` |
|
|
48
|
+
* | `--vaadin-details-summary-height` |
|
|
49
|
+
* | `--vaadin-details-summary-padding` |
|
|
50
|
+
* | `--vaadin-details-summary-text-color` |
|
|
51
|
+
*
|
|
37
52
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
38
53
|
*
|
|
39
54
|
* @customElement
|
package/web-types.json
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
{
|
|
2
2
|
"$schema": "https://json.schemastore.org/web-types",
|
|
3
3
|
"name": "@vaadin/details",
|
|
4
|
-
"version": "25.0.0
|
|
4
|
+
"version": "25.0.0",
|
|
5
5
|
"description-markup": "markdown",
|
|
6
6
|
"contributions": {
|
|
7
7
|
"html": {
|
|
8
8
|
"elements": [
|
|
9
9
|
{
|
|
10
10
|
"name": "vaadin-details-summary",
|
|
11
|
-
"description": "The details summary element.\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n-----------|-------------------\n`toggle` | The icon element\n`content` | The content wrapper\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-------------| -----------\n`active` | Set when the element is pressed down, either with mouse, touch or the keyboard.\n`opened` | Set when the element is expanded and related collapsible content is visible.\n`disabled` | Set when the element is disabled.\n`focus-ring` | Set when the element is focused using the keyboard.\n`focused` | Set when the element is focused.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
11
|
+
"description": "The details summary element.\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n-----------|-------------------\n`toggle` | The icon element\n`content` | The content wrapper\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-------------| -----------\n`active` | Set when the element is pressed down, either with mouse, touch or the keyboard.\n`opened` | Set when the element is expanded and related collapsible content is visible.\n`disabled` | Set when the element is disabled.\n`focus-ring` | Set when the element is focused using the keyboard.\n`focused` | Set when the element is focused.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:------------------------------------------|\n| `--vaadin-details-summary-background` |\n| `--vaadin-details-summary-border-color` |\n| `--vaadin-details-summary-border-radius` |\n| `--vaadin-details-summary-border-width` |\n| `--vaadin-details-summary-font-size` |\n| `--vaadin-details-summary-font-weight` |\n| `--vaadin-details-summary-gap` |\n| `--vaadin-details-summary-height` |\n| `--vaadin-details-summary-padding` |\n| `--vaadin-details-summary-text-color` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
12
12
|
"attributes": [
|
|
13
13
|
{
|
|
14
14
|
"name": "disabled",
|
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/details",
|
|
4
|
-
"version": "25.0.0
|
|
4
|
+
"version": "25.0.0",
|
|
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-details-summary",
|
|
19
|
-
"description": "The details summary element.\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n-----------|-------------------\n`toggle` | The icon element\n`content` | The content wrapper\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-------------| -----------\n`active` | Set when the element is pressed down, either with mouse, touch or the keyboard.\n`opened` | Set when the element is expanded and related collapsible content is visible.\n`disabled` | Set when the element is disabled.\n`focus-ring` | Set when the element is focused using the keyboard.\n`focused` | Set when the element is focused.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
19
|
+
"description": "The details summary element.\n\n### Styling\n\nThe following shadow DOM parts are exposed for styling:\n\nPart name | Description\n-----------|-------------------\n`toggle` | The icon element\n`content` | The content wrapper\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n-------------| -----------\n`active` | Set when the element is pressed down, either with mouse, touch or the keyboard.\n`opened` | Set when the element is expanded and related collapsible content is visible.\n`disabled` | Set when the element is disabled.\n`focus-ring` | Set when the element is focused using the keyboard.\n`focused` | Set when the element is focused.\n\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:------------------------------------------|\n| `--vaadin-details-summary-background` |\n| `--vaadin-details-summary-border-color` |\n| `--vaadin-details-summary-border-radius` |\n| `--vaadin-details-summary-border-width` |\n| `--vaadin-details-summary-font-size` |\n| `--vaadin-details-summary-font-weight` |\n| `--vaadin-details-summary-gap` |\n| `--vaadin-details-summary-height` |\n| `--vaadin-details-summary-padding` |\n| `--vaadin-details-summary-text-color` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
20
20
|
"extension": true,
|
|
21
21
|
"attributes": [
|
|
22
22
|
{
|