Merge pull request #2249 from Teradata/fix/button

fix(button): change button text to sentence case

apps/docs-app/src/app/components/home/home.component.html

@@ -51,10 +51,10 @@ <h3 class="pull-bottom-xs mat-title mat-headline">
  <button
  mat-raised-button
  color="accent"
- class="text-upper text-lg push-bottom-lg pad-xs pad-left-md pad-right-md"
+ class="text-lg push-bottom-lg pad-xs pad-left-md pad-right-md"
  [routerLink]="['/docs']"
  >
- Get Started
+ Get started
  <mat-icon>arrow_forward</mat-icon>
  </button>
  <div class="pad-top-xs pad-bottom">
@@ -266,20 +266,15 @@ <h3 matListItemTitle>{{ item.title }}</h3>
  </div>
  <span flex></span>
  <div layout-gt-xs="row">
- <a
- href="https://gitter.im/Teradata/covalent"
- target="_blank"
- mat-button
- class="text-upper"
- >Gitter Chat</a
+ <a href="https://gitter.im/Teradata/covalent" target="_blank" mat-button
+ >Gitter chat</a
  >
  <a
  href="https://github.com/teradata/covalent/issues"
  target="_blank"
  mat-button
- class="text-upper"
  >
- Feature Request
+ Feature request
  </a>
  </div>
  </div>

apps/docs-app/src/app/components/shared/component-details/component-details-wrapper/content-details.component.html

@@ -12,7 +12,7 @@
  target="_blank"
  [href]="component?.migrationUrl"
  class="mat-button"
- >VIEW DOC</a
+ >View doc</a
  >
 </td-message>
 <div class="push-bottom-xxl pad-bottom-xxl">

apps/docs-app/src/app/components/toolbar/toolbar.component.html

@@ -81,15 +81,15 @@
  (click)="theme('theme-light')"
  >
  <mat-icon>brightness_high</mat-icon>
- <span>Light Mode</span>
+ <span>Light mode</span>
  </button>
  <button
  mat-menu-item
  *ngIf="activeTheme !== 'theme-dark'"
  (click)="theme('theme-dark')"
  >
  <mat-icon>brightness_low</mat-icon>
- <span>Dark Mode</span>
+ <span>Dark mode</span>
  </button>
  </mat-menu>
  </div>

apps/docs-app/src/app/content/components/component-demos/dialogs/demos/dialogs-demo-basic/dialogs-demo-basic.component.html

@@ -1,8 +1,8 @@
 <button mat-button color="accent" (click)="openAlert()" class="push-right-sm">
- Open Alert
+ Open alert
 </button>
 <button mat-button color="accent" (click)="openConfirm()" class="push-right-sm">
- Open Confirm
+ Open confirm
 </button>
 <button mat-button color="accent" (click)="openPrompt()" class="push-right-sm">
  Open prompt

apps/docs-app/src/app/content/components/component-demos/dialogs/demos/dialogs-demo-draggable-resizable-window/dialogs-demo-draggable-resizable-window.component.html

@@ -2,7 +2,7 @@
  mat-button
  color="accent"
  (click)="openDraggableResizableWindowDialog()"
- class="text-upper push-right-sm"
+ class="push-right-sm"
 >
- Open Draggable Resizable Window Dialog
+ Open draggable resizable window dialog
 </button>

apps/docs-app/src/app/content/components/component-demos/dialogs/demos/dialogs-demo-draggable-resizable/dialogs-demo-draggable-resizable.component.html

@@ -2,7 +2,7 @@
  mat-button
  color="accent"
  (click)="openDraggableResizableDialog()"
- class="text-upper push-right-sm"
+ class="push-right-sm"
 >
- Open Draggable Resizable Dialog
+ Open draggable resizable dialog
 </button>

apps/docs-app/src/app/content/components/component-demos/dialogs/demos/dialogs-demo-draggable/dialogs-demo-draggable.component.html

@@ -2,7 +2,7 @@
  mat-button
  color="accent"
  (click)="openDraggableDialog()"
- class="text-upper push-right-sm"
+ class="push-right-sm"
 >
- Open Draggable Dialog
+ Open draggable dialog
 </button>

apps/docs-app/src/app/content/components/component-demos/dynamic-forms/demos/dynamic-forms-demo-custom-validation/dynamic-forms-demo-custom-validation.component.html

@@ -61,7 +61,6 @@ <h4>Manual Validators</h4>
  mat-raised-button
  (click)="submitManualValidator()"
  color="primary"
- class="text-upper"
  [disabled]="!manualValidateForm.valid"
  >
  Submit

apps/docs-app/src/app/content/components/component-demos/flavored-markdown/demos/flavored-markdown-demo-buttons/flavored-markdown-demo-buttons.component.ts

