@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.
Files changed (63) hide show
  1. package/{Button-a0423474.js → Button-af3b4953.js} +2 -2
  2. package/Button-af3b4953.js.map +1 -0
  3. package/{Checkbox-9e4f3440.js → Checkbox-cd0b7d68.js} +2 -2
  4. package/Checkbox-cd0b7d68.js.map +1 -0
  5. package/{FormGroup-8d31ac79.js → FormGroup-8372d8fb.js} +2 -2
  6. package/FormGroup-8372d8fb.js.map +1 -0
  7. package/{Input-de356c23.js → Input-78fb6d0d.js} +2 -2
  8. package/Input-78fb6d0d.js.map +1 -0
  9. package/{Modal-8ba60dd4.js → Modal-99b652f4.js} +2 -2
  10. package/Modal-99b652f4.js.map +1 -0
  11. package/{Validation-f096092a.js → Validation-56f0e37c.js} +2 -2
  12. package/Validation-56f0e37c.js.map +1 -0
  13. package/color-a10c7892.js +2 -0
  14. package/color-a10c7892.js.map +1 -0
  15. package/components/AnchorLink/index.js +1 -1
  16. package/components/Button/index.js +1 -1
  17. package/components/Button/styles.module.scss +14 -3
  18. package/components/ButtonWithModal/index.js +1 -1
  19. package/components/Checkbox/index.js +1 -1
  20. package/components/Checkbox/styles.module.scss +8 -8
  21. package/components/Expander/index.js +1 -1
  22. package/components/Expander/styles.module.scss +5 -5
  23. package/components/ExpanderList/styles.module.scss +7 -7
  24. package/components/FormExample/index.js +1 -1
  25. package/components/FormGroup/index.js +1 -1
  26. package/components/FormGroup/styles.module.scss +7 -7
  27. package/components/Input/index.js +1 -1
  28. package/components/Input/styles.module.scss +4 -0
  29. package/components/LinkList/styles.module.scss +11 -11
  30. package/components/Loader/styles.module.scss +2 -1
  31. package/components/Logo/index.js +1 -1
  32. package/components/Modal/index.js +1 -1
  33. package/components/Modal/styles.module.scss +9 -9
  34. package/components/NotificationPanel/styles.module.scss +3 -3
  35. package/components/RadioButton/styles.module.scss +10 -10
  36. package/components/Spacer/Spacer.d.ts.map +1 -1
  37. package/components/Spacer/componentdata.json +4 -1
  38. package/components/Spacer/index.js +1 -1
  39. package/components/Spacer/styles.module.scss +19 -11
  40. package/components/Spacer/styles.module.scss.d.ts +2 -0
  41. package/components/Textarea/styles.module.scss +1 -1
  42. package/components/Validation/index.js +1 -1
  43. package/index-0e78dfa0.js +2 -0
  44. package/index-0e78dfa0.js.map +1 -0
  45. package/index.js +1 -1
  46. package/package.json +3 -3
  47. package/scss/_input.scss +4 -4
  48. package/scss/_spacers.scss +26 -24
  49. package/theme/currys/spacing.d.ts.map +1 -1
  50. package/theme/index.d.ts +1 -0
  51. package/theme/index.d.ts.map +1 -1
  52. package/theme/spacers.d.ts +2 -1
  53. package/theme/spacers.d.ts.map +1 -1
  54. package/Button-a0423474.js.map +0 -1
  55. package/Checkbox-9e4f3440.js.map +0 -1
  56. package/FormGroup-8d31ac79.js.map +0 -1
  57. package/Input-de356c23.js.map +0 -1
  58. package/Modal-8ba60dd4.js.map +0 -1
  59. package/Validation-f096092a.js.map +0 -1
  60. package/color-acb834c6.js +0 -2
  61. package/color-acb834c6.js.map +0 -1
  62. package/index-19b48c51.js +0 -2
  63. package/index-19b48c51.js.map +0 -1
@@ -34,16 +34,16 @@
34
34
  }
35
35
 
36
36
  &--invalid {
37
- margin-left: -0.75rem;
38
- margin-right: -0.75rem;
39
- padding-left: getSpacer(xs);
40
- padding-right: 0.75rem;
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: 0.25rem solid $cherry500;
42
+ border-left: getSpacer(3xs) solid $cherry500;
43
43
 
44
44
  @media (min-width: map-get($grid-breakpoints, md)) {
45
- margin-left: -(getSpacer(m) + 0.25rem);
46
- margin-right: -(getSpacer(m) + 0.25rem);
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-de356c23.js";export{a as InputTypes,I as default}from"../../Input-de356c23.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-acb834c6.js";import"../../index-19b48c51.js";import"../../palette-f206f488.js";import"../../grid-11a70eb7.js";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"./styles.module.scss";
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
@@ -33,6 +33,10 @@
33
33
  }
34
34
  }
