@helsenorge/designsystem-react 1.0.0-beta100 → 1.0.0-beta101
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-a0423474.js → Button-af3b4953.js} +2 -2
- package/Button-af3b4953.js.map +1 -0
- package/{Checkbox-9e4f3440.js → Checkbox-cd0b7d68.js} +2 -2
- package/Checkbox-cd0b7d68.js.map +1 -0
- package/{FormGroup-8d31ac79.js → FormGroup-8372d8fb.js} +2 -2
- package/FormGroup-8372d8fb.js.map +1 -0
- package/{Input-de356c23.js → Input-78fb6d0d.js} +2 -2
- package/Input-78fb6d0d.js.map +1 -0
- package/{Modal-8ba60dd4.js → Modal-99b652f4.js} +2 -2
- package/Modal-99b652f4.js.map +1 -0
- package/{Validation-f096092a.js → Validation-56f0e37c.js} +2 -2
- package/Validation-56f0e37c.js.map +1 -0
- package/color-a10c7892.js +2 -0
- package/color-a10c7892.js.map +1 -0
- package/components/AnchorLink/index.js +1 -1
- package/components/Button/index.js +1 -1
- package/components/Button/styles.module.scss +14 -3
- package/components/ButtonWithModal/index.js +1 -1
- package/components/Checkbox/index.js +1 -1
- package/components/Checkbox/styles.module.scss +8 -8
- package/components/Expander/index.js +1 -1
- package/components/Expander/styles.module.scss +5 -5
- package/components/ExpanderList/styles.module.scss +7 -7
- package/components/FormExample/index.js +1 -1
- package/components/FormGroup/index.js +1 -1
- package/components/FormGroup/styles.module.scss +7 -7
- package/components/Input/index.js +1 -1
- package/components/Input/styles.module.scss +4 -0
- package/components/LinkList/styles.module.scss +11 -11
- package/components/Loader/styles.module.scss +2 -1
- package/components/Logo/index.js +1 -1
- package/components/Modal/index.js +1 -1
- package/components/Modal/styles.module.scss +9 -9
- package/components/NotificationPanel/styles.module.scss +3 -3
- package/components/RadioButton/styles.module.scss +10 -10
- package/components/Spacer/Spacer.d.ts.map +1 -1
- package/components/Spacer/componentdata.json +4 -1
- package/components/Spacer/index.js +1 -1
- package/components/Spacer/styles.module.scss +19 -11
- package/components/Spacer/styles.module.scss.d.ts +2 -0
- package/components/Textarea/styles.module.scss +1 -1
- package/components/Validation/index.js +1 -1
- package/index-0e78dfa0.js +2 -0
- package/index-0e78dfa0.js.map +1 -0
- package/index.js +1 -1
- package/package.json +3 -3
- package/scss/_input.scss +4 -4
- package/scss/_spacers.scss +26 -24
- package/theme/currys/spacing.d.ts.map +1 -1
- package/theme/index.d.ts +1 -0
- package/theme/index.d.ts.map +1 -1
- package/theme/spacers.d.ts +2 -1
- package/theme/spacers.d.ts.map +1 -1
- package/Button-a0423474.js.map +0 -1
- package/Checkbox-9e4f3440.js.map +0 -1
- package/FormGroup-8d31ac79.js.map +0 -1
- package/Input-de356c23.js.map +0 -1
- package/Modal-8ba60dd4.js.map +0 -1
- package/Validation-f096092a.js.map +0 -1
- package/color-acb834c6.js +0 -2
- package/color-acb834c6.js.map +0 -1
- package/index-19b48c51.js +0 -2
- package/index-19b48c51.js.map +0 -1
|
@@ -34,16 +34,16 @@
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
&--invalid {
|
|
37
|
-
margin-left: -
|
|
38
|
-
margin-right: -
|
|
39
|
-
padding-left: getSpacer(
|
|
40
|
-
padding-right:
|
|
37
|
+
margin-left: getSpacer(xs) * -1;
|
|
38
|
+
margin-right: getSpacer(xs) * -1;
|
|
39
|
+
padding-left: getSpacer(2xs);
|
|
40
|
+
padding-right: getSpacer(xs);
|
|
41
41
|
background-color: $cherry100;
|
|
42
|
-
border-left:
|
|
42
|
+
border-left: getSpacer(3xs) solid $cherry500;
|
|
43
43
|
|
|
44
44
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
45
|
-
margin-left:
|
|
46
|
-
margin-right:
|
|
45
|
+
margin-left: (getSpacer(m) + 0.25rem) * -1;
|
|
46
|
+
margin-right: (getSpacer(m) + 0.25rem) * -1;
|
|
47
47
|
padding-left: getSpacer(m);
|
|
48
48
|
padding-right: getSpacer(m);
|
|
49
49
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{I as s}from"../../Input-
|
|
1
|
+
import{I as s}from"../../Input-78fb6d0d.js";export{a as InputTypes,I as default}from"../../Input-78fb6d0d.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../../_tslib-51c8a283.js";import"react";import"../../index-9b84fabc.js";import"../../constants-ad6c82db.js";import"../../uuid-fe7442b7.js";import"../../Icon-89da8de4.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"./styles.module.scss";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -32,36 +32,36 @@
|
|
|
32
32
|
cursor: pointer;
|
|
33
33
|
|
|
34
34
|
&--small {
|
|
35
|
-
padding: getSpacer(
|
|
35
|
+
padding: getSpacer(2xs) 0 getSpacer(2xs) 0;
|
|
36
36
|
font-size: $font-size-xs;
|
|
37
37
|
line-height: $lineheight-size-xs;
|
|
38
38
|
}
|
|
39
39
|
&--medium {
|
|
40
|
-
padding: getSpacer(
|
|
40
|
+
padding: getSpacer(2xs) 0 getSpacer(2xs) 0;
|
|
41
41
|
font-size: $font-size-sm;
|
|
42
42
|
line-height: $lineheight-size-sm;
|
|
43
43
|
}
|
|
44
44
|
&--large {
|
|
45
|
-
padding: getSpacer(
|
|
45
|
+
padding: getSpacer(2xs) 0 getSpacer(2xs) 0;
|
|
46
46
|
font-size: $font-size-md;
|
|
47
47
|
line-height: $lineheight-size-md;
|
|
48
48
|
}
|
|
49
49
|
@media (min-width: map-get($grid-breakpoints, md)) {
|
|
50
50
|
&--small {
|
|
51
|
-
padding-left: getSpacer(
|
|
52
|
-
padding-right: getSpacer(
|
|
51
|
+
padding-left: getSpacer(2xs);
|
|
52
|
+
padding-right: getSpacer(2xs);
|
|
53
53
|
font-size: $font-size-sm;
|
|
54
54
|
line-height: $lineheight-size-sm;
|
|
55
55
|
}
|
|
56
56
|
&--medium {
|
|
57
|
-
padding-left: getSpacer(
|
|
58
|
-
padding-right: getSpacer(
|
|
57
|
+
padding-left: getSpacer(2xs);
|
|
58
|
+
padding-right: getSpacer(2xs);
|
|
59
59
|
font-size: $font-size-md;
|
|
60
60
|
line-height: $lineheight-size-md;
|
|
61
61
|
}
|
|
62
62
|
&--large {
|
|
63
|
-
padding-left: getSpacer(
|
|
64
|
-
padding-right: getSpacer(
|
|
63
|
+
padding-left: getSpacer(2xs);
|
|
64
|
+
padding-right: getSpacer(2xs);
|
|
65
65
|
font-size: $font-size-lg;
|
|
66
66
|
line-height: $lineheight-size-lg;
|
|
67
67
|
}
|
|
@@ -135,13 +135,13 @@
|
|
|
135
135
|
&__icon {
|
|
136
136
|
display: flex;
|
|
137
137
|
align-items: center;
|
|
138
|
-
margin-right: getSpacer(
|
|
138
|
+
margin-right: getSpacer(2xs);
|
|
139
139
|
}
|
|
140
140
|
|
|
141
141
|
&__chevron {
|
|
142
142
|
display: flex;
|
|
143
143
|
align-items: center;
|
|
144
144
|
margin-left: auto;
|
|
145
|
-
padding-left: getSpacer(
|
|
145
|
+
padding-left: getSpacer(2xs);
|
|
146
146
|
}
|
|
147
147
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
@import '../../scss/_spacers.scss';
|
|
1
2
|
@import '../../scss/_palette.scss';
|
|
2
3
|
@import 'bootstrap/scss/mixins/_screen-reader.scss';
|
|
3
4
|
|
|
@@ -43,7 +44,7 @@
|
|
|
43
44
|
|
|
44
45
|
&--inline {
|
|
45
46
|
align-self: center;
|
|
46
|
-
padding-left:
|
|
47
|
+
padding-left: getSpacer(2xs);
|
|
47
48
|
}
|
|
48
49
|
|
|
49
50
|
&--overlay {
|
package/components/Logo/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e}from"../../_tslib-51c8a283.js";import t from"react";import{A as c}from"../../constants-ad6c82db.js";import{g as l}from"../../color-
|
|
1
|
+
import{_ as e}from"../../_tslib-51c8a283.js";import t from"react";import{A as c}from"../../constants-ad6c82db.js";import{g as l}from"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";var a=function(e){var a=e.size,s=void 0===a?300:a,v=e.color,h=void 0===v?"black":v,i=e.className,o=void 0===i?"":i,r=e.testId;return t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:s,role:"img","aria-labelledby":"logo-title",viewBox:"0 0 502 220",className:o,"data-testid":r,"data-analyticsid":c.Logo},t.createElement("title",{id:"logo-title"},"Helsenorge"),t.createElement("g",{fill:l(h,500)},t.createElement("path",{d:"M39.8 2.5v26.9H17V2.5H1v69.9h16V43.6h22.8v28.8h16.1V2.5zM250.3 58.6V2.5h-16v69.9h43.5V58.6zM142.9 122.5c-16.1 0-27.4 13.6-27.4 33.1s11.2 33.1 27.4 33.1 27.4-13.6 27.4-33.1-11.3-33.1-27.4-33.1zm19 33.1c0 11.9-5 25.9-19 25.9s-19-13.9-19-25.9c0-11.9 5-25.9 19-25.9s19 14 19 25.9zM501 40c0-19.1-11.1-32.4-27-32.4-16.4 0-27.4 13.3-27.4 33.1 0 19.5 11.5 33.1 28 33.1 12.2 0 21.4-6 24.7-16.2l.5-1.6h-8.3l-.3.7c-2.8 6.2-8.8 9.8-16.6 9.8-12.9 0-18.5-11.5-19.5-22.7H501V40zm-8.3-3.2h-37.6c1-10.8 6.5-21.9 18.9-21.9 13.2 0 18.3 12.6 18.7 21.9zM30.4 122.4c-10.8 0-16.6 6.7-19.5 11.8v-9.9H3.3v62.6h8.1v-31.4c0-8.4 4.4-25.7 18.1-25.7 14 0 15.9 12 15.9 25v32.1h8.1v-32.1c.1-16.1-2.7-32.4-23.1-32.4zM134.3 59V43H157V30h-22.7V15.9H165V2.5h-46.4v69.9h47.3V59zM466.7 173.4v-16h22.7v-13h-22.7v-14.1h30.7v-13.4H451v69.9h47.3v-13.4zM246.7 140.5v-16.3h-7.6v62.6h8.1v-37.6l27.3-19.6v-9zM393.5 120.6l-14.7 10.5c-4.4-5.6-11.2-8.7-18.8-8.7-13.6 0-23.6 9.8-23.6 23.3 0 10.6 6.2 19.1 16 22.2l-16 17.5c-4 4.6-5.7 8.3-5.7 12.7 0 12.6 11.1 20.7 28.2 20.7 16.9 0 28.3-8.3 28.3-20.7 0-12.5-11.1-20.6-28.3-20.6-1.7 0-3.9.2-5.6.5l8-9c12.9-.7 22.2-10.4 22.2-23.3 0-2.8-.4-5.5-1.2-7.8 0-.1-.1-.2-.1-.3l11.2-8.1v-8.9zm-34.4 64.2c12.1 0 20 5.2 20 13.4s-7.8 13.5-20 13.5c-12.1 0-19.9-5.3-19.9-13.5 0-7.8 8.3-13.4 19.9-13.4zm.9-23c-8.8 0-15.2-6.8-15.2-16 0-9.3 6.4-16 15.2-16s15.2 6.7 15.2 16c0 9.2-6.4 16-15.2 16zM366.7 30.3c-6.6-2.3-13.5-4.7-13.5-9.2 0-4.8 4.2-7 9.3-7 5.4 0 9 4.5 9 8.5v.8h16.2v-.6c0-13-10.2-21.7-25.4-21.7-15.3 0-24.9 7.8-24.9 20.4 0 14.7 13.1 18.4 22.9 21.9 6.5 2.4 13.6 4.3 13.6 8.7 0 4.6-3.4 8-10.6 8-6.5 0-10.9-3.8-10.9-9.4v-.8h-16.7v.8c0 14.5 10.3 23.1 27.5 23.1 16.5 0 26-7.6 26-21.5 0-14.4-12.5-18.5-22.5-22z"})))},s=function(e){var c=e.size,a=void 0===c?300:c,s=e.color,v=void 0===s?"black":s,h=e.className,i=void 0===h?"":h,o=e.testId;return t.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",width:a,role:"img","aria-labelledby":"logo-title",viewBox:"0 0 87 12",className:i,"data-testid":o},t.createElement("title",{id:"logo-title"},"Helsenorge"),t.createElement("g",{fill:l(v,500)},t.createElement("path",{d:"M5 .8v2.8H2.6V.8H1V8h1.6V5.1H5V8h1.6V.8zM20.9 6.6V.8h-1.6V8h4.5V6.6zM57.9 1.4c-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.8 3.4 2.8-1.4 2.8-3.4-1.1-3.4-2.8-3.4zm2 3.4c0 1.2-.5 2.7-2 2.7-1.4 0-2-1.4-2-2.7s.5-2.7 2-2.7 2 1.5 2 2.7zM86 4.7c0-2-1.1-3.3-2.8-3.3-1.7 0-2.8 1.4-2.8 3.4s1.2 3.4 2.9 3.4c1.2 0 2.2-.6 2.5-1.7l.1-.2H85v.1c-.3.6-.9 1-1.7 1-1.3 0-1.9-1.2-2-2.3H86v-.4zm-.9-.3h-3.9c.1-1.1.7-2.3 1.9-2.3 1.5 0 2 1.3 2 2.3zM49.2 1.4c-1.1 0-1.7.7-2 1.2v-1h-.8V8h.8V4.8c0-.9.5-2.6 1.9-2.6s1.6 1.2 1.6 2.6V8h.8V4.7c0-1.6-.2-3.3-2.3-3.3zM12.1 6.6V5h2.4V3.7h-2.4V2.2h3.2V.8h-4.8V8h4.9V6.6zM38.3 6.6V5h2.3V3.7h-2.3V2.2h3.2V.8h-4.8V8h4.9V6.6zM65.5 3.3V1.6h-.8V8h.8V4.1l2.8-2v-.9zM77.6 1.2l-1.5 1.1c-.5-.6-1.1-.9-1.9-.9-1.4 0-2.4 1-2.4 2.4 0 1.1.6 2 1.6 2.3l-1.6 1.8c-.4.5-.6.9-.6 1.3 0 1.3 1.1 2.1 2.9 2.1 1.7 0 2.9-.9 2.9-2.1 0-1.3-1.1-2.1-2.9-2.1h-.6l.8-.9c1.3-.1 2.3-1.1 2.3-2.4 0-.3 0-.6-.1-.8l1.2-.8v-1zM74 7.8c1.2 0 2.1.5 2.1 1.4 0 .8-.8 1.4-2.1 1.4-1.2 0-2-.5-2-1.4 0-.8.8-1.4 2-1.4zm.1-2.4c-.9 0-1.6-.7-1.6-1.7s.7-1.6 1.6-1.6c.9 0 1.6.7 1.6 1.6 0 1-.7 1.7-1.6 1.7zM30.4 3.7c-.7-.2-1.4-.5-1.4-1s.4-.7 1-.7.9.5.9.9V3h1.7v-.1c0-1.3-1.1-2.2-2.6-2.2-1.6 0-2.6.8-2.6 2.1 0 1.5 1.3 1.9 2.4 2.3.7.2 1.4.4 1.4.9s-.3.8-1.1.8c-.7 0-1.1-.4-1.1-1v-.1h-1.7v.1c0 1.5 1.1 2.4 2.8 2.4 1.7 0 2.7-.8 2.7-2.2-.1-1.5-1.4-2-2.4-2.3z"})))};export default function(c){var l=c.byline,v=void 0!==l&&l,h=e(c,["byline"]);return v?t.createElement(s,Object.assign({},h)):t.createElement(a,Object.assign({},h))}
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{M as s}from"../../Modal-
|
|
1
|
+
import{M as s}from"../../Modal-99b652f4.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-99b652f4.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-af3b4953.js";import"../../_tslib-51c8a283.js";import"../../constants-ad6c82db.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../grid-11a70eb7.js";import"../../Icon-89da8de4.js";import"../../Loader-b7486541.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"./styles.module.scss";import"../../AlertSignFill-e607ff43.js";import"../../Title-fab4097d.js";import"../Title/styles.module.scss";import"../../Close-007fca15.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"react-dom";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -47,10 +47,10 @@
|
|
|
47
47
|
}
|
|
48
48
|
|
|
49
49
|
&__iconWrapper {
|
|
50
|
-
padding-right:
|
|
50
|
+
padding-right: getSpacer(xs);
|
|
51
51
|
}
|
|
52
52
|
&__afterTitleChildren {
|
|
53
|
-
padding-left:
|
|
53
|
+
padding-left: getSpacer(xs);
|
|
54
54
|
}
|
|
55
55
|
|
|
56
56
|
p {
|
|
@@ -138,8 +138,8 @@
|
|
|
138
138
|
|
|
139
139
|
&__close {
|
|
140
140
|
position: absolute;
|
|
141
|
-
right: getSpacer(
|
|
142
|
-
top: getSpacer(
|
|
141
|
+
right: getSpacer(3xs);
|
|
142
|
+
top: getSpacer(3xs);
|
|
143
143
|
}
|
|
144
144
|
}
|
|
145
145
|
|
|
@@ -159,18 +159,18 @@
|
|
|
159
159
|
&__scroll {
|
|
160
160
|
&--large {
|
|
161
161
|
@media (max-width: map-get($grid-breakpoints, sm)) {
|
|
162
|
-
padding: getSpacer(xl) getSpacer(m) getSpacer(
|
|
162
|
+
padding: getSpacer(xl) getSpacer(m) getSpacer(2xs) getSpacer(m);
|
|
163
163
|
}
|
|
164
|
-
padding: getSpacer(xl) getSpacer(xl) getSpacer(
|
|
164
|
+
padding: getSpacer(xl) getSpacer(xl) getSpacer(2xs) getSpacer(xl);
|
|
165
165
|
}
|
|
166
166
|
&--medium {
|
|
167
167
|
@media (max-width: map-get($grid-breakpoints, sm)) {
|
|
168
|
-
padding: getSpacer(xl) getSpacer(m) getSpacer(
|
|
168
|
+
padding: getSpacer(xl) getSpacer(m) getSpacer(2xs) getSpacer(m);
|
|
169
169
|
}
|
|
170
|
-
padding: getSpacer(l) getSpacer(m) getSpacer(
|
|
170
|
+
padding: getSpacer(l) getSpacer(m) getSpacer(2xs) getSpacer(m);
|
|
171
171
|
}
|
|
172
172
|
&--large#{&}--image {
|
|
173
|
-
padding: getSpacer(xl) getSpacer(
|
|
173
|
+
padding: getSpacer(xl) getSpacer(2xs) getSpacer(l) getSpacer(2xs);
|
|
174
174
|
}
|
|
175
175
|
}
|
|
176
176
|
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
background-color: $black;
|
|
39
39
|
}
|
|
40
40
|
&--shadow {
|
|
41
|
-
box-shadow: 0 0.3rem getSpacer(
|
|
41
|
+
box-shadow: 0 0.3rem getSpacer(2xs) -0.1rem rgba(0, 0, 0, 0.15);
|
|
42
42
|
}
|
|
43
43
|
&--haslabel {
|
|
44
44
|
padding: getSpacer(l) $spacer;
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
background-color: $black;
|
|
63
63
|
}
|
|
64
64
|
&--shadow {
|
|
65
|
-
box-shadow: 0 0.3rem getSpacer(
|
|
65
|
+
box-shadow: 0 0.3rem getSpacer(2xs) -0.1rem rgba(0, 0, 0, 0.15);
|
|
66
66
|
}
|
|
67
67
|
}
|
|
68
68
|
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
|
|
73
73
|
&__content {
|
|
74
74
|
grid-area: 'content';
|
|
75
|
-
margin: getSpacer(
|
|
75
|
+
margin: getSpacer(2xs) getSpacer(m);
|
|
76
76
|
|
|
77
77
|
p {
|
|
78
78
|
margin: 0;
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
margin: getSpacer(s) 0;
|
|
16
16
|
|
|
17
17
|
&--with-error {
|
|
18
|
-
padding: getSpacer(s) getSpacer(
|
|
18
|
+
padding: getSpacer(s) getSpacer(2xs) getSpacer(m);
|
|
19
19
|
background-color: $cherry100;
|
|
20
20
|
margin-left: -0.75rem;
|
|
21
21
|
border-left: 0.25rem solid $cherry500;
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
}
|
|
31
31
|
|
|
32
32
|
&--bigform {
|
|
33
|
-
margin: getSpacer(
|
|
33
|
+
margin: getSpacer(2xs) 0 getSpacer(2xs) 0;
|
|
34
34
|
}
|
|
35
35
|
}
|
|
36
36
|
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
min-width: auto !important;
|
|
106
106
|
min-height: auto !important;
|
|
107
107
|
color: $neutral700;
|
|
108
|
-
box-shadow: 0 0 0 getSpacer(
|
|
108
|
+
box-shadow: 0 0 0 getSpacer(4xs);
|
|
109
109
|
|
|
110
110
|
&:checked {
|
|
111
111
|
color: $blueberry500;
|
|
@@ -116,17 +116,17 @@
|
|
|
116
116
|
}
|
|
117
117
|
|
|
118
118
|
&:focus {
|
|
119
|
-
box-shadow: 0 0 0 getSpacer(
|
|
119
|
+
box-shadow: 0 0 0 getSpacer(3xs);
|
|
120
120
|
color: $black;
|
|
121
121
|
}
|
|
122
122
|
|
|
123
123
|
&:hover {
|
|
124
|
-
box-shadow: 0 0 0 getSpacer(
|
|
124
|
+
box-shadow: 0 0 0 getSpacer(3xs);
|
|
125
125
|
background-color: $neutral100;
|
|
126
126
|
}
|
|
127
127
|
|
|
128
128
|
:active > & {
|
|
129
|
-
box-shadow: 0 0 0 getSpacer(
|
|
129
|
+
box-shadow: 0 0 0 getSpacer(3xs);
|
|
130
130
|
color: $black;
|
|
131
131
|
}
|
|
132
132
|
|
|
@@ -143,7 +143,7 @@
|
|
|
143
143
|
|
|
144
144
|
&:hover {
|
|
145
145
|
background-color: $inverted-hover;
|
|
146
|
-
box-shadow: 0 0 0 getSpacer(
|
|
146
|
+
box-shadow: 0 0 0 getSpacer(3xs);
|
|
147
147
|
}
|
|
148
148
|
|
|
149
149
|
&:checked {
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
}
|
|
156
156
|
|
|
157
157
|
:active > & {
|
|
158
|
-
box-shadow: 0 0 0 getSpacer(
|
|
158
|
+
box-shadow: 0 0 0 getSpacer(3xs);
|
|
159
159
|
color: $white;
|
|
160
160
|
}
|
|
161
161
|
|
|
@@ -196,12 +196,12 @@
|
|
|
196
196
|
color: $neutral400;
|
|
197
197
|
|
|
198
198
|
&:hover {
|
|
199
|
-
box-shadow: 0 0 0 getSpacer(
|
|
199
|
+
box-shadow: 0 0 0 getSpacer(4xs);
|
|
200
200
|
background-color: transparent;
|
|
201
201
|
}
|
|
202
202
|
}
|
|
203
203
|
&:hover {
|
|
204
|
-
box-shadow: 0 0 0 getSpacer(
|
|
204
|
+
box-shadow: 0 0 0 getSpacer(4xs);
|
|
205
205
|
background-color: transparent;
|
|
206
206
|
}
|
|
207
207
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKpD,UAAU,WAAW;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Spacer.d.ts","sourceRoot":"","sources":["../../../src/components/Spacer/Spacer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAKpD,UAAU,WAAW;IACnB,mCAAmC;IACnC,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,MAAM,iFAuBV,CAAC;AAEH,eAAe,MAAM,CAAC"}
|
|
@@ -17,11 +17,14 @@
|
|
|
17
17
|
"required": false,
|
|
18
18
|
"type": {
|
|
19
19
|
"name": "enum",
|
|
20
|
-
"raw": "\"3xs\" | \"2xs\" | \"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | undefined",
|
|
20
|
+
"raw": "\"4xs\" | \"3xs\" | \"2xs\" | \"xs\" | \"s\" | \"m\" | \"l\" | \"xl\" | \"2xl\" | \"3xl\" | \"4xl\" | \"5xl\" | \"6xl\" | undefined",
|
|
21
21
|
"value": [
|
|
22
22
|
{
|
|
23
23
|
"value": "undefined"
|
|
24
24
|
},
|
|
25
|
+
{
|
|
26
|
+
"value": "\"4xs\""
|
|
27
|
+
},
|
|
25
28
|
{
|
|
26
29
|
"value": "\"3xs\""
|
|
27
30
|
},
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{a as s}from"../../_rollupPluginBabelHelpers-d0752906.js";import a from"react";import{c as r}from"../../index-9b84fabc.js";import e from"./styles.module.scss";import{A as
|
|
1
|
+
import{a as s}from"../../_rollupPluginBabelHelpers-d0752906.js";import a from"react";import{c as r}from"../../index-9b84fabc.js";import e from"./styles.module.scss";import{A as c}from"../../constants-ad6c82db.js";var l=a.forwardRef((function(l,p){var t,x=l.size,o=void 0===x?"s":x,m=l.className,d=l.testId,i=r(e.spacer,(s(t={},e["spacer--4xs"],"4xs"===o),s(t,e["spacer--3xs"],"3xs"===o),s(t,e["spacer--2xs"],"2xs"===o),s(t,e["spacer--xs"],"xs"===o),s(t,e["spacer--s"],"s"===o),s(t,e["spacer--m"],"m"===o),s(t,e["spacer--l"],"l"===o),s(t,e["spacer--xl"],"xl"===o),s(t,e["spacer--2xl"],"2xl"===o),s(t,e["spacer--3xl"],"3xl"===o),s(t,e["spacer--4xl"],"4xl"===o),s(t,e["spacer--5xl"],"5xl"===o),s(t,e["spacer--6xl"],"6xl"===o),t),m);return a.createElement("span",{className:i,ref:p,"data-testid":d,"data-analyticsid":c.Spacer})}));export default l;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,39 +1,47 @@
|
|
|
1
|
+
@import '../../scss/spacers.scss';
|
|
2
|
+
|
|
1
3
|
.spacer {
|
|
2
4
|
display: block;
|
|
3
5
|
width: 100%;
|
|
4
6
|
height: 0.125rem;
|
|
5
7
|
|
|
8
|
+
&--4xs {
|
|
9
|
+
height: getSpacer(4xs);
|
|
10
|
+
}
|
|
11
|
+
&--3xs {
|
|
12
|
+
height: getSpacer(3xs);
|
|
13
|
+
}
|
|
6
14
|
&--2xs {
|
|
7
|
-
height:
|
|
15
|
+
height: getSpacer(2xs);
|
|
8
16
|
}
|
|
9
17
|
&--xs {
|
|
10
|
-
height:
|
|
18
|
+
height: getSpacer(xs);
|
|
11
19
|
}
|
|
12
20
|
&--s {
|
|
13
|
-
height:
|
|
21
|
+
height: getSpacer(s);
|
|
14
22
|
}
|
|
15
23
|
&--m {
|
|
16
|
-
height:
|
|
24
|
+
height: getSpacer(m);
|
|
17
25
|
}
|
|
18
26
|
&--l {
|
|
19
|
-
height:
|
|
27
|
+
height: getSpacer(l);
|
|
20
28
|
}
|
|
21
29
|
&--xl {
|
|
22
|
-
height:
|
|
30
|
+
height: getSpacer(xl);
|
|
23
31
|
}
|
|
24
32
|
&--2xl {
|
|
25
|
-
height:
|
|
33
|
+
height: getSpacer(2xl);
|
|
26
34
|
}
|
|
27
35
|
&--3xl {
|
|
28
|
-
height:
|
|
36
|
+
height: getSpacer(3xl);
|
|
29
37
|
}
|
|
30
38
|
&--4xl {
|
|
31
|
-
height:
|
|
39
|
+
height: getSpacer(4xl);
|
|
32
40
|
}
|
|
33
41
|
&--5xl {
|
|
34
|
-
height:
|
|
42
|
+
height: getSpacer(5xl);
|
|
35
43
|
}
|
|
36
44
|
&--6xl {
|
|
37
|
-
height:
|
|
45
|
+
height: getSpacer(6xl);
|
|
38
46
|
}
|
|
39
47
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{V as s}from"../../Validation-
|
|
1
|
+
import{V as s}from"../../Validation-56f0e37c.js";export{V as Validation,V as default}from"../../Validation-56f0e37c.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-8372d8fb.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-cd0b7d68.js";import"../../uuid-fe7442b7.js";import"../../Check-6291ad09.js";import"../../Icon-89da8de4.js";import"../../_tslib-51c8a283.js";import"../../constants-ad6c82db.js";import"../../color-a10c7892.js";import"../../index-0e78dfa0.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../Checkbox/styles.module.scss";import"../../RadioButton-d3ed3858.js";import"../RadioButton/styles.module.scss";import"../../Input-78fb6d0d.js";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"../Input/styles.module.scss";import"../../Title-fab4097d.js";import"../Title/styles.module.scss";import"./styles.module.scss";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index-0e78dfa0.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{t as theme}from"./index-
|
|
1
|
+
export{t as theme}from"./index-0e78dfa0.js";export{u as useHover}from"./useHover-037be19d.js";export{A as AnalyticsId,F as FormMode,a as FormVariant,I as IconSize,Z as ZIndex}from"./constants-ad6c82db.js";import"./palette-f206f488.js";import"./grid-11a70eb7.js";import"./_rollupPluginBabelHelpers-d0752906.js";import"react";
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
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-beta101",
|
|
5
5
|
"description": "The official design system for Helsenorge built with React.",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "tfs",
|
|
@@ -21,14 +21,14 @@
|
|
|
21
21
|
"source": "src/index.ts",
|
|
22
22
|
"scripts": {},
|
|
23
23
|
"peerDependencies": {
|
|
24
|
-
"bootstrap": "4.
|
|
24
|
+
"bootstrap": "4.6.1",
|
|
25
25
|
"normalize.css": "8.0.1",
|
|
26
26
|
"react": ">= 16.12.0",
|
|
27
27
|
"react-dom": ">= 16.12.0",
|
|
28
28
|
"styled-components": "^5.0.0"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"bootstrap": "4.
|
|
31
|
+
"bootstrap": "4.6.1"
|
|
32
32
|
},
|
|
33
33
|
"devDependencies": {
|
|
34
34
|
"@babel/core": "^7.8.3",
|
package/scss/_input.scss
CHANGED
|
@@ -41,14 +41,14 @@
|
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
&--bigform {
|
|
44
|
-
padding: getSpacer(
|
|
44
|
+
padding: getSpacer(2xs) 0;
|
|
45
45
|
|
|
46
46
|
svg:first-child {
|
|
47
|
-
padding-left: getSpacer(
|
|
47
|
+
padding-left: getSpacer(2xs);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
svg:last-child {
|
|
51
|
-
padding-right: getSpacer(
|
|
51
|
+
padding-right: getSpacer(2xs);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
54
|
|
|
@@ -146,7 +146,7 @@
|
|
|
146
146
|
&__input {
|
|
147
147
|
line-height: 1.625rem;
|
|
148
148
|
font-size: $font-size-sm;
|
|
149
|
-
padding: 0 getSpacer(
|
|
149
|
+
padding: 0 getSpacer(2xs);
|
|
150
150
|
border: none;
|
|
151
151
|
outline: none;
|
|
152
152
|
background-color: transparent;
|
package/scss/_spacers.scss
CHANGED
|
@@ -1,35 +1,37 @@
|
|
|
1
1
|
$spacer: 1rem;
|
|
2
2
|
$spacers: (
|
|
3
3
|
0: 0,
|
|
4
|
-
1: $spacer
|
|
5
|
-
2: $spacer
|
|
6
|
-
3: $spacer
|
|
7
|
-
4: $spacer *
|
|
8
|
-
5: $spacer * 1
|
|
9
|
-
6: $spacer *
|
|
10
|
-
7: $spacer *
|
|
11
|
-
8: $spacer *
|
|
12
|
-
9: $spacer *
|
|
13
|
-
10: $spacer *
|
|
14
|
-
11: $spacer *
|
|
15
|
-
12: $spacer *
|
|
4
|
+
1: $spacer * 0.125,
|
|
5
|
+
2: $spacer * 0.25,
|
|
6
|
+
3: $spacer * 0.5,
|
|
7
|
+
4: $spacer * 0.75,
|
|
8
|
+
5: $spacer * 1,
|
|
9
|
+
6: $spacer * 1.5,
|
|
10
|
+
7: $spacer * 2,
|
|
11
|
+
8: $spacer * 3,
|
|
12
|
+
9: $spacer * 4,
|
|
13
|
+
10: $spacer * 5,
|
|
14
|
+
11: $spacer * 6,
|
|
15
|
+
12: $spacer * 7,
|
|
16
|
+
13: $spacer * 8,
|
|
16
17
|
);
|
|
17
18
|
|
|
18
19
|
@function getSpacer($spacerSize) {
|
|
19
20
|
$spacerValue: map-get(
|
|
20
21
|
(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
22
|
+
4xs: map-get($spacers, 1),
|
|
23
|
+
3xs: map-get($spacers, 2),
|
|
24
|
+
2xs: map-get($spacers, 3),
|
|
25
|
+
xs: map-get($spacers, 4),
|
|
26
|
+
s: map-get($spacers, 5),
|
|
27
|
+
m: map-get($spacers, 6),
|
|
28
|
+
l: map-get($spacers, 7),
|
|
29
|
+
xl: map-get($spacers, 8),
|
|
30
|
+
2xl: map-get($spacers, 9),
|
|
31
|
+
3xl: map-get($spacers, 10),
|
|
32
|
+
4xl: map-get($spacers, 11),
|
|
33
|
+
5xl: map-get($spacers, 12),
|
|
34
|
+
6xl: map-get($spacers, 13),
|
|
33
35
|
),
|
|
34
36
|
$spacerSize
|
|
35
37
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../src/theme/currys/spacing.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,eAAO,MAAM,cAAc,
|
|
1
|
+
{"version":3,"file":"spacing.d.ts","sourceRoot":"","sources":["../../../src/theme/currys/spacing.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAE3C,eAAO,MAAM,cAAc,qCA+B1B,CAAC;AAEF,eAAO,MAAM,SAAS,qCAGrB,CAAC"}
|
package/theme/index.d.ts
CHANGED
package/theme/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMjB,CAAC"}
|
package/theme/spacers.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare type SpacerSizes = '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
|
|
1
|
+
export declare type SpacerSizes = '4xs' | '3xs' | '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
|
|
2
2
|
export declare const spacer = 1;
|
|
3
3
|
export declare const spacers: {
|
|
4
4
|
0: number;
|
|
@@ -14,5 +14,6 @@ export declare const spacers: {
|
|
|
14
14
|
10: number;
|
|
15
15
|
11: number;
|
|
16
16
|
12: number;
|
|
17
|
+
13: number;
|
|
17
18
|
};
|
|
18
19
|
//# sourceMappingURL=spacers.d.ts.map
|
package/theme/spacers.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"spacers.d.ts","sourceRoot":"","sources":["../../src/theme/spacers.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"spacers.d.ts","sourceRoot":"","sources":["../../src/theme/spacers.ts"],"names":[],"mappings":"AAAA,oBAAY,WAAW,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC;AAExH,eAAO,MAAM,MAAM,IAAI,CAAC;AAExB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;CAenB,CAAC"}
|
package/Button-a0423474.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button-a0423474.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/Checkbox-9e4f3440.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox-9e4f3440.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormGroup-8d31ac79.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/Input-de356c23.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Input-de356c23.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/Modal-8ba60dd4.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Modal-8ba60dd4.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Validation-f096092a.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/color-acb834c6.js
DELETED
package/color-acb834c6.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"color-acb834c6.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/index-19b48c51.js
DELETED
package/index-19b48c51.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index-19b48c51.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|