ionbase-ui 0.26.0 → 0.27.0

package/dist/meta/contrast.json

@@ -344,6 +344,104 @@
       "ratio": 3.44,
       "min": 4.5
     },
+    {
+      "component": "avatar",
+      "context": "ion-avatar__indicator--information ion-avatar__indicator--information",
+      "state": "default",
+      "fg": "--text-on-color",
+      "bg": "--surface-information",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#000000",
+      "bgHex": "#5a4cd6",
+      "ratio": 3.44,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--pink",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-pink-500",
+      "backdrop": "--color-pink-500",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#f04299",
+      "ratio": 3.53,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--pink",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-pink-500",
+      "backdrop": "--color-pink-500",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#ffffff",
+      "bgHex": "#f04299",
+      "ratio": 3.53,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--orange",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-orange-500",
+      "backdrop": "--color-orange-500",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#ea5600",
+      "ratio": 3.6,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--orange",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-orange-500",
+      "backdrop": "--color-orange-500",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#ffffff",
+      "bgHex": "#ea5600",
+      "ratio": 3.6,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--green",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-green-500",
+      "backdrop": "--color-green-500",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#14994e",
+      "ratio": 3.69,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--green",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-green-500",
+      "backdrop": "--color-green-500",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#ffffff",
+      "bgHex": "#14994e",
+      "ratio": 3.69,
+      "min": 4.5
+    },
     {
       "component": "alert",
       "context": "ion-alert ion-alert__dismiss",
@@ -359,6 +457,34 @@
       "ratio": 3.71,
       "min": 3
     },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--red",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-red-500",
+      "backdrop": "--color-red-500",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#ef4343",
+      "ratio": 3.78,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--red",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-red-500",
+      "backdrop": "--color-red-500",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#ffffff",
+      "bgHex": "#ef4343",
+      "ratio": 3.78,
+      "min": 4.5
+    },
     {
       "component": "toast",
       "context": "ion-toast ion-toast__icon",
@@ -737,6 +863,20 @@
       "ratio": 4.58,
       "min": 4.5
     },
+    {
+      "component": "avatar",
+      "context": "ion-avatar__indicator--primary ion-avatar__indicator--primary",
+      "state": "default",
+      "fg": "--text-on-color",
+      "bg": "--surface-primary",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#000000",
+      "bgHex": "#286ef0",
+      "ratio": 4.58,
+      "min": 4.5
+    },
     {
       "component": "button",
       "context": "ion-button--primary-brand",
@@ -751,6 +891,34 @@
       "ratio": 4.58,
       "min": 4.5
     },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--blue",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-blue-500",
+      "backdrop": "--color-blue-500",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#286ef0",
+      "ratio": 4.59,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--blue",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-blue-500",
+      "backdrop": "--color-blue-500",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#ffffff",
+      "bgHex": "#286ef0",
+      "ratio": 4.59,
+      "min": 4.5
+    },
     {
       "component": "button",
       "context": "ion-button--primary-soft",
@@ -821,6 +989,20 @@
       "ratio": 4.8,
       "min": 4.5
     },
+    {
+      "component": "avatar",
+      "context": "ion-avatar__indicator--error ion-avatar__indicator--error",
+      "state": "default",
+      "fg": "--text-on-color",
+      "bg": "--surface-error",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#dc2828",
+      "ratio": 4.8,
+      "min": 4.5
+    },
     {
       "component": "button",
       "context": "ion-button--destructive",
@@ -835,6 +1017,146 @@
       "ratio": 4.8,
       "min": 4.5
     },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-gray-500",
