Update fixtures

bitcrowd · May 17, 2023 · 0b5923a · 0b5923a
1 parent 67c7411
commit 0b5923a
Show file tree

Hide file tree

Showing 5 changed files with 1,773 additions and 777 deletions.
diff --git a/.storybook/helpers.js b/.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(' '),

diff --git a/scss/bitstyles/atoms/button/Button.js b/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,

diff --git a/scss/bitstyles/atoms/button/_index.scss b/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;