Conversation
…e transition Phase 1 of a unified overlay motion system. A shared ScaleFade transition (opacity 0→1 + scale 0.96→1, modeled on MUI's Grow) is wired as the default TransitionComponent for MuiMenu and MuiPopover at 100ms, so all menus, selects and popovers pop consistently instead of using MUI's default Grow. Timing lives in a single motion-tokens module. - src/utils/motion.ts: central duration/easing tokens (single source of truth) - ScaleFade: MUI-compatible transition primitive (scale 0.96, not Grow's 0.75) - theme: MuiMenu/MuiPopover transition defaults + global prefers-reduced-motion - showcase: Select/Menu specimens in the Overlays section Modals and drawers are intentionally untouched (deferred to later phases).
The outlined variant sets border:none at rest, but its :hover block only changed background + re-asserted the box-shadow ring, so MUI's built-in .MuiButton-outlinedPrimary:hover border leaked through on hover only. Force border:none in the hover/focus block so the borderless pill stays borderless.
…radients - figmaColors.ts: single source of truth for color tokens + the figVars var() accessor. - theme.tsx: flatten tokens onto the MUI CssVars palette (P3 + sRGB fallback); emit P3 vars. - colorToP3.ts: Display-P3 conversion for the @supports P3 override layer. - gradients slot/type removed; the new branding uses the solid purple-1 token.
Sweep explicit color reads onto flattened figma tokens (bare sx strings / figVars) for P3. Also swaps the brand gradient for the solid purple-1 token in the affected components.
Same token sweep across module components for Display-P3 with sRGB fallback. Swaps the brand gradient for purple-1 in the E-Mode button, StakeActionBox and version badge.
Token sweep across layouts; swaps the newGradient banner for purple-1 in TopBarNotify.
Buttons, icon and toggle buttons scale to 0.99 on :active (not disabled) via a shared fragment. MarketSwitcher's custom Box trigger gets the same press feedback inline.
DotsHorizontalIcon: currentColor meatball icon replacing the '...' text supply dropdown. iconButtonSx (buttonStyles.ts): square icon-only button styling (min-width 0, 0.25rem pad). Desktop table action buttons across the four dashboard lists set to size=small.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +9.64 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
894 B |
1.33 MB |
/dev/components/[section] |
945 B |
1.33 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
96.8 KB (🟡 +876 B) |
1.43 MB |
/404 |
2.08 KB (🟢 -774 B) |
1.33 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.33 MB |
/bridge |
37.38 KB (🟢 -368 B) |
1.37 MB |
/dashboard |
86.6 KB (🟡 +1.09 KB) |
1.42 MB |
/faucet |
15.14 KB (🟡 +86 B) |
1.35 MB |
/governance |
41.65 KB (🟢 -1.29 KB) |
1.37 MB |
/governance/ipfs-preview |
101.11 KB (🟢 -558 B) |
1.43 MB |
/governance/v3/proposal |
88.13 KB (🟢 -680 B) |
1.42 MB |
/history |
35.66 KB (🟢 -695 B) |
1.37 MB |
/markets |
55.08 KB (🟡 +265 B) |
1.39 MB |
/reserve-overview |
38.39 KB (🟢 -1.47 KB) |
1.37 MB |
/safety-module |
56.06 KB (🟢 -326 B) |
1.39 MB |
/sgho |
91.56 KB (🟢 -1.36 KB) |
1.42 MB |
/staking |
31.52 KB (🟢 -1.96 KB) |
1.36 MB |
/v3-migration |
53.06 KB (🟡 +500 B) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
… /dev/components - sGHO markets banner (SavingsGhoBanner + mobile): tokenized gradient surface, 6rem height, H2/description typography, label-above-value stats, space-between layout; shared heading/stat/surface pieces extracted. - New "Banners" section in /dev/components rendering every page-level banner, incl. both sGHO states, via preview/override props on TopBarNotify, AnalyticsBanner, and SavingsGhoBanner (no production behaviour change). - Add sgho-banner-green/-fade gradient-tint tokens; Button labels never wrap. Also includes concurrent v3-uplift work: MarketSwitcher, ListButtonsColumn, theme, and a new insetHighlight util.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +10.5 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
925 B |
1.33 MB |
/dev/components/[section] |
978 B |
1.33 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
96.84 KB (🟡 +919 B) |
1.43 MB |
/404 |
2.08 KB (🟢 -774 B) |
1.33 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.38 KB (🟢 -366 B) |
1.37 MB |
/dashboard |
86.6 KB (🟡 +1.08 KB) |
1.42 MB |
/faucet |
15.14 KB (🟡 +87 B) |
1.35 MB |
/governance |
41.65 KB (🟢 -1.29 KB) |
1.37 MB |
/governance/ipfs-preview |
101.11 KB (🟢 -560 B) |
1.43 MB |
/governance/v3/proposal |
88.13 KB (🟢 -681 B) |
1.42 MB |
/history |
35.66 KB (🟢 -696 B) |
1.37 MB |
/markets |
55.12 KB (🟡 +308 B) |
1.39 MB |
/reserve-overview |
38.39 KB (🟢 -1.47 KB) |
1.37 MB |
/safety-module |
56.06 KB (🟢 -326 B) |
1.39 MB |
/sgho |
91.56 KB (🟢 -1.36 KB) |
1.42 MB |
/staking |
31.52 KB (🟢 -1.96 KB) |
1.36 MB |
/v3-migration |
53.06 KB (🟡 +500 B) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
… banners - MarketSwitcher favourite star: on keyboard focus reveal it and ring it with the same focus outline the buttons use; show the row highlight on hover AND focus; bump the empty star fill a step stronger (fg-4 to fg-3) on hover/focus. - Tokenise the favourite gold as favourite-star (Display-P3 + sRGB via the palette), replacing the hand-written hex in StarIcon. - /dev/components banners: opt the section out of the max-width container (fullBleed) and wrap each banner to fill the stage, so banners show at full page width.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +10.63 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
936 B |
1.33 MB |
/dev/components/[section] |
987 B |
1.33 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
96.84 KB (🟡 +919 B) |
1.43 MB |
/404 |
2.08 KB (🟢 -774 B) |
1.33 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.38 KB (🟢 -366 B) |
1.37 MB |
/dashboard |
86.6 KB (🟡 +1.08 KB) |
1.42 MB |
/faucet |
15.14 KB (🟡 +87 B) |
1.35 MB |
/governance |
41.65 KB (🟢 -1.29 KB) |
1.37 MB |
/governance/ipfs-preview |
101.11 KB (🟢 -560 B) |
1.43 MB |
/governance/v3/proposal |
88.13 KB (🟢 -681 B) |
1.42 MB |
/history |
35.66 KB (🟢 -696 B) |
1.37 MB |
/markets |
55.12 KB (🟡 +308 B) |
1.39 MB |
/reserve-overview |
38.39 KB (🟢 -1.47 KB) |
1.37 MB |
/safety-module |
56.06 KB (🟢 -326 B) |
1.39 MB |
/sgho |
91.56 KB (🟢 -1.36 KB) |
1.42 MB |
/staking |
31.52 KB (🟢 -1.96 KB) |
1.36 MB |
/v3-migration |
53.06 KB (🟡 +500 B) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
… icon
- ListWrapper: replace the clickable box + CSS +/- bar with a text Button labelled
'Hide {collapseLabel}' / 'Show {collapseLabel}' with a MinusIcon suffix (fg-3), keeping
the minus/plus collapse affordance.
- Add a clean currentColor MinusIcon (from the Figma export).
- Pass collapseLabel from the four dashboard cards: assets to supply, your supplies,
assets to borrow, your borrows.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +10.71 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
937 B |
1.33 MB |
/dev/components/[section] |
989 B |
1.33 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
97.08 KB (🟡 +1.14 KB) |
1.43 MB |
/404 |
2.08 KB (🟢 -774 B) |
1.33 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.57 KB (🟢 -172 B) |
1.37 MB |
/dashboard |
86.84 KB (🟡 +1.33 KB) |
1.42 MB |
/faucet |
15.33 KB (🟡 +282 B) |
1.35 MB |
/governance |
41.65 KB (🟢 -1.29 KB) |
1.37 MB |
/governance/ipfs-preview |
101.11 KB (🟢 -560 B) |
1.43 MB |
/governance/v3/proposal |
88.13 KB (🟢 -681 B) |
1.42 MB |
/history |
35.84 KB (🟢 -502 B) |
1.37 MB |
/markets |
55.31 KB (🟡 +503 B) |
1.39 MB |
/reserve-overview |
38.39 KB (🟢 -1.47 KB) |
1.37 MB |
/safety-module |
56.06 KB (🟢 -326 B) |
1.39 MB |
/sgho |
91.56 KB (🟢 -1.36 KB) |
1.42 MB |
/staking |
31.71 KB (🟢 -1.77 KB) |
1.36 MB |
/v3-migration |
53.26 KB (🟡 +696 B) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
- Replace the ghost+coin art with the GHO coin-stack illustration (public/gho-coins.png, from the aave-web Credit Line banner) in both banner variants. - Set the illustration-to-title gap to 1.5rem on the desktop banner.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +10.7 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
937 B |
1.33 MB |
/dev/components/[section] |
989 B |
1.33 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
97.08 KB (🟡 +1.14 KB) |
1.43 MB |
/404 |
2.08 KB (🟢 -774 B) |
1.33 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.57 KB (🟢 -172 B) |
1.37 MB |
/dashboard |
86.84 KB (🟡 +1.33 KB) |
1.42 MB |
/faucet |
15.33 KB (🟡 +282 B) |
1.35 MB |
/governance |
41.65 KB (🟢 -1.29 KB) |
1.37 MB |
/governance/ipfs-preview |
101.11 KB (🟢 -560 B) |
1.43 MB |
/governance/v3/proposal |
88.13 KB (🟢 -681 B) |
1.42 MB |
/history |
35.84 KB (🟢 -502 B) |
1.37 MB |
/markets |
55.31 KB (🟡 +503 B) |
1.39 MB |
/reserve-overview |
38.39 KB (🟢 -1.47 KB) |
1.37 MB |
/safety-module |
56.06 KB (🟢 -326 B) |
1.39 MB |
/sgho |
91.56 KB (🟢 -1.36 KB) |
1.42 MB |
/staking |
31.71 KB (🟢 -1.77 KB) |
1.36 MB |
/v3-migration |
53.26 KB (🟡 +696 B) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
- New ColorSpecimen renders each token in its role — text as text, backgrounds as surfaces, borders as dividers, shadows as shadows. - Colors section keeps only the role-based groups (dropped the plain-swatch groups) and gives specimens and sections more breathing room.
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +10.68 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
937 B |
1.33 MB |
/dev/components/[section] |
990 B |
1.33 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
97.08 KB (🟡 +1.14 KB) |
1.43 MB |
/404 |
2.08 KB (🟢 -774 B) |
1.33 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.57 KB (🟢 -172 B) |
1.37 MB |
/dashboard |
86.84 KB (🟡 +1.33 KB) |
1.42 MB |
/faucet |
15.33 KB (🟡 +282 B) |
1.35 MB |
/governance |
41.65 KB (🟢 -1.29 KB) |
1.37 MB |
/governance/ipfs-preview |
101.11 KB (🟢 -560 B) |
1.43 MB |
/governance/v3/proposal |
88.13 KB (🟢 -681 B) |
1.42 MB |
/history |
35.84 KB (🟢 -502 B) |
1.37 MB |
/markets |
55.31 KB (🟡 +503 B) |
1.39 MB |
/reserve-overview |
38.39 KB (🟢 -1.47 KB) |
1.37 MB |
/safety-module |
56.06 KB (🟢 -326 B) |
1.39 MB |
/sgho |
91.56 KB (🟢 -1.36 KB) |
1.42 MB |
/staking |
31.71 KB (🟢 -1.77 KB) |
1.36 MB |
/v3-migration |
53.26 KB (🟡 +696 B) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
- Multiselect shows a muted "Select networks" placeholder when empty - Switch/label: default 0.5rem gap + zero MUI's -11px FormControlLabel offset so labeled switches aren't cramped against neighbours - Disabled selects are inert to hover / pointer / touch (pointer-events: none) - Remove the unused Slider specimen + dead MuiSlider override + orphaned slider tokens - Layout: full-width specimen bands, top-aligned rows (Section), and a new Specimen `align` prop so the TextField stage top-aligns its input boxes
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +10.69 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
932 B |
1.33 MB |
/dev/components/[section] |
984 B |
1.33 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
97.08 KB (🟡 +1.14 KB) |
1.43 MB |
/404 |
2.08 KB (🟢 -774 B) |
1.33 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.57 KB (🟢 -172 B) |
1.37 MB |
/dashboard |
86.84 KB (🟡 +1.33 KB) |
1.42 MB |
/faucet |
15.33 KB (🟡 +282 B) |
1.35 MB |
/governance |
41.65 KB (🟢 -1.29 KB) |
1.37 MB |
/governance/ipfs-preview |
101.11 KB (🟢 -560 B) |
1.43 MB |
/governance/v3/proposal |
88.13 KB (🟢 -681 B) |
1.42 MB |
/history |
35.84 KB (🟢 -502 B) |
1.37 MB |
/markets |
55.31 KB (🟡 +503 B) |
1.39 MB |
/reserve-overview |
38.39 KB (🟢 -1.47 KB) |
1.37 MB |
/safety-module |
56.06 KB (🟢 -326 B) |
1.39 MB |
/sgho |
91.56 KB (🟢 -1.36 KB) |
1.42 MB |
/staking |
31.71 KB (🟢 -1.77 KB) |
1.36 MB |
/v3-migration |
53.26 KB (🟡 +696 B) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
- Mobile menu: one animated hamburger/close toggle (no header shift), slide-in from the right,
a bgp-2 surface, 3rem rows with a left-edge active indicator, a Staking accordion, and a
pinned Swap / Bridge GHO footer with a fade scrim
- Add a /dev/components "Empty states" section + a shared EmptyStatePaper card that
ConnectWalletPaper now builds on ("No Wallet Connected")
- ConnectWalletButton: always outlined, "Connect Wallet" label
- List-card Hide toggle is now an outlined medium button
- Selection controls + switch gain a keyboard-focus ring (shared focusRing const)
- Drop the Link and gradient-text specimens from the data-primitives showcase
|
📦 Next.js Bundle Analysis for aave-uiThis analysis was generated by the Next.js Bundle Analysis action. 🤖
|
| Page | Size (compressed) |
|---|---|
global |
1.33 MB (🟡 +12.84 KB) |
Details
The global bundle is the javascript bundle that loads alongside every page. It is in its own category because its impact is much higher - an increase to its size means that every page on your website loads slower, and a decrease means every page loads faster.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
If you want further insight into what is behind the changes, give @next/bundle-analyzer a try!
New Pages Added
The following pages were added to the bundle from the code in this PR:
| Page | Size (compressed) | First Load |
|---|---|---|
/dev/components |
969 B |
1.34 MB |
/dev/components/[section] |
1.17 KB |
1.34 MB |
Sixteen Pages Changed Size
The following pages changed size from the code in this PR compared to its base branch:
| Page | Size (compressed) | First Load |
|---|---|---|
/ |
92.94 KB (🟢 -3.01 KB) |
1.43 MB |
/404 |
2.08 KB (🟢 -775 B) |
1.34 MB |
/500 |
2.41 KB (🟢 -773 B) |
1.34 MB |
/bridge |
37.79 KB (🟡 +55 B) |
1.37 MB |
/dashboard |
82.82 KB (🟢 -2.7 KB) |
1.42 MB |
/faucet |
11.44 KB (🟢 -3.61 KB) |
1.35 MB |
/governance |
41.65 KB (🟢 -1.29 KB) |
1.38 MB |
/governance/ipfs-preview |
100.68 KB (🟢 -1003 B) |
1.43 MB |
/governance/v3/proposal |
86.37 KB (🟢 -2.42 KB) |
1.42 MB |
/history |
31.76 KB (🟢 -4.57 KB) |
1.37 MB |
/markets |
55.48 KB (🟡 +668 B) |
1.39 MB |
/reserve-overview |
38.39 KB (🟢 -1.47 KB) |
1.37 MB |
/safety-module |
56.06 KB (🟢 -328 B) |
1.39 MB |
/sgho |
91.81 KB (🟢 -1.12 KB) |
1.42 MB |
/staking |
31.71 KB (🟢 -1.77 KB) |
1.37 MB |
/v3-migration |
48.73 KB (🟢 -3.84 KB) |
1.38 MB |
Details
Only the gzipped size is provided here based on an expert tip.
First Load is the size of the global bundle plus the bundle for the individual page. If a user were to show up to your website and land on a given page, the first load size represents the amount of javascript that user would need to download. If next/link is used, subsequent page loads would only need to download that page's bundle (the number in the "Size" column), since the global bundle has already been downloaded.
Any third party scripts you have added directly to your app using the <script> tag are not accounted for in this analysis
Next to the size is how much the size has increased or decreased compared with the base branch of this PR. If this percentage has increased by 20% or more, there will be a red status indicator applied, indicating that special attention should be given to this.
1 participant
No description provided.