quicksnack 3.42.0 → 3.44.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 +270 -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 +3 -5
- 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);--spacing-6:calc(var(--spacing)*6);--spacing-7:calc(var(--spacing)*7)}@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)}.p\\:6{padding:var(--spacing-6)}.p\\:7{padding:var(--spacing-7)}.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)}.pt\\:6{padding-top:var(--spacing-6)}.pt\\:7{padding-top:var(--spacing-7)}.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)}.pr\\:6{padding-right:var(--spacing-6)}.pr\\:7{padding-right:var(--spacing-7)}.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)}.pb\\:6{padding-bottom:var(--spacing-6)}.pb\\:7{padding-bottom:var(--spacing-7)}.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)}.pl\\:6{padding-left:var(--spacing-6)}.pl\\:7{padding-left:var(--spacing-7)}.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)}.m\\:6{margin:var(--spacing-6)}.m\\:7{margin:var(--spacing-7)}.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)}.mt\\:6{margin-top:var(--spacing-6)}.mt\\:7{margin-top:var(--spacing-7)}.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)}.mr\\:6{margin-right:var(--spacing-6)}.mr\\:7{margin-right:var(--spacing-7)}.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)}.mb\\:6{margin-bottom:var(--spacing-6)}.mb\\:7{margin-bottom:var(--spacing-7)}.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)}.ml\\:6{margin-left:var(--spacing-6)}.ml\\:7{margin-left:var(--spacing-7)}.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\\:p\\:6{padding:var(--spacing-6)}.tablet\\:p\\:7{padding:var(--spacing-7)}.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\\:pt\\:6{padding-top:var(--spacing-6)}.tablet\\:pt\\:7{padding-top:var(--spacing-7)}.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\\:pr\\:6{padding-right:var(--spacing-6)}.tablet\\:pr\\:7{padding-right:var(--spacing-7)}.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\\:pb\\:6{padding-bottom:var(--spacing-6)}.tablet\\:pb\\:7{padding-bottom:var(--spacing-7)}.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\\:pl\\:6{padding-left:var(--spacing-6)}.tablet\\:pl\\:7{padding-left:var(--spacing-7)}.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\\:m\\:6{margin:var(--spacing-6)}.tablet\\:m\\:7{margin:var(--spacing-7)}.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\\:mt\\:6{margin-top:var(--spacing-6)}.tablet\\:mt\\:7{margin-top:var(--spacing-7)}.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\\:mr\\:6{margin-right:var(--spacing-6)}.tablet\\:mr\\:7{margin-right:var(--spacing-7)}.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\\:mb\\:6{margin-bottom:var(--spacing-6)}.tablet\\:mb\\:7{margin-bottom:var(--spacing-7)}.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\\:ml\\:6{margin-left:var(--spacing-6)}.tablet\\:ml\\:7{margin-left:var(--spacing-7)}.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\\:p\\:6{padding:var(--spacing-6)}.laptop\\:p\\:7{padding:var(--spacing-7)}.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\\:pt\\:6{padding-top:var(--spacing-6)}.laptop\\:pt\\:7{padding-top:var(--spacing-7)}.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\\:pr\\:6{padding-right:var(--spacing-6)}.laptop\\:pr\\:7{padding-right:var(--spacing-7)}.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\\:pb\\:6{padding-bottom:var(--spacing-6)}.laptop\\:pb\\:7{padding-bottom:var(--spacing-7)}.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\\:pl\\:6{padding-left:var(--spacing-6)}.laptop\\:pl\\:7{padding-left:var(--spacing-7)}.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\\:m\\:6{margin:var(--spacing-6)}.laptop\\:m\\:7{margin:var(--spacing-7)}.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\\:mt\\:6{margin-top:var(--spacing-6)}.laptop\\:mt\\:7{margin-top:var(--spacing-7)}.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\\:mr\\:6{margin-right:var(--spacing-6)}.laptop\\:mr\\:7{margin-right:var(--spacing-7)}.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\\:mb\\:6{margin-bottom:var(--spacing-6)}.laptop\\:mb\\:7{margin-bottom:var(--spacing-7)}.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\\:ml\\:6{margin-left:var(--spacing-6)}.laptop\\:ml\\:7{margin-left:var(--spacing-7)}.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\\:p\\:6{padding:var(--spacing-6)}.desktop\\:p\\:7{padding:var(--spacing-7)}.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\\:pt\\:6{padding-top:var(--spacing-6)}.desktop\\:pt\\:7{padding-top:var(--spacing-7)}.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\\:pr\\:6{padding-right:var(--spacing-6)}.desktop\\:pr\\:7{padding-right:var(--spacing-7)}.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\\:pb\\:6{padding-bottom:var(--spacing-6)}.desktop\\:pb\\:7{padding-bottom:var(--spacing-7)}.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\\:pl\\:6{padding-left:var(--spacing-6)}.desktop\\:pl\\:7{padding-left:var(--spacing-7)}.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\\:m\\:6{margin:var(--spacing-6)}.desktop\\:m\\:7{margin:var(--spacing-7)}.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\\:mt\\:6{margin-top:var(--spacing-6)}.desktop\\:mt\\:7{margin-top:var(--spacing-7)}.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\\:mr\\:6{margin-right:var(--spacing-6)}.desktop\\:mr\\:7{margin-right:var(--spacing-7)}.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\\:mb\\:6{margin-bottom:var(--spacing-6)}.desktop\\:mb\\:7{margin-bottom:var(--spacing-7)}.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\\:ml\\:6{margin-left:var(--spacing-6)}.desktop\\:ml\\:7{margin-left:var(--spacing-7)}.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;
|
|
@@ -1193,6 +1193,8 @@ const responsiveClassnames = [
|
|
|
1193
1193
|
"p:3",
|
|
1194
1194
|
"p:4",
|
|
1195
1195
|
"p:5",
|
|
1196
|
+
"p:6",
|
|
1197
|
+
"p:7",
|
|
1196
1198
|
"pt:var",
|
|
1197
1199
|
"pt:-1",
|
|
1198
1200
|
"pt:0",
|
|
@@ -1201,6 +1203,8 @@ const responsiveClassnames = [
|
|
|
1201
1203
|
"pt:3",
|
|
1202
1204
|
"pt:4",
|
|
1203
1205
|
"pt:5",
|
|
1206
|
+
"pt:6",
|
|
1207
|
+
"pt:7",
|
|
1204
1208
|
"pr:var",
|
|
1205
1209
|
"pr:-1",
|
|
1206
1210
|
"pr:0",
|
|
@@ -1209,6 +1213,8 @@ const responsiveClassnames = [
|
|
|
1209
1213
|
"pr:3",
|
|
1210
1214
|
"pr:4",
|
|
1211
1215
|
"pr:5",
|
|
1216
|
+
"pr:6",
|
|
1217
|
+
"pr:7",
|
|
1212
1218
|
"pb:var",
|
|
1213
1219
|
"pb:-1",
|
|
1214
1220
|
"pb:0",
|
|
@@ -1217,6 +1223,8 @@ const responsiveClassnames = [
|
|
|
1217
1223
|
"pb:3",
|
|
1218
1224
|
"pb:4",
|
|
1219
1225
|
"pb:5",
|
|
1226
|
+
"pb:6",
|
|
1227
|
+
"pb:7",
|
|
1220
1228
|
"pl:var",
|
|
1221
1229
|
"pl:-1",
|
|
1222
1230
|
"pl:0",
|
|
@@ -1225,6 +1233,8 @@ const responsiveClassnames = [
|
|
|
1225
1233
|
"pl:3",
|
|
1226
1234
|
"pl:4",
|
|
1227
1235
|
"pl:5",
|
|
1236
|
+
"pl:6",
|
|
1237
|
+
"pl:7",
|
|
1228
1238
|
"m:var",
|
|
1229
1239
|
"m:-1",
|
|
1230
1240
|
"m:0",
|
|
@@ -1233,6 +1243,8 @@ const responsiveClassnames = [
|
|
|
1233
1243
|
"m:3",
|
|
1234
1244
|
"m:4",
|
|
1235
1245
|
"m:5",
|
|
1246
|
+
"m:6",
|
|
1247
|
+
"m:7",
|
|
1236
1248
|
"mt:var",
|
|
1237
1249
|
"mt:-1",
|
|
1238
1250
|
"mt:0",
|
|
@@ -1241,6 +1253,8 @@ const responsiveClassnames = [
|
|
|
1241
1253
|
"mt:3",
|
|
1242
1254
|
"mt:4",
|
|
1243
1255
|
"mt:5",
|
|
1256
|
+
"mt:6",
|
|
1257
|
+
"mt:7",
|
|
1244
1258
|
"mr:var",
|
|
1245
1259
|
"mr:-1",
|
|
1246
1260
|
"mr:0",
|
|
@@ -1249,6 +1263,8 @@ const responsiveClassnames = [
|
|
|
1249
1263
|
"mr:3",
|
|
1250
1264
|
"mr:4",
|
|
1251
1265
|
"mr:5",
|
|
1266
|
+
"mr:6",
|
|
1267
|
+
"mr:7",
|
|
1252
1268
|
"mb:var",
|
|
1253
1269
|
"mb:-1",
|
|
1254
1270
|
"mb:0",
|
|
@@ -1257,6 +1273,8 @@ const responsiveClassnames = [
|
|
|
1257
1273
|
"mb:3",
|
|
1258
1274
|
"mb:4",
|
|
1259
1275
|
"mb:5",
|
|
1276
|
+
"mb:6",
|
|
1277
|
+
"mb:7",
|
|
1260
1278
|
"ml:var",
|
|
1261
1279
|
"ml:-1",
|
|
1262
1280
|
"ml:0",
|
|
@@ -1265,6 +1283,8 @@ const responsiveClassnames = [
|
|
|
1265
1283
|
"ml:3",
|
|
1266
1284
|
"ml:4",
|
|
1267
1285
|
"ml:5",
|
|
1286
|
+
"ml:6",
|
|
1287
|
+
"ml:7",
|
|
1268
1288
|
"display:var",
|
|
1269
1289
|
"display:block",
|
|
1270
1290
|
"display:flex",
|
|
@@ -1298,6 +1318,8 @@ const responsiveClassnames = [
|
|
|
1298
1318
|
"tablet:p:3",
|
|
1299
1319
|
"tablet:p:4",
|
|
1300
1320
|
"tablet:p:5",
|
|
1321
|
+
"tablet:p:6",
|
|
1322
|
+
"tablet:p:7",
|
|
1301
1323
|
"tablet:pt:var",
|
|
1302
1324
|
"tablet:pt:-1",
|
|
1303
1325
|
"tablet:pt:0",
|
|
@@ -1306,6 +1328,8 @@ const responsiveClassnames = [
|
|
|
1306
1328
|
"tablet:pt:3",
|
|
1307
1329
|
"tablet:pt:4",
|
|
1308
1330
|
"tablet:pt:5",
|
|
1331
|
+
"tablet:pt:6",
|
|
1332
|
+
"tablet:pt:7",
|
|
1309
1333
|
"tablet:pr:var",
|
|
1310
1334
|
"tablet:pr:-1",
|
|
1311
1335
|
"tablet:pr:0",
|
|
@@ -1314,6 +1338,8 @@ const responsiveClassnames = [
|
|
|
1314
1338
|
"tablet:pr:3",
|
|
1315
1339
|
"tablet:pr:4",
|
|
1316
1340
|
"tablet:pr:5",
|
|
1341
|
+
"tablet:pr:6",
|
|
1342
|
+
"tablet:pr:7",
|
|
1317
1343
|
"tablet:pb:var",
|
|
1318
1344
|
"tablet:pb:-1",
|
|
1319
1345
|
"tablet:pb:0",
|
|
@@ -1322,6 +1348,8 @@ const responsiveClassnames = [
|
|
|
1322
1348
|
"tablet:pb:3",
|
|
1323
1349
|
"tablet:pb:4",
|
|
1324
1350
|
"tablet:pb:5",
|
|
1351
|
+
"tablet:pb:6",
|
|
1352
|
+
"tablet:pb:7",
|
|
1325
1353
|
"tablet:pl:var",
|
|
1326
1354
|
"tablet:pl:-1",
|
|
1327
1355
|
"tablet:pl:0",
|
|
@@ -1330,6 +1358,8 @@ const responsiveClassnames = [
|
|
|
1330
1358
|
"tablet:pl:3",
|
|
1331
1359
|
"tablet:pl:4",
|
|
1332
1360
|
"tablet:pl:5",
|
|
1361
|
+
"tablet:pl:6",
|
|
1362
|
+
"tablet:pl:7",
|
|
1333
1363
|
"tablet:m:var",
|
|
1334
1364
|
"tablet:m:-1",
|
|
1335
1365
|
"tablet:m:0",
|
|
@@ -1338,6 +1368,8 @@ const responsiveClassnames = [
|
|
|
1338
1368
|
"tablet:m:3",
|
|
1339
1369
|
"tablet:m:4",
|
|
1340
1370
|
"tablet:m:5",
|
|
1371
|
+
"tablet:m:6",
|
|
1372
|
+
"tablet:m:7",
|
|
1341
1373
|
"tablet:mt:var",
|
|
1342
1374
|
"tablet:mt:-1",
|
|
1343
1375
|
"tablet:mt:0",
|
|
@@ -1346,6 +1378,8 @@ const responsiveClassnames = [
|
|
|
1346
1378
|
"tablet:mt:3",
|
|
1347
1379
|
"tablet:mt:4",
|
|
1348
1380
|
"tablet:mt:5",
|
|
1381
|
+
"tablet:mt:6",
|
|
1382
|
+
"tablet:mt:7",
|
|
1349
1383
|
"tablet:mr:var",
|
|
1350
1384
|
"tablet:mr:-1",
|
|
1351
1385
|
"tablet:mr:0",
|
|
@@ -1354,6 +1388,8 @@ const responsiveClassnames = [
|
|
|
1354
1388
|
"tablet:mr:3",
|
|
1355
1389
|
"tablet:mr:4",
|
|
1356
1390
|
"tablet:mr:5",
|
|
1391
|
+
"tablet:mr:6",
|
|
1392
|
+
"tablet:mr:7",
|
|
1357
1393
|
"tablet:mb:var",
|
|
1358
1394
|
"tablet:mb:-1",
|
|
1359
1395
|
"tablet:mb:0",
|
|
@@ -1362,6 +1398,8 @@ const responsiveClassnames = [
|
|
|
1362
1398
|
"tablet:mb:3",
|
|
1363
1399
|
"tablet:mb:4",
|
|
1364
1400
|
"tablet:mb:5",
|
|
1401
|
+
"tablet:mb:6",
|
|
1402
|
+
"tablet:mb:7",
|
|
1365
1403
|
"tablet:ml:var",
|
|
1366
1404
|
"tablet:ml:-1",
|
|
1367
1405
|
"tablet:ml:0",
|
|
@@ -1370,6 +1408,8 @@ const responsiveClassnames = [
|
|
|
1370
1408
|
"tablet:ml:3",
|
|
1371
1409
|
"tablet:ml:4",
|
|
1372
1410
|
"tablet:ml:5",
|
|
1411
|
+
"tablet:ml:6",
|
|
1412
|
+
"tablet:ml:7",
|
|
1373
1413
|
"tablet:display:var",
|
|
1374
1414
|
"tablet:display:block",
|
|
1375
1415
|
"tablet:display:flex",
|
|
@@ -1403,6 +1443,8 @@ const responsiveClassnames = [
|
|
|
1403
1443
|
"laptop:p:3",
|
|
1404
1444
|
"laptop:p:4",
|
|
1405
1445
|
"laptop:p:5",
|
|
1446
|
+
"laptop:p:6",
|
|
1447
|
+
"laptop:p:7",
|
|
1406
1448
|
"laptop:pt:var",
|
|
1407
1449
|
"laptop:pt:-1",
|
|
1408
1450
|
"laptop:pt:0",
|
|
@@ -1411,6 +1453,8 @@ const responsiveClassnames = [
|
|
|
1411
1453
|
"laptop:pt:3",
|
|
1412
1454
|
"laptop:pt:4",
|
|
1413
1455
|
"laptop:pt:5",
|
|
1456
|
+
"laptop:pt:6",
|
|
1457
|
+
"laptop:pt:7",
|
|
1414
1458
|
"laptop:pr:var",
|
|
1415
1459
|
"laptop:pr:-1",
|
|
1416
1460
|
"laptop:pr:0",
|
|
@@ -1419,6 +1463,8 @@ const responsiveClassnames = [
|
|
|
1419
1463
|
"laptop:pr:3",
|
|
1420
1464
|
"laptop:pr:4",
|
|
1421
1465
|
"laptop:pr:5",
|
|
1466
|
+
"laptop:pr:6",
|
|
1467
|
+
"laptop:pr:7",
|
|
1422
1468
|
"laptop:pb:var",
|
|
1423
1469
|
"laptop:pb:-1",
|
|
1424
1470
|
"laptop:pb:0",
|
|
@@ -1427,6 +1473,8 @@ const responsiveClassnames = [
|
|
|
1427
1473
|
"laptop:pb:3",
|
|
1428
1474
|
"laptop:pb:4",
|
|
1429
1475
|
"laptop:pb:5",
|
|
1476
|
+
"laptop:pb:6",
|
|
1477
|
+
"laptop:pb:7",
|
|
1430
1478
|
"laptop:pl:var",
|
|
1431
1479
|
"laptop:pl:-1",
|
|
1432
1480
|
"laptop:pl:0",
|
|
@@ -1435,6 +1483,8 @@ const responsiveClassnames = [
|
|
|
1435
1483
|
"laptop:pl:3",
|
|
1436
1484
|
"laptop:pl:4",
|
|
1437
1485
|
"laptop:pl:5",
|
|
1486
|
+
"laptop:pl:6",
|
|
1487
|
+
"laptop:pl:7",
|
|
1438
1488
|
"laptop:m:var",
|
|
1439
1489
|
"laptop:m:-1",
|
|
1440
1490
|
"laptop:m:0",
|
|
@@ -1443,6 +1493,8 @@ const responsiveClassnames = [
|
|
|
1443
1493
|
"laptop:m:3",
|
|
1444
1494
|
"laptop:m:4",
|
|
1445
1495
|
"laptop:m:5",
|
|
1496
|
+
"laptop:m:6",
|
|
1497
|
+
"laptop:m:7",
|
|
1446
1498
|
"laptop:mt:var",
|
|
1447
1499
|
"laptop:mt:-1",
|
|
1448
1500
|
"laptop:mt:0",
|
|
@@ -1451,6 +1503,8 @@ const responsiveClassnames = [
|
|
|
1451
1503
|
"laptop:mt:3",
|
|
1452
1504
|
"laptop:mt:4",
|
|
1453
1505
|
"laptop:mt:5",
|
|
1506
|
+
"laptop:mt:6",
|
|
1507
|
+
"laptop:mt:7",
|
|
1454
1508
|
"laptop:mr:var",
|
|
1455
1509
|
"laptop:mr:-1",
|
|
1456
1510
|
"laptop:mr:0",
|
|
@@ -1459,6 +1513,8 @@ const responsiveClassnames = [
|
|
|
1459
1513
|
"laptop:mr:3",
|
|
1460
1514
|
"laptop:mr:4",
|
|
1461
1515
|
"laptop:mr:5",
|
|
1516
|
+
"laptop:mr:6",
|
|
1517
|
+
"laptop:mr:7",
|
|
1462
1518
|
"laptop:mb:var",
|
|
1463
1519
|
"laptop:mb:-1",
|
|
1464
1520
|
"laptop:mb:0",
|
|
@@ -1467,6 +1523,8 @@ const responsiveClassnames = [
|
|
|
1467
1523
|
"laptop:mb:3",
|
|
1468
1524
|
"laptop:mb:4",
|
|
1469
1525
|
"laptop:mb:5",
|
|
1526
|
+
"laptop:mb:6",
|
|
1527
|
+
"laptop:mb:7",
|
|
1470
1528
|
"laptop:ml:var",
|
|
1471
1529
|
"laptop:ml:-1",
|
|
1472
1530
|
"laptop:ml:0",
|
|
@@ -1475,6 +1533,8 @@ const responsiveClassnames = [
|
|
|
1475
1533
|
"laptop:ml:3",
|
|
1476
1534
|
"laptop:ml:4",
|
|
1477
1535
|
"laptop:ml:5",
|
|
1536
|
+
"laptop:ml:6",
|
|
1537
|
+
"laptop:ml:7",
|
|
1478
1538
|
"laptop:display:var",
|
|
1479
1539
|
"laptop:display:block",
|
|
1480
1540
|
"laptop:display:flex",
|
|
@@ -1508,6 +1568,8 @@ const responsiveClassnames = [
|
|
|
1508
1568
|
"desktop:p:3",
|
|
1509
1569
|
"desktop:p:4",
|
|
1510
1570
|
"desktop:p:5",
|
|
1571
|
+
"desktop:p:6",
|
|
1572
|
+
"desktop:p:7",
|
|
1511
1573
|
"desktop:pt:var",
|
|
1512
1574
|
"desktop:pt:-1",
|
|
1513
1575
|
"desktop:pt:0",
|
|
@@ -1516,6 +1578,8 @@ const responsiveClassnames = [
|
|
|
1516
1578
|
"desktop:pt:3",
|
|
1517
1579
|
"desktop:pt:4",
|
|
1518
1580
|
"desktop:pt:5",
|
|
1581
|
+
"desktop:pt:6",
|
|
1582
|
+
"desktop:pt:7",
|
|
1519
1583
|
"desktop:pr:var",
|
|
1520
1584
|
"desktop:pr:-1",
|
|
1521
1585
|
"desktop:pr:0",
|
|
@@ -1524,6 +1588,8 @@ const responsiveClassnames = [
|
|
|
1524
1588
|
"desktop:pr:3",
|
|
1525
1589
|
"desktop:pr:4",
|
|
1526
1590
|
"desktop:pr:5",
|
|
1591
|
+
"desktop:pr:6",
|
|
1592
|
+
"desktop:pr:7",
|
|
1527
1593
|
"desktop:pb:var",
|
|
1528
1594
|
"desktop:pb:-1",
|
|
1529
1595
|
"desktop:pb:0",
|
|
@@ -1532,6 +1598,8 @@ const responsiveClassnames = [
|
|
|
1532
1598
|
"desktop:pb:3",
|
|
1533
1599
|
"desktop:pb:4",
|
|
1534
1600
|
"desktop:pb:5",
|
|
1601
|
+
"desktop:pb:6",
|
|
1602
|
+
"desktop:pb:7",
|
|
1535
1603
|
"desktop:pl:var",
|
|
1536
1604
|
"desktop:pl:-1",
|
|
1537
1605
|
"desktop:pl:0",
|
|
@@ -1540,6 +1608,8 @@ const responsiveClassnames = [
|
|
|
1540
1608
|
"desktop:pl:3",
|
|
1541
1609
|
"desktop:pl:4",
|
|
1542
1610
|
"desktop:pl:5",
|
|
1611
|
+
"desktop:pl:6",
|
|
1612
|
+
"desktop:pl:7",
|
|
1543
1613
|
"desktop:m:var",
|
|
1544
1614
|
"desktop:m:-1",
|
|
1545
1615
|
"desktop:m:0",
|
|
@@ -1548,6 +1618,8 @@ const responsiveClassnames = [
|
|
|
1548
1618
|
"desktop:m:3",
|
|
1549
1619
|
"desktop:m:4",
|
|
1550
1620
|
"desktop:m:5",
|
|
1621
|
+
"desktop:m:6",
|
|
1622
|
+
"desktop:m:7",
|
|
1551
1623
|
"desktop:mt:var",
|
|
1552
1624
|
"desktop:mt:-1",
|
|
1553
1625
|
"desktop:mt:0",
|
|
@@ -1556,6 +1628,8 @@ const responsiveClassnames = [
|
|
|
1556
1628
|
"desktop:mt:3",
|
|
1557
1629
|
"desktop:mt:4",
|
|
1558
1630
|
"desktop:mt:5",
|
|
1631
|
+
"desktop:mt:6",
|
|
1632
|
+
"desktop:mt:7",
|
|
1559
1633
|
"desktop:mr:var",
|
|
1560
1634
|
"desktop:mr:-1",
|
|
1561
1635
|
"desktop:mr:0",
|
|
@@ -1564,6 +1638,8 @@ const responsiveClassnames = [
|
|
|
1564
1638
|
"desktop:mr:3",
|
|
1565
1639
|
"desktop:mr:4",
|
|
1566
1640
|
"desktop:mr:5",
|
|
1641
|
+
"desktop:mr:6",
|
|
1642
|
+
"desktop:mr:7",
|
|
1567
1643
|
"desktop:mb:var",
|
|
1568
1644
|
"desktop:mb:-1",
|
|
1569
1645
|
"desktop:mb:0",
|
|
@@ -1572,6 +1648,8 @@ const responsiveClassnames = [
|
|
|
1572
1648
|
"desktop:mb:3",
|
|
1573
1649
|
"desktop:mb:4",
|
|
1574
1650
|
"desktop:mb:5",
|
|
1651
|
+
"desktop:mb:6",
|
|
1652
|
+
"desktop:mb:7",
|
|
1575
1653
|
"desktop:ml:var",
|
|
1576
1654
|
"desktop:ml:-1",
|
|
1577
1655
|
"desktop:ml:0",
|
|
@@ -1580,6 +1658,8 @@ const responsiveClassnames = [
|
|
|
1580
1658
|
"desktop:ml:3",
|
|
1581
1659
|
"desktop:ml:4",
|
|
1582
1660
|
"desktop:ml:5",
|
|
1661
|
+
"desktop:ml:6",
|
|
1662
|
+
"desktop:ml:7",
|
|
1583
1663
|
"desktop:display:var",
|
|
1584
1664
|
"desktop:display:block",
|
|
1585
1665
|
"desktop:display:flex",
|
|
@@ -1609,7 +1689,7 @@ const responsiveClassnames = [
|
|
|
1609
1689
|
|
|
1610
1690
|
const isKnownClassName = (className) => responsiveClassnames.includes(className);
|
|
1611
1691
|
const getResponsiveProps = (props) => {
|
|
1612
|
-
const entries = Object.entries(props);
|
|
1692
|
+
const entries = Object.entries(props).filter(([, value]) => value !== null && value !== undefined);
|
|
1613
1693
|
const variables = entries
|
|
1614
1694
|
.flatMap(([name, prop]) => responsivePropToCssVariable(name, prop))
|
|
1615
1695
|
.reduce((acc, [key, val]) => (Object.assign(Object.assign({}, acc), { [key]: val })), {});
|
|
@@ -1659,9 +1739,9 @@ const buildClassName = (breakpoint, name, value) => [stripMobile(breakpoint), na
|
|
|
1659
1739
|
.filter((val) => val !== undefined && val !== null)
|
|
1660
1740
|
.join(":");
|
|
1661
1741
|
|
|
1662
|
-
var css_248z$
|
|
1663
|
-
var classes$
|
|
1664
|
-
styleInject(css_248z$
|
|
1742
|
+
var css_248z$p = ".Box-module_box__Wgbf3{box-sizing:border-box}";
|
|
1743
|
+
var classes$p = {"box":"Box-module_box__Wgbf3"};
|
|
1744
|
+
styleInject(css_248z$p);
|
|
1665
1745
|
|
|
1666
1746
|
function toVal(mix) {
|
|
1667
1747
|
var k, y, str='';
|
|
@@ -1705,50 +1785,75 @@ function clsx () {
|
|
|
1705
1785
|
}
|
|
1706
1786
|
|
|
1707
1787
|
const Box = (_a) => {
|
|
1708
|
-
var {
|
|
1709
|
-
|
|
1710
|
-
|
|
1788
|
+
var {
|
|
1789
|
+
// misc
|
|
1790
|
+
className, children,
|
|
1791
|
+
// responsive props
|
|
1792
|
+
p, pt, pr, pb, pl, m, mt, mr, mb, ml, width, display, flexGrow, flexShrink, flexDirection, alignItems, textAlign, justifyContent } = _a,
|
|
1793
|
+
// rest
|
|
1794
|
+
rest = __rest(_a, ["className", "children", "p", "pt", "pr", "pb", "pl", "m", "mt", "mr", "mb", "ml", "width", "display", "flexGrow", "flexShrink", "flexDirection", "alignItems", "textAlign", "justifyContent"]);
|
|
1795
|
+
const { classNames, variables } = getResponsiveProps({
|
|
1796
|
+
p,
|
|
1797
|
+
pt,
|
|
1798
|
+
pr,
|
|
1799
|
+
pb,
|
|
1800
|
+
pl,
|
|
1801
|
+
m,
|
|
1802
|
+
mt,
|
|
1803
|
+
mr,
|
|
1804
|
+
mb,
|
|
1805
|
+
ml,
|
|
1806
|
+
width,
|
|
1807
|
+
display,
|
|
1808
|
+
flexGrow,
|
|
1809
|
+
flexShrink,
|
|
1810
|
+
flexDirection,
|
|
1811
|
+
alignItems,
|
|
1812
|
+
textAlign,
|
|
1813
|
+
justifyContent,
|
|
1814
|
+
});
|
|
1815
|
+
return (React.createElement("div", Object.assign({ className: clsx(classes$p.box, className, classNames), style: variables }, rest), children));
|
|
1711
1816
|
};
|
|
1712
1817
|
|
|
1713
|
-
const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$
|
|
1818
|
+
const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$q.wrapper, classes$q[`variant-${variant}`]) },
|
|
1714
1819
|
React.createElement(Box, { p: 3 },
|
|
1715
1820
|
title && (React.createElement(Box, { pb: children ? 1 : 0 },
|
|
1716
1821
|
React.createElement(Header, { level: 4 }, title))),
|
|
1717
1822
|
children && React.createElement(Paragraph, null, children))));
|
|
1718
1823
|
|
|
1719
|
-
var css_248z$
|
|
1720
|
-
var classes$
|
|
1721
|
-
styleInject(css_248z$
|
|
1824
|
+
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}}";
|
|
1825
|
+
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"};
|
|
1826
|
+
styleInject(css_248z$o);
|
|
1722
1827
|
|
|
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$
|
|
1828
|
+
const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$o.svg, viewBox: "0 0 154 154" },
|
|
1829
|
+
React.createElement("g", { className: classes$o.mask },
|
|
1830
|
+
React.createElement("circle", { className: classes$o.circle, cx: "77", cy: "77", r: "72" }),
|
|
1831
|
+
React.createElement("circle", { className: classes$o.circleColored, cx: "77", cy: "77", r: "72" }),
|
|
1832
|
+
React.createElement("polyline", { className: classes$o.polyline, points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
|
|
1728
1833
|
|
|
1729
|
-
var css_248z$
|
|
1730
|
-
var classes$
|
|
1731
|
-
styleInject(css_248z$
|
|
1834
|
+
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}";
|
|
1835
|
+
var classes$n = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
|
|
1836
|
+
styleInject(css_248z$n);
|
|
1732
1837
|
|
|
1733
|
-
const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$
|
|
1734
|
-
const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$
|
|
1838
|
+
const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$n.breadcrumbs, props.className) }, props));
|
|
1839
|
+
const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$n.crumb, props.className) }, props));
|
|
1735
1840
|
|
|
1736
|
-
var css_248z$
|
|
1737
|
-
var classes$
|
|
1738
|
-
styleInject(css_248z$
|
|
1841
|
+
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)}";
|
|
1842
|
+
var classes$m = {"panel":"CollapsiblePanel-module_panel__DrLNG","isClosed":"CollapsiblePanel-module_isClosed__2qVew","titleActionWrapper":"CollapsiblePanel-module_titleActionWrapper__SBw5b"};
|
|
1843
|
+
styleInject(css_248z$m);
|
|
1739
1844
|
|
|
1740
|
-
var css_248z$
|
|
1741
|
-
var classes$
|
|
1742
|
-
styleInject(css_248z$
|
|
1845
|
+
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}";
|
|
1846
|
+
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"};
|
|
1847
|
+
styleInject(css_248z$l);
|
|
1743
1848
|
|
|
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$
|
|
1849
|
+
const Panel = ({ children, className, title, titleAction, titleMeta, onClickTitle, footer, p = 3, titleLevel = 5, }) => (React.createElement("div", { className: clsx(className, classes$l.wrapper) },
|
|
1850
|
+
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
1851
|
React.createElement(Box, { flexGrow: 1 },
|
|
1747
1852
|
React.createElement(Header, { level: titleLevel }, title)),
|
|
1748
|
-
titleMeta && React.createElement(Box, { className: classes$
|
|
1853
|
+
titleMeta && React.createElement(Box, { className: classes$l.meta }, titleMeta),
|
|
1749
1854
|
titleAction && React.createElement(Box, { pl: 5 }, titleAction))),
|
|
1750
1855
|
children && React.createElement(Box, { p: p }, children),
|
|
1751
|
-
footer && (React.createElement(Box, { p: 3, className: classes$
|
|
1856
|
+
footer && (React.createElement(Box, { p: 3, className: classes$l.footer }, footer))));
|
|
1752
1857
|
|
|
1753
1858
|
const Animation = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
1754
1859
|
transform: ${props => props.isOpen ? `translate(0)` : `translateY(-101%)`};
|
|
@@ -1756,7 +1861,7 @@ const Animation = styledComponents.styled.div.withConfig({ shouldForwardProp: is
|
|
|
1756
1861
|
transition-property: transform;
|
|
1757
1862
|
}
|
|
1758
1863
|
`;
|
|
1759
|
-
const Wrapper$
|
|
1864
|
+
const Wrapper$5 = styledComponents.styled.div `
|
|
1760
1865
|
overflow: hidden;
|
|
1761
1866
|
`;
|
|
1762
1867
|
const Hider = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
@@ -1787,7 +1892,7 @@ const SlideOpen = ({ isOpen, children, duration, onChange }) => {
|
|
|
1787
1892
|
onChange === null || onChange === void 0 ? void 0 : onChange(true);
|
|
1788
1893
|
}
|
|
1789
1894
|
}, [isOpen, onChange]);
|
|
1790
|
-
return (React.createElement(Wrapper$
|
|
1895
|
+
return (React.createElement(Wrapper$5, null,
|
|
1791
1896
|
React.createElement(Animation, { isOpen: isDelayedOpen, onTransitionEndCapture: handleTransitionEnd, duration: duration },
|
|
1792
1897
|
React.createElement(Hider, { isHidden: isHidden }, children))));
|
|
1793
1898
|
};
|
|
@@ -1796,7 +1901,7 @@ const CollapsiblePanel = (_a) => {
|
|
|
1796
1901
|
var { isInitiallyOpen, children, titleAction } = _a, rest = __rest(_a, ["isInitiallyOpen", "children", "titleAction"]);
|
|
1797
1902
|
const [isOpen, setIsOpen] = React.useState(isInitiallyOpen);
|
|
1798
1903
|
const toggleOpen = React.useCallback(() => setIsOpen(!isOpen), [setIsOpen, isOpen]);
|
|
1799
|
-
return (React.createElement(Panel, Object.assign({ className: clsx(classes$
|
|
1904
|
+
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
1905
|
React.createElement(SlideOpen, { isOpen: isOpen },
|
|
1801
1906
|
React.createElement(Box, { p: 3 }, children))));
|
|
1802
1907
|
};
|
|
@@ -1819,29 +1924,29 @@ const useConfirmModal = ({ onConfirm }) => {
|
|
|
1819
1924
|
];
|
|
1820
1925
|
};
|
|
1821
1926
|
|
|
1822
|
-
var css_248z$
|
|
1823
|
-
var classes$
|
|
1824
|
-
styleInject(css_248z$
|
|
1927
|
+
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}}";
|
|
1928
|
+
var classes$k = {"overlay":"Overlay-module_overlay__EkbfA","delay":"Overlay-module_delay__za2Du"};
|
|
1929
|
+
styleInject(css_248z$k);
|
|
1825
1930
|
|
|
1826
1931
|
const Overlay = (_a) => {
|
|
1827
1932
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
1828
|
-
return (React.createElement("div", Object.assign({ className: clsx(className, classes$
|
|
1933
|
+
return (React.createElement("div", Object.assign({ className: clsx(className, classes$k.overlay) }, rest)));
|
|
1829
1934
|
};
|
|
1830
1935
|
|
|
1831
|
-
var css_248z$
|
|
1832
|
-
var classes$
|
|
1833
|
-
styleInject(css_248z$
|
|
1936
|
+
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}";
|
|
1937
|
+
var classes$j = {"wrapper":"Modal-module_wrapper__34Hds","content":"Modal-module_content__dWO-B","panel":"Modal-module_panel__lp9I7"};
|
|
1938
|
+
styleInject(css_248z$j);
|
|
1834
1939
|
|
|
1835
1940
|
const Modal = (_a) => {
|
|
1836
1941
|
var { children, handleClickOverlay, buttons } = _a, panelProps = __rest(_a, ["children", "handleClickOverlay", "buttons"]);
|
|
1837
1942
|
return (React.createElement(React.Fragment, null,
|
|
1838
1943
|
React.createElement(Overlay, { onClick: handleClickOverlay }),
|
|
1839
|
-
React.createElement("div", { className: classes$
|
|
1944
|
+
React.createElement("div", { className: classes$j.wrapper },
|
|
1840
1945
|
React.createElement(SlideInFromTop, null,
|
|
1841
|
-
React.createElement(Panel, Object.assign({ className: classes$
|
|
1946
|
+
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
1947
|
};
|
|
1843
1948
|
|
|
1844
|
-
const Wrapper$
|
|
1949
|
+
const Wrapper$4 = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
1845
1950
|
${props => props.stretch && `width: 100%;`}
|
|
1846
1951
|
${props => props.actionButton || props.stretch
|
|
1847
1952
|
? styledComponents.css `margin: 0;`
|
|
@@ -1921,7 +2026,7 @@ const StyledButton$1 = styledComponents.styled.button.withConfig({ shouldForward
|
|
|
1921
2026
|
`;
|
|
1922
2027
|
}}
|
|
1923
2028
|
`;
|
|
1924
|
-
const IconWrapper
|
|
2029
|
+
const IconWrapper = styledComponents.styled.span.withConfig({ shouldForwardProp: isPropValid }) `
|
|
1925
2030
|
${props => props.variant !== "text" && styledComponents.css `
|
|
1926
2031
|
min-width: ${props.theme.spacing(10)};
|
|
1927
2032
|
`}
|
|
@@ -1948,9 +2053,9 @@ const IconWrapper$1 = styledComponents.styled.span.withConfig({ shouldForwardPro
|
|
|
1948
2053
|
`;
|
|
1949
2054
|
const Button = React.forwardRef((_a, ref) => {
|
|
1950
2055
|
var { children, icon, stretch } = _a, props = __rest(_a, ["children", "icon", "stretch"]);
|
|
1951
|
-
return (React.createElement(Wrapper$
|
|
2056
|
+
return (React.createElement(Wrapper$4, { actionButton: props.actionButton, stretch: stretch },
|
|
1952
2057
|
React.createElement(StyledButton$1, Object.assign({ ref: ref, icon: icon, hasChildren: !!children, stretch: stretch }, props),
|
|
1953
|
-
icon && (React.createElement(IconWrapper
|
|
2058
|
+
icon && (React.createElement(IconWrapper, { variant: props.variant, hasChildren: !!children }, icon)),
|
|
1954
2059
|
children)));
|
|
1955
2060
|
});
|
|
1956
2061
|
|
|
@@ -2088,26 +2193,26 @@ Table.Row = StyledTableRow;
|
|
|
2088
2193
|
Table.HeadCell = StyledTableHeadCell;
|
|
2089
2194
|
Table.Cell = TableCell;
|
|
2090
2195
|
|
|
2091
|
-
var css_248z$
|
|
2092
|
-
var classes$
|
|
2093
|
-
styleInject(css_248z$
|
|
2196
|
+
var css_248z$i = ".Details-module_row__0d8vi{vertical-align:top}.Details-module_row__0d8vi.Details-module_isFirstRow__iVno4{border-top:0!important}";
|
|
2197
|
+
var classes$i = {"row":"Details-module_row__0d8vi","isFirstRow":"Details-module_isFirstRow__iVno4"};
|
|
2198
|
+
styleInject(css_248z$i);
|
|
2094
2199
|
|
|
2095
2200
|
const Details = ({ details, firstColumnWidth, }) => (React.createElement(Table, null,
|
|
2096
2201
|
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$
|
|
2202
|
+
React.createElement(Table.Cell, { style: { width: firstColumnWidth }, className: clsx(classes$i.cell, index === 0 && classes$i.isFirstRow) }, key),
|
|
2203
|
+
React.createElement(Table.Cell, { className: clsx(classes$i.cell, index === 0 && classes$i.isFirstRow) }, val)))))));
|
|
2099
2204
|
|
|
2100
|
-
var css_248z$
|
|
2101
|
-
var classes$
|
|
2102
|
-
styleInject(css_248z$
|
|
2205
|
+
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}";
|
|
2206
|
+
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"};
|
|
2207
|
+
styleInject(css_248z$h);
|
|
2103
2208
|
|
|
2104
2209
|
const DropdownMenu = (_a) => {
|
|
2105
2210
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2106
|
-
return (React.createElement("ul", Object.assign({ className: clsx(classes$
|
|
2211
|
+
return (React.createElement("ul", Object.assign({ className: clsx(classes$h.dropdownMenu, className) }, rest)));
|
|
2107
2212
|
};
|
|
2108
2213
|
const DropdownMenuItem = (_a) => {
|
|
2109
2214
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2110
|
-
return (React.createElement("li", Object.assign({ className: clsx(classes$
|
|
2215
|
+
return (React.createElement("li", Object.assign({ className: clsx(classes$h.dropdownMenuItem, className) }, rest)));
|
|
2111
2216
|
};
|
|
2112
2217
|
const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) => {
|
|
2113
2218
|
const dropper = React.useRef(null);
|
|
@@ -2127,15 +2232,15 @@ const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) =
|
|
|
2127
2232
|
document.removeEventListener("click", handleClose);
|
|
2128
2233
|
};
|
|
2129
2234
|
}, [isOpen, handleClose]);
|
|
2130
|
-
return (React.createElement("div", { className: classes$
|
|
2235
|
+
return (React.createElement("div", { className: classes$h.wrapper },
|
|
2131
2236
|
React.createElement(Button, Object.assign({}, buttonProps, { onClick: handleOpen })),
|
|
2132
2237
|
isOpen && (React.createElement(SlideInFromTop, { speed: ".1s" },
|
|
2133
|
-
React.createElement("span", { className: clsx(classes$
|
|
2238
|
+
React.createElement("span", { className: clsx(classes$h.dropper, align === "left" && classes$h.left, align === "right" && classes$h.right), ref: dropper }, children)))));
|
|
2134
2239
|
};
|
|
2135
2240
|
|
|
2136
|
-
var css_248z$
|
|
2137
|
-
var classes$
|
|
2138
|
-
styleInject(css_248z$
|
|
2241
|
+
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}";
|
|
2242
|
+
var classes$g = {"dropzone":"Dropzone-module_dropzone__xBUrY","isReadyToDrop":"Dropzone-module_isReadyToDrop__I9ik7","hiddenInput":"Dropzone-module_hiddenInput__7v6dW"};
|
|
2243
|
+
styleInject(css_248z$g);
|
|
2139
2244
|
|
|
2140
2245
|
const Dropzone = (_a) => {
|
|
2141
2246
|
var { onChange, icon, label } = _a, rest = __rest(_a, ["onChange", "icon", "label"]);
|
|
@@ -2170,18 +2275,18 @@ const Dropzone = (_a) => {
|
|
|
2170
2275
|
var _a;
|
|
2171
2276
|
handleChange((_a = fileInput === null || fileInput === void 0 ? void 0 : fileInput.current) === null || _a === void 0 ? void 0 : _a.files);
|
|
2172
2277
|
}, [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$
|
|
2278
|
+
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),
|
|
2279
|
+
React.createElement("input", { className: classes$g.hiddenInput, "data-testid": "dropzone-file-input", type: "file", ref: fileInput, onChange: handleInputChange, multiple: true }),
|
|
2175
2280
|
React.createElement(Box, null,
|
|
2176
2281
|
React.createElement(Button, { variant: "text", color: "secondary", type: "button", icon: icon }, label))));
|
|
2177
2282
|
};
|
|
2178
2283
|
|
|
2179
|
-
var css_248z$
|
|
2180
|
-
var classes$
|
|
2181
|
-
styleInject(css_248z$
|
|
2284
|
+
var css_248z$f = ".Feedback-module_box__ESWf9{width:300px}";
|
|
2285
|
+
var classes$f = {"box":"Feedback-module_box__ESWf9"};
|
|
2286
|
+
styleInject(css_248z$f);
|
|
2182
2287
|
|
|
2183
2288
|
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$
|
|
2289
|
+
React.createElement(Box, { pt: 3, pb: 3, className: classes$f.box },
|
|
2185
2290
|
React.createElement(Box, { pb: 5, textAlign: "center" },
|
|
2186
2291
|
React.createElement(Header, null, title),
|
|
2187
2292
|
subtitle && (React.createElement(Box, { pt: 5 },
|
|
@@ -2207,69 +2312,69 @@ const Floater = (_a) => {
|
|
|
2207
2312
|
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
2313
|
};
|
|
2209
2314
|
|
|
2210
|
-
var css_248z$
|
|
2211
|
-
var classes$
|
|
2212
|
-
styleInject(css_248z$
|
|
2315
|
+
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}";
|
|
2316
|
+
var classes$e = {"box":"Footer-module_box__KZvsx"};
|
|
2317
|
+
styleInject(css_248z$e);
|
|
2213
2318
|
|
|
2214
|
-
var css_248z$
|
|
2215
|
-
var classes$
|
|
2216
|
-
styleInject(css_248z$
|
|
2319
|
+
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}}";
|
|
2320
|
+
var classes$d = {"wrapper":"SideBar-module_wrapper__8tZbH","isMobileMenuOpen":"SideBar-module_isMobileMenuOpen__1yI4z","isDesktopMenuOpen":"SideBar-module_isDesktopMenuOpen__S25Jl"};
|
|
2321
|
+
styleInject(css_248z$d);
|
|
2217
2322
|
|
|
2218
2323
|
const SIDEBAR_COLLAPSED_WIDTH = 15;
|
|
2219
2324
|
const SideBar = (props) => {
|
|
2220
2325
|
const { closeSideMenu, openSideMenu, isSideMenuOpen } = useUiStateContext();
|
|
2221
|
-
return (React.createElement(Box, Object.assign({ className: clsx("sidebar", classes$
|
|
2326
|
+
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
2327
|
// @ts-ignore
|
|
2223
2328
|
"--minWidth": props.minWidth || 75,
|
|
2224
2329
|
"--collapsed-width": SIDEBAR_COLLAPSED_WIDTH,
|
|
2225
2330
|
} })));
|
|
2226
2331
|
};
|
|
2227
2332
|
|
|
2228
|
-
const Footer = ({ children, }) => (React.createElement(Box, { pt: 2, pb: 2, pr: 5, pl: { mobile: 5, laptop: SIDEBAR_COLLAPSED_WIDTH + 5 }, className: classes$
|
|
2333
|
+
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
2334
|
|
|
2230
|
-
var css_248z$
|
|
2231
|
-
var classes$
|
|
2232
|
-
styleInject(css_248z$
|
|
2335
|
+
var css_248z$c = ".HorizontalScroller-module_box__W07vp{overflow-x:auto;overflow-y:hidden}";
|
|
2336
|
+
var classes$c = {"box":"HorizontalScroller-module_box__W07vp"};
|
|
2337
|
+
styleInject(css_248z$c);
|
|
2233
2338
|
|
|
2234
|
-
const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$
|
|
2339
|
+
const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$c.box }, children);
|
|
2235
2340
|
|
|
2236
|
-
var css_248z$
|
|
2237
|
-
var classes$
|
|
2238
|
-
styleInject(css_248z$
|
|
2341
|
+
var css_248z$b = ".HamburgerButton-module_hamburgerButton__uFuws{margin-right:var(--spacing-3)}@media(min-width:1024px){.HamburgerButton-module_hamburgerButton__uFuws{display:none!important}}";
|
|
2342
|
+
var classes$b = {"hamburgerButton":"HamburgerButton-module_hamburgerButton__uFuws"};
|
|
2343
|
+
styleInject(css_248z$b);
|
|
2239
2344
|
|
|
2240
2345
|
const HamburgerButton = (_a) => {
|
|
2241
2346
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
2242
|
-
return (React.createElement(Button, Object.assign({ className: clsx(classes$
|
|
2347
|
+
return (React.createElement(Button, Object.assign({ className: clsx(classes$b.hamburgerButton, className) }, props)));
|
|
2243
2348
|
};
|
|
2244
2349
|
|
|
2245
|
-
var css_248z$
|
|
2246
|
-
var classes$
|
|
2247
|
-
styleInject(css_248z$
|
|
2350
|
+
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)}";
|
|
2351
|
+
var classes$a = {"menu":"Menu-module_menu__uj3BS","menuItem":"Menu-module_menuItem__96xoX","isActive":"Menu-module_isActive__idoz4","isOpen":"Menu-module_isOpen__p1ar3"};
|
|
2352
|
+
styleInject(css_248z$a);
|
|
2248
2353
|
|
|
2249
|
-
const Menu = ({ children }) => (React.createElement("ul", { className: classes$
|
|
2354
|
+
const Menu = ({ children }) => (React.createElement("ul", { className: classes$a.menu }, children));
|
|
2250
2355
|
const MenuItem = ({ item, isOpen, isActive, children, }) => {
|
|
2251
2356
|
const [isDelayedOpen, setDelayedOpen] = React.useState(!!isOpen);
|
|
2252
|
-
return (React.createElement("li", { className: clsx(classes$
|
|
2357
|
+
return (React.createElement("li", { className: clsx(classes$a.menuItem, isDelayedOpen && classes$a.isOpen, !!isActive && classes$a.isActive) },
|
|
2253
2358
|
item,
|
|
2254
2359
|
children && (React.createElement(SlideOpen, { onChange: setDelayedOpen, isOpen: !!isOpen, duration: 0.25 }, children))));
|
|
2255
2360
|
};
|
|
2256
2361
|
|
|
2257
|
-
var css_248z$
|
|
2258
|
-
var classes$
|
|
2259
|
-
styleInject(css_248z$
|
|
2362
|
+
var css_248z$9 = "@media(min-width:1024px){.MenuCloseButton-module_menuCloseButton__c2jye{display:none!important}}";
|
|
2363
|
+
var classes$9 = {"menuCloseButton":"MenuCloseButton-module_menuCloseButton__c2jye"};
|
|
2364
|
+
styleInject(css_248z$9);
|
|
2260
2365
|
|
|
2261
2366
|
const MenuCloseButton = (_a) => {
|
|
2262
2367
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
2263
|
-
return (React.createElement(Button, Object.assign({ className: clsx(classes$
|
|
2368
|
+
return (React.createElement(Button, Object.assign({ className: clsx(classes$9.menuCloseButton, className) }, props)));
|
|
2264
2369
|
};
|
|
2265
2370
|
|
|
2266
|
-
var css_248z$
|
|
2267
|
-
var classes$
|
|
2268
|
-
styleInject(css_248z$
|
|
2371
|
+
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}";
|
|
2372
|
+
var classes$8 = {"wrapper":"MenuSlideOpenIndicator-module_wrapper__Q6Ykj"};
|
|
2373
|
+
styleInject(css_248z$8);
|
|
2269
2374
|
|
|
2270
2375
|
const MenuSlideOpenIndicator = (_a) => {
|
|
2271
2376
|
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2272
|
-
return (React.createElement(Box, Object.assign({ className: clsx(classes$
|
|
2377
|
+
return (React.createElement(Box, Object.assign({ className: clsx(classes$8.wrapper, className),
|
|
2273
2378
|
// @ts-ignore
|
|
2274
2379
|
style: { "--collapsed-width": SIDEBAR_COLLAPSED_WIDTH } }, rest)));
|
|
2275
2380
|
};
|
|
@@ -2277,11 +2382,11 @@ const MenuSlideOpenIndicator = (_a) => {
|
|
|
2277
2382
|
const VerticalRhythmLaptop = 7;
|
|
2278
2383
|
const VerticalRhythmMobile = 4;
|
|
2279
2384
|
|
|
2280
|
-
var css_248z$
|
|
2281
|
-
var classes$
|
|
2282
|
-
styleInject(css_248z$
|
|
2385
|
+
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)}}";
|
|
2386
|
+
var classes$7 = {"sideBarHeader":"SideBarHeader-module_sideBarHeader__7zbYN"};
|
|
2387
|
+
styleInject(css_248z$7);
|
|
2283
2388
|
|
|
2284
|
-
const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { mb: VerticalRhythmLaptop, className: classes$
|
|
2389
|
+
const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { mb: VerticalRhythmLaptop, className: classes$7.sideBarHeader },
|
|
2285
2390
|
React.createElement(Box, { flexGrow: 1, display: "flex" },
|
|
2286
2391
|
React.createElement(Box, { flexGrow: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children)),
|
|
2287
2392
|
right && React.createElement(Box, null, right)));
|
|
@@ -2331,9 +2436,9 @@ const useResponsiveBreakpoints = () => {
|
|
|
2331
2436
|
return responsiveMap;
|
|
2332
2437
|
};
|
|
2333
2438
|
|
|
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);
|
|
2439
|
+
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}";
|
|
2440
|
+
var classes$6 = {"wrapper":"Paginator-module_wrapper__IPIcn","button":"Paginator-module_button__lkNBq","isActive":"Paginator-module_isActive__Qk3mv","isDisabled":"Paginator-module_isDisabled__uHGss"};
|
|
2441
|
+
styleInject(css_248z$6);
|
|
2337
2442
|
|
|
2338
2443
|
const range = (start, end) => {
|
|
2339
2444
|
let nums = [];
|
|
@@ -2349,167 +2454,80 @@ const Paginator = (props) => {
|
|
|
2349
2454
|
const clamSize = isTablet ? 2 : 0;
|
|
2350
2455
|
const clamLower = Math.max(1, currentPage - clamSize);
|
|
2351
2456
|
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")));
|
|
2457
|
+
return (React.createElement("div", { className: classes$6.wrapper },
|
|
2458
|
+
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"),
|
|
2459
|
+
clamLower > 1 && (React.createElement("button", { "data-testid": "paginate-page-1", onClick: () => onChange(1), className: clsx(classes$6.button, currentPage === 1 && classes$6.isActive) }, "1")),
|
|
2460
|
+
clamLower > 2 && (React.createElement("button", { disabled: true, className: clsx(classes$6.button, classes$6.isDisabled) }, "...")),
|
|
2461
|
+
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))),
|
|
2462
|
+
clamUpper < pageCount - 1 && (React.createElement("button", { disabled: true, className: clsx(classes$6.button, classes$6.isDisabled) }, "...")),
|
|
2463
|
+
clamUpper < pageCount && (React.createElement("button", { "data-testid": `paginate-page-${pageCount}`, onClick: () => onChange(pageCount), className: clsx(classes$6.button, currentPage === pageCount && classes$6.isActive) }, pageCount)),
|
|
2464
|
+
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
2465
|
};
|
|
2361
2466
|
|
|
2362
2467
|
const Section = (props) => (React.createElement(Box, Object.assign({ pb: { laptop: VerticalRhythmLaptop, mobile: VerticalRhythmMobile } }, props)));
|
|
2363
2468
|
|
|
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),
|
|
2469
|
+
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)}";
|
|
2470
|
+
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"};
|
|
2471
|
+
styleInject(css_248z$5);
|
|
2472
|
+
|
|
2473
|
+
const Statistic = ({ icon, value, label, backgroundColor, smallerValue, }) => (React.createElement("div", { className: clsx(classes$5.wrapper, classes$5[backgroundColor]) },
|
|
2474
|
+
React.createElement("div", { className: classes$5.iconWrapper }, icon),
|
|
2392
2475
|
React.createElement(Box, { flexGrow: 1, textAlign: "right" },
|
|
2393
|
-
React.createElement(
|
|
2394
|
-
React.createElement(
|
|
2476
|
+
React.createElement("div", { className: classes$5.label }, label),
|
|
2477
|
+
React.createElement("div", { className: clsx(classes$5.value, smallerValue && classes$5.smaller) }, value))));
|
|
2478
|
+
|
|
2479
|
+
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)}";
|
|
2480
|
+
var classes$4 = {"tab":"Tab-module_tab__Iwytl","isActive":"Tab-module_isActive__DXImz","hint":"Tab-module_hint__ynkFR","error":"Tab-module_error__OF1Ji"};
|
|
2481
|
+
styleInject(css_248z$4);
|
|
2395
2482
|
|
|
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
2483
|
const Tab = (_a) => {
|
|
2430
|
-
var { id, isActive, onClick } = _a, restProps = __rest(_a, ["id", "isActive", "onClick"]);
|
|
2484
|
+
var { id, isActive, onClick, variant } = _a, restProps = __rest(_a, ["id", "isActive", "onClick", "variant"]);
|
|
2431
2485
|
const handleClick = React.useCallback(() => {
|
|
2432
2486
|
if (!isActive) {
|
|
2433
2487
|
onClick === null || onClick === void 0 ? void 0 : onClick(id);
|
|
2434
2488
|
}
|
|
2435
2489
|
}, [id, isActive, onClick]);
|
|
2436
|
-
return React.createElement(
|
|
2490
|
+
return (React.createElement(Box, Object.assign({ className: clsx(classes$4.tab, isActive && classes$4.isActive, variant && classes$4[variant]) }, restProps, { onClick: handleClick })));
|
|
2437
2491
|
};
|
|
2438
2492
|
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
border-top: 0px;
|
|
2443
|
-
`;
|
|
2444
|
-
const TabContent = (props) => React.createElement(StyledBox$1, Object.assign({ p: 3 }, props));
|
|
2493
|
+
var css_248z$3 = ".TabContent-module_tabContent__hMTiE{background-color:var(--common-white);border:1px solid #22242626;border-top:0}";
|
|
2494
|
+
var classes$3 = {"tabContent":"TabContent-module_tabContent__hMTiE"};
|
|
2495
|
+
styleInject(css_248z$3);
|
|
2445
2496
|
|
|
2446
|
-
const
|
|
2447
|
-
|
|
2448
|
-
|
|
2449
|
-
|
|
2497
|
+
const TabContent = (_a) => {
|
|
2498
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2499
|
+
return (React.createElement(Box, Object.assign({ className: clsx(classes$3.tabContent, className), p: 3 }, rest)));
|
|
2500
|
+
};
|
|
2450
2501
|
|
|
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)),
|
|
2502
|
+
var css_248z$2 = ".Tabs-module_tabs__QzIkz{border-bottom:1px solid #22242626;display:flex}";
|
|
2503
|
+
var classes$2 = {"tabs":"Tabs-module_tabs__QzIkz"};
|
|
2504
|
+
styleInject(css_248z$2);
|
|
2505
|
+
|
|
2506
|
+
const Tabs = (_a) => {
|
|
2507
|
+
var { className } = _a, rest = __rest(_a, ["className"]);
|
|
2508
|
+
return (React.createElement(Box, Object.assign({ className: clsx(className, classes$2.tabs) }, rest)));
|
|
2509
|
+
};
|
|
2510
|
+
|
|
2511
|
+
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%)}";
|
|
2512
|
+
var classes$1 = {"flatPanel":"Timeline-module_flatPanel__TzdFU","wrapper":"Timeline-module_wrapper__sWd71","line":"Timeline-module_line__CwY-N","circle":"Timeline-module_circle__7kyfg"};
|
|
2513
|
+
styleInject(css_248z$1);
|
|
2514
|
+
|
|
2515
|
+
const Timeline = ({ title, icon, color, isInitiallyOpen, titleMeta, chevron, children, }) => (React.createElement(Box, { className: classes$1.wrapper },
|
|
2516
|
+
React.createElement(Box, { className: classes$1.line },
|
|
2517
|
+
React.createElement("div", { className: classes$1.circle, style: { "--background-color": color } }, icon)),
|
|
2498
2518
|
React.createElement(Box, { pb: 4, flexGrow: 1 },
|
|
2499
2519
|
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(
|
|
2520
|
+
const SimpleTimeline = ({ color, icon, title, titleMeta, }) => (React.createElement(Box, { className: classes$1.wrapper },
|
|
2521
|
+
React.createElement(Box, { className: clsx(classes$1.line, "line") },
|
|
2522
|
+
React.createElement("div", { className: classes$1.circle, style: { "--background-color": color } }, icon)),
|
|
2503
2523
|
React.createElement(Box, { pb: 4, flexGrow: 1 },
|
|
2504
|
-
React.createElement(
|
|
2524
|
+
React.createElement(Panel, { className: classes$1.flatPanel, titleMeta: titleMeta, title: title }))));
|
|
2505
2525
|
|
|
2506
|
-
|
|
2507
|
-
|
|
2508
|
-
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
`;
|
|
2512
|
-
const TopBar = ({ left, right, }) => (React.createElement(StyledBox, null,
|
|
2526
|
+
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}";
|
|
2527
|
+
var classes = {"wrapper":"TopBar-module_wrapper__DVlec"};
|
|
2528
|
+
styleInject(css_248z);
|
|
2529
|
+
|
|
2530
|
+
const TopBar = ({ left, right, }) => (React.createElement(Box, { className: classes.wrapper },
|
|
2513
2531
|
React.createElement(Box, { display: "flex", alignItems: "center", pb: 1, pt: 1, pr: 5, pl: {
|
|
2514
2532
|
mobile: 5,
|
|
2515
2533
|
laptop: 5 + SIDEBAR_COLLAPSED_WIDTH,
|