quicksnack 3.40.0 → 3.42.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 +158 -323
- package/dist/bundle.min.js +69 -278
- package/dist/src/components/Dropzone/Dropzone.d.ts +2 -2
- package/dist/src/components/Feedback/Feedback.d.ts +1 -1
- package/dist/src/components/Menu/HamburgerButton.d.ts +2 -275
- package/dist/src/components/Menu/Menu.d.ts +2 -261
- package/dist/src/components/Menu/MenuCloseButton.d.ts +2 -275
- package/dist/src/components/Menu/MenuSlideOpenIndicator.d.ts +2 -1
- package/dist/src/components/Menu/SideBar.d.ts +0 -5
- package/dist/src/components/Overlay/Overlay.d.ts +2 -261
- package/dist/src/index.d.ts +1 -1
- package/dist/src/responsiveness/responsive.d.ts +0 -1
- package/package.json +3 -2
package/dist/bundle.js
CHANGED
|
@@ -31,8 +31,8 @@ function styleInject(css, ref) {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
var css_248z$8 = ":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$
|
|
34
|
+
var css_248z$l = ":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;--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}}";
|
|
35
|
+
styleInject(css_248z$l);
|
|
36
36
|
|
|
37
37
|
/******************************************************************************
|
|
38
38
|
Copyright (c) Microsoft Corporation.
|
|
@@ -1029,7 +1029,7 @@ const UiStateProvider = ({ children }) => {
|
|
|
1029
1029
|
} }, children));
|
|
1030
1030
|
};
|
|
1031
1031
|
|
|
1032
|
-
const Wrapper$
|
|
1032
|
+
const Wrapper$8 = styledComponents.styled.div `
|
|
1033
1033
|
display: flex;
|
|
1034
1034
|
flex-direction: column;
|
|
1035
1035
|
height: 100%;
|
|
@@ -1039,7 +1039,7 @@ const Wrapper$b = styledComponents.styled.div `
|
|
|
1039
1039
|
`;
|
|
1040
1040
|
const UiWrapper = ({ theme, children }) => (React.createElement(UiProvider, { theme: theme },
|
|
1041
1041
|
React.createElement(UiStateProvider, null,
|
|
1042
|
-
React.createElement(Wrapper$
|
|
1042
|
+
React.createElement(Wrapper$8, null, children))));
|
|
1043
1043
|
|
|
1044
1044
|
function memoize(fn) {
|
|
1045
1045
|
var cache = Object.create(null);
|
|
@@ -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$k = ".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$k = {"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$k);
|
|
1081
1081
|
|
|
1082
1082
|
const sharedStyles$1 = styledComponents.css `
|
|
1083
1083
|
margin: 0 0;
|
|
@@ -1127,9 +1127,6 @@ 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$6);
|
|
1132
|
-
|
|
1133
1130
|
const breakPoints = [
|
|
1134
1131
|
"mobile",
|
|
1135
1132
|
"tablet",
|
|
@@ -1662,9 +1659,9 @@ const buildClassName = (breakpoint, name, value) => [stripMobile(breakpoint), na
|
|
|
1662
1659
|
.filter((val) => val !== undefined && val !== null)
|
|
1663
1660
|
.join(":");
|
|
1664
1661
|
|
|
1665
|
-
var css_248z$
|
|
1666
|
-
var classes$
|
|
1667
|
-
styleInject(css_248z$
|
|
1662
|
+
var css_248z$j = ".Box-module_box__Wgbf3{box-sizing:border-box}";
|
|
1663
|
+
var classes$j = {"box":"Box-module_box__Wgbf3"};
|
|
1664
|
+
styleInject(css_248z$j);
|
|
1668
1665
|
|
|
1669
1666
|
function toVal(mix) {
|
|
1670
1667
|
var k, y, str='';
|
|
@@ -1710,72 +1707,48 @@ function clsx () {
|
|
|
1710
1707
|
const Box = (_a) => {
|
|
1711
1708
|
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
|
1712
1709
|
const { classNames, variables } = getResponsiveProps(rest);
|
|
1713
|
-
return (React.createElement("div", Object.assign({ className: clsx(classes$
|
|
1710
|
+
return (React.createElement("div", Object.assign({ className: clsx(classes$j.box, className, classNames), style: variables }, rest), children));
|
|
1714
1711
|
};
|
|
1715
1712
|
|
|
1716
|
-
const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$
|
|
1713
|
+
const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$k.wrapper, classes$k[`variant-${variant}`]) },
|
|
1717
1714
|
React.createElement(Box, { p: 3 },
|
|
1718
1715
|
title && (React.createElement(Box, { pb: children ? 1 : 0 },
|
|
1719
1716
|
React.createElement(Header, { level: 4 }, title))),
|
|
1720
1717
|
children && React.createElement(Paragraph, null, children))));
|
|
1721
1718
|
|
|
1722
|
-
var css_248z$
|
|
1723
|
-
var classes$
|
|
1724
|
-
styleInject(css_248z$
|
|
1719
|
+
var css_248z$i = ".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}}";
|
|
1720
|
+
var classes$i = {"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"};
|
|
1721
|
+
styleInject(css_248z$i);
|
|
1725
1722
|
|
|
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$
|
|
1723
|
+
const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$i.svg, viewBox: "0 0 154 154" },
|
|
1724
|
+
React.createElement("g", { className: classes$i.mask },
|
|
1725
|
+
React.createElement("circle", { className: classes$i.circle, cx: "77", cy: "77", r: "72" }),
|
|
1726
|
+
React.createElement("circle", { className: classes$i.circleColored, cx: "77", cy: "77", r: "72" }),
|
|
1727
|
+
React.createElement("polyline", { className: classes$i.polyline, points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
|
|
1731
1728
|
|
|
1732
|
-
var css_248z$
|
|
1733
|
-
var classes$
|
|
1734
|
-
styleInject(css_248z$
|
|
1729
|
+
var css_248z$h = ".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}";
|
|
1730
|
+
var classes$h = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
|
|
1731
|
+
styleInject(css_248z$h);
|
|
1735
1732
|
|
|
1736
|
-
const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$
|
|
1737
|
-
const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$
|
|
1733
|
+
const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$h.breadcrumbs, props.className) }, props));
|
|
1734
|
+
const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$h.crumb, props.className) }, props));
|
|
1738
1735
|
|
|
1739
|
-
var css_248z$
|
|
1740
|
-
var classes$
|
|
1741
|
-
styleInject(css_248z$
|
|
1736
|
+
var css_248z$g = ".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)}";
|
|
1737
|
+
var classes$g = {"panel":"CollapsiblePanel-module_panel__DrLNG","isClosed":"CollapsiblePanel-module_isClosed__2qVew","titleActionWrapper":"CollapsiblePanel-module_titleActionWrapper__SBw5b"};
|
|
1738
|
+
styleInject(css_248z$g);
|
|
1742
1739
|
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
border: 1px solid #dededf;
|
|
1747
|
-
box-shadow: 0px 2px 3px rgb(0 0 0 / 6%);
|
|
1748
|
-
`;
|
|
1749
|
-
const Meta = styledComponents.styled(Box) `
|
|
1750
|
-
font-size: 12px;
|
|
1751
|
-
font-style: italic;
|
|
1752
|
-
`;
|
|
1753
|
-
const Title = styledComponents.styled(Box) `
|
|
1754
|
-
${(props) => props.panelHasChildren &&
|
|
1755
|
-
styledComponents.css `
|
|
1756
|
-
border-radius: 4px;
|
|
1757
|
-
border-bottom: 1px solid rgba(34, 36, 38, 0.15);
|
|
1758
|
-
`}
|
|
1740
|
+
var css_248z$f = ".Panel-module_wrapper__vFRhJ{background-color:var(--common-white);border:1px solid #dededf;border-radius:4px;box-shadow:0 2px 3px #0000000f}.Panel-module_meta__Gj-8n{font-size:12px;font-style:italic}.Panel-module_title__181OP.Panel-module_hasChildren__UZijE{border-bottom:1px solid #22242626;border-radius:4px}.Panel-module_title__181OP.Panel-module_hasOnClick__X5WSh{cursor:pointer;user-select:none}.Panel-module_footer__t6-hz{background-color:#fff;border-radius:4px;border-top:1px solid #22242626}";
|
|
1741
|
+
var classes$f = {"wrapper":"Panel-module_wrapper__vFRhJ","meta":"Panel-module_meta__Gj-8n","title":"Panel-module_title__181OP","hasChildren":"Panel-module_hasChildren__UZijE","hasOnClick":"Panel-module_hasOnClick__X5WSh","footer":"Panel-module_footer__t6-hz"};
|
|
1742
|
+
styleInject(css_248z$f);
|
|
1759
1743
|
|
|
1760
|
-
|
|
1761
|
-
|
|
1762
|
-
cursor: pointer;
|
|
1763
|
-
user-select: none;
|
|
1764
|
-
`}
|
|
1765
|
-
`;
|
|
1766
|
-
const Footer$1 = styledComponents.styled(Box) `
|
|
1767
|
-
border-radius: 4px;
|
|
1768
|
-
background-color: #fff;
|
|
1769
|
-
border-top: 1px solid rgba(34, 36, 38, 0.15);
|
|
1770
|
-
`;
|
|
1771
|
-
const Panel = ({ children, className, title, titleAction, titleMeta, onClickTitle, footer, p = 3, titleLevel = 5, }) => (React.createElement(Wrapper$a, { className: className },
|
|
1772
|
-
title && (React.createElement(Title, { p: 3, panelHasChildren: !!children, display: "flex", alignItems: "center", onClick: onClickTitle },
|
|
1744
|
+
const Panel = ({ children, className, title, titleAction, titleMeta, onClickTitle, footer, p = 3, titleLevel = 5, }) => (React.createElement("div", { className: clsx(className, classes$f.wrapper) },
|
|
1745
|
+
title && (React.createElement(Box, { p: 3, display: "flex", alignItems: "center", onClick: onClickTitle, className: clsx(classes$f.title, !!children && classes$f.hasChildren, !!onClickTitle && classes$f.hasOnClick) },
|
|
1773
1746
|
React.createElement(Box, { flexGrow: 1 },
|
|
1774
1747
|
React.createElement(Header, { level: titleLevel }, title)),
|
|
1775
|
-
titleMeta && React.createElement(
|
|
1748
|
+
titleMeta && React.createElement(Box, { className: classes$f.meta }, titleMeta),
|
|
1776
1749
|
titleAction && React.createElement(Box, { pl: 5 }, titleAction))),
|
|
1777
1750
|
children && React.createElement(Box, { p: p }, children),
|
|
1778
|
-
footer && React.createElement(
|
|
1751
|
+
footer && (React.createElement(Box, { p: 3, className: classes$f.footer }, footer))));
|
|
1779
1752
|
|
|
1780
1753
|
const Animation = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
1781
1754
|
transform: ${props => props.isOpen ? `translate(0)` : `translateY(-101%)`};
|
|
@@ -1783,7 +1756,7 @@ const Animation = styledComponents.styled.div.withConfig({ shouldForwardProp: is
|
|
|
1783
1756
|
transition-property: transform;
|
|
1784
1757
|
}
|
|
1785
1758
|
`;
|
|
1786
|
-
const Wrapper$
|
|
1759
|
+
const Wrapper$7 = styledComponents.styled.div `
|
|
1787
1760
|
overflow: hidden;
|
|
1788
1761
|
`;
|
|
1789
1762
|
const Hider = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
@@ -1814,7 +1787,7 @@ const SlideOpen = ({ isOpen, children, duration, onChange }) => {
|
|
|
1814
1787
|
onChange === null || onChange === void 0 ? void 0 : onChange(true);
|
|
1815
1788
|
}
|
|
1816
1789
|
}, [isOpen, onChange]);
|
|
1817
|
-
return (React.createElement(Wrapper$
|
|
1790
|
+
return (React.createElement(Wrapper$7, null,
|
|
1818
1791
|
React.createElement(Animation, { isOpen: isDelayedOpen, onTransitionEndCapture: handleTransitionEnd, duration: duration },
|
|
1819
1792
|
React.createElement(Hider, { isHidden: isHidden }, children))));
|
|
1820
1793
|
};
|
|
@@ -1823,7 +1796,7 @@ const CollapsiblePanel = (_a) => {
|
|
|
1823
1796
|
var { isInitiallyOpen, children, titleAction } = _a, rest = __rest(_a, ["isInitiallyOpen", "children", "titleAction"]);
|
|
1824
1797
|
const [isOpen, setIsOpen] = React.useState(isInitiallyOpen);
|
|
1825
1798
|
const toggleOpen = React.useCallback(() => setIsOpen(!isOpen), [setIsOpen, isOpen]);
|
|
1826
|
-
return (React.createElement(Panel, Object.assign({ className: clsx(classes$
|
|
1799
|
+
return (React.createElement(Panel, Object.assign({ className: clsx(classes$g.panel, !isOpen && classes$g.isClosed) }, rest, { onClickTitle: toggleOpen, p: 0, titleAction: React.createElement("div", { className: clsx(classes$g.titleActionWrapper, !isOpen && classes$g.isClosed) }, titleAction) }),
|
|
1827
1800
|
React.createElement(SlideOpen, { isOpen: isOpen },
|
|
1828
1801
|
React.createElement(Box, { p: 3 }, children))));
|
|
1829
1802
|
};
|
|
@@ -1846,56 +1819,29 @@ const useConfirmModal = ({ onConfirm }) => {
|
|
|
1846
1819
|
];
|
|
1847
1820
|
};
|
|
1848
1821
|
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
|
|
1861
|
-
right: 0;
|
|
1862
|
-
bottom: 0;
|
|
1863
|
-
z-index: 10;
|
|
1864
|
-
opacity: 0;
|
|
1865
|
-
background-color: rgba(0,0,0,0.6);
|
|
1866
|
-
animation: ${delay} 0.2s forwards;
|
|
1867
|
-
`;
|
|
1822
|
+
var css_248z$e = ".Overlay-module_overlay__EkbfA{animation:Overlay-module_delay__za2Du .2s forwards;background-color:#0009;bottom:0;left:0;opacity:0;position:fixed;right:0;top:0;z-index:10}@keyframes Overlay-module_delay__za2Du{0%{opacity:0}to{opacity:1}}";
|
|
1823
|
+
var classes$e = {"overlay":"Overlay-module_overlay__EkbfA","delay":"Overlay-module_delay__za2Du"};
|
|
1824
|
+
styleInject(css_248z$e);
|
|
1825
|
+
|
|
1826
|
+
const Overlay = (_a) => {
|
|
1827
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
1828
|
+
return (React.createElement("div", Object.assign({ className: clsx(className, classes$e.overlay) }, rest)));
|
|
1829
|
+
};
|
|
1830
|
+
|
|
1831
|
+
var css_248z$d = ".Modal-module_wrapper__34Hds{align-items:center;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:50}.Modal-module_content__dWO-B{font-size:15px;line-height:calc(var(--spacing)*6)}.Modal-module_panel__lp9I7{box-shadow:0 8px 8px 0 #22242626}";
|
|
1832
|
+
var classes$d = {"wrapper":"Modal-module_wrapper__34Hds","content":"Modal-module_content__dWO-B","panel":"Modal-module_panel__lp9I7"};
|
|
1833
|
+
styleInject(css_248z$d);
|
|
1868
1834
|
|
|
1869
|
-
const Wrapper$8 = styledComponents.styled.div `
|
|
1870
|
-
position: fixed;
|
|
1871
|
-
top: 0;
|
|
1872
|
-
left: 0;
|
|
1873
|
-
right: 0;
|
|
1874
|
-
bottom: 0;
|
|
1875
|
-
|
|
1876
|
-
display: flex;
|
|
1877
|
-
align-items: center;
|
|
1878
|
-
justify-content: center;
|
|
1879
|
-
|
|
1880
|
-
z-index: 50;
|
|
1881
|
-
`;
|
|
1882
|
-
const StyledPanel$1 = styledComponents.styled(Panel) `
|
|
1883
|
-
box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);
|
|
1884
|
-
`;
|
|
1885
|
-
const Content = styledComponents.styled.div `
|
|
1886
|
-
line-height: ${props => props.theme.spacing(6)};
|
|
1887
|
-
font-size: 15px;
|
|
1888
|
-
`;
|
|
1889
1835
|
const Modal = (_a) => {
|
|
1890
1836
|
var { children, handleClickOverlay, buttons } = _a, panelProps = __rest(_a, ["children", "handleClickOverlay", "buttons"]);
|
|
1891
1837
|
return (React.createElement(React.Fragment, null,
|
|
1892
1838
|
React.createElement(Overlay, { onClick: handleClickOverlay }),
|
|
1893
|
-
React.createElement(
|
|
1839
|
+
React.createElement("div", { className: classes$d.wrapper },
|
|
1894
1840
|
React.createElement(SlideInFromTop, null,
|
|
1895
|
-
React.createElement(
|
|
1841
|
+
React.createElement(Panel, Object.assign({ className: classes$d.panel, footer: buttons ? (React.createElement(Box, { display: "flex", justifyContent: "flex-end" }, buttons)) : undefined }, panelProps), children && React.createElement("div", { className: classes$d.content }, children))))));
|
|
1896
1842
|
};
|
|
1897
1843
|
|
|
1898
|
-
const Wrapper$
|
|
1844
|
+
const Wrapper$6 = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
1899
1845
|
${props => props.stretch && `width: 100%;`}
|
|
1900
1846
|
${props => props.actionButton || props.stretch
|
|
1901
1847
|
? styledComponents.css `margin: 0;`
|
|
@@ -2000,9 +1946,9 @@ const IconWrapper$1 = styledComponents.styled.span.withConfig({ shouldForwardPro
|
|
|
2000
1946
|
}
|
|
2001
1947
|
`}
|
|
2002
1948
|
`;
|
|
2003
|
-
const Button
|
|
1949
|
+
const Button = React.forwardRef((_a, ref) => {
|
|
2004
1950
|
var { children, icon, stretch } = _a, props = __rest(_a, ["children", "icon", "stretch"]);
|
|
2005
|
-
return (React.createElement(Wrapper$
|
|
1951
|
+
return (React.createElement(Wrapper$6, { actionButton: props.actionButton, stretch: stretch },
|
|
2006
1952
|
React.createElement(StyledButton$1, Object.assign({ ref: ref, icon: icon, hasChildren: !!children, stretch: stretch }, props),
|
|
2007
1953
|
icon && (React.createElement(IconWrapper$1, { variant: props.variant, hasChildren: !!children }, icon)),
|
|
2008
1954
|
children)));
|
|
@@ -2010,8 +1956,8 @@ const Button$1 = React.forwardRef((_a, ref) => {
|
|
|
2010
1956
|
|
|
2011
1957
|
const ConfirmModal = ({ title, children, cancelLabel = "Nee, annuleren", confirmLabel = "Ja", confirmVariant = 'secondary', confirmIcon, cancelIcon, isOpen, onCancel, onConfirm, }) => {
|
|
2012
1958
|
return isOpen ? (React.createElement(Modal, { title: title, handleClickOverlay: onCancel, buttons: React.createElement(React.Fragment, null,
|
|
2013
|
-
React.createElement(Button
|
|
2014
|
-
React.createElement(Button
|
|
1959
|
+
React.createElement(Button, { "data-testid": "btn-cancel", onClick: onCancel, variant: "basic", icon: cancelIcon }, cancelLabel),
|
|
1960
|
+
React.createElement(Button, { "data-testid": "btn-confirm", onClick: onConfirm, variant: confirmVariant, icon: confirmIcon }, confirmLabel)) }, children)) : null;
|
|
2015
1961
|
};
|
|
2016
1962
|
|
|
2017
1963
|
const noop = () => { };
|
|
@@ -2022,7 +1968,7 @@ const ConfirmButton = (_a) => {
|
|
|
2022
1968
|
onConfirm: (_b = modalProps.onConfirm) !== null && _b !== void 0 ? _b : noop
|
|
2023
1969
|
});
|
|
2024
1970
|
return React.createElement(React.Fragment, null,
|
|
2025
|
-
React.createElement(Button
|
|
1971
|
+
React.createElement(Button, Object.assign({}, buttonProps, { onClick: openModal })),
|
|
2026
1972
|
React.createElement(ConfirmModal, Object.assign({ title: "Are you sure?" }, modalProps, modalHandlerProps)));
|
|
2027
1973
|
};
|
|
2028
1974
|
|
|
@@ -2142,26 +2088,26 @@ Table.Row = StyledTableRow;
|
|
|
2142
2088
|
Table.HeadCell = StyledTableHeadCell;
|
|
2143
2089
|
Table.Cell = TableCell;
|
|
2144
2090
|
|
|
2145
|
-
var css_248z$
|
|
2146
|
-
var classes$
|
|
2147
|
-
styleInject(css_248z$
|
|
2091
|
+
var css_248z$c = ".Details-module_row__0d8vi{vertical-align:top}.Details-module_row__0d8vi.Details-module_isFirstRow__iVno4{border-top:0!important}";
|
|
2092
|
+
var classes$c = {"row":"Details-module_row__0d8vi","isFirstRow":"Details-module_isFirstRow__iVno4"};
|
|
2093
|
+
styleInject(css_248z$c);
|
|
2148
2094
|
|
|
2149
2095
|
const Details = ({ details, firstColumnWidth, }) => (React.createElement(Table, null,
|
|
2150
2096
|
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$
|
|
2097
|
+
React.createElement(Table.Cell, { style: { width: firstColumnWidth }, className: clsx(classes$c.cell, index === 0 && classes$c.isFirstRow) }, key),
|
|
2098
|
+
React.createElement(Table.Cell, { className: clsx(classes$c.cell, index === 0 && classes$c.isFirstRow) }, val)))))));
|
|
2153
2099
|
|
|
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);
|
|
2100
|
+
var css_248z$b = ".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}";
|
|
2101
|
+
var classes$b = {"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"};
|
|
2102
|
+
styleInject(css_248z$b);
|
|
2157
2103
|
|
|
2158
2104
|
const DropdownMenu = (_a) => {
|
|
2159
2105
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2160
|
-
return (React.createElement("ul", Object.assign({ className: clsx(classes.dropdownMenu, className) }, rest)));
|
|
2106
|
+
return (React.createElement("ul", Object.assign({ className: clsx(classes$b.dropdownMenu, className) }, rest)));
|
|
2161
2107
|
};
|
|
2162
2108
|
const DropdownMenuItem = (_a) => {
|
|
2163
2109
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2164
|
-
return (React.createElement("li", Object.assign({ className: clsx(classes.dropdownMenuItem, className) }, rest)));
|
|
2110
|
+
return (React.createElement("li", Object.assign({ className: clsx(classes$b.dropdownMenuItem, className) }, rest)));
|
|
2165
2111
|
};
|
|
2166
2112
|
const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) => {
|
|
2167
2113
|
const dropper = React.useRef(null);
|
|
@@ -2181,34 +2127,16 @@ const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) =
|
|
|
2181
2127
|
document.removeEventListener("click", handleClose);
|
|
2182
2128
|
};
|
|
2183
2129
|
}, [isOpen, handleClose]);
|
|
2184
|
-
return (React.createElement("div", { className: classes.wrapper },
|
|
2185
|
-
React.createElement(Button
|
|
2130
|
+
return (React.createElement("div", { className: classes$b.wrapper },
|
|
2131
|
+
React.createElement(Button, Object.assign({}, buttonProps, { onClick: handleOpen })),
|
|
2186
2132
|
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)))));
|
|
2133
|
+
React.createElement("span", { className: clsx(classes$b.dropper, align === "left" && classes$b.left, align === "right" && classes$b.right), ref: dropper }, children)))));
|
|
2188
2134
|
};
|
|
2189
2135
|
|
|
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
|
-
`;
|
|
2136
|
+
var css_248z$a = ".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}";
|
|
2137
|
+
var classes$a = {"dropzone":"Dropzone-module_dropzone__xBUrY","isReadyToDrop":"Dropzone-module_isReadyToDrop__I9ik7","hiddenInput":"Dropzone-module_hiddenInput__7v6dW"};
|
|
2138
|
+
styleInject(css_248z$a);
|
|
2139
|
+
|
|
2212
2140
|
const Dropzone = (_a) => {
|
|
2213
2141
|
var { onChange, icon, label } = _a, rest = __rest(_a, ["onChange", "icon", "label"]);
|
|
2214
2142
|
const fileInput = React.useRef(null);
|
|
@@ -2242,21 +2170,22 @@ const Dropzone = (_a) => {
|
|
|
2242
2170
|
var _a;
|
|
2243
2171
|
handleChange((_a = fileInput === null || fileInput === void 0 ? void 0 : fileInput.current) === null || _a === void 0 ? void 0 : _a.files);
|
|
2244
2172
|
}, [fileInput, handleChange]);
|
|
2245
|
-
return (React.createElement(
|
|
2246
|
-
React.createElement(
|
|
2173
|
+
return (React.createElement("div", Object.assign({ ref: dropzone, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick, className: clsx(classes$a.dropzone, isReadyToDrop && classes$a.isReadyToDrop) }, rest),
|
|
2174
|
+
React.createElement("input", { className: classes$a.hiddenInput, "data-testid": "dropzone-file-input", type: "file", ref: fileInput, onChange: handleInputChange, multiple: true }),
|
|
2247
2175
|
React.createElement(Box, null,
|
|
2248
|
-
React.createElement(Button
|
|
2176
|
+
React.createElement(Button, { variant: "text", color: "secondary", type: "button", icon: icon }, label))));
|
|
2249
2177
|
};
|
|
2250
2178
|
|
|
2251
|
-
|
|
2252
|
-
|
|
2253
|
-
|
|
2254
|
-
|
|
2255
|
-
|
|
2179
|
+
var css_248z$9 = ".Feedback-module_box__ESWf9{width:300px}";
|
|
2180
|
+
var classes$9 = {"box":"Feedback-module_box__ESWf9"};
|
|
2181
|
+
styleInject(css_248z$9);
|
|
2182
|
+
|
|
2183
|
+
const Feedback = ({ onConfirm, buttonLabel, buttonIcon, title, subtitle, }) => (React.createElement(Modal, { handleClickOverlay: onConfirm, buttons: React.createElement(Button, { "data-testid": "confirm", stretch: true, icon: buttonIcon, variant: "secondary", onClick: onConfirm }, buttonLabel) },
|
|
2184
|
+
React.createElement(Box, { pt: 3, pb: 3, className: classes$9.box },
|
|
2256
2185
|
React.createElement(Box, { pb: 5, textAlign: "center" },
|
|
2257
2186
|
React.createElement(Header, null, title),
|
|
2258
|
-
subtitle && React.createElement(Box, { pt: 5 },
|
|
2259
|
-
React.createElement(Header, { level: 5 }, subtitle))),
|
|
2187
|
+
subtitle && (React.createElement(Box, { pt: 5 },
|
|
2188
|
+
React.createElement(Header, { level: 5 }, subtitle)))),
|
|
2260
2189
|
React.createElement(Box, { pt: 5, pb: 5, pl: 7, pr: 7 },
|
|
2261
2190
|
React.createElement(AnimatedCheckmark, null)))));
|
|
2262
2191
|
|
|
@@ -2278,152 +2207,81 @@ const Floater = (_a) => {
|
|
|
2278
2207
|
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
2208
|
};
|
|
2280
2209
|
|
|
2210
|
+
var css_248z$8 = ".Footer-module_box__KZvsx{background-color:var(--common-white);border-top:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}";
|
|
2211
|
+
var classes$8 = {"box":"Footer-module_box__KZvsx"};
|
|
2212
|
+
styleInject(css_248z$8);
|
|
2213
|
+
|
|
2214
|
+
var css_248z$7 = ".SideBar-module_wrapper__8tZbH{background-color:#243646;bottom:0;display:none;float:left;height:100%;left:0;pointer-events:auto;position:fixed;right:0;top:0;width:100%;z-index:900}.SideBar-module_wrapper__8tZbH.SideBar-module_isMobileMenuOpen__1yI4z{display:block}@media (min-width:1024px){.SideBar-module_wrapper__8tZbH{box-shadow:2px 0 6px -1px #000000bd;display:block;min-width:calc(var(--spacing)*var(--minWidth));position:static;transform:translateX(calc(-100% + var(--spacing)*var(--collapsed-width)));transition:transform .1s ease-out;width:auto}.SideBar-module_wrapper__8tZbH ul{opacity:0}.SideBar-module_wrapper__8tZbH.SideBar-module_isDesktopMenuOpen__S25Jl{transform:translateX(0)}.SideBar-module_wrapper__8tZbH.SideBar-module_isDesktopMenuOpen__S25Jl ul{opacity:1}}";
|
|
2215
|
+
var classes$7 = {"wrapper":"SideBar-module_wrapper__8tZbH","isMobileMenuOpen":"SideBar-module_isMobileMenuOpen__1yI4z","isDesktopMenuOpen":"SideBar-module_isDesktopMenuOpen__S25Jl"};
|
|
2216
|
+
styleInject(css_248z$7);
|
|
2217
|
+
|
|
2281
2218
|
const SIDEBAR_COLLAPSED_WIDTH = 15;
|
|
2282
|
-
const StyledSidebar = styledComponents.styled(Box) `
|
|
2283
|
-
float: left;
|
|
2284
|
-
|
|
2285
|
-
height: 100%;
|
|
2286
|
-
width: 100%;
|
|
2287
|
-
|
|
2288
|
-
background-color: #243646;
|
|
2289
|
-
|
|
2290
|
-
position: fixed;
|
|
2291
|
-
top: 0;
|
|
2292
|
-
left: 0;
|
|
2293
|
-
right: 0;
|
|
2294
|
-
bottom: 0;
|
|
2295
|
-
|
|
2296
|
-
z-index: 900;
|
|
2297
|
-
|
|
2298
|
-
display: ${props => props.isMobileMenuOpen ? 'block' : 'none'};
|
|
2299
|
-
pointer-events: auto;
|
|
2300
|
-
|
|
2301
|
-
${mq("laptop", styledComponents.css `
|
|
2302
|
-
position: static;
|
|
2303
|
-
display: block;
|
|
2304
|
-
width: auto;
|
|
2305
|
-
min-width: ${props => { var _a; return props.theme.spacing((_a = props.minWidth) !== null && _a !== void 0 ? _a : 75); }};
|
|
2306
|
-
box-shadow: 2px 0px 6px -1px rgba(0,0,0,0.74);
|
|
2307
|
-
|
|
2308
|
-
transition: transform .1s ease-out;
|
|
2309
|
-
transform: ${props => props.isDesktopMenuOpen
|
|
2310
|
-
? 'transform: translateX(0);'
|
|
2311
|
-
: styledComponents.css `translateX(calc(-100% + ${props => props.theme.spacing(SIDEBAR_COLLAPSED_WIDTH)}));`};
|
|
2312
|
-
|
|
2313
|
-
& ul {
|
|
2314
|
-
opacity: ${props => props.isDesktopMenuOpen ? '1' : '0'};
|
|
2315
|
-
}
|
|
2316
|
-
`)}
|
|
2317
|
-
`;
|
|
2318
2219
|
const SideBar = (props) => {
|
|
2319
2220
|
const { closeSideMenu, openSideMenu, isSideMenuOpen } = useUiStateContext();
|
|
2320
|
-
return React.createElement(
|
|
2221
|
+
return (React.createElement(Box, Object.assign({ className: clsx("sidebar", classes$7.wrapper, props.isMobileMenuOpen && classes$7.isMobileMenuOpen, isSideMenuOpen && classes$7.isDesktopMenuOpen) }, props, { onMouseEnter: openSideMenu, onMouseLeave: closeSideMenu, style: {
|
|
2222
|
+
// @ts-ignore
|
|
2223
|
+
"--minWidth": props.minWidth || 75,
|
|
2224
|
+
"--collapsed-width": SIDEBAR_COLLAPSED_WIDTH,
|
|
2225
|
+
} })));
|
|
2321
2226
|
};
|
|
2322
2227
|
|
|
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));
|
|
2228
|
+
const Footer = ({ children, }) => (React.createElement(Box, { pt: 2, pb: 2, pr: 5, pl: { mobile: 5, laptop: SIDEBAR_COLLAPSED_WIDTH + 5 }, className: classes$8.box }, children));
|
|
2330
2229
|
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
`;
|
|
2335
|
-
const HorizontalScroller = ({ children }) => (React.createElement(Scroller, null, children));
|
|
2230
|
+
var css_248z$6 = ".HorizontalScroller-module_box__W07vp{overflow-x:auto;overflow-y:hidden}";
|
|
2231
|
+
var classes$6 = {"box":"HorizontalScroller-module_box__W07vp"};
|
|
2232
|
+
styleInject(css_248z$6);
|
|
2336
2233
|
|
|
2337
|
-
const
|
|
2338
|
-
margin-right: ${props => props.theme.spacing(3)};
|
|
2339
|
-
${mq("laptop", `display: none;`)}
|
|
2340
|
-
`;
|
|
2234
|
+
const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$6.box }, children);
|
|
2341
2235
|
|
|
2342
|
-
|
|
2343
|
-
|
|
2344
|
-
|
|
2345
|
-
|
|
2346
|
-
|
|
2347
|
-
|
|
2348
|
-
|
|
2349
|
-
|
|
2350
|
-
|
|
2351
|
-
|
|
2352
|
-
|
|
2353
|
-
|
|
2354
|
-
|
|
2355
|
-
|
|
2356
|
-
|
|
2357
|
-
`}
|
|
2358
|
-
|
|
2359
|
-
& button:hover, & button:active, & button:focus {
|
|
2360
|
-
color: ${props => props.theme.palette.common.white} !important;
|
|
2361
|
-
}
|
|
2362
|
-
|
|
2363
|
-
& button {
|
|
2364
|
-
width: 100%;
|
|
2365
|
-
}
|
|
2366
|
-
|
|
2367
|
-
${props => props.isActive && styledComponents.css `
|
|
2368
|
-
& button {
|
|
2369
|
-
color: ${props.theme.palette.common.white};
|
|
2370
|
-
}
|
|
2371
|
-
`}
|
|
2372
|
-
`;
|
|
2373
|
-
const MenuItem = ({ item, isOpen, isActive, children }) => {
|
|
2236
|
+
var css_248z$5 = ".HamburgerButton-module_hamburgerButton__uFuws{margin-right:var(--spacing-3)}@media(min-width:1024px){.HamburgerButton-module_hamburgerButton__uFuws{display:none!important}}";
|
|
2237
|
+
var classes$5 = {"hamburgerButton":"HamburgerButton-module_hamburgerButton__uFuws"};
|
|
2238
|
+
styleInject(css_248z$5);
|
|
2239
|
+
|
|
2240
|
+
const HamburgerButton = (_a) => {
|
|
2241
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
2242
|
+
return (React.createElement(Button, Object.assign({ className: clsx(classes$5.hamburgerButton, className) }, props)));
|
|
2243
|
+
};
|
|
2244
|
+
|
|
2245
|
+
var css_248z$4 = ".Menu-module_menu__uj3BS{list-style:none;margin:0;padding:0}.Menu-module_menuItem__96xoX{padding:calc(var(--spacing)/2) var(--spacing-5)}.Menu-module_menuItem__96xoX button{width:100%}.Menu-module_menuItem__96xoX button:active,.Menu-module_menuItem__96xoX button:focus,.Menu-module_menuItem__96xoX button:hover,.Menu-module_menuItem__96xoX.Menu-module_isActive__idoz4 button{color:var(--common-white)!important}.Menu-module_menuItem__96xoX.Menu-module_isOpen__p1ar3{background:#293846;border-left:var(--spacing) solid var(--colors-blue)}.Menu-module_menuItem__96xoX.Menu-module_isOpen__p1ar3>*{margin-left:var(--spacing--1)}";
|
|
2246
|
+
var classes$4 = {"menu":"Menu-module_menu__uj3BS","menuItem":"Menu-module_menuItem__96xoX","isActive":"Menu-module_isActive__idoz4","isOpen":"Menu-module_isOpen__p1ar3"};
|
|
2247
|
+
styleInject(css_248z$4);
|
|
2248
|
+
|
|
2249
|
+
const Menu = ({ children }) => (React.createElement("ul", { className: classes$4.menu }, children));
|
|
2250
|
+
const MenuItem = ({ item, isOpen, isActive, children, }) => {
|
|
2374
2251
|
const [isDelayedOpen, setDelayedOpen] = React.useState(!!isOpen);
|
|
2375
|
-
return (React.createElement(
|
|
2252
|
+
return (React.createElement("li", { className: clsx(classes$4.menuItem, isDelayedOpen && classes$4.isOpen, !!isActive && classes$4.isActive) },
|
|
2376
2253
|
item,
|
|
2377
|
-
children && (React.createElement(SlideOpen, { onChange: setDelayedOpen, isOpen: !!isOpen, duration: .25 }, children))));
|
|
2254
|
+
children && (React.createElement(SlideOpen, { onChange: setDelayedOpen, isOpen: !!isOpen, duration: 0.25 }, children))));
|
|
2378
2255
|
};
|
|
2379
2256
|
|
|
2380
|
-
|
|
2381
|
-
|
|
2382
|
-
|
|
2257
|
+
var css_248z$3 = "@media(min-width:1024px){.MenuCloseButton-module_menuCloseButton__c2jye{display:none!important}}";
|
|
2258
|
+
var classes$3 = {"menuCloseButton":"MenuCloseButton-module_menuCloseButton__c2jye"};
|
|
2259
|
+
styleInject(css_248z$3);
|
|
2383
2260
|
|
|
2384
|
-
const
|
|
2385
|
-
|
|
2386
|
-
|
|
2387
|
-
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2394
|
-
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
display:none;
|
|
2400
|
-
}
|
|
2401
|
-
`;
|
|
2402
|
-
const MenuSlideOpenIndicator = ({ children }) => (React.createElement(StyledBox$4, null, children));
|
|
2261
|
+
const MenuCloseButton = (_a) => {
|
|
2262
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
2263
|
+
return (React.createElement(Button, Object.assign({ className: clsx(classes$3.menuCloseButton, className) }, props)));
|
|
2264
|
+
};
|
|
2265
|
+
|
|
2266
|
+
var css_248z$2 = ".MenuSlideOpenIndicator-module_wrapper__Q6Ykj{align-items:center;display:none;flex-direction:row;height:100%;width:calc(var(--spacing)*var(--collapsed-width))}@media(min-width:1024px){.MenuSlideOpenIndicator-module_wrapper__Q6Ykj{display:flex}}.MenuSlideOpenIndicator-module_wrapper__Q6Ykj>svg{margin:0 auto}.sidebar:hover .MenuSlideOpenIndicator-module_wrapper__Q6Ykj{display:none}";
|
|
2267
|
+
var classes$2 = {"wrapper":"MenuSlideOpenIndicator-module_wrapper__Q6Ykj"};
|
|
2268
|
+
styleInject(css_248z$2);
|
|
2269
|
+
|
|
2270
|
+
const MenuSlideOpenIndicator = (_a) => {
|
|
2271
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2272
|
+
return (React.createElement(Box, Object.assign({ className: clsx(classes$2.wrapper, className),
|
|
2273
|
+
// @ts-ignore
|
|
2274
|
+
style: { "--collapsed-width": SIDEBAR_COLLAPSED_WIDTH } }, rest)));
|
|
2275
|
+
};
|
|
2403
2276
|
|
|
2404
2277
|
const VerticalRhythmLaptop = 7;
|
|
2405
2278
|
const VerticalRhythmMobile = 4;
|
|
2406
2279
|
|
|
2407
|
-
|
|
2408
|
-
|
|
2409
|
-
|
|
2410
|
-
|
|
2411
|
-
|
|
2412
|
-
display: flex;
|
|
2413
|
-
text-align: center;
|
|
2414
|
-
|
|
2415
|
-
font-size: 14px;
|
|
2416
|
-
font-weight: bold;
|
|
2417
|
-
letter-spacing: 1px;
|
|
2418
|
-
line-height: 1em;
|
|
2419
|
-
|
|
2420
|
-
background-color: rgba(0,0,0,.2);
|
|
2421
|
-
|
|
2422
|
-
${mq('laptop', styledComponents.css `
|
|
2423
|
-
min-height: ${props => props.theme.spacing(12)};
|
|
2424
|
-
`)}
|
|
2425
|
-
`;
|
|
2426
|
-
const SideBarHeader = ({ children, right }) => (React.createElement(StyledBox$3, { mb: VerticalRhythmLaptop },
|
|
2280
|
+
var css_248z$1 = ".SideBarHeader-module_sideBarHeader__7zbYN{background-color:#0003;box-sizing:border-box;color:var(--button-text-idle-text);display:flex;font-size:14px;font-weight:700;letter-spacing:1px;line-height:1em;text-align:center}@media(min-width:1024px){.SideBarHeader-module_sideBarHeader__7zbYN{min-height:calc(var(--spacing)*12)}}";
|
|
2281
|
+
var classes$1 = {"sideBarHeader":"SideBarHeader-module_sideBarHeader__7zbYN"};
|
|
2282
|
+
styleInject(css_248z$1);
|
|
2283
|
+
|
|
2284
|
+
const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { mb: VerticalRhythmLaptop, className: classes$1.sideBarHeader },
|
|
2427
2285
|
React.createElement(Box, { flexGrow: 1, display: "flex" },
|
|
2428
2286
|
React.createElement(Box, { flexGrow: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children)),
|
|
2429
2287
|
right && React.createElement(Box, null, right)));
|
|
@@ -2473,33 +2331,10 @@ const useResponsiveBreakpoints = () => {
|
|
|
2473
2331
|
return responsiveMap;
|
|
2474
2332
|
};
|
|
2475
2333
|
|
|
2476
|
-
|
|
2477
|
-
|
|
2478
|
-
|
|
2479
|
-
const Button = styledComponents.styled.button.withConfig({ shouldForwardProp: isPropValid }) `
|
|
2480
|
-
user-select:none;
|
|
2481
|
-
cursor: pointer;
|
|
2334
|
+
var css_248z = ".Paginator-module_wrapper__IPIcn{display:flex}.Paginator-module_button__lkNBq{background-color:#fff;border:1px solid #22242626;cursor:pointer;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;line-height:1em;margin:0;min-height:calc(var(--spacing)*8);outline:0;padding:.2em 1.3em;user-select:none}.Paginator-module_button__lkNBq.Paginator-module_isActive__Qk3mv{background-color:#f2f2f2}.Paginator-module_button__lkNBq:not(:first-of-type){border-left:0}.Paginator-module_button__lkNBq:not(.Paginator-module_isDisabled__uHGss):hover{background-color:#e9e9e9}";
|
|
2335
|
+
var classes = {"wrapper":"Paginator-module_wrapper__IPIcn","button":"Paginator-module_button__lkNBq","isActive":"Paginator-module_isActive__Qk3mv","isDisabled":"Paginator-module_isDisabled__uHGss"};
|
|
2336
|
+
styleInject(css_248z);
|
|
2482
2337
|
|
|
2483
|
-
min-height: ${props => props.theme.spacing(8)};
|
|
2484
|
-
padding: .2em 1.3em .2em;
|
|
2485
|
-
margin: 0;
|
|
2486
|
-
line-height: 1em;
|
|
2487
|
-
outline: 0;
|
|
2488
|
-
border: 1px solid rgba(34,36,38,.15);
|
|
2489
|
-
|
|
2490
|
-
font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
2491
|
-
background-color: ${props => props.active ? '#F2F2F2' : '#fff'};
|
|
2492
|
-
|
|
2493
|
-
&:not(:first-of-type) {
|
|
2494
|
-
border-left: 0;
|
|
2495
|
-
}
|
|
2496
|
-
|
|
2497
|
-
${props => !props.disabled && (`
|
|
2498
|
-
&:hover {
|
|
2499
|
-
background-color: #E9E9E9;
|
|
2500
|
-
}
|
|
2501
|
-
`)}
|
|
2502
|
-
`;
|
|
2503
2338
|
const range = (start, end) => {
|
|
2504
2339
|
let nums = [];
|
|
2505
2340
|
for (let i = start; i < end; i++) {
|
|
@@ -2514,14 +2349,14 @@ const Paginator = (props) => {
|
|
|
2514
2349
|
const clamSize = isTablet ? 2 : 0;
|
|
2515
2350
|
const clamLower = Math.max(1, currentPage - clamSize);
|
|
2516
2351
|
const clamUpper = Math.min(pageCount, currentPage + clamSize);
|
|
2517
|
-
return (React.createElement(
|
|
2518
|
-
React.createElement(
|
|
2519
|
-
clamLower > 1 && (React.createElement(
|
|
2520
|
-
clamLower > 2 && (React.createElement(
|
|
2521
|
-
range(clamLower, clamUpper + 1).map((pageNumber) => (React.createElement(
|
|
2522
|
-
clamUpper < pageCount - 1 && (React.createElement(
|
|
2523
|
-
clamUpper < pageCount && (React.createElement(
|
|
2524
|
-
React.createElement(
|
|
2352
|
+
return (React.createElement("div", { className: classes.wrapper },
|
|
2353
|
+
React.createElement("button", { "data-testid": "paginate-prev", disabled: currentPage === 1, onClick: () => onChange(currentPage - 1), className: clsx(classes.button, currentPage === 1 && classes.isDisabled) }, "\u27E8"),
|
|
2354
|
+
clamLower > 1 && (React.createElement("button", { "data-testid": "paginate-page-1", onClick: () => onChange(1), className: clsx(classes.button, currentPage === 1 && classes.isActive) }, "1")),
|
|
2355
|
+
clamLower > 2 && (React.createElement("button", { disabled: true, className: clsx(classes.button, classes.isDisabled) }, "...")),
|
|
2356
|
+
range(clamLower, clamUpper + 1).map((pageNumber) => (React.createElement("button", { "data-testid": `paginate-page-${pageNumber}`, key: pageNumber, onClick: () => onChange(pageNumber), className: clsx(classes.button, currentPage === pageNumber && classes.isActive) }, pageNumber))),
|
|
2357
|
+
clamUpper < pageCount - 1 && (React.createElement("button", { disabled: true, className: clsx(classes.button, classes.isDisabled) }, "...")),
|
|
2358
|
+
clamUpper < pageCount && (React.createElement("button", { "data-testid": `paginate-page-${pageCount}`, onClick: () => onChange(pageCount), className: clsx(classes.button, currentPage === pageCount && classes.isActive) }, pageCount)),
|
|
2359
|
+
React.createElement("button", { "data-testid": "paginate-next", disabled: currentPage === pageCount, onClick: () => onChange(currentPage + 1), className: clsx(classes.button, currentPage === pageCount && classes.isDisabled) }, "\u27E9")));
|
|
2525
2360
|
};
|
|
2526
2361
|
|
|
2527
2362
|
const Section = (props) => (React.createElement(Box, Object.assign({ pb: { laptop: VerticalRhythmLaptop, mobile: VerticalRhythmMobile } }, props)));
|
|
@@ -2846,7 +2681,7 @@ const HiddenInput = styledComponents.styled.input.withConfig({ shouldForwardProp
|
|
|
2846
2681
|
width: 100%;
|
|
2847
2682
|
opacity:0;
|
|
2848
2683
|
`;
|
|
2849
|
-
const StyledButton = styledComponents.styled(Button
|
|
2684
|
+
const StyledButton = styledComponents.styled(Button) `
|
|
2850
2685
|
height: 40px;
|
|
2851
2686
|
|
|
2852
2687
|
.has-error & {
|
|
@@ -5036,7 +4871,7 @@ const useScaffoldFormContext = () => React.useContext(ScaffoldFormContext);
|
|
|
5036
4871
|
const getComponent = (field) => {
|
|
5037
4872
|
switch (field.type) {
|
|
5038
4873
|
case "Button":
|
|
5039
|
-
return Button
|
|
4874
|
+
return Button;
|
|
5040
4875
|
case "Checkbox":
|
|
5041
4876
|
return Checkbox;
|
|
5042
4877
|
case "Select":
|
|
@@ -5080,7 +4915,7 @@ exports.BasicLayout = BasicLayout;
|
|
|
5080
4915
|
exports.Box = Box;
|
|
5081
4916
|
exports.BreadCrumbs = BreadCrumbs;
|
|
5082
4917
|
exports.BreakPointValues = BreakPointValues;
|
|
5083
|
-
exports.Button = Button
|
|
4918
|
+
exports.Button = Button;
|
|
5084
4919
|
exports.Checkbox = Checkbox;
|
|
5085
4920
|
exports.CollapsiblePanel = CollapsiblePanel;
|
|
5086
4921
|
exports.ConfirmButton = ConfirmButton;
|