quicksnack 3.44.1 → 3.46.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.
Files changed (22) hide show
  1. package/dist/bundle.js +468 -1981
  2. package/dist/bundle.min.js +1 -495
  3. package/dist/src/UiWrapper.d.ts +1 -6
  4. package/dist/src/animation/SlideInFromTop/SlideInFromTop.d.ts +6 -4
  5. package/dist/src/animation/SlideOpen/SlideOpen.d.ts +1 -1
  6. package/dist/src/components/Table/Table.d.ts +14 -19
  7. package/dist/src/form/Button/Button.d.ts +1 -2
  8. package/dist/src/form/PasswordStrengthField/PasswordStrenghField.d.ts +1 -1
  9. package/dist/src/form/ScaffoldForm/FormGrid/FormGrid.d.ts +6 -6
  10. package/dist/src/form/ScaffoldForm/FormGrid/FormGridCell.d.ts +9 -8
  11. package/dist/src/form/ScaffoldForm/FormGrid/FormGridWrapper.d.ts +1 -1
  12. package/dist/src/form/ScaffoldForm/ScaffoldField.d.ts +1 -2
  13. package/dist/src/form/ScaffoldForm/ScaffoldForm.d.ts +3 -2
  14. package/dist/src/form/ScaffoldForm/utils/FormPositioner.d.ts +1 -1
  15. package/dist/src/form/TextField/TextField.d.ts +3 -3
  16. package/dist/src/index.d.ts +1 -3
  17. package/dist/src/responsiveness/responsive.d.ts +9 -1
  18. package/dist/src/typography/Paragraph/Paragraph.d.ts +2 -261
  19. package/package.json +4 -8
  20. package/dist/src/UiProvider.d.ts +0 -8
  21. package/dist/src/responsiveness/responsiveProps.d.ts +0 -17
  22. package/dist/src/theme.d.ts +0 -2
package/dist/bundle.js CHANGED
@@ -1,8 +1,6 @@
1
1
  'use strict';
2
2
 
3
3
  var React = require('react');
4
- var styledComponents = require('styled-components');
5
- var immer = require('immer');
6
4
 
7
5
  function styleInject(css, ref) {
8
6
  if ( ref === void 0 ) ref = {};
@@ -31,8 +29,33 @@ function styleInject(css, ref) {
31
29
  }
32
30
  }
33
31
 
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);
32
+ var css_248z$I = ":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}.columns\\:var{-ms-grid-columns:var(--columns);grid-template-columns:var(--columns)}}@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}.tablet\\:columns\\:var{-ms-grid-columns:var(--tablet_columns);grid-template-columns:var(--tablet_columns)}}@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}.laptop\\:columns\\:var{-ms-grid-columns:var(--laptop_columns);grid-template-columns:var(--laptop_columns)}}@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}.desktop\\:columns\\:var{-ms-grid-columns:var(--desktop_columns);grid-template-columns:var(--desktop_columns)}}";
33
+ styleInject(css_248z$I);
34
+
35
+ const noop$1 = () => { };
36
+ const UiState = React.createContext({
37
+ isSideMenuOpen: false,
38
+ closeSideMenu: noop$1,
39
+ openSideMenu: noop$1,
40
+ });
41
+ const useUiStateContext = () => React.useContext(UiState);
42
+ const UiStateProvider = ({ children }) => {
43
+ const [isSideMenuOpen, setIsSideMenuOpen] = React.useState(false);
44
+ const handleCloseSideMenu = React.useCallback(() => setIsSideMenuOpen(false), []);
45
+ const handleOpenSideMenu = React.useCallback(() => setIsSideMenuOpen(true), []);
46
+ return (React.createElement(UiState.Provider, { value: {
47
+ isSideMenuOpen,
48
+ closeSideMenu: handleCloseSideMenu,
49
+ openSideMenu: handleOpenSideMenu,
50
+ } }, children));
51
+ };
52
+
53
+ var css_248z$H = ".UiWrapper-module_wrapper__kC0BB{color:var(--common-black);display:flex;flex-direction:column;font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;font-size:14px;height:100%}";
54
+ var classes$H = {"wrapper":"UiWrapper-module_wrapper__kC0BB"};
55
+ styleInject(css_248z$H);
56
+
57
+ const UiWrapper = ({ children, }) => (React.createElement(UiStateProvider, null,
58
+ React.createElement("div", { className: classes$H.wrapper }, children)));
36
59
 
