refactor(project): Renamed all instances of dafa to msfa or mina-sidor-fa. (TV-379)

Squashed commit of the following:

commit d3f52ff6876f6e246c7d3c188e56cc2370289341
Author: Erik Tiekstra <erik.tiekstra@arbetsformedlingen.se>
Date:   Tue Aug 17 14:10:38 2021 +0200

    Renamed all dafa instances to msfa

apps/mina-sidor-fa/src/styles/functions/_rem.scss

@@ -0,0 +1 @@
+@import '~@digi/styles/src/base/functions/rem';

apps/mina-sidor-fa/src/styles/mixins/_a11y.scss

@@ -0,0 +1,13 @@
+@mixin msfa__a11y-sr-only {
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  -webkit-clip-path: inset(50%);
+  clip-path: inset(50%);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+  white-space: nowrap;
+}

apps/mina-sidor-fa/src/styles/mixins/_buttons.scss

@@ -0,0 +1,31 @@
+@import './variables/colors';
+
+//Button properties
+
+$msfa-button--padding: var(--digi-button--padding);
+$msfa-button--margin: 0.5rem;
+$msfa-button--border-radius: var(--digi-button--border-radius);
+$msfa-button--transition: background 0.2s, border-color 0.2s, box-shadow 0.2s;
+$msfa-button--border: var(--digi-button--border);
+$msfa-button--text-decoration: none;
+$msfa-button--font-weight: var(--digi-button--font-weight);
+$msfa-button--font-font-size: var(--digi-button--font-size);
+
+//A basic link button
+
+@mixin msfa_buttontemplate($backgroundcolor, $textcolor, $hovercolor) {
+  background: $backgroundcolor;
+  padding: $msfa-button--padding;
+  margin: $msfa-button--margin;
+  border-radius: $msfa-button--border-radius;
+  transition: $msfa-button--transition;
+  border: $msfa-button--border;
+  text-decoration: none;
+  font-weight: $msfa-button--font-weight;
+  font-size: $msfa-button--font-font-size;
+  color: $textcolor;
+
+  &:hover {
+    background: $hovercolor;
+  }
+}

apps/mina-sidor-fa/src/styles/mixins/_flex.scss

@@ -0,0 +1,5 @@
+@mixin msfa__flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

apps/mina-sidor-fa/src/styles/mixins/_icon.scss

@@ -0,0 +1,7 @@
+@mixin msfa__digi-ng-icon($width: 1em) {
+  display: inline-flex;
+  justify-content: center;
+  align-items: center;
+  width: $width;
+  max-height: $width;
+}

apps/mina-sidor-fa/src/styles/mixins/_list.scss

@@ -0,0 +1,5 @@
+@mixin msfa__reset-list {
+  list-style-type: none;
+  padding: 0;
+  margin: 0;
+}

apps/mina-sidor-fa/src/styles/styles.scss

@@ -0,0 +1,70 @@
+@import '@digi/core/dist/digi/digi.css';
+@import 'mixins/a11y';
+@import 'mixins/icon';
+
+* {
+  font-family: var(--digi--typography--font-family);
+  box-sizing: border-box;
+
+  ::before,
+  ::after {
+    box-sizing: border-box;
+  }
+}
+
+body {
+  margin: 0;
+  font-weight: var(--digi--typography--font-weight);
+}
+
+button {
+  font-family: var(--digi--typography--font-family);
+  cursor: pointer;
+}
+
+strong {
+  font-weight: var(--digi--typography--font-weight--semibold);
+}
+
+address {
+  font-style: normal;
+}
+
+// Make all digi icons display inline-flex to make them get the correct height.
+[class^='sc-digi-icon'],
+.digi-button__icon {
+  display: inline-flex;
+}
+
+.msfa {
+  &__a11y-sr-only {
+    @include msfa__a11y-sr-only;
+  }
+
+  &__digi-icon {
+    display: inline-flex;
+  }
+
+  &__link {
+    display: inline-flex;
+    align-items: center;
+    text-decoration: none;
+    font-weight: var(--digi--typography--font-weight--semibold);
+
+    &:hover {
+      text-decoration: underline;
+    }
+
+    &--with-icon {
+      gap: var(--digi--layout--gutter--xs);
+    }
+
+    &--ignore-visited:visited {
+      color: var(--digi--typography--color--link);
+
+      &:hover {
+        color: var(--digi--typography--color--link--active);
+      }
+    }
+  }
+}

apps/mina-sidor-fa/src/styles/variables/_breakpoints.scss

@@ -0,0 +1 @@
+@import '~@digi/styles/src/layout/variables/layout__variables';

apps/mina-sidor-fa/src/styles/variables/_colors.scss

@@ -0,0 +1,15 @@
+@import '~@digi/styles/src/ui/variables/ui__variables';
+@import '~@digi/core/dist/collection/components/_button/button/button.css';
+
+// AF DIGI Variables
+$digi--ui--color--primary-light: lighten($digi--ui--color--primary, 10%);
+$digi--ui--color--primary: $digi--ui--color--stratos;
+
+// Local variables
+
+$msfa-button--background--primary: var(--digi-button--background);
+$msfa-button--text--primary: var(--digi--typography--color--text--light);
+$msfa-button--hover--primary: var(--digi-button--background--hover);
+$msfa-button--background--secondary: var(--digi-button--background--secondary);
+$msfa-button--text--secondary: var(--digi--ui--color--primary);
+$msfa-button--hover--secondary: var(--digi-button--background--secondary--hover);

apps/mina-sidor-fa/src/styles/variables/_gutters.scss

@@ -0,0 +1,10 @@
+@import '~@digi/styles/src/layout/variables/layout__variables';
+@import 'functions/rem';
+
+// AF DIGI Variables
+$digi--layout--gutter--m: rem(12);
+$digi--layout--gutter--l: rem(25);
+$digi--layout--gutter--xl: rem(40);
+$digi--layout--gutter--xxl: rem(60);
+
+// Local variables

apps/mina-sidor-fa/src/styles/variables/_navigation.scss

@@ -0,0 +1,2 @@
+$msfa__navigation-height: 2.5rem;
+$msfa__navigation-height-large: 4rem;

apps/mina-sidor-fa/src/styles/variables/_shadows.scss

@@ -0,0 +1 @@
+$msfa__shadow: 0 0.2rem 0.6rem 0 var(--digi--ui--color--shadow);