+      "backdrop": "--color-gray-500",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#6b7280",
+      "ratio": 4.83,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-gray-500",
+      "backdrop": "--color-gray-500",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#ffffff",
+      "bgHex": "#6b7280",
+      "ratio": 4.83,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--mini",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-gray-500",
+      "backdrop": "--color-gray-500",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#6b7280",
+      "ratio": 4.83,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--mini",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-gray-500",
+      "backdrop": "--color-gray-500",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#ffffff",
+      "bgHex": "#6b7280",
+      "ratio": 4.83,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--sm",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-gray-500",
+      "backdrop": "--color-gray-500",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#6b7280",
+      "ratio": 4.83,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--sm",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-gray-500",
+      "backdrop": "--color-gray-500",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#ffffff",
+      "bgHex": "#6b7280",
+      "ratio": 4.83,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--lg",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-gray-500",
+      "backdrop": "--color-gray-500",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#6b7280",
+      "ratio": 4.83,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--lg",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-gray-500",
+      "backdrop": "--color-gray-500",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#ffffff",
+      "bgHex": "#6b7280",
+      "ratio": 4.83,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--slate",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-gray-500",
+      "backdrop": "--color-gray-500",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#6b7280",
+      "ratio": 4.83,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--slate",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-gray-500",
+      "backdrop": "--color-gray-500",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#ffffff",
+      "bgHex": "#6b7280",
+      "ratio": 4.83,
+      "min": 4.5
+    },
     {
       "component": "menu",
       "context": "ion-menu ion-menu__item",
@@ -933,6 +1255,20 @@
       "ratio": 5.24,
       "min": 4.5
     },
+    {
+      "component": "avatar",
+      "context": "ion-avatar__indicator--success ion-avatar__indicator--success",
+      "state": "default",
+      "fg": "--text-on-color",
+      "bg": "--surface-success",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#0d7d38",
+      "ratio": 5.24,
+      "min": 4.5
+    },
     {
       "component": "button",
       "context": "ion-button--success",
@@ -1073,6 +1409,20 @@
       "ratio": 5.38,
       "min": 4.5
     },
+    {
+      "component": "avatar",
+      "context": "ion-avatar__indicator--primary ion-avatar__indicator--primary",
+      "state": "default",
+      "fg": "--text-on-color",
+      "bg": "--surface-primary",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#1c62e3",
+      "ratio": 5.38,
+      "min": 4.5
+    },
     {
       "component": "button",
       "context": "ion-button--primary-brand",
@@ -1157,6 +1507,20 @@
       "ratio": 5.55,
       "min": 4.5
     },
+    {
+      "component": "avatar",
+      "context": "ion-avatar__indicator--error ion-avatar__indicator--error",
+      "state": "default",
+      "fg": "--text-on-color",
+      "bg": "--surface-error",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#000000",
+      "bgHex": "#ef4343",
+      "ratio": 5.55,
+      "min": 4.5
+    },
     {
       "component": "button",
       "context": "ion-button--destructive",
@@ -1213,6 +1577,20 @@
       "ratio": 5.7,
       "min": 4.5
     },
