@helsenorge/designsystem-react 1.0.0-beta120 → 1.0.0-beta121

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.
@@ -0,0 +1,2 @@
1
+ import{_ as e,d as a}from"./_rollupPluginBabelHelpers-4f206abf.js";import t,{useEffect as o}from"react";import{c as r}from"./index-9b84fabc.js";import{p as l}from"./palette-f206f488.js";import{B as n}from"./Button-19ee3464.js";import{Icon as s}from"./components/Icons/Icon.js";import{Z as c,A as i,I as m}from"./constants-4fe8c7ff.js";import d from"./components/Modal/styles.module.scss";import p from"./components/Icons/AlertSignStroke.js";import u from"./components/Icons/AlertSignFill.js";import{c as _,a as v}from"./useIsVisible-fad4d769.js";import{T as f}from"./Title-2522b5b9.js";import{u as E}from"./uuid-fe7442b7.js";import{C as g}from"./Close-476c50c6.js";import b from"./components/Icons/CheckOutline.js";import y from"./components/Portal/index.js";var h,N;!function(e){e.normal="normal",e.warning="warning",e.error="error",e.success="success",e.image="image"}(h||(h={})),function(e){e.large="large",e.medium="medium"}(N||(N={}));var C={variant:h.normal,primaryButtonText:"OK",titleId:E(),className:"",size:N.large,zIndex:c.Modal},I=function(e,a){var o=function(e){return e===h.error?t.createElement(s,{size:m.Small,svgIcon:u,color:l.cherry500}):e===h.warning?t.createElement(s,{size:m.Small,svgIcon:p,color:l.black}):e===h.success?t.createElement(s,{size:m.Small,svgIcon:b,color:l.kiwi900}):null}(e);return o?t.createElement("div",{className:d.modal__iconWrapper},o):a?t.createElement("div",{className:d.modal__iconWrapper},t.cloneElement(a,{size:m.Small})):null},w=function(l){var s,c,m,p=t.useState(0),u=e(p,2),E=u[0],b=u[1],N=t.useRef(null),C=t.useRef(null),w=t.useRef(null),B=_(C),j=t.useRef(null),x=_(j),k=w.current&&w.current.scrollHeight>w.current.clientHeight;function T(e){"Escape"===e.key&&l.onClose&&(e.stopPropagation(),l.onClose())}function W(e){e.target&&L.current===e.target&&l.onClose&&(e.stopPropagation(),l.onClose())}var z=l.variant===h.image,L=t.useRef(null),S=l.secondaryButtonText&&(null===(c=l.secondaryButtonText)||void 0===c?void 0:c.length)>0||l.onSuccess,P=l.ariaLabelledBy?void 0:l.ariaLabel,M=l.ariaLabelledBy?l.ariaLabelledBy:l.ariaLabel?void 0:l.titleId;o((function(){var e,a=L.current;return null===(e=N.current)||void 0===e||e.focus(),document.body.style.overflow="hidden",l.disableCloseEvents||!a||S||(a.addEventListener("keydown",T),a.addEventListener("click",W)),function(){document.body.style.removeProperty("overflow"),l.disableCloseEvents||!a||S||(a.removeEventListener("keydown",T),a.removeEventListener("click",W))}}),[]);var R=r(l.className,d.modal,d["modal--".concat(l.variant)],d["modal--".concat(l.size)],!S&&d["modal--no-actions"]),A=r((a(s={},d["modal__title--error"],l.variant===h.error),a(s,d["modal__title--success"],l.variant===h.success),s)),H=t.createElement("div",{"data-testid":"dialog-container"},t.createElement("div",{ref:L,className:d["modal-overlay"],"data-testid":l.testId,"data-analyticsid":i.Modal,style:{zIndex:l.zIndex}},t.createElement("div",{className:d.align,ref:v()},t.createElement("div",{className:R,role:"dialog","aria-label":P,"aria-labelledby":M},t.createElement("div",{tabIndex:E,ref:N,onBlur:function(){return b(-1)}}),t.createElement("div",{className:r(d.modal__shadow,d["modal__shadow--top"],a({},d["modal__shadow--show"],!B&&k))}),t.createElement("div",{className:r(d.modal__contentWrapper,a({},d["modal__contentWrapper--image"],z)),ref:w},!l.noCloseButton&&t.createElement("div",{className:d.modal__closeWrapper},t.createElement("div",{className:r(d.modal__closeWrapper__close)},t.createElement(g,{onClick:l.onClose,ariaLabel:l.ariaLabelCloseBtn}))),t.createElement("div",{className:r(d["modal__contentWrapper__scroll--".concat(l.size)],a({},d["modal__contentWrapper__scroll--image"],z))},t.createElement("div",{ref:C}),t.createElement("div",{className:d.modal__contentWrapper__title},I(l.variant,l.icon),t.createElement(f,{id:M,htmlMarkup:"h3",appearance:"title3",className:A},l.title),l.afterTitleChildren&&t.createElement("div",{className:d.modal__afterTitleChildren},l.afterTitleChildren)),z&&t.createElement("div",null,t.createElement("div",{className:d.modal__contentWrapper__imageWrapper},l.children),t.createElement("span",{className:d.modal__contentWrapper__imageDescription},l.description)),!z&&l.children&&t.createElement("div",null,l.children),!z&&!l.children&&t.createElement("p",{className:d.modal__description},l.description),t.createElement("div",{ref:j}))),t.createElement("div",{className:r(d.modal__shadow,d["modal__shadow--bottom"],a({},d["modal__shadow--show"],!x&&k))}),S&&t.createElement("div",{className:r(d["modal__call-to-action"],d["modal__call-to-action--".concat(l.size)])},l.onSuccess&&t.createElement(n,{onClick:l.onSuccess},l.primaryButtonText),l.secondaryButtonText&&(null===(m=l.secondaryButtonText)||void 0===m?void 0:m.length)>0&&t.createElement(n,{variant:"borderless",onClick:l.onClose},l.secondaryButtonText))))));if(l.printable){return t.createElement(y,{className:"print-modal",testId:"print-modal"},t.createElement("style",{media:"print"},"body > *:not(.".concat("print-modal",") {display: none;}")),H)}return H};w.defaultProps=C;export{w as M,h as a,N as b};
2
+ //# sourceMappingURL=Modal-d0213453.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Modal-d0213453.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -462,4 +462,7 @@ $invertedHoverColor: #ffffff0d; //$white + '0D';
462
462
  }
