vf-button angular hotfix

components/vf-button/CHANGELOG.md

+### 2.0.0-alpha.3
+
+* Fixes for experimental angular support.
+
 ### 2.0.0-alpha.2
 
 * Adds experimental angular support. See README.md for more.

components/vf-button/README.md

@@ -55,7 +55,7 @@ As of vf-button v2.0.0-alpha.2 vf-button has experimental Angular support.
 1. install `yarn add @visual-framework/vf-button`
 2. import in your app.module
    ```
-   import { VfButton } from "@visual-framework/button/button.component";
+   import { VfButton } from "@visual-framework/vf-button/vf-button.angular.component.ts";
 
    @NgModule({
      declarations: [VfButton, YourOtherComponents],

components/vf-button/package.json

 {
-  "version": "2.0.0-alpha.2",
+  "version": "2.0.0-alpha.3",
   "name": "@visual-framework/vf-button",
   "description": "vf-button component",
   "homepage": "https://stable.visual-framework.dev/",

components/vf-button/vf-button.angular.component.ts

@@ -18,7 +18,7 @@ import { Component, Input, OnInit } from "@angular/core";
       <ng-content></ng-content>
     </button>
   `,
-  styleUrls: ["./button.component.css"]
+  styleUrls: ["./vf-button.scss"]
 })
 export class VfButton implements OnInit {
   @Input() primary = false;

components/vf-button/vf-button.scss

@@ -11,8 +11,8 @@
 // vf-button
 
 $button-hover-fix: -5px -5px rgba(0, 0, 0, 0);
-.vf-button {
 
+.vf-button {
   --vf-button__color__background--default: var(--vf-color--grey);
   --vf-button__color__background--default-dark: var(--vf-color--grey--darkest);
   --vf-button__color__border--default-visited: var(--vf-color--grey--lightest);
@@ -43,10 +43,9 @@ $button-hover-fix: -5px -5px rgba(0, 0, 0, 0);
   transform: translate(0, 0);
   transition: all linear 125ms;
   // Ideally we want this to be 50ms but there's an issue in Webkit/Safari on box-shadow animations
-  // additionally we can't do a pseude :before/:after as we need to support <button> elements
+  // additionally we can't do a pseudo :before/:after as we need to support <button> elements
   // https://github.com/visual-framework/vf-core/pull/632
 
-
   // Hover and Focus Styles
   &:focus,
   &:hover {