Merge pull request #719 from etn-ccis/feature/5062-update-doc-it-comp…

…onent-catalog

Added overline, chip, grade, iconswitch and removed typography from c…

src/__configuration__/resources/ComponentCatalogLinks.ts

@@ -1,17 +1,20 @@
 import AppBar from '../../app/assets/component-catalog/app-bar.png';
 import ChannelValue from '../../app/assets/component-catalog/channel-value.png';
+import Chip from '../../app/assets/component-catalog/chip.png';
 import CollapsibleHeaderLayout from '../../app/assets/component-catalog/collapsible-header-layout.png';
 import Drawer from '../../app/assets/component-catalog/drawer.png';
 import EmptyState from '../../app/assets/component-catalog/empty-state.png';
+import Grade from '../../app/assets/component-catalog/grade.png';
 import Hero from '../../app/assets/component-catalog/hero.png';
 import Icon from '../../app/assets/component-catalog/icon.png';
+import IconSwitch from '../../app/assets/component-catalog/icon-switch.png';
 import InfoListItem from '../../app/assets/component-catalog/info-list-item.png';
 import ListItemTag from '../../app/assets/component-catalog/list-item-tag.png';
 import MobileStepper from '../../app/assets/component-catalog/mobile-stepper.png';
+import Overline from '../../app/assets/component-catalog/overline.png';
 import Scorecard from '../../app/assets/component-catalog/scorecard.png';
 import ThreeLiner from '../../app/assets/component-catalog/three-liner.png';
 import ToolbarMenu from '../../app/assets/component-catalog/toolbar-menu.png';
-import Typography from '../../app/assets/component-catalog/typography.png';
 import UserMenu from '../../app/assets/component-catalog/user-menu.png';
 
 const branchSuffix = window.location.hostname === 'brightlayer-ui.github.io' ? '' : '-dev';
@@ -48,6 +51,13 @@ export const componentCatalogLinks: ComponentCatalogType[] = [
         reactNative: `https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--channel-value`,
         image: ChannelValue,
     },
+    {
+        title: 'Chip',
+        angular: `Offered by Angular Material`,
+        react: `Offered by MUI`,
+        reactNative: `https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--chip`,
+        image: Chip,
+    },
     {
         title: 'Collapsible Header Layout',
         angular: `Included as part of Brightlayer UI's App Bar Component`,
@@ -69,6 +79,13 @@ export const componentCatalogLinks: ComponentCatalogType[] = [
         reactNative: `https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--empty-state`,
         image: EmptyState,
     },
+    {
+        title: 'Grade',
+        angular: `Not Available`,
+        react: `Not Available`,
+        reactNative: `https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--grade`,
+        image: Grade,
+    },
     {
         title: 'Hero',
         angular: `https://brightlayer-ui-components.github.io/angular${branchSuffix}/components/hero/examples`,
@@ -77,12 +94,19 @@ export const componentCatalogLinks: ComponentCatalogType[] = [
         image: Hero,
     },
     {
-        title: 'Icon (wrapper for Brightlayer UI icons)',
+        title: 'Icon',
         angular: `Offered by Angular Material's icon fonts and icon SVGs`,
         react: `Offered by MUI's icon fonts and icon components`,
         reactNative: `https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--icons`,
         image: Icon,
     },
+    {
+        title: 'Icon Switch',
+        angular: `Offered by Angular Material's slide toggle`,
+        react: `Offered by MUI's switch component`,
+        reactNative: `https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--icon-switch`,
+        image: IconSwitch,
+    },
     {
         title: 'Info List Item',
         angular: `https://brightlayer-ui-components.github.io/angular${branchSuffix}/components/info-list-item/examples`,
@@ -104,6 +128,13 @@ export const componentCatalogLinks: ComponentCatalogType[] = [
         reactNative: `https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--mobile-stepper`,
         image: MobileStepper,
     },
+    {
+        title: 'Overline',
+        angular: `Not Available`,
+        react: `Offered by MUI's Typography component`,
+        reactNative: `https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--overline`,
+        image: Overline,
+    },
     {
         title: 'Scorecard',
         angular: `https://brightlayer-ui-components.github.io/angular${branchSuffix}/components/score-card/examples`,
@@ -125,13 +156,6 @@ export const componentCatalogLinks: ComponentCatalogType[] = [
         reactNative: `Not Available`,
         image: ToolbarMenu,
     },
-    {
-        title: 'Typography',
-        angular: `Offered by Angular Material`,
-        react: `Offered by MUI`,
-        reactNative: `https://brightlayer-ui-components.github.io/react-native/?path=/info/components-documentation--typography`,
-        image: Typography,
-    },
     {
         title: 'User Menu',
         angular: `https://brightlayer-ui-components.github.io/angular${branchSuffix}/components/user-menu/examples`,