@helsenorge/designsystem-react 1.0.0-beta81-ModalTest2 → 1.0.0-beta82

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 (67) hide show
  1. package/{Button-e2087687.js → Button-7200b617.js} +2 -2
  2. package/Button-7200b617.js.map +1 -0
  3. package/Check-6291ad09.js +2 -0
  4. package/Check-6291ad09.js.map +1 -0
  5. package/Checkbox-ffdd3cb7.js +2 -0
  6. package/Checkbox-ffdd3cb7.js.map +1 -0
  7. package/FormGroup-17d2a3d3.js +2 -0
  8. package/FormGroup-17d2a3d3.js.map +1 -0
  9. package/Loader-9e099b42.js +2 -0
  10. package/Loader-9e099b42.js.map +1 -0
  11. package/Modal-5c2defa7.js +2 -0
  12. package/Modal-5c2defa7.js.map +1 -0
  13. package/Validation-e113da7e.js +2 -0
  14. package/Validation-e113da7e.js.map +1 -0
  15. package/components/Avatar/index.js +1 -1
  16. package/components/Button/index.js +1 -1
  17. package/components/ButtonWithModal/ButtonWithModal.d.ts +1 -1
  18. package/components/ButtonWithModal/ButtonWithModal.d.ts.map +1 -1
  19. package/components/ButtonWithModal/index.js +1 -1
  20. package/components/Checkbox/Checkbox.d.ts +31 -0
  21. package/components/Checkbox/Checkbox.d.ts.map +1 -0
  22. package/components/Checkbox/componentdata.json +259 -0
  23. package/components/Checkbox/index.d.ts +3 -0
  24. package/components/Checkbox/index.d.ts.map +1 -0
  25. package/components/Checkbox/index.js +2 -0
  26. package/components/Checkbox/index.js.map +1 -0
  27. package/components/Checkbox/styles.module.scss +191 -0
  28. package/components/Checkbox/styles.module.scss.d.ts +25 -0
  29. package/components/ExpanderList/ExpanderList.d.ts.map +1 -1
  30. package/components/ExpanderList/index.js +1 -1
  31. package/components/FormExample/FormExample.d.ts +13 -0
  32. package/components/FormExample/FormExample.d.ts.map +1 -0
  33. package/components/FormExample/componentdata.json +63 -0
  34. package/components/FormExample/index.d.ts +3 -0
  35. package/components/FormExample/index.d.ts.map +1 -0
  36. package/components/FormExample/index.js +2 -0
  37. package/components/FormExample/index.js.map +1 -0
  38. package/components/FormGroup/FormGroup.d.ts +26 -0
  39. package/components/FormGroup/FormGroup.d.ts.map +1 -0
  40. package/components/FormGroup/componentdata.json +183 -0
  41. package/components/FormGroup/index.d.ts +3 -0
  42. package/components/FormGroup/index.d.ts.map +1 -0
  43. package/components/FormGroup/index.js +2 -0
  44. package/components/FormGroup/index.js.map +1 -0
  45. package/components/FormGroup/styles.module.scss +79 -0
  46. package/components/FormGroup/styles.module.scss.d.ts +22 -0
  47. package/components/Loader/index.js +1 -1
  48. package/components/Modal/index.js +1 -1
  49. package/components/Validation/Validation.d.ts +17 -0
  50. package/components/Validation/Validation.d.ts.map +1 -0
  51. package/components/Validation/componentdata.json +111 -0
  52. package/components/Validation/index.d.ts +3 -0
  53. package/components/Validation/index.d.ts.map +1 -0
  54. package/components/Validation/index.js +2 -0
  55. package/components/Validation/index.js.map +1 -0
  56. package/components/Validation/styles.module.scss +15 -0
  57. package/components/Validation/styles.module.scss.d.ts +10 -0
  58. package/package.json +2 -1
  59. package/scss/_palette.scss +1 -0
  60. package/uuid-484288be.js +2 -0
  61. package/uuid-484288be.js.map +1 -0
  62. package/Button-e2087687.js.map +0 -1
  63. package/Loader-3767cb6e.js +0 -2
  64. package/Loader-3767cb6e.js.map +0 -1
  65. package/Modal-459c67d7.js +0 -2
  66. package/Modal-459c67d7.js.map +0 -1
  67. package/components/Tabs/componentdata.json +0 -3
