bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-10 05:13:29 +00:00
Code Issues Releases Wiki Activity

[deps] Autofill: Update prettier to v3.6.2 (#15496)

Browse Source 
* [deps] Autofill: Update prettier to v3.6.2

* fix: [PM-23425] Fix prettier issues related to dependency updte

Signed-off-by: Ben Brooks <bbrooks@bitwarden.com>

* [deps] Autofill: Update prettier to v3.6.2

---------

Signed-off-by: Ben Brooks <bbrooks@bitwarden.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Ben Brooks <bbrooks@bitwarden.com>
This commit is contained in:
renovate[bot]
2025-08-01 14:02:54 -07:00
committed by GitHub
parent 64f945e4fc
commit 2dd6164fce
9 changed files with 9 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
libs/components/src/icon/icon.mdx
View File

@@ -19,7 +19,6 @@ import { IconModule } from "@bitwarden/components";
## Developer Instructions
1. **Download the SVG** and import it as an `.svg` initially into the IDE of your choice.
- The SVG should be formatted using either a built-in formatter or an external tool like
[SVG Formatter Beautifier](https://codebeautify.org/svg-formatter-beautifier) to make applying
classes easier.
@@ -35,7 +34,6 @@ import { IconModule } from "@bitwarden/components";
```
5. **Replace any hardcoded strokes or fills** with the appropriate Tailwind class.
- **Note:** Stroke is used when styling the outline of an SVG path, while fill is used when
styling the inside of an SVG path.
@@ -52,7 +50,6 @@ import { IconModule } from "@bitwarden/components";
- If the hex that you have on an SVG path is not listed above, there are a few ways to figure out
the appropriate Tailwind class:
- **Option 1: Figma**
- Open the SVG in Figma.
- Click on an individual path on the SVG until you see the path's properties in the
@@ -76,14 +73,11 @@ import { IconModule } from "@bitwarden/components";
6. **Remove any hardcoded width or height attributes** if your SVG has a configured
[viewBox](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/viewBox) attribute in order
to allow the SVG to scale to fit its container.
- **Note:** Scaling is required for any SVG used as an
[AnonLayout](?path=/docs/auth-anon-layout--docs) `pageIcon`.
7. **Import your SVG const** anywhere you want to use the SVG.
- **Angular Component Example:**
- **TypeScript:**
```typescript

1
libs/components/src/stories/introduction.mdx
View File

@@ -153,7 +153,6 @@ what would be helpful to you if you were consuming this component for the first
2. (For team-owned components) Check if your file path is already included in the
`.storybook/main.ts` config -- if not, add it
3. Write the docs `*.mdx` page
- What is the component intended to be used for?
- How to import and use it? What inputs and slots are available?
- Are there other usage guidelines, such as pointing out similar components and when to use each?