@@ -11,9 +11,9 @@ export class FlavoredMarkdownDemoButtonsComponent {
  buttonsFlavoredMarkdown = `
  ## Buttons
 
- [Go to Mars](#data={"planet": "mars"})
+ [Go to mars](#data={"planet": "mars"})
  ---
- [Go to Jupiter](#data={"planet": "Jupiter"})
+ [Go to jupiter](#data={"planet": "Jupiter"})
  `;
 
  constructor(private _snackBar: MatSnackBar) {}

apps/docs-app/src/app/content/components/component-demos/guided-tour/demos/guided-tour-demo-disable-next/guided-tour-demo-disable-next.component.html

@@ -5,7 +5,7 @@
  </button>
  </div>
  <button mat-raised-button id="enable-next" (click)="enableNext()">
- Enable Next
+ Enable next
  </button>
  <h3 id="last-step">Finish tour</h3>
 </div>

apps/docs-app/src/app/content/components/component-demos/loading/demos/loading-demo-basic/loading-demo-basic.component.html

@@ -10,12 +10,7 @@
  <div class="pad text-center">loading content...</div>
 </div>
 <div layout="row">
- <button
- mat-raised-button
- color="primary"
- (click)="toggleOverlayStarSyntax()"
- class="text-upper"
- >
- Toggle Loader
+ <button mat-raised-button color="primary" (click)="toggleOverlayStarSyntax()">
+ Toggle loader
  </button>
 </div>

apps/docs-app/src/app/content/components/component-demos/loading/demos/loading-demo-fullscreen/loading-demo-fullscreen.component.html

@@ -2,16 +2,14 @@
  mat-raised-button
  color="primary"
  (click)="toggleDefaultFullscreenDemo()"
- class="text-upper"
 >
- Toggle default fullscreen Loader
+ Toggle default fullscreen loader
 </button>
 
 <button
  mat-raised-button
  color="primary"
  (click)="toggleCustomFullscreenDemo()"
- class="text-upper"
 >
- Toggle custom Fullscreen Loader
+ Toggle custom fullscreen loader
 </button>

apps/docs-app/src/app/content/components/component-demos/loading/demos/loading-demo-observable/loading-demo-observable.component.html

@@ -4,12 +4,7 @@
  </div>
 </div>
 <div layout="row">
- <button
- mat-raised-button
- color="primary"
- (click)="toggle()"
- class="text-upper"
- >
- Toggle Loader
+ <button mat-raised-button color="primary" (click)="toggle()">
+ Toggle loader
  </button>
 </div>

apps/docs-app/src/app/content/components/component-demos/loading/demos/loading-demo-replace/loading-demo-replace.component.html

@@ -2,12 +2,7 @@
  <div class="pad text-center">loading content...</div>
 </ng-template>
 <div layout="row">
- <button
- mat-raised-button
- color="primary"
- (click)="toggle()"
- class="text-upper"
- >
- Toggle Loader
+ <button mat-raised-button color="primary" (click)="toggle()">
+ Toggle loader
  </button>
 </div>

apps/docs-app/src/app/content/components/component-demos/loading/loading.component.html

@@ -10,12 +10,7 @@
  <div class="pad text-center">loading content...</div>
 </div>
 <div layout="row">
- <button
- mat-raised-button
- color="primary"
- (click)="toggleOverlayStarSyntax()"
- class="text-upper"
- >
- Toggle Loader
+ <button mat-raised-button color="primary" (click)="toggleOverlayStarSyntax()">
+ Toggle loader
  </button>
 </div>

apps/docs-app/src/app/content/components/component-demos/markdown-navigator/demos/markdown-navigator-demo-editor/markdown-navigator-demo-editor.component.html

@@ -16,9 +16,7 @@
  <mat-slide-toggle [(ngModel)]="windowShouldOpen" (change)="openOrClose()"
  >Open window</mat-slide-toggle
  >
- <button mat-raised-button class="text-upper" (click)="applyInput()">
- Apply
- </button>
+ <button mat-raised-button (click)="applyInput()">Apply</button>
  </div>
  </div>
  <div flex="50" flex-xs="100" style="margin-left: 16px">

apps/docs-app/src/app/content/components/component-demos/markdown/demos/markdown-demo-anchor-jumping/markdown-demo-anchor-jumping.component.html

@@ -2,10 +2,10 @@
  <td-markdown [anchor]="anchor">{{ markdown }}</td-markdown>
 </mat-card-content>
 <mat-card-actions>
- <button mat-button class="text-upper" color="accent" (click)="jumpToH1()">
+ <button mat-button color="accent" (click)="jumpToH1()">
  Jump to heading 1
  </button>
- <button mat-button class="text-upper" color="accent" (click)="jumpToH2()">
+ <button mat-button color="accent" (click)="jumpToH2()">
  Jump to heading 2
  </button>
 </mat-card-actions>

apps/docs-app/src/app/content/components/component-demos/message/demos/message-demo-action/message-demo-action.component.html

@@ -4,5 +4,5 @@
  class="bgc-td-orange-100 tc-td-orange"
  icon="warning"
 >
- <button td-message-actions mat-button (click)="showAlert()">View More</button>
+ <button td-message-actions mat-button (click)="showAlert()">View more</button>
 </td-message>

apps/docs-app/src/app/content/components/component-demos/message/demos/message-demo-toggle-visibility/message-demo-toggle-visibility.component.html

@@ -15,5 +15,5 @@
  class="push-top-sm pull-bottom"
  (click)="messageDemo.toggle()"
 >
- Toggle Visibility
+ Toggle visibility
 </button>

apps/docs-app/src/app/content/components/component-demos/search/demos/search-demo-box/search-demo-box.component.html

@@ -44,7 +44,7 @@
  mat-button
  color="accent"
  (click)="toggleAlwaysVisible()"
- class="push-top text-upper"
+ class="push-top"
 >
- Always Visible
+ Always visible
 </button>

apps/docs-app/src/app/content/components/component-demos/search/demos/search-demo-toolbar-box/search-demo-toolbar-box.component.html

@@ -13,7 +13,7 @@
  mat-button
  color="accent"
  (click)="toggleAlwaysVisible()"
- class="push-top text-upper"
+ class="push-top"
 >
- Always Visible
+ Always visible
 </button>

apps/docs-app/src/app/content/docs/angular-material/angular-material.component.html

@@ -32,16 +32,11 @@ <h3>New &amp; Custom Components</h3>
  color="accent"
  target="_blank"
  href="https://material.angular.io/components"
- class="text-upper"
  >
  Components
  </a>
- <a
- mat-button
- target="_blank"
- href="https://github.com/angular/material2"
- class="text-upper"
- >Github Repo</a
+ <a mat-button target="_blank" href="https://github.com/angular/material2"
+ >Github repo</a
  >
 </section>
 

apps/docs-app/src/app/content/docs/angular/angular.component.html

@@ -22,13 +22,8 @@ <h3>Modern Web Dev</h3>
  </mat-card-content>
  <mat-divider></mat-divider>
  <mat-card-actions>
- <a
- mat-button
- color="accent"
- target="_blank"
- href="https://angular.io/"
- class="text-upper"
- >Angular Docs</a
+ <a mat-button color="accent" target="_blank" href="https://angular.io/"
+ >Angular docs</a
  >
  </mat-card-actions>
 </mat-card>

apps/docs-app/src/app/content/docs/build-tasks/build-tasks.component.html

@@ -73,9 +73,8 @@ <h4>Generating content</h4>
  color="accent"
  target="_blank"
  href="https://github.com/angular/angular-cli/wiki/build"
- class="text-upper"
  >
- Build Docs
+ Build docs
  </a>
  </mat-card-actions>
 </mat-card>

apps/docs-app/src/app/content/docs/creating/creating.component.html

@@ -53,9 +53,8 @@ <h3>Generate Component</h3>
  color="accent"
  target="_blank"
  href="https://github.com/angular/angular-cli/wiki/generate"
- class="text-upper"
  >
- Generate Docs
+ Generate docs
  </a>
  </mat-card-actions>
 </mat-card>

apps/docs-app/src/app/content/docs/icons/icons.component.html

@@ -31,12 +31,7 @@ <h3 class="push-bottom-sm mat-title">SVG Icons (from Safe URLS)</h3>
  <td-highlight class="push-bottom-lg" codeLang="html">
  {{ svgIconsHtml }}
  </td-highlight>
- <a
- mat-button
- color="accent"
- target="_blank"
- href="https://material.io/icons/"
- class="text-upper"
- >Search Icons</a
+ <a mat-button color="accent" target="_blank" href="https://material.io/icons/"
+ >Search icons</a
  >
 </section>

apps/docs-app/src/app/content/docs/mock-data/mock-data.component.html

@@ -98,18 +98,16 @@ <h3>Consuming Mock Data Endpoints</h3>
  color="accent"
  target="_blank"
  href="https://github.com/teradata/covalent-quickstart"
- class="text-upper"
  >
- Quickstart Repo
+ Quickstart repo
  </a>
  <a
  mat-button
  color="primary"
  target="_blank"
  href="https://github.com/teradata/covalent-data"
- class="text-upper"
  >
- Data Repo
+ Data repo
  </a>
  </mat-card-actions>
 </mat-card>

apps/docs-app/src/app/content/docs/testing/testing.component.html

@@ -44,9 +44,8 @@ <h3>Linting and formatting code</h3>
  color="accent"
  target="_blank"
  href="https://github.com/angular/angular-cli/wiki/test"
- class="text-upper"
  >
- Testing Docs
+ Testing docs
  </a>
  </mat-card-actions>
 </mat-card>

apps/docs-app/src/app/content/docs/theme/theme.component.html

@@ -27,8 +27,7 @@ <h3 class="push-bottom-sm mat-title">SCSS Variables</h3>
  color="accent"
  target="_blank"
  href="https://material.angular.io/guide/theming"
- class="text-upper"
  >
- Theming Docs
+ Theming docs
  </a>
 </section>

apps/docs-app/src/app/content/layouts/card-over/card-over.component.html

@@ -161,7 +161,7 @@ <h3 matListItemTitle>{{ item.date | timeAgo }}</h3>
  </mat-card-content>
  <mat-divider></mat-divider>
  <mat-card-actions>
- <button mat-button color="accent" class="text-upper">Edit</button>
+ <button mat-button color="accent">Edit</button>
  </mat-card-actions>
  </td-layout-card-over>
  </td-layout-nav>