feat: add filled check circle icon and larger icon size (#920)

Author: jake-bassett

projects/assets-library/assets/icons/check-circle-fill.svg

@@ -25,6 +25,7 @@ const iconsRootPath = 'assets/icons';
         { key: IconType.ArrowUpLeft, url: `${iconsRootPath}/arrow-up-left.svg` },
         { key: IconType.ArrowUpRight, url: `${iconsRootPath}/arrow-up-right.svg` },
         { key: IconType.CheckCircle, url: `${iconsRootPath}/check-circle.svg` },
+        { key: IconType.CheckCircleFill, url: `${iconsRootPath}/check-circle-fill.svg` },
         { key: IconType.ChevronDown, url: `${iconsRootPath}/chevron-down.svg` },
         { key: IconType.ChevronLeft, url: `${iconsRootPath}/chevron-left.svg` },
         { key: IconType.ChevronRight, url: `${iconsRootPath}/chevron-right.svg` },

projects/assets-library/src/icons/icon-library.module.ts

@@ -16,6 +16,7 @@ export const enum IconType {
   ArrowUpRight = 'svg:arrow-up-right',
   Cancel = 'cancel',
   CheckCircle = 'svg:check-circle',
+  CheckCircleFill = 'svg:check-circle-fill',
   Checkmark = 'checkmark',
   ChevronDown = 'svg:chevron-down',
   ChevronLeft = 'svg:chevron-left',

projects/assets-library/src/icons/icon-type.ts

@@ -4,6 +4,7 @@ export const enum IconSize {
   Medium = 'medium',
   Large = 'large',
   ExtraLarge = 'extra-large',
+  ExtraLarger = 'extra-larger',
   Hodor = 'hodor',
   Inherit = 'inherit'
 }

projects/components/src/icon/icon-size.ts

@@ -35,6 +35,12 @@
     width: 32px;
   }
 
+  &.extra-larger {
+    font-size: 48px;
+    height: 48px;
+    width: 48px;
+  }
+
   &.hodor {
     font-size: 64px;
     height: 64px;