docs: Use selector names with 'cds' prefix

Signed-off-by: Akshat Patel <[email protected]>

Author: Akshat55

src/button/button-set.stories.ts

@@ -25,8 +25,8 @@ const Template: Story<ButtonSet> = (args) => ({
 	props: args,
 	template: `
 		<cds-button-set>
-			<button ibmButton="secondary" [size]="size" [isExpressive]="isExpressive">Button</button>
-			<button ibmButton [size]="size" [isExpressive]="isExpressive">Button</button>
+			<button cdsButton="secondary" [size]="size" [isExpressive]="isExpressive">Button</button>
+			<button cdsButton [size]="size" [isExpressive]="isExpressive">Button</button>
 		</cds-button-set>
 	`
 });

src/button/icon-button.stories.ts

@@ -32,7 +32,7 @@ export default {
 			],
 			defaultValue: "primary",
 			control: { type: "select" },
-			name: "ibmButton"
+			name: "cdsButton"
 		},
 		size: {
 			options: ["sm", "md", "lg", "xl", "2xl"],

src/content-switcher/content-switcher.stories.ts

@@ -28,9 +28,9 @@ const Template: Story<ContentSwitcher> = (args) => ({
 	props: args,
 	template: `
 		<cds-content-switcher (selected)="selected($event)">
-			<button ibmContentOption name="First">First section</button>
-			<button ibmContentOption name="Second">Second section</button>
-			<button ibmContentOption name="Third">Third section</button>
+			<button cdsContentOption name="First">First section</button>
+			<button cdsContentOption name="Second">Second section</button>
+			<button cdsContentOption name="Third">Third section</button>
 		</cds-content-switcher>
 	`
 });

src/index.stories.ts

@@ -99,12 +99,12 @@ import { IconModule } from "./icon/icon.module";
 			<h2 class="banner__subtitle">An Angular implementation of the Carbon Design System</h2>
 
 			<div class="banner__links">
-				<a ibmButton="secondary" href="documentation/index.html" target="_blank">
+				<a cdsButton="secondary" href="documentation/index.html" target="_blank">
 					Documentation
 					<svg cdsIcon="document" size="16" class="cds--btn__icon"></svg>
 				</a>
 				&nbsp;
-				<a ibmButton="primary" href="https://github.com/carbon-design-system/carbon-angular-starter" target="_blank">
+				<a cdsButton="primary" href="https://github.com/carbon-design-system/carbon-angular-starter" target="_blank">
 					Starter App
 					<svg cdsIcon="bee" size="16" class="cds--btn__icon"></svg>
 				</a>

src/modal/modal.stories.ts

@@ -169,7 +169,7 @@ DataPassing.argTypes = {
 const SimpleTemplate: Story<Modal> = (args) => ({
 	props: args,
 	template: `
-		<button #trigger ibmButton="primary" (click)="open = true">Open</button>
+		<button #trigger cdsButton="primary" (click)="open = true">Open</button>
 		<cds-modal [open]="open" [trigger]="trigger" (overlaySelected)="open = false">
 			<cds-modal-header (closeSelect)="open = false" [showCloseButton]="showCloseButton">
 				<p class="cds--modal-header__label cds--type-delta">No service required</p>
@@ -181,7 +181,7 @@ const SimpleTemplate: Story<Modal> = (args) => ({
 			<cds-modal-footer>
 				<ng-container>
 					<button
-						ibmButton="primary"
+						cdsButton="primary"
 						(click)="open = false"
 						[attr.modal-primary-focus]="true">
 						Okay

src/notification/notification.stories.ts

@@ -212,7 +212,7 @@ const CustomTemplate: Story = (args) => ({
 		<ng-template #customActionableTrigger>
 			<button
 				cdsActionableButton
-				ibmButton="ghost"
+				cdsButton="ghost"
 				size="sm">
 				Action
 			</button>

src/patterns/dialogs/modal-with-table.stories.ts

@@ -44,7 +44,7 @@ import { LinkModule } from "../../link";
 								placeholder="Search node ID"
 								(valueChange)="onSearch($event)">
 							</cds-table-toolbar-search>
-							<button ibmButton="ghost" class="toolbar-action" size="sm">
+							<button cdsButton="ghost" class="toolbar-action" size="sm">
 								<svg size="16" class="cds--toolbar-action__icon" cdsIcon="Data_2"></svg>
 							</button>
 						</cds-table-toolbar-content>
@@ -63,8 +63,8 @@ import { LinkModule } from "../../link";
 			<cds-modal-footer>
 				<a href="#" cdsLink [disabled]="disabled" [inline]="inline">Cancel</a>
 				<div class="buttons-wrapper">
-					<button class="modal-button" ibmButton="secondary">Previous</button>
-					<button class="modal-button" ibmButton="primary">Next</button>
+					<button class="modal-button" cdsButton="secondary">Previous</button>
+					<button class="modal-button" cdsButton="primary">Next</button>
 				</div>
 			</cds-modal-footer>
 		</cds-modal>

src/patterns/filtering/multiple-categories.stories.ts

@@ -24,7 +24,7 @@ import { UIShellModule } from "../../ui-shell";
 		</div>
 		<div cdsRow>
 			<div cdsCol [columnNumbers]="{'lg': 2, 'md': 2, 'sm': 1}" class="multi-selection">
-				<button ibmButton (click)="resetFilters()" class="reset-button">Reset Filters</button>
+				<button cdsButton (click)="resetFilters()" class="reset-button">Reset Filters</button>
 				<fieldset class="cds--fieldset">
 					<legend class="cds--label">Radio button label</legend>
 					<cds-radio-group

src/patterns/forms/multi-step-form.stories.ts

@@ -96,7 +96,7 @@ import {
 									</cds-label>
 								</div>
 								<div cdsRow class="form-item">
-									<button ibmButton (click)="changeStep(2)">Step 3</button>
+									<button cdsButton (click)="changeStep(2)">Step 3</button>
 								</div>
 							</div>
 						</form>
@@ -107,7 +107,7 @@ import {
 								Step 3 form!
 							</div>
 							<div cdsRow class="form-item">
-								<button ibmButton (click)="changeStep(1)">Step 2</button>
+								<button cdsButton (click)="changeStep(1)">Step 2</button>
 							</div>
 						</div>
 					</ng-container>

src/patterns/loading/large-loading.stories.ts

@@ -73,7 +73,7 @@ import {
 				<div class="cds--form-item">
 					<button
 						class="form-button"
-						ibmButton
+						cdsButton
 						type="submit">
 						Show Loading
 					</button>