diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md index fc22e2fe..9f2d2150 100644 --- a/COMPONENT_INDEX.md +++ b/COMPONENT_INDEX.md @@ -3942,8 +3942,6 @@ None. | Event name | Type | Detail | | :--------- | :--------- | :----- | -| keypress | forwarded | -- | -| click | forwarded | -- | | change | dispatched | -- | ## `TabsSkeleton` diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json index ce55e9ba..040ef8fd 100644 --- a/docs/src/COMPONENT_API.json +++ b/docs/src/COMPONENT_API.json @@ -11702,13 +11702,13 @@ } ], "events": [ - { "type": "forwarded", "name": "click", "element": "li" }, - { "type": "forwarded", "name": "mouseover", "element": "li" }, - { "type": "forwarded", "name": "mouseenter", "element": "li" }, - { "type": "forwarded", "name": "mouseleave", "element": "li" } + { "type": "forwarded", "name": "click", "element": "a" }, + { "type": "forwarded", "name": "mouseover", "element": "a" }, + { "type": "forwarded", "name": "mouseenter", "element": "a" }, + { "type": "forwarded", "name": "mouseleave", "element": "a" } ], "typedefs": [], - "rest_props": { "type": "Element", "name": "li" } + "rest_props": { "type": "Element", "name": "a" } }, { "moduleName": "TabContent", @@ -12086,11 +12086,7 @@ { "name": "__default__", "default": true, "slot_props": "{}" }, { "name": "content", "default": false, "slot_props": "{}" } ], - "events": [ - { "type": "forwarded", "name": "keypress", "element": "div" }, - { "type": "forwarded", "name": "click", "element": "a" }, - { "type": "dispatched", "name": "change" } - ], + "events": [{ "type": "dispatched", "name": "change" }], "typedefs": [], "rest_props": { "type": "Element", "name": "div" } }, diff --git a/src/Tabs/Tab.svelte b/src/Tabs/Tab.svelte index b99e50f9..04e11a35 100644 --- a/src/Tabs/Tab.svelte +++ b/src/Tabs/Tab.svelte @@ -30,12 +30,19 @@ - + {label} + diff --git a/src/Tabs/Tabs.svelte b/src/Tabs/Tabs.svelte index 73564a40..714ee499 100644 --- a/src/Tabs/Tabs.svelte +++ b/src/Tabs/Tabs.svelte @@ -125,39 +125,8 @@ class:bx--tabs--container="{type === 'container'}" {...$$restProps} > -
- - {#if currentTab}{currentTab.label}{/if} - -
- + diff --git a/src/Tabs/TabsSkeleton.svelte b/src/Tabs/TabsSkeleton.svelte index 2a05a693..505a744f 100644 --- a/src/Tabs/TabsSkeleton.svelte +++ b/src/Tabs/TabsSkeleton.svelte @@ -13,21 +13,18 @@
- +
diff --git a/types/Tabs/Tab.svelte.d.ts b/types/Tabs/Tab.svelte.d.ts index fd6601e6..a995166b 100644 --- a/types/Tabs/Tab.svelte.d.ts +++ b/types/Tabs/Tab.svelte.d.ts @@ -2,7 +2,7 @@ import type { SvelteComponentTyped } from "svelte"; export interface TabProps - extends svelte.JSX.HTMLAttributes { + extends svelte.JSX.HTMLAttributes { /** * Specify the tab label * Alternatively, use the default slot (e.g., Label) @@ -39,6 +39,30 @@ export interface TabProps * @default null */ ref?: null | HTMLAnchorElement; + + /** + * SvelteKit attribute to enable data prefetching + * if a link is hovered over or touched on mobile. + * @see https://kit.svelte.dev/docs/a-options#sveltekit-prefetch + * @default false + */ + "sveltekit:prefetch"?: boolean; + + /** + * SvelteKit attribute to trigger a full page + * reload after the link is clicked. + * @see https://kit.svelte.dev/docs/a-options#sveltekit-reload + * @default false + */ + "sveltekit:reload"?: boolean; + + /** + * SvelteKit attribute to prevent scrolling + * after the link is clicked. + * @see https://kit.svelte.dev/docs/a-options#sveltekit-noscroll + * @default false + */ + "sveltekit:noscroll"?: boolean; } export default class Tab extends SvelteComponentTyped< diff --git a/types/Tabs/Tabs.svelte.d.ts b/types/Tabs/Tabs.svelte.d.ts index 68ceffed..b9bfeabb 100644 --- a/types/Tabs/Tabs.svelte.d.ts +++ b/types/Tabs/Tabs.svelte.d.ts @@ -36,10 +36,6 @@ export interface TabsProps export default class Tabs extends SvelteComponentTyped< TabsProps, - { - keypress: WindowEventMap["keypress"]; - click: WindowEventMap["click"]; - change: CustomEvent; - }, + { change: CustomEvent }, { default: {}; content: {} } > {}