[Alert]: Add 'small' and 'thin' variants by AlanBreck · Pull Request #1319 · brave/leo

AlanBreck · 2026-02-25T22:58:37Z

NOTE: I'm not married to the name "thin" to describe the one variant. It's marked in Figma as "side actions", but that's a bit limiting. I'd be inclined to call it "inline", but that name is taken in Figma by the opposite of toast.

github-actions · 2026-02-25T23:01:06Z

👋 Thanks for Submitting! This PR is available for preview at the link below.

✅ PR tip preview: https://1319.pr.nala.bravesoftware.com/
✅ Commit preview: https://1319.pr.nala.bravesoftware.com/commit-582e174ce4b63b15a52637899b89db9e2303f7a1/

- ./tokens/css/variables-android.old.css: 7390 bytes
+ ./tokens/css/variables-android.css: 7390 bytes
---
- ./tokens/css/variables-browser.old.css: 6644 bytes
+ ./tokens/css/variables-browser.css: 6644 bytes
---
- ./tokens/css/variables-ios.old.css: 8180 bytes
+ ./tokens/css/variables-ios.css: 8180 bytes
---
- ./tokens/css/variables-marketing.old.css: 13501 bytes
+ ./tokens/css/variables-marketing.css: 13501 bytes
---
- ./tokens/css/variables-news.old.css: 526 bytes
+ ./tokens/css/variables-news.css: 526 bytes
---
- ./tokens/css/variables-newtab.old.css: 1933 bytes
+ ./tokens/css/variables-newtab.css: 1933 bytes
---
- ./tokens/css/variables-search.old.css: 28568 bytes
+ ./tokens/css/variables-search.css: 28568 bytes
---
- ./tokens/css/variables-web3.old.css: 893 bytes
+ ./tokens/css/variables-web3.css: 893 bytes
---
- ./tokens/css/variables.old.css: 132719 bytes
+ ./tokens/css/variables.css: 132719 bytes

Variables Diff: variables-android.diff

--- ./tokens/css/variables-android.old.css	2026-02-25 22:59:42.771954973 +0000
+++ ./tokens/css/variables-android.css	2026-02-25 22:59:08.338677940 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 22:59:08 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-browser.diff

--- ./tokens/css/variables-browser.old.css	2026-02-25 22:59:43.042573047 +0000
+++ ./tokens/css/variables-browser.css	2026-02-25 22:59:08.321677953 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 22:59:08 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-ios.diff

--- ./tokens/css/variables-ios.old.css	2026-02-25 22:59:43.323476098 +0000
+++ ./tokens/css/variables-ios.css	2026-02-25 22:59:08.353677929 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 22:59:08 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-marketing.diff

--- ./tokens/css/variables-marketing.old.css	2026-02-25 22:59:43.579666065 +0000
+++ ./tokens/css/variables-marketing.css	2026-02-25 22:59:08.373677914 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 22:59:08 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-news.diff

--- ./tokens/css/variables-news.old.css	2026-02-25 22:59:43.870638544 +0000
+++ ./tokens/css/variables-news.css	2026-02-25 22:59:08.437677866 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 22:59:08 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-newtab.diff

--- ./tokens/css/variables-newtab.old.css	2026-02-25 22:59:44.075662126 +0000
+++ ./tokens/css/variables-newtab.css	2026-02-25 22:59:08.446677859 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 22:59:08 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-search.diff

--- ./tokens/css/variables-search.old.css	2026-02-25 22:59:44.397665778 +0000
+++ ./tokens/css/variables-search.css	2026-02-25 22:59:08.413677884 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 22:59:08 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-web3.diff