+    {
+      "component": "avatar",
+      "context": "ion-avatar__indicator--success ion-avatar__indicator--success",
+      "state": "default",
+      "fg": "--text-on-color",
+      "bg": "--surface-success",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#000000",
+      "bgHex": "#14994e",
+      "ratio": 5.7,
+      "min": 4.5
+    },
     {
       "component": "button",
       "context": "ion-button--success",
@@ -1271,67 +1649,25 @@
     },
     {
       "component": "avatar",
-      "context": "ion-avatar",
-      "state": "default",
-      "fg": "--text-tertiary",
-      "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
-      "kind": "text",
-      "mode": "Dark",
-      "fgHex": "#9ca3b0",
-      "bgHex": "#1d2735",
-      "ratio": 5.94,
-      "min": 4.5
-    },
-    {
-      "component": "avatar",
-      "context": "ion-avatar--mini",
-      "state": "default",
-      "fg": "--text-tertiary",
-      "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
-      "kind": "text",
-      "mode": "Dark",
-      "fgHex": "#9ca3b0",
-      "bgHex": "#1d2735",
-      "ratio": 5.94,
-      "min": 4.5
-    },
-    {
-      "component": "avatar",
-      "context": "ion-avatar--sm",
-      "state": "default",
-      "fg": "--text-tertiary",
-      "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
-      "kind": "text",
-      "mode": "Dark",
-      "fgHex": "#9ca3b0",
-      "bgHex": "#1d2735",
-      "ratio": 5.94,
-      "min": 4.5
-    },
-    {
-      "component": "avatar",
-      "context": "ion-avatar--lg",
+      "context": "ion-avatar__indicator--warning ion-avatar__indicator--warning",
       "state": "default",
-      "fg": "--text-tertiary",
-      "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
+      "fg": "--text-on-color",
+      "bg": "--surface-warning",
+      "backdrop": null,
       "kind": "text",
       "mode": "Dark",
-      "fgHex": "#9ca3b0",
-      "bgHex": "#1d2735",
-      "ratio": 5.94,
+      "fgHex": "#000000",
+      "bgHex": "#ea5600",
+      "ratio": 5.83,
       "min": 4.5
     },
     {
       "component": "avatar",
-      "context": "ion-avatar--circle",
+      "context": "ion-avatar ion-avatar__media",
       "state": "default",
       "fg": "--text-tertiary",
       "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
+      "backdrop": null,
       "kind": "text",
       "mode": "Dark",
       "fgHex": "#9ca3b0",
@@ -1340,40 +1676,26 @@
       "min": 4.5
     },
     {
-      "component": "avatar",
-      "context": "ion-avatar ion-avatar__image",
+      "component": "alert",
+      "context": "ion-alert--solid&ion-alert--warning",
       "state": "default",
-      "fg": "--text-tertiary",
-      "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
+      "fg": "--text-on-color",
+      "bg": "--surface-warning",
+      "backdrop": "--surface-warning",
       "kind": "text",
-      "mode": "Dark",
-      "fgHex": "#9ca3b0",
-      "bgHex": "#1d2735",
-      "ratio": 5.94,
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#af3e0e",
+      "ratio": 5.97,
       "min": 4.5
     },
     {
       "component": "avatar",
-      "context": "ion-avatar ion-avatar__icon",
-      "state": "default",
-      "fg": "--icon-tertiary",
-      "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
-      "kind": "non-text",
-      "mode": "Dark",
-      "fgHex": "#9ca3b0",
-      "bgHex": "#1d2735",
-      "ratio": 5.94,
-      "min": 3
-    },
-    {
-      "component": "alert",
-      "context": "ion-alert--solid&ion-alert--warning",
+      "context": "ion-avatar__indicator--warning ion-avatar__indicator--warning",
       "state": "default",
       "fg": "--text-on-color",
       "bg": "--surface-warning",
-      "backdrop": "--surface-warning",
+      "backdrop": null,
       "kind": "text",
       "mode": "Light",
       "fgHex": "#ffffff",
@@ -1424,6 +1746,34 @@
       "ratio": 6.06,
       "min": 3
     },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--violet",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-purple-500",
+      "backdrop": "--color-purple-500",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#5a4cd6",
+      "ratio": 6.11,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--violet",
+      "state": "default",
+      "fg": "--color-base-white",
+      "bg": "--color-purple-500",
+      "backdrop": "--color-purple-500",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#ffffff",
+      "bgHex": "#5a4cd6",
+      "ratio": 6.11,
+      "min": 4.5
+    },
     {
       "component": "button",
       "context": "ion-button--destructive",
@@ -1510,81 +1860,11 @@
     },
     {
       "component": "avatar",
-      "context": "ion-avatar",
-      "state": "default",
-      "fg": "--text-tertiary",
-      "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
-      "kind": "text",
-      "mode": "Light",
-      "fgHex": "#4b5563",
-      "bgHex": "#f0f2f4",
-      "ratio": 6.73,
-      "min": 4.5
-    },
-    {
-      "component": "avatar",
-      "context": "ion-avatar--mini",
-      "state": "default",
-      "fg": "--text-tertiary",
-      "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
-      "kind": "text",
-      "mode": "Light",
-      "fgHex": "#4b5563",
-      "bgHex": "#f0f2f4",
-      "ratio": 6.73,
-      "min": 4.5
-    },
-    {
-      "component": "avatar",
-      "context": "ion-avatar--sm",
-      "state": "default",
-      "fg": "--text-tertiary",
-      "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
-      "kind": "text",
-      "mode": "Light",
-      "fgHex": "#4b5563",
-      "bgHex": "#f0f2f4",
-      "ratio": 6.73,
-      "min": 4.5
-    },
-    {
-      "component": "avatar",
-      "context": "ion-avatar--lg",
-      "state": "default",
-      "fg": "--text-tertiary",
-      "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
-      "kind": "text",
-      "mode": "Light",
-      "fgHex": "#4b5563",
-      "bgHex": "#f0f2f4",
-      "ratio": 6.73,
-      "min": 4.5
-    },
-    {
-      "component": "avatar",
-      "context": "ion-avatar--circle",
-      "state": "default",
-      "fg": "--text-tertiary",
-      "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
-      "kind": "text",
-      "mode": "Light",
-      "fgHex": "#4b5563",
-      "bgHex": "#f0f2f4",
-      "ratio": 6.73,
-      "min": 4.5
-    },
-    {
-      "component": "avatar",
-      "context": "ion-avatar ion-avatar__image",
+      "context": "ion-avatar ion-avatar__media",
       "state": "default",
       "fg": "--text-tertiary",
       "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
+      "backdrop": null,
       "kind": "text",
       "mode": "Light",
       "fgHex": "#4b5563",
@@ -1592,20 +1872,6 @@
       "ratio": 6.73,
       "min": 4.5
     },
