Merge release/2.0.0-rc1 into main branch (#935)

* fix bad merge that included old SB6 duplicate docs (#934)

Author: github-actions[bot]

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@user-interviews/ui-design-system",
-  "version": "2.0.0-rc",
+  "version": "2.0.0-rc1",
   "dependencies": {
     "react-bootstrap": "^2.5.0",
     "react-loading-skeleton": "^3.1.0",

src/Card/Card.mdx

@@ -12,11 +12,8 @@ import * as ComponentStories from './Card.stories';
 
 <Canvas of={ComponentStories.Default} />
 
-## Props
-
 <ArgTypes of={Card} />
 
-## Stories
 
 ### Default
 
@@ -46,35 +43,6 @@ Pass a custom LoadingSkeleton to `loadingSkeleton`. Use only when a custom skele
 
 <Canvas of={ComponentStories.LoadingCustom} />
 
-### Sizes
-
-<Canvas>
-  <Story id="components-card--sizes" />
-</Canvas>
-
-### Loading Default
-
-Default LoadingSkeleton when `isLoading` is set.
-
-<Canvas>
-  <Story id="components-card--loading" />
-</Canvas>
-
-### Loading Paragraph Count
-
-Adjust `loadingSkeletonParagraphCount` for representing additional content space.
-
-<Canvas>
-  <Story id="components-card--loading-paragraph-count" />
-</Canvas>
-
-### Loading Custom
-
-Pass a custom LoadingSkeleton to `loadingSkeleton`. Use only when a custom skeleton better suits the rendered content.
-
-<Canvas>
-  <Story id="components-card--loading-custom" />
-</Canvas>
 
 ## Formatting
 

src/CheckboxButtonGroup/CheckboxButtonGroup.mdx

@@ -51,9 +51,7 @@ import * as ComponentStories from './CheckboxButtonGroup.stories';
 
 ### Bordered Column Full Width
 
-<Canvas>
-  <Story id="components-form-elements-checkboxbuttongroup--bordered-column-full-width"/>
-</Canvas>
+<Canvas of={ComponentStories.BorderedColumnFullWidth} />
 
 ## Formatting
 

src/Pill/Pill.mdx

@@ -60,40 +60,6 @@ Use the appropriate color to indicate the status of an object
 
 <Canvas of={ComponentStories.WithContainer} />
 
-### Statuses
-
-Use the appropriate color to indicate the status of an object 
-
-**Informational**
-- blue: neutral information ("Verified")
-- silver: typically represents project type info ("1-on-1 Interview", "Online")
-
-**Partially complete**
-- orange: ("Pending review", "Under investigation")
-
-**Incomplete**
-- yellow: ("Draft")
-
-**Attention**
-- red: ("Action required", "Missing field")
-
-**Active**
-- green: ("Active", "Confirmed")
-
-**Inactive**
-- gray: ("Completed", "Expired")
-
-<Canvas>
-  <Story id="components-pill--statuses" />
-</Canvas>
-
-### With Container
-- The `Pills` container should be used when a collection of `Pill` components are displayed
-
-<Canvas>
-  <Story id="components-pill--with-container" />
-</Canvas>
-
 ### With Leading Icon
 - Import an icon that is most relevant to the text
 

src/ProfileCell/ProfileCell.mdx

@@ -46,22 +46,6 @@ Use the `isLoading` prop on `ProfileCell` to create a low fidelity representatio
 
 <Canvas of={ComponentStories.Loading} />
 
-### With Trailing Icon
-
-<Canvas>
-  <Story id="components-profile-cell--with-trailing-icon" />
-</Canvas>
-
-### Loading
-
-Use the `isLoading` prop on `ProfileCell` to create a low fidelity representation of the ProfileCell.
-
-`ProfileCellSkeleton` is also available for use.
-
-<Canvas>
-  <Story id="components-profile-cell--loading" />
-</Canvas>
-
 
 ## Formatting
 

src/RadioButtonGroup/RadioButtonGroup.mdx

@@ -50,14 +50,6 @@ Single-selection button. Includes helper text and/or a description in addition t
 
 <Canvas of={ComponentStories.BorderedColumnFullWidth} />
 
-### Bordered Column Full Width
-
-Single-selection button. Includes helper text and/or a description in addition to the default label.
-
-<Canvas>
-  <Story id="components-form-elements-radiobuttongroup--bordered-column-full-width"/>
-</Canvas>
-
 
 ## Formatting
 

src/Select/SingleSelect.mdx

@@ -42,12 +42,6 @@ A base select input. Flexible and comes with multiselect, clearable, searchable,
 
 <Canvas of={ComponentStories.CustomOptionWithIndeterminateCheckbox} />
 
-### Custom Option With Indeterminate Checkbox
-
-<Preview>
-  <Story id="components-selects-single--custom-option-with-indeterminate-checkbox" />
-</Preview>
-
 ### Custom Value Container
 
 <Canvas of={ComponentStories.CustomValueContainer} />

src/Table/Table.mdx

@@ -45,25 +45,7 @@ import * as ComponentStories from './Table.stories';
 ### Table No Hover State
 - Set `removeHover` on a `TableRow` component to remove the default hover state.
 
-<Canvas>
-  <Story id="components-table--table-no-hover-state" />
-</Canvas>
-
-### Loading Default
-- Set `isLoading` on the `<Table>` component to render the default `<TableLoadingSkeleton>`
-
-<Canvas>
-  <Story id="components-table--loading-default" />
-</Canvas>
-
-### Loading Custom Columns
-- Adjust the column count and widths of the `<TableLoadingSkeleton>` by giving `loadingColumns` an array of widths (e.g. `[75, 100, 250, 250, 100]`) 
-- Adjust the row count of the `<TableLoadingSkeleton>` by giving `loadingRows` a number
-- The loading skeleton does not need to perfectly match the Table that is eventually rendered.
-
-<Canvas>
-  <Story id="components-table--loading-custom-columns" />
-</Canvas>
+<Canvas of={ComponentStories.TableNoHoverState} />
 
 ### Table With Fixed Column Widths
 - Create a column with a fixed width