dibk-design 0.4.45 → 0.4.48

package/dist/components/WizardNavigation/Step.module.scss

@@ -1,75 +1,75 @@
-@import "../../style/global.scss";
-
-.wizard-topnav .wizard-topnav-item.finished .wizard-topnav-item-content:before {
-  background-color: $color-primary;
-}
-
-:local(.wizardTopnavItem) {
-  flex: 1;
-  text-decoration: none;
-  :local(.wizardTopnavItemContent) {
-    &:before {
-      display: inline-block;
-      content: " ";
-      height: 15px;
-      background-color: #e2e1e0;
-      width: 100%;
-      left: 50%;
-      position: relative;
-      margin-bottom: -30px;
-    }
-    :local(.stepNumber) {
-      border-radius: 50%;
-      width: 35px;
-      height: 35px;
-      display: block;
-      text-align: center;
-      background-color: #e2e1e0;
-      color: $color-default-text;
-      margin: auto;
-      position: relative;
-      font-size: 20px;
-      line-height: 1.75em;
-    }
-    :local(.stepName) {
-      display: block;
-      text-align: center;
-      color: $color-default-text;
-    }
-  }
-  &:local(.active) {
-    :local(.stepNumber) {
-      background-color: $color-dark-blue;
-      color: #fff;
-    }
-  }
-  &:local(.finished) {
-    :local(.wizardTopnavItemContent) {
-      &:before {
-        background-color: $color-primary;
-      }
-      :local(.stepNumber) {
-        background-color: $color-primary;
-        color: #fff;
-      }
-    }
-  }
-  &:local(.hasErrors) {
-    :local(.wizardTopnavItemContent) {
-      &:before {
-        background-color: $color-warning;
-      }
-      :local(.stepNumber) {
-        background-color: $color-warning;
-        color: #fff;
-      }
-    }
-  }
-  &:last-child {
-    :local(.wizardTopnavItemContent) {
-      &:before {
-        width: 0;
-      }
-    }
-  }
-}
+@import "../../style/global.scss";
+
+.wizard-topnav .wizard-topnav-item.finished .wizard-topnav-item-content:before {
+  background-color: $color-primary;
+}
+
+:local(.wizardTopnavItem) {
+  flex: 1;
+  text-decoration: none;
+  :local(.wizardTopnavItemContent) {
+    &:before {
+      display: inline-block;
+      content: " ";
+      height: 15px;
+      background-color: #e2e1e0;
+      width: 100%;
+      left: 50%;
+      position: relative;
+      margin-bottom: -30px;
+    }
+    :local(.stepNumber) {
+      border-radius: 50%;
+      width: 35px;
+      height: 35px;
+      display: block;
+      text-align: center;
+      background-color: #e2e1e0;
+      color: $color-default-text;
+      margin: auto;
+      position: relative;
+      font-size: 20px;
+      line-height: 1.75em;
+    }
+    :local(.stepName) {
+      display: block;
+      text-align: center;
+      color: $color-default-text;
+    }
+  }
+  &:local(.active) {
+    :local(.stepNumber) {
+      background-color: $color-dark-blue;
+      color: #fff;
+    }
+  }
+  &:local(.finished) {
+    :local(.wizardTopnavItemContent) {
+      &:before {
+        background-color: $color-primary;
+      }
+      :local(.stepNumber) {
+        background-color: $color-primary;
+        color: #fff;
+      }
+    }
+  }
+  &:local(.hasErrors) {
+    :local(.wizardTopnavItemContent) {
+      &:before {
+        background-color: $color-warning;
+      }
+      :local(.stepNumber) {
+        background-color: $color-warning;
+        color: #fff;
+      }
+    }
+  }
+  &:last-child {
+    :local(.wizardTopnavItemContent) {
+      &:before {
+        width: 0;
+      }
+    }
+  }
+}

package/dist/components/WizardNavigation.md

