[CL-573] Move all svg icons to new libs/assets (#16020)

* create libs/assets

* treeshake lib and filter out non-icons from icon story

* update docs

* fix icon colors in browser and desktop

* better name for vault icon

* move illustrations

libs/components/src/anon-layout/anon-layout-wrapper.component.ts

@@ -3,10 +3,10 @@ import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
 import { ActivatedRoute, Data, NavigationEnd, Router, RouterModule } from "@angular/router";
 import { Subject, filter, of, switchMap, tap } from "rxjs";
 
+import { Icon } from "@bitwarden/assets/svg";
 import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
 
 import { Translation } from "../dialog";
-import { Icon } from "../icon";
 
 import { AnonLayoutWrapperDataService } from "./anon-layout-wrapper-data.service";
 import { AnonLayoutComponent, AnonLayoutMaxWidth } from "./anon-layout.component";

libs/components/src/anon-layout/anon-layout-wrapper.stories.ts

@@ -9,6 +9,7 @@ import {
 } from "@storybook/angular";
 import { of } from "rxjs";
 
+import { LockIcon, RegistrationCheckEmailIcon } from "@bitwarden/assets/svg";
 import { ClientType } from "@bitwarden/common/enums";
 import {
   EnvironmentService,
@@ -18,7 +19,6 @@ import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.servic
 import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
 
 import { ButtonModule } from "../button";
-import { LockIcon, RegistrationCheckEmailIcon } from "../icon/icons";
 import { I18nMockService } from "../utils";
 
 import { AnonLayoutWrapperDataService } from "./anon-layout-wrapper-data.service";

libs/components/src/anon-layout/anon-layout.component.ts

@@ -11,18 +11,21 @@ import {
 import { RouterModule } from "@angular/router";
 import { firstValueFrom } from "rxjs";
 
+import {
+  AnonLayoutBitwardenShield,
+  BackgroundLeftIllustration,
+  BackgroundRightIllustration,
+  BitwardenLogo,
+  Icon,
+} from "@bitwarden/assets/svg";
 import { ClientType } from "@bitwarden/common/enums";
 import { EnvironmentService } from "@bitwarden/common/platform/abstractions/environment.service";
 import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
 
-import { IconModule, Icon } from "../icon";
-import { BitwardenLogo } from "../icon/icons";
-import { AnonLayoutBitwardenShield } from "../icon/logos";
+import { IconModule } from "../icon";
 import { SharedModule } from "../shared";
 import { TypographyModule } from "../typography";
 
-import { LeftIllustration, RightIllustration } from "./illustrations";
-
 export type AnonLayoutMaxWidth = "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl";
 
 @Component({
@@ -37,8 +40,8 @@ export class AnonLayoutComponent implements OnInit, OnChanges {
     return ["tw-h-full"];
   }
 
-  readonly leftIllustration = LeftIllustration;
-  readonly rightIllustration = RightIllustration;
+  readonly leftIllustration = BackgroundLeftIllustration;
+  readonly rightIllustration = BackgroundRightIllustration;
 
   readonly title = input<string>();
   readonly subtitle = input<string>();

libs/components/src/anon-layout/anon-layout.mdx

@@ -65,7 +65,8 @@ example) to construct the page via routable composition:
 
 ```typescript
 // File: oss-routing.module.ts
-import { AnonLayoutWrapperComponent, AnonLayoutWrapperData, LockIcon } from "@bitwarden/auth/angular";
+import { AnonLayoutWrapperComponent, AnonLayoutWrapperData } from "@bitwarden/auth/angular";
+import { LockIcon } from "@bitwarden/assets/svg";
 
 {
   path: "",
@@ -116,7 +117,8 @@ in the `AnonLayoutWrapperData` interface:
 All of these properties are optional.
 
 ```typescript
-import { AnonLayoutWrapperComponent, AnonLayoutWrapperData, LockIcon } from "@bitwarden/auth/angular";
+import { AnonLayoutWrapperComponent, AnonLayoutWrapperData } from "@bitwarden/auth/angular";
+import { LockIcon } from "@bitwarden/assets/svg";
 
 {
   // ...
@@ -137,7 +139,8 @@ on your client) as a component with `outlet: "environment-selector"`.
 
 ```javascript
 // File: oss-routing.module.ts
-import { AnonLayoutWrapperComponent, AnonLayoutWrapperData, LockIcon } from "@bitwarden/auth/angular";
+import { AnonLayoutWrapperComponent, AnonLayoutWrapperData } from "@bitwarden/auth/angular";
+
 import { EnvironmentSelectorComponent } from "./components/environment-selector/environment-selector.component";
 
 {

libs/components/src/anon-layout/anon-layout.stories.ts

@@ -2,14 +2,13 @@ import { ActivatedRoute, RouterModule } from "@angular/router";
 import { Meta, StoryObj, moduleMetadata } from "@storybook/angular";
 import { BehaviorSubject, of } from "rxjs";
 
+import { Icon, LockIcon } from "@bitwarden/assets/svg";
 import { ClientType } from "@bitwarden/common/enums";
 import { EnvironmentService } from "@bitwarden/common/platform/abstractions/environment.service";
 import { I18nService } from "@bitwarden/common/platform/abstractions/i18n.service";
 import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
 
 import { ButtonModule } from "../button";
-import { Icon } from "../icon";
-import { LockIcon } from "../icon/icons";
 import { I18nMockService } from "../utils/i18n-mock.service";
 
 import { AnonLayoutComponent } from "./anon-layout.component";

libs/components/src/anon-layout/illustrations/index.ts

@@ -1,2 +0,0 @@
-export * from "./left-illustration";
-export * from "./right-illustration";