Merge 7373aa30c5 into a9e63e0038

types/Tile/SelectableTile.d.ts

@@ -62,10 +62,11 @@ export default class SelectableTile {
     default: {};
   };
 
+  $on(eventname: "change", cb: (event: WindowEventMap["change"]) => void): () => void;
+  $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
   $on(eventname: "click", cb: (event: WindowEventMap["click"]) => void): () => void;
   $on(eventname: "mouseover", cb: (event: WindowEventMap["mouseover"]) => void): () => void;
   $on(eventname: "mouseenter", cb: (event: WindowEventMap["mouseenter"]) => void): () => void;
   $on(eventname: "mouseleave", cb: (event: WindowEventMap["mouseleave"]) => void): () => void;
-  $on(eventname: "keydown", cb: (event: WindowEventMap["keydown"]) => void): () => void;
   $on(eventname: string, cb: (event: Event) => void): () => void;
 }

types/Tile/SelectableTileGroup.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="svelte" />
+
+export interface SelectableTileGroupProps extends svelte.JSX.HTMLAttributes<HTMLElementTagNameMap["fieldset"]> {
+  /**
+   * Specify the selected tile's
+   * @default []
+   */
+  selectedValues?: any[];
+
+  /**
+   * Set to `true` to disable the tile group
+   * @default false
+   */
+  disabled?: boolean;
+
+  /**
+   * Specify the legend text
+   * @default ""
+   */
+  legend?: string;
+
+  /**
+   * Set to `true` to enable the light variant throughout the group
+   * @default false
+   */
+  light?: boolean;
+}
+
+export default class SelectableTileGroup {
+  $$prop_def: SelectableTileGroupProps;
+  $$slot_def: {
+    default: {};
+  };
+
+  $on(eventname: "select", cb: (event: CustomEvent<any>) => void): () => void;
+  $on(eventname: string, cb: (event: Event) => void): () => void;
+}

types/index.d.ts

@@ -123,6 +123,7 @@ export { default as ExpandableTile } from "./Tile/ExpandableTile";
 export { default as SelectableTile } from "./Tile/SelectableTile";
 export { default as RadioTile } from "./Tile/RadioTile";
 export { default as TileGroup } from "./Tile/TileGroup";
+export { default as SelectableTileGroup } from "./Tile/SelectableTileGroup";
 export { default as TimePicker } from "./TimePicker/TimePicker";
 export { default as TimePickerSelect } from "./TimePicker/TimePickerSelect";
 export { default as Toggle } from "./Toggle/Toggle";