diff --git a/COMPONENT_INDEX.md b/COMPONENT_INDEX.md
index eb08c7fe..a16b2861 100644
--- a/COMPONENT_INDEX.md
+++ b/COMPONENT_INDEX.md
@@ -3320,13 +3320,13 @@ None.
### Props
-| Prop name | Kind | Reactive | Type | Default value | Description |
-| :-------- | :--------------- | :------- | :----------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------- |
-| ref | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
-| selected | let
| Yes | boolean
| false
| Set to `true` for the switch to be selected |
-| text | let
| No | string
| "Provide text"
| Specify the switch text
Alternatively, use the named slot "text" (e.g., <span slot="text">...</span>) |
-| disabled | let
| No | boolean
| false
| Set to `true` to disable the switch |
-| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the button element |
+| Prop name | Kind | Reactive | Type | Default value | Description |
+| :-------- | :--------------- | :------- | :----------------------------------------- | ------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------- |
+| ref | let
| Yes | null | HTMLButtonElement
| null
| Obtain a reference to the button HTML element |
+| selected | let
| Yes | boolean
| false
| Set to `true` for the switch to be selected |
+| text | let
| No | string
| "Provide text"
| Specify the switch text
Alternatively, use the "text" slot (e.g., <span slot="text">...</span>) |
+| disabled | let
| No | boolean
| false
| Set to `true` to disable the switch |
+| id | let
| No | string
| "ccs-" + Math.random().toString(36)
| Set an id for the button element |
### Slots
diff --git a/docs/src/COMPONENT_API.json b/docs/src/COMPONENT_API.json
index 7cfeb99f..3dd59018 100644
--- a/docs/src/COMPONENT_API.json
+++ b/docs/src/COMPONENT_API.json
@@ -911,7 +911,7 @@
{
"name": "text",
"kind": "let",
- "description": "Specify the switch text\nAlternatively, use the named slot \"text\" (e.g., ...)",
+ "description": "Specify the switch text\nAlternatively, use the \"text\" slot (e.g., ...)",
"type": "string",
"value": "\"Provide text\"",
"isFunction": false,
diff --git a/src/ContentSwitcher/ContentSwitcher.svelte b/src/ContentSwitcher/ContentSwitcher.svelte
index ed13d4e2..cb85c7fa 100644
--- a/src/ContentSwitcher/ContentSwitcher.svelte
+++ b/src/ContentSwitcher/ContentSwitcher.svelte
@@ -64,8 +64,9 @@
role="tablist"
class:bx--content-switcher="{true}"
class:bx--content-switcher--light="{light}"
+ class:bx--content-switcher--sm="{size === 'sm'}"
+ class:bx--content-switcher--xl="{size === 'xl'}"
{...$$restProps}
- class="{size && `bx--content-switcher--${size}`} {$$restProps.class}"
on:click
on:mouseover
on:mouseenter
diff --git a/src/ContentSwitcher/Switch.svelte b/src/ContentSwitcher/Switch.svelte
index e695b7c6..d3d75396 100644
--- a/src/ContentSwitcher/Switch.svelte
+++ b/src/ContentSwitcher/Switch.svelte
@@ -1,7 +1,7 @@