37
60
  /******************************************************************************
38
61
  Copyright (c) Microsoft Corporation.
@@ -68,1120 +91,88 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
68
91
  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
69
92
  };
70
93
 
71
- function _extends() {
72
- _extends = Object.assign ? Object.assign.bind() : function (target) {
73
- for (var i = 1; i < arguments.length; i++) {
74
- var source = arguments[i];
75
- for (var key in source) {
76
- if (Object.prototype.hasOwnProperty.call(source, key)) {
77
- target[key] = source[key];
78
- }
79
- }
80
- }
81
- return target;
82
- };
83
- return _extends.apply(this, arguments);
84
- }
85
-
86
- function _assertThisInitialized(self) {
87
- if (self === void 0) {
88
- throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
89
- }
90
- return self;
91
- }
92
-
93
- function _setPrototypeOf(o, p) {
94
- _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
95
- o.__proto__ = p;
96
- return o;
97
- };
98
- return _setPrototypeOf(o, p);
99
- }
100
-
101
- function _inheritsLoose(subClass, superClass) {
102
- subClass.prototype = Object.create(superClass.prototype);
103
- subClass.prototype.constructor = subClass;
104
- _setPrototypeOf(subClass, superClass);
105
- }
106
-
107
- function _getPrototypeOf(o) {
108
- _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {
109
- return o.__proto__ || Object.getPrototypeOf(o);
110
- };
111
- return _getPrototypeOf(o);
112
- }
113
-
114
- function _isNativeFunction(fn) {
115
- try {
116
- return Function.toString.call(fn).indexOf("[native code]") !== -1;
117
- } catch (e) {
118
- return typeof fn === "function";
119
- }
120
- }
121
-
122
- function _isNativeReflectConstruct() {
123
- if (typeof Reflect === "undefined" || !Reflect.construct) return false;
124
- if (Reflect.construct.sham) return false;
125
- if (typeof Proxy === "function") return true;
126
- try {
127
- Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));
128
- return true;
129
- } catch (e) {
130
- return false;
131
- }
132
- }
133
-
134
- function _construct(Parent, args, Class) {
135
- if (_isNativeReflectConstruct()) {
136
- _construct = Reflect.construct.bind();
137
- } else {
138
- _construct = function _construct(Parent, args, Class) {
139
- var a = [null];
140
- a.push.apply(a, args);
141
- var Constructor = Function.bind.apply(Parent, a);
142
- var instance = new Constructor();
143
- if (Class) _setPrototypeOf(instance, Class.prototype);
144
- return instance;
145
- };
146
- }
147
- return _construct.apply(null, arguments);
148
- }
149
-
150
- function _wrapNativeSuper(Class) {
151
- var _cache = typeof Map === "function" ? new Map() : undefined;
152
- _wrapNativeSuper = function _wrapNativeSuper(Class) {
153
- if (Class === null || !_isNativeFunction(Class)) return Class;
154
- if (typeof Class !== "function") {
155
- throw new TypeError("Super expression must either be null or a function");
156
- }
157
- if (typeof _cache !== "undefined") {
158
- if (_cache.has(Class)) return _cache.get(Class);
159
- _cache.set(Class, Wrapper);
160
- }
161
- function Wrapper() {
162
- return _construct(Class, arguments, _getPrototypeOf(this).constructor);
163
- }
164
- Wrapper.prototype = Object.create(Class.prototype, {
165
- constructor: {
166
- value: Wrapper,
167
- enumerable: false,
168
- writable: true,
169
- configurable: true
170
- }
171
- });
172
- return _setPrototypeOf(Wrapper, Class);
173
- };
174
- return _wrapNativeSuper(Class);
175
- }
176
-
177
- // based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js
94
+ var css_248z$G = ".SlideInFromTop-module_slideInFromTop__We2Dd{animation:SlideInFromTop-module_slideInFromTop__We2Dd var(--speed,.3s) ease-in 0s 1}@keyframes SlideInFromTop-module_slideInFromTop__We2Dd{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}";
95
+ var classes$G = {"slideInFromTop":"SlideInFromTop-module_slideInFromTop__We2Dd"};
96
+ styleInject(css_248z$G);
178
97
 
179
- /**
180
- * Parse errors.md and turn it into a simple hash of code: message
181
- * @private
182
- */
183
- var ERRORS = {
184
- "1": "Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\n\n",
185
- "2": "Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\n\n",
186
- "3": "Passed an incorrect argument to a color function, please pass a string representation of a color.\n\n",
187
- "4": "Couldn't generate valid rgb string from %s, it returned %s.\n\n",
188
- "5": "Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\n\n",
189
- "6": "Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\n\n",
190
- "7": "Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\n\n",
191
- "8": "Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\n\n",
192
- "9": "Please provide a number of steps to the modularScale helper.\n\n",
193
- "10": "Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",
194
- "11": "Invalid value passed as base to modularScale, expected number or em string but got \"%s\"\n\n",
195
- "12": "Expected a string ending in \"px\" or a number passed as the first argument to %s(), got \"%s\" instead.\n\n",
196
- "13": "Expected a string ending in \"px\" or a number passed as the second argument to %s(), got \"%s\" instead.\n\n",
197
- "14": "Passed invalid pixel value (\"%s\") to %s(), please pass a value like \"12px\" or 12.\n\n",
198
- "15": "Passed invalid base value (\"%s\") to %s(), please pass a value like \"12px\" or 12.\n\n",
199
- "16": "You must provide a template to this method.\n\n",
200
- "17": "You passed an unsupported selector state to this method.\n\n",
201
- "18": "minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",
202
- "19": "fromSize and toSize must be provided as stringified numbers with the same units.\n\n",
203
- "20": "expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",
204
- "21": "expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
205
- "22": "expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\n\n",
206
- "23": "fontFace expects a name of a font-family.\n\n",
207
- "24": "fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",
208
- "25": "fontFace expects localFonts to be an array.\n\n",
209
- "26": "fontFace expects fileFormats to be an array.\n\n",
210
- "27": "radialGradient requries at least 2 color-stops to properly render.\n\n",
211
- "28": "Please supply a filename to retinaImage() as the first argument.\n\n",
212
- "29": "Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",
213
- "30": "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
214
- "31": "The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\n\n",
215
- "32": "To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\n\n",
216
- "33": "The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\n\n",
217
- "34": "borderRadius expects a radius value as a string or number as the second argument.\n\n",
218
- "35": "borderRadius expects one of \"top\", \"bottom\", \"left\" or \"right\" as the first argument.\n\n",
219
- "36": "Property must be a string value.\n\n",
220
- "37": "Syntax Error at %s.\n\n",
221
- "38": "Formula contains a function that needs parentheses at %s.\n\n",
222
- "39": "Formula is missing closing parenthesis at %s.\n\n",
223
- "40": "Formula has too many closing parentheses at %s.\n\n",
224
- "41": "All values in a formula must have the same unit or be unitless.\n\n",
225
- "42": "Please provide a number of steps to the modularScale helper.\n\n",
226
- "43": "Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\n\n",
227
- "44": "Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\n\n",
228
- "45": "Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\n\n",
229
- "46": "Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\n\n",
230
- "47": "minScreen and maxScreen must be provided as stringified numbers with the same units.\n\n",
231
- "48": "fromSize and toSize must be provided as stringified numbers with the same units.\n\n",
232
- "49": "Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\n\n",
233
- "50": "Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\n\n",
234
- "51": "Expects the first argument object to have the properties prop, fromSize, and toSize.\n\n",
235
- "52": "fontFace expects either the path to the font file(s) or a name of a local copy.\n\n",
236
- "53": "fontFace expects localFonts to be an array.\n\n",
237
- "54": "fontFace expects fileFormats to be an array.\n\n",
238
- "55": "fontFace expects a name of a font-family.\n\n",
239
- "56": "linearGradient requries at least 2 color-stops to properly render.\n\n",
240
- "57": "radialGradient requries at least 2 color-stops to properly render.\n\n",
241
- "58": "Please supply a filename to retinaImage() as the first argument.\n\n",
242
- "59": "Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\n\n",
243
- "60": "Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\n\n",
244
- "61": "Property must be a string value.\n\n",
245
- "62": "borderRadius expects a radius value as a string or number as the second argument.\n\n",
246
- "63": "borderRadius expects one of \"top\", \"bottom\", \"left\" or \"right\" as the first argument.\n\n",
247
- "64": "The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\n\n",
248
- "65": "To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\n\n",
249
- "66": "The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\n\n",
250
- "67": "You must provide a template to this method.\n\n",
251
- "68": "You passed an unsupported selector state to this method.\n\n",
252
- "69": "Expected a string ending in \"px\" or a number passed as the first argument to %s(), got %s instead.\n\n",
253
- "70": "Expected a string ending in \"px\" or a number passed as the second argument to %s(), got %s instead.\n\n",
254
- "71": "Passed invalid pixel value %s to %s(), please pass a value like \"12px\" or 12.\n\n",
255
- "72": "Passed invalid base value %s to %s(), please pass a value like \"12px\" or 12.\n\n",
256
- "73": "Please provide a valid CSS variable.\n\n",
257
- "74": "CSS variable not found and no default was provided.\n\n",
258
- "75": "important requires a valid style object, got a %s instead.\n\n",
259
- "76": "fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\n\n",
260
- "77": "remToPx expects a value in \"rem\" but you provided it in \"%s\".\n\n",
261
- "78": "base must be set in \"px\" or \"%\" but you set it in \"%s\".\n"
262
- };
263
- /**
264
- * super basic version of sprintf
265
- * @private
266
- */
267
-
268
- function format() {
269
- for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
270
- args[_key] = arguments[_key];
271
- }
272
-
273
- var a = args[0];
274
- var b = [];
275
- var c;
276
-
277
- for (c = 1; c < args.length; c += 1) {
278
- b.push(args[c]);
279
- }
280
-
281
- b.forEach(function (d) {
282
- a = a.replace(/%[a-z]/, d);
283
- });
284
- return a;
285
- }
286
- /**
287
- * Create an error file out of errors.md for development and a simple web link to the full errors
288
- * in production mode.
289
- * @private
290
- */
291
-
292
-
293
- var PolishedError = /*#__PURE__*/function (_Error) {
294
- _inheritsLoose(PolishedError, _Error);
295
-
296
- function PolishedError(code) {
297
- var _this;
298
-
299
- if (process.env.NODE_ENV === 'production') {
300
- _this = _Error.call(this, "An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#" + code + " for more information.") || this;
301
- } else {
302
- for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
303
- args[_key2 - 1] = arguments[_key2];
304
- }
305
-
306
- _this = _Error.call(this, format.apply(void 0, [ERRORS[code]].concat(args))) || this;
307
- }
308
-
309
- return _assertThisInitialized(_this);
310
- }
311
-
312
- return PolishedError;
313
- }( /*#__PURE__*/_wrapNativeSuper(Error));
314
-
315
- function colorToInt(color) {
316
- return Math.round(color * 255);
317
- }
318
-
319
- function convertToInt(red, green, blue) {
320
- return colorToInt(red) + "," + colorToInt(green) + "," + colorToInt(blue);
321
- }
322
-
323
- function hslToRgb(hue, saturation, lightness, convert) {
324
- if (convert === void 0) {
325
- convert = convertToInt;
326
- }
327
-
328
- if (saturation === 0) {
329
- // achromatic
330
- return convert(lightness, lightness, lightness);
331
- } // formulae from https://en.wikipedia.org/wiki/HSL_and_HSV
332
-
333
-
334
- var huePrime = (hue % 360 + 360) % 360 / 60;
335
- var chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;
336
- var secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));
337
- var red = 0;
338
- var green = 0;
339
- var blue = 0;
340
-
341
- if (huePrime >= 0 && huePrime < 1) {
342
- red = chroma;
343
- green = secondComponent;
344
- } else if (huePrime >= 1 && huePrime < 2) {
345
- red = secondComponent;
346
- green = chroma;
347
- } else if (huePrime >= 2 && huePrime < 3) {
348
- green = chroma;
349
- blue = secondComponent;
350
- } else if (huePrime >= 3 && huePrime < 4) {
351
- green = secondComponent;
352
- blue = chroma;
353
- } else if (huePrime >= 4 && huePrime < 5) {
354
- red = secondComponent;
355
- blue = chroma;
356
- } else if (huePrime >= 5 && huePrime < 6) {
357
- red = chroma;
358
- blue = secondComponent;
359
- }
360
-
361
- var lightnessModification = lightness - chroma / 2;
362
- var finalRed = red + lightnessModification;
363
- var finalGreen = green + lightnessModification;
364
- var finalBlue = blue + lightnessModification;
365
- return convert(finalRed, finalGreen, finalBlue);
366
- }
367
-
368
- var namedColorMap = {
369
- aliceblue: 'f0f8ff',
370
- antiquewhite: 'faebd7',
371
- aqua: '00ffff',
372
- aquamarine: '7fffd4',
373
- azure: 'f0ffff',
374
- beige: 'f5f5dc',
375
- bisque: 'ffe4c4',
376
- black: '000',
377
- blanchedalmond: 'ffebcd',
378
- blue: '0000ff',
379
- blueviolet: '8a2be2',
380
- brown: 'a52a2a',
381
- burlywood: 'deb887',
382
- cadetblue: '5f9ea0',
383
- chartreuse: '7fff00',
384
- chocolate: 'd2691e',
385
- coral: 'ff7f50',
386
- cornflowerblue: '6495ed',
387
- cornsilk: 'fff8dc',
388
- crimson: 'dc143c',
389
- cyan: '00ffff',
390
- darkblue: '00008b',
391
- darkcyan: '008b8b',
392
- darkgoldenrod: 'b8860b',
393
- darkgray: 'a9a9a9',
394
- darkgreen: '006400',
395
- darkgrey: 'a9a9a9',
396
- darkkhaki: 'bdb76b',
397
- darkmagenta: '8b008b',
398
- darkolivegreen: '556b2f',
399
- darkorange: 'ff8c00',
400
- darkorchid: '9932cc',
401
- darkred: '8b0000',
402
- darksalmon: 'e9967a',
403
- darkseagreen: '8fbc8f',
404
- darkslateblue: '483d8b',
405
- darkslategray: '2f4f4f',
406
- darkslategrey: '2f4f4f',
407
- darkturquoise: '00ced1',
408
- darkviolet: '9400d3',
409
- deeppink: 'ff1493',
410
- deepskyblue: '00bfff',
411
- dimgray: '696969',
412
- dimgrey: '696969',
413
- dodgerblue: '1e90ff',
414
- firebrick: 'b22222',
415
- floralwhite: 'fffaf0',
416
- forestgreen: '228b22',
417
- fuchsia: 'ff00ff',
418
- gainsboro: 'dcdcdc',
419
- ghostwhite: 'f8f8ff',
420
- gold: 'ffd700',
421
- goldenrod: 'daa520',
422
- gray: '808080',
423
- green: '008000',
424
- greenyellow: 'adff2f',
425
- grey: '808080',
426
- honeydew: 'f0fff0',
427
- hotpink: 'ff69b4',
428
- indianred: 'cd5c5c',
429
- indigo: '4b0082',
430
- ivory: 'fffff0',
431
- khaki: 'f0e68c',
432
- lavender: 'e6e6fa',
433
- lavenderblush: 'fff0f5',
434
- lawngreen: '7cfc00',
435
- lemonchiffon: 'fffacd',
436
- lightblue: 'add8e6',
437
- lightcoral: 'f08080',
438
- lightcyan: 'e0ffff',
439
- lightgoldenrodyellow: 'fafad2',
440
- lightgray: 'd3d3d3',
441
- lightgreen: '90ee90',
442
- lightgrey: 'd3d3d3',
443
- lightpink: 'ffb6c1',
444
- lightsalmon: 'ffa07a',
445
- lightseagreen: '20b2aa',
446
- lightskyblue: '87cefa',
447
- lightslategray: '789',
448
- lightslategrey: '789',
449
- lightsteelblue: 'b0c4de',
450
- lightyellow: 'ffffe0',
451
- lime: '0f0',
452
- limegreen: '32cd32',
453
- linen: 'faf0e6',
454
- magenta: 'f0f',
455
- maroon: '800000',
456
- mediumaquamarine: '66cdaa',
457
- mediumblue: '0000cd',
458
- mediumorchid: 'ba55d3',
459
- mediumpurple: '9370db',
460
- mediumseagreen: '3cb371',
461
- mediumslateblue: '7b68ee',
462
- mediumspringgreen: '00fa9a',
463
- mediumturquoise: '48d1cc',
464
- mediumvioletred: 'c71585',
465
- midnightblue: '191970',
466
- mintcream: 'f5fffa',
467
- mistyrose: 'ffe4e1',
468
- moccasin: 'ffe4b5',
469
- navajowhite: 'ffdead',
470
- navy: '000080',
471
- oldlace: 'fdf5e6',
472
- olive: '808000',
473
- olivedrab: '6b8e23',
474
- orange: 'ffa500',
475
- orangered: 'ff4500',
476
- orchid: 'da70d6',
477
- palegoldenrod: 'eee8aa',
478
- palegreen: '98fb98',
479
- paleturquoise: 'afeeee',
480
- palevioletred: 'db7093',
481
- papayawhip: 'ffefd5',
482
- peachpuff: 'ffdab9',
483
- peru: 'cd853f',
484
- pink: 'ffc0cb',
485
- plum: 'dda0dd',
486
- powderblue: 'b0e0e6',
487
- purple: '800080',
488
- rebeccapurple: '639',
489
- red: 'f00',
490
- rosybrown: 'bc8f8f',
491
- royalblue: '4169e1',
492
- saddlebrown: '8b4513',
493
- salmon: 'fa8072',
494
- sandybrown: 'f4a460',
495
- seagreen: '2e8b57',
496
- seashell: 'fff5ee',
497
- sienna: 'a0522d',
498
- silver: 'c0c0c0',
499
- skyblue: '87ceeb',
500
- slateblue: '6a5acd',
501
- slategray: '708090',
502
- slategrey: '708090',
503
- snow: 'fffafa',
504
- springgreen: '00ff7f',
505
- steelblue: '4682b4',
506
- tan: 'd2b48c',
507
- teal: '008080',
508
- thistle: 'd8bfd8',
509
- tomato: 'ff6347',
510
- turquoise: '40e0d0',
511
- violet: 'ee82ee',
512
- wheat: 'f5deb3',
513
- white: 'fff',
514
- whitesmoke: 'f5f5f5',
515
- yellow: 'ff0',
516
- yellowgreen: '9acd32'
517
- };
518
- /**
519
- * Checks if a string is a CSS named color and returns its equivalent hex value, otherwise returns the original color.
520
- * @private
521
- */
522
-
523
- function nameToHex(color) {
524
- if (typeof color !== 'string') return color;
525
- var normalizedColorName = color.toLowerCase();
526
- return namedColorMap[normalizedColorName] ? "#" + namedColorMap[normalizedColorName] : color;
527
- }
528
-
529
- var hexRegex = /^#[a-fA-F0-9]{6}$/;
530
- var hexRgbaRegex = /^#[a-fA-F0-9]{8}$/;
531
- var reducedHexRegex = /^#[a-fA-F0-9]{3}$/;
532
- var reducedRgbaHexRegex = /^#[a-fA-F0-9]{4}$/;
533
- var rgbRegex = /^rgb\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*\)$/i;
534
- var rgbaRegex = /^rgb(?:a)?\(\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,)?\s*(\d{1,3})\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
535
- var hslRegex = /^hsl\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*\)$/i;
536
- var hslaRegex = /^hsl(?:a)?\(\s*(\d{0,3}[.]?[0-9]+(?:deg)?)\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,)?\s*(\d{1,3}[.]?[0-9]?)%\s*(?:,|\/)\s*([-+]?\d*[.]?\d+[%]?)\s*\)$/i;
537
- /**
538
- * Returns an RgbColor or RgbaColor object. This utility function is only useful
539
- * if want to extract a color component. With the color util `toColorString` you
540
- * can convert a RgbColor or RgbaColor object back to a string.
541
- *
542
- * @example
543
- * // Assigns `{ red: 255, green: 0, blue: 0 }` to color1
544
- * const color1 = parseToRgb('rgb(255, 0, 0)');
545
- * // Assigns `{ red: 92, green: 102, blue: 112, alpha: 0.75 }` to color2
546
- * const color2 = parseToRgb('hsla(210, 10%, 40%, 0.75)');
547
- */
548
-
549
- function parseToRgb(color) {
550
- if (typeof color !== 'string') {
551
- throw new PolishedError(3);
552
- }
553
-
554
- var normalizedColor = nameToHex(color);
555
-
556
- if (normalizedColor.match(hexRegex)) {
557
- return {
558
- red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
559
- green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
560
- blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16)
561
- };
562
- }
563
-
564
- if (normalizedColor.match(hexRgbaRegex)) {
565
- var alpha = parseFloat((parseInt("" + normalizedColor[7] + normalizedColor[8], 16) / 255).toFixed(2));
566
- return {
567
- red: parseInt("" + normalizedColor[1] + normalizedColor[2], 16),
568
- green: parseInt("" + normalizedColor[3] + normalizedColor[4], 16),
569
- blue: parseInt("" + normalizedColor[5] + normalizedColor[6], 16),
570
- alpha: alpha
571
- };
572
- }
573
-
574
- if (normalizedColor.match(reducedHexRegex)) {
575
- return {
576
- red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
577
- green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
578
- blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16)
579
- };
580
- }
581
-
582
- if (normalizedColor.match(reducedRgbaHexRegex)) {
583
- var _alpha = parseFloat((parseInt("" + normalizedColor[4] + normalizedColor[4], 16) / 255).toFixed(2));
584
-
585
- return {
586
- red: parseInt("" + normalizedColor[1] + normalizedColor[1], 16),
587
- green: parseInt("" + normalizedColor[2] + normalizedColor[2], 16),
588
- blue: parseInt("" + normalizedColor[3] + normalizedColor[3], 16),
589
- alpha: _alpha
590
- };
591
- }
592
-
593
- var rgbMatched = rgbRegex.exec(normalizedColor);
594
-
595
- if (rgbMatched) {
596
- return {
597
- red: parseInt("" + rgbMatched[1], 10),
598
- green: parseInt("" + rgbMatched[2], 10),
599
- blue: parseInt("" + rgbMatched[3], 10)
600
- };
601
- }
602
-
603
- var rgbaMatched = rgbaRegex.exec(normalizedColor.substring(0, 50));
604
-
605
- if (rgbaMatched) {
606
- return {
607
- red: parseInt("" + rgbaMatched[1], 10),
608
- green: parseInt("" + rgbaMatched[2], 10),
609
- blue: parseInt("" + rgbaMatched[3], 10),
610
- alpha: parseFloat("" + rgbaMatched[4]) > 1 ? parseFloat("" + rgbaMatched[4]) / 100 : parseFloat("" + rgbaMatched[4])
611
- };
612
- }
613
-
614
- var hslMatched = hslRegex.exec(normalizedColor);
615
-
616
- if (hslMatched) {
617
- var hue = parseInt("" + hslMatched[1], 10);
618
- var saturation = parseInt("" + hslMatched[2], 10) / 100;
619
- var lightness = parseInt("" + hslMatched[3], 10) / 100;
620
- var rgbColorString = "rgb(" + hslToRgb(hue, saturation, lightness) + ")";
621
- var hslRgbMatched = rgbRegex.exec(rgbColorString);
622
-
623
- if (!hslRgbMatched) {
624
- throw new PolishedError(4, normalizedColor, rgbColorString);
625
- }
626
-
627
- return {
628
- red: parseInt("" + hslRgbMatched[1], 10),
629
- green: parseInt("" + hslRgbMatched[2], 10),
630
- blue: parseInt("" + hslRgbMatched[3], 10)
631
- };
632
- }
633
-
634
- var hslaMatched = hslaRegex.exec(normalizedColor.substring(0, 50));
635
-
636
- if (hslaMatched) {
637
- var _hue = parseInt("" + hslaMatched[1], 10);
638
-
639
- var _saturation = parseInt("" + hslaMatched[2], 10) / 100;
640
-
641
- var _lightness = parseInt("" + hslaMatched[3], 10) / 100;
642
-
643
- var _rgbColorString = "rgb(" + hslToRgb(_hue, _saturation, _lightness) + ")";
644
-
645
- var _hslRgbMatched = rgbRegex.exec(_rgbColorString);
646
-
647
- if (!_hslRgbMatched) {
648
- throw new PolishedError(4, normalizedColor, _rgbColorString);
649
- }
650
-
651
- return {
652
- red: parseInt("" + _hslRgbMatched[1], 10),
653
- green: parseInt("" + _hslRgbMatched[2], 10),
654
- blue: parseInt("" + _hslRgbMatched[3], 10),
655
- alpha: parseFloat("" + hslaMatched[4]) > 1 ? parseFloat("" + hslaMatched[4]) / 100 : parseFloat("" + hslaMatched[4])
656
- };
657
- }
658
-
659
- throw new PolishedError(5);
660
- }
661
-
662
- /**
663
- * Reduces hex values if possible e.g. #ff8866 to #f86
664
- * @private
665
- */
666
- var reduceHexValue = function reduceHexValue(value) {
667
- if (value.length === 7 && value[1] === value[2] && value[3] === value[4] && value[5] === value[6]) {
668
- return "#" + value[1] + value[3] + value[5];
669
- }
670
-
671
- return value;
672
- };
673
-
674
- var reduceHexValue$1 = reduceHexValue;
675
-
676
- function numberToHex(value) {
677
- var hex = value.toString(16);
678
- return hex.length === 1 ? "0" + hex : hex;
679
- }
680
-
681
- /**
682
- * Returns a string value for the color. The returned result is the smallest possible hex notation.
683
- *
684
- * @example
685
- * // Styles as object usage
686
- * const styles = {
687
- * background: rgb(255, 205, 100),
688
- * background: rgb({ red: 255, green: 205, blue: 100 }),
689
- * }
690
- *
691
- * // styled-components usage
692
- * const div = styled.div`
693
- * background: ${rgb(255, 205, 100)};
694
- * background: ${rgb({ red: 255, green: 205, blue: 100 })};
695
- * `
696
- *
697
- * // CSS in JS Output
698
- *
699
- * element {
700
- * background: "#ffcd64";
701
- * background: "#ffcd64";
702
- * }
703
- */
704
- function rgb(value, green, blue) {
705
- if (typeof value === 'number' && typeof green === 'number' && typeof blue === 'number') {
706
- return reduceHexValue$1("#" + numberToHex(value) + numberToHex(green) + numberToHex(blue));
707
- } else if (typeof value === 'object' && green === undefined && blue === undefined) {
708
- return reduceHexValue$1("#" + numberToHex(value.red) + numberToHex(value.green) + numberToHex(value.blue));
709
- }
710
-
711
- throw new PolishedError(6);
712
- }
98
+ function toVal(mix) {
99
+ var k, y, str='';
713
100
 
714
- /**
715
- * Returns a string value for the color. The returned result is the smallest possible rgba or hex notation.
716
- *
717
- * Can also be used to fade a color by passing a hex value or named CSS color along with an alpha value.
718
- *
719
- * @example
720
- * // Styles as object usage
721
- * const styles = {
722
- * background: rgba(255, 205, 100, 0.7),
723
- * background: rgba({ red: 255, green: 205, blue: 100, alpha: 0.7 }),
724
- * background: rgba(255, 205, 100, 1),
725
- * background: rgba('#ffffff', 0.4),
726
- * background: rgba('black', 0.7),
727
- * }
728
- *
729
- * // styled-components usage
730
- * const div = styled.div`
731
- * background: ${rgba(255, 205, 100, 0.7)};
732
- * background: ${rgba({ red: 255, green: 205, blue: 100, alpha: 0.7 })};
733
- * background: ${rgba(255, 205, 100, 1)};
734
- * background: ${rgba('#ffffff', 0.4)};
735
- * background: ${rgba('black', 0.7)};
736
- * `
737
- *
738
- * // CSS in JS Output
739
- *
740
- * element {
741
- * background: "rgba(255,205,100,0.7)";
742
- * background: "rgba(255,205,100,0.7)";
743
- * background: "#ffcd64";
744
- * background: "rgba(255,255,255,0.4)";
745
- * background: "rgba(0,0,0,0.7)";
746
- * }
747
- */
748
- function rgba(firstValue, secondValue, thirdValue, fourthValue) {
749
- if (typeof firstValue === 'string' && typeof secondValue === 'number') {
750
- var rgbValue = parseToRgb(firstValue);
751
- return "rgba(" + rgbValue.red + "," + rgbValue.green + "," + rgbValue.blue + "," + secondValue + ")";
752
- } else if (typeof firstValue === 'number' && typeof secondValue === 'number' && typeof thirdValue === 'number' && typeof fourthValue === 'number') {
753
- return fourthValue >= 1 ? rgb(firstValue, secondValue, thirdValue) : "rgba(" + firstValue + "," + secondValue + "," + thirdValue + "," + fourthValue + ")";
754
- } else if (typeof firstValue === 'object' && secondValue === undefined && thirdValue === undefined && fourthValue === undefined) {
755
- return firstValue.alpha >= 1 ? rgb(firstValue.red, firstValue.green, firstValue.blue) : "rgba(" + firstValue.red + "," + firstValue.green + "," + firstValue.blue + "," + firstValue.alpha + ")";
756
- }
101
+ if (typeof mix === 'string' || typeof mix === 'number') {
102
+ str += mix;
103
+ } else if (typeof mix === 'object') {
104
+ if (Array.isArray(mix)) {
105
+ for (k=0; k < mix.length; k++) {
106
+ if (mix[k]) {
107
+ if (y = toVal(mix[k])) {
108
+ str && (str += ' ');
109
+ str += y;
110
+ }
111
+ }
112
+ }
113
+ } else {
114
+ for (k in mix) {
115
+ if (mix[k]) {
116
+ str && (str += ' ');
117
+ str += k;
118
+ }
119
+ }
120
+ }
121
+ }
757
122
 
758
- throw new PolishedError(7);
123
+ return str;
759
124
  }
760
125
 
761
- // Type definitions taken from https://github.com/gcanti/flow-static-land/blob/master/src/Fun.js
762
- // eslint-disable-next-line no-unused-vars
763
- // eslint-disable-next-line no-unused-vars
764
- // eslint-disable-next-line no-redeclare
765
- function curried(f, length, acc) {
766
- return function fn() {
767
- // eslint-disable-next-line prefer-rest-params
768
- var combined = acc.concat(Array.prototype.slice.call(arguments));
769
- return combined.length >= length ? f.apply(this, combined) : curried(f, length, combined);
770
- };
771
- } // eslint-disable-next-line no-redeclare
772
-
773
-
774
- function curry(f) {
775
- // eslint-disable-line no-redeclare
776
- return curried(f, f.length, []);
126
+ function clsx () {
127
+ var i=0, tmp, x, str='';
128
+ while (i < arguments.length) {
129
+ if (tmp = arguments[i++]) {
130
+ if (x = toVal(tmp)) {
131
+ str && (str += ' ');
132
+ str += x;
133
+ }
134
+ }
135
+ }
136
+ return str;
777
137
  }
778
138
 
779
- /**
780
- * Mixes the two provided colors together by calculating the average of each of the RGB components weighted to the first color by the provided weight.
781
- *
782
- * @example
783
- * // Styles as object usage
784
- * const styles = {
785
- * background: mix(0.5, '#f00', '#00f')
786
- * background: mix(0.25, '#f00', '#00f')
787
- * background: mix('0.5', 'rgba(255, 0, 0, 0.5)', '#00f')
788
- * }
789
- *
790
- * // styled-components usage
791
- * const div = styled.div`
792
- * background: ${mix(0.5, '#f00', '#00f')};
793
- * background: ${mix(0.25, '#f00', '#00f')};
794
- * background: ${mix('0.5', 'rgba(255, 0, 0, 0.5)', '#00f')};
795
- * `
796
- *
797
- * // CSS in JS Output
798
- *
799
- * element {
800
- * background: "#7f007f";
801
- * background: "#3f00bf";
802
- * background: "rgba(63, 0, 191, 0.75)";
803
- * }
804
- */
805
-
806
- function mix(weight, color, otherColor) {
807
- if (color === 'transparent') return otherColor;
808
- if (otherColor === 'transparent') return color;
809
- if (weight === 0) return otherColor;
810
- var parsedColor1 = parseToRgb(color);
811
-
812
- var color1 = _extends({}, parsedColor1, {
813
- alpha: typeof parsedColor1.alpha === 'number' ? parsedColor1.alpha : 1
814
- });
815
-
816
- var parsedColor2 = parseToRgb(otherColor);
817
-
818
- var color2 = _extends({}, parsedColor2, {
819
- alpha: typeof parsedColor2.alpha === 'number' ? parsedColor2.alpha : 1
820
- }); // The formula is copied from the original Sass implementation:
821
- // http://sass-lang.com/documentation/Sass/Script/Functions.html#mix-instance_method
822
-
823
-
824
- var alphaDelta = color1.alpha - color2.alpha;
825
- var x = parseFloat(weight) * 2 - 1;
826
- var y = x * alphaDelta === -1 ? x : x + alphaDelta;
827
- var z = 1 + x * alphaDelta;
828
- var weight1 = (y / z + 1) / 2.0;
829
- var weight2 = 1 - weight1;
830
- var mixedColor = {
831
- red: Math.floor(color1.red * weight1 + color2.red * weight2),
832
- green: Math.floor(color1.green * weight1 + color2.green * weight2),
833
- blue: Math.floor(color1.blue * weight1 + color2.blue * weight2),
834
- alpha: color1.alpha * parseFloat(weight) + color2.alpha * (1 - parseFloat(weight))
835
- };
836
- return rgba(mixedColor);
837
- } // prettier-ignore
838
-
839
-
840
- var curriedMix = /*#__PURE__*/curry
841
- /* ::<number | string, string, string, string> */
842
- (mix);
843
- var mix$1 = curriedMix;
844
-
845
- /**
846
- * Shades a color by mixing it with black. `shade` can produce
847
- * hue shifts, where as `darken` manipulates the luminance channel and therefore
848
- * doesn't produce hue shifts.
849
- *
850
- * @example
851
- * // Styles as object usage
852
- * const styles = {
853
- * background: shade(0.25, '#00f')
854
- * }
855
- *
856
- * // styled-components usage
857
- * const div = styled.div`
858
- * background: ${shade(0.25, '#00f')};
859
- * `
860
- *
861
- * // CSS in JS Output
862
- *
863
- * element {
864
- * background: "#00003f";
865
- * }
866
- */
867
-
868
- function shade(percentage, color) {
869
- if (color === 'transparent') return color;
870
- return mix$1(parseFloat(percentage), 'rgb(0, 0, 0)', color);
871
- } // prettier-ignore
872
-
873
-
874
- var curriedShade = /*#__PURE__*/curry
875
- /* ::<number | string, string, string> */
876
- (shade);
877
- var curriedShade$1 = curriedShade;
878
-
879
- const SPACING = 4;
880
- const BLACK = 'rgba(0,0,0,.87)';
881
- const WHITE = '#fff';
882
- const darkenPalette = (amount, palette, colorsToDarken) => Object
883
- .entries(palette)
884
- .reduce((acc, [key, val]) => (Object.assign(Object.assign({}, acc), { [key]: colorsToDarken.includes(key)
885
- ? curriedShade$1(amount, val)
886
- : val })), palette);
887
- const createButtonPalette = (_a) => {
888
- var { colorsToDarken } = _a, palette = __rest(_a, ["colorsToDarken"]);
889
- return ({
890
- idle: palette,
891
- hover: darkenPalette(.1, palette, colorsToDarken),
892
- active: darkenPalette(.2, palette, colorsToDarken),
893
- });
894
- };
895
- const createPanePalette = (palette) => ({
896
- main: {
897
- idle: palette,
898
- hover: darkenPalette(.05, palette, ['background'])
899
- },
900
- alternate: {
901
- idle: darkenPalette(.02, palette, ['background']),
902
- hover: darkenPalette(.05, palette, ['background']),
903
- }
904
- });
905
- const theme = {
906
- spacing: (...args) => args.map(arg => `${arg * SPACING}px`).join(' '),
907
- palette: {
908
- common: {
909
- black: BLACK,
910
- white: WHITE,
911
- },
912
- colors: {
913
- blue: '#007bff',
914
- indigo: '#6610f2',
915
- purple: '#6f42c1',
916
- pink: '#e83e8c',
917
- red: '#e83e3e',
918
- orange: '#fd7e14',
919
- yellow: '#ffc107',
920
- green: '#23B294',
921
- teal: '#20c997',
922
- cyan: '#17a2b8',
923
- gray: '#6c757d',
924
- grayDark: '#343a40',
925
- light: '#f8f9fa',
926
- dark: '#343a40',
927
- },
928
- form: {
929
- hint: '#C7C7C7',
930
- error: '#9f3a38',
931
- },
932
- button: {
933
- basic: createButtonPalette({
934
- colorsToDarken: ['background', 'text'],
935
- background: WHITE,
936
- text: BLACK,
937
- }),
938
- default: createButtonPalette({
939
- colorsToDarken: ['background', 'text'],
940
- background: '#e0e1e2',
941
- text: BLACK,
942
- }),
943
- text: {
944
- idle: {
945
- text: '#999c9e',
946
- background: 'transparent'
947
- },
948
- active: {
949
- text: BLACK,
950
- background: 'transparent'
951
- },
952
- hover: {
953
- text: BLACK,
954
- background: 'transparent'
955
- }
956
- },
957
- danger: createButtonPalette({
958
- colorsToDarken: ['background'],
959
- background: '#EC5969',
960
- text: WHITE,
961
- }),
962
- primary: createButtonPalette({
963
- colorsToDarken: ['background'],
964
- background: '#2284C4',
965
- text: WHITE,
966
- }),
967
- secondary: createButtonPalette({
968
- colorsToDarken: ['background'],
969
- background: '#23B294',
970
- text: WHITE
971
- }),
972
- },
973
- pane: {
974
- basic: createPanePalette({
975
- text: BLACK,
976
- background: WHITE,
977
- border: '#ddd'
978
- }),
979
- emphasized: createPanePalette({
980
- text: BLACK,
981
- background: '#f3f3f3',
982
- border: '#ddd'
983
- }),
984
- info: createPanePalette({
985
- text: '#0c5460',
986
- background: '#d1ecf1',
987
- border: '#bee5eb'
988
- }),
989
- negative: createPanePalette({
990
- text: '#721c24',
991
- background: '#f8d7da',
992
- border: '#f5c6cb'
993
- }),
994
- positive: createPanePalette({
995
- text: '#155724',
996
- background: '#d4edda',
997
- border: '#c3e6cb',
998
- }),
999
- warning: createPanePalette({
1000
- text: '#856404',
1001
- background: '#fff3cd',
1002
- border: '#ffeeba'
1003
- })
1004
- }
1005
- }
1006
- };
1007
-
1008
- // Fix for styled-components with react-18.
1009
- // Can be removed once this issue is resolved.
1010
- // https://github.com/DefinitelyTyped/DefinitelyTyped/issues/59765#issuecomment-1092938253
1011
- const ThemeProviderFixed = styledComponents.ThemeProvider;
1012
- const UiProvider = ({ children, theme: themeOverride }) => (React.createElement(ThemeProviderFixed, { theme: themeOverride || theme }, children));
1013
-
1014
- const noop$1 = () => { };
1015
- const UiState = React.createContext({
1016
- isSideMenuOpen: false,
1017
- closeSideMenu: noop$1,
1018
- openSideMenu: noop$1,
1019
- });
1020
- const useUiStateContext = () => React.useContext(UiState);
1021
- const UiStateProvider = ({ children }) => {
1022
- const [isSideMenuOpen, setIsSideMenuOpen] = React.useState(false);
1023
- const handleCloseSideMenu = React.useCallback(() => setIsSideMenuOpen(false), []);
1024
- const handleOpenSideMenu = React.useCallback(() => setIsSideMenuOpen(true), []);
1025
- return (React.createElement(UiState.Provider, { value: {
1026
- isSideMenuOpen,
1027
- closeSideMenu: handleCloseSideMenu,
1028
- openSideMenu: handleOpenSideMenu,
1029
- } }, children));
139
+ const SlideInFromTop = (_a) => {
140
+ var { className, speed } = _a, rest = __rest(_a, ["className", "speed"]);
141
+ return (React.createElement("div", Object.assign({ className: clsx(classes$G.slideInFromTop, className),
142
+ // @ts-ignore
143
+ style: speed ? { "--speed": speed } : undefined }, rest)));
1030
144
  };
1031
145
 
1032
- const Wrapper$6 = styledComponents.styled.div `
1033
- display: flex;
1034
- flex-direction: column;
1035
- height: 100%;
1036
- font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
1037
- color: ${props => props.theme.palette.common.black};
1038
- font-size: 14px;
1039
- `;
1040
- const UiWrapper = ({ theme, children }) => (React.createElement(UiProvider, { theme: theme },
1041
- React.createElement(UiStateProvider, null,
1042
- React.createElement(Wrapper$6, null, children))));
1043
-
1044
- function memoize(fn) {
1045
- var cache = Object.create(null);
1046
- return function (arg) {
1047
- if (cache[arg] === undefined) cache[arg] = fn(arg);
1048
- return cache[arg];
1049
- };
1050
- }
1051
-
1052
- var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/; // https://esbench.com/bench/5bfee68a4cd7e6009ef61d23
1053
-
1054
- var isPropValid = /* #__PURE__ */memoize(function (prop) {
1055
- return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111
1056
- /* o */
1057
- && prop.charCodeAt(1) === 110
1058
- /* n */
1059
- && prop.charCodeAt(2) < 91;
1060
- }
1061
- /* Z+1 */
1062
- );
1063
-
1064
- const slideInFromTop = styledComponents.keyframes `
1065
- 0% {
1066
- opacity: 0;
1067
- transform: translateY(-5px);
1068
- }
1069
- 100% {
1070
- opacity: 1;
1071
- transform: translateY(0);
1072
- }
1073
- `;
1074
- const SlideInFromTop = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
1075
- animation: ${slideInFromTop} ${props => props.speed || '.3s'} ease-in 0s 1;
1076
- `;
146
+ var css_248z$F = ".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)}";
147
+ var classes$F = {"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"};
148
+ styleInject(css_248z$F);
1077
149
 
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);
150
+ var css_248z$E = ".Header-module_header__97lwI{font-weight:700;line-height:1.28571429em;margin:0;padding:0}h1.Header-module_header__97lwI{font-size:2rem;min-height:1rem}h2.Header-module_header__97lwI{font-size:1.71428571rem}h3.Header-module_header__97lwI{font-size:1.28571429rem}h4.Header-module_header__97lwI{font-size:1.07142857rem}h5.Header-module_header__97lwI{font-size:1rem}";
151
+ var classes$E = {"header":"Header-module_header__97lwI"};
152
+ styleInject(css_248z$E);
1081
153
 
1082
- const sharedStyles$1 = styledComponents.css `
1083
- margin: 0 0;
1084
- padding: 0 0;
1085
- font-weight: 700;
1086
- line-height: 1.28571429em;
1087
- `;
1088
- const H1 = styledComponents.styled.h1.withConfig({ shouldForwardProp: isPropValid }) `
1089
- font-size: 2rem;
1090
- min-height: 1rem;
1091
- ${sharedStyles$1}
1092
- `;
1093
- const H2 = styledComponents.styled.h2.withConfig({ shouldForwardProp: isPropValid }) `
1094
- font-size: 1.71428571rem;
1095
- ${sharedStyles$1}
1096
- `;
1097
- const H3 = styledComponents.styled.h3.withConfig({ shouldForwardProp: isPropValid }) `
1098
- font-size: 1.28571429rem;
1099
- ${sharedStyles$1}
1100
- `;
1101
- const H4 = styledComponents.styled.h4.withConfig({ shouldForwardProp: isPropValid }) `
1102
- font-size: 1.07142857rem;
1103
- ${sharedStyles$1}
1104
- `;
1105
- const H5 = styledComponents.styled.h5.withConfig({ shouldForwardProp: isPropValid }) `
1106
- font-size: 1rem;
1107
- ${sharedStyles$1}
1108
- `;
1109
154
  const mapping = {
1110
- 1: H1,
1111
- 2: H2,
1112
- 3: H3,
1113
- 4: H4,
1114
- 5: H5,
155
+ 1: "h1",
156
+ 2: "h2",
157
+ 3: "h3",
158
+ 4: "h4",
159
+ 5: "h5",
1115
160
  };
1116
161
  const Header = (_a) => {
1117
- var { level = 1 } = _a, restProps = __rest(_a, ["level"]);
162
+ var { level = 1, className } = _a, restProps = __rest(_a, ["level", "className"]);
1118
163
  const Component = mapping[level];
164
+ return (
1119
165
  // @ts-ignore
1120
- return React.createElement(Component, Object.assign({}, restProps));
166
+ React.createElement(Component, Object.assign({ className: clsx(className, classes$E.header) }, restProps)));
1121
167
  };
1122
168
 
1123
- const Paragraph = styledComponents.styled.p `
1124
- font-size: 14px;
1125
- line-height: 20px;
1126
- // margin: 0 0 1em;
1127
- margin: 0;
1128
- `;
169
+ var css_248z$D = ".Paragraph-module_paragraph__-EZeT{font-size:14px;line-height:20px;margin:0}";
170
+ var classes$D = {"paragraph":"Paragraph-module_paragraph__-EZeT"};
171
+ styleInject(css_248z$D);
1129
172
 
1130
- const breakPoints = [
1131
- "mobile",
1132
- "tablet",
1133
- "laptop",
1134
- "desktop",
1135
- ];
1136
- const BreakPointValues = {
1137
- mobile: 0,
1138
- tablet: 768,
1139
- laptop: 1024,
1140
- desktop: 1430,
1141
- };
1142
- /**
1143
- * Wraps given cssRules in the corresponding media-query:
1144
- */
1145
- const mq = (bk, cssRules) => styledComponents.css `
1146
- @media screen and (min-width: ${BreakPointValues[bk]}px) {
1147
- ${cssRules}
1148
- }
1149
- `;
1150
- const isResponsiveObject = (obj) => {
1151
- if (typeof obj !== "object") {
1152
- return false;
1153
- }
1154
- const keys = Object.keys(obj);
1155
- for (const breakPoint of breakPoints) {
1156
- if (keys.includes(breakPoint)) {
1157
- return true;
1158
- }
1159
- }
1160
- return false;
1161
- };
1162
- /**
1163
- * Wraps 'responsive-props' in media-queries if necessary.
1164
- */
1165
- const responsiveProps = (props, map) => {
1166
- const nonResponsiveRules = Object
1167
- .entries(map)
1168
- .filter(([key]) => props[key] !== undefined && !isResponsiveObject(props[key]))
1169
- .map(([key, fun]) => fun(props[key]));
1170
- const mediaQueries = breakPoints
1171
- .map(bp => {
1172
- // See if we can make css-rules for this breakpoint:
1173
- const responsiveCssRules = Object
1174
- .entries(map)
1175
- .filter(([key]) => { var _a; return ((_a = props === null || props === void 0 ? void 0 : props[key]) === null || _a === void 0 ? void 0 : _a[bp]) !== undefined; })
1176
- .map(([key, fun]) => fun(props[key][bp]));
1177
- return (responsiveCssRules.length > 0)
1178
- ? mq(bp, responsiveCssRules) // Wrap css-rules in a mediaQuery
1179
- : undefined; // Undefined -> filter out later
1180
- })
1181
- .filter(_ => _ !== undefined);
1182
- return [
1183
- mediaQueries, ...nonResponsiveRules
1184
- ];
173
+ const Paragraph = (_a) => {
174
+ var { className } = _a, props = __rest(_a, ["className"]);
175
+ return (React.createElement("p", Object.assign({ className: clsx(classes$D.paragraph, className) }, props)));
1185
176
  };
1186
177
 
1187
178
  const responsiveClassnames = [
@@ -1310,6 +301,7 @@ const responsiveClassnames = [
1310
301
  "justifyContent:center",
1311
302
  "justifyContent:flex-start",
1312
303
  "justifyContent:flex-end",
304
+ "columns:var",
1313
305
  "tablet:p:var",
1314
306
  "tablet:p:-1",
1315
307
  "tablet:p:0",
@@ -1435,6 +427,7 @@ const responsiveClassnames = [
1435
427
  "tablet:justifyContent:center",
1436
428
  "tablet:justifyContent:flex-start",
1437
429
  "tablet:justifyContent:flex-end",
430
+ "tablet:columns:var",
1438
431
  "laptop:p:var",
1439
432
  "laptop:p:-1",
1440
433
  "laptop:p:0",
@@ -1560,6 +553,7 @@ const responsiveClassnames = [
1560
553
  "laptop:justifyContent:center",
1561
554
  "laptop:justifyContent:flex-start",
1562
555
  "laptop:justifyContent:flex-end",
556
+ "laptop:columns:var",
1563
557
  "desktop:p:var",
1564
558
  "desktop:p:-1",
1565
559
  "desktop:p:0",
@@ -1685,9 +679,22 @@ const responsiveClassnames = [
1685
679
  "desktop:justifyContent:center",
1686
680
  "desktop:justifyContent:flex-start",
1687
681
  "desktop:justifyContent:flex-end",
682
+ "desktop:columns:var",
1688
683
  ];
1689
684
 
1690
685
  const isKnownClassName = (className) => responsiveClassnames.includes(className);
686
+ const breakPoints = [
687
+ "mobile",
688
+ "tablet",
689
+ "laptop",
690
+ "desktop",
691
+ ];
692
+ const BreakPointValues = {
693
+ mobile: 0,
694
+ tablet: 768,
695
+ laptop: 1024,
696
+ desktop: 1430,
697
+ };
1691
698
  const getResponsiveProps = (props) => {
1692
699
  const entries = Object.entries(props).filter(([, value]) => value !== null && value !== undefined);
1693
700
  const variables = entries
@@ -1729,7 +736,7 @@ const responsivePropToCssVariable = (name, prop) => {
1729
736
  const variableName = [stripMobile(breakpoint), name]
1730
737
  .filter(Boolean)
1731
738
  .join("_");
1732
- const variableValue = typeof value === "number" ? `calc(var(--spacing) * ${value})` : value;
739
+ const variableValue = typeof value !== "number" ? value : `calc(var(--spacing) * ${value})`;
1733
740
  return [`--${variableName}`, variableValue];
1734
741
  })
1735
742
  .filter(Boolean);
@@ -1738,51 +745,22 @@ const stripMobile = (breakpoint) => breakpoint === "mobile" ? undefined : breakp
1738
745
  const buildClassName = (breakpoint, name, value) => [stripMobile(breakpoint), name, value]
1739
746
  .filter((val) => val !== undefined && val !== null)
1740
747
  .join(":");
748
+ const isResponsiveObject = (obj) => {
749
+ if (typeof obj !== "object") {
750
+ return false;
751
+ }
752
+ const keys = Object.keys(obj);
753
+ for (const breakPoint of breakPoints) {
754
+ if (keys.includes(breakPoint)) {
755
+ return true;
756
+ }
757
+ }
758
+ return false;
759
+ };
1741
760
 
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);
1745
-
1746
- function toVal(mix) {
1747
- var k, y, str='';
1748
-
1749
- if (typeof mix === 'string' || typeof mix === 'number') {
1750
- str += mix;
1751
- } else if (typeof mix === 'object') {
1752
- if (Array.isArray(mix)) {
1753
- for (k=0; k < mix.length; k++) {
1754
- if (mix[k]) {
1755
- if (y = toVal(mix[k])) {
1756
- str && (str += ' ');
1757
- str += y;
1758
- }
1759
- }
1760
- }
1761
- } else {
1762
- for (k in mix) {
1763
- if (mix[k]) {
1764
- str && (str += ' ');
1765
- str += k;
1766
- }
1767
- }
1768
- }
1769
- }
1770
-
1771
- return str;
1772
- }
1773
-
1774
- function clsx () {
1775
- var i=0, tmp, x, str='';
1776
- while (i < arguments.length) {
1777
- if (tmp = arguments[i++]) {
1778
- if (x = toVal(tmp)) {
1779
- str && (str += ' ');
1780
- str += x;
1781
- }
1782
- }
1783
- }
1784
- return str;
1785
- }
761
+ var css_248z$C = ".Box-module_box__Wgbf3{box-sizing:border-box}";
762
+ var classes$C = {"box":"Box-module_box__Wgbf3"};
763
+ styleInject(css_248z$C);
1786
764
 
1787
765
  const Box = (_a) => {
1788
766
  var {
@@ -1812,61 +790,53 @@ const Box = (_a) => {
1812
790
  textAlign,
1813
791
  justifyContent,
1814
792
  });
1815
- return (React.createElement("div", Object.assign({ className: clsx(classes$p.box, className, classNames), style: variables }, rest), children));
793
+ return (React.createElement("div", Object.assign({ className: clsx(classes$C.box, className, classNames), style: variables }, rest), children));
1816
794
  };
1817
795
 
1818
- const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$q.wrapper, classes$q[`variant-${variant}`]) },
796
+ const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$F.wrapper, classes$F[`variant-${variant}`]) },
1819
797
  React.createElement(Box, { p: 3 },
1820
798
  title && (React.createElement(Box, { pb: children ? 1 : 0 },
1821
799
  React.createElement(Header, { level: 4 }, title))),
1822
800
  children && React.createElement(Paragraph, null, children))));
1823
801
 
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);
802
+ var css_248z$B = ".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}}";
803
+ var classes$B = {"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"};
804
+ styleInject(css_248z$B);
1827
805
 
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" }))));
806
+ const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$B.svg, viewBox: "0 0 154 154" },
807
+ React.createElement("g", { className: classes$B.mask },
808
+ React.createElement("circle", { className: classes$B.circle, cx: "77", cy: "77", r: "72" }),
809
+ React.createElement("circle", { className: classes$B.circleColored, cx: "77", cy: "77", r: "72" }),
810
+ React.createElement("polyline", { className: classes$B.polyline, points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
1833
811
 
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);
812
+ var css_248z$A = ".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}";
813
+ var classes$A = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
814
+ styleInject(css_248z$A);
1837
815
 
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));
816
+ const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$A.breadcrumbs, props.className) }, props));
817
+ const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$A.crumb, props.className) }, props));
1840
818
 
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);
819
+ var css_248z$z = ".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)}";
820
+ var classes$z = {"panel":"CollapsiblePanel-module_panel__DrLNG","isClosed":"CollapsiblePanel-module_isClosed__2qVew","titleActionWrapper":"CollapsiblePanel-module_titleActionWrapper__SBw5b"};
821
+ styleInject(css_248z$z);
1844
822
 
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);
823
+ var css_248z$y = ".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}";
824
+ var classes$y = {"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"};
825
+ styleInject(css_248z$y);
1848
826
 
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) },
827
+ const Panel = ({ children, className, title, titleAction, titleMeta, onClickTitle, footer, p = 3, titleLevel = 5, }) => (React.createElement("div", { className: clsx(className, classes$y.wrapper) },
828
+ title && (React.createElement(Box, { p: 3, display: "flex", alignItems: "center", onClick: onClickTitle, className: clsx(classes$y.title, !!children && classes$y.hasChildren, !!onClickTitle && classes$y.hasOnClick) },
1851
829
  React.createElement(Box, { flexGrow: 1 },
1852
830
  React.createElement(Header, { level: titleLevel }, title)),
1853
- titleMeta && React.createElement(Box, { className: classes$l.meta }, titleMeta),
831
+ titleMeta && React.createElement(Box, { className: classes$y.meta }, titleMeta),
1854
832
  titleAction && React.createElement(Box, { pl: 5 }, titleAction))),
1855
833
  children && React.createElement(Box, { p: p }, children),
1856
- footer && (React.createElement(Box, { p: 3, className: classes$l.footer }, footer))));
834
+ footer && (React.createElement(Box, { p: 3, className: classes$y.footer }, footer))));
835
+
836
+ var css_248z$x = ".SlideOpen-module_wrapper__ur3Rv{overflow:hidden}.SlideOpen-module_hidden__iibf8{display:none}.SlideOpen-module_shown__nGWNX{display:block}.SlideOpen-module_animation__YSEpu{transform:translateY(-101%);transition-duration:var(--duration,.25s);transition-property:transform}.SlideOpen-module_animation__YSEpu.SlideOpen-module_isOpen__O67Yi{transform:translate(0)}";
837
+ var classes$x = {"wrapper":"SlideOpen-module_wrapper__ur3Rv","hidden":"SlideOpen-module_hidden__iibf8","shown":"SlideOpen-module_shown__nGWNX","animation":"SlideOpen-module_animation__YSEpu","isOpen":"SlideOpen-module_isOpen__O67Yi"};
838
+ styleInject(css_248z$x);
1857
839
 
1858
- const Animation = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
1859
- transform: ${props => props.isOpen ? `translate(0)` : `translateY(-101%)`};
1860
- transition-duration: ${props => props.duration || 0.25}s;
1861
- transition-property: transform;
1862
- }
1863
- `;
1864
- const Wrapper$5 = styledComponents.styled.div `
1865
- overflow: hidden;
1866
- `;
1867
- const Hider = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
1868
- display: ${props => props.isHidden ? 'none' : 'block'};
1869
- `;
1870
840
  // Returns the boolean value in the next tick.
1871
841
  // Allows for transition to start when DOM is updated, it prevents a flickers.
1872
842
  const useOnNextTick = (val) => {
@@ -1877,7 +847,7 @@ const useOnNextTick = (val) => {
1877
847
  }, [val, setDelayedVal]);
1878
848
  return delayedVal;
1879
849
  };
1880
- const SlideOpen = ({ isOpen, children, duration, onChange }) => {
850
+ const SlideOpen = ({ isOpen, children, duration, onChange, }) => {
1881
851
  const isDelayedOpen = useOnNextTick(isOpen);
1882
852
  const [isHidden, setIsHidden] = React.useState(!isOpen);
1883
853
  const handleTransitionEnd = React.useCallback(() => {
@@ -1892,16 +862,18 @@ const SlideOpen = ({ isOpen, children, duration, onChange }) => {
1892
862
  onChange === null || onChange === void 0 ? void 0 : onChange(true);
1893
863
  }
1894
864
  }, [isOpen, onChange]);
1895
- return (React.createElement(Wrapper$5, null,
1896
- React.createElement(Animation, { isOpen: isDelayedOpen, onTransitionEndCapture: handleTransitionEnd, duration: duration },
1897
- React.createElement(Hider, { isHidden: isHidden }, children))));
865
+ return (React.createElement("div", { className: classes$x.wrapper },
866
+ React.createElement("div", { className: clsx(classes$x.animation, isDelayedOpen && classes$x.isOpen),
867
+ // @ts-ignore
868
+ style: duration ? { "--duration": `${duration}s` } : undefined, onTransitionEndCapture: handleTransitionEnd },
869
+ React.createElement("div", { className: isHidden ? classes$x.hidden : classes$x.shown }, children))));
1898
870
  };
1899
871
 
1900
872
  const CollapsiblePanel = (_a) => {
1901
873
  var { isInitiallyOpen, children, titleAction } = _a, rest = __rest(_a, ["isInitiallyOpen", "children", "titleAction"]);
1902
874
  const [isOpen, setIsOpen] = React.useState(isInitiallyOpen);
1903
875
  const toggleOpen = React.useCallback(() => setIsOpen(!isOpen), [setIsOpen, isOpen]);
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) }),
876
+ return (React.createElement(Panel, Object.assign({ className: clsx(classes$z.panel, !isOpen && classes$z.isClosed) }, rest, { onClickTitle: toggleOpen, p: 0, titleAction: React.createElement("div", { className: clsx(classes$z.titleActionWrapper, !isOpen && classes$z.isClosed) }, titleAction) }),
1905
877
  React.createElement(SlideOpen, { isOpen: isOpen },
1906
878
  React.createElement(Box, { p: 3 }, children))));
1907
879
  };
@@ -1924,138 +896,37 @@ const useConfirmModal = ({ onConfirm }) => {
1924
896
  ];
1925
897
  };
1926
898
 
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);
899
+ var css_248z$w = ".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}}";
900
+ var classes$w = {"overlay":"Overlay-module_overlay__EkbfA","delay":"Overlay-module_delay__za2Du"};
901
+ styleInject(css_248z$w);
1930
902
 
1931
903
  const Overlay = (_a) => {
1932
904
  var { className } = _a, rest = __rest(_a, ["className"]);
1933
- return (React.createElement("div", Object.assign({ className: clsx(className, classes$k.overlay) }, rest)));
905
+ return (React.createElement("div", Object.assign({ className: clsx(className, classes$w.overlay) }, rest)));
1934
906
  };
1935
907
 
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);
908
+ var css_248z$v = ".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}";
909
+ var classes$v = {"wrapper":"Modal-module_wrapper__34Hds","content":"Modal-module_content__dWO-B","panel":"Modal-module_panel__lp9I7"};
910
+ styleInject(css_248z$v);
1939
911
 
1940
912
  const Modal = (_a) => {
1941
913
  var { children, handleClickOverlay, buttons } = _a, panelProps = __rest(_a, ["children", "handleClickOverlay", "buttons"]);
1942
914
  return (React.createElement(React.Fragment, null,
1943
915
  React.createElement(Overlay, { onClick: handleClickOverlay }),
1944
- React.createElement("div", { className: classes$j.wrapper },
916
+ React.createElement("div", { className: classes$v.wrapper },
1945
917
  React.createElement(SlideInFromTop, null,
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))))));
918
+ React.createElement(Panel, Object.assign({ className: classes$v.panel, footer: buttons ? (React.createElement(Box, { display: "flex", justifyContent: "flex-end" }, buttons)) : undefined }, panelProps), children && React.createElement("div", { className: classes$v.content }, children))))));
1947
919
  };
1948
920
 
1949
- const Wrapper$4 = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
1950
- ${props => props.stretch && `width: 100%;`}
1951
- ${props => props.actionButton || props.stretch
1952
- ? styledComponents.css `margin: 0;`
1953
- : styledComponents.css `margin: ${props => props.theme.spacing(0, 2, 0, 0)};`}
1954
- `;
1955
- const StyledButton$1 = styledComponents.styled.button.withConfig({ shouldForwardProp: isPropValid }) `
1956
- font-size: 14px;
1957
- font-weight: bold;
1958
- letter-spacing: 1px;
1959
- line-height: 1em;
1960
- outline: 0;
1961
- border: none;
1962
- border-radius: 4px;
1963
- cursor: pointer;
1964
- text-decoration: none;
1965
- font-family: "Open Sans", Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
1966
- transition: background-color .1s ease, color .1s ease;
1967
- display: flex;
1968
- flex-direction: row;
1969
- align-items: center;
1970
- user-select: none;
1971
- min-height: ${props => props.inline ? 'auto' : '38px'};
1972
-
1973
- ${props => props.stretch && styledComponents.css `
1974
- width: 100%;
1975
- display: block;
1976
- `}
1977
-
1978
- ${props => props.actionButton && styledComponents.css `
1979
- width: 100%;
1980
- ${mq('laptop', `width: auto`)}
1981
- `}
1982
-
1983
-
1984
- ${props => props.variant !== 'text'
1985
- ? !props.icon
1986
- ? styledComponents.css `padding: ${props.theme.spacing(3, 5)}; min-width: ${props => props.theme.spacing(10)};`
1987
- : props.hasChildren && styledComponents.css `position: relative; padding: ${props.theme.spacing(3, 5, 3, 13)};`
1988
- : styledComponents.css `font-weight: 700; padding: 0;`}
1989
-
1990
- &:disabled {
1991
- opacity: .5;
1992
- cursor: default;
1993
- }
1994
-
1995
- &:focus {
1996
- background-blend-mode: darken;
1997
- }
1998
-
1999
- ${(props) => {
2000
- if (props.variant === "basic") {
2001
- return `
2002
- border: 1px solid rgba(34,36,38,.15);
2003
- `;
2004
- }
2005
- }}
2006
-
2007
- ${(props) => {
2008
- var _a;
2009
- const { idle, hover, active } = theme.palette.button[(_a = props.variant) !== null && _a !== void 0 ? _a : 'default'];
2010
- return `
2011
- color: ${idle.text};
2012
- background-color: ${idle.background};
2013
-
2014
- &:not(:disabled) {
2015
- &:hover, &:focus {
2016
- color: ${hover.text};
2017
- background-color: ${hover.background};
2018
- }
2019
-
2020
- &:active {
2021
- color: ${active.text};
2022
- background-color: ${active.background};
2023
- }
2024
- }
2025
-
2026
- `;
2027
- }}
2028
- `;
2029
- const IconWrapper = styledComponents.styled.span.withConfig({ shouldForwardProp: isPropValid }) `
2030
- ${props => props.variant !== "text" && styledComponents.css `
2031
- min-width: ${props.theme.spacing(10)};
2032
- `}
2033
-
2034
- ${props => props.variant === "text"
2035
- ? props.hasChildren && styledComponents.css `
2036
- padding-right: ${props.theme.spacing(2)};
2037
- `
2038
- : props.hasChildren && styledComponents.css `
2039
- position: absolute;
2040
- left: 0;
2041
- top: 0;
2042
- width: ${props => props.theme.spacing(10)};
2043
- height: 100%;
2044
- background-color: rgba(0,0,0,.05);
2045
-
2046
- & > svg {
2047
- transform: translate(-50%, -50%);
2048
- position: absolute;
2049
- top: 50%;
2050
- left: 50%;
2051
- }
2052
- `}
2053
- `;
921
+ var css_248z$u = ".Button-module_wrapper__nbaE8{margin:0 var(--spacing-2) 0 0}.Button-module_wrapper__nbaE8.Button-module_stretch__JWfY7{margin:0;width:100%}.Button-module_wrapper__nbaE8.Button-module_actionButton__S1gAt{margin:0}.Button-module_button__PNye2{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;flex-direction:row;font-family:Open Sans,Lato,Helvetica Neue,Arial,Helvetica,sans-serif;font-size:14px;font-weight:700;letter-spacing:1px;line-height:1em;min-height:38px;outline:0;text-decoration:none;transition:background-color .1s ease,color .1s ease;user-select:none}.Button-module_button__PNye2.Button-module_inline__AMjqw{min-height:auto}.Button-module_button__PNye2.Button-module_stretch__JWfY7{display:block;width:100%}.Button-module_button__PNye2.Button-module_actionButton__S1gAt{width:100%}@media(min-width:1024px){.Button-module_button__PNye2.Button-module_actionButton__S1gAt{width:auto}}.Button-module_button__PNye2:disabled{cursor:default;opacity:.5}.Button-module_button__PNye2:focus{background-blend-mode:darken}.Button-module_button__PNye2.Button-module_variant-basic__lKAIX{border:1px solid #22242626}.Button-module_button__PNye2.Button-module_variant-text__Nc1vT{font-weight:700;padding:0}.Button-module_button__PNye2:not(.Button-module_variant-text__Nc1vT):not(.Button-module_icon__OlcRJ){min-width:calc(var(--spacing)*10);padding:var(--spacing-3) var(--spacing-5)}.Button-module_button__PNye2:not(.Button-module_variant-text__Nc1vT).Button-module_icon__OlcRJ.Button-module_hasChildren__rEq-P{padding:var(--spacing-3) var(--spacing-5) var(--spacing-3) calc(var(--spacing)*13);position:relative}.Button-module_button__PNye2.Button-module_variant-default__Sr0CI{background-color:var(--button-default-idle-background);color:var(--button-default-idle-text)}.Button-module_button__PNye2.Button-module_variant-default__Sr0CI:not(:disabled):focus,.Button-module_button__PNye2.Button-module_variant-default__Sr0CI:not(:disabled):hover{background-color:var(--button-default-hover-background);color:var(--button-default-hover-text)}.Button-module_button__PNye2.Button-module_variant-default__Sr0CI:not(:disabled):active{background-color:var(--button-default-active-text);color:var(--button-default-active-text)}.Button-module_button__PNye2.Button-module_variant-primary__RNJDU{background-color:var(--button-primary-idle-background);color:var(--button-primary-idle-text)}.Button-module_button__PNye2.Button-module_variant-primary__RNJDU:not(:disabled):focus,.Button-module_button__PNye2.Button-module_variant-primary__RNJDU:not(:disabled):hover{background-color:var(--button-primary-hover-background);color:var(--button-primary-hover-text)}.Button-module_button__PNye2.Button-module_variant-primary__RNJDU:not(:disabled):active{background-color:var(--button-primary-active-text);color:var(--button-primary-active-text)}.Button-module_button__PNye2.Button-module_variant-secondary__TnXFg{background-color:var(--button-secondary-idle-background);color:var(--button-secondary-idle-text)}.Button-module_button__PNye2.Button-module_variant-secondary__TnXFg:not(:disabled):focus,.Button-module_button__PNye2.Button-module_variant-secondary__TnXFg:not(:disabled):hover{background-color:var(--button-secondary-hover-background);color:var(--button-secondary-hover-text)}.Button-module_button__PNye2.Button-module_variant-secondary__TnXFg:not(:disabled):active{background-color:var(--button-secondary-active-text);color:var(--button-secondary-active-text)}.Button-module_button__PNye2.Button-module_variant-danger__PZS1I{background-color:var(--button-danger-idle-background);color:var(--button-danger-idle-text)}.Button-module_button__PNye2.Button-module_variant-danger__PZS1I:not(:disabled):focus,.Button-module_button__PNye2.Button-module_variant-danger__PZS1I:not(:disabled):hover{background-color:var(--button-danger-hover-background);color:var(--button-danger-hover-text)}.Button-module_button__PNye2.Button-module_variant-danger__PZS1I:not(:disabled):active{background-color:var(--button-danger-active-text);color:var(--button-danger-active-text)}.Button-module_button__PNye2.Button-module_variant-basic__lKAIX{background-color:var(--button-basic-idle-background);color:var(--button-basic-idle-text)}.Button-module_button__PNye2.Button-module_variant-basic__lKAIX:not(:disabled):focus,.Button-module_button__PNye2.Button-module_variant-basic__lKAIX:not(:disabled):hover{background-color:var(--button-basic-hover-background);color:var(--button-basic-hover-text)}.Button-module_button__PNye2.Button-module_variant-basic__lKAIX:not(:disabled):active{background-color:var(--button-basic-active-text);color:var(--button-basic-active-text)}.Button-module_button__PNye2.Button-module_variant-text__Nc1vT{background-color:var(--button-text-idle-background);color:var(--button-text-idle-text)}.Button-module_button__PNye2.Button-module_variant-text__Nc1vT:not(:disabled):focus,.Button-module_button__PNye2.Button-module_variant-text__Nc1vT:not(:disabled):hover{background-color:var(--button-text-hover-background);color:var(--button-text-hover-text)}.Button-module_button__PNye2.Button-module_variant-text__Nc1vT:not(:disabled):active{background-color:var(--button-text-active-text);color:var(--button-text-active-text)}.Button-module_iconWrapper__YwLLt:not(.Button-module_variant-text__Nc1vT){min-width:calc(var(--spacing)*10)}.Button-module_iconWrapper__YwLLt:not(.Button-module_variant-text__Nc1vT).Button-module_hasChildren__rEq-P{background-color:#0000000d;height:100%;left:0;position:absolute;top:0;width:calc(var(--spacing)*10)}.Button-module_iconWrapper__YwLLt:not(.Button-module_variant-text__Nc1vT).Button-module_hasChildren__rEq-P>svg{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.Button-module_iconWrapper__YwLLt.Button-module_variant-text__Nc1vT.Button-module_hasChildren__rEq-P{padding-right:var(--spacing-2)}";
922
+ var classes$u = {"wrapper":"Button-module_wrapper__nbaE8","stretch":"Button-module_stretch__JWfY7","actionButton":"Button-module_actionButton__S1gAt","button":"Button-module_button__PNye2","inline":"Button-module_inline__AMjqw","variant-basic":"Button-module_variant-basic__lKAIX","variant-text":"Button-module_variant-text__Nc1vT","icon":"Button-module_icon__OlcRJ","hasChildren":"Button-module_hasChildren__rEq-P","variant-default":"Button-module_variant-default__Sr0CI","variant-primary":"Button-module_variant-primary__RNJDU","variant-secondary":"Button-module_variant-secondary__TnXFg","variant-danger":"Button-module_variant-danger__PZS1I","iconWrapper":"Button-module_iconWrapper__YwLLt"};
923
+ styleInject(css_248z$u);
924
+
2054
925
  const Button = React.forwardRef((_a, ref) => {
2055
- var { children, icon, stretch } = _a, props = __rest(_a, ["children", "icon", "stretch"]);
2056
- return (React.createElement(Wrapper$4, { actionButton: props.actionButton, stretch: stretch },
2057
- React.createElement(StyledButton$1, Object.assign({ ref: ref, icon: icon, hasChildren: !!children, stretch: stretch }, props),
2058
- icon && (React.createElement(IconWrapper, { variant: props.variant, hasChildren: !!children }, icon)),
926
+ var { children, icon, variant = "default", actionButton, stretch, inline, className } = _a, props = __rest(_a, ["children", "icon", "variant", "actionButton", "stretch", "inline", "className"]);
927
+ return (React.createElement("div", { className: clsx(classes$u.wrapper, actionButton && classes$u.actionButton, stretch && classes$u.stretch) },
928
+ React.createElement("button", Object.assign({ className: clsx(classes$u.button, classes$u[`variant-${variant}`], !!children && classes$u.hasChildren, icon && classes$u.icon, actionButton && classes$u.actionButton, stretch && classes$u.stretch, inline && classes$u.inline, className), ref: ref }, props),
929
+ icon && (React.createElement("span", { className: clsx(classes$u.iconWrapper, classes$u[`variant-${variant}`], !!children && classes$u.hasChildren) }, icon)),
2059
930
  children)));
2060
931
  });
2061
932
 
@@ -2077,142 +948,57 @@ const ConfirmButton = (_a) => {
2077
948
  React.createElement(ConfirmModal, Object.assign({ title: "Are you sure?" }, modalProps, modalHandlerProps)));
2078
949
  };
2079
950
 
2080
- const StyledTable = styledComponents.styled.table.withConfig({ shouldForwardProp: isPropValid }) `
2081
- border-radius: 4px;
2082
- width: 100%;
2083
- border-collapse: separate;
2084
- border-spacing: 0;
2085
-
2086
- ${(props) => responsiveProps(props, {
2087
- "tableLayout": unit => styledComponents.css `table-layout: ${unit};`,
2088
- })}
2089
- `;
2090
- const StyledTableRow = styledComponents.styled.tr.withConfig({ shouldForwardProp: isPropValid }) `
2091
- & > td {
2092
- transition: background-color .1s ease, color .1s ease;
2093
- }
2094
-
2095
- ${props => Object.entries(props.theme.palette.pane).map(([variant, value]) => `
2096
- &:nth-child(odd) > td.${variant} {
2097
- color: ${value.main.idle.text};
2098
- background-color: ${value.main.idle.background};
2099
- }
2100
- &:nth-child(even) > td.${variant} {
2101
- color: ${value.alternate.idle.text};
2102
- background-color: ${value.alternate.idle.background};
2103
- }
2104
-
2105
-
2106
- ${!props.disableHover && `
2107
- &:nth-child(odd):hover > td.${variant} {
2108
- color: ${value.main.hover.text};
2109
- background-color: ${value.main.hover.background};
2110
- }
2111
- &:nth-child(even):hover > td.${variant} {
2112
- color: ${value.alternate.hover.text};
2113
- background-color: ${value.alternate.hover.background};
2114
- }
2115
- `}
2116
- `)}
2117
- `;
2118
- const StyledTableCell = styledComponents.styled.td.withConfig({ shouldForwardProp: isPropValid }) `
2119
- border-top: 1px solid rgba(34,36,38,.1);
2120
- border-right: 1px solid rgba(34,36,38,.1);
2121
- padding: ${props => props.theme.spacing(2, 3)};
2122
-
2123
- &:last-of-type {
2124
- border-right: 0;
2125
- }
2126
-
2127
- ${(props) => responsiveProps(props, {
2128
- width: unit => styledComponents.css `width: ${unit};`,
2129
- })}
2130
- `;
2131
- const StyledTableHeadCell = styledComponents.styled.th.withConfig({ shouldForwardProp: isPropValid }) `
2132
- border-right: 1px solid rgba(34,36,38,.1);
2133
- text-align: left;
2134
- padding: ${props => props.theme.spacing(2, 3)};
2135
- font-weight: 700;
2136
- transition: background-color .1s ease, color .1s ease;
2137
-
2138
- &:last-of-type {
2139
- border-right: 0;
2140
- }
2141
-
2142
- ${props => !!props.variant && styledComponents.css `
2143
- color: ${props.theme.palette.pane[props.variant].main.idle.text};
2144
- background-color: ${props.theme.palette.pane[props.variant].main.idle.background};
2145
-
2146
- &:hover {
2147
- color: ${props.theme.palette.pane[props.variant].main.hover.text};
2148
- background-color: ${props.theme.palette.pane[props.variant].main.hover.background};
2149
- }
2150
- `}
2151
-
2152
- ${props => props.width ? `width: ${props.width};` : ''}
2153
-
2154
- ${props => props.sortable && `
2155
- cursor: pointer;
2156
- user-select: none;
2157
-
2158
- &:hover {
2159
- background-color: ${props.theme.palette.pane.basic.main.hover.background};
2160
- }
2161
- `}
2162
-
2163
- ${props => props.sortDirection && `
2164
- position:relative;
2165
-
2166
- &:after {
2167
- content: " ";
2168
- position: absolute;
2169
- right: 15px;
2170
- top: 50%;
2171
-
2172
- height: 0;
2173
- width: 0;
2174
- border: 5px solid transparent;
2175
-
2176
- ${props.sortDirection === 'asc' ? `
2177
- border-top-color: #000;
2178
- transform: translateY(-25%);
2179
- ` : `
2180
- border-bottom-color: #000;
2181
- transform: translateY(-75%);
2182
- `}
2183
- }
2184
- `}
2185
- `;
951
+ var css_248z$t = ".Table-module_table__Dkosn{border-collapse:initial;border-radius:4px;border-spacing:0;width:100%;--border:1px solid #2224261a}.Table-module_tr__7UG8J>td{transition:background-color .1s ease,color .1s ease}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-main-idle-background);color:var(--pane-positive-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-alternate-idle-background);color:var(--pane-positive-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-main-hover-background);color:var(--pane-positive-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-positive__71gFV{background-color:var(--pane-positive-alternate-hover-background);color:var(--pane-positive-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-main-idle-background);color:var(--pane-negative-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-alternate-idle-background);color:var(--pane-negative-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-main-hover-background);color:var(--pane-negative-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-negative__dtSY7{background-color:var(--pane-negative-alternate-hover-background);color:var(--pane-negative-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-main-idle-background);color:var(--pane-info-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-alternate-idle-background);color:var(--pane-info-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-main-hover-background);color:var(--pane-info-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-info__oxZNe{background-color:var(--pane-info-alternate-hover-background);color:var(--pane-info-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-main-idle-background);color:var(--pane-warning-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-alternate-idle-background);color:var(--pane-warning-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-main-hover-background);color:var(--pane-warning-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-warning__buDZq{background-color:var(--pane-warning-alternate-hover-background);color:var(--pane-warning-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-main-idle-background);color:var(--pane-basic-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-alternate-idle-background);color:var(--pane-basic-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-main-hover-background);color:var(--pane-basic-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-basic__QksCj{background-color:var(--pane-basic-alternate-hover-background);color:var(--pane-basic-alternate-hover-text)}.Table-module_tr__7UG8J:nth-child(odd)>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-main-idle-background);color:var(--pane-emphasized-main-idle-text)}.Table-module_tr__7UG8J:nth-child(2n)>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-alternate-idle-background);color:var(--pane-emphasized-alternate-idle-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(odd):hover>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-main-hover-background);color:var(--pane-emphasized-main-hover-text)}.Table-module_tr__7UG8J:not(.Table-module_disableHover__vv-sQ):nth-child(2n):hover>td.Table-module_variant-emphasized__K1CXV{background-color:var(--pane-emphasized-alternate-hover-background);color:var(--pane-emphasized-alternate-hover-text)}.Table-module_td__jv9tA{border-right:var(--border);border-top:var(--border);padding:var(--spacing-2) var(--spacing-3)}.Table-module_td__jv9tA:last-of-type{border-right:0}.Table-module_td__jv9tA .Table-module_width__bS4aU{width:var(--width)}.Table-module_th__PNuEx{border-right:var(--border);font-weight:700;padding:var(--spacing-2) var(--spacing-3);text-align:left;transition:background-color .1s ease,color .1s ease}.Table-module_th__PNuEx:last-of-type{border-right:0}.Table-module_th__PNuEx.Table-module_width__bS4aU{width:var(--width)}.Table-module_th__PNuEx.Table-module_sortable__W4c6P{cursor:pointer;user-select:none}.Table-module_th__PNuEx.Table-module_sortable__W4c6P:hover{background-color:var(--pane-basic-main-hover-background)}.Table-module_th__PNuEx.Table-module_asc__-caTr,.Table-module_th__PNuEx.Table-module_desc__jQI8s{position:relative}.Table-module_th__PNuEx.Table-module_asc__-caTr:after,.Table-module_th__PNuEx.Table-module_desc__jQI8s:after{border:5px solid #0000;content:\" \";height:0;position:absolute;right:15px;top:50%;width:0}.Table-module_th__PNuEx.Table-module_asc__-caTr:after{border-top-color:#000;transform:translateY(-25%)}.Table-module_th__PNuEx.Table-module_desc__jQI8s:after{border-bottom-color:#000;transform:translateY(-75%)}";
952
+ var classes$t = {"table":"Table-module_table__Dkosn","tr":"Table-module_tr__7UG8J","variant-positive":"Table-module_variant-positive__71gFV","disableHover":"Table-module_disableHover__vv-sQ","variant-negative":"Table-module_variant-negative__dtSY7","variant-info":"Table-module_variant-info__oxZNe","variant-warning":"Table-module_variant-warning__buDZq","variant-basic":"Table-module_variant-basic__QksCj","variant-emphasized":"Table-module_variant-emphasized__K1CXV","td":"Table-module_td__jv9tA","width":"Table-module_width__bS4aU","th":"Table-module_th__PNuEx","sortable":"Table-module_sortable__W4c6P","asc":"Table-module_asc__-caTr","desc":"Table-module_desc__jQI8s"};
953
+ styleInject(css_248z$t);
954
+
955
+ const StyledTableRow = (_a) => {
956
+ var { className, disableHover } = _a, rest = __rest(_a, ["className", "disableHover"]);
957
+ return (React.createElement("tr", Object.assign({ className: clsx(classes$t.tr, disableHover && classes$t.disableHover, className) }, rest)));
958
+ };
959
+ const StyledTableCell = (_a) => {
960
+ var { className, variant = "basic", width } = _a, rest = __rest(_a, ["className", "variant", "width"]);
961
+ const hasWidth = width !== null && width !== undefined;
962
+ return (React.createElement("td", Object.assign({ className: clsx(classes$t.td, classes$t[`variant-${variant}`], hasWidth && classes$t.width, className),
963
+ // @ts-ignore
964
+ style: hasWidth ? { "--width": width } : undefined }, rest)));
965
+ };
966
+ const StyledTableHeadCell = (_a) => {
967
+ var { sortable, sortDirection, width, className } = _a, rest = __rest(_a, ["sortable", "sortDirection", "width", "className"]);
968
+ const hasWidth = width !== null && width !== undefined;
969
+ return (React.createElement("th", Object.assign({ className: clsx(classes$t.th, sortable && classes$t.sortable, sortDirection && classes$t[sortDirection], hasWidth && classes$t.width, className),
970
+ // @ts-ignore
971
+ style: hasWidth ? { "--width": width } : undefined }, rest)));
972
+ };
2186
973
  // Wrapper to allow for dot notated components:
2187
- const Table = (props) => (React.createElement(StyledTable, Object.assign({}, props)));
2188
- const TableCell = (_a) => {
2189
- var { variant, className } = _a, rest = __rest(_a, ["variant", "className"]);
2190
- return (React.createElement(StyledTableCell, Object.assign({ className: `${className || ''} ${variant || 'basic'}` }, rest)));
974
+ const Table = (_a) => {
975
+ var { className } = _a, rest = __rest(_a, ["className"]);
976
+ return (React.createElement("table", Object.assign({ className: clsx(classes$t.table, className) }, rest)));
2191
977
  };
2192
978
  Table.Row = StyledTableRow;
2193
979
  Table.HeadCell = StyledTableHeadCell;
2194
- Table.Cell = TableCell;
980
+ Table.Cell = StyledTableCell;
2195
981
 
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);
982
+ var css_248z$s = ".Details-module_row__0d8vi{vertical-align:top}.Details-module_row__0d8vi.Details-module_isFirstRow__iVno4{border-top:0!important}";
983
+ var classes$s = {"row":"Details-module_row__0d8vi","isFirstRow":"Details-module_isFirstRow__iVno4"};
984
+ styleInject(css_248z$s);
2199
985
 
2200
986
  const Details = ({ details, firstColumnWidth, }) => (React.createElement(Table, null,
2201
987
  React.createElement("tbody", null, Object.entries(details).map(([key, val], index) => (React.createElement(Table.Row, { key: key, disableHover: true },
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)))))));
988
+ React.createElement(Table.Cell, { style: { width: firstColumnWidth }, className: clsx(classes$s.cell, index === 0 && classes$s.isFirstRow) }, key),
989
+ React.createElement(Table.Cell, { className: clsx(classes$s.cell, index === 0 && classes$s.isFirstRow) }, val)))))));
2204
990
 
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);
991
+ var css_248z$r = ".Dropdown-module_wrapper__79ooc{position:relative}.Dropdown-module_dropper__uVdEf{background-color:var(--common-white);border:1px solid #22242626;border-radius:4px;box-shadow:0 8px 8px 0 #22242626;position:absolute;z-index:100}.Dropdown-module_dropper__uVdEf.Dropdown-module_left__JYKmP{left:0}.Dropdown-module_dropper__uVdEf.Dropdown-module_right__UefzB{right:0}.Dropdown-module_dropdownMenu__5R4vo{list-style:none;margin:0;padding:calc(var(--spacing)*2) 0}.Dropdown-module_dropdownMenuItem__dj4Gp{cursor:pointer;padding:0 calc(var(--spacing)*3)}.Dropdown-module_dropdownMenuItem__dj4Gp:hover{background-color:#ddd}";
992
+ var classes$r = {"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"};
993
+ styleInject(css_248z$r);
2208
994
 
