@vaadin/tabs 24.9.0-alpha2 → 24.9.0-beta2

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/tabs",
3
- "version": "24.9.0-alpha2",
3
+ "version": "24.9.0-beta2",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },
@@ -37,17 +37,17 @@
37
37
  "dependencies": {
38
38
  "@open-wc/dedupe-mixin": "^1.3.0",
39
39
  "@polymer/polymer": "^3.0.0",
40
- "@vaadin/a11y-base": "24.9.0-alpha2",
41
- "@vaadin/component-base": "24.9.0-alpha2",
42
- "@vaadin/item": "24.9.0-alpha2",
43
- "@vaadin/vaadin-lumo-styles": "24.9.0-alpha2",
44
- "@vaadin/vaadin-material-styles": "24.9.0-alpha2",
45
- "@vaadin/vaadin-themable-mixin": "24.9.0-alpha2",
40
+ "@vaadin/a11y-base": "24.9.0-beta2",
41
+ "@vaadin/component-base": "24.9.0-beta2",
42
+ "@vaadin/item": "24.9.0-beta2",
43
+ "@vaadin/vaadin-lumo-styles": "24.9.0-beta2",
44
+ "@vaadin/vaadin-material-styles": "24.9.0-beta2",
45
+ "@vaadin/vaadin-themable-mixin": "24.9.0-beta2",
46
46
  "lit": "^3.0.0"
47
47
  },
48
48
  "devDependencies": {
49
- "@vaadin/chai-plugins": "24.9.0-alpha2",
50
- "@vaadin/test-runner-commands": "24.9.0-alpha2",
49
+ "@vaadin/chai-plugins": "24.9.0-beta2",
50
+ "@vaadin/test-runner-commands": "24.9.0-beta2",
51
51
  "@vaadin/testing-helpers": "^1.1.0",
52
52
  "sinon": "^18.0.0"
53
53
  },
@@ -55,5 +55,5 @@
55
55
  "web-types.json",
56
56
  "web-types.lit.json"
57
57
  ],
58
- "gitHead": "dd99dece1b54942ab0e421892b089e506822c5f5"
58
+ "gitHead": "cf8def153fcf724b305f9ad823dc9af27e31ad07"
59
59
  }
@@ -19,14 +19,15 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
19
19
  *
20
20
  * The following state attributes are available for styling:
21
21
  *
22
- * Attribute | Description | Part name
23
- * -----------|-------------|------------
24
- * `disabled` | Set to a disabled tab | :host
25
- * `focused` | Set when the element is focused | :host
26
- * `focus-ring` | Set when the element is keyboard focused | :host
27
- * `selected` | Set when the tab is selected | :host
28
- * `active` | Set when mousedown or enter/spacebar pressed | :host
29
- * `orientation` | Set to `horizontal` or `vertical` depending on the direction of items | :host
22
+ * Attribute | Description
23
+ * ---------------|---------------------------------
24
+ * `disabled` | Set when the element is disabled
25
+ * `focused` | Set when the element is focused
26
+ * `focus-ring` | Set when the element is keyboard focused
27
+ * `selected` | Set when the tab is selected
28
+ * `active` | Set when mousedown or enter/spacebar pressed
29
+ * `orientation` | Set to `horizontal` or `vertical` depending on the direction of items
30
+ * `has-tooltip` | Set when the tab has a slotted tooltip
30
31
  *
31
32
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
32
33
  */
package/src/vaadin-tab.js CHANGED
@@ -25,14 +25,15 @@ registerStyles('vaadin-tab', tabStyles, { moduleId: 'vaadin-tab-styles' });
25
25
  *
26
26
  * The following state attributes are available for styling:
27
27
  *
28
- * Attribute | Description | Part name
29
- * -----------|-------------|------------
30
- * `disabled` | Set to a disabled tab | :host
31
- * `focused` | Set when the element is focused | :host
32
- * `focus-ring` | Set when the element is keyboard focused | :host
33
- * `selected` | Set when the tab is selected | :host
34
- * `active` | Set when mousedown or enter/spacebar pressed | :host
35
- * `orientation` | Set to `horizontal` or `vertical` depending on the direction of items | :host
28
+ * Attribute | Description
29
+ * ---------------|---------------------------------
30
+ * `disabled` | Set when the element is disabled
31
+ * `focused` | Set when the element is focused
32
+ * `focus-ring` | Set when the element is keyboard focused
33
+ * `selected` | Set when the tab is selected
34
+ * `active` | Set when mousedown or enter/spacebar pressed
35
+ * `orientation` | Set to `horizontal` or `vertical` depending on the direction of items
36
+ * `has-tooltip` | Set when the tab has a slotted tooltip
36
37
  *