463
463
  }
464
464
  }
465
+ @media print {
466
+ border-color: $blueberry600 !important;
467
+ }
465
468
  }
@@ -1,2 +1,2 @@
1
- import{_ as t}from"../../_rollupPluginBabelHelpers-4f206abf.js";import s,{useState as o}from"react";import{B as e}from"../../Button-19ee3464.js";import{M as r}from"../../Modal-a3a1d026.js";import"../../_tslib-51c8a283.js";import"../../constants-4fe8c7ff.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-2f304e4f.js";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"../Modal/styles.module.scss";import"../Icons/AlertSignStroke.js";import"../Icons/AlertSignFill.js";import"../../useIsVisible-fad4d769.js";import"../../Title-2522b5b9.js";import"../Title/styles.module.scss";import"../../Close-476c50c6.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-6eb418f7.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";var i=s.forwardRef((function(i,m){var l=o(!1),c=t(l,2),p=c[0],n=c[1];return s.createElement("div",{"data-testid":i.testId},s.createElement(e,{onClick:function(){return n(!0)}},i.buttonText),p&&s.createElement(r,Object.assign({},i,{onClose:function(){return n(!1)}})))}));export default i;
1
+ import{_ as t}from"../../_rollupPluginBabelHelpers-4f206abf.js";import s,{useState as o}from"react";import{B as e}from"../../Button-19ee3464.js";import{M as r}from"../../Modal-d0213453.js";import"../../_tslib-51c8a283.js";import"../../constants-4fe8c7ff.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../palette-f206f488.js";import"../../grid-c105cad1.js";import"../../Loader-2f304e4f.js";import"../../index-9b84fabc.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"../Modal/styles.module.scss";import"../Icons/AlertSignStroke.js";import"../Icons/AlertSignFill.js";import"../../useIsVisible-fad4d769.js";import"../../Title-2522b5b9.js";import"../Title/styles.module.scss";import"../../Close-476c50c6.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-6eb418f7.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";var i=s.forwardRef((function(i,m){var l=o(!1),c=t(l,2),p=c[0],n=c[1];return s.createElement("div",{"data-testid":i.testId},s.createElement(e,{onClick:function(){return n(!0)}},i.buttonText),p&&s.createElement(r,Object.assign({},i,{onClose:function(){return n(!1)}})))}));export default i;
2
2
  //# sourceMappingURL=index.js.map