2209
995
  const DropdownMenu = (_a) => {
2210
996
  var { className } = _a, rest = __rest(_a, ["className"]);
2211
- return (React.createElement("ul", Object.assign({ className: clsx(classes$h.dropdownMenu, className) }, rest)));
997
+ return (React.createElement("ul", Object.assign({ className: clsx(classes$r.dropdownMenu, className) }, rest)));
2212
998
  };
2213
999
  const DropdownMenuItem = (_a) => {
2214
1000
  var { className } = _a, rest = __rest(_a, ["className"]);
2215
- return (React.createElement("li", Object.assign({ className: clsx(classes$h.dropdownMenuItem, className) }, rest)));
1001
+ return (React.createElement("li", Object.assign({ className: clsx(classes$r.dropdownMenuItem, className) }, rest)));
2216
1002
  };
2217
1003
  const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) => {
2218
1004
  const dropper = React.useRef(null);
@@ -2232,15 +1018,15 @@ const Dropdown = ({ buttonProps, align = "left", children, stayOpenOnClick, }) =
2232
1018
  document.removeEventListener("click", handleClose);
2233
1019
  };
2234
1020
  }, [isOpen, handleClose]);
2235
- return (React.createElement("div", { className: classes$h.wrapper },
1021
+ return (React.createElement("div", { className: classes$r.wrapper },
2236
1022
  React.createElement(Button, Object.assign({}, buttonProps, { onClick: handleOpen })),
2237
1023
  isOpen && (React.createElement(SlideInFromTop, { speed: ".1s" },
2238
- React.createElement("span", { className: clsx(classes$h.dropper, align === "left" && classes$h.left, align === "right" && classes$h.right), ref: dropper }, children)))));
1024
+ React.createElement("span", { className: clsx(classes$r.dropper, align === "left" && classes$r.left, align === "right" && classes$r.right), ref: dropper }, children)))));
2239
1025
  };
