Add ability to use a11y-disabled and maintain default disabled styling (

#691)

* feat(btn): a11y-disabled remove disabled attr, checks to see if aria-disabled is being used and if so removes the disabled attribute

* chore: add changeset

.changeset/chilled-lizards-ring.md

@@ -0,0 +1,5 @@
+---
+'@ithaka/pharos': patch
+---
+
+Add ability to use a11y-disabled and maintain default disabled styling

packages/pharos/src/components/button/PharosButton.react.stories.jsx

@@ -46,10 +46,13 @@ export const Base = {
       href={args.href}
       hreflang={args.hreflang}
       a11yLabel={args.a11yLabel}
+      a11yPressed={args.a11yPressed}
+      a11yExpanded={args.a11yExpanded}
+      a11yDisabled={args.a11yDisabled}
+      a11yHaspopup={args.a11yHaspopup}
       large={args.large}
       isOnBackground={args.isOnBackground}
       ping={args.ping}
-      pressed={args.pressed}
       target={args.target}
       type={args.type}
       variant={args.variant}

packages/pharos/src/components/button/pharos-button.ts

@@ -296,7 +296,7 @@ export class PharosButton extends ScopedRegistryMixin(FocusMixin(AnchorElement))
             name="${ifDefined(this.name)}"
             value="${ifDefined(this.value)}"
             ?autofocus=${this.autofocus}
-            ?disabled=${this.disabled}
+            ?disabled=${this.a11yDisabled ? false : this.disabled}
             type="${ifDefined(this.type)}"
             aria-label=${ifDefined(this.a11yLabel)}
             aria-pressed=${ifDefined(this.a11yPressed)}

packages/pharos/src/components/button/pharos-button.wc.stories.jsx

@@ -33,6 +33,7 @@ export const Base = {
         a11y-label=${ifDefined(args.a11yLabel)}
         a11y-expanded=${ifDefined(args.a11yExpanded)}
         a11y-pressed=${ifDefined(args.a11yPressed)}
+        a11y-disabled=${ifDefined(args.a11yDisabled)}
         ?large=${ifDefined(args.large)}
         ?is-on-background=${ifDefined(args.isOnBackground)}
         ping=${ifDefined(args.ping)}