Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-21 11:35:34 +01:00
Code Issues Projects Releases Wiki Activity

[CL-471] Update lock icon and others (#11508)

Browse Source
This commit is contained in:
Victoria League 2024-10-11 16:12:49 -04:00 committed by GitHub
parent 7297d0fccd
commit 988c2b69e0
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
6 changed files with 114 additions and 57 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

51
libs/angular/src/scss/bwicons/fonts/bwi-font.svg
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 301 KiB

After

Width:  |  Height:  |  Size: 321 KiB

BIN
libs/angular/src/scss/bwicons/fonts/bwi-font.ttf
View File

Binary file not shown.

BIN
libs/angular/src/scss/bwicons/fonts/bwi-font.woff
View File

Binary file not shown.

BIN
libs/angular/src/scss/bwicons/fonts/bwi-font.woff2
View File

Binary file not shown.

23
libs/angular/src/scss/bwicons/styles/style.scss
View File

@ -239,11 +239,15 @@ $icons: (
"github": "\e950", "github": "\e950",
"facebook": "\e94d", "facebook": "\e94d",
"paypal": "\e938", "paypal": "\e938",
"google": "\e951", "brave": "\e951",
"google": "\e9a5",
"duckduckgo": "\e9bb",
"tor": "\e9bc",
"vivaldi": "\e9bd",
"linkedin": "\e955", "linkedin": "\e955",
"discourse": "\e91e", "discourse": "\e91e",
"twitter": "\e961", "twitter": "\e961",
"x-twitter": "\e9a5", "x-twitter": "\e9be",
"youtube": "\e966", "youtube": "\e966",
"windows": "\e964", "windows": "\e964",
"apple": "\e945", "apple": "\e945",
@ -276,6 +280,21 @@ $icons: (
"popout": "\e9aa", "popout": "\e9aa",
"wand": "\e9a6", "wand": "\e9a6",
"msp": "\e9a1", "msp": "\e9a1",
"totp-codes-alt": "\e9ac",
"totp-codes-alt2": "\e9ad",
"totp-codes": "\e9ae",
"authenticator": "\e9af",
"fingerprint": "\e9b0",
"expired": "\e9ba",
"icon-1": "\e9b1",
"icon-2": "\e9b2",
"icon-3": "\e9b3",
"icon-4": "\e9b4",
"icon-5": "\e9b5",
"icon-6": "\e9b6",
"icon-7": "\e9b7",
"icon-8": "\e9b8",
"icon-9": "\e9b9",
); );
@each $name, $glyph in $icons { @each $name, $glyph in $icons {

97
libs/components/src/stories/icons.mdx
View File

@ -17,6 +17,7 @@ or an options menu icon.
| <i class="bwi bwi-ban"></i> | bwi-ban | option or feature not available. Example: send maximum access count was reached | | <i class="bwi bwi-ban"></i> | bwi-ban | option or feature not available. Example: send maximum access count was reached |
| <i class="bwi bwi-check"></i> | bwi-check | confirmation action (Example: "confirm member"), successful confirmation (toast or callout), or shows currently selected option in a menu. Use with success color variable if applicable. | | <i class="bwi bwi-check"></i> | bwi-check | confirmation action (Example: "confirm member"), successful confirmation (toast or callout), or shows currently selected option in a menu. Use with success color variable if applicable. |
| <i class="bwi bwi-error"></i> | bwi-error | error; used in form field error states and error toasts, banners, and callouts. Do not use as a close or clear icon. Use with danger color variable. | | <i class="bwi bwi-error"></i> | bwi-error | error; used in form field error states and error toasts, banners, and callouts. Do not use as a close or clear icon. Use with danger color variable. |
| <i class="bwi bwi-expired"></i> | bwi-expired | - |
| <i class="bwi bwi-exclamation-circle"></i> | bwi-exclamation-circle | deprecated error icon; use bwi-error | | <i class="bwi bwi-exclamation-circle"></i> | bwi-exclamation-circle | deprecated error icon; use bwi-error |
| <i class="bwi bwi-exclamation-triangle"></i> | bwi-exclamation-triangle | warning; used in warning callouts, banners, and toasts. Use with warning color variable. | | <i class="bwi bwi-exclamation-triangle"></i> | bwi-exclamation-triangle | warning; used in warning callouts, banners, and toasts. Use with warning color variable. |
| <i class="bwi bwi-info-circle"></i> | bwi-info-circle | information; used in info callouts, banners, and toasts. Use with info color variable. | | <i class="bwi bwi-info-circle"></i> | bwi-info-circle | information; used in info callouts, banners, and toasts. Use with info color variable. |
@ -25,21 +26,22 @@ or an options menu icon.
## Bitwarden Objects ## Bitwarden Objects
| Icon | bwi-name | Usage | | Icon | bwi-name | Usage |
| ----------------------------------- | --------------- | --------------------------------------------------- | | ------------------------------------- | ----------------- | --------------------------------------------------- |
| <i class="bwi bwi-business"></i> | bwi-business | organization or vault for Free, Teams or Enterprise | | <i class="bwi bwi-authenticator"></i> | bwi-authenticator | authenticator app |
| <i class="bwi bwi-collection"></i> | bwi-collection | collection | | <i class="bwi bwi-business"></i> | bwi-business | organization or vault for Free, Teams or Enterprise |
| <i class="bwi bwi-credit-card"></i> | bwi-credit-card | card item type | | <i class="bwi bwi-collection"></i> | bwi-collection | collection |
| <i class="bwi bwi-family"></i> | bwi-family | family vault or organization | | <i class="bwi bwi-credit-card"></i> | bwi-credit-card | card item type |
| <i class="bwi bwi-folder"></i> | bwi-folder | folder | | <i class="bwi bwi-family"></i> | bwi-family | family vault or organization |
| <i class="bwi bwi-globe"></i> | bwi-globe | login item type | | <i class="bwi bwi-folder"></i> | bwi-folder | folder |
| <i class="bwi bwi-id-card"></i> | bwi-id-card | identity item type | | <i class="bwi bwi-globe"></i> | bwi-globe | login item type |
| <i class="bwi bwi-send"></i> | bwi-send | send action or feature | | <i class="bwi bwi-id-card"></i> | bwi-id-card | identity item type |
| <i class="bwi bwi-send-f"></i> | bwi-send-f | - | | <i class="bwi bwi-send"></i> | bwi-send | send action or feature |
| <i class="bwi bwi-sticky-note"></i> | bwi-sticky-note | secure note item type | | <i class="bwi bwi-send-f"></i> | bwi-send-f | - |
| <i class="bwi bwi-users"></i> | bwi-users | user group | | <i class="bwi bwi-sticky-note"></i> | bwi-sticky-note | secure note item type |
| <i class="bwi bwi-vault"></i> | bwi-vault | general vault | | <i class="bwi bwi-users"></i> | bwi-users | user group |
| <i class="bwi bwi-vault-f"></i> | bwi-vault-f | general vault | | <i class="bwi bwi-vault"></i> | bwi-vault | general vault |
| <i class="bwi bwi-vault-f"></i> | bwi-vault-f | general vault |
## Actions ## Actions
@ -146,11 +148,21 @@ or an options menu icon.
| <i class="bwi bwi-file"></i> | bwi-file | file related objects or actions | | <i class="bwi bwi-file"></i> | bwi-file | file related objects or actions |
| <i class="bwi bwi-file-pdf"></i> | bwi-file-pdf | PDF related object or actions | | <i class="bwi bwi-file-pdf"></i> | bwi-file-pdf | PDF related object or actions |
| <i class="bwi bwi-file-text"></i> | bwi-file-text | text related objects or actions | | <i class="bwi bwi-file-text"></i> | bwi-file-text | text related objects or actions |
| <i class="bwi bwi-fingerprint"></i> | bwi-fingerprint | - |
| <i class="bwi bwi-bw-folder-open-f1"></i> | bwi-bw-folder-open-f1 | - | | <i class="bwi bwi-bw-folder-open-f1"></i> | bwi-bw-folder-open-f1 | - |
| <i class="bwi bwi-folder-closed-f"></i> | bwi-folder-closed-f | - | | <i class="bwi bwi-folder-closed-f"></i> | bwi-folder-closed-f | - |
| <i class="bwi bwi-folder-open"></i> | bwi-folder-open | - | | <i class="bwi bwi-folder-open"></i> | bwi-folder-open | - |
| <i class="bwi bwi-frown"></i> | bwi-frown | - | | <i class="bwi bwi-frown"></i> | bwi-frown | - |
| <i class="bwi bwi-hashtag"></i> | bwi-hashtag | link to specific id | | <i class="bwi bwi-hashtag"></i> | bwi-hashtag | link to specific id |
| <i class="bwi bwi-icon-1"></i> | bwi-icon-1 | - |
| <i class="bwi bwi-icon-2"></i> | bwi-icon-2 | - |
| <i class="bwi bwi-icon-3"></i> | bwi-icon-3 | - |
| <i class="bwi bwi-icon-4"></i> | bwi-icon-4 | - |
| <i class="bwi bwi-icon-5"></i> | bwi-icon-5 | - |
| <i class="bwi bwi-icon-6"></i> | bwi-icon-6 | - |
| <i class="bwi bwi-icon-7"></i> | bwi-icon-7 | - |
| <i class="bwi bwi-icon-8"></i> | bwi-icon-8 | - |
| <i class="bwi bwi-icon-9"></i> | bwi-icon-9 | - |
| <i class="bwi bwi-insurance"></i> | bwi-insurance | - | | <i class="bwi bwi-insurance"></i> | bwi-insurance | - |
| <i class="bwi bwi-key"></i> | bwi-key | key or password related objects or actions | | <i class="bwi bwi-key"></i> | bwi-key | key or password related objects or actions |
| <i class="bwi bwi-learning"></i> | bwi-learning | learning center | | <i class="bwi bwi-learning"></i> | bwi-learning | learning center |
@ -178,6 +190,9 @@ or an options menu icon.
| <i class="bwi bwi-tag"></i> | bwi-tag | labels | | <i class="bwi bwi-tag"></i> | bwi-tag | labels |
| <i class="bwi bwi-thumb-tack"></i> | bwi-thumb-tack | - | | <i class="bwi bwi-thumb-tack"></i> | bwi-thumb-tack | - |
| <i class="bwi bwi-thumbs-up"></i> | bwi-thumbs-up | - | | <i class="bwi bwi-thumbs-up"></i> | bwi-thumbs-up | - |
| <i class="bwi bwi-totp-codes"></i> | bwi-totp-codes | - |
| <i class="bwi bwi-totp-codes-alt"></i> | bwi-totp-codes-alt | - |
| <i class="bwi bwi-totp-codes-alt2"></i> | bwi-totp-codes-alt2 | - |
| <i class="bwi bwi-universal-access"></i> | bwi-universal-access | use for accessibility related actions | | <i class="bwi bwi-universal-access"></i> | bwi-universal-access | use for accessibility related actions |
| <i class="bwi bwi-user"></i> | bwi-user | relates to current user or organization member | | <i class="bwi bwi-user"></i> | bwi-user | relates to current user or organization member |
| <i class="bwi bwi-user-circle"></i> | bwi-user-circle | - | | <i class="bwi bwi-user-circle"></i> | bwi-user-circle | - |
@ -189,27 +204,31 @@ or an options menu icon.
## Platforms and Logos ## Platforms and Logos
| Icon | bwi-name | Usage | | Icon | bwi-name | Usage |
| --------------------------------- | ------------- | ---------------------------- | | ---------------------------------- | -------------- | ---------------------------- |
| <i class="bwi bwi-android"></i> | bwi-android | android support | | <i class="bwi bwi-android"></i> | bwi-android | android support |
| <i class="bwi bwi-apple"></i> | bwi-apple | apple/IOS support | | <i class="bwi bwi-apple"></i> | bwi-apple | apple/IOS support |
| <i class="bwi bwi-chrome"></i> | bwi-chrome | chrome support | | <i class="bwi bwi-brave"></i> | bwi-brave | - |
| <i class="bwi bwi-discourse"></i> | bwi-discourse | community forum | | <i class="bwi bwi-chrome"></i> | bwi-chrome | chrome support |
| <i class="bwi bwi-edge"></i> | bwi-edge | edge support | | <i class="bwi bwi-discourse"></i> | bwi-discourse | community forum |
| <i class="bwi bwi-facebook"></i> | bwi-facebook | link to our facebook page | | <i class="bwi bwi-duckduckgo"></i> | bwi-duckduckgo | - |
| <i class="bwi bwi-firefox"></i> | bwi-firefox | support for firefox | | <i class="bwi bwi-edge"></i> | bwi-edge | edge support |
| <i class="bwi bwi-github"></i> | bwi-github | link to our github page | | <i class="bwi bwi-facebook"></i> | bwi-facebook | link to our facebook page |
| <i class="bwi bwi-google"></i> | bwi-google | link to our google page | | <i class="bwi bwi-firefox"></i> | bwi-firefox | support for firefox |
| <i class="bwi bwi-instagram"></i> | bwi-instagram | link to our Instagram page | | <i class="bwi bwi-github"></i> | bwi-github | link to our github page |
| <i class="bwi bwi-linkedin"></i> | bwi-linkedin | link to our linkedIn page | | <i class="bwi bwi-google"></i> | bwi-google | link to our google page |
| <i class="bwi bwi-linux"></i> | bwi-linux | linux support | | <i class="bwi bwi-instagram"></i> | bwi-instagram | link to our Instagram page |
| <i class="bwi bwi-mastodon"></i> | bwi-mastodon | link to our Mastodon page | | <i class="bwi bwi-linkedin"></i> | bwi-linkedin | link to our linkedIn page |
| <i class="bwi bwi-opera"></i> | bwi-opera | support for Opera | | <i class="bwi bwi-linux"></i> | bwi-linux | linux support |
| <i class="bwi bwi-paypal"></i> | bwi-paypal | PayPal | | <i class="bwi bwi-mastodon"></i> | bwi-mastodon | link to our Mastodon page |
| <i class="bwi bwi-reddit"></i> | bwi-reddit | link to our reddit community | | <i class="bwi bwi-opera"></i> | bwi-opera | support for Opera |
| <i class="bwi bwi-safari"></i> | bwi-safari | safari support | | <i class="bwi bwi-paypal"></i> | bwi-paypal | PayPal |
| <i class="bwi bwi-twitch"></i> | bwi-twitch | link to our Twitch page | | <i class="bwi bwi-reddit"></i> | bwi-reddit | link to our reddit community |
| <i class="bwi bwi-twitter"></i> | bwi-twitter | link to our twitter page | | <i class="bwi bwi-safari"></i> | bwi-safari | safari support |
| <i class="bwi bwi-windows"></i> | bwi-windows | support for windows | | <i class="bwi bwi-twitch"></i> | bwi-twitch | link to our Twitch page |
| <i class="bwi bwi-x-twitter"></i> | bwi-x-twitter | x version of twitter | | <i class="bwi bwi-twitter"></i> | bwi-twitter | link to our twitter page |
| <i class="bwi bwi-youtube"></i> | bwi-youtube | link to our youtube page | | <i class="bwi bwi-tor"></i> | bwi-tor | - |
| <i class="bwi bwi-vivaldi"></i> | bwi-vivaldi | - |
| <i class="bwi bwi-windows"></i> | bwi-windows | support for windows |
| <i class="bwi bwi-x-twitter"></i> | bwi-x-twitter | x version of twitter |
| <i class="bwi bwi-youtube"></i> | bwi-youtube | link to our youtube page |