quicksnack 3.42.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 +190 -252
- package/dist/bundle.min.js +55 -155
- package/dist/src/components/Box/Box.d.ts +1 -1
- 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/package.json +1 -1
package/dist/bundle.js
CHANGED
|
@@ -31,8 +31,8 @@ function styleInject(css, ref) {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
var css_248z$l = ":root{--common-black:#000000de;--common-white:#fff;--colors-blue:#007bff;--colors-indigo:#6610f2;--colors-purple:#6f42c1;--colors-pink:#e83e8c;--colors-red:#e83e3e;--colors-orange:#fd7e14;--colors-yellow:#ffc107;--colors-green:#23b294;--colors-teal:#20c997;--colors-cyan:#17a2b8;--colors-gray:#6c757d;--colors-grayDark:#343a40;--colors-light:#f8f9fa;--colors-dark:#343a40;--form-hint:#c7c7c7;--form-error:#9f3a38;--button-basic-idle-background:#fff;--button-basic-idle-text:#000000de;--button-basic-hover-background:#e5e5e5;--button-basic-hover-text:rgba(0,0,0,.883);--button-basic-active-background:#ccc;--button-basic-active-text:rgba(0,0,0,.896);--button-default-idle-background:#e0e1e2;--button-default-idle-text:#000000de;--button-default-hover-background:#c9cacb;--button-default-hover-text:rgba(0,0,0,.883);--button-default-active-background:#b3b4b4;--button-default-active-text:rgba(0,0,0,.896);--button-text-idle-text:#999c9e;--button-text-idle-background:#0000;--button-text-active-text:#000000de;--button-text-active-background:#0000;--button-text-hover-text:#000000de;--button-text-hover-background:#0000;--button-danger-idle-background:#ec5969;--button-danger-idle-text:#fff;--button-danger-hover-background:#d4505e;--button-danger-hover-text:#fff;--button-danger-active-background:#bc4754;--button-danger-active-text:#fff;--button-primary-idle-background:#2284c4;--button-primary-idle-text:#fff;--button-primary-hover-background:#1e76b0;--button-primary-hover-text:#fff;--button-primary-active-background:#1b699c;--button-primary-active-text:#fff;--button-secondary-idle-background:#23b294;--button-secondary-idle-text:#fff;--button-secondary-hover-background:#1fa085;--button-secondary-hover-text:#fff;--button-secondary-active-background:#1c8e76;--button-secondary-active-text:#fff;--pane-basic-main-idle-text:#000000de;--pane-basic-main-idle-background:#fff;--pane-basic-main-idle-border:#ddd;--pane-basic-main-hover-text:#000000de;--pane-basic-main-hover-background:#f2f2f2;--pane-basic-main-hover-border:#ddd;--pane-basic-alternate-idle-text:#000000de;--pane-basic-alternate-idle-background:#f9f9f9;--pane-basic-alternate-idle-border:#ddd;--pane-basic-alternate-hover-text:#000000de;--pane-basic-alternate-hover-background:#f2f2f2;--pane-basic-alternate-hover-border:#ddd;--pane-emphasized-main-idle-text:#000000de;--pane-emphasized-main-idle-background:#f3f3f3;--pane-emphasized-main-idle-border:#ddd;--pane-emphasized-main-hover-text:#000000de;--pane-emphasized-main-hover-background:#e6e6e6;--pane-emphasized-main-hover-border:#ddd;--pane-emphasized-alternate-idle-text:#000000de;--pane-emphasized-alternate-idle-background:#eee;--pane-emphasized-alternate-idle-border:#ddd;--pane-emphasized-alternate-hover-text:#000000de;--pane-emphasized-alternate-hover-background:#e6e6e6;--pane-emphasized-alternate-hover-border:#ddd;--pane-info-main-idle-text:#0c5460;--pane-info-main-idle-background:#d1ecf1;--pane-info-main-idle-border:#bee5eb;--pane-info-main-hover-text:#0c5460;--pane-info-main-hover-background:#c6e0e4;--pane-info-main-hover-border:#bee5eb;--pane-info-alternate-idle-text:#0c5460;--pane-info-alternate-idle-background:#cce7ec;--pane-info-alternate-idle-border:#bee5eb;--pane-info-alternate-hover-text:#0c5460;--pane-info-alternate-hover-background:#c6e0e4;--pane-info-alternate-hover-border:#bee5eb;--pane-negative-main-idle-text:#721c24;--pane-negative-main-idle-background:#f8d7da;--pane-negative-main-idle-border:#f5c6cb;--pane-negative-main-hover-text:#721c24;--pane-negative-main-hover-background:#ebcccf;--pane-negative-main-hover-border:#f5c6cb;--pane-negative-alternate-idle-text:#721c24;--pane-negative-alternate-idle-background:#f3d2d5;--pane-negative-alternate-idle-border:#f5c6cb;--pane-negative-alternate-hover-text:#721c24;--pane-negative-alternate-hover-background:#ebcccf;--pane-negative-alternate-hover-border:#f5c6cb;--pane-positive-main-idle-text:#155724;--pane-positive-main-idle-background:#d4edda;--pane-positive-main-idle-border:#c3e6cb;--pane-positive-main-hover-text:#155724;--pane-positive-main-hover-background:#c9e1cf;--pane-positive-main-hover-border:#c3e6cb;--pane-positive-alternate-idle-text:#155724;--pane-positive-alternate-idle-background:#cfe8d5;--pane-positive-alternate-idle-border:#c3e6cb;--pane-positive-alternate-hover-text:#155724;--pane-positive-alternate-hover-background:#c9e1cf;--pane-positive-alternate-hover-border:#c3e6cb;--pane-warning-main-idle-text:#856404;--pane-warning-main-idle-background:#fff3cd;--pane-warning-main-idle-border:#ffeeba;--pane-warning-main-hover-text:#856404;--pane-warning-main-hover-background:#f2e6c2;--pane-warning-main-hover-border:#ffeeba;--pane-warning-alternate-idle-text:#856404;--pane-warning-alternate-idle-background:#f9eec8;--pane-warning-alternate-idle-border:#ffeeba;--pane-warning-alternate-hover-text:#856404;--pane-warning-alternate-hover-background:#f2e6c2;--pane-warning-alternate-hover-border:#ffeeba;--spacing:4px;--spacing--1:calc(var(--spacing)*-1);--spacing-0:calc(var(--spacing)*0);--spacing-1:calc(var(--spacing)*1);--spacing-2:calc(var(--spacing)*2);--spacing-3:calc(var(--spacing)*3);--spacing-4:calc(var(--spacing)*4);--spacing-5:calc(var(--spacing)*5)}@media (min-width:0px){.p\\:var{padding:var(--p)}.p\\:-1{padding:var(--spacing--1)}.p\\:0{padding:var(--spacing-0)}.p\\:1{padding:var(--spacing-1)}.p\\:2{padding:var(--spacing-2)}.p\\:3{padding:var(--spacing-3)}.p\\:4{padding:var(--spacing-4)}.p\\:5{padding:var(--spacing-5)}.pt\\:var{padding-top:var(--pt)}.pt\\:-1{padding-top:var(--spacing--1)}.pt\\:0{padding-top:var(--spacing-0)}.pt\\:1{padding-top:var(--spacing-1)}.pt\\:2{padding-top:var(--spacing-2)}.pt\\:3{padding-top:var(--spacing-3)}.pt\\:4{padding-top:var(--spacing-4)}.pt\\:5{padding-top:var(--spacing-5)}.pr\\:var{padding-right:var(--pr)}.pr\\:-1{padding-right:var(--spacing--1)}.pr\\:0{padding-right:var(--spacing-0)}.pr\\:1{padding-right:var(--spacing-1)}.pr\\:2{padding-right:var(--spacing-2)}.pr\\:3{padding-right:var(--spacing-3)}.pr\\:4{padding-right:var(--spacing-4)}.pr\\:5{padding-right:var(--spacing-5)}.pb\\:var{padding-bottom:var(--pb)}.pb\\:-1{padding-bottom:var(--spacing--1)}.pb\\:0{padding-bottom:var(--spacing-0)}.pb\\:1{padding-bottom:var(--spacing-1)}.pb\\:2{padding-bottom:var(--spacing-2)}.pb\\:3{padding-bottom:var(--spacing-3)}.pb\\:4{padding-bottom:var(--spacing-4)}.pb\\:5{padding-bottom:var(--spacing-5)}.pl\\:var{padding-left:var(--pl)}.pl\\:-1{padding-left:var(--spacing--1)}.pl\\:0{padding-left:var(--spacing-0)}.pl\\:1{padding-left:var(--spacing-1)}.pl\\:2{padding-left:var(--spacing-2)}.pl\\:3{padding-left:var(--spacing-3)}.pl\\:4{padding-left:var(--spacing-4)}.pl\\:5{padding-left:var(--spacing-5)}.m\\:var{margin:var(--m)}.m\\:-1{margin:var(--spacing--1)}.m\\:0{margin:var(--spacing-0)}.m\\:1{margin:var(--spacing-1)}.m\\:2{margin:var(--spacing-2)}.m\\:3{margin:var(--spacing-3)}.m\\:4{margin:var(--spacing-4)}.m\\:5{margin:var(--spacing-5)}.mt\\:var{margin-top:var(--mt)}.mt\\:-1{margin-top:var(--spacing--1)}.mt\\:0{margin-top:var(--spacing-0)}.mt\\:1{margin-top:var(--spacing-1)}.mt\\:2{margin-top:var(--spacing-2)}.mt\\:3{margin-top:var(--spacing-3)}.mt\\:4{margin-top:var(--spacing-4)}.mt\\:5{margin-top:var(--spacing-5)}.mr\\:var{margin-right:var(--mr)}.mr\\:-1{margin-right:var(--spacing--1)}.mr\\:0{margin-right:var(--spacing-0)}.mr\\:1{margin-right:var(--spacing-1)}.mr\\:2{margin-right:var(--spacing-2)}.mr\\:3{margin-right:var(--spacing-3)}.mr\\:4{margin-right:var(--spacing-4)}.mr\\:5{margin-right:var(--spacing-5)}.mb\\:var{margin-bottom:var(--mb)}.mb\\:-1{margin-bottom:var(--spacing--1)}.mb\\:0{margin-bottom:var(--spacing-0)}.mb\\:1{margin-bottom:var(--spacing-1)}.mb\\:2{margin-bottom:var(--spacing-2)}.mb\\:3{margin-bottom:var(--spacing-3)}.mb\\:4{margin-bottom:var(--spacing-4)}.mb\\:5{margin-bottom:var(--spacing-5)}.ml\\:var{margin-left:var(--ml)}.ml\\:-1{margin-left:var(--spacing--1)}.ml\\:0{margin-left:var(--spacing-0)}.ml\\:1{margin-left:var(--spacing-1)}.ml\\:2{margin-left:var(--spacing-2)}.ml\\:3{margin-left:var(--spacing-3)}.ml\\:4{margin-left:var(--spacing-4)}.ml\\:5{margin-left:var(--spacing-5)}.display\\:var{display:var(--display)}.display\\:block{display:block}.display\\:flex{display:flex}.display\\:none{display:none}.flexGrow\\:var{flex-grow:var(--flexGrow)}.flexGrow\\:1{flex-grow:1}.flexGrow\\:0{flex-grow:0}.flexShrink\\:var{flex-shrink:var(--flexShrink)}.flexShrink\\:1{flex-shrink:1}.flexShrink\\:0{flex-shrink:0}.flexDirection\\:var{flex-direction:var(--flexDirection)}.flexDirection\\:row{flex-direction:row}.flexDirection\\:column{flex-direction:column}.alignItems\\:var{align-items:var(--alignItems)}.alignItems\\:center{align-items:center}.alignItems\\:flex-start{align-items:flex-start}.alignItems\\:flex-end{align-items:flex-end}.textAlign\\:var{text-align:var(--textAlign)}.textAlign\\:left{text-align:left}.textAlign\\:right{text-align:right}.textAlign\\:center{text-align:center}.justifyContent\\:var{justify-content:var(--justifyContent)}.justifyContent\\:center{justify-content:center}.justifyContent\\:flex-start{justify-content:flex-start}.justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:768px){.tablet\\:p\\:var{padding:var(--tablet_p)}.tablet\\:p\\:-1{padding:var(--spacing--1)}.tablet\\:p\\:0{padding:var(--spacing-0)}.tablet\\:p\\:1{padding:var(--spacing-1)}.tablet\\:p\\:2{padding:var(--spacing-2)}.tablet\\:p\\:3{padding:var(--spacing-3)}.tablet\\:p\\:4{padding:var(--spacing-4)}.tablet\\:p\\:5{padding:var(--spacing-5)}.tablet\\:pt\\:var{padding-top:var(--tablet_pt)}.tablet\\:pt\\:-1{padding-top:var(--spacing--1)}.tablet\\:pt\\:0{padding-top:var(--spacing-0)}.tablet\\:pt\\:1{padding-top:var(--spacing-1)}.tablet\\:pt\\:2{padding-top:var(--spacing-2)}.tablet\\:pt\\:3{padding-top:var(--spacing-3)}.tablet\\:pt\\:4{padding-top:var(--spacing-4)}.tablet\\:pt\\:5{padding-top:var(--spacing-5)}.tablet\\:pr\\:var{padding-right:var(--tablet_pr)}.tablet\\:pr\\:-1{padding-right:var(--spacing--1)}.tablet\\:pr\\:0{padding-right:var(--spacing-0)}.tablet\\:pr\\:1{padding-right:var(--spacing-1)}.tablet\\:pr\\:2{padding-right:var(--spacing-2)}.tablet\\:pr\\:3{padding-right:var(--spacing-3)}.tablet\\:pr\\:4{padding-right:var(--spacing-4)}.tablet\\:pr\\:5{padding-right:var(--spacing-5)}.tablet\\:pb\\:var{padding-bottom:var(--tablet_pb)}.tablet\\:pb\\:-1{padding-bottom:var(--spacing--1)}.tablet\\:pb\\:0{padding-bottom:var(--spacing-0)}.tablet\\:pb\\:1{padding-bottom:var(--spacing-1)}.tablet\\:pb\\:2{padding-bottom:var(--spacing-2)}.tablet\\:pb\\:3{padding-bottom:var(--spacing-3)}.tablet\\:pb\\:4{padding-bottom:var(--spacing-4)}.tablet\\:pb\\:5{padding-bottom:var(--spacing-5)}.tablet\\:pl\\:var{padding-left:var(--tablet_pl)}.tablet\\:pl\\:-1{padding-left:var(--spacing--1)}.tablet\\:pl\\:0{padding-left:var(--spacing-0)}.tablet\\:pl\\:1{padding-left:var(--spacing-1)}.tablet\\:pl\\:2{padding-left:var(--spacing-2)}.tablet\\:pl\\:3{padding-left:var(--spacing-3)}.tablet\\:pl\\:4{padding-left:var(--spacing-4)}.tablet\\:pl\\:5{padding-left:var(--spacing-5)}.tablet\\:m\\:var{margin:var(--tablet_m)}.tablet\\:m\\:-1{margin:var(--spacing--1)}.tablet\\:m\\:0{margin:var(--spacing-0)}.tablet\\:m\\:1{margin:var(--spacing-1)}.tablet\\:m\\:2{margin:var(--spacing-2)}.tablet\\:m\\:3{margin:var(--spacing-3)}.tablet\\:m\\:4{margin:var(--spacing-4)}.tablet\\:m\\:5{margin:var(--spacing-5)}.tablet\\:mt\\:var{margin-top:var(--tablet_mt)}.tablet\\:mt\\:-1{margin-top:var(--spacing--1)}.tablet\\:mt\\:0{margin-top:var(--spacing-0)}.tablet\\:mt\\:1{margin-top:var(--spacing-1)}.tablet\\:mt\\:2{margin-top:var(--spacing-2)}.tablet\\:mt\\:3{margin-top:var(--spacing-3)}.tablet\\:mt\\:4{margin-top:var(--spacing-4)}.tablet\\:mt\\:5{margin-top:var(--spacing-5)}.tablet\\:mr\\:var{margin-right:var(--tablet_mr)}.tablet\\:mr\\:-1{margin-right:var(--spacing--1)}.tablet\\:mr\\:0{margin-right:var(--spacing-0)}.tablet\\:mr\\:1{margin-right:var(--spacing-1)}.tablet\\:mr\\:2{margin-right:var(--spacing-2)}.tablet\\:mr\\:3{margin-right:var(--spacing-3)}.tablet\\:mr\\:4{margin-right:var(--spacing-4)}.tablet\\:mr\\:5{margin-right:var(--spacing-5)}.tablet\\:mb\\:var{margin-bottom:var(--tablet_mb)}.tablet\\:mb\\:-1{margin-bottom:var(--spacing--1)}.tablet\\:mb\\:0{margin-bottom:var(--spacing-0)}.tablet\\:mb\\:1{margin-bottom:var(--spacing-1)}.tablet\\:mb\\:2{margin-bottom:var(--spacing-2)}.tablet\\:mb\\:3{margin-bottom:var(--spacing-3)}.tablet\\:mb\\:4{margin-bottom:var(--spacing-4)}.tablet\\:mb\\:5{margin-bottom:var(--spacing-5)}.tablet\\:ml\\:var{margin-left:var(--tablet_ml)}.tablet\\:ml\\:-1{margin-left:var(--spacing--1)}.tablet\\:ml\\:0{margin-left:var(--spacing-0)}.tablet\\:ml\\:1{margin-left:var(--spacing-1)}.tablet\\:ml\\:2{margin-left:var(--spacing-2)}.tablet\\:ml\\:3{margin-left:var(--spacing-3)}.tablet\\:ml\\:4{margin-left:var(--spacing-4)}.tablet\\:ml\\:5{margin-left:var(--spacing-5)}.tablet\\:display\\:var{display:var(--tablet_display)}.tablet\\:display\\:block{display:block}.tablet\\:display\\:flex{display:flex}.tablet\\:display\\:none{display:none}.tablet\\:flexGrow\\:var{flex-grow:var(--tablet_flexGrow)}.tablet\\:flexGrow\\:1{flex-grow:1}.tablet\\:flexGrow\\:0{flex-grow:0}.tablet\\:flexShrink\\:var{flex-shrink:var(--tablet_flexShrink)}.tablet\\:flexShrink\\:1{flex-shrink:1}.tablet\\:flexShrink\\:0{flex-shrink:0}.tablet\\:flexDirection\\:var{flex-direction:var(--tablet_flexDirection)}.tablet\\:flexDirection\\:row{flex-direction:row}.tablet\\:flexDirection\\:column{flex-direction:column}.tablet\\:alignItems\\:var{align-items:var(--tablet_alignItems)}.tablet\\:alignItems\\:center{align-items:center}.tablet\\:alignItems\\:flex-start{align-items:flex-start}.tablet\\:alignItems\\:flex-end{align-items:flex-end}.tablet\\:textAlign\\:var{text-align:var(--tablet_textAlign)}.tablet\\:textAlign\\:left{text-align:left}.tablet\\:textAlign\\:right{text-align:right}.tablet\\:textAlign\\:center{text-align:center}.tablet\\:justifyContent\\:var{justify-content:var(--tablet_justifyContent)}.tablet\\:justifyContent\\:center{justify-content:center}.tablet\\:justifyContent\\:flex-start{justify-content:flex-start}.tablet\\:justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:1024px){.laptop\\:p\\:var{padding:var(--laptop_p)}.laptop\\:p\\:-1{padding:var(--spacing--1)}.laptop\\:p\\:0{padding:var(--spacing-0)}.laptop\\:p\\:1{padding:var(--spacing-1)}.laptop\\:p\\:2{padding:var(--spacing-2)}.laptop\\:p\\:3{padding:var(--spacing-3)}.laptop\\:p\\:4{padding:var(--spacing-4)}.laptop\\:p\\:5{padding:var(--spacing-5)}.laptop\\:pt\\:var{padding-top:var(--laptop_pt)}.laptop\\:pt\\:-1{padding-top:var(--spacing--1)}.laptop\\:pt\\:0{padding-top:var(--spacing-0)}.laptop\\:pt\\:1{padding-top:var(--spacing-1)}.laptop\\:pt\\:2{padding-top:var(--spacing-2)}.laptop\\:pt\\:3{padding-top:var(--spacing-3)}.laptop\\:pt\\:4{padding-top:var(--spacing-4)}.laptop\\:pt\\:5{padding-top:var(--spacing-5)}.laptop\\:pr\\:var{padding-right:var(--laptop_pr)}.laptop\\:pr\\:-1{padding-right:var(--spacing--1)}.laptop\\:pr\\:0{padding-right:var(--spacing-0)}.laptop\\:pr\\:1{padding-right:var(--spacing-1)}.laptop\\:pr\\:2{padding-right:var(--spacing-2)}.laptop\\:pr\\:3{padding-right:var(--spacing-3)}.laptop\\:pr\\:4{padding-right:var(--spacing-4)}.laptop\\:pr\\:5{padding-right:var(--spacing-5)}.laptop\\:pb\\:var{padding-bottom:var(--laptop_pb)}.laptop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.laptop\\:pb\\:0{padding-bottom:var(--spacing-0)}.laptop\\:pb\\:1{padding-bottom:var(--spacing-1)}.laptop\\:pb\\:2{padding-bottom:var(--spacing-2)}.laptop\\:pb\\:3{padding-bottom:var(--spacing-3)}.laptop\\:pb\\:4{padding-bottom:var(--spacing-4)}.laptop\\:pb\\:5{padding-bottom:var(--spacing-5)}.laptop\\:pl\\:var{padding-left:var(--laptop_pl)}.laptop\\:pl\\:-1{padding-left:var(--spacing--1)}.laptop\\:pl\\:0{padding-left:var(--spacing-0)}.laptop\\:pl\\:1{padding-left:var(--spacing-1)}.laptop\\:pl\\:2{padding-left:var(--spacing-2)}.laptop\\:pl\\:3{padding-left:var(--spacing-3)}.laptop\\:pl\\:4{padding-left:var(--spacing-4)}.laptop\\:pl\\:5{padding-left:var(--spacing-5)}.laptop\\:m\\:var{margin:var(--laptop_m)}.laptop\\:m\\:-1{margin:var(--spacing--1)}.laptop\\:m\\:0{margin:var(--spacing-0)}.laptop\\:m\\:1{margin:var(--spacing-1)}.laptop\\:m\\:2{margin:var(--spacing-2)}.laptop\\:m\\:3{margin:var(--spacing-3)}.laptop\\:m\\:4{margin:var(--spacing-4)}.laptop\\:m\\:5{margin:var(--spacing-5)}.laptop\\:mt\\:var{margin-top:var(--laptop_mt)}.laptop\\:mt\\:-1{margin-top:var(--spacing--1)}.laptop\\:mt\\:0{margin-top:var(--spacing-0)}.laptop\\:mt\\:1{margin-top:var(--spacing-1)}.laptop\\:mt\\:2{margin-top:var(--spacing-2)}.laptop\\:mt\\:3{margin-top:var(--spacing-3)}.laptop\\:mt\\:4{margin-top:var(--spacing-4)}.laptop\\:mt\\:5{margin-top:var(--spacing-5)}.laptop\\:mr\\:var{margin-right:var(--laptop_mr)}.laptop\\:mr\\:-1{margin-right:var(--spacing--1)}.laptop\\:mr\\:0{margin-right:var(--spacing-0)}.laptop\\:mr\\:1{margin-right:var(--spacing-1)}.laptop\\:mr\\:2{margin-right:var(--spacing-2)}.laptop\\:mr\\:3{margin-right:var(--spacing-3)}.laptop\\:mr\\:4{margin-right:var(--spacing-4)}.laptop\\:mr\\:5{margin-right:var(--spacing-5)}.laptop\\:mb\\:var{margin-bottom:var(--laptop_mb)}.laptop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.laptop\\:mb\\:0{margin-bottom:var(--spacing-0)}.laptop\\:mb\\:1{margin-bottom:var(--spacing-1)}.laptop\\:mb\\:2{margin-bottom:var(--spacing-2)}.laptop\\:mb\\:3{margin-bottom:var(--spacing-3)}.laptop\\:mb\\:4{margin-bottom:var(--spacing-4)}.laptop\\:mb\\:5{margin-bottom:var(--spacing-5)}.laptop\\:ml\\:var{margin-left:var(--laptop_ml)}.laptop\\:ml\\:-1{margin-left:var(--spacing--1)}.laptop\\:ml\\:0{margin-left:var(--spacing-0)}.laptop\\:ml\\:1{margin-left:var(--spacing-1)}.laptop\\:ml\\:2{margin-left:var(--spacing-2)}.laptop\\:ml\\:3{margin-left:var(--spacing-3)}.laptop\\:ml\\:4{margin-left:var(--spacing-4)}.laptop\\:ml\\:5{margin-left:var(--spacing-5)}.laptop\\:display\\:var{display:var(--laptop_display)}.laptop\\:display\\:block{display:block}.laptop\\:display\\:flex{display:flex}.laptop\\:display\\:none{display:none}.laptop\\:flexGrow\\:var{flex-grow:var(--laptop_flexGrow)}.laptop\\:flexGrow\\:1{flex-grow:1}.laptop\\:flexGrow\\:0{flex-grow:0}.laptop\\:flexShrink\\:var{flex-shrink:var(--laptop_flexShrink)}.laptop\\:flexShrink\\:1{flex-shrink:1}.laptop\\:flexShrink\\:0{flex-shrink:0}.laptop\\:flexDirection\\:var{flex-direction:var(--laptop_flexDirection)}.laptop\\:flexDirection\\:row{flex-direction:row}.laptop\\:flexDirection\\:column{flex-direction:column}.laptop\\:alignItems\\:var{align-items:var(--laptop_alignItems)}.laptop\\:alignItems\\:center{align-items:center}.laptop\\:alignItems\\:flex-start{align-items:flex-start}.laptop\\:alignItems\\:flex-end{align-items:flex-end}.laptop\\:textAlign\\:var{text-align:var(--laptop_textAlign)}.laptop\\:textAlign\\:left{text-align:left}.laptop\\:textAlign\\:right{text-align:right}.laptop\\:textAlign\\:center{text-align:center}.laptop\\:justifyContent\\:var{justify-content:var(--laptop_justifyContent)}.laptop\\:justifyContent\\:center{justify-content:center}.laptop\\:justifyContent\\:flex-start{justify-content:flex-start}.laptop\\:justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:1430px){.desktop\\:p\\:var{padding:var(--desktop_p)}.desktop\\:p\\:-1{padding:var(--spacing--1)}.desktop\\:p\\:0{padding:var(--spacing-0)}.desktop\\:p\\:1{padding:var(--spacing-1)}.desktop\\:p\\:2{padding:var(--spacing-2)}.desktop\\:p\\:3{padding:var(--spacing-3)}.desktop\\:p\\:4{padding:var(--spacing-4)}.desktop\\:p\\:5{padding:var(--spacing-5)}.desktop\\:pt\\:var{padding-top:var(--desktop_pt)}.desktop\\:pt\\:-1{padding-top:var(--spacing--1)}.desktop\\:pt\\:0{padding-top:var(--spacing-0)}.desktop\\:pt\\:1{padding-top:var(--spacing-1)}.desktop\\:pt\\:2{padding-top:var(--spacing-2)}.desktop\\:pt\\:3{padding-top:var(--spacing-3)}.desktop\\:pt\\:4{padding-top:var(--spacing-4)}.desktop\\:pt\\:5{padding-top:var(--spacing-5)}.desktop\\:pr\\:var{padding-right:var(--desktop_pr)}.desktop\\:pr\\:-1{padding-right:var(--spacing--1)}.desktop\\:pr\\:0{padding-right:var(--spacing-0)}.desktop\\:pr\\:1{padding-right:var(--spacing-1)}.desktop\\:pr\\:2{padding-right:var(--spacing-2)}.desktop\\:pr\\:3{padding-right:var(--spacing-3)}.desktop\\:pr\\:4{padding-right:var(--spacing-4)}.desktop\\:pr\\:5{padding-right:var(--spacing-5)}.desktop\\:pb\\:var{padding-bottom:var(--desktop_pb)}.desktop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.desktop\\:pb\\:0{padding-bottom:var(--spacing-0)}.desktop\\:pb\\:1{padding-bottom:var(--spacing-1)}.desktop\\:pb\\:2{padding-bottom:var(--spacing-2)}.desktop\\:pb\\:3{padding-bottom:var(--spacing-3)}.desktop\\:pb\\:4{padding-bottom:var(--spacing-4)}.desktop\\:pb\\:5{padding-bottom:var(--spacing-5)}.desktop\\:pl\\:var{padding-left:var(--desktop_pl)}.desktop\\:pl\\:-1{padding-left:var(--spacing--1)}.desktop\\:pl\\:0{padding-left:var(--spacing-0)}.desktop\\:pl\\:1{padding-left:var(--spacing-1)}.desktop\\:pl\\:2{padding-left:var(--spacing-2)}.desktop\\:pl\\:3{padding-left:var(--spacing-3)}.desktop\\:pl\\:4{padding-left:var(--spacing-4)}.desktop\\:pl\\:5{padding-left:var(--spacing-5)}.desktop\\:m\\:var{margin:var(--desktop_m)}.desktop\\:m\\:-1{margin:var(--spacing--1)}.desktop\\:m\\:0{margin:var(--spacing-0)}.desktop\\:m\\:1{margin:var(--spacing-1)}.desktop\\:m\\:2{margin:var(--spacing-2)}.desktop\\:m\\:3{margin:var(--spacing-3)}.desktop\\:m\\:4{margin:var(--spacing-4)}.desktop\\:m\\:5{margin:var(--spacing-5)}.desktop\\:mt\\:var{margin-top:var(--desktop_mt)}.desktop\\:mt\\:-1{margin-top:var(--spacing--1)}.desktop\\:mt\\:0{margin-top:var(--spacing-0)}.desktop\\:mt\\:1{margin-top:var(--spacing-1)}.desktop\\:mt\\:2{margin-top:var(--spacing-2)}.desktop\\:mt\\:3{margin-top:var(--spacing-3)}.desktop\\:mt\\:4{margin-top:var(--spacing-4)}.desktop\\:mt\\:5{margin-top:var(--spacing-5)}.desktop\\:mr\\:var{margin-right:var(--desktop_mr)}.desktop\\:mr\\:-1{margin-right:var(--spacing--1)}.desktop\\:mr\\:0{margin-right:var(--spacing-0)}.desktop\\:mr\\:1{margin-right:var(--spacing-1)}.desktop\\:mr\\:2{margin-right:var(--spacing-2)}.desktop\\:mr\\:3{margin-right:var(--spacing-3)}.desktop\\:mr\\:4{margin-right:var(--spacing-4)}.desktop\\:mr\\:5{margin-right:var(--spacing-5)}.desktop\\:mb\\:var{margin-bottom:var(--desktop_mb)}.desktop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.desktop\\:mb\\:0{margin-bottom:var(--spacing-0)}.desktop\\:mb\\:1{margin-bottom:var(--spacing-1)}.desktop\\:mb\\:2{margin-bottom:var(--spacing-2)}.desktop\\:mb\\:3{margin-bottom:var(--spacing-3)}.desktop\\:mb\\:4{margin-bottom:var(--spacing-4)}.desktop\\:mb\\:5{margin-bottom:var(--spacing-5)}.desktop\\:ml\\:var{margin-left:var(--desktop_ml)}.desktop\\:ml\\:-1{margin-left:var(--spacing--1)}.desktop\\:ml\\:0{margin-left:var(--spacing-0)}.desktop\\:ml\\:1{margin-left:var(--spacing-1)}.desktop\\:ml\\:2{margin-left:var(--spacing-2)}.desktop\\:ml\\:3{margin-left:var(--spacing-3)}.desktop\\:ml\\:4{margin-left:var(--spacing-4)}.desktop\\:ml\\:5{margin-left:var(--spacing-5)}.desktop\\:display\\:var{display:var(--desktop_display)}.desktop\\:display\\:block{display:block}.desktop\\:display\\:flex{display:flex}.desktop\\:display\\:none{display:none}.desktop\\:flexGrow\\:var{flex-grow:var(--desktop_flexGrow)}.desktop\\:flexGrow\\:1{flex-grow:1}.desktop\\:flexGrow\\:0{flex-grow:0}.desktop\\:flexShrink\\:var{flex-shrink:var(--desktop_flexShrink)}.desktop\\:flexShrink\\:1{flex-shrink:1}.desktop\\:flexShrink\\:0{flex-shrink:0}.desktop\\:flexDirection\\:var{flex-direction:var(--desktop_flexDirection)}.desktop\\:flexDirection\\:row{flex-direction:row}.desktop\\:flexDirection\\:column{flex-direction:column}.desktop\\:alignItems\\:var{align-items:var(--desktop_alignItems)}.desktop\\:alignItems\\:center{align-items:center}.desktop\\:alignItems\\:flex-start{align-items:flex-start}.desktop\\:alignItems\\:flex-end{align-items:flex-end}.desktop\\:textAlign\\:var{text-align:var(--desktop_textAlign)}.desktop\\:textAlign\\:left{text-align:left}.desktop\\:textAlign\\:right{text-align:right}.desktop\\:textAlign\\:center{text-align:center}.desktop\\:justifyContent\\:var{justify-content:var(--desktop_justifyContent)}.desktop\\:justifyContent\\:center{justify-content:center}.desktop\\:justifyContent\\:flex-start{justify-content:flex-start}.desktop\\:justifyContent\\:flex-end{justify-content:flex-end}}";
|
|
35
|
-
styleInject(css_248z$
|
|
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$8 = 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;
|
|
@@ -1609,7 +1609,7 @@ const responsiveClassnames = [
|
|
|
1609
1609
|
|
|
1610
1610
|
const isKnownClassName = (className) => responsiveClassnames.includes(className);
|
|
1611
1611
|
const getResponsiveProps = (props) => {
|
|
1612
|
-
const entries = Object.entries(props);
|
|
1612
|
+
const entries = Object.entries(props).filter(([, value]) => value !== null && value !== undefined);
|
|
1613
1613
|
const variables = entries
|
|
1614
1614
|
.flatMap(([name, prop]) => responsivePropToCssVariable(name, prop))
|
|
1615
1615
|
.reduce((acc, [key, val]) => (Object.assign(Object.assign({}, acc), { [key]: val })), {});
|
|
@@ -1659,9 +1659,9 @@ const buildClassName = (breakpoint, name, value) => [stripMobile(breakpoint), na
|
|
|
1659
1659
|
.filter((val) => val !== undefined && val !== null)
|
|
1660
1660
|
.join(":");
|
|
1661
1661
|
|
|
1662
|
-
var css_248z$
|
|
1663
|
-
var classes$
|
|
1664
|
-
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);
|
|
1665
1665
|
|
|
1666
1666
|
function toVal(mix) {
|
|
1667
1667
|
var k, y, str='';
|
|
@@ -1705,50 +1705,75 @@ function clsx () {
|
|
|
1705
1705
|
}
|
|
1706
1706
|
|
|
1707
1707
|
const Box = (_a) => {
|
|
1708
|
-
var {
|
|
1709
|
-
|
|
1710
|
-
|
|
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));
|
|
1711
1736
|
};
|
|
1712
1737
|
|
|
1713
|
-
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}`]) },
|
|
1714
1739
|
React.createElement(Box, { p: 3 },
|
|
1715
1740
|
title && (React.createElement(Box, { pb: children ? 1 : 0 },
|
|
1716
1741
|
React.createElement(Header, { level: 4 }, title))),
|
|
1717
1742
|
children && React.createElement(Paragraph, null, children))));
|
|
1718
1743
|
|
|
1719
|
-
var css_248z$
|
|
1720
|
-
var classes$
|
|
1721
|
-
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);
|
|
1722
1747
|
|
|
1723
|
-
const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$
|
|
1724
|
-
React.createElement("g", { className: classes$
|
|
1725
|
-
React.createElement("circle", { className: classes$
|
|
1726
|
-
React.createElement("circle", { className: classes$
|
|
1727
|
-
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" }))));
|
|
1728
1753
|
|
|
1729
|
-
var css_248z$
|
|
1730
|
-
var classes$
|
|
1731
|
-
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);
|
|
1732
1757
|
|
|
1733
|
-
const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$
|
|
1734
|
-
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));
|
|
1735
1760
|
|
|
1736
|
-
var css_248z$
|
|
1737
|
-
var classes$
|
|
1738
|
-
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);
|
|
1739
1764
|
|
|
1740
|
-
var css_248z$
|
|
1741
|
-
var classes$
|
|
1742
|
-
styleInject(css_248z$
|
|
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);
|
|
1743
1768
|
|
|
1744
|
-
const Panel = ({ children, className, title, titleAction, titleMeta, onClickTitle, footer, p = 3, titleLevel = 5, }) => (React.createElement("div", { className: clsx(className, classes$
|
|
1745
|
-
title && (React.createElement(Box, { p: 3, display: "flex", alignItems: "center", onClick: onClickTitle, className: clsx(classes$
|
|
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) },
|
|
1746
1771
|
React.createElement(Box, { flexGrow: 1 },
|
|
1747
1772
|
React.createElement(Header, { level: titleLevel }, title)),
|
|
1748
|
-
titleMeta && React.createElement(Box, { className: classes$
|
|
1773
|
+
titleMeta && React.createElement(Box, { className: classes$l.meta }, titleMeta),
|
|
1749
1774
|
titleAction && React.createElement(Box, { pl: 5 }, titleAction))),
|
|
1750
1775
|
children && React.createElement(Box, { p: p }, children),
|
|
1751
|
-
footer && (React.createElement(Box, { p: 3, className: classes$
|
|
1776
|
+
footer && (React.createElement(Box, { p: 3, className: classes$l.footer }, footer))));
|
|
1752
1777
|
|
|
1753
1778
|
const Animation = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
1754
1779
|
transform: ${props => props.isOpen ? `translate(0)` : `translateY(-101%)`};
|
|
@@ -1756,7 +1781,7 @@ const Animation = styledComponents.styled.div.withConfig({ shouldForwardProp: is
|
|
|
1756
1781
|
transition-property: transform;
|
|
1757
1782
|
}
|
|
1758
1783
|
`;
|
|
1759
|
-
const Wrapper$
|
|
1784
|
+
const Wrapper$5 = styledComponents.styled.div `
|
|
1760
1785
|
overflow: hidden;
|
|
1761
1786
|
`;
|
|
1762
1787
|
const Hider = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
@@ -1787,7 +1812,7 @@ const SlideOpen = ({ isOpen, children, duration, onChange }) => {
|
|
|
1787
1812
|
onChange === null || onChange === void 0 ? void 0 : onChange(true);
|
|
1788
1813
|
}
|
|
1789
1814
|
}, [isOpen, onChange]);
|
|
1790
|
-
return (React.createElement(Wrapper$
|
|
1815
|
+
return (React.createElement(Wrapper$5, null,
|
|
1791
1816
|
React.createElement(Animation, { isOpen: isDelayedOpen, onTransitionEndCapture: handleTransitionEnd, duration: duration },
|
|
1792
1817
|
React.createElement(Hider, { isHidden: isHidden }, children))));
|
|
1793
1818
|
};
|
|
@@ -1796,7 +1821,7 @@ const CollapsiblePanel = (_a) => {
|
|
|
1796
1821
|
var { isInitiallyOpen, children, titleAction } = _a, rest = __rest(_a, ["isInitiallyOpen", "children", "titleAction"]);
|
|
1797
1822
|
const [isOpen, setIsOpen] = React.useState(isInitiallyOpen);
|
|
1798
1823
|
const toggleOpen = React.useCallback(() => setIsOpen(!isOpen), [setIsOpen, isOpen]);
|
|
1799
|
-
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) }),
|
|
1800
1825
|
React.createElement(SlideOpen, { isOpen: isOpen },
|
|
1801
1826
|
React.createElement(Box, { p: 3 }, children))));
|
|
1802
1827
|
};
|
|
@@ -1819,29 +1844,29 @@ const useConfirmModal = ({ onConfirm }) => {
|
|
|
1819
1844
|
];
|
|
1820
1845
|
};
|
|
1821
1846
|
|
|
1822
|
-
var css_248z$
|
|
1823
|
-
var classes$
|
|
1824
|
-
styleInject(css_248z$
|
|
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);
|
|
1825
1850
|
|
|
1826
1851
|
const Overlay = (_a) => {
|
|
1827
1852
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
1828
|
-
return (React.createElement("div", Object.assign({ className: clsx(className, classes$
|
|
1853
|
+
return (React.createElement("div", Object.assign({ className: clsx(className, classes$k.overlay) }, rest)));
|
|
1829
1854
|
};
|
|
1830
1855
|
|
|
1831
|
-
var css_248z$
|
|
1832
|
-
var classes$
|
|
1833
|
-
styleInject(css_248z$
|
|
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);
|
|
1834
1859
|
|
|
1835
1860
|
const Modal = (_a) => {
|
|
1836
1861
|
var { children, handleClickOverlay, buttons } = _a, panelProps = __rest(_a, ["children", "handleClickOverlay", "buttons"]);
|
|
1837
1862
|
return (React.createElement(React.Fragment, null,
|
|
1838
1863
|
React.createElement(Overlay, { onClick: handleClickOverlay }),
|
|
1839
|
-
React.createElement("div", { className: classes$
|
|
1864
|
+
React.createElement("div", { className: classes$j.wrapper },
|
|
1840
1865
|
React.createElement(SlideInFromTop, null,
|
|
1841
|
-
React.createElement(Panel, Object.assign({ className: classes$
|
|
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))))));
|
|
1842
1867
|
};
|
|
1843
1868
|
|
|
1844
|
-
const Wrapper$
|
|
1869
|
+
const Wrapper$4 = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
1845
1870
|
${props => props.stretch && `width: 100%;`}
|
|
1846
1871
|
${props => props.actionButton || props.stretch
|
|
1847
1872
|
? styledComponents.css `margin: 0;`
|
|
@@ -1921,7 +1946,7 @@ const StyledButton$1 = styledComponents.styled.button.withConfig({ shouldForward
|
|
|
1921
1946
|
`;
|
|
1922
1947
|
}}
|
|
1923
1948
|
`;
|
|
1924
|
-
const IconWrapper
|
|
1949
|
+
const IconWrapper = styledComponents.styled.span.withConfig({ shouldForwardProp: isPropValid }) `
|
|
1925
1950
|
${props => props.variant !== "text" && styledComponents.css `
|
|
1926
1951
|
min-width: ${props.theme.spacing(10)};
|
|
1927
1952
|
`}
|
|
@@ -1948,9 +1973,9 @@ const IconWrapper$1 = styledComponents.styled.span.withConfig({ shouldForwardPro
|
|
|
1948
1973
|
`;
|
|
1949
1974
|
const Button = React.forwardRef((_a, ref) => {
|
|
1950
1975
|
var { children, icon, stretch } = _a, props = __rest(_a, ["children", "icon", "stretch"]);
|
|
1951
|
-
return (React.createElement(Wrapper$
|
|
1976
|
+
return (React.createElement(Wrapper$4, { actionButton: props.actionButton, stretch: stretch },
|
|
1952
1977
|
React.createElement(StyledButton$1, Object.assign({ ref: ref, icon: icon, hasChildren: !!children, stretch: stretch }, props),
|
|
1953
|
-
icon && (React.createElement(IconWrapper
|
|
1978
|
+
icon && (React.createElement(IconWrapper, { variant: props.variant, hasChildren: !!children }, icon)),
|
|
1954
1979
|
children)));
|
|
1955
1980
|
});
|
|
1956
1981
|
|
|
@@ -2088,26 +2113,26 @@ Table.Row = StyledTableRow;
|
|
|
2088
2113
|
Table.HeadCell = StyledTableHeadCell;
|
|
2089
2114
|
Table.Cell = TableCell;
|
|
2090
2115
|
|
|
2091
|
-
var css_248z$
|
|
2092
|
-
var classes$
|
|
2093
|
-
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);
|
|
2094
2119
|
|
|
2095
2120
|
const Details = ({ details, firstColumnWidth, }) => (React.createElement(Table, null,
|
|
2096
2121
|
React.createElement("tbody", null, Object.entries(details).map(([key, val], index) => (React.createElement(Table.Row, { key: key, disableHover: true },
|
|
2097
|
-
React.createElement(Table.Cell, { style: { width: firstColumnWidth }, className: clsx(classes$
|
|
2098
|
-
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)))))));
|
|
2099
2124
|
|
|
2100
|
-
var css_248z$
|
|
2101
|
-
var classes$
|
|
2102
|
-
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);
|
|
2103
2128
|
|
|
2104
2129
|
const DropdownMenu = (_a) => {
|
|
2105
2130
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2106
|
-
return (React.createElement("ul", Object.assign({ className: clsx(classes$
|
|
2131
|
+
return (React.createElement("ul", Object.assign({ className: clsx(classes$h.dropdownMenu, className) }, rest)));
|
|
2107
2132
|
};
|
|
2108
2133
|
const DropdownMenuItem = (_a) => {
|
|
2109
2134
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2110
|
-
return (React.createElement("li", Object.assign({ className: clsx(classes$
|
|
2135
|
+
return (React.createElement("li", Object.assign({ className: clsx(classes$h.dropdownMenuItem, className) }, rest)));
|
|
2111
2136
|
};
|
|
2112
2137
|
const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) => {
|
|
2113
2138
|
const dropper = React.useRef(null);
|
|
@@ -2127,15 +2152,15 @@ const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) =
|
|
|
2127
2152
|
document.removeEventListener("click", handleClose);
|
|
2128
2153
|
};
|
|
2129
2154
|
}, [isOpen, handleClose]);
|
|
2130
|
-
return (React.createElement("div", { className: classes$
|
|
2155
|
+
return (React.createElement("div", { className: classes$h.wrapper },
|
|
2131
2156
|
React.createElement(Button, Object.assign({}, buttonProps, { onClick: handleOpen })),
|
|
2132
2157
|
isOpen && (React.createElement(SlideInFromTop, { speed: ".1s" },
|
|
2133
|
-
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)))));
|
|
2134
2159
|
};
|
|
2135
2160
|
|
|
2136
|
-
var css_248z$
|
|
2137
|
-
var classes$
|
|
2138
|
-
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);
|
|
2139
2164
|
|
|
2140
2165
|
const Dropzone = (_a) => {
|
|
2141
2166
|
var { onChange, icon, label } = _a, rest = __rest(_a, ["onChange", "icon", "label"]);
|
|
@@ -2170,18 +2195,18 @@ const Dropzone = (_a) => {
|
|
|
2170
2195
|
var _a;
|
|
2171
2196
|
handleChange((_a = fileInput === null || fileInput === void 0 ? void 0 : fileInput.current) === null || _a === void 0 ? void 0 : _a.files);
|
|
2172
2197
|
}, [fileInput, handleChange]);
|
|
2173
|
-
return (React.createElement("div", Object.assign({ ref: dropzone, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick, className: clsx(classes$
|
|
2174
|
-
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 }),
|
|
2175
2200
|
React.createElement(Box, null,
|
|
2176
2201
|
React.createElement(Button, { variant: "text", color: "secondary", type: "button", icon: icon }, label))));
|
|
2177
2202
|
};
|
|
2178
2203
|
|
|
2179
|
-
var css_248z$
|
|
2180
|
-
var classes$
|
|
2181
|
-
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);
|
|
2182
2207
|
|
|
2183
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) },
|
|
2184
|
-
React.createElement(Box, { pt: 3, pb: 3, className: classes$
|
|
2209
|
+
React.createElement(Box, { pt: 3, pb: 3, className: classes$f.box },
|
|
2185
2210
|
React.createElement(Box, { pb: 5, textAlign: "center" },
|
|
2186
2211
|
React.createElement(Header, null, title),
|
|
2187
2212
|
subtitle && (React.createElement(Box, { pt: 5 },
|
|
@@ -2207,69 +2232,69 @@ const Floater = (_a) => {
|
|
|
2207
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)))));
|
|
2208
2233
|
};
|
|
2209
2234
|
|
|
2210
|
-
var css_248z$
|
|
2211
|
-
var classes$
|
|
2212
|
-
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);
|
|
2213
2238
|
|
|
2214
|
-
var css_248z$
|
|
2215
|
-
var classes$
|
|
2216
|
-
styleInject(css_248z$
|
|
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);
|
|
2217
2242
|
|
|
2218
2243
|
const SIDEBAR_COLLAPSED_WIDTH = 15;
|
|
2219
2244
|
const SideBar = (props) => {
|
|
2220
2245
|
const { closeSideMenu, openSideMenu, isSideMenuOpen } = useUiStateContext();
|
|
2221
|
-
return (React.createElement(Box, Object.assign({ className: clsx("sidebar", classes$
|
|
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: {
|
|
2222
2247
|
// @ts-ignore
|
|
2223
2248
|
"--minWidth": props.minWidth || 75,
|
|
2224
2249
|
"--collapsed-width": SIDEBAR_COLLAPSED_WIDTH,
|
|
2225
2250
|
} })));
|
|
2226
2251
|
};
|
|
2227
2252
|
|
|
2228
|
-
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));
|
|
2229
2254
|
|
|
2230
|
-
var css_248z$
|
|
2231
|
-
var classes$
|
|
2232
|
-
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);
|
|
2233
2258
|
|
|
2234
|
-
const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$
|
|
2259
|
+
const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$c.box }, children);
|
|
2235
2260
|
|
|
2236
|
-
var css_248z$
|
|
2237
|
-
var classes$
|
|
2238
|
-
styleInject(css_248z$
|
|
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);
|
|
2239
2264
|
|
|
2240
2265
|
const HamburgerButton = (_a) => {
|
|
2241
2266
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
2242
|
-
return (React.createElement(Button, Object.assign({ className: clsx(classes$
|
|
2267
|
+
return (React.createElement(Button, Object.assign({ className: clsx(classes$b.hamburgerButton, className) }, props)));
|
|
2243
2268
|
};
|
|
2244
2269
|
|
|
2245
|
-
var css_248z$
|
|
2246
|
-
var classes$
|
|
2247
|
-
styleInject(css_248z$
|
|
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);
|
|
2248
2273
|
|
|
2249
|
-
const Menu = ({ children }) => (React.createElement("ul", { className: classes$
|
|
2274
|
+
const Menu = ({ children }) => (React.createElement("ul", { className: classes$a.menu }, children));
|
|
2250
2275
|
const MenuItem = ({ item, isOpen, isActive, children, }) => {
|
|
2251
2276
|
const [isDelayedOpen, setDelayedOpen] = React.useState(!!isOpen);
|
|
2252
|
-
return (React.createElement("li", { className: clsx(classes$
|
|
2277
|
+
return (React.createElement("li", { className: clsx(classes$a.menuItem, isDelayedOpen && classes$a.isOpen, !!isActive && classes$a.isActive) },
|
|
2253
2278
|
item,
|
|
2254
2279
|
children && (React.createElement(SlideOpen, { onChange: setDelayedOpen, isOpen: !!isOpen, duration: 0.25 }, children))));
|
|
2255
2280
|
};
|
|
2256
2281
|
|
|
2257
|
-
var css_248z$
|
|
2258
|
-
var classes$
|
|
2259
|
-
styleInject(css_248z$
|
|
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);
|
|
2260
2285
|
|
|
2261
2286
|
const MenuCloseButton = (_a) => {
|
|
2262
2287
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
2263
|
-
return (React.createElement(Button, Object.assign({ className: clsx(classes$
|
|
2288
|
+
return (React.createElement(Button, Object.assign({ className: clsx(classes$9.menuCloseButton, className) }, props)));
|
|
2264
2289
|
};
|
|
2265
2290
|
|
|
2266
|
-
var css_248z$
|
|
2267
|
-
var classes$
|
|
2268
|
-
styleInject(css_248z$
|
|
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);
|
|
2269
2294
|
|
|
2270
2295
|
const MenuSlideOpenIndicator = (_a) => {
|
|
2271
2296
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2272
|
-
return (React.createElement(Box, Object.assign({ className: clsx(classes$
|
|
2297
|
+
return (React.createElement(Box, Object.assign({ className: clsx(classes$8.wrapper, className),
|
|
2273
2298
|
// @ts-ignore
|
|
2274
2299
|
style: { "--collapsed-width": SIDEBAR_COLLAPSED_WIDTH } }, rest)));
|
|
2275
2300
|
};
|
|
@@ -2277,11 +2302,11 @@ const MenuSlideOpenIndicator = (_a) => {
|
|
|
2277
2302
|
const VerticalRhythmLaptop = 7;
|
|
2278
2303
|
const VerticalRhythmMobile = 4;
|
|
2279
2304
|
|
|
2280
|
-
var css_248z$
|
|
2281
|
-
var classes$
|
|
2282
|
-
styleInject(css_248z$
|
|
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);
|
|
2283
2308
|
|
|
2284
|
-
const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { mb: VerticalRhythmLaptop, className: classes$
|
|
2309
|
+
const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { mb: VerticalRhythmLaptop, className: classes$7.sideBarHeader },
|
|
2285
2310
|
React.createElement(Box, { flexGrow: 1, display: "flex" },
|
|
2286
2311
|
React.createElement(Box, { flexGrow: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children)),
|
|
2287
2312
|
right && React.createElement(Box, null, right)));
|
|
@@ -2331,9 +2356,9 @@ const useResponsiveBreakpoints = () => {
|
|
|
2331
2356
|
return responsiveMap;
|
|
2332
2357
|
};
|
|
2333
2358
|
|
|
2334
|
-
var css_248z = ".Paginator-module_wrapper__IPIcn{display:flex}.Paginator-module_button__lkNBq{background-color:#fff;border:1px solid #22242626;cursor:pointer;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;line-height:1em;margin:0;min-height:calc(var(--spacing)*8);outline:0;padding:.2em 1.3em;user-select:none}.Paginator-module_button__lkNBq.Paginator-module_isActive__Qk3mv{background-color:#f2f2f2}.Paginator-module_button__lkNBq:not(:first-of-type){border-left:0}.Paginator-module_button__lkNBq:not(.Paginator-module_isDisabled__uHGss):hover{background-color:#e9e9e9}";
|
|
2335
|
-
var classes = {"wrapper":"Paginator-module_wrapper__IPIcn","button":"Paginator-module_button__lkNBq","isActive":"Paginator-module_isActive__Qk3mv","isDisabled":"Paginator-module_isDisabled__uHGss"};
|
|
2336
|
-
styleInject(css_248z);
|
|
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);
|
|
2337
2362
|
|
|
2338
2363
|
const range = (start, end) => {
|
|
2339
2364
|
let nums = [];
|
|
@@ -2349,167 +2374,80 @@ const Paginator = (props) => {
|
|
|
2349
2374
|
const clamSize = isTablet ? 2 : 0;
|
|
2350
2375
|
const clamLower = Math.max(1, currentPage - clamSize);
|
|
2351
2376
|
const clamUpper = Math.min(pageCount, currentPage + clamSize);
|
|
2352
|
-
return (React.createElement("div", { className: classes.wrapper },
|
|
2353
|
-
React.createElement("button", { "data-testid": "paginate-prev", disabled: currentPage === 1, onClick: () => onChange(currentPage - 1), className: clsx(classes.button, currentPage === 1 && classes.isDisabled) }, "\u27E8"),
|
|
2354
|
-
clamLower > 1 && (React.createElement("button", { "data-testid": "paginate-page-1", onClick: () => onChange(1), className: clsx(classes.button, currentPage === 1 && classes.isActive) }, "1")),
|
|
2355
|
-
clamLower > 2 && (React.createElement("button", { disabled: true, className: clsx(classes.button, classes.isDisabled) }, "...")),
|
|
2356
|
-
range(clamLower, clamUpper + 1).map((pageNumber) => (React.createElement("button", { "data-testid": `paginate-page-${pageNumber}`, key: pageNumber, onClick: () => onChange(pageNumber), className: clsx(classes.button, currentPage === pageNumber && classes.isActive) }, pageNumber))),
|
|
2357
|
-
clamUpper < pageCount - 1 && (React.createElement("button", { disabled: true, className: clsx(classes.button, classes.isDisabled) }, "...")),
|
|
2358
|
-
clamUpper < pageCount && (React.createElement("button", { "data-testid": `paginate-page-${pageCount}`, onClick: () => onChange(pageCount), className: clsx(classes.button, currentPage === pageCount && classes.isActive) }, pageCount)),
|
|
2359
|
-
React.createElement("button", { "data-testid": "paginate-next", disabled: currentPage === pageCount, onClick: () => onChange(currentPage + 1), className: clsx(classes.button, currentPage === pageCount && classes.isDisabled) }, "\u27E9")));
|
|
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")));
|
|
2360
2385
|
};
|
|
2361
2386
|
|
|
2362
2387
|
const Section = (props) => (React.createElement(Box, Object.assign({ pb: { laptop: VerticalRhythmLaptop, mobile: VerticalRhythmMobile } }, props)));
|
|
2363
2388
|
|
|
2364
|
-
|
|
2365
|
-
|
|
2366
|
-
|
|
2367
|
-
|
|
2368
|
-
|
|
2369
|
-
|
|
2370
|
-
height: 100%;
|
|
2371
|
-
`;
|
|
2372
|
-
const Label$2 = styledComponents.styled.div `
|
|
2373
|
-
text-transform: uppercase;
|
|
2374
|
-
color: ${props => props.theme.palette.common.white};
|
|
2375
|
-
font-size: ${props => props.theme.spacing(3)};
|
|
2376
|
-
`;
|
|
2377
|
-
const Value = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
2378
|
-
color: ${props => props.theme.palette.common.white};
|
|
2379
|
-
font-weight: bold;
|
|
2380
|
-
font-size: ${props => props.theme.spacing(props.smallerValue ? 5.5 : 7.5)};
|
|
2381
|
-
`;
|
|
2382
|
-
const IconWrapper = styledComponents.styled.div `
|
|
2383
|
-
margin: ${props => props.theme.spacing(1)} 0 auto 0;
|
|
2384
|
-
& svg {
|
|
2385
|
-
height: 100%;
|
|
2386
|
-
width: ${props => props.theme.spacing(10)};
|
|
2387
|
-
color: white;
|
|
2388
|
-
}
|
|
2389
|
-
`;
|
|
2390
|
-
const Statistic = ({ icon, value, label, backgroundColor, smallerValue }) => (React.createElement(Wrapper$5, { backgroundColor: backgroundColor },
|
|
2391
|
-
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),
|
|
2392
2395
|
React.createElement(Box, { flexGrow: 1, textAlign: "right" },
|
|
2393
|
-
React.createElement(
|
|
2394
|
-
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);
|
|
2395
2402
|
|
|
2396
|
-
const StyledBox$2 = styledComponents.styled(Box) `
|
|
2397
|
-
|
|
2398
|
-
padding: ${props => props.theme.spacing(2.5, 5)};
|
|
2399
|
-
|
|
2400
|
-
${props => !props.isActive && styledComponents.css `
|
|
2401
|
-
cursor: pointer;
|
|
2402
|
-
color: #337ab7;
|
|
2403
|
-
&:hover,
|
|
2404
|
-
&:focus {
|
|
2405
|
-
color: #23527c;
|
|
2406
|
-
text-decoration: underline;
|
|
2407
|
-
}
|
|
2408
|
-
`}
|
|
2409
|
-
|
|
2410
|
-
${props => props.isActive && styledComponents.css `
|
|
2411
|
-
font-weight: bold;
|
|
2412
|
-
border: 1px solid rgba(34,36,38,.15);
|
|
2413
|
-
border-bottom: 0px;
|
|
2414
|
-
margin-bottom: -1px;
|
|
2415
|
-
border-top-left-radius: 4px;
|
|
2416
|
-
border-top-right-radius: 4px;
|
|
2417
|
-
background-color: ${props => props.theme.palette.common.white};
|
|
2418
|
-
`}
|
|
2419
|
-
|
|
2420
|
-
${props => props.variant && `
|
|
2421
|
-
font-weight: bold;
|
|
2422
|
-
color: ${props.theme.palette.form[props.variant]};
|
|
2423
|
-
&:hover {
|
|
2424
|
-
color: ${props.theme.palette.form[props.variant]};
|
|
2425
|
-
}
|
|
2426
|
-
`}
|
|
2427
|
-
|
|
2428
|
-
`;
|
|
2429
2403
|
const Tab = (_a) => {
|
|
2430
|
-
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"]);
|
|
2431
2405
|
const handleClick = React.useCallback(() => {
|
|
2432
2406
|
if (!isActive) {
|
|
2433
2407
|
onClick === null || onClick === void 0 ? void 0 : onClick(id);
|
|
2434
2408
|
}
|
|
2435
2409
|
}, [id, isActive, onClick]);
|
|
2436
|
-
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 })));
|
|
2437
2411
|
};
|
|
2438
2412
|
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
border-top: 0px;
|
|
2443
|
-
`;
|
|
2444
|
-
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);
|
|
2445
2416
|
|
|
2446
|
-
const
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
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
|
+
};
|
|
2450
2421
|
|
|
2451
|
-
|
|
2452
|
-
|
|
2453
|
-
|
|
2454
|
-
|
|
2455
|
-
|
|
2456
|
-
|
|
2457
|
-
|
|
2458
|
-
|
|
2459
|
-
|
|
2460
|
-
|
|
2461
|
-
|
|
2462
|
-
|
|
2463
|
-
|
|
2464
|
-
|
|
2465
|
-
|
|
2466
|
-
|
|
2467
|
-
background: #e7eaec;
|
|
2468
|
-
content: '';
|
|
2469
|
-
position: absolute;
|
|
2470
|
-
top: 0;
|
|
2471
|
-
left: ${props => props.theme.spacing(4.5)};
|
|
2472
|
-
height: 100%;
|
|
2473
|
-
width: ${props => props.theme.spacing(1)};
|
|
2474
|
-
}
|
|
2475
|
-
|
|
2476
|
-
`;
|
|
2477
|
-
const Circle = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
2478
|
-
position: relative;
|
|
2479
|
-
background-color: ${props => props.color};
|
|
2480
|
-
color: #fff;
|
|
2481
|
-
|
|
2482
|
-
left: 0;
|
|
2483
|
-
width: ${props => props.theme.spacing(10)};
|
|
2484
|
-
height: ${props => props.theme.spacing(10)};
|
|
2485
|
-
border-radius: 50%;
|
|
2486
|
-
font-size: ${props => props.theme.spacing(4)};
|
|
2487
|
-
|
|
2488
|
-
& > * {
|
|
2489
|
-
position: absolute;
|
|
2490
|
-
top: 50%;
|
|
2491
|
-
left: 50%;
|
|
2492
|
-
transform: translate(-50%, -50%);
|
|
2493
|
-
}
|
|
2494
|
-
`;
|
|
2495
|
-
const Timeline = ({ title, icon, color, isInitiallyOpen, titleMeta, chevron, children }) => (React.createElement(Wrapper$4, null,
|
|
2496
|
-
React.createElement(Line, null,
|
|
2497
|
-
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)),
|
|
2498
2438
|
React.createElement(Box, { pb: 4, flexGrow: 1 },
|
|
2499
2439
|
React.createElement(CollapsiblePanel, { isInitiallyOpen: isInitiallyOpen, titleMeta: titleMeta, title: title, titleAction: chevron }, children))));
|
|
2500
|
-
const SimpleTimeline = ({ color, icon, title, titleMeta }) => (React.createElement(
|
|
2501
|
-
React.createElement(
|
|
2502
|
-
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)),
|
|
2503
2443
|
React.createElement(Box, { pb: 4, flexGrow: 1 },
|
|
2504
|
-
React.createElement(
|
|
2444
|
+
React.createElement(Panel, { className: classes$1.flatPanel, titleMeta: titleMeta, title: title }))));
|
|
2505
2445
|
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
`;
|
|
2512
|
-
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 },
|
|
2513
2451
|
React.createElement(Box, { display: "flex", alignItems: "center", pb: 1, pt: 1, pr: 5, pl: {
|
|
2514
2452
|
mobile: 5,
|
|
2515
2453
|
laptop: 5 + SIDEBAR_COLLAPSED_WIDTH,
|