dibk-design 0.4.41 → 0.4.44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (100) hide show
  1. package/LICENSE +674 -674
  2. package/README.md +3 -3
  3. package/dist/components/Accordion.md +15 -15
  4. package/dist/components/Accordion.module.scss +205 -181
  5. package/dist/components/Button.md +75 -75
  6. package/dist/components/Button.module.scss +232 -216
  7. package/dist/components/CheckBoxIcon.js +109 -103
  8. package/dist/components/CheckBoxIcon.md +38 -38
  9. package/dist/components/CheckBoxIcon.module.scss +62 -62
  10. package/dist/components/CheckBoxInput.js +104 -101
  11. package/dist/components/CheckBoxInput.md +58 -51
  12. package/dist/components/CheckBoxInput.module.scss +24 -24
  13. package/dist/components/CheckBoxListItem.md +82 -82
  14. package/dist/components/CheckBoxListItem.module.scss +71 -71
  15. package/dist/components/ContentBox.md +46 -46
  16. package/dist/components/ContentBox.module.scss +116 -116
  17. package/dist/components/Dialog.md +5 -5
  18. package/dist/components/Dialog.module.scss +78 -71
  19. package/dist/components/DragAndDropFileInput.md +13 -13
  20. package/dist/components/DragAndDropFileInput.module.scss +45 -45
  21. package/dist/components/Footer.md +7 -7
  22. package/dist/components/Footer.module.scss +11 -11
  23. package/dist/components/Header.md +11 -11
  24. package/dist/components/Header.module.scss +64 -51
  25. package/dist/components/InputField.md +41 -41
  26. package/dist/components/InputField.module.scss +95 -83
  27. package/dist/components/Label.md +9 -9
  28. package/dist/components/Label.module.scss +16 -16
  29. package/dist/components/List.md +10 -10
  30. package/dist/components/List.module.scss +18 -18
  31. package/dist/components/LoadingAnimation.md +5 -5
  32. package/dist/components/LoadingAnimation.module.scss +26 -26
  33. package/dist/components/NavigationBar.md +42 -42
  34. package/dist/components/NavigationBar.module.scss +176 -176
  35. package/dist/components/NavigationBarListItem.md +15 -15
  36. package/dist/components/Paper.md +9 -9
  37. package/dist/components/Paper.module.scss +18 -17
  38. package/dist/components/RadioButtonIcon.md +41 -41
  39. package/dist/components/RadioButtonIcon.module.scss +44 -44
  40. package/dist/components/RadioButtonInput.md +30 -30
  41. package/dist/components/RadioButtonInput.module.scss +26 -26
  42. package/dist/components/RadioButtonListItem.md +70 -70
  43. package/dist/components/RadioButtonListItem.module.scss +71 -71
  44. package/dist/components/Select.md +28 -28
  45. package/dist/components/Select.module.scss +100 -101
  46. package/dist/components/Textarea.md +27 -27
  47. package/dist/components/Textarea.module.scss +72 -64
  48. package/dist/components/Theme.md +12 -12
  49. package/dist/components/Theme.module.scss +76 -76
  50. package/dist/components/WizardNavigation/Step.module.scss +75 -75
  51. package/dist/components/WizardNavigation.md +84 -84
  52. package/dist/components/WizardNavigation.module.scss +3 -3
  53. package/dist/fonts/Altis-Light.svg +326 -326
  54. package/dist/fonts/open-sans-v27-latin-ext_latin-300.svg +346 -346
  55. package/dist/fonts/open-sans-v27-latin-ext_latin-300italic.svg +377 -377
  56. package/dist/fonts/open-sans-v27-latin-ext_latin-700.svg +349 -349
  57. package/dist/fonts/open-sans-v27-latin-ext_latin-700italic.svg +379 -379
  58. package/dist/fonts/open-sans-v27-latin-ext_latin-italic.svg +379 -379
  59. package/dist/fonts/open-sans-v27-latin-ext_latin-regular.svg +349 -349
  60. package/dist/images/dibk-logo-mobile.svg +91 -91
  61. package/dist/images/dibk-logo.svg +991 -991
  62. package/dist/images/spinner.svg +56 -56
  63. package/dist/style/abstracts/_all.scss +1 -1
  64. package/dist/style/abstracts/mixins/_all.scss +12 -12
  65. package/dist/style/abstracts/mixins/_animation.scss +6 -6
  66. package/dist/style/abstracts/mixins/_appearance.scss +5 -5
  67. package/dist/style/abstracts/mixins/_border-radius.scss +31 -31
  68. package/dist/style/abstracts/mixins/_box-shadow.scss +5 -5
  69. package/dist/style/abstracts/mixins/_box-sizing.scss +5 -5
  70. package/dist/style/abstracts/mixins/_calc.scss +5 -5
  71. package/dist/style/abstracts/mixins/_keyframes.scss +14 -14
  72. package/dist/style/abstracts/mixins/_opacity.scss +5 -5
  73. package/dist/style/abstracts/mixins/_placeholder.scss +17 -17
  74. package/dist/style/abstracts/mixins/_scrollbar.scss +26 -26
  75. package/dist/style/abstracts/mixins/_transform.scss +6 -6
  76. package/dist/style/abstracts/mixins/_transition.scss +34 -34
  77. package/dist/style/abstracts/variables/_all.scss +2 -2
  78. package/dist/style/abstracts/variables/_colors.scss +29 -29
  79. package/dist/style/abstracts/variables/_typography.scss +1 -1
  80. package/dist/style/abstracts/variables/_viewports.scss +14 -11
  81. package/dist/style/base/_all.scss +1 -1
  82. package/dist/style/base/_reset.scss +15 -15
  83. package/dist/style/base/_typography.scss +6 -6
  84. package/dist/style/base/fonts.css +95 -95
  85. package/dist/style/global.scss +3 -3
  86. package/dist/style/layout/_containers.scss +9 -9
  87. package/package.json +43 -42
  88. package/dist/fonts_old/Altis-Light.eot +0 -0
  89. package/dist/fonts_old/Altis-Light.svg +0 -326
  90. package/dist/fonts_old/Altis-Light.ttf +0 -0
  91. package/dist/fonts_old/Altis-Light.woff +0 -0
  92. package/dist/fonts_old/Altis.eot +0 -0
  93. package/dist/fonts_old/Altis.svg +0 -327
  94. package/dist/fonts_old/Altis.ttf +0 -0
  95. package/dist/fonts_old/OpenSans-300.woff2 +0 -0
  96. package/dist/fonts_old/OpenSans-400.ttf +0 -0
  97. package/dist/fonts_old/OpenSans-400.woff +0 -0
  98. package/dist/fonts_old/OpenSans-400.woff2 +0 -0
  99. package/dist/fonts_old/OpenSans-400ekte.woff +0 -0
  100. package/dist/fonts_old/OpenSans-700.woff2 +0 -0