35
35
 
36
+ &--with-icon#{&}--bigform {
37
+ padding: getSpacer(2xs) 0;
38
+ }
39
+
36
40
  &__input {
37
41
  line-height: getSpacer(m);
38
42
  height: getSpacer(m);
@@ -32,36 +32,36 @@
32
32
  cursor: pointer;
33
33
 
34
34
  &--small {
35
- padding: getSpacer(xs) 0 getSpacer(xs) 0;
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(xs) 0 getSpacer(xs) 0;
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(xs) 0 getSpacer(xs) 0;
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(xs);
52
- padding-right: getSpacer(xs);
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(xs);
58
- padding-right: getSpacer(xs);
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(xs);
64
- padding-right: getSpacer(xs);
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(xs);
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(xs);
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: 0.5rem;
47
+ padding-left: getSpacer(2xs);
47
48
  }
48
49
 
49
50
  &--overlay {
@@ -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-acb834c6.js";import"../../index-19b48c51.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))}
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-8ba60dd4.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-8ba60dd4.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-a0423474.js";import"../../_tslib-51c8a283.js";import"../../constants-ad6c82db.js";import"../../color-acb834c6.js";import"../../index-19b48c51.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";
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: 0.75rem;
50
+ padding-right: getSpacer(xs);
51
51
  }
52
52
  &__afterTitleChildren {
53
- padding-left: 0.75rem;
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(2xs);
142
- top: getSpacer(2xs);
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(xs) getSpacer(m);
162
+ padding: getSpacer(xl) getSpacer(m) getSpacer(2xs) getSpacer(m);
163
163
  }
164
- padding: getSpacer(xl) getSpacer(xl) getSpacer(xs) getSpacer(xl);
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(xs) getSpacer(m);
168
+ padding: getSpacer(xl) getSpacer(m) getSpacer(2xs) getSpacer(m);
169
169
  }
170
- padding: getSpacer(l) getSpacer(m) getSpacer(xs) getSpacer(m);
170
+ padding: getSpacer(l) getSpacer(m) getSpacer(2xs) getSpacer(m);
171
171
  }
172
172
  &--large#{&}--image {
