368 lines
7.5 KiB
JSON
368 lines
7.5 KiB
JSON
{
|
|
"checks": [
|
|
"transparent",
|
|
"pill",
|
|
"height",
|
|
"font",
|
|
"weight",
|
|
"line",
|
|
"padding",
|
|
"same slot",
|
|
"icon width",
|
|
"default icon",
|
|
"default close",
|
|
"secondary color",
|
|
"hover icon hidden",
|
|
"hover X",
|
|
"no hover layout shift",
|
|
"focus icon hidden",
|
|
"focus X",
|
|
"no focus layout shift",
|
|
"Tab reaches native clear",
|
|
"native keyboard exit",
|
|
"craft hidden",
|
|
"disabled has no clear",
|
|
"disabled not tabbable",
|
|
"transparent",
|
|
"pill",
|
|
"height",
|
|
"font",
|
|
"weight",
|
|
"line",
|
|
"padding",
|
|
"same slot",
|
|
"icon width",
|
|
"default icon",
|
|
"default close",
|
|
"secondary color",
|
|
"hover icon hidden",
|
|
"hover X",
|
|
"no hover layout shift",
|
|
"focus icon hidden",
|
|
"focus X",
|
|
"no focus layout shift",
|
|
"Tab reaches native clear",
|
|
"native keyboard exit",
|
|
"craft hidden",
|
|
"disabled has no clear",
|
|
"disabled not tabbable",
|
|
"transparent",
|
|
"pill",
|
|
"height",
|
|
"font",
|
|
"weight",
|
|
"line",
|
|
"padding",
|
|
"same slot",
|
|
"icon width",
|
|
"default icon",
|
|
"default close",
|
|
"secondary color",
|
|
"hover icon hidden",
|
|
"hover X",
|
|
"no hover layout shift",
|
|
"focus icon hidden",
|
|
"focus X",
|
|
"no focus layout shift",
|
|
"Tab reaches native clear",
|
|
"native keyboard exit",
|
|
"craft hidden",
|
|
"disabled has no clear",
|
|
"disabled not tabbable",
|
|
"transparent",
|
|
"pill",
|
|
"height",
|
|
"font",
|
|
"weight",
|
|
"line",
|
|
"padding",
|
|
"same slot",
|
|
"icon width",
|
|
"default icon",
|
|
"default close",
|
|
"secondary color",
|
|
"hover icon hidden",
|
|
"hover X",
|
|
"no hover layout shift",
|
|
"focus icon hidden",
|
|
"focus X",
|
|
"no focus layout shift",
|
|
"Tab reaches native clear",
|
|
"native keyboard exit",
|
|
"craft hidden",
|
|
"disabled has no clear",
|
|
"disabled not tabbable",
|
|
"narrow slot preserved",
|
|
"narrow no overflow",
|
|
"no renderer errors"
|
|
],
|
|
"samples": [
|
|
{
|
|
"theme": "light",
|
|
"mode": "plan",
|
|
"state": "normal",
|
|
"chip": {
|
|
"x": 88.125,
|
|
"y": 40,
|
|
"width": 62,
|
|
"height": 32
|
|
},
|
|
"icon": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"button": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"background": "rgba(0, 0, 0, 0)",
|
|
"radius": "9999px",
|
|
"color": "rgba(0, 0, 0, 0.7)",
|
|
"expectedColor": "#000000b3",
|
|
"font": "13px",
|
|
"weight": "500",
|
|
"line": "20px",
|
|
"padding": "8px",
|
|
"iconOpacity": "1",
|
|
"clearOpacity": "0"
|
|
},
|
|
{
|
|
"theme": "light",
|
|
"mode": "plan",
|
|
"state": "hover",
|
|
"chip": {
|
|
"x": 88.125,
|
|
"y": 40,
|
|
"width": 62,
|
|
"height": 32
|
|
},
|
|
"icon": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"button": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"background": "rgba(0, 0, 0, 0)",
|
|
"radius": "9999px",
|
|
"color": "rgba(0, 0, 0, 0.7)",
|
|
"expectedColor": "#000000b3",
|
|
"font": "13px",
|
|
"weight": "500",
|
|
"line": "20px",
|
|
"padding": "8px",
|
|
"iconOpacity": "0",
|
|
"clearOpacity": "1"
|
|
},
|
|
{
|
|
"theme": "light",
|
|
"mode": "ask",
|
|
"state": "normal",
|
|
"chip": {
|
|
"x": 88.125,
|
|
"y": 40,
|
|
"width": 75,
|
|
"height": 32
|
|
},
|
|
"icon": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"button": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"background": "rgba(0, 0, 0, 0)",
|
|
"radius": "9999px",
|
|
"color": "rgba(0, 0, 0, 0.7)",
|
|
"expectedColor": "#000000b3",
|
|
"font": "13px",
|
|
"weight": "500",
|
|
"line": "20px",
|
|
"padding": "8px",
|
|
"iconOpacity": "1",
|
|
"clearOpacity": "0"
|
|
},
|
|
{
|
|
"theme": "light",
|
|
"mode": "ask",
|
|
"state": "hover",
|
|
"chip": {
|
|
"x": 88.125,
|
|
"y": 40,
|
|
"width": 75,
|
|
"height": 32
|
|
},
|
|
"icon": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"button": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"background": "rgba(0, 0, 0, 0)",
|
|
"radius": "9999px",
|
|
"color": "rgba(0, 0, 0, 0.7)",
|
|
"expectedColor": "#000000b3",
|
|
"font": "13px",
|
|
"weight": "500",
|
|
"line": "20px",
|
|
"padding": "8px",
|
|
"iconOpacity": "0",
|
|
"clearOpacity": "1"
|
|
},
|
|
{
|
|
"theme": "dark",
|
|
"mode": "plan",
|
|
"state": "normal",
|
|
"chip": {
|
|
"x": 88.125,
|
|
"y": 40,
|
|
"width": 62,
|
|
"height": 32
|
|
},
|
|
"icon": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"button": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"background": "rgba(0, 0, 0, 0)",
|
|
"radius": "9999px",
|
|
"color": "rgba(255, 255, 255, 0.65)",
|
|
"expectedColor": "#ffffffa6",
|
|
"font": "13px",
|
|
"weight": "500",
|
|
"line": "20px",
|
|
"padding": "8px",
|
|
"iconOpacity": "1",
|
|
"clearOpacity": "0"
|
|
},
|
|
{
|
|
"theme": "dark",
|
|
"mode": "plan",
|
|
"state": "hover",
|
|
"chip": {
|
|
"x": 88.125,
|
|
"y": 40,
|
|
"width": 62,
|
|
"height": 32
|
|
},
|
|
"icon": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"button": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"background": "rgba(0, 0, 0, 0)",
|
|
"radius": "9999px",
|
|
"color": "rgba(255, 255, 255, 0.65)",
|
|
"expectedColor": "#ffffffa6",
|
|
"font": "13px",
|
|
"weight": "500",
|
|
"line": "20px",
|
|
"padding": "8px",
|
|
"iconOpacity": "0",
|
|
"clearOpacity": "1"
|
|
},
|
|
{
|
|
"theme": "dark",
|
|
"mode": "ask",
|
|
"state": "normal",
|
|
"chip": {
|
|
"x": 88.125,
|
|
"y": 40,
|
|
"width": 75,
|
|
"height": 32
|
|
},
|
|
"icon": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"button": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"background": "rgba(0, 0, 0, 0)",
|
|
"radius": "9999px",
|
|
"color": "rgba(255, 255, 255, 0.65)",
|
|
"expectedColor": "#ffffffa6",
|
|
"font": "13px",
|
|
"weight": "500",
|
|
"line": "20px",
|
|
"padding": "8px",
|
|
"iconOpacity": "1",
|
|
"clearOpacity": "0"
|
|
},
|
|
{
|
|
"theme": "dark",
|
|
"mode": "ask",
|
|
"state": "hover",
|
|
"chip": {
|
|
"x": 88.125,
|
|
"y": 40,
|
|
"width": 75,
|
|
"height": 32
|
|
},
|
|
"icon": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"button": {
|
|
"x": 96.125,
|
|
"y": 48,
|
|
"width": 16,
|
|
"height": 16
|
|
},
|
|
"background": "rgba(0, 0, 0, 0)",
|
|
"radius": "9999px",
|
|
"color": "rgba(255, 255, 255, 0.65)",
|
|
"expectedColor": "#ffffffa6",
|
|
"font": "13px",
|
|
"weight": "500",
|
|
"line": "20px",
|
|
"padding": "8px",
|
|
"iconOpacity": "0",
|
|
"clearOpacity": "1"
|
|
}
|
|
],
|
|
"errors": [],
|
|
"sourceSha256": "805cb1c06baf00480f2cbfad8e432d0c984a3b2cce2e12683a9db2defbbe6110",
|
|
"scope": "Own-YCode isolated component browser test, not full app/store integration or original-app pixel acceptance"
|
|
} |