@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.
- package/{Button-e2087687.js → Button-7200b617.js} +2 -2
- package/Button-7200b617.js.map +1 -0
- package/Check-6291ad09.js +2 -0
- package/Check-6291ad09.js.map +1 -0
- package/Checkbox-ffdd3cb7.js +2 -0
- package/Checkbox-ffdd3cb7.js.map +1 -0
- package/FormGroup-17d2a3d3.js +2 -0
- package/FormGroup-17d2a3d3.js.map +1 -0
- package/Loader-9e099b42.js +2 -0
- package/Loader-9e099b42.js.map +1 -0
- package/Modal-5c2defa7.js +2 -0
- package/Modal-5c2defa7.js.map +1 -0
- package/Validation-e113da7e.js +2 -0
- package/Validation-e113da7e.js.map +1 -0
- package/components/Avatar/index.js +1 -1
- package/components/Button/index.js +1 -1
- package/components/ButtonWithModal/ButtonWithModal.d.ts +1 -1
- package/components/ButtonWithModal/ButtonWithModal.d.ts.map +1 -1
- package/components/ButtonWithModal/index.js +1 -1
- package/components/Checkbox/Checkbox.d.ts +31 -0
- package/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/components/Checkbox/componentdata.json +259 -0
- package/components/Checkbox/index.d.ts +3 -0
- package/components/Checkbox/index.d.ts.map +1 -0
- package/components/Checkbox/index.js +2 -0
- package/components/Checkbox/index.js.map +1 -0
- package/components/Checkbox/styles.module.scss +191 -0
- package/components/Checkbox/styles.module.scss.d.ts +25 -0
- package/components/ExpanderList/ExpanderList.d.ts.map +1 -1
- package/components/ExpanderList/index.js +1 -1
- package/components/FormExample/FormExample.d.ts +13 -0
- package/components/FormExample/FormExample.d.ts.map +1 -0
- package/components/FormExample/componentdata.json +63 -0
- package/components/FormExample/index.d.ts +3 -0
- package/components/FormExample/index.d.ts.map +1 -0
- package/components/FormExample/index.js +2 -0
- package/components/FormExample/index.js.map +1 -0
- package/components/FormGroup/FormGroup.d.ts +26 -0
- package/components/FormGroup/FormGroup.d.ts.map +1 -0
- package/components/FormGroup/componentdata.json +183 -0
- package/components/FormGroup/index.d.ts +3 -0
- package/components/FormGroup/index.d.ts.map +1 -0
- package/components/FormGroup/index.js +2 -0
- package/components/FormGroup/index.js.map +1 -0
- package/components/FormGroup/styles.module.scss +79 -0
- package/components/FormGroup/styles.module.scss.d.ts +22 -0
- package/components/Loader/index.js +1 -1
- package/components/Modal/index.js +1 -1
- package/components/Validation/Validation.d.ts +17 -0
- package/components/Validation/Validation.d.ts.map +1 -0
- package/components/Validation/componentdata.json +111 -0
- package/components/Validation/index.d.ts +3 -0
- package/components/Validation/index.d.ts.map +1 -0
- package/components/Validation/index.js +2 -0
- package/components/Validation/index.js.map +1 -0
- package/components/Validation/styles.module.scss +15 -0
- package/components/Validation/styles.module.scss.d.ts +10 -0
- package/package.json +2 -1
- package/scss/_palette.scss +1 -0
- package/uuid-484288be.js +2 -0
- package/uuid-484288be.js.map +1 -0
- package/Button-e2087687.js.map +0 -1
- package/Loader-3767cb6e.js +0 -2
- package/Loader-3767cb6e.js.map +0 -1
- package/Modal-459c67d7.js +0 -2
- package/Modal-459c67d7.js.map +0 -1
- 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 @@
|
|
|
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-
|
|
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-
|
|
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 @@
|
|
|
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 @@
|
|
|
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
|
+
}
|
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-
|
|
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",
|
package/scss/_palette.scss
CHANGED
package/uuid-484288be.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"uuid-484288be.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/Button-e2087687.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button-e2087687.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/Loader-3767cb6e.js
DELETED
|
@@ -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
|
package/Loader-3767cb6e.js.map
DELETED
|
@@ -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
|
package/Modal-459c67d7.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Modal-459c67d7.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|