quicksnack 3.41.0 → 3.43.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 +229 -437
- package/dist/bundle.min.js +57 -336
- package/dist/src/components/Box/Box.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/components/Statistic/Statistic.d.ts +1 -2
- package/dist/src/components/Tabs/Tab.d.ts +2 -4
- package/dist/src/components/Tabs/TabContent.d.ts +2 -2
- package/dist/src/components/Tabs/Tabs.d.ts +2 -382
- 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$c = ":root{--common-black:#000000de;--common-white:#fff;--colors-blue:#007bff;--colors-indigo:#6610f2;--colors-purple:#6f42c1;--colors-pink:#e83e8c;--colors-red:#e83e3e;--colors-orange:#fd7e14;--colors-yellow:#ffc107;--colors-green:#23b294;--colors-teal:#20c997;--colors-cyan:#17a2b8;--colors-gray:#6c757d;--colors-grayDark:#343a40;--colors-light:#f8f9fa;--colors-dark:#343a40;--form-hint:#c7c7c7;--form-error:#9f3a38;--button-basic-idle-background:#fff;--button-basic-idle-text:#000000de;--button-basic-hover-background:#e5e5e5;--button-basic-hover-text:rgba(0,0,0,.883);--button-basic-active-background:#ccc;--button-basic-active-text:rgba(0,0,0,.896);--button-default-idle-background:#e0e1e2;--button-default-idle-text:#000000de;--button-default-hover-background:#c9cacb;--button-default-hover-text:rgba(0,0,0,.883);--button-default-active-background:#b3b4b4;--button-default-active-text:rgba(0,0,0,.896);--button-text-idle-text:#999c9e;--button-text-idle-background:#0000;--button-text-active-text:#000000de;--button-text-active-background:#0000;--button-text-hover-text:#000000de;--button-text-hover-background:#0000;--button-danger-idle-background:#ec5969;--button-danger-idle-text:#fff;--button-danger-hover-background:#d4505e;--button-danger-hover-text:#fff;--button-danger-active-background:#bc4754;--button-danger-active-text:#fff;--button-primary-idle-background:#2284c4;--button-primary-idle-text:#fff;--button-primary-hover-background:#1e76b0;--button-primary-hover-text:#fff;--button-primary-active-background:#1b699c;--button-primary-active-text:#fff;--button-secondary-idle-background:#23b294;--button-secondary-idle-text:#fff;--button-secondary-hover-background:#1fa085;--button-secondary-hover-text:#fff;--button-secondary-active-background:#1c8e76;--button-secondary-active-text:#fff;--pane-basic-main-idle-text:#000000de;--pane-basic-main-idle-background:#fff;--pane-basic-main-idle-border:#ddd;--pane-basic-main-hover-text:#000000de;--pane-basic-main-hover-background:#f2f2f2;--pane-basic-main-hover-border:#ddd;--pane-basic-alternate-idle-text:#000000de;--pane-basic-alternate-idle-background:#f9f9f9;--pane-basic-alternate-idle-border:#ddd;--pane-basic-alternate-hover-text:#000000de;--pane-basic-alternate-hover-background:#f2f2f2;--pane-basic-alternate-hover-border:#ddd;--pane-emphasized-main-idle-text:#000000de;--pane-emphasized-main-idle-background:#f3f3f3;--pane-emphasized-main-idle-border:#ddd;--pane-emphasized-main-hover-text:#000000de;--pane-emphasized-main-hover-background:#e6e6e6;--pane-emphasized-main-hover-border:#ddd;--pane-emphasized-alternate-idle-text:#000000de;--pane-emphasized-alternate-idle-background:#eee;--pane-emphasized-alternate-idle-border:#ddd;--pane-emphasized-alternate-hover-text:#000000de;--pane-emphasized-alternate-hover-background:#e6e6e6;--pane-emphasized-alternate-hover-border:#ddd;--pane-info-main-idle-text:#0c5460;--pane-info-main-idle-background:#d1ecf1;--pane-info-main-idle-border:#bee5eb;--pane-info-main-hover-text:#0c5460;--pane-info-main-hover-background:#c6e0e4;--pane-info-main-hover-border:#bee5eb;--pane-info-alternate-idle-text:#0c5460;--pane-info-alternate-idle-background:#cce7ec;--pane-info-alternate-idle-border:#bee5eb;--pane-info-alternate-hover-text:#0c5460;--pane-info-alternate-hover-background:#c6e0e4;--pane-info-alternate-hover-border:#bee5eb;--pane-negative-main-idle-text:#721c24;--pane-negative-main-idle-background:#f8d7da;--pane-negative-main-idle-border:#f5c6cb;--pane-negative-main-hover-text:#721c24;--pane-negative-main-hover-background:#ebcccf;--pane-negative-main-hover-border:#f5c6cb;--pane-negative-alternate-idle-text:#721c24;--pane-negative-alternate-idle-background:#f3d2d5;--pane-negative-alternate-idle-border:#f5c6cb;--pane-negative-alternate-hover-text:#721c24;--pane-negative-alternate-hover-background:#ebcccf;--pane-negative-alternate-hover-border:#f5c6cb;--pane-positive-main-idle-text:#155724;--pane-positive-main-idle-background:#d4edda;--pane-positive-main-idle-border:#c3e6cb;--pane-positive-main-hover-text:#155724;--pane-positive-main-hover-background:#c9e1cf;--pane-positive-main-hover-border:#c3e6cb;--pane-positive-alternate-idle-text:#155724;--pane-positive-alternate-idle-background:#cfe8d5;--pane-positive-alternate-idle-border:#c3e6cb;--pane-positive-alternate-hover-text:#155724;--pane-positive-alternate-hover-background:#c9e1cf;--pane-positive-alternate-hover-border:#c3e6cb;--pane-warning-main-idle-text:#856404;--pane-warning-main-idle-background:#fff3cd;--pane-warning-main-idle-border:#ffeeba;--pane-warning-main-hover-text:#856404;--pane-warning-main-hover-background:#f2e6c2;--pane-warning-main-hover-border:#ffeeba;--pane-warning-alternate-idle-text:#856404;--pane-warning-alternate-idle-background:#f9eec8;--pane-warning-alternate-idle-border:#ffeeba;--pane-warning-alternate-hover-text:#856404;--pane-warning-alternate-hover-background:#f2e6c2;--pane-warning-alternate-hover-border:#ffeeba;--spacing:4px}";
|
|
35
|
-
styleInject(css_248z$
|
|
34
|
+
var css_248z$r = ":root{--common-black:#000000de;--common-white:#fff;--colors-blue:#007bff;--colors-indigo:#6610f2;--colors-purple:#6f42c1;--colors-pink:#e83e8c;--colors-red:#e83e3e;--colors-orange:#fd7e14;--colors-yellow:#ffc107;--colors-green:#23b294;--colors-teal:#20c997;--colors-cyan:#17a2b8;--colors-gray:#6c757d;--colors-grayDark:#343a40;--colors-light:#f8f9fa;--colors-dark:#343a40;--form-hint:#c7c7c7;--form-error:#9f3a38;--button-basic-idle-background:#fff;--button-basic-idle-text:#000000de;--button-basic-hover-background:#e5e5e5;--button-basic-hover-text:rgba(0,0,0,.883);--button-basic-active-background:#ccc;--button-basic-active-text:rgba(0,0,0,.896);--button-default-idle-background:#e0e1e2;--button-default-idle-text:#000000de;--button-default-hover-background:#c9cacb;--button-default-hover-text:rgba(0,0,0,.883);--button-default-active-background:#b3b4b4;--button-default-active-text:rgba(0,0,0,.896);--button-text-idle-text:#999c9e;--button-text-idle-background:#0000;--button-text-active-text:#000000de;--button-text-active-background:#0000;--button-text-hover-text:#000000de;--button-text-hover-background:#0000;--button-danger-idle-background:#ec5969;--button-danger-idle-text:#fff;--button-danger-hover-background:#d4505e;--button-danger-hover-text:#fff;--button-danger-active-background:#bc4754;--button-danger-active-text:#fff;--button-primary-idle-background:#2284c4;--button-primary-idle-text:#fff;--button-primary-hover-background:#1e76b0;--button-primary-hover-text:#fff;--button-primary-active-background:#1b699c;--button-primary-active-text:#fff;--button-secondary-idle-background:#23b294;--button-secondary-idle-text:#fff;--button-secondary-hover-background:#1fa085;--button-secondary-hover-text:#fff;--button-secondary-active-background:#1c8e76;--button-secondary-active-text:#fff;--pane-basic-main-idle-text:#000000de;--pane-basic-main-idle-background:#fff;--pane-basic-main-idle-border:#ddd;--pane-basic-main-hover-text:#000000de;--pane-basic-main-hover-background:#f2f2f2;--pane-basic-main-hover-border:#ddd;--pane-basic-alternate-idle-text:#000000de;--pane-basic-alternate-idle-background:#f9f9f9;--pane-basic-alternate-idle-border:#ddd;--pane-basic-alternate-hover-text:#000000de;--pane-basic-alternate-hover-background:#f2f2f2;--pane-basic-alternate-hover-border:#ddd;--pane-emphasized-main-idle-text:#000000de;--pane-emphasized-main-idle-background:#f3f3f3;--pane-emphasized-main-idle-border:#ddd;--pane-emphasized-main-hover-text:#000000de;--pane-emphasized-main-hover-background:#e6e6e6;--pane-emphasized-main-hover-border:#ddd;--pane-emphasized-alternate-idle-text:#000000de;--pane-emphasized-alternate-idle-background:#eee;--pane-emphasized-alternate-idle-border:#ddd;--pane-emphasized-alternate-hover-text:#000000de;--pane-emphasized-alternate-hover-background:#e6e6e6;--pane-emphasized-alternate-hover-border:#ddd;--pane-info-main-idle-text:#0c5460;--pane-info-main-idle-background:#d1ecf1;--pane-info-main-idle-border:#bee5eb;--pane-info-main-hover-text:#0c5460;--pane-info-main-hover-background:#c6e0e4;--pane-info-main-hover-border:#bee5eb;--pane-info-alternate-idle-text:#0c5460;--pane-info-alternate-idle-background:#cce7ec;--pane-info-alternate-idle-border:#bee5eb;--pane-info-alternate-hover-text:#0c5460;--pane-info-alternate-hover-background:#c6e0e4;--pane-info-alternate-hover-border:#bee5eb;--pane-negative-main-idle-text:#721c24;--pane-negative-main-idle-background:#f8d7da;--pane-negative-main-idle-border:#f5c6cb;--pane-negative-main-hover-text:#721c24;--pane-negative-main-hover-background:#ebcccf;--pane-negative-main-hover-border:#f5c6cb;--pane-negative-alternate-idle-text:#721c24;--pane-negative-alternate-idle-background:#f3d2d5;--pane-negative-alternate-idle-border:#f5c6cb;--pane-negative-alternate-hover-text:#721c24;--pane-negative-alternate-hover-background:#ebcccf;--pane-negative-alternate-hover-border:#f5c6cb;--pane-positive-main-idle-text:#155724;--pane-positive-main-idle-background:#d4edda;--pane-positive-main-idle-border:#c3e6cb;--pane-positive-main-hover-text:#155724;--pane-positive-main-hover-background:#c9e1cf;--pane-positive-main-hover-border:#c3e6cb;--pane-positive-alternate-idle-text:#155724;--pane-positive-alternate-idle-background:#cfe8d5;--pane-positive-alternate-idle-border:#c3e6cb;--pane-positive-alternate-hover-text:#155724;--pane-positive-alternate-hover-background:#c9e1cf;--pane-positive-alternate-hover-border:#c3e6cb;--pane-warning-main-idle-text:#856404;--pane-warning-main-idle-background:#fff3cd;--pane-warning-main-idle-border:#ffeeba;--pane-warning-main-hover-text:#856404;--pane-warning-main-hover-background:#f2e6c2;--pane-warning-main-hover-border:#ffeeba;--pane-warning-alternate-idle-text:#856404;--pane-warning-alternate-idle-background:#f9eec8;--pane-warning-alternate-idle-border:#ffeeba;--pane-warning-alternate-hover-text:#856404;--pane-warning-alternate-hover-background:#f2e6c2;--pane-warning-alternate-hover-border:#ffeeba;--spacing:4px;--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$r);
|
|
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$6 = 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$6, 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$q = ".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$q = {"wrapper":"Alert-module_wrapper__zP8eL","variant-positive":"Alert-module_variant-positive__Cqab0","variant-negative":"Alert-module_variant-negative__mORCP","variant-info":"Alert-module_variant-info__b3OY9","variant-warning":"Alert-module_variant-warning__gBX5-","variant-basic":"Alert-module_variant-basic__AQmn7","variant-emphasized":"Alert-module_variant-emphasized__8GiYF"};
|
|
1080
|
+
styleInject(css_248z$q);
|
|
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$a = ":root{--spacing--1:calc(var(--spacing)*-1);--spacing-0:calc(var(--spacing)*0);--spacing-1:calc(var(--spacing)*1);--spacing-2:calc(var(--spacing)*2);--spacing-3:calc(var(--spacing)*3);--spacing-4:calc(var(--spacing)*4);--spacing-5:calc(var(--spacing)*5)}@media (min-width:0px){.p\\:var{padding:var(--p)}.p\\:-1{padding:var(--spacing--1)}.p\\:0{padding:var(--spacing-0)}.p\\:1{padding:var(--spacing-1)}.p\\:2{padding:var(--spacing-2)}.p\\:3{padding:var(--spacing-3)}.p\\:4{padding:var(--spacing-4)}.p\\:5{padding:var(--spacing-5)}.pt\\:var{padding-top:var(--pt)}.pt\\:-1{padding-top:var(--spacing--1)}.pt\\:0{padding-top:var(--spacing-0)}.pt\\:1{padding-top:var(--spacing-1)}.pt\\:2{padding-top:var(--spacing-2)}.pt\\:3{padding-top:var(--spacing-3)}.pt\\:4{padding-top:var(--spacing-4)}.pt\\:5{padding-top:var(--spacing-5)}.pr\\:var{padding-right:var(--pr)}.pr\\:-1{padding-right:var(--spacing--1)}.pr\\:0{padding-right:var(--spacing-0)}.pr\\:1{padding-right:var(--spacing-1)}.pr\\:2{padding-right:var(--spacing-2)}.pr\\:3{padding-right:var(--spacing-3)}.pr\\:4{padding-right:var(--spacing-4)}.pr\\:5{padding-right:var(--spacing-5)}.pb\\:var{padding-bottom:var(--pb)}.pb\\:-1{padding-bottom:var(--spacing--1)}.pb\\:0{padding-bottom:var(--spacing-0)}.pb\\:1{padding-bottom:var(--spacing-1)}.pb\\:2{padding-bottom:var(--spacing-2)}.pb\\:3{padding-bottom:var(--spacing-3)}.pb\\:4{padding-bottom:var(--spacing-4)}.pb\\:5{padding-bottom:var(--spacing-5)}.pl\\:var{padding-left:var(--pl)}.pl\\:-1{padding-left:var(--spacing--1)}.pl\\:0{padding-left:var(--spacing-0)}.pl\\:1{padding-left:var(--spacing-1)}.pl\\:2{padding-left:var(--spacing-2)}.pl\\:3{padding-left:var(--spacing-3)}.pl\\:4{padding-left:var(--spacing-4)}.pl\\:5{padding-left:var(--spacing-5)}.m\\:var{margin:var(--m)}.m\\:-1{margin:var(--spacing--1)}.m\\:0{margin:var(--spacing-0)}.m\\:1{margin:var(--spacing-1)}.m\\:2{margin:var(--spacing-2)}.m\\:3{margin:var(--spacing-3)}.m\\:4{margin:var(--spacing-4)}.m\\:5{margin:var(--spacing-5)}.mt\\:var{margin-top:var(--mt)}.mt\\:-1{margin-top:var(--spacing--1)}.mt\\:0{margin-top:var(--spacing-0)}.mt\\:1{margin-top:var(--spacing-1)}.mt\\:2{margin-top:var(--spacing-2)}.mt\\:3{margin-top:var(--spacing-3)}.mt\\:4{margin-top:var(--spacing-4)}.mt\\:5{margin-top:var(--spacing-5)}.mr\\:var{margin-right:var(--mr)}.mr\\:-1{margin-right:var(--spacing--1)}.mr\\:0{margin-right:var(--spacing-0)}.mr\\:1{margin-right:var(--spacing-1)}.mr\\:2{margin-right:var(--spacing-2)}.mr\\:3{margin-right:var(--spacing-3)}.mr\\:4{margin-right:var(--spacing-4)}.mr\\:5{margin-right:var(--spacing-5)}.mb\\:var{margin-bottom:var(--mb)}.mb\\:-1{margin-bottom:var(--spacing--1)}.mb\\:0{margin-bottom:var(--spacing-0)}.mb\\:1{margin-bottom:var(--spacing-1)}.mb\\:2{margin-bottom:var(--spacing-2)}.mb\\:3{margin-bottom:var(--spacing-3)}.mb\\:4{margin-bottom:var(--spacing-4)}.mb\\:5{margin-bottom:var(--spacing-5)}.ml\\:var{margin-left:var(--ml)}.ml\\:-1{margin-left:var(--spacing--1)}.ml\\:0{margin-left:var(--spacing-0)}.ml\\:1{margin-left:var(--spacing-1)}.ml\\:2{margin-left:var(--spacing-2)}.ml\\:3{margin-left:var(--spacing-3)}.ml\\:4{margin-left:var(--spacing-4)}.ml\\:5{margin-left:var(--spacing-5)}.display\\:var{display:var(--display)}.display\\:block{display:block}.display\\:flex{display:flex}.display\\:none{display:none}.flexGrow\\:var{flex-grow:var(--flexGrow)}.flexGrow\\:1{flex-grow:1}.flexGrow\\:0{flex-grow:0}.flexShrink\\:var{flex-shrink:var(--flexShrink)}.flexShrink\\:1{flex-shrink:1}.flexShrink\\:0{flex-shrink:0}.flexDirection\\:var{flex-direction:var(--flexDirection)}.flexDirection\\:row{flex-direction:row}.flexDirection\\:column{flex-direction:column}.alignItems\\:var{align-items:var(--alignItems)}.alignItems\\:center{align-items:center}.alignItems\\:flex-start{align-items:flex-start}.alignItems\\:flex-end{align-items:flex-end}.textAlign\\:var{text-align:var(--textAlign)}.textAlign\\:left{text-align:left}.textAlign\\:right{text-align:right}.textAlign\\:center{text-align:center}.justifyContent\\:var{justify-content:var(--justifyContent)}.justifyContent\\:center{justify-content:center}.justifyContent\\:flex-start{justify-content:flex-start}.justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:768px){.tablet\\:p\\:var{padding:var(--tablet_p)}.tablet\\:p\\:-1{padding:var(--spacing--1)}.tablet\\:p\\:0{padding:var(--spacing-0)}.tablet\\:p\\:1{padding:var(--spacing-1)}.tablet\\:p\\:2{padding:var(--spacing-2)}.tablet\\:p\\:3{padding:var(--spacing-3)}.tablet\\:p\\:4{padding:var(--spacing-4)}.tablet\\:p\\:5{padding:var(--spacing-5)}.tablet\\:pt\\:var{padding-top:var(--tablet_pt)}.tablet\\:pt\\:-1{padding-top:var(--spacing--1)}.tablet\\:pt\\:0{padding-top:var(--spacing-0)}.tablet\\:pt\\:1{padding-top:var(--spacing-1)}.tablet\\:pt\\:2{padding-top:var(--spacing-2)}.tablet\\:pt\\:3{padding-top:var(--spacing-3)}.tablet\\:pt\\:4{padding-top:var(--spacing-4)}.tablet\\:pt\\:5{padding-top:var(--spacing-5)}.tablet\\:pr\\:var{padding-right:var(--tablet_pr)}.tablet\\:pr\\:-1{padding-right:var(--spacing--1)}.tablet\\:pr\\:0{padding-right:var(--spacing-0)}.tablet\\:pr\\:1{padding-right:var(--spacing-1)}.tablet\\:pr\\:2{padding-right:var(--spacing-2)}.tablet\\:pr\\:3{padding-right:var(--spacing-3)}.tablet\\:pr\\:4{padding-right:var(--spacing-4)}.tablet\\:pr\\:5{padding-right:var(--spacing-5)}.tablet\\:pb\\:var{padding-bottom:var(--tablet_pb)}.tablet\\:pb\\:-1{padding-bottom:var(--spacing--1)}.tablet\\:pb\\:0{padding-bottom:var(--spacing-0)}.tablet\\:pb\\:1{padding-bottom:var(--spacing-1)}.tablet\\:pb\\:2{padding-bottom:var(--spacing-2)}.tablet\\:pb\\:3{padding-bottom:var(--spacing-3)}.tablet\\:pb\\:4{padding-bottom:var(--spacing-4)}.tablet\\:pb\\:5{padding-bottom:var(--spacing-5)}.tablet\\:pl\\:var{padding-left:var(--tablet_pl)}.tablet\\:pl\\:-1{padding-left:var(--spacing--1)}.tablet\\:pl\\:0{padding-left:var(--spacing-0)}.tablet\\:pl\\:1{padding-left:var(--spacing-1)}.tablet\\:pl\\:2{padding-left:var(--spacing-2)}.tablet\\:pl\\:3{padding-left:var(--spacing-3)}.tablet\\:pl\\:4{padding-left:var(--spacing-4)}.tablet\\:pl\\:5{padding-left:var(--spacing-5)}.tablet\\:m\\:var{margin:var(--tablet_m)}.tablet\\:m\\:-1{margin:var(--spacing--1)}.tablet\\:m\\:0{margin:var(--spacing-0)}.tablet\\:m\\:1{margin:var(--spacing-1)}.tablet\\:m\\:2{margin:var(--spacing-2)}.tablet\\:m\\:3{margin:var(--spacing-3)}.tablet\\:m\\:4{margin:var(--spacing-4)}.tablet\\:m\\:5{margin:var(--spacing-5)}.tablet\\:mt\\:var{margin-top:var(--tablet_mt)}.tablet\\:mt\\:-1{margin-top:var(--spacing--1)}.tablet\\:mt\\:0{margin-top:var(--spacing-0)}.tablet\\:mt\\:1{margin-top:var(--spacing-1)}.tablet\\:mt\\:2{margin-top:var(--spacing-2)}.tablet\\:mt\\:3{margin-top:var(--spacing-3)}.tablet\\:mt\\:4{margin-top:var(--spacing-4)}.tablet\\:mt\\:5{margin-top:var(--spacing-5)}.tablet\\:mr\\:var{margin-right:var(--tablet_mr)}.tablet\\:mr\\:-1{margin-right:var(--spacing--1)}.tablet\\:mr\\:0{margin-right:var(--spacing-0)}.tablet\\:mr\\:1{margin-right:var(--spacing-1)}.tablet\\:mr\\:2{margin-right:var(--spacing-2)}.tablet\\:mr\\:3{margin-right:var(--spacing-3)}.tablet\\:mr\\:4{margin-right:var(--spacing-4)}.tablet\\:mr\\:5{margin-right:var(--spacing-5)}.tablet\\:mb\\:var{margin-bottom:var(--tablet_mb)}.tablet\\:mb\\:-1{margin-bottom:var(--spacing--1)}.tablet\\:mb\\:0{margin-bottom:var(--spacing-0)}.tablet\\:mb\\:1{margin-bottom:var(--spacing-1)}.tablet\\:mb\\:2{margin-bottom:var(--spacing-2)}.tablet\\:mb\\:3{margin-bottom:var(--spacing-3)}.tablet\\:mb\\:4{margin-bottom:var(--spacing-4)}.tablet\\:mb\\:5{margin-bottom:var(--spacing-5)}.tablet\\:ml\\:var{margin-left:var(--tablet_ml)}.tablet\\:ml\\:-1{margin-left:var(--spacing--1)}.tablet\\:ml\\:0{margin-left:var(--spacing-0)}.tablet\\:ml\\:1{margin-left:var(--spacing-1)}.tablet\\:ml\\:2{margin-left:var(--spacing-2)}.tablet\\:ml\\:3{margin-left:var(--spacing-3)}.tablet\\:ml\\:4{margin-left:var(--spacing-4)}.tablet\\:ml\\:5{margin-left:var(--spacing-5)}.tablet\\:display\\:var{display:var(--tablet_display)}.tablet\\:display\\:block{display:block}.tablet\\:display\\:flex{display:flex}.tablet\\:display\\:none{display:none}.tablet\\:flexGrow\\:var{flex-grow:var(--tablet_flexGrow)}.tablet\\:flexGrow\\:1{flex-grow:1}.tablet\\:flexGrow\\:0{flex-grow:0}.tablet\\:flexShrink\\:var{flex-shrink:var(--tablet_flexShrink)}.tablet\\:flexShrink\\:1{flex-shrink:1}.tablet\\:flexShrink\\:0{flex-shrink:0}.tablet\\:flexDirection\\:var{flex-direction:var(--tablet_flexDirection)}.tablet\\:flexDirection\\:row{flex-direction:row}.tablet\\:flexDirection\\:column{flex-direction:column}.tablet\\:alignItems\\:var{align-items:var(--tablet_alignItems)}.tablet\\:alignItems\\:center{align-items:center}.tablet\\:alignItems\\:flex-start{align-items:flex-start}.tablet\\:alignItems\\:flex-end{align-items:flex-end}.tablet\\:textAlign\\:var{text-align:var(--tablet_textAlign)}.tablet\\:textAlign\\:left{text-align:left}.tablet\\:textAlign\\:right{text-align:right}.tablet\\:textAlign\\:center{text-align:center}.tablet\\:justifyContent\\:var{justify-content:var(--tablet_justifyContent)}.tablet\\:justifyContent\\:center{justify-content:center}.tablet\\:justifyContent\\:flex-start{justify-content:flex-start}.tablet\\:justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:1024px){.laptop\\:p\\:var{padding:var(--laptop_p)}.laptop\\:p\\:-1{padding:var(--spacing--1)}.laptop\\:p\\:0{padding:var(--spacing-0)}.laptop\\:p\\:1{padding:var(--spacing-1)}.laptop\\:p\\:2{padding:var(--spacing-2)}.laptop\\:p\\:3{padding:var(--spacing-3)}.laptop\\:p\\:4{padding:var(--spacing-4)}.laptop\\:p\\:5{padding:var(--spacing-5)}.laptop\\:pt\\:var{padding-top:var(--laptop_pt)}.laptop\\:pt\\:-1{padding-top:var(--spacing--1)}.laptop\\:pt\\:0{padding-top:var(--spacing-0)}.laptop\\:pt\\:1{padding-top:var(--spacing-1)}.laptop\\:pt\\:2{padding-top:var(--spacing-2)}.laptop\\:pt\\:3{padding-top:var(--spacing-3)}.laptop\\:pt\\:4{padding-top:var(--spacing-4)}.laptop\\:pt\\:5{padding-top:var(--spacing-5)}.laptop\\:pr\\:var{padding-right:var(--laptop_pr)}.laptop\\:pr\\:-1{padding-right:var(--spacing--1)}.laptop\\:pr\\:0{padding-right:var(--spacing-0)}.laptop\\:pr\\:1{padding-right:var(--spacing-1)}.laptop\\:pr\\:2{padding-right:var(--spacing-2)}.laptop\\:pr\\:3{padding-right:var(--spacing-3)}.laptop\\:pr\\:4{padding-right:var(--spacing-4)}.laptop\\:pr\\:5{padding-right:var(--spacing-5)}.laptop\\:pb\\:var{padding-bottom:var(--laptop_pb)}.laptop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.laptop\\:pb\\:0{padding-bottom:var(--spacing-0)}.laptop\\:pb\\:1{padding-bottom:var(--spacing-1)}.laptop\\:pb\\:2{padding-bottom:var(--spacing-2)}.laptop\\:pb\\:3{padding-bottom:var(--spacing-3)}.laptop\\:pb\\:4{padding-bottom:var(--spacing-4)}.laptop\\:pb\\:5{padding-bottom:var(--spacing-5)}.laptop\\:pl\\:var{padding-left:var(--laptop_pl)}.laptop\\:pl\\:-1{padding-left:var(--spacing--1)}.laptop\\:pl\\:0{padding-left:var(--spacing-0)}.laptop\\:pl\\:1{padding-left:var(--spacing-1)}.laptop\\:pl\\:2{padding-left:var(--spacing-2)}.laptop\\:pl\\:3{padding-left:var(--spacing-3)}.laptop\\:pl\\:4{padding-left:var(--spacing-4)}.laptop\\:pl\\:5{padding-left:var(--spacing-5)}.laptop\\:m\\:var{margin:var(--laptop_m)}.laptop\\:m\\:-1{margin:var(--spacing--1)}.laptop\\:m\\:0{margin:var(--spacing-0)}.laptop\\:m\\:1{margin:var(--spacing-1)}.laptop\\:m\\:2{margin:var(--spacing-2)}.laptop\\:m\\:3{margin:var(--spacing-3)}.laptop\\:m\\:4{margin:var(--spacing-4)}.laptop\\:m\\:5{margin:var(--spacing-5)}.laptop\\:mt\\:var{margin-top:var(--laptop_mt)}.laptop\\:mt\\:-1{margin-top:var(--spacing--1)}.laptop\\:mt\\:0{margin-top:var(--spacing-0)}.laptop\\:mt\\:1{margin-top:var(--spacing-1)}.laptop\\:mt\\:2{margin-top:var(--spacing-2)}.laptop\\:mt\\:3{margin-top:var(--spacing-3)}.laptop\\:mt\\:4{margin-top:var(--spacing-4)}.laptop\\:mt\\:5{margin-top:var(--spacing-5)}.laptop\\:mr\\:var{margin-right:var(--laptop_mr)}.laptop\\:mr\\:-1{margin-right:var(--spacing--1)}.laptop\\:mr\\:0{margin-right:var(--spacing-0)}.laptop\\:mr\\:1{margin-right:var(--spacing-1)}.laptop\\:mr\\:2{margin-right:var(--spacing-2)}.laptop\\:mr\\:3{margin-right:var(--spacing-3)}.laptop\\:mr\\:4{margin-right:var(--spacing-4)}.laptop\\:mr\\:5{margin-right:var(--spacing-5)}.laptop\\:mb\\:var{margin-bottom:var(--laptop_mb)}.laptop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.laptop\\:mb\\:0{margin-bottom:var(--spacing-0)}.laptop\\:mb\\:1{margin-bottom:var(--spacing-1)}.laptop\\:mb\\:2{margin-bottom:var(--spacing-2)}.laptop\\:mb\\:3{margin-bottom:var(--spacing-3)}.laptop\\:mb\\:4{margin-bottom:var(--spacing-4)}.laptop\\:mb\\:5{margin-bottom:var(--spacing-5)}.laptop\\:ml\\:var{margin-left:var(--laptop_ml)}.laptop\\:ml\\:-1{margin-left:var(--spacing--1)}.laptop\\:ml\\:0{margin-left:var(--spacing-0)}.laptop\\:ml\\:1{margin-left:var(--spacing-1)}.laptop\\:ml\\:2{margin-left:var(--spacing-2)}.laptop\\:ml\\:3{margin-left:var(--spacing-3)}.laptop\\:ml\\:4{margin-left:var(--spacing-4)}.laptop\\:ml\\:5{margin-left:var(--spacing-5)}.laptop\\:display\\:var{display:var(--laptop_display)}.laptop\\:display\\:block{display:block}.laptop\\:display\\:flex{display:flex}.laptop\\:display\\:none{display:none}.laptop\\:flexGrow\\:var{flex-grow:var(--laptop_flexGrow)}.laptop\\:flexGrow\\:1{flex-grow:1}.laptop\\:flexGrow\\:0{flex-grow:0}.laptop\\:flexShrink\\:var{flex-shrink:var(--laptop_flexShrink)}.laptop\\:flexShrink\\:1{flex-shrink:1}.laptop\\:flexShrink\\:0{flex-shrink:0}.laptop\\:flexDirection\\:var{flex-direction:var(--laptop_flexDirection)}.laptop\\:flexDirection\\:row{flex-direction:row}.laptop\\:flexDirection\\:column{flex-direction:column}.laptop\\:alignItems\\:var{align-items:var(--laptop_alignItems)}.laptop\\:alignItems\\:center{align-items:center}.laptop\\:alignItems\\:flex-start{align-items:flex-start}.laptop\\:alignItems\\:flex-end{align-items:flex-end}.laptop\\:textAlign\\:var{text-align:var(--laptop_textAlign)}.laptop\\:textAlign\\:left{text-align:left}.laptop\\:textAlign\\:right{text-align:right}.laptop\\:textAlign\\:center{text-align:center}.laptop\\:justifyContent\\:var{justify-content:var(--laptop_justifyContent)}.laptop\\:justifyContent\\:center{justify-content:center}.laptop\\:justifyContent\\:flex-start{justify-content:flex-start}.laptop\\:justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:1430px){.desktop\\:p\\:var{padding:var(--desktop_p)}.desktop\\:p\\:-1{padding:var(--spacing--1)}.desktop\\:p\\:0{padding:var(--spacing-0)}.desktop\\:p\\:1{padding:var(--spacing-1)}.desktop\\:p\\:2{padding:var(--spacing-2)}.desktop\\:p\\:3{padding:var(--spacing-3)}.desktop\\:p\\:4{padding:var(--spacing-4)}.desktop\\:p\\:5{padding:var(--spacing-5)}.desktop\\:pt\\:var{padding-top:var(--desktop_pt)}.desktop\\:pt\\:-1{padding-top:var(--spacing--1)}.desktop\\:pt\\:0{padding-top:var(--spacing-0)}.desktop\\:pt\\:1{padding-top:var(--spacing-1)}.desktop\\:pt\\:2{padding-top:var(--spacing-2)}.desktop\\:pt\\:3{padding-top:var(--spacing-3)}.desktop\\:pt\\:4{padding-top:var(--spacing-4)}.desktop\\:pt\\:5{padding-top:var(--spacing-5)}.desktop\\:pr\\:var{padding-right:var(--desktop_pr)}.desktop\\:pr\\:-1{padding-right:var(--spacing--1)}.desktop\\:pr\\:0{padding-right:var(--spacing-0)}.desktop\\:pr\\:1{padding-right:var(--spacing-1)}.desktop\\:pr\\:2{padding-right:var(--spacing-2)}.desktop\\:pr\\:3{padding-right:var(--spacing-3)}.desktop\\:pr\\:4{padding-right:var(--spacing-4)}.desktop\\:pr\\:5{padding-right:var(--spacing-5)}.desktop\\:pb\\:var{padding-bottom:var(--desktop_pb)}.desktop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.desktop\\:pb\\:0{padding-bottom:var(--spacing-0)}.desktop\\:pb\\:1{padding-bottom:var(--spacing-1)}.desktop\\:pb\\:2{padding-bottom:var(--spacing-2)}.desktop\\:pb\\:3{padding-bottom:var(--spacing-3)}.desktop\\:pb\\:4{padding-bottom:var(--spacing-4)}.desktop\\:pb\\:5{padding-bottom:var(--spacing-5)}.desktop\\:pl\\:var{padding-left:var(--desktop_pl)}.desktop\\:pl\\:-1{padding-left:var(--spacing--1)}.desktop\\:pl\\:0{padding-left:var(--spacing-0)}.desktop\\:pl\\:1{padding-left:var(--spacing-1)}.desktop\\:pl\\:2{padding-left:var(--spacing-2)}.desktop\\:pl\\:3{padding-left:var(--spacing-3)}.desktop\\:pl\\:4{padding-left:var(--spacing-4)}.desktop\\:pl\\:5{padding-left:var(--spacing-5)}.desktop\\:m\\:var{margin:var(--desktop_m)}.desktop\\:m\\:-1{margin:var(--spacing--1)}.desktop\\:m\\:0{margin:var(--spacing-0)}.desktop\\:m\\:1{margin:var(--spacing-1)}.desktop\\:m\\:2{margin:var(--spacing-2)}.desktop\\:m\\:3{margin:var(--spacing-3)}.desktop\\:m\\:4{margin:var(--spacing-4)}.desktop\\:m\\:5{margin:var(--spacing-5)}.desktop\\:mt\\:var{margin-top:var(--desktop_mt)}.desktop\\:mt\\:-1{margin-top:var(--spacing--1)}.desktop\\:mt\\:0{margin-top:var(--spacing-0)}.desktop\\:mt\\:1{margin-top:var(--spacing-1)}.desktop\\:mt\\:2{margin-top:var(--spacing-2)}.desktop\\:mt\\:3{margin-top:var(--spacing-3)}.desktop\\:mt\\:4{margin-top:var(--spacing-4)}.desktop\\:mt\\:5{margin-top:var(--spacing-5)}.desktop\\:mr\\:var{margin-right:var(--desktop_mr)}.desktop\\:mr\\:-1{margin-right:var(--spacing--1)}.desktop\\:mr\\:0{margin-right:var(--spacing-0)}.desktop\\:mr\\:1{margin-right:var(--spacing-1)}.desktop\\:mr\\:2{margin-right:var(--spacing-2)}.desktop\\:mr\\:3{margin-right:var(--spacing-3)}.desktop\\:mr\\:4{margin-right:var(--spacing-4)}.desktop\\:mr\\:5{margin-right:var(--spacing-5)}.desktop\\:mb\\:var{margin-bottom:var(--desktop_mb)}.desktop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.desktop\\:mb\\:0{margin-bottom:var(--spacing-0)}.desktop\\:mb\\:1{margin-bottom:var(--spacing-1)}.desktop\\:mb\\:2{margin-bottom:var(--spacing-2)}.desktop\\:mb\\:3{margin-bottom:var(--spacing-3)}.desktop\\:mb\\:4{margin-bottom:var(--spacing-4)}.desktop\\:mb\\:5{margin-bottom:var(--spacing-5)}.desktop\\:ml\\:var{margin-left:var(--desktop_ml)}.desktop\\:ml\\:-1{margin-left:var(--spacing--1)}.desktop\\:ml\\:0{margin-left:var(--spacing-0)}.desktop\\:ml\\:1{margin-left:var(--spacing-1)}.desktop\\:ml\\:2{margin-left:var(--spacing-2)}.desktop\\:ml\\:3{margin-left:var(--spacing-3)}.desktop\\:ml\\:4{margin-left:var(--spacing-4)}.desktop\\:ml\\:5{margin-left:var(--spacing-5)}.desktop\\:display\\:var{display:var(--desktop_display)}.desktop\\:display\\:block{display:block}.desktop\\:display\\:flex{display:flex}.desktop\\:display\\:none{display:none}.desktop\\:flexGrow\\:var{flex-grow:var(--desktop_flexGrow)}.desktop\\:flexGrow\\:1{flex-grow:1}.desktop\\:flexGrow\\:0{flex-grow:0}.desktop\\:flexShrink\\:var{flex-shrink:var(--desktop_flexShrink)}.desktop\\:flexShrink\\:1{flex-shrink:1}.desktop\\:flexShrink\\:0{flex-shrink:0}.desktop\\:flexDirection\\:var{flex-direction:var(--desktop_flexDirection)}.desktop\\:flexDirection\\:row{flex-direction:row}.desktop\\:flexDirection\\:column{flex-direction:column}.desktop\\:alignItems\\:var{align-items:var(--desktop_alignItems)}.desktop\\:alignItems\\:center{align-items:center}.desktop\\:alignItems\\:flex-start{align-items:flex-start}.desktop\\:alignItems\\:flex-end{align-items:flex-end}.desktop\\:textAlign\\:var{text-align:var(--desktop_textAlign)}.desktop\\:textAlign\\:left{text-align:left}.desktop\\:textAlign\\:right{text-align:right}.desktop\\:textAlign\\:center{text-align:center}.desktop\\:justifyContent\\:var{justify-content:var(--desktop_justifyContent)}.desktop\\:justifyContent\\:center{justify-content:center}.desktop\\:justifyContent\\:flex-start{justify-content:flex-start}.desktop\\:justifyContent\\:flex-end{justify-content:flex-end}}";
|
|
1131
|
-
styleInject(css_248z$a);
|
|
1132
|
-
|
|
1133
1130
|
const breakPoints = [
|
|
1134
1131
|
"mobile",
|
|
1135
1132
|
"tablet",
|
|
@@ -1612,7 +1609,7 @@ const responsiveClassnames = [
|
|
|
1612
1609
|
|
|
1613
1610
|
const isKnownClassName = (className) => responsiveClassnames.includes(className);
|
|
1614
1611
|
const getResponsiveProps = (props) => {
|
|
1615
|
-
const entries = Object.entries(props);
|
|
1612
|
+
const entries = Object.entries(props).filter(([, value]) => value !== null && value !== undefined);
|
|
1616
1613
|
const variables = entries
|
|
1617
1614
|
.flatMap(([name, prop]) => responsivePropToCssVariable(name, prop))
|
|
1618
1615
|
.reduce((acc, [key, val]) => (Object.assign(Object.assign({}, acc), { [key]: val })), {});
|
|
@@ -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$p = ".Box-module_box__Wgbf3{box-sizing:border-box}";
|
|
1663
|
+
var classes$p = {"box":"Box-module_box__Wgbf3"};
|
|
1664
|
+
styleInject(css_248z$p);
|
|
1668
1665
|
|
|
1669
1666
|
function toVal(mix) {
|
|
1670
1667
|
var k, y, str='';
|
|
@@ -1708,74 +1705,75 @@ function clsx () {
|
|
|
1708
1705
|
}
|
|
1709
1706
|
|
|
1710
1707
|
const Box = (_a) => {
|
|
1711
|
-
var {
|
|
1712
|
-
|
|
1713
|
-
|
|
1708
|
+
var {
|
|
1709
|
+
// misc
|
|
1710
|
+
className, children,
|
|
1711
|
+
// responsive props
|
|
1712
|
+
p, pt, pr, pb, pl, m, mt, mr, mb, ml, width, display, flexGrow, flexShrink, flexDirection, alignItems, textAlign, justifyContent } = _a,
|
|
1713
|
+
// rest
|
|
1714
|
+
rest = __rest(_a, ["className", "children", "p", "pt", "pr", "pb", "pl", "m", "mt", "mr", "mb", "ml", "width", "display", "flexGrow", "flexShrink", "flexDirection", "alignItems", "textAlign", "justifyContent"]);
|
|
1715
|
+
const { classNames, variables } = getResponsiveProps({
|
|
1716
|
+
p,
|
|
1717
|
+
pt,
|
|
1718
|
+
pr,
|
|
1719
|
+
pb,
|
|
1720
|
+
pl,
|
|
1721
|
+
m,
|
|
1722
|
+
mt,
|
|
1723
|
+
mr,
|
|
1724
|
+
mb,
|
|
1725
|
+
ml,
|
|
1726
|
+
width,
|
|
1727
|
+
display,
|
|
1728
|
+
flexGrow,
|
|
1729
|
+
flexShrink,
|
|
1730
|
+
flexDirection,
|
|
1731
|
+
alignItems,
|
|
1732
|
+
textAlign,
|
|
1733
|
+
justifyContent,
|
|
1734
|
+
});
|
|
1735
|
+
return (React.createElement("div", Object.assign({ className: clsx(classes$p.box, className, classNames), style: variables }, rest), children));
|
|
1714
1736
|
};
|
|
1715
1737
|
|
|
1716
|
-
const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$
|
|
1738
|
+
const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$q.wrapper, classes$q[`variant-${variant}`]) },
|
|
1717
1739
|
React.createElement(Box, { p: 3 },
|
|
1718
1740
|
title && (React.createElement(Box, { pb: children ? 1 : 0 },
|
|
1719
1741
|
React.createElement(Header, { level: 4 }, title))),
|
|
1720
1742
|
children && React.createElement(Paragraph, null, children))));
|
|
1721
1743
|
|
|
1722
|
-
var css_248z$
|
|
1723
|
-
var classes$
|
|
1724
|
-
styleInject(css_248z$
|
|
1744
|
+
var css_248z$o = ".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}}";
|
|
1745
|
+
var classes$o = {"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"};
|
|
1746
|
+
styleInject(css_248z$o);
|
|
1725
1747
|
|
|
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$
|
|
1748
|
+
const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$o.svg, viewBox: "0 0 154 154" },
|
|
1749
|
+
React.createElement("g", { className: classes$o.mask },
|
|
1750
|
+
React.createElement("circle", { className: classes$o.circle, cx: "77", cy: "77", r: "72" }),
|
|
1751
|
+
React.createElement("circle", { className: classes$o.circleColored, cx: "77", cy: "77", r: "72" }),
|
|
1752
|
+
React.createElement("polyline", { className: classes$o.polyline, points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
|
|
1731
1753
|
|
|
1732
|
-
var css_248z$
|
|
1733
|
-
var classes$
|
|
1734
|
-
styleInject(css_248z$
|
|
1754
|
+
var css_248z$n = ".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}";
|
|
1755
|
+
var classes$n = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
|
|
1756
|
+
styleInject(css_248z$n);
|
|
1735
1757
|
|
|
1736
|
-
const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$
|
|
1737
|
-
const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$
|
|
1758
|
+
const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$n.breadcrumbs, props.className) }, props));
|
|
1759
|
+
const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$n.crumb, props.className) }, props));
|
|
1738
1760
|
|
|
1739
|
-
var css_248z$
|
|
1740
|
-
var classes$
|
|
1741
|
-
styleInject(css_248z$
|
|
1761
|
+
var css_248z$m = ".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)}";
|
|
1762
|
+
var classes$m = {"panel":"CollapsiblePanel-module_panel__DrLNG","isClosed":"CollapsiblePanel-module_isClosed__2qVew","titleActionWrapper":"CollapsiblePanel-module_titleActionWrapper__SBw5b"};
|
|
1763
|
+
styleInject(css_248z$m);
|
|
1742
1764
|
|
|
1743
|
-
|
|
1744
|
-
|
|
1745
|
-
|
|
1746
|
-
|
|
1747
|
-
|
|
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
|
-
`}
|
|
1759
|
-
|
|
1760
|
-
${(props) => !!props.onClick &&
|
|
1761
|
-
styledComponents.css `
|
|
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 },
|
|
1765
|
+
var css_248z$l = ".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}";
|
|
1766
|
+
var classes$l = {"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"};
|
|
1767
|
+
styleInject(css_248z$l);
|
|
1768
|
+
|
|
1769
|
+
const Panel = ({ children, className, title, titleAction, titleMeta, onClickTitle, footer, p = 3, titleLevel = 5, }) => (React.createElement("div", { className: clsx(className, classes$l.wrapper) },
|
|
1770
|
+
title && (React.createElement(Box, { p: 3, display: "flex", alignItems: "center", onClick: onClickTitle, className: clsx(classes$l.title, !!children && classes$l.hasChildren, !!onClickTitle && classes$l.hasOnClick) },
|
|
1773
1771
|
React.createElement(Box, { flexGrow: 1 },
|
|
1774
1772
|
React.createElement(Header, { level: titleLevel }, title)),
|
|
1775
|
-
titleMeta && React.createElement(
|
|
1773
|
+
titleMeta && React.createElement(Box, { className: classes$l.meta }, titleMeta),
|
|
1776
1774
|
titleAction && React.createElement(Box, { pl: 5 }, titleAction))),
|
|
1777
1775
|
children && React.createElement(Box, { p: p }, children),
|
|
1778
|
-
footer && React.createElement(
|
|
1776
|
+
footer && (React.createElement(Box, { p: 3, className: classes$l.footer }, footer))));
|
|
1779
1777
|
|
|
1780
1778
|
const Animation = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
1781
1779
|
transform: ${props => props.isOpen ? `translate(0)` : `translateY(-101%)`};
|
|
@@ -1783,7 +1781,7 @@ const Animation = styledComponents.styled.div.withConfig({ shouldForwardProp: is
|
|
|
1783
1781
|
transition-property: transform;
|
|
1784
1782
|
}
|
|
1785
1783
|
`;
|
|
1786
|
-
const Wrapper$
|
|
1784
|
+
const Wrapper$5 = styledComponents.styled.div `
|
|
1787
1785
|
overflow: hidden;
|
|
1788
1786
|
`;
|
|
1789
1787
|
const Hider = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
@@ -1814,7 +1812,7 @@ const SlideOpen = ({ isOpen, children, duration, onChange }) => {
|
|
|
1814
1812
|
onChange === null || onChange === void 0 ? void 0 : onChange(true);
|
|
1815
1813
|
}
|
|
1816
1814
|
}, [isOpen, onChange]);
|
|
1817
|
-
return (React.createElement(Wrapper$
|
|
1815
|
+
return (React.createElement(Wrapper$5, null,
|
|
1818
1816
|
React.createElement(Animation, { isOpen: isDelayedOpen, onTransitionEndCapture: handleTransitionEnd, duration: duration },
|
|
1819
1817
|
React.createElement(Hider, { isHidden: isHidden }, children))));
|
|
1820
1818
|
};
|
|
@@ -1823,7 +1821,7 @@ const CollapsiblePanel = (_a) => {
|
|
|
1823
1821
|
var { isInitiallyOpen, children, titleAction } = _a, rest = __rest(_a, ["isInitiallyOpen", "children", "titleAction"]);
|
|
1824
1822
|
const [isOpen, setIsOpen] = React.useState(isInitiallyOpen);
|
|
1825
1823
|
const toggleOpen = React.useCallback(() => setIsOpen(!isOpen), [setIsOpen, isOpen]);
|
|
1826
|
-
return (React.createElement(Panel, Object.assign({ className: clsx(classes$
|
|
1824
|
+
return (React.createElement(Panel, Object.assign({ className: clsx(classes$m.panel, !isOpen && classes$m.isClosed) }, rest, { onClickTitle: toggleOpen, p: 0, titleAction: React.createElement("div", { className: clsx(classes$m.titleActionWrapper, !isOpen && classes$m.isClosed) }, titleAction) }),
|
|
1827
1825
|
React.createElement(SlideOpen, { isOpen: isOpen },
|
|
1828
1826
|
React.createElement(Box, { p: 3 }, children))));
|
|
1829
1827
|
};
|
|
@@ -1846,56 +1844,29 @@ const useConfirmModal = ({ onConfirm }) => {
|
|
|
1846
1844
|
];
|
|
1847
1845
|
};
|
|
1848
1846
|
|
|
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
|
-
`;
|
|
1847
|
+
var css_248z$k = ".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}}";
|
|
1848
|
+
var classes$k = {"overlay":"Overlay-module_overlay__EkbfA","delay":"Overlay-module_delay__za2Du"};
|
|
1849
|
+
styleInject(css_248z$k);
|
|
1850
|
+
|
|
1851
|
+
const Overlay = (_a) => {
|
|
1852
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
1853
|
+
return (React.createElement("div", Object.assign({ className: clsx(className, classes$k.overlay) }, rest)));
|
|
1854
|
+
};
|
|
1855
|
+
|
|
1856
|
+
var css_248z$j = ".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}";
|
|
1857
|
+
var classes$j = {"wrapper":"Modal-module_wrapper__34Hds","content":"Modal-module_content__dWO-B","panel":"Modal-module_panel__lp9I7"};
|
|
1858
|
+
styleInject(css_248z$j);
|
|
1868
1859
|
|
|
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
1860
|
const Modal = (_a) => {
|
|
1890
1861
|
var { children, handleClickOverlay, buttons } = _a, panelProps = __rest(_a, ["children", "handleClickOverlay", "buttons"]);
|
|
1891
1862
|
return (React.createElement(React.Fragment, null,
|
|
1892
1863
|
React.createElement(Overlay, { onClick: handleClickOverlay }),
|
|
1893
|
-
React.createElement(
|
|
1864
|
+
React.createElement("div", { className: classes$j.wrapper },
|
|
1894
1865
|
React.createElement(SlideInFromTop, null,
|
|
1895
|
-
React.createElement(
|
|
1866
|
+
React.createElement(Panel, Object.assign({ className: classes$j.panel, footer: buttons ? (React.createElement(Box, { display: "flex", justifyContent: "flex-end" }, buttons)) : undefined }, panelProps), children && React.createElement("div", { className: classes$j.content }, children))))));
|
|
1896
1867
|
};
|
|
1897
1868
|
|
|
1898
|
-
const Wrapper$
|
|
1869
|
+
const Wrapper$4 = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
1899
1870
|
${props => props.stretch && `width: 100%;`}
|
|
1900
1871
|
${props => props.actionButton || props.stretch
|
|
1901
1872
|
? styledComponents.css `margin: 0;`
|
|
@@ -1975,7 +1946,7 @@ const StyledButton$1 = styledComponents.styled.button.withConfig({ shouldForward
|
|
|
1975
1946
|
`;
|
|
1976
1947
|
}}
|
|
1977
1948
|
`;
|
|
1978
|
-
const IconWrapper
|
|
1949
|
+
const IconWrapper = styledComponents.styled.span.withConfig({ shouldForwardProp: isPropValid }) `
|
|
1979
1950
|
${props => props.variant !== "text" && styledComponents.css `
|
|
1980
1951
|
min-width: ${props.theme.spacing(10)};
|
|
1981
1952
|
`}
|
|
@@ -2000,18 +1971,18 @@ const IconWrapper$1 = styledComponents.styled.span.withConfig({ shouldForwardPro
|
|
|
2000
1971
|
}
|
|
2001
1972
|
`}
|
|
2002
1973
|
`;
|
|
2003
|
-
const Button
|
|
1974
|
+
const Button = React.forwardRef((_a, ref) => {
|
|
2004
1975
|
var { children, icon, stretch } = _a, props = __rest(_a, ["children", "icon", "stretch"]);
|
|
2005
|
-
return (React.createElement(Wrapper$
|
|
1976
|
+
return (React.createElement(Wrapper$4, { actionButton: props.actionButton, stretch: stretch },
|
|
2006
1977
|
React.createElement(StyledButton$1, Object.assign({ ref: ref, icon: icon, hasChildren: !!children, stretch: stretch }, props),
|
|
2007
|
-
icon && (React.createElement(IconWrapper
|
|
1978
|
+
icon && (React.createElement(IconWrapper, { variant: props.variant, hasChildren: !!children }, icon)),
|
|
2008
1979
|
children)));
|
|
2009
1980
|
});
|
|
2010
1981
|
|
|
2011
1982
|
const ConfirmModal = ({ title, children, cancelLabel = "Nee, annuleren", confirmLabel = "Ja", confirmVariant = 'secondary', confirmIcon, cancelIcon, isOpen, onCancel, onConfirm, }) => {
|
|
2012
1983
|
return isOpen ? (React.createElement(Modal, { title: title, handleClickOverlay: onCancel, buttons: React.createElement(React.Fragment, null,
|
|
2013
|
-
React.createElement(Button
|
|
2014
|
-
React.createElement(Button
|
|
1984
|
+
React.createElement(Button, { "data-testid": "btn-cancel", onClick: onCancel, variant: "basic", icon: cancelIcon }, cancelLabel),
|
|
1985
|
+
React.createElement(Button, { "data-testid": "btn-confirm", onClick: onConfirm, variant: confirmVariant, icon: confirmIcon }, confirmLabel)) }, children)) : null;
|
|
2015
1986
|
};
|
|
2016
1987
|
|
|
2017
1988
|
const noop = () => { };
|
|
@@ -2022,7 +1993,7 @@ const ConfirmButton = (_a) => {
|
|
|
2022
1993
|
onConfirm: (_b = modalProps.onConfirm) !== null && _b !== void 0 ? _b : noop
|
|
2023
1994
|
});
|
|
2024
1995
|
return React.createElement(React.Fragment, null,
|
|
2025
|
-
React.createElement(Button
|
|
1996
|
+
React.createElement(Button, Object.assign({}, buttonProps, { onClick: openModal })),
|
|
2026
1997
|
React.createElement(ConfirmModal, Object.assign({ title: "Are you sure?" }, modalProps, modalHandlerProps)));
|
|
2027
1998
|
};
|
|
2028
1999
|
|
|
@@ -2142,26 +2113,26 @@ Table.Row = StyledTableRow;
|
|
|
2142
2113
|
Table.HeadCell = StyledTableHeadCell;
|
|
2143
2114
|
Table.Cell = TableCell;
|
|
2144
2115
|
|
|
2145
|
-
var css_248z$
|
|
2146
|
-
var classes$
|
|
2147
|
-
styleInject(css_248z$
|
|
2116
|
+
var css_248z$i = ".Details-module_row__0d8vi{vertical-align:top}.Details-module_row__0d8vi.Details-module_isFirstRow__iVno4{border-top:0!important}";
|
|
2117
|
+
var classes$i = {"row":"Details-module_row__0d8vi","isFirstRow":"Details-module_isFirstRow__iVno4"};
|
|
2118
|
+
styleInject(css_248z$i);
|
|
2148
2119
|
|
|
2149
2120
|
const Details = ({ details, firstColumnWidth, }) => (React.createElement(Table, null,
|
|
2150
2121
|
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$
|
|
2122
|
+
React.createElement(Table.Cell, { style: { width: firstColumnWidth }, className: clsx(classes$i.cell, index === 0 && classes$i.isFirstRow) }, key),
|
|
2123
|
+
React.createElement(Table.Cell, { className: clsx(classes$i.cell, index === 0 && classes$i.isFirstRow) }, val)))))));
|
|
2153
2124
|
|
|
2154
|
-
var css_248z$
|
|
2155
|
-
var classes$
|
|
2156
|
-
styleInject(css_248z$
|
|
2125
|
+
var css_248z$h = ".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}";
|
|
2126
|
+
var classes$h = {"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"};
|
|
2127
|
+
styleInject(css_248z$h);
|
|
2157
2128
|
|
|
2158
2129
|
const DropdownMenu = (_a) => {
|
|
2159
2130
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2160
|
-
return (React.createElement("ul", Object.assign({ className: clsx(classes$
|
|
2131
|
+
return (React.createElement("ul", Object.assign({ className: clsx(classes$h.dropdownMenu, className) }, rest)));
|
|
2161
2132
|
};
|
|
2162
2133
|
const DropdownMenuItem = (_a) => {
|
|
2163
2134
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2164
|
-
return (React.createElement("li", Object.assign({ className: clsx(classes$
|
|
2135
|
+
return (React.createElement("li", Object.assign({ className: clsx(classes$h.dropdownMenuItem, className) }, rest)));
|
|
2165
2136
|
};
|
|
2166
2137
|
const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) => {
|
|
2167
2138
|
const dropper = React.useRef(null);
|
|
@@ -2181,15 +2152,15 @@ const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) =
|
|
|
2181
2152
|
document.removeEventListener("click", handleClose);
|
|
2182
2153
|
};
|
|
2183
2154
|
}, [isOpen, handleClose]);
|
|
2184
|
-
return (React.createElement("div", { className: classes$
|
|
2185
|
-
React.createElement(Button
|
|
2155
|
+
return (React.createElement("div", { className: classes$h.wrapper },
|
|
2156
|
+
React.createElement(Button, Object.assign({}, buttonProps, { onClick: handleOpen })),
|
|
2186
2157
|
isOpen && (React.createElement(SlideInFromTop, { speed: ".1s" },
|
|
2187
|
-
React.createElement("span", { className: clsx(classes$
|
|
2158
|
+
React.createElement("span", { className: clsx(classes$h.dropper, align === "left" && classes$h.left, align === "right" && classes$h.right), ref: dropper }, children)))));
|
|
2188
2159
|
};
|
|
2189
2160
|
|
|
2190
|
-
var css_248z$
|
|
2191
|
-
var classes$
|
|
2192
|
-
styleInject(css_248z$
|
|
2161
|
+
var css_248z$g = ".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}";
|
|
2162
|
+
var classes$g = {"dropzone":"Dropzone-module_dropzone__xBUrY","isReadyToDrop":"Dropzone-module_isReadyToDrop__I9ik7","hiddenInput":"Dropzone-module_hiddenInput__7v6dW"};
|
|
2163
|
+
styleInject(css_248z$g);
|
|
2193
2164
|
|
|
2194
2165
|
const Dropzone = (_a) => {
|
|
2195
2166
|
var { onChange, icon, label } = _a, rest = __rest(_a, ["onChange", "icon", "label"]);
|
|
@@ -2224,18 +2195,18 @@ const Dropzone = (_a) => {
|
|
|
2224
2195
|
var _a;
|
|
2225
2196
|
handleChange((_a = fileInput === null || fileInput === void 0 ? void 0 : fileInput.current) === null || _a === void 0 ? void 0 : _a.files);
|
|
2226
2197
|
}, [fileInput, handleChange]);
|
|
2227
|
-
return (React.createElement("div", Object.assign({ ref: dropzone, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick, className: clsx(classes$
|
|
2228
|
-
React.createElement("input", { className: classes$
|
|
2198
|
+
return (React.createElement("div", Object.assign({ ref: dropzone, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick, className: clsx(classes$g.dropzone, isReadyToDrop && classes$g.isReadyToDrop) }, rest),
|
|
2199
|
+
React.createElement("input", { className: classes$g.hiddenInput, "data-testid": "dropzone-file-input", type: "file", ref: fileInput, onChange: handleInputChange, multiple: true }),
|
|
2229
2200
|
React.createElement(Box, null,
|
|
2230
|
-
React.createElement(Button
|
|
2201
|
+
React.createElement(Button, { variant: "text", color: "secondary", type: "button", icon: icon }, label))));
|
|
2231
2202
|
};
|
|
2232
2203
|
|
|
2233
|
-
var css_248z$
|
|
2234
|
-
var classes$
|
|
2235
|
-
styleInject(css_248z$
|
|
2204
|
+
var css_248z$f = ".Feedback-module_box__ESWf9{width:300px}";
|
|
2205
|
+
var classes$f = {"box":"Feedback-module_box__ESWf9"};
|
|
2206
|
+
styleInject(css_248z$f);
|
|
2236
2207
|
|
|
2237
|
-
const Feedback = ({ onConfirm, buttonLabel, buttonIcon, title, subtitle, }) => (React.createElement(Modal, { handleClickOverlay: onConfirm, buttons: React.createElement(Button
|
|
2238
|
-
React.createElement(Box, { pt: 3, pb: 3, className: classes$
|
|
2208
|
+
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) },
|
|
2209
|
+
React.createElement(Box, { pt: 3, pb: 3, className: classes$f.box },
|
|
2239
2210
|
React.createElement(Box, { pb: 5, textAlign: "center" },
|
|
2240
2211
|
React.createElement(Header, null, title),
|
|
2241
2212
|
subtitle && (React.createElement(Box, { pt: 5 },
|
|
@@ -2261,150 +2232,81 @@ const Floater = (_a) => {
|
|
|
2261
2232
|
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)))));
|
|
2262
2233
|
};
|
|
2263
2234
|
|
|
2264
|
-
var css_248z$
|
|
2265
|
-
var classes$
|
|
2266
|
-
styleInject(css_248z$
|
|
2235
|
+
var css_248z$e = ".Footer-module_box__KZvsx{background-color:var(--common-white);border-top:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}";
|
|
2236
|
+
var classes$e = {"box":"Footer-module_box__KZvsx"};
|
|
2237
|
+
styleInject(css_248z$e);
|
|
2238
|
+
|
|
2239
|
+
var css_248z$d = ".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}}";
|
|
2240
|
+
var classes$d = {"wrapper":"SideBar-module_wrapper__8tZbH","isMobileMenuOpen":"SideBar-module_isMobileMenuOpen__1yI4z","isDesktopMenuOpen":"SideBar-module_isDesktopMenuOpen__S25Jl"};
|
|
2241
|
+
styleInject(css_248z$d);
|
|
2267
2242
|
|
|
2268
2243
|
const SIDEBAR_COLLAPSED_WIDTH = 15;
|
|
2269
|
-
const StyledSidebar = styledComponents.styled(Box) `
|
|
2270
|
-
float: left;
|
|
2271
|
-
|
|
2272
|
-
height: 100%;
|
|
2273
|
-
width: 100%;
|
|
2274
|
-
|
|
2275
|
-
background-color: #243646;
|
|
2276
|
-
|
|
2277
|
-
position: fixed;
|
|
2278
|
-
top: 0;
|
|
2279
|
-
left: 0;
|
|
2280
|
-
right: 0;
|
|
2281
|
-
bottom: 0;
|
|
2282
|
-
|
|
2283
|
-
z-index: 900;
|
|
2284
|
-
|
|
2285
|
-
display: ${props => props.isMobileMenuOpen ? 'block' : 'none'};
|
|
2286
|
-
pointer-events: auto;
|
|
2287
|
-
|
|
2288
|
-
${mq("laptop", styledComponents.css `
|
|
2289
|
-
position: static;
|
|
2290
|
-
display: block;
|
|
2291
|
-
width: auto;
|
|
2292
|
-
min-width: ${props => { var _a; return props.theme.spacing((_a = props.minWidth) !== null && _a !== void 0 ? _a : 75); }};
|
|
2293
|
-
box-shadow: 2px 0px 6px -1px rgba(0,0,0,0.74);
|
|
2294
|
-
|
|
2295
|
-
transition: transform .1s ease-out;
|
|
2296
|
-
transform: ${props => props.isDesktopMenuOpen
|
|
2297
|
-
? 'transform: translateX(0);'
|
|
2298
|
-
: styledComponents.css `translateX(calc(-100% + ${props => props.theme.spacing(SIDEBAR_COLLAPSED_WIDTH)}));`};
|
|
2299
|
-
|
|
2300
|
-
& ul {
|
|
2301
|
-
opacity: ${props => props.isDesktopMenuOpen ? '1' : '0'};
|
|
2302
|
-
}
|
|
2303
|
-
`)}
|
|
2304
|
-
`;
|
|
2305
2244
|
const SideBar = (props) => {
|
|
2306
2245
|
const { closeSideMenu, openSideMenu, isSideMenuOpen } = useUiStateContext();
|
|
2307
|
-
return React.createElement(
|
|
2246
|
+
return (React.createElement(Box, Object.assign({ className: clsx("sidebar", classes$d.wrapper, props.isMobileMenuOpen && classes$d.isMobileMenuOpen, isSideMenuOpen && classes$d.isDesktopMenuOpen) }, props, { onMouseEnter: openSideMenu, onMouseLeave: closeSideMenu, style: {
|
|
2247
|
+
// @ts-ignore
|
|
2248
|
+
"--minWidth": props.minWidth || 75,
|
|
2249
|
+
"--collapsed-width": SIDEBAR_COLLAPSED_WIDTH,
|
|
2250
|
+
} })));
|
|
2308
2251
|
};
|
|
2309
2252
|
|
|
2310
|
-
const Footer = ({ children, }) => (React.createElement(Box, { pt: 2, pb: 2, pr: 5, pl: { mobile: 5, laptop: SIDEBAR_COLLAPSED_WIDTH + 5 }, className: classes$
|
|
2253
|
+
const Footer = ({ children, }) => (React.createElement(Box, { pt: 2, pb: 2, pr: 5, pl: { mobile: 5, laptop: SIDEBAR_COLLAPSED_WIDTH + 5 }, className: classes$e.box }, children));
|
|
2311
2254
|
|
|
2312
|
-
var css_248z = ".HorizontalScroller-module_box__W07vp{overflow-x:auto;overflow-y:hidden}";
|
|
2313
|
-
var classes = {"box":"HorizontalScroller-module_box__W07vp"};
|
|
2314
|
-
styleInject(css_248z);
|
|
2255
|
+
var css_248z$c = ".HorizontalScroller-module_box__W07vp{overflow-x:auto;overflow-y:hidden}";
|
|
2256
|
+
var classes$c = {"box":"HorizontalScroller-module_box__W07vp"};
|
|
2257
|
+
styleInject(css_248z$c);
|
|
2315
2258
|
|
|
2316
|
-
const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes.box }, children);
|
|
2259
|
+
const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$c.box }, children);
|
|
2317
2260
|
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
|
|
2321
|
-
`;
|
|
2261
|
+
var css_248z$b = ".HamburgerButton-module_hamburgerButton__uFuws{margin-right:var(--spacing-3)}@media(min-width:1024px){.HamburgerButton-module_hamburgerButton__uFuws{display:none!important}}";
|
|
2262
|
+
var classes$b = {"hamburgerButton":"HamburgerButton-module_hamburgerButton__uFuws"};
|
|
2263
|
+
styleInject(css_248z$b);
|
|
2322
2264
|
|
|
2323
|
-
const
|
|
2324
|
-
|
|
2325
|
-
|
|
2326
|
-
|
|
2327
|
-
|
|
2328
|
-
|
|
2329
|
-
|
|
2330
|
-
|
|
2331
|
-
|
|
2332
|
-
|
|
2333
|
-
|
|
2334
|
-
|
|
2335
|
-
& > * {
|
|
2336
|
-
margin-left: ${props.theme.spacing(-1)};
|
|
2337
|
-
}
|
|
2338
|
-
`}
|
|
2339
|
-
|
|
2340
|
-
& button:hover, & button:active, & button:focus {
|
|
2341
|
-
color: ${props => props.theme.palette.common.white} !important;
|
|
2342
|
-
}
|
|
2343
|
-
|
|
2344
|
-
& button {
|
|
2345
|
-
width: 100%;
|
|
2346
|
-
}
|
|
2347
|
-
|
|
2348
|
-
${props => props.isActive && styledComponents.css `
|
|
2349
|
-
& button {
|
|
2350
|
-
color: ${props.theme.palette.common.white};
|
|
2351
|
-
}
|
|
2352
|
-
`}
|
|
2353
|
-
`;
|
|
2354
|
-
const MenuItem = ({ item, isOpen, isActive, children }) => {
|
|
2265
|
+
const HamburgerButton = (_a) => {
|
|
2266
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
2267
|
+
return (React.createElement(Button, Object.assign({ className: clsx(classes$b.hamburgerButton, className) }, props)));
|
|
2268
|
+
};
|
|
2269
|
+
|
|
2270
|
+
var css_248z$a = ".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)}";
|
|
2271
|
+
var classes$a = {"menu":"Menu-module_menu__uj3BS","menuItem":"Menu-module_menuItem__96xoX","isActive":"Menu-module_isActive__idoz4","isOpen":"Menu-module_isOpen__p1ar3"};
|
|
2272
|
+
styleInject(css_248z$a);
|
|
2273
|
+
|
|
2274
|
+
const Menu = ({ children }) => (React.createElement("ul", { className: classes$a.menu }, children));
|
|
2275
|
+
const MenuItem = ({ item, isOpen, isActive, children, }) => {
|
|
2355
2276
|
const [isDelayedOpen, setDelayedOpen] = React.useState(!!isOpen);
|
|
2356
|
-
return (React.createElement(
|
|
2277
|
+
return (React.createElement("li", { className: clsx(classes$a.menuItem, isDelayedOpen && classes$a.isOpen, !!isActive && classes$a.isActive) },
|
|
2357
2278
|
item,
|
|
2358
|
-
children && (React.createElement(SlideOpen, { onChange: setDelayedOpen, isOpen: !!isOpen, duration: .25 }, children))));
|
|
2279
|
+
children && (React.createElement(SlideOpen, { onChange: setDelayedOpen, isOpen: !!isOpen, duration: 0.25 }, children))));
|
|
2359
2280
|
};
|
|
2360
2281
|
|
|
2361
|
-
|
|
2362
|
-
|
|
2363
|
-
|
|
2282
|
+
var css_248z$9 = "@media(min-width:1024px){.MenuCloseButton-module_menuCloseButton__c2jye{display:none!important}}";
|
|
2283
|
+
var classes$9 = {"menuCloseButton":"MenuCloseButton-module_menuCloseButton__c2jye"};
|
|
2284
|
+
styleInject(css_248z$9);
|
|
2364
2285
|
|
|
2365
|
-
const
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2369
|
-
|
|
2370
|
-
|
|
2371
|
-
|
|
2372
|
-
|
|
2373
|
-
|
|
2374
|
-
|
|
2375
|
-
|
|
2376
|
-
|
|
2377
|
-
|
|
2378
|
-
|
|
2379
|
-
|
|
2380
|
-
display:none;
|
|
2381
|
-
}
|
|
2382
|
-
`;
|
|
2383
|
-
const MenuSlideOpenIndicator = ({ children }) => (React.createElement(StyledBox$4, null, children));
|
|
2286
|
+
const MenuCloseButton = (_a) => {
|
|
2287
|
+
var { className } = _a, props = __rest(_a, ["className"]);
|
|
2288
|
+
return (React.createElement(Button, Object.assign({ className: clsx(classes$9.menuCloseButton, className) }, props)));
|
|
2289
|
+
};
|
|
2290
|
+
|
|
2291
|
+
var css_248z$8 = ".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}";
|
|
2292
|
+
var classes$8 = {"wrapper":"MenuSlideOpenIndicator-module_wrapper__Q6Ykj"};
|
|
2293
|
+
styleInject(css_248z$8);
|
|
2294
|
+
|
|
2295
|
+
const MenuSlideOpenIndicator = (_a) => {
|
|
2296
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2297
|
+
return (React.createElement(Box, Object.assign({ className: clsx(classes$8.wrapper, className),
|
|
2298
|
+
// @ts-ignore
|
|
2299
|
+
style: { "--collapsed-width": SIDEBAR_COLLAPSED_WIDTH } }, rest)));
|
|
2300
|
+
};
|
|
2384
2301
|
|
|
2385
2302
|
const VerticalRhythmLaptop = 7;
|
|
2386
2303
|
const VerticalRhythmMobile = 4;
|
|
2387
2304
|
|
|
2388
|
-
|
|
2389
|
-
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
display: flex;
|
|
2394
|
-
text-align: center;
|
|
2395
|
-
|
|
2396
|
-
font-size: 14px;
|
|
2397
|
-
font-weight: bold;
|
|
2398
|
-
letter-spacing: 1px;
|
|
2399
|
-
line-height: 1em;
|
|
2400
|
-
|
|
2401
|
-
background-color: rgba(0,0,0,.2);
|
|
2402
|
-
|
|
2403
|
-
${mq('laptop', styledComponents.css `
|
|
2404
|
-
min-height: ${props => props.theme.spacing(12)};
|
|
2405
|
-
`)}
|
|
2406
|
-
`;
|
|
2407
|
-
const SideBarHeader = ({ children, right }) => (React.createElement(StyledBox$3, { mb: VerticalRhythmLaptop },
|
|
2305
|
+
var css_248z$7 = ".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)}}";
|
|
2306
|
+
var classes$7 = {"sideBarHeader":"SideBarHeader-module_sideBarHeader__7zbYN"};
|
|
2307
|
+
styleInject(css_248z$7);
|
|
2308
|
+
|
|
2309
|
+
const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { mb: VerticalRhythmLaptop, className: classes$7.sideBarHeader },
|
|
2408
2310
|
React.createElement(Box, { flexGrow: 1, display: "flex" },
|
|
2409
2311
|
React.createElement(Box, { flexGrow: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children)),
|
|
2410
2312
|
right && React.createElement(Box, null, right)));
|
|
@@ -2454,33 +2356,10 @@ const useResponsiveBreakpoints = () => {
|
|
|
2454
2356
|
return responsiveMap;
|
|
2455
2357
|
};
|
|
2456
2358
|
|
|
2457
|
-
|
|
2458
|
-
|
|
2459
|
-
|
|
2460
|
-
const Button = styledComponents.styled.button.withConfig({ shouldForwardProp: isPropValid }) `
|
|
2461
|
-
user-select:none;
|
|
2462
|
-
cursor: pointer;
|
|
2359
|
+
var css_248z$6 = ".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}";
|
|
2360
|
+
var classes$6 = {"wrapper":"Paginator-module_wrapper__IPIcn","button":"Paginator-module_button__lkNBq","isActive":"Paginator-module_isActive__Qk3mv","isDisabled":"Paginator-module_isDisabled__uHGss"};
|
|
2361
|
+
styleInject(css_248z$6);
|
|
2463
2362
|
|
|
2464
|
-
min-height: ${props => props.theme.spacing(8)};
|
|
2465
|
-
padding: .2em 1.3em .2em;
|
|
2466
|
-
margin: 0;
|
|
2467
|
-
line-height: 1em;
|
|
2468
|
-
outline: 0;
|
|
2469
|
-
border: 1px solid rgba(34,36,38,.15);
|
|
2470
|
-
|
|
2471
|
-
font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
|
|
2472
|
-
background-color: ${props => props.active ? '#F2F2F2' : '#fff'};
|
|
2473
|
-
|
|
2474
|
-
&:not(:first-of-type) {
|
|
2475
|
-
border-left: 0;
|
|
2476
|
-
}
|
|
2477
|
-
|
|
2478
|
-
${props => !props.disabled && (`
|
|
2479
|
-
&:hover {
|
|
2480
|
-
background-color: #E9E9E9;
|
|
2481
|
-
}
|
|
2482
|
-
`)}
|
|
2483
|
-
`;
|
|
2484
2363
|
const range = (start, end) => {
|
|
2485
2364
|
let nums = [];
|
|
2486
2365
|
for (let i = start; i < end; i++) {
|
|
@@ -2495,167 +2374,80 @@ const Paginator = (props) => {
|
|
|
2495
2374
|
const clamSize = isTablet ? 2 : 0;
|
|
2496
2375
|
const clamLower = Math.max(1, currentPage - clamSize);
|
|
2497
2376
|
const clamUpper = Math.min(pageCount, currentPage + clamSize);
|
|
2498
|
-
return (React.createElement(
|
|
2499
|
-
React.createElement(
|
|
2500
|
-
clamLower > 1 && (React.createElement(
|
|
2501
|
-
clamLower > 2 && (React.createElement(
|
|
2502
|
-
range(clamLower, clamUpper + 1).map((pageNumber) => (React.createElement(
|
|
2503
|
-
clamUpper < pageCount - 1 && (React.createElement(
|
|
2504
|
-
clamUpper < pageCount && (React.createElement(
|
|
2505
|
-
React.createElement(
|
|
2377
|
+
return (React.createElement("div", { className: classes$6.wrapper },
|
|
2378
|
+
React.createElement("button", { "data-testid": "paginate-prev", disabled: currentPage === 1, onClick: () => onChange(currentPage - 1), className: clsx(classes$6.button, currentPage === 1 && classes$6.isDisabled) }, "\u27E8"),
|
|
2379
|
+
clamLower > 1 && (React.createElement("button", { "data-testid": "paginate-page-1", onClick: () => onChange(1), className: clsx(classes$6.button, currentPage === 1 && classes$6.isActive) }, "1")),
|
|
2380
|
+
clamLower > 2 && (React.createElement("button", { disabled: true, className: clsx(classes$6.button, classes$6.isDisabled) }, "...")),
|
|
2381
|
+
range(clamLower, clamUpper + 1).map((pageNumber) => (React.createElement("button", { "data-testid": `paginate-page-${pageNumber}`, key: pageNumber, onClick: () => onChange(pageNumber), className: clsx(classes$6.button, currentPage === pageNumber && classes$6.isActive) }, pageNumber))),
|
|
2382
|
+
clamUpper < pageCount - 1 && (React.createElement("button", { disabled: true, className: clsx(classes$6.button, classes$6.isDisabled) }, "...")),
|
|
2383
|
+
clamUpper < pageCount && (React.createElement("button", { "data-testid": `paginate-page-${pageCount}`, onClick: () => onChange(pageCount), className: clsx(classes$6.button, currentPage === pageCount && classes$6.isActive) }, pageCount)),
|
|
2384
|
+
React.createElement("button", { "data-testid": "paginate-next", disabled: currentPage === pageCount, onClick: () => onChange(currentPage + 1), className: clsx(classes$6.button, currentPage === pageCount && classes$6.isDisabled) }, "\u27E9")));
|
|
2506
2385
|
};
|
|
2507
2386
|
|
|
2508
2387
|
const Section = (props) => (React.createElement(Box, Object.assign({ pb: { laptop: VerticalRhythmLaptop, mobile: VerticalRhythmMobile } }, props)));
|
|
2509
2388
|
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
height: 100%;
|
|
2517
|
-
`;
|
|
2518
|
-
const Label$2 = styledComponents.styled.div `
|
|
2519
|
-
text-transform: uppercase;
|
|
2520
|
-
color: ${props => props.theme.palette.common.white};
|
|
2521
|
-
font-size: ${props => props.theme.spacing(3)};
|
|
2522
|
-
`;
|
|
2523
|
-
const Value = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
2524
|
-
color: ${props => props.theme.palette.common.white};
|
|
2525
|
-
font-weight: bold;
|
|
2526
|
-
font-size: ${props => props.theme.spacing(props.smallerValue ? 5.5 : 7.5)};
|
|
2527
|
-
`;
|
|
2528
|
-
const IconWrapper = styledComponents.styled.div `
|
|
2529
|
-
margin: ${props => props.theme.spacing(1)} 0 auto 0;
|
|
2530
|
-
& svg {
|
|
2531
|
-
height: 100%;
|
|
2532
|
-
width: ${props => props.theme.spacing(10)};
|
|
2533
|
-
color: white;
|
|
2534
|
-
}
|
|
2535
|
-
`;
|
|
2536
|
-
const Statistic = ({ icon, value, label, backgroundColor, smallerValue }) => (React.createElement(Wrapper$5, { backgroundColor: backgroundColor },
|
|
2537
|
-
React.createElement(IconWrapper, null, icon),
|
|
2389
|
+
var css_248z$5 = ".Statistic-module_wrapper__4eJ86{border-radius:var(--spacing);box-sizing:border-box;display:flex;height:100%;padding:var(--spacing-4)}.Statistic-module_wrapper__4eJ86.Statistic-module_blue__SsMhE{background-color:var(--colors-blue)}.Statistic-module_wrapper__4eJ86.Statistic-module_indigo__8DByg{background-color:var(--colors-indigo)}.Statistic-module_wrapper__4eJ86.Statistic-module_purple__mieHQ{background-color:var(--colors-purple)}.Statistic-module_wrapper__4eJ86.Statistic-module_pink__2PBSu{background-color:var(--colors-pink)}.Statistic-module_wrapper__4eJ86.Statistic-module_red__T7SC1{background-color:var(--colors-red)}.Statistic-module_wrapper__4eJ86.Statistic-module_orange__eq9b2{background-color:var(--colors-orange)}.Statistic-module_wrapper__4eJ86.Statistic-module_yellow__0A2sj{background-color:var(--colors-yellow)}.Statistic-module_wrapper__4eJ86.Statistic-module_green__LjLEE{background-color:var(--colors-green)}.Statistic-module_wrapper__4eJ86.Statistic-module_teal__rz09e{background-color:var(--colors-teal)}.Statistic-module_wrapper__4eJ86.Statistic-module_cyan__ljMqB{background-color:var(--colors-cyan)}.Statistic-module_wrapper__4eJ86.Statistic-module_grayDark__JoQc8,.Statistic-module_wrapper__4eJ86.Statistic-module_gray__Bukv9{background-color:var(--colors-gray)}.Statistic-module_wrapper__4eJ86.Statistic-module_light__Q1XW7{background-color:var(--colors-light)}.Statistic-module_wrapper__4eJ86.Statistic-module_dark__HWch8{background-color:var(--colors-dark)}.Statistic-module_label__O256y{color:var(--common-white);font-size:var(--spacing-3);text-transform:uppercase}.Statistic-module_value__Af9tB{color:var(--common-white);font-size:calc(var(--spacing)*7.5);font-weight:700}.Statistic-module_value__Af9tB.Statistic-module_smaller__ni0vP{font-size:calc(var(--spacing)*5.5)}.Statistic-module_iconWrapper__TudZL{margin:var(--spacing) 0 auto 0}.Statistic-module_iconWrapper__TudZL svg{color:#fff;height:100%;width:calc(var(--spacing)*10)}";
|
|
2390
|
+
var classes$5 = {"wrapper":"Statistic-module_wrapper__4eJ86","blue":"Statistic-module_blue__SsMhE","indigo":"Statistic-module_indigo__8DByg","purple":"Statistic-module_purple__mieHQ","pink":"Statistic-module_pink__2PBSu","red":"Statistic-module_red__T7SC1","orange":"Statistic-module_orange__eq9b2","yellow":"Statistic-module_yellow__0A2sj","green":"Statistic-module_green__LjLEE","teal":"Statistic-module_teal__rz09e","cyan":"Statistic-module_cyan__ljMqB","gray":"Statistic-module_gray__Bukv9","grayDark":"Statistic-module_grayDark__JoQc8","light":"Statistic-module_light__Q1XW7","dark":"Statistic-module_dark__HWch8","label":"Statistic-module_label__O256y","value":"Statistic-module_value__Af9tB","smaller":"Statistic-module_smaller__ni0vP","iconWrapper":"Statistic-module_iconWrapper__TudZL"};
|
|
2391
|
+
styleInject(css_248z$5);
|
|
2392
|
+
|
|
2393
|
+
const Statistic = ({ icon, value, label, backgroundColor, smallerValue, }) => (React.createElement("div", { className: clsx(classes$5.wrapper, classes$5[backgroundColor]) },
|
|
2394
|
+
React.createElement("div", { className: classes$5.iconWrapper }, icon),
|
|
2538
2395
|
React.createElement(Box, { flexGrow: 1, textAlign: "right" },
|
|
2539
|
-
React.createElement(
|
|
2540
|
-
React.createElement(
|
|
2396
|
+
React.createElement("div", { className: classes$5.label }, label),
|
|
2397
|
+
React.createElement("div", { className: clsx(classes$5.value, smallerValue && classes$5.smaller) }, value))));
|
|
2398
|
+
|
|
2399
|
+
var css_248z$4 = ".Tab-module_tab__Iwytl{padding:calc(var(--spacing)*2.5) var(--spacing-5)}.Tab-module_tab__Iwytl.Tab-module_isActive__DXImz{background-color:var(--common-white);border:1px solid #22242626;border-bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;font-weight:700;margin-bottom:-1px}.Tab-module_tab__Iwytl:not(.Tab-module_isActive__DXImz){color:#337ab7;cursor:pointer}.Tab-module_tab__Iwytl:not(.Tab-module_isActive__DXImz):focus,.Tab-module_tab__Iwytl:not(.Tab-module_isActive__DXImz):hover{color:#23527c;text-decoration:underline}.Tab-module_tab__Iwytl.Tab-module_hint__ynkFR{color:var(--form-hint);font-weight:700}.Tab-module_tab__Iwytl.Tab-module_hint__ynkFR:hover{color:var(--form-hint)}.Tab-module_tab__Iwytl.Tab-module_error__OF1Ji{color:var(--form-error);font-weight:700}.Tab-module_tab__Iwytl.Tab-module_error__OF1Ji:hover{color:var(--form-error)}";
|
|
2400
|
+
var classes$4 = {"tab":"Tab-module_tab__Iwytl","isActive":"Tab-module_isActive__DXImz","hint":"Tab-module_hint__ynkFR","error":"Tab-module_error__OF1Ji"};
|
|
2401
|
+
styleInject(css_248z$4);
|
|
2541
2402
|
|
|
2542
|
-
const StyledBox$2 = styledComponents.styled(Box) `
|
|
2543
|
-
|
|
2544
|
-
padding: ${props => props.theme.spacing(2.5, 5)};
|
|
2545
|
-
|
|
2546
|
-
${props => !props.isActive && styledComponents.css `
|
|
2547
|
-
cursor: pointer;
|
|
2548
|
-
color: #337ab7;
|
|
2549
|
-
&:hover,
|
|
2550
|
-
&:focus {
|
|
2551
|
-
color: #23527c;
|
|
2552
|
-
text-decoration: underline;
|
|
2553
|
-
}
|
|
2554
|
-
`}
|
|
2555
|
-
|
|
2556
|
-
${props => props.isActive && styledComponents.css `
|
|
2557
|
-
font-weight: bold;
|
|
2558
|
-
border: 1px solid rgba(34,36,38,.15);
|
|
2559
|
-
border-bottom: 0px;
|
|
2560
|
-
margin-bottom: -1px;
|
|
2561
|
-
border-top-left-radius: 4px;
|
|
2562
|
-
border-top-right-radius: 4px;
|
|
2563
|
-
background-color: ${props => props.theme.palette.common.white};
|
|
2564
|
-
`}
|
|
2565
|
-
|
|
2566
|
-
${props => props.variant && `
|
|
2567
|
-
font-weight: bold;
|
|
2568
|
-
color: ${props.theme.palette.form[props.variant]};
|
|
2569
|
-
&:hover {
|
|
2570
|
-
color: ${props.theme.palette.form[props.variant]};
|
|
2571
|
-
}
|
|
2572
|
-
`}
|
|
2573
|
-
|
|
2574
|
-
`;
|
|
2575
2403
|
const Tab = (_a) => {
|
|
2576
|
-
var { id, isActive, onClick } = _a, restProps = __rest(_a, ["id", "isActive", "onClick"]);
|
|
2404
|
+
var { id, isActive, onClick, variant } = _a, restProps = __rest(_a, ["id", "isActive", "onClick", "variant"]);
|
|
2577
2405
|
const handleClick = React.useCallback(() => {
|
|
2578
2406
|
if (!isActive) {
|
|
2579
2407
|
onClick === null || onClick === void 0 ? void 0 : onClick(id);
|
|
2580
2408
|
}
|
|
2581
2409
|
}, [id, isActive, onClick]);
|
|
2582
|
-
return React.createElement(
|
|
2410
|
+
return (React.createElement(Box, Object.assign({ className: clsx(classes$4.tab, isActive && classes$4.isActive, variant && classes$4[variant]) }, restProps, { onClick: handleClick })));
|
|
2583
2411
|
};
|
|
2584
2412
|
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2588
|
-
border-top: 0px;
|
|
2589
|
-
`;
|
|
2590
|
-
const TabContent = (props) => React.createElement(StyledBox$1, Object.assign({ p: 3 }, props));
|
|
2413
|
+
var css_248z$3 = ".TabContent-module_tabContent__hMTiE{background-color:var(--common-white);border:1px solid #22242626;border-top:0}";
|
|
2414
|
+
var classes$3 = {"tabContent":"TabContent-module_tabContent__hMTiE"};
|
|
2415
|
+
styleInject(css_248z$3);
|
|
2591
2416
|
|
|
2592
|
-
const
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2417
|
+
const TabContent = (_a) => {
|
|
2418
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2419
|
+
return (React.createElement(Box, Object.assign({ className: clsx(classes$3.tabContent, className), p: 3 }, rest)));
|
|
2420
|
+
};
|
|
2596
2421
|
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2603
|
-
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
|
|
2613
|
-
background: #e7eaec;
|
|
2614
|
-
content: '';
|
|
2615
|
-
position: absolute;
|
|
2616
|
-
top: 0;
|
|
2617
|
-
left: ${props => props.theme.spacing(4.5)};
|
|
2618
|
-
height: 100%;
|
|
2619
|
-
width: ${props => props.theme.spacing(1)};
|
|
2620
|
-
}
|
|
2621
|
-
|
|
2622
|
-
`;
|
|
2623
|
-
const Circle = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
2624
|
-
position: relative;
|
|
2625
|
-
background-color: ${props => props.color};
|
|
2626
|
-
color: #fff;
|
|
2627
|
-
|
|
2628
|
-
left: 0;
|
|
2629
|
-
width: ${props => props.theme.spacing(10)};
|
|
2630
|
-
height: ${props => props.theme.spacing(10)};
|
|
2631
|
-
border-radius: 50%;
|
|
2632
|
-
font-size: ${props => props.theme.spacing(4)};
|
|
2633
|
-
|
|
2634
|
-
& > * {
|
|
2635
|
-
position: absolute;
|
|
2636
|
-
top: 50%;
|
|
2637
|
-
left: 50%;
|
|
2638
|
-
transform: translate(-50%, -50%);
|
|
2639
|
-
}
|
|
2640
|
-
`;
|
|
2641
|
-
const Timeline = ({ title, icon, color, isInitiallyOpen, titleMeta, chevron, children }) => (React.createElement(Wrapper$4, null,
|
|
2642
|
-
React.createElement(Line, null,
|
|
2643
|
-
React.createElement(Circle, { color: color }, icon)),
|
|
2422
|
+
var css_248z$2 = ".Tabs-module_tabs__QzIkz{border-bottom:1px solid #22242626;display:flex}";
|
|
2423
|
+
var classes$2 = {"tabs":"Tabs-module_tabs__QzIkz"};
|
|
2424
|
+
styleInject(css_248z$2);
|
|
2425
|
+
|
|
2426
|
+
const Tabs = (_a) => {
|
|
2427
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2428
|
+
return (React.createElement(Box, Object.assign({ className: clsx(className, classes$2.tabs) }, rest)));
|
|
2429
|
+
};
|
|
2430
|
+
|
|
2431
|
+
var css_248z$1 = ".Timeline-module_flatPanel__TzdFU{box-shadow:none}.Timeline-module_wrapper__sWd71{display:flex}.Timeline-module_wrapper__sWd71:last-of-type .Timeline-module_line__CwY-N:before{background:none}.Timeline-module_line__CwY-N{margin-right:var(--spacing-4);position:relative;top:4px}.Timeline-module_line__CwY-N:before{background:#e7eaec;content:\"\";height:100%;left:calc(var(--spacing)*4.5);position:absolute;top:0;width:var(--spacing)}.Timeline-module_circle__7kyfg{background-color:var(--background-color);border-radius:50%;color:#fff;font-size:var(--spacing-4);height:calc(var(--spacing)*10);left:0;position:relative;width:calc(var(--spacing)*10)}.Timeline-module_circle__7kyfg>*{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}";
|
|
2432
|
+
var classes$1 = {"flatPanel":"Timeline-module_flatPanel__TzdFU","wrapper":"Timeline-module_wrapper__sWd71","line":"Timeline-module_line__CwY-N","circle":"Timeline-module_circle__7kyfg"};
|
|
2433
|
+
styleInject(css_248z$1);
|
|
2434
|
+
|
|
2435
|
+
const Timeline = ({ title, icon, color, isInitiallyOpen, titleMeta, chevron, children, }) => (React.createElement(Box, { className: classes$1.wrapper },
|
|
2436
|
+
React.createElement(Box, { className: classes$1.line },
|
|
2437
|
+
React.createElement("div", { className: classes$1.circle, style: { "--background-color": color } }, icon)),
|
|
2644
2438
|
React.createElement(Box, { pb: 4, flexGrow: 1 },
|
|
2645
2439
|
React.createElement(CollapsiblePanel, { isInitiallyOpen: isInitiallyOpen, titleMeta: titleMeta, title: title, titleAction: chevron }, children))));
|
|
2646
|
-
const SimpleTimeline = ({ color, icon, title, titleMeta }) => (React.createElement(
|
|
2647
|
-
React.createElement(
|
|
2648
|
-
React.createElement(
|
|
2440
|
+
const SimpleTimeline = ({ color, icon, title, titleMeta, }) => (React.createElement(Box, { className: classes$1.wrapper },
|
|
2441
|
+
React.createElement(Box, { className: clsx(classes$1.line, "line") },
|
|
2442
|
+
React.createElement("div", { className: classes$1.circle, style: { "--background-color": color } }, icon)),
|
|
2649
2443
|
React.createElement(Box, { pb: 4, flexGrow: 1 },
|
|
2650
|
-
React.createElement(
|
|
2444
|
+
React.createElement(Panel, { className: classes$1.flatPanel, titleMeta: titleMeta, title: title }))));
|
|
2651
2445
|
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
`;
|
|
2658
|
-
const TopBar = ({ left, right, }) => (React.createElement(StyledBox, null,
|
|
2446
|
+
var css_248z = ".TopBar-module_wrapper__DVlec{background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}";
|
|
2447
|
+
var classes = {"wrapper":"TopBar-module_wrapper__DVlec"};
|
|
2448
|
+
styleInject(css_248z);
|
|
2449
|
+
|
|
2450
|
+
const TopBar = ({ left, right, }) => (React.createElement(Box, { className: classes.wrapper },
|
|
2659
2451
|
React.createElement(Box, { display: "flex", alignItems: "center", pb: 1, pt: 1, pr: 5, pl: {
|
|
2660
2452
|
mobile: 5,
|
|
2661
2453
|
laptop: 5 + SIDEBAR_COLLAPSED_WIDTH,
|
|
@@ -2827,7 +2619,7 @@ const HiddenInput = styledComponents.styled.input.withConfig({ shouldForwardProp
|
|
|
2827
2619
|
width: 100%;
|
|
2828
2620
|
opacity:0;
|
|
2829
2621
|
`;
|
|
2830
|
-
const StyledButton = styledComponents.styled(Button
|
|
2622
|
+
const StyledButton = styledComponents.styled(Button) `
|
|
2831
2623
|
height: 40px;
|
|
2832
2624
|
|
|
2833
2625
|
.has-error & {
|
|
@@ -5017,7 +4809,7 @@ const useScaffoldFormContext = () => React.useContext(ScaffoldFormContext);
|
|
|
5017
4809
|
const getComponent = (field) => {
|
|
5018
4810
|
switch (field.type) {
|
|
5019
4811
|
case "Button":
|
|
5020
|
-
return Button
|
|
4812
|
+
return Button;
|
|
5021
4813
|
case "Checkbox":
|
|
5022
4814
|
return Checkbox;
|
|
5023
4815
|
case "Select":
|
|
@@ -5061,7 +4853,7 @@ exports.BasicLayout = BasicLayout;
|
|
|
5061
4853
|
exports.Box = Box;
|
|
5062
4854
|
exports.BreadCrumbs = BreadCrumbs;
|
|
5063
4855
|
exports.BreakPointValues = BreakPointValues;
|
|
5064
|
-
exports.Button = Button
|
|
4856
|
+
exports.Button = Button;
|
|
5065
4857
|
exports.Checkbox = Checkbox;
|
|
5066
4858
|
exports.CollapsiblePanel = CollapsiblePanel;
|
|
5067
4859
|
exports.ConfirmButton = ConfirmButton;
|