feat!(FilledTag): 閉じるボタンはrole="button"でマークアップする (#423)

#37 での議論を反映します
tuqulore · Jul 5, 2023 · 6c80e1a · 6c80e1a
1 parent 438a40e
commit 6c80e1a
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/packages/tailwindcss/filledTag.js b/packages/tailwindcss/filledTag.js
@@ -15,7 +15,7 @@ module.exports = plugin.withOptions(
           "&:is(button, a, [role='button']):hover": {
             filter: "brightness(90%)",
           },
-          button: close({ fill: theme("colors.white") }),
+          "[role='button']": close({ fill: theme("colors.white") }),
         },
       });
     };

diff --git a/packages/tailwindcss/stories/FilledTag.stories.mdx b/packages/tailwindcss/stories/FilledTag.stories.mdx
@@ -61,7 +61,7 @@ import html from "./html";
   <Story name="Closable">
     {html` <div class="jumpu-filled-tag">
       デフォルト
-      <button />
+      <div role="button" aria-label="閉じる" />
     </div>`}
   </Story>
 </Canvas>