-    {
-      "component": "avatar",
-      "context": "ion-avatar ion-avatar__icon",
-      "state": "default",
-      "fg": "--icon-tertiary",
-      "bg": "--surface-muted",
-      "backdrop": "--surface-muted",
-      "kind": "non-text",
-      "mode": "Light",
-      "fgHex": "#4b5563",
-      "bgHex": "#f0f2f4",
-      "ratio": 6.73,
-      "min": 3
-    },
     {
       "component": "input",
       "context": "ion-input ion-input__field",
@@ -1718,6 +1984,20 @@
       "ratio": 7.47,
       "min": 4.5
     },
+    {
+      "component": "avatar",
+      "context": "ion-avatar__indicator--information ion-avatar__indicator--information",
+      "state": "default",
+      "fg": "--text-on-color",
+      "bg": "--surface-information",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#4f3cc8",
+      "ratio": 7.47,
+      "min": 4.5
+    },
     {
       "component": "toast",
       "context": "ion-toast ion-toast__icon",
@@ -3523,6 +3803,20 @@
       "ratio": 15.07,
       "min": 4.5
     },
+    {
+      "component": "avatar",
+      "context": "ion-avatar__indicator--neutral ion-avatar__indicator--neutral",
+      "state": "default",
+      "fg": "--text-on-color",
+      "bg": "--surface-inverse",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#ffffff",
+      "bgHex": "#1d2735",
+      "ratio": 15.07,
+      "min": 4.5
+    },
     {
       "component": "button",
       "context": "ion-button--primary-neutral",
@@ -3635,6 +3929,34 @@
       "ratio": 15.71,
       "min": 4.5
     },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--light",
+      "state": "default",
+      "fg": "--color-gray-900",
+      "bg": "--color-gray-100",
+      "backdrop": "--color-gray-100",
+      "kind": "text",
+      "mode": "Light",
+      "fgHex": "#131923",
+      "bgHex": "#f0f2f4",
+      "ratio": 15.71,
+      "min": 4.5
+    },
+    {
+      "component": "avatar-gradient",
+      "context": "ion-avatar-gradient--light",
+      "state": "default",
+      "fg": "--color-gray-900",
+      "bg": "--color-gray-100",
+      "backdrop": "--color-gray-100",
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#131923",
+      "bgHex": "#f0f2f4",
+      "ratio": 15.71,
+      "min": 4.5
+    },
     {
       "component": "approval-gate",
       "context": "ion-approval-gate",
@@ -4504,6 +4826,20 @@
       "ratio": 21,
       "min": 4.5
     },
