@vaadin/accordion 25.3.0-alpha6 → 25.3.0-alpha8

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 +71 -50
  2. package/package.json +10 -10
  3. package/src/vaadin-accordion-heading.js +1 -0
  4. package/src/vaadin-accordion-panel.js +1 -0
  5. package/src/vaadin-accordion.js +1 -0
  6. package/web-types.json +5 -11
  7. package/web-types.lit.json +2 -2
package/custom-elements.json CHANGED
@@ -101,6 +101,13 @@
101
101
  },
102
102
  "description": "When true, the element is opened.",
103
103
  "fieldName": "opened"
104
+ },
105
+ {
106
+ "type": {
107
+ "text": "string"
108
+ },
109
+ "description": "The theme variants to apply to the component.",
110
+ "name": "theme"
104
111
  }
105
112
  ],
106
113
  "mixins": [
@@ -443,30 +450,6 @@
443
450
  "name": "opened-changed"
444
451
  }
445
452
  ],
446
- "mixins": [
447
- {
448
- "name": "AccordionPanelMixin",
449
- "module": "src/vaadin-accordion-panel-mixin.js"
450
- },
451
- {
452
- "name": "ThemableMixin",
453
- "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
454
- },
455
- {
456
- "name": "PolylitMixin",
457
- "package": "@vaadin/component-base/src/polylit-mixin.js"
458
- },
459
- {
460
- "name": "LumoInjectionMixin",
461
- "package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
462
- }
463
- ],
464
- "superclass": {
465
- "name": "LitElement",
466
- "package": "lit"
467
- },
468
- "tagName": "vaadin-accordion-panel",
469
- "customElement": true,
470
453
  "attributes": [
471
454
  {
472
455
  "name": "autofocus",
@@ -515,8 +498,39 @@
515
498
  "name": "AccordionPanelMixin",
516
499
  "module": "src/vaadin-accordion-panel-mixin.js"
517
500
  }
501
+ },
502
+ {
503
+ "type": {
504
+ "text": "string"
505
+ },
506
+ "description": "The theme variants to apply to the component.",
507
+ "name": "theme"
518
508
  }
519
- ]
509
+ ],
510
+ "mixins": [
511
+ {
512
+ "name": "AccordionPanelMixin",
513
+ "module": "src/vaadin-accordion-panel-mixin.js"
514
+ },
515
+ {
516
+ "name": "ThemableMixin",
517
+ "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
518
+ },
519
+ {
520
+ "name": "PolylitMixin",
521
+ "package": "@vaadin/component-base/src/polylit-mixin.js"
522
+ },
523
+ {
524
+ "name": "LumoInjectionMixin",
525
+ "package": "@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js"
526
+ }
527
+ ],
528
+ "superclass": {
529
+ "name": "LitElement",
530
+ "package": "lit"
531
+ },
532
+ "tagName": "vaadin-accordion-panel",
533
+ "customElement": true
520
534
  }
521
535
  ],
522
536
  "exports": [
@@ -599,30 +613,6 @@
599
613
  "name": "opened-changed"
600
614
  }
601
615
  ],
602
- "mixins": [
603
- {
604
- "name": "AccordionMixin",
605
- "module": "src/vaadin-accordion-mixin.js"
606
- },
607
- {
608
- "name": "ThemableMixin",
609
- "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
610
- },
611
- {
612
- "name": "ElementMixin",
613
- "package": "@vaadin/component-base/src/element-mixin.js"
614
- },
615
- {
616
- "name": "PolylitMixin",
617
- "package": "@vaadin/component-base/src/polylit-mixin.js"
618
- }
619
- ],
620
- "superclass": {
621
- "name": "LitElement",
622
- "package": "lit"
623
- },
624
- "tagName": "vaadin-accordion",
625
- "customElement": true,
626
616
  "attributes": [
627
617
  {
628
618
  "name": "heading-level",
@@ -647,8 +637,39 @@
647
637
  "name": "AccordionMixin",
648
638
  "module": "src/vaadin-accordion-mixin.js"
649
639
  }
640
+ },
641
+ {
642
+ "type": {
643
+ "text": "string"
644
+ },
645
+ "description": "The theme variants to apply to the component.",
646
+ "name": "theme"
650
647
  }
651
- ]
648
+ ],
649
+ "mixins": [
650
+ {
651
+ "name": "AccordionMixin",
652
+ "module": "src/vaadin-accordion-mixin.js"
653
+ },
654
+ {
655
+ "name": "ThemableMixin",
656
+ "package": "@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js"
657
+ },
658
+ {
659
+ "name": "ElementMixin",
660
+ "package": "@vaadin/component-base/src/element-mixin.js"
661
+ },
662
+ {
663
+ "name": "PolylitMixin",
664
+ "package": "@vaadin/component-base/src/polylit-mixin.js"
665
+ }
666
+ ],
667
+ "superclass": {
668
+ "name": "LitElement",
669
+ "package": "lit"
670
+ },
671
+ "tagName": "vaadin-accordion",
672
+ "customElement": true
652
673
  }