@@ -1,84 +1,84 @@
1
- WizardNavigation example:
2
- ```js
3
- const wizardSteps = {
4
- SignIn: {
5
- id: 'SignIn',
6
- name: 'Start',
7
- finished: true,
8
- hasErrors: false
9
- },
10
- AvailableReportees: {
11
- id: 'AvailableReportees',
12
- name: 'Velg hvem du representerer',
13
- finished: true,
14
- hasErrors: false
15
- },
16
- Import: {
17
- id: 'Import',
18
- name: 'Importer fil fra ByggSøk',
19
- finished: false,
20
- hasErrors: true
21
- },
22
- NextProcessCategory: {
23
- id: 'NextProcessCategory',
24
- name: 'Velg søknadstype',
25
- finished: false,
26
- hasErrors: false
27
- },
28
- Receipt: {
29
- id: 'Receipt',
30
- name: 'Velg søknadssystem',
31
- finished: false,
32
- hasErrors: false
33
- }
34
- };
35
-
36
- <WizardNavigation steps={wizardSteps} activeStepId='NextProcessCategory' />
37
-
38
- ```
39
-
40
- WizardNavigation with links example:
41
- ```js
42
- import { BrowserRouter } from 'react-router-dom';
43
-
44
- const wizardStepsWithLinks = {
45
- SignIn: {
46
- id: 'SignIn',
47
- name: 'Start',
48
- finished: true,
49
- hasErrors: false,
50
- link: { pathname: 'SignIn', search: window.location.search }
51
- },
52
- AvailableReportees: {
53
- id: 'AvailableReportees',
54
- name: 'Velg hvem du representerer',
55
- finished: true,
56
- hasErrors: false,
57
- link: { pathname: 'AvailableReportees', search: window.location.search }
58
- },
59
- Import: {
60
- id: 'Import',
61
- name: 'Importer fil fra ByggSøk',
62
- finished: false,
63
- hasErrors: true,
64
- link: { pathname: 'Import', search: window.location.search }
65
- },
66
- NextProcessCategory: {
67
- id: 'NextProcessCategory',
68
- name: 'Velg søknadstype',
69
- finished: false,
70
- hasErrors: false,
71
- link: { pathname: 'NextProcessCategory', search: window.location.search }
72
- },
73
- Receipt: {
74
- id: 'Receipt',
75
- name: 'Velg søknadssystem',
76
- finished: false,
77
- hasErrors: false,
78
- link: { pathname: 'Receipt', search: window.location.search }
79
- }
80
- };
81
- <BrowserRouter>
82
- <WizardNavigation steps={wizardStepsWithLinks} activeStepId='NextProcessCategory' />
83
- </BrowserRouter>
84
- ```
1
+ WizardNavigation example:
2
+ ```js
3
+ const wizardSteps = {
4
+ SignIn: {
5
+ id: 'SignIn',
6
+ name: 'Start',
7
+ finished: true,
8
+ hasErrors: false
9
+ },
10
+ AvailableReportees: {
11
+ id: 'AvailableReportees',
12
+ name: 'Velg hvem du representerer',
13
+ finished: true,
14
+ hasErrors: false
15
+ },
16
+ Import: {
17
+ id: 'Import',
18
+ name: 'Importer fil fra ByggSøk',
19
+ finished: false,
20
+ hasErrors: true
21
+ },
22
+ NextProcessCategory: {
23
+ id: 'NextProcessCategory',
24
+ name: 'Velg søknadstype',
25
+ finished: false,
26
+ hasErrors: false
27
+ },
28
+ Receipt: {
29
+ id: 'Receipt',
30
+ name: 'Velg søknadssystem',
31
+ finished: false,
32
+ hasErrors: false
33
+ }
34
+ };
35
+
36
+ <WizardNavigation steps={wizardSteps} activeStepId='NextProcessCategory' />
37
+
38
+ ```
39
+
40
+ WizardNavigation with links example:
41
+ ```js
42
+ import { BrowserRouter } from 'react-router-dom';
43
+
44
+ const wizardStepsWithLinks = {
45
+ SignIn: {
46
+ id: 'SignIn',
47
+ name: 'Start',
48
+ finished: true,
49
+ hasErrors: false,
50
+ link: { pathname: 'SignIn', search: window.location.search }
51
+ },
52
+ AvailableReportees: {
53
+ id: 'AvailableReportees',
54
+ name: 'Velg hvem du representerer',
55
+ finished: true,
56
+ hasErrors: false,
57
+ link: { pathname: 'AvailableReportees', search: window.location.search }
58
+ },
59
+ Import: {
60
+ id: 'Import',
61
+ name: 'Importer fil fra ByggSøk',
62
+ finished: false,
63
+ hasErrors: true,
64
+ link: { pathname: 'Import', search: window.location.search }
65
+ },
66
+ NextProcessCategory: {
67
+ id: 'NextProcessCategory',
68
+ name: 'Velg søknadstype',
69
+ finished: false,
70
+ hasErrors: false,
71
+ link: { pathname: 'NextProcessCategory', search: window.location.search }
72
+ },
73
+ Receipt: {
74
+ id: 'Receipt',
75
+ name: 'Velg søknadssystem',
76
+ finished: false,
77
+ hasErrors: false,
78
+ link: { pathname: 'Receipt', search: window.location.search }
79
+ }
80
+ };
81
+ <BrowserRouter>
82
+ <WizardNavigation steps={wizardStepsWithLinks} activeStepId='NextProcessCategory' />
83
+ </BrowserRouter>
84
+ ```
@@ -1,4 +1,4 @@
1
- :local(.wizardTopnav) {
2
- display: flex;
3
- margin: 20px;
1
+ :local(.wizardTopnav) {
2
+ display: flex;
3
+ margin: 20px;
4
4
  }