173
- padding: getSpacer(xl) getSpacer(xs) getSpacer(l) getSpacer(xs);
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(xs) -0.1rem rgba(0, 0, 0, 0.15);
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(xs) -0.1rem rgba(0, 0, 0, 0.15);
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(xs) getSpacer(m);
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(xs) getSpacer(m);
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(xs) 0 getSpacer(xs) 0;
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(3xs);
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(2xs);
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(2xs);
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(2xs);
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(2xs);
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(2xs);
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(3xs);
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(3xs);
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,iFAqBV,CAAC;AAEH,eAAe,MAAM,CAAC"}
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 l}from"../../constants-ad6c82db.js";var c=a.forwardRef((function(c,p){var t,x=c.size,o=void 0===x?"s":x,m=c.className,d=c.testId,i=r(e.spacer,(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":l.Spacer})}));export default c;
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: 0.25rem;
15
+ height: getSpacer(2xs);
8
16
  }
9
17
  &--xs {
10
- height: 0.5rem;
18
+ height: getSpacer(xs);
11
19
  }
12
20
  &--s {
13
- height: 1rem;
21
+ height: getSpacer(s);
14
22
  }
15
23
  &--m {
16
- height: 1.5rem;
24
+ height: getSpacer(m);
17
25
  }
18
26
  &--l {
19
- height: 2rem;
27
+ height: getSpacer(l);
20
28
  }
21
29
  &--xl {
22
- height: 3rem;
30
+ height: getSpacer(xl);
23
31
  }
24
32
  &--2xl {
25
- height: 4rem;
33
+ height: getSpacer(2xl);
26
34
  }
27
35
  &--3xl {
28
- height: 5rem;
36
+ height: getSpacer(3xl);
29
37
  }
30
38
  &--4xl {
31
- height: 6rem;
39
+ height: getSpacer(4xl);
32
40
  }
33
41
  &--5xl {
34
- height: 7rem;
42
+ height: getSpacer(5xl);
35
43
  }
36
44
  &--6xl {
37
- height: 8rem;
45
+ height: getSpacer(6xl);
38
46
  }
39
47
  }
@@ -3,7 +3,9 @@ export type Styles = {
3
3
  'spacer--2xl': string;
4
4
  'spacer--2xs': string;
5
5
  'spacer--3xl': string;
6
+ 'spacer--3xs': string;
6
7
  'spacer--4xl': string;
8
+ 'spacer--4xs': string;
7
9
  'spacer--5xl': string;
8
10
  'spacer--6xl': string;
9
11
  'spacer--l': string;
@@ -22,7 +22,7 @@
22
22
  &__counter-wrapper {
23
23
  display: flex;
24
24
  justify-content: end;
25
- padding-top: getSpacer(xs);
25
+ padding-top: getSpacer(2xs);
26
26
  padding-right: 2px;
27
27
  font-size: $font-size-sm;
28
28
  line-height: 28px;
@@ -1,2 +1,2 @@
1
- import{V as s}from"../../Validation-f096092a.js";export{V as Validation,V as default}from"../../Validation-f096092a.js";import"react";import"../../index-9b84fabc.js";import"../../FormGroup-8d31ac79.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"../FormGroup/styles.module.scss";import"../../Checkbox-9e4f3440.js";import"../../uuid-fe7442b7.js";import"../../Check-6291ad09.js";import"../../Icon-89da8de4.js";import"../../_tslib-51c8a283.js";import"../../constants-ad6c82db.js";import"../../color-acb834c6.js";import"../../index-19b48c51.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-de356c23.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";
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,2 @@
1
+ import{p as s}from"./palette-f206f488.js";import{s as a,b as e}from"./grid-11a70eb7.js";var r={spacer:1,spacers:{0:0,1:1/8,2:1/4,3:.5,4:.75,5:1,6:1.5,7:2,8:3,9:4,10:5,11:6,12:7,13:8},palette:s,screen:a,breakpoints:e};export{r as t};
2
+ //# sourceMappingURL=index-0e78dfa0.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-19b48c51.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";
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-beta100",
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.4.1",
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.4.1"
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(xs) 0;
44
+ padding: getSpacer(2xs) 0;
45
45
 
46
46
  svg:first-child {
47
- padding-left: getSpacer(xs);
47
+ padding-left: getSpacer(2xs);
48
48
  }
49
49
 
50
50
  svg:last-child {
51
- padding-right: getSpacer(xs);
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(xs);
149
+ padding: 0 getSpacer(2xs);
150
150
  border: none;
151
151
  outline: none;
152
152
  background-color: transparent;
@@ -1,35 +1,37 @@
1
1
  $spacer: 1rem;
2
2
  $spacers: (
3
3
  0: 0,
4
- 1: $spacer / 8,
5
- 2: $spacer / 4,
6
- 3: $spacer / 2,
7
- 4: $spacer * 1,
8
- 5: $spacer * 1.5,
9
- 6: $spacer * 2,
10
- 7: $spacer * 3,
11
- 8: $spacer * 4,
12
- 9: $spacer * 5,
13
- 10: $spacer * 6,
14
- 11: $spacer * 7,
15
- 12: $spacer * 8,
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
- 3xs: map-get($spacers, 1),
22
- 2xs: map-get($spacers, 2),
23
- xs: map-get($spacers, 3),
24
- s: map-get($spacers, 4),
25
- m: map-get($spacers, 5),
26
- l: map-get($spacers, 6),
27
- xl: map-get($spacers, 7),
28
- 2xl: map-get($spacers, 8),
29
- 3xl: map-get($spacers, 9),
30
- 4xl: map-get($spacers, 10),
31
- 5xl: map-get($spacers, 11),
32
- 6xl: map-get($spacers, 12),
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,qCA6B1B,CAAC;AAEF,eAAO,MAAM,SAAS,qCAGrB,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
@@ -14,6 +14,7 @@ export declare const theme: {
14
14
  10: number;
15
15
  11: number;
16
16
  12: number;
17
+ 13: number;
17
18
  };
18
19
  palette: {
19
20
  black: string;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMjB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAMjB,CAAC"}
@@ -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
@@ -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;AAEhH,eAAO,MAAM,MAAM,IAAI,CAAC;AAExB,eAAO,MAAM,OAAO;;;;;;;;;;;;;;CAcnB,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"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button-a0423474.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -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":""}
@@ -1 +0,0 @@
1
- {"version":3,"file":"Input-de356c23.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -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
@@ -1,2 +0,0 @@
1
- import{t}from"./index-19b48c51.js";var n=function(n,c){return t.palette["".concat(n).concat(function(t){return"black"===t||"white"===t}(n)?"":c)]};export{n as g};
2
- //# sourceMappingURL=color-acb834c6.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"color-acb834c6.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
package/index-19b48c51.js DELETED
@@ -1,2 +0,0 @@
1
- import{p as s}from"./palette-f206f488.js";import{s as a,b as e}from"./grid-11a70eb7.js";var r={spacer:1,spacers:{0:0,1:1/8,2:1/4,3:.5,4:1,5:1.5,6:2,7:3,8:4,9:5,10:6,11:7,12:8},palette:s,screen:a,breakpoints:e};export{r as t};
2
- //# sourceMappingURL=index-19b48c51.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index-19b48c51.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}