@@ -6,6 +6,11 @@
6
6
  .expander {
7
7
  position: relative;
8
8
  width: 100%;
9
+
10
+ @media print {
11
+ border: 1px solid $black;
12
+ }
13
+
9
14
  &__icon {
10
15
  display: flex;
11
16
  align-items: center;
@@ -112,9 +117,14 @@
112
117
  display: none;
113
118
  width: 100%;
114
119
 
120
+ @media print {
121
+ display: block;
122
+ }
123
+
115
124
  &--expanded {
116
125
  display: block;
117
126
  }
127
+
118
128
  &--small {
119
129
  margin-top: getSpacer(s);
120
130
  }
@@ -145,6 +145,10 @@
145
145
  padding: 0;
146
146
  display: none;
147
147
 
148
+ @media print {
149
+ display: block;
150
+ }
151
+
148
152
  &--expanded {
149
153
  display: block;
150
154
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAiBzC,OAAO,EAAe,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEtD,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAuCD,QAAA,MAAM,KAAK;;;;;;;;;;CA4JV,CAAC;AAIF,eAAe,KAAK,CAAC"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAiBzC,OAAO,EAAe,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEtD,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAuCD,QAAA,MAAM,KAAK;;;;;;;;;;CA+JV,CAAC;AAIF,eAAe,KAAK,CAAC"}
@@ -1,2 +1,2 @@
1
- import{M as s}from"../../Modal-a3a1d026.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-a3a1d026.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-19ee3464.js";import"../../_tslib-51c8a283.js";import"../../constants-4fe8c7ff.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../grid-c105cad1.js";import"../../Loader-2f304e4f.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"./styles.module.scss";import"../Icons/AlertSignStroke.js";import"../Icons/AlertSignFill.js";import"../../useIsVisible-fad4d769.js";import"../../Title-2522b5b9.js";import"../Title/styles.module.scss";import"../../Close-476c50c6.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-6eb418f7.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";
1
+ import{M as s}from"../../Modal-d0213453.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-d0213453.js";import"../../_rollupPluginBabelHelpers-4f206abf.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-19ee3464.js";import"../../_tslib-51c8a283.js";import"../../constants-4fe8c7ff.js";import"../../color-e7d082c1.js";import"../../index-d1c9177a.js";import"../../grid-c105cad1.js";import"../../Loader-2f304e4f.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-026f72c1.js";import"../../useWindowSize-5cc481da.js";import"../Button/styles.module.scss";import"../Icons/Icon.js";import"./styles.module.scss";import"../Icons/AlertSignStroke.js";import"../Icons/AlertSignFill.js";import"../../useIsVisible-fad4d769.js";import"../../Title-2522b5b9.js";import"../Title/styles.module.scss";import"../../Close-476c50c6.js";import"../Icons/X.js";import"../Close/styles.module.scss";import"../../useBreakpoint-6eb418f7.js";import"../Icons/CheckOutline.js";import"../Portal/index.js";import"react-dom";
2
2
  //# sourceMappingURL=index.js.map
@@ -98,6 +98,10 @@
98
98
  }
99
99
  }
100
100
 