2240
1026
 
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);
1027
+ var css_248z$q = ".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}";
1028
+ var classes$q = {"dropzone":"Dropzone-module_dropzone__xBUrY","isReadyToDrop":"Dropzone-module_isReadyToDrop__I9ik7","hiddenInput":"Dropzone-module_hiddenInput__7v6dW"};
1029
+ styleInject(css_248z$q);
2244
1030
 
2245
1031
  const Dropzone = (_a) => {
2246
1032
  var { onChange, icon, label } = _a, rest = __rest(_a, ["onChange", "icon", "label"]);
@@ -2275,18 +1061,18 @@ const Dropzone = (_a) => {
2275
1061
  var _a;
2276
1062
  handleChange((_a = fileInput === null || fileInput === void 0 ? void 0 : fileInput.current) === null || _a === void 0 ? void 0 : _a.files);
2277
1063
  }, [fileInput, handleChange]);
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 }),
1064
+ return (React.createElement("div", Object.assign({ ref: dropzone, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onDrop: handleDrop, onClick: handleClick, className: clsx(classes$q.dropzone, isReadyToDrop && classes$q.isReadyToDrop) }, rest),
1065
+ React.createElement("input", { className: classes$q.hiddenInput, "data-testid": "dropzone-file-input", type: "file", ref: fileInput, onChange: handleInputChange, multiple: true }),
2280
1066
  React.createElement(Box, null,
2281
1067
  React.createElement(Button, { variant: "text", color: "secondary", type: "button", icon: icon }, label))));
