bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-16 00:03:56 +00:00
Code Issues Releases Wiki Activity

[CL-333] Icon Refresh Feature Branch (#14298)

Browse Source 
* [CL-571] Update icons to new fileset and metaphors (#14163)

* [CL-518] Convert icons docs to stories (#14299)

* [CL-574] Update inline autofill icons (#14379)

---------

Co-authored-by: William Martin <contact@willmartian.com>
This commit is contained in:
Vicki League
2025-05-07 17:07:14 -04:00
committed by GitHub
parent 74b6bb15e8
commit 8ecb32f30f
78 changed files with 1735 additions and 1582 deletions
Download Patch File Download Diff File Expand all files Collapse all files

76
libs/components/src/layout/layout.stories.ts
View File

@@ -60,26 +60,26 @@ export const WithContent: Story = {
<bit-nav-group
text="Level 1 - with children (empty)"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-group>
<bit-nav-item
text="Level 1 - no children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-item>
<bit-nav-group
text="Level 1 - with children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
>
<bit-nav-group
text="Level 2 - with children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
>
@@ -91,7 +91,7 @@ export const WithContent: Story = {
<bit-nav-group
text="Level 3 - with children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
>
@@ -105,48 +105,48 @@ export const WithContent: Story = {
<bit-nav-group
text="Level 2 - with children (empty)"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
></bit-nav-group>
<bit-nav-item
text="Level 2 - no children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-item>
</bit-nav-group>
<bit-nav-item
text="Level 1 - no children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-item>
</bit-nav-group>
<bit-nav-group text="Tree B" icon="bwi-collection" [open]="true">
<bit-nav-group text="Tree B" icon="bwi-collection-shared" [open]="true">
<bit-nav-group
text="Level 1 - with children (empty)"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-group>
<bit-nav-item
text="Level 1 - no children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-item>
<bit-nav-group
text="Level 1 - with children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
>
<bit-nav-group
text="Level 2 - with children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
>
@@ -158,7 +158,7 @@ export const WithContent: Story = {
<bit-nav-group
text="Level 3 - with children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
>
@@ -172,21 +172,21 @@ export const WithContent: Story = {
<bit-nav-group
text="Level 2 - with children (empty)"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
></bit-nav-group>
<bit-nav-item
text="Level 2 - no children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-item>
</bit-nav-group>
<bit-nav-item
text="Level 1 - no children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-item>
</bit-nav-group>
@@ -194,26 +194,26 @@ export const WithContent: Story = {
<bit-nav-group
text="Level 1 - with children (empty)"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-group>
<bit-nav-item
text="Level 1 - no children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-item>
<bit-nav-group
text="Level 1 - with children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
>
<bit-nav-group
text="Level 2 - with children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
>
@@ -225,7 +225,7 @@ export const WithContent: Story = {
<bit-nav-group
text="Level 3 - with children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
>
@@ -239,21 +239,21 @@ export const WithContent: Story = {
<bit-nav-group
text="Level 2 - with children (empty)"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
></bit-nav-group>
<bit-nav-item
text="Level 2 - no children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-item>
</bit-nav-group>
<bit-nav-item
text="Level 1 - no children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-item>
</bit-nav-group>
@@ -277,35 +277,35 @@ export const Secondary: Story = {
template: /* HTML */ `
<bit-layout>
<bit-side-nav variant="secondary">
<bit-nav-item text="Item A" icon="bwi-collection"></bit-nav-item>
<bit-nav-item text="Item B" icon="bwi-collection"></bit-nav-item>
<bit-nav-item text="Item A" icon="bwi-collection-shared"></bit-nav-item>
<bit-nav-item text="Item B" icon="bwi-collection-shared"></bit-nav-item>
<bit-nav-divider></bit-nav-divider>
<bit-nav-item text="Item C" icon="bwi-collection"></bit-nav-item>
<bit-nav-item text="Item D" icon="bwi-collection"></bit-nav-item>
<bit-nav-group text="Tree example" icon="bwi-collection" [open]="true">
<bit-nav-item text="Item C" icon="bwi-collection-shared"></bit-nav-item>
<bit-nav-item text="Item D" icon="bwi-collection-shared"></bit-nav-item>
<bit-nav-group text="Tree example" icon="bwi-collection-shared" [open]="true">
<bit-nav-group
text="Level 1 - with children (empty)"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-group>
<bit-nav-item
text="Level 1 - no children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-item>
<bit-nav-group
text="Level 1 - with children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
>
<bit-nav-group
text="Level 2 - with children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
>
@@ -317,7 +317,7 @@ export const Secondary: Story = {
<bit-nav-group
text="Level 3 - with children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
>
@@ -331,21 +331,21 @@ export const Secondary: Story = {
<bit-nav-group
text="Level 2 - with children (empty)"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
[open]="true"
></bit-nav-group>
<bit-nav-item
text="Level 2 - no children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-item>
</bit-nav-group>
<bit-nav-item
text="Level 1 - no children"
route="#"
icon="bwi-collection"
icon="bwi-collection-shared"
variant="tree"
></bit-nav-item>
</bit-nav-group>