@helsenorge/designsystem-react 1.0.0-beta89 → 1.0.0-beta94

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 (171) hide show
  1. package/Button-72f96290.js +2 -0
  2. package/Button-72f96290.js.map +1 -0
  3. package/Checkbox-0ba01292.js +2 -0
  4. package/Checkbox-0ba01292.js.map +1 -0
  5. package/Close-80751ae6.js +2 -0
  6. package/Close-80751ae6.js.map +1 -0
  7. package/FormGroup-68288be3.js +2 -0
  8. package/FormGroup-68288be3.js.map +1 -0
  9. package/Icon-9b4a8a2d.js +2 -0
  10. package/Icon-9b4a8a2d.js.map +1 -0
  11. package/Loader-b3fd59f4.js +2 -0
  12. package/Loader-b3fd59f4.js.map +1 -0
  13. package/Modal-6b4a2c9c.js +2 -0
  14. package/Modal-6b4a2c9c.js.map +1 -0
  15. package/RadioButton-84ca988e.js +2 -0
  16. package/RadioButton-84ca988e.js.map +1 -0
  17. package/Textarea-9c91191a.js +2 -0
  18. package/Textarea-9c91191a.js.map +1 -0
  19. package/Title-90910763.js +2 -0
  20. package/Title-90910763.js.map +1 -0
  21. package/Validation-ef9ee0ae.js +2 -0
  22. package/Validation-ef9ee0ae.js.map +1 -0
  23. package/components/AnchorLink/index.d.ts +1 -0
  24. package/components/AnchorLink/index.d.ts.map +1 -1
  25. package/components/AnchorLink/index.js +1 -1
  26. package/components/Avatar/index.d.ts +1 -0
  27. package/components/Avatar/index.d.ts.map +1 -1
  28. package/components/Avatar/index.js +1 -1
  29. package/components/Badge/index.d.ts +1 -0
  30. package/components/Badge/index.d.ts.map +1 -1
  31. package/components/Button/index.d.ts +1 -0
  32. package/components/Button/index.d.ts.map +1 -1
  33. package/components/Button/index.js +1 -1
  34. package/components/ButtonWithModal/componentdata.json +61 -1
  35. package/components/ButtonWithModal/index.d.ts +1 -0
  36. package/components/ButtonWithModal/index.d.ts.map +1 -1
  37. package/components/ButtonWithModal/index.js +1 -1
  38. package/components/Checkbox/Checkbox.d.ts +3 -3
  39. package/components/Checkbox/Checkbox.d.ts.map +1 -1
  40. package/components/Checkbox/componentdata.json +13 -7
  41. package/components/Checkbox/index.d.ts +1 -0
  42. package/components/Checkbox/index.d.ts.map +1 -1
  43. package/components/Checkbox/index.js +1 -1
  44. package/components/Close/index.d.ts +1 -0
  45. package/components/Close/index.d.ts.map +1 -1
  46. package/components/Close/index.js +1 -1
  47. package/components/ExpanderList/index.d.ts +1 -0
  48. package/components/ExpanderList/index.d.ts.map +1 -1
  49. package/components/ExpanderList/index.js +1 -1
  50. package/components/FormExample/FormExample.d.ts +7 -5
  51. package/components/FormExample/FormExample.d.ts.map +1 -1
  52. package/components/FormExample/componentdata.json +9 -3
  53. package/components/FormExample/index.d.ts +1 -0
  54. package/components/FormExample/index.d.ts.map +1 -1
  55. package/components/FormExample/index.js +1 -1
  56. package/components/FormExample/index.js.map +1 -1
  57. package/components/FormGroup/FormGroup.d.ts +5 -6
  58. package/components/FormGroup/FormGroup.d.ts.map +1 -1
  59. package/components/FormGroup/componentdata.json +32 -7
  60. package/components/FormGroup/index.d.ts +1 -0
  61. package/components/FormGroup/index.d.ts.map +1 -1
  62. package/components/FormGroup/index.js +1 -1
  63. package/components/FormGroup/styles.module.scss +12 -3
  64. package/components/HighlightBox/HighlightBox.d.ts +24 -0
  65. package/components/HighlightBox/HighlightBox.d.ts.map +1 -0
  66. package/components/HighlightBox/componentdata.json +484 -0
  67. package/components/HighlightBox/index.d.ts +4 -0
  68. package/components/HighlightBox/index.d.ts.map +1 -0
  69. package/components/HighlightBox/index.js +2 -0
  70. package/components/HighlightBox/index.js.map +1 -0
  71. package/components/HighlightBox/styles.module.scss +89 -0
  72. package/components/Icons/AcupunctureBack.js +1 -1
  73. package/components/Icons/Icon.js +1 -1
  74. package/components/Icons/NoEye.js +1 -1
  75. package/components/Icons/SectionSign.js +1 -1
  76. package/components/Icons/SpeechBubble.js +1 -1
  77. package/components/Icons/SupportingPerson.js +1 -1
  78. package/components/Icons/Syringe.js +1 -1
  79. package/components/Icons/index.js +1 -1
  80. package/components/LinkList/index.d.ts +1 -0
  81. package/components/LinkList/index.d.ts.map +1 -1
  82. package/components/LinkList/index.js +1 -1
  83. package/components/List/index.d.ts +1 -0
  84. package/components/List/index.d.ts.map +1 -1
  85. package/components/Loader/Loader.d.ts +7 -1
  86. package/components/Loader/Loader.d.ts.map +1 -1
  87. package/components/Loader/componentdata.json +32 -1
  88. package/components/Loader/index.d.ts +1 -0
  89. package/components/Loader/index.d.ts.map +1 -1
  90. package/components/Loader/index.js +1 -1
  91. package/components/Loader/styles.module.scss +19 -4
  92. package/components/Logo/index.d.ts +1 -0
  93. package/components/Logo/index.d.ts.map +1 -1
  94. package/components/Modal/Modal.d.ts +9 -0
  95. package/components/Modal/Modal.d.ts.map +1 -1
  96. package/components/Modal/componentdata.json +63 -1
  97. package/components/Modal/index.d.ts +1 -0
  98. package/components/Modal/index.d.ts.map +1 -1
  99. package/components/Modal/index.js +1 -1
  100. package/components/Modal/styles.module.scss +35 -4
  101. package/components/Modal/styles.module.scss.d.ts +3 -0
  102. package/components/NotificationPanel/index.d.ts +1 -0
  103. package/components/NotificationPanel/index.d.ts.map +1 -1
  104. package/components/NotificationPanel/index.js +1 -1
  105. package/components/Portal/componentdata.json +80 -0
  106. package/components/Portal/index.d.ts +13 -0
  107. package/components/Portal/index.d.ts.map +1 -0
  108. package/components/Portal/index.js +2 -0
  109. package/components/Portal/index.js.map +1 -0
  110. package/components/RadioButton/RadioButton.d.ts +31 -0
  111. package/components/RadioButton/RadioButton.d.ts.map +1 -0
  112. package/components/RadioButton/componentdata.json +265 -0
  113. package/components/RadioButton/index.d.ts +4 -0
  114. package/components/RadioButton/index.d.ts.map +1 -0
  115. package/components/RadioButton/index.js +2 -0
  116. package/components/RadioButton/index.js.map +1 -0
  117. package/components/RadioButton/styles.module.scss +236 -0
  118. package/components/RadioButton/styles.module.scss.d.ts +23 -0
  119. package/components/Slider/index.d.ts +1 -0
  120. package/components/Slider/index.d.ts.map +1 -1
  121. package/components/Slider/index.js +1 -1
  122. package/components/Spacer/index.d.ts +1 -0
  123. package/components/Spacer/index.d.ts.map +1 -1
  124. package/components/Textarea/Textarea.d.ts +31 -0
  125. package/components/Textarea/Textarea.d.ts.map +1 -0
  126. package/components/Textarea/componentdata.json +527 -0
  127. package/components/Textarea/index.d.ts +4 -0
  128. package/components/Textarea/index.d.ts.map +1 -0
  129. package/components/Textarea/index.js +2 -0
  130. package/components/Textarea/index.js.map +1 -0
  131. package/components/Textarea/styles.module.scss +154 -0
  132. package/components/Textarea/styles.module.scss.d.ts +21 -0
  133. package/components/Tile/index.d.ts +1 -0
  134. package/components/Tile/index.d.ts.map +1 -1
  135. package/components/Tile/index.js +1 -1
  136. package/components/Title/index.d.ts +1 -0
  137. package/components/Title/index.d.ts.map +1 -1
  138. package/components/Title/index.js +1 -1
  139. package/components/Validation/Validation.d.ts +2 -2
  140. package/components/Validation/Validation.d.ts.map +1 -1
  141. package/components/Validation/componentdata.json +3 -3
  142. package/components/Validation/index.d.ts +1 -0
  143. package/components/Validation/index.d.ts.map +1 -1
  144. package/components/Validation/index.js +1 -1
  145. package/constants-a4b0b501.js +2 -0
  146. package/constants-a4b0b501.js.map +1 -0
  147. package/constants.d.ts +29 -0
  148. package/constants.d.ts.map +1 -1
  149. package/index.d.ts +1 -0
  150. package/index.d.ts.map +1 -1
  151. package/index.js +1 -1
  152. package/package.json +2 -1
  153. package/scss/_title.scss +16 -12
  154. package/Button-48132cc3.js +0 -2
  155. package/Button-48132cc3.js.map +0 -1
  156. package/Checkbox-46666e69.js +0 -2
  157. package/Checkbox-46666e69.js.map +0 -1
  158. package/Close-591125bb.js +0 -2
  159. package/Close-591125bb.js.map +0 -1
  160. package/FormGroup-56d60079.js +0 -2
  161. package/FormGroup-56d60079.js.map +0 -1
  162. package/Loader-6ff0d481.js +0 -2
  163. package/Loader-6ff0d481.js.map +0 -1
  164. package/Modal-47bc1814.js +0 -2
  165. package/Modal-47bc1814.js.map +0 -1
  166. package/Title-72851d51.js +0 -2
  167. package/Title-72851d51.js.map +0 -1
  168. package/Validation-372a97b9.js +0 -2
  169. package/Validation-372a97b9.js.map +0 -1
  170. package/constants-d919236e.js +0 -2
  171. package/constants-d919236e.js.map +0 -1
