quicksnack 3.38.2 → 3.39.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundle.js +510 -136
- package/dist/bundle.min.js +109 -155
- package/dist/src/components/AnimatedCheckmark/AnimatedCheckmark.d.ts +1 -1
- package/dist/src/components/Box/Box.d.ts +3 -21
- package/dist/src/components/Menu/SideBar.d.ts +1 -1
- package/dist/src/components/Tabs/Tabs.d.ts +1 -1
- package/dist/src/responsiveness/responsive.config.d.ts +1 -0
- package/dist/src/{components/Box/_Box.d.ts → responsiveness/responsive.d.ts} +9 -6
- package/dist/src/responsiveness/scripts/generateResponsiveCssUtils.d.ts +2 -0
- package/dist/src/responsiveness/scripts/utils/range.d.ts +1 -0
- package/package.json +1 -1
- package/dist/src/components/Box/scripts/generateBoxCss.d.ts +0 -1
package/dist/bundle.js
CHANGED
|
@@ -31,8 +31,8 @@ function styleInject(css, ref) {
|
|
|
31
31
|
}
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
var css_248z$
|
|
35
|
-
styleInject(css_248z$
|
|
34
|
+
var css_248z$6 = ":root{--common-black:#000000de;--common-white:#fff;--colors-blue:#007bff;--colors-indigo:#6610f2;--colors-purple:#6f42c1;--colors-pink:#e83e8c;--colors-red:#e83e3e;--colors-orange:#fd7e14;--colors-yellow:#ffc107;--colors-green:#23b294;--colors-teal:#20c997;--colors-cyan:#17a2b8;--colors-gray:#6c757d;--colors-grayDark:#343a40;--colors-light:#f8f9fa;--colors-dark:#343a40;--form-hint:#c7c7c7;--form-error:#9f3a38;--button-basic-idle-background:#fff;--button-basic-idle-text:#000000de;--button-basic-hover-background:#e5e5e5;--button-basic-hover-text:rgba(0,0,0,.883);--button-basic-active-background:#ccc;--button-basic-active-text:rgba(0,0,0,.896);--button-default-idle-background:#e0e1e2;--button-default-idle-text:#000000de;--button-default-hover-background:#c9cacb;--button-default-hover-text:rgba(0,0,0,.883);--button-default-active-background:#b3b4b4;--button-default-active-text:rgba(0,0,0,.896);--button-text-idle-text:#999c9e;--button-text-idle-background:#0000;--button-text-active-text:#000000de;--button-text-active-background:#0000;--button-text-hover-text:#000000de;--button-text-hover-background:#0000;--button-danger-idle-background:#ec5969;--button-danger-idle-text:#fff;--button-danger-hover-background:#d4505e;--button-danger-hover-text:#fff;--button-danger-active-background:#bc4754;--button-danger-active-text:#fff;--button-primary-idle-background:#2284c4;--button-primary-idle-text:#fff;--button-primary-hover-background:#1e76b0;--button-primary-hover-text:#fff;--button-primary-active-background:#1b699c;--button-primary-active-text:#fff;--button-secondary-idle-background:#23b294;--button-secondary-idle-text:#fff;--button-secondary-hover-background:#1fa085;--button-secondary-hover-text:#fff;--button-secondary-active-background:#1c8e76;--button-secondary-active-text:#fff;--pane-basic-main-idle-text:#000000de;--pane-basic-main-idle-background:#fff;--pane-basic-main-idle-border:#ddd;--pane-basic-main-hover-text:#000000de;--pane-basic-main-hover-background:#f2f2f2;--pane-basic-main-hover-border:#ddd;--pane-basic-alternate-idle-text:#000000de;--pane-basic-alternate-idle-background:#f9f9f9;--pane-basic-alternate-idle-border:#ddd;--pane-basic-alternate-hover-text:#000000de;--pane-basic-alternate-hover-background:#f2f2f2;--pane-basic-alternate-hover-border:#ddd;--pane-emphasized-main-idle-text:#000000de;--pane-emphasized-main-idle-background:#f3f3f3;--pane-emphasized-main-idle-border:#ddd;--pane-emphasized-main-hover-text:#000000de;--pane-emphasized-main-hover-background:#e6e6e6;--pane-emphasized-main-hover-border:#ddd;--pane-emphasized-alternate-idle-text:#000000de;--pane-emphasized-alternate-idle-background:#eee;--pane-emphasized-alternate-idle-border:#ddd;--pane-emphasized-alternate-hover-text:#000000de;--pane-emphasized-alternate-hover-background:#e6e6e6;--pane-emphasized-alternate-hover-border:#ddd;--pane-info-main-idle-text:#0c5460;--pane-info-main-idle-background:#d1ecf1;--pane-info-main-idle-border:#bee5eb;--pane-info-main-hover-text:#0c5460;--pane-info-main-hover-background:#c6e0e4;--pane-info-main-hover-border:#bee5eb;--pane-info-alternate-idle-text:#0c5460;--pane-info-alternate-idle-background:#cce7ec;--pane-info-alternate-idle-border:#bee5eb;--pane-info-alternate-hover-text:#0c5460;--pane-info-alternate-hover-background:#c6e0e4;--pane-info-alternate-hover-border:#bee5eb;--pane-negative-main-idle-text:#721c24;--pane-negative-main-idle-background:#f8d7da;--pane-negative-main-idle-border:#f5c6cb;--pane-negative-main-hover-text:#721c24;--pane-negative-main-hover-background:#ebcccf;--pane-negative-main-hover-border:#f5c6cb;--pane-negative-alternate-idle-text:#721c24;--pane-negative-alternate-idle-background:#f3d2d5;--pane-negative-alternate-idle-border:#f5c6cb;--pane-negative-alternate-hover-text:#721c24;--pane-negative-alternate-hover-background:#ebcccf;--pane-negative-alternate-hover-border:#f5c6cb;--pane-positive-main-idle-text:#155724;--pane-positive-main-idle-background:#d4edda;--pane-positive-main-idle-border:#c3e6cb;--pane-positive-main-hover-text:#155724;--pane-positive-main-hover-background:#c9e1cf;--pane-positive-main-hover-border:#c3e6cb;--pane-positive-alternate-idle-text:#155724;--pane-positive-alternate-idle-background:#cfe8d5;--pane-positive-alternate-idle-border:#c3e6cb;--pane-positive-alternate-hover-text:#155724;--pane-positive-alternate-hover-background:#c9e1cf;--pane-positive-alternate-hover-border:#c3e6cb;--pane-warning-main-idle-text:#856404;--pane-warning-main-idle-background:#fff3cd;--pane-warning-main-idle-border:#ffeeba;--pane-warning-main-hover-text:#856404;--pane-warning-main-hover-background:#f2e6c2;--pane-warning-main-hover-border:#ffeeba;--pane-warning-alternate-idle-text:#856404;--pane-warning-alternate-idle-background:#f9eec8;--pane-warning-alternate-idle-border:#ffeeba;--pane-warning-alternate-hover-text:#856404;--pane-warning-alternate-hover-background:#f2e6c2;--pane-warning-alternate-hover-border:#ffeeba;--spacing:4px}";
|
|
35
|
+
styleInject(css_248z$6);
|
|
36
36
|
|
|
37
37
|
/******************************************************************************
|
|
38
38
|
Copyright (c) Microsoft Corporation.
|
|
@@ -1075,9 +1075,9 @@ const SlideInFromTop = styledComponents.styled.div.withConfig({ shouldForwardPro
|
|
|
1075
1075
|
animation: ${slideInFromTop} ${props => props.speed || '.3s'} ease-in 0s 1;
|
|
1076
1076
|
`;
|
|
1077
1077
|
|
|
1078
|
-
var css_248z$
|
|
1079
|
-
var classes$
|
|
1080
|
-
styleInject(css_248z$
|
|
1078
|
+
var css_248z$5 = ".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$4 = {"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$5);
|
|
1081
1081
|
|
|
1082
1082
|
const sharedStyles$1 = styledComponents.css `
|
|
1083
1083
|
margin: 0 0;
|
|
@@ -1127,6 +1127,9 @@ const Paragraph = styledComponents.styled.p `
|
|
|
1127
1127
|
margin: 0;
|
|
1128
1128
|
`;
|
|
1129
1129
|
|
|
1130
|
+
var css_248z$4 = ":root{--spacing--1:calc(var(--spacing)*-1);--spacing-0:calc(var(--spacing)*0);--spacing-1:calc(var(--spacing)*1);--spacing-2:calc(var(--spacing)*2);--spacing-3:calc(var(--spacing)*3);--spacing-4:calc(var(--spacing)*4);--spacing-5:calc(var(--spacing)*5)}@media (min-width:0px){.p\\:var{padding:var(--p)}.p\\:-1{padding:var(--spacing--1)}.p\\:0{padding:var(--spacing-0)}.p\\:1{padding:var(--spacing-1)}.p\\:2{padding:var(--spacing-2)}.p\\:3{padding:var(--spacing-3)}.p\\:4{padding:var(--spacing-4)}.p\\:5{padding:var(--spacing-5)}.pt\\:var{padding-top:var(--pt)}.pt\\:-1{padding-top:var(--spacing--1)}.pt\\:0{padding-top:var(--spacing-0)}.pt\\:1{padding-top:var(--spacing-1)}.pt\\:2{padding-top:var(--spacing-2)}.pt\\:3{padding-top:var(--spacing-3)}.pt\\:4{padding-top:var(--spacing-4)}.pt\\:5{padding-top:var(--spacing-5)}.pr\\:var{padding-right:var(--pr)}.pr\\:-1{padding-right:var(--spacing--1)}.pr\\:0{padding-right:var(--spacing-0)}.pr\\:1{padding-right:var(--spacing-1)}.pr\\:2{padding-right:var(--spacing-2)}.pr\\:3{padding-right:var(--spacing-3)}.pr\\:4{padding-right:var(--spacing-4)}.pr\\:5{padding-right:var(--spacing-5)}.pb\\:var{padding-bottom:var(--pb)}.pb\\:-1{padding-bottom:var(--spacing--1)}.pb\\:0{padding-bottom:var(--spacing-0)}.pb\\:1{padding-bottom:var(--spacing-1)}.pb\\:2{padding-bottom:var(--spacing-2)}.pb\\:3{padding-bottom:var(--spacing-3)}.pb\\:4{padding-bottom:var(--spacing-4)}.pb\\:5{padding-bottom:var(--spacing-5)}.pl\\:var{padding-left:var(--pl)}.pl\\:-1{padding-left:var(--spacing--1)}.pl\\:0{padding-left:var(--spacing-0)}.pl\\:1{padding-left:var(--spacing-1)}.pl\\:2{padding-left:var(--spacing-2)}.pl\\:3{padding-left:var(--spacing-3)}.pl\\:4{padding-left:var(--spacing-4)}.pl\\:5{padding-left:var(--spacing-5)}.m\\:var{margin:var(--m)}.m\\:-1{margin:var(--spacing--1)}.m\\:0{margin:var(--spacing-0)}.m\\:1{margin:var(--spacing-1)}.m\\:2{margin:var(--spacing-2)}.m\\:3{margin:var(--spacing-3)}.m\\:4{margin:var(--spacing-4)}.m\\:5{margin:var(--spacing-5)}.mt\\:var{margin-top:var(--mt)}.mt\\:-1{margin-top:var(--spacing--1)}.mt\\:0{margin-top:var(--spacing-0)}.mt\\:1{margin-top:var(--spacing-1)}.mt\\:2{margin-top:var(--spacing-2)}.mt\\:3{margin-top:var(--spacing-3)}.mt\\:4{margin-top:var(--spacing-4)}.mt\\:5{margin-top:var(--spacing-5)}.mr\\:var{margin-right:var(--mr)}.mr\\:-1{margin-right:var(--spacing--1)}.mr\\:0{margin-right:var(--spacing-0)}.mr\\:1{margin-right:var(--spacing-1)}.mr\\:2{margin-right:var(--spacing-2)}.mr\\:3{margin-right:var(--spacing-3)}.mr\\:4{margin-right:var(--spacing-4)}.mr\\:5{margin-right:var(--spacing-5)}.mb\\:var{margin-bottom:var(--mb)}.mb\\:-1{margin-bottom:var(--spacing--1)}.mb\\:0{margin-bottom:var(--spacing-0)}.mb\\:1{margin-bottom:var(--spacing-1)}.mb\\:2{margin-bottom:var(--spacing-2)}.mb\\:3{margin-bottom:var(--spacing-3)}.mb\\:4{margin-bottom:var(--spacing-4)}.mb\\:5{margin-bottom:var(--spacing-5)}.ml\\:var{margin-left:var(--ml)}.ml\\:-1{margin-left:var(--spacing--1)}.ml\\:0{margin-left:var(--spacing-0)}.ml\\:1{margin-left:var(--spacing-1)}.ml\\:2{margin-left:var(--spacing-2)}.ml\\:3{margin-left:var(--spacing-3)}.ml\\:4{margin-left:var(--spacing-4)}.ml\\:5{margin-left:var(--spacing-5)}.display\\:var{display:var(--display)}.display\\:block{display:block}.display\\:flex{display:flex}.display\\:none{display:none}.flexGrow\\:var{flex-grow:var(--flexGrow)}.flexGrow\\:1{flex-grow:1}.flexGrow\\:0{flex-grow:0}.flexShrink\\:var{flex-shrink:var(--flexShrink)}.flexShrink\\:1{flex-shrink:1}.flexShrink\\:0{flex-shrink:0}.flexDirection\\:var{flex-direction:var(--flexDirection)}.flexDirection\\:row{flex-direction:row}.flexDirection\\:column{flex-direction:column}.alignItems\\:var{align-items:var(--alignItems)}.alignItems\\:center{align-items:center}.alignItems\\:flex-start{align-items:flex-start}.alignItems\\:flex-end{align-items:flex-end}.textAlign\\:var{text-align:var(--textAlign)}.textAlign\\:left{text-align:left}.textAlign\\:right{text-align:right}.textAlign\\:center{text-align:center}.justifyContent\\:var{justify-content:var(--justifyContent)}.justifyContent\\:center{justify-content:center}.justifyContent\\:flex-start{justify-content:flex-start}.justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:768px){.tablet\\:p\\:var{padding:var(--tablet_p)}.tablet\\:p\\:-1{padding:var(--spacing--1)}.tablet\\:p\\:0{padding:var(--spacing-0)}.tablet\\:p\\:1{padding:var(--spacing-1)}.tablet\\:p\\:2{padding:var(--spacing-2)}.tablet\\:p\\:3{padding:var(--spacing-3)}.tablet\\:p\\:4{padding:var(--spacing-4)}.tablet\\:p\\:5{padding:var(--spacing-5)}.tablet\\:pt\\:var{padding-top:var(--tablet_pt)}.tablet\\:pt\\:-1{padding-top:var(--spacing--1)}.tablet\\:pt\\:0{padding-top:var(--spacing-0)}.tablet\\:pt\\:1{padding-top:var(--spacing-1)}.tablet\\:pt\\:2{padding-top:var(--spacing-2)}.tablet\\:pt\\:3{padding-top:var(--spacing-3)}.tablet\\:pt\\:4{padding-top:var(--spacing-4)}.tablet\\:pt\\:5{padding-top:var(--spacing-5)}.tablet\\:pr\\:var{padding-right:var(--tablet_pr)}.tablet\\:pr\\:-1{padding-right:var(--spacing--1)}.tablet\\:pr\\:0{padding-right:var(--spacing-0)}.tablet\\:pr\\:1{padding-right:var(--spacing-1)}.tablet\\:pr\\:2{padding-right:var(--spacing-2)}.tablet\\:pr\\:3{padding-right:var(--spacing-3)}.tablet\\:pr\\:4{padding-right:var(--spacing-4)}.tablet\\:pr\\:5{padding-right:var(--spacing-5)}.tablet\\:pb\\:var{padding-bottom:var(--tablet_pb)}.tablet\\:pb\\:-1{padding-bottom:var(--spacing--1)}.tablet\\:pb\\:0{padding-bottom:var(--spacing-0)}.tablet\\:pb\\:1{padding-bottom:var(--spacing-1)}.tablet\\:pb\\:2{padding-bottom:var(--spacing-2)}.tablet\\:pb\\:3{padding-bottom:var(--spacing-3)}.tablet\\:pb\\:4{padding-bottom:var(--spacing-4)}.tablet\\:pb\\:5{padding-bottom:var(--spacing-5)}.tablet\\:pl\\:var{padding-left:var(--tablet_pl)}.tablet\\:pl\\:-1{padding-left:var(--spacing--1)}.tablet\\:pl\\:0{padding-left:var(--spacing-0)}.tablet\\:pl\\:1{padding-left:var(--spacing-1)}.tablet\\:pl\\:2{padding-left:var(--spacing-2)}.tablet\\:pl\\:3{padding-left:var(--spacing-3)}.tablet\\:pl\\:4{padding-left:var(--spacing-4)}.tablet\\:pl\\:5{padding-left:var(--spacing-5)}.tablet\\:m\\:var{margin:var(--tablet_m)}.tablet\\:m\\:-1{margin:var(--spacing--1)}.tablet\\:m\\:0{margin:var(--spacing-0)}.tablet\\:m\\:1{margin:var(--spacing-1)}.tablet\\:m\\:2{margin:var(--spacing-2)}.tablet\\:m\\:3{margin:var(--spacing-3)}.tablet\\:m\\:4{margin:var(--spacing-4)}.tablet\\:m\\:5{margin:var(--spacing-5)}.tablet\\:mt\\:var{margin-top:var(--tablet_mt)}.tablet\\:mt\\:-1{margin-top:var(--spacing--1)}.tablet\\:mt\\:0{margin-top:var(--spacing-0)}.tablet\\:mt\\:1{margin-top:var(--spacing-1)}.tablet\\:mt\\:2{margin-top:var(--spacing-2)}.tablet\\:mt\\:3{margin-top:var(--spacing-3)}.tablet\\:mt\\:4{margin-top:var(--spacing-4)}.tablet\\:mt\\:5{margin-top:var(--spacing-5)}.tablet\\:mr\\:var{margin-right:var(--tablet_mr)}.tablet\\:mr\\:-1{margin-right:var(--spacing--1)}.tablet\\:mr\\:0{margin-right:var(--spacing-0)}.tablet\\:mr\\:1{margin-right:var(--spacing-1)}.tablet\\:mr\\:2{margin-right:var(--spacing-2)}.tablet\\:mr\\:3{margin-right:var(--spacing-3)}.tablet\\:mr\\:4{margin-right:var(--spacing-4)}.tablet\\:mr\\:5{margin-right:var(--spacing-5)}.tablet\\:mb\\:var{margin-bottom:var(--tablet_mb)}.tablet\\:mb\\:-1{margin-bottom:var(--spacing--1)}.tablet\\:mb\\:0{margin-bottom:var(--spacing-0)}.tablet\\:mb\\:1{margin-bottom:var(--spacing-1)}.tablet\\:mb\\:2{margin-bottom:var(--spacing-2)}.tablet\\:mb\\:3{margin-bottom:var(--spacing-3)}.tablet\\:mb\\:4{margin-bottom:var(--spacing-4)}.tablet\\:mb\\:5{margin-bottom:var(--spacing-5)}.tablet\\:ml\\:var{margin-left:var(--tablet_ml)}.tablet\\:ml\\:-1{margin-left:var(--spacing--1)}.tablet\\:ml\\:0{margin-left:var(--spacing-0)}.tablet\\:ml\\:1{margin-left:var(--spacing-1)}.tablet\\:ml\\:2{margin-left:var(--spacing-2)}.tablet\\:ml\\:3{margin-left:var(--spacing-3)}.tablet\\:ml\\:4{margin-left:var(--spacing-4)}.tablet\\:ml\\:5{margin-left:var(--spacing-5)}.tablet\\:display\\:var{display:var(--tablet_display)}.tablet\\:display\\:block{display:block}.tablet\\:display\\:flex{display:flex}.tablet\\:display\\:none{display:none}.tablet\\:flexGrow\\:var{flex-grow:var(--tablet_flexGrow)}.tablet\\:flexGrow\\:1{flex-grow:1}.tablet\\:flexGrow\\:0{flex-grow:0}.tablet\\:flexShrink\\:var{flex-shrink:var(--tablet_flexShrink)}.tablet\\:flexShrink\\:1{flex-shrink:1}.tablet\\:flexShrink\\:0{flex-shrink:0}.tablet\\:flexDirection\\:var{flex-direction:var(--tablet_flexDirection)}.tablet\\:flexDirection\\:row{flex-direction:row}.tablet\\:flexDirection\\:column{flex-direction:column}.tablet\\:alignItems\\:var{align-items:var(--tablet_alignItems)}.tablet\\:alignItems\\:center{align-items:center}.tablet\\:alignItems\\:flex-start{align-items:flex-start}.tablet\\:alignItems\\:flex-end{align-items:flex-end}.tablet\\:textAlign\\:var{text-align:var(--tablet_textAlign)}.tablet\\:textAlign\\:left{text-align:left}.tablet\\:textAlign\\:right{text-align:right}.tablet\\:textAlign\\:center{text-align:center}.tablet\\:justifyContent\\:var{justify-content:var(--tablet_justifyContent)}.tablet\\:justifyContent\\:center{justify-content:center}.tablet\\:justifyContent\\:flex-start{justify-content:flex-start}.tablet\\:justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:1024px){.laptop\\:p\\:var{padding:var(--laptop_p)}.laptop\\:p\\:-1{padding:var(--spacing--1)}.laptop\\:p\\:0{padding:var(--spacing-0)}.laptop\\:p\\:1{padding:var(--spacing-1)}.laptop\\:p\\:2{padding:var(--spacing-2)}.laptop\\:p\\:3{padding:var(--spacing-3)}.laptop\\:p\\:4{padding:var(--spacing-4)}.laptop\\:p\\:5{padding:var(--spacing-5)}.laptop\\:pt\\:var{padding-top:var(--laptop_pt)}.laptop\\:pt\\:-1{padding-top:var(--spacing--1)}.laptop\\:pt\\:0{padding-top:var(--spacing-0)}.laptop\\:pt\\:1{padding-top:var(--spacing-1)}.laptop\\:pt\\:2{padding-top:var(--spacing-2)}.laptop\\:pt\\:3{padding-top:var(--spacing-3)}.laptop\\:pt\\:4{padding-top:var(--spacing-4)}.laptop\\:pt\\:5{padding-top:var(--spacing-5)}.laptop\\:pr\\:var{padding-right:var(--laptop_pr)}.laptop\\:pr\\:-1{padding-right:var(--spacing--1)}.laptop\\:pr\\:0{padding-right:var(--spacing-0)}.laptop\\:pr\\:1{padding-right:var(--spacing-1)}.laptop\\:pr\\:2{padding-right:var(--spacing-2)}.laptop\\:pr\\:3{padding-right:var(--spacing-3)}.laptop\\:pr\\:4{padding-right:var(--spacing-4)}.laptop\\:pr\\:5{padding-right:var(--spacing-5)}.laptop\\:pb\\:var{padding-bottom:var(--laptop_pb)}.laptop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.laptop\\:pb\\:0{padding-bottom:var(--spacing-0)}.laptop\\:pb\\:1{padding-bottom:var(--spacing-1)}.laptop\\:pb\\:2{padding-bottom:var(--spacing-2)}.laptop\\:pb\\:3{padding-bottom:var(--spacing-3)}.laptop\\:pb\\:4{padding-bottom:var(--spacing-4)}.laptop\\:pb\\:5{padding-bottom:var(--spacing-5)}.laptop\\:pl\\:var{padding-left:var(--laptop_pl)}.laptop\\:pl\\:-1{padding-left:var(--spacing--1)}.laptop\\:pl\\:0{padding-left:var(--spacing-0)}.laptop\\:pl\\:1{padding-left:var(--spacing-1)}.laptop\\:pl\\:2{padding-left:var(--spacing-2)}.laptop\\:pl\\:3{padding-left:var(--spacing-3)}.laptop\\:pl\\:4{padding-left:var(--spacing-4)}.laptop\\:pl\\:5{padding-left:var(--spacing-5)}.laptop\\:m\\:var{margin:var(--laptop_m)}.laptop\\:m\\:-1{margin:var(--spacing--1)}.laptop\\:m\\:0{margin:var(--spacing-0)}.laptop\\:m\\:1{margin:var(--spacing-1)}.laptop\\:m\\:2{margin:var(--spacing-2)}.laptop\\:m\\:3{margin:var(--spacing-3)}.laptop\\:m\\:4{margin:var(--spacing-4)}.laptop\\:m\\:5{margin:var(--spacing-5)}.laptop\\:mt\\:var{margin-top:var(--laptop_mt)}.laptop\\:mt\\:-1{margin-top:var(--spacing--1)}.laptop\\:mt\\:0{margin-top:var(--spacing-0)}.laptop\\:mt\\:1{margin-top:var(--spacing-1)}.laptop\\:mt\\:2{margin-top:var(--spacing-2)}.laptop\\:mt\\:3{margin-top:var(--spacing-3)}.laptop\\:mt\\:4{margin-top:var(--spacing-4)}.laptop\\:mt\\:5{margin-top:var(--spacing-5)}.laptop\\:mr\\:var{margin-right:var(--laptop_mr)}.laptop\\:mr\\:-1{margin-right:var(--spacing--1)}.laptop\\:mr\\:0{margin-right:var(--spacing-0)}.laptop\\:mr\\:1{margin-right:var(--spacing-1)}.laptop\\:mr\\:2{margin-right:var(--spacing-2)}.laptop\\:mr\\:3{margin-right:var(--spacing-3)}.laptop\\:mr\\:4{margin-right:var(--spacing-4)}.laptop\\:mr\\:5{margin-right:var(--spacing-5)}.laptop\\:mb\\:var{margin-bottom:var(--laptop_mb)}.laptop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.laptop\\:mb\\:0{margin-bottom:var(--spacing-0)}.laptop\\:mb\\:1{margin-bottom:var(--spacing-1)}.laptop\\:mb\\:2{margin-bottom:var(--spacing-2)}.laptop\\:mb\\:3{margin-bottom:var(--spacing-3)}.laptop\\:mb\\:4{margin-bottom:var(--spacing-4)}.laptop\\:mb\\:5{margin-bottom:var(--spacing-5)}.laptop\\:ml\\:var{margin-left:var(--laptop_ml)}.laptop\\:ml\\:-1{margin-left:var(--spacing--1)}.laptop\\:ml\\:0{margin-left:var(--spacing-0)}.laptop\\:ml\\:1{margin-left:var(--spacing-1)}.laptop\\:ml\\:2{margin-left:var(--spacing-2)}.laptop\\:ml\\:3{margin-left:var(--spacing-3)}.laptop\\:ml\\:4{margin-left:var(--spacing-4)}.laptop\\:ml\\:5{margin-left:var(--spacing-5)}.laptop\\:display\\:var{display:var(--laptop_display)}.laptop\\:display\\:block{display:block}.laptop\\:display\\:flex{display:flex}.laptop\\:display\\:none{display:none}.laptop\\:flexGrow\\:var{flex-grow:var(--laptop_flexGrow)}.laptop\\:flexGrow\\:1{flex-grow:1}.laptop\\:flexGrow\\:0{flex-grow:0}.laptop\\:flexShrink\\:var{flex-shrink:var(--laptop_flexShrink)}.laptop\\:flexShrink\\:1{flex-shrink:1}.laptop\\:flexShrink\\:0{flex-shrink:0}.laptop\\:flexDirection\\:var{flex-direction:var(--laptop_flexDirection)}.laptop\\:flexDirection\\:row{flex-direction:row}.laptop\\:flexDirection\\:column{flex-direction:column}.laptop\\:alignItems\\:var{align-items:var(--laptop_alignItems)}.laptop\\:alignItems\\:center{align-items:center}.laptop\\:alignItems\\:flex-start{align-items:flex-start}.laptop\\:alignItems\\:flex-end{align-items:flex-end}.laptop\\:textAlign\\:var{text-align:var(--laptop_textAlign)}.laptop\\:textAlign\\:left{text-align:left}.laptop\\:textAlign\\:right{text-align:right}.laptop\\:textAlign\\:center{text-align:center}.laptop\\:justifyContent\\:var{justify-content:var(--laptop_justifyContent)}.laptop\\:justifyContent\\:center{justify-content:center}.laptop\\:justifyContent\\:flex-start{justify-content:flex-start}.laptop\\:justifyContent\\:flex-end{justify-content:flex-end}}@media (min-width:1430px){.desktop\\:p\\:var{padding:var(--desktop_p)}.desktop\\:p\\:-1{padding:var(--spacing--1)}.desktop\\:p\\:0{padding:var(--spacing-0)}.desktop\\:p\\:1{padding:var(--spacing-1)}.desktop\\:p\\:2{padding:var(--spacing-2)}.desktop\\:p\\:3{padding:var(--spacing-3)}.desktop\\:p\\:4{padding:var(--spacing-4)}.desktop\\:p\\:5{padding:var(--spacing-5)}.desktop\\:pt\\:var{padding-top:var(--desktop_pt)}.desktop\\:pt\\:-1{padding-top:var(--spacing--1)}.desktop\\:pt\\:0{padding-top:var(--spacing-0)}.desktop\\:pt\\:1{padding-top:var(--spacing-1)}.desktop\\:pt\\:2{padding-top:var(--spacing-2)}.desktop\\:pt\\:3{padding-top:var(--spacing-3)}.desktop\\:pt\\:4{padding-top:var(--spacing-4)}.desktop\\:pt\\:5{padding-top:var(--spacing-5)}.desktop\\:pr\\:var{padding-right:var(--desktop_pr)}.desktop\\:pr\\:-1{padding-right:var(--spacing--1)}.desktop\\:pr\\:0{padding-right:var(--spacing-0)}.desktop\\:pr\\:1{padding-right:var(--spacing-1)}.desktop\\:pr\\:2{padding-right:var(--spacing-2)}.desktop\\:pr\\:3{padding-right:var(--spacing-3)}.desktop\\:pr\\:4{padding-right:var(--spacing-4)}.desktop\\:pr\\:5{padding-right:var(--spacing-5)}.desktop\\:pb\\:var{padding-bottom:var(--desktop_pb)}.desktop\\:pb\\:-1{padding-bottom:var(--spacing--1)}.desktop\\:pb\\:0{padding-bottom:var(--spacing-0)}.desktop\\:pb\\:1{padding-bottom:var(--spacing-1)}.desktop\\:pb\\:2{padding-bottom:var(--spacing-2)}.desktop\\:pb\\:3{padding-bottom:var(--spacing-3)}.desktop\\:pb\\:4{padding-bottom:var(--spacing-4)}.desktop\\:pb\\:5{padding-bottom:var(--spacing-5)}.desktop\\:pl\\:var{padding-left:var(--desktop_pl)}.desktop\\:pl\\:-1{padding-left:var(--spacing--1)}.desktop\\:pl\\:0{padding-left:var(--spacing-0)}.desktop\\:pl\\:1{padding-left:var(--spacing-1)}.desktop\\:pl\\:2{padding-left:var(--spacing-2)}.desktop\\:pl\\:3{padding-left:var(--spacing-3)}.desktop\\:pl\\:4{padding-left:var(--spacing-4)}.desktop\\:pl\\:5{padding-left:var(--spacing-5)}.desktop\\:m\\:var{margin:var(--desktop_m)}.desktop\\:m\\:-1{margin:var(--spacing--1)}.desktop\\:m\\:0{margin:var(--spacing-0)}.desktop\\:m\\:1{margin:var(--spacing-1)}.desktop\\:m\\:2{margin:var(--spacing-2)}.desktop\\:m\\:3{margin:var(--spacing-3)}.desktop\\:m\\:4{margin:var(--spacing-4)}.desktop\\:m\\:5{margin:var(--spacing-5)}.desktop\\:mt\\:var{margin-top:var(--desktop_mt)}.desktop\\:mt\\:-1{margin-top:var(--spacing--1)}.desktop\\:mt\\:0{margin-top:var(--spacing-0)}.desktop\\:mt\\:1{margin-top:var(--spacing-1)}.desktop\\:mt\\:2{margin-top:var(--spacing-2)}.desktop\\:mt\\:3{margin-top:var(--spacing-3)}.desktop\\:mt\\:4{margin-top:var(--spacing-4)}.desktop\\:mt\\:5{margin-top:var(--spacing-5)}.desktop\\:mr\\:var{margin-right:var(--desktop_mr)}.desktop\\:mr\\:-1{margin-right:var(--spacing--1)}.desktop\\:mr\\:0{margin-right:var(--spacing-0)}.desktop\\:mr\\:1{margin-right:var(--spacing-1)}.desktop\\:mr\\:2{margin-right:var(--spacing-2)}.desktop\\:mr\\:3{margin-right:var(--spacing-3)}.desktop\\:mr\\:4{margin-right:var(--spacing-4)}.desktop\\:mr\\:5{margin-right:var(--spacing-5)}.desktop\\:mb\\:var{margin-bottom:var(--desktop_mb)}.desktop\\:mb\\:-1{margin-bottom:var(--spacing--1)}.desktop\\:mb\\:0{margin-bottom:var(--spacing-0)}.desktop\\:mb\\:1{margin-bottom:var(--spacing-1)}.desktop\\:mb\\:2{margin-bottom:var(--spacing-2)}.desktop\\:mb\\:3{margin-bottom:var(--spacing-3)}.desktop\\:mb\\:4{margin-bottom:var(--spacing-4)}.desktop\\:mb\\:5{margin-bottom:var(--spacing-5)}.desktop\\:ml\\:var{margin-left:var(--desktop_ml)}.desktop\\:ml\\:-1{margin-left:var(--spacing--1)}.desktop\\:ml\\:0{margin-left:var(--spacing-0)}.desktop\\:ml\\:1{margin-left:var(--spacing-1)}.desktop\\:ml\\:2{margin-left:var(--spacing-2)}.desktop\\:ml\\:3{margin-left:var(--spacing-3)}.desktop\\:ml\\:4{margin-left:var(--spacing-4)}.desktop\\:ml\\:5{margin-left:var(--spacing-5)}.desktop\\:display\\:var{display:var(--desktop_display)}.desktop\\:display\\:block{display:block}.desktop\\:display\\:flex{display:flex}.desktop\\:display\\:none{display:none}.desktop\\:flexGrow\\:var{flex-grow:var(--desktop_flexGrow)}.desktop\\:flexGrow\\:1{flex-grow:1}.desktop\\:flexGrow\\:0{flex-grow:0}.desktop\\:flexShrink\\:var{flex-shrink:var(--desktop_flexShrink)}.desktop\\:flexShrink\\:1{flex-shrink:1}.desktop\\:flexShrink\\:0{flex-shrink:0}.desktop\\:flexDirection\\:var{flex-direction:var(--desktop_flexDirection)}.desktop\\:flexDirection\\:row{flex-direction:row}.desktop\\:flexDirection\\:column{flex-direction:column}.desktop\\:alignItems\\:var{align-items:var(--desktop_alignItems)}.desktop\\:alignItems\\:center{align-items:center}.desktop\\:alignItems\\:flex-start{align-items:flex-start}.desktop\\:alignItems\\:flex-end{align-items:flex-end}.desktop\\:textAlign\\:var{text-align:var(--desktop_textAlign)}.desktop\\:textAlign\\:left{text-align:left}.desktop\\:textAlign\\:right{text-align:right}.desktop\\:textAlign\\:center{text-align:center}.desktop\\:justifyContent\\:var{justify-content:var(--desktop_justifyContent)}.desktop\\:justifyContent\\:center{justify-content:center}.desktop\\:justifyContent\\:flex-start{justify-content:flex-start}.desktop\\:justifyContent\\:flex-end{justify-content:flex-end}}";
|
|
1131
|
+
styleInject(css_248z$4);
|
|
1132
|
+
|
|
1130
1133
|
const breakPoints = [
|
|
1131
1134
|
"mobile",
|
|
1132
1135
|
"tablet",
|
|
@@ -1184,9 +1187,484 @@ const responsiveProps = (props, map) => {
|
|
|
1184
1187
|
];
|
|
1185
1188
|
};
|
|
1186
1189
|
|
|
1187
|
-
|
|
1188
|
-
|
|
1189
|
-
|
|
1190
|
+
const responsiveClassnames = [
|
|
1191
|
+
"p:var",
|
|
1192
|
+
"p:-1",
|
|
1193
|
+
"p:0",
|
|
1194
|
+
"p:1",
|
|
1195
|
+
"p:2",
|
|
1196
|
+
"p:3",
|
|
1197
|
+
"p:4",
|
|
1198
|
+
"p:5",
|
|
1199
|
+
"pt:var",
|
|
1200
|
+
"pt:-1",
|
|
1201
|
+
"pt:0",
|
|
1202
|
+
"pt:1",
|
|
1203
|
+
"pt:2",
|
|
1204
|
+
"pt:3",
|
|
1205
|
+
"pt:4",
|
|
1206
|
+
"pt:5",
|
|
1207
|
+
"pr:var",
|
|
1208
|
+
"pr:-1",
|
|
1209
|
+
"pr:0",
|
|
1210
|
+
"pr:1",
|
|
1211
|
+
"pr:2",
|
|
1212
|
+
"pr:3",
|
|
1213
|
+
"pr:4",
|
|
1214
|
+
"pr:5",
|
|
1215
|
+
"pb:var",
|
|
1216
|
+
"pb:-1",
|
|
1217
|
+
"pb:0",
|
|
1218
|
+
"pb:1",
|
|
1219
|
+
"pb:2",
|
|
1220
|
+
"pb:3",
|
|
1221
|
+
"pb:4",
|
|
1222
|
+
"pb:5",
|
|
1223
|
+
"pl:var",
|
|
1224
|
+
"pl:-1",
|
|
1225
|
+
"pl:0",
|
|
1226
|
+
"pl:1",
|
|
1227
|
+
"pl:2",
|
|
1228
|
+
"pl:3",
|
|
1229
|
+
"pl:4",
|
|
1230
|
+
"pl:5",
|
|
1231
|
+
"m:var",
|
|
1232
|
+
"m:-1",
|
|
1233
|
+
"m:0",
|
|
1234
|
+
"m:1",
|
|
1235
|
+
"m:2",
|
|
1236
|
+
"m:3",
|
|
1237
|
+
"m:4",
|
|
1238
|
+
"m:5",
|
|
1239
|
+
"mt:var",
|
|
1240
|
+
"mt:-1",
|
|
1241
|
+
"mt:0",
|
|
1242
|
+
"mt:1",
|
|
1243
|
+
"mt:2",
|
|
1244
|
+
"mt:3",
|
|
1245
|
+
"mt:4",
|
|
1246
|
+
"mt:5",
|
|
1247
|
+
"mr:var",
|
|
1248
|
+
"mr:-1",
|
|
1249
|
+
"mr:0",
|
|
1250
|
+
"mr:1",
|
|
1251
|
+
"mr:2",
|
|
1252
|
+
"mr:3",
|
|
1253
|
+
"mr:4",
|
|
1254
|
+
"mr:5",
|
|
1255
|
+
"mb:var",
|
|
1256
|
+
"mb:-1",
|
|
1257
|
+
"mb:0",
|
|
1258
|
+
"mb:1",
|
|
1259
|
+
"mb:2",
|
|
1260
|
+
"mb:3",
|
|
1261
|
+
"mb:4",
|
|
1262
|
+
"mb:5",
|
|
1263
|
+
"ml:var",
|
|
1264
|
+
"ml:-1",
|
|
1265
|
+
"ml:0",
|
|
1266
|
+
"ml:1",
|
|
1267
|
+
"ml:2",
|
|
1268
|
+
"ml:3",
|
|
1269
|
+
"ml:4",
|
|
1270
|
+
"ml:5",
|
|
1271
|
+
"display:var",
|
|
1272
|
+
"display:block",
|
|
1273
|
+
"display:flex",
|
|
1274
|
+
"display:none",
|
|
1275
|
+
"flexGrow:var",
|
|
1276
|
+
"flexGrow:1",
|
|
1277
|
+
"flexGrow:0",
|
|
1278
|
+
"flexShrink:var",
|
|
1279
|
+
"flexShrink:1",
|
|
1280
|
+
"flexShrink:0",
|
|
1281
|
+
"flexDirection:var",
|
|
1282
|
+
"flexDirection:row",
|
|
1283
|
+
"flexDirection:column",
|
|
1284
|
+
"alignItems:var",
|
|
1285
|
+
"alignItems:center",
|
|
1286
|
+
"alignItems:flex-start",
|
|
1287
|
+
"alignItems:flex-end",
|
|
1288
|
+
"textAlign:var",
|
|
1289
|
+
"textAlign:left",
|
|
1290
|
+
"textAlign:right",
|
|
1291
|
+
"textAlign:center",
|
|
1292
|
+
"justifyContent:var",
|
|
1293
|
+
"justifyContent:center",
|
|
1294
|
+
"justifyContent:flex-start",
|
|
1295
|
+
"justifyContent:flex-end",
|
|
1296
|
+
"tablet:p:var",
|
|
1297
|
+
"tablet:p:-1",
|
|
1298
|
+
"tablet:p:0",
|
|
1299
|
+
"tablet:p:1",
|
|
1300
|
+
"tablet:p:2",
|
|
1301
|
+
"tablet:p:3",
|
|
1302
|
+
"tablet:p:4",
|
|
1303
|
+
"tablet:p:5",
|
|
1304
|
+
"tablet:pt:var",
|
|
1305
|
+
"tablet:pt:-1",
|
|
1306
|
+
"tablet:pt:0",
|
|
1307
|
+
"tablet:pt:1",
|
|
1308
|
+
"tablet:pt:2",
|
|
1309
|
+
"tablet:pt:3",
|
|
1310
|
+
"tablet:pt:4",
|
|
1311
|
+
"tablet:pt:5",
|
|
1312
|
+
"tablet:pr:var",
|
|
1313
|
+
"tablet:pr:-1",
|
|
1314
|
+
"tablet:pr:0",
|
|
1315
|
+
"tablet:pr:1",
|
|
1316
|
+
"tablet:pr:2",
|
|
1317
|
+
"tablet:pr:3",
|
|
1318
|
+
"tablet:pr:4",
|
|
1319
|
+
"tablet:pr:5",
|
|
1320
|
+
"tablet:pb:var",
|
|
1321
|
+
"tablet:pb:-1",
|
|
1322
|
+
"tablet:pb:0",
|
|
1323
|
+
"tablet:pb:1",
|
|
1324
|
+
"tablet:pb:2",
|
|
1325
|
+
"tablet:pb:3",
|
|
1326
|
+
"tablet:pb:4",
|
|
1327
|
+
"tablet:pb:5",
|
|
1328
|
+
"tablet:pl:var",
|
|
1329
|
+
"tablet:pl:-1",
|
|
1330
|
+
"tablet:pl:0",
|
|
1331
|
+
"tablet:pl:1",
|
|
1332
|
+
"tablet:pl:2",
|
|
1333
|
+
"tablet:pl:3",
|
|
1334
|
+
"tablet:pl:4",
|
|
1335
|
+
"tablet:pl:5",
|
|
1336
|
+
"tablet:m:var",
|
|
1337
|
+
"tablet:m:-1",
|
|
1338
|
+
"tablet:m:0",
|
|
1339
|
+
"tablet:m:1",
|
|
1340
|
+
"tablet:m:2",
|
|
1341
|
+
"tablet:m:3",
|
|
1342
|
+
"tablet:m:4",
|
|
1343
|
+
"tablet:m:5",
|
|
1344
|
+
"tablet:mt:var",
|
|
1345
|
+
"tablet:mt:-1",
|
|
1346
|
+
"tablet:mt:0",
|
|
1347
|
+
"tablet:mt:1",
|
|
1348
|
+
"tablet:mt:2",
|
|
1349
|
+
"tablet:mt:3",
|
|
1350
|
+
"tablet:mt:4",
|
|
1351
|
+
"tablet:mt:5",
|
|
1352
|
+
"tablet:mr:var",
|
|
1353
|
+
"tablet:mr:-1",
|
|
1354
|
+
"tablet:mr:0",
|
|
1355
|
+
"tablet:mr:1",
|
|
1356
|
+
"tablet:mr:2",
|
|
1357
|
+
"tablet:mr:3",
|
|
1358
|
+
"tablet:mr:4",
|
|
1359
|
+
"tablet:mr:5",
|
|
1360
|
+
"tablet:mb:var",
|
|
1361
|
+
"tablet:mb:-1",
|
|
1362
|
+
"tablet:mb:0",
|
|
1363
|
+
"tablet:mb:1",
|
|
1364
|
+
"tablet:mb:2",
|
|
1365
|
+
"tablet:mb:3",
|
|
1366
|
+
"tablet:mb:4",
|
|
1367
|
+
"tablet:mb:5",
|
|
1368
|
+
"tablet:ml:var",
|
|
1369
|
+
"tablet:ml:-1",
|
|
1370
|
+
"tablet:ml:0",
|
|
1371
|
+
"tablet:ml:1",
|
|
1372
|
+
"tablet:ml:2",
|
|
1373
|
+
"tablet:ml:3",
|
|
1374
|
+
"tablet:ml:4",
|
|
1375
|
+
"tablet:ml:5",
|
|
1376
|
+
"tablet:display:var",
|
|
1377
|
+
"tablet:display:block",
|
|
1378
|
+
"tablet:display:flex",
|
|
1379
|
+
"tablet:display:none",
|
|
1380
|
+
"tablet:flexGrow:var",
|
|
1381
|
+
"tablet:flexGrow:1",
|
|
1382
|
+
"tablet:flexGrow:0",
|
|
1383
|
+
"tablet:flexShrink:var",
|
|
1384
|
+
"tablet:flexShrink:1",
|
|
1385
|
+
"tablet:flexShrink:0",
|
|
1386
|
+
"tablet:flexDirection:var",
|
|
1387
|
+
"tablet:flexDirection:row",
|
|
1388
|
+
"tablet:flexDirection:column",
|
|
1389
|
+
"tablet:alignItems:var",
|
|
1390
|
+
"tablet:alignItems:center",
|
|
1391
|
+
"tablet:alignItems:flex-start",
|
|
1392
|
+
"tablet:alignItems:flex-end",
|
|
1393
|
+
"tablet:textAlign:var",
|
|
1394
|
+
"tablet:textAlign:left",
|
|
1395
|
+
"tablet:textAlign:right",
|
|
1396
|
+
"tablet:textAlign:center",
|
|
1397
|
+
"tablet:justifyContent:var",
|
|
1398
|
+
"tablet:justifyContent:center",
|
|
1399
|
+
"tablet:justifyContent:flex-start",
|
|
1400
|
+
"tablet:justifyContent:flex-end",
|
|
1401
|
+
"laptop:p:var",
|
|
1402
|
+
"laptop:p:-1",
|
|
1403
|
+
"laptop:p:0",
|
|
1404
|
+
"laptop:p:1",
|
|
1405
|
+
"laptop:p:2",
|
|
1406
|
+
"laptop:p:3",
|
|
1407
|
+
"laptop:p:4",
|
|
1408
|
+
"laptop:p:5",
|
|
1409
|
+
"laptop:pt:var",
|
|
1410
|
+
"laptop:pt:-1",
|
|
1411
|
+
"laptop:pt:0",
|
|
1412
|
+
"laptop:pt:1",
|
|
1413
|
+
"laptop:pt:2",
|
|
1414
|
+
"laptop:pt:3",
|
|
1415
|
+
"laptop:pt:4",
|
|
1416
|
+
"laptop:pt:5",
|
|
1417
|
+
"laptop:pr:var",
|
|
1418
|
+
"laptop:pr:-1",
|
|
1419
|
+
"laptop:pr:0",
|
|
1420
|
+
"laptop:pr:1",
|
|
1421
|
+
"laptop:pr:2",
|
|
1422
|
+
"laptop:pr:3",
|
|
1423
|
+
"laptop:pr:4",
|
|
1424
|
+
"laptop:pr:5",
|
|
1425
|
+
"laptop:pb:var",
|
|
1426
|
+
"laptop:pb:-1",
|
|
1427
|
+
"laptop:pb:0",
|
|
1428
|
+
"laptop:pb:1",
|
|
1429
|
+
"laptop:pb:2",
|
|
1430
|
+
"laptop:pb:3",
|
|
1431
|
+
"laptop:pb:4",
|
|
1432
|
+
"laptop:pb:5",
|
|
1433
|
+
"laptop:pl:var",
|
|
1434
|
+
"laptop:pl:-1",
|
|
1435
|
+
"laptop:pl:0",
|
|
1436
|
+
"laptop:pl:1",
|
|
1437
|
+
"laptop:pl:2",
|
|
1438
|
+
"laptop:pl:3",
|
|
1439
|
+
"laptop:pl:4",
|
|
1440
|
+
"laptop:pl:5",
|
|
1441
|
+
"laptop:m:var",
|
|
1442
|
+
"laptop:m:-1",
|
|
1443
|
+
"laptop:m:0",
|
|
1444
|
+
"laptop:m:1",
|
|
1445
|
+
"laptop:m:2",
|
|
1446
|
+
"laptop:m:3",
|
|
1447
|
+
"laptop:m:4",
|
|
1448
|
+
"laptop:m:5",
|
|
1449
|
+
"laptop:mt:var",
|
|
1450
|
+
"laptop:mt:-1",
|
|
1451
|
+
"laptop:mt:0",
|
|
1452
|
+
"laptop:mt:1",
|
|
1453
|
+
"laptop:mt:2",
|
|
1454
|
+
"laptop:mt:3",
|
|
1455
|
+
"laptop:mt:4",
|
|
1456
|
+
"laptop:mt:5",
|
|
1457
|
+
"laptop:mr:var",
|
|
1458
|
+
"laptop:mr:-1",
|
|
1459
|
+
"laptop:mr:0",
|
|
1460
|
+
"laptop:mr:1",
|
|
1461
|
+
"laptop:mr:2",
|
|
1462
|
+
"laptop:mr:3",
|
|
1463
|
+
"laptop:mr:4",
|
|
1464
|
+
"laptop:mr:5",
|
|
1465
|
+
"laptop:mb:var",
|
|
1466
|
+
"laptop:mb:-1",
|
|
1467
|
+
"laptop:mb:0",
|
|
1468
|
+
"laptop:mb:1",
|
|
1469
|
+
"laptop:mb:2",
|
|
1470
|
+
"laptop:mb:3",
|
|
1471
|
+
"laptop:mb:4",
|
|
1472
|
+
"laptop:mb:5",
|
|
1473
|
+
"laptop:ml:var",
|
|
1474
|
+
"laptop:ml:-1",
|
|
1475
|
+
"laptop:ml:0",
|
|
1476
|
+
"laptop:ml:1",
|
|
1477
|
+
"laptop:ml:2",
|
|
1478
|
+
"laptop:ml:3",
|
|
1479
|
+
"laptop:ml:4",
|
|
1480
|
+
"laptop:ml:5",
|
|
1481
|
+
"laptop:display:var",
|
|
1482
|
+
"laptop:display:block",
|
|
1483
|
+
"laptop:display:flex",
|
|
1484
|
+
"laptop:display:none",
|
|
1485
|
+
"laptop:flexGrow:var",
|
|
1486
|
+
"laptop:flexGrow:1",
|
|
1487
|
+
"laptop:flexGrow:0",
|
|
1488
|
+
"laptop:flexShrink:var",
|
|
1489
|
+
"laptop:flexShrink:1",
|
|
1490
|
+
"laptop:flexShrink:0",
|
|
1491
|
+
"laptop:flexDirection:var",
|
|
1492
|
+
"laptop:flexDirection:row",
|
|
1493
|
+
"laptop:flexDirection:column",
|
|
1494
|
+
"laptop:alignItems:var",
|
|
1495
|
+
"laptop:alignItems:center",
|
|
1496
|
+
"laptop:alignItems:flex-start",
|
|
1497
|
+
"laptop:alignItems:flex-end",
|
|
1498
|
+
"laptop:textAlign:var",
|
|
1499
|
+
"laptop:textAlign:left",
|
|
1500
|
+
"laptop:textAlign:right",
|
|
1501
|
+
"laptop:textAlign:center",
|
|
1502
|
+
"laptop:justifyContent:var",
|
|
1503
|
+
"laptop:justifyContent:center",
|
|
1504
|
+
"laptop:justifyContent:flex-start",
|
|
1505
|
+
"laptop:justifyContent:flex-end",
|
|
1506
|
+
"desktop:p:var",
|
|
1507
|
+
"desktop:p:-1",
|
|
1508
|
+
"desktop:p:0",
|
|
1509
|
+
"desktop:p:1",
|
|
1510
|
+
"desktop:p:2",
|
|
1511
|
+
"desktop:p:3",
|
|
1512
|
+
"desktop:p:4",
|
|
1513
|
+
"desktop:p:5",
|
|
1514
|
+
"desktop:pt:var",
|
|
1515
|
+
"desktop:pt:-1",
|
|
1516
|
+
"desktop:pt:0",
|
|
1517
|
+
"desktop:pt:1",
|
|
1518
|
+
"desktop:pt:2",
|
|
1519
|
+
"desktop:pt:3",
|
|
1520
|
+
"desktop:pt:4",
|
|
1521
|
+
"desktop:pt:5",
|
|
1522
|
+
"desktop:pr:var",
|
|
1523
|
+
"desktop:pr:-1",
|
|
1524
|
+
"desktop:pr:0",
|
|
1525
|
+
"desktop:pr:1",
|
|
1526
|
+
"desktop:pr:2",
|
|
1527
|
+
"desktop:pr:3",
|
|
1528
|
+
"desktop:pr:4",
|
|
1529
|
+
"desktop:pr:5",
|
|
1530
|
+
"desktop:pb:var",
|
|
1531
|
+
"desktop:pb:-1",
|
|
1532
|
+
"desktop:pb:0",
|
|
1533
|
+
"desktop:pb:1",
|
|
1534
|
+
"desktop:pb:2",
|
|
1535
|
+
"desktop:pb:3",
|
|
1536
|
+
"desktop:pb:4",
|
|
1537
|
+
"desktop:pb:5",
|
|
1538
|
+
"desktop:pl:var",
|
|
1539
|
+
"desktop:pl:-1",
|
|
1540
|
+
"desktop:pl:0",
|
|
1541
|
+
"desktop:pl:1",
|
|
1542
|
+
"desktop:pl:2",
|
|
1543
|
+
"desktop:pl:3",
|
|
1544
|
+
"desktop:pl:4",
|
|
1545
|
+
"desktop:pl:5",
|
|
1546
|
+
"desktop:m:var",
|
|
1547
|
+
"desktop:m:-1",
|
|
1548
|
+
"desktop:m:0",
|
|
1549
|
+
"desktop:m:1",
|
|
1550
|
+
"desktop:m:2",
|
|
1551
|
+
"desktop:m:3",
|
|
1552
|
+
"desktop:m:4",
|
|
1553
|
+
"desktop:m:5",
|
|
1554
|
+
"desktop:mt:var",
|
|
1555
|
+
"desktop:mt:-1",
|
|
1556
|
+
"desktop:mt:0",
|
|
1557
|
+
"desktop:mt:1",
|
|
1558
|
+
"desktop:mt:2",
|
|
1559
|
+
"desktop:mt:3",
|
|
1560
|
+
"desktop:mt:4",
|
|
1561
|
+
"desktop:mt:5",
|
|
1562
|
+
"desktop:mr:var",
|
|
1563
|
+
"desktop:mr:-1",
|
|
1564
|
+
"desktop:mr:0",
|
|
1565
|
+
"desktop:mr:1",
|
|
1566
|
+
"desktop:mr:2",
|
|
1567
|
+
"desktop:mr:3",
|
|
1568
|
+
"desktop:mr:4",
|
|
1569
|
+
"desktop:mr:5",
|
|
1570
|
+
"desktop:mb:var",
|
|
1571
|
+
"desktop:mb:-1",
|
|
1572
|
+
"desktop:mb:0",
|
|
1573
|
+
"desktop:mb:1",
|
|
1574
|
+
"desktop:mb:2",
|
|
1575
|
+
"desktop:mb:3",
|
|
1576
|
+
"desktop:mb:4",
|
|
1577
|
+
"desktop:mb:5",
|
|
1578
|
+
"desktop:ml:var",
|
|
1579
|
+
"desktop:ml:-1",
|
|
1580
|
+
"desktop:ml:0",
|
|
1581
|
+
"desktop:ml:1",
|
|
1582
|
+
"desktop:ml:2",
|
|
1583
|
+
"desktop:ml:3",
|
|
1584
|
+
"desktop:ml:4",
|
|
1585
|
+
"desktop:ml:5",
|
|
1586
|
+
"desktop:display:var",
|
|
1587
|
+
"desktop:display:block",
|
|
1588
|
+
"desktop:display:flex",
|
|
1589
|
+
"desktop:display:none",
|
|
1590
|
+
"desktop:flexGrow:var",
|
|
1591
|
+
"desktop:flexGrow:1",
|
|
1592
|
+
"desktop:flexGrow:0",
|
|
1593
|
+
"desktop:flexShrink:var",
|
|
1594
|
+
"desktop:flexShrink:1",
|
|
1595
|
+
"desktop:flexShrink:0",
|
|
1596
|
+
"desktop:flexDirection:var",
|
|
1597
|
+
"desktop:flexDirection:row",
|
|
1598
|
+
"desktop:flexDirection:column",
|
|
1599
|
+
"desktop:alignItems:var",
|
|
1600
|
+
"desktop:alignItems:center",
|
|
1601
|
+
"desktop:alignItems:flex-start",
|
|
1602
|
+
"desktop:alignItems:flex-end",
|
|
1603
|
+
"desktop:textAlign:var",
|
|
1604
|
+
"desktop:textAlign:left",
|
|
1605
|
+
"desktop:textAlign:right",
|
|
1606
|
+
"desktop:textAlign:center",
|
|
1607
|
+
"desktop:justifyContent:var",
|
|
1608
|
+
"desktop:justifyContent:center",
|
|
1609
|
+
"desktop:justifyContent:flex-start",
|
|
1610
|
+
"desktop:justifyContent:flex-end",
|
|
1611
|
+
];
|
|
1612
|
+
|
|
1613
|
+
const isKnownClassName = (className) => responsiveClassnames.includes(className);
|
|
1614
|
+
const getResponsiveProps = (props) => {
|
|
1615
|
+
const entries = Object.entries(props);
|
|
1616
|
+
const variables = entries
|
|
1617
|
+
.flatMap(([name, prop]) => responsivePropToCssVariable(name, prop))
|
|
1618
|
+
.reduce((acc, [key, val]) => (Object.assign(Object.assign({}, acc), { [key]: val })), {});
|
|
1619
|
+
const classNames = entries
|
|
1620
|
+
.map(([name, prop]) => responsivePropToClassname(name, prop))
|
|
1621
|
+
.join(" ");
|
|
1622
|
+
return {
|
|
1623
|
+
variables,
|
|
1624
|
+
classNames,
|
|
1625
|
+
};
|
|
1626
|
+
};
|
|
1627
|
+
const responsivePropToClassname = (name, prop) => {
|
|
1628
|
+
const entries = isResponsiveObject(prop)
|
|
1629
|
+
? Object.entries(prop)
|
|
1630
|
+
: [[undefined, prop]];
|
|
1631
|
+
const classNames = entries.map(([breakpoint, value]) => {
|
|
1632
|
+
const fixed = buildClassName(breakpoint, name, value);
|
|
1633
|
+
const variable = buildClassName(breakpoint, name, "var");
|
|
1634
|
+
return isKnownClassName(fixed)
|
|
1635
|
+
? fixed
|
|
1636
|
+
: isKnownClassName(variable)
|
|
1637
|
+
? variable
|
|
1638
|
+
: "";
|
|
1639
|
+
});
|
|
1640
|
+
return classNames.join(" ");
|
|
1641
|
+
};
|
|
1642
|
+
const responsivePropToCssVariable = (name, prop) => {
|
|
1643
|
+
const entries = isResponsiveObject(prop)
|
|
1644
|
+
? Object.entries(prop)
|
|
1645
|
+
: [[undefined, prop]];
|
|
1646
|
+
return entries
|
|
1647
|
+
.map(([breakpoint, value]) => {
|
|
1648
|
+
const fixed = buildClassName(breakpoint, name, value);
|
|
1649
|
+
const variable = buildClassName(breakpoint, name, "var");
|
|
1650
|
+
if (isKnownClassName(fixed) || !isKnownClassName(variable))
|
|
1651
|
+
return undefined;
|
|
1652
|
+
const variableName = [stripMobile(breakpoint), name]
|
|
1653
|
+
.filter(Boolean)
|
|
1654
|
+
.join("_");
|
|
1655
|
+
const variableValue = typeof value === "number" ? `calc(var(--spacing) * ${value})` : value;
|
|
1656
|
+
return [`--${variableName}`, variableValue];
|
|
1657
|
+
})
|
|
1658
|
+
.filter(Boolean);
|
|
1659
|
+
};
|
|
1660
|
+
const stripMobile = (breakpoint) => breakpoint === "mobile" ? undefined : breakpoint;
|
|
1661
|
+
const buildClassName = (breakpoint, name, value) => [stripMobile(breakpoint), name, value]
|
|
1662
|
+
.filter((val) => val !== undefined && val !== null)
|
|
1663
|
+
.join(":");
|
|
1664
|
+
|
|
1665
|
+
var css_248z$3 = ".Box-module_box__Wgbf3{box-sizing:border-box}";
|
|
1666
|
+
var classes$3 = {"box":"Box-module_box__Wgbf3"};
|
|
1667
|
+
styleInject(css_248z$3);
|
|
1190
1668
|
|
|
1191
1669
|
function toVal(mix) {
|
|
1192
1670
|
var k, y, str='';
|
|
@@ -1230,135 +1708,37 @@ function clsx () {
|
|
|
1230
1708
|
}
|
|
1231
1709
|
|
|
1232
1710
|
const Box = (_a) => {
|
|
1233
|
-
var {
|
|
1234
|
-
const
|
|
1235
|
-
|
|
1236
|
-
pt,
|
|
1237
|
-
pr,
|
|
1238
|
-
pb,
|
|
1239
|
-
pl,
|
|
1240
|
-
m,
|
|
1241
|
-
mt,
|
|
1242
|
-
mr,
|
|
1243
|
-
mb,
|
|
1244
|
-
ml,
|
|
1245
|
-
display,
|
|
1246
|
-
flexGrow,
|
|
1247
|
-
flexShrink,
|
|
1248
|
-
flexDirection,
|
|
1249
|
-
alignItems,
|
|
1250
|
-
textAlign,
|
|
1251
|
-
justifyContent,
|
|
1252
|
-
width,
|
|
1253
|
-
}).filter(([, prop]) => Boolean(prop));
|
|
1254
|
-
const responsiveCssVariables = responsiveProps
|
|
1255
|
-
.flatMap(([name, prop]) => responsivePropToCssVariable(name, prop))
|
|
1256
|
-
.reduce((acc, [key, val]) => (Object.assign(Object.assign({}, acc), { [key]: val })), {});
|
|
1257
|
-
const responsiveClassNames = responsiveProps
|
|
1258
|
-
.map(([name, prop]) => responsivePropToClassname(name, prop))
|
|
1259
|
-
.join(" ");
|
|
1260
|
-
return (React.createElement("div", Object.assign({ className: clsx(classes$1.box, className, responsiveClassNames), style: responsiveCssVariables }, rest), children));
|
|
1261
|
-
};
|
|
1262
|
-
const responsivePropToClassname = (name, prop) => !isResponsiveObject(prop)
|
|
1263
|
-
? classes$1[name]
|
|
1264
|
-
: Object.entries(prop)
|
|
1265
|
-
.map(([breakpoint]) => classes$1[`${parseBreakPoint(breakpoint)}${name}`])
|
|
1266
|
-
.join(" ");
|
|
1267
|
-
const responsivePropToCssVariable = (name, prop) => !isResponsiveObject(prop)
|
|
1268
|
-
? [[`--${name}`, parseValue(name, prop)]]
|
|
1269
|
-
: Object.entries(prop).map(([breakpoint, prop]) => [
|
|
1270
|
-
`--${parseBreakPoint(breakpoint)}${name}`,
|
|
1271
|
-
parseValue(name, prop),
|
|
1272
|
-
]);
|
|
1273
|
-
const parseBreakPoint = (breakpoint) => breakpoint === "mobile" ? "" : `${breakpoint}_`;
|
|
1274
|
-
const parseValue = (name, prop) => {
|
|
1275
|
-
switch (name) {
|
|
1276
|
-
case "p":
|
|
1277
|
-
case "pt":
|
|
1278
|
-
case "pr":
|
|
1279
|
-
case "pb":
|
|
1280
|
-
case "pl":
|
|
1281
|
-
case "m":
|
|
1282
|
-
case "mt":
|
|
1283
|
-
case "mr":
|
|
1284
|
-
case "mb":
|
|
1285
|
-
case "ml":
|
|
1286
|
-
return `calc(var(--spacing) * ${prop})`;
|
|
1287
|
-
case "width":
|
|
1288
|
-
return typeof prop === "number" ? `calc(var(--spacing) * ${prop})` : prop;
|
|
1289
|
-
default:
|
|
1290
|
-
return prop;
|
|
1291
|
-
}
|
|
1711
|
+
var { className, children } = _a, rest = __rest(_a, ["className", "children"]);
|
|
1712
|
+
const { classNames, variables } = getResponsiveProps(rest);
|
|
1713
|
+
return (React.createElement("div", Object.assign({ className: clsx(classes$3.box, className, classNames), style: variables }, rest), children));
|
|
1292
1714
|
};
|
|
1293
1715
|
|
|
1294
|
-
const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$
|
|
1716
|
+
const Alert = ({ children, title, variant = "basic" }) => (React.createElement("div", { className: clsx(classes$4.wrapper, classes$4[`variant-${variant}`]) },
|
|
1295
1717
|
React.createElement(Box, { p: 3 },
|
|
1296
1718
|
title && (React.createElement(Box, { pb: children ? 1 : 0 },
|
|
1297
1719
|
React.createElement(Header, { level: 4 }, title))),
|
|
1298
1720
|
children && React.createElement(Paragraph, null, children))));
|
|
1299
1721
|
|
|
1300
|
-
|
|
1301
|
-
|
|
1302
|
-
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1306
|
-
|
|
1307
|
-
|
|
1308
|
-
|
|
1309
|
-
}
|
|
1310
|
-
100% {
|
|
1311
|
-
stroke-dashoffset: 0px
|
|
1312
|
-
}
|
|
1313
|
-
`;
|
|
1314
|
-
const Polyline = styledComponents.styled.polyline `
|
|
1315
|
-
stroke-dasharray: 100px, 100px;
|
|
1316
|
-
stroke-dashoffset: 200px;
|
|
1317
|
-
animation: ${polyLineAnimation} 0.42s ease-in-out 0.8s backwards;
|
|
1318
|
-
stroke: ${green};
|
|
1319
|
-
stroke-width: 10;
|
|
1320
|
-
`;
|
|
1321
|
-
const circleAnimation = styledComponents.keyframes `
|
|
1322
|
-
0% {
|
|
1323
|
-
stroke-dashoffset: 480px
|
|
1324
|
-
}
|
|
1325
|
-
100% {
|
|
1326
|
-
stroke-dashoffset: 960px
|
|
1327
|
-
}
|
|
1328
|
-
`;
|
|
1329
|
-
const Circle$1 = styledComponents.styled.circle `
|
|
1330
|
-
stroke-dasharray: 480px, 480px;
|
|
1331
|
-
stroke-dashoffset: 960px;
|
|
1332
|
-
animation: ${circleAnimation} 0.6s ease-in-out backwards;
|
|
1333
|
-
stroke: ${green};
|
|
1334
|
-
stroke-width: 10;
|
|
1335
|
-
`;
|
|
1336
|
-
const circleColoredAnimation = styledComponents.keyframes `
|
|
1337
|
-
0% {
|
|
1338
|
-
opacity:0;
|
|
1339
|
-
}
|
|
1340
|
-
100% {
|
|
1341
|
-
opacity:100;
|
|
1342
|
-
}
|
|
1343
|
-
`;
|
|
1344
|
-
const CircleColored = styledComponents.styled.circle `
|
|
1345
|
-
stroke-dasharray: 480px, 480px;
|
|
1346
|
-
stroke-dashoffset: 960px;
|
|
1347
|
-
animation: ${circleColoredAnimation} 1.2s ease-in-out 1.4s backwards;
|
|
1348
|
-
fill: #effaf8;
|
|
1349
|
-
`;
|
|
1350
|
-
const AnimatedCheckmark = () => (React.createElement("svg", { viewBox: "0 0 154 154" },
|
|
1351
|
-
React.createElement(Mask, null,
|
|
1352
|
-
React.createElement(Circle$1, { cx: '77', cy: '77', r: '72' }),
|
|
1353
|
-
React.createElement(CircleColored, { cx: '77', cy: '77', r: '72' }),
|
|
1354
|
-
React.createElement(Polyline, { points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
|
|
1355
|
-
|
|
1356
|
-
var css_248z = ".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}";
|
|
1357
|
-
var classes = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
|
|
1358
|
-
styleInject(css_248z);
|
|
1722
|
+
var css_248z$2 = ".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}}";
|
|
1723
|
+
var classes$2 = {"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"};
|
|
1724
|
+
styleInject(css_248z$2);
|
|
1725
|
+
|
|
1726
|
+
const AnimatedCheckmark = () => (React.createElement("svg", { className: classes$2.svg, viewBox: "0 0 154 154" },
|
|
1727
|
+
React.createElement("g", { className: classes$2.mask },
|
|
1728
|
+
React.createElement("circle", { className: classes$2.circle, cx: "77", cy: "77", r: "72" }),
|
|
1729
|
+
React.createElement("circle", { className: classes$2.circleColored, cx: "77", cy: "77", r: "72" }),
|
|
1730
|
+
React.createElement("polyline", { className: classes$2.polyline, points: "43.5,77.8 63.7,97.9 112.2,49.4" }))));
|
|
1359
1731
|
|
|
1360
|
-
|
|
1361
|
-
|
|
1732
|
+
var css_248z$1 = ".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}";
|
|
1733
|
+
var classes$1 = {"breadcrumbs":"BreadCrumbs-module_breadcrumbs__-UMJj","crumb":"BreadCrumbs-module_crumb__SSW-t"};
|
|
1734
|
+
styleInject(css_248z$1);
|
|
1735
|
+
|
|
1736
|
+
const BreadCrumbs = (props) => React.createElement("ul", Object.assign({ className: clsx(classes$1.breadcrumbs, props.className) }, props));
|
|
1737
|
+
const Crumb = (props) => React.createElement("li", Object.assign({ className: clsx(classes$1.breadcrumbs, props.className) }, props));
|
|
1738
|
+
|
|
1739
|
+
var css_248z = ".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)}";
|
|
1740
|
+
var classes = {"panel":"CollapsiblePanel-module_panel__DrLNG","isClosed":"CollapsiblePanel-module_isClosed__2qVew","titleActionWrapper":"CollapsiblePanel-module_titleActionWrapper__SBw5b"};
|
|
1741
|
+
styleInject(css_248z);
|
|
1362
1742
|
|
|
1363
1743
|
const Wrapper$b = styledComponents.styled.div `
|
|
1364
1744
|
background-color: ${(props) => props.theme.palette.common.white};
|
|
@@ -1439,17 +1819,11 @@ const SlideOpen = ({ isOpen, children, duration, onChange }) => {
|
|
|
1439
1819
|
React.createElement(Hider, { isHidden: isHidden }, children))));
|
|
1440
1820
|
};
|
|
1441
1821
|
|
|
1442
|
-
const TitleActionWrapper = styledComponents.styled.div.withConfig({ shouldForwardProp: isPropValid }) `
|
|
1443
|
-
transform: scaleY( ${props => props.isOpen ? '-1' : '1'} );
|
|
1444
|
-
`;
|
|
1445
|
-
const StyledPanel$2 = styledComponents.styled(Panel) `
|
|
1446
|
-
${props => !props.isOpen && styledComponents.css `border-bottom: 0;`}
|
|
1447
|
-
`;
|
|
1448
1822
|
const CollapsiblePanel = (_a) => {
|
|
1449
1823
|
var { isInitiallyOpen, children, titleAction } = _a, rest = __rest(_a, ["isInitiallyOpen", "children", "titleAction"]);
|
|
1450
1824
|
const [isOpen, setIsOpen] = React.useState(isInitiallyOpen);
|
|
1451
1825
|
const toggleOpen = React.useCallback(() => setIsOpen(!isOpen), [setIsOpen, isOpen]);
|
|
1452
|
-
return (React.createElement(
|
|
1826
|
+
return (React.createElement(Panel, Object.assign({ className: clsx(classes.panel, !isOpen && classes.isClosed) }, rest, { onClickTitle: toggleOpen, p: 0, titleAction: React.createElement("div", { className: clsx(classes.titleActionWrapper, !isOpen && classes.isClosed) }, titleAction) }),
|
|
1453
1827
|
React.createElement(SlideOpen, { isOpen: isOpen },
|
|
1454
1828
|
React.createElement(Box, { p: 3 }, children))));
|
|
1455
1829
|
};
|