chore: v11 ExpandableTile

Note that state labels `tileCollapsedLabel` and `tileExpandedLabel` are no longer supported.

COMPONENT_INDEX.md

@@ -1224,8 +1224,6 @@ None.
 | light                 | No       | <code>let</code> | No       | <code>boolean</code>                       | <code>false</code>                               | Set to `true` to enable the light variant             |
 | tileCollapsedIconText | No       | <code>let</code> | No       | <code>string</code>                        | <code>"Interact to expand Tile"</code>           | Specify the icon text of the collapsed tile           |
 | tileExpandedIconText  | No       | <code>let</code> | No       | <code>string</code>                        | <code>"Interact to collapse Tile"</code>         | Specify the icon text of the expanded tile            |
-| tileExpandedLabel     | No       | <code>let</code> | No       | <code>string</code>                        | <code>""</code>                                  | Specify the icon label of the expanded tile           |
-| tileCollapsedLabel    | No       | <code>let</code> | No       | <code>string</code>                        | <code>""</code>                                  | Specify the icon label of the collapsed tile          |
 | tabindex              | No       | <code>let</code> | No       | <code>string</code>                        | <code>"0"</code>                                 | Specify the tabindex                                  |
 | id                    | No       | <code>let</code> | No       | <code>string</code>                        | <code>"ccs-" + Math.random().toString(36)</code> | Set an id for the top-level div element               |
 

docs/src/COMPONENT_API.json

@@ -3642,30 +3642,6 @@
           "constant": false,
           "reactive": false
         },
-        {
-          "name": "tileExpandedLabel",
-          "kind": "let",
-          "description": "Specify the icon label of the expanded tile",
-          "type": "string",
-          "value": "\"\"",
-          "isFunction": false,
-          "isFunctionDeclaration": false,
-          "isRequired": false,
-          "constant": false,
-          "reactive": false
-        },
-        {
-          "name": "tileCollapsedLabel",
-          "kind": "let",
-          "description": "Specify the icon label of the collapsed tile",
-          "type": "string",
-          "value": "\"\"",
-          "isFunction": false,
-          "isFunctionDeclaration": false,
-          "isRequired": false,
-          "constant": false,
-          "reactive": false
-        },
         {
           "name": "tabindex",
           "kind": "let",

docs/src/pages/components/ExpandableTile.svx

@@ -58,7 +58,7 @@ Set a custom height for the tiles on the "above" and "below" slots.
 For tiles containing interactive content, use `stopPropagation` to prevent the tile from toggling.
 
 <ExpandableTile tileExpandedLabel="View less" tileCollapsedLabel="View more">
-  <div slot="above">
+  <div slot="above" height="10rem">
     <a href="/" on:click|preventDefault|stopPropagation={() => console.log("Hello world")}>
       Native element
     </a>

tests/ExpandableTile.test.svelte

@@ -12,11 +12,7 @@
   <div slot="below" style="height: 10rem">Below the fold content here</div>
 </ExpandableTile>
 
-<ExpandableTile
-  light
-  tileExpandedLabel="View less"
-  tileCollapsedLabel="View more"
->
+<ExpandableTile light>
   <div slot="above" style="height: 10rem">Above the fold content here</div>
   <div slot="below" style="height: 10rem">Below the fold content here</div>
 </ExpandableTile>

types/Tile/ExpandableTile.svelte.d.ts

@@ -40,18 +40,6 @@ export interface ExpandableTileProps extends RestProps {
    */
   tileExpandedIconText?: string;
 
-  /**
-   * Specify the icon label of the expanded tile
-   * @default ""
-   */
-  tileExpandedLabel?: string;
-
-  /**
-   * Specify the icon label of the collapsed tile
-   * @default ""
-   */
-  tileCollapsedLabel?: string;
-
   /**
    * Specify the tabindex
    * @default "0"