37
38
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
38
39
  *
@@ -51,10 +51,10 @@ export interface TabsEventMap extends HTMLElementEventMap, TabsCustomEventMap {}
51
51
  *
52
52
  * The following state attributes are available for styling:
53
53
  *
54
- * Attribute | Description | Part name
55
- * -----------|-------------|------------
56
- * `orientation` | Tabs disposition, valid values are `horizontal` and `vertical`. | :host
57
- * `overflow` | It's set to `start`, `end`, none or both. | :host
54
+ * Attribute | Description
55
+ * ---------------|--------------------------------------
56
+ * `orientation` | Tabs disposition, valid values are `horizontal` and `vertical`
57
+ * `overflow` | It's set to `start`, `end`, none or both.
58
58
  *
59
59
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
60
60
  *
@@ -37,10 +37,10 @@ registerStyles('vaadin-tabs', tabsStyles, { moduleId: 'vaadin-tabs-styles' });
37
37
  *
38
38
  * The following state attributes are available for styling:
39
39
  *
40
- * Attribute | Description | Part name
41
- * -----------|-------------|------------
42
- * `orientation` | Tabs disposition, valid values are `horizontal` and `vertical`. | :host
43
- * `overflow` | It's set to `start`, `end`, none or both. | :host
40
+ * Attribute | Description
41
+ * ---------------|--------------------------------------
42
+ * `orientation` | Tabs disposition, valid values are `horizontal` and `vertical`
43
+ * `overflow` | It's set to `start`, `end`, none or both.
44
44
  *
45
45
  * See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
46
46
  *
package/web-types.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/tabs",
4
- "version": "24.9.0-alpha2",
4
+ "version": "24.9.0-beta2",
5
5
  "description-markup": "markdown",
