From e0f0b0b8c79601dab521f4be10921731f1849c11 Mon Sep 17 00:00:00 2001
From: Xaviju <xaviju@gmail.com>
Date: Tue, 2 Jul 2024 22:51:15 +0200
Subject: [PATCH] style: remove button selector and wrap into data attribute

---
 apps/poc-state-plugin/src/app/app.component.ts    | 2 +-
 libs/plugins-styles/src/lib/components/button.css | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/poc-state-plugin/src/app/app.component.ts b/apps/poc-state-plugin/src/app/app.component.ts
index d5b26e8..ef33398 100644
--- a/apps/poc-state-plugin/src/app/app.component.ts
+++ b/apps/poc-state-plugin/src/app/app.component.ts
@@ -21,7 +21,7 @@ import type { PenpotShape } from '@penpot/plugin-types';
         <div class="name-wrap">
           <label>Selected Shape: </label>
           <input class="input" type="text" formControlName="name" />
-          <button type="submit">Update</button>
+          <button type="submit" data-appearance="primary">Update</button>
         </div>
       </form>
 
diff --git a/libs/plugins-styles/src/lib/components/button.css b/libs/plugins-styles/src/lib/components/button.css
index ec3972b..fa6d800 100644
--- a/libs/plugins-styles/src/lib/components/button.css
+++ b/libs/plugins-styles/src/lib/components/button.css
@@ -1,4 +1,4 @@
-button {
+:where([data-appearance]:is(button), [role='tab']:is(button)) {
   border: 2px solid transparent;
   font-weight: 500;
   font-size: 12px;