@@ -0,0 +1,183 @@
1
+ {
2
+ "props": {
3
+ "title": {
4
+ "defaultValue": null,
5
+ "description": "title for the the fieldset",
6
+ "name": "title",
7
+ "parent": {
8
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
9
+ "name": "FormGroupProps"
10
+ },
11
+ "declarations": [
12
+ {
13
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
14
+ "name": "FormGroupProps"
15
+ }
16
+ ],
17
+ "required": false,
18
+ "type": {
19
+ "name": "string"
20
+ }
21
+ },
22
+ "legend": {
23
+ "defaultValue": null,
24
+ "description": "text placed in the legend tag of the fieldset",
25
+ "name": "legend",
26
+ "parent": {
27
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
28
+ "name": "FormGroupProps"
29
+ },
30
+ "declarations": [
31
+ {
32
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
33
+ "name": "FormGroupProps"
34
+ }
35
+ ],
36
+ "required": false,
37
+ "type": {
38
+ "name": "string"
39
+ }
40
+ },
41
+ "children": {
42
+ "defaultValue": null,
43
+ "description": "Items in the ExpanderList",
44
+ "name": "children",
45
+ "parent": {
46
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
47
+ "name": "FormGroupProps"
48
+ },
49
+ "declarations": [
50
+ {
51
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
52
+ "name": "FormGroupProps"
53
+ }
54
+ ],
55
+ "required": false,
56
+ "type": {
57
+ "name": "ReactNode"
58
+ }
59
+ },
60
+ "className": {
61
+ "defaultValue": null,
62
+ "description": "Adds custom classes to the element.",
63
+ "name": "className",
64
+ "parent": {
65
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
66
+ "name": "FormGroupProps"
67
+ },
68
+ "declarations": [
69
+ {
70
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
71
+ "name": "FormGroupProps"
72
+ }
73
+ ],
74
+ "required": false,
75
+ "type": {
76
+ "name": "string"
77
+ }
78
+ },
79
+ "mode": {
80
+ "defaultValue": null,
81
+ "description": "Changes the visuals of the formgroup",
82
+ "name": "mode",
83
+ "parent": {
84
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
85
+ "name": "FormGroupProps"
86
+ },
87
+ "declarations": [
88
+ {
89
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
90
+ "name": "FormGroupProps"
91
+ }
92
+ ],
93
+ "required": false,
94
+ "type": {
95
+ "name": "enum",
96
+ "raw": "\"on-white\" | \"on-blueberry\" | \"on-dark\" | undefined",
97
+ "value": [
98
+ {
99
+ "value": "undefined"
100
+ },
101
+ {
102
+ "value": "\"on-white\""
103
+ },
104
+ {
105
+ "value": "\"on-blueberry\""
106
+ },
107
+ {
108
+ "value": "\"on-dark\""
109
+ }
110
+ ]
111
+ }
112
+ },
113
+ "variant": {
114
+ "defaultValue": null,
115
+ "description": "Changes the visuals of the formgroup",
116
+ "name": "variant",
117
+ "parent": {
118
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
119
+ "name": "FormGroupProps"
120
+ },
121
+ "declarations": [
122
+ {
123
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
124
+ "name": "FormGroupProps"
125
+ }
126
+ ],
127
+ "required": false,
128
+ "type": {
129
+ "name": "enum",
130
+ "raw": "\"normal\" | \"bigform\" | undefined",
131
+ "value": [
132
+ {
133
+ "value": "undefined"
134
+ },
135
+ {
136
+ "value": "\"normal\""
137
+ },
138
+ {
139
+ "value": "\"bigform\""
140
+ }
141
+ ]
142
+ }
143
+ },
144
+ "error": {
145
+ "defaultValue": null,
146
+ "description": "Error message",
147
+ "name": "error",
148
+ "parent": {
149
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
150
+ "name": "FormGroupProps"
151
+ },
152
+ "declarations": [
153
+ {
154
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
155
+ "name": "FormGroupProps"
156
+ }
157
+ ],
158
+ "required": false,
159
+ "type": {
160
+ "name": "string"
161
+ }
162
+ },
163
+ "testId": {
164
+ "defaultValue": null,
165
+ "description": "Sets the data-testid attribute.",
166
+ "name": "testId",
167
+ "parent": {
168
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
169
+ "name": "FormGroupProps"
170
+ },
171
+ "declarations": [
172
+ {
173
+ "fileName": "src/components/FormGroup/FormGroup.tsx",
174
+ "name": "FormGroupProps"
175
+ }
176
+ ],
177
+ "required": false,
178
+ "type": {
179
+ "name": "string"
180
+ }
181
+ }
182
+ }
183
+ }
@@ -0,0 +1,3 @@
1
+ import FormGroup from './FormGroup';
2
+ export default FormGroup;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FormGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,aAAa,CAAC;AACpC,eAAe,SAAS,CAAC"}
@@ -0,0 +1,2 @@
1
+ import{F as s}from"../../FormGroup-17d2a3d3.js";export{F as default}from"../../FormGroup-17d2a3d3.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";import"../../Checkbox-ffdd3cb7.js";import"../../uuid-484288be.js";import"../../Check-6291ad09.js";import"../../constants-d1f48e8e.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,79 @@
1
+ @import '../../scss/_spacers.scss';
2
+ @import '../../scss/_breakpoints.scss';
3
+ @import '../../scss/_palette.scss';
4
+ @import '../../scss/font-settings.scss';
5
+
6
+ .form-group-wrapper {
7
+ padding: getSpacer(s) getSpacer(xs) getSpacer(m);
8
+
9
+ @media (min-width: map-get($grid-breakpoints, md)) {
10
+ padding: getSpacer(s) getSpacer(m) getSpacer(l);
11
+ }
12
+
13
+ &--bigform {
14
+ background-color: $neutral50;
15
+ }
16
+
17
+ &--on-blueberry {
18
+ background-color: $blueberry50;
19
+ }
20
+
21
+ &--on-dark {
22
+ background-color: $blueberry800;
23
+ }
24
+
25
+ &--invalid {
26
+ background-color: $cherry50;
27
+ border-left: 0.25rem solid $cherry500;
28
+ }
29
+
30
+ &__title {
31
+ margin-bottom: getSpacer(l) !important;
32
+
33
+ &--on-dark {
34
+ color: $white;
35
+ }
36
+
37
+ &--bigform {
38
+ margin-left: getSpacer(l) !important;
39
+ }
40
+ }
41
+
42
+ &__errors {
43
+ font-size: $font-size-sm;
44
+ font-weight: 600;
45
+ color: $cherry500;
46
+ margin-top: 0;
47
+
48
+ &--bigform {
49
+ margin-left: getSpacer(l);
50
+ }
51
+ }
52
+ }
53
+
54
+ .form-group-wrapper:first-of-type {
55
+ padding-top: getSpacer(xl);
56
+ }
57
+
58
+ .form-group-wrapper:last-of-type {
59
+ padding-bottom: getSpacer(xl);
60
+ }
61
+
62
+ .form-group {
63
+ border: none;
64
+ padding: 0;
65
+ margin: 0;
66
+
67
+ &__legend {
68
+ font-size: $font-size-md;
69
+ font-weight: 600;
70
+
71
+ &--on-dark {
72
+ color: $white;
73
+ }
74
+
75
+ &--bigform {
76
+ padding: 0 getSpacer(l) getSpacer(l);
77
+ }
78
+ }
79
+ }
@@ -0,0 +1,22 @@
1
+ export type Styles = {
2
+ 'form-group': string;
3
+ 'form-group__legend': string;
4
+ 'form-group__legend--bigform': string;
5
+ 'form-group__legend--on-dark': string;
6
+ 'form-group-wrapper': string;
7
+ 'form-group-wrapper__errors': string;
8
+ 'form-group-wrapper__errors--bigform': string;
9
+ 'form-group-wrapper__title': string;
10
+ 'form-group-wrapper__title--bigform': string;
11
+ 'form-group-wrapper__title--on-dark': string;
12
+ 'form-group-wrapper--bigform': string;
13
+ 'form-group-wrapper--invalid': string;
14
+ 'form-group-wrapper--on-blueberry': string;
15
+ 'form-group-wrapper--on-dark': string;
16
+ };
17
+
18
+ export type ClassNames = keyof Styles;
19
+
20
+ declare const styles: Styles;
21
+
22
+ export default styles;
@@ -1,2 +1,2 @@
1
- import{L as e}from"../../Loader-3767cb6e.js";export{L as default}from"../../Loader-3767cb6e.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";
1
+ import{L as e}from"../../Loader-9e099b42.js";export{L as default}from"../../Loader-9e099b42.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-484288be.js";import"./styles.module.scss";
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{M as s}from"../../Modal-459c67d7.js";export{M as default}from"../../Modal-459c67d7.js";import"react";import"../../index-9b84fabc.js";import"../../Loader-3767cb6e.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"../Loader/styles.module.scss";import"../../palette-f206f488.js";import"../../Button-e2087687.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../constants-d1f48e8e.js";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"./styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";
1
+ import{M as s}from"../../Modal-5c2defa7.js";export{M as default}from"../../Modal-5c2defa7.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-484288be.js";import"../../palette-f206f488.js";import"../../Button-7200b617.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"../../_tslib-51c8a283.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../constants-d1f48e8e.js";import"../../Loader-9e099b42.js";import"../Loader/styles.module.scss";import"../../useHover-57ad4df9.js";import"../../useWindowSize-c22d7634.js";import"../Button/styles.module.scss";import"../../AlertSignFill-64bfef57.js";import"./styles.module.scss";import"../../Title-863af332.js";import"../Title/styles.module.scss";
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,17 @@
1
+ import React from 'react';
2
+ import { FormVariant } from '../FormGroup/FormGroup';
3
+ interface ValidationProps {
4
+ /** text placed in the legend tag of the fieldset */
5
+ errorSummary?: string;
6
+ /** Items in the ExpanderList */
7
+ children?: React.ReactNode;
8
+ /** Adds custom classes to the element. */
9
+ className?: string;
10
+ /** Changes the visuals of the formgroup */
11
+ variant?: FormVariant;
12
+ /** Sets the data-testid attribute. */
13
+ testId?: string;
14
+ }
15
+ export declare const Validation: React.ForwardRefExoticComponent<ValidationProps & React.RefAttributes<HTMLElement>>;
16
+ export default Validation;
17
+ //# sourceMappingURL=Validation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Validation.d.ts","sourceRoot":"","sources":["../../../src/components/Validation/Validation.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIrD,UAAU,eAAe;IACvB,oDAAoD;IACpD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,2CAA2C;IAC3C,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,UAAU,qFAgBrB,CAAC;AAEH,eAAe,UAAU,CAAC"}
@@ -0,0 +1,111 @@
1
+ {
2
+ "props": {
3
+ "errorSummary": {
4
+ "defaultValue": null,
5
+ "description": "text placed in the legend tag of the fieldset",
6
+ "name": "errorSummary",
7
+ "parent": {
8
+ "fileName": "src/components/Validation/Validation.tsx",
9
+ "name": "ValidationProps"
10
+ },
11
+ "declarations": [
12
+ {
13
+ "fileName": "src/components/Validation/Validation.tsx",
14
+ "name": "ValidationProps"
15
+ }
16
+ ],
17
+ "required": false,
18
+ "type": {
19
+ "name": "string"
20
+ }
21
+ },
22
+ "children": {
23
+ "defaultValue": null,
24
+ "description": "Items in the ExpanderList",
25
+ "name": "children",
26
+ "parent": {
27
+ "fileName": "src/components/Validation/Validation.tsx",
28
+ "name": "ValidationProps"
29
+ },
30
+ "declarations": [
31
+ {
32
+ "fileName": "src/components/Validation/Validation.tsx",
33
+ "name": "ValidationProps"
34
+ }
35
+ ],
36
+ "required": false,
37
+ "type": {
38
+ "name": "ReactNode"
39
+ }
40
+ },
41
+ "className": {
42
+ "defaultValue": null,
43
+ "description": "Adds custom classes to the element.",
44
+ "name": "className",
45
+ "parent": {
46
+ "fileName": "src/components/Validation/Validation.tsx",
47
+ "name": "ValidationProps"
48
+ },
49
+ "declarations": [
50
+ {
51
+ "fileName": "src/components/Validation/Validation.tsx",
52
+ "name": "ValidationProps"
53
+ }
54
+ ],
55
+ "required": false,
56
+ "type": {
57
+ "name": "string"
58
+ }
59
+ },
60
+ "variant": {
61
+ "defaultValue": null,
62
+ "description": "Changes the visuals of the formgroup",
63
+ "name": "variant",
64
+ "parent": {
65
+ "fileName": "src/components/Validation/Validation.tsx",
66
+ "name": "ValidationProps"
67
+ },
68
+ "declarations": [
69
+ {
70
+ "fileName": "src/components/Validation/Validation.tsx",
71
+ "name": "ValidationProps"
72
+ }
73
+ ],
74
+ "required": false,
75
+ "type": {
76
+ "name": "enum",
77
+ "raw": "\"normal\" | \"bigform\" | undefined",
78
+ "value": [
79
+ {
80
+ "value": "undefined"
81
+ },
82
+ {
83
+ "value": "\"normal\""
84
+ },
85
+ {
86
+ "value": "\"bigform\""
87
+ }
88
+ ]
89
+ }
90
+ },
91
+ "testId": {
92
+ "defaultValue": null,
93
+ "description": "Sets the data-testid attribute.",
94
+ "name": "testId",
95
+ "parent": {
96
+ "fileName": "src/components/Validation/Validation.tsx",
97
+ "name": "ValidationProps"
98
+ },
99
+ "declarations": [
100
+ {
101
+ "fileName": "src/components/Validation/Validation.tsx",
102
+ "name": "ValidationProps"
103
+ }
104
+ ],
105
+ "required": false,
106
+ "type": {
107
+ "name": "string"
108
+ }
109
+ }
110
+ }
111
+ }
@@ -0,0 +1,3 @@
1
+ import Validation from './Validation';
2
+ export default Validation;
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Validation/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,cAAc,CAAC;AACtC,eAAe,UAAU,CAAC"}
@@ -0,0 +1,2 @@
1
+ import{V as e}from"../../Validation-e113da7e.js";export{V as default}from"../../Validation-e113da7e.js";import"../../_rollupPluginBabelHelpers-e1c7fe69.js";import"react";import"../../index-9b84fabc.js";import"./styles.module.scss";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,15 @@
1
+ @import '../../scss/_spacers.scss';
2
+ @import '../../scss/_palette.scss';
3
+ @import '../../scss/font-settings.scss';
4
+
5
+ .validation {
6
+ &__errors {
7
+ font-size: $font-size-sm;
8
+ font-weight: 600;
9
+ color: $cherry500;
10
+
11
+ &--bigform {
12
+ margin-left: getSpacer(l);
13
+ }
14
+ }
15
+ }
@@ -0,0 +1,10 @@
1
+ export type Styles = {
2
+ validation__errors: string;
3
+ 'validation__errors--bigform': string;
4
+ };
5
+
6
+ export type ClassNames = keyof Styles;
7
+
8
+ declare const styles: Styles;
9
+
10
+ export default styles;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@helsenorge/designsystem-react",
3
3
  "sideEffects": false,
