Merge pull request #14 from hypertrace/update-expander-toggle-icon

feat(expander toggle component): Update icons

Author: skjindal93

projects/assets-library/assets/icons/collapsed.svg

@@ -30,7 +30,7 @@ const iconsRootPath = 'assets/icons';
         { key: IconType.Close, url: `${iconsRootPath}/close.svg` },
         { key: IconType.CloseCircle, url: `${iconsRootPath}/close-circle.svg` },
         { key: IconType.CollapseAll, url: `${iconsRootPath}/collapse-all.svg` },
-        { key: IconType.Collapsed, url: `${iconsRootPath}/collapsed.svg` },
+        { key: IconType.Collapsed, url: `${iconsRootPath}/plus-square.svg` },
         { key: IconType.Compare, url: `${iconsRootPath}/compare.svg` },
         { key: IconType.CopyToClipboard, url: `${iconsRootPath}/copy-to-clipboard.svg` },
         { key: IconType.Custom, url: `${iconsRootPath}/custom.svg` },
@@ -39,7 +39,7 @@ const iconsRootPath = 'assets/icons';
         { key: IconType.Device, url: `${iconsRootPath}/device.svg` },
         { key: IconType.Edge, url: `${iconsRootPath}/edge.svg` },
         { key: IconType.ExpandAll, url: `${iconsRootPath}/expand-all.svg` },
-        { key: IconType.Expanded, url: `${iconsRootPath}/expanded.svg` },
+        { key: IconType.Expanded, url: `${iconsRootPath}/minus-square.svg` },
         { key: IconType.FileCode, url: `${iconsRootPath}/file-code.svg` },
         { key: IconType.Filter, url: `${iconsRootPath}/filter.svg` },
         { key: IconType.Helm, url: `${iconsRootPath}/helm.svg` },

projects/assets-library/assets/icons/expanded.svg

@@ -23,7 +23,7 @@ export const enum IconType {
   Close = 'svg:close',
   CloseCircle = 'svg:close-circle',
   CollapseAll = 'svg:collapse-all',
-  Collapsed = 'svg:collapsed',
+  Collapsed = 'svg:plus-square',
   Compare = 'svg:compare',
   CompareArrows = 'compare_arrows',
   CopyToClipboard = 'svg:copy-to-clipboard',
@@ -39,7 +39,7 @@ export const enum IconType {
   Empty = 'panorama_fish_eye',
   Expand = 'launch',
   ExpandAll = 'svg:expand-all',
-  Expanded = 'svg:expanded',
+  Expanded = 'svg:minus-square',
   Favorite = 'favorite_border',
   FileCode = 'svg:file-code',
   Filter = 'svg:filter',

projects/assets-library/assets/icons/minus-square.svg

@@ -10,7 +10,7 @@ import { IconSize } from '../icon/icon-size';
     <div class="expander-toggle">
       <htc-icon
         [icon]="this.getIconType()"
-        size="${IconSize.ExtraSmall}"
+        size="${IconSize.Small}"
         [showTooltip]="this.showTooltip"
         [label]="this.getTooltipText()"
       ></htc-icon>