+    {
+      "component": "avatar",
+      "context": "ion-avatar__indicator--neutral ion-avatar__indicator--neutral",
+      "state": "default",
+      "fg": "--text-on-color",
+      "bg": "--surface-inverse",
+      "backdrop": null,
+      "kind": "text",
+      "mode": "Dark",
+      "fgHex": "#000000",
+      "bgHex": "#ffffff",
+      "ratio": 21,
+      "min": 4.5
+    },
     {
       "component": "button",
       "context": "ion-button--primary-neutral",
@@ -4590,6 +4926,50 @@
       "affects": [
         "StreamingText"
       ]
+    },
+    {
+      "fg": "--color-base-white",
+      "bg": "--color-pink-500",
+      "mode": "Light",
+      "kind": "defect",
+      "ratio": 3.53,
+      "reason": "Figma-side defect, not a code one. The disc is a vertical gradient from `--color-{hue}-500` down to `--color-{hue}-600`, and the 500 end is too light to carry white initials: measured at the top stop, which is where the text is hardest to read, and it does not clear 4.5:1 at the midpoint either. The four that fail are the four warm/mid-luminance hues; slate, blue, violet and light all pass.\n\nNOT EXEMPT. The initials are `aria-hidden` and the accessible name comes from `alt`, so nothing is lost to a screen reader — but SC 1.4.3 is about visible text, and these are visible text a sighted user is expected to read. Treating an aria-hidden glyph as decorative here would be the wrong reading of the criterion.\n\nThe fix belongs in the Figma component (1054:305): darken both endpoints by a step, or give these four a dark foreground the way `Light` already has one. It is deliberately not fixed in code — this repo does not own these values, and a local override would put the repo and Figma into silent disagreement, which is the failure mode the whole token pipeline exists to prevent.",
+      "affects": [
+        "AvatarGradient"
+      ]
+    },
+    {
+      "fg": "--color-base-white",
+      "bg": "--color-orange-500",
+      "mode": "Light",
+      "kind": "defect",
+      "ratio": 3.6,
+      "reason": "Figma-side defect, not a code one. The disc is a vertical gradient from `--color-{hue}-500` down to `--color-{hue}-600`, and the 500 end is too light to carry white initials: measured at the top stop, which is where the text is hardest to read, and it does not clear 4.5:1 at the midpoint either. The four that fail are the four warm/mid-luminance hues; slate, blue, violet and light all pass.\n\nNOT EXEMPT. The initials are `aria-hidden` and the accessible name comes from `alt`, so nothing is lost to a screen reader — but SC 1.4.3 is about visible text, and these are visible text a sighted user is expected to read. Treating an aria-hidden glyph as decorative here would be the wrong reading of the criterion.\n\nThe fix belongs in the Figma component (1054:305): darken both endpoints by a step, or give these four a dark foreground the way `Light` already has one. It is deliberately not fixed in code — this repo does not own these values, and a local override would put the repo and Figma into silent disagreement, which is the failure mode the whole token pipeline exists to prevent.",
+      "affects": [
+        "AvatarGradient"
+      ]
+    },
+    {
+      "fg": "--color-base-white",
+      "bg": "--color-green-500",
+      "mode": "Light",
+      "kind": "defect",
+      "ratio": 3.69,
+      "reason": "Figma-side defect, not a code one. The disc is a vertical gradient from `--color-{hue}-500` down to `--color-{hue}-600`, and the 500 end is too light to carry white initials: measured at the top stop, which is where the text is hardest to read, and it does not clear 4.5:1 at the midpoint either. The four that fail are the four warm/mid-luminance hues; slate, blue, violet and light all pass.\n\nNOT EXEMPT. The initials are `aria-hidden` and the accessible name comes from `alt`, so nothing is lost to a screen reader — but SC 1.4.3 is about visible text, and these are visible text a sighted user is expected to read. Treating an aria-hidden glyph as decorative here would be the wrong reading of the criterion.\n\nThe fix belongs in the Figma component (1054:305): darken both endpoints by a step, or give these four a dark foreground the way `Light` already has one. It is deliberately not fixed in code — this repo does not own these values, and a local override would put the repo and Figma into silent disagreement, which is the failure mode the whole token pipeline exists to prevent.",
+      "affects": [
+        "AvatarGradient"
+      ]
+    },
+    {
+      "fg": "--color-base-white",
+      "bg": "--color-red-500",
+      "mode": "Light",
+      "kind": "defect",
+      "ratio": 3.78,
+      "reason": "Figma-side defect, not a code one. The disc is a vertical gradient from `--color-{hue}-500` down to `--color-{hue}-600`, and the 500 end is too light to carry white initials: measured at the top stop, which is where the text is hardest to read, and it does not clear 4.5:1 at the midpoint either. The four that fail are the four warm/mid-luminance hues; slate, blue, violet and light all pass.\n\nNOT EXEMPT. The initials are `aria-hidden` and the accessible name comes from `alt`, so nothing is lost to a screen reader — but SC 1.4.3 is about visible text, and these are visible text a sighted user is expected to read. Treating an aria-hidden glyph as decorative here would be the wrong reading of the criterion.\n\nThe fix belongs in the Figma component (1054:305): darken both endpoints by a step, or give these four a dark foreground the way `Light` already has one. It is deliberately not fixed in code — this repo does not own these values, and a local override would put the repo and Figma into silent disagreement, which is the failure mode the whole token pipeline exists to prevent.",
+      "affects": [
+        "AvatarGradient"
+      ]
     }
   ],
   "deferred": [