2282
1068
  };
2283
1069
 
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);
1070
+ var css_248z$p = ".Feedback-module_box__ESWf9{width:300px}";
1071
+ var classes$p = {"box":"Feedback-module_box__ESWf9"};
1072
+ styleInject(css_248z$p);
2287
1073
 
2288
1074
  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) },
2289
- React.createElement(Box, { pt: 3, pb: 3, className: classes$f.box },
1075
+ React.createElement(Box, { pt: 3, pb: 3, className: classes$p.box },
2290
1076
  React.createElement(Box, { pb: 5, textAlign: "center" },
2291
1077
  React.createElement(Header, null, title),
2292
1078
  subtitle && (React.createElement(Box, { pt: 5 },
@@ -2312,69 +1098,69 @@ const Floater = (_a) => {
2312
1098
  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)))));
2313
1099
  };
2314
1100
 
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);
1101
+ var css_248z$o = ".Footer-module_box__KZvsx{background-color:var(--common-white);border-top:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}";
1102
+ var classes$o = {"box":"Footer-module_box__KZvsx"};
1103
+ styleInject(css_248z$o);
2318
1104
 
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);
1105
+ var css_248z$n = ".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}}";
1106
+ var classes$n = {"wrapper":"SideBar-module_wrapper__8tZbH","isMobileMenuOpen":"SideBar-module_isMobileMenuOpen__1yI4z","isDesktopMenuOpen":"SideBar-module_isDesktopMenuOpen__S25Jl"};
1107
+ styleInject(css_248z$n);
2322
1108
 
2323
1109
  const SIDEBAR_COLLAPSED_WIDTH = 15;
2324
1110
  const SideBar = (props) => {
2325
1111
  const { closeSideMenu, openSideMenu, isSideMenuOpen } = useUiStateContext();
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: {
1112
+ return (React.createElement(Box, Object.assign({ className: clsx("sidebar", classes$n.wrapper, props.isMobileMenuOpen && classes$n.isMobileMenuOpen, isSideMenuOpen && classes$n.isDesktopMenuOpen) }, props, { onMouseEnter: openSideMenu, onMouseLeave: closeSideMenu, style: {
2327
1113
  // @ts-ignore
2328
1114
  "--minWidth": props.minWidth || 75,
2329
1115
  "--collapsed-width": SIDEBAR_COLLAPSED_WIDTH,
2330
1116
  } })));
2331
1117
  };
2332
1118
 
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));
1119
+ const Footer = ({ children, }) => (React.createElement(Box, { pt: 2, pb: 2, pr: 5, pl: { mobile: 5, laptop: SIDEBAR_COLLAPSED_WIDTH + 5 }, className: classes$o.box }, children));
2334
1120
 
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);
1121
+ var css_248z$m = ".HorizontalScroller-module_box__W07vp{overflow-x:auto;overflow-y:hidden}";
1122
+ var classes$m = {"box":"HorizontalScroller-module_box__W07vp"};
1123
+ styleInject(css_248z$m);
2338
1124
 
2339
- const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$c.box }, children);
1125
+ const HorizontalScroller = ({ children, }) => React.createElement("div", { className: classes$m.box }, children);
2340
1126
 
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);
1127
+ var css_248z$l = ".HamburgerButton-module_hamburgerButton__uFuws{margin-right:var(--spacing-3)}@media(min-width:1024px){.HamburgerButton-module_hamburgerButton__uFuws{display:none!important}}";
1128
+ var classes$l = {"hamburgerButton":"HamburgerButton-module_hamburgerButton__uFuws"};
1129
+ styleInject(css_248z$l);
2344
1130
 
2345
1131
  const HamburgerButton = (_a) => {
2346
1132
  var { className } = _a, props = __rest(_a, ["className"]);
2347
- return (React.createElement(Button, Object.assign({ className: clsx(classes$b.hamburgerButton, className) }, props)));
1133
+ return (React.createElement(Button, Object.assign({ className: clsx(classes$l.hamburgerButton, className) }, props)));
2348
1134
  };
2349
1135
 
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);
1136
+ var css_248z$k = ".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)}";
1137
+ var classes$k = {"menu":"Menu-module_menu__uj3BS","menuItem":"Menu-module_menuItem__96xoX","isActive":"Menu-module_isActive__idoz4","isOpen":"Menu-module_isOpen__p1ar3"};
1138
+ styleInject(css_248z$k);
2353
1139
 
2354
- const Menu = ({ children }) => (React.createElement("ul", { className: classes$a.menu }, children));
1140
+ const Menu = ({ children }) => (React.createElement("ul", { className: classes$k.menu }, children));
2355
1141
  const MenuItem = ({ item, isOpen, isActive, children, }) => {
2356
1142
  const [isDelayedOpen, setDelayedOpen] = React.useState(!!isOpen);
2357
- return (React.createElement("li", { className: clsx(classes$a.menuItem, isDelayedOpen && classes$a.isOpen, !!isActive && classes$a.isActive) },
1143
+ return (React.createElement("li", { className: clsx(classes$k.menuItem, isDelayedOpen && classes$k.isOpen, !!isActive && classes$k.isActive) },
2358
1144
  item,
2359
1145
  children && (React.createElement(SlideOpen, { onChange: setDelayedOpen, isOpen: !!isOpen, duration: 0.25 }, children))));
2360
1146
  };
2361
1147
 
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);
1148
+ var css_248z$j = "@media(min-width:1024px){.MenuCloseButton-module_menuCloseButton__c2jye{display:none!important}}";
1149
+ var classes$j = {"menuCloseButton":"MenuCloseButton-module_menuCloseButton__c2jye"};
1150
+ styleInject(css_248z$j);
2365
1151
 
2366
1152
  const MenuCloseButton = (_a) => {
2367
1153
  var { className } = _a, props = __rest(_a, ["className"]);
2368
- return (React.createElement(Button, Object.assign({ className: clsx(classes$9.menuCloseButton, className) }, props)));
1154
+ return (React.createElement(Button, Object.assign({ className: clsx(classes$j.menuCloseButton, className) }, props)));
2369
1155
  };
2370
1156
 
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);
1157
+ var css_248z$i = ".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}";
1158
+ var classes$i = {"wrapper":"MenuSlideOpenIndicator-module_wrapper__Q6Ykj"};
1159
+ styleInject(css_248z$i);
2374
1160
 
