✨ Fix broken tokens test

frontend/playwright/ui/specs/tokens.spec.js

@@ -827,10 +827,10 @@ test.describe("Tokens: Themes modal", () => {
         .getByRole("button", { name: "colors.black" })
         .click({ button: "right" });
       await tokenContextMenuForToken.getByText("Fill").click();
-      const inputColor = await workspacePage.page
-        .getByPlaceholder("Mixed")
-        .nth(2);
 
+      const inputColor = workspacePage.page.getByRole("textbox", {
+        name: "Color",
+      });
       await expect(inputColor).toHaveValue("000000");
     });
   });

frontend/src/app/main/ui/components/color_input.cljs

@@ -33,6 +33,7 @@
         on-focus         (obj/get props "onFocus")
         select-on-focus? (d/nilv (unchecked-get props "selectOnFocus") true)
         class            (d/nilv (unchecked-get props "className") "color-input")
+        aria-label       (d/nilv (unchecked-get props "aria-label") (tr "inspect.attributes.color"))
 
         ;; We need a ref pointing to the input dom element, but the user
         ;; of this component may provide one (that is forwarded here).
@@ -136,6 +137,7 @@
                   (obj/set! "className" class)
                   (obj/set! "type" "text")
                   (obj/set! "ref" ref)
+                  (obj/set! "aria-label" aria-label)
                   ;; (obj/set! "list" list-id)
                   (obj/set! "defaultValue" value)
                   (obj/set! "onKeyDown" handle-key-down)

frontend/translations/en.po

@@ -1612,6 +1612,9 @@ msgstr "RGBA"
 msgid "inspect.attributes.fill"
 msgstr "Fill"
 
+msgid "inspect.attributes.color"
+msgstr "Color"
+
 #: src/app/main/ui/inspect/attributes/common.cljs:95, src/app/main/ui/inspect/attributes/image.cljs:51
 msgid "inspect.attributes.image.download"
 msgstr "Download source image"

frontend/translations/es.po

@@ -1647,6 +1647,9 @@ msgstr "RGBA"
 msgid "inspect.attributes.fill"
 msgstr "Relleno"
 
+msgid "inspect.attributes.color"
+msgstr "Color"
+
 #: src/app/main/ui/inspect/attributes/common.cljs:95, src/app/main/ui/inspect/attributes/image.cljs:51
 msgid "inspect.attributes.image.download"
 msgstr "Descargar imagen original"