101
+ &--no-actions {
102
+ padding-bottom: 0;
103
+ }
104
+
101
105
  &--image {
102
106
  padding: 0;
103
107
  @media (min-width: map-get($grid-breakpoints, md)) {
@@ -27,6 +27,7 @@ export type Styles = {
27
27
  'modal--image': string;
28
28
  'modal--large': string;
29
29
  'modal--medium': string;
30
+ 'modal--no-actions': string;
30
31
  'modal--normal': string;
31
32
  'modal--success': string;
32
33
  'modal--warning': string;
@@ -34,6 +34,10 @@
34
34
  cursor: pointer;
35
35
  outline: none;
36
36
 
37
+ @media print {
38
+ border: 1px solid $black;
39
+ }
40
+
37
41
  &--fixed {
38
42
  min-width: 15rem;
39
43
  max-width: 20rem;
@@ -100,6 +104,10 @@
100
104
  @media (min-width: map-get($grid-breakpoints, sm)) {
101
105
  flex-direction: column;
102
106
  align-items: start;
107
+
108
+ @media print {
109
+ flex-direction: row;
110
+ }
103
111
  }
104
112
 
105
113
  &--compact {
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-beta120",
4
+ "version": "1.0.0-beta121",
5
5
  "description": "The official design system for Helsenorge built with React.",
6
6
  "repository": {
7
7
  "type": "tfs",
package/scss/_print.scss CHANGED
@@ -11,10 +11,10 @@
11
11
  }
12
12
 
13
13
  body {
14
- min-width: map-get($grid-breakpoints, lg) !important;
14
+ min-width: map-get($grid-breakpoints, xs) !important;
15
15
  }
16
16
  .container {
17
- min-width: map-get($grid-breakpoints, lg) !important;
17
+ min-width: map-get($grid-breakpoints, xs) !important;
18
18
  }
19
19
 
20
20
  abbr[title]::after {
package/Modal-a3a1d026.js DELETED
@@ -1,2 +0,0 @@
1
- import{_ as e,d as a}from"./_rollupPluginBabelHelpers-4f206abf.js";import t,{useEffect as o}from"react";import{c as r}from"./index-9b84fabc.js";import{p as l}from"./palette-f206f488.js";import{B as n}from"./Button-19ee3464.js";import{Icon as s}from"./components/Icons/Icon.js";import{Z as c,A as i,I as m}from"./constants-4fe8c7ff.js";import d from"./components/Modal/styles.module.scss";import p from"./components/Icons/AlertSignStroke.js";import u from"./components/Icons/AlertSignFill.js";import{c as _,a as v}from"./useIsVisible-fad4d769.js";import{T as f}from"./Title-2522b5b9.js";import{u as E}from"./uuid-fe7442b7.js";import{C as g}from"./Close-476c50c6.js";import b from"./components/Icons/CheckOutline.js";import y from"./components/Portal/index.js";var h,N;!function(e){e.normal="normal",e.warning="warning",e.error="error",e.success="success",e.image="image"}(h||(h={})),function(e){e.large="large",e.medium="medium"}(N||(N={}));var C={variant:h.normal,primaryButtonText:"OK",titleId:E(),className:"",size:N.large,zIndex:c.Modal},I=function(e,a){var o=function(e){return e===h.error?t.createElement(s,{size:m.Small,svgIcon:u,color:l.cherry500}):e===h.warning?t.createElement(s,{size:m.Small,svgIcon:p,color:l.black}):e===h.success?t.createElement(s,{size:m.Small,svgIcon:b,color:l.kiwi900}):null}(e);return o?t.createElement("div",{className:d.modal__iconWrapper},o):a?t.createElement("div",{className:d.modal__iconWrapper},t.cloneElement(a,{size:m.Small})):null},w=function(l){var s,c,m,p=t.useState(0),u=e(p,2),E=u[0],b=u[1],N=t.useRef(null),C=t.useRef(null),w=t.useRef(null),B=_(C),j=t.useRef(null),x=_(j),k=w.current&&w.current.scrollHeight>w.current.clientHeight;function T(e){"Escape"===e.key&&l.onClose&&(e.stopPropagation(),l.onClose())}function W(e){e.target&&L.current===e.target&&l.onClose&&(e.stopPropagation(),l.onClose())}var z=l.variant===h.image,L=t.useRef(null),S=l.secondaryButtonText&&(null===(c=l.secondaryButtonText)||void 0===c?void 0:c.length)>0||l.onSuccess,P=l.ariaLabelledBy?void 0:l.ariaLabel,M=l.ariaLabelledBy?l.ariaLabelledBy:l.ariaLabel?void 0:l.titleId;o((function(){var e,a=L.current;return null===(e=N.current)||void 0===e||e.focus(),document.body.style.overflow="hidden",l.disableCloseEvents||!a||S||(a.addEventListener("keydown",T),a.addEventListener("click",W)),function(){document.body.style.removeProperty("overflow"),l.disableCloseEvents||!a||S||(a.removeEventListener("keydown",T),a.removeEventListener("click",W))}}),[]);var R=r((a(s={},d["modal__title--error"],l.variant===h.error),a(s,d["modal__title--success"],l.variant===h.success),s)),A=t.createElement("div",{"data-testid":"dialog-container"},t.createElement("div",{ref:L,className:d["modal-overlay"],"data-testid":l.testId,"data-analyticsid":i.Modal,style:{zIndex:l.zIndex}},t.createElement("div",{className:d.align,ref:v()},t.createElement("div",{className:r(l.className,d.modal,d["modal--".concat(l.variant)],d["modal--".concat(l.size)]),role:"dialog","aria-label":P,"aria-labelledby":M},t.createElement("div",{tabIndex:E,ref:N,onBlur:function(){return b(-1)}}),t.createElement("div",{className:r(d.modal__shadow,d["modal__shadow--top"],a({},d["modal__shadow--show"],!B&&k))}),t.createElement("div",{className:r(d.modal__contentWrapper,a({},d["modal__contentWrapper--image"],z)),ref:w},!l.noCloseButton&&t.createElement("div",{className:d.modal__closeWrapper},t.createElement("div",{className:r(d.modal__closeWrapper__close)},t.createElement(g,{onClick:l.onClose,ariaLabel:l.ariaLabelCloseBtn}))),t.createElement("div",{className:r(d["modal__contentWrapper__scroll--".concat(l.size)],a({},d["modal__contentWrapper__scroll--image"],z))},t.createElement("div",{ref:C}),t.createElement("div",{className:d.modal__contentWrapper__title},I(l.variant,l.icon),t.createElement(f,{id:M,htmlMarkup:"h3",appearance:"title3",className:R},l.title),l.afterTitleChildren&&t.createElement("div",{className:d.modal__afterTitleChildren},l.afterTitleChildren)),z&&t.createElement("div",null,t.createElement("div",{className:d.modal__contentWrapper__imageWrapper},l.children),t.createElement("span",{className:d.modal__contentWrapper__imageDescription},l.description)),!z&&l.children&&t.createElement("div",null,l.children),!z&&!l.children&&t.createElement("p",{className:d.modal__description},l.description),t.createElement("div",{ref:j}))),t.createElement("div",{className:r(d.modal__shadow,d["modal__shadow--bottom"],a({},d["modal__shadow--show"],!x&&k))}),S&&t.createElement("div",{className:r(d["modal__call-to-action"],d["modal__call-to-action--".concat(l.size)])},l.onSuccess&&t.createElement(n,{onClick:l.onSuccess},l.primaryButtonText),l.secondaryButtonText&&(null===(m=l.secondaryButtonText)||void 0===m?void 0:m.length)>0&&t.createElement(n,{variant:"borderless",onClick:l.onClose},l.secondaryButtonText))))));if(l.printable){return t.createElement(y,{className:"print-modal",testId:"print-modal"},t.createElement("style",{media:"print"},"body > *:not(.".concat("print-modal",") {display: none;}")),A)}return A};w.defaultProps=C;export{w as M,h as a,N as b};
2
- //# sourceMappingURL=Modal-a3a1d026.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Modal-a3a1d026.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}