653
674
  ],
654
675
  "exports": [
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/accordion",
3
- "version": "25.3.0-alpha6",
3
+ "version": "25.3.0-alpha8",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -35,18 +35,18 @@
35
35
  ],
36
36
  "dependencies": {
37
37
  "@open-wc/dedupe-mixin": "^1.3.0",
38
- "@vaadin/a11y-base": "25.3.0-alpha6",
39
- "@vaadin/component-base": "25.3.0-alpha6",
40
- "@vaadin/details": "25.3.0-alpha6",
41
- "@vaadin/vaadin-themable-mixin": "25.3.0-alpha6",
38
+ "@vaadin/a11y-base": "25.3.0-alpha8",
39
+ "@vaadin/component-base": "25.3.0-alpha8",
40
+ "@vaadin/details": "25.3.0-alpha8",
41
+ "@vaadin/vaadin-themable-mixin": "25.3.0-alpha8",
42
42
  "lit": "^3.0.0"
43
43
  },
44
44
  "devDependencies": {
45
- "@vaadin/aura": "25.3.0-alpha6",
46
- "@vaadin/chai-plugins": "25.3.0-alpha6",
47
- "@vaadin/test-runner-commands": "25.3.0-alpha6",
45
+ "@vaadin/aura": "25.3.0-alpha8",
46
+ "@vaadin/chai-plugins": "25.3.0-alpha8",
47
+ "@vaadin/test-runner-commands": "25.3.0-alpha8",
48
48
  "@vaadin/testing-helpers": "^2.0.0",
49
- "@vaadin/vaadin-lumo-styles": "25.3.0-alpha6",
49
+ "@vaadin/vaadin-lumo-styles": "25.3.0-alpha8",
50
50
  "sinon": "^22.0.0"
51
51
  },
52
52
  "customElements": "custom-elements.json",
@@ -54,5 +54,5 @@
54
54
  "web-types.json",
55
55
  "web-types.lit.json"
56
56
  ],
57
- "gitHead": "92c124fb9cff367bc07e734d8e65707facd0bd43"
57
+ "gitHead": "ccbb4aaffb63c745c6da0426b532d4d05e47af29"
58
58
  }
package/src/vaadin-accordion-heading.js CHANGED
@@ -60,6 +60,7 @@ import { accordionHeading } from './styles/vaadin-accordion-heading-base-styles.
60
60
  *
61
61
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
62
62
  *
63
+ * @attr {string} theme - The theme variants to apply to the component.
63
64
  * @customElement vaadin-accordion-heading
64
65
  * @extends HTMLElement
65
66
  */
package/src/vaadin-accordion-panel.js CHANGED
@@ -37,6 +37,7 @@ import { AccordionPanelMixin } from './vaadin-accordion-panel-mixin.js';
37
37
  *
38
38
  * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.
39
39
  *
40
+ * @attr {string} theme - The theme variants to apply to the component.
40
41
  * @customElement vaadin-accordion-panel
41
42
  * @extends HTMLElement
42
43
  */
package/src/vaadin-accordion.js CHANGED
@@ -49,6 +49,7 @@ import { AccordionMixin } from './vaadin-accordion-mixin.js';
49
49
  * @fires {CustomEvent} items-changed - Fired when the `items` property changes.
50
50
  * @fires {CustomEvent} opened-changed - Fired when the `opened` property changes.
51
51
  *
52
+ * @attr {string} theme - The theme variants to apply to the component.
52
53
  * @customElement vaadin-accordion
53
54
  * @extends HTMLElement
54
55
  */
package/web-types.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/accordion",
4
- "version": "25.3.0-alpha6",
4
+ "version": "25.3.0-alpha8",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
@@ -33,9 +33,7 @@
33
33
  "description": "The theme variants to apply to the component.",
34
34
  "value": {
35
35
  "type": [
36
- "string",
37
- "null",
38
- "undefined"
36
+ "string"
39
37
  ]
40
38
  }
41
39
  }
@@ -109,9 +107,7 @@
109
107
  "description": "The theme variants to apply to the component.",
110
108
  "value": {
111
109
  "type": [
112
- "string",
113
- "null",
114
- "undefined"
110
+ "string"
115
111
  ]
116
112
  }
117
113
  }
@@ -165,7 +161,7 @@
165
161
  },
