quicksnack 3.40.0 → 3.41.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/bundle.js
CHANGED
|
@@ -31,8 +31,8 @@ function styleInject(css, ref) {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
var css_248z$
|
|
35
|
-
styleInject(css_248z$
|
|
34
|
+
var css_248z$c = ":root{--common-black:#000000de;--common-white:#fff;--colors-blue:#007bff;--colors-indigo:#6610f2;--colors-purple:#6f42c1;--colors-pink:#e83e8c;--colors-red:#e83e3e;--colors-orange:#fd7e14;--colors-yellow:#ffc107;--colors-green:#23b294;--colors-teal:#20c997;--colors-cyan:#17a2b8;--colors-gray:#6c757d;--colors-grayDark:#343a40;--colors-light:#f8f9fa;--colors-dark:#343a40;--form-hint:#c7c7c7;--form-error:#9f3a38;--button-basic-idle-background:#fff;--button-basic-idle-text:#000000de;--button-basic-hover-background:#e5e5e5;--button-basic-hover-text:rgba(0,0,0,.883);--button-basic-active-background:#ccc;--button-basic-active-text:rgba(0,0,0,.896);--button-default-idle-background:#e0e1e2;--button-default-idle-text:#000000de;--button-default-hover-background:#c9cacb;--button-default-hover-text:rgba(0,0,0,.883);--button-default-active-background:#b3b4b4;--button-default-active-text:rgba(0,0,0,.896);--button-text-idle-text:#999c9e;--button-text-idle-background:#0000;--button-text-active-text:#000000de;--button-text-active-background:#0000;--button-text-hover-text:#000000de;--button-text-hover-background:#0000;--button-danger-idle-background:#ec5969;--button-danger-idle-text:#fff;--button-danger-hover-background:#d4505e;--button-danger-hover-text:#fff;--button-danger-active-background:#bc4754;--button-danger-active-text:#fff;--button-primary-idle-background:#2284c4;--button-primary-idle-text:#fff;--button-primary-hover-background:#1e76b0;--button-primary-hover-text:#fff;--button-primary-active-background:#1b699c;--button-primary-active-text:#fff;--button-secondary-idle-background:#23b294;--button-secondary-idle-text:#fff;--button-secondary-hover-background:#1fa085;--button-secondary-hover-text:#fff;--button-secondary-active-background:#1c8e76;--button-secondary-active-text:#fff;--pane-basic-main-idle-text:#000000de;--pane-basic-main-idle-background:#fff;--pane-basic-main-idle-border:#ddd;--pane-basic-main-hover-text:#000000de;--pane-basic-main-hover-background:#f2f2f2;--pane-basic-main-hover-border:#ddd;--pane-basic-alternate-idle-text:#000000de;--pane-basic-alternate-idle-background:#f9f9f9;--pane-basic-alternate-idle-border:#ddd;--pane-basic-alternate-hover-text:#000000de;--pane-basic-alternate-hover-background:#f2f2f2;--pane-basic-alternate-hover-border:#ddd;--pane-emphasized-main-idle-text:#000000de;--pane-emphasized-main-idle-background:#f3f3f3;--pane-emphasized-main-idle-border:#ddd;--pane-emphasized-main-hover-text:#000000de;--pane-emphasized-main-hover-background:#e6e6e6;--pane-emphasized-main-hover-border:#ddd;--pane-emphasized-alternate-idle-text:#000000de;--pane-emphasized-alternate-idle-background:#eee;--pane-emphasized-alternate-idle-border:#ddd;--pane-emphasized-alternate-hover-text:#000000de;--pane-emphasized-alternate-hover-background:#e6e6e6;--pane-emphasized-alternate-hover-border:#ddd;--pane-info-main-idle-text:#0c5460;--pane-info-main-idle-background:#d1ecf1;--pane-info-main-idle-border:#bee5eb;--pane-info-main-hover-text:#0c5460;--pane-info-main-hover-background:#c6e0e4;--pane-info-main-hover-border:#bee5eb;--pane-info-alternate-idle-text:#0c5460;--pane-info-alternate-idle-background:#cce7ec;--pane-info-alternate-idle-border:#bee5eb;--pane-info-alternate-hover-text:#0c5460;--pane-info-alternate-hover-background:#c6e0e4;--pane-info-alternate-hover-border:#bee5eb;--pane-negative-main-idle-text:#721c24;--pane-negative-main-idle-background:#f8d7da;--pane-negative-main-idle-border:#f5c6cb;--pane-negative-main-hover-text:#721c24;--pane-negative-main-hover-background:#ebcccf;--pane-negative-main-hover-border:#f5c6cb;--pane-negative-alternate-idle-text:#721c24;--pane-negative-alternate-idle-background:#f3d2d5;--pane-negative-alternate-idle-border:#f5c6cb;--pane-negative-alternate-hover-text:#721c24;--pane-negative-alternate-hover-background:#ebcccf;--pane-negative-alternate-hover-border:#f5c6cb;--pane-positive-main-idle-text:#155724;--pane-positive-main-idle-background:#d4edda;--pane-positive-main-idle-border:#c3e6cb;--pane-positive-main-hover-text:#155724;--pane-positive-main-hover-background:#c9e1cf;--pane-positive-main-hover-border:#c3e6cb;--pane-positive-alternate-idle-text:#155724;--pane-positive-alternate-idle-background:#cfe8d5;--pane-positive-alternate-idle-border:#c3e6cb;--pane-positive-alternate-hover-text:#155724;--pane-positive-alternate-hover-background:#c9e1cf;--pane-positive-alternate-hover-border:#c3e6cb;--pane-warning-main-idle-text:#856404;--pane-warning-main-idle-background:#fff3cd;--pane-warning-main-idle-border:#ffeeba;--pane-warning-main-hover-text:#856404;--pane-warning-main-hover-background:#f2e6c2;--pane-warning-main-hover-border:#ffeeba;--pane-warning-alternate-idle-text:#856404;--pane-warning-alternate-idle-background:#f9eec8;--pane-warning-alternate-idle-border:#ffeeba;--pane-warning-alternate-hover-text:#856404;--pane-warning-alternate-hover-background:#f2e6c2;--pane-warning-alternate-hover-border:#ffeeba;--spacing:4px}";
|
|
35
|
+
styleInject(css_248z$c);
|
|
36
36
|
|
|
37
37
|
/******************************************************************************
|
|
38
38
|
Copyright (c) Microsoft Corporation.
|
|
@@ -1075,9 +1075,9 @@ const SlideInFromTop = styledComponents.styled.div.withConfig({ shouldForwardPro
|
|
|
1075
1075
|
animation: ${slideInFromTop} ${props => props.speed || '.3s'} ease-in 0s 1;
|
|
1076
1076
|
`;
|
|
1077
1077
|
|
|
1078
|
-
var css_248z$
|
|
1079
|
-
var classes$
|
|
1080
|
-
styleInject(css_248z$
|
|
1078
|
+
var css_248z$b = ".Alert-module_wrapper__zP8eL{border-radius:4px}.Alert-module_variant-positive__Cqab0{background-color:var(--pane-positive-main-idle-background);border:1px solid var(--pane-positive-main-idle-border);color:var(--pane-positive-main-idle-text)}.Alert-module_variant-negative__mORCP{background-color:var(--pane-negative-main-idle-background);border:1px solid var(--pane-negative-main-idle-border);color:var(--pane-negative-main-idle-text)}.Alert-module_variant-info__b3OY9{background-color:var(--pane-info-main-idle-background);border:1px solid var(--pane-info-main-idle-border);color:var(--pane-info-main-idle-text)}.Alert-module_variant-warning__gBX5-{background-color:var(--pane-warning-main-idle-background);border:1px solid var(--pane-warning-main-idle-border);color:var(--pane-warning-main-idle-text)}.Alert-module_variant-basic__AQmn7{background-color:var(--pane-basic-main-idle-background);border:1px solid var(--pane-basic-main-idle-border);color:var(--pane-basic-main-idle-text)}.Alert-module_variant-emphasized__8GiYF{background-color:var(--pane-emphasized-main-idle-background);border:1px solid var(--pane-emphasized-main-idle-border);color:var(--pane-emphasized-main-idle-text)}";
|
|
1079
|
+
var classes$a = {"wrapper":"Alert-module_wrapper__zP8eL","variant-positive":"Alert-module_variant-positive__Cqab0","variant-negative":"Alert-module_variant-negative__mORCP","variant-info":"Alert-module_variant-info__b3OY9","variant-warning":"Alert-module_variant-warning__gBX5-","variant-basic":"Alert-module_variant-basic__AQmn7","variant-emphasized":"Alert-module_variant-emphasized__8GiYF"};
|
|
1080
|
+
styleInject(css_248z$b);
|
|
1081
1081
|
|
|
1082
1082
|
const sharedStyles$1 = styledComponents.css `
|
|
1083
1083
|
margin: 0 0;
|
|
@@ -1127,8 +1127,8 @@ const Paragraph = styledComponents.styled.p `
|
|
|
1127
1127
|
margin: 0;
|
|
1128
1128
|
`;
|
|
1129
1129
|
|
|
1130
|
-
var css_248z$6 = ":root{--spacing--1:calc(var(--spacing)*-1);--spacing-0:calc(var(--spacing)*0);--spacing-1:calc(var(--spacing)*1);--spacing-2:calc(var(--spacing)*2);--spacing-3:calc(var(--spacing)*3);--spacing-4:calc(var(--spacing)*4);--spacing-5:calc(var(--spacing)*5)}@media (min-width:0px){.p\\:var{padding:var(--p)}.p\\:-1{padding:var(--spacing--1)}.p\\:0{padding:var(--spacing-0)}.p\\:1{padding:var(--spacing-1)}.p\\:2{padding:var(--spacing-2)}.p\\:3{padding:var(--spacing-3)}.p\\:4{padding:var(--spacing-4)}.p\\:5{padding:var(--spacing-5)}.pt\\:var{padding-top:var(--pt)}.pt\\:-1{padding-top:var(--spacing--1)}.pt\\:0{padding-top:var(--spacing-0)}.pt\\:1{padding-top:var(--spacing-1)}.pt\\:2{padding-top:var(--spacing-2)}.pt\\:3{padding-top:var(--spacing-3)}.pt\\:4{padding-top:var(--spacing-4)}.pt\\:5{padding-top:var(--spacing-5)}.pr\\:var{padding-right:var(--pr)}.pr\\:-1{padding-right:var(--spacing--1)}.pr\\:0{padding-right:var(--spacing-0)}.pr\\:1{padding-right:var(--spacing-1)}.pr\\:2{padding-right:var(--spacing-2)}.pr\\:3{padding-right:var(--spacing-3)}.pr\\:4{padding-right:var(--spacing-4)}.pr\\:5{padding-right:var(--spacing-5)}.pb\\:var{padding-bottom:var(--pb)}.pb\\:-1{padding-bottom:var(--spacing--1)}.pb\\:0{padding-bottom:var(--spacing-0)}.pb\\:1{padding-bottom:var(--spacing-1)}.pb\\:2{padding-bottom:var(--spacing-2)}.pb\\:3{padding-bottom:var(--spacing-3)}.pb\\:4{padding-bottom:var(--spacing-4)}.pb\\:5{padding-bottom:var(--spacing-5)}.pl\\:var{padding-left:var(--pl)}.pl\\:-1{padding-left:var(--spacing--1)}.pl\\:0{padding-left:var(--spacing-0)}.pl\\:1{padding-left:var(--spacing-1)}.pl\\:2{padding-left:var(--spacing-2)}.pl\\:3{padding-left:var(--spacing-3)}.pl\\:4{padding-left:var(--spacing-4)}.pl\\:5{padding-left:var(--spacing-5)}.m\\:var{margin:var(--m)}.m\\:-1{margin:var(--spacing--1)}.m\\:0{margin:var(--spacing-0)}.m\\:1{margin:var(--spacing-1)}.m\\:2{margin:var(--spacing-2)}.m\\:3{margin:var(--spacing-3)}.m\\:4{margin:var(--spacing-4)}.m\\:5{margin:var(--spacing-5)}.mt\\:var{margin-top:var(--mt)}.mt\\:-1{margin-top:var(--spacing--1)}.mt\\:0{margin-top:var(--spacing-0)}.mt\\:1{margin-top:var(--spacing-1)}.mt\\:2{margin-top:var(--spacing-2)}.mt\\:3{margin-top:var(--spacing-3)}.mt\\:4{margin-top:var(--spacing-4)}.mt\\:5{margin-top:var(--spacing-5)}.mr\\:var{margin-right:var(--mr)}.mr\\:-1{margin-right:var(--spacing--1)}.mr\\:0{margin-right:var(--spacing-0)}.mr\\:1{margin-right:var(--spacing-1)}.mr\\:2{margin-right:var(--spacing-2)}.mr\\:3{margin-right:var(--spacing-3)}.mr\\:4{margin-right:var(--spacing-4)}.mr\\:5{margin-right:var(--spacing-5)}.mb\\:var{margin-bottom:var(--mb)}.mb\\:-1{margin-bottom:var(--spacing--1)}.mb\\:0{margin-bottom:var(--spacing-0)}.mb\\:1{margin-bottom:var(--spacing-1)}.mb\\:2{margin-bottom:var(--spacing-2)}.mb\\:3{margin-bottom:var(--spacing-3)}.mb\\:4{margin-bottom:var(--spacing-4)}.mb\\:5{margin-bottom:var(--spacing-5)}.ml\\:var{margin-left:var(--ml)}.ml\\:-1{margin-left:var(--spacing--1)}.ml\\:0{margin-left:var(--spacing-0)}.ml\\:1{margin-left:var(--spacing-1)}.ml\\:2{margin-left:var(--spacing-2)}.ml\\:3{margin-left:var(--spacing-3)}.ml\\:4{margin-left:var(--spacing-4)}.ml\\:5{margin-left:var(--spacing-5)}.display\\:var{display:var(--display)}.display\\:block{display:block}.display\\:flex{display:flex}.display\\:none{display:none}.flexGrow\\:var{flex-grow:var(--flexGrow)}.flexGrow\\:1{flex-grow:1}.flexGrow\\:0{flex-grow:0}.flexShrink\\:var{flex-shrink:var(--flexShrink)}.flexShrink\\:1{flex-shrink:1}.flexShrink\\:0{flex-shrink:0}.flexDirection\\:var{flex-direction:var(--flexDirection)}.flexDirection\\:row{flex-direction:row}.flexDirection\\:column{flex-direction:column}.alignItems\\:var{align-items:var(--alignItems)}.alignItems\\:center{align-items:center}.alignItems\\:flex-start{align-items:flex-start}.alignItems\\:flex-end{align-items:flex-end}.textAlign\\:var{text-align:var(--textAlign)}.textAlign\\:left{text-align:left}.textAlign\\:right{text-align:right}.textAlign\\:center{text-align:center}.justifyContent\\:var{justify-content:var(--justifyContent)}.justifyContent\\:center{justify-content:center}.justifyContent\\:flex-start{justify-content:flex-start}.justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:768px){.tablet\\:p\\:var{padding:var(--tablet_p)}.tablet\\:p\\:-1{padding:var(--spacing--1)}.tablet\\:p\\:0{padding:var(--spacing-0)}.tablet\\:p\\:1{padding:var(--spacing-1)}.tablet\\:p\\:2{padding:var(--spacing-2)}.tablet\\:p\\:3{padding:var(--spacing-3)}.tablet\\:p\\:4{padding:var(--spacing-4)}.tablet\\:p\\:5{padding:var(--spacing-5)}.tablet\\:pt\\:var{padding-top:var(--tablet_pt)}.tablet\\:pt\\:-1{padding-top:var(--spacing--1)}.tablet\\:pt\\:0{padding-top:var(--spacing-0)}.tablet\\:pt\\:1{padding-top:var(--spacing-1)}.tablet\\:pt\\:2{padding-top:var(--spacing-2)}.tablet\\:pt\\:3{padding-top:var(--spacing-3)}.tablet\\:pt\\:4{padding-top:var(--spacing-4)}.tablet\\:pt\\:5{padding-top:var(--spacing-5)}.tablet\\:pr\\:var{padding-right:var(--tablet_pr)}.tablet\\:pr\\:-1{padding-right:var(--spacing--1)}.tablet\\:pr\\:0{padding-right:var(--spacing-0)}.tablet\\:pr\\:1{padding-right:var(--spacing-1)}.tablet\\:pr\\:2{padding-right:var(--spacing-2)}.tablet\\:pr\\:3{padding-right:var(--spacing-3)}.tablet\\:pr\\:4{padding-right:var(--spacing-4)}.tablet\\:pr\\:5{padding-right:var(--spacing-5)}.tablet\\:pb\\:var{padding-bottom:var(--tablet_pb)}.tablet\\:pb\\:-1{padding-bottom:var(--spacing--1)}.tablet\\:pb\\:0{padding-bottom:var(--spacing-0)}.tablet\\:pb\\:1{padding-bottom:var(--spacing-1)}.tablet\\:pb\\:2{padding-bottom:var(--spacing-2)}.tablet\\:pb\\:3{padding-bottom:var(--spacing-3)}.tablet\\:pb\\:4{padding-bottom:var(--spacing-4)}.tablet\\:pb\\:5{padding-bottom:var(--spacing-5)}.tablet\\:pl\\:var{padding-left:var(--tablet_pl)}.tablet\\:pl\\:-1{padding-left:var(--spacing--1)}.tablet\\:pl\\:0{padding-left:var(--spacing-0)}.tablet\\:pl\\:1{padding-left:var(--spacing-1)}.tablet\\:pl\\:2{padding-left:var(--spacing-2)}.tablet\\:pl\\:3{padding-left:var(--spacing-3)}.tablet\\:pl\\:4{padding-left:var(--spacing-4)}.tablet\\:pl\\:5{padding-left:var(--spacing-5)}.tablet\\:m\\:var{margin:var(--tablet_m)}.tablet\\:m\\:-1{margin:var(--spacing--1)}.tablet\\:m\\:0{margin:var(--spacing-0)}.tablet\\:m\\:1{margin:var(--spacing-1)}.tablet\\:m\\:2{margin:var(--spacing-2)}.tablet\\:m\\:3{margin:var(--spacing-3)}.tablet\\:m\\:4{margin:var(--spacing-4)}.tablet\\:m\\:5{margin:var(--spacing-5)}.tablet\\:mt\\:var{margin-top:var(--tablet_mt)}.tablet\\:mt\\:-1{margin-top:var(--spacing--1)}.tablet\\:mt\\:0{margin-top:var(--spacing-0)}.tablet\\:mt\\:1{margin-top:var(--spacing-1)}.tablet\\:mt\\:2{margin-top:var(--spacing-2)}.tablet\\:mt\\:3{margin-top:var(--spacing-3)}.tablet\\:mt\\:4{margin-top:var(--spacing-4)}.tablet\\:mt\\:5{margin-top:var(--spacing-5)}.tablet\\:mr\\:var{margin-right:var(--tablet_mr)}.tablet\\:mr\\:-1{margin-right:var(--spacing--1)}.tablet\\:mr\\:0{margin-right:var(--spacing-0)}.tablet\\:mr\\:1{margin-right:var(--spacing-1)}.tablet\\:mr\\:2{margin-right:var(--spacing-2)}.tablet\\:mr\\:3{margin-right:var(--spacing-3)}.tablet\\:mr\\:4{margin-right:var(--spacing-4)}.tablet\\:mr\\:5{margin-right:var(--spacing-5)}.tablet\\:mb\\:var{margin-bottom:var(--tablet_mb)}.tablet\\:mb\\:-1{margin-bottom:var(--spacing--1)}.tablet\\:mb\\:0{margin-bottom:var(--spacing-0)}.tablet\\:mb\\:1{margin-bottom:var(--spacing-1)}.tablet\\:mb\\:2{margin-bottom:var(--spacing-2)}.tablet\\:mb\\:3{margin-bottom:var(--spacing-3)}.tablet\\:mb\\:4{margin-bottom:var(--spacing-4)}.tablet\\:mb\\:5{margin-bottom:var(--spacing-5)}.tablet\\:ml\\:var{margin-left:var(--tablet_ml)}.tablet\\:ml\\:-1{margin-left:var(--spacing--1)}.tablet\\:ml\\:0{margin-left:var(--spacing-0)}.tablet\\:ml\\:1{margin-left:var(--spacing-1)}.tablet\\:ml\\:2{margin-left:var(--spacing-2)}.tablet\\:ml\\:3{margin-left:var(--spacing-3)}.tablet\\:ml\\:4{margin-left:var(--spacing-4)}.tablet\\:ml\\:5{margin-left:var(--spacing-5)}.tablet\\:display\\:var{display:var(--tablet_display)}.tablet\\:display\\:block{display:block}.tablet\\:display\\:flex{display:flex}.tablet\\:display\\:none{display:none}.tablet\\:flexGrow\\:var{flex-grow:var(--tablet_flexGrow)}.tablet\\:flexGrow\\:1{flex-grow:1}.tablet\\:flexGrow\\:0{flex-grow:0}.tablet\\:flexShrink\\:var{flex-shrink:var(--tablet_flexShrink)}.tablet\\:flexShrink\\:1{flex-shrink:1}.tablet\\:flexShrink\\:0{flex-shrink:0}.tablet\\:flexDirection\\:var{flex-direction:var(--tablet_flexDirection)}.tablet\\:flexDirection\\:row{flex-direction:row}.tablet\\:flexDirection\\:column{flex-direction:column}.tablet\\:alignItems\\:var{align-items:var(--tablet_alignItems)}.tablet\\:alignItems\\:center{align-items:center}.tablet\\:alignItems\\:flex-start{align-items:flex-start}.tablet\\:alignItems\\:flex-end{align-items:flex-end}.tablet\\:textAlign\\:var{text-align:var(--tablet_textAlign)}.tablet\\:textAlign\\:left{text-align:left}.tablet\\:textAlign\\:right{text-align:right}.tablet\\:textAlign\\:center{text-align:center}.tablet\\:justifyContent\\:var{justify-content:var(--tablet_justifyContent)}.tablet\\:justifyContent\\:center{justify-content:center}.tablet\\:justifyContent\\:flex-start{justify-content:flex-start}.tablet\\:justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:1024px){.laptop\\:p\\:var{padding:var(--laptop_p)}.laptop\\:p\\:-1{padding:var(--spacing--1)}.laptop\\:p\\:0{padding:var(--spacing-0)}.laptop\\:p\\:1{padding:var(--spacing-1)}.laptop\\:p\\:2{padding:var(--spacing-2)}.laptop\\:p\\:3{padding:var(--spacing-3)}.laptop\\:p\\:4{padding:var(--spacing-4)}.laptop\\:p\\:5{padding:var(--spacing-5)}.laptop\\:pt\\:var{padding-top:var(--laptop_pt)}.laptop\\:pt\\:-1{padding-top:var(--spacing--1)}.laptop\\:pt\\:0{padding-top:var(--spacing-0)}.laptop\\:pt\\:1{padding-top:var(--spacing-1)}.laptop\\:pt\\:2{padding-top:var(--spacing-2)}.laptop\\:pt\\:3{padding-top:var(--spacing-3)}.laptop\\:pt\\:4{padding-top:var(--spacing-4)}.laptop\\:pt\\:5{padding-top:var(--spacing-5)}.laptop\\:pr\\:var{padding-right:var(--laptop_pr)}.laptop\\:pr\\:-1{padding-right:var(--spacing--1)}.laptop\\:pr\\:0{padding-right:var(--spacing-0)}.laptop\\:pr\\:1{padding-right:var(--spacing-1)}.laptop\\:pr\\:2{padding-right:var(--spacing-2)}.laptop\\:pr\\:3{padding-right:var(--spacing-3)}.laptop\\:pr\\:4{padding-right:var(--spacing-4)}.laptop\\:pr\\:5{padding-right:var(--spacing-5)}.laptop\\:pb\\:var{padding-bottom:var(--laptop_pb)}.laptop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.laptop\\:pb\\:0{padding-bottom:var(--spacing-0)}.laptop\\:pb\\:1{padding-bottom:var(--spacing-1)}.laptop\\:pb\\:2{padding-bottom:var(--spacing-2)}.laptop\\:pb\\:3{padding-bottom:var(--spacing-3)}.laptop\\:pb\\:4{padding-bottom:var(--spacing-4)}.laptop\\:pb\\:5{padding-bottom:var(--spacing-5)}.laptop\\:pl\\:var{padding-left:var(--laptop_pl)}.laptop\\:pl\\:-1{padding-left:var(--spacing--1)}.laptop\\:pl\\:0{padding-left:var(--spacing-0)}.laptop\\:pl\\:1{padding-left:var(--spacing-1)}.laptop\\:pl\\:2{padding-left:var(--spacing-2)}.laptop\\:pl\\:3{padding-left:var(--spacing-3)}.laptop\\:pl\\:4{padding-left:var(--spacing-4)}.laptop\\:pl\\:5{padding-left:var(--spacing-5)}.laptop\\:m\\:var{margin:var(--laptop_m)}.laptop\\:m\\:-1{margin:var(--spacing--1)}.laptop\\:m\\:0{margin:var(--spacing-0)}.laptop\\:m\\:1{margin:var(--spacing-1)}.laptop\\:m\\:2{margin:var(--spacing-2)}.laptop\\:m\\:3{margin:var(--spacing-3)}.laptop\\:m\\:4{margin:var(--spacing-4)}.laptop\\:m\\:5{margin:var(--spacing-5)}.laptop\\:mt\\:var{margin-top:var(--laptop_mt)}.laptop\\:mt\\:-1{margin-top:var(--spacing--1)}.laptop\\:mt\\:0{margin-top:var(--spacing-0)}.laptop\\:mt\\:1{margin-top:var(--spacing-1)}.laptop\\:mt\\:2{margin-top:var(--spacing-2)}.laptop\\:mt\\:3{margin-top:var(--spacing-3)}.laptop\\:mt\\:4{margin-top:var(--spacing-4)}.laptop\\:mt\\:5{margin-top:var(--spacing-5)}.laptop\\:mr\\:var{margin-right:var(--laptop_mr)}.laptop\\:mr\\:-1{margin-right:var(--spacing--1)}.laptop\\:mr\\:0{margin-right:var(--spacing-0)}.laptop\\:mr\\:1{margin-right:var(--spacing-1)}.laptop\\:mr\\:2{margin-right:var(--spacing-2)}.laptop\\:mr\\:3{margin-right:var(--spacing-3)}.laptop\\:mr\\:4{margin-right:var(--spacing-4)}.laptop\\:mr\\:5{margin-right:var(--spacing-5)}.laptop\\:mb\\:var{margin-bottom:var(--laptop_mb)}.laptop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.laptop\\:mb\\:0{margin-bottom:var(--spacing-0)}.laptop\\:mb\\:1{margin-bottom:var(--spacing-1)}.laptop\\:mb\\:2{margin-bottom:var(--spacing-2)}.laptop\\:mb\\:3{margin-bottom:var(--spacing-3)}.laptop\\:mb\\:4{margin-bottom:var(--spacing-4)}.laptop\\:mb\\:5{margin-bottom:var(--spacing-5)}.laptop\\:ml\\:var{margin-left:var(--laptop_ml)}.laptop\\:ml\\:-1{margin-left:var(--spacing--1)}.laptop\\:ml\\:0{margin-left:var(--spacing-0)}.laptop\\:ml\\:1{margin-left:var(--spacing-1)}.laptop\\:ml\\:2{margin-left:var(--spacing-2)}.laptop\\:ml\\:3{margin-left:var(--spacing-3)}.laptop\\:ml\\:4{margin-left:var(--spacing-4)}.laptop\\:ml\\:5{margin-left:var(--spacing-5)}.laptop\\:display\\:var{display:var(--laptop_display)}.laptop\\:display\\:block{display:block}.laptop\\:display\\:flex{display:flex}.laptop\\:display\\:none{display:none}.laptop\\:flexGrow\\:var{flex-grow:var(--laptop_flexGrow)}.laptop\\:flexGrow\\:1{flex-grow:1}.laptop\\:flexGrow\\:0{flex-grow:0}.laptop\\:flexShrink\\:var{flex-shrink:var(--laptop_flexShrink)}.laptop\\:flexShrink\\:1{flex-shrink:1}.laptop\\:flexShrink\\:0{flex-shrink:0}.laptop\\:flexDirection\\:var{flex-direction:var(--laptop_flexDirection)}.laptop\\:flexDirection\\:row{flex-direction:row}.laptop\\:flexDirection\\:column{flex-direction:column}.laptop\\:alignItems\\:var{align-items:var(--laptop_alignItems)}.laptop\\:alignItems\\:center{align-items:center}.laptop\\:alignItems\\:flex-start{align-items:flex-start}.laptop\\:alignItems\\:flex-end{align-items:flex-end}.laptop\\:textAlign\\:var{text-align:var(--laptop_textAlign)}.laptop\\:textAlign\\:left{text-align:left}.laptop\\:textAlign\\:right{text-align:right}.laptop\\:textAlign\\:center{text-align:center}.laptop\\:justifyContent\\:var{justify-content:var(--laptop_justifyContent)}.laptop\\:justifyContent\\:center{justify-content:center}.laptop\\:justifyContent\\:flex-start{justify-content:flex-start}.laptop\\:justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:1430px){.desktop\\:p\\:var{padding:var(--desktop_p)}.desktop\\:p\\:-1{padding:var(--spacing--1)}.desktop\\:p\\:0{padding:var(--spacing-0)}.desktop\\:p\\:1{padding:var(--spacing-1)}.desktop\\:p\\:2{padding:var(--spacing-2)}.desktop\\:p\\:3{padding:var(--spacing-3)}.desktop\\:p\\:4{padding:var(--spacing-4)}.desktop\\:p\\:5{padding:var(--spacing-5)}.desktop\\:pt\\:var{padding-top:var(--desktop_pt)}.desktop\\:pt\\:-1{padding-top:var(--spacing--1)}.desktop\\:pt\\:0{padding-top:var(--spacing-0)}.desktop\\:pt\\:1{padding-top:var(--spacing-1)}.desktop\\:pt\\:2{padding-top:var(--spacing-2)}.desktop\\:pt\\:3{padding-top:var(--spacing-3)}.desktop\\:pt\\:4{padding-top:var(--spacing-4)}.desktop\\:pt\\:5{padding-top:var(--spacing-5)}.desktop\\:pr\\:var{padding-right:var(--desktop_pr)}.desktop\\:pr\\:-1{padding-right:var(--spacing--1)}.desktop\\:pr\\:0{padding-right:var(--spacing-0)}.desktop\\:pr\\:1{padding-right:var(--spacing-1)}.desktop\\:pr\\:2{padding-right:var(--spacing-2)}.desktop\\:pr\\:3{padding-right:var(--spacing-3)}.desktop\\:pr\\:4{padding-right:var(--spacing-4)}.desktop\\:pr\\:5{padding-right:var(--spacing-5)}.desktop\\:pb\\:var{padding-bottom:var(--desktop_pb)}.desktop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.desktop\\:pb\\:0{padding-bottom:var(--spacing-0)}.desktop\\:pb\\:1{padding-bottom:var(--spacing-1)}.desktop\\:pb\\:2{padding-bottom:var(--spacing-2)}.desktop\\:pb\\:3{padding-bottom:var(--spacing-3)}.desktop\\:pb\\:4{padding-bottom:var(--spacing-4)}.desktop\\:pb\\:5{padding-bottom:var(--spacing-5)}.desktop\\:pl\\:var{padding-left:var(--desktop_pl)}.desktop\\:pl\\:-1{padding-left:var(--spacing--1)}.desktop\\:pl\\:0{padding-left:var(--spacing-0)}.desktop\\:pl\\:1{padding-left:var(--spacing-1)}.desktop\\:pl\\:2{padding-left:var(--spacing-2)}.desktop\\:pl\\:3{padding-left:var(--spacing-3)}.desktop\\:pl\\:4{padding-left:var(--spacing-4)}.desktop\\:pl\\:5{padding-left:var(--spacing-5)}.desktop\\:m\\:var{margin:var(--desktop_m)}.desktop\\:m\\:-1{margin:var(--spacing--1)}.desktop\\:m\\:0{margin:var(--spacing-0)}.desktop\\:m\\:1{margin:var(--spacing-1)}.desktop\\:m\\:2{margin:var(--spacing-2)}.desktop\\:m\\:3{margin:var(--spacing-3)}.desktop\\:m\\:4{margin:var(--spacing-4)}.desktop\\:m\\:5{margin:var(--spacing-5)}.desktop\\:mt\\:var{margin-top:var(--desktop_mt)}.desktop\\:mt\\:-1{margin-top:var(--spacing--1)}.desktop\\:mt\\:0{margin-top:var(--spacing-0)}.desktop\\:mt\\:1{margin-top:var(--spacing-1)}.desktop\\:mt\\:2{margin-top:var(--spacing-2)}.desktop\\:mt\\:3{margin-top:var(--spacing-3)}.desktop\\:mt\\:4{margin-top:var(--spacing-4)}.desktop\\:mt\\:5{margin-top:var(--spacing-5)}.desktop\\:mr\\:var{margin-right:var(--desktop_mr)}.desktop\\:mr\\:-1{margin-right:var(--spacing--1)}.desktop\\:mr\\:0{margin-right:var(--spacing-0)}.desktop\\:mr\\:1{margin-right:var(--spacing-1)}.desktop\\:mr\\:2{margin-right:var(--spacing-2)}.desktop\\:mr\\:3{margin-right:var(--spacing-3)}.desktop\\:mr\\:4{margin-right:var(--spacing-4)}.desktop\\:mr\\:5{margin-right:var(--spacing-5)}.desktop\\:mb\\:var{margin-bottom:var(--desktop_mb)}.desktop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.desktop\\:mb\\:0{margin-bottom:var(--spacing-0)}.desktop\\:mb\\:1{margin-bottom:var(--spacing-1)}.desktop\\:mb\\:2{margin-bottom:var(--spacing-2)}.desktop\\:mb\\:3{margin-bottom:var(--spacing-3)}.desktop\\:mb\\:4{margin-bottom:var(--spacing-4)}.desktop\\:mb\\:5{margin-bottom:var(--spacing-5)}.desktop\\:ml\\:var{margin-left:var(--desktop_ml)}.desktop\\:ml\\:-1{margin-left:var(--spacing--1)}.desktop\\:ml\\:0{margin-left:var(--spacing-0)}.desktop\\:ml\\:1{margin-left:var(--spacing-1)}.desktop\\:ml\\:2{margin-left:var(--spacing-2)}.desktop\\:ml\\:3{margin-left:var(--spacing-3)}.desktop\\:ml\\:4{margin-left:var(--spacing-4)}.desktop\\:ml\\:5{margin-left:var(--spacing-5)}.desktop\\:display\\:var{display:var(--desktop_display)}.desktop\\:display\\:block{display:block}.desktop\\:display\\:flex{display:flex}.desktop\\:display\\:none{display:none}.desktop\\:flexGrow\\:var{flex-grow:var(--desktop_flexGrow)}.desktop\\:flexGrow\\:1{flex-grow:1}.desktop\\:flexGrow\\:0{flex-grow:0}.desktop\\:flexShrink\\:var{flex-shrink:var(--desktop_flexShrink)}.desktop\\:flexShrink\\:1{flex-shrink:1}.desktop\\:flexShrink\\:0{flex-shrink:0}.desktop\\:flexDirection\\:var{flex-direction:var(--desktop_flexDirection)}.desktop\\:flexDirection\\:row{flex-direction:row}.desktop\\:flexDirection\\:column{flex-direction:column}.desktop\\:alignItems\\:var{align-items:var(--desktop_alignItems)}.desktop\\:alignItems\\:center{align-items:center}.desktop\\:alignItems\\:flex-start{align-items:flex-start}.desktop\\:alignItems\\:flex-end{align-items:flex-end}.desktop\\:textAlign\\:var{text-align:var(--desktop_textAlign)}.desktop\\:textAlign\\:left{text-align:left}.desktop\\:textAlign\\:right{text-align:right}.desktop\\:textAlign\\:center{text-align:center}.desktop\\:justifyContent\\:var{justify-content:var(--desktop_justifyContent)}.desktop\\:justifyContent\\:center{justify-content:center}.desktop\\:justifyContent\\:flex-start{justify-content:flex-start}.desktop\\:justifyContent\\:flex-end{justify-content:flex-end}}";
|
|
1131
|
-
styleInject(css_248z$
|
|
1130
|
+
var css_248z$a = ":root{--spacing--1:calc(var(--spacing)*-1);--spacing-0:calc(var(--spacing)*0);--spacing-1:calc(var(--spacing)*1);--spacing-2:calc(var(--spacing)*2);--spacing-3:calc(var(--spacing)*3);--spacing-4:calc(var(--spacing)*4);--spacing-5:calc(var(--spacing)*5)}@media (min-width:0px){.p\\:var{padding:var(--p)}.p\\:-1{padding:var(--spacing--1)}.p\\:0{padding:var(--spacing-0)}.p\\:1{padding:var(--spacing-1)}.p\\:2{padding:var(--spacing-2)}.p\\:3{padding:var(--spacing-3)}.p\\:4{padding:var(--spacing-4)}.p\\:5{padding:var(--spacing-5)}.pt\\:var{padding-top:var(--pt)}.pt\\:-1{padding-top:var(--spacing--1)}.pt\\:0{padding-top:var(--spacing-0)}.pt\\:1{padding-top:var(--spacing-1)}.pt\\:2{padding-top:var(--spacing-2)}.pt\\:3{padding-top:var(--spacing-3)}.pt\\:4{padding-top:var(--spacing-4)}.pt\\:5{padding-top:var(--spacing-5)}.pr\\:var{padding-right:var(--pr)}.pr\\:-1{padding-right:var(--spacing--1)}.pr\\:0{padding-right:var(--spacing-0)}.pr\\:1{padding-right:var(--spacing-1)}.pr\\:2{padding-right:var(--spacing-2)}.pr\\:3{padding-right:var(--spacing-3)}.pr\\:4{padding-right:var(--spacing-4)}.pr\\:5{padding-right:var(--spacing-5)}.pb\\:var{padding-bottom:var(--pb)}.pb\\:-1{padding-bottom:var(--spacing--1)}.pb\\:0{padding-bottom:var(--spacing-0)}.pb\\:1{padding-bottom:var(--spacing-1)}.pb\\:2{padding-bottom:var(--spacing-2)}.pb\\:3{padding-bottom:var(--spacing-3)}.pb\\:4{padding-bottom:var(--spacing-4)}.pb\\:5{padding-bottom:var(--spacing-5)}.pl\\:var{padding-left:var(--pl)}.pl\\:-1{padding-left:var(--spacing--1)}.pl\\:0{padding-left:var(--spacing-0)}.pl\\:1{padding-left:var(--spacing-1)}.pl\\:2{padding-left:var(--spacing-2)}.pl\\:3{padding-left:var(--spacing-3)}.pl\\:4{padding-left:var(--spacing-4)}.pl\\:5{padding-left:var(--spacing-5)}.m\\:var{margin:var(--m)}.m\\:-1{margin:var(--spacing--1)}.m\\:0{margin:var(--spacing-0)}.m\\:1{margin:var(--spacing-1)}.m\\:2{margin:var(--spacing-2)}.m\\:3{margin:var(--spacing-3)}.m\\:4{margin:var(--spacing-4)}.m\\:5{margin:var(--spacing-5)}.mt\\:var{margin-top:var(--mt)}.mt\\:-1{margin-top:var(--spacing--1)}.mt\\:0{margin-top:var(--spacing-0)}.mt\\:1{margin-top:var(--spacing-1)}.mt\\:2{margin-top:var(--spacing-2)}.mt\\:3{margin-top:var(--spacing-3)}.mt\\:4{margin-top:var(--spacing-4)}.mt\\:5{margin-top:var(--spacing-5)}.mr\\:var{margin-right:var(--mr)}.mr\\:-1{margin-right:var(--spacing--1)}.mr\\:0{margin-right:var(--spacing-0)}.mr\\:1{margin-right:var(--spacing-1)}.mr\\:2{margin-right:var(--spacing-2)}.mr\\:3{margin-right:var(--spacing-3)}.mr\\:4{margin-right:var(--spacing-4)}.mr\\:5{margin-right:var(--spacing-5)}.mb\\:var{margin-bottom:var(--mb)}.mb\\:-1{margin-bottom:var(--spacing--1)}.mb\\:0{margin-bottom:var(--spacing-0)}.mb\\:1{margin-bottom:var(--spacing-1)}.mb\\:2{margin-bottom:var(--spacing-2)}.mb\\:3{margin-bottom:var(--spacing-3)}.mb\\:4{margin-bottom:var(--spacing-4)}.mb\\:5{margin-bottom:var(--spacing-5)}.ml\\:var{margin-left:var(--ml)}.ml\\:-1{margin-left:var(--spacing--1)}.ml\\:0{margin-left:var(--spacing-0)}.ml\\:1{margin-left:var(--spacing-1)}.ml\\:2{margin-left:var(--spacing-2)}.ml\\:3{margin-left:var(--spacing-3)}.ml\\:4{margin-left:var(--spacing-4)}.ml\\:5{margin-left:var(--spacing-5)}.display\\:var{display:var(--display)}.display\\:block{display:block}.display\\:flex{display:flex}.display\\:none{display:none}.flexGrow\\:var{flex-grow:var(--flexGrow)}.flexGrow\\:1{flex-grow:1}.flexGrow\\:0{flex-grow:0}.flexShrink\\:var{flex-shrink:var(--flexShrink)}.flexShrink\\:1{flex-shrink:1}.flexShrink\\:0{flex-shrink:0}.flexDirection\\:var{flex-direction:var(--flexDirection)}.flexDirection\\:row{flex-direction:row}.flexDirection\\:column{flex-direction:column}.alignItems\\:var{align-items:var(--alignItems)}.alignItems\\:center{align-items:center}.alignItems\\:flex-start{align-items:flex-start}.alignItems\\:flex-end{align-items:flex-end}.textAlign\\:var{text-align:var(--textAlign)}.textAlign\\:left{text-align:left}.textAlign\\:right{text-align:right}.textAlign\\:center{text-align:center}.justifyContent\\:var{justify-content:var(--justifyContent)}.justifyContent\\:center{justify-content:center}.justifyContent\\:flex-start{justify-content:flex-start}.justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:768px){.tablet\\:p\\:var{padding:var(--tablet_p)}.tablet\\:p\\:-1{padding:var(--spacing--1)}.tablet\\:p\\:0{padding:var(--spacing-0)}.tablet\\:p\\:1{padding:var(--spacing-1)}.tablet\\:p\\:2{padding:var(--spacing-2)}.tablet\\:p\\:3{padding:var(--spacing-3)}.tablet\\:p\\:4{padding:var(--spacing-4)}.tablet\\:p\\:5{padding:var(--spacing-5)}.tablet\\:pt\\:var{padding-top:var(--tablet_pt)}.tablet\\:pt\\:-1{padding-top:var(--spacing--1)}.tablet\\:pt\\:0{padding-top:var(--spacing-0)}.tablet\\:pt\\:1{padding-top:var(--spacing-1)}.tablet\\:pt\\:2{padding-top:var(--spacing-2)}.tablet\\:pt\\:3{padding-top:var(--spacing-3)}.tablet\\:pt\\:4{padding-top:var(--spacing-4)}.tablet\\:pt\\:5{padding-top:var(--spacing-5)}.tablet\\:pr\\:var{padding-right:var(--tablet_pr)}.tablet\\:pr\\:-1{padding-right:var(--spacing--1)}.tablet\\:pr\\:0{padding-right:var(--spacing-0)}.tablet\\:pr\\:1{padding-right:var(--spacing-1)}.tablet\\:pr\\:2{padding-right:var(--spacing-2)}.tablet\\:pr\\:3{padding-right:var(--spacing-3)}.tablet\\:pr\\:4{padding-right:var(--spacing-4)}.tablet\\:pr\\:5{padding-right:var(--spacing-5)}.tablet\\:pb\\:var{padding-bottom:var(--tablet_pb)}.tablet\\:pb\\:-1{padding-bottom:var(--spacing--1)}.tablet\\:pb\\:0{padding-bottom:var(--spacing-0)}.tablet\\:pb\\:1{padding-bottom:var(--spacing-1)}.tablet\\:pb\\:2{padding-bottom:var(--spacing-2)}.tablet\\:pb\\:3{padding-bottom:var(--spacing-3)}.tablet\\:pb\\:4{padding-bottom:var(--spacing-4)}.tablet\\:pb\\:5{padding-bottom:var(--spacing-5)}.tablet\\:pl\\:var{padding-left:var(--tablet_pl)}.tablet\\:pl\\:-1{padding-left:var(--spacing--1)}.tablet\\:pl\\:0{padding-left:var(--spacing-0)}.tablet\\:pl\\:1{padding-left:var(--spacing-1)}.tablet\\:pl\\:2{padding-left:var(--spacing-2)}.tablet\\:pl\\:3{padding-left:var(--spacing-3)}.tablet\\:pl\\:4{padding-left:var(--spacing-4)}.tablet\\:pl\\:5{padding-left:var(--spacing-5)}.tablet\\:m\\:var{margin:var(--tablet_m)}.tablet\\:m\\:-1{margin:var(--spacing--1)}.tablet\\:m\\:0{margin:var(--spacing-0)}.tablet\\:m\\:1{margin:var(--spacing-1)}.tablet\\:m\\:2{margin:var(--spacing-2)}.tablet\\:m\\:3{margin:var(--spacing-3)}.tablet\\:m\\:4{margin:var(--spacing-4)}.tablet\\:m\\:5{margin:var(--spacing-5)}.tablet\\:mt\\:var{margin-top:var(--tablet_mt)}.tablet\\:mt\\:-1{margin-top:var(--spacing--1)}.tablet\\:mt\\:0{margin-top:var(--spacing-0)}.tablet\\:mt\\:1{margin-top:var(--spacing-1)}.tablet\\:mt\\:2{margin-top:var(--spacing-2)}.tablet\\:mt\\:3{margin-top:var(--spacing-3)}.tablet\\:mt\\:4{margin-top:var(--spacing-4)}.tablet\\:mt\\:5{margin-top:var(--spacing-5)}.tablet\\:mr\\:var{margin-right:var(--tablet_mr)}.tablet\\:mr\\:-1{margin-right:var(--spacing--1)}.tablet\\:mr\\:0{margin-right:var(--spacing-0)}.tablet\\:mr\\:1{margin-right:var(--spacing-1)}.tablet\\:mr\\:2{margin-right:var(--spacing-2)}.tablet\\:mr\\:3{margin-right:var(--spacing-3)}.tablet\\:mr\\:4{margin-right:var(--spacing-4)}.tablet\\:mr\\:5{margin-right:var(--spacing-5)}.tablet\\:mb\\:var{margin-bottom:var(--tablet_mb)}.tablet\\:mb\\:-1{margin-bottom:var(--spacing--1)}.tablet\\:mb\\:0{margin-bottom:var(--spacing-0)}.tablet\\:mb\\:1{margin-bottom:var(--spacing-1)}.tablet\\:mb\\:2{margin-bottom:var(--spacing-2)}.tablet\\:mb\\:3{margin-bottom:var(--spacing-3)}.tablet\\:mb\\:4{margin-bottom:var(--spacing-4)}.tablet\\:mb\\:5{margin-bottom:var(--spacing-5)}.tablet\\:ml\\:var{margin-left:var(--tablet_ml)}.tablet\\:ml\\:-1{margin-left:var(--spacing--1)}.tablet\\:ml\\:0{margin-left:var(--spacing-0)}.tablet\\:ml\\:1{margin-left:var(--spacing-1)}.tablet\\:ml\\:2{margin-left:var(--spacing-2)}.tablet\\:ml\\:3{margin-left:var(--spacing-3)}.tablet\\:ml\\:4{margin-left:var(--spacing-4)}.tablet\\:ml\\:5{margin-left:var(--spacing-5)}.tablet\\:display\\:var{display:var(--tablet_display)}.tablet\\:display\\:block{display:block}.tablet\\:display\\:flex{display:flex}.tablet\\:display\\:none{display:none}.tablet\\:flexGrow\\:var{flex-grow:var(--tablet_flexGrow)}.tablet\\:flexGrow\\:1{flex-grow:1}.tablet\\:flexGrow\\:0{flex-grow:0}.tablet\\:flexShrink\\:var{flex-shrink:var(--tablet_flexShrink)}.tablet\\:flexShrink\\:1{flex-shrink:1}.tablet\\:flexShrink\\:0{flex-shrink:0}.tablet\\:flexDirection\\:var{flex-direction:var(--tablet_flexDirection)}.tablet\\:flexDirection\\:row{flex-direction:row}.tablet\\:flexDirection\\:column{flex-direction:column}.tablet\\:alignItems\\:var{align-items:var(--tablet_alignItems)}.tablet\\:alignItems\\:center{align-items:center}.tablet\\:alignItems\\:flex-start{align-items:flex-start}.tablet\\:alignItems\\:flex-end{align-items:flex-end}.tablet\\:textAlign\\:var{text-align:var(--tablet_textAlign)}.tablet\\:textAlign\\:left{text-align:left}.tablet\\:textAlign\\:right{text-align:right}.tablet\\:textAlign\\:center{text-align:center}.tablet\\:justifyContent\\:var{justify-content:var(--tablet_justifyContent)}.tablet\\:justifyContent\\:center{justify-content:center}.tablet\\:justifyContent\\:flex-start{justify-content:flex-start}.tablet\\:justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:1024px){.laptop\\:p\\:var{padding:var(--laptop_p)}.laptop\\:p\\:-1{padding:var(--spacing--1)}.laptop\\:p\\:0{padding:var(--spacing-0)}.laptop\\:p\\:1{padding:var(--spacing-1)}.laptop\\:p\\:2{padding:var(--spacing-2)}.laptop\\:p\\:3{padding:var(--spacing-3)}.laptop\\:p\\:4{padding:var(--spacing-4)}.laptop\\:p\\:5{padding:var(--spacing-5)}.laptop\\:pt\\:var{padding-top:var(--laptop_pt)}.laptop\\:pt\\:-1{padding-top:var(--spacing--1)}.laptop\\:pt\\:0{padding-top:var(--spacing-0)}.laptop\\:pt\\:1{padding-top:var(--spacing-1)}.laptop\\:pt\\:2{padding-top:var(--spacing-2)}.laptop\\:pt\\:3{padding-top:var(--spacing-3)}.laptop\\:pt\\:4{padding-top:var(--spacing-4)}.laptop\\:pt\\:5{padding-top:var(--spacing-5)}.laptop\\:pr\\:var{padding-right:var(--laptop_pr)}.laptop\\:pr\\:-1{padding-right:var(--spacing--1)}.laptop\\:pr\\:0{padding-right:var(--spacing-0)}.laptop\\:pr\\:1{padding-right:var(--spacing-1)}.laptop\\:pr\\:2{padding-right:var(--spacing-2)}.laptop\\:pr\\:3{padding-right:var(--spacing-3)}.laptop\\:pr\\:4{padding-right:var(--spacing-4)}.laptop\\:pr\\:5{padding-right:var(--spacing-5)}.laptop\\:pb\\:var{padding-bottom:var(--laptop_pb)}.laptop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.laptop\\:pb\\:0{padding-bottom:var(--spacing-0)}.laptop\\:pb\\:1{padding-bottom:var(--spacing-1)}.laptop\\:pb\\:2{padding-bottom:var(--spacing-2)}.laptop\\:pb\\:3{padding-bottom:var(--spacing-3)}.laptop\\:pb\\:4{padding-bottom:var(--spacing-4)}.laptop\\:pb\\:5{padding-bottom:var(--spacing-5)}.laptop\\:pl\\:var{padding-left:var(--laptop_pl)}.laptop\\:pl\\:-1{padding-left:var(--spacing--1)}.laptop\\:pl\\:0{padding-left:var(--spacing-0)}.laptop\\:pl\\:1{padding-left:var(--spacing-1)}.laptop\\:pl\\:2{padding-left:var(--spacing-2)}.laptop\\:pl\\:3{padding-left:var(--spacing-3)}.laptop\\:pl\\:4{padding-left:var(--spacing-4)}.laptop\\:pl\\:5{padding-left:var(--spacing-5)}.laptop\\:m\\:var{margin:var(--laptop_m)}.laptop\\:m\\:-1{margin:var(--spacing--1)}.laptop\\:m\\:0{margin:var(--spacing-0)}.laptop\\:m\\:1{margin:var(--spacing-1)}.laptop\\:m\\:2{margin:var(--spacing-2)}.laptop\\:m\\:3{margin:var(--spacing-3)}.laptop\\:m\\:4{margin:var(--spacing-4)}.laptop\\:m\\:5{margin:var(--spacing-5)}.laptop\\:mt\\:var{margin-top:var(--laptop_mt)}.laptop\\:mt\\:-1{margin-top:var(--spacing--1)}.laptop\\:mt\\:0{margin-top:var(--spacing-0)}.laptop\\:mt\\:1{margin-top:var(--spacing-1)}.laptop\\:mt\\:2{margin-top:var(--spacing-2)}.laptop\\:mt\\:3{margin-top:var(--spacing-3)}.laptop\\:mt\\:4{margin-top:var(--spacing-4)}.laptop\\:mt\\:5{margin-top:var(--spacing-5)}.laptop\\:mr\\:var{margin-right:var(--laptop_mr)}.laptop\\:mr\\:-1{margin-right:var(--spacing--1)}.laptop\\:mr\\:0{margin-right:var(--spacing-0)}.laptop\\:mr\\:1{margin-right:var(--spacing-1)}.laptop\\:mr\\:2{margin-right:var(--spacing-2)}.laptop\\:mr\\:3{margin-right:var(--spacing-3)}.laptop\\:mr\\:4{margin-right:var(--spacing-4)}.laptop\\:mr\\:5{margin-right:var(--spacing-5)}.laptop\\:mb\\:var{margin-bottom:var(--laptop_mb)}.laptop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.laptop\\:mb\\:0{margin-bottom:var(--spacing-0)}.laptop\\:mb\\:1{margin-bottom:var(--spacing-1)}.laptop\\:mb\\:2{margin-bottom:var(--spacing-2)}.laptop\\:mb\\:3{margin-bottom:var(--spacing-3)}.laptop\\:mb\\:4{margin-bottom:var(--spacing-4)}.laptop\\:mb\\:5{margin-bottom:var(--spacing-5)}.laptop\\:ml\\:var{margin-left:var(--laptop_ml)}.laptop\\:ml\\:-1{margin-left:var(--spacing--1)}.laptop\\:ml\\:0{margin-left:var(--spacing-0)}.laptop\\:ml\\:1{margin-left:var(--spacing-1)}.laptop\\:ml\\:2{margin-left:var(--spacing-2)}.laptop\\:ml\\:3{margin-left:var(--spacing-3)}.laptop\\:ml\\:4{margin-left:var(--spacing-4)}.laptop\\:ml\\:5{margin-left:var(--spacing-5)}.laptop\\:display\\:var{display:var(--laptop_display)}.laptop\\:display\\:block{display:block}.laptop\\:display\\:flex{display:flex}.laptop\\:display\\:none{display:none}.laptop\\:flexGrow\\:var{flex-grow:var(--laptop_flexGrow)}.laptop\\:flexGrow\\:1{flex-grow:1}.laptop\\:flexGrow\\:0{flex-grow:0}.laptop\\:flexShrink\\:var{flex-shrink:var(--laptop_flexShrink)}.laptop\\:flexShrink\\:1{flex-shrink:1}.laptop\\:flexShrink\\:0{flex-shrink:0}.laptop\\:flexDirection\\:var{flex-direction:var(--laptop_flexDirection)}.laptop\\:flexDirection\\:row{flex-direction:row}.laptop\\:flexDirection\\:column{flex-direction:column}.laptop\\:alignItems\\:var{align-items:var(--laptop_alignItems)}.laptop\\:alignItems\\:center{align-items:center}.laptop\\:alignItems\\:flex-start{align-items:flex-start}.laptop\\:alignItems\\:flex-end{align-items:flex-end}.laptop\\:textAlign\\:var{text-align:var(--laptop_textAlign)}.laptop\\:textAlign\\:left{text-align:left}.laptop\\:textAlign\\:right{text-align:right}.laptop\\:textAlign\\:center{text-align:center}.laptop\\:justifyContent\\:var{justify-content:var(--laptop_justifyContent)}.laptop\\:justifyContent\\:center{justify-content:center}.laptop\\:justifyContent\\:flex-start{justify-content:flex-start}.laptop\\:justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:1430px){.desktop\\:p\\:var{padding:var(--desktop_p)}.desktop\\:p\\:-1{padding:var(--spacing--1)}.desktop\\:p\\:0{padding:var(--spacing-0)}.desktop\\:p\\:1{padding:var(--spacing-1)}.desktop\\:p\\:2{padding:var(--spacing-2)}.desktop\\:p\\:3{padding:var(--spacing-3)}.desktop\\:p\\:4{padding:var(--spacing-4)}.desktop\\:p\\:5{padding:var(--spacing-5)}.desktop\\:pt\\:var{padding-top:var(--desktop_pt)}.desktop\\:pt\\:-1{padding-top:var(--spacing--1)}.desktop\\:pt\\:0{padding-top:var(--spacing-0)}.desktop\\:pt\\:1{padding-top:var(--spacing-1)}.desktop\\:pt\\:2{padding-top:var(--spacing-2)}.desktop\\:pt\\:3{padding-top:var(--spacing-3)}.desktop\\:pt\\:4{padding-top:var(--spacing-4)}.desktop\\:pt\\:5{padding-top:var(--spacing-5)}.desktop\\:pr\\:var{padding-right:var(--desktop_pr)}.desktop\\:pr\\:-1{padding-right:var(--spacing--1)}.desktop\\:pr\\:0{padding-right:var(--spacing-0)}.desktop\\:pr\\:1{padding-right:var(--spacing-1)}.desktop\\:pr\\:2{padding-right:var(--spacing-2)}.desktop\\:pr\\:3{padding-right:var(--spacing-3)}.desktop\\:pr\\:4{padding-right:var(--spacing-4)}.desktop\\:pr\\:5{padding-right:var(--spacing-5)}.desktop\\:pb\\:var{padding-bottom:var(--desktop_pb)}.desktop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.desktop\\:pb\\:0{padding-bottom:var(--spacing-0)}.desktop\\:pb\\:1{padding-bottom:var(--spacing-1)}.desktop\\:pb\\:2{padding-bottom:var(--spacing-2)}.desktop\\:pb\\:3{padding-bottom:var(--spacing-3)}.desktop\\:pb\\:4{padding-bottom:var(--spacing-4)}.desktop\\:pb\\:5{padding-bottom:var(--spacing-5)}.desktop\\:pl\\:var{padding-left:var(--desktop_pl)}.desktop\\:pl\\:-1{padding-left:var(--spacing--1)}.desktop\\:pl\\:0{padding-left:var(--spacing-0)}.desktop\\:pl\\:1{padding-left:var(--spacing-1)}.desktop\\:pl\\:2{padding-left:var(--spacing-2)}.desktop\\:pl\\:3{padding-left:var(--spacing-3)}.desktop\\:pl\\:4{padding-left:var(--spacing-4)}.desktop\\:pl\\:5{padding-left:var(--spacing-5)}.desktop\\:m\\:var{margin:var(--desktop_m)}.desktop\\:m\\:-1{margin:var(--spacing--1)}.desktop\\:m\\:0{margin:var(--spacing-0)}.desktop\\:m\\:1{margin:var(--spacing-1)}.desktop\\:m\\:2{margin:var(--spacing-2)}.desktop\\:m\\:3{margin:var(--spacing-3)}.desktop\\:m\\:4{margin:var(--spacing-4)}.desktop\\:m\\:5{margin:var(--spacing-5)}.desktop\\:mt\\:var{margin-top:var(--desktop_mt)}.desktop\\:mt\\:-1{margin-top:var(--spacing--1)}.desktop\\:mt\\:0{margin-top:var(--spacing-0)}.desktop\\:mt\\:1{margin-top:var(--spacing-1)}.desktop\\:mt\\:2{margin-top:var(--spacing-2)}.desktop\\:mt\\:3{margin-top:var(--spacing-3)}.desktop\\:mt\\:4{margin-top:var(--spacing-4)}.desktop\\:mt\\:5{margin-top:var(--spacing-5)}.desktop\\:mr\\:var{margin-right:var(--desktop_mr)}.desktop\\:mr\\:-1{margin-right:var(--spacing--1)}.desktop\\:mr\\:0{margin-right:var(--spacing-0)}.desktop\\:mr\\:1{margin-right:var(--spacing-1)}.desktop\\:mr\\:2{margin-right:var(--spacing-2)}.desktop\\:mr\\:3{margin-right:var(--spacing-3)}.desktop\\:mr\\:4{margin-right:var(--spacing-4)}.desktop\\:mr\\:5{margin-right:var(--spacing-5)}.desktop\\:mb\\:var{margin-bottom:var(--desktop_mb)}.desktop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.desktop\\:mb\\:0{margin-bottom:var(--spacing-0)}.desktop\\:mb\\:1{margin-bottom:var(--spacing-1)}.desktop\\:mb\\:2{margin-bottom:var(--spacing-2)}.desktop\\:mb\\:3{margin-bottom:var(--spacing-3)}.desktop\\:mb\\:4{margin-bottom:var(--spacing-4)}.desktop\\:mb\\:5{margin-bottom:var(--spacing-5)}.desktop\\:ml\\:var{margin-left:var(--desktop_ml)}.desktop\\:ml\\:-1{margin-left:var(--spacing--1)}.desktop\\:ml\\:0{margin-left:var(--spacing-0)}.desktop\\:ml\\:1{margin-left:var(--spacing-1)}.desktop\\:ml\\:2{margin-left:var(--spacing-2)}.desktop\\:ml\\:3{margin-left:var(--spacing-3)}.desktop\\:ml\\:4{margin-left:var(--spacing-4)}.desktop\\:ml\\:5{margin-left:var(--spacing-5)}.desktop\\:display\\:var{display:var(--desktop_display)}.desktop\\:display\\:block{display:block}.desktop\\:display\\:flex{display:flex}.desktop\\:display\\:none{display:none}.desktop\\:flexGrow\\:var{flex-grow:var(--desktop_flexGrow)}.desktop\\:flexGrow\\:1{flex-grow:1}.desktop\\:flexGrow\\:0{flex-grow:0}.desktop\\:flexShrink\\:var{flex-shrink:var(--desktop_flexShrink)}.desktop\\:flexShrink\\:1{flex-shrink:1}.desktop\\:flexShrink\\:0{flex-shrink:0}.desktop\\:flexDirection\\:var{flex-direction:var(--desktop_flexDirection)}.desktop\\:flexDirection\\:row{flex-direction:row}.desktop\\:flexDirection\\:column{flex-direction:column}.desktop\\:alignItems\\:var{align-items:var(--desktop_alignItems)}.desktop\\:alignItems\\:center{align-items:center}.desktop\\:alignItems\\:flex-start{align-items:flex-start}.desktop\\:alignItems\\:flex-end{align-items:flex-end}.desktop\\:textAlign\\:var{text-align:var(--desktop_textAlign)}.desktop\\:textAlign\\:left{text-align:left}.desktop\\:textAlign\\:right{text-align:right}.desktop\\:textAlign\\:center{text-align:center}.desktop\\:justifyContent\\:var{justify-content:var(--desktop_justifyContent)}.desktop\\:justifyContent\\:center{justify-content:center}.desktop\\:justifyContent\\:flex-start{justify-content:flex-start}.desktop\\:justifyContent\\:flex-end{justify-content:flex-end}}";
|
|
1131
|
+
styleInject(css_248z$a);
|
|
1132
1132
|
|
|
1133
1133
|
const breakPoints = [
|
|
1134
1134
|
"mobile",
|
|
@@ -1662,9 +1662,9 @@ const buildClassName = (breakpoint, name, value) => [stripMobile(breakpoint), na
|
|
|
1662
1662
|
.filter((val) => val !== undefined && val !== null)
|
|
1663
1663
|
.join(":");
|
|
1664
1664
|
|
|
1665
|
-
var css_248z$
|
|
1666
|
-
var classes$
|
|
1667
|
-
styleInject(css_248z$
|
|
1665
|
+
var css_248z$9 = ".Box-module_box__Wgbf3{box-sizing:border-box}";
|
|
1666
|
+
var classes$9 = {"box":"Box-module_box__Wgbf3"};
|
|
1667
|
+
styleInject(css_248z$9);
|
|
1668
1668
|
|
|
1669
1669
|
function toVal(mix) {
|
|
1670
1670
|
var k, y, str='';
|
|
@@ -1710,35 +1710,35 @@ function clsx () {
|
|
|
1710
1710
|
const Box = (_a) => {
|
|
1711
1711
|
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
|
1712
1712
|
const { classNames, variables } = getResponsiveProps(rest);
|
|
1713
|
-
return (React.createElement("div", Object.assign({ className: clsx(classes$
|
|
1713
|
+
return (React.createElement("div", Object.assign({ className: clsx(classes$9.box, className, classNames), style: variables }, rest), children));
|
|
1714
1714
|
};
|
|
1715
1715
|
|
|
1716
|
-
const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$
|
|
1716
|
+
const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$a.wrapper, classes$a[`variant-${variant}`]) },
|
|
1717
1717
|
React.createElement(Box, { p: 3 },
|
|
1718
1718
|
title && (React.createElement(Box, { pb: children ? 1 : 0 },
|
|
1719
1719
|
React.createElement(Header, { level: 4 }, title))),
|
|
1720
1720
|
children && React.createElement(Paragraph, null, children))));
|
|
1721
1721
|
|
|
1722
|
-
var css_248z$
|
|
1723
|
-
var classes$
|
|
1724
|
-
styleInject(css_248z$
|
|
1722
|
+
var css_248z$8 = ".AnimatedCheckmark-module_svg__VAFDr{--green:#20c997}.AnimatedCheckmark-module_mask__mH-yZ{fill:none;stroke:var(--green);stroke-width:10}.AnimatedCheckmark-module_polyline__SJRcW{stroke-dasharray:100px,100px;stroke-dashoffset:200px;animation:AnimatedCheckmark-module_polyLineAnimation__qwADN .42s ease-in-out .8s backwards;stroke:var(--green);stroke-width:10}@keyframes AnimatedCheckmark-module_polyLineAnimation__qwADN{0%{stroke-dashoffset:100px}to{stroke-dashoffset:0}}.AnimatedCheckmark-module_circle__1BrC5{stroke-dasharray:480px,480px;stroke-dashoffset:960px;animation:AnimatedCheckmark-module_circleAnimation__yaTjr .6s ease-in-out backwards;stroke:var(--green);stroke-width:10}@keyframes AnimatedCheckmark-module_circleAnimation__yaTjr{0%{stroke-dashoffset:480px}to{stroke-dashoffset:960px}}.AnimatedCheckmark-module_circleColored__es08R{stroke-dasharray:480px,480px;stroke-dashoffset:960px;animation:AnimatedCheckmark-module_circleColoredAnimation__AZ-hR 1.2s ease-in-out 1.4s backwards;fill:#effaf8}@keyframes AnimatedCheckmark-module_circleColoredAnimation__AZ-hR{0%{opacity:0}to{opacity:1}}";
|
|
1723
|
+
var classes$8 = {"svg":"AnimatedCheckmark-module_svg__VAFDr","mask":"AnimatedCheckmark-module_mask__mH-yZ","polyline":"AnimatedCheckmark-module_polyline__SJRcW","polyLineAnimation":"AnimatedCheckmark-module_polyLineAnimation__qwADN","circle":"AnimatedCheckmark-module_circle__1BrC5","circleAnimation":"AnimatedCheckmark-module_circleAnimation__yaTjr","circleColored":"AnimatedCheckmark-module_circleColored__es08R","circleColoredAnimation":"AnimatedCheckmark-module_circleColoredAnimation__AZ-hR"};
|
|
1724
|
+
styleInject(css_248z$8);
|
|
1725
1725
|
|
|
1726
|
-
const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$
|
|
1727
|
-
React.createElement("g", { className: classes$
|
|
1728
|
-
React.createElement("circle", { className: classes$
|
|
1729
|
-
React.createElement("circle", { className: classes$
|
|
1730
|
-
React.createElement("polyline", { className: classes$
|
|
1726
|
+
const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$8.svg, viewBox: "0 0 154 154" },
|
|
1727
|
+
React.createElement("g", { className: classes$8.mask },
|
|
1728
|
+
React.createElement("circle", { className: classes$8.circle, cx: "77", cy: "77", r: "72" }),
|
|
1729
|
+
React.createElement("circle", { className: classes$8.circleColored, cx: "77", cy: "77", r: "72" }),
|
|
1730
|
+
React.createElement("polyline", { className: classes$8.polyline, points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
|
|
1731
1731
|
|
|
1732
|
-
var css_248z$
|
|
1733
|
-
var classes$
|
|
1734
|
-
styleInject(css_248z$
|
|
1732
|
+
var css_248z$7 = ".BreadCrumbs-module_breadcrumbs__-UMJj{display:flex;list-style:none;margin:0;padding:0}.BreadCrumbs-module_crumb__SSW-t{display:flex}.BreadCrumbs-module_crumb__SSW-t:not(:last-of-type):after{color:var(--colors-gray);content:\"/\";line-height:1em;margin:auto;padding:0 var(--spacing-2) 0 0}";
|
|
1733
|
+
var classes$7 = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
|
|
1734
|
+
styleInject(css_248z$7);
|
|
1735
1735
|
|
|
1736
|
-
const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$
|
|
1737
|
-
const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$
|
|
1736
|
+
const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$7.breadcrumbs, props.className) }, props));
|
|
1737
|
+
const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$7.breadcrumbs, props.className) }, props));
|
|
1738
1738
|
|
|
1739
|
-
var css_248z$
|
|
1740
|
-
var classes$
|
|
1741
|
-
styleInject(css_248z$
|
|
1739
|
+
var css_248z$6 = ".CollapsiblePanel-module_panel__DrLNG.CollapsiblePanel-module_isClosed__2qVew{border-bottom:0}.CollapsiblePanel-module_titleActionWrapper__SBw5b{transform:scaleY(-1)}.CollapsiblePanel-module_titleActionWrapper__SBw5b.CollapsiblePanel-module_isClosed__2qVew{transform:scaleY(1)}";
|
|
1740
|
+
var classes$6 = {"panel":"CollapsiblePanel-module_panel__DrLNG","isClosed":"CollapsiblePanel-module_isClosed__2qVew","titleActionWrapper":"CollapsiblePanel-module_titleActionWrapper__SBw5b"};
|
|
1741
|
+
styleInject(css_248z$6);
|
|
1742
1742
|
|
|
1743
1743
|
const Wrapper$a = styledComponents.styled.div `
|
|
1744
1744
|
background-color: ${(props) => props.theme.palette.common.white};
|
|
@@ -1823,7 +1823,7 @@ const CollapsiblePanel = (_a) => {
|
|
|
1823
1823
|
var { isInitiallyOpen, children, titleAction } = _a, rest = __rest(_a, ["isInitiallyOpen", "children", "titleAction"]);
|
|
1824
1824
|
const [isOpen, setIsOpen] = React.useState(isInitiallyOpen);
|
|
1825
1825
|
const toggleOpen = React.useCallback(() => setIsOpen(!isOpen), [setIsOpen, isOpen]);
|
|
1826
|
-
return (React.createElement(Panel, Object.assign({ className: clsx(classes$
|
|
1826
|
+
return (React.createElement(Panel, Object.assign({ className: clsx(classes$6.panel, !isOpen && classes$6.isClosed) }, rest, { onClickTitle: toggleOpen, p: 0, titleAction: React.createElement("div", { className: clsx(classes$6.titleActionWrapper, !isOpen && classes$6.isClosed) }, titleAction) }),
|
|
1827
1827
|
React.createElement(SlideOpen, { isOpen: isOpen },
|
|
1828
1828
|
React.createElement(Box, { p: 3 }, children))));
|
|
1829
1829
|
};
|
|
@@ -2142,26 +2142,26 @@ Table.Row = StyledTableRow;
|
|
|
2142
2142
|
Table.HeadCell = StyledTableHeadCell;
|
|
2143
2143
|
Table.Cell = TableCell;
|
|
2144
2144
|
|
|
2145
|
-
var css_248z$
|
|
2146
|
-
var classes$
|
|
2147
|
-
styleInject(css_248z$
|
|
2145
|
+
var css_248z$5 = ".Details-module_row__0d8vi{vertical-align:top}.Details-module_row__0d8vi.Details-module_isFirstRow__iVno4{border-top:0!important}";
|
|
2146
|
+
var classes$5 = {"row":"Details-module_row__0d8vi","isFirstRow":"Details-module_isFirstRow__iVno4"};
|
|
2147
|
+
styleInject(css_248z$5);
|
|
2148
2148
|
|
|
2149
2149
|
const Details = ({ details, firstColumnWidth, }) => (React.createElement(Table, null,
|
|
2150
2150
|
React.createElement("tbody", null, Object.entries(details).map(([key, val], index) => (React.createElement(Table.Row, { key: key, disableHover: true },
|
|
2151
|
-
React.createElement(Table.Cell, { style: { width: firstColumnWidth }, className: clsx(classes$
|
|
2152
|
-
React.createElement(Table.Cell, { className: clsx(classes$
|
|
2151
|
+
React.createElement(Table.Cell, { style: { width: firstColumnWidth }, className: clsx(classes$5.cell, index === 0 && classes$5.isFirstRow) }, key),
|
|
2152
|
+
React.createElement(Table.Cell, { className: clsx(classes$5.cell, index === 0 && classes$5.isFirstRow) }, val)))))));
|
|
2153
2153
|
|
|
2154
|
-
var css_248z = ".Dropdown-module_wrapper__79ooc{position:relative}.Dropdown-module_dropper__uVdEf{background-color:var(--common-white);border:1px solid #22242626;border-radius:4px;box-shadow:0 8px 8px 0 #22242626;position:absolute;z-index:100}.Dropdown-module_dropper__uVdEf.Dropdown-module_left__JYKmP{left:0}.Dropdown-module_dropper__uVdEf.Dropdown-module_right__UefzB{right:0}.Dropdown-module_dropdownMenu__5R4vo{list-style:none;margin:0;padding:calc(var(--spacing)*2) 0}.Dropdown-module_dropdownMenuItem__dj4Gp{cursor:pointer;padding:0 calc(var(--spacing)*3)}.Dropdown-module_dropdownMenuItem__dj4Gp:hover{background-color:#ddd}";
|
|
2155
|
-
var classes = {"wrapper":"Dropdown-module_wrapper__79ooc","dropper":"Dropdown-module_dropper__uVdEf","left":"Dropdown-module_left__JYKmP","right":"Dropdown-module_right__UefzB","dropdownMenu":"Dropdown-module_dropdownMenu__5R4vo","dropdownMenuItem":"Dropdown-module_dropdownMenuItem__dj4Gp"};
|
|
2156
|
-
styleInject(css_248z);
|
|
2154
|
+
var css_248z$4 = ".Dropdown-module_wrapper__79ooc{position:relative}.Dropdown-module_dropper__uVdEf{background-color:var(--common-white);border:1px solid #22242626;border-radius:4px;box-shadow:0 8px 8px 0 #22242626;position:absolute;z-index:100}.Dropdown-module_dropper__uVdEf.Dropdown-module_left__JYKmP{left:0}.Dropdown-module_dropper__uVdEf.Dropdown-module_right__UefzB{right:0}.Dropdown-module_dropdownMenu__5R4vo{list-style:none;margin:0;padding:calc(var(--spacing)*2) 0}.Dropdown-module_dropdownMenuItem__dj4Gp{cursor:pointer;padding:0 calc(var(--spacing)*3)}.Dropdown-module_dropdownMenuItem__dj4Gp:hover{background-color:#ddd}";
|
|
2155
|
+
var classes$4 = {"wrapper":"Dropdown-module_wrapper__79ooc","dropper":"Dropdown-module_dropper__uVdEf","left":"Dropdown-module_left__JYKmP","right":"Dropdown-module_right__UefzB","dropdownMenu":"Dropdown-module_dropdownMenu__5R4vo","dropdownMenuItem":"Dropdown-module_dropdownMenuItem__dj4Gp"};
|
|
2156
|
+
styleInject(css_248z$4);
|
|
2157
2157
|
|
|
2158
2158
|
const DropdownMenu = (_a) => {
|
|
2159
2159
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2160
|
-
return (React.createElement("ul", Object.assign({ className: clsx(classes.dropdownMenu, className) }, rest)));
|
|
2160
|
+
return (React.createElement("ul", Object.assign({ className: clsx(classes$4.dropdownMenu, className) }, rest)));
|
|
2161
2161
|
};
|
|
2162
2162
|
const DropdownMenuItem = (_a) => {
|
|
2163
2163
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2164
|
-
return (React.createElement("li", Object.assign({ className: clsx(classes.dropdownMenuItem, className) }, rest)));
|
|
2164
|
+
return (React.createElement("li", Object.assign({ className: clsx(classes$4.dropdownMenuItem, className) }, rest)));
|
|
2165
2165
|
};
|
|
2166
2166
|
const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) => {
|
|
2167
2167
|
const dropper = React.useRef(null);
|
|
@@ -2181,34 +2181,16 @@ const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) =
|
|
|
2181
2181
|
document.removeEventListener("click", handleClose);
|
|
2182
2182
|
};
|
|
2183
2183
|
}, [isOpen, handleClose]);
|
|
2184
|
-
return (React.createElement("div", { className: classes.wrapper },
|
|
2184
|
+
return (React.createElement("div", { className: classes$4.wrapper },
|
|
2185
2185
|
React.createElement(Button$1, Object.assign({}, buttonProps, { onClick: handleOpen })),
|
|
2186
2186
|
isOpen && (React.createElement(SlideInFromTop, { speed: ".1s" },
|
|
2187
|
-
React.createElement("span", { className: clsx(classes.dropper, align === "left" && classes.left, align === "right" && classes.right), ref: dropper }, children)))));
|
|
2187
|
+
React.createElement("span", { className: clsx(classes$4.dropper, align === "left" && classes$4.left, align === "right" && classes$4.right), ref: dropper }, children)))));
|
|
2188
2188
|
};
|
|
2189
2189
|
|
|
2190
|
-
|
|
2191
|
-
|
|
2192
|
-
|
|
2193
|
-
|
|
2194
|
-
display: flex;
|
|
2195
|
-
flex-direction: column;
|
|
2196
|
-
align-items: center;
|
|
2197
|
-
justify-content: center;
|
|
2198
|
-
border-radius: 4px;
|
|
2199
|
-
height: ${props => props.theme.spacing(25)};
|
|
2200
|
-
|
|
2201
|
-
border-radius: 4px;
|
|
2202
|
-
border: 1px solid rgba(34,36,38,.15);
|
|
2203
|
-
|
|
2204
|
-
& > * {
|
|
2205
|
-
pointerEvents: none;
|
|
2206
|
-
}
|
|
2207
|
-
|
|
2208
|
-
${props => props.isReadyToDrop && styledComponents.css `
|
|
2209
|
-
background-color: #FAFAFA;
|
|
2210
|
-
`}
|
|
2211
|
-
`;
|
|
2190
|
+
var css_248z$3 = ".Dropzone-module_dropzone__xBUrY{align-items:center;border:1px solid #22242626;border-radius:4px;display:flex;flex-direction:column;height:calc(var(--spacing)*25);justify-content:center}.Dropzone-module_dropzone__xBUrY>*{pointerEvents:none}.Dropzone-module_dropzone__xBUrY.Dropzone-module_isReadyToDrop__I9ik7{background-color:#fafafa}.Dropzone-module_hiddenInput__7v6dW{display:none}";
|
|
2191
|
+
var classes$3 = {"dropzone":"Dropzone-module_dropzone__xBUrY","isReadyToDrop":"Dropzone-module_isReadyToDrop__I9ik7","hiddenInput":"Dropzone-module_hiddenInput__7v6dW"};
|
|
2192
|
+
styleInject(css_248z$3);
|
|
2193
|
+
|
|
2212
2194
|
const Dropzone = (_a) => {
|
|
2213
2195
|
var { onChange, icon, label } = _a, rest = __rest(_a, ["onChange", "icon", "label"]);
|
|
2214
2196
|
const fileInput = React.useRef(null);
|
|
@@ -2242,21 +2224,22 @@ const Dropzone = (_a) => {
|
|
|
2242
2224
|
var _a;
|
|
2243
2225
|
handleChange((_a = fileInput === null || fileInput === void 0 ? void 0 : fileInput.current) === null || _a === void 0 ? void 0 : _a.files);
|
|
2244
2226
|
}, [fileInput, handleChange]);
|
|
2245
|
-
return (React.createElement(
|
|
2246
|
-
React.createElement(
|
|
2227
|
+
return (React.createElement("div", Object.assign({ ref: dropzone, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick, className: clsx(classes$3.dropzone, isReadyToDrop && classes$3.isReadyToDrop) }, rest),
|
|
2228
|
+
React.createElement("input", { className: classes$3.hiddenInput, "data-testid": "dropzone-file-input", type: "file", ref: fileInput, onChange: handleInputChange, multiple: true }),
|
|
2247
2229
|
React.createElement(Box, null,
|
|
2248
2230
|
React.createElement(Button$1, { variant: "text", color: "secondary", type: "button", icon: icon }, label))));
|
|
2249
2231
|
};
|
|
2250
2232
|
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2233
|
+
var css_248z$2 = ".Feedback-module_box__ESWf9{width:300px}";
|
|
2234
|
+
var classes$2 = {"box":"Feedback-module_box__ESWf9"};
|
|
2235
|
+
styleInject(css_248z$2);
|
|
2236
|
+
|
|
2237
|
+
const Feedback = ({ onConfirm, buttonLabel, buttonIcon, title, subtitle, }) => (React.createElement(Modal, { handleClickOverlay: onConfirm, buttons: React.createElement(Button$1, { "data-testid": "confirm", stretch: true, icon: buttonIcon, variant: "secondary", onClick: onConfirm }, buttonLabel) },
|
|
2238
|
+
React.createElement(Box, { pt: 3, pb: 3, className: classes$2.box },
|
|
2256
2239
|
React.createElement(Box, { pb: 5, textAlign: "center" },
|
|
2257
2240
|
React.createElement(Header, null, title),
|
|
2258
|
-
subtitle && React.createElement(Box, { pt: 5 },
|
|
2259
|
-
React.createElement(Header, { level: 5 }, subtitle))),
|
|
2241
|
+
subtitle && (React.createElement(Box, { pt: 5 },
|
|
2242
|
+
React.createElement(Header, { level: 5 }, subtitle)))),
|
|
2260
2243
|
React.createElement(Box, { pt: 5, pb: 5, pl: 7, pr: 7 },
|
|
2261
2244
|
React.createElement(AnimatedCheckmark, null)))));
|
|
2262
2245
|
|
|
@@ -2278,6 +2261,10 @@ const Floater = (_a) => {
|
|
|
2278
2261
|
return (React.createElement(Box, Object.assign({ mb: verticalMargin, mt: verticalMargin, ml: horizontalMargin, mr: horizontalMargin, display: display }, props), items.filter(Boolean).map((item, i) => hasElement(item) ? (React.createElement(FloaterItem, { key: i, laptopWidth: item.forceEqualWidth ? `${100 / items.length}%` : undefined, stretch: item.stretch || false }, item.element)) : (React.createElement(FloaterItem, { key: i, laptopWidth: forceEqualWidth ? `${100 / items.length}%` : undefined, stretch: stretch }, item)))));
|
|
2279
2262
|
};
|
|
2280
2263
|
|
|
2264
|
+
var css_248z$1 = ".Footer-module_box__KZvsx{background-color:var(--common-white);border-top:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}";
|
|
2265
|
+
var classes$1 = {"box":"Footer-module_box__KZvsx"};
|
|
2266
|
+
styleInject(css_248z$1);
|
|
2267
|
+
|
|
2281
2268
|
const SIDEBAR_COLLAPSED_WIDTH = 15;
|
|
2282
2269
|
const StyledSidebar = styledComponents.styled(Box) `
|
|
2283
2270
|
float: left;
|
|
@@ -2320,19 +2307,13 @@ const SideBar = (props) => {
|
|
|
2320
2307
|
return React.createElement(StyledSidebar, Object.assign({ isDesktopMenuOpen: isSideMenuOpen }, props, { onMouseEnter: openSideMenu, onMouseLeave: closeSideMenu }));
|
|
2321
2308
|
};
|
|
2322
2309
|
|
|
2323
|
-
const
|
|
2324
|
-
background-color: ${(props) => props.theme.palette.common.white};
|
|
2325
|
-
border-top: 1px solid #dddddd;
|
|
2326
|
-
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
|
|
2327
|
-
box-sizing: border-box;
|
|
2328
|
-
`;
|
|
2329
|
-
const Footer = ({ children, }) => (React.createElement(StyledBox$5, { pt: 2, pb: 2, pr: 5, pl: { mobile: 5, laptop: SIDEBAR_COLLAPSED_WIDTH + 5 } }, children));
|
|
2310
|
+
const Footer = ({ children, }) => (React.createElement(Box, { pt: 2, pb: 2, pr: 5, pl: { mobile: 5, laptop: SIDEBAR_COLLAPSED_WIDTH + 5 }, className: classes$1.box }, children));
|
|
2330
2311
|
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
const HorizontalScroller = ({ children }) =>
|
|
2312
|
+
var css_248z = ".HorizontalScroller-module_box__W07vp{overflow-x:auto;overflow-y:hidden}";
|
|
2313
|
+
var classes = {"box":"HorizontalScroller-module_box__W07vp"};
|
|
2314
|
+
styleInject(css_248z);
|
|
2315
|
+
|
|
2316
|
+
const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes.box }, children);
|
|
2336
2317
|
|
|
2337
2318
|
const HamburgerButton = styledComponents.styled(Button$1) `
|
|
2338
2319
|
margin-right: ${props => props.theme.spacing(3)};
|
package/dist/bundle.min.js
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use strict";var e=require("react"),t=require("styled-components"),a=require("immer");function r(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}function n(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(a[r[n]]=e[r[n]])}return a}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},o.apply(this,arguments)}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}function p(e,t,a){return p=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}()?Reflect.construct.bind():function(e,t,a){var r=[null];r.push.apply(r,t);var n=new(Function.bind.apply(e,r));return a&&i(n,a.prototype),n},p.apply(null,arguments)}function s(e){var t="function"==typeof Map?new Map:void 0;return s=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(t){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,a)}function a(){return p(e,arguments,l(this).constructor)}return a.prototype=Object.create(e.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),i(a,e)},s(e)}r(":root{--common-black:#000000de;--common-white:#fff;--colors-blue:#007bff;--colors-indigo:#6610f2;--colors-purple:#6f42c1;--colors-pink:#e83e8c;--colors-red:#e83e3e;--colors-orange:#fd7e14;--colors-yellow:#ffc107;--colors-green:#23b294;--colors-teal:#20c997;--colors-cyan:#17a2b8;--colors-gray:#6c757d;--colors-grayDark:#343a40;--colors-light:#f8f9fa;--colors-dark:#343a40;--form-hint:#c7c7c7;--form-error:#9f3a38;--button-basic-idle-background:#fff;--button-basic-idle-text:#000000de;--button-basic-hover-background:#e5e5e5;--button-basic-hover-text:rgba(0,0,0,.883);--button-basic-active-background:#ccc;--button-basic-active-text:rgba(0,0,0,.896);--button-default-idle-background:#e0e1e2;--button-default-idle-text:#000000de;--button-default-hover-background:#c9cacb;--button-default-hover-text:rgba(0,0,0,.883);--button-default-active-background:#b3b4b4;--button-default-active-text:rgba(0,0,0,.896);--button-text-idle-text:#999c9e;--button-text-idle-background:#0000;--button-text-active-text:#000000de;--button-text-active-background:#0000;--button-text-hover-text:#000000de;--button-text-hover-background:#0000;--button-danger-idle-background:#ec5969;--button-danger-idle-text:#fff;--button-danger-hover-background:#d4505e;--button-danger-hover-text:#fff;--button-danger-active-background:#bc4754;--button-danger-active-text:#fff;--button-primary-idle-background:#2284c4;--button-primary-idle-text:#fff;--button-primary-hover-background:#1e76b0;--button-primary-hover-text:#fff;--button-primary-active-background:#1b699c;--button-primary-active-text:#fff;--button-secondary-idle-background:#23b294;--button-secondary-idle-text:#fff;--button-secondary-hover-background:#1fa085;--button-secondary-hover-text:#fff;--button-secondary-active-background:#1c8e76;--button-secondary-active-text:#fff;--pane-basic-main-idle-text:#000000de;--pane-basic-main-idle-background:#fff;--pane-basic-main-idle-border:#ddd;--pane-basic-main-hover-text:#000000de;--pane-basic-main-hover-background:#f2f2f2;--pane-basic-main-hover-border:#ddd;--pane-basic-alternate-idle-text:#000000de;--pane-basic-alternate-idle-background:#f9f9f9;--pane-basic-alternate-idle-border:#ddd;--pane-basic-alternate-hover-text:#000000de;--pane-basic-alternate-hover-background:#f2f2f2;--pane-basic-alternate-hover-border:#ddd;--pane-emphasized-main-idle-text:#000000de;--pane-emphasized-main-idle-background:#f3f3f3;--pane-emphasized-main-idle-border:#ddd;--pane-emphasized-main-hover-text:#000000de;--pane-emphasized-main-hover-background:#e6e6e6;--pane-emphasized-main-hover-border:#ddd;--pane-emphasized-alternate-idle-text:#000000de;--pane-emphasized-alternate-idle-background:#eee;--pane-emphasized-alternate-idle-border:#ddd;--pane-emphasized-alternate-hover-text:#000000de;--pane-emphasized-alternate-hover-background:#e6e6e6;--pane-emphasized-alternate-hover-border:#ddd;--pane-info-main-idle-text:#0c5460;--pane-info-main-idle-background:#d1ecf1;--pane-info-main-idle-border:#bee5eb;--pane-info-main-hover-text:#0c5460;--pane-info-main-hover-background:#c6e0e4;--pane-info-main-hover-border:#bee5eb;--pane-info-alternate-idle-text:#0c5460;--pane-info-alternate-idle-background:#cce7ec;--pane-info-alternate-idle-border:#bee5eb;--pane-info-alternate-hover-text:#0c5460;--pane-info-alternate-hover-background:#c6e0e4;--pane-info-alternate-hover-border:#bee5eb;--pane-negative-main-idle-text:#721c24;--pane-negative-main-idle-background:#f8d7da;--pane-negative-main-idle-border:#f5c6cb;--pane-negative-main-hover-text:#721c24;--pane-negative-main-hover-background:#ebcccf;--pane-negative-main-hover-border:#f5c6cb;--pane-negative-alternate-idle-text:#721c24;--pane-negative-alternate-idle-background:#f3d2d5;--pane-negative-alternate-idle-border:#f5c6cb;--pane-negative-alternate-hover-text:#721c24;--pane-negative-alternate-hover-background:#ebcccf;--pane-negative-alternate-hover-border:#f5c6cb;--pane-positive-main-idle-text:#155724;--pane-positive-main-idle-background:#d4edda;--pane-positive-main-idle-border:#c3e6cb;--pane-positive-main-hover-text:#155724;--pane-positive-main-hover-background:#c9e1cf;--pane-positive-main-hover-border:#c3e6cb;--pane-positive-alternate-idle-text:#155724;--pane-positive-alternate-idle-background:#cfe8d5;--pane-positive-alternate-idle-border:#c3e6cb;--pane-positive-alternate-hover-text:#155724;--pane-positive-alternate-hover-background:#c9e1cf;--pane-positive-alternate-hover-border:#c3e6cb;--pane-warning-main-idle-text:#856404;--pane-warning-main-idle-background:#fff3cd;--pane-warning-main-idle-border:#ffeeba;--pane-warning-main-hover-text:#856404;--pane-warning-main-hover-background:#f2e6c2;--pane-warning-main-hover-border:#ffeeba;--pane-warning-alternate-idle-text:#856404;--pane-warning-alternate-idle-background:#f9eec8;--pane-warning-alternate-idle-border:#ffeeba;--pane-warning-alternate-hover-text:#856404;--pane-warning-alternate-hover-background:#f2e6c2;--pane-warning-alternate-hover-border:#ffeeba;--spacing:4px}"),"function"==typeof SuppressedError&&SuppressedError;var d={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.\n\n",5:"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",6:"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",7:"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",8:"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",9:"Please provide a number of steps to the modularScale helper.\n\n",10:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",11:'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',12:'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',13:'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',14:'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',15:'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',16:"You must provide a template to this method.\n\n",17:"You passed an unsupported selector state to this method.\n\n",18:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",19:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",20:"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:"fontFace expects a name of a font-family.\n\n",24:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",25:"fontFace expects localFonts to be an array.\n\n",26:"fontFace expects fileFormats to be an array.\n\n",27:"radialGradient requries at least 2 color-stops to properly render.\n\n",28:"Please supply a filename to retinaImage() as the first argument.\n\n",29:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",32:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",33:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",34:"borderRadius expects a radius value as a string or number as the second argument.\n\n",35:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',36:"Property must be a string value.\n\n",37:"Syntax Error at %s.\n\n",38:"Formula contains a function that needs parentheses at %s.\n\n",39:"Formula is missing closing parenthesis at %s.\n\n",40:"Formula has too many closing parentheses at %s.\n\n",41:"All values in a formula must have the same unit or be unitless.\n\n",42:"Please provide a number of steps to the modularScale helper.\n\n",43:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",44:"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",45:"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",46:"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",47:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",48:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",49:"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",50:"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",51:"Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",52:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",53:"fontFace expects localFonts to be an array.\n\n",54:"fontFace expects fileFormats to be an array.\n\n",55:"fontFace expects a name of a font-family.\n\n",56:"linearGradient requries at least 2 color-stops to properly render.\n\n",57:"radialGradient requries at least 2 color-stops to properly render.\n\n",58:"Please supply a filename to retinaImage() as the first argument.\n\n",59:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:"Property must be a string value.\n\n",62:"borderRadius expects a radius value as a string or number as the second argument.\n\n",63:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',64:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",65:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",66:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",67:"You must provide a template to this method.\n\n",68:"You passed an unsupported selector state to this method.\n\n",69:'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',70:'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',71:'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',72:'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',73:"Please provide a valid CSS variable.\n\n",74:"CSS variable not found and no default was provided.\n\n",75:"important requires a valid style object, got a %s instead.\n\n",76:"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",77:'remToPx expects a value in "rem" but you provided it in "%s".\n\n',78:'base must be set in "px" or "%" but you set it in "%s".\n'};function c(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];var r,n=t[0],o=[];for(r=1;r<t.length;r+=1)o.push(t[r]);return o.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}var m=function(e){var t,a;function r(t){var a;if("production"===process.env.NODE_ENV)a=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+t+" for more information.")||this;else{for(var r=arguments.length,n=new Array(r>1?r-1:0),o=1;o<r;o++)n[o-1]=arguments[o];a=e.call(this,c.apply(void 0,[d[t]].concat(n)))||this}return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(a)}return a=e,(t=r).prototype=Object.create(a.prototype),t.prototype.constructor=t,i(t,a),r}(s(Error));function g(e){return Math.round(255*e)}function f(e,t,a){return g(e)+","+g(t)+","+g(a)}function u(e,t,a,r){if(void 0===r&&(r=f),0===t)return r(a,a,a);var n=(e%360+360)%360/60,o=(1-Math.abs(2*a-1))*t,i=o*(1-Math.abs(n%2-1)),l=0,p=0,s=0;n>=0&&n<1?(l=o,p=i):n>=1&&n<2?(l=i,p=o):n>=2&&n<3?(p=o,s=i):n>=3&&n<4?(p=i,s=o):n>=4&&n<5?(l=i,s=o):n>=5&&n<6&&(l=o,s=i);var d=a-o/2;return r(l+d,p+d,s+d)}var b={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var h=/^#[a-fA-F0-9]{6}$/,v=/^#[a-fA-F0-9]{8}$/,x=/^#[a-fA-F0-9]{3}$/,k=/^#[a-fA-F0-9]{4}$/,y=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,w=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,_=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,C=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function E(e){if("string"!=typeof e)throw new m(3);var t=function(e){if("string"!=typeof e)return e;var t=e.toLowerCase();return b[t]?"#"+b[t]:e}(e);if(t.match(h))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(v)){var a=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:a}}if(t.match(x))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(k)){var r=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:r}}var n=y.exec(t);if(n)return{red:parseInt(""+n[1],10),green:parseInt(""+n[2],10),blue:parseInt(""+n[3],10)};var o=w.exec(t.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=_.exec(t);if(i){var l="rgb("+u(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",p=y.exec(l);if(!p)throw new m(4,t,l);return{red:parseInt(""+p[1],10),green:parseInt(""+p[2],10),blue:parseInt(""+p[3],10)}}var s=C.exec(t.substring(0,50));if(s){var d="rgb("+u(parseInt(""+s[1],10),parseInt(""+s[2],10)/100,parseInt(""+s[3],10)/100)+")",c=y.exec(d);if(!c)throw new m(4,t,d);return{red:parseInt(""+c[1],10),green:parseInt(""+c[2],10),blue:parseInt(""+c[3],10),alpha:parseFloat(""+s[4])>1?parseFloat(""+s[4])/100:parseFloat(""+s[4])}}throw new m(5)}var $=function(e){return 7===e.length&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e};function j(e){var t=e.toString(16);return 1===t.length?"0"+t:t}function S(e,t,a){if("number"==typeof e&&"number"==typeof t&&"number"==typeof a)return $("#"+j(e)+j(t)+j(a));if("object"==typeof e&&void 0===t&&void 0===a)return $("#"+j(e.red)+j(e.green)+j(e.blue));throw new m(6)}function A(e,t,a){return function(){var r=a.concat(Array.prototype.slice.call(arguments));return r.length>=t?e.apply(this,r):A(e,t,r)}}function O(e){return A(e,e.length,[])}function F(e,t,a){if("transparent"===t)return a;if("transparent"===a)return t;if(0===e)return a;var r=E(t),n=o({},r,{alpha:"number"==typeof r.alpha?r.alpha:1}),i=E(a),l=o({},i,{alpha:"number"==typeof i.alpha?i.alpha:1}),p=n.alpha-l.alpha,s=2*parseFloat(e)-1,d=((s*p==-1?s:s+p)/(1+s*p)+1)/2,c=1-d;return function(e,t,a,r){if("string"==typeof e&&"number"==typeof t){var n=E(e);return"rgba("+n.red+","+n.green+","+n.blue+","+t+")"}if("number"==typeof e&&"number"==typeof t&&"number"==typeof a&&"number"==typeof r)return r>=1?S(e,t,a):"rgba("+e+","+t+","+a+","+r+")";if("object"==typeof e&&void 0===t&&void 0===a&&void 0===r)return e.alpha>=1?S(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")";throw new m(7)}({red:Math.floor(n.red*d+l.red*c),green:Math.floor(n.green*d+l.green*c),blue:Math.floor(n.blue*d+l.blue*c),alpha:n.alpha*parseFloat(e)+l.alpha*(1-parseFloat(e))})}var P=O(F);function I(e,t){return"transparent"===t?t:P(parseFloat(e),"rgb(0, 0, 0)",t)}var D=O(I);const z="rgba(0,0,0,.87)",M="#fff",R=(e,t,a)=>Object.entries(t).reduce(((t,[r,n])=>Object.assign(Object.assign({},t),{[r]:a.includes(r)?D(e,n):n})),t),T=e=>{var{colorsToDarken:t}=e,a=n(e,["colorsToDarken"]);return{idle:a,hover:R(.1,a,t),active:R(.2,a,t)}},N=e=>({main:{idle:e,hover:R(.05,e,["background"])},alternate:{idle:R(.02,e,["background"]),hover:R(.05,e,["background"])}}),G={spacing:(...e)=>e.map((e=>4*e+"px")).join(" "),palette:{common:{black:z,white:M},colors:{blue:"#007bff",indigo:"#6610f2",purple:"#6f42c1",pink:"#e83e8c",red:"#e83e3e",orange:"#fd7e14",yellow:"#ffc107",green:"#23B294",teal:"#20c997",cyan:"#17a2b8",gray:"#6c757d",grayDark:"#343a40",light:"#f8f9fa",dark:"#343a40"},form:{hint:"#C7C7C7",error:"#9f3a38"},button:{basic:T({colorsToDarken:["background","text"],background:M,text:z}),default:T({colorsToDarken:["background","text"],background:"#e0e1e2",text:z}),text:{idle:{text:"#999c9e",background:"transparent"},active:{text:z,background:"transparent"},hover:{text:z,background:"transparent"}},danger:T({colorsToDarken:["background"],background:"#EC5969",text:M}),primary:T({colorsToDarken:["background"],background:"#2284C4",text:M}),secondary:T({colorsToDarken:["background"],background:"#23B294",text:M})},pane:{basic:N({text:z,background:M,border:"#ddd"}),emphasized:N({text:z,background:"#f3f3f3",border:"#ddd"}),info:N({text:"#0c5460",background:"#d1ecf1",border:"#bee5eb"}),negative:N({text:"#721c24",background:"#f8d7da",border:"#f5c6cb"}),positive:N({text:"#155724",background:"#d4edda",border:"#c3e6cb"}),warning:N({text:"#856404",background:"#fff3cd",border:"#ffeeba"})}}},L=t.ThemeProvider,B=({children:t,theme:a})=>e.createElement(L,{theme:a||G},t),H=()=>{},q=e.createContext({isSideMenuOpen:!1,closeSideMenu:H,openSideMenu:H}),V=()=>e.useContext(q),W=({children:t})=>{const[a,r]=e.useState(!1),n=e.useCallback((()=>r(!1)),[]),o=e.useCallback((()=>r(!0)),[]);return e.createElement(q.Provider,{value:{isSideMenuOpen:a,closeSideMenu:n,openSideMenu:o}},t)},Y=t.styled.div`
|
|
1
|
+
"use strict";var e=require("react"),t=require("styled-components"),a=require("immer");function r(e,t){void 0===t&&(t={});var a=t.insertAt;if(e&&"undefined"!=typeof document){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===a&&r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}function n(e,t){var a={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(a[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(e);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(e,r[n])&&(a[r[n]]=e[r[n]])}return a}function o(){return o=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var r in a)Object.prototype.hasOwnProperty.call(a,r)&&(e[r]=a[r])}return e},o.apply(this,arguments)}function i(e,t){return i=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},i(e,t)}function l(e){return l=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},l(e)}function p(e,t,a){return p=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}()?Reflect.construct.bind():function(e,t,a){var r=[null];r.push.apply(r,t);var n=new(Function.bind.apply(e,r));return a&&i(n,a.prototype),n},p.apply(null,arguments)}function s(e){var t="function"==typeof Map?new Map:void 0;return s=function(e){if(null===e||!function(e){try{return-1!==Function.toString.call(e).indexOf("[native code]")}catch(t){return"function"==typeof e}}(e))return e;if("function"!=typeof e)throw new TypeError("Super expression must either be null or a function");if(void 0!==t){if(t.has(e))return t.get(e);t.set(e,a)}function a(){return p(e,arguments,l(this).constructor)}return a.prototype=Object.create(e.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),i(a,e)},s(e)}r(":root{--common-black:#000000de;--common-white:#fff;--colors-blue:#007bff;--colors-indigo:#6610f2;--colors-purple:#6f42c1;--colors-pink:#e83e8c;--colors-red:#e83e3e;--colors-orange:#fd7e14;--colors-yellow:#ffc107;--colors-green:#23b294;--colors-teal:#20c997;--colors-cyan:#17a2b8;--colors-gray:#6c757d;--colors-grayDark:#343a40;--colors-light:#f8f9fa;--colors-dark:#343a40;--form-hint:#c7c7c7;--form-error:#9f3a38;--button-basic-idle-background:#fff;--button-basic-idle-text:#000000de;--button-basic-hover-background:#e5e5e5;--button-basic-hover-text:rgba(0,0,0,.883);--button-basic-active-background:#ccc;--button-basic-active-text:rgba(0,0,0,.896);--button-default-idle-background:#e0e1e2;--button-default-idle-text:#000000de;--button-default-hover-background:#c9cacb;--button-default-hover-text:rgba(0,0,0,.883);--button-default-active-background:#b3b4b4;--button-default-active-text:rgba(0,0,0,.896);--button-text-idle-text:#999c9e;--button-text-idle-background:#0000;--button-text-active-text:#000000de;--button-text-active-background:#0000;--button-text-hover-text:#000000de;--button-text-hover-background:#0000;--button-danger-idle-background:#ec5969;--button-danger-idle-text:#fff;--button-danger-hover-background:#d4505e;--button-danger-hover-text:#fff;--button-danger-active-background:#bc4754;--button-danger-active-text:#fff;--button-primary-idle-background:#2284c4;--button-primary-idle-text:#fff;--button-primary-hover-background:#1e76b0;--button-primary-hover-text:#fff;--button-primary-active-background:#1b699c;--button-primary-active-text:#fff;--button-secondary-idle-background:#23b294;--button-secondary-idle-text:#fff;--button-secondary-hover-background:#1fa085;--button-secondary-hover-text:#fff;--button-secondary-active-background:#1c8e76;--button-secondary-active-text:#fff;--pane-basic-main-idle-text:#000000de;--pane-basic-main-idle-background:#fff;--pane-basic-main-idle-border:#ddd;--pane-basic-main-hover-text:#000000de;--pane-basic-main-hover-background:#f2f2f2;--pane-basic-main-hover-border:#ddd;--pane-basic-alternate-idle-text:#000000de;--pane-basic-alternate-idle-background:#f9f9f9;--pane-basic-alternate-idle-border:#ddd;--pane-basic-alternate-hover-text:#000000de;--pane-basic-alternate-hover-background:#f2f2f2;--pane-basic-alternate-hover-border:#ddd;--pane-emphasized-main-idle-text:#000000de;--pane-emphasized-main-idle-background:#f3f3f3;--pane-emphasized-main-idle-border:#ddd;--pane-emphasized-main-hover-text:#000000de;--pane-emphasized-main-hover-background:#e6e6e6;--pane-emphasized-main-hover-border:#ddd;--pane-emphasized-alternate-idle-text:#000000de;--pane-emphasized-alternate-idle-background:#eee;--pane-emphasized-alternate-idle-border:#ddd;--pane-emphasized-alternate-hover-text:#000000de;--pane-emphasized-alternate-hover-background:#e6e6e6;--pane-emphasized-alternate-hover-border:#ddd;--pane-info-main-idle-text:#0c5460;--pane-info-main-idle-background:#d1ecf1;--pane-info-main-idle-border:#bee5eb;--pane-info-main-hover-text:#0c5460;--pane-info-main-hover-background:#c6e0e4;--pane-info-main-hover-border:#bee5eb;--pane-info-alternate-idle-text:#0c5460;--pane-info-alternate-idle-background:#cce7ec;--pane-info-alternate-idle-border:#bee5eb;--pane-info-alternate-hover-text:#0c5460;--pane-info-alternate-hover-background:#c6e0e4;--pane-info-alternate-hover-border:#bee5eb;--pane-negative-main-idle-text:#721c24;--pane-negative-main-idle-background:#f8d7da;--pane-negative-main-idle-border:#f5c6cb;--pane-negative-main-hover-text:#721c24;--pane-negative-main-hover-background:#ebcccf;--pane-negative-main-hover-border:#f5c6cb;--pane-negative-alternate-idle-text:#721c24;--pane-negative-alternate-idle-background:#f3d2d5;--pane-negative-alternate-idle-border:#f5c6cb;--pane-negative-alternate-hover-text:#721c24;--pane-negative-alternate-hover-background:#ebcccf;--pane-negative-alternate-hover-border:#f5c6cb;--pane-positive-main-idle-text:#155724;--pane-positive-main-idle-background:#d4edda;--pane-positive-main-idle-border:#c3e6cb;--pane-positive-main-hover-text:#155724;--pane-positive-main-hover-background:#c9e1cf;--pane-positive-main-hover-border:#c3e6cb;--pane-positive-alternate-idle-text:#155724;--pane-positive-alternate-idle-background:#cfe8d5;--pane-positive-alternate-idle-border:#c3e6cb;--pane-positive-alternate-hover-text:#155724;--pane-positive-alternate-hover-background:#c9e1cf;--pane-positive-alternate-hover-border:#c3e6cb;--pane-warning-main-idle-text:#856404;--pane-warning-main-idle-background:#fff3cd;--pane-warning-main-idle-border:#ffeeba;--pane-warning-main-hover-text:#856404;--pane-warning-main-hover-background:#f2e6c2;--pane-warning-main-hover-border:#ffeeba;--pane-warning-alternate-idle-text:#856404;--pane-warning-alternate-idle-background:#f9eec8;--pane-warning-alternate-idle-border:#ffeeba;--pane-warning-alternate-hover-text:#856404;--pane-warning-alternate-hover-background:#f2e6c2;--pane-warning-alternate-hover-border:#ffeeba;--spacing:4px}"),"function"==typeof SuppressedError&&SuppressedError;var d={1:"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",2:"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",3:"Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",4:"Couldn't generate valid rgb string from %s, it returned %s.\n\n",5:"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",6:"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",7:"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",8:"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",9:"Please provide a number of steps to the modularScale helper.\n\n",10:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",11:'Invalid value passed as base to modularScale, expected number or em string but got "%s"\n\n',12:'Expected a string ending in "px" or a number passed as the first argument to %s(), got "%s" instead.\n\n',13:'Expected a string ending in "px" or a number passed as the second argument to %s(), got "%s" instead.\n\n',14:'Passed invalid pixel value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',15:'Passed invalid base value ("%s") to %s(), please pass a value like "12px" or 12.\n\n',16:"You must provide a template to this method.\n\n",17:"You passed an unsupported selector state to this method.\n\n",18:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",19:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",20:"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",21:"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",22:"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",23:"fontFace expects a name of a font-family.\n\n",24:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",25:"fontFace expects localFonts to be an array.\n\n",26:"fontFace expects fileFormats to be an array.\n\n",27:"radialGradient requries at least 2 color-stops to properly render.\n\n",28:"Please supply a filename to retinaImage() as the first argument.\n\n",29:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",30:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",31:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",32:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",33:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",34:"borderRadius expects a radius value as a string or number as the second argument.\n\n",35:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',36:"Property must be a string value.\n\n",37:"Syntax Error at %s.\n\n",38:"Formula contains a function that needs parentheses at %s.\n\n",39:"Formula is missing closing parenthesis at %s.\n\n",40:"Formula has too many closing parentheses at %s.\n\n",41:"All values in a formula must have the same unit or be unitless.\n\n",42:"Please provide a number of steps to the modularScale helper.\n\n",43:"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",44:"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",45:"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",46:"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",47:"minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",48:"fromSize and toSize must be provided as stringified numbers with the same units.\n\n",49:"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",50:"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",51:"Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",52:"fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",53:"fontFace expects localFonts to be an array.\n\n",54:"fontFace expects fileFormats to be an array.\n\n",55:"fontFace expects a name of a font-family.\n\n",56:"linearGradient requries at least 2 color-stops to properly render.\n\n",57:"radialGradient requries at least 2 color-stops to properly render.\n\n",58:"Please supply a filename to retinaImage() as the first argument.\n\n",59:"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",60:"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",61:"Property must be a string value.\n\n",62:"borderRadius expects a radius value as a string or number as the second argument.\n\n",63:'borderRadius expects one of "top", "bottom", "left" or "right" as the first argument.\n\n',64:"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",65:"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",66:"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",67:"You must provide a template to this method.\n\n",68:"You passed an unsupported selector state to this method.\n\n",69:'Expected a string ending in "px" or a number passed as the first argument to %s(), got %s instead.\n\n',70:'Expected a string ending in "px" or a number passed as the second argument to %s(), got %s instead.\n\n',71:'Passed invalid pixel value %s to %s(), please pass a value like "12px" or 12.\n\n',72:'Passed invalid base value %s to %s(), please pass a value like "12px" or 12.\n\n',73:"Please provide a valid CSS variable.\n\n",74:"CSS variable not found and no default was provided.\n\n",75:"important requires a valid style object, got a %s instead.\n\n",76:"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",77:'remToPx expects a value in "rem" but you provided it in "%s".\n\n',78:'base must be set in "px" or "%" but you set it in "%s".\n'};function c(){for(var e=arguments.length,t=new Array(e),a=0;a<e;a++)t[a]=arguments[a];var r,n=t[0],o=[];for(r=1;r<t.length;r+=1)o.push(t[r]);return o.forEach((function(e){n=n.replace(/%[a-z]/,e)})),n}var m=function(e){var t,a;function r(t){var a;if("production"===process.env.NODE_ENV)a=e.call(this,"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#"+t+" for more information.")||this;else{for(var r=arguments.length,n=new Array(r>1?r-1:0),o=1;o<r;o++)n[o-1]=arguments[o];a=e.call(this,c.apply(void 0,[d[t]].concat(n)))||this}return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(a)}return a=e,(t=r).prototype=Object.create(a.prototype),t.prototype.constructor=t,i(t,a),r}(s(Error));function g(e){return Math.round(255*e)}function f(e,t,a){return g(e)+","+g(t)+","+g(a)}function u(e,t,a,r){if(void 0===r&&(r=f),0===t)return r(a,a,a);var n=(e%360+360)%360/60,o=(1-Math.abs(2*a-1))*t,i=o*(1-Math.abs(n%2-1)),l=0,p=0,s=0;n>=0&&n<1?(l=o,p=i):n>=1&&n<2?(l=i,p=o):n>=2&&n<3?(p=o,s=i):n>=3&&n<4?(p=i,s=o):n>=4&&n<5?(l=i,s=o):n>=5&&n<6&&(l=o,s=i);var d=a-o/2;return r(l+d,p+d,s+d)}var b={aliceblue:"f0f8ff",antiquewhite:"faebd7",aqua:"00ffff",aquamarine:"7fffd4",azure:"f0ffff",beige:"f5f5dc",bisque:"ffe4c4",black:"000",blanchedalmond:"ffebcd",blue:"0000ff",blueviolet:"8a2be2",brown:"a52a2a",burlywood:"deb887",cadetblue:"5f9ea0",chartreuse:"7fff00",chocolate:"d2691e",coral:"ff7f50",cornflowerblue:"6495ed",cornsilk:"fff8dc",crimson:"dc143c",cyan:"00ffff",darkblue:"00008b",darkcyan:"008b8b",darkgoldenrod:"b8860b",darkgray:"a9a9a9",darkgreen:"006400",darkgrey:"a9a9a9",darkkhaki:"bdb76b",darkmagenta:"8b008b",darkolivegreen:"556b2f",darkorange:"ff8c00",darkorchid:"9932cc",darkred:"8b0000",darksalmon:"e9967a",darkseagreen:"8fbc8f",darkslateblue:"483d8b",darkslategray:"2f4f4f",darkslategrey:"2f4f4f",darkturquoise:"00ced1",darkviolet:"9400d3",deeppink:"ff1493",deepskyblue:"00bfff",dimgray:"696969",dimgrey:"696969",dodgerblue:"1e90ff",firebrick:"b22222",floralwhite:"fffaf0",forestgreen:"228b22",fuchsia:"ff00ff",gainsboro:"dcdcdc",ghostwhite:"f8f8ff",gold:"ffd700",goldenrod:"daa520",gray:"808080",green:"008000",greenyellow:"adff2f",grey:"808080",honeydew:"f0fff0",hotpink:"ff69b4",indianred:"cd5c5c",indigo:"4b0082",ivory:"fffff0",khaki:"f0e68c",lavender:"e6e6fa",lavenderblush:"fff0f5",lawngreen:"7cfc00",lemonchiffon:"fffacd",lightblue:"add8e6",lightcoral:"f08080",lightcyan:"e0ffff",lightgoldenrodyellow:"fafad2",lightgray:"d3d3d3",lightgreen:"90ee90",lightgrey:"d3d3d3",lightpink:"ffb6c1",lightsalmon:"ffa07a",lightseagreen:"20b2aa",lightskyblue:"87cefa",lightslategray:"789",lightslategrey:"789",lightsteelblue:"b0c4de",lightyellow:"ffffe0",lime:"0f0",limegreen:"32cd32",linen:"faf0e6",magenta:"f0f",maroon:"800000",mediumaquamarine:"66cdaa",mediumblue:"0000cd",mediumorchid:"ba55d3",mediumpurple:"9370db",mediumseagreen:"3cb371",mediumslateblue:"7b68ee",mediumspringgreen:"00fa9a",mediumturquoise:"48d1cc",mediumvioletred:"c71585",midnightblue:"191970",mintcream:"f5fffa",mistyrose:"ffe4e1",moccasin:"ffe4b5",navajowhite:"ffdead",navy:"000080",oldlace:"fdf5e6",olive:"808000",olivedrab:"6b8e23",orange:"ffa500",orangered:"ff4500",orchid:"da70d6",palegoldenrod:"eee8aa",palegreen:"98fb98",paleturquoise:"afeeee",palevioletred:"db7093",papayawhip:"ffefd5",peachpuff:"ffdab9",peru:"cd853f",pink:"ffc0cb",plum:"dda0dd",powderblue:"b0e0e6",purple:"800080",rebeccapurple:"639",red:"f00",rosybrown:"bc8f8f",royalblue:"4169e1",saddlebrown:"8b4513",salmon:"fa8072",sandybrown:"f4a460",seagreen:"2e8b57",seashell:"fff5ee",sienna:"a0522d",silver:"c0c0c0",skyblue:"87ceeb",slateblue:"6a5acd",slategray:"708090",slategrey:"708090",snow:"fffafa",springgreen:"00ff7f",steelblue:"4682b4",tan:"d2b48c",teal:"008080",thistle:"d8bfd8",tomato:"ff6347",turquoise:"40e0d0",violet:"ee82ee",wheat:"f5deb3",white:"fff",whitesmoke:"f5f5f5",yellow:"ff0",yellowgreen:"9acd32"};var h=/^#[a-fA-F0-9]{6}$/,v=/^#[a-fA-F0-9]{8}$/,x=/^#[a-fA-F0-9]{3}$/,k=/^#[a-fA-F0-9]{4}$/,y=/^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i,w=/^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i,_=/^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i,C=/^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;function E(e){if("string"!=typeof e)throw new m(3);var t=function(e){if("string"!=typeof e)return e;var t=e.toLowerCase();return b[t]?"#"+b[t]:e}(e);if(t.match(h))return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16)};if(t.match(v)){var a=parseFloat((parseInt(""+t[7]+t[8],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[2],16),green:parseInt(""+t[3]+t[4],16),blue:parseInt(""+t[5]+t[6],16),alpha:a}}if(t.match(x))return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16)};if(t.match(k)){var r=parseFloat((parseInt(""+t[4]+t[4],16)/255).toFixed(2));return{red:parseInt(""+t[1]+t[1],16),green:parseInt(""+t[2]+t[2],16),blue:parseInt(""+t[3]+t[3],16),alpha:r}}var n=y.exec(t);if(n)return{red:parseInt(""+n[1],10),green:parseInt(""+n[2],10),blue:parseInt(""+n[3],10)};var o=w.exec(t.substring(0,50));if(o)return{red:parseInt(""+o[1],10),green:parseInt(""+o[2],10),blue:parseInt(""+o[3],10),alpha:parseFloat(""+o[4])>1?parseFloat(""+o[4])/100:parseFloat(""+o[4])};var i=_.exec(t);if(i){var l="rgb("+u(parseInt(""+i[1],10),parseInt(""+i[2],10)/100,parseInt(""+i[3],10)/100)+")",p=y.exec(l);if(!p)throw new m(4,t,l);return{red:parseInt(""+p[1],10),green:parseInt(""+p[2],10),blue:parseInt(""+p[3],10)}}var s=C.exec(t.substring(0,50));if(s){var d="rgb("+u(parseInt(""+s[1],10),parseInt(""+s[2],10)/100,parseInt(""+s[3],10)/100)+")",c=y.exec(d);if(!c)throw new m(4,t,d);return{red:parseInt(""+c[1],10),green:parseInt(""+c[2],10),blue:parseInt(""+c[3],10),alpha:parseFloat(""+s[4])>1?parseFloat(""+s[4])/100:parseFloat(""+s[4])}}throw new m(5)}var $=function(e){return 7===e.length&&e[1]===e[2]&&e[3]===e[4]&&e[5]===e[6]?"#"+e[1]+e[3]+e[5]:e};function j(e){var t=e.toString(16);return 1===t.length?"0"+t:t}function S(e,t,a){if("number"==typeof e&&"number"==typeof t&&"number"==typeof a)return $("#"+j(e)+j(t)+j(a));if("object"==typeof e&&void 0===t&&void 0===a)return $("#"+j(e.red)+j(e.green)+j(e.blue));throw new m(6)}function A(e,t,a){return function(){var r=a.concat(Array.prototype.slice.call(arguments));return r.length>=t?e.apply(this,r):A(e,t,r)}}function O(e){return A(e,e.length,[])}function F(e,t,a){if("transparent"===t)return a;if("transparent"===a)return t;if(0===e)return a;var r=E(t),n=o({},r,{alpha:"number"==typeof r.alpha?r.alpha:1}),i=E(a),l=o({},i,{alpha:"number"==typeof i.alpha?i.alpha:1}),p=n.alpha-l.alpha,s=2*parseFloat(e)-1,d=((s*p==-1?s:s+p)/(1+s*p)+1)/2,c=1-d;return function(e,t,a,r){if("string"==typeof e&&"number"==typeof t){var n=E(e);return"rgba("+n.red+","+n.green+","+n.blue+","+t+")"}if("number"==typeof e&&"number"==typeof t&&"number"==typeof a&&"number"==typeof r)return r>=1?S(e,t,a):"rgba("+e+","+t+","+a+","+r+")";if("object"==typeof e&&void 0===t&&void 0===a&&void 0===r)return e.alpha>=1?S(e.red,e.green,e.blue):"rgba("+e.red+","+e.green+","+e.blue+","+e.alpha+")";throw new m(7)}({red:Math.floor(n.red*d+l.red*c),green:Math.floor(n.green*d+l.green*c),blue:Math.floor(n.blue*d+l.blue*c),alpha:n.alpha*parseFloat(e)+l.alpha*(1-parseFloat(e))})}var P=O(F);function z(e,t){return"transparent"===t?t:P(parseFloat(e),"rgb(0, 0, 0)",t)}var D=O(z);const I="rgba(0,0,0,.87)",M="#fff",R=(e,t,a)=>Object.entries(t).reduce(((t,[r,n])=>Object.assign(Object.assign({},t),{[r]:a.includes(r)?D(e,n):n})),t),T=e=>{var{colorsToDarken:t}=e,a=n(e,["colorsToDarken"]);return{idle:a,hover:R(.1,a,t),active:R(.2,a,t)}},N=e=>({main:{idle:e,hover:R(.05,e,["background"])},alternate:{idle:R(.02,e,["background"]),hover:R(.05,e,["background"])}}),G={spacing:(...e)=>e.map((e=>4*e+"px")).join(" "),palette:{common:{black:I,white:M},colors:{blue:"#007bff",indigo:"#6610f2",purple:"#6f42c1",pink:"#e83e8c",red:"#e83e3e",orange:"#fd7e14",yellow:"#ffc107",green:"#23B294",teal:"#20c997",cyan:"#17a2b8",gray:"#6c757d",grayDark:"#343a40",light:"#f8f9fa",dark:"#343a40"},form:{hint:"#C7C7C7",error:"#9f3a38"},button:{basic:T({colorsToDarken:["background","text"],background:M,text:I}),default:T({colorsToDarken:["background","text"],background:"#e0e1e2",text:I}),text:{idle:{text:"#999c9e",background:"transparent"},active:{text:I,background:"transparent"},hover:{text:I,background:"transparent"}},danger:T({colorsToDarken:["background"],background:"#EC5969",text:M}),primary:T({colorsToDarken:["background"],background:"#2284C4",text:M}),secondary:T({colorsToDarken:["background"],background:"#23B294",text:M})},pane:{basic:N({text:I,background:M,border:"#ddd"}),emphasized:N({text:I,background:"#f3f3f3",border:"#ddd"}),info:N({text:"#0c5460",background:"#d1ecf1",border:"#bee5eb"}),negative:N({text:"#721c24",background:"#f8d7da",border:"#f5c6cb"}),positive:N({text:"#155724",background:"#d4edda",border:"#c3e6cb"}),warning:N({text:"#856404",background:"#fff3cd",border:"#ffeeba"})}}},L=t.ThemeProvider,B=({children:t,theme:a})=>e.createElement(L,{theme:a||G},t),H=()=>{},q=e.createContext({isSideMenuOpen:!1,closeSideMenu:H,openSideMenu:H}),W=()=>e.useContext(q),V=({children:t})=>{const[a,r]=e.useState(!1),n=e.useCallback((()=>r(!1)),[]),o=e.useCallback((()=>r(!0)),[]);return e.createElement(q.Provider,{value:{isSideMenuOpen:a,closeSideMenu:n,openSideMenu:o}},t)},Y=t.styled.div`
|
|
2
2
|
display: flex;
|
|
3
3
|
flex-direction: column;
|
|
4
4
|
height: 100%;
|
|
5
5
|
font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
6
6
|
color: ${e=>e.theme.palette.common.black};
|
|
7
7
|
font-size: 14px;
|
|
8
|
-
`;function U(e){var t=Object.create(null);return function(a){return void 0===t[a]&&(t[a]=e(a)),t[a]}}var X=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,
|
|
8
|
+
`;function U(e){var t=Object.create(null);return function(a){return void 0===t[a]&&(t[a]=e(a)),t[a]}}var X=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,Z=U((function(e){return X.test(e)||111===e.charCodeAt(0)&&110===e.charCodeAt(1)&&e.charCodeAt(2)<91}));const J=t.keyframes`
|
|
9
9
|
0% {
|
|
10
10
|
opacity: 0;
|
|
11
11
|
transform: translateY(-5px);
|
|
@@ -14,27 +14,27 @@
|
|
|
14
14
|
opacity: 1;
|
|
15
15
|
transform: translateY(0);
|
|
16
16
|
}
|
|
17
|
-
`,K=t.styled.div.withConfig({shouldForwardProp:
|
|
18
|
-
animation: ${
|
|
17
|
+
`,K=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
18
|
+
animation: ${J} ${e=>e.speed||".3s"} ease-in 0s 1;
|
|
19
19
|
`;var Q={wrapper:"Alert-module_wrapper__zP8eL","variant-positive":"Alert-module_variant-positive__Cqab0","variant-negative":"Alert-module_variant-negative__mORCP","variant-info":"Alert-module_variant-info__b3OY9","variant-warning":"Alert-module_variant-warning__gBX5-","variant-basic":"Alert-module_variant-basic__AQmn7","variant-emphasized":"Alert-module_variant-emphasized__8GiYF"};r(".Alert-module_wrapper__zP8eL{border-radius:4px}.Alert-module_variant-positive__Cqab0{background-color:var(--pane-positive-main-idle-background);border:1px solid var(--pane-positive-main-idle-border);color:var(--pane-positive-main-idle-text)}.Alert-module_variant-negative__mORCP{background-color:var(--pane-negative-main-idle-background);border:1px solid var(--pane-negative-main-idle-border);color:var(--pane-negative-main-idle-text)}.Alert-module_variant-info__b3OY9{background-color:var(--pane-info-main-idle-background);border:1px solid var(--pane-info-main-idle-border);color:var(--pane-info-main-idle-text)}.Alert-module_variant-warning__gBX5-{background-color:var(--pane-warning-main-idle-background);border:1px solid var(--pane-warning-main-idle-border);color:var(--pane-warning-main-idle-text)}.Alert-module_variant-basic__AQmn7{background-color:var(--pane-basic-main-idle-background);border:1px solid var(--pane-basic-main-idle-border);color:var(--pane-basic-main-idle-text)}.Alert-module_variant-emphasized__8GiYF{background-color:var(--pane-emphasized-main-idle-background);border:1px solid var(--pane-emphasized-main-idle-border);color:var(--pane-emphasized-main-idle-text)}");const ee=t.css`
|
|
20
20
|
margin: 0 0;
|
|
21
21
|
padding: 0 0;
|
|
22
22
|
font-weight: 700;
|
|
23
23
|
line-height: 1.28571429em;
|
|
24
|
-
`,te={1:t.styled.h1.withConfig({shouldForwardProp:
|
|
24
|
+
`,te={1:t.styled.h1.withConfig({shouldForwardProp:Z})`
|
|
25
25
|
font-size: 2rem;
|
|
26
26
|
min-height: 1rem;
|
|
27
27
|
${ee}
|
|
28
|
-
`,2:t.styled.h2.withConfig({shouldForwardProp:
|
|
28
|
+
`,2:t.styled.h2.withConfig({shouldForwardProp:Z})`
|
|
29
29
|
font-size: 1.71428571rem;
|
|
30
30
|
${ee}
|
|
31
|
-
`,3:t.styled.h3.withConfig({shouldForwardProp:
|
|
31
|
+
`,3:t.styled.h3.withConfig({shouldForwardProp:Z})`
|
|
32
32
|
font-size: 1.28571429rem;
|
|
33
33
|
${ee}
|
|
34
|
-
`,4:t.styled.h4.withConfig({shouldForwardProp:
|
|
34
|
+
`,4:t.styled.h4.withConfig({shouldForwardProp:Z})`
|
|
35
35
|
font-size: 1.07142857rem;
|
|
36
36
|
${ee}
|
|
37
|
-
`,5:t.styled.h5.withConfig({shouldForwardProp:
|
|
37
|
+
`,5:t.styled.h5.withConfig({shouldForwardProp:Z})`
|
|
38
38
|
font-size: 1rem;
|
|
39
39
|
${ee}
|
|
40
40
|
`},ae=t=>{var{level:a=1}=t,r=n(t,["level"]);const o=te[a];return e.createElement(o,Object.assign({},r))},re=t.styled.p`
|
|
@@ -68,16 +68,16 @@
|
|
|
68
68
|
border-radius: 4px;
|
|
69
69
|
background-color: #fff;
|
|
70
70
|
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
|
71
|
-
`,
|
|
71
|
+
`,ze=({children:t,className:a,title:r,titleAction:n,titleMeta:o,onClickTitle:i,footer:l,p:p=3,titleLevel:s=5})=>e.createElement(Ae,{className:a},r&&e.createElement(Fe,{p:3,panelHasChildren:!!t,display:"flex",alignItems:"center",onClick:i},e.createElement(ve,{flexGrow:1},e.createElement(ae,{level:s},r)),o&&e.createElement(Oe,null,o),n&&e.createElement(ve,{pl:5},n)),t&&e.createElement(ve,{p:p},t),l&&e.createElement(Pe,{p:3},l)),De=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
72
72
|
transform: ${e=>e.isOpen?"translate(0)":"translateY(-101%)"};
|
|
73
73
|
transition-duration: ${e=>e.duration||.25}s;
|
|
74
74
|
transition-property: transform;
|
|
75
75
|
}
|
|
76
|
-
`,
|
|
76
|
+
`,Ie=t.styled.div`
|
|
77
77
|
overflow: hidden;
|
|
78
|
-
`,Me=t.styled.div.withConfig({shouldForwardProp:
|
|
78
|
+
`,Me=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
79
79
|
display: ${e=>e.isHidden?"none":"block"};
|
|
80
|
-
`,Re=({isOpen:t,children:a,duration:r,onChange:n})=>{const o=(t=>{const[a,r]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>r(t)),0);return()=>clearTimeout(e)}),[t,r]),a})(t),[i,l]=e.useState(!t),p=e.useCallback((()=>{t||(l(!0),null==n||n(!1))}),[t,n]);return e.useEffect((()=>{t&&(l(!1),null==n||n(!0))}),[t,n]),e.createElement(
|
|
80
|
+
`,Re=({isOpen:t,children:a,duration:r,onChange:n})=>{const o=(t=>{const[a,r]=e.useState(t);return e.useEffect((()=>{const e=setTimeout((()=>r(t)),0);return()=>clearTimeout(e)}),[t,r]),a})(t),[i,l]=e.useState(!t),p=e.useCallback((()=>{t||(l(!0),null==n||n(!1))}),[t,n]);return e.useEffect((()=>{t&&(l(!1),null==n||n(!0))}),[t,n]),e.createElement(Ie,null,e.createElement(De,{isOpen:o,onTransitionEndCapture:p,duration:r},e.createElement(Me,{isHidden:i},a)))},Te=t=>{var{isInitiallyOpen:a,children:r,titleAction:o}=t,i=n(t,["isInitiallyOpen","children","titleAction"]);const[l,p]=e.useState(a),s=e.useCallback((()=>p(!l)),[p,l]);return e.createElement(ze,Object.assign({className:he($e,!l&&je)},i,{onClickTitle:s,p:0,titleAction:e.createElement("div",{className:he(Se,!l&&je)},o)}),e.createElement(Re,{isOpen:l},e.createElement(ve,{p:3},r)))},Ne=t.keyframes`
|
|
81
81
|
0% {
|
|
82
82
|
opacity: 0;
|
|
83
83
|
}
|
|
@@ -106,15 +106,15 @@
|
|
|
106
106
|
justify-content: center;
|
|
107
107
|
|
|
108
108
|
z-index: 50;
|
|
109
|
-
`,Be=t.styled(
|
|
109
|
+
`,Be=t.styled(ze)`
|
|
110
110
|
box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);
|
|
111
111
|
`,He=t.styled.div`
|
|
112
112
|
line-height: ${e=>e.theme.spacing(6)};
|
|
113
113
|
font-size: 15px;
|
|
114
|
-
`,qe=t=>{var{children:a,handleClickOverlay:r,buttons:o}=t,i=n(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(Ge,{onClick:r}),e.createElement(Le,null,e.createElement(K,null,e.createElement(Be,Object.assign({footer:o?e.createElement(ve,{display:"flex",justifyContent:"flex-end"},o):void 0},i),a&&e.createElement(He,null,a)))))},
|
|
114
|
+
`,qe=t=>{var{children:a,handleClickOverlay:r,buttons:o}=t,i=n(t,["children","handleClickOverlay","buttons"]);return e.createElement(e.Fragment,null,e.createElement(Ge,{onClick:r}),e.createElement(Le,null,e.createElement(K,null,e.createElement(Be,Object.assign({footer:o?e.createElement(ve,{display:"flex",justifyContent:"flex-end"},o):void 0},i),a&&e.createElement(He,null,a)))))},We=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
115
115
|
${e=>e.stretch&&"width: 100%;"}
|
|
116
116
|
${e=>e.actionButton||e.stretch?t.css`margin: 0;`:t.css`margin: ${e=>e.theme.spacing(0,2,0,0)};`}
|
|
117
|
-
`,
|
|
117
|
+
`,Ve=t.styled.button.withConfig({shouldForwardProp:Z})`
|
|
118
118
|
font-size: 14px;
|
|
119
119
|
font-weight: bold;
|
|
120
120
|
letter-spacing: 1px;
|
|
@@ -157,7 +157,7 @@
|
|
|
157
157
|
${e=>{if("basic"===e.variant)return"\n border: 1px solid rgba(34,36,38,.15);\n "}}
|
|
158
158
|
|
|
159
159
|
${e=>{var t;const{idle:a,hover:r,active:n}=G.palette.button[null!==(t=e.variant)&&void 0!==t?t:"default"];return`\n color: ${a.text};\n background-color: ${a.background}; \n \n &:not(:disabled) {\n &:hover, &:focus {\n color: ${r.text};\n background-color: ${r.background}; \n } \n \n &:active {\n color: ${n.text};\n background-color: ${n.background}; \n } \n }\n \n `}}
|
|
160
|
-
`,Ye=t.styled.span.withConfig({shouldForwardProp:
|
|
160
|
+
`,Ye=t.styled.span.withConfig({shouldForwardProp:Z})`
|
|
161
161
|
${e=>"text"!==e.variant&&t.css`
|
|
162
162
|
min-width: ${e.theme.spacing(10)};
|
|
163
163
|
`}
|
|
@@ -179,20 +179,20 @@
|
|
|
179
179
|
left: 50%;
|
|
180
180
|
}
|
|
181
181
|
`}
|
|
182
|
-
`,Ue=e.forwardRef(((t,a)=>{var{children:r,icon:o,stretch:i}=t,l=n(t,["children","icon","stretch"]);return e.createElement(
|
|
182
|
+
`,Ue=e.forwardRef(((t,a)=>{var{children:r,icon:o,stretch:i}=t,l=n(t,["children","icon","stretch"]);return e.createElement(We,{actionButton:l.actionButton,stretch:i},e.createElement(Ve,Object.assign({ref:a,icon:o,hasChildren:!!r,stretch:i},l),o&&e.createElement(Ye,{variant:l.variant,hasChildren:!!r},o),r))})),Xe=({title:t,children:a,cancelLabel:r="Nee, annuleren",confirmLabel:n="Ja",confirmVariant:o="secondary",confirmIcon:i,cancelIcon:l,isOpen:p,onCancel:s,onConfirm:d})=>p?e.createElement(qe,{title:t,handleClickOverlay:s,buttons:e.createElement(e.Fragment,null,e.createElement(Ue,{"data-testid":"btn-cancel",onClick:s,variant:"basic",icon:l},r),e.createElement(Ue,{"data-testid":"btn-confirm",onClick:d,variant:o,icon:i},n))},a):null,Ze=()=>{},Je=t.styled.table.withConfig({shouldForwardProp:Z})`
|
|
183
183
|
border-radius: 4px;
|
|
184
184
|
width: 100%;
|
|
185
185
|
border-collapse: separate;
|
|
186
186
|
border-spacing: 0;
|
|
187
187
|
|
|
188
188
|
${e=>pe(e,{tableLayout:e=>t.css`table-layout: ${e};`})}
|
|
189
|
-
`,Ke=t.styled.tr.withConfig({shouldForwardProp:
|
|
189
|
+
`,Ke=t.styled.tr.withConfig({shouldForwardProp:Z})`
|
|
190
190
|
& > td {
|
|
191
191
|
transition: background-color .1s ease, color .1s ease;
|
|
192
192
|
}
|
|
193
193
|
|
|
194
194
|
${e=>Object.entries(e.theme.palette.pane).map((([t,a])=>`\n &:nth-child(odd) > td.${t} { \n color: ${a.main.idle.text};\n background-color: ${a.main.idle.background}; \n } \n &:nth-child(even) > td.${t} { \n color: ${a.alternate.idle.text};\n background-color: ${a.alternate.idle.background}; \n } \n \n \n ${!e.disableHover&&`\n &:nth-child(odd):hover > td.${t} {\n color: ${a.main.hover.text};\n background-color: ${a.main.hover.background}; \n }\n &:nth-child(even):hover > td.${t} {\n color: ${a.alternate.hover.text};\n background-color: ${a.alternate.hover.background}; \n }\n `} \n `))}
|
|
195
|
-
`,Qe=t.styled.td.withConfig({shouldForwardProp:
|
|
195
|
+
`,Qe=t.styled.td.withConfig({shouldForwardProp:Z})`
|
|
196
196
|
border-top: 1px solid rgba(34,36,38,.1);
|
|
197
197
|
border-right: 1px solid rgba(34,36,38,.1);
|
|
198
198
|
padding: ${e=>e.theme.spacing(2,3)};
|
|
@@ -202,7 +202,7 @@
|
|
|
202
202
|
}
|
|
203
203
|
|
|
204
204
|
${e=>pe(e,{width:e=>t.css`width: ${e};`})}
|
|
205
|
-
`,et=t.styled.th.withConfig({shouldForwardProp:
|
|
205
|
+
`,et=t.styled.th.withConfig({shouldForwardProp:Z})`
|
|
206
206
|
border-right: 1px solid rgba(34,36,38,.1);
|
|
207
207
|
text-align: left;
|
|
208
208
|
padding: ${e=>e.theme.spacing(2,3)};
|
|
@@ -228,29 +228,7 @@
|
|
|
228
228
|
${e=>e.sortable&&`\n cursor: pointer;\n user-select: none;\n \n &:hover { \n background-color: ${e.theme.palette.pane.basic.main.hover.background}; \n } \n `}
|
|
229
229
|
|
|
230
230
|
${e=>e.sortDirection&&` \n position:relative;\n \n &:after {\n content: " ";\n position: absolute; \n right: 15px;\n top: 50%;\n \n height: 0;\n width: 0;\n border: 5px solid transparent;\n \n ${"asc"===e.sortDirection?"\n border-top-color: #000;\n transform: translateY(-25%);\n ":"\n border-bottom-color: #000;\n transform: translateY(-75%);\n "} \n } \n `}
|
|
231
|
-
`,tt=t=>e.createElement(
|
|
232
|
-
display: none;
|
|
233
|
-
`,dt=t.styled.div.withConfig({shouldForwardProp:J})`
|
|
234
|
-
display: flex;
|
|
235
|
-
flex-direction: column;
|
|
236
|
-
align-items: center;
|
|
237
|
-
justify-content: center;
|
|
238
|
-
border-radius: 4px;
|
|
239
|
-
height: ${e=>e.theme.spacing(25)};
|
|
240
|
-
|
|
241
|
-
border-radius: 4px;
|
|
242
|
-
border: 1px solid rgba(34,36,38,.15);
|
|
243
|
-
|
|
244
|
-
& > * {
|
|
245
|
-
pointerEvents: none;
|
|
246
|
-
}
|
|
247
|
-
|
|
248
|
-
${e=>e.isReadyToDrop&&t.css`
|
|
249
|
-
background-color: #FAFAFA;
|
|
250
|
-
`}
|
|
251
|
-
`,ct=t.styled(ve)`
|
|
252
|
-
width: 300px;
|
|
253
|
-
`,mt={laptop:1},gt={mobile:1,laptop:0},ft={laptop:1},ut=t=>{var{stretch:a,laptopWidth:r}=t,o=n(t,["stretch","laptopWidth"]);const i=e.useMemo((()=>({laptop:r})),[r]);return e.createElement(ve,Object.assign({flexGrow:a?ft:void 0,width:i,pt:gt,pb:gt,pl:mt,pr:mt},o))},bt={laptop:-1},ht={mobile:-1,laptop:0},vt={mobile:"block",laptop:"flex"},xt=t.styled(ve)`
|
|
231
|
+
`,tt=t=>e.createElement(Je,Object.assign({},t));tt.Row=Ke,tt.HeadCell=et,tt.Cell=t=>{var{variant:a,className:r}=t,o=n(t,["variant","className"]);return e.createElement(Qe,Object.assign({className:`${r||""} ${a||"basic"}`},o))};var at={row:"Details-module_row__0d8vi",isFirstRow:"Details-module_isFirstRow__iVno4"};r(".Details-module_row__0d8vi{vertical-align:top}.Details-module_row__0d8vi.Details-module_isFirstRow__iVno4{border-top:0!important}");var rt="Dropdown-module_wrapper__79ooc",nt="Dropdown-module_dropper__uVdEf",ot="Dropdown-module_left__JYKmP",it="Dropdown-module_right__UefzB",lt="Dropdown-module_dropdownMenu__5R4vo",pt="Dropdown-module_dropdownMenuItem__dj4Gp";r(".Dropdown-module_wrapper__79ooc{position:relative}.Dropdown-module_dropper__uVdEf{background-color:var(--common-white);border:1px solid #22242626;border-radius:4px;box-shadow:0 8px 8px 0 #22242626;position:absolute;z-index:100}.Dropdown-module_dropper__uVdEf.Dropdown-module_left__JYKmP{left:0}.Dropdown-module_dropper__uVdEf.Dropdown-module_right__UefzB{right:0}.Dropdown-module_dropdownMenu__5R4vo{list-style:none;margin:0;padding:calc(var(--spacing)*2) 0}.Dropdown-module_dropdownMenuItem__dj4Gp{cursor:pointer;padding:0 calc(var(--spacing)*3)}.Dropdown-module_dropdownMenuItem__dj4Gp:hover{background-color:#ddd}");var st="Dropzone-module_dropzone__xBUrY",dt="Dropzone-module_isReadyToDrop__I9ik7",ct="Dropzone-module_hiddenInput__7v6dW";r(".Dropzone-module_dropzone__xBUrY{align-items:center;border:1px solid #22242626;border-radius:4px;display:flex;flex-direction:column;height:calc(var(--spacing)*25);justify-content:center}.Dropzone-module_dropzone__xBUrY>*{pointerEvents:none}.Dropzone-module_dropzone__xBUrY.Dropzone-module_isReadyToDrop__I9ik7{background-color:#fafafa}.Dropzone-module_hiddenInput__7v6dW{display:none}");var mt="Feedback-module_box__ESWf9";r(".Feedback-module_box__ESWf9{width:300px}");const gt={laptop:1},ft={mobile:1,laptop:0},ut={laptop:1},bt=t=>{var{stretch:a,laptopWidth:r}=t,o=n(t,["stretch","laptopWidth"]);const i=e.useMemo((()=>({laptop:r})),[r]);return e.createElement(ve,Object.assign({flexGrow:a?ut:void 0,width:i,pt:ft,pb:ft,pl:gt,pr:gt},o))},ht={laptop:-1},vt={mobile:-1,laptop:0},xt={mobile:"block",laptop:"flex"};var kt="Footer-module_box__KZvsx";r(".Footer-module_box__KZvsx{background-color:var(--common-white);border-top:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}");const yt=t.styled(ve)`
|
|
254
232
|
float: left;
|
|
255
233
|
|
|
256
234
|
height: 100%;
|
|
@@ -283,22 +261,14 @@
|
|
|
283
261
|
opacity: ${e=>e.isDesktopMenuOpen?"1":"0"};
|
|
284
262
|
}
|
|
285
263
|
`)}
|
|
286
|
-
`,
|
|
287
|
-
background-color: ${e=>e.theme.palette.common.white};
|
|
288
|
-
border-top: 1px solid #dddddd;
|
|
289
|
-
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
|
|
290
|
-
box-sizing: border-box;
|
|
291
|
-
`,wt=({children:t})=>e.createElement(yt,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20}},t),_t=t.styled(ve)`
|
|
292
|
-
overflow-x: auto;
|
|
293
|
-
overflow-y: hidden;
|
|
294
|
-
`,Ct=t.styled(Ue)`
|
|
264
|
+
`,wt=t=>{const{closeSideMenu:a,openSideMenu:r,isSideMenuOpen:n}=W();return e.createElement(yt,Object.assign({isDesktopMenuOpen:n},t,{onMouseEnter:r,onMouseLeave:a}))},_t=({children:t})=>e.createElement(ve,{pt:2,pb:2,pr:5,pl:{mobile:5,laptop:20},className:kt},t);var Ct="HorizontalScroller-module_box__W07vp";r(".HorizontalScroller-module_box__W07vp{overflow-x:auto;overflow-y:hidden}");const Et=t.styled(Ue)`
|
|
295
265
|
margin-right: ${e=>e.theme.spacing(3)};
|
|
296
266
|
${ie("laptop","display: none;")}
|
|
297
|
-
|
|
267
|
+
`,$t=t.styled.ul`
|
|
298
268
|
padding: 0;
|
|
299
269
|
margin: 0;
|
|
300
270
|
list-style: none;
|
|
301
|
-
|
|
271
|
+
`,jt=t.styled.li.withConfig({shouldForwardProp:Z})`
|
|
302
272
|
padding: ${e=>e.theme.spacing(.5,5)};
|
|
303
273
|
|
|
304
274
|
${e=>e.isOpen&&t.css`
|
|
@@ -323,9 +293,9 @@
|
|
|
323
293
|
color: ${e.theme.palette.common.white};
|
|
324
294
|
}
|
|
325
295
|
`}
|
|
326
|
-
`,
|
|
296
|
+
`,St=t.styled(Ue)`
|
|
327
297
|
${ie("laptop","display: none;")}
|
|
328
|
-
`,
|
|
298
|
+
`,At=t.styled(ve)`
|
|
329
299
|
display: none;
|
|
330
300
|
${ie("laptop","display: flex;")}
|
|
331
301
|
|
|
@@ -339,10 +309,10 @@
|
|
|
339
309
|
margin: 0 auto;
|
|
340
310
|
}
|
|
341
311
|
|
|
342
|
-
${
|
|
312
|
+
${yt}:hover & {
|
|
343
313
|
display:none;
|
|
344
314
|
}
|
|
345
|
-
`,
|
|
315
|
+
`,Ot=t.styled(ve)`
|
|
346
316
|
box-sizing: border-box;
|
|
347
317
|
color: ${e=>e.theme.palette.button.text.idle.text};
|
|
348
318
|
font-weight: bold;
|
|
@@ -360,9 +330,9 @@
|
|
|
360
330
|
${ie("laptop",t.css`
|
|
361
331
|
min-height: ${e=>e.theme.spacing(12)};
|
|
362
332
|
`)}
|
|
363
|
-
`,
|
|
333
|
+
`,Ft=()=>{const[t,a]=e.useState(window.innerWidth);e.useEffect((()=>{const e=()=>a(window.innerWidth);return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)}),[]);return e.useMemo((()=>({isMobile:t>=oe.mobile,isTablet:t>=oe.tablet,isLaptop:t>=oe.laptop,isDesktop:t>=oe.desktop})),[t])},Pt=t.styled.div`
|
|
364
334
|
display: flex;
|
|
365
|
-
`,
|
|
335
|
+
`,zt=t.styled.button.withConfig({shouldForwardProp:Z})`
|
|
366
336
|
user-select:none;
|
|
367
337
|
cursor: pointer;
|
|
368
338
|
|
|
@@ -381,29 +351,29 @@
|
|
|
381
351
|
}
|
|
382
352
|
|
|
383
353
|
${e=>!e.disabled&&"\n &:hover { \n background-color: #E9E9E9; \n }\n "}
|
|
384
|
-
`,
|
|
354
|
+
`,Dt=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
385
355
|
display: flex;
|
|
386
356
|
border-radius: ${e=>e.theme.spacing(1)};
|
|
387
357
|
padding: ${e=>e.theme.spacing(4)};
|
|
388
358
|
background-color: ${e=>e.theme.palette.colors[e.backgroundColor]};
|
|
389
359
|
box-sizing: border-box;
|
|
390
360
|
height: 100%;
|
|
391
|
-
`,
|
|
361
|
+
`,It=t.styled.div`
|
|
392
362
|
text-transform: uppercase;
|
|
393
363
|
color: ${e=>e.theme.palette.common.white};
|
|
394
364
|
font-size: ${e=>e.theme.spacing(3)};
|
|
395
|
-
`,
|
|
365
|
+
`,Mt=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
396
366
|
color: ${e=>e.theme.palette.common.white};
|
|
397
367
|
font-weight: bold;
|
|
398
368
|
font-size: ${e=>e.theme.spacing(e.smallerValue?5.5:7.5)};
|
|
399
|
-
`,
|
|
369
|
+
`,Rt=t.styled.div`
|
|
400
370
|
margin: ${e=>e.theme.spacing(1)} 0 auto 0;
|
|
401
371
|
& svg {
|
|
402
372
|
height: 100%;
|
|
403
373
|
width: ${e=>e.theme.spacing(10)};
|
|
404
374
|
color: white;
|
|
405
375
|
}
|
|
406
|
-
`,
|
|
376
|
+
`,Tt=t.styled(ve)`
|
|
407
377
|
|
|
408
378
|
padding: ${e=>e.theme.spacing(2.5,5)};
|
|
409
379
|
|
|
@@ -429,22 +399,22 @@
|
|
|
429
399
|
|
|
430
400
|
${e=>e.variant&&`\n font-weight: bold;\n color: ${e.theme.palette.form[e.variant]};\n &:hover {\n color: ${e.theme.palette.form[e.variant]};\n }\n `}
|
|
431
401
|
|
|
432
|
-
`,
|
|
402
|
+
`,Nt=t.styled(ve)`
|
|
433
403
|
background-color: ${e=>e.theme.palette.common.white};
|
|
434
404
|
border: 1px solid rgba(34,36,38,.15);
|
|
435
405
|
border-top: 0px;
|
|
436
|
-
`,
|
|
406
|
+
`,Gt=t.styled(ve)`
|
|
437
407
|
display: flex;
|
|
438
408
|
border-bottom: 1px solid rgba(34,36,38,.15);
|
|
439
|
-
`,
|
|
409
|
+
`,Lt=t.styled(ze)`
|
|
440
410
|
box-shadow: none;
|
|
441
|
-
`,
|
|
411
|
+
`,Bt=t.styled(ve)`
|
|
442
412
|
display: flex;
|
|
443
413
|
|
|
444
414
|
&:last-of-type .line:before {
|
|
445
415
|
background: none;
|
|
446
416
|
}
|
|
447
|
-
`,
|
|
417
|
+
`,Ht=t.styled(ve)`
|
|
448
418
|
position: relative;
|
|
449
419
|
margin-right: ${e=>e.theme.spacing(4)};
|
|
450
420
|
top: 4px;
|
|
@@ -459,7 +429,7 @@
|
|
|
459
429
|
width: ${e=>e.theme.spacing(1)};
|
|
460
430
|
}
|
|
461
431
|
|
|
462
|
-
`,
|
|
432
|
+
`,qt=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
463
433
|
position: relative;
|
|
464
434
|
background-color: ${e=>e.color};
|
|
465
435
|
color: #fff;
|
|
@@ -476,14 +446,14 @@
|
|
|
476
446
|
left: 50%;
|
|
477
447
|
transform: translate(-50%, -50%);
|
|
478
448
|
}
|
|
479
|
-
`,
|
|
449
|
+
`,Wt=t.styled(ve)`
|
|
480
450
|
background-color: #ffffff;
|
|
481
451
|
border-bottom: 1px solid #dddddd;
|
|
482
452
|
box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.04);
|
|
483
453
|
box-sizing: border-box;
|
|
484
|
-
`,Vt=({left:t,right:a})=>e.createElement(
|
|
454
|
+
`,Vt=({left:t,right:a})=>e.createElement(Wt,null,e.createElement(ve,{display:"flex",alignItems:"center",pb:1,pt:1,pr:5,pl:{mobile:5,laptop:20}},e.createElement(ve,{flexGrow:1,display:"flex",pl:2},t),e.createElement(ve,{flexGrow:1,display:"flex",justifyContent:"flex-end"},a))),Yt=t.styled.label`
|
|
485
455
|
position: relative;
|
|
486
|
-
`,
|
|
456
|
+
`,Ut=t.styled.input.withConfig({shouldForwardProp:Z})`
|
|
487
457
|
position: absolute;
|
|
488
458
|
top: 0;
|
|
489
459
|
left: 0;
|
|
@@ -552,11 +522,11 @@
|
|
|
552
522
|
border-color: #e0b4b4;
|
|
553
523
|
color: #9f3a38;
|
|
554
524
|
}
|
|
555
|
-
`,
|
|
525
|
+
`,Xt=t.styled.span.withConfig({shouldForwardProp:Z})`
|
|
556
526
|
${e=>e.dimmed?t.css`
|
|
557
527
|
color: #999c9e;
|
|
558
528
|
`:""}
|
|
559
|
-
`,
|
|
529
|
+
`,Zt=e.forwardRef(((t,a)=>{var{options:r,spacing:o=1,name:i,dimmed:l}=t,p=n(t,["options","spacing","name","dimmed"]);return e.createElement(e.Fragment,null,Object.entries(r).map((([t,r])=>e.createElement(ve,{key:t,mt:o,mb:o},e.createElement(Yt,{key:t},e.createElement(Ut,Object.assign({type:"checkbox",value:t,name:i,ref:a},p)),e.createElement(Xt,{dimmed:l},r))))))})),Jt=t.css`
|
|
560
530
|
padding: .67857143em 1em;
|
|
561
531
|
line-height: 1.21428571em;
|
|
562
532
|
border-radius: 4px;
|
|
@@ -604,15 +574,15 @@
|
|
|
604
574
|
&.error:focus::placeholder {
|
|
605
575
|
color: #da9796;
|
|
606
576
|
}
|
|
607
|
-
`,
|
|
577
|
+
`,Kt=t.styled.input.withConfig({shouldForwardProp:Z})`
|
|
608
578
|
${Jt}
|
|
609
|
-
`,
|
|
579
|
+
`,Qt=t.styled.textarea.withConfig({shouldForwardProp:Z})`
|
|
610
580
|
${Jt}
|
|
611
581
|
height: 100%;
|
|
612
|
-
`,
|
|
582
|
+
`,ea=e.forwardRef(((t,a)=>{var{multiline:r=!1}=t,o=n(t,["multiline"]);return r?e.createElement(Qt,Object.assign({ref:a},o)):e.createElement(Kt,Object.assign({ref:a,type:"text"},o))})),ta=t.styled.div`
|
|
613
583
|
position: relative;
|
|
614
584
|
display: flex;
|
|
615
|
-
`,
|
|
585
|
+
`,aa=t.styled.input.withConfig({shouldForwardProp:Z})`
|
|
616
586
|
position: absolute;
|
|
617
587
|
left: 0;
|
|
618
588
|
right: 0;
|
|
@@ -620,7 +590,7 @@
|
|
|
620
590
|
bottom: 0;
|
|
621
591
|
width: 100%;
|
|
622
592
|
opacity:0;
|
|
623
|
-
`,
|
|
593
|
+
`,ra=t.styled(Ue)`
|
|
624
594
|
height: 40px;
|
|
625
595
|
|
|
626
596
|
.has-error & {
|
|
@@ -628,10 +598,10 @@
|
|
|
628
598
|
border-color: #e0b4b4;
|
|
629
599
|
color: #9f3a38;
|
|
630
600
|
}
|
|
631
|
-
`,
|
|
601
|
+
`,na=t.styled(ea)`
|
|
632
602
|
flex: 1;
|
|
633
603
|
padding-right: ${e=>e.theme.spacing(8)}
|
|
634
|
-
`,
|
|
604
|
+
`,oa=t.styled.button`
|
|
635
605
|
background-color: transparent;
|
|
636
606
|
border: 0;
|
|
637
607
|
outline: 0;
|
|
@@ -659,9 +629,9 @@
|
|
|
659
629
|
line-height: 38px;
|
|
660
630
|
padding: 0 8px;
|
|
661
631
|
}
|
|
662
|
-
`,
|
|
632
|
+
`,ia=e.forwardRef(((t,a)=>{var{className:r,placeholder:o,chooseFileLabel:i="Choose file",changeFileLabel:l="Change file",onClear:p}=t,s=n(t,["className","placeholder","chooseFileLabel","changeFileLabel","onClear"]);const[d,c]=e.useState(),[m,g]=e.useState(""),f=e.useCallback((e=>{var t;const a=(null==e?void 0:e.target).files;g((null===(t=null==a?void 0:a[0])||void 0===t?void 0:t.name)||"")}),[]),u=e.useCallback((()=>{d&&(d.value="",d.files=null,d.dispatchEvent(new Event("change",{bubbles:!0})),p&&p())}),[d,p]),b=e.useMemo((()=>e=>{null==e||e.addEventListener("change",f),c(e),"function"==typeof a&&(null==a||a(e))}),[a,f]);return e.createElement(ta,null,e.createElement(aa,Object.assign({type:"file",ref:b},s)),e.createElement(ra,{variant:"basic"},m?l:i),e.createElement(na,{placeholder:o,className:r,disabled:!0,value:m}),!!m&&p&&e.createElement(oa,{"data-testid":"file-clear",onClick:u}))})),la=t.styled.div`
|
|
663
633
|
position: relative;
|
|
664
|
-
`,
|
|
634
|
+
`,pa=t.styled.select.withConfig({shouldForwardProp:Z})`
|
|
665
635
|
width: 100%;
|
|
666
636
|
|
|
667
637
|
padding: .67857143em 1em;
|
|
@@ -686,7 +656,7 @@
|
|
|
686
656
|
&.error~div {
|
|
687
657
|
color: #9f3a38;
|
|
688
658
|
}
|
|
689
|
-
`,
|
|
659
|
+
`,sa=t.styled.div`
|
|
690
660
|
pointer-events: none;
|
|
691
661
|
padding: 0 1em;
|
|
692
662
|
position:absolute;
|
|
@@ -695,18 +665,18 @@
|
|
|
695
665
|
right: 0;
|
|
696
666
|
font-size: 17px;
|
|
697
667
|
line-height: 40px;
|
|
698
|
-
`,
|
|
668
|
+
`,da=e.forwardRef(((t,a)=>{var{options:r}=t,o=n(t,["options"]);const i=Array.isArray(r)?r:Object.entries(r);return e.createElement(la,null,e.createElement(pa,Object.assign({ref:a},o),i.map((([t,a])=>e.createElement("option",{key:t,value:t},a)))),e.createElement(sa,null,"▾"))})),ca=e=>e.length>=8,ma=e=>/\d/.test(e),ga=e=>/[a-z]/.test(e)&&/[A-Z]/.test(e),fa=e=>/[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(e),ua=[ca,ma,ga,fa],ba=ua.length+1,ha=e=>ua.map((t=>t(e))).reduce(((e,t)=>t?e+1:e),1),va=t.styled.div`
|
|
699
669
|
margin-top: ${e=>e.theme.spacing(1)};
|
|
700
670
|
height: 3px;
|
|
701
671
|
background-color: #f5f5f5;
|
|
702
672
|
border-radius: 4px;
|
|
703
673
|
box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
|
|
704
|
-
`,
|
|
705
|
-
width: ${e=>e.score?e.score/
|
|
674
|
+
`,xa=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
675
|
+
width: ${e=>e.score?e.score/ba*100:0}%;
|
|
706
676
|
height: 100%;
|
|
707
677
|
background-color: ${e=>e.score<=2?"#e90f10":e.score<=3?"#ffad00":"#02b502"} ;
|
|
708
678
|
transition: width .6s ease, background-color .6s ease;
|
|
709
|
-
`,
|
|
679
|
+
`,ka=e.forwardRef(((t,a)=>{const[r,n]=e.useState(0),o=e.useCallback((e=>{const t=e.target;n(t.value?ha(t.value):0)}),[]),i=e.useMemo((()=>e=>{null==e||e.addEventListener("keyup",o),"function"==typeof a&&(null==a||a(e))}),[a,o]);return e.createElement(e.Fragment,null,e.createElement(ea,Object.assign({},t,{type:"password",ref:i})),e.createElement(va,null,e.createElement(xa,{score:r})))})),ya=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
710
680
|
margin: 0px 8px;
|
|
711
681
|
|
|
712
682
|
${e=>void 0!==e.rowOffset&&t.css`
|
|
@@ -730,28 +700,28 @@
|
|
|
730
700
|
grid-column-end: span ${e.columnSpan};
|
|
731
701
|
-ms-grid-column-span: ${e.columnSpan};
|
|
732
702
|
`)),r})(a,null!==(r=e.rowOffset)&&void 0!==r?r:0)}})}
|
|
733
|
-
`;
|
|
703
|
+
`;ya.displayName="FormGridCell";const wa=t.styled.label.withConfig({shouldForwardProp:Z})`
|
|
734
704
|
display: block;
|
|
735
705
|
color: ${e=>e.error?e.theme.palette.form.error:e.theme.palette.common.black} ;
|
|
736
706
|
font-weight: bold;
|
|
737
707
|
margin: ${e=>e.theme.spacing(0,0,1,0)};
|
|
738
708
|
line-height: 1.4em;
|
|
739
709
|
font-size: .92857143em;
|
|
740
|
-
`,
|
|
710
|
+
`,_a=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
741
711
|
color: ${e=>e.error?"#da9796;":e.theme.palette.form.hint};
|
|
742
712
|
margin: ${e=>e.theme.spacing(-1,0,1,0)};
|
|
743
713
|
line-height: 1.4em;
|
|
744
714
|
font-size: .92857143em;
|
|
745
|
-
`,
|
|
715
|
+
`,Ca=t.styled.span.withConfig({shouldForwardProp:Z})`
|
|
746
716
|
color: ${e=>e.theme.palette.form.hint};
|
|
747
|
-
`,
|
|
717
|
+
`,Ea=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
748
718
|
color: ${e=>e.theme.palette.form.error};
|
|
749
719
|
margin: ${e=>e.theme.spacing(1,0,0,0)};
|
|
750
720
|
font-weight: bold;
|
|
751
721
|
font-style: italic;
|
|
752
722
|
line-height: 1.4em;
|
|
753
723
|
font-size: .92857143em;
|
|
754
|
-
|
|
724
|
+
`,$a=({position:e,align:t,label:a,hint:r,error:n,isRequired:o})=>({position:e,align:t,label:a,hint:r,error:n,isRequired:o}),ja=({position:t,align:a,label:r,hint:n,error:o,isRequired:i,children:l})=>e.createElement(e.Fragment,null,e.createElement(ya,{position:t,align:a,className:"form-grid-cell__label-hint"},r&&e.createElement(wa,{error:o},r,i&&e.createElement(Ca,null," *")),n&&e.createElement(_a,{error:o},n)),e.createElement(ya,{position:t,align:a,rowOffset:1,className:he({"form-grid-cell__field-error":!0,"has-error":!!o})},l,o&&e.createElement(Ea,null,o))),Sa=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
755
725
|
margin: 0 -8px -16px -8px;
|
|
756
726
|
|
|
757
727
|
display: -ms-grid;
|
|
@@ -763,23 +733,23 @@
|
|
|
763
733
|
-ms-grid-columns: ${e};
|
|
764
734
|
grid-template-columns: ${e};
|
|
765
735
|
`})}
|
|
766
|
-
`;
|
|
736
|
+
`;Sa.displayName="FormGrid";const Aa=t.styled(ve)`
|
|
767
737
|
background-color: #f3f3f4;
|
|
768
|
-
`,Aa=t.styled(ve)`
|
|
769
|
-
position: relative;
|
|
770
738
|
`,Oa=t.styled(ve)`
|
|
739
|
+
position: relative;
|
|
740
|
+
`,Fa=t.styled(ve)`
|
|
771
741
|
position: absolute;
|
|
772
742
|
height: 100%;
|
|
773
743
|
z-index: 50;
|
|
774
744
|
pointer-events: none;
|
|
775
|
-
`,Fa=t.styled(ve)`
|
|
776
|
-
height: 100%;
|
|
777
745
|
`,Pa=t.styled(ve)`
|
|
746
|
+
height: 100%;
|
|
747
|
+
`,za=t.styled(ve)`
|
|
778
748
|
background-color: ${e=>e.baseColor||"white"};
|
|
779
749
|
position: absolute;
|
|
780
750
|
min-width: 100%;
|
|
781
751
|
min-height: 100%;
|
|
782
|
-
`,
|
|
752
|
+
`,Da=t.styled.div.withConfig({shouldForwardProp:Z})`
|
|
783
753
|
position: absolute;
|
|
784
754
|
top: 0;
|
|
785
755
|
left: 0;
|
|
@@ -789,16 +759,16 @@
|
|
|
789
759
|
opacity: ${e=>{var t;return null!==(t=e.opacity)&&void 0!==t?t:1}} ;
|
|
790
760
|
background: url("${e=>e.imageUrl}");
|
|
791
761
|
background-size: cover;
|
|
792
|
-
`,
|
|
762
|
+
`,Ia=t.styled(K)`
|
|
793
763
|
z-index: 10;
|
|
794
764
|
margin: auto auto;
|
|
795
|
-
`,
|
|
765
|
+
`,Ma=t.styled(ze)`
|
|
796
766
|
box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);
|
|
797
767
|
min-width: 280px;
|
|
798
|
-
`,
|
|
768
|
+
`,Ra=t.styled.img`
|
|
799
769
|
display:none;
|
|
800
770
|
position: absolute;
|
|
801
771
|
left: 0;
|
|
802
772
|
top: ${e=>e.theme.spacing(8)};
|
|
803
773
|
${ie("tablet","display: block;")}
|
|
804
|
-
`;var Ra="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Ta(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Na=1/0,Ga=9007199254740991,La=17976931348623157e292,Ba=NaN,Ha="[object Function]",qa="[object GeneratorFunction]",Va="[object Symbol]",Wa=/^\s+|\s+$/g,Ya=/^[-+]0x[0-9a-f]+$/i,Ua=/^0b[01]+$/i,Xa=/^0o[0-7]+$/i,Ja=/^(?:0|[1-9]\d*)$/,Za=parseInt,Ka=Object.prototype.toString,Qa=Math.ceil,er=Math.max;function tr(e,t,a){var r=-1,n=e.length;t<0&&(t=-t>n?0:n+t),(a=a>n?n:a)<0&&(a+=n),n=t>a?0:a-t>>>0,t>>>=0;for(var o=Array(n);++r<n;)o[r]=e[r+t];return o}function ar(e,t,a){if(!rr(a))return!1;var r=typeof t;return!!("number"==r?function(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=Ga}(e.length)&&!function(e){var t=rr(e)?Ka.call(e):"";return t==Ha||t==qa}(e)}(a)&&function(e,t){return!!(t=null==t?Ga:t)&&("number"==typeof e||Ja.test(e))&&e>-1&&e%1==0&&e<t}(t,a.length):"string"==r&&t in a)&&function(e,t){return e===t||e!=e&&t!=t}(a[t],e)}function rr(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var nr=Ta((function(e,t,a){t=(a?ar(e,t,a):void 0===t)?1:er(function(e){var t=function(e){if(!e)return 0===e?e:0;if(e=function(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&Ka.call(e)==Va}(e))return Ba;if(rr(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=rr(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(Wa,"");var a=Ua.test(e);return a||Xa.test(e)?Za(e.slice(2),a?2:8):Ya.test(e)?Ba:+e}(e),e===Na||e===-Na){return(e<0?-1:1)*La}return e==e?e:0}(e),a=t%1;return t==t?a?t-a:t:0}(t),0);var r=e?e.length:0;if(!r||t<1)return[];for(var n=0,o=0,i=Array(Qa(r/t));n<r;)i[o++]=tr(e,n,n+=t);return i}));class or{constructor(e){this.grid=e}getValues(){return this.grid}getDistinctValues(){const e=[];return this.grid.forEach((t=>{t.forEach((t=>{e.includes(t)||e.push(t)}))})),e}sliceArea(e,t){if(e.x>t.x||e.y>t.y)throw new Error("Coordinates are mixed up. Please ensure topLeft is actually in the top-left corner. And bottomRight is actually in the bottom-right corner");return new or(this.grid.slice(e.y,t.y+1).map((a=>a.slice(e.x,t.x+1))))}getCoordinatesForValue(e){const t=[],a=[];return this.grid.forEach(((r,n)=>{r.forEach(((r,o)=>{r===e&&(t.push(o),a.push(n))}))})),{topLeft:{x:Math.min(...t),y:Math.min(...a)},bottomRight:{x:Math.max(...t),y:Math.max(...a)}}}}var ir="__lodash_hash_undefined__",lr=9007199254740991,pr="[object Arguments]",sr="[object Function]",dr="[object GeneratorFunction]",cr=/^\[object .+?Constructor\]$/,mr="object"==typeof Ra&&Ra&&Ra.Object===Object&&Ra,gr="object"==typeof self&&self&&self.Object===Object&&self,fr=mr||gr||Function("return this")();function ur(e,t){return!!(e?e.length:0)&&function(e,t,a){if(t!=t)return function(e,t,a,r){var n=e.length,o=a+(r?1:-1);for(;r?o--:++o<n;)if(t(e[o],o,e))return o;return-1}(e,vr,a);var r=a-1,n=e.length;for(;++r<n;)if(e[r]===t)return r;return-1}(e,t,0)>-1}function br(e,t,a){for(var r=-1,n=e?e.length:0;++r<n;)if(a(t,e[r]))return!0;return!1}function hr(e,t){for(var a=-1,r=t.length,n=e.length;++a<r;)e[n+a]=t[a];return e}function vr(e){return e!=e}function xr(e,t){return e.has(t)}var kr,yr=Array.prototype,wr=Function.prototype,_r=Object.prototype,Cr=fr["__core-js_shared__"],Er=(kr=/[^.]+$/.exec(Cr&&Cr.keys&&Cr.keys.IE_PROTO||""))?"Symbol(src)_1."+kr:"",$r=wr.toString,jr=_r.hasOwnProperty,Sr=_r.toString,Ar=RegExp("^"+$r.call(jr).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Or=fr.Symbol,Fr=_r.propertyIsEnumerable,Pr=yr.splice,Ir=Or?Or.isConcatSpreadable:void 0,Dr=Math.max,zr=Wr(fr,"Map"),Mr=Wr(Object,"create");function Rr(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}function Tr(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}function Nr(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}function Gr(e){var t=-1,a=e?e.length:0;for(this.__data__=new Nr;++t<a;)this.add(e[t])}function Lr(e,t){for(var a,r,n=e.length;n--;)if((a=e[n][0])===(r=t)||a!=a&&r!=r)return n;return-1}function Br(e,t,a,r){var n,o=-1,i=ur,l=!0,p=e.length,s=[],d=t.length;if(!p)return s;a&&(t=function(e,t){for(var a=-1,r=e?e.length:0,n=Array(r);++a<r;)n[a]=t(e[a],a,e);return n}(t,(n=a,function(e){return n(e)}))),r?(i=br,l=!1):t.length>=200&&(i=xr,l=!1,t=new Gr(t));e:for(;++o<p;){var c=e[o],m=a?a(c):c;if(c=r||0!==c?c:0,l&&m==m){for(var g=d;g--;)if(t[g]===m)continue e;s.push(c)}else i(t,m,r)||s.push(c)}return s}function Hr(e,t,a,r,n){var o=-1,i=e.length;for(a||(a=Yr),n||(n=[]);++o<i;){var l=e[o];t>0&&a(l)?t>1?Hr(l,t-1,a,r,n):hr(n,l):r||(n[n.length]=l)}return n}function qr(e){if(!tn(e)||(t=e,Er&&Er in t))return!1;var t,a=en(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?Ar:cr;return a.test(function(e){if(null!=e){try{return $r.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e))}function Vr(e,t){var a,r,n=e.__data__;return("string"==(r=typeof(a=t))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==a:null===a)?n["string"==typeof t?"string":"hash"]:n.map}function Wr(e,t){var a=function(e,t){return null==e?void 0:e[t]}(e,t);return qr(a)?a:void 0}function Yr(e){return Zr(e)||function(e){return Qr(e)&&jr.call(e,"callee")&&(!Fr.call(e,"callee")||Sr.call(e)==pr)}(e)||!!(Ir&&e&&e[Ir])}Rr.prototype.clear=function(){this.__data__=Mr?Mr(null):{}},Rr.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},Rr.prototype.get=function(e){var t=this.__data__;if(Mr){var a=t[e];return a===ir?void 0:a}return jr.call(t,e)?t[e]:void 0},Rr.prototype.has=function(e){var t=this.__data__;return Mr?void 0!==t[e]:jr.call(t,e)},Rr.prototype.set=function(e,t){return this.__data__[e]=Mr&&void 0===t?ir:t,this},Tr.prototype.clear=function(){this.__data__=[]},Tr.prototype.delete=function(e){var t=this.__data__,a=Lr(t,e);return!(a<0)&&(a==t.length-1?t.pop():Pr.call(t,a,1),!0)},Tr.prototype.get=function(e){var t=this.__data__,a=Lr(t,e);return a<0?void 0:t[a][1]},Tr.prototype.has=function(e){return Lr(this.__data__,e)>-1},Tr.prototype.set=function(e,t){var a=this.__data__,r=Lr(a,e);return r<0?a.push([e,t]):a[r][1]=t,this},Nr.prototype.clear=function(){this.__data__={hash:new Rr,map:new(zr||Tr),string:new Rr}},Nr.prototype.delete=function(e){return Vr(this,e).delete(e)},Nr.prototype.get=function(e){return Vr(this,e).get(e)},Nr.prototype.has=function(e){return Vr(this,e).has(e)},Nr.prototype.set=function(e,t){return Vr(this,e).set(e,t),this},Gr.prototype.add=Gr.prototype.push=function(e){return this.__data__.set(e,ir),this},Gr.prototype.has=function(e){return this.__data__.has(e)};var Ur,Xr,Jr=(Ur=function(e,t){return Qr(e)?Br(e,Hr(t,1,Qr,!0)):[]},Xr=Dr(void 0===Xr?Ur.length-1:Xr,0),function(){for(var e=arguments,t=-1,a=Dr(e.length-Xr,0),r=Array(a);++t<a;)r[t]=e[Xr+t];t=-1;for(var n=Array(Xr+1);++t<Xr;)n[t]=e[t];return n[Xr]=r,function(e,t,a){switch(a.length){case 0:return e.call(t);case 1:return e.call(t,a[0]);case 2:return e.call(t,a[0],a[1]);case 3:return e.call(t,a[0],a[1],a[2])}return e.apply(t,a)}(Ur,this,n)});var Zr=Array.isArray;function Kr(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=lr}(e.length)&&!en(e)}function Qr(e){return function(e){return!!e&&"object"==typeof e}(e)&&Kr(e)}function en(e){var t=tn(e)?Sr.call(e):"";return t==sr||t==dr}function tn(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var an=Ta(Jr);const rn=(e,t)=>{const a=[...Array(e)].map((e=>"1fr"));return t&&a.push("auto"),a.join(" ")};class nn{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,r){"object"==typeof this.columns&&(this.columns[e]=t);const n=new or(r);((e,t)=>{const a=t.getDistinctValues();if(a.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${an(a,e).map((e=>`"${e}"`)).join(", ")}`);a.forEach((a=>{if(!e.includes(a))throw new Error(`${a} is not an existing field. Existing fields are ${e.map((e=>`"${e}"`)).join(", ")}.`);const r=t.getCoordinatesForValue(a),n=t.sliceArea(r.topLeft,r.bottomRight).getDistinctValues();if(1!==n.length||n[0]!==a)throw new Error(`Grid contains an unsupported shape. Please make sure "${a}" has a rectangular shape.`)}))})(Object.keys(this.fields),n);const o=a.produce(this.fields,(t=>{Object.keys(this.fields).forEach((a=>{const r=t[a].props,{topLeft:o,bottomRight:i}=n.getCoordinatesForValue(a);void 0===r.position&&(r.position={}),le(r.position)||(r.position={mobile:r.position}),r.position[e]={column:o.x,columnSpan:i.x-o.x+1,row:o.y,rowSpan:i.y-o.y+1}}))}));return new nn(o,this.columns)}setVertical(e,t=1,a){return this.setGrid(e,null!=a?a:rn(t,!1),nr(Object.keys(this.fields),t))}setHorizontal(e,t){const a=Object.keys(this.fields);return this.setGrid(e,null!=t?t:rn(a.length,!1),[a])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const on=e.createContext({factory:void 0}),ln=e.forwardRef(((t,a)=>{var{name:r,field:o}=t,i=n(t,["name","field"]);const{factory:l}=e.useContext(on),p=Ea(o.props),s=(null==l?void 0:l(o))||(e=>{switch(e.type){case"Button":return Ue;case"Checkbox":return Xt;case"Select":return sa;case"FileField":return oa;case"PasswordStrengthField":return xa;default:return Qt}})(o);return"TextField"===o.type&&"hidden"===o.props.type?e.createElement(s,Object.assign({ref:a,name:r},i,o.props)):e.createElement($a,Object.assign({},p),e.createElement(s,Object.assign({ref:a,name:r,placeholder:o.props.placeholder||p.label,className:he(!!p.error&&"error",o.props.className)},i,o.props)))})),pn=e.forwardRef(((t,a)=>{var{children:r,columns:o,fields:i,prefixFieldNames:l}=t,p=n(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(ja,{columns:o},Object.entries(i).map((([t,r])=>e.createElement(ln,Object.assign({name:`${null!=l?l:""}${t}`,key:t,field:r,ref:a},p)))),r)}));exports.Alert=({children:t,title:a,variant:r="basic"})=>e.createElement("div",{className:he(Q.wrapper,Q[`variant-${r}`])},e.createElement(ve,{p:3},a&&e.createElement(ve,{pb:t?1:0},e.createElement(ae,{level:4},a)),t&&e.createElement(re,null,t))),exports.AnimatedCheckmark=Ce,exports.BasicLayout=({sideBarProps:t,topBarProps:a,footerProps:r,isLoading:n,loader:o,children:i})=>e.createElement(Sa,{flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(Aa,{flexGrow:1,flexShrink:0},t&&e.createElement(Oa,null,e.createElement(kt,Object.assign({},t))),e.createElement(Fa,{display:"flex",flexDirection:"column"},e.createElement(Vt,Object.assign({},a)),e.createElement(ve,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},n&&o?o:i),e.createElement(wt,Object.assign({},r))))),exports.Box=ve,exports.BreadCrumbs=t=>e.createElement("ul",Object.assign({className:he(Ee,t.className)},t)),exports.BreakPointValues=oe,exports.Button=Ue,exports.Checkbox=Xt,exports.CollapsiblePanel=Te,exports.ConfirmButton=t=>{var a,{modalProps:r}=t,o=n(t,["modalProps"]);const[i,l]=(({onConfirm:t})=>{const[a,r]=e.useState(!1);return[{onCancel:()=>r(!1),onConfirm:()=>{t(),r(!1)},isOpen:a},()=>r(!0)]})({onConfirm:null!==(a=r.onConfirm)&&void 0!==a?a:Je});return e.createElement(e.Fragment,null,e.createElement(Ue,Object.assign({},o,{onClick:l})),e.createElement(Xe,Object.assign({title:"Are you sure?"},r,i)))},exports.ConfirmModal=Xe,exports.Crumb=t=>e.createElement("li",Object.assign({className:he(Ee,t.className)},t)),exports.Details=({details:t,firstColumnWidth:a})=>e.createElement(tt,null,e.createElement("tbody",null,Object.entries(t).map((([t,r],n)=>e.createElement(tt.Row,{key:t,disableHover:!0},e.createElement(tt.Cell,{style:{width:a},className:he(at.cell,0===n&&at.isFirstRow)},t),e.createElement(tt.Cell,{className:he(at.cell,0===n&&at.isFirstRow)},r)))))),exports.Dropdown=({buttonProps:t,align:a="left",children:r,stayOpenOnClick:n})=>{const o=e.useRef(null),[i,l]=e.useState(!1),p=e.useCallback((()=>l(!0)),[l]),s=e.useCallback((e=>{var t;n&&(null===(t=o.current)||void 0===t?void 0:t.contains(e.target))||l(!1)}),[l,n]);return e.useEffect((()=>(i&&setTimeout((()=>document.addEventListener("click",s)),1),()=>{document.removeEventListener("click",s)})),[i,s]),e.createElement("div",{className:rt},e.createElement(Ue,Object.assign({},t,{onClick:p})),i&&e.createElement(K,{speed:".1s"},e.createElement("span",{className:he(nt,"left"===a&&ot,"right"===a&&it),ref:o},r)))},exports.DropdownMenu=t=>{var{className:a}=t,r=n(t,["className"]);return e.createElement("ul",Object.assign({className:he(lt,a)},r))},exports.DropdownMenuItem=t=>{var{className:a}=t,r=n(t,["className"]);return e.createElement("li",Object.assign({className:he(pt,a)},r))},exports.Dropzone=t=>{var{onChange:a,icon:r,label:o}=t,i=n(t,["onChange","icon","label"]);const l=e.useRef(null),p=e.useRef(null),[s,d]=e.useState(!1),c=e.useCallback((e=>{e&&a&&a(Array.from(e))}),[a]),m=e.useCallback((e=>{e.preventDefault(),d(!0)}),[]),g=e.useCallback((e=>{e.preventDefault(),d(!1)}),[]),f=e.useCallback((e=>{var t;e.preventDefault(),d(!1),c(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)}),[c]),u=e.useCallback((()=>{var e;null===(e=l.current)||void 0===e||e.click()}),[l]),b=e.useCallback((()=>{var e;c(null===(e=null==l?void 0:l.current)||void 0===e?void 0:e.files)}),[l,c]);return e.createElement(dt,Object.assign({ref:p,onDragOver:m,onDragLeave:g,onDrop:f,onClick:u,isReadyToDrop:s},i),e.createElement(st,{"data-testid":"dropzone-file-input",type:"file",ref:l,onChange:b,multiple:!0}),e.createElement(ve,null,e.createElement(Ue,{variant:"text",color:"secondary",type:"button",icon:r},o)))},exports.Feedback=({onConfirm:t,buttonLabel:a,buttonIcon:r,title:n,subtitle:o})=>e.createElement(qe,{handleClickOverlay:t,buttons:e.createElement(Ue,{"data-testid":"confirm",stretch:!0,icon:r,variant:"secondary",onClick:t},a)},e.createElement(ct,{pt:3,pb:3},e.createElement(ve,{pb:5,textAlign:"center"},e.createElement(ae,null,n),o&&e.createElement(ve,{pt:5},e.createElement(ae,{level:5},o))),e.createElement(ve,{pt:5,pb:5,pl:7,pr:7},e.createElement(Ce,null)))),exports.FileField=oa,exports.Floater=t=>{var{items:a,forceEqualWidth:r=!1,stretch:o=!1}=t,i=n(t,["items","forceEqualWidth","stretch"]);return e.createElement(ve,Object.assign({mb:ht,mt:ht,ml:bt,mr:bt,display:vt},i),a.filter(Boolean).map(((t,n)=>(e=>!!e.element)(t)?e.createElement(ut,{key:n,laptopWidth:t.forceEqualWidth?100/a.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(ut,{key:n,laptopWidth:r?100/a.length+"%":void 0,stretch:o},t))))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:a,alert:r,logoUrl:n,backgroundBaseColor:o,backgroundOpacity:i})=>e.createElement(Pa,{display:"flex",alignItems:"center",baseColor:o},e.createElement(Ia,{imageUrl:a,opacity:i}),n&&e.createElement(Ma,{src:n,alt:"Logo"}),e.createElement(Da,null,r&&e.createElement(ve,{pb:7},r),e.createElement(za,Object.assign({},t)))),exports.Footer=wt,exports.FormGrid=ja,exports.FormGridWrapper=$a,exports.FormPositioner=nn,exports.HamburgerButton=Ct,exports.Header=ae,exports.HorizontalScroller=({children:t})=>e.createElement(_t,null,t),exports.Menu=Et,exports.MenuCloseButton=jt,exports.MenuItem=({item:t,isOpen:a,isActive:r,children:n})=>{const[o,i]=e.useState(!!a);return e.createElement($t,{isOpen:o,isActive:!!r},t,n&&e.createElement(Re,{onChange:i,isOpen:!!a,duration:.25},n))},exports.MenuSlideOpenIndicator=({children:t})=>e.createElement(St,null,t),exports.Modal=qe,exports.Overlay=Ge,exports.Paginator=t=>{const{isTablet:a}=Ot(),{pageCount:r,onChange:n}=t,o=Math.min(Math.max(t.currentPage,0),r),i=a?2:0,l=Math.max(1,o-i),p=Math.min(r,o+i);return e.createElement(Ft,null,e.createElement(Pt,{"data-testid":"paginate-prev",disabled:1===o,onClick:()=>n(o-1)},"⟨"),l>1&&e.createElement(Pt,{"data-testid":"paginate-page-1",active:1===o,onClick:()=>n(1)},"1"),l>2&&e.createElement(Pt,{disabled:!0},"..."),((e,t)=>{let a=[];for(let r=e;r<t;r++)a.push(r);return a})(l,p+1).map((t=>e.createElement(Pt,{"data-testid":`paginate-page-${t}`,key:t,active:o===t,onClick:()=>n(t)},t))),p<r-1&&e.createElement(Pt,{disabled:!0},"..."),p<r&&e.createElement(Pt,{"data-testid":`paginate-page-${r}`,active:o===r,onClick:()=>n(r)},r),e.createElement(Pt,{"data-testid":"paginate-next",disabled:o===r,onClick:()=>n(o+1)},"⟩"))},exports.Panel=Ie,exports.Paragraph=re,exports.PasswordStrengthField=xa,exports.ScaffoldForm=pn,exports.ScaffoldFormContext=on,exports.ScaffoldFormProvider=({factory:t,children:a})=>e.createElement(on.Provider,{value:{factory:t}},a),exports.Section=t=>e.createElement(ve,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=sa,exports.SideBarHeader=({children:t,right:a})=>e.createElement(At,{mb:7},e.createElement(ve,{flexGrow:1,display:"flex"},e.createElement(ve,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),a&&e.createElement(ve,null,a)),exports.SimpleTimeline=({color:t,icon:a,title:r,titleMeta:n})=>e.createElement(Lt,null,e.createElement(Bt,{className:"line"},e.createElement(Ht,{color:t},a)),e.createElement(ve,{pb:4,flexGrow:1},e.createElement(Gt,{titleMeta:n,title:r}))),exports.SlideInFromTop=K,exports.Statistic=({icon:t,value:a,label:r,backgroundColor:n,smallerValue:o})=>e.createElement(It,{backgroundColor:n},e.createElement(Mt,null,t),e.createElement(ve,{flexGrow:1,textAlign:"right"},e.createElement(Dt,null,r),e.createElement(zt,{smallerValue:o},a))),exports.StyledTable=Ze,exports.Tab=t=>{var{id:a,isActive:r,onClick:o}=t,i=n(t,["id","isActive","onClick"]);const l=e.useCallback((()=>{r||null==o||o(a)}),[a,r,o]);return e.createElement(Rt,Object.assign({},i,{onClick:l,isActive:r}))},exports.TabContent=t=>e.createElement(Tt,Object.assign({p:3},t)),exports.Table=tt,exports.Tabs=Nt,exports.TextField=Qt,exports.Timeline=({title:t,icon:a,color:r,isInitiallyOpen:n,titleMeta:o,chevron:i,children:l})=>e.createElement(Lt,null,e.createElement(Bt,null,e.createElement(Ht,{color:r},a)),e.createElement(ve,{pb:4,flexGrow:1},e.createElement(Te,{isInitiallyOpen:n,titleMeta:o,title:t,titleAction:i},l))),exports.TopBar=Vt,exports.UiProvider=B,exports.UiWrapper=({theme:t,children:a})=>e.createElement(B,{theme:t},e.createElement(W,null,e.createElement(Y,null,a))),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports.calculatePasswordScore=ba,exports.getFormGridWrapperProps=Ea,exports.isResponsiveObject=le,exports.mq=ie,exports.passwordHasLowerAndUppercase=ma,exports.passwordHasNumbers=ca,exports.passwordHasSpecialChars=ga,exports.passwordMinLength=da,exports.responsiveProps=pe,exports.theme=G,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:a}=V();e.useEffect((()=>{a()}),[t,a])},exports.useResponsiveBreakpoints=Ot,exports.useToggleMobileMenu=({currentRoute:t})=>{const[a,r]=e.useState(!1),n=e.useCallback((()=>{r((e=>!e))}),[]),o=e.useCallback((()=>{r(!0)}),[]),i=e.useCallback((()=>{r(!1)}),[]);return e.useEffect((()=>{i()}),[t,i]),{isOpen:a,open:o,close:i,toggle:n}};
|
|
774
|
+
`;var Ta="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};function Na(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var Ga=1/0,La=9007199254740991,Ba=17976931348623157e292,Ha=NaN,qa="[object Function]",Wa="[object GeneratorFunction]",Va="[object Symbol]",Ya=/^\s+|\s+$/g,Ua=/^[-+]0x[0-9a-f]+$/i,Xa=/^0b[01]+$/i,Za=/^0o[0-7]+$/i,Ja=/^(?:0|[1-9]\d*)$/,Ka=parseInt,Qa=Object.prototype.toString,er=Math.ceil,tr=Math.max;function ar(e,t,a){var r=-1,n=e.length;t<0&&(t=-t>n?0:n+t),(a=a>n?n:a)<0&&(a+=n),n=t>a?0:a-t>>>0,t>>>=0;for(var o=Array(n);++r<n;)o[r]=e[r+t];return o}function rr(e,t,a){if(!nr(a))return!1;var r=typeof t;return!!("number"==r?function(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=La}(e.length)&&!function(e){var t=nr(e)?Qa.call(e):"";return t==qa||t==Wa}(e)}(a)&&function(e,t){return!!(t=null==t?La:t)&&("number"==typeof e||Ja.test(e))&&e>-1&&e%1==0&&e<t}(t,a.length):"string"==r&&t in a)&&function(e,t){return e===t||e!=e&&t!=t}(a[t],e)}function nr(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var or=Na((function(e,t,a){t=(a?rr(e,t,a):void 0===t)?1:tr(function(e){var t=function(e){if(!e)return 0===e?e:0;if(e=function(e){if("number"==typeof e)return e;if(function(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&Qa.call(e)==Va}(e))return Ha;if(nr(e)){var t="function"==typeof e.valueOf?e.valueOf():e;e=nr(t)?t+"":t}if("string"!=typeof e)return 0===e?e:+e;e=e.replace(Ya,"");var a=Xa.test(e);return a||Za.test(e)?Ka(e.slice(2),a?2:8):Ua.test(e)?Ha:+e}(e),e===Ga||e===-Ga){return(e<0?-1:1)*Ba}return e==e?e:0}(e),a=t%1;return t==t?a?t-a:t:0}(t),0);var r=e?e.length:0;if(!r||t<1)return[];for(var n=0,o=0,i=Array(er(r/t));n<r;)i[o++]=ar(e,n,n+=t);return i}));class ir{constructor(e){this.grid=e}getValues(){return this.grid}getDistinctValues(){const e=[];return this.grid.forEach((t=>{t.forEach((t=>{e.includes(t)||e.push(t)}))})),e}sliceArea(e,t){if(e.x>t.x||e.y>t.y)throw new Error("Coordinates are mixed up. Please ensure topLeft is actually in the top-left corner. And bottomRight is actually in the bottom-right corner");return new ir(this.grid.slice(e.y,t.y+1).map((a=>a.slice(e.x,t.x+1))))}getCoordinatesForValue(e){const t=[],a=[];return this.grid.forEach(((r,n)=>{r.forEach(((r,o)=>{r===e&&(t.push(o),a.push(n))}))})),{topLeft:{x:Math.min(...t),y:Math.min(...a)},bottomRight:{x:Math.max(...t),y:Math.max(...a)}}}}var lr="__lodash_hash_undefined__",pr=9007199254740991,sr="[object Arguments]",dr="[object Function]",cr="[object GeneratorFunction]",mr=/^\[object .+?Constructor\]$/,gr="object"==typeof Ta&&Ta&&Ta.Object===Object&&Ta,fr="object"==typeof self&&self&&self.Object===Object&&self,ur=gr||fr||Function("return this")();function br(e,t){return!!(e?e.length:0)&&function(e,t,a){if(t!=t)return function(e,t,a,r){var n=e.length,o=a+(r?1:-1);for(;r?o--:++o<n;)if(t(e[o],o,e))return o;return-1}(e,xr,a);var r=a-1,n=e.length;for(;++r<n;)if(e[r]===t)return r;return-1}(e,t,0)>-1}function hr(e,t,a){for(var r=-1,n=e?e.length:0;++r<n;)if(a(t,e[r]))return!0;return!1}function vr(e,t){for(var a=-1,r=t.length,n=e.length;++a<r;)e[n+a]=t[a];return e}function xr(e){return e!=e}function kr(e,t){return e.has(t)}var yr,wr=Array.prototype,_r=Function.prototype,Cr=Object.prototype,Er=ur["__core-js_shared__"],$r=(yr=/[^.]+$/.exec(Er&&Er.keys&&Er.keys.IE_PROTO||""))?"Symbol(src)_1."+yr:"",jr=_r.toString,Sr=Cr.hasOwnProperty,Ar=Cr.toString,Or=RegExp("^"+jr.call(Sr).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),Fr=ur.Symbol,Pr=Cr.propertyIsEnumerable,zr=wr.splice,Dr=Fr?Fr.isConcatSpreadable:void 0,Ir=Math.max,Mr=Yr(ur,"Map"),Rr=Yr(Object,"create");function Tr(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}function Nr(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}function Gr(e){var t=-1,a=e?e.length:0;for(this.clear();++t<a;){var r=e[t];this.set(r[0],r[1])}}function Lr(e){var t=-1,a=e?e.length:0;for(this.__data__=new Gr;++t<a;)this.add(e[t])}function Br(e,t){for(var a,r,n=e.length;n--;)if((a=e[n][0])===(r=t)||a!=a&&r!=r)return n;return-1}function Hr(e,t,a,r){var n,o=-1,i=br,l=!0,p=e.length,s=[],d=t.length;if(!p)return s;a&&(t=function(e,t){for(var a=-1,r=e?e.length:0,n=Array(r);++a<r;)n[a]=t(e[a],a,e);return n}(t,(n=a,function(e){return n(e)}))),r?(i=hr,l=!1):t.length>=200&&(i=kr,l=!1,t=new Lr(t));e:for(;++o<p;){var c=e[o],m=a?a(c):c;if(c=r||0!==c?c:0,l&&m==m){for(var g=d;g--;)if(t[g]===m)continue e;s.push(c)}else i(t,m,r)||s.push(c)}return s}function qr(e,t,a,r,n){var o=-1,i=e.length;for(a||(a=Ur),n||(n=[]);++o<i;){var l=e[o];t>0&&a(l)?t>1?qr(l,t-1,a,r,n):vr(n,l):r||(n[n.length]=l)}return n}function Wr(e){if(!an(e)||(t=e,$r&&$r in t))return!1;var t,a=tn(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?Or:mr;return a.test(function(e){if(null!=e){try{return jr.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e))}function Vr(e,t){var a,r,n=e.__data__;return("string"==(r=typeof(a=t))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==a:null===a)?n["string"==typeof t?"string":"hash"]:n.map}function Yr(e,t){var a=function(e,t){return null==e?void 0:e[t]}(e,t);return Wr(a)?a:void 0}function Ur(e){return Kr(e)||function(e){return en(e)&&Sr.call(e,"callee")&&(!Pr.call(e,"callee")||Ar.call(e)==sr)}(e)||!!(Dr&&e&&e[Dr])}Tr.prototype.clear=function(){this.__data__=Rr?Rr(null):{}},Tr.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},Tr.prototype.get=function(e){var t=this.__data__;if(Rr){var a=t[e];return a===lr?void 0:a}return Sr.call(t,e)?t[e]:void 0},Tr.prototype.has=function(e){var t=this.__data__;return Rr?void 0!==t[e]:Sr.call(t,e)},Tr.prototype.set=function(e,t){return this.__data__[e]=Rr&&void 0===t?lr:t,this},Nr.prototype.clear=function(){this.__data__=[]},Nr.prototype.delete=function(e){var t=this.__data__,a=Br(t,e);return!(a<0)&&(a==t.length-1?t.pop():zr.call(t,a,1),!0)},Nr.prototype.get=function(e){var t=this.__data__,a=Br(t,e);return a<0?void 0:t[a][1]},Nr.prototype.has=function(e){return Br(this.__data__,e)>-1},Nr.prototype.set=function(e,t){var a=this.__data__,r=Br(a,e);return r<0?a.push([e,t]):a[r][1]=t,this},Gr.prototype.clear=function(){this.__data__={hash:new Tr,map:new(Mr||Nr),string:new Tr}},Gr.prototype.delete=function(e){return Vr(this,e).delete(e)},Gr.prototype.get=function(e){return Vr(this,e).get(e)},Gr.prototype.has=function(e){return Vr(this,e).has(e)},Gr.prototype.set=function(e,t){return Vr(this,e).set(e,t),this},Lr.prototype.add=Lr.prototype.push=function(e){return this.__data__.set(e,lr),this},Lr.prototype.has=function(e){return this.__data__.has(e)};var Xr,Zr,Jr=(Xr=function(e,t){return en(e)?Hr(e,qr(t,1,en,!0)):[]},Zr=Ir(void 0===Zr?Xr.length-1:Zr,0),function(){for(var e=arguments,t=-1,a=Ir(e.length-Zr,0),r=Array(a);++t<a;)r[t]=e[Zr+t];t=-1;for(var n=Array(Zr+1);++t<Zr;)n[t]=e[t];return n[Zr]=r,function(e,t,a){switch(a.length){case 0:return e.call(t);case 1:return e.call(t,a[0]);case 2:return e.call(t,a[0],a[1]);case 3:return e.call(t,a[0],a[1],a[2])}return e.apply(t,a)}(Xr,this,n)});var Kr=Array.isArray;function Qr(e){return null!=e&&function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=pr}(e.length)&&!tn(e)}function en(e){return function(e){return!!e&&"object"==typeof e}(e)&&Qr(e)}function tn(e){var t=an(e)?Ar.call(e):"";return t==dr||t==cr}function an(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}var rn=Na(Jr);const nn=(e,t)=>{const a=[...Array(e)].map((e=>"1fr"));return t&&a.push("auto"),a.join(" ")};class on{constructor(e,t={}){this.fields=e,this.columns=t}setGrid(e,t,r){"object"==typeof this.columns&&(this.columns[e]=t);const n=new ir(r);((e,t)=>{const a=t.getDistinctValues();if(a.length<e.length)throw new Error(`Not all given fields are present in the grid. Please add these fields ${rn(a,e).map((e=>`"${e}"`)).join(", ")}`);a.forEach((a=>{if(!e.includes(a))throw new Error(`${a} is not an existing field. Existing fields are ${e.map((e=>`"${e}"`)).join(", ")}.`);const r=t.getCoordinatesForValue(a),n=t.sliceArea(r.topLeft,r.bottomRight).getDistinctValues();if(1!==n.length||n[0]!==a)throw new Error(`Grid contains an unsupported shape. Please make sure "${a}" has a rectangular shape.`)}))})(Object.keys(this.fields),n);const o=a.produce(this.fields,(t=>{Object.keys(this.fields).forEach((a=>{const r=t[a].props,{topLeft:o,bottomRight:i}=n.getCoordinatesForValue(a);void 0===r.position&&(r.position={}),le(r.position)||(r.position={mobile:r.position}),r.position[e]={column:o.x,columnSpan:i.x-o.x+1,row:o.y,rowSpan:i.y-o.y+1}}))}));return new on(o,this.columns)}setVertical(e,t=1,a){return this.setGrid(e,null!=a?a:nn(t,!1),or(Object.keys(this.fields),t))}setHorizontal(e,t){const a=Object.keys(this.fields);return this.setGrid(e,null!=t?t:nn(a.length,!1),[a])}getColumns(){return this.columns}getFields(){return this.fields}getScaffoldProps(){return{fields:this.fields,columns:this.columns}}}const ln=e.createContext({factory:void 0}),pn=e.forwardRef(((t,a)=>{var{name:r,field:o}=t,i=n(t,["name","field"]);const{factory:l}=e.useContext(ln),p=$a(o.props),s=(null==l?void 0:l(o))||(e=>{switch(e.type){case"Button":return Ue;case"Checkbox":return Zt;case"Select":return da;case"FileField":return ia;case"PasswordStrengthField":return ka;default:return ea}})(o);return"TextField"===o.type&&"hidden"===o.props.type?e.createElement(s,Object.assign({ref:a,name:r},i,o.props)):e.createElement(ja,Object.assign({},p),e.createElement(s,Object.assign({ref:a,name:r,placeholder:o.props.placeholder||p.label,className:he(!!p.error&&"error",o.props.className)},i,o.props)))})),sn=e.forwardRef(((t,a)=>{var{children:r,columns:o,fields:i,prefixFieldNames:l}=t,p=n(t,["children","columns","fields","prefixFieldNames"]);return e.createElement(Sa,{columns:o},Object.entries(i).map((([t,r])=>e.createElement(pn,Object.assign({name:`${null!=l?l:""}${t}`,key:t,field:r,ref:a},p)))),r)}));exports.Alert=({children:t,title:a,variant:r="basic"})=>e.createElement("div",{className:he(Q.wrapper,Q[`variant-${r}`])},e.createElement(ve,{p:3},a&&e.createElement(ve,{pb:t?1:0},e.createElement(ae,{level:4},a)),t&&e.createElement(re,null,t))),exports.AnimatedCheckmark=Ce,exports.BasicLayout=({sideBarProps:t,topBarProps:a,footerProps:r,isLoading:n,loader:o,children:i})=>e.createElement(Aa,{flexGrow:1,display:"flex",flexDirection:"column"},e.createElement(Oa,{flexGrow:1,flexShrink:0},t&&e.createElement(Fa,null,e.createElement(wt,Object.assign({},t))),e.createElement(Pa,{display:"flex",flexDirection:"column"},e.createElement(Vt,Object.assign({},a)),e.createElement(ve,{p:{laptop:7,mobile:4},pl:{laptop:22},flexGrow:1},n&&o?o:i),e.createElement(_t,Object.assign({},r))))),exports.Box=ve,exports.BreadCrumbs=t=>e.createElement("ul",Object.assign({className:he(Ee,t.className)},t)),exports.BreakPointValues=oe,exports.Button=Ue,exports.Checkbox=Zt,exports.CollapsiblePanel=Te,exports.ConfirmButton=t=>{var a,{modalProps:r}=t,o=n(t,["modalProps"]);const[i,l]=(({onConfirm:t})=>{const[a,r]=e.useState(!1);return[{onCancel:()=>r(!1),onConfirm:()=>{t(),r(!1)},isOpen:a},()=>r(!0)]})({onConfirm:null!==(a=r.onConfirm)&&void 0!==a?a:Ze});return e.createElement(e.Fragment,null,e.createElement(Ue,Object.assign({},o,{onClick:l})),e.createElement(Xe,Object.assign({title:"Are you sure?"},r,i)))},exports.ConfirmModal=Xe,exports.Crumb=t=>e.createElement("li",Object.assign({className:he(Ee,t.className)},t)),exports.Details=({details:t,firstColumnWidth:a})=>e.createElement(tt,null,e.createElement("tbody",null,Object.entries(t).map((([t,r],n)=>e.createElement(tt.Row,{key:t,disableHover:!0},e.createElement(tt.Cell,{style:{width:a},className:he(at.cell,0===n&&at.isFirstRow)},t),e.createElement(tt.Cell,{className:he(at.cell,0===n&&at.isFirstRow)},r)))))),exports.Dropdown=({buttonProps:t,align:a="left",children:r,stayOpenOnClick:n})=>{const o=e.useRef(null),[i,l]=e.useState(!1),p=e.useCallback((()=>l(!0)),[l]),s=e.useCallback((e=>{var t;n&&(null===(t=o.current)||void 0===t?void 0:t.contains(e.target))||l(!1)}),[l,n]);return e.useEffect((()=>(i&&setTimeout((()=>document.addEventListener("click",s)),1),()=>{document.removeEventListener("click",s)})),[i,s]),e.createElement("div",{className:rt},e.createElement(Ue,Object.assign({},t,{onClick:p})),i&&e.createElement(K,{speed:".1s"},e.createElement("span",{className:he(nt,"left"===a&&ot,"right"===a&&it),ref:o},r)))},exports.DropdownMenu=t=>{var{className:a}=t,r=n(t,["className"]);return e.createElement("ul",Object.assign({className:he(lt,a)},r))},exports.DropdownMenuItem=t=>{var{className:a}=t,r=n(t,["className"]);return e.createElement("li",Object.assign({className:he(pt,a)},r))},exports.Dropzone=t=>{var{onChange:a,icon:r,label:o}=t,i=n(t,["onChange","icon","label"]);const l=e.useRef(null),p=e.useRef(null),[s,d]=e.useState(!1),c=e.useCallback((e=>{e&&a&&a(Array.from(e))}),[a]),m=e.useCallback((e=>{e.preventDefault(),d(!0)}),[]),g=e.useCallback((e=>{e.preventDefault(),d(!1)}),[]),f=e.useCallback((e=>{var t;e.preventDefault(),d(!1),c(null===(t=e.dataTransfer)||void 0===t?void 0:t.files)}),[c]),u=e.useCallback((()=>{var e;null===(e=l.current)||void 0===e||e.click()}),[l]),b=e.useCallback((()=>{var e;c(null===(e=null==l?void 0:l.current)||void 0===e?void 0:e.files)}),[l,c]);return e.createElement("div",Object.assign({ref:p,onDragOver:m,onDragLeave:g,onDrop:f,onClick:u,className:he(st,s&&dt)},i),e.createElement("input",{className:ct,"data-testid":"dropzone-file-input",type:"file",ref:l,onChange:b,multiple:!0}),e.createElement(ve,null,e.createElement(Ue,{variant:"text",color:"secondary",type:"button",icon:r},o)))},exports.Feedback=({onConfirm:t,buttonLabel:a,buttonIcon:r,title:n,subtitle:o})=>e.createElement(qe,{handleClickOverlay:t,buttons:e.createElement(Ue,{"data-testid":"confirm",stretch:!0,icon:r,variant:"secondary",onClick:t},a)},e.createElement(ve,{pt:3,pb:3,className:mt},e.createElement(ve,{pb:5,textAlign:"center"},e.createElement(ae,null,n),o&&e.createElement(ve,{pt:5},e.createElement(ae,{level:5},o))),e.createElement(ve,{pt:5,pb:5,pl:7,pr:7},e.createElement(Ce,null)))),exports.FileField=ia,exports.Floater=t=>{var{items:a,forceEqualWidth:r=!1,stretch:o=!1}=t,i=n(t,["items","forceEqualWidth","stretch"]);return e.createElement(ve,Object.assign({mb:vt,mt:vt,ml:ht,mr:ht,display:xt},i),a.filter(Boolean).map(((t,n)=>(e=>!!e.element)(t)?e.createElement(bt,{key:n,laptopWidth:t.forceEqualWidth?100/a.length+"%":void 0,stretch:t.stretch||!1},t.element):e.createElement(bt,{key:n,laptopWidth:r?100/a.length+"%":void 0,stretch:o},t))))},exports.FloatingPanelLayout=({panelProps:t,imageUrl:a,alert:r,logoUrl:n,backgroundBaseColor:o,backgroundOpacity:i})=>e.createElement(za,{display:"flex",alignItems:"center",baseColor:o},e.createElement(Da,{imageUrl:a,opacity:i}),n&&e.createElement(Ra,{src:n,alt:"Logo"}),e.createElement(Ia,null,r&&e.createElement(ve,{pb:7},r),e.createElement(Ma,Object.assign({},t)))),exports.Footer=_t,exports.FormGrid=Sa,exports.FormGridWrapper=ja,exports.FormPositioner=on,exports.HamburgerButton=Et,exports.Header=ae,exports.HorizontalScroller=({children:t})=>e.createElement("div",{className:Ct},t),exports.Menu=$t,exports.MenuCloseButton=St,exports.MenuItem=({item:t,isOpen:a,isActive:r,children:n})=>{const[o,i]=e.useState(!!a);return e.createElement(jt,{isOpen:o,isActive:!!r},t,n&&e.createElement(Re,{onChange:i,isOpen:!!a,duration:.25},n))},exports.MenuSlideOpenIndicator=({children:t})=>e.createElement(At,null,t),exports.Modal=qe,exports.Overlay=Ge,exports.Paginator=t=>{const{isTablet:a}=Ft(),{pageCount:r,onChange:n}=t,o=Math.min(Math.max(t.currentPage,0),r),i=a?2:0,l=Math.max(1,o-i),p=Math.min(r,o+i);return e.createElement(Pt,null,e.createElement(zt,{"data-testid":"paginate-prev",disabled:1===o,onClick:()=>n(o-1)},"⟨"),l>1&&e.createElement(zt,{"data-testid":"paginate-page-1",active:1===o,onClick:()=>n(1)},"1"),l>2&&e.createElement(zt,{disabled:!0},"..."),((e,t)=>{let a=[];for(let r=e;r<t;r++)a.push(r);return a})(l,p+1).map((t=>e.createElement(zt,{"data-testid":`paginate-page-${t}`,key:t,active:o===t,onClick:()=>n(t)},t))),p<r-1&&e.createElement(zt,{disabled:!0},"..."),p<r&&e.createElement(zt,{"data-testid":`paginate-page-${r}`,active:o===r,onClick:()=>n(r)},r),e.createElement(zt,{"data-testid":"paginate-next",disabled:o===r,onClick:()=>n(o+1)},"⟩"))},exports.Panel=ze,exports.Paragraph=re,exports.PasswordStrengthField=ka,exports.ScaffoldForm=sn,exports.ScaffoldFormContext=ln,exports.ScaffoldFormProvider=({factory:t,children:a})=>e.createElement(ln.Provider,{value:{factory:t}},a),exports.Section=t=>e.createElement(ve,Object.assign({pb:{laptop:7,mobile:4}},t)),exports.Select=da,exports.SideBarHeader=({children:t,right:a})=>e.createElement(Ot,{mb:7},e.createElement(ve,{flexGrow:1,display:"flex"},e.createElement(ve,{flexGrow:1,display:"flex",flexDirection:"column",justifyContent:"center"},t)),a&&e.createElement(ve,null,a)),exports.SimpleTimeline=({color:t,icon:a,title:r,titleMeta:n})=>e.createElement(Bt,null,e.createElement(Ht,{className:"line"},e.createElement(qt,{color:t},a)),e.createElement(ve,{pb:4,flexGrow:1},e.createElement(Lt,{titleMeta:n,title:r}))),exports.SlideInFromTop=K,exports.Statistic=({icon:t,value:a,label:r,backgroundColor:n,smallerValue:o})=>e.createElement(Dt,{backgroundColor:n},e.createElement(Rt,null,t),e.createElement(ve,{flexGrow:1,textAlign:"right"},e.createElement(It,null,r),e.createElement(Mt,{smallerValue:o},a))),exports.StyledTable=Je,exports.Tab=t=>{var{id:a,isActive:r,onClick:o}=t,i=n(t,["id","isActive","onClick"]);const l=e.useCallback((()=>{r||null==o||o(a)}),[a,r,o]);return e.createElement(Tt,Object.assign({},i,{onClick:l,isActive:r}))},exports.TabContent=t=>e.createElement(Nt,Object.assign({p:3},t)),exports.Table=tt,exports.Tabs=Gt,exports.TextField=ea,exports.Timeline=({title:t,icon:a,color:r,isInitiallyOpen:n,titleMeta:o,chevron:i,children:l})=>e.createElement(Bt,null,e.createElement(Ht,null,e.createElement(qt,{color:r},a)),e.createElement(ve,{pb:4,flexGrow:1},e.createElement(Te,{isInitiallyOpen:n,titleMeta:o,title:t,titleAction:i},l))),exports.TopBar=Vt,exports.UiProvider=B,exports.UiWrapper=({theme:t,children:a})=>e.createElement(B,{theme:t},e.createElement(V,null,e.createElement(Y,null,a))),exports.VerticalRhythmLaptop=7,exports.VerticalRhythmMobile=4,exports.calculatePasswordScore=ha,exports.getFormGridWrapperProps=$a,exports.isResponsiveObject=le,exports.mq=ie,exports.passwordHasLowerAndUppercase=ga,exports.passwordHasNumbers=ma,exports.passwordHasSpecialChars=fa,exports.passwordMinLength=ca,exports.responsiveProps=pe,exports.theme=G,exports.useCloseSidebarOnNavigate=t=>{const{closeSideMenu:a}=W();e.useEffect((()=>{a()}),[t,a])},exports.useResponsiveBreakpoints=Ft,exports.useToggleMobileMenu=({currentRoute:t})=>{const[a,r]=e.useState(!1),n=e.useCallback((()=>{r((e=>!e))}),[]),o=e.useCallback((()=>{r(!0)}),[]),i=e.useCallback((()=>{r(!1)}),[]);return e.useEffect((()=>{i()}),[t,i]),{isOpen:a,open:o,close:i,toggle:n}};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from
|
|
2
|
-
interface Props extends Omit<React.HTMLAttributes<HTMLDivElement>,
|
|
1
|
+
import React from "react";
|
|
2
|
+
interface Props extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
|
|
3
3
|
onChange?: (fileList: File[]) => void;
|
|
4
4
|
icon?: JSX.Element;
|
|
5
5
|
label: string;
|