feat(name change): updated references to Collab UI in docs and examples

feat(name change): change cs to md in AngularJS

.github/ISSUE_TEMPLATE.md

@@ -1,4 +1,4 @@
-<!--- Hey there! Before you post an issue here, did you try reporting this to the "Collab UI Q&A" space in Webex Teams? Please ask about your issue there before creating a new GitHub issue. -->
+<!--- Hey there! Before you post an issue here, did you try reporting this to the "Momentum UI Q&A" space in Webex Teams? Please ask about your issue there before creating a new GitHub issue. -->
 
 <!--- Provide a general summary of the issue in the Title above -->
 

CONTRIBUTING.md

@@ -1,7 +1,7 @@
 
 # Contributing
 
-We'd love for you to contribute to our source code and to make Collab UI even better than it is today! Below are the guidelines to follow.
+We'd love for you to contribute to our source code and to make Momentum UI even better than it is today! Below are the guidelines to follow.
 
 ## Table of Contents
 
@@ -18,7 +18,7 @@ We'd love for you to contribute to our source code and to make Collab UI even be
 
 ## <a name="question"></a> Got a Question, Issue or Idea?
 
-If you have questions about how to use a component or element in Collab-UI, please look through the documentation first. If you still need help, please direct your questions to the Toolkit Q&A Webex Teams space. [Request an Invite to the Teams space](mailto:toolkit-info@cisco.com?subject=CollabUI%20Q%26A%20Webex%20Teams%20space&body=Please%20add%20me%20to%20the%20CollabUI%20Q%26A%20Webex%20Teams%20space)
+If you have questions about how to use a component or element in Momentum-UI, please look through the documentation first. If you still need help, please direct your questions to the Toolkit Q&A Webex Teams space. [Request an Invite to the Teams space](mailto:toolkit-info@cisco.com?subject=MomentumUI%20Q%26A%20Webex%20Teams%20space&body=Please%20add%20me%20to%20the%20MomentumUI%20Q%26A%20Webex%20Teams%20space)
 
 ### <a name="issue"></a> Found an Issue?
 
@@ -32,7 +32,7 @@ Help us to maximize the effort we can spend fixing issues and adding new feature
 
 *   **Overview of the Issue** - Explain what issue you are seeing and attach a screenshot if possible.
 *   **Motivation for or Use Case** - Explain why this is a bug
