@taikai/rocket-kit 4.0.0 → 4.0.1
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/index.d.ts +1 -0
- package/dist/rocket-kit.cjs.development.css +180 -0
- package/dist/rocket-kit.cjs.development.js +2 -2
- package/dist/rocket-kit.cjs.development.js.map +1 -1
- package/dist/rocket-kit.cjs.production.min.js +1 -1
- package/dist/rocket-kit.cjs.production.min.js.map +1 -1
- package/dist/rocket-kit.esm.js +93 -90
- package/dist/rocket-kit.esm.js.map +1 -1
- package/package.json +1 -1
package/dist/rocket-kit.esm.js
CHANGED
|
@@ -39,10 +39,13 @@ function styleInject(css, ref) {
|
|
|
39
39
|
}
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
var css_248z = "
|
|
43
|
-
var styles = {"wrapper":"styles-module_wrapper__pVAc9","square":"styles-module_square__T0jFe"};
|
|
42
|
+
var css_248z = ":root {\n /* Colors */\n --black: #000000;\n --white: #ffffff;\n --grey50: #F1F1F3;\n --grey100: #E3E3E8;\n --grey150: #D5D6DC;\n --grey200: #C7C8D1;\n --grey300: #ABACBA;\n --grey400: #8F91A3;\n --grey500: #73758C;\n --grey600: #5C5E70;\n --grey700: #454654;\n --grey800: #2E2F38;\n --grey850: #23232A;\n --grey900: #17171C;\n --grey950: #0C0C0E;\n --blue50: #ECEDFC;\n --blue100: #D9DCFA;\n --blue150: #C6CAF7;\n --blue200: #B3B9F4;\n --blue300: #8E96EF;\n --blue400: #6873E9;\n --blue500: #4250E4;\n --blue600: #3540B6;\n --blue700: #283089;\n --blue800: #1A205B;\n --blue850: #141844;\n --blue900: #0D102E;\n --blue950: #070817;\n --purple50: #ECEAF6;\n --purple100: #D9D4ED;\n --purple150: #C7BFE4;\n --purple200: #B4A9DB;\n --purple300: #8E7FCA;\n --purple400: #6954B8;\n --purple500: #4329A6;\n --purple600: #362185;\n --purple700: #281964;\n --purple800: #1B1042;\n --purple850: #140C32;\n --purple900: #0D0821;\n --purple950: #070411;\n --red50: #FDEEEE;\n --red100: #FBDDDD;\n --red150: #F9CDCD;\n --red200: #F7BCBC;\n --red300: #F39A9A;\n --red400: #EF7979;\n --red500: #EB5757;\n --red600: #BC4646;\n --red700: #8D3434;\n --red800: #5E2323;\n --red850: #471A1A;\n --red900: #2F1111;\n --red950: #180909;\n --oracle50: #F4F0FD;\n --oracle100: #EAE1FB;\n --oracle150: #DFD2FA;\n --oracle200: #D5C3F8;\n --oracle300: #C0A5F4;\n --oracle400: #AB87F1;\n --oracle500: #9669ED;\n --oracle600: #7854BE;\n --oracle700: #5A3F8E;\n --oracle800: #3C2A5F;\n --oracle850: #2D2047;\n --oracle900: #1E152F;\n --oracle950: #0F0B18;\n --green50: #EBFCF7;\n --green100: #D7F9EF;\n --green150: #C2F6E6;\n --green200: #AEF3DE;\n --green300: #86ECCE;\n --green400: #5DE6BD;\n --green500: #35E0AD;\n --green600: #2AB38A;\n --green700: #208668;\n --green800: #155A45;\n --green850: #104334;\n --green900: #0B2D23;\n --green950: #051611;\n --orange50: #FFF0EA;\n --orange100: #FFE1D5;\n --orange150: #FFD2C0;\n --orange200: #FFC3AB;\n --orange300: #FFA680;\n --orange400: #FF8856;\n --orange500: #FF6A2C;\n --orange600: #CC5523;\n --orange700: #99401A;\n --orange800: #662A12;\n --orange850: #4D200D;\n --orange900: #331509;\n --orange950: #1A0B04;\n --yellow50: #FFFBEC;\n --yellow100: #FFF7DA;\n --yellow150: #FFF3C7;\n --yellow200: #FFEFB5;\n --yellow300: #FFE690;\n --yellow400: #FFDE6B;\n --yellow500: #FFD646;\n --yellow600: #CCAB38;\n --yellow700: #99802A;\n --yellow800: #66561C;\n --yellow850: #4D4015;\n --yellow900: #332B0E;\n --yellow950: #1A1507;\n --paleBlue50: #F3F9FD;\n --paleBlue100: #E7F4FB;\n --paleBlue150: #DBEEF9;\n --paleBlue200: #CFE9F7;\n --paleBlue300: #B7DDF4;\n --paleBlue400: #9FD2F0;\n --paleBlue500: #87C7EC;\n --paleBlue600: #6C9FBD;\n --paleBlue700: #51778E;\n --paleBlue800: #36505E;\n --paleBlue850: #293C47;\n --paleBlue900: #1B282F;\n --paleBlue950: #0E1418;\n --paleOrange50: #FDF4EC;\n --paleOrange100: #FCE9D9;\n --paleOrange150: #FADEC6;\n --paleOrange200: #F8D3B3;\n --paleOrange300: #F5BE8C;\n --paleOrange400: #F1A866;\n --paleOrange500: #EE9240;\n --paleOrange600: #BE7533;\n --paleOrange700: #8F5826;\n --paleOrange800: #5F3A1A;\n --paleOrange850: #472C13;\n --paleOrange900: #301D0D;\n --paleOrange950: #180F06;\n\n /* Typography */\n --regular: 400;\n --defaultFont: \"Space Grotesk\", Verdana, Arial, Helvetica, sans-serif;\n --fontSizeXs: 0.75rem; /* 12px */\n --fontSizeS: 0.875rem; /* 14px */\n --fontSizeM: 1rem; /* 16px */\n --fontWeightSemiBold: 500;\n\n /* Misc */\n --transitionDurationDefault: 0.3s;\n\n /* Button tokens */\n --buttonHeight: 2.75rem; /* 44px */\n --buttonBorderWidth: 0.0625rem; /* 1px */\n --buttonBorderRadius: 0.5rem; /* 8px */\n --buttonPadding: 1.5rem; /* 24px */\n --buttonIconSpacing: 0.875rem; /* 14px */\n --buttonIconSize: 1.25rem; /* 20px */\n\n /* Breakpoints */\n --breakpointXs: 360px;\n --breakpointS: 700px;\n --breakpointM: 900px;\n --breakpointL: 1280px;\n --breakpointXl: 1600px;\n\n /* Field tokens */\n --fieldBorderWidth: 0.0625rem; /* 1px */\n --fieldBorderRadius: 0.5rem; /* 8px */\n --fieldBorderColor: var(--purple100);\n --fieldHoverBorderColor: var(--purple150);\n --fieldBackgroundColor: var(--white);\n --fieldBoxShadow: rgba(0, 0, 0, 0.15);\n --fieldColor: var(--black);\n --fieldActiveBorderColor: var(--purple500);\n --fieldActiveColor: var(--purple500);\n --fieldSuccessBackgroundColor: var(--green500);\n --fieldSuccessBorderColor: var(--green600);\n --fieldErrorBorderColor: var(--red500);\n --fieldErrorBackgroundColor: var(--red300);\n --fieldDisabledBackgroundColor: var(--grey100);\n --fieldDisabledColor: var(--grey300);\n --fieldHeight: 3.125rem; /* 50px */\n --fieldPlaceholderColor: var(--grey200);\n}";
|
|
44
43
|
styleInject(css_248z);
|
|
45
44
|
|
|
45
|
+
var css_248z$1 = ".styles-module_wrapper__pVAc9 {\n position: relative;\n border: 0.125rem solid var(--grey200); /* 2px */\n border-radius: 999px;\n width: var(--avatarSize, 30px);\n height: var(--avatarSize, 30px);\n overflow: hidden;\n z-index: 0;\n}\n\n.styles-module_wrapper__pVAc9 > * {\n width: 100%;\n height: 100%;\n}\n\n.styles-module_wrapper__pVAc9 img {\n object-fit: cover;\n}\n\n.styles-module_square__T0jFe {\n border-radius: 0;\n}\n";
|
|
46
|
+
var styles = {"wrapper":"styles-module_wrapper__pVAc9","square":"styles-module_square__T0jFe"};
|
|
47
|
+
styleInject(css_248z$1);
|
|
48
|
+
|
|
46
49
|
const AvatarImage = props => {
|
|
47
50
|
const {
|
|
48
51
|
style,
|
|
@@ -58,7 +61,7 @@ const AvatarImage = props => {
|
|
|
58
61
|
'--avatarSize': `${size}px`
|
|
59
62
|
};
|
|
60
63
|
return /*#__PURE__*/React.createElement("div", {
|
|
61
|
-
className: clsx(styles.wrapper, square && styles.square, className),
|
|
64
|
+
className: clsx('avatar-img', styles.wrapper, square && styles.square, className),
|
|
62
65
|
style: wrapperStyle
|
|
63
66
|
}, boring && !url ? /*#__PURE__*/React.createElement(Avatar, {
|
|
64
67
|
size: size,
|
|
@@ -73,9 +76,9 @@ const AvatarImage = props => {
|
|
|
73
76
|
}));
|
|
74
77
|
};
|
|
75
78
|
|
|
76
|
-
var css_248z$
|
|
79
|
+
var css_248z$2 = ".styles-module_button__WayI2 {\n margin: 0;\n border-style: solid;\n background-color: transparent;\n width: min-content;\n min-width: var(--buttonMinWidth, 5rem); /* default 80px */\n height: var(--buttonHeight);\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 var(--buttonPadding);\n white-space: nowrap;\n text-decoration: none;\n transition-duration: var(--transitionDurationDefault);\n cursor: pointer;\n outline: none;\n}\n\n/* Variant: solid */\n.styles-module_variantSolid__ND4hJ {\n border-width: 0;\n border-color: var(--bg);\n background-color: var(--bg);\n}\n\n.styles-module_variantSolid__ND4hJ:hover {\n background-color: var(--hover);\n}\n\n.styles-module_variantSolid__ND4hJ:disabled:hover {\n background-color: var(--bg);\n}\n\n.styles-module_variantSolid__ND4hJ span {\n color: var(--txt);\n}\n\n.styles-module_variantSolid__ND4hJ svg {\n fill: var(--txt);\n}\n\n/* Variant: outline */\n.styles-module_variantOutline__WhTf8 {\n border-width: var(--buttonBorderWidth);\n border-color: var(--bg);\n background-color: transparent;\n}\n\n.styles-module_variantOutline__WhTf8:hover {\n border-color: var(--hover);\n}\n\n.styles-module_variantOutline__WhTf8:hover span {\n color: var(--hover);\n}\n\n.styles-module_variantOutline__WhTf8:hover svg {\n fill: var(--hover);\n}\n\n.styles-module_variantOutline__WhTf8 span {\n color: var(--txt);\n}\n\n.styles-module_variantOutline__WhTf8 svg {\n fill: var(--txt);\n}\n\n/* Variant: text */\n.styles-module_variantText__190Ra {\n border-width: 0;\n border-radius: 0;\n background-color: transparent;\n}\n\n.styles-module_variantText__190Ra:hover span {\n color: var(--hover);\n}\n\n.styles-module_variantText__190Ra:hover svg {\n fill: var(--hover);\n}\n\n.styles-module_variantText__190Ra span {\n color: var(--bg);\n}\n\n.styles-module_variantText__190Ra svg {\n fill: var(--bg);\n}\n\n/* Border radius */\n.styles-module_rounded__aTFDO {\n border-radius: 999px;\n}\n\n.styles-module_notRounded__OpJGT {\n border-radius: var(--buttonBorderRadius);\n}\n\n/* Icon only button (no value) */\n.styles-module_iconOnly__eLTFN {\n min-width: 2.625rem; /* 42px */\n padding: 0;\n}\n\n/* Disabled state */\n.styles-module_button__WayI2:disabled {\n cursor: inherit;\n opacity: 0.5;\n}\n\n.styles-module_button__WayI2:disabled:hover {\n pointer-events: none;\n}\n\n/* Icon positioning */\n.styles-module_iconLeft__IEBdU > *:not(:last-child) {\n margin-right: var(--buttonIconSpacing);\n}\n\n.styles-module_iconRight__NrSP6 > *:not(:last-child) {\n margin-left: var(--buttonIconSpacing);\n}\n\n/* Spinner */\n.styles-module_button__WayI2 .spinner {\n order: var(--spinnerOrder, 1);\n}\n\n/* Span (text) */\n.styles-module_button__WayI2 span {\n position: relative;\n font-size: 1rem; /* 16px */\n font-weight: var(--fontWeightMedium);\n line-height: 1rem;\n pointer-events: none;\n transition-duration: var(--transitionDurationDefault);\n order: var(--textOrder, 2);\n}\n\n/* SVG (icon) */\n.styles-module_button__WayI2 svg {\n order: var(--iconOrder, 1);\n width: var(--buttonIconSize);\n height: var(--buttonIconSize);\n transition: var(--transitionDurationDefault);\n}\n";
|
|
77
80
|
var styles$1 = {"button":"styles-module_button__WayI2","variantSolid":"styles-module_variantSolid__ND4hJ","variantOutline":"styles-module_variantOutline__WhTf8","variantText":"styles-module_variantText__190Ra","rounded":"styles-module_rounded__aTFDO","notRounded":"styles-module_notRounded__OpJGT","iconOnly":"styles-module_iconOnly__eLTFN","iconLeft":"styles-module_iconLeft__IEBdU","iconRight":"styles-module_iconRight__NrSP6"};
|
|
78
|
-
styleInject(css_248z$
|
|
81
|
+
styleInject(css_248z$2);
|
|
79
82
|
|
|
80
83
|
const colors = {
|
|
81
84
|
black: '#000000',
|
|
@@ -296,9 +299,9 @@ const Button = props => {
|
|
|
296
299
|
}) : null, value && /*#__PURE__*/React.createElement("span", null, value));
|
|
297
300
|
};
|
|
298
301
|
|
|
299
|
-
var css_248z$
|
|
302
|
+
var css_248z$3 = ".styles-module_wrapper__twPVT {\n position: relative;\n}\n\n.styles-module_wrapper__twPVT ul {\n position: absolute;\n opacity: 0;\n top: 0;\n margin: 0;\n border: 0.0625rem solid var(--fieldBorderColor); /* 1px */\n border-radius: var(--fieldBorderRadius);\n background-color: var(--fieldBackgroundColor);\n min-width: 12.5rem; /* 200px */\n max-width: 15.625rem; /* 250px */\n height: 0;\n max-height: none;\n padding: 0;\n -moz-box-shadow: 0 0 0.9375rem 0 var(--fieldBoxShadow); /* 15px */\n -webkit-box-shadow: 0 0 0.9375rem 0 var(--fieldBoxShadow);\n box-shadow: 0 0 0.9375rem 0 var(--fieldBoxShadow);\n overflow-y: hidden;\n z-index: 1;\n -webkit-scrollbar-width: none;\n -moz-scrollbar-width: none;\n -ms-scrollbar-width: none;\n scrollbar-width: none;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n transition-duration: var(--transitionDurationDefault);\n list-style: none;\n}\n\n.styles-module_wrapper__twPVT ul.styles-module_isOpen__CoqF7 {\n opacity: 1;\n height: var(--menuHeight);\n max-height: 80rem; /* 1280px */\n}\n\n.styles-module_wrapper__twPVT ul li {\n list-style: none;\n min-height: 2.8125rem; /* 45px */\n display: flex;\n transition-duration: 0.3s;\n}\n\n.styles-module_wrapper__twPVT ul li:hover {\n background-color: var(--fieldBorderColor);\n cursor: pointer;\n}\n\n.styles-module_wrapper__twPVT ul li:first-child {\n border-radius: 0.25rem 0.25rem 0 0; /* 4px */\n}\n\n.styles-module_wrapper__twPVT ul li:last-child {\n border-radius: 0 0 0.25rem 0.25rem; /* 4px */\n}\n\n.styles-module_wrapper__twPVT ul li a {\n width: 100%;\n display: flex;\n align-items: center;\n padding: 0 1.25rem; /* 20px */\n color: var(--fieldColor);\n text-decoration: none;\n white-space: nowrap;\n}\n\n.styles-module_wrapper__twPVT ul li a span {\n display: table-cell;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n";
|
|
300
303
|
var styles$2 = {"wrapper":"styles-module_wrapper__twPVT","isOpen":"styles-module_isOpen__CoqF7"};
|
|
301
|
-
styleInject(css_248z$
|
|
304
|
+
styleInject(css_248z$3);
|
|
302
305
|
|
|
303
306
|
function useVisible(initialIsVisible) {
|
|
304
307
|
const [isVisible, setIsVisible] = useState(initialIsVisible);
|
|
@@ -396,9 +399,9 @@ const ButtonDropdown = props => {
|
|
|
396
399
|
}, /*#__PURE__*/React.createElement("span", null, value))))));
|
|
397
400
|
};
|
|
398
401
|
|
|
399
|
-
var css_248z$
|
|
402
|
+
var css_248z$4 = ".styles-module_buttonLink__W8jg3 {\n border-style: solid;\n background-color: transparent;\n width: min-content;\n min-width: var(--buttonMinWidth, 5rem); /* default 80px */\n height: var(--buttonHeight);\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 var(--buttonPadding);\n white-space: nowrap;\n text-decoration: none;\n transition-duration: var(--transitionDurationDefault);\n cursor: pointer;\n}\n\n/* Variant: solid */\n.styles-module_variantSolid__myVZF {\n border-width: 0;\n border-color: var(--bg);\n background-color: var(--bg);\n}\n\n.styles-module_variantSolid__myVZF:hover {\n background-color: var(--hover);\n}\n\n.styles-module_variantSolid__myVZF span {\n color: var(--txt);\n}\n\n.styles-module_variantSolid__myVZF svg {\n fill: var(--txt);\n}\n\n/* Variant: outline */\n.styles-module_variantOutline__jkoKx {\n border-width: var(--buttonBorderWidth);\n border-color: var(--bg);\n background-color: transparent;\n}\n\n.styles-module_variantOutline__jkoKx:hover {\n border-color: var(--hover);\n}\n\n.styles-module_variantOutline__jkoKx:hover span {\n color: var(--hover);\n}\n\n.styles-module_variantOutline__jkoKx:hover svg {\n fill: var(--hover);\n}\n\n.styles-module_variantOutline__jkoKx span {\n color: var(--txt);\n}\n\n.styles-module_variantOutline__jkoKx svg {\n fill: var(--txt);\n}\n\n/* Variant: text */\n.styles-module_variantText__PLCPO {\n border-width: 0;\n border-radius: 0;\n background-color: transparent;\n}\n\n.styles-module_variantText__PLCPO:hover span {\n color: var(--hover);\n}\n\n.styles-module_variantText__PLCPO:hover svg {\n fill: var(--hover);\n}\n\n.styles-module_variantText__PLCPO span {\n color: var(--bg);\n}\n\n.styles-module_variantText__PLCPO svg {\n fill: var(--bg);\n}\n\n/* Border radius */\n.styles-module_rounded__dF-r0 {\n border-radius: 999px;\n}\n\n.styles-module_notRounded__J5y-U {\n border-radius: var(--buttonBorderRadius);\n}\n\n/* Icon only (no value) */\n.styles-module_iconOnly__6iy32 {\n min-width: 2.625rem; /* 42px */\n padding: 0;\n}\n\n/* Icon positioning */\n.styles-module_iconLeft__0hRCH > *:not(:last-child) {\n margin-right: var(--buttonIconSpacing);\n}\n\n.styles-module_iconRight__slep4 > *:not(:last-child) {\n margin-left: var(--buttonIconSpacing);\n}\n\n/* Span (text) */\n.styles-module_buttonLink__W8jg3 span {\n position: relative;\n font-size: 1rem; /* 16px */\n font-weight: var(--fontWeightMedium);\n line-height: 1rem;\n pointer-events: none;\n transition-duration: var(--transitionDurationDefault);\n order: var(--textOrder, 2);\n}\n\n/* SVG (icon) */\n.styles-module_buttonLink__W8jg3 svg {\n order: var(--iconOrder, 1);\n width: var(--buttonIconSize);\n height: var(--buttonIconSize);\n transition: var(--transitionDurationDefault);\n}\n";
|
|
400
403
|
var styles$3 = {"buttonLink":"styles-module_buttonLink__W8jg3","variantSolid":"styles-module_variantSolid__myVZF","variantOutline":"styles-module_variantOutline__jkoKx","variantText":"styles-module_variantText__PLCPO","rounded":"styles-module_rounded__dF-r0","notRounded":"styles-module_notRounded__J5y-U","iconOnly":"styles-module_iconOnly__6iy32","iconLeft":"styles-module_iconLeft__0hRCH","iconRight":"styles-module_iconRight__slep4"};
|
|
401
|
-
styleInject(css_248z$
|
|
404
|
+
styleInject(css_248z$4);
|
|
402
405
|
|
|
403
406
|
const ButtonLink = props => {
|
|
404
407
|
const {
|
|
@@ -453,9 +456,9 @@ const ButtonLink = props => {
|
|
|
453
456
|
}), value && /*#__PURE__*/React.createElement("span", null, value));
|
|
454
457
|
};
|
|
455
458
|
|
|
456
|
-
var css_248z$
|
|
459
|
+
var css_248z$5 = ".styles-module_wrapper__DUP93 {\n display: flex;\n position: relative;\n padding-left: 0;\n cursor: pointer;\n user-select: none;\n}\n\n.styles-module_wrapper__DUP93.styles-module_isDisabled__eN6kP {\n cursor: auto;\n}\n\n.styles-module_wrapper__DUP93:hover input:not(:disabled) ~ span {\n border-color: var(--fieldHoverBorderColor);\n}\n\n.styles-module_wrapper__DUP93.styles-module_hasError__t5bAM:hover input:not(:disabled) ~ span {\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_wrapper__DUP93.styles-module_hasError__t5bAM span {\n color: var(--fieldErrorBorderColor);\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_wrapper__DUP93.styles-module_isDisabled__eN6kP span {\n color: var(--fieldDisabledColor);\n}\n\n.styles-module_label__M8wiB {\n margin-left: calc(1.5rem + 0.3125rem); /* 24px + 5px */\n line-height: 1.5rem; /* 24px */\n}\n\n.styles-module_input__LLU1Z {\n position: absolute;\n left: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.styles-module_checkmark__HSkQY {\n position: absolute;\n top: 0;\n left: 0;\n border: 0.125rem solid var(--fieldBorderColor); /* 2px */\n border-radius: 100%;\n width: 1.5rem; /* 24px */\n height: 1.5rem; /* 24px */\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_wrapper__DUP93.styles-module_hasError__t5bAM .styles-module_checkmark__HSkQY {\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_checkmark__HSkQY::after {\n display: block;\n content: '';\n position: absolute;\n display: none;\n top: 0.1875rem; /* 3px */\n left: 0.375rem; /* 6px */\n width: 0.3125rem; /* 5px */\n height: 0.5625rem; /* 9px */\n border: solid var(--white);\n border-width: 0 0.1875rem 0.1875rem 0; /* 3px */\n transform: rotate(45deg);\n}\n\n.styles-module_checkmark__HSkQY.checked.not-disabled {\n background-color: var(--fieldSuccessBackgroundColor);\n border-color: var(--fieldSuccessBorderColor);\n}\n\n.styles-module_wrapper__DUP93.styles-module_hasError__t5bAM .styles-module_checkmark__HSkQY.checked.not-disabled {\n background-color: var(--fieldErrorBackgroundColor);\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_checkmark__HSkQY.checked.not-disabled::after {\n display: block;\n}\n\n.styles-module_checkmark__HSkQY.checked.disabled {\n color: var(--fieldDisabledColor);\n border-color: transparent;\n background-color: var(--fieldDisabledBackgroundColor);\n}\n\n.styles-module_checkmark__HSkQY.checked.disabled::after {\n display: block;\n}\n\n.styles-module_checkmark__HSkQY.not-checked.disabled {\n border-color: var(--fieldDisabledBackgroundColor);\n background-color: var(--white);\n}\n\n.styles-module_checkmark__HSkQY.not-disabled:hover {\n border-color: var(--fieldSuccessBorderColor);\n}\n\n.styles-module_wrapper__DUP93.styles-module_hasError__t5bAM .styles-module_checkmark__HSkQY.not-disabled:hover {\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_checkmark__HSkQY.not-disabled:hover:checked ~ span {\n border-color: var(--fieldSuccessBorderColor);\n}\n\n.styles-module_wrapper__DUP93.styles-module_hasError__t5bAM .styles-module_checkmark__HSkQY.not-disabled:hover:checked ~ span {\n border-color: var(--fieldErrorBorderColor);\n}\n";
|
|
457
460
|
var styles$4 = {"wrapper":"styles-module_wrapper__DUP93","isDisabled":"styles-module_isDisabled__eN6kP","hasError":"styles-module_hasError__t5bAM","label":"styles-module_label__M8wiB","input":"styles-module_input__LLU1Z","checkmark":"styles-module_checkmark__HSkQY"};
|
|
458
|
-
styleInject(css_248z$
|
|
461
|
+
styleInject(css_248z$5);
|
|
459
462
|
|
|
460
463
|
const Checkbox = ({
|
|
461
464
|
label,
|
|
@@ -509,9 +512,9 @@ const Checkbox = ({
|
|
|
509
512
|
}));
|
|
510
513
|
};
|
|
511
514
|
|
|
512
|
-
var css_248z$
|
|
515
|
+
var css_248z$6 = ".styles-module_wrapper__bSMIp {\n border: var(--fieldBorderWidth) solid var(--fieldBorderColor);\n border-radius: var(--fieldBorderRadius);\n background-color: var(--fieldBackgroundColor);\n height: var(--fieldHeight);\n display: flex;\n align-items: center;\n position: relative;\n cursor: pointer;\n user-select: none;\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_wrapper__bSMIp:hover input:not(:disabled) ~ span {\n border-color: var(--fieldHoverBorderColor);\n}\n\n.styles-module_wrapper__bSMIp:hover {\n background-color: var(--fieldBorderColor);\n}\n\n/* Checked state */\n.styles-module_wrapper__bSMIp.styles-module_isChecked__gC6Ez {\n border-color: var(--fieldSuccessBorderColor);\n background-color: var(--fieldSuccessBackgroundColor);\n}\n\n.styles-module_wrapper__bSMIp.styles-module_isChecked__gC6Ez:hover {\n background-color: var(--fieldSuccessBackgroundColor);\n}\n\n.styles-module_wrapper__bSMIp.styles-module_isChecked__gC6Ez span {\n color: var(--white);\n}\n\n/* Disabled state */\n.styles-module_wrapper__bSMIp.styles-module_isDisabled__MU48T {\n border-color: var(--fieldBorderColor);\n background-color: var(--fieldDisabledBackgroundColor);\n cursor: auto;\n}\n\n.styles-module_wrapper__bSMIp.styles-module_isDisabled__MU48T:hover {\n background-color: var(--fieldDisabledBackgroundColor);\n}\n\n.styles-module_wrapper__bSMIp.styles-module_isDisabled__MU48T span {\n color: var(--fieldDisabledColor);\n}\n\n.styles-module_label__tOxdr {\n margin-left: 2.5rem; /* 40px */\n line-height: 1.5rem; /* 24px */\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_input__gB54E {\n position: absolute;\n left: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.styles-module_input__gB54E:checked:not(:disabled) ~ .styles-module_checkmark__Z1ZFj {\n background-color: var(--white);\n border-color: var(--fieldSuccessBorderColor);\n}\n\n.styles-module_input__gB54E:checked:not(:disabled) ~ .styles-module_checkmark__Z1ZFj::after {\n display: block;\n}\n\n.styles-module_input__gB54E:checked:disabled ~ .styles-module_checkmark__Z1ZFj {\n background-color: var(--fieldDisabledBackgroundColor);\n color: var(--fieldDisabledColor);\n}\n\n.styles-module_input__gB54E:checked:disabled ~ .styles-module_checkmark__Z1ZFj::after {\n display: block;\n border-color: var(--fieldDisabledColor);\n}\n\n.styles-module_input__gB54E:not(:checked):disabled ~ .styles-module_checkmark__Z1ZFj {\n border-color: var(--fieldDisabledBackgroundColor);\n background-color: var(--fieldBackgroundColor);\n}\n\n.styles-module_input__gB54E:hover:not(:disabled):checked ~ .styles-module_checkmark__Z1ZFj {\n border-color: var(--fieldSuccessBorderColor);\n}\n\n.styles-module_checkmark__Z1ZFj {\n position: absolute;\n left: 0.625rem; /* 10px */\n border: 0.125rem solid var(--fieldBorderColor); /* 2px */\n border-radius: 999px;\n background-color: var(--white);\n width: 1.5rem; /* 24px */\n height: 1.5rem; /* 24px */\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_checkmark__Z1ZFj::after {\n content: '';\n position: absolute;\n display: none;\n top: 0.1875rem; /* 3px */\n left: 0.375rem; /* 6px */\n width: 0.3125rem; /* 5px */\n height: 0.5625rem; /* 9px */\n border: solid var(--fieldSuccessBorderColor);\n border-width: 0 0.1875rem 0.1875rem 0; /* 3px */\n transform: rotate(45deg);\n}\n\n.styles-module_wrapper__bSMIp.styles-module_isDisabled__MU48T .styles-module_checkmark__Z1ZFj::after {\n border-color: var(--white);\n}\n";
|
|
513
516
|
var styles$5 = {"wrapper":"styles-module_wrapper__bSMIp","isChecked":"styles-module_isChecked__gC6Ez","isDisabled":"styles-module_isDisabled__MU48T","label":"styles-module_label__tOxdr","input":"styles-module_input__gB54E","checkmark":"styles-module_checkmark__Z1ZFj"};
|
|
514
|
-
styleInject(css_248z$
|
|
517
|
+
styleInject(css_248z$6);
|
|
515
518
|
|
|
516
519
|
const CheckboxButton = props => {
|
|
517
520
|
const {
|
|
@@ -549,9 +552,9 @@ const CheckboxButton = props => {
|
|
|
549
552
|
}));
|
|
550
553
|
};
|
|
551
554
|
|
|
552
|
-
var css_248z$
|
|
555
|
+
var css_248z$7 = ".styles-module_errorField__ZPcA5 {\n display: block;\n font-size: 0.7rem;\n color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_errorField__ZPcA5.styles-module_colorSuccess__l9DUX {\n color: var(--fieldSuccessBorderColor);\n}\n\n/* Adjacent sibling styles for form fields */\n.text-field + .styles-module_errorField__ZPcA5,\ntextarea + .styles-module_errorField__ZPcA5,\nselect + .styles-module_errorField__ZPcA5,\ninput + .styles-module_errorField__ZPcA5 {\n margin-top: 0.3125rem; /* 5px */\n}\n";
|
|
553
556
|
var styles$6 = {"errorField":"styles-module_errorField__ZPcA5","colorSuccess":"styles-module_colorSuccess__l9DUX"};
|
|
554
|
-
styleInject(css_248z$
|
|
557
|
+
styleInject(css_248z$7);
|
|
555
558
|
|
|
556
559
|
const ErrorField = props => {
|
|
557
560
|
const {
|
|
@@ -765,9 +768,9 @@ const Icon = props => {
|
|
|
765
768
|
}));
|
|
766
769
|
};
|
|
767
770
|
|
|
768
|
-
var css_248z$
|
|
771
|
+
var css_248z$8 = ".styles-module_label__DjRWj {\n display: flex;\n align-items: center;\n font-size: var(--fontSizeXs);\n font-weight: 600;\n color: var(--grey500);\n}\n\n.styles-module_label__DjRWj svg {\n margin-left: 0.3125rem; /* 5px */\n width: auto;\n height: 1rem; /* 16px */\n}\n";
|
|
769
772
|
var styles$7 = {"label":"styles-module_label__DjRWj"};
|
|
770
|
-
styleInject(css_248z$
|
|
773
|
+
styleInject(css_248z$8);
|
|
771
774
|
|
|
772
775
|
const Label = props => {
|
|
773
776
|
const {
|
|
@@ -785,9 +788,9 @@ const Label = props => {
|
|
|
785
788
|
}));
|
|
786
789
|
};
|
|
787
790
|
|
|
788
|
-
var css_248z$
|
|
791
|
+
var css_248z$9 = ".styles-module_spinner__s-M7V {\n border: 0.3125rem solid hsla(0, 0%, 48%, 0.5); /* 5px */\n border-top-color: var(--spinnerFill, var(--white));\n border-radius: 50%;\n width: var(--spinnerSize, 1.25rem); /* 20px */\n height: var(--spinnerSize, 1.25rem);\n animation: styles-module_rotation__fxdZM 0.8s ease infinite;\n}\n\n@keyframes styles-module_rotation__fxdZM {\n from {\n transform: rotate(0deg);\n }\n to {\n transform: rotate(360deg);\n }\n}\n";
|
|
789
792
|
var styles$8 = {"spinner":"styles-module_spinner__s-M7V","rotation":"styles-module_rotation__fxdZM"};
|
|
790
|
-
styleInject(css_248z$
|
|
793
|
+
styleInject(css_248z$9);
|
|
791
794
|
|
|
792
795
|
const Spinner = props => {
|
|
793
796
|
const {
|
|
@@ -807,9 +810,9 @@ const Spinner = props => {
|
|
|
807
810
|
});
|
|
808
811
|
};
|
|
809
812
|
|
|
810
|
-
var css_248z$
|
|
813
|
+
var css_248z$a = ".styles-module_tag__yc4Gt {\n display: inline-block;\n border: 0.125rem solid var(--bg); /* 2px */\n border-radius: 0.25rem; /* 4px */\n padding: 0.1875rem 0.5rem; /* 3px 8px */\n font-size: 0.75rem; /* 12px */\n font-weight: 500;\n text-transform: uppercase;\n letter-spacing: 0.0625rem; /* 1px */\n line-height: 1;\n white-space: nowrap;\n}\n\n.styles-module_variantSolid__vZhs7 {\n background-color: var(--bg);\n color: var(--txt);\n}\n\n.styles-module_variantOutline__jkQzt {\n background-color: transparent;\n color: var(--bg);\n}\n";
|
|
811
814
|
var styles$9 = {"tag":"styles-module_tag__yc4Gt","variantSolid":"styles-module_variantSolid__vZhs7","variantOutline":"styles-module_variantOutline__jkQzt"};
|
|
812
|
-
styleInject(css_248z$
|
|
815
|
+
styleInject(css_248z$a);
|
|
813
816
|
|
|
814
817
|
const Tag = props => {
|
|
815
818
|
const {
|
|
@@ -828,15 +831,15 @@ const Tag = props => {
|
|
|
828
831
|
...style
|
|
829
832
|
};
|
|
830
833
|
return /*#__PURE__*/React.createElement("span", {
|
|
831
|
-
className: clsx(styles$9.tag, variant === 'solid' ? styles$9.variantSolid : styles$9.variantOutline, className),
|
|
834
|
+
className: clsx('tag', styles$9.tag, variant === 'solid' ? styles$9.variantSolid : styles$9.variantOutline, className),
|
|
832
835
|
style: cssVars,
|
|
833
836
|
title: value
|
|
834
837
|
}, value);
|
|
835
838
|
};
|
|
836
839
|
|
|
837
|
-
var css_248z$
|
|
840
|
+
var css_248z$b = ".styles-module_wrapper__eV0xx {\n display: flex;\n border: 0.125rem solid var(--bg); /* 2px */\n border-radius: 0.1875rem; /* 3px */\n line-height: 1;\n max-width: 100%;\n width: max-content;\n overflow: hidden;\n}\n\n.styles-module_wrapper__eV0xx:not(:first-child) {\n margin-left: 0.3125rem; /* 5px */\n}\n\n.styles-module_label__S4EW1,\n.styles-module_value__UeEnt {\n display: inline-block;\n padding: 0.1875rem 0.5rem; /* 3px 8px */\n font-size: 0.75rem; /* 12px */\n font-weight: 500;\n letter-spacing: 0.0625rem; /* 1px */\n}\n\n.styles-module_label__S4EW1 {\n flex: 1;\n color: var(--bg);\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-transform: uppercase;\n}\n\n.styles-module_value__UeEnt {\n background-color: var(--bg);\n color: var(--valueColor);\n}\n";
|
|
838
841
|
var styles$a = {"wrapper":"styles-module_wrapper__eV0xx","label":"styles-module_label__S4EW1","value":"styles-module_value__UeEnt"};
|
|
839
|
-
styleInject(css_248z$
|
|
842
|
+
styleInject(css_248z$b);
|
|
840
843
|
|
|
841
844
|
const TagNumber = props => {
|
|
842
845
|
const {
|
|
@@ -864,9 +867,9 @@ const TagNumber = props => {
|
|
|
864
867
|
}, value));
|
|
865
868
|
};
|
|
866
869
|
|
|
867
|
-
var css_248z$
|
|
870
|
+
var css_248z$c = ".styles-module_textField__E47GP {\n border-width: var(--fieldBorderWidth);\n border-style: solid;\n border-color: var(--fieldBorderColor);\n border-radius: var(--fieldBorderRadius);\n background-repeat: no-repeat;\n background-size: 1.25rem 1.25rem; /* 20px */\n background-position: 0.625rem 50%; /* 10px */\n height: var(--fieldHeight);\n padding: 0.625rem; /* 10px */\n font-family: inherit;\n font-size: 1rem;\n transition-property: border-color;\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_textField__E47GP.styles-module_hasError__Ro-aE {\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_textField__E47GP:hover {\n border-color: var(--fieldHoverBorderColor);\n}\n\n.styles-module_textField__E47GP:focus {\n border-color: var(--fieldActiveBorderColor);\n outline: none;\n}\n\n.styles-module_textField__E47GP:disabled {\n border-color: var(--fieldBorderColor);\n background-color: var(--fieldDisabledBackgroundColor);\n color: var(--fieldDisabledColor);\n}\n\n.styles-module_textField__E47GP:invalid {\n border-color: var(--fieldErrorBorderColor);\n outline: none;\n box-shadow: none;\n}\n\n.styles-module_textField__E47GP:required {\n border-color: var(--fieldBorderColor);\n}\n\n.styles-module_textField__E47GP:required.styles-module_hasError__Ro-aE {\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_textField__E47GP::placeholder {\n color: var(--fieldPlaceholderColor);\n opacity: 1;\n}\n\n/* Icon support via CSS custom property */\n.styles-module_hasIcon__GHHq4 {\n background-image: var(--textFieldIcon);\n padding-left: 2.5rem; /* 40px */\n}\n\n.styles-module_hasIcon__GHHq4:focus {\n background-image: var(--textFieldIconFocus);\n}\n";
|
|
868
871
|
var styles$b = {"textField":"styles-module_textField__E47GP","hasError":"styles-module_hasError__Ro-aE","hasIcon":"styles-module_hasIcon__GHHq4"};
|
|
869
|
-
styleInject(css_248z$
|
|
872
|
+
styleInject(css_248z$c);
|
|
870
873
|
|
|
871
874
|
const TextField = props => {
|
|
872
875
|
const {
|
|
@@ -921,9 +924,9 @@ const TextField = props => {
|
|
|
921
924
|
}) : null);
|
|
922
925
|
};
|
|
923
926
|
|
|
924
|
-
var css_248z$
|
|
927
|
+
var css_248z$d = ".styles-module_wrapper__5lrmS {\n position: relative;\n}\n\n.styles-module_textarea__oLNx1 {\n border-width: var(--fieldBorderWidth);\n border-style: solid;\n border-color: var(--fieldBorderColor);\n border-radius: var(--fieldBorderRadius);\n width: 100%;\n height: var(--textareaHeight, 6.25rem); /* default 100px */\n min-height: var(--fieldHeight);\n padding: 0.625rem; /* 10px */\n font-family: inherit;\n font-size: 1rem; /* 16px */\n word-break: break-word;\n transition-duration: var(--transitionDurationDefault);\n resize: none;\n}\n\n.styles-module_textarea__oLNx1.styles-module_hasError__Td-tp {\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_textarea__oLNx1:hover {\n border-color: var(--fieldHoverBorderColor);\n}\n\n.styles-module_textarea__oLNx1:focus {\n border-color: var(--fieldActiveBorderColor);\n outline: none;\n}\n\n.styles-module_textarea__oLNx1:disabled {\n background-color: var(--fieldDisabledBackgroundColor);\n color: var(--fieldDisabledColor);\n}\n\n.styles-module_textarea__oLNx1:invalid {\n border-color: var(--fieldErrorBorderColor);\n outline: none;\n box-shadow: none;\n}\n\n.styles-module_textarea__oLNx1:required {\n border-color: var(--fieldBorderColor);\n}\n\n.styles-module_textarea__oLNx1:required.styles-module_hasError__Td-tp {\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_textarea__oLNx1::placeholder {\n color: var(--fieldPlaceholderColor);\n opacity: 1;\n}\n\n.styles-module_count__5Mk2b {\n position: absolute;\n top: 0.3125rem; /* 5px */\n right: 0.625rem; /* 10px */\n background-color: rgba(255, 255, 255, 0.85);\n padding: 0 0.3125rem; /* 5px */\n}\n\n.styles-module_count__5Mk2b span {\n font-size: var(--fontSizeXs);\n color: var(--fieldBorderColor);\n}\n\n.styles-module_count__5Mk2b span.styles-module_negative__UeUBg {\n color: var(--fieldErrorBorderColor);\n}\n";
|
|
925
928
|
var styles$c = {"wrapper":"styles-module_wrapper__5lrmS","textarea":"styles-module_textarea__oLNx1","hasError":"styles-module_hasError__Td-tp","count":"styles-module_count__5Mk2b","negative":"styles-module_negative__UeUBg"};
|
|
926
|
-
styleInject(css_248z$
|
|
929
|
+
styleInject(css_248z$d);
|
|
927
930
|
|
|
928
931
|
const TextArea = props => {
|
|
929
932
|
const {
|
|
@@ -971,9 +974,9 @@ const TextArea = props => {
|
|
|
971
974
|
}) : null);
|
|
972
975
|
};
|
|
973
976
|
|
|
974
|
-
var css_248z$
|
|
977
|
+
var css_248z$e = ".styles-module_select__SJleS {\n border: var(--fieldBorderWidth) solid var(--fieldBorderColor);\n border-radius: var(--fieldBorderRadius);\n background-image: url(\"data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'><path fill='rgb(217,212,237)' d='M10.827 12.387l5.173 5.173 5.173-5.173c0.52-0.52 1.36-0.52 1.88 0v0c0.52 0.52 0.52 1.36 0 1.88l-6.12 6.12c-0.52 0.52-1.36 0.52-1.88 0l-6.12-6.12c-0.52-0.52-0.52-1.36 0-1.88v0c0.52-0.507 1.373-0.52 1.893 0z'></path></svg>\");\n background-position: calc(100% - 15px) center;\n background-repeat: no-repeat;\n background-size: 1.875rem; /* 30px */\n background-color: transparent;\n height: var(--fieldHeight);\n padding: 0 4.0625rem 0 0.9375rem; /* 65px 15px */\n font-size: var(--fontSizeM);\n appearance: none;\n cursor: pointer;\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_select__SJleS.styles-module_hasError__dDoiB {\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_select__SJleS:hover {\n border-color: var(--fieldHoverBorderColor);\n}\n\n.styles-module_select__SJleS:-moz-focusring {\n color: transparent;\n text-shadow: 0 0 0 var(--black);\n}\n\n.styles-module_select__SJleS:focus {\n outline: none;\n}\n\n.styles-module_select__SJleS:disabled {\n background-color: var(--fieldDisabledBackgroundColor);\n color: var(--fieldDisabledColor);\n pointer-events: none;\n}\n";
|
|
975
978
|
var styles$d = {"select":"styles-module_select__SJleS","hasError":"styles-module_hasError__dDoiB"};
|
|
976
|
-
styleInject(css_248z$
|
|
979
|
+
styleInject(css_248z$e);
|
|
977
980
|
|
|
978
981
|
const Select = props => {
|
|
979
982
|
const {
|
|
@@ -1021,9 +1024,9 @@ function _extends() {
|
|
|
1021
1024
|
}, _extends.apply(null, arguments);
|
|
1022
1025
|
}
|
|
1023
1026
|
|
|
1024
|
-
var css_248z$
|
|
1027
|
+
var css_248z$f = ".styles-module_selectWrapper__R5DV4 .select-interactive {\n z-index: 3;\n}\n\n.styles-module_selectWrapper__R5DV4 .select__control {\n border-color: var(--fieldBorderColor);\n border-radius: var(--fieldBorderRadius);\n min-height: var(--fieldHeight);\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__control:hover {\n border-color: var(--fieldHoverBorderColor);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__control--is-focused {\n border-color: var(--fieldActiveBorderColor);\n box-shadow: none;\n}\n\n.styles-module_selectWrapper__R5DV4 .select__value-container {\n padding: 0 0.9375rem; /* 15px */\n}\n\n.styles-module_selectWrapper__R5DV4 .select__placeholder {\n color: var(--fieldPlaceholderColor);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__input {\n color: var(--fieldColor);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__single-value {\n color: var(--fieldColor);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__indicator {\n padding: 0 0.9375rem; /* 15px */\n}\n\n.styles-module_selectWrapper__R5DV4 .select__indicator:hover {\n color: inherit;\n}\n\n.styles-module_selectWrapper__R5DV4 .select__indicator svg {\n width: 1.375rem; /* 22px */\n height: 1.375rem; /* 22px */\n}\n\n.styles-module_selectWrapper__R5DV4 .select__indicator svg path {\n fill: var(--fieldBorderColor);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__indicator-separator {\n background-color: var(--fieldBorderColor);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__option {\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__option:hover {\n background-color: var(--fieldHoverBorderColor);\n color: var(--fieldColor);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__option:hover svg {\n fill: var(--fieldColor);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__option--is-focused {\n background-color: var(--fieldActiveBorderColor);\n color: var(--white);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__option--is-selected {\n background-color: var(--fieldActiveBorderColor) !important;\n color: var(--white) !important;\n}\n\n.styles-module_selectWrapper__R5DV4 .select__value-container > div,\n.styles-module_selectWrapper__R5DV4 .select__option {\n display: flex;\n align-items: center;\n}\n\n.styles-module_selectWrapper__R5DV4 .select__value-container.select__value-container--is-multi > div {\n align-items: stretch;\n}\n\n.styles-module_selectWrapper__R5DV4 .select__value-container.select__value-container--is-multi .select__multi-value__remove {\n padding-right: 0;\n}\n\n.styles-module_selectWrapper__R5DV4 .select__value-container svg,\n.styles-module_selectWrapper__R5DV4 .select__value-container img,\n.styles-module_selectWrapper__R5DV4 .select__option svg,\n.styles-module_selectWrapper__R5DV4 .select__option img {\n margin: 0 0.3125rem 0 0; /* 5px */\n width: 1.25rem; /* 20px */\n height: auto;\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__option--is-selected svg {\n fill: var(--white) !important;\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__option--is-focused svg {\n fill: var(--white);\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_selectWrapper__R5DV4 .select__option--is-disabled {\n pointer-events: none;\n}\n\n/* SelectGroupLabel */\n.styles-module_selectGroupLabel__msCyK {\n font-size: var(--fontSizeXs);\n color: var(--fieldPlaceholderColor);\n}\n\n.styles-module_selectGroupLabel__msCyK + .tag {\n border-color: var(--fieldBorderColor);\n background-color: var(--fieldBorderColor);\n color: var(--fieldActiveBorderColor);\n}\n\n/* SingleValue */\n.styles-module_singleValue__jc-Sw {\n grid-area: 1 / 1 / 2 / 3;\n margin-left: 0.125rem; /* 2px */\n margin-right: 0.125rem; /* 2px */\n max-width: 100%;\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n box-sizing: border-box;\n}\n";
|
|
1025
1028
|
var styles$e = {"selectWrapper":"styles-module_selectWrapper__R5DV4","selectGroupLabel":"styles-module_selectGroupLabel__msCyK","singleValue":"styles-module_singleValue__jc-Sw"};
|
|
1026
|
-
styleInject(css_248z$
|
|
1029
|
+
styleInject(css_248z$f);
|
|
1027
1030
|
|
|
1028
1031
|
const {
|
|
1029
1032
|
Option
|
|
@@ -1103,9 +1106,9 @@ const SelectInteractive = ({
|
|
|
1103
1106
|
}) : null);
|
|
1104
1107
|
};
|
|
1105
1108
|
|
|
1106
|
-
var css_248z$
|
|
1109
|
+
var css_248z$g = ".styles-module_wrapper__xERhC {\n border-width: var(--fieldBorderWidth);\n border-style: solid;\n border-color: var(--fieldBorderColor);\n border-radius: var(--fieldBorderRadius);\n display: flex;\n transition-duration: var(--transitionDurationDefault);\n overflow: hidden;\n}\n\n.styles-module_wrapper__xERhC.styles-module_hasError__rMNyB {\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_wrapper__xERhC:hover {\n border-color: var(--fieldHoverBorderColor);\n}\n\n.styles-module_wrapper__xERhC:has(input:focus) {\n border-color: var(--fieldActiveBorderColor);\n}\n\n.styles-module_wrapper__xERhC:has(input:disabled) {\n background-color: var(--fieldDisabledBackgroundColor);\n color: var(--fieldDisabledColor);\n}\n\n.styles-module_wrapper__xERhC:has(input:disabled) > div {\n background-color: var(--fieldDisabledBackgroundColor);\n color: var(--fieldDisabledColor);\n}\n\n.styles-module_wrapper__xERhC input {\n flex: 1;\n border: 0;\n color: var(--fieldColor);\n}\n\n.styles-module_wrapper__xERhC.styles-module_hasError__rMNyB input {\n color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_wrapper__xERhC input:disabled {\n margin: 0;\n border-radius: 0;\n}\n\n.styles-module_wrapper__xERhC + span {\n margin-top: 0;\n}\n\n.styles-module_wrapper__xERhC.styles-module_hasError__rMNyB + span {\n margin-top: 0.3125rem; /* 5px */\n}\n\n.styles-module_appendix__KfOBb {\n border-style: solid;\n border-color: var(--fieldBorderColor);\n background-color: var(--fieldBorderColor);\n padding: 0 0.9375rem; /* 15px */\n color: var(--fieldColor);\n line-height: 3rem; /* 48px */\n vertical-align: center;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n}\n\n.styles-module_appendixLeft__r641- {\n border-width: 0 var(--fieldBorderWidth) 0 0;\n}\n\n.styles-module_appendixRight__P-44c {\n border-width: 0 0 0 var(--fieldBorderWidth);\n}\n\n.styles-module_appendix__KfOBb.styles-module_hasError__rMNyB {\n border-color: var(--fieldErrorBorderColor);\n background-color: var(--fieldErrorBackgroundColor);\n color: var(--fieldErrorBorderColor);\n}\n";
|
|
1107
1110
|
var styles$f = {"wrapper":"styles-module_wrapper__xERhC","hasError":"styles-module_hasError__rMNyB","appendix":"styles-module_appendix__KfOBb","appendixLeft":"styles-module_appendixLeft__r641-","appendixRight":"styles-module_appendixRight__P-44c"};
|
|
1108
|
-
styleInject(css_248z$
|
|
1111
|
+
styleInject(css_248z$g);
|
|
1109
1112
|
|
|
1110
1113
|
const TextFieldAppendix = props => {
|
|
1111
1114
|
const {
|
|
@@ -1150,9 +1153,9 @@ const TextFieldAppendix = props => {
|
|
|
1150
1153
|
}) : null);
|
|
1151
1154
|
};
|
|
1152
1155
|
|
|
1153
|
-
var css_248z$
|
|
1156
|
+
var css_248z$h = ".styles-module_wrapper__dNALi {\n display: table;\n table-layout: fixed;\n width: 100%;\n white-space: nowrap;\n}\n\n.styles-module_wrapper__dNALi span {\n display: table-cell;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n";
|
|
1154
1157
|
var styles$g = {"wrapper":"styles-module_wrapper__dNALi"};
|
|
1155
|
-
styleInject(css_248z$
|
|
1158
|
+
styleInject(css_248z$h);
|
|
1156
1159
|
|
|
1157
1160
|
const TruncateLine = props => {
|
|
1158
1161
|
const {
|
|
@@ -1168,9 +1171,9 @@ const TruncateLine = props => {
|
|
|
1168
1171
|
}, /*#__PURE__*/React.createElement("span", null, value));
|
|
1169
1172
|
};
|
|
1170
1173
|
|
|
1171
|
-
var css_248z$
|
|
1174
|
+
var css_248z$i = ".styles-module_wrapper__Bq3JF {\n position: relative;\n}\n\n/* Carousel arrow controls */\n.styles-module_wrapper__Bq3JF .carousel .control-arrow,\n.styles-module_wrapper__Bq3JF .carousel.carousel-slider .control-arrow {\n -webkit-transition: all 0.25s ease-in;\n -moz-transition: all 0.25s ease-in;\n -ms-transition: all 0.25s ease-in;\n -o-transition: all 0.25s ease-in;\n transition: all 0.25s ease-in;\n opacity: 0.4;\n filter: alpha(opacity=40);\n position: absolute;\n z-index: 2;\n top: 1.25rem; /* 20px */\n background: none;\n border: 0;\n font-size: 2rem; /* 32px */\n cursor: pointer;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .control-arrow:hover {\n opacity: 1;\n filter: alpha(opacity=100);\n}\n\n.styles-module_wrapper__Bq3JF .carousel .control-arrow::before,\n.styles-module_wrapper__Bq3JF .carousel.carousel-slider .control-arrow::before {\n margin: 0 0.3125rem; /* 5px */\n display: inline-block;\n border-top: 0.5rem solid transparent; /* 8px */\n border-bottom: 0.5rem solid transparent; /* 8px */\n content: '';\n}\n\n.styles-module_wrapper__Bq3JF .carousel .control-disabled.control-arrow {\n opacity: 0;\n filter: alpha(opacity=0);\n cursor: inherit;\n display: none;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .control-prev.control-arrow {\n left: 0;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .control-prev.control-arrow::before {\n border-right: 0.5rem solid var(--white); /* 8px */\n}\n\n.styles-module_wrapper__Bq3JF .carousel .control-next.control-arrow {\n right: 0;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .control-next.control-arrow::before {\n border-left: 0.5rem solid var(--white); /* 8px */\n}\n\n.styles-module_wrapper__Bq3JF .carousel-root {\n outline: none;\n}\n\n.styles-module_wrapper__Bq3JF .carousel {\n position: relative;\n width: 100%;\n}\n\n.styles-module_wrapper__Bq3JF .carousel * {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n.styles-module_wrapper__Bq3JF .carousel img {\n width: 100%;\n display: inline-block;\n pointer-events: none;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .carousel {\n position: relative;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .control-arrow {\n outline: 0;\n border: 0;\n background: none;\n top: 50%;\n margin-top: -0.8125rem; /* -13px */\n font-size: 1.125rem; /* 18px */\n}\n\n.styles-module_wrapper__Bq3JF .carousel .thumbs-wrapper {\n margin: 1.25rem; /* 20px */\n overflow: hidden;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .thumbs {\n -webkit-transition: all 0.15s ease-in;\n -moz-transition: all 0.15s ease-in;\n -ms-transition: all 0.15s ease-in;\n -o-transition: all 0.15s ease-in;\n transition: all 0.15s ease-in;\n -webkit-transform: translate3d(0, 0, 0);\n -moz-transform: translate3d(0, 0, 0);\n -ms-transform: translate3d(0, 0, 0);\n -o-transform: translate3d(0, 0, 0);\n transform: translate3d(0, 0, 0);\n position: relative;\n list-style: none;\n white-space: nowrap;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .thumb {\n -webkit-transition: border 0.15s ease-in;\n -moz-transition: border 0.15s ease-in;\n -ms-transition: border 0.15s ease-in;\n -o-transition: border 0.15s ease-in;\n transition: border 0.15s ease-in;\n display: inline-block;\n margin-right: 0.375rem; /* 6px */\n white-space: nowrap;\n overflow: hidden;\n border: 0.1875rem solid var(--white); /* 3px */\n padding: 0.125rem; /* 2px */\n}\n\n.styles-module_wrapper__Bq3JF .carousel .thumb:focus {\n border: 0.1875rem solid #ccc; /* 3px */\n outline: none;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .thumb.selected,\n.styles-module_wrapper__Bq3JF .carousel .thumb:hover {\n border: 0.1875rem solid #333; /* 3px */\n}\n\n.styles-module_wrapper__Bq3JF .carousel .thumb img {\n vertical-align: top;\n}\n\n.styles-module_wrapper__Bq3JF .carousel.carousel-slider {\n position: relative;\n margin: 0;\n overflow: hidden;\n}\n\n.styles-module_wrapper__Bq3JF .carousel.carousel-slider .control-arrow {\n top: 0;\n color: var(--white);\n font-size: 1.625rem; /* 26px */\n bottom: 0;\n margin-top: 0;\n padding: 0.3125rem; /* 5px */\n}\n\n.styles-module_wrapper__Bq3JF .carousel.carousel-slider .control-arrow:hover {\n background: rgba(0, 0, 0, 0.2);\n}\n\n.styles-module_wrapper__Bq3JF .carousel .slider-wrapper {\n overflow: hidden;\n margin: auto;\n width: 100%;\n -webkit-transition: height 0.15s ease-in;\n -moz-transition: height 0.15s ease-in;\n -ms-transition: height 0.15s ease-in;\n -o-transition: height 0.15s ease-in;\n transition: height 0.15s ease-in;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .slider-wrapper.axis-horizontal .slider {\n -ms-box-orient: horizontal;\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -moz-flex;\n display: -webkit-flex;\n display: flex;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .slider-wrapper.axis-horizontal .slider .slide {\n flex-direction: column;\n flex-flow: column;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .slider-wrapper.axis-vertical {\n -ms-box-orient: horizontal;\n display: -webkit-box;\n display: -moz-box;\n display: -ms-flexbox;\n display: -moz-flex;\n display: -webkit-flex;\n display: flex;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .slider-wrapper.axis-vertical .slider {\n -webkit-flex-direction: column;\n flex-direction: column;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .slider {\n margin: 0;\n padding: 0;\n position: relative;\n list-style: none;\n width: 100%;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .slider.animated {\n -webkit-transition: all 0.35s ease-in-out;\n -moz-transition: all 0.35s ease-in-out;\n -ms-transition: all 0.35s ease-in-out;\n -o-transition: all 0.35s ease-in-out;\n transition: all 0.35s ease-in-out;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .slide {\n min-width: 100%;\n margin: 0;\n position: relative;\n text-align: center;\n background: #000;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .slide img {\n width: 100%;\n vertical-align: top;\n border: 0;\n}\n\n.styles-module_wrapper__Bq3JF .carousel .carousel-status {\n position: absolute;\n top: 0;\n right: 0;\n padding: 0.3125rem; /* 5px */\n font-size: 0.625rem; /* 10px */\n text-shadow: 0.0625rem 0.0625rem 0.0625rem rgba(0, 0, 0, 0.9);\n color: var(--white);\n}\n\n/* Navigation buttons */\n.styles-module_wrapper__Bq3JF > div > div > button {\n position: absolute;\n left: 1.875rem; /* 30px */\n bottom: 1.875rem; /* 30px */\n opacity: 0.25;\n z-index: 2;\n transition-duration: 0.3s;\n}\n\n.styles-module_wrapper__Bq3JF > div > div > button svg {\n width: 2.25rem; /* 36px */\n height: 2.25rem; /* 36px */\n fill: var(--white);\n}\n\n.styles-module_wrapper__Bq3JF > div > div > button.next {\n margin-left: 2.875rem; /* 46px */\n}\n\n.styles-module_wrapper__Bq3JF > div > div > button:hover {\n opacity: 1;\n}\n\n.styles-module_wrapper__Bq3JF > div > div > button:hover svg {\n fill: var(--white);\n}\n\n@media (min-width: 768px) {\n .styles-module_wrapper__Bq3JF > div > div > button {\n left: 3.5vw;\n }\n}\n\n/* Control dots */\n.styles-module_wrapper__Bq3JF .control-dots {\n position: absolute;\n right: 1.875rem; /* 30px */\n bottom: 2.625rem !important; /* 42px */\n margin: 0 !important;\n width: initial !important;\n height: 0.9375rem; /* 15px */\n display: var(--controlDotsDisplay, inherit);\n padding: 0;\n text-align: center;\n z-index: 1;\n}\n\n.styles-module_hideDots__f4p0o .control-dots {\n display: none;\n}\n\n.styles-module_wrapper__Bq3JF .control-dots li {\n position: relative;\n display: inline-block;\n border-radius: 999px;\n background-color: var(--white);\n width: 0.9375rem; /* 15px */\n height: 0.9375rem; /* 15px */\n opacity: 0.25;\n transition-duration: 0.3s;\n cursor: pointer;\n}\n\n.styles-module_wrapper__Bq3JF .control-dots li button {\n position: absolute;\n left: 0;\n border: 0;\n border-radius: 999px;\n background-color: transparent;\n width: 0.9375rem; /* 15px */\n height: 0.9375rem; /* 15px */\n cursor: pointer;\n}\n\n.styles-module_wrapper__Bq3JF .control-dots li.selected {\n width: 1.875rem; /* 30px */\n opacity: 1;\n}\n\n.styles-module_wrapper__Bq3JF .control-dots li:hover {\n opacity: 1;\n}\n\n.styles-module_wrapper__Bq3JF .control-dots li:not(:last-child) {\n margin-right: 0.3125rem; /* 5px */\n}\n\n@media (min-width: 768px) {\n .styles-module_wrapper__Bq3JF .control-dots {\n right: 3.5vw;\n }\n}\n";
|
|
1172
1175
|
var styles$h = {"wrapper":"styles-module_wrapper__Bq3JF","hideDots":"styles-module_hideDots__f4p0o"};
|
|
1173
|
-
styleInject(css_248z$
|
|
1176
|
+
styleInject(css_248z$i);
|
|
1174
1177
|
|
|
1175
1178
|
const Slideshow = props => {
|
|
1176
1179
|
const {
|
|
@@ -1235,9 +1238,9 @@ const Slideshow = props => {
|
|
|
1235
1238
|
}, children));
|
|
1236
1239
|
};
|
|
1237
1240
|
|
|
1238
|
-
var css_248z$
|
|
1241
|
+
var css_248z$j = ".styles-module_wrapper__9cpcx {\n position: relative;\n padding-top: 56.25%;\n}\n";
|
|
1239
1242
|
var styles$i = {"wrapper":"styles-module_wrapper__9cpcx"};
|
|
1240
|
-
styleInject(css_248z$
|
|
1243
|
+
styleInject(css_248z$j);
|
|
1241
1244
|
|
|
1242
1245
|
const VideoPlayer = props => {
|
|
1243
1246
|
const {
|
|
@@ -1271,9 +1274,9 @@ const VideoPlayer = props => {
|
|
|
1271
1274
|
}));
|
|
1272
1275
|
};
|
|
1273
1276
|
|
|
1274
|
-
var css_248z$
|
|
1277
|
+
var css_248z$k = ".styles-module_wrapper__lw1aF {\n display: flex;\n align-items: center;\n}\n\n.styles-module_bar__jMsYa {\n flex: 1;\n border: 0.0625rem solid var(--purple100); /* 1px */\n border-radius: 999px;\n background-color: var(--grey50);\n height: 0.625rem; /* 10px */\n overflow: hidden;\n}\n\n.styles-module_progress__IHx63 {\n border-radius: 999px;\n background-color: var(--purple500);\n height: 100%;\n transition-duration: 2s;\n}\n\n.styles-module_value__uaCCj {\n margin-left: 0.3125rem; /* 5px */\n font-size: var(--fontSizeXs);\n font-weight: 400;\n color: var(--purple400);\n letter-spacing: 0.0625rem; /* 1px */\n text-transform: uppercase;\n}\n";
|
|
1275
1278
|
var styles$j = {"wrapper":"styles-module_wrapper__lw1aF","bar":"styles-module_bar__jMsYa","progress":"styles-module_progress__IHx63","value":"styles-module_value__uaCCj"};
|
|
1276
|
-
styleInject(css_248z$
|
|
1279
|
+
styleInject(css_248z$k);
|
|
1277
1280
|
|
|
1278
1281
|
const ProgressBar = props => {
|
|
1279
1282
|
const {
|
|
@@ -1294,9 +1297,9 @@ const ProgressBar = props => {
|
|
|
1294
1297
|
}, value));
|
|
1295
1298
|
};
|
|
1296
1299
|
|
|
1297
|
-
var css_248z$
|
|
1300
|
+
var css_248z$l = ".styles-module_switcher__lP2k- {\n margin: 0;\n border: none;\n padding: 0;\n}\n\n.styles-module_switcher__lP2k- > div > label {\n cursor: pointer;\n}\n\n.styles-module_switcher__lP2k-.styles-module_isDisabled__ppUwJ > div > label {\n cursor: not-allowed;\n}\n\n.styles-module_switcher__lP2k- > div > label:first-child {\n margin-right: 0.625rem; /* 10px */\n}\n\n.styles-module_switcher__lP2k- > div > label:last-child {\n margin-left: 0.625rem; /* 10px */\n}\n\n.styles-module_switcher__lP2k- .wrapper {\n display: inline-block;\n vertical-align: middle;\n width: 2.5rem; /* 40px */\n height: 1.5625rem; /* 25px */\n border-radius: 999px;\n border: var(--fieldBorderWidth) solid var(--fieldBorderColor);\n position: relative;\n opacity: 1;\n}\n\n.styles-module_switcher__lP2k-.styles-module_isDisabled__ppUwJ .wrapper {\n opacity: 0.5;\n}\n\n.styles-module_switcher__lP2k- .wrapper input,\n.styles-module_switcher__lP2k- .wrapper span,\n.styles-module_switcher__lP2k- .wrapper label {\n cursor: pointer;\n}\n\n.styles-module_switcher__lP2k-.styles-module_isDisabled__ppUwJ .wrapper input,\n.styles-module_switcher__lP2k-.styles-module_isDisabled__ppUwJ .wrapper span,\n.styles-module_switcher__lP2k-.styles-module_isDisabled__ppUwJ .wrapper label {\n cursor: not-allowed;\n}\n\n.styles-module_switcher__lP2k- .wrapper input[type='radio'] {\n display: inline-block;\n margin: 0 -0.1875rem 0 0; /* -3px */\n width: 50%;\n height: 100%;\n opacity: 0;\n position: relative;\n z-index: 1;\n}\n\n.styles-module_switcher__lP2k- .wrapper input[type='radio'].switch-on:checked ~ .switcher {\n right: 0;\n left: 50%;\n}\n\n.styles-module_switcher__lP2k- .wrapper input[type='radio'].switch-on:checked ~ .bg {\n background-color: var(--green500);\n}\n\n.styles-module_switcher__lP2k- .wrapper input[type='radio'].switch-off:checked ~ .switcher {\n right: 0;\n}\n\n.styles-module_switcher__lP2k- .wrapper input[type='radio'].switch-off:checked ~ .bg {\n background-color: var(--grey100);\n}\n\n.styles-module_switcher__lP2k- .wrapper .switcher {\n display: block;\n position: absolute;\n top: 0.1875rem; /* 3px */\n left: 0.1875rem; /* 3px */\n right: 100%;\n width: 1rem; /* 16px */\n height: 1rem; /* 16px */\n border-radius: 50%;\n background-color: var(--white);\n transition: all var(--transitionDurationDefault) ease-out;\n z-index: 2;\n}\n\n.styles-module_switcher__lP2k- .wrapper .bg {\n display: block;\n position: absolute;\n top: 0;\n width: 100%;\n height: 100%;\n z-index: 0;\n border-radius: 999px;\n background-color: var(--grey200);\n transition: all var(--transitionDurationDefault) ease-out;\n}\n\n@media screen and (-ms-high-contrast: active) {\n .styles-module_switcher__lP2k- .wrapper .switcher {\n background-color: windowText;\n }\n}\n";
|
|
1298
1301
|
var styles$k = {"switcher":"styles-module_switcher__lP2k-","isDisabled":"styles-module_isDisabled__ppUwJ"};
|
|
1299
|
-
styleInject(css_248z$
|
|
1302
|
+
styleInject(css_248z$l);
|
|
1300
1303
|
|
|
1301
1304
|
const Toggle = ({
|
|
1302
1305
|
ariaLabelOn,
|
|
@@ -1371,9 +1374,9 @@ const Toggle = ({
|
|
|
1371
1374
|
}, labelRight)));
|
|
1372
1375
|
};
|
|
1373
1376
|
|
|
1374
|
-
var css_248z$
|
|
1377
|
+
var css_248z$m = ".styles-module_wrapper__8OmHx input {\n width: 0.1px;\n height: 0.1px;\n opacity: 0;\n overflow: hidden;\n position: absolute;\n z-index: -1;\n}\n\n.styles-module_wrapper__8OmHx label {\n margin-bottom: 0 !important;\n border-width: var(--fieldBorderWidth);\n border-style: solid;\n border-color: var(--fieldBorderColor);\n border-radius: var(--fieldBorderRadius);\n background-color: transparent;\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n height: var(--fieldHeight);\n -webkit-appearance: none;\n outline: none;\n cursor: pointer;\n transition-duration: var(--transitionDurationDefault);\n overflow: hidden;\n}\n\n.styles-module_wrapper__8OmHx.styles-module_hasError__sRkr- label {\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_wrapper__8OmHx.styles-module_isDisabled__GUH8W label {\n background-color: var(--fieldDisabledBackgroundColor);\n cursor: default;\n pointer-events: none;\n}\n\n.styles-module_wrapper__8OmHx label span {\n display: flex;\n align-items: center;\n}\n\n.styles-module_wrapper__8OmHx label .file-name {\n flex: 1;\n display: block;\n padding: 0 0.625rem; /* 10px */\n color: var(--fieldColor);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module_wrapper__8OmHx.styles-module_isDisabled__GUH8W label .file-name {\n color: var(--fieldDisabledColor);\n}\n\n.styles-module_wrapper__8OmHx label .button {\n border-left: var(--fieldBorderWidth) solid var(--fieldBorderColor);\n background-color: var(--fieldBorderColor);\n height: 100%;\n padding: 0 1.25rem; /* 20px */\n color: var(--fieldActiveBorderColor);\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_wrapper__8OmHx.styles-module_hasError__sRkr- label .button {\n border-left-color: var(--fieldErrorBorderColor);\n background-color: var(--fieldErrorBackgroundColor);\n color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_wrapper__8OmHx.styles-module_isDisabled__GUH8W label .button {\n background-color: var(--fieldDisabledBackgroundColor);\n color: var(--fieldDisabledColor);\n}\n\n.styles-module_wrapper__8OmHx label .button svg {\n margin-right: 0.5rem; /* 8px */\n width: auto;\n height: 1.5rem; /* 24px */\n fill: var(--fieldActiveBorderColor);\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_wrapper__8OmHx.styles-module_hasError__sRkr- label .button svg {\n fill: var(--fieldErrorBorderColor);\n}\n\n.styles-module_wrapper__8OmHx.styles-module_isDisabled__GUH8W label .button svg {\n fill: var(--fieldDisabledColor);\n}\n\n.styles-module_wrapper__8OmHx label .button:hover {\n background-color: var(--fieldHoverBorderColor);\n}\n\n.styles-module_wrapper__8OmHx label:hover {\n border-color: var(--fieldHoverBorderColor);\n}\n\n.styles-module_wrapper__8OmHx label:hover .button {\n background-color: var(--fieldHoverBorderColor);\n}\n";
|
|
1375
1378
|
var styles$l = {"wrapper":"styles-module_wrapper__8OmHx","hasError":"styles-module_hasError__sRkr-","isDisabled":"styles-module_isDisabled__GUH8W"};
|
|
1376
|
-
styleInject(css_248z$
|
|
1379
|
+
styleInject(css_248z$m);
|
|
1377
1380
|
|
|
1378
1381
|
const FilePicker = props => {
|
|
1379
1382
|
const {
|
|
@@ -1423,9 +1426,9 @@ const FilePicker = props => {
|
|
|
1423
1426
|
}));
|
|
1424
1427
|
};
|
|
1425
1428
|
|
|
1426
|
-
var css_248z$
|
|
1429
|
+
var css_248z$n = ".styles-module_actionsMenu__6VJZS {\n height: 3.125rem; /* 50px */\n}\n\n.styles-module_actionsMenu__6VJZS button {\n margin-top: 0.4375rem; /* 7px */\n}\n\n.styles-module_list__tMzQO {\n position: absolute;\n border: var(--fieldBorderWidth) solid var(--fieldBorderColor);\n border-radius: var(--fieldBorderRadius);\n background-color: var(--fieldBackgroundColor);\n margin-top: 0.3125rem; /* 5px */\n min-width: 12.5rem; /* 200px */\n max-width: 15.625rem; /* 250px */\n padding: 0;\n -moz-box-shadow: var(--fieldBoxShadow);\n -webkit-box-shadow: var(--fieldBoxShadow);\n box-shadow: var(--fieldBoxShadow);\n overflow: hidden;\n z-index: 1;\n}\n\n.styles-module_hasRowIndex__0sMb5 {\n top: var(--rowIndexMargin);\n right: 0.3125rem; /* 5px */\n}\n\n.styles-module_list__tMzQO li {\n list-style: none;\n min-height: 2.8125rem; /* 45px */\n display: flex;\n transition-duration: 0.3s;\n}\n\n.styles-module_list__tMzQO li:hover {\n background-color: var(--fieldHoverBorderColor);\n cursor: pointer;\n}\n\n.styles-module_list__tMzQO li.danger {\n border-top: var(--fieldBorderWidth) solid var(--fieldBorderColor);\n}\n\n.styles-module_list__tMzQO li.danger a {\n color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_list__tMzQO li.disabled a {\n color: var(--fieldDisabledColor);\n pointer-events: none;\n}\n\n.styles-module_list__tMzQO li.disabled:hover {\n background-color: transparent;\n}\n\n.styles-module_list__tMzQO li a {\n width: 100%;\n display: flex;\n align-items: center;\n padding: 0 1.25rem; /* 20px */\n color: var(--fieldColor);\n text-decoration: none;\n white-space: nowrap;\n}\n\n.styles-module_list__tMzQO li a span {\n display: table-cell;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n";
|
|
1427
1430
|
var styles$m = {"actionsMenu":"styles-module_actionsMenu__6VJZS","list":"styles-module_list__tMzQO","hasRowIndex":"styles-module_hasRowIndex__0sMb5"};
|
|
1428
|
-
styleInject(css_248z$
|
|
1431
|
+
styleInject(css_248z$n);
|
|
1429
1432
|
|
|
1430
1433
|
const ActionMenuList = props => {
|
|
1431
1434
|
const {
|
|
@@ -1501,9 +1504,9 @@ const ActionsMenu = props => {
|
|
|
1501
1504
|
}) : null);
|
|
1502
1505
|
};
|
|
1503
1506
|
|
|
1504
|
-
var css_248z$
|
|
1507
|
+
var css_248z$o = ".styles-module_cardValue__-Yl7- {\n border: var(--fieldBorderWidth) solid var(--fieldBorderColor);\n border-radius: var(--fieldBorderRadius);\n background-color: var(--white);\n display: flex;\n flex-direction: column;\n padding: 0.9375rem; /* 15px */\n overflow-x: auto;\n}\n\n.styles-module_cardValue__-Yl7- > span {\n display: block;\n margin-top: 0.3125rem; /* 5px */\n font-size: 2rem; /* 32px */\n font-weight: 600;\n line-height: 1;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.styles-module_cardValue__-Yl7- a,\n.styles-module_cardValue__-Yl7- button {\n margin-top: 1.25rem; /* 20px */\n}\n";
|
|
1505
1508
|
var styles$n = {"cardValue":"styles-module_cardValue__-Yl7-"};
|
|
1506
|
-
styleInject(css_248z$
|
|
1509
|
+
styleInject(css_248z$o);
|
|
1507
1510
|
|
|
1508
1511
|
const CardValue = props => {
|
|
1509
1512
|
const {
|
|
@@ -1532,9 +1535,9 @@ const CardValue = props => {
|
|
|
1532
1535
|
}));
|
|
1533
1536
|
};
|
|
1534
1537
|
|
|
1535
|
-
var css_248z$
|
|
1538
|
+
var css_248z$p = ".styles-module_wrapper__oAhGH {\n position: relative;\n}\n\n.styles-module_head__w9r9p {\n border-style: solid;\n border-color: var(--grey200);\n border-radius: var(--fieldBorderRadius) var(--fieldBorderRadius) 0 0;\n height: 3.125rem; /* 50px */\n display: flex;\n align-items: center;\n font-size: var(--fontSizeS);\n font-weight: 600;\n color: var(--grey400);\n}\n\n.styles-module_head__w9r9p.styles-module_hasBorder__-ggIL {\n border-width: var(--fieldBorderWidth);\n}\n\n.styles-module_head__w9r9p.styles-module_noBorder__mY-YV {\n border-width: 0 0 var(--fieldBorderWidth) 0;\n}\n\n.styles-module_head__w9r9p > div {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: none;\n flex: 1;\n padding: 0 0.9375rem; /* 15px */\n font-size: var(--fontSizeS);\n font-weight: 600;\n color: var(--grey400);\n}\n\n.styles-module_head__w9r9p > div:first-child,\n.styles-module_head__w9r9p > div:nth-child(2) {\n display: initial;\n}\n\n@media (min-width: 700px) {\n .styles-module_head__w9r9p > div:nth-child(3) {\n display: initial;\n }\n}\n\n@media (min-width: 900px) {\n .styles-module_head__w9r9p > div:nth-child(4) {\n display: initial;\n }\n}\n\n@media (min-width: 1280px) {\n .styles-module_head__w9r9p > div {\n display: initial;\n }\n}\n\n.styles-module_body__Z-oWZ {\n border-style: solid;\n border-color: var(--grey200);\n border-radius: 0 0 var(--fieldBorderRadius) var(--fieldBorderRadius);\n}\n\n.styles-module_body__Z-oWZ.styles-module_hasBorder__-ggIL {\n border-width: 0 var(--fieldBorderWidth) var(--fieldBorderWidth) var(--fieldBorderWidth);\n}\n\n.styles-module_body__Z-oWZ.styles-module_noBorder__mY-YV {\n border-width: 0;\n}\n\n.styles-module_row__SqIQB {\n height: 3.125rem; /* 50px */\n display: flex;\n align-items: center;\n}\n\n.styles-module_row__SqIQB:not(:last-child) {\n border-bottom: var(--fieldBorderWidth) solid var(--grey200);\n}\n\n.styles-module_row__SqIQB > div {\n display: none;\n flex: 1;\n padding: 0 0.9375rem; /* 15px */\n}\n\n.styles-module_row__SqIQB > div:first-child,\n.styles-module_row__SqIQB > div:nth-child(2) {\n display: inherit;\n}\n\n@media (min-width: 700px) {\n .styles-module_row__SqIQB > div:nth-child(3) {\n display: inherit;\n }\n}\n\n@media (min-width: 900px) {\n .styles-module_row__SqIQB > div:nth-child(4) {\n display: inherit;\n }\n}\n\n@media (min-width: 1280px) {\n .styles-module_row__SqIQB > div {\n display: inherit;\n }\n}\n\n.styles-module_cellText__TD41M {\n background-color: var(--grey200);\n width: 100%;\n height: 0.9375rem; /* 15px */\n}\n\n.styles-module_overlay__PMB49 {\n position: absolute;\n bottom: 0;\n background-image: linear-gradient(\n to bottom,\n rgba(255, 255, 255, 0),\n rgba(255, 255, 255, 1)\n );\n width: 100%;\n height: calc(100% - 3.125rem); /* 50px */\n display: flex;\n justify-content: center;\n align-items: flex-end;\n padding: 0 0.9375rem 0.9375rem 0.9375rem; /* 15px */\n text-align: center;\n color: var(--grey400);\n}\n";
|
|
1536
1539
|
var styles$o = {"wrapper":"styles-module_wrapper__oAhGH","head":"styles-module_head__w9r9p","hasBorder":"styles-module_hasBorder__-ggIL","noBorder":"styles-module_noBorder__mY-YV","body":"styles-module_body__Z-oWZ","row":"styles-module_row__SqIQB","cellText":"styles-module_cellText__TD41M","overlay":"styles-module_overlay__PMB49"};
|
|
1537
|
-
styleInject(css_248z$
|
|
1540
|
+
styleInject(css_248z$p);
|
|
1538
1541
|
|
|
1539
1542
|
const EmptyTable = props => {
|
|
1540
1543
|
let rows = [];
|
|
@@ -1571,9 +1574,9 @@ const EmptyTable = props => {
|
|
|
1571
1574
|
}, rows));
|
|
1572
1575
|
};
|
|
1573
1576
|
|
|
1574
|
-
var css_248z$
|
|
1577
|
+
var css_248z$q = ".styles-module_footer__OUMnw {\n position: relative;\n margin-top: 3.125rem; /* 50px */\n max-width: 100%;\n display: flex;\n justify-content: center;\n}\n\n.styles-module_footer__OUMnw > button {\n min-width: 6.25rem; /* 100px */\n}\n\n.styles-module_footer__OUMnw > button:not(:last-child) {\n margin-right: 0.3125rem; /* 5px */\n}\n\n@media (min-width: 700px) {\n .styles-module_footer__OUMnw {\n justify-content: flex-end;\n }\n}\n";
|
|
1575
1578
|
var styles$p = {"footer":"styles-module_footer__OUMnw"};
|
|
1576
|
-
styleInject(css_248z$
|
|
1579
|
+
styleInject(css_248z$q);
|
|
1577
1580
|
|
|
1578
1581
|
const ModalFooter = props => {
|
|
1579
1582
|
const {
|
|
@@ -1596,9 +1599,9 @@ const ModalFooter = props => {
|
|
|
1596
1599
|
}), children);
|
|
1597
1600
|
};
|
|
1598
1601
|
|
|
1599
|
-
var css_248z$
|
|
1602
|
+
var css_248z$r = ".styles-module_wrapper__linV7 {\n --borderColor: var(--fieldBorderColor);\n --backgroundColor: var(--purple50);\n --dark: var(--purple400);\n border-width: var(--fieldBorderWidth);\n border-style: solid;\n border-color: var(--borderColor);\n border-radius: var(--fieldBorderRadius);\n background-color: var(--backgroundColor);\n padding: 0.9375rem; /* 15px */\n}\n\n.styles-module_wrapper__linV7 div:first-child {\n flex: 1;\n}\n\n.styles-module_wrapper__linV7 div p {\n margin: 0;\n}\n\n/* Color variants */\n.styles-module_colorGrey__IbOjK {\n --borderColor: var(--fieldBorderColor);\n --backgroundColor: var(--purple50);\n --dark: var(--purple400);\n}\n\n.styles-module_colorGreen__8M37R {\n --borderColor: var(--fieldSuccessBorderColor);\n --backgroundColor: var(--fieldSuccessBackgroundColor);\n --dark: var(--green900);\n}\n\n.styles-module_colorRed__Znsid {\n --borderColor: var(--fieldErrorBorderColor);\n --backgroundColor: var(--fieldErrorBackgroundColor);\n --dark: var(--red800);\n}\n\n/* With button styles */\n.styles-module_hasButton__xhknj button {\n margin: 1.875rem 0 0 0; /* 30px */\n border: 0;\n border-radius: var(--fieldBorderRadius);\n background-color: var(--borderColor);\n height: 2.25rem; /* 36px */\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 1.25rem; /* 20px */\n font-size: var(--fontSizeSm);\n font-weight: var(--fontWeightMedium);\n color: var(--dark);\n white-space: nowrap;\n transition-duration: var(--transitionDurationDefault);\n cursor: pointer;\n}\n\n.styles-module_hasButton__xhknj button:hover {\n background-color: var(--dark);\n color: var(--white);\n}\n\n@media (min-width: 576px) {\n .styles-module_hasButton__xhknj {\n display: flex;\n align-items: center;\n }\n\n .styles-module_hasButton__xhknj button {\n margin: 0 0 0 1.875rem; /* 30px */\n }\n}\n";
|
|
1600
1603
|
var styles$q = {"wrapper":"styles-module_wrapper__linV7","colorGrey":"styles-module_colorGrey__IbOjK","colorGreen":"styles-module_colorGreen__8M37R","colorRed":"styles-module_colorRed__Znsid","hasButton":"styles-module_hasButton__xhknj"};
|
|
1601
|
-
styleInject(css_248z$
|
|
1604
|
+
styleInject(css_248z$r);
|
|
1602
1605
|
|
|
1603
1606
|
const NoteCard = props => {
|
|
1604
1607
|
const {
|
|
@@ -1622,9 +1625,9 @@ function hasValue(value) {
|
|
|
1622
1625
|
return value !== undefined && value !== null;
|
|
1623
1626
|
}
|
|
1624
1627
|
|
|
1625
|
-
var css_248z$
|
|
1628
|
+
var css_248z$s = ".styles-module_tableWrapper__3BMSW {\n position: relative;\n}\n\n.styles-module_overflowWrapper__9-UdS {\n @media (min-width: 576px) {\n display: block;\n border-radius: var(--fieldBorderRadius);\n background:\n linear-gradient(to right, var(--white) 30%, rgba(255, 255, 255, 0)),\n linear-gradient(to right, rgba(255, 255, 255, 0), var(--white) 70%) 0 100%,\n radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),\n radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 0 100%;\n background-repeat: no-repeat;\n background-color: var(--white);\n background-size:\n 2.5rem 100%,\n 2.5rem 100%,\n 0.875rem 100%,\n 0.875rem 100%;\n background-position:\n 0 0,\n 100%,\n 0 0,\n 100%;\n background-attachment: local, local, scroll, scroll;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n scrollbar-width: none;\n }\n}\n\n.styles-module_table__514lH {\n width: 100%;\n border-width: 0;\n border-style: solid;\n border-color: var(--grey200);\n border-radius: var(--fieldBorderRadius);\n border-spacing: 0;\n white-space: nowrap;\n}\n\n.styles-module_hasBorder__9Tkv5 {\n @media (min-width: 576px) {\n border-width: var(--fieldBorderWidth);\n }\n}\n\n.styles-module_table__514lH th,\n.styles-module_table__514lH td {\n height: 3.125rem; /* 50px */\n padding: 0 0.9375rem; /* 15px */\n}\n\n.styles-module_table__514lH th.center,\n.styles-module_table__514lH td.center {\n text-align: center;\n}\n\n.styles-module_table__514lH th.center > div,\n.styles-module_table__514lH td.center > div {\n justify-content: center;\n}\n\n.styles-module_table__514lH th.right,\n.styles-module_table__514lH td.right {\n text-align: right;\n}\n\n.styles-module_table__514lH th.right > div,\n.styles-module_table__514lH td.right > div {\n justify-content: flex-end;\n}\n\n@media (min-width: 576px) {\n .styles-module_table__514lH th.thin,\n .styles-module_table__514lH td.thin {\n max-width: min-content;\n }\n}\n\n.styles-module_table__514lH th.vkai,\n.styles-module_table__514lH td.vkai,\n.styles-module_table__514lH th.tkai,\n.styles-module_table__514lH td.tkai,\n.styles-module_table__514lH th.lx,\n.styles-module_table__514lH td.lx,\n.styles-module_table__514lH th.vote,\n.styles-module_table__514lH td.vote {\n text-align: right;\n}\n\n.styles-module_table__514lH th.vkai > div,\n.styles-module_table__514lH td.vkai > div,\n.styles-module_table__514lH th.tkai > div,\n.styles-module_table__514lH td.tkai > div,\n.styles-module_table__514lH th.lx > div,\n.styles-module_table__514lH td.lx > div,\n.styles-module_table__514lH th.vote > div,\n.styles-module_table__514lH td.vote > div {\n justify-content: flex-end;\n}\n\n.styles-module_table__514lH th.avatar > div,\n.styles-module_table__514lH td.avatar > div {\n display: flex;\n align-items: center;\n}\n\n.styles-module_table__514lH th.avatar .avatar-img,\n.styles-module_table__514lH td.avatar .avatar-img {\n margin-right: 0.9375rem; /* 15px */\n}\n\n.styles-module_table__514lH th {\n font-size: var(--fontSizeSm);\n}\n\n.styles-module_table__514lH th:first-child {\n border-top-left-radius: var(--fieldBorderRadius);\n}\n\n.styles-module_table__514lH th:last-child {\n border-top-right-radius: var(--fieldBorderRadius);\n}\n\n.styles-module_table__514lH tr {\n border: var(--fieldBorderWidth) solid var(--grey200);\n border-radius: var(--fieldBorderRadius);\n position: relative;\n}\n\n.styles-module_table__514lH tr:not(:last-child) {\n margin-bottom: 0.9375rem; /* 15px */\n}\n\n@media (min-width: 576px) {\n .styles-module_table__514lH tr {\n border: 0;\n }\n}\n\n.styles-module_table__514lH thead {\n border: none;\n clip: rect(0 0 0 0);\n height: 0.0625rem; /* 1px */\n margin: -0.0625rem; /* -1px */\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 0.0625rem; /* 1px */\n}\n\n@media (min-width: 576px) {\n .styles-module_table__514lH thead {\n display: contents;\n font-weight: var(--fontWeightSemiBold);\n color: var(--grey400);\n text-align: left;\n }\n}\n\n.styles-module_table__514lH tbody tr {\n display: block;\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_table__514lH tbody tr:hover {\n background-color: var(--grey50);\n}\n\n.styles-module_isLoadingState__Wfsbp tbody tr:hover {\n background-color: transparent;\n}\n\n.styles-module_table__514lH tbody tr:hover td.menu button {\n opacity: 1;\n}\n\n@media (min-width: 576px) {\n .styles-module_table__514lH tbody tr {\n display: table-row;\n }\n}\n\n.styles-module_table__514lH tbody td {\n border-top: var(--fieldBorderWidth) solid var(--grey200);\n height: inherit;\n min-height: 3.125rem; /* 50px */\n padding: 0.9375rem; /* 15px */\n display: flex;\n justify-content: flex-end;\n align-items: center;\n}\n\n.styles-module_table__514lH tbody td > div {\n margin-left: 6.25rem; /* 100px */\n height: 100%;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n flex-wrap: nowrap;\n text-align: right;\n}\n\n.styles-module_table__514lH tbody td > div > span {\n display: none;\n}\n\n.styles-module_table__514lH tbody td > div > span:first-child,\n.styles-module_table__514lH tbody td > div > span:last-child {\n display: inherit;\n}\n\n.styles-module_table__514lH tbody td img {\n min-width: 1.875rem; /* 30px */\n min-height: 1.875rem; /* 30px */\n}\n\n.styles-module_table__514lH tbody td a {\n display: flex;\n align-items: center;\n color: var(--black);\n text-decoration-color: var(--grey400);\n}\n\n.styles-module_table__514lH tbody td:first-child {\n border: 0;\n}\n\n.styles-module_table__514lH tbody td::before {\n position: absolute;\n left: 0.9375rem; /* 15px */\n content: attr(data-label);\n font-weight: var(--fontWeightSemiBold);\n text-transform: capitalize;\n}\n\n.styles-module_isLoadingState__Wfsbp tbody td::before {\n width: 4.6875rem; /* 75px */\n height: 0.9375rem; /* 15px */\n background: #f6f7f8;\n background-image: -webkit-linear-gradient(\n left,\n #f6f7f8 0%,\n #edeef1 20%,\n #f6f7f8 40%,\n #f6f7f8 100%\n );\n background-repeat: no-repeat;\n background-size: 50rem 100%; /* 800px */\n animation-fill-mode: forwards;\n animation-name: styles-module_placeholderSkeleton__YqC9J;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n animation-duration: 1.5s;\n}\n\n.styles-module_table__514lH tbody td.tkai svg,\n.styles-module_table__514lH tbody td.vkai svg,\n.styles-module_table__514lH tbody td.lx svg,\n.styles-module_table__514lH tbody td.vote svg {\n float: right;\n margin-left: 0.3125rem; /* 5px */\n width: auto;\n min-width: 1.375rem; /* 22px */\n max-height: 1.375rem; /* 22px */\n}\n\n.styles-module_table__514lH tbody td .avatar-img {\n display: none;\n}\n\n.styles-module_table__514lH tbody td .tag {\n margin: 0;\n}\n\n.styles-module_table__514lH tbody td .tag:not(:first-child) {\n display: none;\n}\n\n.styles-module_table__514lH tbody td .button {\n height: 2.125rem; /* 34px */\n}\n\n.styles-module_table__514lH tbody td.menu {\n padding: 0 0.625rem 0 0; /* 10px */\n}\n\n.styles-module_table__514lH tbody td.menu button {\n margin-top: 0.3125rem; /* 5px */\n transition: var(--transitionDurationDefault);\n}\n\n.styles-module_table__514lH tbody td.menu ul {\n top: 2.25rem; /* 36px */\n margin-left: -10.625rem; /* -170px */\n}\n\n@media (min-width: 576px) {\n .styles-module_table__514lH tbody td {\n display: table-cell;\n height: 3.125rem; /* 50px */\n padding: 0 0.9375rem; /* 15px */\n }\n\n .styles-module_table__514lH tbody td > div {\n position: relative;\n margin-left: 0;\n display: flex-start;\n justify-content: flex-start;\n text-align: left;\n }\n\n .styles-module_table__514lH tbody td > div > span {\n display: inherit;\n }\n\n .styles-module_table__514lH tbody td:first-child {\n border-top: var(--fieldBorderWidth) solid var(--grey200);\n }\n\n .styles-module_table__514lH tbody td::before {\n content: '';\n }\n\n .styles-module_table__514lH tbody td.tkai,\n .styles-module_table__514lH tbody td.vkai {\n max-width: 6.25rem; /* 100px */\n }\n\n .styles-module_table__514lH tbody td .avatar-img {\n display: inherit;\n }\n\n .styles-module_table__514lH tbody td .tag:not(:first-child) {\n display: inherit;\n }\n\n .styles-module_table__514lH tbody td .tag:not(:last-child) {\n margin-right: 0.3125rem; /* 5px */\n }\n\n .styles-module_table__514lH tbody td.menu {\n width: 2.5rem; /* 40px */\n }\n\n .styles-module_table__514lH tbody td.menu button {\n opacity: 0;\n }\n}\n\n@keyframes styles-module_placeholderSkeleton__YqC9J {\n 0% {\n background-position: -50rem 0; /* -800px */\n }\n 100% {\n background-position: 50rem 0; /* 800px */\n }\n}\n\n.styles-module_skeletonCell__dWHE- {\n width: 100%;\n height: 0.9375rem !important; /* 15px */\n background: #f6f7f8;\n background-image: -webkit-linear-gradient(\n left,\n #f6f7f8 0%,\n #edeef1 20%,\n #f6f7f8 40%,\n #f6f7f8 100%\n );\n background-repeat: no-repeat;\n background-size: 50rem 100%; /* 800px */\n animation-fill-mode: forwards;\n animation-name: styles-module_placeholderSkeleton__YqC9J;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n animation-duration: 1.5s;\n}\n";
|
|
1626
1629
|
var tableStyles = {"tableWrapper":"styles-module_tableWrapper__3BMSW","overflowWrapper":"styles-module_overflowWrapper__9-UdS","table":"styles-module_table__514lH","hasBorder":"styles-module_hasBorder__9Tkv5","isLoadingState":"styles-module_isLoadingState__Wfsbp","placeholderSkeleton":"styles-module_placeholderSkeleton__YqC9J","skeletonCell":"styles-module_skeletonCell__dWHE-"};
|
|
1627
|
-
styleInject(css_248z$
|
|
1630
|
+
styleInject(css_248z$s);
|
|
1628
1631
|
|
|
1629
1632
|
const Table = props => {
|
|
1630
1633
|
const {
|
|
@@ -1744,9 +1747,9 @@ const Table = props => {
|
|
|
1744
1747
|
})));
|
|
1745
1748
|
};
|
|
1746
1749
|
|
|
1747
|
-
var css_248z$
|
|
1750
|
+
var css_248z$t = ".styles-module_table__GksNm {\n position: relative;\n width: 100%;\n border-width: 0;\n border-style: solid;\n border-color: var(--grey200);\n border-radius: var(--fieldBorderRadius);\n border-spacing: 0;\n white-space: nowrap;\n table-layout: var(--tableLayout, auto);\n}\n\n.styles-module_hasBorder__eX06U {\n border-width: var(--fieldBorderWidth);\n}\n\n.styles-module_table__GksNm th,\n.styles-module_table__GksNm td {\n height: 3.125rem; /* 50px */\n padding: 0 0.9375rem; /* 15px */\n}\n\n.styles-module_table__GksNm th.center,\n.styles-module_table__GksNm td.center {\n text-align: center;\n}\n\n.styles-module_table__GksNm th.center > div,\n.styles-module_table__GksNm td.center > div {\n justify-content: center;\n}\n\n.styles-module_table__GksNm th.right,\n.styles-module_table__GksNm td.right {\n text-align: right;\n}\n\n.styles-module_table__GksNm th.right > div,\n.styles-module_table__GksNm td.right > div {\n justify-content: flex-end;\n}\n\n@media (min-width: 576px) {\n .styles-module_table__GksNm th.thin,\n .styles-module_table__GksNm td.thin {\n max-width: min-content;\n }\n}\n\n.styles-module_table__GksNm th.kai,\n.styles-module_table__GksNm td.kai {\n text-align: right;\n}\n\n.styles-module_table__GksNm th.kai > div,\n.styles-module_table__GksNm td.kai > div {\n justify-content: flex-end;\n}\n\n.styles-module_table__GksNm th.avatar > div,\n.styles-module_table__GksNm td.avatar > div {\n display: flex;\n align-items: center;\n}\n\n.styles-module_table__GksNm th.avatar .avatar-img,\n.styles-module_table__GksNm td.avatar .avatar-img {\n margin-right: 0.9375rem; /* 15px */\n}\n\n.styles-module_table__GksNm th {\n font-size: 0.85rem;\n}\n\n.styles-module_table__GksNm th:first-child {\n border-top-left-radius: var(--fieldBorderRadius);\n}\n\n.styles-module_table__GksNm th:last-child {\n border-top-right-radius: var(--fieldBorderRadius);\n}\n\n.styles-module_table__GksNm tr {\n border: var(--fieldBorderWidth) solid var(--grey200);\n border-radius: var(--fieldBorderRadius);\n position: relative;\n}\n\n.styles-module_table__GksNm tr:not(:last-child) {\n margin-bottom: 0.9375rem; /* 15px */\n}\n\n@media (min-width: 576px) {\n .styles-module_table__GksNm tr {\n border: 0;\n }\n}\n\n.styles-module_table__GksNm thead {\n border: none;\n clip: rect(0 0 0 0);\n height: 0.0625rem; /* 1px */\n margin: -0.0625rem; /* -1px */\n overflow: hidden;\n padding: 0;\n position: absolute;\n width: 0.0625rem; /* 1px */\n}\n\n@media (min-width: 576px) {\n .styles-module_table__GksNm thead {\n display: contents;\n font-weight: var(--fontWeightSemiBold);\n color: var(--grey400);\n text-align: left;\n }\n}\n\n.styles-module_table__GksNm tbody tr {\n display: block;\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_table__GksNm tbody tr:hover {\n background-color: var(--grey50);\n}\n\n.styles-module_table__GksNm tbody tr:hover td.drag-handle svg {\n fill: var(--grey200);\n}\n\n.styles-module_table__GksNm tbody tr:hover td.menu button {\n opacity: 1;\n}\n\n@media (min-width: 576px) {\n .styles-module_table__GksNm tbody tr {\n display: table-row;\n }\n}\n\n.styles-module_table__GksNm tbody td {\n border-top: var(--fieldBorderWidth) solid var(--grey200);\n height: inherit;\n min-height: 3.125rem; /* 50px */\n padding: 0.9375rem; /* 15px */\n display: flex;\n justify-content: flex-end;\n}\n\n.styles-module_table__GksNm tbody td.drag-handle > div {\n width: min-content;\n}\n\n.styles-module_table__GksNm tbody td.drag-handle svg {\n width: 1.875rem; /* 30px */\n height: 1.875rem; /* 30px */\n fill: var(--grey200);\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_table__GksNm tbody td > div {\n margin-left: 6.25rem; /* 100px */\n height: 100%;\n display: flex;\n justify-content: flex-end;\n align-items: center;\n flex-wrap: nowrap;\n text-align: right;\n}\n\n.styles-module_table__GksNm tbody td > div > span {\n display: none;\n}\n\n.styles-module_table__GksNm tbody td > div > span:first-child,\n.styles-module_table__GksNm tbody td > div > span:last-child {\n display: inherit;\n}\n\n.styles-module_table__GksNm tbody td img {\n min-width: 1.875rem; /* 30px */\n min-height: 1.875rem; /* 30px */\n}\n\n.styles-module_table__GksNm tbody td a {\n display: flex;\n align-items: center;\n color: var(--black);\n text-decoration-color: var(--grey400);\n}\n\n.styles-module_table__GksNm tbody td:first-child {\n border: 0;\n}\n\n.styles-module_table__GksNm tbody td::before {\n position: absolute;\n left: 0.9375rem; /* 15px */\n content: attr(data-label);\n font-weight: var(--fontWeightSemiBold);\n text-transform: capitalize;\n}\n\n.styles-module_table__GksNm tbody td.kai svg {\n float: right;\n width: auto;\n min-width: 1.25rem; /* 20px */\n max-height: 1.25rem; /* 20px */\n}\n\n.styles-module_table__GksNm tbody td .avatar-img {\n display: none;\n}\n\n.styles-module_table__GksNm tbody td .tag {\n margin: 0;\n}\n\n.styles-module_table__GksNm tbody td .tag:not(:first-child) {\n display: none;\n}\n\n.styles-module_table__GksNm tbody td.menu {\n padding: 0 0.625rem 0 0; /* 10px */\n}\n\n.styles-module_table__GksNm tbody td.menu button {\n margin-top: 0.3125rem; /* 5px */\n transition: var(--transitionDurationDefault);\n}\n\n.styles-module_table__GksNm tbody td.menu ul {\n top: 2.25rem; /* 36px */\n margin-left: -10.625rem; /* -170px */\n}\n\n@media (min-width: 576px) {\n .styles-module_table__GksNm tbody td {\n display: table-cell;\n height: 3.125rem; /* 50px */\n padding: 0 0.9375rem; /* 15px */\n align-items: center;\n }\n\n .styles-module_table__GksNm tbody td > div {\n position: relative;\n margin-left: 0;\n display: flex-start;\n justify-content: flex-start;\n text-align: left;\n }\n\n .styles-module_table__GksNm tbody td > div > span {\n display: inherit;\n }\n\n .styles-module_table__GksNm tbody td:first-child {\n border-top: var(--fieldBorderWidth) solid var(--grey200);\n }\n\n .styles-module_table__GksNm tbody td::before {\n content: '';\n }\n\n .styles-module_table__GksNm tbody td.kai {\n max-width: 6.25rem; /* 100px */\n }\n\n .styles-module_table__GksNm tbody td .avatar-img {\n display: inherit;\n }\n\n .styles-module_table__GksNm tbody td .tag:not(:first-child) {\n display: inherit;\n }\n\n .styles-module_table__GksNm tbody td .tag:not(:last-child) {\n margin-right: 0.3125rem; /* 5px */\n }\n\n .styles-module_table__GksNm tbody td.menu {\n width: 2.5rem; /* 40px */\n }\n\n .styles-module_table__GksNm tbody td.menu button {\n opacity: 0;\n }\n}\n\n/* TableRow - draggable state handled via data attribute in component */\n.styles-module_tableRow__Y9PYv {\n /* Base row styles */\n}\n\n.styles-module_isDragging__nfRWS {\n position: absolute;\n display: table;\n width: 100%;\n}\n";
|
|
1748
1751
|
var styles$r = {"table":"styles-module_table__GksNm","hasBorder":"styles-module_hasBorder__eX06U","tableRow":"styles-module_tableRow__Y9PYv","isDragging":"styles-module_isDragging__nfRWS"};
|
|
1749
|
-
styleInject(css_248z$
|
|
1752
|
+
styleInject(css_248z$t);
|
|
1750
1753
|
|
|
1751
1754
|
const TableDnD = props => {
|
|
1752
1755
|
const {
|
|
@@ -1922,9 +1925,9 @@ const TableDnD = props => {
|
|
|
1922
1925
|
}))));
|
|
1923
1926
|
};
|
|
1924
1927
|
|
|
1925
|
-
var css_248z$
|
|
1928
|
+
var css_248z$u = ".styles-module_wrapper__rNRu8 {\n display: inline-block;\n}\n\n.styles-module_wrapper__rNRu8 > label {\n margin-bottom: 0.3125rem; /* 5px */\n color: var(--grey500);\n}\n\n.styles-module_wrapper__rNRu8.styles-module_hasError__RPZHv > label {\n color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_wrapper__rNRu8 > label span {\n color: var(--fieldColor);\n}\n\n.styles-module_wrapper__rNRu8.styles-module_hasError__RPZHv > label span {\n color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_wrapper__rNRu8:not(:last-child) {\n margin-bottom: 0.9375rem; /* 15px */\n}\n";
|
|
1926
1929
|
var styles$s = {"wrapper":"styles-module_wrapper__rNRu8","hasError":"styles-module_hasError__RPZHv"};
|
|
1927
|
-
styleInject(css_248z$
|
|
1930
|
+
styleInject(css_248z$u);
|
|
1928
1931
|
|
|
1929
1932
|
const FormGroup = props => {
|
|
1930
1933
|
const {
|
|
@@ -1941,9 +1944,9 @@ const FormGroup = props => {
|
|
|
1941
1944
|
}), children);
|
|
1942
1945
|
};
|
|
1943
1946
|
|
|
1944
|
-
var css_248z$
|
|
1947
|
+
var css_248z$v = ".styles-module_wrapper__GZm7N {\n border: var(--fieldBorderWidth) solid var(--fieldBorderColor);\n border-radius: var(--fieldBorderRadius);\n max-width: max-content;\n height: var(--fieldHeight);\n display: flex;\n overflow: hidden;\n}\n\n.styles-module_wrapper__GZm7N button:disabled,\n.styles-module_wrapper__GZm7N input:disabled {\n cursor: inherit;\n background-color: var(--fieldDisabledBackgroundColor);\n}\n\n.styles-module_wrapper__GZm7N button:disabled svg {\n fill: var(--fieldDisabledColor);\n}\n\n.styles-module_wrapper__GZm7N button:disabled:hover,\n.styles-module_wrapper__GZm7N input:disabled:hover {\n pointer-events: none;\n}\n\n.styles-module_input__ttkF8 {\n border: 0;\n width: var(--inputWidth, 70px);\n height: var(--fieldHeight);\n padding: 0.625rem; /* 10px */\n font-family: inherit;\n font-size: 1rem;\n text-align: center;\n -moz-appearance: textfield;\n}\n\n.styles-module_input__ttkF8::-webkit-outer-spin-button,\n.styles-module_input__ttkF8::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n\n.styles-module_input__ttkF8:focus {\n outline: none;\n}\n\n.styles-module_input__ttkF8:invalid {\n box-shadow: none;\n background-color: var(--fieldErrorBackgroundColor);\n}\n\n.styles-module_button__0QcGS {\n width: var(--fieldHeight);\n height: var(--fieldHeight);\n border: 0;\n background-color: var(--fieldBorderColor);\n cursor: pointer;\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_removeButton__N198t {\n border-right: var(--fieldBorderWidth) solid var(--fieldBorderColor);\n}\n\n.styles-module_addButton__7JcZK {\n border-left: var(--fieldBorderWidth) solid var(--fieldBorderColor);\n}\n\n.styles-module_button__0QcGS svg {\n width: auto;\n height: 1.25rem; /* 20px */\n fill: var(--purple300);\n}\n\n.styles-module_button__0QcGS:hover {\n background-color: var(--fieldHoverBorderColor);\n}\n";
|
|
1945
1948
|
var styles$t = {"wrapper":"styles-module_wrapper__GZm7N","input":"styles-module_input__ttkF8","button":"styles-module_button__0QcGS","removeButton":"styles-module_removeButton__N198t","addButton":"styles-module_addButton__7JcZK"};
|
|
1946
|
-
styleInject(css_248z$
|
|
1949
|
+
styleInject(css_248z$v);
|
|
1947
1950
|
|
|
1948
1951
|
const NumberInputSpinner = props => {
|
|
1949
1952
|
const {
|
|
@@ -2013,9 +2016,9 @@ const NumberInputSpinner = props => {
|
|
|
2013
2016
|
})));
|
|
2014
2017
|
};
|
|
2015
2018
|
|
|
2016
|
-
var css_248z$
|
|
2019
|
+
var css_248z$w = ".styles-module_steps__jXCdM {\n margin: 0;\n width: 100%;\n padding: 0;\n display: flex;\n}\n\n.styles-module_step__kFzMi {\n list-style: none;\n flex: 1;\n position: relative;\n height: 2.75rem; /* 44px */\n display: flex;\n justify-content: center;\n align-items: center;\n padding-right: 1.125rem; /* 18px */\n text-align: center;\n}\n\n.styles-module_step__kFzMi::before,\n.styles-module_step__kFzMi::after {\n content: '';\n position: absolute;\n top: 0;\n border: 0 solid var(--stepBorderColor, var(--fieldBorderColor));\n border-width: 1.375rem 0.9375rem; /* 22px 15px */\n width: 0;\n height: 0;\n}\n\n.styles-module_step__kFzMi::before {\n left: -0.9375rem; /* -15px */\n border-left-color: transparent;\n}\n\n.styles-module_step__kFzMi::after {\n left: calc(100% - 1.125rem); /* 18px */\n border-color: transparent;\n border-left-color: var(--stepBorderColor, var(--fieldBorderColor));\n}\n\n.styles-module_step__kFzMi:first-child::before {\n border: none;\n}\n\n.styles-module_step__kFzMi:last-child::after {\n border: none;\n}\n\n.styles-module_step__kFzMi:first-child {\n overflow: hidden;\n}\n\n.styles-module_step__kFzMi:first-child > div {\n border-radius: var(--fieldBorderRadius) 0 0 var(--fieldBorderRadius);\n}\n\n.styles-module_step__kFzMi:last-child {\n padding-right: 0;\n}\n\n.styles-module_step__kFzMi:last-child > div {\n border-radius: 0 var(--fieldBorderRadius) var(--fieldBorderRadius) 0;\n}\n\n.styles-module_step__kFzMi > div {\n background-color: var(--stepBorderColor, var(--fieldBorderColor));\n width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.styles-module_step__kFzMi > div span {\n width: min-content;\n font-size: var(--fontSizeSm);\n color: var(--stepTextColor, var(--purple300));\n}\n\n/* Active state */\n.styles-module_isActive__FdXTS {\n --stepBorderColor: var(--fieldSuccessBackgroundColor);\n --stepTextColor: var(--white);\n}\n\n@media (min-width: 576px) {\n .styles-module_step__kFzMi > div span {\n width: 100%;\n font-size: 1rem;\n font-weight: var(--fontWeightSemiBold);\n }\n}\n";
|
|
2017
2020
|
var styles$u = {"steps":"styles-module_steps__jXCdM","step":"styles-module_step__kFzMi","isActive":"styles-module_isActive__FdXTS"};
|
|
2018
|
-
styleInject(css_248z$
|
|
2021
|
+
styleInject(css_248z$w);
|
|
2019
2022
|
|
|
2020
2023
|
const WizardSteps = props => {
|
|
2021
2024
|
const {
|
|
@@ -2037,9 +2040,9 @@ const WizardSteps = props => {
|
|
|
2037
2040
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("span", null, step.value))))));
|
|
2038
2041
|
};
|
|
2039
2042
|
|
|
2040
|
-
var css_248z$
|
|
2043
|
+
var css_248z$x = ".styles-module_wrapper__BjaoB {\n --size: 1.875rem; /* 30px */\n}\n\n.styles-module_wrapper__BjaoB ul.pagination {\n margin: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0;\n list-style: none;\n}\n\n.styles-module_wrapper__BjaoB ul.pagination li {\n min-width: var(--size);\n height: var(--size);\n cursor: pointer;\n}\n\n.styles-module_wrapper__BjaoB ul.pagination li.previous,\n.styles-module_wrapper__BjaoB ul.pagination li.next {\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_wrapper__BjaoB ul.pagination li.previous a svg,\n.styles-module_wrapper__BjaoB ul.pagination li.next a svg {\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_wrapper__BjaoB ul.pagination li a,\n.styles-module_wrapper__BjaoB ul.pagination li .break {\n min-width: var(--size);\n height: var(--size);\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_wrapper__BjaoB ul.pagination li a {\n border-radius: var(--fieldBorderRadius);\n min-width: var(--size);\n height: var(--size);\n padding: 0 0.3125rem; /* 5px */\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--black);\n font-weight: var(--fontWeightSemiBold);\n text-decoration: none;\n}\n\n.styles-module_wrapper__BjaoB ul.pagination li a:hover {\n color: var(--blue500);\n}\n\n.styles-module_wrapper__BjaoB ul.pagination li a svg {\n width: 1.125rem; /* 18px */\n height: auto;\n fill: var(--blue500);\n}\n\n.styles-module_wrapper__BjaoB ul.pagination li.active {\n pointer-events: none;\n}\n\n.styles-module_wrapper__BjaoB ul.pagination li.active a {\n background-color: var(--blue500);\n color: var(--white);\n}\n\n.styles-module_wrapper__BjaoB ul.pagination.dark a {\n color: var(--white);\n}\n\n.styles-module_wrapper__BjaoB ul.pagination.dark a:hover {\n color: var(--white);\n}\n";
|
|
2041
2044
|
var styles$v = {"wrapper":"styles-module_wrapper__BjaoB"};
|
|
2042
|
-
styleInject(css_248z$
|
|
2045
|
+
styleInject(css_248z$x);
|
|
2043
2046
|
|
|
2044
2047
|
const PaginationControl = props => {
|
|
2045
2048
|
const [pageDisplayed, setPageDisplayed] = useState(3);
|
|
@@ -2092,9 +2095,9 @@ const PaginationControl = props => {
|
|
|
2092
2095
|
}));
|
|
2093
2096
|
};
|
|
2094
2097
|
|
|
2095
|
-
var css_248z$
|
|
2098
|
+
var css_248z$y = ".styles-module_wrapper__sb8li {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 0 1.875rem; /* 30px */\n text-align: center;\n}\n\n.styles-module_variantDefault__0H5Tq {\n min-height: 50vh;\n}\n\n.styles-module_variantMinimal__w7Pi3 {\n min-height: inherit;\n}\n\n.styles-module_wrapper__sb8li svg {\n width: auto;\n height: 6.25rem; /* 100px */\n}\n\n.styles-module_wrapper__sb8li > span {\n margin-top: 0.9375rem; /* 15px */\n font-weight: var(--fontWeightSemiBold);\n color: var(--black);\n}\n\n.styles-module_wrapper__sb8li > span a {\n color: var(--black);\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_wrapper__sb8li > span:hover {\n color: var(--purple500);\n}\n";
|
|
2096
2099
|
var styles$w = {"wrapper":"styles-module_wrapper__sb8li","variantDefault":"styles-module_variantDefault__0H5Tq","variantMinimal":"styles-module_variantMinimal__w7Pi3"};
|
|
2097
|
-
styleInject(css_248z$
|
|
2100
|
+
styleInject(css_248z$y);
|
|
2098
2101
|
|
|
2099
2102
|
const Error = props => {
|
|
2100
2103
|
const {
|
|
@@ -2109,9 +2112,9 @@ const Error = props => {
|
|
|
2109
2112
|
}) : /*#__PURE__*/React.createElement("span", null, "\xAF\\\\_(\u30C4)_/\xAF"), value && /*#__PURE__*/React.createElement("span", null, value));
|
|
2110
2113
|
};
|
|
2111
2114
|
|
|
2112
|
-
var css_248z$
|
|
2115
|
+
var css_248z$z = ".styles-module_wrapper__OXvtT {\n min-height: 50vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n padding: 0 1.875rem; /* 30px */\n text-align: center;\n}\n\n.styles-module_wrapper__OXvtT svg {\n width: auto;\n height: 6.25rem; /* 100px */\n}\n\n.styles-module_wrapper__OXvtT > div {\n margin-top: 0.9375rem; /* 15px */\n font-weight: 600;\n color: var(--black);\n}\n\n.styles-module_wrapper__OXvtT > div a {\n color: var(--black);\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_wrapper__OXvtT > div a:hover {\n color: var(--purple500);\n}\n";
|
|
2113
2116
|
var styles$x = {"wrapper":"styles-module_wrapper__OXvtT"};
|
|
2114
|
-
styleInject(css_248z$
|
|
2117
|
+
styleInject(css_248z$z);
|
|
2115
2118
|
|
|
2116
2119
|
const IconLoginOnly = () => /*#__PURE__*/React.createElement("svg", {
|
|
2117
2120
|
id: "login-only-icon",
|
|
@@ -4070,9 +4073,9 @@ const DataWarning = props => {
|
|
|
4070
4073
|
}, icon, /*#__PURE__*/React.createElement("div", null, children));
|
|
4071
4074
|
};
|
|
4072
4075
|
|
|
4073
|
-
var css_248z$
|
|
4076
|
+
var css_248z$A = ".styles-module_wrapper__sBzYm {\n display: flex;\n position: relative;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.styles-module_typeRow__gDfys {\n flex-direction: row;\n}\n\n.styles-module_typeColumn__c0-xq {\n flex-direction: column;\n}\n\n.styles-module_typeRow__gDfys > li:not(:last-child) {\n margin-right: 1.875rem; /* 30px */\n}\n\n.styles-module_typeColumn__c0-xq > li:not(:last-child) {\n margin-bottom: 0.625rem; /* 10px */\n}\n\n.styles-module_wrapper__sBzYm input[type='radio']:checked ~ .check {\n border-color: var(--fieldSuccessBorderColor);\n}\n\n.styles-module_wrapper__sBzYm input[type='radio']:checked ~ .check::before {\n background-color: var(--fieldSuccessBackgroundColor);\n}\n\n.styles-module_wrapper__sBzYm + span {\n margin-top: 0.625rem; /* 10px */\n}\n\n/* Item */\n.styles-module_item__44sGo {\n --size: 1.5rem; /* 24px */\n display: flex;\n position: relative;\n min-height: var(--size);\n}\n\n.styles-module_item__44sGo input[type='radio'] {\n position: absolute;\n visibility: hidden;\n}\n\n.styles-module_item__44sGo label {\n position: relative;\n padding-left: calc(var(--size) + 5px);\n line-height: var(--size);\n vertical-align: middle;\n cursor: pointer;\n z-index: 1;\n}\n\n.styles-module_item__44sGo.styles-module_hasError__4Lypc label {\n color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_item__44sGo .check {\n position: absolute;\n top: 0;\n border: 0.125rem solid var(--fieldBorderColor); /* 2px */\n border-radius: 100%;\n width: var(--size);\n height: var(--size);\n transition-duration: var(--transitionDurationDefault);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.styles-module_item__44sGo.styles-module_hasError__4Lypc .check {\n border-color: var(--fieldErrorBorderColor);\n}\n\n.styles-module_item__44sGo .check::before {\n content: '';\n display: block;\n border-radius: 100%;\n height: calc(var(--size) / 1.5);\n width: calc(var(--size) / 1.5);\n}\n\n.styles-module_item__44sGo:hover .check {\n border-color: var(--fieldHoverBorderColor);\n}\n\n.styles-module_item__44sGo.styles-module_isDisabled__d5WyF label {\n color: var(--fieldDisabledColor);\n}\n\n.styles-module_item__44sGo.styles-module_isDisabled__d5WyF input[type='radio'] ~ .check,\n.styles-module_item__44sGo.styles-module_isDisabled__d5WyF input[type='radio']:checked ~ .check {\n border-color: var(--fieldDisabledColor);\n}\n\n.styles-module_item__44sGo.styles-module_isDisabled__d5WyF input[type='radio']:checked ~ .check::before {\n background-color: var(--fieldDisabledBackgroundColor);\n}\n\n.styles-module_item__44sGo.styles-module_isDisabled__d5WyF:hover {\n pointer-events: none;\n cursor: auto;\n}\n";
|
|
4074
4077
|
var styles$y = {"wrapper":"styles-module_wrapper__sBzYm","typeRow":"styles-module_typeRow__gDfys","typeColumn":"styles-module_typeColumn__c0-xq","item":"styles-module_item__44sGo","hasError":"styles-module_hasError__4Lypc","isDisabled":"styles-module_isDisabled__d5WyF"};
|
|
4075
|
-
styleInject(css_248z$
|
|
4078
|
+
styleInject(css_248z$A);
|
|
4076
4079
|
|
|
4077
4080
|
const RadioGroup = props => {
|
|
4078
4081
|
const {
|
|
@@ -4112,9 +4115,9 @@ const RadioGroup = props => {
|
|
|
4112
4115
|
}) : null);
|
|
4113
4116
|
};
|
|
4114
4117
|
|
|
4115
|
-
var css_248z$
|
|
4118
|
+
var css_248z$B = ".styles-module_wrapper__DI7Yd {\n display: flex;\n position: relative;\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.styles-module_typeRow__XliU9 {\n flex-direction: row;\n}\n\n.styles-module_typeColumn__AEnv1 {\n flex-direction: column;\n}\n\n.styles-module_wrapper__DI7Yd li {\n position: relative;\n min-height: 1.5rem; /* 24px */\n}\n\n.styles-module_typeRow__XliU9 > li:not(:last-child) {\n margin-right: 1.875rem; /* 30px */\n}\n\n.styles-module_typeColumn__AEnv1 > li:not(:last-child) {\n margin-bottom: 0.625rem; /* 10px */\n}\n";
|
|
4116
4119
|
var styles$z = {"wrapper":"styles-module_wrapper__DI7Yd","typeRow":"styles-module_typeRow__XliU9","typeColumn":"styles-module_typeColumn__AEnv1"};
|
|
4117
|
-
styleInject(css_248z$
|
|
4120
|
+
styleInject(css_248z$B);
|
|
4118
4121
|
|
|
4119
4122
|
const CheckboxGroup = props => {
|
|
4120
4123
|
const {
|
|
@@ -4145,9 +4148,9 @@ const CheckboxGroup = props => {
|
|
|
4145
4148
|
}) : null);
|
|
4146
4149
|
};
|
|
4147
4150
|
|
|
4148
|
-
var css_248z$
|
|
4151
|
+
var css_248z$C = ".styles-module_wrapper__p5CpR label {\n margin-bottom: 0.3125rem; /* 5px */\n}\n\n.styles-module_field__6fCxe {\n display: flex;\n flex-wrap: wrap;\n}\n\n.styles-module_field__6fCxe input {\n flex: 1;\n margin-right: -0.0625rem; /* -1px */\n border-radius: var(--fieldBorderRadius) 0 0 var(--fieldBorderRadius);\n}\n\n.styles-module_field__6fCxe input:disabled {\n background-color: var(--fieldBackgroundColor);\n color: var(--fieldColor);\n}\n\n.styles-module_field__6fCxe span {\n order: 3;\n width: 100%;\n}\n\n.styles-module_field__6fCxe button {\n border: 0;\n border-radius: 0 var(--fieldBorderRadius) var(--fieldBorderRadius) 0;\n min-width: 3.125rem; /* 50px */\n height: var(--fieldHeight);\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 1.25rem; /* 20px */\n white-space: nowrap;\n transition-duration: var(--transitionDurationDefault);\n cursor: pointer;\n}\n\n.styles-module_field__6fCxe button span {\n color: var(--fieldActiveColor);\n}\n\n.styles-module_field__6fCxe button svg {\n fill: var(--fieldActiveColor);\n}\n\n.styles-module_field__6fCxe button:disabled {\n border: var(--fieldBorderWidth) solid var(--fieldBorderColor) !important;\n}\n";
|
|
4149
4152
|
var styles$A = {"wrapper":"styles-module_wrapper__p5CpR","field":"styles-module_field__6fCxe"};
|
|
4150
|
-
styleInject(css_248z$
|
|
4153
|
+
styleInject(css_248z$C);
|
|
4151
4154
|
|
|
4152
4155
|
const FieldWidthButton = ({
|
|
4153
4156
|
label,
|
|
@@ -4216,9 +4219,9 @@ const FieldWidthButton = ({
|
|
|
4216
4219
|
})));
|
|
4217
4220
|
};
|
|
4218
4221
|
|
|
4219
|
-
var css_248z$
|
|
4222
|
+
var css_248z$D = ".styles-module_wrapper__Q2-ac {\n position: relative;\n height: 5rem; /* 80px */\n display: flex;\n align-items: center;\n}\n\n.styles-module_wrapper__Q2-ac > div {\n display: flex;\n overflow-x: auto;\n scrollbar-width: none;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n.styles-module_wrapper__Q2-ac > div::-webkit-scrollbar {\n display: none;\n}\n\n.styles-module_wrapper__Q2-ac ul {\n list-style: none;\n margin: 0;\n padding: 0;\n display: flex;\n}\n\n.styles-module_wrapper__Q2-ac ul li:not(:last-child) {\n margin-right: 0.625rem; /* 10px */\n}\n\n.styles-module_wrapper__Q2-ac ul li:last-child {\n margin-right: 0.0625rem; /* 1px */\n}\n\n.styles-module_wrapper__Q2-ac ul li a {\n display: flex;\n align-items: center;\n padding: 0.625rem; /* 10px */\n color: var(--black);\n text-transform: capitalize;\n text-decoration: none;\n white-space: nowrap;\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_wrapper__Q2-ac ul li a svg {\n margin-right: 0.3125rem; /* 5px */\n width: auto;\n height: 1.5rem; /* 24px */\n min-width: 1.5rem; /* 24px */\n fill: var(--grey200);\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_wrapper__Q2-ac ul li a:hover {\n color: var(--purple500);\n}\n\n.styles-module_wrapper__Q2-ac ul li a:hover svg {\n fill: var(--purple500);\n}\n\n.styles-module_wrapper__Q2-ac ul li.styles-module_active__0DuQB {\n font-weight: var(--fontWeightSemiBold);\n}\n\n.styles-module_wrapper__Q2-ac ul li.styles-module_active__0DuQB a {\n color: var(--purple500);\n pointer-events: none;\n}\n\n.styles-module_wrapper__Q2-ac ul li.styles-module_active__0DuQB a svg {\n fill: var(--purple500);\n}\n\n.styles-module_wrapper__Q2-ac button {\n position: absolute;\n top: 0;\n border-radius: 0;\n height: 100%;\n border-style: solid;\n border-color: var(--grey150);\n}\n\n.styles-module_wrapper__Q2-ac button:hover {\n background-color: var(--white);\n}\n\n.styles-module_wrapper__Q2-ac button.styles-module_back__AE3bY {\n left: 0;\n border-right-width: 0.0625rem; /* 1px */\n}\n\n.styles-module_wrapper__Q2-ac button.styles-module_forward__sOwh3 {\n right: 0;\n border-left-width: 0.0625rem; /* 1px */\n}\n";
|
|
4220
4223
|
var styles$B = {"wrapper":"styles-module_wrapper__Q2-ac","active":"styles-module_active__0DuQB","back":"styles-module_back__AE3bY","forward":"styles-module_forward__sOwh3"};
|
|
4221
|
-
styleInject(css_248z$
|
|
4224
|
+
styleInject(css_248z$D);
|
|
4222
4225
|
|
|
4223
4226
|
function scroll(container, direction, speed, distance, step) {
|
|
4224
4227
|
let scrollAmount = 0;
|
|
@@ -4290,9 +4293,9 @@ function HorizontalNav(props) {
|
|
|
4290
4293
|
}));
|
|
4291
4294
|
}
|
|
4292
4295
|
|
|
4293
|
-
var css_248z$
|
|
4296
|
+
var css_248z$E = ".styles-module_modalOverlay__AfFa7 {\n position: fixed;\n top: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.8);\n width: 100vw;\n height: 100vh;\n z-index: var(--modalZIndex, 10);\n}\n\n.styles-module_modalWrapper__-vhsT {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100vh;\n z-index: calc(var(--modalZIndex, 10) + 1);\n overflow-x: hidden;\n overflow-y: auto;\n -webkit-scrollbar-width: none;\n -moz-scrollbar-width: none;\n -ms-scrollbar-width: none;\n scrollbar-width: none;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n\n@media (min-width: 576px) {\n .styles-module_modalWrapper__-vhsT {\n display: flex;\n justify-content: center;\n align-items: center;\n }\n\n .styles-module_hasOverflow__n1w4U {\n align-items: flex-start;\n }\n}\n\n.styles-module_modalContainer__jZLa6 {\n position: relative;\n background: var(--white);\n width: 100%;\n min-height: 0;\n padding: 0.9375rem; /* 15px */\n word-wrap: break-word;\n transition-duration: var(--transitionDurationDefault);\n}\n\n@media (min-width: 576px) {\n .styles-module_modalContainer__jZLa6 {\n --spacing: 1.875rem; /* 30px */\n margin: var(--spacing);\n border-radius: var(--fieldBorderRadius);\n max-width: 53.75rem; /* 860px */\n padding: var(--spacing);\n }\n\n .styles-module_modalContainer__jZLa6::after {\n content: '';\n position: absolute;\n bottom: calc(var(--spacing) * -1);\n width: 0.0625rem; /* 1px */\n height: var(--spacing);\n }\n}\n\n.styles-module_modalHeader__IFH5H {\n display: flex;\n}\n\n.styles-module_modalHeader__IFH5H h2 {\n margin: 0 0 1.875rem 0; /* 30px */\n font-size: 2rem; /* 32px */\n font-weight: var(--fontWeightSemiBold);\n}\n\n.styles-module_modalHeader__IFH5H button {\n display: none;\n position: absolute;\n top: 0;\n right: 0;\n margin: -0.875rem -0.875rem 0 0; /* -14px */\n border: 0.125rem solid var(--grey200); /* 2px */\n min-width: 1.75rem; /* 28px */\n height: 1.75rem; /* 28px */\n z-index: 1;\n outline: none;\n}\n\n@media (min-width: 576px) {\n .styles-module_modalHeader__IFH5H button {\n display: inherit;\n }\n}\n";
|
|
4294
4297
|
var styles$C = {"modalOverlay":"styles-module_modalOverlay__AfFa7","modalWrapper":"styles-module_modalWrapper__-vhsT","hasOverflow":"styles-module_hasOverflow__n1w4U","modalContainer":"styles-module_modalContainer__jZLa6","modalHeader":"styles-module_modalHeader__IFH5H"};
|
|
4295
|
-
styleInject(css_248z$
|
|
4298
|
+
styleInject(css_248z$E);
|
|
4296
4299
|
|
|
4297
4300
|
const Modal = props => {
|
|
4298
4301
|
const {
|
|
@@ -4349,9 +4352,9 @@ const Modal = props => {
|
|
|
4349
4352
|
})))), document.body)) : /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
4350
4353
|
};
|
|
4351
4354
|
|
|
4352
|
-
var css_248z$
|
|
4355
|
+
var css_248z$F = "@keyframes styles-module_slideInLeft__eFlLe {\n from {\n transform: translateX(100%);\n }\n\n to {\n transform: translateX(0);\n }\n}\n\n.styles-module_modalOverlay__UpF6o {\n position: fixed;\n top: 0;\n left: 0;\n background-color: rgba(0, 0, 0, 0.8);\n width: 100vw;\n height: 100vh;\n z-index: var(--modalZIndex, 10);\n}\n\n.styles-module_modalWrapper__Z2mp8 {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n z-index: calc(var(--modalZIndex, 10) + 1);\n}\n\n.styles-module_modalContainer__pv0eY {\n margin-left: auto;\n background: var(--white);\n width: 100%;\n min-height: 100vh;\n display: flex;\n flex-direction: column;\n padding: 0.9375rem; /* 15px */\n word-wrap: break-word;\n animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); /* easeOutQuint approximation */\n animation-duration: 1s;\n animation-fill-mode: forwards;\n transform: translateX(100%);\n animation-name: styles-module_slideInLeft__eFlLe;\n}\n\n@media (min-width: 576px) {\n .styles-module_modalContainer__pv0eY {\n max-width: 25rem; /* 400px */\n padding: 1.875rem; /* 30px */\n }\n}\n\n.styles-module_modalHeader__snUgG {\n top: 0;\n}\n\n.styles-module_modalHeader__snUgG h2 {\n margin: 0 0 1.875rem 0; /* 30px */\n font-size: 2rem; /* 32px */\n font-weight: var(--fontWeightSemiBold);\n}\n\n.styles-module_modalContent__AoFIg {\n display: flex;\n flex-direction: column;\n}\n\n@media (min-width: 576px) {\n .styles-module_modalContent__AoFIg {\n flex: 1;\n }\n}\n";
|
|
4353
4356
|
var styles$D = {"modalOverlay":"styles-module_modalOverlay__UpF6o","modalWrapper":"styles-module_modalWrapper__Z2mp8","modalContainer":"styles-module_modalContainer__pv0eY","slideInLeft":"styles-module_slideInLeft__eFlLe","modalHeader":"styles-module_modalHeader__snUgG","modalContent":"styles-module_modalContent__AoFIg"};
|
|
4354
|
-
styleInject(css_248z$
|
|
4357
|
+
styleInject(css_248z$F);
|
|
4355
4358
|
|
|
4356
4359
|
const ModalDrawer = props => {
|
|
4357
4360
|
const {
|
|
@@ -4414,9 +4417,9 @@ const ModalDrawer = props => {
|
|
|
4414
4417
|
}))))), document.body)) : /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
4415
4418
|
};
|
|
4416
4419
|
|
|
4417
|
-
var css_248z$
|
|
4420
|
+
var css_248z$G = "@keyframes styles-module_placeholderSkeleton__ke9xt {\n 0% {\n background-position: -50rem 0; /* -800px */\n }\n 100% {\n background-position: 50rem 0; /* 800px */\n }\n}\n\n.styles-module_wrapper__aam6z div {\n width: 100%;\n height: 100%;\n}\n\n.styles-module_wrapper__aam6z > div > div > div {\n background: #f6f7f8;\n background-image: -webkit-linear-gradient(\n left,\n #f6f7f8 0%,\n #edeef1 20%,\n #f6f7f8 40%,\n #f6f7f8 100%\n );\n background-repeat: no-repeat;\n background-size: 50rem 100%; /* 800px */\n animation-fill-mode: forwards;\n animation-name: styles-module_placeholderSkeleton__ke9xt;\n animation-timing-function: linear;\n animation-iteration-count: infinite;\n animation-duration: 1.5s;\n}\n\n.styles-module_wrapper__aam6z > div > div > div.title {\n margin-bottom: 0.625rem; /* 10px */\n width: 50%;\n height: 1.875rem; /* 30px */\n}\n\n.styles-module_wrapper__aam6z > div > div > div.subtitle {\n margin-bottom: 1.875rem; /* 30px */\n width: 25%;\n height: 0.9375rem; /* 15px */\n}\n\n.styles-module_wrapper__aam6z > div > div > div.paragraph {\n width: 100%;\n height: 0.9375rem; /* 15px */\n}\n\n.styles-module_wrapper__aam6z > div > div > div.paragraph:not(:last-child) {\n margin-bottom: 0.625rem; /* 10px */\n}\n\n.styles-module_wrapper__aam6z > div > div > div.value {\n width: 50%;\n height: 1.875rem; /* 30px */\n}\n\n/* Card type skeleton */\n.styles-module_wrapper__aam6z .card {\n position: relative;\n border: 0.125rem solid var(--grey50); /* 2px */\n border-radius: 0.375rem; /* 6px */\n width: 18.75rem; /* 300px */\n overflow: hidden;\n}\n\n.styles-module_wrapper__aam6z .card .cover {\n width: 100%;\n height: 10.3125rem; /* 165px */\n}\n\n.styles-module_wrapper__aam6z .card .avatar {\n position: absolute;\n margin: -2.8125rem 0 0 1.25rem; /* -45px 0 0 20px */\n width: 5.625rem; /* 90px */\n height: 5.625rem; /* 90px */\n border: 0.0625rem solid var(--grey50); /* 1px */\n border-radius: 999px;\n}\n\n.styles-module_wrapper__aam6z .card .title {\n margin: 4.6875rem 0 1.875rem 1.5625rem; /* 75px 0 30px 25px */\n}\n\n.styles-module_wrapper__aam6z .card .paragraph {\n margin: 0 auto 1.25rem auto; /* 0 auto 20px auto */\n width: calc(100% - 2.5rem); /* 40px */\n}\n\n.styles-module_wrapper__aam6z .card .paragraph:last-child {\n width: 40%;\n margin-left: 1.25rem; /* 20px */\n}\n\n/* Grid layout for cards */\n.styles-module_grid__YSu3m {\n display: grid;\n grid-template-columns: repeat(auto-fill, 18.75rem); /* 300px */\n grid-gap: 0.9375rem; /* 15px */\n justify-content: flex-start;\n}\n\n.styles-module_gridCenter__ANHa7 {\n justify-content: center;\n}\n";
|
|
4418
4421
|
var styles$E = {"wrapper":"styles-module_wrapper__aam6z","placeholderSkeleton":"styles-module_placeholderSkeleton__ke9xt","grid":"styles-module_grid__YSu3m","gridCenter":"styles-module_gridCenter__ANHa7"};
|
|
4419
|
-
styleInject(css_248z$
|
|
4422
|
+
styleInject(css_248z$G);
|
|
4420
4423
|
|
|
4421
4424
|
const LoadingState = props => {
|
|
4422
4425
|
const {
|
|
@@ -4484,9 +4487,9 @@ const LoadingState = props => {
|
|
|
4484
4487
|
}, loadingType);
|
|
4485
4488
|
};
|
|
4486
4489
|
|
|
4487
|
-
var css_248z$
|
|
4490
|
+
var css_248z$H = ".styles-module_wrapper__RzCI3 .tab {\n border-color: var(--fieldBorderColor);\n}\n\n.styles-module_wrapper__RzCI3 .tab[aria-selected='true'] {\n border-bottom: 0;\n}\n\n.styles-module_wrapper__RzCI3 .tab[aria-selected='false'] {\n background-color: var(--fieldBorderColor);\n color: var(--black);\n transition-duration: var(--transitionDurationDefault);\n}\n\n.styles-module_wrapper__RzCI3 .tab[aria-selected='false']:hover {\n color: var(--black);\n}\n\n.styles-module_wrapper__RzCI3 .tab:first-child {\n border-top-left-radius: var(--fieldBorderRadius);\n}\n\n.styles-module_wrapper__RzCI3 .tab:last-child {\n border-top-right-radius: var(--fieldBorderRadius);\n}\n\n.styles-module_wrapper__RzCI3 .panel {\n border-radius: 0 var(--fieldBorderRadius) var(--fieldBorderRadius) var(--fieldBorderRadius);\n border-color: var(--fieldBorderColor);\n background-color: var(--white);\n padding: 1.875rem; /* 30px */\n}\n\n.styles-module_wrapper__RzCI3 .RRT__container {\n position: relative;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__tabs {\n display: flex;\n flex-wrap: wrap;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__accordion {\n flex-direction: column;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__tab {\n background: #eee;\n border-style: solid;\n border-color: var(--fieldBorderColor);\n border-width: var(--fieldBorderWidth) var(--fieldBorderWidth) var(--fieldBorderWidth) 0;\n cursor: pointer;\n z-index: 1;\n white-space: nowrap;\n padding: 0.7em 1em;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__tab:focus {\n outline: 0;\n background-color: var(--fieldBorderColor);\n}\n\n.styles-module_wrapper__RzCI3 .RRT__accordion .RRT__tab {\n border-left-width: var(--fieldBorderWidth);\n}\n\n.styles-module_wrapper__RzCI3 .RRT__tab--first {\n border-left-width: var(--fieldBorderWidth);\n}\n\n.styles-module_wrapper__RzCI3 .RRT__tab--selected {\n background: var(--white);\n border-color: var(--fieldBorderColor) var(--fieldBorderColor) var(--white);\n}\n\n.styles-module_wrapper__RzCI3 .RRT__tab--selected:focus {\n background-color: var(--white);\n}\n\n.styles-module_wrapper__RzCI3 .RRT__tab--disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__tab:focus {\n z-index: 2;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__tab--selected .RRT__removable {\n position: relative;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__tab--selected .RRT__removable-text {\n margin-right: 0.625rem; /* 10px */\n}\n\n.styles-module_wrapper__RzCI3 .RRT__tab--selected .RRT__removable-icon {\n position: absolute;\n font-size: 1.125rem; /* 18px */\n right: 0.5em;\n top: 0.2em;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__panel {\n margin-top: -0.0625rem; /* -1px */\n padding: 1em;\n border: 0.0625rem solid var(--fieldBorderColor); /* 1px */\n}\n\n.styles-module_wrapper__RzCI3 .RRT__panel--hidden {\n display: none;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__accordion .RRT__panel {\n margin-top: 0;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__showmore {\n background: var(--fieldBorderColor);\n border: 0.0625rem solid var(--fieldBorderColor); /* 1px */\n border-radius: 0 var(--fieldBorderRadius) 0 0;\n cursor: pointer;\n z-index: 1;\n white-space: nowrap;\n margin-left: -0.0625rem; /* -1px */\n position: relative;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__showmore--selected {\n background: var(--white);\n border-bottom: none;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__showmore-label {\n padding: 0.7em 1em;\n position: relative;\n z-index: 1;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__showmore-label--selected {\n background-color: var(--fieldBorderColor);\n}\n\n.styles-module_wrapper__RzCI3 .RRT__showmore-list {\n position: absolute;\n right: -0.0625rem; /* -1px */\n top: 100%;\n display: none;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__showmore-list--opened {\n display: block;\n}\n\n.styles-module_wrapper__RzCI3 .RRT__showmore-list--opened div.tab:last-child {\n border-radius: 0;\n}\n";
|
|
4488
4491
|
var styles$F = {"wrapper":"styles-module_wrapper__RzCI3"};
|
|
4489
|
-
styleInject(css_248z$
|
|
4492
|
+
styleInject(css_248z$H);
|
|
4490
4493
|
|
|
4491
4494
|
const TabsPanel = props => {
|
|
4492
4495
|
const {
|
|
@@ -4517,9 +4520,9 @@ const TabsPanel = props => {
|
|
|
4517
4520
|
}));
|
|
4518
4521
|
};
|
|
4519
4522
|
|
|
4520
|
-
var css_248z$
|
|
4523
|
+
var css_248z$I = ".styles-module_wrapper__1j6mm {\n display: flex;\n flex-direction: column;\n}\n\n.styles-module_gridRow__N2mS7 {\n display: block;\n}\n\n@media (min-width: 900px) {\n .styles-module_gridRow__N2mS7 {\n display: flex;\n }\n}\n\n.styles-module_gridCol__F0vZS {\n flex: var(--gridColSize, 1);\n}\n";
|
|
4521
4524
|
var styles$G = {"wrapper":"styles-module_wrapper__1j6mm","gridRow":"styles-module_gridRow__N2mS7","gridCol":"styles-module_gridCol__F0vZS"};
|
|
4522
|
-
styleInject(css_248z$
|
|
4525
|
+
styleInject(css_248z$I);
|
|
4523
4526
|
|
|
4524
4527
|
const GridContainer = props => {
|
|
4525
4528
|
const {
|