Merge pull request #99 from penpot/xaviju-button-styles

style: remove button selector and wrap into data attribute

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>
 

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;