--- ./tokens/css/variables-web3.old.css	2026-02-25 22:59:44.660252859 +0000
+++ ./tokens/css/variables-web3.css	2026-02-25 22:59:08.451677856 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 22:59:08 GMT+0000 (Coordinated Universal Time)
  */
 
 @media (prefers-color-scheme: light) {

Variables Diff: variables.diff

--- ./tokens/css/variables.old.css	2026-02-25 22:59:45.063665540 +0000
+++ ./tokens/css/variables.css	2026-02-25 22:59:08.183678056 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 22:59:08 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

github-actions · 2026-02-25T23:02:29Z

👋 Thanks for Submitting! This PR is available for preview at the link below.

✅ PR tip preview: https://1319.pr.nala.bravesoftware.com/
✅ Commit preview: https://1319.pr.nala.bravesoftware.com/commit-5f06262116a61c4e242c1cdef5b744ba1bd15def/

- ./tokens/css/variables-android.old.css: 7390 bytes
+ ./tokens/css/variables-android.css: 7390 bytes
---
- ./tokens/css/variables-browser.old.css: 6644 bytes
+ ./tokens/css/variables-browser.css: 6644 bytes
---
- ./tokens/css/variables-ios.old.css: 8180 bytes
+ ./tokens/css/variables-ios.css: 8180 bytes
---
- ./tokens/css/variables-marketing.old.css: 13501 bytes
+ ./tokens/css/variables-marketing.css: 13501 bytes
---
- ./tokens/css/variables-news.old.css: 526 bytes
+ ./tokens/css/variables-news.css: 526 bytes
---
- ./tokens/css/variables-newtab.old.css: 1933 bytes
+ ./tokens/css/variables-newtab.css: 1933 bytes
---
- ./tokens/css/variables-search.old.css: 28568 bytes
+ ./tokens/css/variables-search.css: 28568 bytes
---
- ./tokens/css/variables-web3.old.css: 893 bytes
+ ./tokens/css/variables-web3.css: 893 bytes
---
- ./tokens/css/variables.old.css: 132719 bytes
+ ./tokens/css/variables.css: 132719 bytes

Variables Diff: variables-android.diff

--- ./tokens/css/variables-android.old.css	2026-02-25 23:01:19.932205093 +0000
+++ ./tokens/css/variables-android.css	2026-02-25 23:00:46.265426357 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 23:00:46 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-browser.diff

--- ./tokens/css/variables-browser.old.css	2026-02-25 23:01:20.169260558 +0000
+++ ./tokens/css/variables-browser.css	2026-02-25 23:00:46.248426316 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 23:00:46 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-ios.diff

--- ./tokens/css/variables-ios.old.css	2026-02-25 23:01:20.374763546 +0000
+++ ./tokens/css/variables-ios.css	2026-02-25 23:00:46.281426397 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 23:00:46 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-marketing.diff

--- ./tokens/css/variables-marketing.old.css	2026-02-25 23:01:20.613828946 +0000
+++ ./tokens/css/variables-marketing.css	2026-02-25 23:00:46.301426446 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 23:00:46 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-news.diff

--- ./tokens/css/variables-news.old.css	2026-02-25 23:01:20.724032321 +0000
+++ ./tokens/css/variables-news.css	2026-02-25 23:00:46.351426569 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 23:00:46 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-newtab.diff

--- ./tokens/css/variables-newtab.old.css	2026-02-25 23:01:20.954472018 +0000
+++ ./tokens/css/variables-newtab.css	2026-02-25 23:00:46.364426601 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 23:00:46 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-search.diff

--- ./tokens/css/variables-search.old.css	2026-02-25 23:01:21.204506195 +0000
+++ ./tokens/css/variables-search.css	2026-02-25 23:00:46.327426510 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 23:00:46 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-web3.diff

--- ./tokens/css/variables-web3.old.css	2026-02-25 23:01:21.410463808 +0000
+++ ./tokens/css/variables-web3.css	2026-02-25 23:00:46.372426621 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 23:00:46 GMT+0000 (Coordinated Universal Time)
  */
 
 @media (prefers-color-scheme: light) {

Variables Diff: variables.diff

--- ./tokens/css/variables.old.css	2026-02-25 23:01:21.741507101 +0000
+++ ./tokens/css/variables.css	2026-02-25 23:00:46.122426005 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Wed Feb 25 2026 02:53:41 GMT+0000 (Coordinated Universal Time)
+ * Generated on Wed Feb 25 2026 23:00:46 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

github-actions · 2026-02-26T02:51:12Z

👋 Thanks for Submitting! This PR is available for preview at the link below.

✅ PR tip preview: https://1319.pr.nala.bravesoftware.com/
✅ Commit preview: https://1319.pr.nala.bravesoftware.com/commit-fb197a2597229609d6a24a9488e3a1c44b801b2d/

- ./tokens/css/variables-android.old.css: 7390 bytes
+ ./tokens/css/variables-android.css: 7390 bytes
---
- ./tokens/css/variables-browser.old.css: 6644 bytes
+ ./tokens/css/variables-browser.css: 6644 bytes
---
- ./tokens/css/variables-ios.old.css: 8180 bytes
+ ./tokens/css/variables-ios.css: 8180 bytes
---
- ./tokens/css/variables-marketing.old.css: 13501 bytes
+ ./tokens/css/variables-marketing.css: 13501 bytes
---
- ./tokens/css/variables-news.old.css: 526 bytes
+ ./tokens/css/variables-news.css: 526 bytes
---
- ./tokens/css/variables-newtab.old.css: 1933 bytes
+ ./tokens/css/variables-newtab.css: 1933 bytes
---
- ./tokens/css/variables-search.old.css: 28568 bytes
+ ./tokens/css/variables-search.css: 28568 bytes
---
- ./tokens/css/variables-web3.old.css: 893 bytes
+ ./tokens/css/variables-web3.css: 893 bytes
---
- ./tokens/css/variables.old.css: 132719 bytes
+ ./tokens/css/variables.css: 132719 bytes

Variables Diff: variables-android.diff

--- ./tokens/css/variables-android.old.css	2026-02-26 02:49:50.891683851 +0000
+++ ./tokens/css/variables-android.css	2026-02-26 02:49:17.725565281 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu Feb 26 2026 00:14:38 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Feb 26 2026 02:49:17 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-browser.diff

--- ./tokens/css/variables-browser.old.css	2026-02-26 02:49:51.101245689 +0000
+++ ./tokens/css/variables-browser.css	2026-02-26 02:49:17.710565248 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu Feb 26 2026 00:14:38 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Feb 26 2026 02:49:17 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-ios.diff

--- ./tokens/css/variables-ios.old.css	2026-02-26 02:49:51.375597199 +0000
+++ ./tokens/css/variables-ios.css	2026-02-26 02:49:17.744565322 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu Feb 26 2026 00:14:38 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Feb 26 2026 02:49:17 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-marketing.diff

--- ./tokens/css/variables-marketing.old.css	2026-02-26 02:49:51.540682416 +0000
+++ ./tokens/css/variables-marketing.css	2026-02-26 02:49:17.765565368 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu Feb 26 2026 00:14:38 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Feb 26 2026 02:49:17 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-news.diff

--- ./tokens/css/variables-news.old.css	2026-02-26 02:49:51.714802852 +0000
+++ ./tokens/css/variables-news.css	2026-02-26 02:49:17.821565491 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu Feb 26 2026 00:14:38 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Feb 26 2026 02:49:17 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-newtab.diff

--- ./tokens/css/variables-newtab.old.css	2026-02-26 02:49:51.931582999 +0000
+++ ./tokens/css/variables-newtab.css	2026-02-26 02:49:17.829565508 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu Feb 26 2026 00:14:38 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Feb 26 2026 02:49:17 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-search.diff

--- ./tokens/css/variables-search.old.css	2026-02-26 02:49:52.145624618 +0000
+++ ./tokens/css/variables-search.css	2026-02-26 02:49:17.792565427 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu Feb 26 2026 00:14:38 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Feb 26 2026 02:49:17 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

Variables Diff: variables-web3.diff

--- ./tokens/css/variables-web3.old.css	2026-02-26 02:49:52.324635323 +0000
+++ ./tokens/css/variables-web3.css	2026-02-26 02:49:17.833565517 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu Feb 26 2026 00:14:38 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Feb 26 2026 02:49:17 GMT+0000 (Coordinated Universal Time)
  */
 
 @media (prefers-color-scheme: light) {

Variables Diff: variables.diff

--- ./tokens/css/variables.old.css	2026-02-26 02:49:52.598625366 +0000
+++ ./tokens/css/variables.css	2026-02-26 02:49:17.569564939 +0000
@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu Feb 26 2026 00:14:38 GMT+0000 (Coordinated Universal Time)
+ * Generated on Thu Feb 26 2026 02:49:17 GMT+0000 (Coordinated Universal Time)
  */
 
 :root {

AlanBreck requested review from fallaciousreasoning and petemill as code owners February 25, 2026 22:58

AlanBreck changed the title ~~alert small~~ [Alert]: Add 'small' and 'thin' variants Feb 25, 2026

AlanBreck force-pushed the alert-small branch from 582e174 to 5f06262 Compare February 25, 2026 23:00

[Alert]: Add 'small' and 'thin' variants

fb197a2

AlanBreck force-pushed the alert-small branch from 5f06262 to fb197a2 Compare February 26, 2026 02:48

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Alert]: Add 'small' and 'thin' variants#1319

[Alert]: Add 'small' and 'thin' variants#1319
AlanBreck wants to merge 1 commit intomainfrom
alert-small

AlanBreck commented Feb 25, 2026 •

edited

Loading

Uh oh!

github-actions bot commented Feb 25, 2026

Uh oh!

github-actions bot commented Feb 25, 2026

Uh oh!

github-actions bot commented Feb 26, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

Conversation

AlanBreck commented Feb 25, 2026 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

github-actions bot commented Feb 25, 2026

Uh oh!

github-actions bot commented Feb 25, 2026

Uh oh!

github-actions bot commented Feb 26, 2026

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

1 participant

AlanBreck commented Feb 25, 2026 •

edited

Loading