4
- "version": "1.0.0-beta81-ModalTest2",
4
+ "version": "1.0.0-beta82",
5
5
  "description": "The official design system for Helsenorge built with React.",
6
6
  "repository": {
7
7
  "type": "tfs",
@@ -74,6 +74,7 @@
74
74
  "react-docgen-typescript": "^1.22.0",
75
75
  "react-docgen-typescript-loader": "^3.3.0",
76
76
  "react-dom": "16.12.0",
77
+ "react-hook-form": "^6.15.8",
77
78
  "resolve-url-loader": "^3.1.1",
78
79
  "rimraf": "^3.0.2",
79
80
  "rollup": "^2.10.9",
@@ -67,6 +67,7 @@ $plum700: #5b22a6;
67
67
  $plum800: #4c1b8c;
68
68
  $plum900: #3c1471;
69
69
 
70
+ $inverted-hover: #ffffff0d;
70
71
  $transparentGrey: rgba(102, 102, 102, 0.75);
71
72
 
72
73
  $palette-map: (
@@ -0,0 +1,2 @@
1
+ var x=function(){return"xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(x){var r=16*Math.random()|0;return("x"==x?r:3&r|8).toString(16)}))};export{x as u};
2
+ //# sourceMappingURL=uuid-484288be.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"uuid-484288be.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button-e2087687.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,2 +0,0 @@
1
- import{a as e}from"./_rollupPluginBabelHelpers-e1c7fe69.js";import a from"react";import{c as r}from"./index-9b84fabc.js";import l from"./components/Loader/styles.module.scss";var o=function(){return"xxxxxxxx-xxxx-xxxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,(function(e){var a=16*Math.random()|0;return("x"==e?a:3&a|8).toString(16)}))},d=a.forwardRef((function(d,t){var s,i,m,n=d.overlay,x=d.color,c=void 0===x?n?"black":"neutral":x,_=d.size,p=void 0===_?"small":_,u=d.className,v=void 0===u?"":u,b=d.testId,f=void 0===b?"":b,y=d.center,w=d.ariaLabelledById,N=d.ariaLabel,g=void 0===N?"Laster inn":N,E="small"===p,h="medium"===p,k="large"===p,L=r(l["loader-wrapper"],(e(s={},l["loader-wrapper--center"],y),e(s,l["loader-wrapper--overlay"],n),s)),j=r(l.loader,(e(i={},l["loader--small"],E),e(i,l["loader--medium"],h),e(i,l["loader--large"],k),i),v),B=r(l.loader__dot,(e(m={},l["loader__dot--small"],E),e(m,l["loader__dot--medium"],h),e(m,l["loader__dot--large"],k),e(m,l["loader__dot--banana"],"banana"===c),e(m,l["loader__dot--cherry"],"cherry"===c),e(m,l["loader__dot--kiwi"],"kiwi"===c),e(m,l["loader__dot--neutral"],"neutral"===c),e(m,l["loader__dot--plum"],"plum"===c),e(m,l["loader__dot--black"],"black"===c),e(m,l["loader__dot--white"],"white"===c),m)),I="loader".concat(o());return a.createElement("div",{role:"progressbar",className:L},a.createElement("div",{"data-testid":f,"aria-labelledby":w||I,className:j},a.createElement("div",{className:B}),a.createElement("div",{className:B}),a.createElement("div",{className:B}),a.createElement("div",{className:B}),!w&&a.createElement("span",{id:I,className:l["loader__hidden-text"]},g)))}));export{d as L,o as u};
2
- //# sourceMappingURL=Loader-3767cb6e.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Loader-3767cb6e.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/Modal-459c67d7.js DELETED
@@ -1,2 +0,0 @@
1
- import e,{useRef as t,useEffect as a}from"react";import{c as n}from"./index-9b84fabc.js";import{u as r}from"./Loader-3767cb6e.js";import{p as o}from"./palette-f206f488.js";import{B as l}from"./Button-e2087687.js";import{I as c}from"./constants-d1f48e8e.js";import{X as i,A as s,a as m}from"./AlertSignFill-64bfef57.js";import d from"./components/Modal/styles.module.scss";import{T as u}from"./Title-863af332.js";function v(){var e=t(null);function n(t){var a=e.current.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select'),n=a[0],r=1===a.length?n:a[a.length-1];"Tab"===t.key&&(t.shiftKey?document.activeElement===n&&(r.focus(),t.preventDefault()):document.activeElement===r&&(n.focus(),t.preventDefault()))}function r(t){var a=e.current.querySelectorAll('a[href], button, textarea, input[type="text"], input[type="radio"], input[type="checkbox"], select');1===a.length&&(a[0].focus(),t.preventDefault())}return a((function(){var t=e.current;return t.addEventListener("keydown",n),t.addEventListener("click",r),function(){t.removeEventListener("keydown",n),t.removeEventListener("click",r)}}),[]),e}var p;!function(e){e.normal="normal",e.warning="warning",e.error="error",e.image="image"}(p||(p={}));var f={variant:p.normal,primaryButtonText:"OK",large:!1,className:""},y=function(t){return e.createElement("button",{className:d.modal__lukkekryss,"aria-label":t.ariaLabel||"Lukk",onClick:t.onClick,autoFocus:!0,role:"button"},e.createElement(c,{svgIcon:i,color:o.blueberry600,size:42}))},E=e.forwardRef((function(t,i){var f,E,g;function b(e){"Escape"===e.key&&t.onClose&&(e.stopPropagation(),t.onClose())}function _(e){e.target&&C.current===e.target&&t.onClose&&(e.stopPropagation(),t.onClose())}var k,h=t.variant===p.image,L=null!==(f=t.titleId)&&void 0!==f?f:r(),x=e.useRef(null),C=e.useRef(null),B=t.secondaryButtonText&&(null===(E=t.secondaryButtonText)||void 0===E?void 0:E.length)>0||t.onSuccess,N=t.ariaLabelledBy?void 0:t.ariaLabel,w=t.ariaLabelledBy?t.ariaLabelledBy:t.ariaLabel?void 0:L;return a((function(){var e=x.current,t=C.current;return document.body.style.overflow="hidden",e&&(e.addEventListener("keydown",b),t.addEventListener("click",_)),function(){document.body.style.removeProperty("overflow"),e.removeEventListener("keydown",b),t.removeEventListener("click",_)}})),e.createElement("div",{ref:x,"data-testid":"dialog-container"},e.createElement("div",{ref:C,className:d["modal-overlay"],"data-testid":t.testId},e.createElement("div",{className:d.align,ref:v()},e.createElement("div",{className:n(t.className,d.modal,d["modal--".concat(t.variant)],t.large?d["modal--large"]:""),role:"dialog","aria-label":N,"aria-labelledby":w},!t.noCloseButton&&e.createElement("div",{className:h?d["modal__close--image"]:d.modal__close},e.createElement(y,{onClick:t.onClose,ariaLabel:t.ariaLabelCloseBtn})),e.createElement("div",{className:h?d["modal__contentWrapper--image"]:d.modal__contentWrapper},e.createElement("div",{className:d.modal__contentWrapper__title},t.variant&&((k=t.variant)===p.error?e.createElement("div",null,e.createElement(c,{svgIcon:s,color:o.cherry500,hoverColor:o.cherry500})):k===p.warning?e.createElement("div",null,e.createElement(c,{svgIcon:m,color:o.black,hoverColor:o.black})):null),e.createElement("div",null,e.createElement(u,{id:L,htmlMarkup:"h3",appearance:"title3"},t.title))),e.createElement("div",{className:h?d["modal__contentWrapper__content--image"]:d.modal__contentWrapper__content},h?t.children&&e.createElement("div",null,e.createElement("div",{className:d["modal--image__img"]},t.children),e.createElement("span",{className:d["modal--image__text"]},t.description)):t.children&&e.createElement("div",null,t.children),t.description&&!t.children&&e.createElement("p",{className:d.modal__description},t.description)),B&&e.createElement("div",{className:d.modal__actions},t.onSuccess&&e.createElement(l,{onClick:t.onSuccess},t.primaryButtonText),t.secondaryButtonText&&(null===(g=t.secondaryButtonText)||void 0===g?void 0:g.length)>0&&e.createElement(l,{variant:"borderless",onClick:t.onClose},t.secondaryButtonText)))))))}));E.defaultProps=f;export{E as M};
2
- //# sourceMappingURL=Modal-459c67d7.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Modal-459c67d7.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,3 +0,0 @@
1
- {
2
- "props": {}
3
- }