6
6
  "contributions": {
7
7
  "html": {
8
8
  "elements": [
9
9
  {
10
10
  "name": "vaadin-tab",
11
- "description": "`<vaadin-tab>` is a Web Component providing an accessible and customizable tab.\n\n```\n <vaadin-tab>\n Tab 1\n </vaadin-tab>\n```\n\nThe following state attributes are available for styling:\n\nAttribute | Description | Part name\n-----------|-------------|------------\n`disabled` | Set to a disabled tab | :host\n`focused` | Set when the element is focused | :host\n`focus-ring` | Set when the element is keyboard focused | :host\n`selected` | Set when the tab is selected | :host\n`active` | Set when mousedown or enter/spacebar pressed | :host\n`orientation` | Set to `horizontal` or `vertical` depending on the direction of items | :host\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
11
+ "description": "`<vaadin-tab>` is a Web Component providing an accessible and customizable tab.\n\n```\n <vaadin-tab>\n Tab 1\n </vaadin-tab>\n```\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------|---------------------------------\n`disabled` | Set when the element is disabled\n`focused` | Set when the element is focused\n`focus-ring` | Set when the element is keyboard focused\n`selected` | Set when the tab is selected\n`active` | Set when mousedown or enter/spacebar pressed\n`orientation` | Set to `horizontal` or `vertical` depending on the direction of items\n`has-tooltip` | Set when the tab has a slotted tooltip\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
12
12
  "attributes": [
13
13
  {
14
14
  "name": "disabled",
@@ -79,7 +79,7 @@
79
79
  },
80
80
  {
81
81
  "name": "vaadin-tabs",
82
- "description": "`<vaadin-tabs>` is a Web Component for organizing and grouping content into sections.\n\n```\n <vaadin-tabs selected=\"4\">\n <vaadin-tab>Page 1</vaadin-tab>\n <vaadin-tab>Page 2</vaadin-tab>\n <vaadin-tab>Page 3</vaadin-tab>\n <vaadin-tab>Page 4</vaadin-tab>\n </vaadin-tabs>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n------------------|--------------------------------------\n`back-button` | Button for moving the scroll back\n`tabs` | The tabs container\n`forward-button` | Button for moving the scroll forward\n\nThe following state attributes are available for styling:\n\nAttribute | Description | Part name\n-----------|-------------|------------\n`orientation` | Tabs disposition, valid values are `horizontal` and `vertical`. | :host\n`overflow` | It's set to `start`, `end`, none or both. | :host\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
82
+ "description": "`<vaadin-tabs>` is a Web Component for organizing and grouping content into sections.\n\n```\n <vaadin-tabs selected=\"4\">\n <vaadin-tab>Page 1</vaadin-tab>\n <vaadin-tab>Page 2</vaadin-tab>\n <vaadin-tab>Page 3</vaadin-tab>\n <vaadin-tab>Page 4</vaadin-tab>\n </vaadin-tabs>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n------------------|--------------------------------------\n`back-button` | Button for moving the scroll back\n`tabs` | The tabs container\n`forward-button` | Button for moving the scroll forward\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------|--------------------------------------\n`orientation` | Tabs disposition, valid values are `horizontal` and `vertical`\n`overflow` | It's set to `start`, `end`, none or both.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
83
83
  "attributes": [
84
84
  {
85
85
  "name": "disabled",
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "$schema": "https://json.schemastore.org/web-types",
3
3
  "name": "@vaadin/tabs",
4
- "version": "24.9.0-alpha2",
4
+ "version": "24.9.0-beta2",
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-tab",
19
- "description": "`<vaadin-tab>` is a Web Component providing an accessible and customizable tab.\n\n```\n <vaadin-tab>\n Tab 1\n </vaadin-tab>\n```\n\nThe following state attributes are available for styling:\n\nAttribute | Description | Part name\n-----------|-------------|------------\n`disabled` | Set to a disabled tab | :host\n`focused` | Set when the element is focused | :host\n`focus-ring` | Set when the element is keyboard focused | :host\n`selected` | Set when the tab is selected | :host\n`active` | Set when mousedown or enter/spacebar pressed | :host\n`orientation` | Set to `horizontal` or `vertical` depending on the direction of items | :host\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
19
+ "description": "`<vaadin-tab>` is a Web Component providing an accessible and customizable tab.\n\n```\n <vaadin-tab>\n Tab 1\n </vaadin-tab>\n```\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------|---------------------------------\n`disabled` | Set when the element is disabled\n`focused` | Set when the element is focused\n`focus-ring` | Set when the element is keyboard focused\n`selected` | Set when the tab is selected\n`active` | Set when mousedown or enter/spacebar pressed\n`orientation` | Set to `horizontal` or `vertical` depending on the direction of items\n`has-tooltip` | Set when the tab has a slotted tooltip\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
20
20
  "extension": true,
21
21
  "attributes": [
22
22
  {
@@ -44,7 +44,7 @@
44
44
  },
45
45
  {
46
46
  "name": "vaadin-tabs",
47
- "description": "`<vaadin-tabs>` is a Web Component for organizing and grouping content into sections.\n\n```\n <vaadin-tabs selected=\"4\">\n <vaadin-tab>Page 1</vaadin-tab>\n <vaadin-tab>Page 2</vaadin-tab>\n <vaadin-tab>Page 3</vaadin-tab>\n <vaadin-tab>Page 4</vaadin-tab>\n </vaadin-tabs>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n------------------|--------------------------------------\n`back-button` | Button for moving the scroll back\n`tabs` | The tabs container\n`forward-button` | Button for moving the scroll forward\n\nThe following state attributes are available for styling:\n\nAttribute | Description | Part name\n-----------|-------------|------------\n`orientation` | Tabs disposition, valid values are `horizontal` and `vertical`. | :host\n`overflow` | It's set to `start`, `end`, none or both. | :host\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
47
+ "description": "`<vaadin-tabs>` is a Web Component for organizing and grouping content into sections.\n\n```\n <vaadin-tabs selected=\"4\">\n <vaadin-tab>Page 1</vaadin-tab>\n <vaadin-tab>Page 2</vaadin-tab>\n <vaadin-tab>Page 3</vaadin-tab>\n <vaadin-tab>Page 4</vaadin-tab>\n </vaadin-tabs>\n```\n\n### Styling\n\nThe following shadow DOM parts are available for styling:\n\nPart name | Description\n------------------|--------------------------------------\n`back-button` | Button for moving the scroll back\n`tabs` | The tabs container\n`forward-button` | Button for moving the scroll forward\n\nThe following state attributes are available for styling:\n\nAttribute | Description\n---------------|--------------------------------------\n`orientation` | Tabs disposition, valid values are `horizontal` and `vertical`\n`overflow` | It's set to `start`, `end`, none or both.\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
48
48
  "extension": true,
49
49
  "attributes": [
50
50
  {