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",

src/Tile/ExpandableTile.svelte

@@ -17,12 +17,6 @@
   /** Specify the icon text of the expanded tile */
   export let tileExpandedIconText = "Interact to collapse Tile";
 
-  /** Specify the icon label of the expanded tile */
-  export let tileExpandedLabel = "";
-
-  /** Specify the icon label of the collapsed tile */
-  export let tileCollapsedLabel = "";
-
   /** Specify the tabindex */
   export let tabindex = "0";
 
@@ -92,7 +86,6 @@
       </span>
     </div>
     <div class:bx--tile__chevron="{true}">
-      <span>{expanded ? tileExpandedLabel : tileCollapsedLabel}</span>
       <ChevronDown />
     </div>
     <div class:bx--tile-content="{true}">

tests/ExpandableTile.test.svelte

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