2375
1161
  const MenuSlideOpenIndicator = (_a) => {
2376
1162
  var { className } = _a, rest = __rest(_a, ["className"]);
2377
- return (React.createElement(Box, Object.assign({ className: clsx(classes$8.wrapper, className),
1163
+ return (React.createElement(Box, Object.assign({ className: clsx(classes$i.wrapper, className),
2378
1164
  // @ts-ignore
2379
1165
  style: { "--collapsed-width": SIDEBAR_COLLAPSED_WIDTH } }, rest)));
2380
1166
  };
@@ -2382,11 +1168,11 @@ const MenuSlideOpenIndicator = (_a) => {
2382
1168
  const VerticalRhythmLaptop = 7;
2383
1169
  const VerticalRhythmMobile = 4;
2384
1170
 
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);
1171
+ var css_248z$h = ".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)}}";
1172
+ var classes$h = {"sideBarHeader":"SideBarHeader-module_sideBarHeader__7zbYN"};
1173
+ styleInject(css_248z$h);
2388
1174
 
2389
- const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { mb: VerticalRhythmLaptop, className: classes$7.sideBarHeader },
1175
+ const SideBarHeader = ({ children, right, }) => (React.createElement(Box, { mb: VerticalRhythmLaptop, className: classes$h.sideBarHeader },
2390
1176
  React.createElement(Box, { flexGrow: 1, display: "flex" },
2391
1177
  React.createElement(Box, { flexGrow: 1, display: "flex", flexDirection: "column", justifyContent: "center" }, children)),
2392
1178
  right && React.createElement(Box, null, right)));
@@ -2424,21 +1210,21 @@ const useResponsiveBreakpoints = () => {
2424
1210
  const [windowWidth, setWindowWidth] = React.useState(window.innerWidth);
2425
1211
  React.useEffect(() => {
2426
1212
  const onResize = () => setWindowWidth(window.innerWidth);
2427
- window.addEventListener('resize', onResize);
2428
- return () => window.removeEventListener('resize', onResize);
1213
+ window.addEventListener("resize", onResize);
1214
+ return () => window.removeEventListener("resize", onResize);
2429
1215
  }, []);
2430
1216
  const responsiveMap = React.useMemo(() => ({
2431
1217
  isMobile: windowWidth >= BreakPointValues.mobile,
2432
1218
  isTablet: windowWidth >= BreakPointValues.tablet,
2433
1219
  isLaptop: windowWidth >= BreakPointValues.laptop,
2434
- isDesktop: windowWidth >= BreakPointValues.desktop
1220
+ isDesktop: windowWidth >= BreakPointValues.desktop,
2435
1221
  }), [windowWidth]);
2436
1222
  return responsiveMap;
2437
1223
  };
2438
1224
 
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);
1225
+ var css_248z$g = ".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}";
1226
+ var classes$g = {"wrapper":"Paginator-module_wrapper__IPIcn","button":"Paginator-module_button__lkNBq","isActive":"Paginator-module_isActive__Qk3mv","isDisabled":"Paginator-module_isDisabled__uHGss"};
1227
+ styleInject(css_248z$g);
2442
1228
 
2443
1229
  const range = (start, end) => {
2444
1230
  let nums = [];
@@ -2454,31 +1240,31 @@ const Paginator = (props) => {
2454
1240
  const clamSize = isTablet ? 2 : 0;
2455
1241
  const clamLower = Math.max(1, currentPage - clamSize);
2456
1242
  const clamUpper = Math.min(pageCount, currentPage + clamSize);
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")));
1243
+ return (React.createElement("div", { className: classes$g.wrapper },
1244
+ React.createElement("button", { "data-testid": "paginate-prev", disabled: currentPage === 1, onClick: () => onChange(currentPage - 1), className: clsx(classes$g.button, currentPage === 1 && classes$g.isDisabled) }, "\u27E8"),
1245
+ clamLower > 1 && (React.createElement("button", { "data-testid": "paginate-page-1", onClick: () => onChange(1), className: clsx(classes$g.button, currentPage === 1 && classes$g.isActive) }, "1")),
1246
+ clamLower > 2 && (React.createElement("button", { disabled: true, className: clsx(classes$g.button, classes$g.isDisabled) }, "...")),
1247
+ range(clamLower, clamUpper + 1).map((pageNumber) => (React.createElement("button", { "data-testid": `paginate-page-${pageNumber}`, key: pageNumber, onClick: () => onChange(pageNumber), className: clsx(classes$g.button, currentPage === pageNumber && classes$g.isActive) }, pageNumber))),
1248
+ clamUpper < pageCount - 1 && (React.createElement("button", { disabled: true, className: clsx(classes$g.button, classes$g.isDisabled) }, "...")),
1249
+ clamUpper < pageCount && (React.createElement("button", { "data-testid": `paginate-page-${pageCount}`, onClick: () => onChange(pageCount), className: clsx(classes$g.button, currentPage === pageCount && classes$g.isActive) }, pageCount)),
1250
+ React.createElement("button", { "data-testid": "paginate-next", disabled: currentPage === pageCount, onClick: () => onChange(currentPage + 1), className: clsx(classes$g.button, currentPage === pageCount && classes$g.isDisabled) }, "\u27E9")));
2465
1251
  };
2466
1252
 
2467
1253
  const Section = (props) => (React.createElement(Box, Object.assign({ pb: { laptop: VerticalRhythmLaptop, mobile: VerticalRhythmMobile } }, props)));
2468
1254
 
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);
1255
+ var css_248z$f = ".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)}";
1256
+ var classes$f = {"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"};
1257
+ styleInject(css_248z$f);
2472
1258
 
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),
1259
+ const Statistic = ({ icon, value, label, backgroundColor, smallerValue, }) => (React.createElement("div", { className: clsx(classes$f.wrapper, classes$f[backgroundColor]) },
1260
+ React.createElement("div", { className: classes$f.iconWrapper }, icon),
2475
1261
  React.createElement(Box, { flexGrow: 1, textAlign: "right" },
2476
- React.createElement("div", { className: classes$5.label }, label),
2477
- React.createElement("div", { className: clsx(classes$5.value, smallerValue && classes$5.smaller) }, value))));
1262
+ React.createElement("div", { className: classes$f.label }, label),
1263
+ React.createElement("div", { className: clsx(classes$f.value, smallerValue && classes$f.smaller) }, value))));
2478
1264
 
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);
1265
+ var css_248z$e = ".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)}";
1266
+ var classes$e = {"tab":"Tab-module_tab__Iwytl","isActive":"Tab-module_isActive__DXImz","hint":"Tab-module_hint__ynkFR","error":"Tab-module_error__OF1Ji"};
1267
+ styleInject(css_248z$e);
2482
1268
 
2483
1269
  const Tab = (_a) => {
2484
1270
  var { id, isActive, onClick, variant } = _a, restProps = __rest(_a, ["id", "isActive", "onClick", "variant"]);
@@ -2487,47 +1273,47 @@ const Tab = (_a) => {
2487
1273
  onClick === null || onClick === void 0 ? void 0 : onClick(id);
2488
1274
  }
2489
1275
  }, [id, isActive, onClick]);
2490
- return (React.createElement(Box, Object.assign({ className: clsx(classes$4.tab, isActive && classes$4.isActive, variant && classes$4[variant]) }, restProps, { onClick: handleClick })));
1276
+ return (React.createElement(Box, Object.assign({ className: clsx(classes$e.tab, isActive && classes$e.isActive, variant && classes$e[variant]) }, restProps, { onClick: handleClick })));
2491
1277
  };
2492
1278
 
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);
1279
+ var css_248z$d = ".TabContent-module_tabContent__hMTiE{background-color:var(--common-white);border:1px solid #22242626;border-top:0}";
1280
+ var classes$d = {"tabContent":"TabContent-module_tabContent__hMTiE"};
1281
+ styleInject(css_248z$d);
2496
1282
 
2497
1283
  const TabContent = (_a) => {
2498
1284
  var { className } = _a, rest = __rest(_a, ["className"]);
2499
- return (React.createElement(Box, Object.assign({ className: clsx(classes$3.tabContent, className), p: 3 }, rest)));
1285
+ return (React.createElement(Box, Object.assign({ className: clsx(classes$d.tabContent, className), p: 3 }, rest)));
2500
1286
  };
2501
1287
 
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);
1288
+ var css_248z$c = ".Tabs-module_tabs__QzIkz{border-bottom:1px solid #22242626;display:flex}";
1289
+ var classes$c = {"tabs":"Tabs-module_tabs__QzIkz"};
1290
+ styleInject(css_248z$c);
2505
1291
 
2506
1292
  const Tabs = (_a) => {
2507
1293
  var { className } = _a, rest = __rest(_a, ["className"]);
2508
- return (React.createElement(Box, Object.assign({ className: clsx(className, classes$2.tabs) }, rest)));
1294
+ return (React.createElement(Box, Object.assign({ className: clsx(className, classes$c.tabs) }, rest)));
2509
1295
  };
2510
1296
 
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);
1297
+ var css_248z$b = ".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%)}";
1298
+ var classes$b = {"flatPanel":"Timeline-module_flatPanel__TzdFU","wrapper":"Timeline-module_wrapper__sWd71","line":"Timeline-module_line__CwY-N","circle":"Timeline-module_circle__7kyfg"};
1299
+ styleInject(css_248z$b);
2514
1300
 
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)),
1301
+ const Timeline = ({ title, icon, color, isInitiallyOpen, titleMeta, chevron, children, }) => (React.createElement(Box, { className: classes$b.wrapper },
1302
+ React.createElement(Box, { className: classes$b.line },
1303
+ React.createElement("div", { className: classes$b.circle, style: { "--background-color": color } }, icon)),
2518
1304
  React.createElement(Box, { pb: 4, flexGrow: 1 },
2519
1305
  React.createElement(CollapsiblePanel, { isInitiallyOpen: isInitiallyOpen, titleMeta: titleMeta, title: title, titleAction: chevron }, children))));
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)),
1306
+ const SimpleTimeline = ({ color, icon, title, titleMeta, }) => (React.createElement(Box, { className: classes$b.wrapper },
1307
+ React.createElement(Box, { className: clsx(classes$b.line, "line") },
1308
+ React.createElement("div", { className: classes$b.circle, style: { "--background-color": color } }, icon)),
2523
1309
  React.createElement(Box, { pb: 4, flexGrow: 1 },
2524
- React.createElement(Panel, { className: classes$1.flatPanel, titleMeta: titleMeta, title: title }))));
1310
+ React.createElement(Panel, { className: classes$b.flatPanel, titleMeta: titleMeta, title: title }))));
2525
1311
 
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);
1312
+ var css_248z$a = ".TopBar-module_wrapper__DVlec{background-color:#fff;border-bottom:1px solid #ddd;box-shadow:0 2px 3px #0000000a;box-sizing:border-box}";
1313
+ var classes$a = {"wrapper":"TopBar-module_wrapper__DVlec"};
1314
+ styleInject(css_248z$a);
2529
1315
 
