@vaadin/tabs 25.0.0-rc1 → 25.0.1
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-tab.d.ts +13 -0
- package/src/vaadin-tab.js +13 -0
- package/src/vaadin-tabs.d.ts +13 -0
- package/src/vaadin-tabs.js +13 -0
- package/web-types.json +3 -3
- package/web-types.lit.json +3 -3
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vaadin/tabs",
|
|
3
|
-
"version": "25.0.
|
|
3
|
+
"version": "25.0.1",
|
|
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.
|
|
38
|
-
"@vaadin/component-base": "25.0.
|
|
39
|
-
"@vaadin/item": "25.0.
|
|
40
|
-
"@vaadin/vaadin-themable-mixin": "25.0.
|
|
37
|
+
"@vaadin/a11y-base": "~25.0.1",
|
|
38
|
+
"@vaadin/component-base": "~25.0.1",
|
|
39
|
+
"@vaadin/item": "~25.0.1",
|
|
40
|
+
"@vaadin/vaadin-themable-mixin": "~25.0.1",
|
|
41
41
|
"lit": "^3.0.0"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@vaadin/chai-plugins": "25.0.
|
|
45
|
-
"@vaadin/test-runner-commands": "25.0.
|
|
44
|
+
"@vaadin/chai-plugins": "~25.0.1",
|
|
45
|
+
"@vaadin/test-runner-commands": "~25.0.1",
|
|
46
46
|
"@vaadin/testing-helpers": "^2.0.0",
|
|
47
|
-
"@vaadin/vaadin-lumo-styles": "25.0.
|
|
47
|
+
"@vaadin/vaadin-lumo-styles": "~25.0.1",
|
|
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": "ced28c07a8abee586510349b312452c8a555fd10"
|
|
55
55
|
}
|
package/src/vaadin-tab.d.ts
CHANGED
|
@@ -26,6 +26,19 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
|
|
|
26
26
|
* `orientation` | Set to `horizontal` or `vertical` depending on the direction of items
|
|
27
27
|
* `has-tooltip` | Set when the tab has a slotted tooltip
|
|
28
28
|
*
|
|
29
|
+
* The following custom CSS properties are available for styling:
|
|
30
|
+
*
|
|
31
|
+
* Custom CSS property |
|
|
32
|
+
* :------------------------------|
|
|
33
|
+
* | `--vaadin-tab-background` |
|
|
34
|
+
* | `--vaadin-tab-border-color` |
|
|
35
|
+
* | `--vaadin-tab-border-width` |
|
|
36
|
+
* | `--vaadin-tab-font-size` |
|
|
37
|
+
* | `--vaadin-tab-font-weight` |
|
|
38
|
+
* | `--vaadin-tab-gap` |
|
|
39
|
+
* | `--vaadin-tab-padding` |
|
|
40
|
+
* | `--vaadin-tab-text-color` |
|
|
41
|
+
*
|
|
29
42
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
30
43
|
*/
|
|
31
44
|
declare class Tab extends ElementMixin(ThemableMixin(ItemMixin(HTMLElement))) {}
|
package/src/vaadin-tab.js
CHANGED
|
@@ -32,6 +32,19 @@ import { tabStyles } from './styles/vaadin-tab-base-styles.js';
|
|
|
32
32
|
* `orientation` | Set to `horizontal` or `vertical` depending on the direction of items
|
|
33
33
|
* `has-tooltip` | Set when the tab has a slotted tooltip
|
|
34
34
|
*
|
|
35
|
+
* The following custom CSS properties are available for styling:
|
|
36
|
+
*
|
|
37
|
+
* Custom CSS property |
|
|
38
|
+
* :------------------------------|
|
|
39
|
+
* | `--vaadin-tab-background` |
|
|
40
|
+
* | `--vaadin-tab-border-color` |
|
|
41
|
+
* | `--vaadin-tab-border-width` |
|
|
42
|
+
* | `--vaadin-tab-font-size` |
|
|
43
|
+
* | `--vaadin-tab-font-weight` |
|
|
44
|
+
* | `--vaadin-tab-gap` |
|
|
45
|
+
* | `--vaadin-tab-padding` |
|
|
46
|
+
* | `--vaadin-tab-text-color` |
|
|
47
|
+
*
|
|
35
48
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
36
49
|
*
|
|
37
50
|
* @customElement
|
package/src/vaadin-tabs.d.ts
CHANGED
|
@@ -56,6 +56,19 @@ export interface TabsEventMap extends HTMLElementEventMap, TabsCustomEventMap {}
|
|
|
56
56
|
* `orientation` | Tabs disposition, valid values are `horizontal` and `vertical`
|
|
57
57
|
* `overflow` | It's set to `start`, `end`, none or both.
|
|
58
58
|
*
|
|
59
|
+
* The following custom CSS properties are available for styling:
|
|
60
|
+
*
|
|
61
|
+
* Custom CSS property |
|
|
62
|
+
* :--------------------------------|
|
|
63
|
+
* | `--vaadin-tabs-background` |
|
|
64
|
+
* | `--vaadin-tabs-border-color` |
|
|
65
|
+
* | `--vaadin-tabs-border-radius` |
|
|
66
|
+
* | `--vaadin-tabs-border-width` |
|
|
67
|
+
* | `--vaadin-tabs-font-size` |
|
|
68
|
+
* | `--vaadin-tabs-font-weight` |
|
|
69
|
+
* | `--vaadin-tabs-gap` |
|
|
70
|
+
* | `--vaadin-tabs-padding` |
|
|
71
|
+
*
|
|
59
72
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
60
73
|
*
|
|
61
74
|
* @fires {CustomEvent} items-changed - Fired when the `items` property changes.
|
package/src/vaadin-tabs.js
CHANGED
|
@@ -42,6 +42,19 @@ import { TabsMixin } from './vaadin-tabs-mixin.js';
|
|
|
42
42
|
* `orientation` | Tabs disposition, valid values are `horizontal` and `vertical`
|
|
43
43
|
* `overflow` | It's set to `start`, `end`, none or both.
|
|
44
44
|
*
|
|
45
|
+
* The following custom CSS properties are available for styling:
|
|
46
|
+
*
|
|
47
|
+
* Custom CSS property |
|
|
48
|
+
* :--------------------------------|
|
|
49
|
+
* | `--vaadin-tabs-background` |
|
|
50
|
+
* | `--vaadin-tabs-border-color` |
|
|
51
|
+
* | `--vaadin-tabs-border-radius` |
|
|
52
|
+
* | `--vaadin-tabs-border-width` |
|
|
53
|
+
* | `--vaadin-tabs-font-size` |
|
|
54
|
+
* | `--vaadin-tabs-font-weight` |
|
|
55
|
+
* | `--vaadin-tabs-gap` |
|
|
56
|
+
* | `--vaadin-tabs-padding` |
|
|
57
|
+
*
|
|
45
58
|
* See [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.
|
|
46
59
|
*
|
|
47
60
|
* @fires {CustomEvent} items-changed - Fired when the `items` property changes.
|
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": "25.0.
|
|
4
|
+
"version": "25.0.1",
|
|
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```html\n<vaadin-tab>Tab 1</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.",
|
|
11
|
+
"description": "`<vaadin-tab>` is a Web Component providing an accessible and customizable tab.\n\n```html\n<vaadin-tab>Tab 1</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\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:------------------------------|\n| `--vaadin-tab-background` |\n| `--vaadin-tab-border-color` |\n| `--vaadin-tab-border-width` |\n| `--vaadin-tab-font-size` |\n| `--vaadin-tab-font-weight` |\n| `--vaadin-tab-gap` |\n| `--vaadin-tab-padding` |\n| `--vaadin-tab-text-color` |\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```html\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.",
|
|
82
|
+
"description": "`<vaadin-tabs>` is a Web Component for organizing and grouping content into sections.\n\n```html\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\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------|\n| `--vaadin-tabs-background` |\n| `--vaadin-tabs-border-color` |\n| `--vaadin-tabs-border-radius` |\n| `--vaadin-tabs-border-width` |\n| `--vaadin-tabs-font-size` |\n| `--vaadin-tabs-font-weight` |\n| `--vaadin-tabs-gap` |\n| `--vaadin-tabs-padding` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
83
83
|
"attributes": [
|
|
84
84
|
{
|
|
85
85
|
"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/tabs",
|
|
4
|
-
"version": "25.0.
|
|
4
|
+
"version": "25.0.1",
|
|
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```html\n<vaadin-tab>Tab 1</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.",
|
|
19
|
+
"description": "`<vaadin-tab>` is a Web Component providing an accessible and customizable tab.\n\n```html\n<vaadin-tab>Tab 1</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\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:------------------------------|\n| `--vaadin-tab-background` |\n| `--vaadin-tab-border-color` |\n| `--vaadin-tab-border-width` |\n| `--vaadin-tab-font-size` |\n| `--vaadin-tab-font-weight` |\n| `--vaadin-tab-gap` |\n| `--vaadin-tab-padding` |\n| `--vaadin-tab-text-color` |\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```html\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.",
|
|
47
|
+
"description": "`<vaadin-tabs>` is a Web Component for organizing and grouping content into sections.\n\n```html\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\nThe following custom CSS properties are available for styling:\n\nCustom CSS property |\n:--------------------------------|\n| `--vaadin-tabs-background` |\n| `--vaadin-tabs-border-color` |\n| `--vaadin-tabs-border-radius` |\n| `--vaadin-tabs-border-width` |\n| `--vaadin-tabs-font-size` |\n| `--vaadin-tabs-font-weight` |\n| `--vaadin-tabs-gap` |\n| `--vaadin-tabs-padding` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
|
|
48
48
|
"extension": true,
|
|
49
49
|
"attributes": [
|
|
50
50
|
{
|