@@ -1,84 +1,84 @@
-WizardNavigation example:
-```js
-const wizardSteps = {
-    SignIn: {
-        id: 'SignIn',
-        name: 'Start',
-        finished: true,
-        hasErrors: false
-    },
-    AvailableReportees: {
-        id: 'AvailableReportees',
-        name: 'Velg hvem du representerer',
-        finished: true,
-        hasErrors: false
-    },
-    Import: {
-        id: 'Import',
-        name: 'Importer fil fra ByggSøk',
-        finished: false,
-        hasErrors: true
-    },
-    NextProcessCategory: {
-        id: 'NextProcessCategory',
-        name: 'Velg søknadstype',
-        finished: false,
-        hasErrors: false
-    },
-    Receipt: {
-        id: 'Receipt',
-        name: 'Velg søknadssystem',
-        finished: false,
-        hasErrors: false
-    }
-};
-
-<WizardNavigation steps={wizardSteps} activeStepId='NextProcessCategory' />
-
-```
-
-WizardNavigation with links example:
-```js
-import { BrowserRouter } from 'react-router-dom';
-
-const wizardStepsWithLinks = {
-    SignIn: {
-        id: 'SignIn',
-        name: 'Start',
-        finished: true,
-        hasErrors: false,
-        link: { pathname: 'SignIn', search: window.location.search }
-    },
-    AvailableReportees: {
-        id: 'AvailableReportees',
-        name: 'Velg hvem du representerer',
-        finished: true,
-        hasErrors: false,
-        link: { pathname: 'AvailableReportees', search: window.location.search }
-    },
-    Import: {
-        id: 'Import',
-        name: 'Importer fil fra ByggSøk',
-        finished: false,
-        hasErrors: true,
-        link: { pathname: 'Import', search: window.location.search }
-    },
-    NextProcessCategory: {
-        id: 'NextProcessCategory',
-        name: 'Velg søknadstype',
-        finished: false,
-        hasErrors: false,
-        link: { pathname: 'NextProcessCategory', search: window.location.search }
-    },
-    Receipt: {
-        id: 'Receipt',
-        name: 'Velg søknadssystem',
-        finished: false,
-        hasErrors: false,
-        link: { pathname: 'Receipt', search: window.location.search }
-    }
-};
-<BrowserRouter>
-<WizardNavigation steps={wizardStepsWithLinks} activeStepId='NextProcessCategory' />
-</BrowserRouter>
-```
+WizardNavigation example:
+```js
+const wizardSteps = {
+    SignIn: {
+        id: 'SignIn',
+        name: 'Start',
+        finished: true,
+        hasErrors: false
+    },
+    AvailableReportees: {
+        id: 'AvailableReportees',
+        name: 'Velg hvem du representerer',
+        finished: true,
+        hasErrors: false
+    },
+    Import: {
+        id: 'Import',
+        name: 'Importer fil fra ByggSøk',
+        finished: false,
+        hasErrors: true
+    },
+    NextProcessCategory: {
+        id: 'NextProcessCategory',
+        name: 'Velg søknadstype',
+        finished: false,
+        hasErrors: false
+    },
+    Receipt: {
+        id: 'Receipt',
+        name: 'Velg søknadssystem',
+        finished: false,
+        hasErrors: false
+    }
+};
+
+<WizardNavigation steps={wizardSteps} activeStepId='NextProcessCategory' />
+
+```
+
+WizardNavigation with links example:
+```js
+import { BrowserRouter } from 'react-router-dom';
+
+const wizardStepsWithLinks = {
+    SignIn: {
+        id: 'SignIn',
+        name: 'Start',
+        finished: true,
+        hasErrors: false,
+        link: { pathname: 'SignIn', search: window.location.search }
+    },
+    AvailableReportees: {
+        id: 'AvailableReportees',
+        name: 'Velg hvem du representerer',
+        finished: true,
+        hasErrors: false,
+        link: { pathname: 'AvailableReportees', search: window.location.search }
+    },
+    Import: {
+        id: 'Import',
+        name: 'Importer fil fra ByggSøk',
+        finished: false,
+        hasErrors: true,
+        link: { pathname: 'Import', search: window.location.search }
+    },
+    NextProcessCategory: {
+        id: 'NextProcessCategory',
+        name: 'Velg søknadstype',
+        finished: false,
+        hasErrors: false,
+        link: { pathname: 'NextProcessCategory', search: window.location.search }
+    },
+    Receipt: {
+        id: 'Receipt',
+        name: 'Velg søknadssystem',
+        finished: false,
+        hasErrors: false,
+        link: { pathname: 'Receipt', search: window.location.search }
+    }
+};
+<BrowserRouter>
+<WizardNavigation steps={wizardStepsWithLinks} activeStepId='NextProcessCategory' />
+</BrowserRouter>
+```

package/dist/components/WizardNavigation.module.scss

@@ -1,4 +1,4 @@
-:local(.wizardTopnav) {
-    display: flex;
-    margin: 20px;
+:local(.wizardTopnav) {
+    display: flex;
+    margin: 20px;
 }