Revert RadioTile tabindex

COMPONENT_INDEX.md

@@ -2694,8 +2694,7 @@ None.
 ### Props
 
 | Prop name       | Kind             | Reactive | Type                 | Default value                                    | Description                                              |
-| :-------------- | :--------------- | :------- | :---------------------------------------- | ------------------------------------------------ | -------------------------------------------------------- |
+| :-------------- | :--------------- | :------- | :------------------- | ------------------------------------------------ | -------------------------------------------------------- |
-| ref             | <code>let</code> | Yes      | <code>null &#124; HTMLInputElement</code> | <code>null</code>                                | Obtain a reference to the input HTML element             |
 | checked         | <code>let</code> | Yes      | <code>boolean</code> | <code>false</code>                               | Set to `true` to check the tile                          |
 | light           | <code>let</code> | No       | <code>boolean</code> | <code>false</code>                               | Set to `true` to enable the light variant                |
 | value           | <code>let</code> | No       | <code>string</code>  | <code>""</code>                                  | Specify the value of the radio input                     |

docs/src/COMPONENT_API.json

@@ -8691,16 +8691,6 @@
           "isFunction": false,
           "constant": false,
           "reactive": false
-        },
-        {
-          "name": "ref",
-          "kind": "let",
-          "description": "Obtain a reference to the input HTML element",
-          "type": "null | HTMLInputElement",
-          "value": "null",
-          "isFunction": false,
-          "constant": false,
-          "reactive": true
         }
       ],
       "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],

src/Tile/RadioTile.svelte

@@ -20,9 +20,6 @@
   /** Specify a name attribute for the input */
   export let name = "";
 
-  /** Obtain a reference to the input HTML element */
-  export let ref = null;
-
   import { getContext } from "svelte";
   import CheckmarkFilled16 from "carbon-icons-svelte/lib/CheckmarkFilled16";
 
@@ -34,13 +31,12 @@
 </script>
 
 <input
-  bind:this="{ref}"
   type="radio"
   id="{id}"
   name="{name}"
   value="{value}"
   checked="{checked}"
-  tabindex="-1"
+  tabindex="{tabindex}"
   class:bx--tile-input="{true}"
   on:change
   on:change="{() => {
@@ -56,7 +52,6 @@
 />
 <label
   for="{id}"
-  tabindex="{tabindex}"
   class:bx--tile="{true}"
   class:bx--tile--selectable="{true}"
   class:bx--tile--is-selected="{checked}"

types/Tile/RadioTile.d.ts

@@ -42,12 +42,6 @@ export interface RadioTileProps extends svelte.JSX.HTMLAttributes<HTMLElementTag
    * @default ""
    */
   name?: string;
-
-  /**
-   * Obtain a reference to the input HTML element
-   * @default null
-   */
-  ref?: null | HTMLInputElement;
 }
 
 export default class RadioTile {