@@ -4,7 +4,6 @@
4
4
  @import '../../scss/_font-settings.scss';
5
5
 
6
6
  .modal-overlay {
7
- z-index: 1300000;
8
7
  background: rgba(51, 51, 51, 0.75);
9
8
  display: block;
10
9
  position: fixed;
@@ -14,7 +13,7 @@
14
13
  bottom: 0;
15
14
 
16
15
  @media print {
17
- display: none;
16
+ position: absolute;
18
17
  }
19
18
  }
20
19
 
@@ -23,6 +22,13 @@
23
22
  left: 50%;
24
23
  top: 50%;
25
24
  transform: translate(-50%, -50%);
25
+
26
+ @media print {
27
+ position: initial;
28
+ left: 0;
29
+ top: 0;
30
+ transform: none;
31
+ }
26
32
  }
27
33
 
28
34
  .modal {
@@ -31,13 +37,21 @@
31
37
  background-color: $white;
32
38
  animation: open 200ms 1;
33
39
 
34
- &__title--error {
35
- color: $cherry600;
40
+ &__title {
41
+ &--error {
42
+ color: $cherry600;
43
+ }
44
+ &--success {
45
+ color: $kiwi900;
46
+ }
36
47
  }
37
48
 
38
49
  &__iconWrapper {
39
50
  padding-right: 0.75rem;
40
51
  }
52
+ &__afterTitleChildren {
53
+ padding-left: 0.75rem;
54
+ }
41
55
 
42
56
  p {
43
57
  font-size: 1.125rem;
@@ -52,6 +66,9 @@
52
66
  &--warning {
53
67
  background-color: $banana50;
54
68
  }
69
+ &--success {
70
+ background-color: $kiwi50;
71
+ }
55
72
 
56
73
  &--large {
57
74
  width: calc(100vw - 0.75rem);
@@ -112,6 +129,10 @@
112
129
  }
113
130
 
114
131
  &__closeWrapper {
132
+ @media print {
133
+ display: none;
134
+ }
135
+
115
136
  position: relative;
116
137
  width: 100%;
117
138
 
@@ -126,6 +147,11 @@
126
147
  max-height: calc(100vh - 10rem);
127
148
  overflow: auto;
128
149
 
150
+ @media print {
151
+ overflow: hidden;
152
+ max-height: none;
153
+ }
154
+
129
155
  &--image {
130
156
  max-height: 100vh;
131
157
  }
@@ -150,6 +176,7 @@
150
176
 
151
177
  &__title {
152
178
  display: flex;
179
+ align-items: center;
153
180
  div {
154
181
  display: flex;
155
182
  justify-content: center;
@@ -207,4 +234,8 @@
207
234
  transform: scale(1);
208
235
  }
209
236
  }
237
+
238
+ @media print {
239
+ width: 100%;
240
+ }
210
241
  }
@@ -1,6 +1,7 @@
1
1
  export type Styles = {
2
2
  align: string;
3
3
  modal: string;
4
+ modal__afterTitleChildren: string;
4
5
  'modal__call-to-action': string;
5
6
  'modal__call-to-action--large': string;
6
7
  'modal__call-to-action--medium': string;
@@ -21,11 +22,13 @@ export type Styles = {
21
22
  'modal__shadow--show': string;
22
23
  'modal__shadow--top': string;
23
24
  'modal__title--error': string;
25
+ 'modal__title--success': string;
24
26
  'modal--error': string;
25
27
  'modal--image': string;
26
28
  'modal--large': string;
27
29
  'modal--medium': string;
28
30
  'modal--normal': string;
31
+ 'modal--success': string;
29
32
  'modal--warning': string;
30
33
  'modal-overlay': string;
31
34
  open: string;
@@ -1,3 +1,4 @@
1
1
  import NotificationPanel from './NotificationPanel';
2
+ export * from './NotificationPanel';
2
3
  export default NotificationPanel;
3
4
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/NotificationPanel/index.ts"],"names":[],"mappings":"AAAA,OAAO,iBAAiB,MAAM,qBAAqB,CAAC;AACpD,cAAc,qBAAqB,CAAC;AACpC,eAAe,iBAAiB,CAAC"}
@@ -1,2 +1,2 @@
1
- import{a}from"../../_rollupPluginBabelHelpers-d0752906.js";import e from"react";import{c as t}from"../../index-9b84fabc.js";import{p as n}from"../../palette-f206f488.js";import{I as o}from"../../constants-d919236e.js";import{a as i,A as l}from"../../AlertSignFill-e607ff43.js";import r from"./styles.module.scss";import{C as c}from"../../Close-591125bb.js";import"../../_tslib-51c8a283.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var s={info:e.createElement(o,{svgIcon:function(a){var t=a.isExtraSmall,n=a.isHovered,o=e.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 10.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),i=e.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 8.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),l=e.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 10.61a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"});return t?n?e.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 8.084a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"}):l:n?i:o},color:n.kiwi900,hoverColor:n.kiwi900}),warn:e.createElement(o,{svgIcon:i,color:"black",hoverColor:"black"}),alert:e.createElement(o,{svgIcon:l,color:n.cherry500,hoverColor:n.cherry500}),alertLabel:e.createElement(o,{svgIcon:i,color:n.cherry500,hoverColor:n.cherry500}),crisis:e.createElement(o,{svgIcon:l,color:n.banana200,hoverColor:n.banana200})},m=e.forwardRef((function(n,o){var i,l,m=n.children,p=n.variant,f=void 0===p?"info":p,v=n.shadow,d=void 0!==v&&v,h=n.dismissable,b=void 0!==h&&h,_=n.onClick,u=n.label,E=n.fluid,C=void 0!==E&&E,w=n.size,g=n.className,j=n.testId;var M;return M=e.createElement("div",{ref:o,"data-testid":j,className:t(r["notification-panel"],r["notification-panel--"+w],r["notification-panel--"+f],(i={},a(i,r["notification-panel--shadow"],!C&&d),a(i,r["notification-panel--haslabel"],!!u&&!m),a(i,r["notification-panel--dismissable"],b),i),g||"")},e.createElement("span",{className:r["notification-panel__icon"]},s["alert"===f&&u&&!m?"alertLabel":f]),e.createElement("section",{"aria-label":function(){if(m){var a="";return e.Children.map(m,(function(e){"string"==typeof e&&(a+=e)})),a}return""}(),className:t(r["notification-panel__content"],(l={},a(l,r["notification-panel__content--crisis"],"crisis"===f),a(l,r["notification-panel__content--haslabel"],!!u&&!m),a(l,r["notification-panel__content--isred"],"alert"===f&&!!u&&!m),l))},u?e.createElement("h1",{className:r["notification-panel__label"],dangerouslySetInnerHTML:{__html:u}}):null,m),b?e.createElement("span",{className:r["notification-panel__action-column"]},e.createElement(c,{ariaLabel:n.ariaLabelCloseBtn,onClick:_})):null),C?e.createElement("div",{className:t(r["notification-panel__fluidwrapper"],r["notification-panel__fluidwrapper--"+f],a({},r["notification-panel__fluidwrapper--shadow"],d))},M):M}));export default m;
1
+ import{a}from"../../_rollupPluginBabelHelpers-d0752906.js";import e from"react";import{c as t}from"../../index-9b84fabc.js";import{p as o}from"../../palette-f206f488.js";import{I as n}from"../../Icon-9b4a8a2d.js";import"../../constants-a4b0b501.js";import{a as i,A as r}from"../../AlertSignFill-e607ff43.js";import l from"./styles.module.scss";import{C as c}from"../../Close-80751ae6.js";import"../../_tslib-51c8a283.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"../../useWindowSize-73b47451.js";import"../../grid-11a70eb7.js";var s={info:{color:"kiwi",depth:50},warn:{color:"banana",depth:50},alert:{color:"cherry",depth:100},crisis:{color:"black",depth:0}},m={info:e.createElement(n,{svgIcon:function(a){var t=a.isExtraSmall,o=a.isHovered,n=e.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 10.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),i=e.createElement("path",{d:"M25.672 30.501a.682.682 0 01-.322-.272.835.835 0 01-.11-.443v-7.917l-.112-.112-3.651.194v.544c.148.015.314.05.495.104.18.055.316.112.406.172a.994.994 0 01.299.316.88.88 0 01.119.459v6.337a.879.879 0 01-.098.443.623.623 0 01-.335.257c-.09.035-.197.06-.32.074a8.883 8.883 0 01-.38.038v.544h4.709v-.544a2.45 2.45 0 01-.7-.194M24 37.604c-7.5 0-13.604-6.103-13.604-13.604 0-7.501 6.104-13.603 13.604-13.603 7.502 0 13.602 6.102 13.602 13.603 0 7.501-6.1 13.604-13.601 13.604m0-28.909C15.56 8.695 8.694 15.562 8.694 24c0 8.438 6.867 15.305 15.305 15.305 8.438 0 15.304-6.867 15.304-15.305 0-8.438-6.866-15.305-15.304-15.305m-.274 8.632a1.559 1.559 0 100-3.118 1.559 1.559 0 000 3.118"}),r=e.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 10.61a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"});return t?o?e.createElement("path",{d:"M25.668 30.487a.68.68 0 01-.32-.271.833.833 0 01-.111-.442v-7.9l-.112-.112-3.643.193v.543c.148.015.313.05.495.104.18.055.315.112.405.172a.991.991 0 01.297.315.877.877 0 01.119.458v6.324c0 .182-.032.33-.097.442a.622.622 0 01-.334.256c-.09.035-.197.06-.32.074-.124.015-.25.028-.38.038v.543h4.7v-.543a2.445 2.445 0 01-.699-.194M24 37.575c-7.485 0-13.575-6.09-13.575-13.575 0-7.485 6.09-13.574 13.575-13.574 7.486 0 13.574 6.089 13.574 13.574 0 7.485-6.088 13.575-13.574 13.575m0-28.848C15.58 8.727 8.728 15.58 8.728 24S15.579 39.273 24 39.273c8.42 0 15.272-6.853 15.272-15.273S32.421 8.727 24 8.727m-.274 8.084a1.556 1.556 0 100-3.112 1.556 1.556 0 000 3.112"}):r:o?i:n},color:o.kiwi900,hoverColor:o.kiwi900}),warn:e.createElement(n,{svgIcon:i,color:"black",hoverColor:"black"}),alert:e.createElement(n,{svgIcon:r,color:o.cherry500,hoverColor:o.cherry500}),alertLabel:e.createElement(n,{svgIcon:i,color:o.cherry500,hoverColor:o.cherry500}),crisis:e.createElement(n,{svgIcon:r,color:o.banana200,hoverColor:o.banana200})},p=e.forwardRef((function(o,n){var i,r,s=o.children,p=o.variant,f=void 0===p?"info":p,v=o.shadow,d=void 0!==v&&v,h=o.dismissable,b=void 0!==h&&h,_=o.onClick,u=o.label,E=o.fluid,C=void 0!==E&&E,w=o.size,j=o.className,g=o.testId;var k;return k=e.createElement("div",{ref:n,"data-testid":g,className:t(l["notification-panel"],l["notification-panel--"+w],l["notification-panel--"+f],(i={},a(i,l["notification-panel--shadow"],!C&&d),a(i,l["notification-panel--haslabel"],!!u&&!s),a(i,l["notification-panel--dismissable"],b),i),j||"")},e.createElement("span",{className:l["notification-panel__icon"]},m["alert"===f&&u&&!s?"alertLabel":f]),e.createElement("section",{"aria-label":function(){if(s){var a="";return e.Children.map(s,(function(e){"string"==typeof e&&(a+=e)})),a}return""}(),className:t(l["notification-panel__content"],(r={},a(r,l["notification-panel__content--crisis"],"crisis"===f),a(r,l["notification-panel__content--haslabel"],!!u&&!s),a(r,l["notification-panel__content--isred"],"alert"===f&&!!u&&!s),r))},u?e.createElement("h1",{className:l["notification-panel__label"],dangerouslySetInnerHTML:{__html:u}}):null,s),b?e.createElement("span",{className:l["notification-panel__action-column"]},e.createElement(c,{ariaLabel:o.ariaLabelCloseBtn,onClick:_})):null),C?e.createElement("div",{className:t(l["notification-panel__fluidwrapper"],l["notification-panel__fluidwrapper--"+f],a({},l["notification-panel__fluidwrapper--shadow"],d))},k):k}));export default p;export{s as variantToColorMap};
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,80 @@
1
+ {
2
+ "props": {
3
+ "className": {
4
+ "defaultValue": null,
5
+ "description": "Add custom class to portal, default class is portal-container",
6
+ "name": "className",
7
+ "parent": {
8
+ "fileName": "src/components/Portal/index.tsx",
9
+ "name": "PortalProps"
10
+ },
11
+ "declarations": [
12
+ {
13
+ "fileName": "src/components/Portal/index.tsx",
14
+ "name": "PortalProps"
15
+ }
16
+ ],
17
+ "required": false,
18
+ "type": {
19
+ "name": "string"
20
+ }
21
+ },
22
+ "children": {
23
+ "defaultValue": null,
24
+ "description": "Content to be displayed in Portal",
25
+ "name": "children",
26
+ "parent": {
27
+ "fileName": "src/components/Portal/index.tsx",
28
+ "name": "PortalProps"
29
+ },
30
+ "declarations": [
31
+ {
32
+ "fileName": "src/components/Portal/index.tsx",
33
+ "name": "PortalProps"
34
+ }
35
+ ],
36
+ "required": false,
37
+ "type": {
38
+ "name": "ReactNode"
39
+ }
40
+ },
41
+ "parent": {
42
+ "defaultValue": null,
43
+ "description": "Default is document.body",
44
+ "name": "parent",
45
+ "parent": {
46
+ "fileName": "src/components/Portal/index.tsx",
47
+ "name": "PortalProps"
48
+ },
49
+ "declarations": [
50
+ {
51
+ "fileName": "src/components/Portal/index.tsx",
52
+ "name": "PortalProps"
53
+ }
54
+ ],
55
+ "required": false,
56
+ "type": {
57
+ "name": "HTMLElement"
58
+ }
59
+ },
60
+ "testId": {
61
+ "defaultValue": null,
62
+ "description": "Sets the data-testid attribute.",
63
+ "name": "testId",
64
+ "parent": {
65
+ "fileName": "src/components/Portal/index.tsx",
66
+ "name": "PortalProps"
67
+ },
68
+ "declarations": [
69
+ {
70
+ "fileName": "src/components/Portal/index.tsx",
71
+ "name": "PortalProps"
72
+ }
73
+ ],
74
+ "required": false,
75
+ "type": {
76
+ "name": "string"
77
+ }
78
+ }
79
+ }
80
+ }
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ export interface PortalProps {
3
+ /** Add custom class to portal, default class is portal-container */
4
+ className?: string;
5
+ /** Content to be displayed in Portal */
6
+ children?: React.ReactNode;
7
+ /** Default is document.body */
8
+ parent?: HTMLElement;
9
+ /** Sets the data-testid attribute. */
10
+ testId?: string;
11
+ }
12
+ export default function Portal({ children, parent, className, testId }: PortalProps): React.ReactPortal;
13
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,WAAW,WAAW;IAC1B,oEAAoE;IACpE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,+BAA+B;IAC/B,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,EAAE,WAAW,GAAG,KAAK,CAAC,WAAW,CAyBtG"}
@@ -0,0 +1,2 @@
1
+ import t from"react";import{createPortal as e}from"react-dom";export default function(r){var n=r.children,o=r.parent,a=r.className,c=r.testId,i=t.useMemo((function(){return document.createElement("div")}),[]);return c&&i.setAttribute("data-testid",c),t.useEffect((function(){var t=o&&o.appendChild?o:document.body,e=["portal-container"];return a&&a.split(" ").forEach((function(t){return e.push(t)})),e.forEach((function(t){return i.classList.add(t)})),t.appendChild(i),function(){t.removeChild(i)}}),[i,o,a]),e(n,i)}
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -0,0 +1,31 @@
1
+ import React from 'react';
2
+ import { FormMode, FormVariant } from '../../constants';
3
+ export interface RadioButtonProps {
4
+ /** Adds custom classes to the element. */
5
+ className?: string;
6
+ /** Sets radioButton as checked by default */
7
+ defaultChecked?: boolean;
8
+ /** Disables the radioButton */
9
+ disabled?: boolean;
10
+ /** The label text next to the radioButton */
11
+ label: string;
12
+ /** input id of the radioButton */
13
+ inputid?: string;
14
+ /** Changes the visuals of the radioButton */
15
+ mode?: keyof typeof FormMode;
16
+ /** Unique identifyer for the input tag */
17
+ name?: string;
18
+ /** Return value for the radioButton */
19
+ value?: string;
20
+ /** Changes the visuals of the radioButton */
21
+ variant?: keyof typeof FormVariant;
22
+ /** Activates Error style for the radioButton - This is can be true while errorText is empty, when in a FormGroup */
23
+ error?: boolean;
24
+ /** Error text to show above the component */
25
+ errorText?: string;
26
+ /** Sets the data-testid attribute. */
27
+ testId?: string;
28
+ }
29
+ export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
30
+ export default RadioButton;
31
+ //# sourceMappingURL=RadioButton.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RadioButton.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/RadioButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAExD,MAAM,WAAW,gBAAgB;IAC/B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6CAA6C;IAC7C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,6CAA6C;IAC7C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,MAAM,OAAO,QAAQ,CAAC;IAC7B,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,OAAO,WAAW,CAAC;IACnC,oHAAoH;IACpH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,6CAA6C;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,2FA+DtB,CAAC;AAEH,eAAe,WAAW,CAAC"}
@@ -0,0 +1,265 @@
1
+ {
2
+ "props": {
3
+ "className": {
4
+ "defaultValue": null,
5
+ "description": "Adds custom classes to the element.",
6
+ "name": "className",
7
+ "parent": {
8
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
9
+ "name": "RadioButtonProps"
10
+ },
11
+ "declarations": [
12
+ {
13
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
14
+ "name": "RadioButtonProps"
15
+ }
16
+ ],
17
+ "required": false,
18
+ "type": {
19
+ "name": "string"
20
+ }
21
+ },
22
+ "defaultChecked": {
23
+ "defaultValue": null,
24
+ "description": "Sets radioButton as checked by default",
25
+ "name": "defaultChecked",
26
+ "parent": {
27
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
28
+ "name": "RadioButtonProps"
29
+ },
30
+ "declarations": [
31
+ {
32
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
33
+ "name": "RadioButtonProps"
34
+ }
35
+ ],
36
+ "required": false,
37
+ "type": {
38
+ "name": "boolean"
39
+ }
40
+ },
41
+ "disabled": {
42
+ "defaultValue": null,
43
+ "description": "Disables the radioButton",
44
+ "name": "disabled",
45
+ "parent": {
46
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
47
+ "name": "RadioButtonProps"
48
+ },
49
+ "declarations": [
50
+ {
51
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
52
+ "name": "RadioButtonProps"
53
+ }
54
+ ],
55
+ "required": false,
56
+ "type": {
57
+ "name": "boolean"
58
+ }
59
+ },
60
+ "label": {
61
+ "defaultValue": null,
62
+ "description": "The label text next to the radioButton",
63
+ "name": "label",
64
+ "parent": {
65
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
66
+ "name": "RadioButtonProps"
67
+ },
68
+ "declarations": [
69
+ {
70
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
71
+ "name": "RadioButtonProps"
72
+ }
73
+ ],
74
+ "required": true,
75
+ "type": {
76
+ "name": "string"
77
+ }
78
+ },
79
+ "inputid": {
80
+ "defaultValue": null,
81
+ "description": "input id of the radioButton",
82
+ "name": "inputid",
83
+ "parent": {
84
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
85
+ "name": "RadioButtonProps"
86
+ },
87
+ "declarations": [
88
+ {
89
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
90
+ "name": "RadioButtonProps"
91
+ }
92
+ ],
93
+ "required": false,
94
+ "type": {
95
+ "name": "string"
96
+ }
97
+ },
98
+ "mode": {
99
+ "defaultValue": null,
100
+ "description": "Changes the visuals of the radioButton",
101
+ "name": "mode",
102
+ "parent": {
103
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
104
+ "name": "RadioButtonProps"
105
+ },
106
+ "declarations": [
107
+ {
108
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
109
+ "name": "RadioButtonProps"
110
+ }
111
+ ],
112
+ "required": false,
113
+ "type": {
114
+ "name": "enum",
115
+ "raw": "\"OnWhite\" | \"OnGrey\" | \"OnBlueberry\" | \"OnDark\" | \"OnError\" | undefined",
116
+ "value": [
117
+ {
118
+ "value": "undefined"
119
+ },
120
+ {
121
+ "value": "\"OnWhite\""
122
+ },
123
+ {
124
+ "value": "\"OnGrey\""
125
+ },
126
+ {
127
+ "value": "\"OnBlueberry\""
128
+ },
129
+ {
130
+ "value": "\"OnDark\""
131
+ },
132
+ {
133
+ "value": "\"OnError\""
134
+ }
135
+ ]
136
+ }
137
+ },
138
+ "name": {
139
+ "defaultValue": null,
140
+ "description": "Unique identifyer for the input tag",
141
+ "name": "name",
142
+ "parent": {
143
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
144
+ "name": "RadioButtonProps"
145
+ },
146
+ "declarations": [
147
+ {
148
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
149
+ "name": "RadioButtonProps"
150
+ }
151
+ ],
152
+ "required": false,
153
+ "type": {
154
+ "name": "string"
155
+ }
156
+ },
157
+ "value": {
158
+ "defaultValue": null,
159
+ "description": "Return value for the radioButton",
160
+ "name": "value",
161
+ "parent": {
162
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
163
+ "name": "RadioButtonProps"
164
+ },
165
+ "declarations": [
166
+ {
167
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
168
+ "name": "RadioButtonProps"
169
+ }
170
+ ],
171
+ "required": false,
172
+ "type": {
173
+ "name": "string"
174
+ }
175
+ },
176
+ "variant": {
177
+ "defaultValue": null,
178
+ "description": "Changes the visuals of the radioButton",
179
+ "name": "variant",
180
+ "parent": {
181
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
182
+ "name": "RadioButtonProps"
183
+ },
184
+ "declarations": [
185
+ {
186
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
187
+ "name": "RadioButtonProps"
188
+ }
189
+ ],
190
+ "required": false,
191
+ "type": {
192
+ "name": "enum",
193
+ "raw": "\"Normal\" | \"BigForm\" | undefined",
194
+ "value": [
195
+ {
196
+ "value": "undefined"
197
+ },
198
+ {
199
+ "value": "\"Normal\""
200
+ },
201
+ {
202
+ "value": "\"BigForm\""
203
+ }
204
+ ]
205
+ }
206
+ },
207
+ "error": {
208
+ "defaultValue": null,
209
+ "description": "Activates Error style for the radioButton - This is can be true while errorText is empty, when in a FormGroup",
210
+ "name": "error",
211
+ "parent": {
212
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
213
+ "name": "RadioButtonProps"
214
+ },
215
+ "declarations": [
216
+ {
217
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
218
+ "name": "RadioButtonProps"
219
+ }
220
+ ],
221
+ "required": false,
222
+ "type": {
223
+ "name": "boolean"
224
+ }
225
+ },
226
+ "errorText": {
227
+ "defaultValue": null,
228
+ "description": "Error text to show above the component",
229
+ "name": "errorText",
230
+ "parent": {
231
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
232
+ "name": "RadioButtonProps"
233
+ },
234
+ "declarations": [
235
+ {
236
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
237
+ "name": "RadioButtonProps"
238
+ }
239
+ ],
240
+ "required": false,
241
+ "type": {
242
+ "name": "string"
243
+ }
244
+ },
245
+ "testId": {
246
+ "defaultValue": null,
247
+ "description": "Sets the data-testid attribute.",
248
+ "name": "testId",
249
+ "parent": {
250
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
251
+ "name": "RadioButtonProps"
252
+ },
253
+ "declarations": [
254
+ {
255
+ "fileName": "src/components/RadioButton/RadioButton.tsx",
256
+ "name": "RadioButtonProps"
257
+ }
258
+ ],
259
+ "required": false,
260
+ "type": {
261
+ "name": "string"
262
+ }
263
+ }
264
+ }
265
+ }
@@ -0,0 +1,4 @@
1
+ import RadioButton from './RadioButton';
2
+ export * from './RadioButton';
3
+ export default RadioButton;
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,cAAc,eAAe,CAAC;AAC9B,eAAe,WAAW,CAAC"}
@@ -0,0 +1,2 @@
1
+ import{R as o}from"../../RadioButton-84ca988e.js";export{R as RadioButton,R as default}from"../../RadioButton-84ca988e.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../uuid-8870ab4b.js";import"./styles.module.scss";import"../../constants-a4b0b501.js";
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}