@vaadin/tabs 25.3.0-alpha8 → 25.3.0-beta1

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 +1 -1
  2. package/package.json +10 -10
  3. package/src/vaadin-tab.d.ts +2 -0
  4. package/src/vaadin-tab.js +2 -0
  5. package/src/vaadin-tabs-mixin.js +2 -5
  6. package/web-types.json +2 -2
  7. package/web-types.lit.json +2 -2
package/custom-elements.json CHANGED
@@ -38,7 +38,7 @@
38
38
  "declarations": [
39
39
  {
40
40
  "kind": "class",
41
- "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.",
41
+ "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-radius` |\n| `--vaadin-tab-border-width` |\n| `--vaadin-tab-font-size` |\n| `--vaadin-tab-font-weight` |\n| `--vaadin-tab-gap` |\n| `--vaadin-tab-line-height` |\n| `--vaadin-tab-padding` |\n| `--vaadin-tab-text-color` |\n\nSee [Styling Components](https://vaadin.com/docs/latest/styling/styling-components) documentation.",
42
42
  "name": "Tab",
43
43
  "members": [
44
44
  {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@vaadin/tabs",
3
- "version": "25.3.0-alpha8",
3
+ "version": "25.3.0-beta1",
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-alpha8",
39
- "@vaadin/component-base": "25.3.0-alpha8",
40
- "@vaadin/item": "25.3.0-alpha8",
41
- "@vaadin/vaadin-themable-mixin": "25.3.0-alpha8",
38
+ "@vaadin/a11y-base": "25.3.0-beta1",
39
+ "@vaadin/component-base": "25.3.0-beta1",
40
+ "@vaadin/item": "25.3.0-beta1",
41
+ "@vaadin/vaadin-themable-mixin": "25.3.0-beta1",
42
42
  "lit": "^3.0.0"
43
43
  },
44
44
  "devDependencies": {
45
- "@vaadin/aura": "25.3.0-alpha8",
46
- "@vaadin/chai-plugins": "25.3.0-alpha8",
47
- "@vaadin/test-runner-commands": "25.3.0-alpha8",
45
+ "@vaadin/aura": "25.3.0-beta1",
46
+ "@vaadin/chai-plugins": "25.3.0-beta1",
47
+ "@vaadin/test-runner-commands": "25.3.0-beta1",
48
48
  "@vaadin/testing-helpers": "^2.0.0",
49
- "@vaadin/vaadin-lumo-styles": "25.3.0-alpha8",
49
+ "@vaadin/vaadin-lumo-styles": "25.3.0-beta1",
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": "ccbb4aaffb63c745c6da0426b532d4d05e47af29"
57
+ "gitHead": "295432e44a6967e1aff36462b2e3e1d0e64eb8cc"
58
58
  }
package/src/vaadin-tab.d.ts CHANGED
@@ -32,10 +32,12 @@ import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mix
32
32
  * :------------------------------|
33
33
  * | `--vaadin-tab-background` |
34
34
  * | `--vaadin-tab-border-color` |
35
+ * | `--vaadin-tab-border-radius` |
35
36
  * | `--vaadin-tab-border-width` |
36
37
  * | `--vaadin-tab-font-size` |
37
38
  * | `--vaadin-tab-font-weight` |
38
39
  * | `--vaadin-tab-gap` |
40
+ * | `--vaadin-tab-line-height` |
39
41
  * | `--vaadin-tab-padding` |
40
42
  * | `--vaadin-tab-text-color` |
41
43
  *
package/src/vaadin-tab.js CHANGED
@@ -38,10 +38,12 @@ import { tabStyles } from './styles/vaadin-tab-base-styles.js';
38
38
  * :------------------------------|
39
39
  * | `--vaadin-tab-background` |
40
40
  * | `--vaadin-tab-border-color` |
41
+ * | `--vaadin-tab-border-radius` |
41
42
  * | `--vaadin-tab-border-width` |
42
43
  * | `--vaadin-tab-font-size` |
43
44
  * | `--vaadin-tab-font-weight` |
44
45
  * | `--vaadin-tab-gap` |
46
+ * | `--vaadin-tab-line-height` |
45
47
  * | `--vaadin-tab-padding` |
46
48
  * | `--vaadin-tab-text-color` |
47
49
  *
package/src/vaadin-tabs-mixin.js CHANGED
@@ -5,6 +5,7 @@
5
5
  */
6
6
  import { ListMixin } from '@vaadin/a11y-base/src/list-mixin.js';
7
7
  import { getNormalizedScrollLeft } from '@vaadin/component-base/src/dir-utils.js';
8
+ import { setOrRemoveAttribute } from '@vaadin/component-base/src/dom-utils.js';
8
9
  import { ResizeMixin } from '@vaadin/component-base/src/resize-mixin.js';
9
10
 
10
11
  export const TabsMixin = (superClass) =>
@@ -195,10 +196,6 @@ export const TabsMixin = (superClass) =>
195
196
  });
196
197
  }
197
198
 
198
- if (overflow) {
199
- this.setAttribute('overflow', overflow.trim());
200
- } else {
201
- this.removeAttribute('overflow');
202
- }
199
+ setOrRemoveAttribute(this, 'overflow', overflow.trim());
203
200
  }
204
201
  };
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.3.0-alpha8",
4
+ "version": "25.3.0-beta1",
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\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.",
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-radius` |\n| `--vaadin-tab-border-width` |\n| `--vaadin-tab-font-size` |\n| `--vaadin-tab-font-weight` |\n| `--vaadin-tab-gap` |\n| `--vaadin-tab-line-height` |\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",
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.3.0-alpha8",
4
+ "version": "25.3.0-beta1",
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\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.",
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-radius` |\n| `--vaadin-tab-border-width` |\n| `--vaadin-tab-font-size` |\n| `--vaadin-tab-font-weight` |\n| `--vaadin-tab-gap` |\n| `--vaadin-tab-line-height` |\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
  {