2530
- const TopBar = ({ left, right, }) => (React.createElement(Box, { className: classes.wrapper },
1316
+ const TopBar = ({ left, right, }) => (React.createElement(Box, { className: classes$a.wrapper },
2531
1317
  React.createElement(Box, { display: "flex", alignItems: "center", pb: 1, pt: 1, pr: 5, pl: {
2532
1318
  mobile: 5,
2533
1319
  laptop: 5 + SIDEBAR_COLLAPSED_WIDTH,
@@ -2535,212 +1321,31 @@ const TopBar = ({ left, right, }) => (React.createElement(Box, { className: clas
2535
1321
  React.createElement(Box, { flexGrow: 1, display: "flex", pl: 2 }, left),
2536
1322
  React.createElement(Box, { flexGrow: 1, display: "flex", justifyContent: "flex-end" }, right))));
2537
1323
 
2538
- const Label$1 = styledComponents.styled.label `
2539
- position: relative;
2540
- `;
2541
- const Input$1 = styledComponents.styled.input.withConfig({ shouldForwardProp: isPropValid }) `
2542
- position: absolute;
2543
- top: 0;
2544
- left: 0;
2545
-
2546
- width: 17px;
2547
- height: 17px;
2548
-
2549
- z-index: 99;
2550
- opacity: 0;
2551
- margin-right: ${(props) => props.theme.spacing(2)};
2552
- transform: translateY(1px);
2553
-
2554
- & ~ span {
2555
- user-select: none;
2556
- padding-left: 1.85714em;
2557
- cursor: pointer;
2558
- font-size: 0.92857143em;
2559
- }
2560
-
2561
- & ~ span:before,
2562
- & ~ span:after {
2563
- position: absolute;
2564
- top: 0;
2565
- left: 0;
2566
- width: 17px;
2567
- height: 17px;
2568
- line-height: 17px;
2569
- content: "";
2570
- border-radius: 4px;
2571
- border: 1px solid rgba(34, 36, 38, 0.15);
2572
- z-index: 0;
2573
- }
2574
-
2575
- &:checked ~ span {
2576
- font-style: italic;
2577
- }
2578
-
2579
- &:checked ~ span:before {
2580
- background: #fff;
2581
- border-color: rgba(34, 36, 38, 0.35);
2582
- }
2583
-
2584
- &:checked ~ span:after {
2585
- font-style: normal;
2586
- text-align: center;
2587
- content: "\\2714";
2588
- opacity: 1;
2589
- color: ${(props) => props.theme.palette.common.black};
2590
- }
2591
-
2592
- &:focus ~ span:before,
2593
- &:focus ~ span:after {
2594
- border-color: #85b7d9;
2595
- border-radius: 4px;
2596
- background: #fff;
2597
- box-shadow: 0 0 0 0 rgba(34, 36, 38, 0.35) inset;
2598
- }
2599
-
2600
- &.error ~ span {
2601
- color: ${(props) => props.theme.palette.form.error};
2602
- }
1324
+ var css_248z$9 = ".Checkbox-module_label__uYQc9{position:relative}.Checkbox-module_input__a4Cy-{height:17px;left:0;margin-right:var(--spacing-2);opacity:0;position:absolute;top:0;transform:translateY(1px);width:17px;z-index:99}.Checkbox-module_input__a4Cy-~span{cursor:pointer;font-size:.92857143em;padding-left:1.85714em;user-select:none}.Checkbox-module_input__a4Cy-~span:after,.Checkbox-module_input__a4Cy-~span:before{border:1px solid #22242626;border-radius:4px;content:\"\";height:17px;left:0;line-height:17px;position:absolute;top:0;width:17px;z-index:0}.Checkbox-module_input__a4Cy-:checked~span{font-style:italic}.Checkbox-module_input__a4Cy-:checked~span:before{background:#fff;border-color:#22242659}.Checkbox-module_input__a4Cy-:checked~span:after{color:var(--common-black);content:\"\\2714\";font-style:normal;opacity:1;text-align:center}.Checkbox-module_input__a4Cy-:focus~span:after,.Checkbox-module_input__a4Cy-:focus~span:before{background:#fff;border-color:#85b7d9;border-radius:4px;box-shadow:inset 0 0 0 0 #22242659}.Checkbox-module_input__a4Cy-.error~span{color:var(--form-error)}.Checkbox-module_input__a4Cy-.error~span:after,.Checkbox-module_input__a4Cy-.error~span:before{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38}.Checkbox-module_dimmed__wAzQa{color:#999c9e}";
1325
+ var classes$9 = {"label":"Checkbox-module_label__uYQc9","input":"Checkbox-module_input__a4Cy-","dimmed":"Checkbox-module_dimmed__wAzQa"};
1326
+ styleInject(css_248z$9);
2603
1327
 
2604
- &.error ~ span:before,
2605
- &.error ~ span:after {
2606
- background: #fff6f6;
2607
- border-color: #e0b4b4;
2608
- color: #9f3a38;
2609
- }
2610
- `;
2611
- const Span = styledComponents.styled.span.withConfig({ shouldForwardProp: isPropValid }) `
2612
- ${(props) => props.dimmed
2613
- ? styledComponents.css `
2614
- color: #999c9e;
2615
- `
2616
- : ""}
2617
- `;
2618
1328
  const Checkbox = React.forwardRef((_a, ref) => {
2619
- var { options, spacing = 1, name, dimmed } = _a, restProps = __rest(_a, ["options", "spacing", "name", "dimmed"]);
1329
+ var { options, spacing = 1, name, dimmed, className } = _a, restProps = __rest(_a, ["options", "spacing", "name", "dimmed", "className"]);
2620
1330
  return (React.createElement(React.Fragment, null, Object.entries(options).map(([value, label]) => (React.createElement(Box, { key: value, mt: spacing, mb: spacing },
2621
- React.createElement(Label$1, { key: value },
2622
- React.createElement(Input$1, Object.assign({ type: "checkbox", value: value, name: name, ref: ref }, restProps)),
2623
- React.createElement(Span, { dimmed: dimmed }, label)))))));
1331
+ React.createElement("label", { className: classes$9.label, key: value },
1332
+ React.createElement("input", Object.assign({ className: clsx(className, classes$9.input), type: "checkbox", value: value, name: name, ref: ref }, restProps)),
1333
+ React.createElement("span", { className: clsx(dimmed && classes$9.dimmed) }, label)))))));
2624
1334
  });
2625
1335
 
2626
- const sharedStyles = styledComponents.css `
2627
- padding: .67857143em 1em;
2628
- line-height: 1.21428571em;
2629
- border-radius: 4px;
2630
- border: 1px solid rgba(34,36,38,.15);
2631
-
2632
- color: ${props => props.theme.palette.common.black};
2633
- font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
2634
-
2635
- font-size: 1em;
2636
- outline: none;
2637
-
2638
- &:disabled, &:read-only {
2639
- background-color: #FAFAFA;
2640
- }
2641
-
2642
- &:focus {
2643
- color: rgba(0,0,0,.95);
2644
- border-color: #85b7d9;
2645
- background: #fff;
2646
- box-shadow: 0 0 0 0 rgba(34,36,38,.35) inset;
2647
- }
2648
-
2649
- &.error {
2650
- background: #fff6f6;
2651
- border-color: #e0b4b4;
2652
- color: #9f3a38;
2653
- }
2654
-
2655
- &.error:focus {
2656
- background: #fff6f6;
2657
- }
2658
-
2659
- &:focus::placeholder {
2660
- color:rgba(115,115,115,.87)
2661
- }
2662
-
2663
- &::placeholder {
2664
- color:rgba(191,191,191,.87);
2665
- }
2666
-
2667
- &.error::placeholder {
2668
- color: #e7bdbc;
2669
- }
2670
-
2671
- &.error:focus::placeholder {
2672
- color: #da9796;
2673
- }
2674
- `;
2675
- const Input = styledComponents.styled.input.withConfig({ shouldForwardProp: isPropValid }) `
2676
- ${sharedStyles}
2677
- `;
2678
- const Textarea = styledComponents.styled.textarea.withConfig({ shouldForwardProp: isPropValid }) `
2679
- ${sharedStyles}
2680
- height: 100%;
2681
- `;
1336
+ var css_248z$8 = ".TextField-module_input__73ULM{border:1px solid #22242626;border-radius:4px;color:var(--common-black);font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;font-size:1em;line-height:1.21428571em;outline:none;padding:.67857143em 1em}.TextField-module_input__73ULM:disabled,.TextField-module_input__73ULM:read-only{background-color:#fafafa}.TextField-module_input__73ULM:focus{background:#fff;border-color:#85b7d9;box-shadow:inset 0 0 0 0 #22242659;color:#000000f2}.TextField-module_input__73ULM.error{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38}.TextField-module_input__73ULM.error:focus{background:#fff6f6}.TextField-module_input__73ULM:focus::placeholder{color:#737373de}.TextField-module_input__73ULM::placeholder{color:#bfbfbfde}.TextField-module_input__73ULM.error::placeholder{color:#e7bdbc}.TextField-module_input__73ULM.error:focus::placeholder{color:#da9796}.TextField-module_textarea__DzXRI{height:100%}";
1337
+ var classes$8 = {"input":"TextField-module_input__73ULM","textarea":"TextField-module_textarea__DzXRI"};
1338
+ styleInject(css_248z$8);
1339
+
2682
1340
  const TextField = React.forwardRef((_a, ref) => {
2683
- var { multiline = false } = _a, restProps = __rest(_a, ["multiline"]);
2684
- return multiline
2685
- ? React.createElement(Textarea, Object.assign({ ref: ref }, restProps))
2686
- : React.createElement(Input, Object.assign({ ref: ref, type: "text" }, restProps));
1341
+ var { multiline = false, className } = _a, restProps = __rest(_a, ["multiline", "className"]);
1342
+ return multiline ? (React.createElement("textarea", Object.assign({ className: clsx(classes$8.textarea, classes$8.input, className), ref: ref }, restProps))) : (React.createElement("input", Object.assign({ className: clsx(classes$8.input, className), ref: ref, type: "text" }, restProps)));
2687
1343
  });
2688
1344
 
2689
- const Wrapper$3 = styledComponents.styled.div `
2690
- position: relative;
2691
- display: flex;
2692
- `;
2693
- const HiddenInput = styledComponents.styled.input.withConfig({ shouldForwardProp: isPropValid }) `
2694
- position: absolute;
2695
- left: 0;
2696
- right: 0;
2697
- top: 0;
2698
- bottom: 0;
2699
- width: 100%;
2700
- opacity:0;
2701
- `;
2702
- const StyledButton = styledComponents.styled(Button) `
2703
- height: 40px;
2704
-
2705
- .has-error & {
2706
- background: #fff6f6;
2707
- border-color: #e0b4b4;
2708
- color: #9f3a38;
2709
- }
2710
- `;
2711
- const StyledTextField = styledComponents.styled(TextField) `
2712
- flex: 1;
2713
- padding-right: ${props => props.theme.spacing(8)}
2714
- `;
2715
- const DeleteButton = styledComponents.styled.button `
2716
- background-color: transparent;
2717
- border: 0;
2718
- outline: 0;
2719
- padding: 0;
2720
-
2721
- position: absolute;
2722
- right: 0;
2723
- height: 100%;
2724
-
2725
- cursor: pointer;
2726
-
2727
- &:after {
2728
- box-sizing: border-box;
2729
-
2730
- color: rgba(0, 0, 0, .3);
2731
- content: "×";
2732
-
2733
- text-align: center;
2734
- vertical-align: middle;
2735
- display: table-cell;
2736
-
2737
- font-size: 20px;
2738
- height: 38px;
2739
- width: 38px;
2740
- line-height: 38px;
2741
- padding: 0 8px;
2742
- }
2743
- `;
1345
+ var css_248z$7 = ".FileField-module_wrapper__Av1Bz{display:flex;position:relative}.FileField-module_hiddenInput__42z5Q{bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.FileField-module_button__13cFn{height:40px}.FileField-module_textField__-9ZPk{flex:1;padding-right:calc(var(--spacing)*8)}.FileField-module_deleteButton__RpWa3{background-color:initial;border:0;cursor:pointer;height:100%;outline:0;padding:0;position:absolute;right:0}.FileField-module_deleteButton__RpWa3:after{box-sizing:border-box;color:#0000004d;content:\"×\";display:table-cell;font-size:20px;height:38px;line-height:38px;padding:0 8px;text-align:center;vertical-align:middle;width:38px}";
1346
+ var classes$7 = {"wrapper":"FileField-module_wrapper__Av1Bz","hiddenInput":"FileField-module_hiddenInput__42z5Q","button":"FileField-module_button__13cFn","textField":"FileField-module_textField__-9ZPk","deleteButton":"FileField-module_deleteButton__RpWa3"};
1347
+ styleInject(css_248z$7);
1348
+
2744
1349
  const FileField = React.forwardRef((_a, ref) => {
2745
1350
  var { className, placeholder, chooseFileLabel = "Choose file", changeFileLabel = "Change file", onClear } = _a, props = __rest(_a, ["className", "placeholder", "chooseFileLabel", "changeFileLabel", "onClear"]);
2746
1351
  const [originalRef, setOriginalRef] = React.useState();
@@ -2752,101 +1357,60 @@ const FileField = React.forwardRef((_a, ref) => {
2752
1357
  }, []);
2753
1358
  const handleRemove = React.useCallback(() => {
2754
1359
  if (originalRef) {
2755
- originalRef.value = '';
1360
+ originalRef.value = "";
2756
1361
  originalRef.files = null;
2757
- originalRef.dispatchEvent(new Event('change', { bubbles: true }));
1362
+ originalRef.dispatchEvent(new Event("change", { bubbles: true }));
2758
1363
  if (onClear) {
2759
1364
  onClear();
2760
1365
  }
2761
1366
  }
2762
1367
  }, [originalRef, onClear]);
2763
1368
  const extendedRef = React.useMemo(() => (el) => {
2764
- el === null || el === void 0 ? void 0 : el.addEventListener('change', handleChange);
1369
+ el === null || el === void 0 ? void 0 : el.addEventListener("change", handleChange);
2765
1370
  setOriginalRef(el);
2766
- if (typeof ref === 'function') {
1371
+ if (typeof ref === "function") {
2767
1372
  ref === null || ref === void 0 ? void 0 : ref(el);
2768
1373
  }
2769
1374
  }, [ref, handleChange]);
2770
- return (React.createElement(Wrapper$3, null,
2771
- React.createElement(HiddenInput, Object.assign({ type: 'file', ref: extendedRef }, props)),
2772
- React.createElement(StyledButton, { variant: 'basic' }, !!fileName ? changeFileLabel : chooseFileLabel),
2773
- React.createElement(StyledTextField, { placeholder: placeholder, className: className, disabled: true, value: fileName }),
2774
- !!fileName && onClear && React.createElement(DeleteButton, { "data-testid": 'file-clear', onClick: handleRemove })));
1375
+ return (React.createElement("div", { className: classes$7.wrapper },
1376
+ React.createElement("input", Object.assign({ className: classes$7.hiddenInput, type: "file", ref: extendedRef }, props)),
1377
+ React.createElement(Button, { className: classes$7.button, variant: "basic" }, !!fileName ? changeFileLabel : chooseFileLabel),
1378
+ React.createElement(TextField, { placeholder: placeholder, className: clsx(classes$7.textField, className), disabled: true, value: fileName }),
1379
+ !!fileName && onClear && (React.createElement("button", { className: classes$7.deleteButton, "data-testid": "file-clear", onClick: handleRemove }))));
2775
1380
  });
2776
1381
 
2777
- const Wrapper$2 = styledComponents.styled.div `
2778
- position: relative;
2779
- `;
2780
- const StyledSelect = styledComponents.styled.select.withConfig({ shouldForwardProp: isPropValid }) `
2781
- width: 100%;
2782
-
2783
- padding: .67857143em 1em;
2784
- line-height: 1.21428571em;
2785
- border-radius: 4px;
2786
- border: 1px solid rgba(34,36,38,.15);
2787
-
2788
- color: ${props => props.theme.palette.common.black};
2789
- font-family: Lato, "Helvetica Neue", Arial, Helvetica, sans-serif;
2790
-
2791
- font-size: 1em;
2792
- outline: none;
2793
-
2794
- appearance: none;
2795
-
2796
- &.error {
2797
- background: #fff6f6;
2798
- border-color: #e0b4b4;
2799
- color: #9f3a38;
2800
- }
2801
-
2802
- &.error~div {
2803
- color: #9f3a38;
2804
- }
2805
- `;
2806
- const PaddingOverlay = styledComponents.styled.div `
2807
- pointer-events: none;
2808
- padding: 0 1em;
2809
- position:absolute;
2810
- height: 100%;
2811
- top: 0;
2812
- right: 0;
2813
- font-size: 17px;
2814
- line-height: 40px;
2815
- `;
1382
+ var css_248z$6 = ".Select-module_wrapper__vBUHm{position:relative}.Select-module_select__tfPHD{appearance:none;border:1px solid #22242626;border-radius:4px;color:var(--common-black);font-family:Lato,Helvetica Neue,Arial,Helvetica,sans-serif;font-size:1em;line-height:1.21428571em;outline:none;padding:.67857143em 1em;width:100%}.Select-module_select__tfPHD.error{background:#fff6f6;border-color:#e0b4b4;color:#9f3a38}.Select-module_select__tfPHD.error~div{color:#9f3a38}.Select-module_paddingOverlay__Y6O4-{font-size:17px;height:100%;line-height:40px;padding:0 1em;pointer-events:none;position:absolute;right:0;top:0}";
1383
+ var classes$6 = {"wrapper":"Select-module_wrapper__vBUHm","select":"Select-module_select__tfPHD","paddingOverlay":"Select-module_paddingOverlay__Y6O4-"};
1384
+ styleInject(css_248z$6);
1385
+
2816
1386
  const Select = React.forwardRef((_a, ref) => {
2817
- var { options } = _a, props = __rest(_a, ["options"]);
1387
+ var { options, className } = _a, props = __rest(_a, ["options", "className"]);
2818
1388
  const optionsArray = Array.isArray(options)
2819
1389
  ? options
2820
1390
  : Object.entries(options);
2821
- return (React.createElement(Wrapper$2, null,
2822
- React.createElement(StyledSelect, Object.assign({ ref: ref }, props), optionsArray.map(([value, label]) => (React.createElement("option", { key: value, value: value }, label)))),
2823
- React.createElement(PaddingOverlay, null, "\u25BE")));
1391
+ return (React.createElement("div", { className: classes$6.wrapper },
1392
+ React.createElement("select", Object.assign({ className: clsx(classes$6.select, className), ref: ref }, props), optionsArray.map(([value, label]) => (React.createElement("option", { key: value, value: value }, label)))),
1393
+ React.createElement("div", { className: classes$6.paddingOverlay }, "\u25BE")));
2824
1394
  });
2825
1395
 
1396
+ var css_248z$5 = ".PasswordStrengthField-module_progress__KIvlC{background-color:#f5f5f5;border-radius:4px;box-shadow:inset 0 1px 2px #0000001a;height:3px;margin-top:var(--spacing)}.PasswordStrengthField-module_progressBar__Wz5Rz{height:100%;transition:width .6s ease,background-color .6s ease;width:var(--width,0)}.PasswordStrengthField-module_progressBar__Wz5Rz.PasswordStrengthField-module_bad__n300O{background-color:#e90f10}.PasswordStrengthField-module_progressBar__Wz5Rz.PasswordStrengthField-module_ok__LMIms{background-color:#ffad00}.PasswordStrengthField-module_progressBar__Wz5Rz.PasswordStrengthField-module_good__MhPYT{background-color:#02b502}";
1397
+ var classes$5 = {"progress":"PasswordStrengthField-module_progress__KIvlC","progressBar":"PasswordStrengthField-module_progressBar__Wz5Rz","bad":"PasswordStrengthField-module_bad__n300O","ok":"PasswordStrengthField-module_ok__LMIms","good":"PasswordStrengthField-module_good__MhPYT"};
1398
+ styleInject(css_248z$5);
1399
+
2826
1400
  const passwordMinLength = (val) => val.length >= 8;
2827
1401
  const passwordHasNumbers = (val) => /\d/.test(val);
2828
1402
  const passwordHasLowerAndUppercase = (val) => /[a-z]/.test(val) && /[A-Z]/.test(val);
2829
1403
  const passwordHasSpecialChars = (val) => /[-’/`~!#*$@_%+=.,^&(){}[\]|;:”<>?\\]/.test(val);
2830
- const checks = [passwordMinLength, passwordHasNumbers, passwordHasLowerAndUppercase, passwordHasSpecialChars];
1404
+ const checks = [
1405
+ passwordMinLength,
1406
+ passwordHasNumbers,
1407
+ passwordHasLowerAndUppercase,
1408
+ passwordHasSpecialChars,
1409
+ ];
2831
1410
  const maxScore = checks.length + 1;
2832
1411
  const calculatePasswordScore = (val) => checks
2833
1412
  .map((check) => check(val))
2834
- .reduce((acc, value) => value
2835
- ? acc + 1
2836
- : acc, 1);
2837
- const Progress = styledComponents.styled.div `
2838
- margin-top: ${props => props.theme.spacing(1)};
2839
- height: 3px;
2840
- background-color: #f5f5f5;
2841
- border-radius: 4px;
2842
- box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
2843
- `;
2844
- const ProgressBar = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
2845
- width: ${props => props.score ? (props.score / maxScore) * 100 : 0}%;
2846
- height: 100%;
2847
- background-color: ${props => props.score <= 2 ? '#e90f10' : props.score <= 3 ? '#ffad00' : '#02b502'} ;
2848
- transition: width .6s ease, background-color .6s ease;
2849
- `;
1413
+ .reduce((acc, value) => (value ? acc + 1 : acc), 1);
2850
1414
  const PasswordStrengthField = React.forwardRef((props, ref) => {
2851
1415
  const [score, setScore] = React.useState(0);
2852
1416
  const handleChange = React.useCallback((e) => {
@@ -2854,191 +1418,121 @@ const PasswordStrengthField = React.forwardRef((props, ref) => {
2854
1418
  setScore(target.value ? calculatePasswordScore(target.value) : 0);
2855
1419
  }, []);
2856
1420
  const extendedRef = React.useMemo(() => (el) => {
2857
- el === null || el === void 0 ? void 0 : el.addEventListener('keyup', handleChange);
2858
- if (typeof ref === 'function') {
1421
+ el === null || el === void 0 ? void 0 : el.addEventListener("keyup", handleChange);
1422
+ if (typeof ref === "function") {
2859
1423
  ref === null || ref === void 0 ? void 0 : ref(el);
2860
1424
  }
2861
1425
  }, [ref, handleChange]);
2862
- return React.createElement(React.Fragment, null,
1426
+ return (React.createElement(React.Fragment, null,
2863
1427
  React.createElement(TextField, Object.assign({}, props, { type: "password", ref: extendedRef })),
2864
- React.createElement(Progress, null,
2865
- React.createElement(ProgressBar, { score: score })));
1428
+ React.createElement("div", { className: classes$5.progress },
1429
+ React.createElement("div", { className: clsx(classes$5.progressBar, score <= 2 ? classes$5.bad : score <= 3 ? classes$5.ok : classes$5.good),
1430
+ // @ts-ignore
1431
+ style: { "--width": (score / maxScore) * 100 + "%" } }))));
2866
1432
  });
2867
1433
 
1434
+ var css_248z$4 = ".FormGridWrapper-module_label__3OAEA{color:var(--common-black);display:block;font-size:.92857143em;font-weight:700;line-height:1.4em;margin:0 0 var(--spacing) 0}.FormGridWrapper-module_label__3OAEA.FormGridWrapper-module_error__80-SA{color:var(--form-error)}.FormGridWrapper-module_hint__lj9vT{color:var(--form-hint);font-size:.92857143em;line-height:1.4em;margin:var(--spacing--1) 0 var(--spacing) 0}.FormGridWrapper-module_hint__lj9vT.FormGridWrapper-module_error__80-SA{color:#da9796}.FormGridWrapper-module_requiredAsterisk__-4sG4{color:var(--form-hint)}.FormGridWrapper-module_requiredAsterisk__-4sG4:after{content:\" *\"}.FormGridWrapper-module_error__80-SA{color:var(--form-error);font-size:.92857143em;font-style:italic;font-weight:700;line-height:1.4em;margin:var(--spacing) 0 0 0}";
1435
+ var classes$4 = {"label":"FormGridWrapper-module_label__3OAEA","error":"FormGridWrapper-module_error__80-SA","hint":"FormGridWrapper-module_hint__lj9vT","requiredAsterisk":"FormGridWrapper-module_requiredAsterisk__-4sG4"};
1436
+ styleInject(css_248z$4);
1437
+
1438
+ var css_248z$3 = ".FormGridCell-module_formGridCell__Y3e5s{margin:0 var(--spacing-2)}.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_rowOffset__xvXeK{align-self:auto;display:flex;flex-direction:column;margin-bottom:16px;-ms-grid-row-align:initial}.FormGridCell-module_formGridCell__Y3e5s:not(.FormGridCell-module_rowOffset__xvXeK){align-self:end;-ms-grid-row-align:end}@media(min-width:0px){.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_mobile--position__1AeHR{grid-row-start:var(--mobile-row);-ms-grid-row:var(--mobile-row);grid-row-end:span var(--mobile-rowSpan);-ms-grid-row-span:var(--mobile-rowSpan);grid-column-start:var(--mobile-column);-ms-grid-column:var(--mobile-column);grid-column-end:span var(--mobile-columnSpan);-ms-grid-column-span:var(--mobile-columnSpan)}}@media(min-width:768px){.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_tablet--position__Xxybj{grid-row-start:var(--tablet-row);-ms-grid-row:var(--tablet-row);grid-row-end:span var(--tablet-rowSpan);-ms-grid-row-span:var(--tablet-rowSpan);grid-column-start:var(--tablet-column);-ms-grid-column:var(--tablet-column);grid-column-end:span var(--tablet-columnSpan);-ms-grid-column-span:var(--tablet-columnSpan)}}@media(min-width:1024px){.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_laptop--position__gMNqe{grid-row-start:var(--laptop-row);-ms-grid-row:var(--laptop-row);grid-row-end:span var(--laptop-rowSpan);-ms-grid-row-span:var(--laptop-rowSpan);grid-column-start:var(--laptop-column);-ms-grid-column:var(--laptop-column);grid-column-end:span var(--laptop-columnSpan);-ms-grid-column-span:var(--laptop-columnSpan)}}@media(min-width:1430px){.FormGridCell-module_formGridCell__Y3e5s.FormGridCell-module_desktop--position__UDC4a{grid-row-start:var(--desktop-row);-ms-grid-row:var(--desktop-row);grid-row-end:span var(--desktop-rowSpan);-ms-grid-row-span:var(--desktop-rowSpan);grid-column-start:var(--desktop-column);-ms-grid-column:var(--desktop-column);grid-column-end:span var(--desktop-columnSpan);-ms-grid-column-span:var(--desktop-columnSpan)}}";
1439
+ var classes$3 = {"formGridCell":"FormGridCell-module_formGridCell__Y3e5s","rowOffset":"FormGridCell-module_rowOffset__xvXeK","mobile:position":"FormGridCell-module_mobile--position__1AeHR","tablet:position":"FormGridCell-module_tablet--position__Xxybj","laptop:position":"FormGridCell-module_laptop--position__gMNqe","desktop:position":"FormGridCell-module_desktop--position__UDC4a"};
1440
+ styleInject(css_248z$3);
1441
+
2868
1442
  const NUM_ROWS_PER_FIELD = 2;
2869
- // NOTE:
2870
- //
2871
- // We have to implement our own version of -ms-grid.
2872
- // Styled-components does not automatically prefix it, as the specs do not completely overlap.
2873
- // https://github.com/thysultan/stylis.js/issues/51
2874
- //
2875
- // We can achieve our goals using both specs though.
2876
- const generateDimensionsCss = (position, rowOffset) => {
2877
- const parts = [];
2878
- if (position === undefined) {
2879
- return parts;
2880
- }
1443
+ const generateDimensionVariablesForBreakpoint = (breakPoint, position, rowOffset) => {
1444
+ const parts = {};
2881
1445
  if (position.row !== undefined) {
2882
- parts.push(styledComponents.css `
2883
- grid-row-start: ${(position.row * NUM_ROWS_PER_FIELD) + 1 + rowOffset};
2884
- -ms-grid-row: ${(position.row * NUM_ROWS_PER_FIELD) + 1 + rowOffset};
2885
- `);
1446
+ parts[`--${breakPoint}-row`] =
1447
+ position.row * NUM_ROWS_PER_FIELD + 1 + rowOffset;
2886
1448
  }
2887
1449
  if (position.rowSpan && rowOffset) {
2888
- parts.push(styledComponents.css `
2889
- grid-row-end: span ${(position.rowSpan * NUM_ROWS_PER_FIELD) - 1};
2890
- -ms-grid-row-span: ${(position.rowSpan * NUM_ROWS_PER_FIELD) - 1};
2891
- `);
1450
+ parts[`--${breakPoint}-rowSpan`] =
1451
+ position.rowSpan * NUM_ROWS_PER_FIELD - 1;
2892
1452
  }
2893
1453
  if (position.column !== undefined) {
2894
- parts.push(styledComponents.css `
2895
- grid-column-start: ${position.column + 1};
2896
- -ms-grid-column: ${position.column + 1};
2897
- `);
1454
+ parts[`--${breakPoint}-column`] = position.column + 1;
2898
1455
  }
2899
1456
  if (position.columnSpan !== undefined) {
2900
- parts.push(styledComponents.css `
2901
- grid-column-end: span ${position.columnSpan};
2902
- -ms-grid-column-span: ${position.columnSpan};
2903
- `);
1457
+ parts[`--${breakPoint}-columnSpan`] = position.columnSpan;
2904
1458
  }
2905
1459
  return parts;
2906
1460
  };
2907
- const FormGridCell = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
2908
- margin: 0px 8px;
2909
-
2910
- ${props => props.rowOffset !== undefined && styledComponents.css `
2911
- display: flex;
2912
- flex-direction: column;
2913
- margin-bottom: 16px;`}
2914
-
2915
- align-self: ${props => props.rowOffset === undefined ? "end" : "initial"};
2916
- -ms-grid-row-align: ${props => props.rowOffset === undefined ? "end" : "initial"};
2917
-
2918
- ${(props) => responsiveProps(props, {
2919
- "align": unit => styledComponents.css `text-align: ${unit};`,
2920
- "position": unit => { var _a; return generateDimensionsCss(unit, (_a = props.rowOffset) !== null && _a !== void 0 ? _a : 0); }
2921
- })}
2922
- `;
2923
- FormGridCell.displayName = "FormGridCell";
2924
-
2925
- const Label = styledComponents.styled.label.withConfig({ shouldForwardProp: isPropValid }) `
2926
- display: block;
2927
- color: ${(props => !!props.error ? props.theme.palette.form.error : props.theme.palette.common.black)} ;
2928
- font-weight: bold;
2929
- margin: ${props => props.theme.spacing(0, 0, 1, 0)};
2930
- line-height: 1.4em;
2931
- font-size: .92857143em;
2932
- `;
2933
- const Hint = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
2934
- color: ${(props => !!props.error ? "#da9796;" : props.theme.palette.form.hint)};
2935
- margin: ${props => props.theme.spacing(-1, 0, 1, 0)};
2936
- line-height: 1.4em;
2937
- font-size: .92857143em;
2938
- `;
2939
- const RequiredAsterisk = styledComponents.styled.span.withConfig({ shouldForwardProp: isPropValid }) `
2940
- color: ${props => props.theme.palette.form.hint};
2941
- `;
2942
- const Error$1 = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
2943
- color: ${props => props.theme.palette.form.error};
2944
- margin: ${props => props.theme.spacing(1, 0, 0, 0)};
2945
- font-weight: bold;
2946
- font-style: italic;
2947
- line-height: 1.4em;
2948
- font-size: .92857143em;
2949
- `;
2950
- const getFormGridWrapperProps = ({ position, align, label, hint, error, isRequired }) => ({ position, align, label, hint, error, isRequired });
1461
+ const generateDimensionVariables = (position, rowOffset) => breakPoints.reduce((acc, breakpoint) => (position === null || position === void 0 ? void 0 : position[breakpoint])
1462
+ ? Object.assign(Object.assign({}, acc), generateDimensionVariablesForBreakpoint(breakpoint, position[breakpoint], rowOffset)) : acc, {});
1463
+ const FormGridCell = ({ position, align, rowOffset = 0, children, className, }) => {
1464
+ if (!position || !isResponsiveObject(position))
1465
+ throw new Error("FormGridCell should set a position");
1466
+ const { classNames, variables } = getResponsiveProps({
1467
+ textAlign: align,
1468
+ });
1469
+ const dimensionVariables = generateDimensionVariables(position, rowOffset);
1470
+ return (React.createElement("div", { className: clsx(classes$3.formGridCell, rowOffset && classes$3.rowOffset, position.mobile && classes$3["mobile:position"], position.tablet && classes$3["tablet:position"], position.laptop && classes$3["laptop:position"], position.desktop && classes$3["desktop:position"], classNames, className), style: Object.assign(Object.assign({}, variables), dimensionVariables) }, children));
1471
+ };
1472
+
1473
+ const getFormGridWrapperProps = ({ position, align, label, hint, error, isRequired, }) => ({
1474
+ position,
1475
+ align,
1476
+ label,
1477
+ hint,
1478
+ error,
1479
+ isRequired,
1480
+ });
2951
1481
  const FormGridWrapper = ({ position, align, label, hint, error, isRequired, children }) => (React.createElement(React.Fragment, null,
2952
- React.createElement(FormGridCell, { position: position, align: align, className: 'form-grid-cell__label-hint' },
2953
- label && (React.createElement(Label, { error: error },
1482
+ React.createElement(FormGridCell, { position: position, align: align, className: "form-grid-cell__label-hint" },
1483
+ label && (React.createElement("label", { className: clsx(classes$4.label, !!error && classes$4.error) },
2954
1484
  label,
2955
- isRequired && React.createElement(RequiredAsterisk, null, " *"))),
2956
- hint && (React.createElement(Hint, { error: error }, hint))),
2957
- React.createElement(FormGridCell, { position: position, align: align, rowOffset: 1, className: clsx({ 'form-grid-cell__field-error': true, 'has-error': !!error }) },
1485
+ isRequired && React.createElement("span", { className: classes$4.requiredAsterisk }))),
1486
+ hint && (React.createElement("div", { className: clsx(classes$4.hint, !!error && classes$4.error) }, hint))),
1487
+ React.createElement(FormGridCell, { position: position, align: align, rowOffset: 1, className: clsx({
1488
+ "form-grid-cell__field-error": true,
1489
+ "has-error": !!error,
1490
+ }) },
2958
1491
  children,
2959
- error && (React.createElement(Error$1, null, error)))));
2960
-
2961
- const FormGrid = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
2962
- margin: 0 -8px -16px -8px;
2963
-
2964
- display: -ms-grid;
2965
- display: grid;
2966
-
2967
- -ms-grid-columns: 1fr;
2968
-
2969
- ${(props) => responsiveProps(props, {
2970
- columns: (string) => styledComponents.css `
2971
- -ms-grid-columns: ${string};
2972
- grid-template-columns: ${string};
2973
- `
2974
- })}
2975
- `;
2976
- FormGrid.displayName = "FormGrid";
2977
-
2978
- const Wrapper$1 = styledComponents.styled(Box) `
2979
- background-color: #f3f3f4;
2980
- `;
2981
- const WrapperInner = styledComponents.styled(Box) `
2982
- position: relative;
2983
- `;
2984
- const SidebarWrapper = styledComponents.styled(Box) `
2985
- position: absolute;
2986
- height: 100%;
2987
- z-index: 50;
2988
- pointer-events: none;
2989
- `;
2990
- const ContentBox = styledComponents.styled(Box) `
2991
- height: 100%;
2992
- `;
1492
+ error && React.createElement("div", { className: classes$4.error }, error))));
1493
+
1494
+ var css_248z$2 = ".FormGrid-module_formGrid__2OSmK{display:-ms-grid;display:grid;margin:0 -8px -16px;-ms-grid-columns:1fr}";
1495
+ var classes$2 = {"formGrid":"FormGrid-module_formGrid__2OSmK"};
1496
+ styleInject(css_248z$2);
1497
+
1498
+ const FormGrid = (_a) => {
1499
+ var { columns, className } = _a, props = __rest(_a, ["columns", "className"]);
1500
+ const { classNames, variables } = getResponsiveProps({ columns });
1501
+ return (React.createElement("div", Object.assign({ className: clsx(classes$2.formGrid, className, classNames),
1502
+ // @ts-ignore
1503
+ style: Object.assign(Object.assign({}, variables), { "--numRowsPerField": 2 }) }, props)));
1504
+ };
1505
+
1506
+ var css_248z$1 = ".BasicLayout-module_wrapper__fi1G3{background-color:#f3f3f4}.BasicLayout-module_wrapperInner__SqthQ{position:relative}.BasicLayout-module_sidebarWrapper__2x7ZG{height:100%;pointer-events:none;position:absolute;z-index:50}.BasicLayout-module_contentBox__8uu8L{height:100%}";
1507
+ var classes$1 = {"wrapper":"BasicLayout-module_wrapper__fi1G3","wrapperInner":"BasicLayout-module_wrapperInner__SqthQ","sidebarWrapper":"BasicLayout-module_sidebarWrapper__2x7ZG","contentBox":"BasicLayout-module_contentBox__8uu8L"};
1508
+ styleInject(css_248z$1);
1509
+
2993
1510
  const BasicLayout = ({ sideBarProps, topBarProps, footerProps, isLoading, loader, children, }) => {
2994
- return (React.createElement(Wrapper$1, { flexGrow: 1, display: "flex", flexDirection: "column" },
2995
- React.createElement(WrapperInner, { flexGrow: 1, flexShrink: 0 },
2996
- sideBarProps && (React.createElement(SidebarWrapper, null,
1511
+ return (React.createElement(Box, { className: classes$1.wrapper, flexGrow: 1, display: "flex", flexDirection: "column" },
1512
+ React.createElement(Box, { className: classes$1.wrapperInner, flexGrow: 1, flexShrink: 0 },
1513
+ sideBarProps && (React.createElement(Box, { className: classes$1.sidebarWrapper },
2997
1514
  React.createElement(SideBar, Object.assign({}, sideBarProps)))),
2998
- React.createElement(ContentBox, { display: "flex", flexDirection: "column" },
1515
+ React.createElement(Box, { className: classes$1.contentBox, display: "flex", flexDirection: "column" },
2999
1516
  React.createElement(TopBar, Object.assign({}, topBarProps)),
3000
1517
  React.createElement(Box, { p: { laptop: VerticalRhythmLaptop, mobile: VerticalRhythmMobile }, pl: { laptop: VerticalRhythmLaptop + SIDEBAR_COLLAPSED_WIDTH }, flexGrow: 1 }, isLoading && loader ? loader : children),
3001
1518
  React.createElement(Footer, Object.assign({}, footerProps))))));
3002
1519
  };
3003
1520
 
3004
- const Wrapper = styledComponents.styled(Box) `
3005
- background-color: ${props => props.baseColor || 'white'};
3006
- position: absolute;
3007
- min-width: 100%;
3008
- min-height: 100%;
3009
- `;
3010
- const Background = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
3011
- position: absolute;
3012
- top: 0;
3013
- left: 0;
3014
- width: 100%;
3015
- height: 100%;
3016
-
3017
- opacity: ${props => { var _a; return (_a = props.opacity) !== null && _a !== void 0 ? _a : 1; }} ;
3018
- background: url("${props => props.imageUrl}");
3019
- background-size: cover;
3020
- `;
3021
- const StyledAnimation = styledComponents.styled(SlideInFromTop) `
3022
- z-index: 10;
3023
- margin: auto auto;
3024
- `;
3025
- const StyledPanel = styledComponents.styled(Panel) `
3026
- box-shadow: 0 8px 8px 0 rgba(34,36,38,.15);
3027
- min-width: 280px;
3028
- `;
3029
- const Logo = styledComponents.styled.img `
3030
- display:none;
3031
- position: absolute;
3032
- left: 0;
3033
- top: ${props => props.theme.spacing(8)};
3034
- ${mq("tablet", `display: block;`)}
3035
- `;
3036
- const FloatingPanelLayout = ({ panelProps, imageUrl, alert, logoUrl, backgroundBaseColor, backgroundOpacity }) => (React.createElement(Wrapper, { display: "flex", alignItems: "center", baseColor: backgroundBaseColor },
3037
- React.createElement(Background, { imageUrl: imageUrl, opacity: backgroundOpacity }),
3038
- logoUrl && (React.createElement(Logo, { src: logoUrl, alt: "Logo" })),
3039
- React.createElement(StyledAnimation, null,
3040
- alert && (React.createElement(Box, { pb: VerticalRhythmLaptop }, alert)),
3041
- React.createElement(StyledPanel, Object.assign({}, panelProps)))));
1521
+ var css_248z = ".FloatingPanelLayout-module_wrapper__XlZwj{background-color:var(--base-color,#fff);min-height:100%;min-width:100%;position:absolute}.FloatingPanelLayout-module_background__vI4Uc{background-size:cover;height:100%;left:0;opacity:var(--opacity,1);position:absolute;top:0;width:100%}.FloatingPanelLayout-module_animation__031Vf{margin:auto;z-index:10}.FloatingPanelLayout-module_panel__Dmfof{box-shadow:0 8px 8px 0 #22242626;min-width:280px}.FloatingPanelLayout-module_logo__-5gan{display:none;left:0;position:absolute;top:calc(var(--spacing)*8)}@media (min-width:768px){.FloatingPanelLayout-module_logo__-5gan{display:block}}";
1522
+ var classes = {"wrapper":"FloatingPanelLayout-module_wrapper__XlZwj","background":"FloatingPanelLayout-module_background__vI4Uc","animation":"FloatingPanelLayout-module_animation__031Vf","panel":"FloatingPanelLayout-module_panel__Dmfof","logo":"FloatingPanelLayout-module_logo__-5gan"};
1523
+ styleInject(css_248z);
1524
+
1525
+ const FloatingPanelLayout = ({ panelProps, imageUrl, alert, logoUrl, backgroundBaseColor, backgroundOpacity, }) => (React.createElement(Box, { className: classes.wrapper,
1526
+ // @ts-ignore
1527
+ style: backgroundBaseColor && { "--base-color": backgroundBaseColor }, display: "flex", alignItems: "center", baseColor: backgroundBaseColor },
1528
+ React.createElement("div", { className: classes.background, style: {
1529
+ opacity: backgroundOpacity || 1,
1530
+ backgroundImage: `url(${imageUrl})`,
1531
+ } }),
1532
+ logoUrl && React.createElement("img", { src: logoUrl, alt: "Logo", className: classes.logo }),
1533
+ React.createElement(SlideInFromTop, { className: classes.animation },
1534
+ alert && React.createElement(Box, { pb: VerticalRhythmLaptop }, alert),
1535
+ React.createElement(Panel, Object.assign({}, panelProps, { className: clsx(classes.panel, panelProps.className) })))));
3042
1536
 
3043
1537
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
3044
1538
 
@@ -3876,7 +2370,7 @@ var Symbol = root.Symbol,
3876
2370
  var nativeMax = Math.max;
3877
2371
 
3878
2372
  /* Built-in method references that are verified to be native. */
3879
- var Map$1 = getNative(root, 'Map'),
2373
+ var Map = getNative(root, 'Map'),
3880
2374
  nativeCreate = getNative(Object, 'create');
3881
2375
 
3882
2376
  /**
@@ -4117,7 +2611,7 @@ function MapCache(entries) {
4117
2611
  function mapCacheClear() {
4118
2612
  this.__data__ = {
4119
2613
  'hash': new Hash,
4120
- 'map': new (Map$1 || ListCache),
2614
+ 'map': new (Map || ListCache),
4121
2615
  'string': new Hash
4122
2616
  };
4123
2617
  }
@@ -4796,8 +3290,7 @@ const equalColumns = (num, buttonGutter) => {
4796
3290
  };
4797
3291
 
4798
3292
  class FormPositioner {
4799
- constructor(fields, columns = {} // -> ignore property, its used to pass along internally.
4800
- ) {
3293
+ constructor(fields, columns = {}) {
4801
3294
  this.fields = fields;
4802
3295
  this.columns = columns;
4803
3296
  }
@@ -4826,33 +3319,30 @@ class FormPositioner {
4826
3319
  // Make sure the given grid is a valid grid:
4827
3320
  assertGridIsValid(Object.keys(this.fields), grid);
4828
3321
  // Update position attributes for the given fields:
4829
- const fields = immer.produce(this.fields, draftState => {
4830
- Object
4831
- .keys(this.fields)
4832
- .forEach(key => {
4833
- const fieldProps = draftState[key].props;
4834
- const { topLeft, bottomRight } = grid.getCoordinatesForValue(key);
4835
- if (fieldProps.position === undefined) {
4836
- fieldProps.position = {};
4837
- }
4838
- if (!isResponsiveObject(fieldProps.position)) {
4839
- // When there already was a position set, but it wasn't marked responsive,
4840
- // We set that value to the lowest breakpoint:
4841
- fieldProps.position = { mobile: fieldProps.position };
4842
- }
4843
- // Set values to breakpoint.
4844
- // @ts-ignore
4845
- fieldProps.position[breakPoint] = {
4846
- column: topLeft.x,
4847
- columnSpan: bottomRight.x - topLeft.x + 1,
4848
- row: topLeft.y,
4849
- rowSpan: bottomRight.y - topLeft.y + 1
4850
- };
4851
- });
3322
+ const clonedFields = deepClone(this.fields);
3323
+ Object.keys(this.fields).forEach((key) => {
3324
+ const fieldProps = clonedFields[key].props;
3325
+ const { topLeft, bottomRight } = grid.getCoordinatesForValue(key);
3326
+ if (fieldProps.position === undefined) {
3327
+ fieldProps.position = {};
3328
+ }
3329
+ if (!isResponsiveObject(fieldProps.position)) {
3330
+ // When there already was a position set, but it wasn't marked responsive,
3331
+ // We set that value to the lowest breakpoint:
3332
+ fieldProps.position = { mobile: fieldProps.position };
3333
+ }
3334
+ // Set values to breakpoint.
3335
+ // @ts-ignore
3336
+ fieldProps.position[breakPoint] = {
3337
+ column: topLeft.x,
3338
+ columnSpan: bottomRight.x - topLeft.x + 1,
3339
+ row: topLeft.y,
3340
+ rowSpan: bottomRight.y - topLeft.y + 1,
3341
+ };
4852
3342
  });
4853
3343
  // Return a new formPositioner.
4854
3344
  // It allows us to chain, while still being immutable.
4855
- return new FormPositioner(fields, this.columns);
3345
+ return new FormPositioner(clonedFields, this.columns);
4856
3346
  }
4857
3347
  /**
4858
3348
  * Aligns all input-fields vertically.
@@ -4876,10 +3366,11 @@ class FormPositioner {
4876
3366
  getScaffoldProps() {
4877
3367
  return {
4878
3368
  fields: this.fields,
4879
- columns: this.columns
3369
+ columns: this.columns,
4880
3370
  };
4881
3371
  }
4882
3372
  }
3373
+ const deepClone = (obj) => JSON.parse(JSON.stringify(obj));
4883
3374
 
4884
3375
  const ScaffoldFormContext = React.createContext({ factory: undefined });
4885
3376
  const ScaffoldFormProvider = ({ factory, children }) => (React.createElement(ScaffoldFormContext.Provider, { value: { factory: factory } }, children));
@@ -4910,20 +3401,18 @@ const ScaffoldField = React.forwardRef((_a, ref) => {
4910
3401
  const Component = (factory === null || factory === void 0 ? void 0 : factory(field)) || getComponent(field);
4911
3402
  // @ts-ignore
4912
3403
  if (field.type === "TextField" && field.props.type === "hidden") {
4913
- return React.createElement(Component, Object.assign({ ref: ref, name: name }, restProps, field.props));
3404
+ return (React.createElement(Component, Object.assign({ ref: ref, name: name }, restProps, field.props)));
4914
3405
  }
4915
3406
  return (React.createElement(FormGridWrapper, Object.assign({}, formGridWrapperProps),
4916
- React.createElement(Component, Object.assign({ ref: ref, name: name, placeholder: field.props.placeholder || formGridWrapperProps.label, className: clsx(!!formGridWrapperProps.error && 'error', field.props.className) }, restProps, field.props))));
3407
+ React.createElement(Component, Object.assign({ ref: ref, name: name, placeholder: field.props.placeholder || formGridWrapperProps.label, className: clsx(!!formGridWrapperProps.error && "error", field.props.className) }, restProps, field.props))));
4917
3408
  });
4918
3409
 
4919
3410
  const ScaffoldForm = React.forwardRef((_a, ref) => {
4920
3411
  var { children, columns, fields, prefixFieldNames } = _a, restProps = __rest(_a, ["children", "columns", "fields", "prefixFieldNames"]);
4921
3412
  return (React.createElement(FormGrid, { columns: columns },
4922
- Object
4923
- .entries(fields)
4924
- .map(([key, fieldProps]) => (
3413
+ Object.entries(fields).map(([key, fieldProps]) => (
4925
3414
  // @ts-ignore
4926
- React.createElement(ScaffoldField, Object.assign({ name: `${prefixFieldNames !== null && prefixFieldNames !== void 0 ? prefixFieldNames : ''}${key}`, key: key, field: fieldProps, ref: ref }, restProps)))),
3415
+ React.createElement(ScaffoldField, Object.assign({ name: `${prefixFieldNames !== null && prefixFieldNames !== void 0 ? prefixFieldNames : ""}${key}`, key: key, field: fieldProps, ref: ref }, restProps)))),
4927
3416
  children));
4928
3417
  });
4929
3418
 
@@ -4965,6 +3454,7 @@ exports.Paginator = Paginator;
4965
3454
  exports.Panel = Panel;
4966
3455
  exports.Paragraph = Paragraph;
4967
3456
  exports.PasswordStrengthField = PasswordStrengthField;
3457
+ exports.ScaffoldField = ScaffoldField;
4968
3458
  exports.ScaffoldForm = ScaffoldForm;
4969
3459
  exports.ScaffoldFormContext = ScaffoldFormContext;
4970
3460
  exports.ScaffoldFormProvider = ScaffoldFormProvider;
@@ -4974,7 +3464,6 @@ exports.SideBarHeader = SideBarHeader;
4974
3464
  exports.SimpleTimeline = SimpleTimeline;
4975
3465
  exports.SlideInFromTop = SlideInFromTop;
4976
3466
  exports.Statistic = Statistic;
4977
- exports.StyledTable = StyledTable;
4978
3467
  exports.Tab = Tab;
4979
3468
  exports.TabContent = TabContent;
4980
3469
  exports.Table = Table;
@@ -4982,20 +3471,18 @@ exports.Tabs = Tabs;
4982
3471
  exports.TextField = TextField;
4983
3472
  exports.Timeline = Timeline;
4984
3473
  exports.TopBar = TopBar;
4985
- exports.UiProvider = UiProvider;
4986
3474
  exports.UiWrapper = UiWrapper;
4987
3475
  exports.VerticalRhythmLaptop = VerticalRhythmLaptop;
4988
3476
  exports.VerticalRhythmMobile = VerticalRhythmMobile;
3477
+ exports.breakPoints = breakPoints;
4989
3478
  exports.calculatePasswordScore = calculatePasswordScore;
4990
3479
  exports.getFormGridWrapperProps = getFormGridWrapperProps;
3480
+ exports.getResponsiveProps = getResponsiveProps;
4991
3481
  exports.isResponsiveObject = isResponsiveObject;
4992
- exports.mq = mq;
4993
3482
  exports.passwordHasLowerAndUppercase = passwordHasLowerAndUppercase;
4994
3483
  exports.passwordHasNumbers = passwordHasNumbers;
4995
3484
  exports.passwordHasSpecialChars = passwordHasSpecialChars;
4996
3485
  exports.passwordMinLength = passwordMinLength;
4997
- exports.responsiveProps = responsiveProps;
4998
- exports.theme = theme;
4999
3486
  exports.useCloseSidebarOnNavigate = useCloseSidebarOnNavigate;
5000
3487
  exports.useResponsiveBreakpoints = useResponsiveBreakpoints;
5001
3488
  exports.useToggleMobileMenu = useToggleMobileMenu;