166
162
  {
167
163
  "name": "vaadin-accordion",
168
- "description": "`<vaadin-accordion>` is a Web Component implementing accordion widget:\na vertically stacked set of expandable panels. The component should be\nused as a wrapper for two or more `<vaadin-accordion-panel>` components.\n\nPanel headings function as controls that enable users to open (expand)\nor hide (collapse) their associated sections of content. The user can\ntoggle panels by mouse click, Enter and Space keys.\n\nOnly one panel can be opened at a time, opening a new one forces\nprevious panel to close and hide its content.\n\n```html\n<vaadin-accordion>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 1</vaadin-accordion-heading>\n <div>This panel is opened, so the text is visible by default.</div>\n </vaadin-accordion-panel>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 2</vaadin-accordion-heading>\n <div>After opening this panel, the first one becomes closed.</div>\n </vaadin-accordion-panel>\n</vaadin-accordion>\n```\n\n### Styling\n\nAccordion does not have own stylable shadow parts or state attributes. Instead, apply styles to\nthe following components:\n\n- [`<vaadin-accordion-heading>`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-alpha6/#/elements/vaadin-accordion-heading)\n- [`<vaadin-accordion-panel>`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-alpha6/#/elements/vaadin-accordion-panel)\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
164
+ "description": "`<vaadin-accordion>` is a Web Component implementing accordion widget:\na vertically stacked set of expandable panels. The component should be\nused as a wrapper for two or more `<vaadin-accordion-panel>` components.\n\nPanel headings function as controls that enable users to open (expand)\nor hide (collapse) their associated sections of content. The user can\ntoggle panels by mouse click, Enter and Space keys.\n\nOnly one panel can be opened at a time, opening a new one forces\nprevious panel to close and hide its content.\n\n```html\n<vaadin-accordion>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 1</vaadin-accordion-heading>\n <div>This panel is opened, so the text is visible by default.</div>\n </vaadin-accordion-panel>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 2</vaadin-accordion-heading>\n <div>After opening this panel, the first one becomes closed.</div>\n </vaadin-accordion-panel>\n</vaadin-accordion>\n```\n\n### Styling\n\nAccordion does not have own stylable shadow parts or state attributes. Instead, apply styles to\nthe following components:\n\n- [`<vaadin-accordion-heading>`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-alpha8/#/elements/vaadin-accordion-heading)\n- [`<vaadin-accordion-panel>`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-alpha8/#/elements/vaadin-accordion-panel)\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
169
165
  "attributes": [
170
166
  {
171
167
  "name": "heading-level",
@@ -190,9 +186,7 @@
190
186
  "description": "The theme variants to apply to the component.",
191
187
  "value": {
192
188
  "type": [
193
- "string",
194
- "null",
195
- "undefined"
189
+ "string"
196
190
  ]
197
191
  }
198
192
  }
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/accordion",
4
- "version": "25.3.0-alpha6",
4
+ "version": "25.3.0-alpha8",
5
5
  "description-markup": "markdown",
6
6
  "framework": "lit",
7
7
  "framework-config": {
@@ -79,7 +79,7 @@
79
79
  },
80
80
  {
81
81
  "name": "vaadin-accordion",
82
- "description": "`<vaadin-accordion>` is a Web Component implementing accordion widget:\na vertically stacked set of expandable panels. The component should be\nused as a wrapper for two or more `<vaadin-accordion-panel>` components.\n\nPanel headings function as controls that enable users to open (expand)\nor hide (collapse) their associated sections of content. The user can\ntoggle panels by mouse click, Enter and Space keys.\n\nOnly one panel can be opened at a time, opening a new one forces\nprevious panel to close and hide its content.\n\n```html\n<vaadin-accordion>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 1</vaadin-accordion-heading>\n <div>This panel is opened, so the text is visible by default.</div>\n </vaadin-accordion-panel>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 2</vaadin-accordion-heading>\n <div>After opening this panel, the first one becomes closed.</div>\n </vaadin-accordion-panel>\n</vaadin-accordion>\n```\n\n### Styling\n\nAccordion does not have own stylable shadow parts or state attributes. Instead, apply styles to\nthe following components:\n\n- [`<vaadin-accordion-heading>`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-alpha6/#/elements/vaadin-accordion-heading)\n- [`<vaadin-accordion-panel>`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-alpha6/#/elements/vaadin-accordion-panel)\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
82
+ "description": "`<vaadin-accordion>` is a Web Component implementing accordion widget:\na vertically stacked set of expandable panels. The component should be\nused as a wrapper for two or more `<vaadin-accordion-panel>` components.\n\nPanel headings function as controls that enable users to open (expand)\nor hide (collapse) their associated sections of content. The user can\ntoggle panels by mouse click, Enter and Space keys.\n\nOnly one panel can be opened at a time, opening a new one forces\nprevious panel to close and hide its content.\n\n```html\n<vaadin-accordion>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 1</vaadin-accordion-heading>\n <div>This panel is opened, so the text is visible by default.</div>\n </vaadin-accordion-panel>\n <vaadin-accordion-panel>\n <vaadin-accordion-heading slot=\"summary\">Panel 2</vaadin-accordion-heading>\n <div>After opening this panel, the first one becomes closed.</div>\n </vaadin-accordion-panel>\n</vaadin-accordion>\n```\n\n### Styling\n\nAccordion does not have own stylable shadow parts or state attributes. Instead, apply styles to\nthe following components:\n\n- [`<vaadin-accordion-heading>`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-alpha8/#/elements/vaadin-accordion-heading)\n- [`<vaadin-accordion-panel>`](https://cdn.vaadin.com/vaadin-web-components/25.3.0-alpha8/#/elements/vaadin-accordion-panel)\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
83
83
  "extension": true,
84
84
  "attributes": [
85
85
  {