-*   **Collab-UI Version(s)** - What library(ies) and version(s) are you using?
+*   **Momentum-UI Version(s)** - What library(ies) and version(s) are you using?
 *   **Browsers and Operating System** - Which browsers did you find the problem on?
 *   **Reproduce the Error** - Provide a live example (using [CodeSandbox](https://codesandbox.io/) or [StackBlitz](https://stackblitz.com/)) or a unambiguous set of steps.
 *   **Related Issues** - Has a similar issue been reported before?
@@ -41,9 +41,9 @@ Help us to maximize the effort we can spend fixing issues and adding new feature
 
 ### <a name="feature"></a> Want a Feature?
 
-You can request a new feature by requesting it in our [Toolkit Q&A Webex Teams space](mailto:toolkit-info@cisco.com?subject=CollabUI%20Q%26A%20Webex%20Teams%20space&body=Please%20add%20me%20to%20the%20CollabUI%20Q%26A%20Webex%20Teams%20space). If you would like to implement a new feature then consider what kind of change it is:
+You can request a new feature by requesting it in our [Toolkit Q&A Webex Teams space](mailto:toolkit-info@cisco.com?subject=MomentumUI%20Q%26A%20Webex%20Teams%20space&body=Please%20add%20me%20to%20the%20MomentumUI%20Q%26A%20Webex%20Teams%20space). If you would like to implement a new feature then consider what kind of change it is:
 
-*   **Major Changes** that you wish to contribute to the project should be discussed first in our [Toolkit Q&A Webex Teams space](mailto:toolkit-info@cisco.com?subject=CollabUI%20Q%26A%20Webex%20Teams%20space&body=Please%20add%20me%20to%20the%20CollabUI%20Q%26A%20Webex%20Teams%20space) so that we can better coordinate our efforts, prevent duplication of work, and help you to craft the change so that it is successfully accepted into the project.
+*   **Major Changes** that you wish to contribute to the project should be discussed first in our [Toolkit Q&A Webex Teams space](mailto:toolkit-info@cisco.com?subject=MomentumUI%20Q%26A%20Webex%20Teams%20space&body=Please%20add%20me%20to%20the%20MomentumUI%20Q%26A%20Webex%20Teams%20space) so that we can better coordinate our efforts, prevent duplication of work, and help you to craft the change so that it is successfully accepted into the project.
 *   **Small Changes** can be crafted and submitted to our [GitHub Repository](https://github.com/momentum-design/momentum-ui-angular/pulls) as a Pull Request.
 
 ## <a name="requirements"></a> Requirements

README.md

@@ -6,9 +6,9 @@
 [![lerna](https://img.shields.io/badge/maintained%20with-lerna-cc00ff.svg)](https://lernajs.io/)
 
 
-> Collab UI
+> Momentum UI
 
-Collab UI is a collection of UI libraries for implementing [Momentum Design](https://momentum.design) into web applications and websites.
+Momentum UI is a collection of UI libraries for implementing [Momentum Design](https://momentum.design) into web applications and websites.
 
 ## Table of Contents
 

angular/CONTRIBUTING.md

@@ -1,7 +1,7 @@
 
 # Contributing
 
-##### We'd love for you to contribute to our source code and to make Collab UI Angular even better than it is today! Below are the guidelines to follow.
+##### We'd love for you to contribute to our source code and to make Momentum UI Angular even better than it is today! Below are the guidelines to follow.
 
 ## Table of Contents
 

angular/README.md

@@ -1,12 +1,12 @@
-# Collab UI Angular
+# Momentum UI Angular
 
 [![CircleCI](https://img.shields.io/circleci/project/github/momentum-ui/momentum-ui/master.svg)](https://circleci.com/gh/momentum-ui/momentum-ui/)
 ![npm (scoped)](https://img.shields.io/npm/v/@momentum-ui/angular.svg)
 [![license](https://img.shields.io/github/license/momentum-ui/momentum-ui.svg?color=blueviolet)](https://github.com/momentum-design/momentum-ui/blob/master/angular/LICENSE)
 
 > @momentum-ui/angular
 
-Collab UI Angular is a UI framework for implementing Cisco Collaboration Design into web apps and sites.
+Momentum UI Angular is a UI framework for implementing Cisco Momentum Design into web apps and sites.
 
 ## Table of Contents
 
@@ -17,7 +17,7 @@ Collab UI Angular is a UI framework for implementing Cisco Collaboration Design
 
 ## Install
 
-Install and manage the Collab UI Angular using NPM. You may use `yarn` or `npm`. By default, yarn/npm installs packages to node_modules/.
+Install and manage the Momentum UI Angular using NPM. You may use `yarn` or `npm`. By default, yarn/npm installs packages to node_modules/.
 
 `npm install @momentum-ui/angular --save`
 

angular/src/docs/app/app.component.ts

@@ -4,7 +4,7 @@ import { Component } from '@angular/core';
   selector: 'docs-root',
   template: `
     <div class="docs-container">
-      <h1>Welcome to the Collab UI Toolkit for Angular</h1>
+      <h1>Welcome to the Momentum UI Toolkit for Angular</h1>
     </div>
     <router-outlet></router-outlet>
   `,

angular/src/docs/index.html

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <title>CollabUiAngularDocs</title>
+    <title>Momentum UI Angular</title>
     <base href="/" />
 
     <meta name="viewport" content="width=device-width, initial-scale=1" />

angular/src/lib/README.md

@@ -1,12 +1,12 @@
-# Collab UI Angular
+# Momentum UI Angular
 
 [![CircleCI](https://img.shields.io/circleci/project/github/momentum-ui/momentum-ui/master.svg)](https://circleci.com/gh/momentum-ui/momentum-ui/)
 ![npm (scoped)](https://img.shields.io/npm/v/@momentum-ui/angular.svg)
 [![license](https://img.shields.io/github/license/momentum-ui/momentum-ui.svg?color=blueviolet)](https://github.com/momentum-design/momentum-ui/blob/master/angular/LICENSE)
 
 > @momentum-ui/angular
 
-Collab UI Angular is a UI framework for implementing Cisco Collaboration Design into web apps and sites.
+Momentum UI Angular is a UI framework for implementing Cisco Momentum Design into web apps and sites.
 
 ## Table of Contents
 
@@ -17,7 +17,7 @@ Collab UI Angular is a UI framework for implementing Cisco Collaboration Design
 
 ## Install
 
-Install and manage the Collab UI Angular using NPM. You may use `yarn` or `npm`. By default, yarn/npm installs packages to node_modules/.
+Install and manage the Momentum UI Angular using NPM. You may use `yarn` or `npm`. By default, yarn/npm installs packages to node_modules/.
 
 `npm install @momentum-ui/angular --save`
 

angular/src/lib/icon/icon.component.ts

@@ -106,7 +106,7 @@ export class IconComponent implements OnInit {
     const lookupIconName = nameWithSize.replace(/^(icon-)/, '');
     const iconNameClass = `icon-${lookupIconName}`;
 
-    // validate Icon name with Collab Toolkit
+    // validate Icon name with Momentum Design
     if ((<any>iconNames).indexOf(lookupIconName) < 0) {
       this.consoleHandler('name-error', nameWithSize);
     }

angular/src/lib/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-ui/angular",
   "version": "5.2.1",
-  "description": "The Cisco Collab UI Icons library allows developers to easily incorporate Webex Icons and CSS into any application.",
+  "description": "The Cisco Momentum UI Icons library allows developers to easily incorporate Webex Icons and CSS into any application.",
   "homepage": "http://momentum.design/components",
   "keywords": [
     "Angular",
@@ -10,7 +10,7 @@
     "Webex",
     "Cisco Spark",
     "Spark UI",
-    "Collab UI"
+    "Momentum UI"
   ],
   "schematics": "./schematics/collection.json",
   "dependencies": {

angular/src/lib/topbar/examples/blue.component.ts

@@ -33,7 +33,7 @@ import { Component } from '@angular/core';
       <a
         href="javascript:void(0)"
         md-top-bar-brand
-        title="Collab UI"
+        title="Momentum UI"
         icon="icon-cisco-logo"
       ></a>
     </ng-template>

angular/src/lib/topbar/examples/dark.component.ts

@@ -33,7 +33,7 @@ import { Component } from '@angular/core';
       <a
         href="javascript:void(0)"
         md-top-bar-brand
-        title="Collab UI"
+        title="Momentum UI"
         icon="icon-cisco-logo"
       ></a>
     </ng-template>

angular/src/lib/topbar/examples/light.component.ts

@@ -33,7 +33,7 @@ import { Component } from '@angular/core';
       <a
         href="javascript:void(0)"
         md-top-bar-brand
-        title="Collab UI"
+        title="Momentum UI"
         icon="icon-cisco-logo"
       ></a>
     </ng-template>

angular/src/lib/topbar/tests/topbar-brand.component.spec.ts

@@ -48,9 +48,9 @@ describe('TopbarBrandComponent', () => {
   });
 
   it('should handle title', () => {
-    testComponent.title = 'Collab UI';
+    testComponent.title = 'Momentum UI';
     fixture.detectChanges();
     const title = fixture.nativeElement.querySelector('.md-brand__title');
-    expect(title.textContent).toEqual('Collab UI');
+    expect(title.textContent).toEqual('Momentum UI');
   });
 });

angular/src/schematics/README.md

@@ -1,10 +1,10 @@
-# Collab UI Schematics
+# Momentum UI Schematics
 
-These schematics provide built in integrations with the Angular CLI features in order to make it easier for users to install and update Collab UI.
+These schematics provide built in integrations with the Angular CLI features in order to make it easier for users to install and update Momentum UI.
 
 ## `ng add @momentum-ui/angular`
 
-This schematic wires up with the Angular CLI to support automatically adding Collab UI to an Angular CLI project.
+This schematic wires up with the Angular CLI to support automatically adding Momentum UI to an Angular CLI project.
 
 ##### How it works
 

angular/src/schematics/src/add/index.ts

@@ -28,13 +28,13 @@ if (existsSync(join(__dirname, '../../package.json'))) {
 
 export default function(options: any): Rule {
   return chain([
-    addCollabUIDependencies(options),
+    addMomentumUIDependencies(options),
     addModuleImport(options),
-    addCollabUIAppStyles(options),
+    addMomentumUIAppStyles(options),
   ]);
 }
 
-function addCollabUIDependencies(options: Schema) {
+function addMomentumUIDependencies(options: Schema) {
   return (tree: Tree, context: SchematicContext) => {
     addPackageToPackageJson(
       tree,
@@ -72,7 +72,7 @@ function addModuleImport(options: Schema) {
   };
 }
 
-function addCollabUIAppStyles(options: Schema) {
+function addMomentumUIAppStyles(options: Schema) {
   return (host: Tree) => {
     const workspace = getWorkspace(host);
     const project = getProjectFromWorkspace(workspace, options.project);

angular/src/schematics/src/add/schema.json

@@ -1,19 +1,19 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "SchematicsCollabUIAdd",
-  "title": "CollabUI Add Options Schema",
+  "id": "SchematicsMomentumUIAdd",
+  "title": "MomentumUI Add Options Schema",
   "type": "object",
   "properties": {
     "project": {
       "type": "string",
-      "description": "The project to add Collab UI to.",
+      "description": "The project to add Momentum UI to.",
       "$default": {
         "$source": "projectName"
       }
     },
     "module": {
       "type": "string",
-      "description": "The module file to add Collab UI to, should be relative to project source directory.",
+      "description": "The module file to add Momentum UI to, should be relative to project source directory.",
       "alias": "m",
       "default": "src/app/app.module.ts"
     },

angular/src/schematics/src/collection.json

@@ -2,12 +2,12 @@
   "$schema": "node_modules/@angular-devkit/schematics/collection-schema.json",
   "schematics": {
     "ng-add": {
-      "description": "Add Collab UI to your project",
+      "description": "Add Momentum UI to your project",
       "factory": "./add",
       "schema": "./add/schema.json"
     },
     "nav": {
-      "description": "Create Collab UI navigation",
+      "description": "Create Momentum UI navigation",
       "factory": "./generate/nav",
       "schema": "./generate/nav/schema.json",
       "aliases": ["momentum-nav", "momentumNav"]

angular/src/schematics/src/generate/nav/schema.json

@@ -1,7 +1,7 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "SchematicsCollabUINav",
-  "title": "Collab UI Nav Options Schema",
+  "id": "SchematicsMomentumUINav",
+  "title": "Momentum UI Nav Options Schema",
   "type": "object",
   "properties": {
     "path": {

angularjs/CONTRIBUTING.md

@@ -1,7 +1,7 @@
 
 # Contributing
 
-##### We'd love for you to contribute to our source code and to make Collab UI Angularjs even better than it is today! Below are the guidelines to follow.
+##### We'd love for you to contribute to our source code and to make Momentum UI Angularjs even better than it is today! Below are the guidelines to follow.
 
 ## Table of Contents
 

angularjs/README.md

@@ -1,10 +1,10 @@
-# [Collab UI AngularJS](https://momentum.design/)
+# [Momentum UI AngularJS](https://momentum.design/)
 
-Collab UI AngularJS is a UI framework for implementing Cisco Collaboration Design into web apps and sites.
+Momentum UI AngularJS is a UI framework for implementing Cisco Momentum Design into web apps and sites.
 
-> @collabui/momentum-ui-ng
+> @momentum-ui/angularjs
 
-Collab UI Angular is a UI framework for implementing Cisco Collaboration Design into web apps and sites.
+Momentum UI Angular is a UI framework for implementing Cisco Momentum Design into web apps and sites.
 
 ## Table of Contents
 
@@ -15,23 +15,23 @@ Collab UI Angular is a UI framework for implementing Cisco Collaboration Design
 
 ## Install
 
-Install and manage the Collab UI Angular using NPM. You may use `yarn` or `npm`. By default, yarn/npm installs packages to node_modules/.
+Install and manage the Momentum UI Angular using NPM. You may use `yarn` or `npm`. By default, yarn/npm installs packages to node_modules/.
 
-`npm install @collabui/momentum-ui-ng --save`
+`npm install @momentum-ui/angularjs --save`
 
 or
 
-`yarn add @collabui/momentum-ui-ng`
+`yarn add @momentum-ui/angularjs`
 
 ## Usage
 
 ### NgModule
-Import the @collabui/momentum-ui-ng into your apps main module to make the components/directives available throughout your app.
+Import the @momentum-ui/angularjs into your apps main module to make the components/directives available throughout your app.
 
 ``` ts
 export default angular
   .module('app', [
-    require('@collabui/momentum-ui-ng').default,
+    require('@momentum-ui/angularjs').default,
   ])
   .component('app', new AppComponent())
   .name;

angularjs/package.json

@@ -1,7 +1,7 @@
 {
   "private": true,
   "name": "@momentum-ui/angularjs",
-  "description": "Cisco Collab UI AngularJS 1.X components",
+  "description": "Cisco Momentum UI AngularJS 1.X components",
   "version": "10.0.7",
   "main": "bundles/momentum-ui-angularjs.umd.min.js",
   "typings": "types/momentum-ui-angularjs.d.ts",
@@ -17,7 +17,7 @@
     "Webex",
     "Cisco Spark",
     "Spark UI",
-    "Collab UI",
+    "Momentum UI",
     "AngularJS",
     "ng"
   ],

angularjs/src/lib/components/accordion/accordion.directive.ts

@@ -2,16 +2,16 @@ import * as angular from 'angular';
 // The accordion directive simply sets up the directive controller
 // and adds an accordion CSS class to itself element.
 
-CsAccordionController.$inject = ['$scope', '$attrs', 'csAccordionConfig'];
-export function CsAccordionController($scope, $attrs, csAccordionConfig) {
+MdAccordionController.$inject = ['$scope', '$attrs', 'mdAccordionConfig'];
+export function MdAccordionController($scope, $attrs, mdAccordionConfig) {
   let vm = this;
   // This array keeps track of the accordion groups
   vm.groups = [];
 
   // Ensure that all the groups in this accordion are closed, unless close-others explicitly says not to
   vm.closeOthers = function (openGroup) {
     let closeOthers = angular.isDefined($attrs.closeOthers) ?
-      $scope.$eval($attrs.closeOthers) : csAccordionConfig.closeOthers;
+      $scope.$eval($attrs.closeOthers) : mdAccordionConfig.closeOthers;
     if (closeOthers) {
       angular.forEach(vm.groups, function (group) {
         if (group !== openGroup) {
@@ -40,14 +40,14 @@ export function CsAccordionController($scope, $attrs, csAccordionConfig) {
 
 }
 
-export function csAccordion() {
-  let csAccordionDirective = {
+export function mdAccordion() {
+  let mdAccordionDirective = {
     restrict: 'EA',
-    controller: CsAccordionController,
-    controllerAs: 'csAccordion',
+    controller: MdAccordionController,
+    controllerAs: 'mdAccordion',
     transclude: true,
     template: `<div class="md-accordion" ng-transclude></div>`,
   };
 
-  return csAccordionDirective;
+  return mdAccordionDirective;
 }