Update fixtures

Author: planktonic

.storybook/helpers.js

@@ -13,12 +13,12 @@ function capitalizeFirstLetter(string) {
 
 export const generateLabel = (items) => capitalizeFirstLetter(items.join(' '));
 
-export const generateButtonLabel = ({
+export const generateButtonLabel = (
   shapeVariant = [],
   colorVariant = [],
   disabled = false,
   pressed = false,
-}) =>
+) =>
   capitalizeFirstLetter(
     [
       shapeVariant.length === 0 ? 'default' : shapeVariant.join(' '),

scss/bitstyles/atoms/button/Button.js

@@ -1,4 +1,4 @@
-import { generateLabel } from '../../../../.storybook/helpers';
+import { generateButtonLabel } from '../../../../.storybook/helpers';
 
 export default ({
   children,
@@ -16,7 +16,7 @@ export default ({
   const button = document.createElement(element);
   button.innerHTML =
     children ||
-    generateLabel(
+    generateButtonLabel(
       shapeVariant,
       colorVariant,
       disabled || ariaDisabled,

scss/bitstyles/atoms/button/_index.scss

@@ -60,6 +60,16 @@
     text-decoration: none;
   }
 
+  &:active {
+    z-index: 1;
+    border-color: var(#{custom-property.get($items: ('button', 'active', 'border-color'))});
+    outline-width: 0;
+    background-color: var(#{custom-property.get($items: ('button', 'active', 'background-color'))});
+    box-shadow: var(#{custom-property.get($items: ('button', 'active', 'box-shadow'))});
+    color: var(#{custom-property.get($items: ('button', 'active', 'color'))});
+    text-decoration: none;
+  }
+
   &:focus-visible {
     z-index: 3;
     outline: settings.$outline-color solid settings.$outline-width;