Strip out RadioTileGroup

COMPONENT_INDEX.md

@@ -1,6 +1,6 @@
 # Component Index
 
-> 157 components exported from carbon-components-svelte@0.25.1.
+> 156 components exported from carbon-components-svelte@0.25.1.
 
 ## Components
 
@@ -97,7 +97,6 @@
 - [`RadioButtonGroup`](#radiobuttongroup)
 - [`RadioButtonSkeleton`](#radiobuttonskeleton)
 - [`RadioTile`](#radiotile)
-- [`RadioTileGroup`](#radiotilegroup)
 - [`Row`](#row)
 - [`Search`](#search)
 - [`SearchSkeleton`](#searchskeleton)
@@ -2723,28 +2722,6 @@ None.
 | mouseenter | forwarded | --     |
 | mouseleave | forwarded | --     |
 
-## `RadioTileGroup`
-
-### Props
-
-| Prop name     | Kind             | Reactive | Type                 | Default value      | Description                             |
-| :------------ | :--------------- | :------- | :------------------- | ------------------ | --------------------------------------- |
-| selectedValue | <code>let</code> | Yes      | <code>any</code>     | --                 | Specify the selected tile value         |
-| disabled      | <code>let</code> | No       | <code>boolean</code> | <code>false</code> | Set to `true` to disable the tile group |
-| legend        | <code>let</code> | No       | <code>string</code>  | <code>""</code>    | Specify the legend text                 |
-
-### Slots
-
-| Slot name | Default | Props | Fallback |
-| :-------- | :------ | :---- | :------- |
-| --        | Yes     | --    | --       |
-
-### Events
-
-| Event name | Type       | Detail |
-| :--------- | :--------- | :----- |
-| select     | dispatched | --     |
-
 ## `Row`
 
 ### Props

docs/src/COMPONENT_API.json

@@ -1,5 +1,5 @@
 {
-  "total": 157,
+  "total": 156,
   "components": [
     {
       "moduleName": "SkeletonText",
@@ -8764,45 +8764,6 @@
       "typedefs": [],
       "rest_props": { "type": "Element", "name": "fieldset" }
     },
-    {
-      "moduleName": "RadioTileGroup",
-      "filePath": "/src/Tile/RadioTileGroup.svelte",
-      "props": [
-        {
-          "name": "selectedValue",
-          "kind": "let",
-          "description": "Specify the selected tile value",
-          "type": "any",
-          "isFunction": false,
-          "constant": false,
-          "reactive": true
-        },
-        {
-          "name": "disabled",
-          "kind": "let",
-          "description": "Set to `true` to disable the tile group",
-          "type": "boolean",
-          "value": "false",
-          "isFunction": false,
-          "constant": false,
-          "reactive": false
-        },
-        {
-          "name": "legend",
-          "kind": "let",
-          "description": "Specify the legend text",
-          "type": "string",
-          "value": "\"\"",
-          "isFunction": false,
-          "constant": false,
-          "reactive": false
-        }
-      ],
-      "slots": [{ "name": "__default__", "default": true, "slot_props": "{}" }],
-      "events": [{ "type": "dispatched", "name": "select" }],
-      "typedefs": [],
-      "rest_props": { "type": "Element", "name": "fieldset" }
-    },
     {
       "moduleName": "SelectableTileGroup",
       "filePath": "/src/Tile/SelectableTileGroup.svelte",

docs/src/pages/components/RadioTile.svx

@@ -1,21 +1,16 @@
 ---
-components: ["RadioTileGroup", "RadioTile"]
+components: ["TileGroup", "RadioTile"]
 ---
 
 <script>
-  import { RadioTileGroup, RadioTile, InlineNotification } from "carbon-components-svelte";
+  import { TileGroup, RadioTile } from "carbon-components-svelte";
   import Preview from "../../components/Preview.svelte";
 </script>
 
-<InlineNotification svx-ignore title="Deprecation warning:" kind="warning" hideCloseButton>
-  <div>
-    The TileGroup component will be removed in favour of the RadioTileGroup component in the next major release.
-  </div>
-</InlineNotification>
 
 ### Default
 
-<RadioTileGroup legend="Service pricing tiers">
+<TileGroup legend="Service pricing tiers">
   <RadioTile value="0" checked>
     Lite plan
   </RadioTile>
@@ -25,11 +20,11 @@ components: ["RadioTileGroup", "RadioTile"]
   <RadioTile value="2">
     Plus plan
   </RadioTile>
-</RadioTileGroup>
+</TileGroup>
 
 ### Light variant
 
-<RadioTileGroup legend="Service pricing tiers">
+<TileGroup legend="Service pricing tiers">
   <RadioTile light value="0" checked>
     Lite plan
   </RadioTile>
@@ -39,4 +34,4 @@ components: ["RadioTileGroup", "RadioTile"]
   <RadioTile light value="2">
     Plus plan
   </RadioTile>
-</RadioTileGroup>
+</TileGroup>

src/Tile/RadioTile.svelte

@@ -29,7 +29,7 @@
   import { getContext } from "svelte";
   import CheckmarkFilled16 from "carbon-icons-svelte/lib/CheckmarkFilled16";
 
-  const { add, update, selectedValue } = getContext("RadioTileGroup");
+  const { add, update, selectedValue } = getContext("TileGroup");
 
   add({ value, checked });
 

src/Tile/RadioTileGroup.svelte

@@ -1,43 +0,0 @@
-<script>
-  /**
-   * Specify the selected tile value
-   * @type {any}
-   */
-  export let selectedValue = undefined;
-
-  /** Set to `true` to disable the tile group */
-  export let disabled = false;
-
-  /** Specify the legend text */
-  export let legend = "";
-
-  import { createEventDispatcher, setContext } from "svelte";
-  import { writable } from "svelte/store";
-
-  const dispatch = createEventDispatcher();
-  const _selectedValue = writable(selectedValue);
-
-  setContext("RadioTileGroup", {
-    selectedValue: _selectedValue,
-    add: ({ checked, value }) => {
-      if (checked) {
-        _selectedValue.set(value);
-      }
-    },
-    update: (value) => {
-      _selectedValue.set(value);
-    },
-  });
-
-  $: selectedValue = $_selectedValue;
-  $: dispatch("select", $_selectedValue);
-</script>
-
-<fieldset disabled="{disabled}" class:bx--tile-group="{true}" {...$$restProps}>
-  {#if legend}
-    <legend class:bx--label="{true}">{legend}</legend>
-  {/if}
-  <div>
-    <slot />
-  </div>
-</fieldset>

src/Tile/TileGroup.svelte

@@ -17,7 +17,7 @@
   const dispatch = createEventDispatcher();
   const selectedValue = writable(selected);
 
-  setContext("RadioTileGroup", {
+  setContext("TileGroup", {
     selectedValue,
     add: ({ checked, value }) => {
       if (checked) {

src/Tile/index.js

@@ -4,5 +4,4 @@ export { default as ExpandableTile } from "./ExpandableTile.svelte";
 export { default as SelectableTile } from "./SelectableTile.svelte";
 export { default as RadioTile } from "./RadioTile.svelte";
 export { default as TileGroup } from "./TileGroup.svelte";
-export { default as RadioTileGroup } from "./RadioTileGroup.svelte";
 export { default as SelectableTileGroup } from "./SelectableTileGroup.svelte";

src/index.js

@@ -107,7 +107,6 @@ export {
   SelectableTile,
   RadioTile,
   TileGroup,
-  RadioTileGroup,
   SelectableTileGroup,
 } from "./Tile";
 export { TimePicker, TimePickerSelect } from "./TimePicker";

types/index.d.ts

@@ -123,7 +123,6 @@ 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 RadioTileGroup } from "./Tile/RadioTileGroup";
 export { default as SelectableTileGroup } from "./Tile/SelectableTileGroup";
 export { default as TimePicker } from "./TimePicker/TimePicker";
 export { default as TimePickerSelect } from "./TimePicker/TimePickerSelect";