@innovaccer/design-system 4.19.2 → 4.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +36 -0
- package/css/dist/index.css +77 -77
- package/css/dist/index.css.map +1 -1
- package/css/src/components/button.module.css +47 -35
- package/css/src/components/checkbox.module.css +10 -15
- package/css/src/components/radio.module.css +14 -16
- package/css/src/components/select.module.css +0 -8
- package/css/src/components/spinner.module.css +3 -3
- package/css/src/variables/index.css +3 -0
- package/dist/brotli/index.js +1 -1
- package/dist/brotli/index.js.br +0 -0
- package/dist/cjs/index.js +1 -1
- package/dist/core/components/atoms/_chip/index.d.ts +3 -1
- package/dist/core/components/atoms/legend/Legend.d.ts +1 -1
- package/dist/core/components/atoms/spinner/Spinner.d.ts +1 -0
- package/dist/esm/index.js +869 -669
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +554 -255
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +77 -77
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +53 -52
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* Generated on: 2026-02-
|
|
3
|
+
* Generated on: 2026-02-24T19:24:58.801Z
|
|
4
4
|
* Package: @innovaccer/design-system
|
|
5
|
-
* Version: v4.
|
|
5
|
+
* Version: v4.20.0
|
|
6
6
|
* License: MIT
|
|
7
7
|
* Docs: https://mds.innovaccer.com
|
|
8
8
|
*/
|
|
@@ -462,8 +462,8 @@
|
|
|
462
462
|
}
|
|
463
463
|
}
|
|
464
464
|
|
|
465
|
-
var css_248z$1n = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-
|
|
466
|
-
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-
|
|
465
|
+
var css_248z$1n = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-20-0 {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n text-transform: uppercase;\n border-radius: var(--border-radius-full);\n cursor: default;\n position: relative;\n}\n\n.avatar-module-Avatar--default-0YGXC-4-20-0:focus,\n.avatar-module-Avatar--default-0YGXC-4-20-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatar-module-Avatar-wrapper--square--Pcj7-4-20-0 {\n padding: var(--spacing-2-5);\n box-sizing: border-box;\n}\n\n.avatar-module-Avatar--square-lGJGN-4-20-0 {\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-10);\n}\n\n.avatar-module-Avatar--regular-ewNzb-4-20-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.avatar-module-Avatar--tiny-Veo-U-4-20-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.avatar-module-Avatar--micro-H0bVd-4-20-0 {\n height: 20px;\n width: 20px;\n}\n\n.avatar-module-Avatar--noInitials-do2M4-4-20-0 {\n cursor: default;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-20-0 {\n cursor: not-allowed;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-20-0::after {\n opacity: var(--opacity-16);\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n position: absolute;\n pointer-events: none;\n content: '';\n background-color: var(--white);\n}\n\n.avatar-module-Avatar--primary-MthKO-4-20-0 {\n background: var(--primary-300);\n}\n\n.avatar-module-Avatar--secondary-Fru0H-4-20-0 {\n background: var(--secondary-light);\n}\n\n.avatar-module-Avatar--success-KErql-4-20-0 {\n background: var(--success-300);\n}\n\n.avatar-module-Avatar--alert-mtBzz-4-20-0 {\n background: var(--alert-300);\n}\n\n.avatar-module-Avatar--warning-OUu3j-4-20-0 {\n background: var(--warning-300);\n}\n\n.avatar-module-Avatar--accent1-Q0YGB-4-20-0 {\n background: var(--accent1-300);\n}\n\n.avatar-module-Avatar--accent2-70bqJ-4-20-0 {\n background: var(--accent2-300);\n}\n\n.avatar-module-Avatar--accent3-GEYFR-4-20-0 {\n background: var(--accent3-300);\n}\n\n.avatar-module-Avatar--accent4-PHVye-4-20-0 {\n background: var(--accent4-300);\n}\n\n.avatar-module-Avatar-content--tiny-ZKHWg-4-20-0 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content--micro-qs9Ij-4-20-0 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content--primary-APpou-4-20-0 {\n color: var(--primary-darker) !important;\n}\n\n.avatar-module-Avatar-content--secondary-otLfi-4-20-0 {\n color: var(--inverse) !important;\n}\n\n.avatar-module-Avatar-content--success-Zmxy6-4-20-0 {\n color: var(--success-darker) !important;\n}\n\n.avatar-module-Avatar-content--alert-ng-FC-4-20-0 {\n color: var(--alert-darker) !important;\n}\n\n.avatar-module-Avatar-content--warning-0Tidt-4-20-0 {\n color: var(--warning-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent1-f6QRu-4-20-0 {\n color: var(--accent1-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent2-y3plU-4-20-0 {\n color: var(--accent2-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent3-SDOJJ-4-20-0 {\n color: var(--accent3-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent4-Dgi83-4-20-0 {\n color: var(--accent4-darker) !important;\n}\n\n.avatar-module-Avatar-presence-ByKmm-4-20-0 {\n position: absolute;\n border-radius: var(--border-radius-full);\n width: var(--spacing-20);\n height: var(--spacing-20);\n right: 0;\n bottom: 0;\n}\n\n.avatar-module-Avatar-presence--active-AU4X3-4-20-0 {\n background: var(--success);\n}\n\n.avatar-module-Avatar-presence--away-CDNWs-4-20-0 {\n background: var(--secondary-dark);\n}\n\n.avatar-module-Avatar-status-03nd7-4-20-0 {\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-05));\n width: var(--spacing-30);\n height: var(--spacing-30);\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n cursor: pointer;\n overflow: hidden;\n}\n";
|
|
466
|
+
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-20-0","Avatar--default":"avatar-module-Avatar--default-0YGXC-4-20-0","Avatar-wrapper--square":"avatar-module-Avatar-wrapper--square--Pcj7-4-20-0","Avatar--square":"avatar-module-Avatar--square-lGJGN-4-20-0","Avatar--regular":"avatar-module-Avatar--regular-ewNzb-4-20-0","Avatar--tiny":"avatar-module-Avatar--tiny-Veo-U-4-20-0","Avatar--micro":"avatar-module-Avatar--micro-H0bVd-4-20-0","Avatar--noInitials":"avatar-module-Avatar--noInitials-do2M4-4-20-0","Avatar--disabled":"avatar-module-Avatar--disabled-7nTRh-4-20-0","Avatar--primary":"avatar-module-Avatar--primary-MthKO-4-20-0","Avatar--secondary":"avatar-module-Avatar--secondary-Fru0H-4-20-0","Avatar--success":"avatar-module-Avatar--success-KErql-4-20-0","Avatar--alert":"avatar-module-Avatar--alert-mtBzz-4-20-0","Avatar--warning":"avatar-module-Avatar--warning-OUu3j-4-20-0","Avatar--accent1":"avatar-module-Avatar--accent1-Q0YGB-4-20-0","Avatar--accent2":"avatar-module-Avatar--accent2-70bqJ-4-20-0","Avatar--accent3":"avatar-module-Avatar--accent3-GEYFR-4-20-0","Avatar--accent4":"avatar-module-Avatar--accent4-PHVye-4-20-0","Avatar-content--tiny":"avatar-module-Avatar-content--tiny-ZKHWg-4-20-0","Avatar-content--micro":"avatar-module-Avatar-content--micro-qs9Ij-4-20-0","Avatar-content--primary":"avatar-module-Avatar-content--primary-APpou-4-20-0","Avatar-content--secondary":"avatar-module-Avatar-content--secondary-otLfi-4-20-0","Avatar-content--success":"avatar-module-Avatar-content--success-Zmxy6-4-20-0","Avatar-content--alert":"avatar-module-Avatar-content--alert-ng-FC-4-20-0","Avatar-content--warning":"avatar-module-Avatar-content--warning-0Tidt-4-20-0","Avatar-content--accent1":"avatar-module-Avatar-content--accent1-f6QRu-4-20-0","Avatar-content--accent2":"avatar-module-Avatar-content--accent2-y3plU-4-20-0","Avatar-content--accent3":"avatar-module-Avatar-content--accent3-SDOJJ-4-20-0","Avatar-content--accent4":"avatar-module-Avatar-content--accent4-Dgi83-4-20-0","Avatar-presence":"avatar-module-Avatar-presence-ByKmm-4-20-0","Avatar-presence--active":"avatar-module-Avatar-presence--active-AU4X3-4-20-0","Avatar-presence--away":"avatar-module-Avatar-presence--away-CDNWs-4-20-0","Avatar-status":"avatar-module-Avatar-status-03nd7-4-20-0"};
|
|
467
467
|
styleInject$1(css_248z$1n);
|
|
468
468
|
|
|
469
469
|
var AvatarIcon = function AvatarIcon(props) {
|
|
@@ -560,8 +560,7 @@
|
|
|
560
560
|
presence = props.presence,
|
|
561
561
|
status = props.status,
|
|
562
562
|
strokeColor = props.strokeColor,
|
|
563
|
-
|
|
564
|
-
role = _e === void 0 ? 'presentation' : _e;
|
|
563
|
+
role = props.role;
|
|
565
564
|
var baseProps = extractBaseProps(props);
|
|
566
565
|
var initials = children && typeof children === 'string' ? children.trim().slice(0, initialsLength) : "" + (firstName ? firstName.trim()[0] : '') + (lastName ? lastName.trim()[0] : '');
|
|
567
566
|
var getTooltipName = function getTooltipName() {
|
|
@@ -571,6 +570,8 @@
|
|
|
571
570
|
return (firstName || '') + " " + (lastName || '') + " " + (tooltipSuffix || '') || '';
|
|
572
571
|
};
|
|
573
572
|
var AvatarAppearance = appearance || colors[(initials.charCodeAt(0) + (initials.charCodeAt(1) || 0)) % 8] || DefaultAppearance;
|
|
573
|
+
var resolvedRole = role !== null && role !== void 0 ? role : tabIndex !== undefined ? 'button' : 'img';
|
|
574
|
+
var ariaLabel = getTooltipName().trim() || initials || 'Avatar';
|
|
574
575
|
var darkAppearance = ['secondary', 'success', 'warning', 'accent1', 'accent4'];
|
|
575
576
|
var showPresence = presence && !disabled && size !== 'micro' && shape === 'round' && (presence === 'active' || presence === 'away');
|
|
576
577
|
var showStatus = status && size !== 'micro' && size === 'regular' && shape === 'round';
|
|
@@ -602,26 +603,28 @@
|
|
|
602
603
|
if (children && typeof children !== 'string') {
|
|
603
604
|
return /*#__PURE__*/React__namespace.createElement("span", {
|
|
604
605
|
"data-test": "DesignSystem-AvatarWrapper",
|
|
605
|
-
className: AvatarWrapperClassNames
|
|
606
|
-
role: role
|
|
606
|
+
className: AvatarWrapperClassNames
|
|
607
607
|
}, /*#__PURE__*/React__namespace.createElement(AvatarProvider, {
|
|
608
608
|
value: sharedProp
|
|
609
609
|
}, /*#__PURE__*/React__namespace.createElement("span", __assign$1({
|
|
610
610
|
"data-test": "DesignSystem-Avatar"
|
|
611
611
|
}, baseProps, {
|
|
612
612
|
className: AvatarClassNames,
|
|
613
|
-
|
|
613
|
+
role: resolvedRole,
|
|
614
|
+
"aria-label": ariaLabel,
|
|
615
|
+
tabIndex: disabled ? -1 : tabIndex !== undefined ? tabIndex : 0
|
|
614
616
|
}), children)));
|
|
615
617
|
}
|
|
616
618
|
return /*#__PURE__*/React__namespace.createElement("span", {
|
|
617
619
|
"data-test": "DesignSystem-AvatarWrapper",
|
|
618
|
-
className: AvatarWrapperClassNames
|
|
619
|
-
role: role
|
|
620
|
+
className: AvatarWrapperClassNames
|
|
620
621
|
}, /*#__PURE__*/React__namespace.createElement("span", __assign$1({
|
|
621
622
|
"data-test": "DesignSystem-Avatar"
|
|
622
623
|
}, baseProps, {
|
|
623
624
|
className: AvatarClassNames,
|
|
624
|
-
|
|
625
|
+
role: resolvedRole,
|
|
626
|
+
"aria-label": ariaLabel,
|
|
627
|
+
tabIndex: disabled ? -1 : tabIndex !== undefined ? tabIndex : 0
|
|
625
628
|
}), /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, initials && (/*#__PURE__*/React__namespace.createElement(Text, {
|
|
626
629
|
weight: "medium",
|
|
627
630
|
className: TextClassNames
|
|
@@ -657,8 +660,8 @@
|
|
|
657
660
|
strokeColor: 'var(--white)'
|
|
658
661
|
};
|
|
659
662
|
|
|
660
|
-
var css_248z$1m = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-
|
|
661
|
-
var styles$1a = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-
|
|
663
|
+
var css_248z$1m = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-20-0 {\n border-radius: var(--border-radius-full);\n position: relative;\n margin-right: calc(var(--spacing-05) * -1);\n}\n\n.avatarGroup-module-AvatarGroup-item--square-ghPcd-4-20-0 {\n border-radius: var(--border-radius-10);\n}\n\n.avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-20-0 {\n height: var(--spacing-80);\n}\n\n.avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-20-0 {\n height: var(--spacing-60);\n}\n\n.avatarGroup-module-AvatarGroup-Popper-z-iGj-4-20-0 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-20-0 {\n display: flex;\n flex-direction: column;\n align-items: flex-start;\n overflow-y: auto;\n}\n\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-20-0 {\n border-radius: var(--border-radius-full);\n position: relative;\n display: flex;\n align-items: center;\n}\n\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-20-0:focus,\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-20-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-20-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-20-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-20-0 {\n min-width: unset !important;\n background: transparent;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n height: calc(var(--spacing-80) + var(--spacing-10)) !important;\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-20-0,\n.avatarGroup-module-AvatarGroup-input-pXgb--4-20-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-20-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-20-0 {\n cursor: not-allowed;\n pointer-events: auto !important;\n}\n";
|
|
664
|
+
var styles$1a = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-20-0","AvatarGroup-item--square":"avatarGroup-module-AvatarGroup-item--square-ghPcd-4-20-0","AvatarGroup-item--regular":"avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-20-0","AvatarGroup-item--tiny":"avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-20-0","AvatarGroup-Popper":"avatarGroup-module-AvatarGroup-Popper-z-iGj-4-20-0","AvatarGroup-TextWrapper":"avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-20-0","AvatarCount-wrapper":"avatarGroup-module-AvatarCount-wrapper-k9GxW-4-20-0","AvatarGroup-inputWrapper":"avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-20-0","AvatarGroup-input":"avatarGroup-module-AvatarGroup-input-pXgb--4-20-0","AvatarGroup-listItem--disabled":"avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-20-0"};
|
|
662
665
|
styleInject$1(css_248z$1m);
|
|
663
666
|
|
|
664
667
|
var AvatarCount = function AvatarCount(props) {
|
|
@@ -945,8 +948,8 @@
|
|
|
945
948
|
size: 'regular'
|
|
946
949
|
};
|
|
947
950
|
|
|
948
|
-
var css_248z$1l = "@keyframes backdrop-module-backdrop-open-UtELd-4-
|
|
949
|
-
var styles$19 = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-
|
|
951
|
+
var css_248z$1l = "@keyframes backdrop-module-backdrop-open-UtELd-4-20-0 {\n from {\n opacity: 0;\n }\n to {\n opacity: var(--opacity-16);\n }\n}\n\n@keyframes backdrop-module-backdrop-close-s0fHr-4-20-0 {\n from {\n opacity: var(--opacity-16);\n }\n to {\n opacity: 0;\n }\n}\n\n.backdrop-module-Backdrop-HFSff-4-20-0 {\n background-color: rgba(31, 31, 31, 0.64);\n height: 100vh;\n width: 100vw;\n position: fixed;\n left: 0;\n top: 0;\n display: none;\n align-items: center;\n z-index: 1000;\n overflow: auto;\n flex-direction: column;\n justify-content: center;\n touch-action: none;\n visibility: hidden;\n}\n\n.backdrop-module-Backdrop--open-H0Qal-4-20-0 {\n display: flex;\n visibility: visible;\n}\n\n.backdrop-module-Backdrop-animation--open-uyxvi-4-20-0 {\n animation: backdrop-module-backdrop-open-UtELd-4-20-0 var(--duration--fast-02) var(--entrance-expressive-curve);\n}\n\n.backdrop-module-Backdrop-animation--close-Fe-PA-4-20-0 {\n animation: backdrop-module-backdrop-close-s0fHr-4-20-0 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n";
|
|
952
|
+
var styles$19 = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-20-0","Backdrop--open":"backdrop-module-Backdrop--open-H0Qal-4-20-0","Backdrop-animation--open":"backdrop-module-Backdrop-animation--open-uyxvi-4-20-0","backdrop-open":"backdrop-module-backdrop-open-UtELd-4-20-0","Backdrop-animation--close":"backdrop-module-Backdrop-animation--close-Fe-PA-4-20-0","backdrop-close":"backdrop-module-backdrop-close-s0fHr-4-20-0"};
|
|
950
953
|
styleInject$1(css_248z$1l);
|
|
951
954
|
|
|
952
955
|
var useEffect$1 = React__namespace.useEffect,
|
|
@@ -1004,12 +1007,12 @@
|
|
|
1004
1007
|
};
|
|
1005
1008
|
Backdrop.displayName = 'Backdrop';
|
|
1006
1009
|
|
|
1007
|
-
var css_248z$1k = "/* badge */\n\n.badge-module-Badge-axSjP-4-
|
|
1008
|
-
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-
|
|
1010
|
+
var css_248z$1k = "/* badge */\n\n.badge-module-Badge-axSjP-4-20-0 {\n /* 160px */\n max-width: calc(var(--spacing-40) * 10);\n /* truncate */\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n text-transform: uppercase;\n padding-right: var(--spacing-10);\n padding-left: var(--spacing-10);\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n border-radius: var(--border-radius-10);\n display: inline-block;\n box-sizing: border-box;\n font-weight: var(--font-weight-bold);\n cursor: default;\n}\n\n.badge-module-Badge--primary-Bzypo-4-20-0 {\n background: var(--primary);\n color: var(--white);\n}\n\n.badge-module-Badge--secondary-WIu5q-4-20-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.badge-module-Badge--success-M-hkD-4-20-0 {\n background: var(--success);\n color: var(--white);\n}\n\n.badge-module-Badge--alert-zeKFm-4-20-0 {\n background: var(--alert);\n color: var(--white);\n}\n\n.badge-module-Badge--warning-CaLfS-4-20-0 {\n background: var(--warning);\n color: var(--warning-darker);\n}\n\n.badge-module-Badge--accent1-yRHhk-4-20-0 {\n background: var(--accent1);\n color: var(--white);\n}\n\n.badge-module-Badge--accent2-RXIlu-4-20-0 {\n background: var(--accent2);\n color: var(--white);\n}\n\n.badge-module-Badge--accent3-Ahofy-4-20-0 {\n background: var(--accent3);\n color: var(--white);\n}\n\n.badge-module-Badge--accent4-adMko-4-20-0 {\n background: var(--accent4);\n color: var(--accent4-darker);\n}\n\n.badge-module-Badge--subtle-primary-egSuo-4-20-0 {\n color: var(--primary-darker);\n background: var(--primary-lightest);\n}\n\n.badge-module-Badge--subtle-secondary-ZZUuU-4-20-0 {\n color: var(--text);\n background: var(--secondary-light);\n}\n\n.badge-module-Badge--subtle-success-bZ7d6-4-20-0 {\n color: var(--success-darker);\n background: var(--success-lightest);\n}\n\n.badge-module-Badge--subtle-alert-Iu9LY-4-20-0 {\n color: var(--alert-darker);\n background: var(--alert-lightest);\n}\n\n.badge-module-Badge--subtle-warning-PERDW-4-20-0 {\n color: var(--warning-darker);\n background: var(--warning-lightest);\n}\n\n.badge-module-Badge--subtle-accent1-M14Ub-4-20-0 {\n color: var(--accent1-darker);\n background: var(--accent1-lightest);\n}\n\n.badge-module-Badge--subtle-accent2-e1DOS-4-20-0 {\n color: var(--accent2-darker);\n background: var(--accent2-lightest);\n}\n\n.badge-module-Badge--subtle-accent3-30YqY-4-20-0 {\n color: var(--accent3-darker);\n background: var(--accent3-lightest);\n}\n\n.badge-module-Badge--subtle-accent4-wHQ23-4-20-0 {\n color: var(--accent4-darker);\n background: var(--accent4-lightest);\n}\n";
|
|
1011
|
+
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-20-0","Badge--primary":"badge-module-Badge--primary-Bzypo-4-20-0","Badge--secondary":"badge-module-Badge--secondary-WIu5q-4-20-0","Badge--success":"badge-module-Badge--success-M-hkD-4-20-0","Badge--alert":"badge-module-Badge--alert-zeKFm-4-20-0","Badge--warning":"badge-module-Badge--warning-CaLfS-4-20-0","Badge--accent1":"badge-module-Badge--accent1-yRHhk-4-20-0","Badge--accent2":"badge-module-Badge--accent2-RXIlu-4-20-0","Badge--accent3":"badge-module-Badge--accent3-Ahofy-4-20-0","Badge--accent4":"badge-module-Badge--accent4-adMko-4-20-0","Badge--subtle-primary":"badge-module-Badge--subtle-primary-egSuo-4-20-0","Badge--subtle-secondary":"badge-module-Badge--subtle-secondary-ZZUuU-4-20-0","Badge--subtle-success":"badge-module-Badge--subtle-success-bZ7d6-4-20-0","Badge--subtle-alert":"badge-module-Badge--subtle-alert-Iu9LY-4-20-0","Badge--subtle-warning":"badge-module-Badge--subtle-warning-PERDW-4-20-0","Badge--subtle-accent1":"badge-module-Badge--subtle-accent1-M14Ub-4-20-0","Badge--subtle-accent2":"badge-module-Badge--subtle-accent2-e1DOS-4-20-0","Badge--subtle-accent3":"badge-module-Badge--subtle-accent3-30YqY-4-20-0","Badge--subtle-accent4":"badge-module-Badge--subtle-accent4-wHQ23-4-20-0"};
|
|
1009
1012
|
styleInject$1(css_248z$1k);
|
|
1010
1013
|
|
|
1011
|
-
var css_248z$1j = ".pageHeader-module-PageHeader-YgqsC-4-
|
|
1012
|
-
var styles$18 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-
|
|
1014
|
+
var css_248z$1j = ".pageHeader-module-PageHeader-YgqsC-4-20-0 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-wrapper-DOQ8C-4-20-0 {\n padding: var(--spacing-20) var(--spacing-40) var(--spacing-20) 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-20-0 {\n padding-bottom: 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-20-0 .pageHeader-module-TabsWrapper-header-H-fcc-4-20-0 {\n border-bottom: none;\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-20-0 .pageHeader-module-Row-beZ5Z-4-20-0 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-titleWrapper-QLuCf-4-20-0 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding-right: var(--spacing-20);\n}\n\n.pageHeader-module-PageHeader-titleWrapper-QLuCf-4-20-0 .pageHeader-module-Badge-2T-RV-4-20-0 {\n margin-left: var(--spacing-30);\n flex-shrink: 0;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-20-0 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-20-0 .pageHeader-module-StatusHint-bRjnp-4-20-0 {\n margin-right: var(--spacing-20);\n}\n\n.pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-20-0 {\n margin-top: var(--spacing-10);\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-20-0 .pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-20-0 {\n justify-content: center;\n align-items: center;\n margin-top: 0 !important;\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-20);\n display: flex;\n}\n\n.pageHeader-module-PageHeader-title-mgCZA-4-20-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.pageHeader-module-PageHeader-actionsWrapper-tF81M-4-20-0 {\n display: flex;\n justify-content: flex-end;\n padding-left: var(--spacing-20);\n}\n";
|
|
1015
|
+
var styles$18 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-20-0","PageHeader-wrapper":"pageHeader-module-PageHeader-wrapper-DOQ8C-4-20-0","PageHeader-wrapper--withTabs":"pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-20-0","TabsWrapper-header":"pageHeader-module-TabsWrapper-header-H-fcc-4-20-0","Row":"pageHeader-module-Row-beZ5Z-4-20-0","PageHeader-titleWrapper":"pageHeader-module-PageHeader-titleWrapper-QLuCf-4-20-0","Badge":"pageHeader-module-Badge-2T-RV-4-20-0","PageHeader-statusWrapper":"pageHeader-module-PageHeader-statusWrapper-RYrwh-4-20-0","StatusHint":"pageHeader-module-StatusHint-bRjnp-4-20-0","PageHeader-navigationWrapper":"pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-20-0","PageHeader-title":"pageHeader-module-PageHeader-title-mgCZA-4-20-0","PageHeader-actionsWrapper":"pageHeader-module-PageHeader-actionsWrapper-tF81M-4-20-0"};
|
|
1013
1016
|
styleInject$1(css_248z$1j);
|
|
1014
1017
|
|
|
1015
1018
|
var Badge = function Badge(props) {
|
|
@@ -1032,8 +1035,8 @@
|
|
|
1032
1035
|
appearance: 'secondary'
|
|
1033
1036
|
};
|
|
1034
1037
|
|
|
1035
|
-
var css_248z$1i = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-
|
|
1036
|
-
var styles$17 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-
|
|
1038
|
+
var css_248z$1i = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-20-0 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-20-0 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-link-aJJRG-4-20-0 {\n /* 160px */\n max-width: calc(var(--spacing-40) * 10);\n margin: var(--spacing-10) 0;\n}\n\n.breadcrumbs-module-Breadcrumbs-link-aJJRG-4-20-0:active {\n color: var(--inverse);\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-20-0:first-child .breadcrumbs-module-Breadcrumbs-link-aJJRG-4-20-0 {\n margin-left: 0;\n}\n\n.breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-20-0 {\n color: var(--secondary);\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n width: var(--spacing-10);\n margin: 0 var(--spacing-10);\n}\n\n.breadcrumbs-module-Breadcrumbs-dropdown--CUKk-4-20-0 {\n height: var(--font-height-m);\n}\n\n.breadcrumbs-module-Breadcrumbs-Button-FybbI-4-20-0:focus {\n background: var(--secondary) !important;\n}\n";
|
|
1039
|
+
var styles$17 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-20-0","Breadcrumbs-item":"breadcrumbs-module-Breadcrumbs-item-M3i9B-4-20-0","Breadcrumbs-link":"breadcrumbs-module-Breadcrumbs-link-aJJRG-4-20-0","Breadcrumbs-itemSeparator":"breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-20-0","Breadcrumbs-dropdown":"breadcrumbs-module-Breadcrumbs-dropdown--CUKk-4-20-0","Breadcrumbs-Button":"breadcrumbs-module-Breadcrumbs-Button-FybbI-4-20-0"};
|
|
1037
1040
|
styleInject$1(css_248z$1i);
|
|
1038
1041
|
|
|
1039
1042
|
var RenderLink = function RenderLink(_a) {
|
|
@@ -1145,8 +1148,8 @@
|
|
|
1145
1148
|
}))));
|
|
1146
1149
|
};
|
|
1147
1150
|
|
|
1148
|
-
var css_248z$1h = ".button-module-Button-xxWB4-4-19-2 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n position: relative;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: 0;\n border-radius: var(--border-radius-10);\n\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n\n text-align: center;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--text-white);\n\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.button-module-Button-xxWB4-4-19-2:disabled {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-19-2:focus {\n outline: 0;\n}\n\n.button-module-Button--iconAlign-right-tzezJ-4-19-2 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-19-2 {\n margin-left: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-19-2 {\n margin-right: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button--tiny-ftCQP-4-19-2 {\n height: var(--spacing-60);\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-20);\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n}\n\n.button-module-Button--tinySquare-JSE77-4-19-2 {\n width: var(--spacing-60);\n}\n\n.button-module-Button--regular-Vs8An-4-19-2 {\n height: var(--spacing-80);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n}\n\n.button-module-Button--regularSquare-VG89r-4-19-2 {\n width: var(--spacing-80);\n}\n\n.button-module-Button--large-inVqO-4-19-2 {\n height: 40px;\n padding-right: var(--spacing-40);\n padding-left: var(--spacing-40);\n\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.button-module-Button--largeSquare-puIze-4-19-2 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-19-2 .button-module-Button-icon-2Qw-d-4-19-2,\n.button-module-Button--largeSquare-puIze-4-19-2 .button-module-Button-icon-2Qw-d-4-19-2,\n.button-module-Button--tinySquare-JSE77-4-19-2 .button-module-Spinner-f7Izb-4-19-2,\n.button-module-Button--largeSquare-puIze-4-19-2 .button-module-Spinner-f7Izb-4-19-2 {\n padding-left: var(--spacing-05);\n padding-right: var(--spacing-05);\n}\n\n.button-module-Button--expanded-j33fV-4-19-2 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-19-2 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-19-2 {\n margin-right: var(--spacing-15);\n}\n\n.button-module-Button-icon--right-4iJWc-4-19-2 {\n margin-left: var(--spacing-15);\n}\n\n.button-module-Button--tiny-ftCQP-4-19-2 .button-module-Button-icon--left-UoJq5-4-19-2 {\n margin-right: var(--spacing-10);\n}\n.button-module-Button--tiny-ftCQP-4-19-2 .button-module-Button-icon--right-4iJWc-4-19-2 {\n margin-left: var(--spacing-10);\n}\n\n.button-module-Button--basic-99RJE-4-19-2 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-19-2:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-19-2:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-99RJE-4-19-2:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.button-module-Button--basic-99RJE-4-19-2:disabled {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-19-2 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-19-2:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-19-2:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-beKmU-4-19-2:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--primary-beKmU-4-19-2:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--success-UppQk-4-19-2 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-19-2:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-19-2:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-UppQk-4-19-2:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--success-UppQk-4-19-2:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--alert-H5mRH-4-19-2 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-19-2:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-19-2:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-H5mRH-4-19-2:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.button-module-Button--alert-H5mRH-4-19-2:disabled {\n background: var(--alert-lighter);\n}\n\n.button-module-Button--transparent-r8FxI-4-19-2 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-19-2:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-19-2:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.button-module-Button--transparent-r8FxI-4-19-2:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-19-2:focus:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-19-2:disabled {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-19-2 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-19-2 {\n background: var(--primary-lightest);\n color: var(--primary-dark);\n}\n\n.button-module-Button--selected-vkcfl-4-19-2:hover {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-19-2:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.button-module-Button--selected-vkcfl-4-19-2:focus {\n background: var(--primary-lightest);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--selected-vkcfl-4-19-2:focus:active {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-19-2:disabled {\n background: var(--primary-lightest);\n color: var(--primary-lighter);\n}\n\n.button-module-Button-text--hidden-iCXLu-4-19-2 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-19-2 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n/* outlined button styles */\n\n.button-module-Button-outlined--basic-YdB4n-4-19-2 {\n border: var(--border);\n color: var(--inverse);\n background: transparent;\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-19-2:hover {\n background: var(--secondary-lighter);\n border: var(--border-width-2-5) solid var(--inverse-lightest);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-19-2:active {\n background: var(--secondary);\n border: var(--border-width-2-5) solid var(--inverse-lightest);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-19-2:focus {\n border: var(--border-width-2-5) solid var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-19-2:disabled {\n color: var(--inverse-lightest);\n background: transparent;\n border: var(--border-width-2-5) solid var(--secondary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-19-2 {\n background: var(--primary-ultra-light);\n color: var(--primary-dark);\n border: var(--border-width-2-5) solid var(--primary-lighter);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-19-2:hover {\n background: var(--primary-lightest);\n border: var(--border-width-2-5) solid var(--primary-lighter);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-19-2:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n border: var(--border-width-2-5) solid var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-19-2:focus {\n color: var(--primary-dark);\n border: var(--border-width-2-5) solid var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-19-2:disabled {\n background: var(--primary-ultra-light);\n color: var(--primary-lighter);\n border: var(--border-width-2-5) solid var(--primary-lightest);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-19-2 {\n background: transparent;\n border: var(--border-width-2-5) solid var(--primary);\n color: var(--primary);\n mix-blend-mode: multiply;\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-19-2:hover {\n background: var(--primary-ultra-light);\n border: var(--border-width-2-5) solid var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-19-2:active {\n background: var(--primary-lightest);\n border: var(--border-width-2-5) solid var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-19-2:focus {\n border: var(--border-width-2-5) solid var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-19-2:disabled {\n background: transparent;\n color: var(--primary-lighter);\n border: var(--border-width-2-5) solid var(--primary-lighter);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-19-2 {\n background: transparent;\n border: var(--border-width-2-5) solid var(--alert);\n color: var(--alert);\n mix-blend-mode: multiply;\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-19-2:hover {\n background: var(--alert-ultra-light);\n border: var(--border-width-2-5) solid var(--alert-dark);\n color: var(--alert-dark);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-19-2:active {\n background: var(--alert-lightest);\n border: var(--border-width-2-5) solid var(--alert-dark);\n color: var(--alert-dark);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-19-2:focus {\n border: var(--border-width-2-5) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-19-2:disabled {\n background: transparent;\n color: var(--alert-lighter);\n border: var(--border-width-2-5) solid var(--alert-lighter);\n}\n";
|
|
1149
|
-
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-
|
|
1151
|
+
var css_248z$1h = ".button-module-Button-xxWB4-4-20-0 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n position: relative;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: 0;\n border-radius: var(--border-radius-10);\n\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n\n text-align: center;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--text-white);\n\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.button-module-Button-xxWB4-4-20-0:disabled {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-20-0:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button--iconAlign-right-tzezJ-4-20-0 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-20-0 {\n margin-left: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-20-0 {\n margin-right: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button--tiny-ftCQP-4-20-0 {\n height: var(--spacing-60);\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-20);\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n}\n\n.button-module-Button--tinySquare-JSE77-4-20-0 {\n width: var(--spacing-60);\n}\n\n.button-module-Button--regular-Vs8An-4-20-0 {\n height: var(--spacing-80);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n}\n\n.button-module-Button--regularSquare-VG89r-4-20-0 {\n width: var(--spacing-80);\n}\n\n.button-module-Button--large-inVqO-4-20-0 {\n height: 40px;\n padding-right: var(--spacing-40);\n padding-left: var(--spacing-40);\n\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.button-module-Button--largeSquare-puIze-4-20-0 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-20-0 .button-module-Button-icon-2Qw-d-4-20-0,\n.button-module-Button--largeSquare-puIze-4-20-0 .button-module-Button-icon-2Qw-d-4-20-0,\n.button-module-Button--tinySquare-JSE77-4-20-0 .button-module-Spinner-f7Izb-4-20-0,\n.button-module-Button--largeSquare-puIze-4-20-0 .button-module-Spinner-f7Izb-4-20-0 {\n padding-left: var(--spacing-05);\n padding-right: var(--spacing-05);\n}\n\n.button-module-Button--expanded-j33fV-4-20-0 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-20-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-20-0 {\n margin-right: var(--spacing-15);\n}\n\n.button-module-Button-icon--right-4iJWc-4-20-0 {\n margin-left: var(--spacing-15);\n}\n\n.button-module-Button--tiny-ftCQP-4-20-0 .button-module-Button-icon--left-UoJq5-4-20-0 {\n margin-right: var(--spacing-10);\n}\n.button-module-Button--tiny-ftCQP-4-20-0 .button-module-Button-icon--right-4iJWc-4-20-0 {\n margin-left: var(--spacing-10);\n}\n\n.button-module-Button--basic-99RJE-4-20-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-20-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-20-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-99RJE-4-20-0:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button--basic-99RJE-4-20-0:disabled {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-20-0 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-20-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-20-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-beKmU-4-20-0:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button--primary-beKmU-4-20-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--success-UppQk-4-20-0 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-20-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-20-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-UppQk-4-20-0:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button--success-UppQk-4-20-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--alert-H5mRH-4-20-0 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-20-0:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-20-0:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-H5mRH-4-20-0:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button--alert-H5mRH-4-20-0:disabled {\n background: var(--alert-lighter);\n}\n\n.button-module-Button--transparent-r8FxI-4-20-0 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-20-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-20-0:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button--transparent-r8FxI-4-20-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-20-0:focus:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-20-0:disabled {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-20-0 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-20-0 {\n background: var(--primary-ultra-light);\n color: var(--primary-dark);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button--selected-vkcfl-4-20-0:hover {\n background: var(--primary-lightest);\n}\n\n.button-module-Button--selected-vkcfl-4-20-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.button-module-Button--selected-vkcfl-4-20-0:focus {\n background: var(--primary-ultra-light);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button--selected-vkcfl-4-20-0:focus:active {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-20-0:disabled {\n background: var(--primary-ultra-light);\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 2px var(--primary-lightest);\n}\n\n.button-module-Button-text--hidden-iCXLu-4-20-0 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-20-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n/* outlined button styles */\n\n.button-module-Button-outlined--basic-YdB4n-4-20-0 {\n color: var(--inverse);\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--secondary);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-20-0:hover {\n background: var(--secondary-lighter);\n box-shadow: inset 0 0 0 1px var(--inverse-lightest);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-20-0:active {\n background: var(--secondary);\n box-shadow: inset 0 0 0 1px var(--inverse-lightest);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-20-0:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-20-0:disabled {\n color: var(--inverse-lightest);\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--secondary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-20-0 {\n background: var(--primary-ultra-light);\n color: var(--primary-dark);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-20-0:hover {\n background: var(--primary-lightest);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-20-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-20-0:focus {\n color: var(--primary-dark);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-20-0:disabled {\n background: var(--primary-ultra-light);\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 2px var(--primary-lightest);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-20-0 {\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--primary);\n color: var(--primary);\n mix-blend-mode: multiply;\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-20-0:hover {\n background: var(--primary-ultra-light);\n box-shadow: inset 0 0 0 1px var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-20-0:active {\n background: var(--primary-lightest);\n box-shadow: inset 0 0 0 1px var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-20-0:focus {\n box-shadow: inset 0 0 0 1px var(--primary);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-20-0:disabled {\n background: transparent;\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 1px var(--primary-lighter);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-20-0 {\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--alert);\n color: var(--alert);\n mix-blend-mode: multiply;\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-20-0:hover {\n background: var(--alert-ultra-light);\n box-shadow: inset 0 0 0 1px var(--alert-dark);\n color: var(--alert-dark);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-20-0:active {\n background: var(--alert-lightest);\n box-shadow: inset 0 0 0 1px var(--alert-dark);\n color: var(--alert-dark);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-20-0:focus {\n box-shadow: inset 0 0 0 1px var(--alert);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-20-0:disabled {\n background: transparent;\n color: var(--alert-lighter);\n box-shadow: inset 0 0 0 1px var(--alert-lighter);\n}\n";
|
|
1152
|
+
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-20-0","Button--iconAlign-right":"button-module-Button--iconAlign-right-tzezJ-4-20-0","Button-regularIcon--left":"button-module-Button-regularIcon--left-eiSbs-4-20-0","Button-regularIcon--right":"button-module-Button-regularIcon--right-VaPke-4-20-0","Button--tiny":"button-module-Button--tiny-ftCQP-4-20-0","Button--tinySquare":"button-module-Button--tinySquare-JSE77-4-20-0","Button--regular":"button-module-Button--regular-Vs8An-4-20-0","Button--regularSquare":"button-module-Button--regularSquare-VG89r-4-20-0","Button--large":"button-module-Button--large-inVqO-4-20-0","Button--largeSquare":"button-module-Button--largeSquare-puIze-4-20-0","Button-icon":"button-module-Button-icon-2Qw-d-4-20-0","Spinner":"button-module-Spinner-f7Izb-4-20-0","Button--expanded":"button-module-Button--expanded-j33fV-4-20-0","Button-icon--left":"button-module-Button-icon--left-UoJq5-4-20-0","Button-icon--right":"button-module-Button-icon--right-4iJWc-4-20-0","Button--basic":"button-module-Button--basic-99RJE-4-20-0","Button--primary":"button-module-Button--primary-beKmU-4-20-0","Button--success":"button-module-Button--success-UppQk-4-20-0","Button--alert":"button-module-Button--alert-H5mRH-4-20-0","Button--transparent":"button-module-Button--transparent-r8FxI-4-20-0","Button-spinner":"button-module-Button-spinner-l5KLk-4-20-0","Button--selected":"button-module-Button--selected-vkcfl-4-20-0","Button-text--hidden":"button-module-Button-text--hidden-iCXLu-4-20-0","Button-text":"button-module-Button-text-A8xeT-4-20-0","Button-outlined--basic":"button-module-Button-outlined--basic-YdB4n-4-20-0","Button-outlined--selected":"button-module-Button-outlined--selected-M-y6e-4-20-0","Button-outlined--primary":"button-module-Button-outlined--primary-7yL2I-4-20-0","Button-outlined--alert":"button-module-Button-outlined--alert-gnncZ-4-20-0"};
|
|
1150
1153
|
styleInject$1(css_248z$1h);
|
|
1151
1154
|
|
|
1152
1155
|
var sizeMapping$3 = {
|
|
@@ -1174,9 +1177,9 @@
|
|
|
1174
1177
|
selected = props.selected,
|
|
1175
1178
|
loading = props.loading,
|
|
1176
1179
|
disabled = props.disabled,
|
|
1177
|
-
className = props.className
|
|
1178
|
-
props.tooltip
|
|
1179
|
-
|
|
1180
|
+
className = props.className,
|
|
1181
|
+
tooltip = props.tooltip,
|
|
1182
|
+
iconType = props.iconType,
|
|
1180
1183
|
rest = __rest(props, ["size", "appearance", "styleType", "iconAlign", "tabIndex", "largeIcon", "type", "children", "icon", "expanded", "selected", "loading", "disabled", "className", "tooltip", "iconType"]);
|
|
1181
1184
|
var isOutlined = styleType === 'outlined' && appearance !== 'transparent';
|
|
1182
1185
|
var isBasicOrTransparent = appearance === 'basic' || appearance === 'transparent';
|
|
@@ -1202,7 +1205,9 @@
|
|
|
1202
1205
|
type: type,
|
|
1203
1206
|
className: buttonClass,
|
|
1204
1207
|
disabled: disabled || loading,
|
|
1205
|
-
tabIndex: tabIndex
|
|
1208
|
+
tabIndex: tabIndex,
|
|
1209
|
+
"aria-busy": loading || undefined,
|
|
1210
|
+
"aria-label": props['aria-label'] || (!children && tooltip ? tooltip : undefined)
|
|
1206
1211
|
}, rest), loading ? (/*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Spinner, {
|
|
1207
1212
|
size: spinnerSize,
|
|
1208
1213
|
appearance: spinnerAppearance,
|
|
@@ -1246,8 +1251,8 @@
|
|
|
1246
1251
|
}, _typeof(o);
|
|
1247
1252
|
}
|
|
1248
1253
|
|
|
1249
|
-
var css_248z$1g = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-
|
|
1250
|
-
var styles$16 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-
|
|
1254
|
+
var css_248z$1g = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-20-0 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.calendar-module-Calendar-7PxjX-4-20-0 {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.calendar-module-Calendar--small-A1CLy-4-20-0 {\n padding: var(--spacing-30);\n padding-bottom: var(--spacing-20);\n width: 212px;\n}\n\n.calendar-module-Calendar-date--small-CcxQJ-4-20-0 {\n height: 248px;\n}\n\n.calendar-module-Calendar-month--small-wkwYD-4-20-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar-year--small-RdwBQ-4-20-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar--large-sSoxU-4-20-0 {\n padding-top: var(--spacing-40);\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-40);\n padding-bottom: var(--spacing-30);\n width: 316px;\n}\n\n.calendar-module-Calendar-date--large-1ZITF-4-20-0 {\n height: 324px;\n}\n\n.calendar-module-Calendar-month--large-5g0oP-4-20-0 {\n height: 276px;\n}\n\n.calendar-module-Calendar-year--large-jELMf-4-20-0 {\n height: 272px;\n}\n\n.calendar-module-Calendar-header--large-z3JIz-4-20-0 {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-bottom: var(--spacing-30);\n}\n\n.calendar-module-Calendar-header--small-dWwwm-4-20-0 {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-bottom: var(--spacing-20);\n}\n\n.calendar-module-Calendar-headerIcon-nsCVk-4-20-0 {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.calendar-module-Calendar-headerIcon--prev-1RFOJ-4-20-0 {\n left: 0;\n}\n\n.calendar-module-Calendar-headerIcon--next-ympYc-4-20-0 {\n right: 0;\n}\n\n.calendar-module-Calendar-headerContent-Ik37t-4-20-0 {\n display: flex;\n white-space: nowrap;\n cursor: pointer;\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.calendar-module-Calendar-body-d-N5F-4-20-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n justify-content: space-between;\n}\n\n.calendar-module-Calendar-valueRow-85rKl-4-20-0 {\n display: flex;\n justify-content: space-between;\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n}\n\n.calendar-module-Calendar-valueWrapper-H46Ub-4-20-0 {\n display: inline-flex;\n flex: 1 0 0;\n justify-content: center;\n position: relative;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-20-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-20-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-20-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-20-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-20-0:active {\n background: var(--primary-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-20-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--start-z-bt7-4-20-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 50%);\n border-radius: var(--border-radius-10) 0 0 var(--border-radius-10);\n}\n\n.calendar-module-Calendar-valueWrapper--startError-RglvV-4-20-0 {\n background: linear-gradient(90deg, white 50%, var(--alert-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--end-3mDNa-4-20-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 50%, white 50%);\n border-radius: 0 var(--border-radius-10) var(--border-radius-10) 0;\n}\n\n.calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-20-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 10%, white 50%);\n border-radius: 0 var(--border-radius-10) var(--border-radius-10) 0;\n}\n\n.calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-20-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 10%);\n}\n\n.calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-20-0 {\n background: linear-gradient(90deg, var(--alert-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--startEnd-djqp--4-20-0 {\n background: transparent;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-20-0 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border-radius: var(--spacing-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-20-0:hover {\n background: var(--secondary-light);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-20-0:active {\n background: var(--secondary);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-20-0:active .calendar-module-Calendar-value--currDate-GxbmJ-4-20-0 {\n color: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-20-0:hover,\n.calendar-module-Calendar-value--end-975vB-4-20-0:hover {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-20-0:hover,\n.calendar-module-Calendar-value--endError-M5HbA-4-20-0:hover {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-20-0,\n.calendar-module-Calendar-value--end-975vB-4-20-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-20-0,\n.calendar-module-Calendar-value--endError-M5HbA-4-20-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-20-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-20-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-20-0:active {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-value--currDate-GxbmJ-4-20-0:active {\n color: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-20-0 {\n background: var(--primary);\n font-weight: var(--font-weight-bold);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-20-0:hover {\n background: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-20-0:active {\n background: var(--primary-darker);\n}\n\n.calendar-module-Calendar-yearValue--small--xk4--4-20-0,\n.calendar-module-Calendar-monthValue--small-R3bKo-4-20-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.calendar-module-Calendar-yearValue--large-Lmlui-4-20-0,\n.calendar-module-Calendar-monthValue--large-kkWJR-4-20-0 {\n height: var(--spacing-80);\n width: var(--spacing-160);\n}\n\n.calendar-module-Calendar-dateValue--small-u5Af3-4-20-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.calendar-module-Calendar-dateValue--large-ngrnG-4-20-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.calendar-module-Calendar-valueWrapper--dummy-QDC-R-4-20-0 {\n opacity: var(--opacity-20);\n}\n\n.calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-20-0 {\n opacity: var(--opacity-10);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-20-0 {\n opacity: var(--opacity-16);\n}\n\n.calendar-module-Calendar-value--disabled-xwiCL-4-20-0 {\n pointer-events: none;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-20-0 {\n display: flex;\n justify-content: center;\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.calendar-module-Calendar-dateValues-sXhcu-4-20-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n justify-content: space-around;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-20-0 .calendar-module-Calendar-value-Ht0Qg-4-20-0 {\n padding: 0;\n}\n\n.calendar-module-Calendar-eventsIndicator-FoS6M-4-20-0 {\n position: absolute;\n bottom: var(--spacing-05);\n width: var(--spacing-10);\n height: var(--spacing-10);\n background-color: var(--alert);\n border-radius: var(--border-radius-full);\n}\n.calendar-module-Calendar-eventsIndicator--small-94d0W-4-20-0 {\n width: 3px;\n height: 3px;\n}\n.calendar-module-Calendar-eventsIndicator--active-NHhLl-4-20-0 {\n background-color: var(--white);\n}\n\n.calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-20-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-20-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-20-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-20-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-20-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-20-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-20-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-20-0:active {\n background: var(--primary-light);\n}\n";
|
|
1255
|
+
var styles$16 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-20-0","Calendar":"calendar-module-Calendar-7PxjX-4-20-0","Calendar--small":"calendar-module-Calendar--small-A1CLy-4-20-0","Calendar-date--small":"calendar-module-Calendar-date--small-CcxQJ-4-20-0","Calendar-month--small":"calendar-module-Calendar-month--small-wkwYD-4-20-0","Calendar-year--small":"calendar-module-Calendar-year--small-RdwBQ-4-20-0","Calendar--large":"calendar-module-Calendar--large-sSoxU-4-20-0","Calendar-date--large":"calendar-module-Calendar-date--large-1ZITF-4-20-0","Calendar-month--large":"calendar-module-Calendar-month--large-5g0oP-4-20-0","Calendar-year--large":"calendar-module-Calendar-year--large-jELMf-4-20-0","Calendar-header--large":"calendar-module-Calendar-header--large-z3JIz-4-20-0","Calendar-header--small":"calendar-module-Calendar-header--small-dWwwm-4-20-0","Calendar-headerIcon":"calendar-module-Calendar-headerIcon-nsCVk-4-20-0","Calendar-headerIcon--prev":"calendar-module-Calendar-headerIcon--prev-1RFOJ-4-20-0","Calendar-headerIcon--next":"calendar-module-Calendar-headerIcon--next-ympYc-4-20-0","Calendar-headerContent":"calendar-module-Calendar-headerContent-Ik37t-4-20-0","Calendar-body":"calendar-module-Calendar-body-d-N5F-4-20-0","Calendar-valueRow":"calendar-module-Calendar-valueRow-85rKl-4-20-0","Calendar-valueWrapper":"calendar-module-Calendar-valueWrapper-H46Ub-4-20-0","Calendar-valueWrapper--inRange":"calendar-module-Calendar-valueWrapper--inRange-fV605-4-20-0","Calendar-inRangeValue":"calendar-module-Calendar-inRangeValue-VoWIb-4-20-0","Calendar-valueWrapper--inRangeError":"calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-20-0","Calendar-valueWrapper--start":"calendar-module-Calendar-valueWrapper--start-z-bt7-4-20-0","Calendar-valueWrapper--startError":"calendar-module-Calendar-valueWrapper--startError-RglvV-4-20-0","Calendar-valueWrapper--end":"calendar-module-Calendar-valueWrapper--end-3mDNa-4-20-0","Calendar-valueWrapper--hoverDate":"calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-20-0","Calendar-valueWrapper--hoverEndDate":"calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-20-0","Calendar-valueWrapper--endError":"calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-20-0","Calendar-valueWrapper--startEnd":"calendar-module-Calendar-valueWrapper--startEnd-djqp--4-20-0","Calendar-value":"calendar-module-Calendar-value-Ht0Qg-4-20-0","Calendar-value--currDate":"calendar-module-Calendar-value--currDate-GxbmJ-4-20-0","Calendar-value--start":"calendar-module-Calendar-value--start-mlqzh-4-20-0","Calendar-value--end":"calendar-module-Calendar-value--end-975vB-4-20-0","Calendar-value--startError":"calendar-module-Calendar-value--startError-bXXuR-4-20-0","Calendar-value--endError":"calendar-module-Calendar-value--endError-M5HbA-4-20-0","Calendar-value--currDateMonthYear":"calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-20-0","Calendar-value--active":"calendar-module-Calendar-value--active--twAB-4-20-0","Calendar-yearValue--small":"calendar-module-Calendar-yearValue--small--xk4--4-20-0","Calendar-monthValue--small":"calendar-module-Calendar-monthValue--small-R3bKo-4-20-0","Calendar-yearValue--large":"calendar-module-Calendar-yearValue--large-Lmlui-4-20-0","Calendar-monthValue--large":"calendar-module-Calendar-monthValue--large-kkWJR-4-20-0","Calendar-dateValue--small":"calendar-module-Calendar-dateValue--small-u5Af3-4-20-0","Calendar-dateValue--large":"calendar-module-Calendar-dateValue--large-ngrnG-4-20-0","Calendar-valueWrapper--dummy":"calendar-module-Calendar-valueWrapper--dummy-QDC-R-4-20-0","Calendar-valueWrapper--disabled":"calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-20-0","Calendar-valueWrapper--active-dummy":"calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-20-0","Calendar-value--disabled":"calendar-module-Calendar-value--disabled-xwiCL-4-20-0","Calendar-dayValues":"calendar-module-Calendar-dayValues-EuWrN-4-20-0","Calendar-dateValues":"calendar-module-Calendar-dateValues-sXhcu-4-20-0","Calendar-eventsIndicator":"calendar-module-Calendar-eventsIndicator-FoS6M-4-20-0","Calendar-eventsIndicator--small":"calendar-module-Calendar-eventsIndicator--small-94d0W-4-20-0","Calendar-eventsIndicator--active":"calendar-module-Calendar-eventsIndicator--active-NHhLl-4-20-0","Calendar-valueWrapper--inStartRange":"calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-20-0","Calendar-valueWrapper--inEndRange":"calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-20-0","Calendar-valueWrapper--inEdgeRange":"calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-20-0"};
|
|
1251
1256
|
styleInject$1(css_248z$1g);
|
|
1252
1257
|
|
|
1253
1258
|
var config = {
|
|
@@ -2316,8 +2321,8 @@
|
|
|
2316
2321
|
return Calendar;
|
|
2317
2322
|
}(React__namespace.Component);
|
|
2318
2323
|
|
|
2319
|
-
var css_248z$1f = "/* badge */\n\n.card-module-Card-3nZt4-4-
|
|
2320
|
-
var styles$15 = {"Card":"card-module-Card-3nZt4-4-
|
|
2324
|
+
var css_248z$1f = "/* badge */\n\n.card-module-Card-3nZt4-4-20-0 {\n border-radius: var(--border-radius-10);\n border: var(--border-width-2-5) solid var(--secondary-light);\n position: relative;\n background-color: var(--white);\n}\n\n.card-module-Card--default-vE68u-4-20-0,\n.card-module-Card--light-ef-kI-4-20-0,\n.card-module-Card--medium-hfCda-4-20-0,\n.card-module-Card--dark-z4IwI-4-20-0 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow10-EQ0Tc-4-20-0 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow20-r2kA9-4-20-0 {\n border: none;\n box-shadow: var(--shadow-m);\n}\n\n.card-module-Card--shadow30-7DdVE-4-20-0 {\n border: none;\n box-shadow: var(--shadow-l);\n}\n\n.card-module-Card-header-L-wfV-4-20-0 {\n padding: var(--spacing-40) var(--spacing-40) var(--spacing-30) var(--spacing-40);\n}\n\n.card-module-Card-body-AWtGZ-4-20-0 {\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-40);\n}\n\n.card-module-Card-footer-Gomt8-4-20-0 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: var(--spacing-40);\n}\n\n.card-module-Card-footer--withSeperator-xBISR-4-20-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
2325
|
+
var styles$15 = {"Card":"card-module-Card-3nZt4-4-20-0","Card--default":"card-module-Card--default-vE68u-4-20-0","Card--light":"card-module-Card--light-ef-kI-4-20-0","Card--medium":"card-module-Card--medium-hfCda-4-20-0","Card--dark":"card-module-Card--dark-z4IwI-4-20-0","Card--shadow10":"card-module-Card--shadow10-EQ0Tc-4-20-0","Card--shadow20":"card-module-Card--shadow20-r2kA9-4-20-0","Card--shadow30":"card-module-Card--shadow30-7DdVE-4-20-0","Card-header":"card-module-Card-header-L-wfV-4-20-0","Card-body":"card-module-Card-body-AWtGZ-4-20-0","Card-footer":"card-module-Card-footer-Gomt8-4-20-0","Card-footer--withSeperator":"card-module-Card-footer--withSeperator-xBISR-4-20-0"};
|
|
2321
2326
|
styleInject$1(css_248z$1f);
|
|
2322
2327
|
|
|
2323
2328
|
var Card = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -2340,8 +2345,8 @@
|
|
|
2340
2345
|
shadow: 'shadow10'
|
|
2341
2346
|
};
|
|
2342
2347
|
|
|
2343
|
-
var css_248z$1e = ".cardSubdued-module-CardSubdued-cRpHh-4-
|
|
2344
|
-
var styles$14 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-
|
|
2348
|
+
var css_248z$1e = ".cardSubdued-module-CardSubdued-cRpHh-4-20-0 {\n background: var(--card-subdued-bg);\n padding: var(--spacing-40);\n}\n\n.cardSubdued-module-CardSubdued--top-9xPTI-4-20-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--left-5pkIL-4-20-0 {\n border-left: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--right-vqxr4-4-20-0 {\n border-right: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--bottom-fOplq-4-20-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
2349
|
+
var styles$14 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-20-0","CardSubdued--top":"cardSubdued-module-CardSubdued--top-9xPTI-4-20-0","CardSubdued--left":"cardSubdued-module-CardSubdued--left-5pkIL-4-20-0","CardSubdued--right":"cardSubdued-module-CardSubdued--right-vqxr4-4-20-0","CardSubdued--bottom":"cardSubdued-module-CardSubdued--bottom-fOplq-4-20-0"};
|
|
2345
2350
|
styleInject$1(css_248z$1e);
|
|
2346
2351
|
|
|
2347
2352
|
var CardSubdued = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -2455,8 +2460,8 @@
|
|
|
2455
2460
|
});
|
|
2456
2461
|
};
|
|
2457
2462
|
|
|
2458
|
-
var css_248z$1d = "/* Although the icons in the font can be scaled to any size, in accordance with material design icons guidelines, \n * we recommend them to be shown in either 18, 24, 36 or 48px. The default being 24px. \n * https://google.github.io/material-design-icons/\n */\n\n/* Rules for sizing the icon. */\n\n/* .material-icons.md-18 { font-size: 18px; }\n.material-icons.md-24 { font-size: 24px; }\n.material-icons.md-36 { font-size: 36px; }\n.material-icons.md-48 { font-size: 48px; } */\n\n/* Rules for using icons as black on a light background. */\n\n/* .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }\n.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } */\n\n/* Rules for using icons as white on a dark background. */\n\n/* .material-icons.md-light { color: rgba(255, 255, 255, 1); }\n.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } */\n.icon-module-Icon-2ZCUa-4-
|
|
2459
|
-
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-
|
|
2463
|
+
var css_248z$1d = "/* Although the icons in the font can be scaled to any size, in accordance with material design icons guidelines, \n * we recommend them to be shown in either 18, 24, 36 or 48px. The default being 24px. \n * https://google.github.io/material-design-icons/\n */\n\n/* Rules for sizing the icon. */\n\n/* .material-icons.md-18 { font-size: 18px; }\n.material-icons.md-24 { font-size: 24px; }\n.material-icons.md-36 { font-size: 36px; }\n.material-icons.md-48 { font-size: 48px; } */\n\n/* Rules for using icons as black on a light background. */\n\n/* .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }\n.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } */\n\n/* Rules for using icons as white on a dark background. */\n\n/* .material-icons.md-light { color: rgba(255, 255, 255, 1); }\n.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } */\n.icon-module-Icon-2ZCUa-4-20-0 {\n flex-shrink: 0;\n overflow: hidden;\n flex-shrink: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.icon-module-Icon--subtle-LctKY-4-20-0 {\n color: var(--text-subtle);\n}\n\n.icon-module-Icon--disabled-cfSpt-4-20-0 {\n color: var(--text-disabled);\n}\n\n.icon-module-Icon--destructive-hh3wH-4-20-0 {\n color: var(--text-destructive);\n}\n\n.icon-module-Icon--white-xVSQx-4-20-0 {\n color: var(--text-white);\n}\n\n.icon-module-Icon--default-gUL8T-4-20-0 {\n color: var(--text);\n}\n\n.icon-module-Icon--info-NPl0c-4-20-0 {\n color: var(--primary);\n}\n\n.icon-module-Icon--success--1Pol-4-20-0 {\n color: var(--success);\n}\n\n.icon-module-Icon--warning-vkwDf-4-20-0 {\n color: var(--warning);\n}\n\n.icon-module-Icon--alert-9wT0L-4-20-0 {\n color: var(--alert);\n}\n\n.icon-module-Icon--primary-5RS0y-4-20-0 {\n color: var(--primary);\n}\n\n.icon-module-Icon--primaryLighter-G9i-U-4-20-0 {\n color: var(--primary-lighter);\n}\n\n.icon-module-Icon--primaryDark-Z9EK7-4-20-0 {\n color: var(--primary-dark);\n}\n\n.icon-module-Icon--primaryDarker-WzRg--4-20-0 {\n color: var(--primary-darker);\n}\n\n.icon-module-Icon--alertLighter-6B-e7-4-20-0 {\n color: var(--alert-lighter);\n}\n\n.icon-module-Icon--alertDark-k7w0--4-20-0 {\n color: var(--alert-dark);\n}\n\n.icon-module-Icon--alertDarker-ZGpJS-4-20-0 {\n color: var(--alert-darker);\n}\n\n.icon-module-Icon--successLighter-NJRIN-4-20-0 {\n color: var(--success-lighter);\n}\n\n.icon-module-Icon--successDark-w7jA3-4-20-0 {\n color: var(--success-dark);\n}\n\n.icon-module-Icon--successDarker-whOmv-4-20-0 {\n color: var(--success-darker);\n}\n\n.icon-module-Icon--warningLighter-IjeGH-4-20-0 {\n color: var(--warning-lighter);\n}\n\n.icon-module-Icon--warningDark-c0V89-4-20-0 {\n color: var(--warning-dark);\n}\n\n.icon-module-Icon--warningDarker-Y1Zk1-4-20-0 {\n color: var(--warning-darker);\n}\n\n.icon-module-Icon--accent1-joGUJ-4-20-0 {\n color: var(--accent1);\n}\n\n.icon-module-Icon--accent1Lighter-ecAka-4-20-0 {\n color: var(--accent1-lighter);\n}\n\n.icon-module-Icon--accent1Dark-kWavq-4-20-0 {\n color: var(--accent1-dark);\n}\n\n.icon-module-Icon--accent1Darker-xkikD-4-20-0 {\n color: var(--accent1-darker);\n}\n\n.icon-module-Icon--accent2-U6Nln-4-20-0 {\n color: var(--accent2);\n}\n\n.icon-module-Icon--accent2Lighter-l-bdc-4-20-0 {\n color: var(--accent2-lighter);\n}\n\n.icon-module-Icon--accent2Dark-fQYZp-4-20-0 {\n color: var(--accent2-dark);\n}\n\n.icon-module-Icon--accent2Darker-fPTcU-4-20-0 {\n color: var(--accent2-darker);\n}\n\n.icon-module-Icon--accent3-pqiXT-4-20-0 {\n color: var(--accent3);\n}\n\n.icon-module-Icon--accent3Lighter-GdEsf-4-20-0 {\n color: var(--accent3-lighter);\n}\n\n.icon-module-Icon--accent3Dark-UrkMU-4-20-0 {\n color: var(--accent3-dark);\n}\n\n.icon-module-Icon--accent3Darker-h-Kf4-4-20-0 {\n color: var(--accent3-darker);\n}\n\n.icon-module-Icon--accent4-URPLg-4-20-0 {\n color: var(--accent4);\n}\n\n.icon-module-Icon--accent4Lighter-TfLqj-4-20-0 {\n color: var(--accent4-lighter);\n}\n\n.icon-module-Icon--accent4Dark-eMTg--4-20-0 {\n color: var(--accent4-dark);\n}\n\n.icon-module-Icon--accent4Darker-zY0fj-4-20-0 {\n color: var(--accent4-darker);\n}\n\n.icon-module-Icon--inverse-PaEaG-4-20-0 {\n color: var(--inverse);\n}\n";
|
|
2464
|
+
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-20-0","Icon--subtle":"icon-module-Icon--subtle-LctKY-4-20-0","Icon--disabled":"icon-module-Icon--disabled-cfSpt-4-20-0","Icon--destructive":"icon-module-Icon--destructive-hh3wH-4-20-0","Icon--white":"icon-module-Icon--white-xVSQx-4-20-0","Icon--default":"icon-module-Icon--default-gUL8T-4-20-0","Icon--info":"icon-module-Icon--info-NPl0c-4-20-0","Icon--success":"icon-module-Icon--success--1Pol-4-20-0","Icon--warning":"icon-module-Icon--warning-vkwDf-4-20-0","Icon--alert":"icon-module-Icon--alert-9wT0L-4-20-0","Icon--primary":"icon-module-Icon--primary-5RS0y-4-20-0","Icon--primaryLighter":"icon-module-Icon--primaryLighter-G9i-U-4-20-0","Icon--primaryDark":"icon-module-Icon--primaryDark-Z9EK7-4-20-0","Icon--primaryDarker":"icon-module-Icon--primaryDarker-WzRg--4-20-0","Icon--alertLighter":"icon-module-Icon--alertLighter-6B-e7-4-20-0","Icon--alertDark":"icon-module-Icon--alertDark-k7w0--4-20-0","Icon--alertDarker":"icon-module-Icon--alertDarker-ZGpJS-4-20-0","Icon--successLighter":"icon-module-Icon--successLighter-NJRIN-4-20-0","Icon--successDark":"icon-module-Icon--successDark-w7jA3-4-20-0","Icon--successDarker":"icon-module-Icon--successDarker-whOmv-4-20-0","Icon--warningLighter":"icon-module-Icon--warningLighter-IjeGH-4-20-0","Icon--warningDark":"icon-module-Icon--warningDark-c0V89-4-20-0","Icon--warningDarker":"icon-module-Icon--warningDarker-Y1Zk1-4-20-0","Icon--accent1":"icon-module-Icon--accent1-joGUJ-4-20-0","Icon--accent1Lighter":"icon-module-Icon--accent1Lighter-ecAka-4-20-0","Icon--accent1Dark":"icon-module-Icon--accent1Dark-kWavq-4-20-0","Icon--accent1Darker":"icon-module-Icon--accent1Darker-xkikD-4-20-0","Icon--accent2":"icon-module-Icon--accent2-U6Nln-4-20-0","Icon--accent2Lighter":"icon-module-Icon--accent2Lighter-l-bdc-4-20-0","Icon--accent2Dark":"icon-module-Icon--accent2Dark-fQYZp-4-20-0","Icon--accent2Darker":"icon-module-Icon--accent2Darker-fPTcU-4-20-0","Icon--accent3":"icon-module-Icon--accent3-pqiXT-4-20-0","Icon--accent3Lighter":"icon-module-Icon--accent3Lighter-GdEsf-4-20-0","Icon--accent3Dark":"icon-module-Icon--accent3Dark-UrkMU-4-20-0","Icon--accent3Darker":"icon-module-Icon--accent3Darker-h-Kf4-4-20-0","Icon--accent4":"icon-module-Icon--accent4-URPLg-4-20-0","Icon--accent4Lighter":"icon-module-Icon--accent4Lighter-TfLqj-4-20-0","Icon--accent4Dark":"icon-module-Icon--accent4Dark-eMTg--4-20-0","Icon--accent4Darker":"icon-module-Icon--accent4Darker-zY0fj-4-20-0","Icon--inverse":"icon-module-Icon--inverse-PaEaG-4-20-0"};
|
|
2460
2465
|
styleInject$1(css_248z$1d);
|
|
2461
2466
|
|
|
2462
2467
|
var iconTypeMapper = {
|
|
@@ -2546,8 +2551,8 @@
|
|
|
2546
2551
|
};
|
|
2547
2552
|
var Link$1 = /*#__PURE__*/React__namespace.forwardRef(GenericText);
|
|
2548
2553
|
|
|
2549
|
-
var css_248z$1c = "/* Text */\n.text-module-Text-s1VoI-4-
|
|
2550
|
-
var textStyles = {"Text":"text-module-Text-s1VoI-4-
|
|
2554
|
+
var css_248z$1c = "/* Text */\n.text-module-Text-s1VoI-4-20-0 {\n margin: 0;\n line-height: var(--font-height);\n}\n\n.text-module-Text--small-Jgkij-4-20-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n font-weight: var(--font-weight-medium);\n}\n\n.text-module-Text--regular-1srPn-4-20-0 {\n font-size: var(--font-size);\n line-height: var(--font-height);\n}\n\n.text-module-Text--large-dvoDb-4-20-0 {\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.text-module-Text--default-8sTrE-4-20-0 {\n color: var(--text);\n}\n\n.text-module-Text--subtle-dIroX-4-20-0 {\n color: var(--text-subtle);\n}\n\n.text-module-Text--disabled-n3vwU-4-20-0 {\n color: var(--text-disabled);\n}\n\n.text-module-Text--destructive-IyHaq-4-20-0 {\n color: var(--text-destructive);\n}\n\n.text-module-Text--white-7KdSH-4-20-0 {\n color: var(--text-white);\n}\n\n.text-module-Text--success---5U--4-20-0 {\n color: var(--text-success);\n}\n\n.text-module-Text--link-xbXRL-4-20-0 {\n color: var(--text-link);\n}\n\n.text-module-Text--medium-NJhdl-4-20-0 {\n font-weight: var(--font-weight-medium);\n}\n\n.text-module-Text--strong-V4cio-4-20-0 {\n font-weight: var(--font-weight-bold);\n}\n";
|
|
2555
|
+
var textStyles = {"Text":"text-module-Text-s1VoI-4-20-0","Text--small":"text-module-Text--small-Jgkij-4-20-0","Text--regular":"text-module-Text--regular-1srPn-4-20-0","Text--large":"text-module-Text--large-dvoDb-4-20-0","Text--default":"text-module-Text--default-8sTrE-4-20-0","Text--subtle":"text-module-Text--subtle-dIroX-4-20-0","Text--disabled":"text-module-Text--disabled-n3vwU-4-20-0","Text--destructive":"text-module-Text--destructive-IyHaq-4-20-0","Text--white":"text-module-Text--white-7KdSH-4-20-0","Text--success":"text-module-Text--success---5U--4-20-0","Text--link":"text-module-Text--link-xbXRL-4-20-0","Text--medium":"text-module-Text--medium-NJhdl-4-20-0","Text--strong":"text-module-Text--strong-V4cio-4-20-0"};
|
|
2551
2556
|
styleInject$1(css_248z$1c);
|
|
2552
2557
|
|
|
2553
2558
|
var Text = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -2577,8 +2582,8 @@
|
|
|
2577
2582
|
size: 'regular'
|
|
2578
2583
|
};
|
|
2579
2584
|
|
|
2580
|
-
var css_248z$1b = ".chip-module-Chip-poUZ4-4-
|
|
2581
|
-
var styles$13 = {"Chip":"chip-module-Chip-poUZ4-4-
|
|
2585
|
+
var css_248z$1b = ".chip-module-Chip-poUZ4-4-20-0 {\n display: flex;\n box-sizing: border-box;\n border-radius: var(--border-radius-30);\n padding-right: var(--spacing-20);\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n width: -moz-fit-content;\n width: fit-content;\n justify-content: space-between;\n border-style: solid;\n border-width: var(--border-width-2-5);\n align-items: center;\n flex-direction: row;\n cursor: default;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.chip-module-Chip-size--regular-VNFwg-4-20-0 {\n height: var(--spacing-60);\n padding-left: var(--spacing-20);\n}\n.chip-module-Chip-size--small-9pIoV-4-20-0 {\n height: 20px;\n padding-left: var(--spacing-15);\n}\n\n.chip-module-Chip-wrapper-pvcWT-4-20-0 {\n display: inline-flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--left-iQJW--4-20-0 {\n margin-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-20-0 {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--border-radius-full);\n margin-left: var(--spacing-05);\n}\n\n.chip-module-Chip--action-xkWzq-4-20-0 {\n background: var(--secondary-light);\n border: 0px;\n cursor: pointer;\n}\n\n.chip-module-Chip--action-xkWzq-4-20-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--action-xkWzq-4-20-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--action-xkWzq-4-20-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-action--disabled-qik7a-4-20-0 {\n background: var(--secondary-light);\n opacity: var(--opacity-12);\n border: 0px;\n outline: none;\n cursor: not-allowed;\n}\n\n.chip-module-Chip--selection-OQh8T-4-20-0 {\n background: var(--shadow-0);\n border-color: var(--stone);\n cursor: pointer;\n}\n\n.chip-module-Chip--selection-OQh8T-4-20-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chip-module-Chip--selection-OQh8T-4-20-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--selection-OQh8T-4-20-0:active {\n background: var(--secondary-light);\n border-color: var(--inverse-lightest);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-20-0 {\n background: var(--white);\n border-color: var(--secondary);\n opacity: var(--opacity-12);\n cursor: not-allowed;\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-20-0 {\n background: rgba(220, 236, 249, 0.48);\n border-color: var(--primary-lighter);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-20-0:hover {\n background: rgba(151, 197, 240, 0.48);\n border-color: var(--primary-light);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-20-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-20-0:active {\n background: var(--primary-lighter);\n border-color: var(--primary-dark);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-20-0:active .chip-module-Chip-icon-lfFwr-4-20-0,\n.chip-module-Chip-selection--selected-N7Nmu-4-20-0:active .chip-module-Chip-text-Y9aWF-4-20-0 {\n color: var(--primary-darker);\n}\n\n.chip-module-Chip-text--truncate-FdQRv-4-20-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n display: inline;\n max-width: 100%;\n}\n\n.chip-module-Chip-selection--selectedDisabled-cqtgW-4-20-0 {\n background: rgba(220, 236, 249, 0.48);\n border-color: var(--primary-lighter);\n}\n\n.chip-module-Chip--input-76VFm-4-20-0 {\n background: var(--secondary-light);\n font-weight: var(--font-weight-normal);\n border: 0px;\n}\n\n.chip-module-Chip--input-76VFm-4-20-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--input-76VFm-4-20-0:focus-visible,\n.chip-module-Chip--input-76VFm-4-20-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--input-76VFm-4-20-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-input--disabled-Xt12a-4-20-0 {\n background: var(--secondary-lighter);\n opacity: var(--opacity-12);\n cursor: not-allowed;\n border: 0px;\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-20-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-20-0:hover {\n background-color: var(--secondary);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-20-0:active {\n background-color: var(--secondary-dark);\n}\n\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-20-0 {\n pointer-events: none;\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-20-0 {\n border-radius: var(--border-radius-full);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-20-0:focus-visible {\n outline: var(--spacing-05) solid var(--primary-shadow);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-20-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-20-0:active {\n background-color: var(--primary-light);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-20-0:focus-visible,\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-20-0:focus-visible,\n.chip-module-Chip-selection--selectedDisabled-cqtgW-4-20-0:focus-visible,\n.chip-module-Chip-input--disabled-Xt12a-4-20-0:focus-visible {\n outline: none;\n}\n\n.chip-module-Chip-icon--clear-GujdY-4-20-0 {\n padding-right: var(--spacing-05);\n}\n";
|
|
2586
|
+
var styles$13 = {"Chip":"chip-module-Chip-poUZ4-4-20-0","Chip-size--regular":"chip-module-Chip-size--regular-VNFwg-4-20-0","Chip-size--small":"chip-module-Chip-size--small-9pIoV-4-20-0","Chip-wrapper":"chip-module-Chip-wrapper-pvcWT-4-20-0","Chip-icon--left":"chip-module-Chip-icon--left-iQJW--4-20-0","Chip-icon--right":"chip-module-Chip-icon--right-UOlsF-4-20-0","Chip--action":"chip-module-Chip--action-xkWzq-4-20-0","Chip-action--disabled":"chip-module-Chip-action--disabled-qik7a-4-20-0","Chip--selection":"chip-module-Chip--selection-OQh8T-4-20-0","Chip-selection--disabled":"chip-module-Chip-selection--disabled-Wh7oX-4-20-0","Chip-selection--selected":"chip-module-Chip-selection--selected-N7Nmu-4-20-0","Chip-icon":"chip-module-Chip-icon-lfFwr-4-20-0","Chip-text":"chip-module-Chip-text-Y9aWF-4-20-0","Chip-text--truncate":"chip-module-Chip-text--truncate-FdQRv-4-20-0","Chip-selection--selectedDisabled":"chip-module-Chip-selection--selectedDisabled-cqtgW-4-20-0","Chip--input":"chip-module-Chip--input-76VFm-4-20-0","Chip-input--disabled":"chip-module-Chip-input--disabled-Xt12a-4-20-0","Chip-icon-disabled--right":"chip-module-Chip-icon-disabled--right-Q8o-W-4-20-0","Chip-icon--selected":"chip-module-Chip-icon--selected-OTsQP-4-20-0","Chip-icon--clear":"chip-module-Chip-icon--clear-GujdY-4-20-0"};
|
|
2582
2587
|
styleInject$1(css_248z$1b);
|
|
2583
2588
|
|
|
2584
2589
|
var GenericChip = function GenericChip(props) {
|
|
@@ -2595,7 +2600,8 @@
|
|
|
2595
2600
|
iconType = props.iconType,
|
|
2596
2601
|
maxWidth = props.maxWidth,
|
|
2597
2602
|
_d = props.size,
|
|
2598
|
-
size = _d === void 0 ? 'regular' : _d
|
|
2603
|
+
size = _d === void 0 ? 'regular' : _d,
|
|
2604
|
+
type = props.type;
|
|
2599
2605
|
var wrapperStyle = {
|
|
2600
2606
|
maxWidth: maxWidth
|
|
2601
2607
|
};
|
|
@@ -2623,12 +2629,14 @@
|
|
|
2623
2629
|
if (onClick) onClick();
|
|
2624
2630
|
};
|
|
2625
2631
|
var onKeyDownHandler = function onKeyDownHandler(event) {
|
|
2626
|
-
if (event.key === 'Enter') {
|
|
2632
|
+
if (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar') {
|
|
2633
|
+
event.preventDefault();
|
|
2627
2634
|
onCloseHandler(event);
|
|
2628
2635
|
}
|
|
2629
2636
|
};
|
|
2630
2637
|
var onChipKeyDownHandler = function onChipKeyDownHandler(event) {
|
|
2631
|
-
if (event.key === 'Enter') {
|
|
2638
|
+
if (event.key === 'Enter' || event.key === ' ' || event.key === 'Spacebar') {
|
|
2639
|
+
event.preventDefault();
|
|
2632
2640
|
onClickHandler();
|
|
2633
2641
|
}
|
|
2634
2642
|
};
|
|
@@ -2665,6 +2673,20 @@
|
|
|
2665
2673
|
}
|
|
2666
2674
|
return labelText;
|
|
2667
2675
|
};
|
|
2676
|
+
var getAriaProps = function getAriaProps() {
|
|
2677
|
+
var effectiveRole = props.role || 'button';
|
|
2678
|
+
var ariaProps = {};
|
|
2679
|
+
if (type === 'selection') {
|
|
2680
|
+
if (effectiveRole === 'button') {
|
|
2681
|
+
ariaProps['aria-pressed'] = selected;
|
|
2682
|
+
} else if (effectiveRole === 'checkbox' || effectiveRole === 'menuitemcheckbox') {
|
|
2683
|
+
ariaProps['aria-checked'] = selected;
|
|
2684
|
+
} else if (effectiveRole === 'option' || effectiveRole === 'tab' || effectiveRole === 'treeitem') {
|
|
2685
|
+
ariaProps['aria-selected'] = selected;
|
|
2686
|
+
}
|
|
2687
|
+
}
|
|
2688
|
+
return ariaProps;
|
|
2689
|
+
};
|
|
2668
2690
|
return /*#__PURE__*/React__namespace.createElement(Tooltip, {
|
|
2669
2691
|
showTooltip: isTextTruncated,
|
|
2670
2692
|
"data-test": "DesignSystem-GenericChip--Tooltip",
|
|
@@ -2674,7 +2696,8 @@
|
|
|
2674
2696
|
tabIndex: disabled ? -1 : 0,
|
|
2675
2697
|
style: wrapperStyle,
|
|
2676
2698
|
"data-test": "DesignSystem-GenericChip--Wrapper",
|
|
2677
|
-
role:
|
|
2699
|
+
role: props.role || 'button'
|
|
2700
|
+
}, getAriaProps(), {
|
|
2678
2701
|
onKeyDown: onChipKeyDownHandler
|
|
2679
2702
|
}, baseProps, {
|
|
2680
2703
|
className: chipWrapperClass,
|
|
@@ -2688,6 +2711,7 @@
|
|
|
2688
2711
|
className: iconClass('left')
|
|
2689
2712
|
})), renderLabel(), clearButton && (/*#__PURE__*/React__namespace.createElement("div", {
|
|
2690
2713
|
role: "button",
|
|
2714
|
+
"aria-label": "Remove",
|
|
2691
2715
|
onClick: onCloseHandler,
|
|
2692
2716
|
tabIndex: disabled ? -1 : 0,
|
|
2693
2717
|
onKeyDown: onKeyDownHandler,
|
|
@@ -2746,7 +2770,8 @@
|
|
|
2746
2770
|
onClick: onClickHandler,
|
|
2747
2771
|
name: name,
|
|
2748
2772
|
labelPrefix: labelPrefix,
|
|
2749
|
-
maxWidth: maxWidth
|
|
2773
|
+
maxWidth: maxWidth,
|
|
2774
|
+
type: type
|
|
2750
2775
|
}));
|
|
2751
2776
|
};
|
|
2752
2777
|
Chip.displayName = 'Chip';
|
|
@@ -2755,8 +2780,8 @@
|
|
|
2755
2780
|
maxWidth: 'var(--spacing-640)'
|
|
2756
2781
|
};
|
|
2757
2782
|
|
|
2758
|
-
var css_248z$1a = ".chipGroup-module-ChipGroup--1ERo-4-
|
|
2759
|
-
var styles$12 = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-
|
|
2783
|
+
var css_248z$1a = ".chipGroup-module-ChipGroup--1ERo-4-20-0 {\n display: inline-flex;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-20-0 {\n margin: 0 var(--spacing-10);\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-20-0:first-child {\n margin-left: 0;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-20-0:last-child {\n margin-right: 0;\n}\n";
|
|
2784
|
+
var styles$12 = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-20-0","ChipGroup-item":"chipGroup-module-ChipGroup-item-5ygP--4-20-0"};
|
|
2760
2785
|
styleInject$1(css_248z$1a);
|
|
2761
2786
|
|
|
2762
2787
|
var ChipGroup = function ChipGroup(props) {
|
|
@@ -2877,16 +2902,16 @@
|
|
|
2877
2902
|
}
|
|
2878
2903
|
};
|
|
2879
2904
|
|
|
2880
|
-
var css_248z$19 = ".checkbox-module-Checkbox-Bxzy6-4-
|
|
2881
|
-
var checkboxStyles = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-
|
|
2905
|
+
var css_248z$19 = ".checkbox-module-Checkbox-Bxzy6-4-20-0 {\n display: flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n line-height: initial;\n box-sizing: border-box;\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-20-0 {\n position: absolute;\n z-index: 2;\n opacity: 0;\n cursor: pointer;\n height: 100%;\n width: 100%;\n margin: 0;\n}\n\n.checkbox-module-Checkbox-labelWrapper-8RA7S-4-20-0 {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.checkbox-module-Checkbox-label-1c-Z--4-20-0 {\n display: flex;\n cursor: pointer;\n}\n\n.checkbox-module-Checkbox-label--tiny-4ICqD-4-20-0 {\n font-weight: var(--font-weight-bold);\n}\n\n.checkbox-module-Checkbox-outerWrapper-47kQq-4-20-0 {\n position: relative;\n margin-top: var(--spacing-05);\n margin-right: var(--spacing-20);\n}\n\n.checkbox-module-Checkbox-outerWrapper--regular-MXygQ-4-20-0 {\n height: var(--spacing-40);\n min-width: var(--spacing-40);\n}\n\n.checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-20-0 {\n height: var(--spacing-30);\n min-width: var(--spacing-30);\n}\n\n/* Type: Unchecked */\n\n.checkbox-module-Checkbox-wrapper-iH4AL-4-20-0 {\n top: 0;\n left: 0;\n border-radius: var(--border-radius-05);\n display: flex;\n align-items: center;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n justify-content: center;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-20-0:focus {\n outline: 0;\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-20-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-20-0 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-20-0 ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-20-0 {\n border: var(--border-width-2-5) solid var(--inverse-lighter);\n background-color: var(--shadow-0);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-20-0:hover ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-20-0 {\n border: var(--border-width-2-5) solid var(--inverse-light);\n background-color: var(--secondary-lighter);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-20-0:active ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-20-0 {\n border: var(--border-width-2-5) solid var(--inverse-light);\n background-color: var(--secondary-light);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-20-0 {\n pointer-events: none;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-20-0 .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-20-0 {\n border: var(--border-width-2-5) solid var(--secondary);\n background-color: var(--secondary-lightest);\n}\n\n/* Type: checked && Type: indeterminate */\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-20-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-20-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-20-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-20-0 {\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-20-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-20-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-20-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-20-0 {\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-20-0:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-20-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-20-0:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-20-0 {\n background-color: var(--primary-dark);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-20-0:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-20-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-20-0:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-20-0 {\n background-color: var(--primary-darker);\n border: 0;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-20-0 .checkbox-module-Checkbox-input--checked-1V8bz-4-20-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-20-0,\n.checkbox-module-Checkbox--disabled-j-irf-4-20-0 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-20-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-20-0 {\n background-color: var(--primary-lighter);\n border: 0;\n}\n\n/* Error State -> Default */\n\n.checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-20-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-20-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert-darker);\n background-color: var(--secondary-light);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-20-0 .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n background-color: var(--secondary-lightest);\n}\n\n/* Error State -> Checked & Indeterminate */\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-20-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-20-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-20-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-20-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-20-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-20-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-20-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-20-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0 {\n background-color: var(--primary-darker);\n border: var(--border-width-2-5) solid var(--alert-darker);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-20-0 .checkbox-module-Checkbox-input--checked-1V8bz-4-20-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0,\n.checkbox-module-Checkbox--disabled-j-irf-4-20-0 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-20-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n}\n";
|
|
2906
|
+
var checkboxStyles = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-20-0","Checkbox-input":"checkbox-module-Checkbox-input-shIYv-4-20-0","Checkbox-labelWrapper":"checkbox-module-Checkbox-labelWrapper-8RA7S-4-20-0","Checkbox-label":"checkbox-module-Checkbox-label-1c-Z--4-20-0","Checkbox-label--tiny":"checkbox-module-Checkbox-label--tiny-4ICqD-4-20-0","Checkbox-outerWrapper":"checkbox-module-Checkbox-outerWrapper-47kQq-4-20-0","Checkbox-outerWrapper--regular":"checkbox-module-Checkbox-outerWrapper--regular-MXygQ-4-20-0","Checkbox-outerWrapper--tiny":"checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-20-0","Checkbox-wrapper":"checkbox-module-Checkbox-wrapper-iH4AL-4-20-0","Checkbox-wrapper--default":"checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-20-0","Checkbox--disabled":"checkbox-module-Checkbox--disabled-j-irf-4-20-0","Checkbox-input--checked":"checkbox-module-Checkbox-input--checked-1V8bz-4-20-0","Checkbox-input--indeterminate":"checkbox-module-Checkbox-input--indeterminate-yMTip-4-20-0","Checkbox-wrapper--error":"checkbox-module-Checkbox-wrapper--error-pnJwU-4-20-0"};
|
|
2882
2907
|
styleInject$1(css_248z$19);
|
|
2883
2908
|
|
|
2884
|
-
var css_248z$18 = ".dropdown-module-Dropdown--waM8-4-
|
|
2885
|
-
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-
|
|
2909
|
+
var css_248z$18 = ".dropdown-module-Dropdown--waM8-4-20-0 {\n width: 100%;\n position: relative;\n}\n\n.dropdown-module-Dropdown-wrapper-r0AX--4-20-0 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-20-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-20-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-20-0 {\n min-width: unset !important;\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-20-0,\n.dropdown-module-Dropdown-input-ovmvS-4-20-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.dropdown-module-Dropdown-section-rT604-4-20-0 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-left: var(--spacing-30);\n margin-top: var(--spacing-30);\n margin-bottom: var(--spacing-15);\n}\n\n.dropdown-module-Dropdown-section--withClear--R25A-4-20-0 {\n margin-top: var(--spacing-20);\n margin-bottom: var(--spacing-05);\n}\n\n.dropdown-module-Dropdown-buttonWrapper-hWHut-4-20-0 {\n display: flex;\n justify-content: flex-end;\n padding-top: var(--spacing-20);\n padding-right: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.dropdown-module-Dropdown-footer-q2lkI-4-20-0 {\n padding-left: var(--spacing-30);\n padding-bottom: var(--spacing-10);\n padding-top: var(--spacing-20);\n box-sizing: border-box;\n}\n\n.dropdown-module-Option-9a9gu-4-20-0 {\n display: flex;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.dropdown-module-Option-9a9gu-4-20-0,\n.dropdown-module-Option-loading-niIYl-4-20-0 {\n padding-top: var(--spacing-15);\n padding-bottom: var(--spacing-15);\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-20);\n}\n\n.dropdown-module-Option-checkbox-m-8Hz-4-20-0 .dropdown-module-Checkbox-outerWrapper-X7RB4-4-20-0 {\n background-color: var(--shadow-0);\n}\n\n.dropdown-module-Option-checkboxWrapper-K7FXe-4-20-0 {\n display: block;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-20-0 {\n width: 100%;\n padding-left: var(--spacing-30);\n padding-top: var(--spacing-15);\n padding-bottom: var(--spacing-15);\n}\n\n.dropdown-module-Option--active-gTg8I-4-20-0,\n.dropdown-module-Option-checkbox--active-vN71f-4-20-0 {\n background-color: var(--secondary-lightest);\n cursor: pointer;\n}\n\n.dropdown-module-Option--active-gTg8I-4-20-0:hover,\n.dropdown-module-Option-checkbox--active-vN71f-4-20-0:hover {\n background-color: var(--secondary-lighter);\n}\n\n.dropdown-module-Option--active-gTg8I-4-20-0:active,\n.dropdown-module-Option-checkbox--active-vN71f-4-20-0:active {\n background-color: var(--secondary-light);\n cursor: pointer;\n}\n\n.dropdown-module-Option--active-gTg8I-4-20-0 {\n transition: var(--standard-productive-curve);\n}\n\n.dropdown-module-Option-loading-niIYl-4-20-0 {\n pointer-events: none;\n}\n\n.dropdown-module-Option--selected-N166--4-20-0 {\n background-color: var(--primary-lightest);\n}\n\n.dropdown-module-Option--selected-N166--4-20-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.dropdown-module-Option--selected-N166--4-20-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--selected-N166--4-20-0:active .dropdown-module-Option-text-lXgSe-4-20-0,\n.dropdown-module-Option--selected-N166--4-20-0:active .dropdown-module-Option-subInfo-rCqn2-4-20-0 {\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--disabled-z9O1J-4-20-0,\n.dropdown-module-OptionWrapper--disabled-dDEXE-4-20-0 {\n pointer-events: auto;\n cursor: default;\n}\n\n.dropdown-module-Option-label-lSBP--4-20-0 {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-20-0 .dropdown-module-Checkbox-label-HN9S6-4-20-0 {\n padding-right: var(--spacing-30);\n width: 100%;\n display: flex;\n overflow: hidden;\n cursor: pointer;\n}\n\n.dropdown-module-Option-text-lXgSe-4-20-0,\n.dropdown-module-OptionCheckbox-sWOoI-4-20-0 .dropdown-module-Text-wTZmG-4-20-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.dropdown-module-Option-text--wrap-RxZCx-4-20-0,\n.dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-20-0 .dropdown-module-OptionCheckbox-sWOoI-4-20-0 .dropdown-module-Text-wTZmG-4-20-0 {\n white-space: unset;\n}\n\n.dropdown-module-Option--icon-AA5JI-4-20-0 {\n padding-left: var(--spacing-20);\n}\n\n.dropdown-module-Option-icon-sux-R-4-20-0 {\n display: flex;\n}\n\n.dropdown-module-Option-icon-sux-R-4-20-0 {\n height: -moz-fit-content;\n height: fit-content;\n line-height: var(--font-height);\n}\n";
|
|
2910
|
+
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-20-0","Dropdown-wrapper":"dropdown-module-Dropdown-wrapper-r0AX--4-20-0","Dropdown-inputWrapper":"dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-20-0","Dropdown-input":"dropdown-module-Dropdown-input-ovmvS-4-20-0","Dropdown-section":"dropdown-module-Dropdown-section-rT604-4-20-0","Dropdown-section--withClear":"dropdown-module-Dropdown-section--withClear--R25A-4-20-0","Dropdown-buttonWrapper":"dropdown-module-Dropdown-buttonWrapper-hWHut-4-20-0","Dropdown-footer":"dropdown-module-Dropdown-footer-q2lkI-4-20-0","Option":"dropdown-module-Option-9a9gu-4-20-0","Option-loading":"dropdown-module-Option-loading-niIYl-4-20-0","Option-checkbox":"dropdown-module-Option-checkbox-m-8Hz-4-20-0","Checkbox-outerWrapper":"dropdown-module-Checkbox-outerWrapper-X7RB4-4-20-0","Option-checkboxWrapper":"dropdown-module-Option-checkboxWrapper-K7FXe-4-20-0","OptionCheckbox":"dropdown-module-OptionCheckbox-sWOoI-4-20-0","Option--active":"dropdown-module-Option--active-gTg8I-4-20-0","Option-checkbox--active":"dropdown-module-Option-checkbox--active-vN71f-4-20-0","Option--selected":"dropdown-module-Option--selected-N166--4-20-0","Option-text":"dropdown-module-Option-text-lXgSe-4-20-0","Option-subInfo":"dropdown-module-Option-subInfo-rCqn2-4-20-0","Option--disabled":"dropdown-module-Option--disabled-z9O1J-4-20-0","OptionWrapper--disabled":"dropdown-module-OptionWrapper--disabled-dDEXE-4-20-0","Option-label":"dropdown-module-Option-label-lSBP--4-20-0","Checkbox-label":"dropdown-module-Checkbox-label-HN9S6-4-20-0","Text":"dropdown-module-Text-wTZmG-4-20-0","Option-text--wrap":"dropdown-module-Option-text--wrap-RxZCx-4-20-0","Dropdown-wrapper--wrap":"dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-20-0","Option--icon":"dropdown-module-Option--icon-AA5JI-4-20-0","Option-icon":"dropdown-module-Option-icon-sux-R-4-20-0"};
|
|
2886
2911
|
styleInject$1(css_248z$18);
|
|
2887
2912
|
|
|
2888
|
-
var css_248z$17 = ".grid-module-Grid-c7nCj-4-19-2 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n height: 100%;\n overflow: hidden;\n background: var(--white);\n}\n\n.grid-module-Grid-wrapper-lro6U-4-19-2 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-19-2 {\n position: absolute;\n height: 100%;\n z-index: 5;\n overflow-x: hidden;\n -ms-overflow-style: none;\n border-right: var(--border-width-7-5) solid var(--secondary);\n}\n\n.grid-module-Grid-pinned-c-pxc-4-19-2::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-19-2 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-19-2 .grid-module-Grid-cell--head--JOK--4-19-2 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-19-2 .grid-module-Grid-cell--body--nkVA-4-19-2 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-19-2 .grid-module-Grid-cell--head--JOK--4-19-2 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-19-2 .grid-module-Grid-cell--body--nkVA-4-19-2 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-19-2 .grid-module-Grid-cell--head--JOK--4-19-2 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-19-2 .grid-module-Grid-cell--body--nkVA-4-19-2 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-19-2 .grid-module-Grid-cell--head--JOK--4-19-2 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-19-2 .grid-module-Grid-cell--body--nkVA-4-19-2 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-19-2 {\n display: flex;\n flex: 0 0 auto;\n overflow-x: auto;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-head-WsxqC-4-19-2::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-19-2 {\n display: flex;\n height: 100%;\n flex-direction: row;\n align-items: center;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-19-2 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-19-2:active {\n cursor: grabbing;\n z-index: 3;\n opacity: 1;\n background-color: inherit;\n color: inherit;\n}\n\n.grid-module-Grid-body-pAJM6-4-19-2 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n overflow-x: auto;\n overflow-y: overlay;\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-19-2 {\n display: inline-flex;\n flex-direction: column;\n min-width: -moz-fit-content;\n min-width: fit-content;\n flex-shrink: 0;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-19-2:last-child .grid-module-Grid-row--body-hzvsO-4-19-2 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-19-2 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-19-2 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-19-2 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-19-2 .grid-module-Grid-rowWrapper-cZ8-a-4-19-2 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-19-2 .grid-module-Grid-cell-GVffL-4-19-2:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-19-2 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-19-2 {\n position: relative;\n box-sizing: border-box;\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-30);\n flex-grow: 1;\n}\n\n.grid-module-Grid-cell--body--nkVA-4-19-2 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-19-2 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-19-2 {\n z-index: 3;\n opacity: 1;\n background-color: inherit;\n color: inherit;\n}\n\n.grid-module-Grid-cell--separator-TYHdI-4-19-2 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-19-2 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-19-2 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-19-2.grid-module-Grid-cell-GVffL-4-19-2:first-of-type {\n border-left: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-19-2.grid-module-Grid-cell--selected-1zcBx-4-19-2 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-19-2 {\n width: unset;\n min-width: unset;\n display: flex;\n align-items: center;\n z-index: 1;\n padding-right: 0 !important;\n overflow: visible !important;\n}\n\n.grid-module-Grid-cell--separator-TYHdI-4-19-2 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-19-2 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-sortingIcons-Lwutu-4-19-2 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-19-2 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-19-2:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-19-2 {\n display: flex;\n align-items: center;\n flex-grow: 1;\n height: 100%;\n box-sizing: border-box;\n z-index: inherit;\n}\n\n.grid-module-Grid-cell--head--JOK--4-19-2 .grid-module-Grid-cellContent-Ls-ZE-4-19-2 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-19-2 {\n position: absolute;\n right: 0;\n width: var(--spacing-10);\n cursor: ew-resize;\n height: 100%;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-19-2 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-19-2:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-19-2:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-19-2 {\n position: absolute;\n height: 100%;\n border: var(--border-width-7-5) solid var(--primary-light);\n z-index: 10;\n}\n\n.grid-module-Grid-cellGroup-Q3add-4-19-2 {\n display: flex;\n box-sizing: border-box;\n height: 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-19-2 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-19-2 {\n left: 0;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-19-2 {\n right: 0;\n}\n\n.grid-module-Grid-c7nCj-4-19-2 .grid-module-Checkbox-wrapper-0R1-K-4-19-2 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-19-2 {\n display: flex;\n align-items: center;\n width: 100%;\n box-sizing: border-box;\n}\n\n.grid-module-GridCell--align-left-zURf7-4-19-2 {\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-19-2 {\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-19-2 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--default-7p5Cq-4-19-2 {\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-19-2 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-19-2 .grid-module-StatusHint-R1JrO-4-19-2 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-19-2 .grid-module-StatusHint-R1JrO-4-19-2 .grid-module-Text-Fy3XX-4-19-2 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-19-2 .grid-module-Avatar-3XZ0C-4-19-2 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-19-2 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-19-2 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-19-2 .grid-module-Text-Fy3XX-4-19-2 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaSeparator-B6hFq-4-19-2 {\n content: '';\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-10);\n height: var(--spacing-10);\n border-radius: var(--border-radius-full);\n background: var(--inverse-lightest);\n margin: 0 var(--spacing-20);\n}\n\n.grid-module-GridCell-mark--default-pkKi7-4-19-2 {\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell-mark--metaList-MwAIW-4-19-2 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n color: var(--text-subtle);\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-19-2 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-19-2 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-19-2 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-19-2 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-19-2 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-19-2 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-19-2 .grid-module-Checkbox-ETqg7-4-19-2 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-19-2 {\n display: flex;\n margin-left: var(--spacing-10);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-19-2 .grid-module-Dropdown-Ev9FG-4-19-2 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-19-2 .grid-module-Dropdown-wrapper-T1n1M-4-19-2 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-19-2 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-19-2 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-19-2 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-19-2 {\n justify-content: flex-end;\n margin-left: auto;\n margin-bottom: var(--spacing-40);\n}\n\n/* Grid row */\n\n.grid-module-Grid-row--disabled-f0pzU-4-19-2 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-row-wBTps-4-19-2 {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n box-sizing: border-box;\n background: var(--white);\n}\n\n.grid-module-Grid-row--body-hzvsO-4-19-2 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-19-2 .grid-module-Grid-row--body-hzvsO-4-19-2:hover {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-19-2 .grid-module-Grid-row--body-hzvsO-4-19-2:active {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-19-2 .grid-module-Grid-row--body-hzvsO-4-19-2:focus {\n box-shadow: var(--shadow-spread) rgba(213, 213, 213, 0.16);\n outline: none;\n}\n\n/* Selected States */\n\n.grid-module-Grid-row--selected-4THdv-4-19-2 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-19-2:hover {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-19-2:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-19-2:focus {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(0, 112, 221, 0.16);\n}\n\n/* Activated States */\n\n.grid-module-Grid-row--activated-nOoqM-4-19-2 {\n background: var(--primary-lightest);\n}\n\n/* Pinned Columns Default State */\n\n.grid-module-Grid--resource-Wwxtj-4-19-2 .grid-module-Grid-row--body-hzvsO-4-19-2:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-19-2 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-19-2 .grid-module-Grid-row--body-hzvsO-4-19-2:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-19-2 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-19-2 .grid-module-Grid-row--body-hzvsO-4-19-2:focus .grid-module-Grid-cellWrapper--pinned-0NirR-4-19-2 {\n box-shadow: var(--shadow-spread) rgba(213, 213, 213, 0.16);\n outline: none;\n}\n\n/* Pinned Columns Selected State */\n\n.grid-module-Grid-row--selected-4THdv-4-19-2 .grid-module-Grid-cellWrapper--pinned-0NirR-4-19-2 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-19-2:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-19-2 {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-19-2:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-19-2 {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-19-2:focus .grid-module-Grid-cellWrapper--pinned-0NirR-4-19-2 {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(0, 112, 221, 0.16);\n}\n\n/* Grid header */\n.grid-module-Grid-row--head-FUyUu-4-19-2 .grid-module-Grid-cellGroup--pinned-gR1WR-4-19-2 {\n background: var(--white);\n}\n\n.grid-module-Grid-row--head-FUyUu-4-19-2 .grid-module-Grid-cellGroup--pinned-left-EsISF-4-19-2 {\n border-style: inset;\n border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-row--head-FUyUu-4-19-2 .grid-module-Grid-cellGroup--pinned-right-jWDJC-4-19-2 {\n border-style: inset;\n border-left: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-left-width: 4px;\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n/* Pinned Column Border */\n\n.grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-19-2 {\n border-style: inset;\n border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-cellWrapper--pinned-right-72w51-4-19-2 {\n border-style: inset;\n border-left: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-left-width: 4px;\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n";
|
|
2889
|
-
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-
|
|
2913
|
+
var css_248z$17 = ".grid-module-Grid-c7nCj-4-20-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n height: 100%;\n overflow: hidden;\n background: var(--white);\n}\n\n.grid-module-Grid-wrapper-lro6U-4-20-0 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-20-0 {\n position: absolute;\n height: 100%;\n z-index: 5;\n overflow-x: hidden;\n -ms-overflow-style: none;\n border-right: var(--border-width-7-5) solid var(--secondary);\n}\n\n.grid-module-Grid-pinned-c-pxc-4-20-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-20-0 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-20-0 .grid-module-Grid-cell--head--JOK--4-20-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-20-0 .grid-module-Grid-cell--body--nkVA-4-20-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-20-0 .grid-module-Grid-cell--head--JOK--4-20-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-20-0 .grid-module-Grid-cell--body--nkVA-4-20-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-20-0 .grid-module-Grid-cell--head--JOK--4-20-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-20-0 .grid-module-Grid-cell--body--nkVA-4-20-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-20-0 .grid-module-Grid-cell--head--JOK--4-20-0 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-20-0 .grid-module-Grid-cell--body--nkVA-4-20-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-20-0 {\n display: flex;\n flex: 0 0 auto;\n overflow-x: auto;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-head-WsxqC-4-20-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-20-0 {\n display: flex;\n height: 100%;\n flex-direction: row;\n align-items: center;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-20-0 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-20-0:active {\n cursor: grabbing;\n z-index: 3;\n opacity: 1;\n background-color: inherit;\n color: inherit;\n}\n\n.grid-module-Grid-body-pAJM6-4-20-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n overflow-x: auto;\n overflow-y: overlay;\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-20-0 {\n display: inline-flex;\n flex-direction: column;\n min-width: -moz-fit-content;\n min-width: fit-content;\n flex-shrink: 0;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-20-0:last-child .grid-module-Grid-row--body-hzvsO-4-20-0 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-20-0 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-20-0 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-20-0 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-20-0 .grid-module-Grid-rowWrapper-cZ8-a-4-20-0 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-20-0 .grid-module-Grid-cell-GVffL-4-20-0:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-20-0 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-20-0 {\n position: relative;\n box-sizing: border-box;\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-30);\n flex-grow: 1;\n}\n\n.grid-module-Grid-cell--body--nkVA-4-20-0 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-20-0 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-20-0 {\n z-index: 3;\n opacity: 1;\n background-color: inherit;\n color: inherit;\n}\n\n.grid-module-Grid-cell--separator-TYHdI-4-20-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-20-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-20-0 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-20-0.grid-module-Grid-cell-GVffL-4-20-0:first-of-type {\n border-left: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-20-0.grid-module-Grid-cell--selected-1zcBx-4-20-0 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-20-0 {\n width: unset;\n min-width: unset;\n display: flex;\n align-items: center;\n z-index: 1;\n padding-right: 0 !important;\n overflow: visible !important;\n}\n\n.grid-module-Grid-cell--separator-TYHdI-4-20-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-20-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-sortingIcons-Lwutu-4-20-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-20-0 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-20-0:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-20-0 {\n display: flex;\n align-items: center;\n flex-grow: 1;\n height: 100%;\n box-sizing: border-box;\n z-index: inherit;\n}\n\n.grid-module-Grid-cell--head--JOK--4-20-0 .grid-module-Grid-cellContent-Ls-ZE-4-20-0 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-20-0 {\n position: absolute;\n right: 0;\n width: var(--spacing-10);\n cursor: ew-resize;\n height: 100%;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-20-0 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-20-0:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-20-0:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-20-0 {\n position: absolute;\n height: 100%;\n border: var(--border-width-7-5) solid var(--primary-light);\n z-index: 10;\n}\n\n.grid-module-Grid-cellGroup-Q3add-4-20-0 {\n display: flex;\n box-sizing: border-box;\n height: 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-20-0 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-20-0 {\n left: 0;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-20-0 {\n right: 0;\n}\n\n.grid-module-Grid-c7nCj-4-20-0 .grid-module-Checkbox-wrapper-0R1-K-4-20-0 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-20-0 {\n display: flex;\n align-items: center;\n width: 100%;\n box-sizing: border-box;\n}\n\n.grid-module-GridCell--align-left-zURf7-4-20-0 {\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-20-0 {\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-20-0 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--default-7p5Cq-4-20-0 {\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-20-0 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-20-0 .grid-module-StatusHint-R1JrO-4-20-0 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-20-0 .grid-module-StatusHint-R1JrO-4-20-0 .grid-module-Text-Fy3XX-4-20-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-20-0 .grid-module-Avatar-3XZ0C-4-20-0 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-20-0 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-20-0 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-20-0 .grid-module-Text-Fy3XX-4-20-0 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaSeparator-B6hFq-4-20-0 {\n content: '';\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-10);\n height: var(--spacing-10);\n border-radius: var(--border-radius-full);\n background: var(--inverse-lightest);\n margin: 0 var(--spacing-20);\n}\n\n.grid-module-GridCell-mark--default-pkKi7-4-20-0 {\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell-mark--metaList-MwAIW-4-20-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n color: var(--text-subtle);\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-20-0 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-20-0 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-20-0 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-20-0 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-20-0 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-20-0 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-20-0 .grid-module-Checkbox-ETqg7-4-20-0 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-20-0 {\n display: flex;\n margin-left: var(--spacing-10);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-20-0 .grid-module-Dropdown-Ev9FG-4-20-0 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-20-0 .grid-module-Dropdown-wrapper-T1n1M-4-20-0 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-20-0 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-20-0 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-20-0 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-20-0 {\n justify-content: flex-end;\n margin-left: auto;\n margin-bottom: var(--spacing-40);\n}\n\n/* Grid row */\n\n.grid-module-Grid-row--disabled-f0pzU-4-20-0 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-row-wBTps-4-20-0 {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n box-sizing: border-box;\n background: var(--white);\n}\n\n.grid-module-Grid-row--body-hzvsO-4-20-0 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-20-0 .grid-module-Grid-row--body-hzvsO-4-20-0:hover {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-20-0 .grid-module-Grid-row--body-hzvsO-4-20-0:active {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-20-0 .grid-module-Grid-row--body-hzvsO-4-20-0:focus {\n box-shadow: var(--shadow-spread) rgba(213, 213, 213, 0.16);\n outline: none;\n}\n\n/* Selected States */\n\n.grid-module-Grid-row--selected-4THdv-4-20-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-20-0:hover {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-20-0:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-20-0:focus {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(0, 112, 221, 0.16);\n}\n\n/* Activated States */\n\n.grid-module-Grid-row--activated-nOoqM-4-20-0 {\n background: var(--primary-lightest);\n}\n\n/* Pinned Columns Default State */\n\n.grid-module-Grid--resource-Wwxtj-4-20-0 .grid-module-Grid-row--body-hzvsO-4-20-0:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-20-0 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-20-0 .grid-module-Grid-row--body-hzvsO-4-20-0:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-20-0 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-20-0 .grid-module-Grid-row--body-hzvsO-4-20-0:focus .grid-module-Grid-cellWrapper--pinned-0NirR-4-20-0 {\n box-shadow: var(--shadow-spread) rgba(213, 213, 213, 0.16);\n outline: none;\n}\n\n/* Pinned Columns Selected State */\n\n.grid-module-Grid-row--selected-4THdv-4-20-0 .grid-module-Grid-cellWrapper--pinned-0NirR-4-20-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-20-0:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-20-0 {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-20-0:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-20-0 {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-20-0:focus .grid-module-Grid-cellWrapper--pinned-0NirR-4-20-0 {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(0, 112, 221, 0.16);\n}\n\n/* Grid header */\n.grid-module-Grid-row--head-FUyUu-4-20-0 .grid-module-Grid-cellGroup--pinned-gR1WR-4-20-0 {\n background: var(--white);\n}\n\n.grid-module-Grid-row--head-FUyUu-4-20-0 .grid-module-Grid-cellGroup--pinned-left-EsISF-4-20-0 {\n border-style: inset;\n border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-row--head-FUyUu-4-20-0 .grid-module-Grid-cellGroup--pinned-right-jWDJC-4-20-0 {\n border-style: inset;\n border-left: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-left-width: 4px;\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n/* Pinned Column Border */\n\n.grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-20-0 {\n border-style: inset;\n border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-cellWrapper--pinned-right-72w51-4-20-0 {\n border-style: inset;\n border-left: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-left-width: 4px;\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n";
|
|
2914
|
+
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-20-0","Grid-wrapper":"grid-module-Grid-wrapper-lro6U-4-20-0","Grid--pinned":"grid-module-Grid--pinned-3JMcl-4-20-0","Grid-pinned":"grid-module-Grid-pinned-c-pxc-4-20-0","Grid--main":"grid-module-Grid--main-zduCm-4-20-0","Grid--comfortable":"grid-module-Grid--comfortable-TOG1A-4-20-0","Grid-cell--head":"grid-module-Grid-cell--head--JOK--4-20-0","Grid-cell--body":"grid-module-Grid-cell--body--nkVA-4-20-0","Grid--standard":"grid-module-Grid--standard-vGamG-4-20-0","Grid--compressed":"grid-module-Grid--compressed-mwkZ6-4-20-0","Grid--tight":"grid-module-Grid--tight-1w1jV-4-20-0","Grid-head":"grid-module-Grid-head-WsxqC-4-20-0","Grid-headCell":"grid-module-Grid-headCell-OcJ4F-4-20-0","Grid-headCell--draggable":"grid-module-Grid-headCell--draggable-WH7xi-4-20-0","Grid-body":"grid-module-Grid-body-pAJM6-4-20-0","Grid-rowWrapper":"grid-module-Grid-rowWrapper-cZ8-a-4-20-0","Grid-row--body":"grid-module-Grid-row--body-hzvsO-4-20-0","GridBody-padding":"grid-module-GridBody-padding-3KYKp-4-20-0","Grid-nestedRow":"grid-module-Grid-nestedRow-uxEsD-4-20-0","Grid-nestedRowTrigger":"grid-module-Grid-nestedRowTrigger--amMF-4-20-0","Grid-cell":"grid-module-Grid-cell-GVffL-4-20-0","Grid-nestedRowPlaceholder":"grid-module-Grid-nestedRowPlaceholder-h98gD-4-20-0","Grid-cell--dragged":"grid-module-Grid-cell--dragged-djAY0-4-20-0","Grid-cell--separator":"grid-module-Grid-cell--separator-TYHdI-4-20-0","Grid-cell--selected":"grid-module-Grid-cell--selected-1zcBx-4-20-0","Grid-cell--nestedRow":"grid-module-Grid-cell--nestedRow-U3Dg5-4-20-0","Grid-cell--checkbox":"grid-module-Grid-cell--checkbox-kWT4v-4-20-0","Grid-sortingIcons":"grid-module-Grid-sortingIcons-Lwutu-4-20-0","Grid-cellReorder":"grid-module-Grid-cellReorder-SMPMA-4-20-0","Grid-cellContent":"grid-module-Grid-cellContent-Ls-ZE-4-20-0","Grid-cellResize":"grid-module-Grid-cellResize-J-SJu-4-20-0","Grid-cellSortIcon":"grid-module-Grid-cellSortIcon-ZV0FF-4-20-0","Grid-reorderHighlighter":"grid-module-Grid-reorderHighlighter-UMzz7-4-20-0","Grid-cellGroup":"grid-module-Grid-cellGroup-Q3add-4-20-0","Grid-cellGroup--pinned":"grid-module-Grid-cellGroup--pinned-gR1WR-4-20-0","Grid-cellGroup--pinned-left":"grid-module-Grid-cellGroup--pinned-left-EsISF-4-20-0","Grid-cellGroup--pinned-right":"grid-module-Grid-cellGroup--pinned-right-jWDJC-4-20-0","Checkbox-wrapper":"grid-module-Checkbox-wrapper-0R1-K-4-20-0","GridCell":"grid-module-GridCell-Atntl-4-20-0","GridCell--align-left":"grid-module-GridCell--align-left-zURf7-4-20-0","GridCell--align-right":"grid-module-GridCell--align-right-nMKtX-4-20-0","GridCell--align-center":"grid-module-GridCell--align-center-dtOQN-4-20-0","GridCell--default":"grid-module-GridCell--default-7p5Cq-4-20-0","GridCell--metaList":"grid-module-GridCell--metaList-wNdz6-4-20-0","GridCell--statusHint":"grid-module-GridCell--statusHint-UyDMp-4-20-0","StatusHint":"grid-module-StatusHint-R1JrO-4-20-0","Text":"grid-module-Text-Fy3XX-4-20-0","GridCell--avatar":"grid-module-GridCell--avatar-fZFWf-4-20-0","Avatar":"grid-module-Avatar-3XZ0C-4-20-0","GridCell-metaListWrapper":"grid-module-GridCell-metaListWrapper-C5Xha-4-20-0","GridCell-metaList":"grid-module-GridCell-metaList-Eu-pj-4-20-0","GridCell-metaSeparator":"grid-module-GridCell-metaSeparator-B6hFq-4-20-0","GridCell-mark--default":"grid-module-GridCell-mark--default-pkKi7-4-20-0","GridCell-mark--metaList":"grid-module-GridCell-mark--metaList-MwAIW-4-20-0","Header":"grid-module-Header-8rhUu-4-20-0","Header-content":"grid-module-Header-content-0SgQi-4-20-0","Header-content--bottom":"grid-module-Header-content--bottom-bkVrG-4-20-0","Header-search":"grid-module-Header-search-4git6-4-20-0","Header-label":"grid-module-Header-label-B0-kh-4-20-0","Checkbox":"grid-module-Checkbox-ETqg7-4-20-0","Header-dropdown":"grid-module-Header-dropdown-xPNuH-4-20-0","Dropdown":"grid-module-Dropdown-Ev9FG-4-20-0","Header-draggableDropdown":"grid-module-Header-draggableDropdown-QkIiO-4-20-0","Dropdown-wrapper":"grid-module-Dropdown-wrapper-T1n1M-4-20-0","Header-filters":"grid-module-Header-filters-u0J3G-4-20-0","Header-sorting":"grid-module-Header-sorting-zOkI4-4-20-0","Header-actions":"grid-module-Header-actions-WHtHK-4-20-0","Header-global-actions":"grid-module-Header-global-actions-e6dK3-4-20-0","Grid-row--disabled":"grid-module-Grid-row--disabled-f0pzU-4-20-0","Grid-row":"grid-module-Grid-row-wBTps-4-20-0","Grid--resource":"grid-module-Grid--resource-Wwxtj-4-20-0","Grid-row--selected":"grid-module-Grid-row--selected-4THdv-4-20-0","Grid-row--activated":"grid-module-Grid-row--activated-nOoqM-4-20-0","Grid-cellWrapper--pinned":"grid-module-Grid-cellWrapper--pinned-0NirR-4-20-0","Grid-row--head":"grid-module-Grid-row--head-FUyUu-4-20-0","Grid-cellWrapper--pinned-left":"grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-20-0","Grid-cellWrapper--pinned-right":"grid-module-Grid-cellWrapper--pinned-right-72w51-4-20-0"};
|
|
2890
2915
|
styleInject$1(css_248z$17);
|
|
2891
2916
|
|
|
2892
2917
|
var Checkbox = /*#__PURE__*/React__namespace.forwardRef(function (props, forwardedRef) {
|
|
@@ -2910,7 +2935,8 @@
|
|
|
2910
2935
|
id = _k === void 0 ? name + "-" + label + "-" + uidGenerator() : _k,
|
|
2911
2936
|
labelRef = props.labelRef,
|
|
2912
2937
|
wrapLabel = props.wrapLabel,
|
|
2913
|
-
|
|
2938
|
+
ariaDescribedby = props["aria-describedby"],
|
|
2939
|
+
rest = __rest(props, ["size", "tabIndex", "defaultChecked", "indeterminate", "label", "error", "disabled", "onChange", "name", "value", "className", "checked", "helpText", "id", "labelRef", "wrapLabel", 'aria-describedby']);
|
|
2914
2940
|
var ref = React__namespace.useRef(null);
|
|
2915
2941
|
React__namespace.useImperativeHandle(forwardedRef, function () {
|
|
2916
2942
|
return ref.current;
|
|
@@ -2943,6 +2969,8 @@
|
|
|
2943
2969
|
if (onChange) onChange(e);
|
|
2944
2970
|
};
|
|
2945
2971
|
var IconMapper = classNames__default["default"]((_g = {}, _g['checked--regular'] = checked && size === 'regular', _g['checked--tiny'] = checked && size === 'tiny', _g['indeterminate--regular'] = indeterminate && size === 'regular', _g['indeterminate--tiny'] = indeterminate && size === 'tiny', _g));
|
|
2972
|
+
var helpTextId = helpText && helpText.trim() ? id + "-helptext" : undefined;
|
|
2973
|
+
var describedBy = [ariaDescribedby, helpTextId].filter(Boolean).join(' ') || undefined;
|
|
2946
2974
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", {
|
|
2947
2975
|
"data-test": "DesignSystem-Checkbox",
|
|
2948
2976
|
className: CheckboxClass
|
|
@@ -2961,7 +2989,10 @@
|
|
|
2961
2989
|
className: CheckboxInputWrapper,
|
|
2962
2990
|
tabIndex: tabIndex,
|
|
2963
2991
|
id: id,
|
|
2964
|
-
"data-test": "DesignSystem-Checkbox-InputBox"
|
|
2992
|
+
"data-test": "DesignSystem-Checkbox-InputBox",
|
|
2993
|
+
"aria-invalid": error || undefined,
|
|
2994
|
+
"aria-checked": indeterminate ? 'mixed' : undefined,
|
|
2995
|
+
"aria-describedby": describedBy
|
|
2965
2996
|
})), /*#__PURE__*/React__namespace.createElement("span", {
|
|
2966
2997
|
className: CheckboxWrapper,
|
|
2967
2998
|
"data-test": "DesignSystem-Checkbox-Icon"
|
|
@@ -2980,14 +3011,15 @@
|
|
|
2980
3011
|
ref: labelRef
|
|
2981
3012
|
}, label.trim()))), helpText && (/*#__PURE__*/React__namespace.createElement(Text, {
|
|
2982
3013
|
"data-test": "DesignSystem-Checkbox-HelpText",
|
|
3014
|
+
id: helpTextId,
|
|
2983
3015
|
size: "small",
|
|
2984
3016
|
appearance: disabled ? 'disabled' : 'subtle'
|
|
2985
3017
|
}, helpText.trim()))))));
|
|
2986
3018
|
});
|
|
2987
3019
|
Checkbox.displayName = 'Checkbox';
|
|
2988
3020
|
|
|
2989
|
-
var css_248z$16 = ".column-module-Row-LudWR-4-
|
|
2990
|
-
var rowStyles = {"Row":"column-module-Row-LudWR-4-
|
|
3021
|
+
var css_248z$16 = ".column-module-Row-LudWR-4-20-0 {\n display: flex;\n flex-wrap: wrap;\n flex: 1 100%;\n}\n\n.column-module-Col-BW4pl-4-20-0 {\n position: relative;\n box-sizing: border-box;\n flex: 1 0 0%;\n}\n\n.column-module-Col--auto-HnufQ-4-20-0 {\n flex: 0 0 auto;\n width: auto;\n}\n\n.column-module-Col--1-iSoXZ-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n}\n\n.column-module-Col--2-KR9Oj-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n}\n\n.column-module-Col--3-tRdfx-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n}\n\n.column-module-Col--4-SxYUZ-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n}\n\n.column-module-Col--5-Ghiks-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n}\n\n.column-module-Col--6-JO4qo-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n}\n\n.column-module-Col--7-SRnJx-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n}\n\n.column-module-Col--8-HBxc4-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n}\n\n.column-module-Col--9-eMJ9n-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n}\n\n.column-module-Col--10-VSo8k-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n}\n\n.column-module-Col--11-miljX-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n}\n\n.column-module-Col--12-9Obkj-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n}\n\n/* if the viewport is between 0 to 575 pixels wide. */\n\n@media (max-width: 575px) {\n .column-module-Col--xs-auto-oXQ2q-4-20-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xs-1-KvELd-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xs-2-OUGOZ-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xs-3-G55n8-4-20-0 {\n flex: 0 0 auto;\n }\n .column-module-Col--xs-4-PADe9-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xs-5-Ex4rw-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xs-6-fzX37-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xs-7-zWOG--4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xs-8-gngfO-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xs-9-b-r8L-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xs-10-umLd0-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xs-11-KvOKo-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xs-12-u1Ks8-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n }\n}\n\n/* if the viewport is between 576 and 767 pixels wide. */\n\n@media (min-width: 576px) and (max-width: 767px) {\n .column-module-Col--s-auto-rQS8S-4-20-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--s-1-BVL5j-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--s-2-9s29P-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--s-3-69Bdl-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--s-4-nE4kT-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--s-5-B72Pu-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--s-6-AdMSU-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--s-7-e656U-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--s-8-1EhC1-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--s-9-rpHj--4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--s-10-GVB2t-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--s-11-3WJSe-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--s-12-eFxie-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n }\n}\n\n/* if the viewport is between 768 and 991 pixels wide. */\n\n@media (min-width: 768px) and (max-width: 991px) {\n .column-module-Col--m-auto-DTvE1-4-20-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--m-1-T7-6r-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--m-2-UJZxe-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--m-3-jgXEy-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--m-4-86-dP-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--m-5-RxZc2-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--m-6-RwrEz-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--m-7-HuA0i-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--m-8-qKE7R-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--m-9--8vSy-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--m-10-aBQ1l-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--m-11-08F-U-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--m-12-gZ47F-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n }\n}\n\n/* if the viewport is between 992 and 1199 pixels wide. */\n\n@media (min-width: 992px) and (max-width: 1199px) {\n .column-module-Col--l-auto-SxR1p-4-20-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--l-1-aLREn-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--l-2-0mG-c-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--l-3--aWDx-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--l-4-GTf5q-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--l-5-5MGhB-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--l-6-DY6jT-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--l-7-Wyv6Z-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--l-8-30knO-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--l-9-H-ap--4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--l-10-wgJl4-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--l-11-4dOz3-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--l-12-xC5rs-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n }\n}\n\n/* if the viewport is 1200 pixels wide or wider. */\n\n@media (min-width: 1200px) {\n .column-module-Col--xl-auto-zH0n0-4-20-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xl-1-ZCRQR-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xl-2-5agyW-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xl-3-e5vjv-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--xl-4--aAZH-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xl-5-167j6-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xl-6-wXLZ--4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xl-7-QA116-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xl-8-Q22c5-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xl-9-bJrrK-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xl-10-IALsA-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xl-11-vrchj-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xl-12-6dUnj-4-20-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n }\n}\n";
|
|
3022
|
+
var rowStyles = {"Row":"column-module-Row-LudWR-4-20-0","Col":"column-module-Col-BW4pl-4-20-0","Col--auto":"column-module-Col--auto-HnufQ-4-20-0","Col--1":"column-module-Col--1-iSoXZ-4-20-0","Col--2":"column-module-Col--2-KR9Oj-4-20-0","Col--3":"column-module-Col--3-tRdfx-4-20-0","Col--4":"column-module-Col--4-SxYUZ-4-20-0","Col--5":"column-module-Col--5-Ghiks-4-20-0","Col--6":"column-module-Col--6-JO4qo-4-20-0","Col--7":"column-module-Col--7-SRnJx-4-20-0","Col--8":"column-module-Col--8-HBxc4-4-20-0","Col--9":"column-module-Col--9-eMJ9n-4-20-0","Col--10":"column-module-Col--10-VSo8k-4-20-0","Col--11":"column-module-Col--11-miljX-4-20-0","Col--12":"column-module-Col--12-9Obkj-4-20-0","Col--xs-auto":"column-module-Col--xs-auto-oXQ2q-4-20-0","Col--xs-1":"column-module-Col--xs-1-KvELd-4-20-0","Col--xs-2":"column-module-Col--xs-2-OUGOZ-4-20-0","Col--xs-3":"column-module-Col--xs-3-G55n8-4-20-0","Col--xs-4":"column-module-Col--xs-4-PADe9-4-20-0","Col--xs-5":"column-module-Col--xs-5-Ex4rw-4-20-0","Col--xs-6":"column-module-Col--xs-6-fzX37-4-20-0","Col--xs-7":"column-module-Col--xs-7-zWOG--4-20-0","Col--xs-8":"column-module-Col--xs-8-gngfO-4-20-0","Col--xs-9":"column-module-Col--xs-9-b-r8L-4-20-0","Col--xs-10":"column-module-Col--xs-10-umLd0-4-20-0","Col--xs-11":"column-module-Col--xs-11-KvOKo-4-20-0","Col--xs-12":"column-module-Col--xs-12-u1Ks8-4-20-0","Col--s-auto":"column-module-Col--s-auto-rQS8S-4-20-0","Col--s-1":"column-module-Col--s-1-BVL5j-4-20-0","Col--s-2":"column-module-Col--s-2-9s29P-4-20-0","Col--s-3":"column-module-Col--s-3-69Bdl-4-20-0","Col--s-4":"column-module-Col--s-4-nE4kT-4-20-0","Col--s-5":"column-module-Col--s-5-B72Pu-4-20-0","Col--s-6":"column-module-Col--s-6-AdMSU-4-20-0","Col--s-7":"column-module-Col--s-7-e656U-4-20-0","Col--s-8":"column-module-Col--s-8-1EhC1-4-20-0","Col--s-9":"column-module-Col--s-9-rpHj--4-20-0","Col--s-10":"column-module-Col--s-10-GVB2t-4-20-0","Col--s-11":"column-module-Col--s-11-3WJSe-4-20-0","Col--s-12":"column-module-Col--s-12-eFxie-4-20-0","Col--m-auto":"column-module-Col--m-auto-DTvE1-4-20-0","Col--m-1":"column-module-Col--m-1-T7-6r-4-20-0","Col--m-2":"column-module-Col--m-2-UJZxe-4-20-0","Col--m-3":"column-module-Col--m-3-jgXEy-4-20-0","Col--m-4":"column-module-Col--m-4-86-dP-4-20-0","Col--m-5":"column-module-Col--m-5-RxZc2-4-20-0","Col--m-6":"column-module-Col--m-6-RwrEz-4-20-0","Col--m-7":"column-module-Col--m-7-HuA0i-4-20-0","Col--m-8":"column-module-Col--m-8-qKE7R-4-20-0","Col--m-9":"column-module-Col--m-9--8vSy-4-20-0","Col--m-10":"column-module-Col--m-10-aBQ1l-4-20-0","Col--m-11":"column-module-Col--m-11-08F-U-4-20-0","Col--m-12":"column-module-Col--m-12-gZ47F-4-20-0","Col--l-auto":"column-module-Col--l-auto-SxR1p-4-20-0","Col--l-1":"column-module-Col--l-1-aLREn-4-20-0","Col--l-2":"column-module-Col--l-2-0mG-c-4-20-0","Col--l-3":"column-module-Col--l-3--aWDx-4-20-0","Col--l-4":"column-module-Col--l-4-GTf5q-4-20-0","Col--l-5":"column-module-Col--l-5-5MGhB-4-20-0","Col--l-6":"column-module-Col--l-6-DY6jT-4-20-0","Col--l-7":"column-module-Col--l-7-Wyv6Z-4-20-0","Col--l-8":"column-module-Col--l-8-30knO-4-20-0","Col--l-9":"column-module-Col--l-9-H-ap--4-20-0","Col--l-10":"column-module-Col--l-10-wgJl4-4-20-0","Col--l-11":"column-module-Col--l-11-4dOz3-4-20-0","Col--l-12":"column-module-Col--l-12-xC5rs-4-20-0","Col--xl-auto":"column-module-Col--xl-auto-zH0n0-4-20-0","Col--xl-1":"column-module-Col--xl-1-ZCRQR-4-20-0","Col--xl-2":"column-module-Col--xl-2-5agyW-4-20-0","Col--xl-3":"column-module-Col--xl-3-e5vjv-4-20-0","Col--xl-4":"column-module-Col--xl-4--aAZH-4-20-0","Col--xl-5":"column-module-Col--xl-5-167j6-4-20-0","Col--xl-6":"column-module-Col--xl-6-wXLZ--4-20-0","Col--xl-7":"column-module-Col--xl-7-QA116-4-20-0","Col--xl-8":"column-module-Col--xl-8-Q22c5-4-20-0","Col--xl-9":"column-module-Col--xl-9-bJrrK-4-20-0","Col--xl-10":"column-module-Col--xl-10-IALsA-4-20-0","Col--xl-11":"column-module-Col--xl-11-vrchj-4-20-0","Col--xl-12":"column-module-Col--xl-12-6dUnj-4-20-0"};
|
|
2991
3023
|
styleInject$1(css_248z$16);
|
|
2992
3024
|
|
|
2993
3025
|
var Column = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -4064,8 +4096,8 @@
|
|
|
4064
4096
|
return callback === undefined ? throttle(delay, atBegin, false) : throttle(delay, callback, atBegin !== false);
|
|
4065
4097
|
}
|
|
4066
4098
|
|
|
4067
|
-
var css_248z$15 = ".dropdownButton-module-DropdownButton-WEFAu-4-
|
|
4068
|
-
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-
|
|
4099
|
+
var css_248z$15 = ".dropdownButton-module-DropdownButton-WEFAu-4-20-0 {\n width: 100%;\n justify-content: space-between;\n padding-top: unset;\n padding-bottom: unset;\n background: var(--secondary-light);\n color: var(--text);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.dropdownButton-module-DropdownButton-wrapper--2rai-4-20-0 {\n width: 100%;\n display: flex;\n flex-direction: row;\n overflow: hidden;\n align-items: center;\n}\n\n.dropdownButton-module-DropdownButton-text-iFVYT-4-20-0 {\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.dropdownButton-module-DropdownButton--tiny-Itu7p-4-20-0 {\n height: var(--spacing-60);\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--regular--xsdh-4-20-0 {\n height: var(--spacing-80);\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-30);\n}\n\n.dropdownButton-module-DropdownButton--tinySquare-h9ZCv-4-20-0 {\n padding-left: var(--spacing-10);\n padding-right: var(--spacing-10);\n}\n\n.dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-20-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--placeholder-P-OZc-4-20-0 {\n color: var(--text-subtle);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-20-0:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-20-0:focus {\n background-color: var(--secondary-light);\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-20-0:active,\n.dropdownButton-module-DropdownButton--open-FO2da-4-20-0 {\n background-color: var(--secondary-dark) !important;\n color: var(--text) !important;\n animation-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n animation-duration: 120ms;\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-20-0:disabled {\n background: var(--secondary-lighter);\n color: var(--text-disabled);\n pointer-events: none;\n}\n\n.dropdownButton-module-DropdownButton--icon-lOUG2-4-20-0 {\n padding-left: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--error-WBIV1-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n";
|
|
4100
|
+
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-20-0","DropdownButton-wrapper":"dropdownButton-module-DropdownButton-wrapper--2rai-4-20-0","DropdownButton-text":"dropdownButton-module-DropdownButton-text-iFVYT-4-20-0","DropdownButton--tiny":"dropdownButton-module-DropdownButton--tiny-Itu7p-4-20-0","DropdownButton--regular":"dropdownButton-module-DropdownButton--regular--xsdh-4-20-0","DropdownButton--tinySquare":"dropdownButton-module-DropdownButton--tinySquare-h9ZCv-4-20-0","DropdownButton--regularSquare":"dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-20-0","DropdownButton--placeholder":"dropdownButton-module-DropdownButton--placeholder-P-OZc-4-20-0","DropdownButton--open":"dropdownButton-module-DropdownButton--open-FO2da-4-20-0","DropdownButton--icon":"dropdownButton-module-DropdownButton--icon-lOUG2-4-20-0","DropdownButton--error":"dropdownButton-module-DropdownButton--error-WBIV1-4-20-0"};
|
|
4069
4101
|
styleInject$1(css_248z$15);
|
|
4070
4102
|
|
|
4071
4103
|
var DropdownButton = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -4184,12 +4216,23 @@
|
|
|
4184
4216
|
dataTest = props.dataTest;
|
|
4185
4217
|
var label = optionData.label,
|
|
4186
4218
|
disabled = optionData.disabled;
|
|
4219
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
4220
|
+
if (disabled) return;
|
|
4221
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
4222
|
+
event.preventDefault();
|
|
4223
|
+
onClickHandler === null || onClickHandler === void 0 ? void 0 : onClickHandler(event);
|
|
4224
|
+
}
|
|
4225
|
+
};
|
|
4187
4226
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
4188
4227
|
className: className,
|
|
4189
4228
|
onClick: onClickHandler,
|
|
4229
|
+
onKeyDown: handleKeyDown,
|
|
4190
4230
|
onMouseEnter: onUpdateActiveOption,
|
|
4191
4231
|
"data-test": dataTest,
|
|
4192
|
-
"data-disabled": disabled
|
|
4232
|
+
"data-disabled": disabled,
|
|
4233
|
+
role: "button",
|
|
4234
|
+
tabIndex: disabled ? -1 : 0,
|
|
4235
|
+
"aria-disabled": disabled || undefined
|
|
4193
4236
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
4194
4237
|
className: dropdownStyles['Option-label']
|
|
4195
4238
|
}, /*#__PURE__*/React__namespace.createElement(Text, {
|
|
@@ -4211,12 +4254,23 @@
|
|
|
4211
4254
|
var subInfo = optionData.subInfo,
|
|
4212
4255
|
label = optionData.label,
|
|
4213
4256
|
disabled = optionData.disabled;
|
|
4257
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
4258
|
+
if (disabled) return;
|
|
4259
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
4260
|
+
event.preventDefault();
|
|
4261
|
+
onClickHandler === null || onClickHandler === void 0 ? void 0 : onClickHandler(event);
|
|
4262
|
+
}
|
|
4263
|
+
};
|
|
4214
4264
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
4215
4265
|
className: className,
|
|
4216
4266
|
onClick: onClickHandler,
|
|
4267
|
+
onKeyDown: handleKeyDown,
|
|
4217
4268
|
onMouseEnter: onUpdateActiveOption,
|
|
4218
4269
|
"data-test": dataTest,
|
|
4219
|
-
"data-disabled": disabled
|
|
4270
|
+
"data-disabled": disabled,
|
|
4271
|
+
role: "button",
|
|
4272
|
+
tabIndex: disabled ? -1 : 0,
|
|
4273
|
+
"aria-disabled": disabled || undefined
|
|
4220
4274
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
4221
4275
|
className: dropdownStyles['Option-label']
|
|
4222
4276
|
}, /*#__PURE__*/React__namespace.createElement(Text, {
|
|
@@ -4240,12 +4294,23 @@
|
|
|
4240
4294
|
iconType = optionData.iconType;
|
|
4241
4295
|
var OptionClass = classNames__default["default"]((_a = {}, _a["" + className] = true, _a[dropdownStyles['Option--icon']] = icon, _a));
|
|
4242
4296
|
var IconClass = classNames__default["default"]((_b = {}, _b[dropdownStyles['Option-icon']] = true, _b['mr-4'] = true, _b));
|
|
4297
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
4298
|
+
if (disabled) return;
|
|
4299
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
4300
|
+
event.preventDefault();
|
|
4301
|
+
onClickHandler === null || onClickHandler === void 0 ? void 0 : onClickHandler(event);
|
|
4302
|
+
}
|
|
4303
|
+
};
|
|
4243
4304
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
4244
4305
|
className: OptionClass,
|
|
4245
4306
|
onClick: onClickHandler,
|
|
4307
|
+
onKeyDown: handleKeyDown,
|
|
4246
4308
|
onMouseEnter: onUpdateActiveOption,
|
|
4247
4309
|
"data-test": dataTest,
|
|
4248
|
-
"data-disabled": disabled
|
|
4310
|
+
"data-disabled": disabled,
|
|
4311
|
+
role: "button",
|
|
4312
|
+
tabIndex: disabled ? -1 : 0,
|
|
4313
|
+
"aria-disabled": disabled || undefined
|
|
4249
4314
|
}, icon && /*#__PURE__*/React__namespace.createElement(Icon, {
|
|
4250
4315
|
className: IconClass,
|
|
4251
4316
|
"data-test": dataTest + "--Icon",
|
|
@@ -4276,12 +4341,23 @@
|
|
|
4276
4341
|
disabled = optionData.disabled;
|
|
4277
4342
|
var OptionClass = classNames__default["default"]((_a = {}, _a["" + className] = true, _a[dropdownStyles['Option--icon']] = icon, _a));
|
|
4278
4343
|
var IconClass = classNames__default["default"]((_b = {}, _b[dropdownStyles['Option-icon']] = true, _b['mr-4'] = true, _b));
|
|
4344
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
4345
|
+
if (disabled) return;
|
|
4346
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
4347
|
+
event.preventDefault();
|
|
4348
|
+
onClickHandler === null || onClickHandler === void 0 ? void 0 : onClickHandler(event);
|
|
4349
|
+
}
|
|
4350
|
+
};
|
|
4279
4351
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
4280
4352
|
className: OptionClass,
|
|
4281
4353
|
onClick: onClickHandler,
|
|
4354
|
+
onKeyDown: handleKeyDown,
|
|
4282
4355
|
onMouseEnter: onUpdateActiveOption,
|
|
4283
4356
|
"data-test": dataTest,
|
|
4284
|
-
"data-disabled": disabled
|
|
4357
|
+
"data-disabled": disabled,
|
|
4358
|
+
role: "button",
|
|
4359
|
+
tabIndex: disabled ? -1 : 0,
|
|
4360
|
+
"aria-disabled": disabled || undefined
|
|
4285
4361
|
}, icon && /*#__PURE__*/React__namespace.createElement(Icon, {
|
|
4286
4362
|
"data-test": dataTest + "--Icon",
|
|
4287
4363
|
className: IconClass,
|
|
@@ -4393,8 +4469,8 @@
|
|
|
4393
4469
|
});
|
|
4394
4470
|
};
|
|
4395
4471
|
|
|
4396
|
-
var css_248z$14 = "@keyframes placeholder-module-shimmer-Lxrg3-4-
|
|
4397
|
-
var styles$11 = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-
|
|
4472
|
+
var css_248z$14 = "@keyframes placeholder-module-shimmer-Lxrg3-4-20-0 {\n 0% {\n background-position: -500px 0;\n }\n 100% {\n background-position: 500px 0;\n }\n}\n\n.placeholder-module-Placeholder--animation-aMGNi-4-20-0 {\n border-radius: var(--border-radius-05);\n animation-duration: 1.5s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeholder-module-shimmer-Lxrg3-4-20-0;\n animation-timing-function: linear;\n background: var(--secondary-lightest);\n background: linear-gradient(\n to right,\n var(--secondary-lighter) 8%,\n var(--secondary-dark) 18%,\n var(--secondary-lighter) 33%\n );\n background-size: 1000px 104px;\n}\n\n.placeholder-module-Placeholder-vJUgz-4-20-0 {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n align-items: center;\n}\n\n.placeholder-module-Placeholder--withImage-yTlyC-4-20-0 {\n display: flex;\n justify-content: flex-start;\n}\n\n.placeholder-module-Placeholder-paragraph-6zgwj-4-20-0 {\n display: flex;\n flex-direction: column;\n flex: 1 0;\n}\n\n.placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-20-0 {\n margin-left: var(--spacing-20);\n}\n\n.placeholder-module-PlaceholderParagraph-02mKH-4-20-0 {\n display: flex;\n flex-grow: 1;\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-20-0 {\n display: flex;\n align-items: center;\n height: var(--font-height);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-small-hR-g8-4-20-0 {\n width: 33%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-20-0 {\n width: 66%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-20-0 {\n width: 100%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-20-0 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-20-0 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-20-0 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-20-0 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-20-0 {\n height: var(--font-height-l);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-20-0 {\n height: var(--font-height-xl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-20-0 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-20-0 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-20-0 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--xs-CZxRT-4-20-0 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--s-1TOed-4-20-0 {\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph--m-umPOe-4-20-0 {\n height: var(--font-size-m);\n}\n\n.placeholder-module-PlaceholderParagraph--l-5tvMH-4-20-0 {\n height: var(--font-size-l);\n}\n\n.placeholder-module-PlaceholderParagraph--xl-M63Dg-4-20-0 {\n height: var(--font-size-xl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-20-0 {\n height: var(--font-size-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-20-0 {\n height: var(--font-size-xxxl);\n}\n\n.placeholder-module-PlaceholderImage-tEdXI-4-20-0 {\n display: flex;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--small-IZcYq-4-20-0 {\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--medium-NA-GL-4-20-0 {\n width: 32px;\n height: 32px;\n}\n\n.placeholder-module-PlaceholderImage--large-z28GC-4-20-0 {\n width: 48px;\n height: 48px;\n}\n\n.placeholder-module-PlaceholderImage--round-IvhOF-4-20-0 {\n border-radius: var(--border-radius-full);\n}\n";
|
|
4473
|
+
var styles$11 = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-20-0","shimmer":"placeholder-module-shimmer-Lxrg3-4-20-0","Placeholder":"placeholder-module-Placeholder-vJUgz-4-20-0","Placeholder--withImage":"placeholder-module-Placeholder--withImage-yTlyC-4-20-0","Placeholder-paragraph":"placeholder-module-Placeholder-paragraph-6zgwj-4-20-0","Placeholder-paragraph--withImage":"placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-20-0","PlaceholderParagraph":"placeholder-module-PlaceholderParagraph-02mKH-4-20-0","PlaceholderParagraph-wrapper":"placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-20-0","PlaceholderParagraph-wrapper--length-small":"placeholder-module-PlaceholderParagraph-wrapper--length-small-hR-g8-4-20-0","PlaceholderParagraph-wrapper--length-medium":"placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-20-0","PlaceholderParagraph-wrapper--length-large":"placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-20-0","PlaceholderParagraph-wrapper--size-xxs":"placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-20-0","PlaceholderParagraph-wrapper--size-xs":"placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-20-0","PlaceholderParagraph-wrapper--size-s":"placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-20-0","PlaceholderParagraph-wrapper--size-m":"placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-20-0","PlaceholderParagraph-wrapper--size-l":"placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-20-0","PlaceholderParagraph-wrapper--size-xl":"placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-20-0","PlaceholderParagraph-wrapper--size-xxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-20-0","PlaceholderParagraph-wrapper--size-xxxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-20-0","PlaceholderParagraph--xxs":"placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-20-0","PlaceholderParagraph--xs":"placeholder-module-PlaceholderParagraph--xs-CZxRT-4-20-0","PlaceholderParagraph--s":"placeholder-module-PlaceholderParagraph--s-1TOed-4-20-0","PlaceholderParagraph--m":"placeholder-module-PlaceholderParagraph--m-umPOe-4-20-0","PlaceholderParagraph--l":"placeholder-module-PlaceholderParagraph--l-5tvMH-4-20-0","PlaceholderParagraph--xl":"placeholder-module-PlaceholderParagraph--xl-M63Dg-4-20-0","PlaceholderParagraph--xxl":"placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-20-0","PlaceholderParagraph--xxxl":"placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-20-0","PlaceholderImage":"placeholder-module-PlaceholderImage-tEdXI-4-20-0","PlaceholderImage--small":"placeholder-module-PlaceholderImage--small-IZcYq-4-20-0","PlaceholderImage--medium":"placeholder-module-PlaceholderImage--medium-NA-GL-4-20-0","PlaceholderImage--large":"placeholder-module-PlaceholderImage--large-z28GC-4-20-0","PlaceholderImage--round":"placeholder-module-PlaceholderImage--round-IvhOF-4-20-0"};
|
|
4398
4474
|
styleInject$1(css_248z$14);
|
|
4399
4475
|
|
|
4400
4476
|
var PlaceholderParagraph = function PlaceholderParagraph(props) {
|
|
@@ -5017,7 +5093,8 @@
|
|
|
5017
5093
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({}, baseProps, {
|
|
5018
5094
|
className: dropdownClass,
|
|
5019
5095
|
ref: triggerRef,
|
|
5020
|
-
onKeyDown: onkeydown
|
|
5096
|
+
onKeyDown: onkeydown,
|
|
5097
|
+
role: "presentation"
|
|
5021
5098
|
}), /*#__PURE__*/React__namespace.createElement(Popover$1, __assign$1({
|
|
5022
5099
|
onToggle: onToggleDropdown,
|
|
5023
5100
|
trigger: trigger,
|
|
@@ -5618,8 +5695,8 @@
|
|
|
5618
5695
|
return Dropdown;
|
|
5619
5696
|
}(React__namespace.Component);
|
|
5620
5697
|
|
|
5621
|
-
var css_248z$13 = "/* Flex component */\n.flex-module-Flex-zcDLv-4-
|
|
5622
|
-
var styles$10 = {"Flex":"flex-module-Flex-zcDLv-4-
|
|
5698
|
+
var css_248z$13 = "/* Flex component */\n.flex-module-Flex-zcDLv-4-20-0 {\n display: flex;\n}\n\n/* Direction variants */\n.flex-module-Flex--row-oJHr8-4-20-0 {\n flex-direction: row;\n}\n\n.flex-module-Flex--column-C3UQ2-4-20-0 {\n flex-direction: column;\n}\n\n.flex-module-Flex--rowReverse-Bilh8-4-20-0 {\n flex-direction: row-reverse;\n}\n\n.flex-module-Flex--columnReverse-mgG-Y-4-20-0 {\n flex-direction: column-reverse;\n}\n\n/* Justify content variants */\n.flex-module-Flex--justifyStart-gYZMn-4-20-0 {\n justify-content: flex-start;\n}\n\n.flex-module-Flex--justifyEnd-2jHF4-4-20-0 {\n justify-content: flex-end;\n}\n\n.flex-module-Flex--justifyCenter-cAi0h-4-20-0 {\n justify-content: center;\n}\n\n.flex-module-Flex--justifyBetween-QPAwb-4-20-0 {\n justify-content: space-between;\n}\n\n.flex-module-Flex--justifyAround-4mEpb-4-20-0 {\n justify-content: space-around;\n}\n\n.flex-module-Flex--justifyEvenly-hLJ-U-4-20-0 {\n justify-content: space-evenly;\n}\n\n/* Align items variants */\n.flex-module-Flex--alignStart-mbGzS-4-20-0 {\n align-items: flex-start;\n}\n\n.flex-module-Flex--alignEnd-Gvm6H-4-20-0 {\n align-items: flex-end;\n}\n\n.flex-module-Flex--alignCenter-0duDC-4-20-0 {\n align-items: center;\n}\n\n.flex-module-Flex--alignBaseline-f6tSl-4-20-0 {\n align-items: baseline;\n}\n\n.flex-module-Flex--alignStretch-HnLEh-4-20-0 {\n align-items: stretch;\n}\n\n/* Wrap variants */\n.flex-module-Flex--wrap-WhliA-4-20-0 {\n flex-wrap: wrap;\n}\n\n.flex-module-Flex--nowrap-2eXzJ-4-20-0 {\n flex-wrap: nowrap;\n}\n\n.flex-module-Flex--wrapReverse-ekLxU-4-20-0 {\n flex-wrap: wrap-reverse;\n}\n\n/* Gap variants */\n.flex-module-Flex--gap0-4XUg8-4-20-0 {\n gap: 0;\n}\n\n.flex-module-Flex--gap2-0K-5V-4-20-0 {\n gap: var(--spacing-05);\n}\n\n.flex-module-Flex--gap4-zDQWM-4-20-0 {\n gap: var(--spacing-10);\n}\n\n.flex-module-Flex--gap8-6xMEi-4-20-0 {\n gap: var(--spacing-20);\n}\n\n.flex-module-Flex--gap12-3NgKi-4-20-0 {\n gap: var(--spacing-30);\n}\n\n.flex-module-Flex--gap16-NCObj-4-20-0 {\n gap: var(--spacing-40);\n}\n\n.flex-module-Flex--gap24-D44Dr-4-20-0 {\n gap: var(--spacing-60);\n}\n\n.flex-module-Flex--gap32-s8Wwy-4-20-0 {\n gap: var(--spacing-80);\n}\n\n.flex-module-Flex--gap48-Fm1yU-4-20-0 {\n gap: var(--spacing-120);\n}\n";
|
|
5699
|
+
var styles$10 = {"Flex":"flex-module-Flex-zcDLv-4-20-0","Flex--row":"flex-module-Flex--row-oJHr8-4-20-0","Flex--column":"flex-module-Flex--column-C3UQ2-4-20-0","Flex--rowReverse":"flex-module-Flex--rowReverse-Bilh8-4-20-0","Flex--columnReverse":"flex-module-Flex--columnReverse-mgG-Y-4-20-0","Flex--justifyStart":"flex-module-Flex--justifyStart-gYZMn-4-20-0","Flex--justifyEnd":"flex-module-Flex--justifyEnd-2jHF4-4-20-0","Flex--justifyCenter":"flex-module-Flex--justifyCenter-cAi0h-4-20-0","Flex--justifyBetween":"flex-module-Flex--justifyBetween-QPAwb-4-20-0","Flex--justifyAround":"flex-module-Flex--justifyAround-4mEpb-4-20-0","Flex--justifyEvenly":"flex-module-Flex--justifyEvenly-hLJ-U-4-20-0","Flex--alignStart":"flex-module-Flex--alignStart-mbGzS-4-20-0","Flex--alignEnd":"flex-module-Flex--alignEnd-Gvm6H-4-20-0","Flex--alignCenter":"flex-module-Flex--alignCenter-0duDC-4-20-0","Flex--alignBaseline":"flex-module-Flex--alignBaseline-f6tSl-4-20-0","Flex--alignStretch":"flex-module-Flex--alignStretch-HnLEh-4-20-0","Flex--wrap":"flex-module-Flex--wrap-WhliA-4-20-0","Flex--nowrap":"flex-module-Flex--nowrap-2eXzJ-4-20-0","Flex--wrapReverse":"flex-module-Flex--wrapReverse-ekLxU-4-20-0","Flex--gap0":"flex-module-Flex--gap0-4XUg8-4-20-0","Flex--gap2":"flex-module-Flex--gap2-0K-5V-4-20-0","Flex--gap4":"flex-module-Flex--gap4-zDQWM-4-20-0","Flex--gap8":"flex-module-Flex--gap8-6xMEi-4-20-0","Flex--gap12":"flex-module-Flex--gap12-3NgKi-4-20-0","Flex--gap16":"flex-module-Flex--gap16-NCObj-4-20-0","Flex--gap24":"flex-module-Flex--gap24-D44Dr-4-20-0","Flex--gap32":"flex-module-Flex--gap32-s8Wwy-4-20-0","Flex--gap48":"flex-module-Flex--gap48-Fm1yU-4-20-0"};
|
|
5623
5700
|
styleInject$1(css_248z$13);
|
|
5624
5701
|
|
|
5625
5702
|
var spacingTokenMap$1 = {
|
|
@@ -5750,8 +5827,8 @@
|
|
|
5750
5827
|
wrap: 'nowrap'
|
|
5751
5828
|
};
|
|
5752
5829
|
|
|
5753
|
-
var css_248z$12 = "/* Heading */\n.heading-module-Heading-tmepg-4-
|
|
5754
|
-
var styles$$ = {"Heading":"heading-module-Heading-tmepg-4-
|
|
5830
|
+
var css_248z$12 = "/* Heading */\n.heading-module-Heading-tmepg-4-20-0 {\n margin: 0;\n}\n\n.heading-module-Heading--s-r3kT8-4-20-0 {\n font-weight: var(--font-weight-bold);\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.heading-module-Heading--m-KypUv-4-20-0 {\n font-weight: var(--font-weight-medium);\n font-size: var(--font-size-l);\n line-height: var(--font-height-l);\n}\n\n.heading-module-Heading--l-6irdW-4-20-0 {\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size-xl);\n line-height: var(--font-height-xl);\n}\n\n.heading-module-Heading--xl-XGjXU-4-20-0 {\n font-weight: var(--font-weight-medium);\n font-size: var(--font-size-xxl);\n line-height: var(--font-height-xxl);\n}\n\n.heading-module-Heading--xxl-eD434-4-20-0 {\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size-xxxl);\n line-height: var(--font-height-xxl);\n}\n\n.heading-module-Heading--default-3YJIX-4-20-0 {\n color: var(--text);\n}\n\n.heading-module-Heading--subtle-K3WJd-4-20-0 {\n color: var(--text-subtle);\n}\n\n.heading-module-Heading--disabled-dQRjW-4-20-0 {\n color: var(--text-disabled);\n}\n\n.heading-module-Heading--white-LK0i2-4-20-0 {\n color: var(--text-white);\n}\n";
|
|
5831
|
+
var styles$$ = {"Heading":"heading-module-Heading-tmepg-4-20-0","Heading--s":"heading-module-Heading--s-r3kT8-4-20-0","Heading--m":"heading-module-Heading--m-KypUv-4-20-0","Heading--l":"heading-module-Heading--l-6irdW-4-20-0","Heading--xl":"heading-module-Heading--xl-XGjXU-4-20-0","Heading--xxl":"heading-module-Heading--xxl-eD434-4-20-0","Heading--default":"heading-module-Heading--default-3YJIX-4-20-0","Heading--subtle":"heading-module-Heading--subtle-K3WJd-4-20-0","Heading--disabled":"heading-module-Heading--disabled-dQRjW-4-20-0","Heading--white":"heading-module-Heading--white-LK0i2-4-20-0"};
|
|
5755
5832
|
styleInject$1(css_248z$12);
|
|
5756
5833
|
|
|
5757
5834
|
var sizeMap = {
|
|
@@ -5782,8 +5859,8 @@
|
|
|
5782
5859
|
});
|
|
5783
5860
|
Heading.displayName = 'Heading';
|
|
5784
5861
|
|
|
5785
|
-
var css_248z$11 = ".actionButton-module-ActionButton-GMsQC-4-
|
|
5786
|
-
var styles$_ = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-
|
|
5862
|
+
var css_248z$11 = ".actionButton-module-ActionButton-GMsQC-4-20-0 {\n display: flex;\n flex-shrink: 0;\n overflow: hidden;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n cursor: pointer;\n color: var(--inverse-lighter);\n border-radius: var(--border-radius-full);\n padding: var(--spacing-05);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-20-0:focus-visible,\n.actionButton-module-ActionButton-GMsQC-4-20-0:focus {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-20-0:hover {\n background-color: var(--secondary);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-20-0:active {\n background-color: var(--secondary-dark);\n}\n";
|
|
5863
|
+
var styles$_ = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-20-0"};
|
|
5787
5864
|
styleInject$1(css_248z$11);
|
|
5788
5865
|
|
|
5789
5866
|
var ActionButton$1 = function ActionButton(props) {
|
|
@@ -5804,12 +5881,12 @@
|
|
|
5804
5881
|
type: 'rounded'
|
|
5805
5882
|
};
|
|
5806
5883
|
|
|
5807
|
-
var css_248z$10 = "/* input */\n\n.input-module-Input-input-eQ8b8-4-
|
|
5808
|
-
var styles$Z = {"Input-input":"input-module-Input-input-eQ8b8-4-
|
|
5884
|
+
var css_248z$10 = "/* input */\n\n.input-module-Input-input-eQ8b8-4-20-0::-ms-clear {\n display: none;\n}\n\n.input-module-Input-4ywvi-4-20-0 {\n display: flex;\n flex-grow: 1;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--border-radius-10);\n border: var(--border);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n background: var(--white);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.input-module-Input--tiny-NegXy-4-20-0 {\n height: var(--font-height-m);\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.input-module-Input--regular-YN-1C-4-20-0 {\n height: var(--font-height-l);\n padding-top: var(--spacing-15);\n padding-bottom: var(--spacing-15);\n}\n\n.input-module-Input--large-FqoAi-4-20-0 {\n height: 40px;\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.input-module-Input-4ywvi-4-20-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n cursor: text;\n}\n\n.input-module-Input-4ywvi-4-20-0:focus-within {\n background: var(--white);\n border-color: var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.input-module-Input-4ywvi-4-20-0:focus-within .input-module-Input-icon--left-F1r05-4-20-0 {\n color: var(--primary);\n}\n\n.input-module-Input--error-EGIUq-4-20-0:focus-within {\n border-color: var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.input-module-Input--error-EGIUq-4-20-0:focus-within .input-module-Input-icon--left-F1r05-4-20-0 {\n color: var(--alert);\n}\n\n.input-module-Input--disabled-IRtQk-4-20-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary-lighter);\n pointer-events: none;\n}\n\n.input-module-Input--readOnly-4IaEw-4-20-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.input-module-Input--disabled-IRtQk-4-20-0 .input-module-Input-icon--left-F1r05-4-20-0 {\n color: var(--inverse-lightest);\n}\n\n.input-module-Input--error-EGIUq-4-20-0,\n.input-module-Input--error-EGIUq-4-20-0:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.input-module-Input-input-eQ8b8-4-20-0 {\n display: flex;\n width: 100%;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--night);\n padding: 0;\n border: none;\n background: transparent;\n}\n\n.input-module-Input-input-eQ8b8-4-20-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-20-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-20-0:focus {\n outline: 0;\n}\n\n.input-module-Input-input-eQ8b8-4-20-0:disabled .input-module-Input-input-eQ8b8-4-20-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-20-0:disabled .input-module-Input-input-eQ8b8-4-20-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input--regular-2cMTS-4-20-0 {\n line-height: var(--font-height);\n}\n\n.input-module-Input-input--large-Ps2E1-4-20-0 {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.input-module-Input-input--tiny-qQEuS-4-20-0 {\n line-height: var(--font-height-s);\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n}\n\n.input-module-Input-icon-V1pYc-4-20-0 {\n display: flex;\n align-content: center;\n font-size: var(--font-size-m);\n}\n\n.input-module-Input-icon--left-F1r05-4-20-0 {\n margin-right: var(--spacing-20);\n color: var(--inverse);\n}\n\n.input-module-Input-icon--inputBlank-GkWyn-4-20-0 {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-icon--error-o9EcI-4-20-0 {\n color: var(--alert);\n}\n\n.input-module-Input-icon--right-A9G9E-4-20-0 {\n cursor: pointer;\n color: var(--inverse-lighter);\n border-radius: var(--border-radius-full);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-20-0:focus-visible .input-module-Input-icon--right-A9G9E-4-20-0 {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.input-module-Input-icon--right-A9G9E-4-20-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n border-radius: var(--border-radius-full);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-20-0:hover .input-module-Input-icon--right-A9G9E-4-20-0 {\n background-color: var(--secondary);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-20-0:active .input-module-Input-icon--right-A9G9E-4-20-0 {\n background-color: var(--secondary-dark);\n}\n\n.input-module-Input-inlineLabel-Sgbvs-4-20-0 {\n margin-right: var(--spacing-20);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-20-0:focus-visible {\n outline: none;\n}\n";
|
|
5885
|
+
var styles$Z = {"Input-input":"input-module-Input-input-eQ8b8-4-20-0","Input":"input-module-Input-4ywvi-4-20-0","Input--tiny":"input-module-Input--tiny-NegXy-4-20-0","Input--regular":"input-module-Input--regular-YN-1C-4-20-0","Input--large":"input-module-Input--large-FqoAi-4-20-0","Input-icon--left":"input-module-Input-icon--left-F1r05-4-20-0","Input--error":"input-module-Input--error-EGIUq-4-20-0","Input--disabled":"input-module-Input--disabled-IRtQk-4-20-0","Input--readOnly":"input-module-Input--readOnly-4IaEw-4-20-0","Input-input--regular":"input-module-Input-input--regular-2cMTS-4-20-0","Input-input--large":"input-module-Input-input--large-Ps2E1-4-20-0","Input-input--tiny":"input-module-Input-input--tiny-qQEuS-4-20-0","Input-icon":"input-module-Input-icon-V1pYc-4-20-0","Input-icon--inputBlank":"input-module-Input-icon--inputBlank-GkWyn-4-20-0","Input-icon--error":"input-module-Input-icon--error-o9EcI-4-20-0","Input-icon--right":"input-module-Input-icon--right-A9G9E-4-20-0","Input-iconWrapper--right":"input-module-Input-iconWrapper--right-HdKL--4-20-0","Input-inlineLabel":"input-module-Input-inlineLabel-Sgbvs-4-20-0"};
|
|
5809
5886
|
styleInject$1(css_248z$10);
|
|
5810
5887
|
|
|
5811
|
-
var css_248z$$ = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
5812
|
-
var styles$Y = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
5888
|
+
var css_248z$$ = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-20-0 {\n display: inline-flex;\n width: 40px;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-20-0 .verificationCodeInput-module-Input-input-IIOUQ-4-20-0 {\n text-align: center;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-20-0 .verificationCodeInput-module-Input-input-IIOUQ-4-20-0::-webkit-inner-spin-button,\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-20-0 .verificationCodeInput-module-Input-input-IIOUQ-4-20-0::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n";
|
|
5889
|
+
var styles$Y = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-20-0","Input-input":"verificationCodeInput-module-Input-input-IIOUQ-4-20-0"};
|
|
5813
5890
|
styleInject$1(css_248z$$);
|
|
5814
5891
|
|
|
5815
5892
|
var sizeMapping$2 = {
|
|
@@ -5953,12 +6030,12 @@
|
|
|
5953
6030
|
ActionButton: ActionButton$1
|
|
5954
6031
|
});
|
|
5955
6032
|
|
|
5956
|
-
var css_248z$_ = ".metricInput-module-MetricInput-input-F33lA-4-
|
|
5957
|
-
var styles$X = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-
|
|
6033
|
+
var css_248z$_ = ".metricInput-module-MetricInput-input-F33lA-4-20-0::-ms-clear {\n display: none;\n}\n\n.metricInput-module-MetricInput--0hzO-4-20-0 {\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--border-radius-10);\n border: var(--border);\n background: var(--white);\n overflow: hidden;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.metricInput-module-MetricInput--regular-qwE-W-4-20-0 {\n height: var(--spacing-80);\n padding-left: var(--spacing-30);\n}\n\n.metricInput-module-MetricInput--large-PHYvQ-4-20-0 {\n height: 40px;\n padding-left: var(--spacing-40);\n}\n\n.metricInput-module-MetricInput--small-73F16-4-20-0 {\n height: var(--spacing-60);\n padding-left: var(--spacing-20);\n}\n\n.metricInput-module-MetricInput--0hzO-4-20-0:hover {\n background: var(--secondary-lightest);\n cursor: text;\n}\n\n.metricInput-module-MetricInput--0hzO-4-20-0:focus-within {\n background: var(--white);\n border-color: var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.metricInput-module-MetricInput--0hzO-4-20-0:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-20-0 {\n color: var(--primary);\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-20-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary-light);\n pointer-events: none;\n}\n\n.metricInput-module-MetricInput--readOnly-fVSGN-4-20-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-20-0 .metricInput-module-MetricInput-icon-xUfPZ-4-20-0 {\n color: var(--inverse-lightest);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-20-0,\n.metricInput-module-MetricInput--error-FAM-w-4-20-0:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-20-0:focus-within {\n border-color: var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-20-0:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-20-0 {\n color: var(--alert);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-20-0 {\n display: flex;\n width: 100%;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--night);\n padding: 0;\n border: none;\n background: transparent;\n}\n\n.metricInput-module-MetricInput-input--large-Xn7eL-4-20-0 {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.metricInput-module-MetricInput-input--regular-lel2M-4-20-0 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.metricInput-module-MetricInput-input--small-U6Uw5-4-20-0 {\n line-height: var(--font-height-s);\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-20-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-20-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-20-0:focus {\n outline: 0;\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-20-0:disabled .metricInput-module-MetricInput-input-F33lA-4-20-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-20-0:disabled .metricInput-module-MetricInput-input-F33lA-4-20-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-icon--regular-QqKyP-4-20-0 {\n margin-right: var(--spacing-20);\n line-height: var(--font-height-s);\n}\n\n.metricInput-module-MetricInput-icon--large-oSw1r-4-20-0 {\n margin-right: var(--spacing-30);\n line-height: var(--font-height-m);\n}\n\n.metricInput-module-MetricInput-icon--small--U0nf-4-20-0 {\n margin-right: var(--spacing-10);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-20-0::-webkit-inner-spin-button,\n.metricInput-module-MetricInput-input-F33lA-4-20-0::-webkit-outer-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin: 0;\n}\n\n.metricInput-module-MetricInput-arrowIcons-z8PUu-4-20-0 {\n border-left: var(--border);\n box-sizing: border-box;\n border-radius: 0;\n background: transparent;\n display: flex;\n flex-direction: column;\n height: 100%;\n flex-shrink: 0;\n overflow: hidden;\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-20-0 {\n height: 50%;\n border: none;\n background: var(--secondary-light);\n color: var(--inverse);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n overflow: hidden;\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-20-0:hover {\n background: var(--secondary);\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-20-0:active {\n background: var(--secondary-dark);\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-20-0:focus {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.metricInput-module-MetricInput-arrowIcons--small-oUPeS-4-20-0,\n.metricInput-module-MetricInput-arrowIcons--regular-XXiBM-4-20-0 {\n width: 20px;\n}\n\n.metricInput-module-MetricInput-arrowIcons--large-Faphg-4-20-0 {\n width: var(--spacing-60);\n}\n";
|
|
6034
|
+
var styles$X = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-20-0","MetricInput":"metricInput-module-MetricInput--0hzO-4-20-0","MetricInput--regular":"metricInput-module-MetricInput--regular-qwE-W-4-20-0","MetricInput--large":"metricInput-module-MetricInput--large-PHYvQ-4-20-0","MetricInput--small":"metricInput-module-MetricInput--small-73F16-4-20-0","MetricInput-icon":"metricInput-module-MetricInput-icon-xUfPZ-4-20-0","MetricInput--disabled":"metricInput-module-MetricInput--disabled-41NDQ-4-20-0","MetricInput--readOnly":"metricInput-module-MetricInput--readOnly-fVSGN-4-20-0","MetricInput--error":"metricInput-module-MetricInput--error-FAM-w-4-20-0","MetricInput-input--large":"metricInput-module-MetricInput-input--large-Xn7eL-4-20-0","MetricInput-input--regular":"metricInput-module-MetricInput-input--regular-lel2M-4-20-0","MetricInput-input--small":"metricInput-module-MetricInput-input--small-U6Uw5-4-20-0","MetricInput-icon--regular":"metricInput-module-MetricInput-icon--regular-QqKyP-4-20-0","MetricInput-icon--large":"metricInput-module-MetricInput-icon--large-oSw1r-4-20-0","MetricInput-icon--small":"metricInput-module-MetricInput-icon--small--U0nf-4-20-0","MetricInput-arrowIcons":"metricInput-module-MetricInput-arrowIcons-z8PUu-4-20-0","MetricInput-arrowButton":"metricInput-module-MetricInput-arrowButton-ZHqEY-4-20-0","MetricInput-arrowIcons--small":"metricInput-module-MetricInput-arrowIcons--small-oUPeS-4-20-0","MetricInput-arrowIcons--regular":"metricInput-module-MetricInput-arrowIcons--regular-XXiBM-4-20-0","MetricInput-arrowIcons--large":"metricInput-module-MetricInput-arrowIcons--large-Faphg-4-20-0"};
|
|
5958
6035
|
styleInject$1(css_248z$_);
|
|
5959
6036
|
|
|
5960
|
-
var css_248z$Z = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-
|
|
5961
|
-
var styles$W = {"Pagination":"pagination-module-Pagination-DCmdy-4-
|
|
6037
|
+
var css_248z$Z = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-20-0 {\n display: flex;\n vertical-align: middle;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.pagination-module-Pagination-button-bEn7d-4-20-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.pagination-module-Pagination-buttonWrapper--hS-F-4-20-0 {\n display: flex;\n flex-direction: row;\n}\n\n.pagination-module-Pagination-pageIndex-bDTfx-4-20-0 {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-30);\n}\n\n.pagination-module-Pagination-MetricInput-SPkmy-4-20-0 {\n width: var(--spacing-120);\n margin-right: var(--spacing-20);\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.pagination-module-Pagination-MetricInput-SPkmy-4-20-0 .pagination-module-MetricInput-input-7icmp-4-20-0 {\n text-align: center;\n}\n.pagination-module-Pagination-MetricInput-SPkmy-4-20-0 .pagination-module-MetricInput-arrowIcons-6jLZm-4-20-0 {\n display: none;\n}\n\n@media (max-width: 575px) {\n .pagination-module-Pagination-pageIndex-bDTfx-4-20-0 {\n order: -1;\n flex-basis: 100%;\n }\n .pagination-module-Pagination-buttonWrapper--hS-F-4-20-0 {\n margin-top: var(--spacing-20);\n width: 50%;\n }\n .pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-20-0 {\n justify-content: flex-start;\n }\n .pagination-module-Pagination-buttonWrapper--previous--r33Z-4-20-0 {\n justify-content: flex-end;\n }\n}\n";
|
|
6038
|
+
var styles$W = {"Pagination":"pagination-module-Pagination-DCmdy-4-20-0","Pagination-button":"pagination-module-Pagination-button-bEn7d-4-20-0","Pagination-buttonWrapper":"pagination-module-Pagination-buttonWrapper--hS-F-4-20-0","Pagination-pageIndex":"pagination-module-Pagination-pageIndex-bDTfx-4-20-0","Pagination-MetricInput":"pagination-module-Pagination-MetricInput-SPkmy-4-20-0","MetricInput-input":"pagination-module-MetricInput-input-7icmp-4-20-0","MetricInput-arrowIcons":"pagination-module-MetricInput-arrowIcons-6jLZm-4-20-0","Pagination-buttonWrapper--next":"pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-20-0","Pagination-buttonWrapper--previous":"pagination-module-Pagination-buttonWrapper--previous--r33Z-4-20-0"};
|
|
5962
6039
|
styleInject$1(css_248z$Z);
|
|
5963
6040
|
|
|
5964
6041
|
var sizeMapping$1 = {
|
|
@@ -6453,8 +6530,8 @@
|
|
|
6453
6530
|
};
|
|
6454
6531
|
var X = InputMask;
|
|
6455
6532
|
|
|
6456
|
-
var css_248z$Y = "/* Label */\n.label-module-Label--OmlF-4-
|
|
6457
|
-
var styles$V = {"Label":"label-module-Label--OmlF-4-
|
|
6533
|
+
var css_248z$Y = "/* Label */\n.label-module-Label--OmlF-4-20-0 {\n display: inline-flex;\n}\n.label-module-Label--small-pPJnY-4-20-0 {\n font-size: var(--font-size-s);\n}\n\n.label-module-Label--withInput-RWqFC-4-20-0 {\n margin-bottom: var(--spacing-10);\n}\n\n.label-module-Label--optional-25o6w-4-20-0 {\n align-items: center;\n}\n\n.label-module-Label-text-SI451-4-20-0 {\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n word-break: break-word;\n}\n\n.label-module-Label-optionalText-BxJ0x-4-20-0 {\n line-height: var(--font-height-s);\n margin-left: var(--spacing-10);\n}\n\n.label-module-Label-optionalText--small-hQbks-4-20-0 {\n font-size: var(--font-size-s);\n}\n\n.label-module-Label--disabled-06XI--4-20-0 {\n color: var(--text-disabled);\n}\n\n.label-module-Label-requiredIndicator-4Cxyi-4-20-0 {\n height: var(--spacing-15);\n width: var(--spacing-15);\n border-radius: var(--border-radius-full);\n background: var(--alert);\n margin-left: var(--spacing-10);\n margin-bottom: var(--spacing-15);\n display: inline-flex;\n}\n";
|
|
6534
|
+
var styles$V = {"Label":"label-module-Label--OmlF-4-20-0","Label--small":"label-module-Label--small-pPJnY-4-20-0","Label--withInput":"label-module-Label--withInput-RWqFC-4-20-0","Label--optional":"label-module-Label--optional-25o6w-4-20-0","Label-text":"label-module-Label-text-SI451-4-20-0","Label-optionalText":"label-module-Label-optionalText-BxJ0x-4-20-0","Label-optionalText--small":"label-module-Label-optionalText--small-hQbks-4-20-0","Label--disabled":"label-module-Label--disabled-06XI--4-20-0","Label-requiredIndicator":"label-module-Label-requiredIndicator-4Cxyi-4-20-0"};
|
|
6458
6535
|
styleInject$1(css_248z$Y);
|
|
6459
6536
|
|
|
6460
6537
|
var Label = function Label(props) {
|
|
@@ -6480,6 +6557,7 @@
|
|
|
6480
6557
|
if (isRequired) {
|
|
6481
6558
|
return /*#__PURE__*/React__namespace.createElement("span", {
|
|
6482
6559
|
className: styles$V['Label-requiredIndicator'],
|
|
6560
|
+
"aria-label": "required",
|
|
6483
6561
|
"data-test": "DesignSystem-Label--RequiredIndicator"
|
|
6484
6562
|
});
|
|
6485
6563
|
}
|
|
@@ -6500,6 +6578,7 @@
|
|
|
6500
6578
|
name: "info",
|
|
6501
6579
|
size: 12,
|
|
6502
6580
|
appearance: "subtle",
|
|
6581
|
+
"aria-label": info,
|
|
6503
6582
|
className: "ml-3 cursor-pointer d-flex align-items-center"
|
|
6504
6583
|
}));
|
|
6505
6584
|
};
|
|
@@ -6515,8 +6594,8 @@
|
|
|
6515
6594
|
};
|
|
6516
6595
|
Label.displayName = 'Label';
|
|
6517
6596
|
|
|
6518
|
-
var css_248z$X = "/* Caption */\n.caption-module-Caption-x0-4O-4-
|
|
6519
|
-
var styles$U = {"Caption":"caption-module-Caption-x0-4O-4-
|
|
6597
|
+
var css_248z$X = "/* Caption */\n.caption-module-Caption-x0-4O-4-20-0 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.caption-module-Caption--withInput-USihh-4-20-0 {\n margin-top: var(--spacing-10);\n}\n\n.caption-module-Caption-icon-BVGQm-4-20-0 {\n display: flex;\n align-content: center;\n margin-right: var(--spacing-10);\n}\n\n.caption-module-Caption--hidden-C-EcV-4-20-0 {\n display: none;\n}\n";
|
|
6598
|
+
var styles$U = {"Caption":"caption-module-Caption-x0-4O-4-20-0","Caption--withInput":"caption-module-Caption--withInput-USihh-4-20-0","Caption-icon":"caption-module-Caption-icon-BVGQm-4-20-0","Caption--hidden":"caption-module-Caption--hidden-C-EcV-4-20-0"};
|
|
6520
6599
|
styleInject$1(css_248z$X);
|
|
6521
6600
|
|
|
6522
6601
|
var Caption = function Caption(props) {
|
|
@@ -6546,8 +6625,8 @@
|
|
|
6546
6625
|
};
|
|
6547
6626
|
Caption.displayName = 'Caption';
|
|
6548
6627
|
|
|
6549
|
-
var css_248z$W = ".legend-module-Legend--0IVR-4-
|
|
6550
|
-
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-
|
|
6628
|
+
var css_248z$W = ".legend-module-Legend--0IVR-4-20-0 {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.legend-module-Legend-icon-AAtts-4-20-0 {\n border-radius: var(--border-radius-05);\n margin-right: var(--spacing-20);\n}\n";
|
|
6629
|
+
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-20-0","Legend-icon":"legend-module-Legend-icon-AAtts-4-20-0"};
|
|
6551
6630
|
styleInject$1(css_248z$W);
|
|
6552
6631
|
|
|
6553
6632
|
var Legend = function Legend(props) {
|
|
@@ -6562,6 +6641,16 @@
|
|
|
6562
6641
|
_onClick = props.onClick,
|
|
6563
6642
|
className = props.className;
|
|
6564
6643
|
var baseProps = extractBaseProps(props);
|
|
6644
|
+
var isClickable = Boolean(_onClick);
|
|
6645
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
6646
|
+
if (!isClickable) {
|
|
6647
|
+
return;
|
|
6648
|
+
}
|
|
6649
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
6650
|
+
event.preventDefault();
|
|
6651
|
+
_onClick === null || _onClick === void 0 ? void 0 : _onClick(event);
|
|
6652
|
+
}
|
|
6653
|
+
};
|
|
6565
6654
|
var legendClass = classNames__default["default"]((_a = {}, _a[legendStyles['Legend']] = true, _a), className);
|
|
6566
6655
|
var styles = {
|
|
6567
6656
|
background: "var(--" + iconAppearance + ")",
|
|
@@ -6570,9 +6659,12 @@
|
|
|
6570
6659
|
};
|
|
6571
6660
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({}, baseProps, {
|
|
6572
6661
|
className: legendClass,
|
|
6662
|
+
role: isClickable ? 'button' : undefined,
|
|
6663
|
+
tabIndex: isClickable ? 0 : undefined,
|
|
6573
6664
|
onClick: function onClick(e) {
|
|
6574
6665
|
return _onClick && _onClick(e);
|
|
6575
6666
|
},
|
|
6667
|
+
onKeyDown: handleKeyDown,
|
|
6576
6668
|
onMouseEnter: function onMouseEnter(e) {
|
|
6577
6669
|
return _onMouseEnter && _onMouseEnter(e);
|
|
6578
6670
|
},
|
|
@@ -6601,6 +6693,12 @@
|
|
|
6601
6693
|
children = props.children;
|
|
6602
6694
|
var baseProps = extractBaseProps(props);
|
|
6603
6695
|
var EditableClass = classNames__default["default"]((_a = {}, _a['Editable'] = true, _a), className);
|
|
6696
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
6697
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
6698
|
+
event.preventDefault();
|
|
6699
|
+
onChange('edit');
|
|
6700
|
+
}
|
|
6701
|
+
};
|
|
6604
6702
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({
|
|
6605
6703
|
"data-test": "DesignSystem-Editable"
|
|
6606
6704
|
}, baseProps, {
|
|
@@ -6610,18 +6708,21 @@
|
|
|
6610
6708
|
onClick: function onClick() {
|
|
6611
6709
|
return onChange('edit');
|
|
6612
6710
|
},
|
|
6711
|
+
onKeyDown: handleKeyDown,
|
|
6613
6712
|
onMouseEnter: function onMouseEnter() {
|
|
6614
6713
|
return !editing && onChange('hover');
|
|
6615
6714
|
},
|
|
6616
6715
|
onMouseLeave: function onMouseLeave() {
|
|
6617
6716
|
return !editing && onChange('default');
|
|
6618
|
-
}
|
|
6717
|
+
},
|
|
6718
|
+
role: "button",
|
|
6719
|
+
tabIndex: 0
|
|
6619
6720
|
}, children));
|
|
6620
6721
|
};
|
|
6621
6722
|
Editable.displayName = 'Editable';
|
|
6622
6723
|
|
|
6623
|
-
var css_248z$V = ".editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
6624
|
-
var styles$T = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
6724
|
+
var css_248z$V = ".editableDropdown-module-EditableDropdown-8s4sE-4-20-0 {\n width: 100%;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-20-0 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n height: var(--spacing-80);\n padding-left: var(--spacing-30);\n}\n";
|
|
6725
|
+
var styles$T = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-20-0","EditableDropdown-default":"editableDropdown-module-EditableDropdown-default-YIYT0-4-20-0"};
|
|
6625
6726
|
styleInject$1(css_248z$V);
|
|
6626
6727
|
|
|
6627
6728
|
var EditableDropdown = function EditableDropdown(props) {
|
|
@@ -6700,8 +6801,8 @@
|
|
|
6700
6801
|
dropdownOptions: {}
|
|
6701
6802
|
};
|
|
6702
6803
|
|
|
6703
|
-
var css_248z$U = ".link-module-Link-MwjNx-4-
|
|
6704
|
-
var styles$S = {"Link":"link-module-Link-MwjNx-4-
|
|
6804
|
+
var css_248z$U = ".link-module-Link-MwjNx-4-20-0 {\n text-decoration: none;\n font-weight: var(--font-weight-medium);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n box-sizing: border-box;\n border-bottom: var(--border-width-2-5) solid transparent;\n}\n\n.link-module-Link-MwjNx-4-20-0:focus-visible {\n outline: none;\n}\n\n.link-module-Link--regular-hKQMh-4-20-0 {\n font-size: var(--font-size);\n height: var(--font-height);\n}\n\n.link-module-Link--tiny-5Wp1N-4-20-0 {\n font-size: var(--font-size-s);\n height: var(--font-height-s);\n line-height: var(--font-height-s);\n}\n\n.link-module-Link--default-dCI0C-4-20-0 {\n color: var(--text-link);\n}\n\n.link-module-Link--subtle-RjZLu-4-20-0 {\n color: var(--inverse-lighter);\n}\n\n.link-module-Link--default-dCI0C-4-20-0:hover {\n border-bottom: var(--border-width-2-5) solid var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.link-module-Link--subtle-RjZLu-4-20-0:hover {\n border-bottom: var(--border-width-2-5) solid var(--inverse-light);\n color: var(--inverse-light);\n}\n\n.link-module-Link--default-dCI0C-4-20-0:active {\n color: var(--primary-darker);\n border: none;\n}\n\n.link-module-Link--subtle-RjZLu-4-20-0:active {\n color: var(--inverse);\n border: none;\n}\n\n.link-module-Link--default-dCI0C-4-20-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n border-radius: var(--border-radius-10);\n}\n\n.link-module-Link--subtle-RjZLu-4-20-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n border-radius: var(--border-radius-10);\n}\n\n.link-module-Link--default-disabled-4AGTL-4-20-0 {\n color: var(--primary-lighter);\n pointer-events: none;\n}\n\n.link-module-Link--subtle-disabled-jeH3g-4-20-0 {\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n";
|
|
6805
|
+
var styles$S = {"Link":"link-module-Link-MwjNx-4-20-0","Link--regular":"link-module-Link--regular-hKQMh-4-20-0","Link--tiny":"link-module-Link--tiny-5Wp1N-4-20-0","Link--default":"link-module-Link--default-dCI0C-4-20-0","Link--subtle":"link-module-Link--subtle-RjZLu-4-20-0","Link--default-disabled":"link-module-Link--default-disabled-4AGTL-4-20-0","Link--subtle-disabled":"link-module-Link--subtle-disabled-jeH3g-4-20-0"};
|
|
6705
6806
|
styleInject$1(css_248z$U);
|
|
6706
6807
|
|
|
6707
6808
|
var Link = function Link(props) {
|
|
@@ -6717,7 +6818,8 @@
|
|
|
6717
6818
|
"data-test": "DesignSystem-Link",
|
|
6718
6819
|
className: classes,
|
|
6719
6820
|
componentType: "a",
|
|
6720
|
-
tabIndex: disabled ? -1 : 0
|
|
6821
|
+
tabIndex: disabled ? -1 : 0,
|
|
6822
|
+
"aria-disabled": disabled
|
|
6721
6823
|
}, rest), children);
|
|
6722
6824
|
};
|
|
6723
6825
|
Link.displayName = 'Link';
|
|
@@ -6727,8 +6829,8 @@
|
|
|
6727
6829
|
disabled: false
|
|
6728
6830
|
};
|
|
6729
6831
|
|
|
6730
|
-
var css_248z$T = ".message-module-Message-5m7p--4-
|
|
6731
|
-
var styles$R = {"Message":"message-module-Message-5m7p--4-
|
|
6832
|
+
var css_248z$T = ".message-module-Message-5m7p--4-20-0 {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n padding: var(--spacing-30) var(--spacing-60) var(--spacing-30) var(--spacing-40);\n border: var(--border-width-2-5) solid;\n width: 100%;\n border-radius: var(--border-radius-10);\n box-sizing: border-box;\n}\n\n.message-module-Message--small-AOGUY-4-20-0 {\n padding: var(--spacing-20);\n}\n\n.message-module-Message--alert-VltpF-4-20-0 {\n border-color: var(--alert);\n background-color: rgba(217, 55, 55, 0.04);\n}\n\n.message-module-Message--success-8AZFe-4-20-0 {\n border-color: var(--success);\n background-color: rgba(46, 168, 67, 0.04);\n}\n\n.message-module-Message--info-N9C6k-4-20-0 {\n border-color: var(--primary);\n background-color: rgba(0, 112, 221, 0.04);\n}\n\n.message-module-Message--warning-sPwHB-4-20-0 {\n border-color: var(--accent1);\n background-color: rgba(240, 125, 0, 0.04);\n}\n\n.message-module-Message-icon--regular-t4xyh-4-20-0 {\n margin-right: var(--spacing-40);\n padding-top: var(--spacing-05);\n}\n\n.message-module-Message-icon--small-mS-r9-4-20-0 {\n margin-right: var(--spacing-20);\n padding-top: var(--spacing-05) !important;\n}\n\n.message-module-Message-icon--withTitle-l6DPU-4-20-0 {\n padding-top: var(--spacing-10);\n}\n\n.message-module-Message-icon--warning-IglaC-4-20-0 {\n color: var(--accent1);\n}\n\n.message-module-Message-heading--regular-TF8fn-4-20-0 {\n margin-bottom: var(--spacing-10);\n}\n\n.message-module-Message-heading--small-f4Ij3-4-20-0 {\n font-size: var(--font-size);\n line-height: var(--font-height);\n margin-bottom: var(--spacing-05);\n}\n\n.message-module-Message-text--small-dsMhm-4-20-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.message-module-Message-heading--alert--cn2r-4-20-0,\n.message-module-Message-text--alert-a8T-5-4-20-0 {\n color: var(--alert-darker) !important;\n}\n\n.message-module-Message-heading--info--Uzim-4-20-0,\n.message-module-Message-text--info-94pB0-4-20-0 {\n color: var(--primary-darker) !important;\n}\n\n.message-module-Message-heading--success-qk8Ep-4-20-0,\n.message-module-Message-text--success-hlaXA-4-20-0 {\n color: var(--success-darker) !important;\n}\n\n.message-module-Message-heading--warning-OWfuJ-4-20-0,\n.message-module-Message-text--warning-tPSB8-4-20-0 {\n color: var(--accent1-darker) !important;\n}\n\n.message-module-Message-actions-5bFUf-4-20-0 {\n display: flex;\n align-items: center;\n}\n\n.message-module-Message-actions--regular-04ICc-4-20-0 {\n margin-top: var(--spacing-30);\n}\n\n.message-module-Message-actions--small-Hj3w0-4-20-0 {\n margin-top: var(--spacing-10);\n}\n";
|
|
6833
|
+
var styles$R = {"Message":"message-module-Message-5m7p--4-20-0","Message--small":"message-module-Message--small-AOGUY-4-20-0","Message--alert":"message-module-Message--alert-VltpF-4-20-0","Message--success":"message-module-Message--success-8AZFe-4-20-0","Message--info":"message-module-Message--info-N9C6k-4-20-0","Message--warning":"message-module-Message--warning-sPwHB-4-20-0","Message-icon--regular":"message-module-Message-icon--regular-t4xyh-4-20-0","Message-icon--small":"message-module-Message-icon--small-mS-r9-4-20-0","Message-icon--withTitle":"message-module-Message-icon--withTitle-l6DPU-4-20-0","Message-icon--warning":"message-module-Message-icon--warning-IglaC-4-20-0","Message-heading--regular":"message-module-Message-heading--regular-TF8fn-4-20-0","Message-heading--small":"message-module-Message-heading--small-f4Ij3-4-20-0","Message-text--small":"message-module-Message-text--small-dsMhm-4-20-0","Message-heading--alert":"message-module-Message-heading--alert--cn2r-4-20-0","Message-text--alert":"message-module-Message-text--alert-a8T-5-4-20-0","Message-heading--info":"message-module-Message-heading--info--Uzim-4-20-0","Message-text--info":"message-module-Message-text--info-94pB0-4-20-0","Message-heading--success":"message-module-Message-heading--success-qk8Ep-4-20-0","Message-text--success":"message-module-Message-text--success-hlaXA-4-20-0","Message-heading--warning":"message-module-Message-heading--warning-OWfuJ-4-20-0","Message-text--warning":"message-module-Message-text--warning-tPSB8-4-20-0","Message-actions":"message-module-Message-actions-5bFUf-4-20-0","Message-actions--regular":"message-module-Message-actions--regular-04ICc-4-20-0","Message-actions--small":"message-module-Message-actions--small-Hj3w0-4-20-0"};
|
|
6732
6834
|
styleInject$1(css_248z$T);
|
|
6733
6835
|
|
|
6734
6836
|
var IconMapping$2 = {
|
|
@@ -6768,11 +6870,13 @@
|
|
|
6768
6870
|
return null;
|
|
6769
6871
|
};
|
|
6770
6872
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({
|
|
6771
|
-
"data-test": "DesignSystem-Message"
|
|
6873
|
+
"data-test": "DesignSystem-Message",
|
|
6874
|
+
role: appearance === 'alert' || appearance === 'warning' ? 'alert' : 'status'
|
|
6772
6875
|
}, baseProps, {
|
|
6773
6876
|
className: MessageClass
|
|
6774
6877
|
}), /*#__PURE__*/React__namespace.createElement(Icon, {
|
|
6775
6878
|
"data-test": "DesignSystem-Message--Icon",
|
|
6879
|
+
"aria-hidden": "true",
|
|
6776
6880
|
name: IconMapping$2[appearance],
|
|
6777
6881
|
size: size === 'small' ? 14 : 16,
|
|
6778
6882
|
appearance: appearance,
|
|
@@ -6792,8 +6896,8 @@
|
|
|
6792
6896
|
description: ''
|
|
6793
6897
|
};
|
|
6794
6898
|
|
|
6795
|
-
var css_248z$S = ".metaList-module-Meta-dNPqh-4-
|
|
6796
|
-
var styles$Q = {"Meta":"metaList-module-Meta-dNPqh-4-
|
|
6899
|
+
var css_248z$S = ".metaList-module-Meta-dNPqh-4-20-0 {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: -moz-fit-content;\n width: fit-content;\n font-size: var(--font-size);\n}\n\n.metaList-module-MetaList-seperator-mjgNU-4-20-0 {\n margin-left: var(--spacing-20);\n}\n.metaList-module-MetaList-seperator--left-eKtN8-4-20-0 {\n margin-right: var(--spacing-10);\n}\n.metaList-module-Meta-icon-JwRHR-4-20-0 {\n padding-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n.metaList-module-MetaList-rB1dP-4-20-0 {\n display: flex;\n flex-direction: row;\n align-items: center;\n width: -moz-fit-content;\n width: fit-content;\n font-size: var(--font-size);\n}\n.metaList-module-MetaList-item-S2e6p-4-20-0 {\n margin: 0 var(--spacing-10);\n display: flex;\n flex-direction: row;\n align-items: center;\n width: -moz-fit-content;\n width: fit-content;\n font-size: var(--font-size);\n}\n\n.metaList-module-MetaList-item-S2e6p-4-20-0:first-child {\n margin-left: 0;\n}\n\n.metaList-module-MetaList-item-S2e6p-4-20-0:last-child {\n margin-right: 0;\n}\n";
|
|
6900
|
+
var styles$Q = {"Meta":"metaList-module-Meta-dNPqh-4-20-0","MetaList-seperator":"metaList-module-MetaList-seperator-mjgNU-4-20-0","MetaList-seperator--left":"metaList-module-MetaList-seperator--left-eKtN8-4-20-0","Meta-icon":"metaList-module-Meta-icon-JwRHR-4-20-0","MetaList":"metaList-module-MetaList-rB1dP-4-20-0","MetaList-item":"metaList-module-MetaList-item-S2e6p-4-20-0"};
|
|
6797
6901
|
styleInject$1(css_248z$S);
|
|
6798
6902
|
|
|
6799
6903
|
var Meta = function Meta(props) {
|
|
@@ -6870,8 +6974,8 @@
|
|
|
6870
6974
|
size: 'regular'
|
|
6871
6975
|
};
|
|
6872
6976
|
|
|
6873
|
-
var css_248z$R = "/* MdsGrid */\n.mdsGrid-module-MdsGrid-SsvW3-4-
|
|
6874
|
-
var styles$P = {"MdsGrid":"mdsGrid-module-MdsGrid-SsvW3-4-
|
|
6977
|
+
var css_248z$R = "/* MdsGrid */\n.mdsGrid-module-MdsGrid-SsvW3-4-20-0 {\n display: grid;\n box-sizing: border-box;\n width: 100%;\n}\n\n/* Gap variations */\n.mdsGrid-module-MdsGrid-gap--spacing-10-mM7LL-4-20-0 {\n gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-20-hF7Az-4-20-0 {\n gap: var(--spacing-20);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-30-9bsWk-4-20-0 {\n gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-40-1Zofh-4-20-0 {\n gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-60-NuzpU-4-20-0 {\n gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-80-rBc5a-4-20-0 {\n gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-120-MsDGS-4-20-0 {\n gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-160-NT7nM-4-20-0 {\n gap: var(--spacing-160);\n}\n\n/* Column gap variations */\n.mdsGrid-module-MdsGrid-columnGap--spacing-10-KEZs4-4-20-0 {\n -moz-column-gap: var(--spacing-10);\n column-gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-20-Z6HMd-4-20-0 {\n -moz-column-gap: var(--spacing-20);\n column-gap: var(--spacing-20);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-30-cIs-1-4-20-0 {\n -moz-column-gap: var(--spacing-30);\n column-gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-40-4KGum-4-20-0 {\n -moz-column-gap: var(--spacing-40);\n column-gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-60-Db1Bo-4-20-0 {\n -moz-column-gap: var(--spacing-60);\n column-gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-80-8dYNY-4-20-0 {\n -moz-column-gap: var(--spacing-80);\n column-gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-120-IiWsq-4-20-0 {\n -moz-column-gap: var(--spacing-120);\n column-gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-160-xLma--4-20-0 {\n -moz-column-gap: var(--spacing-160);\n column-gap: var(--spacing-160);\n}\n\n/* Row gap variations */\n.mdsGrid-module-MdsGrid-rowGap--spacing-10-n84Bk-4-20-0 {\n row-gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-20-HJszq-4-20-0 {\n row-gap: var(--spacing-20);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-30-vJ-5p-4-20-0 {\n row-gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-40-uKyUe-4-20-0 {\n row-gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-60-fl0Ia-4-20-0 {\n row-gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-80-vx3sD-4-20-0 {\n row-gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-120-s4V9U-4-20-0 {\n row-gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-160-EdiFo-4-20-0 {\n row-gap: var(--spacing-160);\n}\n\n/* Justify items variations */\n.mdsGrid-module-MdsGrid-justifyItems--start-eHRaj-4-20-0 {\n justify-items: start;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--end-edjoX-4-20-0 {\n justify-items: end;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--center-2X7nZ-4-20-0 {\n justify-items: center;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--stretch-kn94P-4-20-0 {\n justify-items: stretch;\n}\n\n/* Align items variations */\n.mdsGrid-module-MdsGrid-alignItems--start-2Do86-4-20-0 {\n align-items: start;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--end-waknT-4-20-0 {\n align-items: end;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--center-yx4U8-4-20-0 {\n align-items: center;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--stretch-Bqs-w-4-20-0 {\n align-items: stretch;\n}\n\n/* Auto flow variations */\n.mdsGrid-module-MdsGrid-autoFlow--row-hbgrw-4-20-0 {\n grid-auto-flow: row;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--column-rqFc3-4-20-0 {\n grid-auto-flow: column;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--row--dense-lbfql-4-20-0 {\n grid-auto-flow: row dense;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--column--dense-bJ3Pc-4-20-0 {\n grid-auto-flow: column dense;\n}\n\n/* Template columns variations */\n.mdsGrid-module-MdsGrid-templateColumns--repeat--1----1fr---LXjWZ-4-20-0 {\n grid-template-columns: repeat(1, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--2----1fr---Ib92--4-20-0 {\n grid-template-columns: repeat(2, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--3----1fr---kX-cN-4-20-0 {\n grid-template-columns: repeat(3, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--4----1fr---A8VSk-4-20-0 {\n grid-template-columns: repeat(4, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--12----1fr---vSCpW-4-20-0 {\n grid-template-columns: repeat(12, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--1fr--1fr--1fr-bvXnM-4-20-0 {\n grid-template-columns: 1fr 1fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--1fr--2fr-SG4cB-4-20-0 {\n grid-template-columns: 1fr 2fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--2fr--1fr-doRYF-4-20-0 {\n grid-template-columns: 2fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--2fr--1fr--1fr-PlTNP-4-20-0 {\n grid-template-columns: 2fr 1fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--200px--1fr--2fr-vKcqN-4-20-0 {\n grid-template-columns: 200px 1fr 2fr;\n}\n\n/* Template rows variations */\n.mdsGrid-module-MdsGrid-templateRows--auto--auto--auto-Xqtrn-4-20-0 {\n grid-template-rows: auto auto auto;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--100px--200px-3Vgry-4-20-0 {\n grid-template-rows: 100px 200px;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--1fr--2fr-Tix---4-20-0 {\n grid-template-rows: 1fr 2fr;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--auto--1fr-zwVSp-4-20-0 {\n grid-template-rows: auto 1fr;\n}\n\n/* MdsGridItem */\n.mdsGrid-module-MdsGridItem--FsIK-4-20-0 {\n box-sizing: border-box;\n}\n\n/* Justify self variations */\n.mdsGrid-module-MdsGridItem-justifySelf--start-CHjwa-4-20-0 {\n justify-self: start;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--end-rvVbS-4-20-0 {\n justify-self: end;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--center-vasFQ-4-20-0 {\n justify-self: center;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--stretch-YgtoO-4-20-0 {\n justify-self: stretch;\n}\n\n/* Align self variations */\n.mdsGrid-module-MdsGridItem-alignSelf--start-rz0Wg-4-20-0 {\n align-self: start;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--end-xtt0h-4-20-0 {\n align-self: end;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--center-T1fvd-4-20-0 {\n align-self: center;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--stretch-tYo2v-4-20-0 {\n align-self: stretch;\n}\n\n/* Column span variations */\n.mdsGrid-module-MdsGridItem-columnSpan--1--rcAl-4-20-0 {\n grid-column: span 1;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--2-ocHQu-4-20-0 {\n grid-column: span 2;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--3-lRLzj-4-20-0 {\n grid-column: span 3;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--4-PkE3H-4-20-0 {\n grid-column: span 4;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--5-bIRoL-4-20-0 {\n grid-column: span 5;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--6-LngYK-4-20-0 {\n grid-column: span 6;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--7-8D5lx-4-20-0 {\n grid-column: span 7;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--8-6cOqO-4-20-0 {\n grid-column: span 8;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--9-YvDY7-4-20-0 {\n grid-column: span 9;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--10-Jda-6-4-20-0 {\n grid-column: span 10;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--11-0sVRm-4-20-0 {\n grid-column: span 11;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--12-iYiVh-4-20-0 {\n grid-column: span 12;\n}\n\n/* Row span variations */\n.mdsGrid-module-MdsGridItem-rowSpan--1-UfSFY-4-20-0 {\n grid-row: span 1;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--2-RcCmm-4-20-0 {\n grid-row: span 2;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--3-2l-1t-4-20-0 {\n grid-row: span 3;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--4-w3b-k-4-20-0 {\n grid-row: span 4;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--5-xDjGB-4-20-0 {\n grid-row: span 5;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--6-COx1o-4-20-0 {\n grid-row: span 6;\n}\n\n/* Column start variations */\n.mdsGrid-module-MdsGridItem-columnStart--1-8Egf8-4-20-0 {\n grid-column-start: 1;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--2-F8nbf-4-20-0 {\n grid-column-start: 2;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--3-PlzEc-4-20-0 {\n grid-column-start: 3;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--4-8S4L--4-20-0 {\n grid-column-start: 4;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--5-Ew-g2-4-20-0 {\n grid-column-start: 5;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--6-oBVoo-4-20-0 {\n grid-column-start: 6;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--7-Cnb7p-4-20-0 {\n grid-column-start: 7;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--8-xjKMr-4-20-0 {\n grid-column-start: 8;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--9-L9-zC-4-20-0 {\n grid-column-start: 9;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--10-lJThd-4-20-0 {\n grid-column-start: 10;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--11-ORr-q-4-20-0 {\n grid-column-start: 11;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--12-QFwjD-4-20-0 {\n grid-column-start: 12;\n}\n\n/* Row start variations */\n.mdsGrid-module-MdsGridItem-rowStart--1-IKxiL-4-20-0 {\n grid-row-start: 1;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--2-yaQUd-4-20-0 {\n grid-row-start: 2;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--3-JCrYv-4-20-0 {\n grid-row-start: 3;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--4-uCJy3-4-20-0 {\n grid-row-start: 4;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--5-5qYoX-4-20-0 {\n grid-row-start: 5;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--6-OvU4E-4-20-0 {\n grid-row-start: 6;\n}\n";
|
|
6978
|
+
var styles$P = {"MdsGrid":"mdsGrid-module-MdsGrid-SsvW3-4-20-0","MdsGrid-gap--spacing-10":"mdsGrid-module-MdsGrid-gap--spacing-10-mM7LL-4-20-0","MdsGrid-gap--spacing-20":"mdsGrid-module-MdsGrid-gap--spacing-20-hF7Az-4-20-0","MdsGrid-gap--spacing-30":"mdsGrid-module-MdsGrid-gap--spacing-30-9bsWk-4-20-0","MdsGrid-gap--spacing-40":"mdsGrid-module-MdsGrid-gap--spacing-40-1Zofh-4-20-0","MdsGrid-gap--spacing-60":"mdsGrid-module-MdsGrid-gap--spacing-60-NuzpU-4-20-0","MdsGrid-gap--spacing-80":"mdsGrid-module-MdsGrid-gap--spacing-80-rBc5a-4-20-0","MdsGrid-gap--spacing-120":"mdsGrid-module-MdsGrid-gap--spacing-120-MsDGS-4-20-0","MdsGrid-gap--spacing-160":"mdsGrid-module-MdsGrid-gap--spacing-160-NT7nM-4-20-0","MdsGrid-columnGap--spacing-10":"mdsGrid-module-MdsGrid-columnGap--spacing-10-KEZs4-4-20-0","MdsGrid-columnGap--spacing-20":"mdsGrid-module-MdsGrid-columnGap--spacing-20-Z6HMd-4-20-0","MdsGrid-columnGap--spacing-30":"mdsGrid-module-MdsGrid-columnGap--spacing-30-cIs-1-4-20-0","MdsGrid-columnGap--spacing-40":"mdsGrid-module-MdsGrid-columnGap--spacing-40-4KGum-4-20-0","MdsGrid-columnGap--spacing-60":"mdsGrid-module-MdsGrid-columnGap--spacing-60-Db1Bo-4-20-0","MdsGrid-columnGap--spacing-80":"mdsGrid-module-MdsGrid-columnGap--spacing-80-8dYNY-4-20-0","MdsGrid-columnGap--spacing-120":"mdsGrid-module-MdsGrid-columnGap--spacing-120-IiWsq-4-20-0","MdsGrid-columnGap--spacing-160":"mdsGrid-module-MdsGrid-columnGap--spacing-160-xLma--4-20-0","MdsGrid-rowGap--spacing-10":"mdsGrid-module-MdsGrid-rowGap--spacing-10-n84Bk-4-20-0","MdsGrid-rowGap--spacing-20":"mdsGrid-module-MdsGrid-rowGap--spacing-20-HJszq-4-20-0","MdsGrid-rowGap--spacing-30":"mdsGrid-module-MdsGrid-rowGap--spacing-30-vJ-5p-4-20-0","MdsGrid-rowGap--spacing-40":"mdsGrid-module-MdsGrid-rowGap--spacing-40-uKyUe-4-20-0","MdsGrid-rowGap--spacing-60":"mdsGrid-module-MdsGrid-rowGap--spacing-60-fl0Ia-4-20-0","MdsGrid-rowGap--spacing-80":"mdsGrid-module-MdsGrid-rowGap--spacing-80-vx3sD-4-20-0","MdsGrid-rowGap--spacing-120":"mdsGrid-module-MdsGrid-rowGap--spacing-120-s4V9U-4-20-0","MdsGrid-rowGap--spacing-160":"mdsGrid-module-MdsGrid-rowGap--spacing-160-EdiFo-4-20-0","MdsGrid-justifyItems--start":"mdsGrid-module-MdsGrid-justifyItems--start-eHRaj-4-20-0","MdsGrid-justifyItems--end":"mdsGrid-module-MdsGrid-justifyItems--end-edjoX-4-20-0","MdsGrid-justifyItems--center":"mdsGrid-module-MdsGrid-justifyItems--center-2X7nZ-4-20-0","MdsGrid-justifyItems--stretch":"mdsGrid-module-MdsGrid-justifyItems--stretch-kn94P-4-20-0","MdsGrid-alignItems--start":"mdsGrid-module-MdsGrid-alignItems--start-2Do86-4-20-0","MdsGrid-alignItems--end":"mdsGrid-module-MdsGrid-alignItems--end-waknT-4-20-0","MdsGrid-alignItems--center":"mdsGrid-module-MdsGrid-alignItems--center-yx4U8-4-20-0","MdsGrid-alignItems--stretch":"mdsGrid-module-MdsGrid-alignItems--stretch-Bqs-w-4-20-0","MdsGrid-autoFlow--row":"mdsGrid-module-MdsGrid-autoFlow--row-hbgrw-4-20-0","MdsGrid-autoFlow--column":"mdsGrid-module-MdsGrid-autoFlow--column-rqFc3-4-20-0","MdsGrid-autoFlow--row dense":"mdsGrid-module-MdsGrid-autoFlow--row--dense-lbfql-4-20-0","MdsGrid-autoFlow--column dense":"mdsGrid-module-MdsGrid-autoFlow--column--dense-bJ3Pc-4-20-0","MdsGrid-templateColumns--repeat(1, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--1----1fr---LXjWZ-4-20-0","MdsGrid-templateColumns--repeat(2, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--2----1fr---Ib92--4-20-0","MdsGrid-templateColumns--repeat(3, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--3----1fr---kX-cN-4-20-0","MdsGrid-templateColumns--repeat(4, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--4----1fr---A8VSk-4-20-0","MdsGrid-templateColumns--repeat(12, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--12----1fr---vSCpW-4-20-0","MdsGrid-templateColumns--1fr 1fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--1fr--1fr--1fr-bvXnM-4-20-0","MdsGrid-templateColumns--1fr 2fr":"mdsGrid-module-MdsGrid-templateColumns--1fr--2fr-SG4cB-4-20-0","MdsGrid-templateColumns--2fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--2fr--1fr-doRYF-4-20-0","MdsGrid-templateColumns--2fr 1fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--2fr--1fr--1fr-PlTNP-4-20-0","MdsGrid-templateColumns--200px 1fr 2fr":"mdsGrid-module-MdsGrid-templateColumns--200px--1fr--2fr-vKcqN-4-20-0","MdsGrid-templateRows--auto auto auto":"mdsGrid-module-MdsGrid-templateRows--auto--auto--auto-Xqtrn-4-20-0","MdsGrid-templateRows--100px 200px":"mdsGrid-module-MdsGrid-templateRows--100px--200px-3Vgry-4-20-0","MdsGrid-templateRows--1fr 2fr":"mdsGrid-module-MdsGrid-templateRows--1fr--2fr-Tix---4-20-0","MdsGrid-templateRows--auto 1fr":"mdsGrid-module-MdsGrid-templateRows--auto--1fr-zwVSp-4-20-0","MdsGridItem":"mdsGrid-module-MdsGridItem--FsIK-4-20-0","MdsGridItem-justifySelf--start":"mdsGrid-module-MdsGridItem-justifySelf--start-CHjwa-4-20-0","MdsGridItem-justifySelf--end":"mdsGrid-module-MdsGridItem-justifySelf--end-rvVbS-4-20-0","MdsGridItem-justifySelf--center":"mdsGrid-module-MdsGridItem-justifySelf--center-vasFQ-4-20-0","MdsGridItem-justifySelf--stretch":"mdsGrid-module-MdsGridItem-justifySelf--stretch-YgtoO-4-20-0","MdsGridItem-alignSelf--start":"mdsGrid-module-MdsGridItem-alignSelf--start-rz0Wg-4-20-0","MdsGridItem-alignSelf--end":"mdsGrid-module-MdsGridItem-alignSelf--end-xtt0h-4-20-0","MdsGridItem-alignSelf--center":"mdsGrid-module-MdsGridItem-alignSelf--center-T1fvd-4-20-0","MdsGridItem-alignSelf--stretch":"mdsGrid-module-MdsGridItem-alignSelf--stretch-tYo2v-4-20-0","MdsGridItem-columnSpan--1":"mdsGrid-module-MdsGridItem-columnSpan--1--rcAl-4-20-0","MdsGridItem-columnSpan--2":"mdsGrid-module-MdsGridItem-columnSpan--2-ocHQu-4-20-0","MdsGridItem-columnSpan--3":"mdsGrid-module-MdsGridItem-columnSpan--3-lRLzj-4-20-0","MdsGridItem-columnSpan--4":"mdsGrid-module-MdsGridItem-columnSpan--4-PkE3H-4-20-0","MdsGridItem-columnSpan--5":"mdsGrid-module-MdsGridItem-columnSpan--5-bIRoL-4-20-0","MdsGridItem-columnSpan--6":"mdsGrid-module-MdsGridItem-columnSpan--6-LngYK-4-20-0","MdsGridItem-columnSpan--7":"mdsGrid-module-MdsGridItem-columnSpan--7-8D5lx-4-20-0","MdsGridItem-columnSpan--8":"mdsGrid-module-MdsGridItem-columnSpan--8-6cOqO-4-20-0","MdsGridItem-columnSpan--9":"mdsGrid-module-MdsGridItem-columnSpan--9-YvDY7-4-20-0","MdsGridItem-columnSpan--10":"mdsGrid-module-MdsGridItem-columnSpan--10-Jda-6-4-20-0","MdsGridItem-columnSpan--11":"mdsGrid-module-MdsGridItem-columnSpan--11-0sVRm-4-20-0","MdsGridItem-columnSpan--12":"mdsGrid-module-MdsGridItem-columnSpan--12-iYiVh-4-20-0","MdsGridItem-rowSpan--1":"mdsGrid-module-MdsGridItem-rowSpan--1-UfSFY-4-20-0","MdsGridItem-rowSpan--2":"mdsGrid-module-MdsGridItem-rowSpan--2-RcCmm-4-20-0","MdsGridItem-rowSpan--3":"mdsGrid-module-MdsGridItem-rowSpan--3-2l-1t-4-20-0","MdsGridItem-rowSpan--4":"mdsGrid-module-MdsGridItem-rowSpan--4-w3b-k-4-20-0","MdsGridItem-rowSpan--5":"mdsGrid-module-MdsGridItem-rowSpan--5-xDjGB-4-20-0","MdsGridItem-rowSpan--6":"mdsGrid-module-MdsGridItem-rowSpan--6-COx1o-4-20-0","MdsGridItem-columnStart--1":"mdsGrid-module-MdsGridItem-columnStart--1-8Egf8-4-20-0","MdsGridItem-columnStart--2":"mdsGrid-module-MdsGridItem-columnStart--2-F8nbf-4-20-0","MdsGridItem-columnStart--3":"mdsGrid-module-MdsGridItem-columnStart--3-PlzEc-4-20-0","MdsGridItem-columnStart--4":"mdsGrid-module-MdsGridItem-columnStart--4-8S4L--4-20-0","MdsGridItem-columnStart--5":"mdsGrid-module-MdsGridItem-columnStart--5-Ew-g2-4-20-0","MdsGridItem-columnStart--6":"mdsGrid-module-MdsGridItem-columnStart--6-oBVoo-4-20-0","MdsGridItem-columnStart--7":"mdsGrid-module-MdsGridItem-columnStart--7-Cnb7p-4-20-0","MdsGridItem-columnStart--8":"mdsGrid-module-MdsGridItem-columnStart--8-xjKMr-4-20-0","MdsGridItem-columnStart--9":"mdsGrid-module-MdsGridItem-columnStart--9-L9-zC-4-20-0","MdsGridItem-columnStart--10":"mdsGrid-module-MdsGridItem-columnStart--10-lJThd-4-20-0","MdsGridItem-columnStart--11":"mdsGrid-module-MdsGridItem-columnStart--11-ORr-q-4-20-0","MdsGridItem-columnStart--12":"mdsGrid-module-MdsGridItem-columnStart--12-QFwjD-4-20-0","MdsGridItem-rowStart--1":"mdsGrid-module-MdsGridItem-rowStart--1-IKxiL-4-20-0","MdsGridItem-rowStart--2":"mdsGrid-module-MdsGridItem-rowStart--2-yaQUd-4-20-0","MdsGridItem-rowStart--3":"mdsGrid-module-MdsGridItem-rowStart--3-JCrYv-4-20-0","MdsGridItem-rowStart--4":"mdsGrid-module-MdsGridItem-rowStart--4-uCJy3-4-20-0","MdsGridItem-rowStart--5":"mdsGrid-module-MdsGridItem-rowStart--5-5qYoX-4-20-0","MdsGridItem-rowStart--6":"mdsGrid-module-MdsGridItem-rowStart--6-OvU4E-4-20-0"};
|
|
6875
6979
|
styleInject$1(css_248z$R);
|
|
6876
6980
|
|
|
6877
6981
|
var GridItem = function GridItem(props) {
|
|
@@ -6983,7 +7087,9 @@
|
|
|
6983
7087
|
MdsGrid.GridItem = GridItem;
|
|
6984
7088
|
|
|
6985
7089
|
var ARROW_LEFT = 37;
|
|
7090
|
+
var ARROW_UP = 38;
|
|
6986
7091
|
var ARROW_RIGHT = 39;
|
|
7092
|
+
var ARROW_DOWN = 40;
|
|
6987
7093
|
|
|
6988
7094
|
var formatPercentage = function formatPercentage(ratio) {
|
|
6989
7095
|
return (ratio * 100).toFixed(2) + "%";
|
|
@@ -7038,12 +7144,12 @@
|
|
|
7038
7144
|
return element != null && element.type != null;
|
|
7039
7145
|
}
|
|
7040
7146
|
|
|
7041
|
-
var css_248z$Q = ".slider-module-Slider-6TikH-4-
|
|
7042
|
-
var styles$O = {"Slider":"slider-module-Slider-6TikH-4-
|
|
7147
|
+
var css_248z$Q = ".slider-module-Slider-6TikH-4-20-0 {\n width: 100%;\n}\n\n.slider-module-Slider-wrapper-WM2J6-4-20-0 {\n position: relative;\n outline: none;\n cursor: pointer;\n}\n\n.slider-module-Slider-wrapper--disabled-NHJzG-4-20-0 {\n cursor: not-allowed;\n}\n\n.slider-module-Slider-track-d76a8-4-20-0 {\n border-radius: var(--border-radius-10);\n height: var(--spacing-40);\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n\n.slider-module-Slider-progress-371yB-4-20-0 {\n background: var(--secondary-lighter);\n height: var(--spacing-05);\n box-sizing: border-box;\n border-radius: var(--border-radius-05);\n}\n\n.slider-module-Slider-progress--inRange-GkXBe-4-20-0 {\n background: var(--primary);\n}\n\n.slider-module-Slider-progress--inRangeDisabled-zUebN-4-20-0 {\n border: var(--border);\n}\n\n.slider-module-Slider-label-hbyPe-4-20-0 {\n margin-top: var(--spacing-10);\n transform: translate(-50%, 0px);\n display: flex;\n align-items: center;\n flex-direction: column;\n position: absolute;\n -webkit-user-select: none;\n user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n}\n\n.slider-module-Slider-ticks-J8lu0-4-20-0 {\n width: var(--spacing-05);\n height: var(--spacing-10);\n border-radius: var(--border-radius-2-5);\n background-color: var(--secondary-dark);\n}\n\n.slider-module-Slider-tooltip--visible-O3adL-4-20-0 {\n visibility: visible;\n}\n\n.slider-module-Slider-tooltip--hidden--RxsH-4-20-0 {\n visibility: hidden;\n}\n\n.slider-module-Slider-tooltip-GGohr-4-20-0 {\n position: absolute;\n color: var(--white);\n outline: none;\n bottom: calc(100% + 4px);\n transform: translateX(calc(-50% + 8px));\n}\n\n.slider-module-Slider-handle-WSP0Z-4-20-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n position: absolute;\n left: 0;\n top: 0;\n border-radius: var(--border-radius-full);\n background-color: var(--white);\n border: var(--border-width-05) solid var(--primary);\n box-shadow: var(--shadow-s);\n cursor: pointer;\n box-sizing: border-box;\n outline: none;\n display: flex;\n transition: border var(--duration--fast-01) var(--standard-productive-curve),\n background-color var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-20-0:hover {\n background-color: var(--primary-lightest);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-20-0:active {\n background-color: var(--primary);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-20-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.slider-module-Slider-handle--disabled-SdL-F-4-20-0 {\n pointer-events: none;\n background-color: var(--secondary-lighter);\n box-shadow: none;\n}\n\n.slider-module-Slider-handle--disabled-SdL-F-4-20-0:focus {\n box-shadow: none;\n}\n";
|
|
7148
|
+
var styles$O = {"Slider":"slider-module-Slider-6TikH-4-20-0","Slider-wrapper":"slider-module-Slider-wrapper-WM2J6-4-20-0","Slider-wrapper--disabled":"slider-module-Slider-wrapper--disabled-NHJzG-4-20-0","Slider-track":"slider-module-Slider-track-d76a8-4-20-0","Slider-progress":"slider-module-Slider-progress-371yB-4-20-0","Slider-progress--inRange":"slider-module-Slider-progress--inRange-GkXBe-4-20-0","Slider-progress--inRangeDisabled":"slider-module-Slider-progress--inRangeDisabled-zUebN-4-20-0","Slider-label":"slider-module-Slider-label-hbyPe-4-20-0","Slider-ticks":"slider-module-Slider-ticks-J8lu0-4-20-0","Slider-tooltip--visible":"slider-module-Slider-tooltip--visible-O3adL-4-20-0","Slider-tooltip--hidden":"slider-module-Slider-tooltip--hidden--RxsH-4-20-0","Slider-tooltip":"slider-module-Slider-tooltip-GGohr-4-20-0","Slider-handle":"slider-module-Slider-handle-WSP0Z-4-20-0","Slider-handle--disabled":"slider-module-Slider-handle--disabled-SdL-F-4-20-0"};
|
|
7043
7149
|
styleInject$1(css_248z$Q);
|
|
7044
7150
|
|
|
7045
|
-
var css_248z$P = ".tooltip-module-Tooltip-BzFZs-4-
|
|
7046
|
-
var styles$N = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-
|
|
7151
|
+
var css_248z$P = ".tooltip-module-Tooltip-BzFZs-4-20-0 {\n max-width: var(--spacing-640);\n padding: var(--spacing-10) var(--spacing-20);\n border-radius: var(--border-radius-10);\n z-index: 500;\n background: var(--inverse);\n overflow: hidden;\n box-sizing: border-box;\n transition: opacity 120ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\n\n.tooltip-module-Tooltip--small-WsdO5-4-20-0 {\n line-height: var(--font-height-s);\n}\n\n.tooltip-module-Tooltip-text-tDwJG-4-20-0 {\n word-break: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n\n@keyframes tooltip-module-tooltip-open-top-VGviE-4-20-0 {\n from {\n top: 0px;\n opacity: 0;\n }\n to {\n top: -4px;\n opacity: 1;\n }\n}\n@keyframes tooltip-module-tooltip-close-top-xSYx8-4-20-0 {\n from {\n top: -4px;\n opacity: 1;\n }\n to {\n top: 0px;\n opacity: 0;\n }\n}\n\n.tooltip-module-Tooltip-animation-open-top-D0Bht-4-20-0 {\n animation: tooltip-module-tooltip-open-top-VGviE-4-20-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-top-p--Cg-4-20-0 {\n animation: tooltip-module-tooltip-close-top-xSYx8-4-20-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n@keyframes tooltip-module-tooltip-open-bottom-aJGl9-4-20-0 {\n from {\n top: -4px;\n opacity: 0;\n }\n to {\n top: 0px;\n opacity: 1;\n }\n}\n@keyframes tooltip-module-tooltip-close-bottom-eYZve-4-20-0 {\n from {\n top: 0px;\n opacity: 1;\n }\n to {\n top: -4px;\n opacity: 0;\n }\n}\n\n.tooltip-module-Tooltip-animation-open-bottom-WKD5b-4-20-0 {\n animation: tooltip-module-tooltip-open-bottom-aJGl9-4-20-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-20-0 {\n animation: tooltip-module-tooltip-close-bottom-eYZve-4-20-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-left-s3-1K-4-20-0 {\n from {\n left: 1px;\n opacity: 0;\n }\n to {\n left: -3px;\n opacity: 1;\n }\n}\n@keyframes tooltip-module-tooltip-close-left-yNuIX-4-20-0 {\n from {\n left: -3px;\n opacity: 1;\n }\n to {\n left: 1px;\n opacity: 0;\n }\n}\n\n.tooltip-module-Tooltip-animation-open-left-cZNy6-4-20-0 {\n animation: tooltip-module-tooltip-open-left-s3-1K-4-20-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-left-vH8jz-4-20-0 {\n animation: tooltip-module-tooltip-close-left-yNuIX-4-20-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-right-Ia-cr-4-20-0 {\n from {\n left: -3px;\n opacity: 0;\n }\n to {\n left: 1px;\n opacity: 1;\n }\n}\n@keyframes tooltip-module-tooltip-close-right-yOe2m-4-20-0 {\n from {\n left: 1px;\n opacity: 1;\n }\n to {\n left: -3px;\n opacity: 0;\n }\n}\n\n.tooltip-module-Tooltip-animation-open-right-PzfHz-4-20-0 {\n animation: tooltip-module-tooltip-open-right-Ia-cr-4-20-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-right-KMa4x-4-20-0 {\n animation: tooltip-module-tooltip-close-right-yOe2m-4-20-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.tooltip-module-Tooltip-container-iDy8C-4-20-0 {\n transition-delay: 400ms;\n animation-delay: 400ms;\n}\n";
|
|
7152
|
+
var styles$N = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-20-0","Tooltip--small":"tooltip-module-Tooltip--small-WsdO5-4-20-0","Tooltip-text":"tooltip-module-Tooltip-text-tDwJG-4-20-0","Tooltip-animation-open-top":"tooltip-module-Tooltip-animation-open-top-D0Bht-4-20-0","tooltip-open-top":"tooltip-module-tooltip-open-top-VGviE-4-20-0","Tooltip-animation-close-top":"tooltip-module-Tooltip-animation-close-top-p--Cg-4-20-0","tooltip-close-top":"tooltip-module-tooltip-close-top-xSYx8-4-20-0","Tooltip-animation-open-bottom":"tooltip-module-Tooltip-animation-open-bottom-WKD5b-4-20-0","tooltip-open-bottom":"tooltip-module-tooltip-open-bottom-aJGl9-4-20-0","Tooltip-animation-close-bottom":"tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-20-0","tooltip-close-bottom":"tooltip-module-tooltip-close-bottom-eYZve-4-20-0","Tooltip-animation-open-left":"tooltip-module-Tooltip-animation-open-left-cZNy6-4-20-0","tooltip-open-left":"tooltip-module-tooltip-open-left-s3-1K-4-20-0","Tooltip-animation-close-left":"tooltip-module-Tooltip-animation-close-left-vH8jz-4-20-0","tooltip-close-left":"tooltip-module-tooltip-close-left-yNuIX-4-20-0","Tooltip-animation-open-right":"tooltip-module-Tooltip-animation-open-right-PzfHz-4-20-0","tooltip-open-right":"tooltip-module-tooltip-open-right-Ia-cr-4-20-0","Tooltip-animation-close-right":"tooltip-module-Tooltip-animation-close-right-KMa4x-4-20-0","tooltip-close-right":"tooltip-module-tooltip-close-right-yOe2m-4-20-0","Tooltip-container":"tooltip-module-Tooltip-container-iDy8C-4-20-0"};
|
|
7047
7153
|
styleInject$1(css_248z$P);
|
|
7048
7154
|
|
|
7049
7155
|
var Handle = function (_super) {
|
|
@@ -7125,17 +7231,17 @@
|
|
|
7125
7231
|
stepSize = _a.stepSize,
|
|
7126
7232
|
value = _a.value;
|
|
7127
7233
|
var keyCode = event.keyCode;
|
|
7128
|
-
if (keyCode === ARROW_LEFT) {
|
|
7234
|
+
if (keyCode === ARROW_LEFT || keyCode === ARROW_DOWN) {
|
|
7129
7235
|
_this.changeValue(value - stepSize);
|
|
7130
7236
|
event.preventDefault();
|
|
7131
|
-
} else if (keyCode === ARROW_RIGHT) {
|
|
7237
|
+
} else if (keyCode === ARROW_RIGHT || keyCode === ARROW_UP) {
|
|
7132
7238
|
_this.changeValue(value + stepSize);
|
|
7133
7239
|
event.preventDefault();
|
|
7134
7240
|
}
|
|
7135
7241
|
};
|
|
7136
7242
|
_this.handleKeyUp = function (event) {
|
|
7137
7243
|
if (_this.props.disabled) return;
|
|
7138
|
-
if ([ARROW_LEFT, ARROW_RIGHT].indexOf(event.keyCode) >= 0) {
|
|
7244
|
+
if ([ARROW_LEFT, ARROW_RIGHT, ARROW_UP, ARROW_DOWN].indexOf(event.keyCode) >= 0) {
|
|
7139
7245
|
var onRelease = _this.props.onRelease;
|
|
7140
7246
|
if (onRelease) onRelease(_this.props.value);
|
|
7141
7247
|
}
|
|
@@ -7206,14 +7312,22 @@
|
|
|
7206
7312
|
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", {
|
|
7207
7313
|
className: className,
|
|
7208
7314
|
onMouseOver: this.handleMouseOver,
|
|
7315
|
+
onFocus: this.handleMouseOver,
|
|
7209
7316
|
onMouseLeave: this.handleMouseLeave,
|
|
7317
|
+
onBlur: this.handleMouseLeave,
|
|
7210
7318
|
onMouseDown: this.beginHandleMovement,
|
|
7211
7319
|
onKeyDown: this.handleKeyDown,
|
|
7212
7320
|
onKeyUp: this.handleKeyUp,
|
|
7213
7321
|
ref: this.refHandlers.handle,
|
|
7214
7322
|
style: style,
|
|
7215
|
-
tabIndex: 0,
|
|
7216
|
-
"data-test": "DesignSystem-MultiSlider-Handle"
|
|
7323
|
+
tabIndex: disabled ? -1 : 0,
|
|
7324
|
+
"data-test": "DesignSystem-MultiSlider-Handle",
|
|
7325
|
+
role: "slider",
|
|
7326
|
+
"aria-valuemin": this.props.min,
|
|
7327
|
+
"aria-valuemax": this.props.max,
|
|
7328
|
+
"aria-valuenow": value,
|
|
7329
|
+
"aria-valuetext": label,
|
|
7330
|
+
"aria-disabled": disabled || undefined
|
|
7217
7331
|
}), /*#__PURE__*/React__namespace.createElement("div", {
|
|
7218
7332
|
className: TooltipClass,
|
|
7219
7333
|
style: style
|
|
@@ -7421,14 +7535,26 @@
|
|
|
7421
7535
|
var SliderTicksClass = classNames__default["default"]((_a = {}, _a[styles$O['Slider-ticks']] = true, _a['bg-dark'] = active, _a));
|
|
7422
7536
|
labels.push(/*#__PURE__*/React__namespace.createElement("div", {
|
|
7423
7537
|
onClick: onClickHandler,
|
|
7538
|
+
onKeyDown: function onKeyDown(event) {
|
|
7539
|
+
if (!_this.props.disabled && (event.key === 'Enter' || event.key === ' ')) {
|
|
7540
|
+
event.preventDefault();
|
|
7541
|
+
onClickHandler(event);
|
|
7542
|
+
}
|
|
7543
|
+
},
|
|
7424
7544
|
className: styles$O['Slider-label'],
|
|
7425
7545
|
key: i,
|
|
7426
7546
|
style: style,
|
|
7427
7547
|
onMouseOver: function onMouseOver() {
|
|
7428
7548
|
return _this.handleLabelMouseOver(i);
|
|
7429
7549
|
},
|
|
7550
|
+
onFocus: function onFocus() {
|
|
7551
|
+
return _this.handleLabelMouseOver(i);
|
|
7552
|
+
},
|
|
7430
7553
|
onMouseLeave: _this.handleLabelMouseLeave,
|
|
7431
|
-
|
|
7554
|
+
onBlur: _this.handleLabelMouseLeave,
|
|
7555
|
+
"data-test": "DesignSystem-MultiSlider-Label",
|
|
7556
|
+
role: "button",
|
|
7557
|
+
"aria-disabled": disabled || undefined
|
|
7432
7558
|
}, /*#__PURE__*/React__namespace.createElement("span", {
|
|
7433
7559
|
className: SliderTicksClass
|
|
7434
7560
|
}), labelRenderer !== false && (/*#__PURE__*/React__namespace.createElement(Text, {
|
|
@@ -7542,7 +7668,15 @@
|
|
|
7542
7668
|
return _this.trackElement = _ref;
|
|
7543
7669
|
},
|
|
7544
7670
|
onMouseDown: this.maybeHandleTrackClick,
|
|
7545
|
-
|
|
7671
|
+
onKeyDown: function onKeyDown(event) {
|
|
7672
|
+
if (!_this.props.disabled && (event.key === 'Enter' || event.key === ' ')) {
|
|
7673
|
+
event.preventDefault();
|
|
7674
|
+
_this.maybeHandleTrackClick(event);
|
|
7675
|
+
}
|
|
7676
|
+
},
|
|
7677
|
+
"data-test": "DesignSystem-MultiSlider-Slider-Track",
|
|
7678
|
+
role: "button",
|
|
7679
|
+
"aria-disabled": this.props.disabled || undefined
|
|
7546
7680
|
}, this.renderTracks()), /*#__PURE__*/React__namespace.createElement("div", {
|
|
7547
7681
|
className: styles$O['Slider-axis']
|
|
7548
7682
|
}, this.renderLabels()), this.renderHandles()));
|
|
@@ -7612,8 +7746,8 @@
|
|
|
7612
7746
|
appearance: 'default'
|
|
7613
7747
|
};
|
|
7614
7748
|
|
|
7615
|
-
var css_248z$O = ".progressBar-module-ProgressBar-I9SrG-4-
|
|
7616
|
-
var styles$M = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-
|
|
7749
|
+
var css_248z$O = ".progressBar-module-ProgressBar-I9SrG-4-20-0 {\n width: 100%;\n border-radius: var(--border-radius-10);\n background: var(--secondary-lighter);\n}\n\n.progressBar-module-ProgressBar-indicator-Wk5Cj-4-20-0 {\n background-color: var(--primary);\n border-radius: var(--border-radius-10);\n transition: var(--duration--slow-01) var(--standard-expressive-curve);\n height: 100%;\n}\n\n.progressBar-module-ProgressBar-indicator--small-3qwXo-4-20-0 {\n height: var(--spacing-10);\n}\n\n.progressBar-module-ProgressBar-indicator--regular-XWwir-4-20-0 {\n height: var(--spacing-20);\n}\n\n.progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-20-0 {\n background-color: var(--primary);\n border-radius: var(--border-radius-10);\n position: absolute;\n bottom: 0;\n top: 0;\n width: 32%;\n animation: progressBar-module-indeterminate-progress-bar-WrhBP-4-20-0 1.4s infinite linear;\n}\n\n@keyframes progressBar-module-indeterminate-progress-bar-WrhBP-4-20-0 {\n from {\n left: -32%;\n }\n to {\n left: 100%;\n }\n}\n";
|
|
7750
|
+
var styles$M = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-20-0","ProgressBar-indicator":"progressBar-module-ProgressBar-indicator-Wk5Cj-4-20-0","ProgressBar-indicator--small":"progressBar-module-ProgressBar-indicator--small-3qwXo-4-20-0","ProgressBar-indicator--regular":"progressBar-module-ProgressBar-indicator--regular-XWwir-4-20-0","ProgressBar-indicator--indeterminate":"progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-20-0","indeterminate-progress-bar":"progressBar-module-indeterminate-progress-bar-WrhBP-4-20-0"};
|
|
7617
7751
|
styleInject$1(css_248z$O);
|
|
7618
7752
|
|
|
7619
7753
|
var ProgressBar = function ProgressBar(props) {
|
|
@@ -7629,8 +7763,15 @@
|
|
|
7629
7763
|
} : {};
|
|
7630
7764
|
var ProgressBarClass = classNames__default["default"]((_a = {}, _a[styles$M.ProgressBar] = true, _a[styles$M['ProgressBar-indicator--small']] = size === 'small', _a[styles$M['ProgressBar-indicator--regular']] = size === 'regular', _a['position-relative overflow-hidden'] = state === 'indeterminate', _a), className);
|
|
7631
7765
|
var ProgressIndicatorClass = classNames__default["default"]((_b = {}, _b[styles$M['ProgressBar-indicator']] = true, _b[styles$M['ProgressBar-indicator--indeterminate']] = state === 'indeterminate', _b));
|
|
7766
|
+
var clampedValue = state !== 'indeterminate' ? Math.max(0, Math.min(value || 0, max)) : undefined;
|
|
7767
|
+
var percentage = state !== 'indeterminate' && max > 0 ? Math.round((clampedValue || 0) * 100 / max) : undefined;
|
|
7632
7768
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({
|
|
7633
|
-
"data-test": "DesignSystem-ProgressBar"
|
|
7769
|
+
"data-test": "DesignSystem-ProgressBar",
|
|
7770
|
+
role: "progressbar",
|
|
7771
|
+
"aria-valuemin": 0,
|
|
7772
|
+
"aria-valuemax": max,
|
|
7773
|
+
"aria-valuenow": clampedValue,
|
|
7774
|
+
"aria-valuetext": percentage !== undefined ? percentage + "%" : undefined
|
|
7634
7775
|
}, baseProps, {
|
|
7635
7776
|
className: ProgressBarClass
|
|
7636
7777
|
}), /*#__PURE__*/React__namespace.createElement("div", {
|
|
@@ -7646,8 +7787,8 @@
|
|
|
7646
7787
|
state: 'default'
|
|
7647
7788
|
};
|
|
7648
7789
|
|
|
7649
|
-
var css_248z$N = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-
|
|
7650
|
-
var styles$L = {"Radio":"radio-module-Radio-sJTSN-4-
|
|
7790
|
+
var css_248z$N = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-20-0 {\n display: flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.radio-module-Radio-outerWrapper-y7yec-4-20-0 {\n position: relative;\n flex-shrink: 0;\n margin-top: var(--spacing-05);\n}\n\n.radio-module-Radio-defaultWrapper-42-VN-4-20-0 {\n border: var(--border-width-2-5) solid var(--inverse-lighter);\n}\n\n.radio-module-Radio-errorWrapper-EIko4-4-20-0 {\n border: var(--border);\n border-color: var(--alert);\n}\n\n.radio-module-Radio-outerWrapper--regular-GAbrZ-4-20-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.radio-module-Radio-outerWrapper--tiny-ICX4H-4-20-0 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.radio-module-Radio-input-tMZXc-4-20-0 {\n opacity: 0;\n position: absolute;\n height: 100%;\n width: 100%;\n z-index: 2;\n margin: 0;\n cursor: pointer;\n}\n\n.radio-module-Radio-labelWrapper-aPfU--4-20-0 {\n padding-left: var(--spacing-20);\n display: flex;\n flex-direction: column;\n}\n\n.radio-module-Radio-Label-pyxfI-4-20-0 {\n display: flex;\n cursor: pointer;\n}\n\n.radio-module-Radio-wrapper-X9saa-4-20-0 {\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n position: absolute;\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n z-index: 1;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-20-0 {\n pointer-events: none;\n}\n\n.radio-module-Radio-sJTSN-4-20-0:hover .radio-module-Radio-wrapper-X9saa-4-20-0 {\n border: var(--border-width-2-5) solid var(--inverse-light);\n background-color: var(--secondary-lighter);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:active .radio-module-Radio-wrapper-X9saa-4-20-0 {\n background-color: var(--secondary-light);\n border: var(--border-width-2-5) solid var(--inverse-light);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:hover .radio-module-Radio-errorWrapper-EIko4-4-20-0 {\n border: var(--border);\n background-color: var(--secondary-lighter);\n border-color: var(--alert-dark);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:active .radio-module-Radio-errorWrapper-EIko4-4-20-0 {\n border: var(--border);\n background-color: var(--secondary-light);\n border-color: var(--alert-darker);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:focus-within .radio-module-Radio-wrapper-X9saa-4-20-0 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:focus-within .radio-module-Radio-errorWrapper-EIko4-4-20-0 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:focus-within .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-20-0 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:focus-within .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-20-0 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-20-0 .radio-module-Radio-wrapper-X9saa-4-20-0 {\n border: var(--border-width-2-5) solid var(--secondary);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-20-0 .radio-module-Radio-errorWrapper-EIko4-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-20-0 {\n border: var(--border-width-2-5) solid var(--primary);\n}\n\n.radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-20-0:after {\n display: block;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.radio-module-Radio-wrapper-X9saa-4-20-0:after {\n content: '';\n display: none;\n border-radius: var(--border-radius-full);\n background: var(--primary);\n}\n\n.radio-module-Radio-wrapper--regular-bCOY2-4-20-0:after {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.radio-module-Radio-wrapper--tiny-V-uaD-4-20-0:after {\n width: var(--spacing-10);\n height: var(--spacing-10);\n border: var(--border-width-2-5) solid var(--primary);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:hover .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-20-0 {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:hover .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-20-0:after {\n background: var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:hover .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-20-0:after {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:active .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-20-0 {\n background-color: var(--secondary-light);\n border: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:hover .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-20-0 {\n background-color: var(--secondary-lighter);\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:active .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-20-0 {\n background-color: var(--secondary-light);\n border: var(--border-width-2-5) solid var(--alert-darker);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:active .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-20-0:after {\n background: var(--primary-darker);\n}\n\n.radio-module-Radio-sJTSN-4-20-0:active .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-20-0:after {\n border: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-20-0 .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-20-0 {\n border: var(--border-width-2-5) solid var(--primary-lighter);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-20-0 .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-20-0 .radio-module-Radio-input-tMZXc-4-20-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-20-0:after {\n background: var(--primary-lighter);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-20-0 .radio-module-Radio-input-tMZXc-4-20-0 ~ .radio-module-Radio-wrapper-X9saa-4-20-0:focus {\n outline: none;\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-20-0 .radio-module-Radio-input-tMZXc-4-20-0 ~ .radio-module-Radio-errorWrapper-EIko4-4-20-0:focus {\n outline: none;\n}\n";
|
|
7791
|
+
var styles$L = {"Radio":"radio-module-Radio-sJTSN-4-20-0","Radio-outerWrapper":"radio-module-Radio-outerWrapper-y7yec-4-20-0","Radio-defaultWrapper":"radio-module-Radio-defaultWrapper-42-VN-4-20-0","Radio-errorWrapper":"radio-module-Radio-errorWrapper-EIko4-4-20-0","Radio-outerWrapper--regular":"radio-module-Radio-outerWrapper--regular-GAbrZ-4-20-0","Radio-outerWrapper--tiny":"radio-module-Radio-outerWrapper--tiny-ICX4H-4-20-0","Radio-input":"radio-module-Radio-input-tMZXc-4-20-0","Radio-labelWrapper":"radio-module-Radio-labelWrapper-aPfU--4-20-0","Radio-Label":"radio-module-Radio-Label-pyxfI-4-20-0","Radio-wrapper":"radio-module-Radio-wrapper-X9saa-4-20-0","Radio--disabled":"radio-module-Radio--disabled-Mbuyd-4-20-0","Radio-wrapper--regular":"radio-module-Radio-wrapper--regular-bCOY2-4-20-0","Radio-wrapper--tiny":"radio-module-Radio-wrapper--tiny-V-uaD-4-20-0"};
|
|
7651
7792
|
styleInject$1(css_248z$N);
|
|
7652
7793
|
|
|
7653
7794
|
var Radio = /*#__PURE__*/React__namespace.forwardRef(function (props, forwardedRef) {
|
|
@@ -7728,8 +7869,8 @@
|
|
|
7728
7869
|
});
|
|
7729
7870
|
Row.displayName = 'Row';
|
|
7730
7871
|
|
|
7731
|
-
var css_248z$M = ".statusHint-module-StatusHint-20-9Y-4-
|
|
7732
|
-
var styles$K = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-
|
|
7872
|
+
var css_248z$M = ".statusHint-module-StatusHint-20-9Y-4-20-0 {\n display: flex;\n flex-direction: row;\n width: -moz-fit-content;\n width: fit-content;\n align-items: center;\n}\n\n.statusHint-module-StatusHint-icon-XMbB3-4-20-0 {\n flex-shrink: 0;\n border-radius: var(--border-radius-full);\n height: var(--spacing-20);\n width: var(--spacing-20);\n}\n\n.statusHint-module-StatusHint--alert-6GWUf-4-20-0 {\n background: var(--alert);\n}\n\n.statusHint-module-StatusHint--success-vLRLm-4-20-0 {\n background: var(--success);\n}\n\n.statusHint-module-StatusHint--warning-Go4Xc-4-20-0 {\n background: var(--warning);\n}\n\n.statusHint-module-StatusHint--info--Qb0E-4-20-0 {\n background: var(--primary);\n}\n\n.statusHint-module-StatusHint--default-XXxYB-4-20-0 {\n background: var(--secondary-light);\n}\n";
|
|
7873
|
+
var styles$K = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-20-0","StatusHint-icon":"statusHint-module-StatusHint-icon-XMbB3-4-20-0","StatusHint--alert":"statusHint-module-StatusHint--alert-6GWUf-4-20-0","StatusHint--success":"statusHint-module-StatusHint--success-vLRLm-4-20-0","StatusHint--warning":"statusHint-module-StatusHint--warning-Go4Xc-4-20-0","StatusHint--info":"statusHint-module-StatusHint--info--Qb0E-4-20-0","StatusHint--default":"statusHint-module-StatusHint--default-XXxYB-4-20-0"};
|
|
7733
7874
|
styleInject$1(css_248z$M);
|
|
7734
7875
|
|
|
7735
7876
|
var StatusHint = function StatusHint(props) {
|
|
@@ -7744,6 +7885,14 @@
|
|
|
7744
7885
|
_d = props.size,
|
|
7745
7886
|
size = _d === void 0 ? 'regular' : _d;
|
|
7746
7887
|
var baseProps = extractBaseProps(props);
|
|
7888
|
+
var isClickable = Boolean(_onClick);
|
|
7889
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
7890
|
+
if (!isClickable) return;
|
|
7891
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
7892
|
+
event.preventDefault();
|
|
7893
|
+
_onClick === null || _onClick === void 0 ? void 0 : _onClick(event);
|
|
7894
|
+
}
|
|
7895
|
+
};
|
|
7747
7896
|
var StatusHintClass = classNames__default["default"]((_a = {}, _a[styles$K.StatusHint] = true, _a[styles$18.StatusHint] = true, _a), className);
|
|
7748
7897
|
var StatusHintIconClass = classNames__default["default"]((_b = {}, _b[styles$K['StatusHint-icon']] = true, _b[styles$K["StatusHint--" + appearance]] = appearance, _b['mr-3-5'] = size === 'small', _b['mr-4'] = size === 'regular', _b));
|
|
7749
7898
|
var StatusHintTextClass = classNames__default["default"]((_c = {}, _c['ellipsis--noWrap'] = truncateLabel, _c));
|
|
@@ -7765,14 +7914,18 @@
|
|
|
7765
7914
|
onClick: function onClick(e) {
|
|
7766
7915
|
return _onClick && _onClick(e);
|
|
7767
7916
|
},
|
|
7917
|
+
onKeyDown: handleKeyDown,
|
|
7768
7918
|
onMouseEnter: function onMouseEnter(e) {
|
|
7769
7919
|
return _onMouseEnter && _onMouseEnter(e);
|
|
7770
7920
|
},
|
|
7771
7921
|
onMouseLeave: function onMouseLeave(e) {
|
|
7772
7922
|
return _onMouseLeave && _onMouseLeave(e);
|
|
7773
|
-
}
|
|
7923
|
+
},
|
|
7924
|
+
role: isClickable ? 'button' : undefined,
|
|
7925
|
+
tabIndex: isClickable ? 0 : undefined
|
|
7774
7926
|
}), /*#__PURE__*/React__namespace.createElement("span", {
|
|
7775
7927
|
"data-test": "DesignSystem-StatusHint--Icon",
|
|
7928
|
+
"aria-hidden": "true",
|
|
7776
7929
|
className: StatusHintIconClass
|
|
7777
7930
|
}), renderChildren());
|
|
7778
7931
|
};
|
|
@@ -7781,8 +7934,8 @@
|
|
|
7781
7934
|
appearance: 'default'
|
|
7782
7935
|
};
|
|
7783
7936
|
|
|
7784
|
-
var css_248z$L = ".pills-module-Pills--00hR-4-
|
|
7785
|
-
var styles$J = {"Pills":"pills-module-Pills--00hR-4-
|
|
7937
|
+
var css_248z$L = ".pills-module-Pills--00hR-4-20-0 {\n /* 160px */\n max-width: calc(var(--spacing-40) * 10);\n /* truncate */\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n text-transform: uppercase;\n padding-right: var(--spacing-15);\n padding-left: var(--spacing-15);\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n border-radius: var(--border-radius-full);\n display: inline-block;\n box-sizing: border-box;\n font-weight: var(--font-weight-bold);\n cursor: default;\n}\n";
|
|
7938
|
+
var styles$J = {"Pills":"pills-module-Pills--00hR-4-20-0"};
|
|
7786
7939
|
styleInject$1(css_248z$L);
|
|
7787
7940
|
|
|
7788
7941
|
var Pills = function Pills(props) {
|
|
@@ -7790,11 +7943,13 @@
|
|
|
7790
7943
|
var appearance = props.appearance,
|
|
7791
7944
|
children = props.children,
|
|
7792
7945
|
subtle = props.subtle,
|
|
7793
|
-
className = props.className
|
|
7946
|
+
className = props.className,
|
|
7947
|
+
rest = __rest(props, ["appearance", "children", "subtle", "className"]);
|
|
7794
7948
|
var baseProps = extractBaseProps(props);
|
|
7795
7949
|
var classes = classNames__default["default"]((_a = {}, _a[styles$J.Pills] = true, _a[badgeStyles["Badge--" + appearance]] = appearance && !subtle, _a[badgeStyles["Badge--subtle-" + appearance]] = subtle, _a), className);
|
|
7796
7950
|
return /*#__PURE__*/React__namespace.createElement("span", __assign$1({
|
|
7797
|
-
"data-test": "DesignSystem-Pills"
|
|
7951
|
+
"data-test": "DesignSystem-Pills",
|
|
7952
|
+
role: rest['aria-label'] ? 'status' : undefined
|
|
7798
7953
|
}, baseProps, {
|
|
7799
7954
|
className: classes
|
|
7800
7955
|
}), children);
|
|
@@ -7804,15 +7959,17 @@
|
|
|
7804
7959
|
appearance: 'secondary'
|
|
7805
7960
|
};
|
|
7806
7961
|
|
|
7807
|
-
var css_248z$K = "@keyframes spinner-module-rotate--J0VK-4-
|
|
7808
|
-
var styles$I = {"Spinner":"spinner-module-Spinner-Gnrbl-4-
|
|
7962
|
+
var css_248z$K = "@keyframes spinner-module-rotate--J0VK-4-20-0 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spinner-module-spin-EtIAo-4-20-0 {\n 0% {\n stroke-dasharray: 1, 200;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -35px;\n }\n 100% {\n stroke-dasharray: 89, 200;\n stroke-dashoffset: -124px;\n }\n}\n\n.spinner-module-Spinner-Gnrbl-4-20-0 {\n animation: spinner-module-rotate--J0VK-4-20-0 2s linear infinite;\n}\n\n.spinner-module-Spinner--xsmall-fTG9G-4-20-0 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.spinner-module-Spinner--small-H43c1-4-20-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.spinner-module-Spinner--medium-FJ68A-4-20-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.spinner-module-Spinner--large-mEm-A-4-20-0 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.spinner-module-Circle--gSx3-4-20-0 {\n stroke-linecap: round;\n stroke-dasharray: 1 200;\n stroke-dashoffset: 0;\n animation: spinner-module-spin-EtIAo-4-20-0 1.5s ease-in-out infinite;\n}\n\n.spinner-module-Circle--primary-REY8w-4-20-0 {\n stroke: var(--primary-dark);\n}\n\n.spinner-module-Circle--secondary-KzVQ8-4-20-0 {\n stroke: var(--inverse-lighter);\n}\n\n.spinner-module-Circle--white-xc8CI-4-20-0 {\n stroke: var(--white);\n}\n\n.spinner-module-Circle--alert-KYAj6-4-20-0 {\n stroke: var(--alert-dark);\n}\n";
|
|
7963
|
+
var styles$I = {"Spinner":"spinner-module-Spinner-Gnrbl-4-20-0","rotate":"spinner-module-rotate--J0VK-4-20-0","Spinner--xsmall":"spinner-module-Spinner--xsmall-fTG9G-4-20-0","Spinner--small":"spinner-module-Spinner--small-H43c1-4-20-0","Spinner--medium":"spinner-module-Spinner--medium-FJ68A-4-20-0","Spinner--large":"spinner-module-Spinner--large-mEm-A-4-20-0","Circle":"spinner-module-Circle--gSx3-4-20-0","spin":"spinner-module-spin-EtIAo-4-20-0","Circle--primary":"spinner-module-Circle--primary-REY8w-4-20-0","Circle--secondary":"spinner-module-Circle--secondary-KzVQ8-4-20-0","Circle--white":"spinner-module-Circle--white-xc8CI-4-20-0","Circle--alert":"spinner-module-Circle--alert-KYAj6-4-20-0"};
|
|
7809
7964
|
styleInject$1(css_248z$K);
|
|
7810
7965
|
|
|
7811
7966
|
var Spinner = function Spinner(props) {
|
|
7812
7967
|
var _a, _b;
|
|
7813
7968
|
var appearance = props.appearance,
|
|
7814
7969
|
size = props.size,
|
|
7815
|
-
className = props.className
|
|
7970
|
+
className = props.className,
|
|
7971
|
+
_c = props.ariaLabel,
|
|
7972
|
+
ariaLabel = _c === void 0 ? 'Loading' : _c;
|
|
7816
7973
|
var baseProps = extractBaseProps(props);
|
|
7817
7974
|
var wrapperClasses = classNames__default["default"]((_a = {}, _a[styles$I.Spinner] = true, _a[styles$I["Spinner--" + size]] = size, _a), className);
|
|
7818
7975
|
var circleClasses = classNames__default["default"]((_b = {}, _b[styles$I.Circle] = true, _b[styles$I["Circle--" + appearance]] = appearance, _b));
|
|
@@ -7834,6 +7991,9 @@
|
|
|
7834
7991
|
strokeWidth: strokeWidthMapping[size]
|
|
7835
7992
|
};
|
|
7836
7993
|
return /*#__PURE__*/React__namespace.createElement("svg", __assign$1({}, baseProps, {
|
|
7994
|
+
role: "status",
|
|
7995
|
+
"aria-live": "polite",
|
|
7996
|
+
"aria-label": ariaLabel,
|
|
7837
7997
|
className: wrapperClasses
|
|
7838
7998
|
}, svgProps), /*#__PURE__*/React__namespace.createElement("circle", __assign$1({
|
|
7839
7999
|
className: circleClasses
|
|
@@ -7917,8 +8077,8 @@
|
|
|
7917
8077
|
defaultValue: [0, 10]
|
|
7918
8078
|
});
|
|
7919
8079
|
|
|
7920
|
-
var css_248z$J = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-
|
|
7921
|
-
var styles$H = {"Subheading":"subheading-module-Subheading-qdIJH-4-
|
|
8080
|
+
var css_248z$J = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-20-0 {\n margin: 0;\n font-weight: var(--font-weight-bolder);\n font-size: var(--spacing-30);\n line-height: var(--font-height-m);\n letter-spacing: var(--letter-spacing);\n text-transform: uppercase;\n}\n\n.subheading-module-Subheading--default-wlFtB-4-20-0 {\n color: var(--text);\n}\n\n.subheading-module-Subheading--subtle--rivS-4-20-0 {\n color: var(--text-subtle);\n}\n\n.subheading-module-Subheading--disabled-LAyqD-4-20-0 {\n color: var(--text-disabled);\n}\n\n.subheading-module-Subheading--white-Y8Awi-4-20-0 {\n color: var(--text-white);\n}\n";
|
|
8081
|
+
var styles$H = {"Subheading":"subheading-module-Subheading-qdIJH-4-20-0","Subheading--default":"subheading-module-Subheading--default-wlFtB-4-20-0","Subheading--subtle":"subheading-module-Subheading--subtle--rivS-4-20-0","Subheading--disabled":"subheading-module-Subheading--disabled-LAyqD-4-20-0","Subheading--white":"subheading-module-Subheading--white-Y8Awi-4-20-0"};
|
|
7922
8082
|
styleInject$1(css_248z$J);
|
|
7923
8083
|
|
|
7924
8084
|
var Subheading = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -7935,7 +8095,8 @@
|
|
|
7935
8095
|
"data-test": "DesignSystem-Subheading"
|
|
7936
8096
|
}, rest, {
|
|
7937
8097
|
className: classes,
|
|
7938
|
-
componentType: 'h4'
|
|
8098
|
+
componentType: 'h4',
|
|
8099
|
+
"aria-level": 4
|
|
7939
8100
|
}), children);
|
|
7940
8101
|
});
|
|
7941
8102
|
Subheading.displayName = 'Subheading';
|
|
@@ -7943,8 +8104,8 @@
|
|
|
7943
8104
|
appearance: 'default'
|
|
7944
8105
|
};
|
|
7945
8106
|
|
|
7946
|
-
var css_248z$I = ".switch-module-Switch-QepNe-4-
|
|
7947
|
-
var styles$G = {"Switch":"switch-module-Switch-QepNe-4-
|
|
8107
|
+
var css_248z$I = ".switch-module-Switch-QepNe-4-20-0 {\n display: inline-flex;\n position: relative;\n}\n\n.switch-module-Switch--tiny-r1E6o-4-20-0 {\n height: var(--spacing-40);\n width: var(--spacing-80);\n}\n\n.switch-module-Switch--regular-ciyyD-4-20-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch--large-kX3JT-4-20-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch-input-5oT7E-4-20-0 {\n position: absolute;\n cursor: pointer;\n z-index: 10;\n opacity: 0;\n width: 100%;\n height: 100%;\n margin: 0;\n}\n\n.switch-module-Switch-wrapper-btwpQ-4-20-0 {\n display: flex;\n align-items: center;\n line-height: 100%;\n padding: var(--spacing-05);\n top: 0;\n left: 0;\n width: 100%;\n background-color: var(--secondary-light);\n transition: background 120ms ease;\n padding-right: var(--spacing-15);\n}\n\n.switch-module-Switch-input-5oT7E-4-20-0:focus ~ .switch-module-Switch-wrapper-btwpQ-4-20-0 {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n background-color: var(--secondary-light);\n}\n\n.switch-module-Switch-input-5oT7E-4-20-0:focus ~ .switch-module-Switch-wrapper--checked-1oCxY-4-20-0 {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n background-color: var(--primary);\n}\n\n.switch-module-Switch-input-5oT7E-4-20-0:hover ~ .switch-module-Switch-wrapper-btwpQ-4-20-0 {\n background-color: var(--secondary);\n}\n\n.switch-module-Switch-input-5oT7E-4-20-0:hover ~ .switch-module-Switch-wrapper--checked-1oCxY-4-20-0 {\n background-color: var(--primary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-20-0:active ~ .switch-module-Switch-wrapper-btwpQ-4-20-0 {\n background-color: var(--secondary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-20-0:active ~ .switch-module-Switch-wrapper--checked-1oCxY-4-20-0 {\n background-color: var(--primary-darker);\n}\n\n.switch-module-Switch-wrapper--tiny--PBMV-4-20-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--regular-6j-AT-4-20-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--large-A8WkP-4-20-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper-btwpQ-4-20-0:before {\n content: '';\n height: 100%;\n width: 50%;\n background-color: var(--shadow-0);\n box-shadow: var(--shadow-m);\n border-radius: var(--border-radius-full);\n box-sizing: border-box;\n transition-duration: 80ms;\n}\n\n.switch-module-Switch-wrapper--checked-1oCxY-4-20-0 {\n background-color: var(--primary);\n transition: background 120ms ease;\n padding-left: var(--spacing-15);\n padding-right: 2px !important;\n}\n\n.switch-module-Switch-wrapper--checked-1oCxY-4-20-0:before {\n transform: translateX(100%);\n transition-duration: 80ms;\n}\n\n.switch-module-Switch--disabled-xXiea-4-20-0 {\n pointer-events: none;\n}\n\n.switch-module-Switch-wrapper--disabled-HghBP-4-20-0 {\n background-color: var(--secondary-lighter);\n}\n\n.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-20-0 {\n background-color: var(--primary-lighter);\n}\n";
|
|
8108
|
+
var styles$G = {"Switch":"switch-module-Switch-QepNe-4-20-0","Switch--tiny":"switch-module-Switch--tiny-r1E6o-4-20-0","Switch--regular":"switch-module-Switch--regular-ciyyD-4-20-0","Switch--large":"switch-module-Switch--large-kX3JT-4-20-0","Switch-input":"switch-module-Switch-input-5oT7E-4-20-0","Switch-wrapper":"switch-module-Switch-wrapper-btwpQ-4-20-0","Switch-wrapper--checked":"switch-module-Switch-wrapper--checked-1oCxY-4-20-0","Switch-wrapper--tiny":"switch-module-Switch-wrapper--tiny--PBMV-4-20-0","Switch-wrapper--regular":"switch-module-Switch-wrapper--regular-6j-AT-4-20-0","Switch-wrapper--large":"switch-module-Switch-wrapper--large-A8WkP-4-20-0","Switch--disabled":"switch-module-Switch--disabled-xXiea-4-20-0","Switch-wrapper--disabled":"switch-module-Switch-wrapper--disabled-HghBP-4-20-0","Switch-wrapper--checkedDisabled":"switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-20-0"};
|
|
7948
8109
|
styleInject$1(css_248z$I);
|
|
7949
8110
|
|
|
7950
8111
|
var Switch = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -7978,6 +8139,8 @@
|
|
|
7978
8139
|
className: SwitchClass
|
|
7979
8140
|
}, /*#__PURE__*/React__namespace.createElement("input", __assign$1({}, rest, {
|
|
7980
8141
|
type: "checkbox",
|
|
8142
|
+
role: "switch",
|
|
8143
|
+
"aria-checked": checked,
|
|
7981
8144
|
defaultChecked: defaultChecked,
|
|
7982
8145
|
disabled: disabled,
|
|
7983
8146
|
onChange: onChangeHandler,
|
|
@@ -7993,8 +8156,8 @@
|
|
|
7993
8156
|
});
|
|
7994
8157
|
Switch.displayName = 'Switch';
|
|
7995
8158
|
|
|
7996
|
-
var css_248z$H = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-
|
|
7997
|
-
var styles$F = {"Textarea":"textarea-module-Textarea-Es1Ps-4-
|
|
8159
|
+
var css_248z$H = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-20-0 {\n min-height: var(--spacing-80);\n width: 100%;\n display: block;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n line-height: var(--font-height);\n font-size: var(--font-size);\n box-sizing: border-box;\n border-radius: var(--border-radius-10);\n border: var(--border);\n color: var(--inverse);\n padding: var(--spacing-20) var(--spacing-30);\n resize: none;\n cursor: auto; /* this ensures text cursor over text, and pointer cursor over scroll*/\n}\n\n.textarea-module-Textarea-Es1Ps-4-20-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-20-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-20-0::-ms-clear {\n display: none;\n}\n\n.textarea-module-Textarea-Es1Ps-4-20-0:focus-within {\n outline: none;\n border: var(--border-width-2-5) solid var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.textarea-module-Textarea-Es1Ps-4-20-0:disabled {\n color: var(--inverse-lightest);\n background: var(--secondary-lightest);\n border-color: var(--secondary-light);\n}\n\n.textarea-module-Textarea--readOnly-mTqc8-4-20-0 {\n pointer-events: none;\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n}\n\n.textarea-module-Textarea--error-gqkse-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.textarea-module-Textarea--error-gqkse-4-20-0:focus-within {\n border: var(--border-width-2-5) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.textarea-module-Textarea--resize-6QHWa-4-20-0 {\n resize: both;\n}\n\n.textarea-module-Textarea--small-reQLZ-4-20-0 {\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-height-s);\n}\n";
|
|
8160
|
+
var styles$F = {"Textarea":"textarea-module-Textarea-Es1Ps-4-20-0","Textarea--readOnly":"textarea-module-Textarea--readOnly-mTqc8-4-20-0","Textarea--error":"textarea-module-Textarea--error-gqkse-4-20-0","Textarea--resize":"textarea-module-Textarea--resize-6QHWa-4-20-0","Textarea--small":"textarea-module-Textarea--small-reQLZ-4-20-0"};
|
|
7998
8161
|
styleInject$1(css_248z$H);
|
|
7999
8162
|
|
|
8000
8163
|
var Textarea = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -8021,7 +8184,8 @@
|
|
|
8021
8184
|
rest = __rest(props, ["size", "rows", "resize", "disabled", "name", "placeholder", "value", "defaultValue", "required", "error", "onChange", "onClick", "onBlur", "onFocus", "className", "readOnly"]);
|
|
8022
8185
|
var classes = classNames__default["default"]((_a = {}, _a[styles$F.Textarea] = true, _a[styles$F['Textarea--resize']] = resize, _a[styles$F['Textarea--error']] = error, _a[styles$F['Textarea--readOnly']] = readOnly, _a[styles$F['Textarea--small']] = size && size === 'small', _a), className);
|
|
8023
8186
|
return /*#__PURE__*/React__namespace.createElement("textarea", __assign$1({
|
|
8024
|
-
"data-test": "DesignSystem-Textarea"
|
|
8187
|
+
"data-test": "DesignSystem-Textarea",
|
|
8188
|
+
"aria-invalid": error
|
|
8025
8189
|
}, rest, {
|
|
8026
8190
|
ref: ref,
|
|
8027
8191
|
name: name,
|
|
@@ -8040,8 +8204,8 @@
|
|
|
8040
8204
|
});
|
|
8041
8205
|
Textarea.displayName = 'Textarea';
|
|
8042
8206
|
|
|
8043
|
-
var css_248z$G = "/* toast */\n\n.toast-module-Toast-OpDhM-4-
|
|
8044
|
-
var styles$E = {"Toast":"toast-module-Toast-OpDhM-4-
|
|
8207
|
+
var css_248z$G = "/* toast */\n\n.toast-module-Toast-OpDhM-4-20-0 {\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n word-break: break-word;\n width: 360px;\n border-radius: var(--border-radius-10);\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-30);\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.toast-module-Toast--withMessage-T8xPr-4-20-0 {\n padding-bottom: var(--spacing-40);\n}\n\n.toast-module-Toast--info-dEexw-4-20-0 {\n background-color: var(--primary);\n}\n\n.toast-module-Toast--alert-gxrp--4-20-0 {\n background-color: var(--alert);\n}\n\n.toast-module-Toast--success-gju3F-4-20-0 {\n background-color: var(--success);\n}\n\n.toast-module-Toast--warning-ELr9r-4-20-0 {\n background-color: var(--warning);\n}\n\n.toast-module-Toast--warning-ELr9r-4-20-0 {\n color: var(--text);\n}\n\n.toast-module-Toast-icon-RrG2q-4-20-0 {\n line-height: var(--font-height-m);\n}\n\n.toast-module-Toast-icon--left-dAfZv-4-20-0 {\n margin-right: var(--spacing-40);\n}\n\n.toast-module-Toast-icon--right--8Qmt-4-20-0 {\n cursor: pointer;\n margin-left: var(--spacing-30);\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n padding-right: var(--spacing-10);\n padding-left: var(--spacing-10);\n height: var(--spacing-60);\n box-sizing: initial;\n}\n\n.toast-module-Toast-icon--info-zE2SA-4-20-0,\n.toast-module-Toast-icon--success-SOr0z-4-20-0,\n.toast-module-Toast-icon--alert-TS0aE-4-20-0,\n.toast-module-Toast-icon--default-HsZ-7-4-20-0 {\n color: var(--text-white);\n}\n\n.toast-module-Toast-icon--warning-47OGV-4-20-0 {\n color: var(--warning-darker);\n}\n\n.toast-module-Toast-close-icon--warning-nuh9s-4-20-0:focus,\n.toast-module-Toast-close-icon--warning-nuh9s-4-20-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(183, 135, 7, 0.16);\n}\n\n.toast-module-Toast-close-icon--warning-nuh9s-4-20-0:hover,\n.toast-module-Toast-close-icon--warning-nuh9s-4-20-0:active {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-close-icon--success-fXEEm-4-20-0:focus,\n.toast-module-Toast-close-icon--success-fXEEm-4-20-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(34, 121, 52, 0.16);\n}\n\n.toast-module-Toast-close-icon--success-fXEEm-4-20-0:hover,\n.toast-module-Toast-close-icon--success-fXEEm-4-20-0:active {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-close-icon--info-0vDSQ-4-20-0:focus,\n.toast-module-Toast-close-icon--info-0vDSQ-4-20-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(0, 80, 159, 0.16);\n}\n\n.toast-module-Toast-close-icon--info-0vDSQ-4-20-0:hover,\n.toast-module-Toast-close-icon--info-0vDSQ-4-20-0:active {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-close-icon--alert-cq8I3-4-20-0:focus,\n.toast-module-Toast-close-icon--alert-cq8I3-4-20-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(156, 40, 40, 0.16);\n}\n\n.toast-module-Toast-close-icon--alert-cq8I3-4-20-0:hover,\n.toast-module-Toast-close-icon--alert-cq8I3-4-20-0:active {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-body--5KGi-4-20-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.toast-module-Toast-title-4cVcs-4-20-0 {\n display: flex;\n}\n\n.toast-module-Toast-heading-BOc6U-4-20-0 {\n flex-grow: 1;\n}\n\n.toast-module-Toast-text-pwhPD-4-20-0 {\n padding-top: var(--spacing-20);\n}\n\n.toast-module-Toast-text--warning-J4ygg-4-20-0,\n.toast-module-Toast-heading--warning-sybsC-4-20-0 {\n color: var(--warning-darker) !important;\n}\n\n.toast-module-Toast-actions-3qfv--4-20-0 {\n display: flex;\n padding-top: var(--spacing-30);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-20-0 {\n color: var(--text-white);\n border-radius: var(--border-radius-10);\n margin-right: var(--spacing-20);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-20-0:last-child {\n margin-right: 0;\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-20-0 {\n background: var(--inverse-light);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-20-0:hover,\n.toast-module-Toast-actionButton--default-UVS4L-4-20-0:active {\n background: var(--inverse);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-20-0:focus {\n box-shadow: var(--shadow-spread) rgba(112, 112, 112, 0.16);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-20-0 {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-20-0:hover,\n.toast-module-Toast-actionButton--info-MLC4o-4-20-0:active {\n background: var(--primary-darker);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-20-0:focus {\n box-shadow: var(--shadow-spread) rgba(0, 80, 159, 0.16);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-20-0 {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-20-0:hover,\n.toast-module-Toast-actionButton--success-vppAH-4-20-0:active {\n background: var(--success-darker);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-20-0:focus {\n box-shadow: var(--shadow-spread) rgba(34, 121, 52, 0.16);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-20-0 {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-20-0:hover,\n.toast-module-Toast-actionButton--alert-VMKO0-4-20-0:active {\n background: var(--alert-darker);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-20-0:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-20-0 {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-20-0:hover,\n.toast-module-Toast-actionButton--warning-GNDkx-4-20-0:active {\n background: var(--warning-darker);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-20-0:focus {\n box-shadow: var(--shadow-spread) var(--warning-shadow);\n}\n";
|
|
8208
|
+
var styles$E = {"Toast":"toast-module-Toast-OpDhM-4-20-0","Toast--withMessage":"toast-module-Toast--withMessage-T8xPr-4-20-0","Toast--info":"toast-module-Toast--info-dEexw-4-20-0","Toast--alert":"toast-module-Toast--alert-gxrp--4-20-0","Toast--success":"toast-module-Toast--success-gju3F-4-20-0","Toast--warning":"toast-module-Toast--warning-ELr9r-4-20-0","Toast-icon":"toast-module-Toast-icon-RrG2q-4-20-0","Toast-icon--left":"toast-module-Toast-icon--left-dAfZv-4-20-0","Toast-icon--right":"toast-module-Toast-icon--right--8Qmt-4-20-0","Toast-icon--info":"toast-module-Toast-icon--info-zE2SA-4-20-0","Toast-icon--success":"toast-module-Toast-icon--success-SOr0z-4-20-0","Toast-icon--alert":"toast-module-Toast-icon--alert-TS0aE-4-20-0","Toast-icon--default":"toast-module-Toast-icon--default-HsZ-7-4-20-0","Toast-icon--warning":"toast-module-Toast-icon--warning-47OGV-4-20-0","Toast-close-icon--warning":"toast-module-Toast-close-icon--warning-nuh9s-4-20-0","Toast-close-icon--success":"toast-module-Toast-close-icon--success-fXEEm-4-20-0","Toast-close-icon--info":"toast-module-Toast-close-icon--info-0vDSQ-4-20-0","Toast-close-icon--alert":"toast-module-Toast-close-icon--alert-cq8I3-4-20-0","Toast-body":"toast-module-Toast-body--5KGi-4-20-0","Toast-title":"toast-module-Toast-title-4cVcs-4-20-0","Toast-heading":"toast-module-Toast-heading-BOc6U-4-20-0","Toast-text":"toast-module-Toast-text-pwhPD-4-20-0","Toast-text--warning":"toast-module-Toast-text--warning-J4ygg-4-20-0","Toast-heading--warning":"toast-module-Toast-heading--warning-sybsC-4-20-0","Toast-actions":"toast-module-Toast-actions-3qfv--4-20-0","Toast-actionButton":"toast-module-Toast-actionButton-lfdEz-4-20-0","Toast-actionButton--default":"toast-module-Toast-actionButton--default-UVS4L-4-20-0","Toast-actionButton--info":"toast-module-Toast-actionButton--info-MLC4o-4-20-0","Toast-actionButton--success":"toast-module-Toast-actionButton--success-vppAH-4-20-0","Toast-actionButton--alert":"toast-module-Toast-actionButton--alert-VMKO0-4-20-0","Toast-actionButton--warning":"toast-module-Toast-actionButton--warning-GNDkx-4-20-0"};
|
|
8045
8209
|
styleInject$1(css_248z$G);
|
|
8046
8210
|
|
|
8047
8211
|
var ActionButton = function ActionButton(props) {
|
|
@@ -8095,10 +8259,13 @@
|
|
|
8095
8259
|
if (onClose) onClose();
|
|
8096
8260
|
};
|
|
8097
8261
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({}, baseProps, {
|
|
8098
|
-
className: wrapperClass
|
|
8262
|
+
className: wrapperClass,
|
|
8263
|
+
role: appearance === 'alert' || appearance === 'warning' ? 'alert' : 'status',
|
|
8264
|
+
"aria-live": appearance === 'alert' || appearance === 'warning' ? 'assertive' : 'polite'
|
|
8099
8265
|
}), icon && /*#__PURE__*/React__namespace.createElement(Icon, {
|
|
8100
8266
|
name: icon,
|
|
8101
|
-
className: iconClass('left')
|
|
8267
|
+
className: iconClass('left'),
|
|
8268
|
+
"aria-hidden": "true"
|
|
8102
8269
|
}), /*#__PURE__*/React__namespace.createElement("div", {
|
|
8103
8270
|
className: styles$E['Toast-body']
|
|
8104
8271
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
@@ -8111,7 +8278,8 @@
|
|
|
8111
8278
|
name: 'close',
|
|
8112
8279
|
className: iconClass('right'),
|
|
8113
8280
|
onClick: onCloseHandler,
|
|
8114
|
-
appearance: appearance !== 'warning' ? 'white' : 'default'
|
|
8281
|
+
appearance: appearance !== 'warning' ? 'white' : 'default',
|
|
8282
|
+
"aria-label": "Close"
|
|
8115
8283
|
})), message && (/*#__PURE__*/React__namespace.createElement(Text, {
|
|
8116
8284
|
appearance: appearance !== 'warning' ? 'white' : 'default',
|
|
8117
8285
|
className: textClass
|
|
@@ -8506,8 +8674,8 @@
|
|
|
8506
8674
|
return PopperWrapper;
|
|
8507
8675
|
}(React__namespace.Component);
|
|
8508
8676
|
|
|
8509
|
-
var css_248z$F = ".popover-module-Popover-34Ge0-4-
|
|
8510
|
-
var styles$D = {"Popover":"popover-module-Popover-34Ge0-4-
|
|
8677
|
+
var css_248z$F = ".popover-module-Popover-34Ge0-4-20-0 {\n border-radius: var(--border-radius-10);\n position: absolute;\n z-index: 500;\n background: var(--white);\n box-shadow: var(--shadow-l);\n}\n\n.popover-module-Popover--dark-LYp8P-4-20-0 {\n background: var(--inverse);\n color: var(--white);\n}\n\n.popover-module-Popover-34Ge0-4-20-0[data-hide='true'] {\n visibility: hidden;\n pointer-events: none;\n}\n\n@keyframes popover-module-popper-fade-in-pghyg-4-20-0 {\n 0% {\n opacity: 0;\n }\n 80% {\n opacity: var(--opacity-6);\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
8678
|
+
var styles$D = {"Popover":"popover-module-Popover-34Ge0-4-20-0","Popover--dark":"popover-module-Popover--dark-LYp8P-4-20-0","popper-fade-in":"popover-module-popper-fade-in-pghyg-4-20-0"};
|
|
8511
8679
|
styleInject$1(css_248z$F);
|
|
8512
8680
|
|
|
8513
8681
|
var propsList = ['appendToBody', 'trigger', 'hoverable', 'on', 'open', 'closeOnBackdropClick', 'offset', 'closeOnScroll'];
|
|
@@ -8569,8 +8737,8 @@
|
|
|
8569
8737
|
customStyle: {}
|
|
8570
8738
|
});
|
|
8571
8739
|
|
|
8572
|
-
var css_248z$E = ".chipInput-module-ChipInput-EQQlO-4-
|
|
8573
|
-
var styles$C = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-
|
|
8740
|
+
var css_248z$E = ".chipInput-module-ChipInput-EQQlO-4-20-0 {\n display: flex;\n border-radius: var(--border-radius-10);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary);\n background: var(--white);\n cursor: text;\n flex: 100%;\n}\n\n.chipInput-module-ChipInput--regular-3ZvCo-4-20-0 {\n padding-left: 10px;\n padding-right: 10px;\n}\n\n.chipInput-module-ChipInput--small-YXoDv-4-20-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-20-0:focus,\n.chipInput-module-ChipInput-EQQlO-4-20-0:focus-visible {\n outline: var(--spacing-2-5) var(--primary);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-20-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-20-0:focus-within {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--primary);\n background: var(--white);\n}\n\n.chipInput-module-ChipInput--disabled-Qa6ok-4-20-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary-light);\n pointer-events: none;\n}\n\n.chipInput-module-ChipInput--withChips-svi7y-4-20-0 {\n padding-right: var(--spacing-20);\n}\n\n.chipInput-module-ChipInput--error-q8y-4-4-20-0,\n.chipInput-module-ChipInput--error-q8y-4-4-20-0:focus-within {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--alert);\n}\n\n.chipInput-module-ChipInput-wrapper-NzLiD-4-20-0 {\n display: flex;\n flex: 100%;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.chipInput-module-ChipInput-border-wempH-4-20-0:focus-within {\n border-radius: var(--border-radius-10);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.chipInput-module-ChipInput-border--error-lX1Mm-4-20-0:focus-within {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.chipInput-module-ChipInput-input-ddUDt-4-20-0 {\n border: none;\n outline: none;\n display: flex;\n width: 100%;\n min-width: 15%;\n flex: 0px;\n box-sizing: border-box;\n font-family: var(--font-family);\n font-size: var(--font-size);\n}\n\n.chipInput-module-ChipInput-input--small-OzMCU-4-20-0 {\n height: 20px;\n margin-top: var(--spacing-05);\n margin-bottom: var(--spacing-05);\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.chipInput-module-ChipInput-input--regular-qiv6--4-20-0 {\n height: var(--spacing-60);\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-20-0:hover .chipInput-module-ChipInput-input-ddUDt-4-20-0 {\n background: var(--secondary-lighter);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-20-0:focus-within .chipInput-module-ChipInput-input-ddUDt-4-20-0 {\n background: var(--white);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-20-0 {\n cursor: pointer;\n border-radius: var(--border-radius-full);\n}\n\n.chipInput-module-ChipInput-icon--small-PciKa-4-20-0 {\n margin-left: var(--spacing-15);\n margin-top: var(--spacing-15);\n height: var(--spacing-30);\n}\n\n.chipInput-module-ChipInput-icon--regular-AJM6E-4-20-0 {\n height: var(--spacing-40);\n margin-left: var(--spacing-20);\n margin-top: var(--spacing-20);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-20-0:hover {\n background-color: var(--secondary);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-20-0:active {\n background-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-20-0:focus,\n.chipInput-module-ChipInput-icon-HQ7c4-4-20-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n";
|
|
8741
|
+
var styles$C = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-20-0","ChipInput--regular":"chipInput-module-ChipInput--regular-3ZvCo-4-20-0","ChipInput--small":"chipInput-module-ChipInput--small-YXoDv-4-20-0","ChipInput--disabled":"chipInput-module-ChipInput--disabled-Qa6ok-4-20-0","ChipInput--withChips":"chipInput-module-ChipInput--withChips-svi7y-4-20-0","ChipInput--error":"chipInput-module-ChipInput--error-q8y-4-4-20-0","ChipInput-wrapper":"chipInput-module-ChipInput-wrapper-NzLiD-4-20-0","ChipInput-border":"chipInput-module-ChipInput-border-wempH-4-20-0","ChipInput-border--error":"chipInput-module-ChipInput-border--error-lX1Mm-4-20-0","ChipInput-input":"chipInput-module-ChipInput-input-ddUDt-4-20-0","ChipInput-input--small":"chipInput-module-ChipInput-input--small-OzMCU-4-20-0","ChipInput-input--regular":"chipInput-module-ChipInput-input--regular-qiv6--4-20-0","ChipInput-icon":"chipInput-module-ChipInput-icon-HQ7c4-4-20-0","ChipInput-icon--small":"chipInput-module-ChipInput-icon--small-PciKa-4-20-0","ChipInput-icon--regular":"chipInput-module-ChipInput-icon--regular-AJM6E-4-20-0"};
|
|
8574
8742
|
styleInject$1(css_248z$E);
|
|
8575
8743
|
|
|
8576
8744
|
var keyCodes$1 = {
|
|
@@ -8710,6 +8878,13 @@
|
|
|
8710
8878
|
}, rest));
|
|
8711
8879
|
});
|
|
8712
8880
|
var iconSize = size === 'small' ? 12 : 16;
|
|
8881
|
+
var handleWrapperKeyDown = function handleWrapperKeyDown(event) {
|
|
8882
|
+
if (disabled || event.currentTarget !== event.target) return;
|
|
8883
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
8884
|
+
event.preventDefault();
|
|
8885
|
+
onClickHandler();
|
|
8886
|
+
}
|
|
8887
|
+
};
|
|
8713
8888
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
8714
8889
|
"data-test": "DesignSystem-ChipInput--Border",
|
|
8715
8890
|
className: ChipInputBorderClass
|
|
@@ -8718,7 +8893,10 @@
|
|
|
8718
8893
|
}, baseProps, {
|
|
8719
8894
|
className: ChipInputClass,
|
|
8720
8895
|
onClick: onClickHandler,
|
|
8721
|
-
|
|
8896
|
+
onKeyDown: handleWrapperKeyDown,
|
|
8897
|
+
tabIndex: disabled ? -1 : 0,
|
|
8898
|
+
role: "button",
|
|
8899
|
+
"aria-disabled": disabled || undefined
|
|
8722
8900
|
}), /*#__PURE__*/React__namespace.createElement("div", {
|
|
8723
8901
|
className: styles$C['ChipInput-wrapper'],
|
|
8724
8902
|
ref: customRef
|
|
@@ -8808,8 +8986,8 @@
|
|
|
8808
8986
|
return '';
|
|
8809
8987
|
};
|
|
8810
8988
|
|
|
8811
|
-
var css_248z$D = ".verticalNav-module-VerticalNav-Dmfut-4-
|
|
8812
|
-
var styles$B = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-
|
|
8989
|
+
var css_248z$D = ".verticalNav-module-VerticalNav-Dmfut-4-20-0 {\n display: inline-flex;\n flex-direction: column;\n}\n\n.verticalNav-module-VerticalNav--expanded-YioJV-4-20-0 {\n width: 240px;\n}\n\n.verticalNav-module-VerticalNav-section-LKy0d-4-20-0 {\n text-transform: uppercase;\n padding-left: var(--spacing-40);\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-15);\n margin-top: var(--spacing-20);\n}\n\n.verticalNav-module-VerticalNav-section--border-II3bk-4-20-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-20-0 {\n text-decoration: none;\n box-sizing: border-box;\n display: flex;\n align-items: center;\n cursor: pointer;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n width: 232px;\n}\n\n.verticalNav-module-MenuItem--horizontal-HqCw4-4-20-0 {\n height: var(--spacing-80);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n border-radius: var(--border-radius-40);\n margin: 0 var(--spacing-2-5);\n}\n\n.verticalNav-module-MenuItem--vertical-KTu0E-4-20-0 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.verticalNav-module-MenuItem--collapsed-ksvh1-4-20-0 {\n height: 28px;\n width: 28px;\n margin-left: 10px;\n margin-right: 10px;\n justify-content: center;\n border-radius: var(--border-radius-full);\n cursor: pointer;\n}\n\n.verticalNav-module-MenuItem--expanded-CNuEg-4-20-0 {\n padding-left: var(--spacing-40);\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n margin-right: var(--spacing-20);\n justify-content: space-between;\n border-radius: 0px var(--border-radius-40) var(--border-radius-40) 0px;\n}\n\n.verticalNav-module-MenuItem--disabled-UwXL1-4-20-0 {\n pointer-events: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-20-0:hover {\n background: var(--secondary);\n text-decoration: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-20-0:active {\n background: var(--secondary-dark);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-20-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.verticalNav-module-MenuItem--disabled-UwXL1-4-20-0:focus {\n box-shadow: none;\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-20-0 {\n background: var(--primary-lightest);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-20-0:hover {\n background: var(--primary-lighter);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-20-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-20-0:active .verticalNav-module-MenuItem-Text-5dxj5-4-20-0 {\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-20-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.verticalNav-module-MenuItem--rounded-7Cz5E-4-20-0 {\n border-radius: var(--border-radius-40);\n}\n\n.verticalNav-module-MenuItem--subMenu-ZHEdU-4-20-0 {\n padding-left: 40px;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-20-0 .verticalNav-module-Text-pcT-x-4-20-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem--overflow-RfJ7G-4-20-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem-count-hxliH-4-20-0 {\n margin-right: var(--spacing-10);\n flex-shrink: 0;\n}\n\n.verticalNav-module-MenuItem-count--disabled-2tJFi-4-20-0 {\n opacity: var(--opacity-10);\n color: var(--text);\n}\n";
|
|
8990
|
+
var styles$B = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-20-0","VerticalNav--expanded":"verticalNav-module-VerticalNav--expanded-YioJV-4-20-0","VerticalNav-section":"verticalNav-module-VerticalNav-section-LKy0d-4-20-0","VerticalNav-section--border":"verticalNav-module-VerticalNav-section--border-II3bk-4-20-0","MenuItem":"verticalNav-module-MenuItem-tqOuM-4-20-0","MenuItem--horizontal":"verticalNav-module-MenuItem--horizontal-HqCw4-4-20-0","MenuItem--vertical":"verticalNav-module-MenuItem--vertical-KTu0E-4-20-0","MenuItem--collapsed":"verticalNav-module-MenuItem--collapsed-ksvh1-4-20-0","MenuItem--expanded":"verticalNav-module-MenuItem--expanded-CNuEg-4-20-0","MenuItem--disabled":"verticalNav-module-MenuItem--disabled-UwXL1-4-20-0","MenuItem--active":"verticalNav-module-MenuItem--active-ocJoe-4-20-0","MenuItem-Text":"verticalNav-module-MenuItem-Text-5dxj5-4-20-0","MenuItem--rounded":"verticalNav-module-MenuItem--rounded-7Cz5E-4-20-0","MenuItem--subMenu":"verticalNav-module-MenuItem--subMenu-ZHEdU-4-20-0","Text":"verticalNav-module-Text-pcT-x-4-20-0","MenuItem--overflow":"verticalNav-module-MenuItem--overflow-RfJ7G-4-20-0","MenuItem-count":"verticalNav-module-MenuItem-count-hxliH-4-20-0","MenuItem-count--disabled":"verticalNav-module-MenuItem-count--disabled-2tJFi-4-20-0"};
|
|
8813
8991
|
styleInject$1(css_248z$D);
|
|
8814
8992
|
|
|
8815
8993
|
var _MenuIcon = function MenuIcon(props) {
|
|
@@ -9070,8 +9248,8 @@
|
|
|
9070
9248
|
showTooltip: false
|
|
9071
9249
|
};
|
|
9072
9250
|
|
|
9073
|
-
var css_248z$C = ".horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
9074
|
-
var styles$A = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
9251
|
+
var css_248z$C = ".horizontalNav-module-HorizontalNav-TaKHt-4-20-0 {\n display: flex;\n}\n\n.horizontalNav-module-HorizontalNav-menu-hc7-x-4-20-0 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n cursor: pointer;\n height: var(--spacing-80);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n border-radius: var(--border-radius-40);\n margin: 0 var(--spacing-2-5);\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-20-0 {\n pointer-events: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-20-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-20-0:focus {\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-20-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-20-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-20-0:hover {\n background-color: var(--secondary);\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-20-0:active {\n background-color: var(--secondary-dark);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-20-0 {\n background-color: var(--primary-lightest);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-20-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-20-0:focus {\n background-color: var(--primary-lightest);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-20-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-20-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-20-0:active .horizontalNav-module-HorizontalNav-menuText-hlHtx-4-20-0 {\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menuText-hlHtx-4-20-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-20-0,\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-20-0 {\n transition-delay: var(--duration--fast-02);\n}\n\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-20-0 {\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.horizontalNav-module-HorizontalNav-pills-Ko7S--4-20-0 {\n margin-right: var(--spacing-10);\n}\n\n.horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-20-0 {\n opacity: var(--opacity-10);\n}\n";
|
|
9252
|
+
var styles$A = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-20-0","HorizontalNav-menu":"horizontalNav-module-HorizontalNav-menu-hc7-x-4-20-0","HorizontalNav-menu--disabled":"horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-20-0","HorizontalNav-menu--default":"horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-20-0","HorizontalNav-menu--active":"horizontalNav-module-HorizontalNav-menu--active-LO21D-4-20-0","HorizontalNav-menuText":"horizontalNav-module-HorizontalNav-menuText-hlHtx-4-20-0","HorizontalNav-animate":"horizontalNav-module-HorizontalNav-animate-HJvL2-4-20-0","HorizontalNav-pills":"horizontalNav-module-HorizontalNav-pills-Ko7S--4-20-0","HorizontalNav-pills--disabled":"horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-20-0"};
|
|
9075
9253
|
styleInject$1(css_248z$C);
|
|
9076
9254
|
|
|
9077
9255
|
var HorizontalNav = function HorizontalNav(props) {
|
|
@@ -9277,8 +9455,8 @@
|
|
|
9277
9455
|
secondaryButtonAppearance: 'basic'
|
|
9278
9456
|
};
|
|
9279
9457
|
|
|
9280
|
-
var css_248z$B = ".overlay-module-OverlayHeader-X75uk-4-
|
|
9281
|
-
var styles$z = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-
|
|
9458
|
+
var css_248z$B = ".overlay-module-OverlayHeader-X75uk-4-20-0 {\n box-sizing: border-box;\n margin-left: var(--spacing-60);\n}\n\n.overlay-module-OverlayHeader--withBackButton-P8Z6f-4-20-0 {\n margin-left: var(--spacing-40);\n}\n\n.overlay-module-OverlayHeader-headerWrapper-wDTqn-4-20-0 {\n display: flex;\n align-items: center;\n}\n\n.overlay-module-OverlayHeader-subheading-HGK3Q-4-20-0 {\n margin-top: var(--spacing-05);\n}\n\n.overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-20-0 {\n margin-left: var(--spacing-20);\n}\n\n.overlay-module-OverlayBody-0aiqy-4-20-0 {\n overflow-y: auto;\n}\n\n.overlay-module-Overlay-body--stickFooter-9u7pt-4-20-0 {\n margin-bottom: 80px;\n}\n\n.overlay-module-OverlayFooter-0Ne3i-4-20-0 {\n display: flex;\n align-items: center;\n width: 100%;\n box-sizing: border-box;\n padding-left: var(--spacing-60);\n padding-right: var(--spacing-60);\n}\n";
|
|
9459
|
+
var styles$z = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-20-0","OverlayHeader--withBackButton":"overlay-module-OverlayHeader--withBackButton-P8Z6f-4-20-0","OverlayHeader-headerWrapper":"overlay-module-OverlayHeader-headerWrapper-wDTqn-4-20-0","OverlayHeader-subheading":"overlay-module-OverlayHeader-subheading-HGK3Q-4-20-0","OverlayHeader-subheading--withBackButton":"overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-20-0","OverlayBody":"overlay-module-OverlayBody-0aiqy-4-20-0","Overlay-body--stickFooter":"overlay-module-Overlay-body--stickFooter-9u7pt-4-20-0","OverlayFooter":"overlay-module-OverlayFooter-0Ne3i-4-20-0"};
|
|
9282
9460
|
styleInject$1(css_248z$B);
|
|
9283
9461
|
|
|
9284
9462
|
var OverlayFooter = function OverlayFooter(props) {
|
|
@@ -9449,8 +9627,8 @@
|
|
|
9449
9627
|
var instance = new OverlayManager();
|
|
9450
9628
|
Object.freeze(instance);
|
|
9451
9629
|
|
|
9452
|
-
var css_248z$A = "@keyframes modal-module-modal-open-XetuH-4-
|
|
9453
|
-
var styles$y = {"Modal":"modal-module-Modal-jy6BE-4-
|
|
9630
|
+
var css_248z$A = "@keyframes modal-module-modal-open-XetuH-4-20-0 {\n from {\n top: 20px;\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes modal-module-modal-close-6bwSt-4-20-0 {\n from {\n top: 104px;\n opacity: 1;\n }\n to {\n top: 124px;\n opacity: 0;\n }\n}\n\n.modal-module-Modal-jy6BE-4-20-0 {\n position: fixed !important;\n max-height: calc(100vh - 128px);\n box-shadow: var(--shadow-m);\n background-color: var(--white);\n border-radius: var(--border-radius-20);\n overflow: auto;\n flex-direction: column;\n display: none;\n margin: auto;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n height: -moz-min-content;\n height: min-content;\n}\n\n.modal-module-Modal--open-pEOMN-4-20-0 {\n display: flex;\n}\n\n.modal-module-Modal-animation--open-GPVLI-4-20-0 {\n animation: modal-module-modal-open-XetuH-4-20-0 var(--duration--moderate-02) var(--entrance-expressive-curve);\n}\n\n.modal-module-Modal-animation--close-re3FT-4-20-0 {\n animation: modal-module-modal-close-6bwSt-4-20-0 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n\n.modal-module-Modal-header-fdaxo-4-20-0 {\n display: flex;\n justify-content: flex-start;\n padding-top: var(--spacing-40);\n padding-bottom: var(--spacing-30);\n padding-right: var(--spacing-40);\n}\n\n.modal-module-Modal-header--withSeperator-JuBGt-4-20-0 {\n border-bottom: var(--border);\n}\n\n.modal-module-Modal-description-yJzzp-4-20-0 {\n padding: var(--spacing-20) 0;\n}\n\n.modal-module-Modal-footer-njNb3-4-20-0 {\n padding-top: var(--spacing-60);\n padding-bottom: var(--spacing-60);\n justify-content: flex-end;\n position: absolute;\n bottom: 0;\n}\n\n.modal-module-Modal-footer--withSeperator-E6Dfh-4-20-0 {\n border-top: var(--border);\n}\n\n.modal-module-Modal-body-kEuY3-4-20-0 {\n padding: 0 var(--spacing-60);\n}\n\n.modal-module-Modal-body--withMargin-QJGL1-4-20-0 {\n margin-bottom: 80px;\n}\n\n.modal-module-Modal-body--withPadding-sX2cE-4-20-0 {\n padding-bottom: var(--spacing-40);\n}\n";
|
|
9631
|
+
var styles$y = {"Modal":"modal-module-Modal-jy6BE-4-20-0","Modal--open":"modal-module-Modal--open-pEOMN-4-20-0","Modal-animation--open":"modal-module-Modal-animation--open-GPVLI-4-20-0","modal-open":"modal-module-modal-open-XetuH-4-20-0","Modal-animation--close":"modal-module-Modal-animation--close-re3FT-4-20-0","modal-close":"modal-module-modal-close-6bwSt-4-20-0","Modal-header":"modal-module-Modal-header-fdaxo-4-20-0","Modal-header--withSeperator":"modal-module-Modal-header--withSeperator-JuBGt-4-20-0","Modal-description":"modal-module-Modal-description-yJzzp-4-20-0","Modal-footer":"modal-module-Modal-footer-njNb3-4-20-0","Modal-footer--withSeperator":"modal-module-Modal-footer--withSeperator-E6Dfh-4-20-0","Modal-body":"modal-module-Modal-body-kEuY3-4-20-0","Modal-body--withMargin":"modal-module-Modal-body--withMargin-QJGL1-4-20-0","Modal-body--withPadding":"modal-module-Modal-body--withPadding-sX2cE-4-20-0"};
|
|
9454
9632
|
styleInject$1(css_248z$A);
|
|
9455
9633
|
|
|
9456
9634
|
var Modal = function (_super) {
|
|
@@ -9699,8 +9877,8 @@
|
|
|
9699
9877
|
};
|
|
9700
9878
|
ModalFooter.displayName = 'ModalFooter';
|
|
9701
9879
|
|
|
9702
|
-
var css_248z$z = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-
|
|
9703
|
-
var styles$x = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-
|
|
9880
|
+
var css_248z$z = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-20-0 {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0px);\n }\n}\n\n@keyframes fullscreenModal-module-fullscreenModal-close-7gVSl-4-20-0 {\n from {\n opacity: 1;\n transform: translateY(0px);\n }\n to {\n opacity: 0;\n transform: translateY(20px);\n }\n}\n\n.fullscreenModal-module-FullscreenModal-7WRgI-4-20-0 {\n position: fixed !important;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n padding-top: var(--spacing-120);\n background-color: var(--white);\n overflow: auto;\n display: flex;\n flex-direction: column;\n}\n\n.fullscreenModal-module-FullscreenModal-animation--open--3N-S-4-20-0 {\n animation: fullscreenModal-module-fullscreenModal-open-62v3L-4-20-0 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-20-0 {\n animation: fullscreenModal-module-fullscreenModal-close-7gVSl-4-20-0 120ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-header-sDsnU-4-20-0 {\n display: flex;\n justify-content: flex-start;\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n padding-right: var(--spacing-30);\n}\n\n.fullscreenModal-module-FullscreenModal-footer-iQzjY-4-20-0 {\n justify-content: flex-end;\n padding-top: var(--spacing-40);\n padding-bottom: var(--spacing-40);\n}\n\n.fullscreenModal-module-FullscreenModal-body-7vbJl-4-20-0 {\n padding: var(--spacing-40) var(--spacing-60);\n}\n";
|
|
9881
|
+
var styles$x = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-20-0","FullscreenModal-animation--open":"fullscreenModal-module-FullscreenModal-animation--open--3N-S-4-20-0","fullscreenModal-open":"fullscreenModal-module-fullscreenModal-open-62v3L-4-20-0","FullscreenModal-animation--close":"fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-20-0","fullscreenModal-close":"fullscreenModal-module-fullscreenModal-close-7gVSl-4-20-0","FullscreenModal-header":"fullscreenModal-module-FullscreenModal-header-sDsnU-4-20-0","FullscreenModal-footer":"fullscreenModal-module-FullscreenModal-footer-iQzjY-4-20-0","FullscreenModal-body":"fullscreenModal-module-FullscreenModal-body-7vbJl-4-20-0"};
|
|
9704
9882
|
styleInject$1(css_248z$z);
|
|
9705
9883
|
|
|
9706
9884
|
var FullscreenModal = function (_super) {
|
|
@@ -9854,8 +10032,8 @@
|
|
|
9854
10032
|
return FullscreenModal;
|
|
9855
10033
|
}(React__namespace.Component);
|
|
9856
10034
|
|
|
9857
|
-
var css_248z$y = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-
|
|
9858
|
-
var styles$w = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-
|
|
10035
|
+
var css_248z$y = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-20-0 {\n from {\n right: -100%;\n }\n to {\n right: 0;\n }\n}\n\n@keyframes sidesheet-module-sidesheet-close-iHEhI-4-20-0 {\n from {\n right: 0;\n }\n to {\n right: -100%;\n }\n}\n\n@keyframes sidesheet-module-shift-right-spacing-3-0drfg-4-20-0 {\n from {\n transform: translateX(calc(-1 * var(--spacing-80)));\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes sidesheet-module-shift-left-spacing-3-6M1aJ-4-20-0 {\n from {\n transform: translateX(var(--spacing-80));\n }\n to {\n transform: translateX(0);\n }\n}\n\n.sidesheet-module-Sidesheet-NOxgD-4-20-0 {\n position: fixed !important;\n top: 0;\n right: 0;\n height: 100vh;\n box-shadow: var(--shadow-l);\n background-color: var(--white);\n display: flex;\n flex-direction: column;\n visibility: hidden;\n}\n\n.sidesheet-module-Sidesheet--open-susbv-4-20-0 {\n visibility: visible;\n}\n\n.sidesheet-module-Sidesheet-animation--open-J-A5h-4-20-0 {\n animation: sidesheet-module-sidesheet-open-8Xjl--4-20-0 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.sidesheet-module-Sidesheet-animation--close-hu-c0-4-20-0 {\n animation: sidesheet-module-sidesheet-close-iHEhI-4-20-0 120ms cubic-bezier(0.4, 0.14, 1, 1);\n animation-fill-mode: forwards;\n}\n\n.sidesheet-module-Sidesheet-header--NeWW-4-20-0 {\n display: flex;\n justify-content: flex-start;\n padding-top: var(--spacing-40);\n padding-bottom: var(--spacing-30);\n padding-right: var(--spacing-40);\n}\n\n.sidesheet-module-Sidesheet-header--withSeperator-NT81x-4-20-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-body-M4-ag-4-20-0 {\n padding: 0 var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-20-0 {\n margin-bottom: 80px;\n}\n\n.sidesheet-module-Sidesheet-footer-PXjKf-4-20-0 {\n padding-top: var(--spacing-60);\n padding-bottom: var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-20-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-20-0 {\n position: absolute;\n bottom: 0;\n}\n\n.sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-20-0 {\n animation: sidesheet-module-shift-right-spacing-3-0drfg-4-20-0 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-20-0 {\n animation: sidesheet-module-shift-left-spacing-3-6M1aJ-4-20-0 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-20-0 {\n animation: sidesheet-module-fadeIn-LZlsa-4-20-0 var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-20-0 {\n animation: sidesheet-module-fadeIn-LZlsa-4-20-0 var(--duration--fast-02) var(--standard-expressive-curve);\n}\n";
|
|
10036
|
+
var styles$w = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-20-0","Sidesheet--open":"sidesheet-module-Sidesheet--open-susbv-4-20-0","Sidesheet-animation--open":"sidesheet-module-Sidesheet-animation--open-J-A5h-4-20-0","sidesheet-open":"sidesheet-module-sidesheet-open-8Xjl--4-20-0","Sidesheet-animation--close":"sidesheet-module-Sidesheet-animation--close-hu-c0-4-20-0","sidesheet-close":"sidesheet-module-sidesheet-close-iHEhI-4-20-0","Sidesheet-header":"sidesheet-module-Sidesheet-header--NeWW-4-20-0","Sidesheet-header--withSeperator":"sidesheet-module-Sidesheet-header--withSeperator-NT81x-4-20-0","Sidesheet-body":"sidesheet-module-Sidesheet-body-M4-ag-4-20-0","Sidesheet-body--withMargin":"sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-20-0","Sidesheet-footer":"sidesheet-module-Sidesheet-footer-PXjKf-4-20-0","Sidesheet-footer--withSeperator":"sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-20-0","Sidesheet-footer--stickToBottom":"sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-20-0","Sidesheet-header--shiftRight":"sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-20-0","shift-right-spacing-3":"sidesheet-module-shift-right-spacing-3-0drfg-4-20-0","Sidesheet-header--shiftLeft":"sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-20-0","shift-left-spacing-3":"sidesheet-module-shift-left-spacing-3-6M1aJ-4-20-0","Sidesheet-body--nextPage":"sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-20-0","fadeIn":"sidesheet-module-fadeIn-LZlsa-4-20-0","Sidesheet-body--firstPage":"sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-20-0"};
|
|
9859
10037
|
styleInject$1(css_248z$y);
|
|
9860
10038
|
|
|
9861
10039
|
var sidesheetWidth = {
|
|
@@ -10032,8 +10210,8 @@
|
|
|
10032
10210
|
return Sidesheet;
|
|
10033
10211
|
}(React__namespace.Component);
|
|
10034
10212
|
|
|
10035
|
-
var css_248z$x = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
10036
|
-
var styles$v = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
10213
|
+
var css_248z$x = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-20-0 {\n position: relative;\n z-index: 600;\n}\n\n.collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-20-0 {\n margin-right: 40px;\n}\n\n.collapsible-module-Collapsible-R-E0M-4-20-0 {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--secondary-lightest);\n width: var(--spacing-120);\n height: 100%;\n transition: width 240ms;\n transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);\n}\n\n.collapsible-module-Collapsible--overlay-UiWwK-4-20-0 {\n position: absolute;\n}\n\n.collapsible-module-Collapsible--shadow-ObNC6-4-20-0 {\n box-shadow: var(--shadow-l);\n clip-path: inset(0px -16px 0px 0px);\n}\n\n.collapsible-module-Collapsible-body-63KgR-4-20-0 {\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-20-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-20-0:hover {\n background-color: var(--secondary-lighter);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-20-0:focus,\n.collapsible-module-Collapsible-footer-cTQby-4-20-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-20-0:active {\n background-color: var(--secondary-light);\n}\n\n.collapsible-module-Collapsible-footer--seperator-4XHlt-4-20-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
10214
|
+
var styles$v = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-20-0","Collapsible-wrapper--overlay":"collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-20-0","Collapsible":"collapsible-module-Collapsible-R-E0M-4-20-0","Collapsible--overlay":"collapsible-module-Collapsible--overlay-UiWwK-4-20-0","Collapsible--shadow":"collapsible-module-Collapsible--shadow-ObNC6-4-20-0","Collapsible-body":"collapsible-module-Collapsible-body-63KgR-4-20-0","Collapsible-footer":"collapsible-module-Collapsible-footer-cTQby-4-20-0","Collapsible-footer--seperator":"collapsible-module-Collapsible-footer--seperator-4XHlt-4-20-0"};
|
|
10037
10215
|
styleInject$1(css_248z$x);
|
|
10038
10216
|
|
|
10039
10217
|
var Collapsible = function Collapsible(props) {
|
|
@@ -10121,8 +10299,8 @@
|
|
|
10121
10299
|
withTrigger: true
|
|
10122
10300
|
};
|
|
10123
10301
|
|
|
10124
|
-
var css_248z$w = ".chat-module-Box-nVkrd-4-
|
|
10125
|
-
var styles$u = {"Box":"chat-module-Box-nVkrd-4-
|
|
10302
|
+
var css_248z$w = ".chat-module-Box-nVkrd-4-20-0 {\n width: 100%;\n border-radius: var(--border-radius-20);\n padding: var(--spacing-30);\n}\n\n.chat-module-Box--typing-WmXRM-4-20-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.chat-module-Box--incoming-8KEhx-4-20-0 {\n border: var(--border-width-2-5) solid var(--secondary-light);\n background-color: var(--white);\n}\n\n.chat-module-Box--outgoing-eC7L7-4-20-0 {\n background-color: var(--secondary-lightest);\n}\n\n.chat-module-Box-incoming--withStatus-gGxq9-4-20-0 {\n border-bottom-left-radius: 0;\n}\n\n.chat-module-Box-outgoing--withStatus-fYw1d-4-20-0 {\n border-bottom-right-radius: 0;\n}\n\n.chat-module-Box--urgent-LErV3-4-20-0 {\n border-color: var(--alert);\n}\n\n.chat-module-ChatMessage-status-snoof-4-20-0 {\n margin-top: var(--spacing-10);\n display: block;\n}\n";
|
|
10303
|
+
var styles$u = {"Box":"chat-module-Box-nVkrd-4-20-0","Box--typing":"chat-module-Box--typing-WmXRM-4-20-0","Box--incoming":"chat-module-Box--incoming-8KEhx-4-20-0","Box--outgoing":"chat-module-Box--outgoing-eC7L7-4-20-0","Box-incoming--withStatus":"chat-module-Box-incoming--withStatus-gGxq9-4-20-0","Box-outgoing--withStatus":"chat-module-Box-outgoing--withStatus-fYw1d-4-20-0","Box--urgent":"chat-module-Box--urgent-LErV3-4-20-0","ChatMessage-status":"chat-module-ChatMessage-status-snoof-4-20-0"};
|
|
10126
10304
|
styleInject$1(css_248z$w);
|
|
10127
10305
|
|
|
10128
10306
|
var Status$1 = function Status(props) {
|
|
@@ -10225,11 +10403,22 @@
|
|
|
10225
10403
|
onClick = props.onClick,
|
|
10226
10404
|
className = props.className;
|
|
10227
10405
|
var baseProps = extractBaseProps(props);
|
|
10406
|
+
var isClickable = Boolean(onClick);
|
|
10407
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
10408
|
+
if (!isClickable) return;
|
|
10409
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
10410
|
+
event.preventDefault();
|
|
10411
|
+
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
10412
|
+
}
|
|
10413
|
+
};
|
|
10228
10414
|
var MessageClass = classNames__default["default"]((_a = {}, _a[styles$u['Box']] = true, _a[styles$u["Box--" + type]] = type, _a[styles$u['Box--typing']] = isTyping, _a[styles$u['Box--urgent']] = statusType === 'urgent', _a[styles$u["Box-" + type + "--withStatus"]] = withStatus || isTyping, _a), className);
|
|
10229
10415
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({}, baseProps, {
|
|
10230
10416
|
className: MessageClass,
|
|
10231
10417
|
onClick: onClick,
|
|
10232
|
-
|
|
10418
|
+
onKeyDown: handleKeyDown,
|
|
10419
|
+
"data-test": "DesignSystem-ChatMessage--Box",
|
|
10420
|
+
role: isClickable ? 'button' : undefined,
|
|
10421
|
+
tabIndex: isClickable ? 0 : undefined
|
|
10233
10422
|
}), children);
|
|
10234
10423
|
};
|
|
10235
10424
|
Box.displayName = 'Box';
|
|
@@ -10289,8 +10478,8 @@
|
|
|
10289
10478
|
|
|
10290
10479
|
var EmptyStateContext = /*#__PURE__*/React__namespace.createContext({});
|
|
10291
10480
|
|
|
10292
|
-
var css_248z$v = ".emptyState-module-EmptyState-xAbqT-4-
|
|
10293
|
-
var styles$t = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-
|
|
10481
|
+
var css_248z$v = ".emptyState-module-EmptyState-xAbqT-4-20-0 {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: transparent;\n}\n\n.emptyState-module-EmptyState-Wrapper-IqIuE-4-20-0 {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n background: transparent;\n width: 100%;\n}\n\n.emptyState-module-EmptyState-image-GWUhK-4-20-0 {\n display: flex;\n justify-content: center;\n width: 100%;\n height: 100%;\n -o-object-fit: contain;\n object-fit: contain;\n}\n\n.emptyState-module-EmptyState-title-VlvHo-4-20-0 {\n text-align: center;\n max-width: 480px;\n}\n\n.emptyState-module-EmptyState-description-orGdo-4-20-0 {\n text-align: center;\n margin-top: var(--spacing-10);\n max-width: 360px;\n}\n\n.emptyState-module-EmptyState-title--large-64J7i-4-20-0 {\n margin-top: var(--spacing-120);\n}\n\n.emptyState-module-EmptyState-title--small-lEDPt-4-20-0 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--large-hMXtK-4-20-0 {\n margin-bottom: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--small-gq50n-4-20-0 {\n margin-bottom: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-text-1y-HU-4-20-0 {\n display: flex;\n text-align: center;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-actions-xhSau-4-20-0 {\n display: flex;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-title--compressed-Pp9jF-4-20-0 {\n margin-top: var(--spacing-40);\n}\n.emptyState-module-EmptyState-title--standard-XtKl2-4-20-0 {\n margin-top: var(--spacing-60);\n}\n.emptyState-module-EmptyState-title--tight-ZSyIK-4-20-0 {\n margin-top: var(--spacing-30);\n}\n\n.emptyState-module-EmptyState-actions--compressed-E8-g2-4-20-0 {\n margin-top: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-actions--standard-G3fT9-4-20-0 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-actions--tight-mfayn-4-20-0 {\n margin-top: var(--spacing-30);\n}\n";
|
|
10482
|
+
var styles$t = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-20-0","EmptyState-Wrapper":"emptyState-module-EmptyState-Wrapper-IqIuE-4-20-0","EmptyState-image":"emptyState-module-EmptyState-image-GWUhK-4-20-0","EmptyState-title":"emptyState-module-EmptyState-title-VlvHo-4-20-0","EmptyState-description":"emptyState-module-EmptyState-description-orGdo-4-20-0","EmptyState-title--large":"emptyState-module-EmptyState-title--large-64J7i-4-20-0","EmptyState-title--small":"emptyState-module-EmptyState-title--small-lEDPt-4-20-0","EmptyState-description--large":"emptyState-module-EmptyState-description--large-hMXtK-4-20-0","EmptyState-description--small":"emptyState-module-EmptyState-description--small-gq50n-4-20-0","EmptyState-text":"emptyState-module-EmptyState-text-1y-HU-4-20-0","EmptyState-actions":"emptyState-module-EmptyState-actions-xhSau-4-20-0","EmptyState-title--compressed":"emptyState-module-EmptyState-title--compressed-Pp9jF-4-20-0","EmptyState-title--standard":"emptyState-module-EmptyState-title--standard-XtKl2-4-20-0","EmptyState-title--tight":"emptyState-module-EmptyState-title--tight-ZSyIK-4-20-0","EmptyState-actions--compressed":"emptyState-module-EmptyState-actions--compressed-E8-g2-4-20-0","EmptyState-actions--standard":"emptyState-module-EmptyState-actions--standard-G3fT9-4-20-0","EmptyState-actions--tight":"emptyState-module-EmptyState-actions--tight-mfayn-4-20-0"};
|
|
10294
10483
|
styleInject$1(css_248z$v);
|
|
10295
10484
|
|
|
10296
10485
|
var imageHeight$1 = {
|
|
@@ -10462,7 +10651,8 @@
|
|
|
10462
10651
|
}, image), imageSrc && !image && (/*#__PURE__*/React__namespace.createElement("img", {
|
|
10463
10652
|
src: imageSrc,
|
|
10464
10653
|
height: imageHeight[templateSize],
|
|
10465
|
-
"data-test": "DesignSystem-EmptyState--Img"
|
|
10654
|
+
"data-test": "DesignSystem-EmptyState--Img",
|
|
10655
|
+
alt: title || description || ''
|
|
10466
10656
|
})), title && (/*#__PURE__*/React__namespace.createElement(Heading, {
|
|
10467
10657
|
"data-test": "DesignSystem-EmptyState--Heading",
|
|
10468
10658
|
size: HeadingSize[templateSize],
|
|
@@ -10649,8 +10839,8 @@
|
|
|
10649
10839
|
pageJumpDebounceDuration: 750
|
|
10650
10840
|
};
|
|
10651
10841
|
|
|
10652
|
-
var css_248z$u = ".editableInput-module-EditableInput-jeeBB-4-
|
|
10653
|
-
var styles$s = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-
|
|
10842
|
+
var css_248z$u = ".editableInput-module-EditableInput-jeeBB-4-20-0 {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n width: 100%;\n}\n\n.editableInput-module-EditableInput-actions-L90fR-4-20-0 {\n position: absolute;\n display: flex;\n justify-content: flex-end;\n margin-top: var(--spacing-10);\n width: 100%;\n}\n\n.editableInput-module-EditableInput-actions--regular-ShViM-4-20-0 {\n top: var(--spacing-80);\n}\n\n.editableInput-module-EditableInput-actions--tiny-kIRx4-4-20-0 {\n top: var(--spacing-60);\n}\n\n.editableInput-module-EditableInput-default-PLtoY-4-20-0 {\n border: var(--border-width-2-5) solid transparent;\n box-sizing: border-box;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n\n.editableInput-module-EditableInput-default--regular-M9hwS-4-20-0 {\n min-width: var(--spacing-640);\n height: var(--spacing-80);\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-30);\n}\n\n.editableInput-module-EditableInput-default--tiny-PMLyx-4-20-0 {\n min-width: var(--spacing-240);\n height: var(--spacing-60);\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-height-s);\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.editableInput-module-EditableInput-Input--tiny-3FTNw-4-20-0 {\n min-width: var(--spacing-240) !important;\n width: 100%;\n}\n";
|
|
10843
|
+
var styles$s = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-20-0","EditableInput-actions":"editableInput-module-EditableInput-actions-L90fR-4-20-0","EditableInput-actions--regular":"editableInput-module-EditableInput-actions--regular-ShViM-4-20-0","EditableInput-actions--tiny":"editableInput-module-EditableInput-actions--tiny-kIRx4-4-20-0","EditableInput-default":"editableInput-module-EditableInput-default-PLtoY-4-20-0","EditableInput-default--regular":"editableInput-module-EditableInput-default--regular-M9hwS-4-20-0","EditableInput-default--tiny":"editableInput-module-EditableInput-default--tiny-PMLyx-4-20-0","EditableInput-Input--tiny":"editableInput-module-EditableInput-Input--tiny-3FTNw-4-20-0"};
|
|
10654
10844
|
styleInject$1(css_248z$u);
|
|
10655
10845
|
|
|
10656
10846
|
var EditableInput = function EditableInput(props) {
|
|
@@ -10683,6 +10873,12 @@
|
|
|
10683
10873
|
React__namespace.useEffect(function () {
|
|
10684
10874
|
if (isControlled) setValue(props.value);
|
|
10685
10875
|
}, [props.value]);
|
|
10876
|
+
React__namespace.useEffect(function () {
|
|
10877
|
+
var _a;
|
|
10878
|
+
if (editing && showComponent) {
|
|
10879
|
+
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
10880
|
+
}
|
|
10881
|
+
}, [editing, showComponent]);
|
|
10686
10882
|
var EditableInputClass = classNames__default["default"]((_a = {}, _a[styles$s['EditableInput']] = true, _a), className);
|
|
10687
10883
|
var EditableDefaultClass = classNames__default["default"]((_b = {}, _b[styles$s['EditableInput-default']] = true, _b[styles$s["EditableInput-default--" + size]] = size, _b));
|
|
10688
10884
|
var InputClass = classNames__default["default"]((_c = {}, _c[styles$s['EditableInput-Input--tiny']] = size === 'tiny', _c));
|
|
@@ -10702,11 +10898,9 @@
|
|
|
10702
10898
|
if (onInputChange) onInputChange(e);
|
|
10703
10899
|
};
|
|
10704
10900
|
var onChangeHandler = function onChangeHandler(eventType) {
|
|
10705
|
-
var _a;
|
|
10706
10901
|
switch (eventType) {
|
|
10707
10902
|
case 'edit':
|
|
10708
10903
|
{
|
|
10709
|
-
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
10710
10904
|
setEditing(true);
|
|
10711
10905
|
setShowComponent(true);
|
|
10712
10906
|
break;
|
|
@@ -10766,7 +10960,8 @@
|
|
|
10766
10960
|
"data-test": "DesignSystem-EditableInput"
|
|
10767
10961
|
}, baseProps, {
|
|
10768
10962
|
className: EditableInputClass,
|
|
10769
|
-
onKeyDown: onKeyDown
|
|
10963
|
+
onKeyDown: onKeyDown,
|
|
10964
|
+
role: "presentation"
|
|
10770
10965
|
}), /*#__PURE__*/React__namespace.createElement(Editable, {
|
|
10771
10966
|
onChange: onChangeHandler,
|
|
10772
10967
|
editing: editing
|
|
@@ -10798,8 +10993,8 @@
|
|
|
10798
10993
|
inputOptions: {}
|
|
10799
10994
|
};
|
|
10800
10995
|
|
|
10801
|
-
var css_248z$t = ".editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
10802
|
-
var styles$r = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
10996
|
+
var css_248z$t = ".editableChipInput-module-EditableChipInput-fDBaL-4-20-0 {\n position: relative;\n width: 100%;\n}\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-20-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-30);\n border-left: var(--border-width-2-5) solid transparent;\n min-height: var(--spacing-80);\n flex-wrap: wrap;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-20-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-20);\n border: var(--border-width-2-5) solid transparent;\n padding-top: var(--spacing-2-5);\n padding-bottom: var(--spacing-2-5);\n max-width: calc(100% - 28px);\n flex-wrap: wrap;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-20-0:hover,\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-20-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.editableChipInput-module-EditableChipInput-chipInput-5LAer-4-20-0 {\n padding-left: var(--spacing-20);\n}\n\n.editableChipInput-module-EditableChipInput-actions-S7NrY-4-20-0 {\n position: absolute;\n display: flex;\n justify-content: flex-end;\n margin-top: var(--spacing-10);\n width: 100%;\n}\n";
|
|
10997
|
+
var styles$r = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-20-0","EditableChipInput-default":"editableChipInput-module-EditableChipInput-default-ANzd8-4-20-0","EditableChipInput-defaultWithChips":"editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-20-0","EditableChipInput-chipInput":"editableChipInput-module-EditableChipInput-chipInput-5LAer-4-20-0","EditableChipInput-actions":"editableChipInput-module-EditableChipInput-actions-S7NrY-4-20-0"};
|
|
10803
10998
|
styleInject$1(css_248z$t);
|
|
10804
10999
|
|
|
10805
11000
|
var EditableChipInput = function EditableChipInput(props) {
|
|
@@ -10956,8 +11151,8 @@
|
|
|
10956
11151
|
chipInputOptions: {}
|
|
10957
11152
|
};
|
|
10958
11153
|
|
|
10959
|
-
var css_248z$s = ".progressRing-module-Ring-6kz7n-4-
|
|
10960
|
-
var styles$q = {"Ring":"progressRing-module-Ring-6kz7n-4-
|
|
11154
|
+
var css_248z$s = ".progressRing-module-Ring-6kz7n-4-20-0 {\n transform: rotate(-90deg);\n}\n\n.progressRing-module-Ring--small-h-W58-4-20-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.progressRing-module-Ring--regular-PU85S-4-20-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.progressRing-module-Ring--large-2xhS6-4-20-0 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.progressRing-module-Ring-6kz7n-4-20-0 Circle {\n fill: none;\n}\n\n.progressRing-module-Ring-background-Pxm3y-4-20-0 {\n stroke: var(--secondary-lightest);\n}\n\n.progressRing-module-Ring-indicator-OwMxU-4-20-0 {\n stroke: var(--primary);\n transition: var(--duration--slow-01) var(--standard-expressive-curve);\n}\n";
|
|
11155
|
+
var styles$q = {"Ring":"progressRing-module-Ring-6kz7n-4-20-0","Ring--small":"progressRing-module-Ring--small-h-W58-4-20-0","Ring--regular":"progressRing-module-Ring--regular-PU85S-4-20-0","Ring--large":"progressRing-module-Ring--large-2xhS6-4-20-0","Ring-background":"progressRing-module-Ring-background-Pxm3y-4-20-0","Ring-indicator":"progressRing-module-Ring-indicator-OwMxU-4-20-0"};
|
|
10961
11156
|
styleInject$1(css_248z$s);
|
|
10962
11157
|
|
|
10963
11158
|
var ProgressRing = function ProgressRing(props) {
|
|
@@ -11001,8 +11196,8 @@
|
|
|
11001
11196
|
max: 100
|
|
11002
11197
|
};
|
|
11003
11198
|
|
|
11004
|
-
var css_248z$r = ".stepper-module-Stepper-2fHQy-4-
|
|
11005
|
-
var styles$p = {"Stepper":"stepper-module-Stepper-2fHQy-4-
|
|
11199
|
+
var css_248z$r = ".stepper-module-Stepper-2fHQy-4-20-0 {\n display: flex;\n}\n\n.stepper-module-Step-U1Ae--4-20-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-30);\n margin-left: var(--spacing-2-5);\n margin-right: var(--spacing-2-5);\n border-radius: var(--border-radius-40);\n cursor: pointer;\n}\n\n.stepper-module-Step-U1Ae--4-20-0:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step-U1Ae--4-20-0:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step-U1Ae--4-20-0:focus,\n.stepper-module-Step-U1Ae--4-20-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n/* Completed State */\n\n.stepper-module-Step--completed-W1Ltb-4-20-0 {\n color: var(--primary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-20-0:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-20-0:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-20-0:focus,\n.stepper-module-Step--completed-W1Ltb-4-20-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n/* Active State */\n\n.stepper-module-Step--active-OpxVe-4-20-0 {\n background-color: var(--primary-lightest);\n color: var(--primary-dark);\n transition-delay: var(--duration--fast-02);\n}\n\n.stepper-module-Step--active-OpxVe-4-20-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.stepper-module-Step--active-OpxVe-4-20-0:focus,\n.stepper-module-Step--active-OpxVe-4-20-0:focus-visible {\n background-color: var(--primary-lightest);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.stepper-module-Step--active-OpxVe-4-20-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.stepper-module-Step--active-OpxVe-4-20-0:active .stepper-module-Stepper-text-1S78v-4-20-0 {\n color: var(--primary-darker);\n}\n\n/* Disabled State */\n\n.stepper-module-Step--disabled-2l-AC-4-20-0 {\n cursor: not-allowed;\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n\n.stepper-module-Stepper-animate-Tgb9L-4-20-0 {\n transition-delay: var(--duration--fast-02);\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n";
|
|
11200
|
+
var styles$p = {"Stepper":"stepper-module-Stepper-2fHQy-4-20-0","Step":"stepper-module-Step-U1Ae--4-20-0","Step--completed":"stepper-module-Step--completed-W1Ltb-4-20-0","Step--active":"stepper-module-Step--active-OpxVe-4-20-0","Stepper-text":"stepper-module-Stepper-text-1S78v-4-20-0","Step--disabled":"stepper-module-Step--disabled-2l-AC-4-20-0","Stepper-animate":"stepper-module-Stepper-animate-Tgb9L-4-20-0"};
|
|
11006
11201
|
styleInject$1(css_248z$r);
|
|
11007
11202
|
|
|
11008
11203
|
var Step$1 = function Step(props) {
|
|
@@ -11023,7 +11218,8 @@
|
|
|
11023
11218
|
if (onChange) onChange(label, value);
|
|
11024
11219
|
};
|
|
11025
11220
|
var onKeyDownHandler = function onKeyDownHandler(event) {
|
|
11026
|
-
if (event.key === 'Enter') {
|
|
11221
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
11222
|
+
event.preventDefault();
|
|
11027
11223
|
onClickHandle();
|
|
11028
11224
|
}
|
|
11029
11225
|
};
|
|
@@ -11035,7 +11231,9 @@
|
|
|
11035
11231
|
return onKeyDownHandler(e);
|
|
11036
11232
|
},
|
|
11037
11233
|
onClick: onClickHandle,
|
|
11038
|
-
tabIndex: disabled ? -1 : 0
|
|
11234
|
+
tabIndex: disabled ? -1 : 0,
|
|
11235
|
+
role: "button",
|
|
11236
|
+
"aria-disabled": disabled || undefined
|
|
11039
11237
|
}, /*#__PURE__*/React__namespace.createElement(Icon, {
|
|
11040
11238
|
"data-test": "DesignSystem-Step--Icon",
|
|
11041
11239
|
name: completed ? 'check_circle' : 'radio_button_unchecked',
|
|
@@ -11092,8 +11290,8 @@
|
|
|
11092
11290
|
skipIndexes: []
|
|
11093
11291
|
};
|
|
11094
11292
|
|
|
11095
|
-
var css_248z$q = ".dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
11096
|
-
var styles$o = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
11293
|
+
var css_248z$q = ".dateRangePicker-module-DateRangePicker-XQroW-4-20-0 {\n display: flex;\n}\n\n.dateRangePicker-module-DateRangePicker--left-h3kfr-4-20-0 {\n flex-direction: row;\n}\n\n.dateRangePicker-module-DateRangePicker--right-0yzI--4-20-0 {\n flex-direction: row-reverse;\n}\n\n.dateRangePicker-module-DateRangePicker-input-OZjbS-4-20-0 {\n box-sizing: border-box;\n}\n\n.dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-20-0 {\n padding-right: var(--spacing-10);\n}\n\n.dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-20-0 {\n padding-left: var(--spacing-10);\n}\n\n@media (max-width: 576px) {\n .dateRangePicker-module-DateRangePicker-input-OZjbS-4-20-0 {\n padding: 0;\n }\n\n .dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-20-0 {\n padding-top: var(--spacing-20);\n }\n}\n";
|
|
11294
|
+
var styles$o = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-20-0","DateRangePicker--left":"dateRangePicker-module-DateRangePicker--left-h3kfr-4-20-0","DateRangePicker--right":"dateRangePicker-module-DateRangePicker--right-0yzI--4-20-0","DateRangePicker-input":"dateRangePicker-module-DateRangePicker-input-OZjbS-4-20-0","DateRangePicker-input--startDate":"dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-20-0","DateRangePicker-input--endDate":"dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-20-0"};
|
|
11097
11295
|
styleInject$1(css_248z$q);
|
|
11098
11296
|
|
|
11099
11297
|
var Trigger = function Trigger(props) {
|
|
@@ -11868,8 +12066,8 @@
|
|
|
11868
12066
|
return DateRangePicker;
|
|
11869
12067
|
}(React__namespace.Component);
|
|
11870
12068
|
|
|
11871
|
-
var css_248z$p = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-
|
|
11872
|
-
var styles$n = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-
|
|
12069
|
+
var css_248z$p = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-20-0 {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.tabs-module-TabsWrapper-header-psflk-4-20-0 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n flex-direction: row;\n}\n\n.tabs-module-TabsWrapper-header--withSeparator-gbJ63-4-20-0 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-7anZt-4-20-0 {\n position: relative;\n display: flex;\n flex-direction: row;\n cursor: pointer;\n min-width: 40px;\n margin-bottom: calc(-1 * var(--spacing-2-5));\n text-align: center;\n}\n\n.tabs-module-Tab--small-t-Ovt-4-20-0 {\n padding: var(--spacing-20) var(--spacing-30) var(--spacing-30);\n}\n\n.tabs-module-Tab--regular-f2Pf2-4-20-0 {\n padding: var(--spacing-30) var(--spacing-30) var(--spacing-40);\n}\n\n.tabs-module-Tab-7anZt-4-20-0:last-child {\n margin-right: 0;\n}\n\n.tabs-module-Tab-7anZt-4-20-0::after {\n position: absolute;\n left: 0;\n bottom: 0;\n content: '';\n width: calc(100% - 2 * var(--spacing-30));\n height: var(--spacing-05);\n background-color: transparent;\n margin-left: var(--spacing-30);\n border-top-left-radius: var(--border-radius-2-5);\n border-top-right-radius: var(--border-radius-2-5);\n}\n\n.tabs-module-Tab-7anZt-4-20-0:hover::after {\n background-color: var(--inverse-lighter);\n}\n\n.tabs-module-Tab-7anZt-4-20-0:active::after {\n background-color: var(--inverse-light);\n}\n\n.tabs-module-Tab--active-H398--4-20-0::after {\n background-color: var(--primary);\n}\n\n.tabs-module-Tab-7anZt-4-20-0:focus {\n outline: none;\n border-radius: var(--border-radius-10);\n /* Using box shadow instead of border as border shifts the div down which cuts the Icon & Text of label. */\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.tabs-module-Tab--active-H398--4-20-0:hover .tabs-module-Tab-selected-21aei-4-20-0 {\n color: var(--primary-dark);\n}\n\n.tabs-module-Tab-selected-21aei-4-20-0:hover::after {\n background-color: var(--primary-dark);\n}\n\n.tabs-module-Tab-7anZt-4-20-0:active:focus {\n box-shadow: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-20-0 {\n cursor: not-allowed;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-20-0:focus {\n box-shadow: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-20-0:hover::after {\n background-color: transparent;\n}\n\n.tabs-module-Tab-icon-s-gJG-4-20-0 {\n display: flex;\n min-width: inherit;\n justify-content: space-between;\n}\n\n.tabs-module-Tabs-oQ6zt-4-20-0 {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n}\n\n.tabs-module-Tabs--withSeparator-ENZzj-4-20-0 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-pills-i0on--4-20-0 {\n cursor: pointer;\n margin-right: var(--spacing-20);\n overflow: visible;\n}\n\n.tabs-module-Tab-pills--disabled-7RUAZ-4-20-0 {\n opacity: var(--opacity-10);\n cursor: not-allowed;\n}\n\n.tabs-module-DismissibleTab-icon--right--MDLa-4-20-0 {\n padding: var(--spacing-05);\n margin-left: var(--spacing-05);\n outline: none;\n border-radius: var(--border-radius-full);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-20-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-20-0:hover {\n background-color: var(--secondary);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-20-0:active {\n background-color: var(--secondary-dark);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-20-0:focus-visible {\n outline: var(--spacing-05) solid var(--primary-shadow);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-20-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-20-0:active {\n background-color: var(--primary-light);\n}\n\n.tabs-module-Tab--overflow-ZMfp0-4-20-0 {\n display: flex;\n box-sizing: border-box;\n}\n";
|
|
12070
|
+
var styles$n = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-20-0","TabsWrapper-header":"tabs-module-TabsWrapper-header-psflk-4-20-0","TabsWrapper-header--withSeparator":"tabs-module-TabsWrapper-header--withSeparator-gbJ63-4-20-0","Tab":"tabs-module-Tab-7anZt-4-20-0","Tab--small":"tabs-module-Tab--small-t-Ovt-4-20-0","Tab--regular":"tabs-module-Tab--regular-f2Pf2-4-20-0","Tab--active":"tabs-module-Tab--active-H398--4-20-0","Tab-selected":"tabs-module-Tab-selected-21aei-4-20-0","Tab--disabled":"tabs-module-Tab--disabled-jMmkz-4-20-0","Tab-icon":"tabs-module-Tab-icon-s-gJG-4-20-0","Tabs":"tabs-module-Tabs-oQ6zt-4-20-0","Tabs--withSeparator":"tabs-module-Tabs--withSeparator-ENZzj-4-20-0","Tab-pills":"tabs-module-Tab-pills-i0on--4-20-0","Tab-pills--disabled":"tabs-module-Tab-pills--disabled-7RUAZ-4-20-0","DismissibleTab-icon--right":"tabs-module-DismissibleTab-icon--right--MDLa-4-20-0","DismissibleTab-icon--default":"tabs-module-DismissibleTab-icon--default-Jh5TO-4-20-0","DismissibleTab-icon--selected":"tabs-module-DismissibleTab-icon--selected-9Fyvu-4-20-0","Tab--overflow":"tabs-module-Tab--overflow-ZMfp0-4-20-0"};
|
|
11873
12071
|
styleInject$1(css_248z$p);
|
|
11874
12072
|
|
|
11875
12073
|
var TabsWrapper = function TabsWrapper(props) {
|
|
@@ -11905,7 +12103,17 @@
|
|
|
11905
12103
|
className: tabHeaderClass,
|
|
11906
12104
|
onClick: function onClick() {
|
|
11907
12105
|
return !disabled && tabClickHandler(index);
|
|
11908
|
-
}
|
|
12106
|
+
},
|
|
12107
|
+
onKeyDown: function onKeyDown(event) {
|
|
12108
|
+
if (disabled) return;
|
|
12109
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
12110
|
+
event.preventDefault();
|
|
12111
|
+
tabClickHandler(index);
|
|
12112
|
+
}
|
|
12113
|
+
},
|
|
12114
|
+
role: "button",
|
|
12115
|
+
tabIndex: disabled ? -1 : 0,
|
|
12116
|
+
"aria-disabled": disabled || undefined
|
|
11909
12117
|
}, label);
|
|
11910
12118
|
});
|
|
11911
12119
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({
|
|
@@ -12118,7 +12326,9 @@
|
|
|
12118
12326
|
onKeyDown: function onKeyDown(event) {
|
|
12119
12327
|
return tabKeyDownHandler(event, index);
|
|
12120
12328
|
},
|
|
12121
|
-
tabIndex: disabled ? -1 : 0
|
|
12329
|
+
tabIndex: disabled ? -1 : 0,
|
|
12330
|
+
role: "button",
|
|
12331
|
+
"aria-disabled": disabled || undefined
|
|
12122
12332
|
}, renderTab(currentTabProp, index));
|
|
12123
12333
|
});
|
|
12124
12334
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({
|
|
@@ -12818,8 +13028,8 @@
|
|
|
12818
13028
|
}
|
|
12819
13029
|
};
|
|
12820
13030
|
|
|
12821
|
-
var css_248z$o = ".dropzone-module-Dropzone-xfBzQ-4-
|
|
12822
|
-
var styles$m = {"Dropzone":"dropzone-module-Dropzone-xfBzQ-4-
|
|
13031
|
+
var css_248z$o = ".dropzone-module-Dropzone-xfBzQ-4-20-0 {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--white);\n border-radius: var(--border-radius-10);\n width: 100%;\n background-image: linear-gradient(to right, var(--secondary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--secondary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, var(--secondary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--secondary) 50%, rgba(255, 255, 255, 0) 0%);\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: var(--spacing-40) var(--spacing-2-5), var(--spacing-2-5) var(--spacing-40);\n transition: background-color var(--duration--moderate-01) var(--standard-productive-curve);\n box-sizing: border-box;\n}\n\n.dropzone-module-Dropzone--active-M0Gcb-4-20-0 {\n background-color: var(--primary-lightest);\n background-image: linear-gradient(to right, var(--primary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--primary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, var(--primary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--primary) 50%, rgba(255, 255, 255, 0) 0%);\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: var(--spacing-40) var(--spacing-2-5), var(--spacing-2-5) var(--spacing-40);\n transition: background-color var(--duration--moderate-01) var(--standard-productive-curve);\n box-sizing: border-box;\n}\n\n.dropzone-module-Dropzone-animation-qJQVf-4-20-0 {\n animation-delay: var(--duration--fast-02);\n animation-fill-mode: forwards;\n}\n\n.dropzone-module-Dropzone-animation--default-cuelA-4-20-0 {\n animation: dropzone-module-dropzoneDefault-5MWv4-4-20-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-animation--active-AlfVM-4-20-0 {\n animation: dropzone-module-dropzoneActive-DcbqH-4-20-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneDefault-5MWv4-4-20-0 {\n from {\n opacity: 0;\n padding-top: 20px;\n }\n\n to {\n opacity: 1;\n padding-top: var(--spacing-30);\n }\n}\n\n@keyframes dropzone-module-dropzoneActive-DcbqH-4-20-0 {\n from {\n opacity: 0;\n padding-top: 20px;\n }\n\n to {\n opacity: 1;\n padding-top: var(--spacing-30);\n }\n}\n\n.dropzone-module-Dropzone-standard--default-HMghu-4-20-0 {\n animation: dropzone-module-dropzoneStandardDefault-YIUej-4-20-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-standard--active-8ZfF7-4-20-0 {\n animation: dropzone-module-dropzoneStandardActive-ZiJ-w-4-20-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneStandardDefault-YIUej-4-20-0 {\n from {\n opacity: 0;\n padding-top: var(--spacing-40);\n }\n\n to {\n opacity: 1;\n padding-top: var(--spacing-20);\n }\n}\n\n@keyframes dropzone-module-dropzoneStandardActive-ZiJ-w-4-20-0 {\n from {\n opacity: 0;\n padding-top: var(--spacing-40);\n }\n\n to {\n opacity: 1;\n padding-top: var(--spacing-20);\n }\n}\n\n.dropzone-module-Dropzone--error-wcuXz-4-20-0 {\n background: var(--alert-lightest);\n background-image: linear-gradient(to right, var(--alert) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--alert) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, var(--alert) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--alert) 50%, rgba(255, 255, 255, 0) 0%);\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: var(--spacing-40) var(--spacing-2-5), var(--spacing-2-5) var(--spacing-40);\n}\n\n.dropzone-module-Dropzone--disabled-Z-6tQ-4-20-0 {\n background-image: linear-gradient(to right, var(--secondary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--secondary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, var(--secondary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--secondary) 50%, rgba(255, 255, 255, 0) 0%);\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: var(--spacing-40) var(--spacing-2-5), var(--spacing-2-5) var(--spacing-40);\n}\n\n.dropzone-module-Dropzone--standard-BLqgV-4-20-0 {\n flex-direction: column;\n height: 196px;\n min-width: 480px;\n padding: var(--spacing-20) var(--spacing-60) var(--spacing-40) var(--spacing-60);\n}\n\n.dropzone-module-Dropzone--compressed-REqQ2-4-20-0 {\n flex-direction: row;\n height: 124px;\n min-width: 400px;\n padding: var(--spacing-30) var(--spacing-60) var(--spacing-40) var(--spacing-60);\n}\n\n.dropzone-module-Dropzone--tight--XZ-s-4-20-0 {\n height: 124px;\n min-width: 320px;\n padding: var(--spacing-30) var(--spacing-60) var(--spacing-40) var(--spacing-60);\n}\n\n.dropzone-module-DropzoneWrapper-sLmKQ-4-20-0 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.dropzone-module-DropzoneWrapper--standard-0fW8S-4-20-0,\n.dropzone-module-DropzoneWrapper--tight-Cg0sm-4-20-0 {\n align-items: center;\n}\n\n.dropzone-module-DropzoneWrapper--compressed-UKNax-4-20-0 {\n align-items: start;\n}\n\n.dropzone-module-Dropzone-icon--standard-Nv5eM-4-20-0 {\n margin-bottom: var(--spacing-30);\n}\n\n.dropzone-module-Dropzone-icon--compressed-lcmwS-4-20-0 {\n margin-right: var(--spacing-60);\n}\n\n.dropzone-module-Dropzone-icon--disabled-8nN-d-4-20-0 {\n fill: var(--inverse-lightest);\n}\n\n.dropzone-module-Dropzone-icon--default-mwP9a-4-20-0 {\n fill: var(--inverse-lighter);\n}\n\n.dropzone-module-Dropzone-icon--active-qPLXO-4-20-0 {\n fill: var(--primary);\n}\n\n.dropzone-module-Dropzone-icon--error-ImiCw-4-20-0 {\n fill: var(--alert);\n}\n";
|
|
13032
|
+
var styles$m = {"Dropzone":"dropzone-module-Dropzone-xfBzQ-4-20-0","Dropzone--active":"dropzone-module-Dropzone--active-M0Gcb-4-20-0","Dropzone-animation":"dropzone-module-Dropzone-animation-qJQVf-4-20-0","Dropzone-animation--default":"dropzone-module-Dropzone-animation--default-cuelA-4-20-0","dropzoneDefault":"dropzone-module-dropzoneDefault-5MWv4-4-20-0","Dropzone-animation--active":"dropzone-module-Dropzone-animation--active-AlfVM-4-20-0","dropzoneActive":"dropzone-module-dropzoneActive-DcbqH-4-20-0","Dropzone-standard--default":"dropzone-module-Dropzone-standard--default-HMghu-4-20-0","dropzoneStandardDefault":"dropzone-module-dropzoneStandardDefault-YIUej-4-20-0","Dropzone-standard--active":"dropzone-module-Dropzone-standard--active-8ZfF7-4-20-0","dropzoneStandardActive":"dropzone-module-dropzoneStandardActive-ZiJ-w-4-20-0","Dropzone--error":"dropzone-module-Dropzone--error-wcuXz-4-20-0","Dropzone--disabled":"dropzone-module-Dropzone--disabled-Z-6tQ-4-20-0","Dropzone--standard":"dropzone-module-Dropzone--standard-BLqgV-4-20-0","Dropzone--compressed":"dropzone-module-Dropzone--compressed-REqQ2-4-20-0","Dropzone--tight":"dropzone-module-Dropzone--tight--XZ-s-4-20-0","DropzoneWrapper":"dropzone-module-DropzoneWrapper-sLmKQ-4-20-0","DropzoneWrapper--standard":"dropzone-module-DropzoneWrapper--standard-0fW8S-4-20-0","DropzoneWrapper--tight":"dropzone-module-DropzoneWrapper--tight-Cg0sm-4-20-0","DropzoneWrapper--compressed":"dropzone-module-DropzoneWrapper--compressed-UKNax-4-20-0","Dropzone-icon--standard":"dropzone-module-Dropzone-icon--standard-Nv5eM-4-20-0","Dropzone-icon--compressed":"dropzone-module-Dropzone-icon--compressed-lcmwS-4-20-0","Dropzone-icon--disabled":"dropzone-module-Dropzone-icon--disabled-8nN-d-4-20-0","Dropzone-icon--default":"dropzone-module-Dropzone-icon--default-mwP9a-4-20-0","Dropzone-icon--active":"dropzone-module-Dropzone-icon--active-qPLXO-4-20-0","Dropzone-icon--error":"dropzone-module-Dropzone-icon--error-ImiCw-4-20-0"};
|
|
12823
13033
|
styleInject$1(css_248z$o);
|
|
12824
13034
|
|
|
12825
13035
|
var svgCode = {
|
|
@@ -12951,8 +13161,8 @@
|
|
|
12951
13161
|
};
|
|
12952
13162
|
FileUploaderFormat.displayName = 'FileUploaderFormat';
|
|
12953
13163
|
|
|
12954
|
-
var css_248z$n = ".fileUploader-module-FileUploader--Pv73-4-
|
|
12955
|
-
var styles$l = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-
|
|
13164
|
+
var css_248z$n = ".fileUploader-module-FileUploader--Pv73-4-20-0 {\n display: flex;\n flex-direction: column;\n}\n\n.fileUploader-module-FileUploaderButton-qfMIr-4-20-0 {\n width: -moz-fit-content;\n width: fit-content;\n position: relative;\n}\n\n.fileUploader-module-FileUploaderButton-input-em151-4-20-0 {\n height: 100%;\n width: 100%;\n top: 0;\n position: absolute;\n opacity: 0;\n font-size: 0;\n z-index: 2;\n cursor: pointer;\n}\n\n.fileUploader-module-FileUploaderItem-ukfM6-4-20-0 {\n width: var(--spacing-640);\n}\n\n.fileUploader-module-FileUploaderItem-text-5ygMX-4-20-0 {\n width: var(--spacing-440);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.fileUploader-module-FileUploaderItem-file-HKKiB-4-20-0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n}\n";
|
|
13165
|
+
var styles$l = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-20-0","FileUploaderButton":"fileUploader-module-FileUploaderButton-qfMIr-4-20-0","FileUploaderButton-input":"fileUploader-module-FileUploaderButton-input-em151-4-20-0","FileUploaderItem":"fileUploader-module-FileUploaderItem-ukfM6-4-20-0","FileUploaderItem-text":"fileUploader-module-FileUploaderItem-text-5ygMX-4-20-0","FileUploaderItem-file":"fileUploader-module-FileUploaderItem-file-HKKiB-4-20-0"};
|
|
12956
13166
|
styleInject$1(css_248z$n);
|
|
12957
13167
|
|
|
12958
13168
|
var FileUploaderButton = function FileUploaderButton(props) {
|
|
@@ -13084,13 +13294,24 @@
|
|
|
13084
13294
|
className = props.className;
|
|
13085
13295
|
var name = file.name;
|
|
13086
13296
|
var baseProps = extractBaseProps(props);
|
|
13297
|
+
var isClickable = Boolean(_onClick);
|
|
13298
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
13299
|
+
if (!isClickable) return;
|
|
13300
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
13301
|
+
event.preventDefault();
|
|
13302
|
+
_onClick === null || _onClick === void 0 ? void 0 : _onClick(file, id);
|
|
13303
|
+
}
|
|
13304
|
+
};
|
|
13087
13305
|
var FileItemClass = classNames__default["default"]((_a = {}, _a[styles$l['FileUploaderItem']] = true, _a), className);
|
|
13088
13306
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({}, baseProps, {
|
|
13089
13307
|
"data-test": "DesignSystem-FileUploader--Item",
|
|
13090
13308
|
className: FileItemClass,
|
|
13091
13309
|
onClick: function onClick() {
|
|
13092
13310
|
return _onClick && _onClick(file, id);
|
|
13093
|
-
}
|
|
13311
|
+
},
|
|
13312
|
+
onKeyDown: handleKeyDown,
|
|
13313
|
+
role: isClickable ? 'button' : undefined,
|
|
13314
|
+
tabIndex: isClickable ? 0 : undefined
|
|
13094
13315
|
}), /*#__PURE__*/React__namespace.createElement("div", {
|
|
13095
13316
|
className: styles$l['FileUploaderItem-file']
|
|
13096
13317
|
}, /*#__PURE__*/React__namespace.createElement(Text, {
|
|
@@ -13780,6 +14001,13 @@
|
|
|
13780
14001
|
name: "unfold_more"
|
|
13781
14002
|
})))));
|
|
13782
14003
|
};
|
|
14004
|
+
var isSortable = !loading && sorting;
|
|
14005
|
+
var handleSortToggle = function handleSortToggle() {
|
|
14006
|
+
if (!isSortable) return;
|
|
14007
|
+
if (sorted === 'asc') onMenuChange(name, 'sortDesc');
|
|
14008
|
+
if (sorted === 'desc') onMenuChange(name, 'unsort');
|
|
14009
|
+
if (!sorted) onMenuChange(name, 'sortAsc');
|
|
14010
|
+
};
|
|
13783
14011
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
13784
14012
|
key: name,
|
|
13785
14013
|
className: classes,
|
|
@@ -13787,13 +14015,17 @@
|
|
|
13787
14015
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
13788
14016
|
className: gridStyles['Grid-cellContent'],
|
|
13789
14017
|
"data-test": "DesignSystem-Grid-cellContent",
|
|
13790
|
-
onClick:
|
|
13791
|
-
|
|
13792
|
-
|
|
13793
|
-
|
|
13794
|
-
|
|
14018
|
+
onClick: handleSortToggle,
|
|
14019
|
+
onKeyDown: function onKeyDown(event) {
|
|
14020
|
+
if (!isSortable) return;
|
|
14021
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
14022
|
+
event.preventDefault();
|
|
14023
|
+
handleSortToggle();
|
|
13795
14024
|
}
|
|
13796
|
-
}
|
|
14025
|
+
},
|
|
14026
|
+
role: isSortable ? 'button' : undefined,
|
|
14027
|
+
tabIndex: isSortable ? 0 : -1,
|
|
14028
|
+
"aria-disabled": !isSortable || undefined
|
|
13797
14029
|
}, loading && !isValidSchema ? (/*#__PURE__*/React__namespace.createElement(Placeholder, {
|
|
13798
14030
|
withImage: false
|
|
13799
14031
|
}, /*#__PURE__*/React__namespace.createElement(PlaceholderParagraph, {
|
|
@@ -13849,7 +14081,19 @@
|
|
|
13849
14081
|
updateColumnSchema: updateColumnSchema
|
|
13850
14082
|
}, name, el.current);
|
|
13851
14083
|
setIsDragged(false);
|
|
13852
|
-
}
|
|
14084
|
+
},
|
|
14085
|
+
onKeyDown: function onKeyDown(event) {
|
|
14086
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
14087
|
+
event.preventDefault();
|
|
14088
|
+
resizeCol({
|
|
14089
|
+
updateColumnSchema: updateColumnSchema
|
|
14090
|
+
}, name, el.current);
|
|
14091
|
+
setIsDragged(false);
|
|
14092
|
+
}
|
|
14093
|
+
},
|
|
14094
|
+
role: "button",
|
|
14095
|
+
tabIndex: 0,
|
|
14096
|
+
"aria-label": "Resize " + name + " column"
|
|
13853
14097
|
})));
|
|
13854
14098
|
};
|
|
13855
14099
|
var BodyCell = function BodyCell(props) {
|
|
@@ -15422,8 +15666,8 @@
|
|
|
15422
15666
|
}, "Apply"))));
|
|
15423
15667
|
};
|
|
15424
15668
|
|
|
15425
|
-
var css_248z$m = ".table-module-Table--qR8j-4-
|
|
15426
|
-
var tableStyles = {"Table":"table-module-Table--qR8j-4-
|
|
15669
|
+
var css_248z$m = ".table-module-Table--qR8j-4-20-0 {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n height: 100%;\n width: 100%;\n z-index: 1;\n}\n\n.table-module-Table-grid-4jCRZ-4-20-0 {\n height: 100%;\n min-height: 0;\n overflow: hidden;\n z-index: 1;\n flex: 1 1 auto;\n}\n\n.table-module-Table-pagination-8llhn-4-20-0 {\n display: flex;\n justify-content: center;\n background: var(--white);\n padding: var(--spacing-20) 0;\n border-top: var(--border);\n}\n\n.table-module-Table-Header--Divider--qPHO-4-20-0 {\n height: var(--spacing-60);\n}\n\n.table-module-Table-Header-Label--hide-z7HVq-4-20-0 {\n animation: table-module-fadeOut-9yrts-4-20-0 var(--duration--fast-02) var(--exit-productive-curve);\n animation-fill-mode: forwards;\n}\n\n.table-module-Table-Header-Label--show-bh0tC-4-20-0 {\n animation: table-module-fadeIn-YCXL6-4-20-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n animation-fill-mode: forwards;\n}\n";
|
|
15670
|
+
var tableStyles = {"Table":"table-module-Table--qR8j-4-20-0","Table-grid":"table-module-Table-grid-4jCRZ-4-20-0","Table-pagination":"table-module-Table-pagination-8llhn-4-20-0","Table-Header--Divider":"table-module-Table-Header--Divider--qPHO-4-20-0","Table-Header-Label--hide":"table-module-Table-Header-Label--hide-z7HVq-4-20-0","fadeOut":"table-module-fadeOut-9yrts-4-20-0","Table-Header-Label--show":"table-module-Table-Header-Label--show-bh0tC-4-20-0","fadeIn":"table-module-fadeIn-YCXL6-4-20-0"};
|
|
15427
15671
|
styleInject$1(css_248z$m);
|
|
15428
15672
|
|
|
15429
15673
|
var Header = function Header(props) {
|
|
@@ -16376,8 +16620,8 @@
|
|
|
16376
16620
|
};
|
|
16377
16621
|
List.defaultProps = defaultProps;
|
|
16378
16622
|
|
|
16379
|
-
var css_248z$l = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-
|
|
16380
|
-
var styles$k = {"Navigation":"navigation-module-Navigation-fsK-Z-4-
|
|
16623
|
+
var css_248z$l = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-20-0 {\n display: flex;\n}\n\n.navigation-module-Navigation--horizontal-Nlczj-4-20-0 {\n flex-grow: 1;\n justify-content: center;\n}\n\n.navigation-module-Navigation--vertical-JMMGv-4-20-0 {\n flex-direction: column;\n height: 100%;\n width: var(--spacing-640);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-20-0 {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.navigation-module-Navigation-body-zfrYs-4-20-0 {\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n padding-right: var(--spacing-20);\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-20-0 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.navigation-module-Navigation-menu--horizontal-DbG8C-4-20-0 {\n height: var(--spacing-80);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n border-radius: var(--border-radius-40);\n margin: 0 var(--spacing-2-5);\n}\n\n.navigation-module-Navigation-menu--disabled-6BCHc-4-20-0 {\n pointer-events: none;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-20-0:hover {\n background-color: var(--secondary-light);\n}\n\n.navigation-module-Navigation-menu--active-vLg2d-4-20-0,\n.navigation-module-Navigation-menu--active-vLg2d-4-20-0:hover {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menu--vertical-SD8c9-4-20-0 {\n /* padding-top: var(--spacing-10); */\n /* padding-bottom: var(--spacing-10); */\n padding-left: var(--spacing-20);\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n /* margin-right: var(--spacing-20); */\n border-radius: 0px var(--border-radius-40) var(--border-radius-40) 0px;\n}\n\n.navigation-module-Navigation-menu--rounded-RK5tK-4-20-0 {\n border-radius: var(--border-radius-40);\n}\n\n.navigation-module-Navigation-menu--subMenu-1Xkhm-4-20-0 {\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n padding-left: 40px;\n margin-top: 0;\n}\n\n.navigation-module-Navigation-menuIcon-mI-8A-4-20-0 {\n padding: 8px;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.navigation-module-Navigation-menuIcon--active-4-aoZ-4-20-0 {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menuLabel-qZLzA-4-20-0 {\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-20-0 .navigation-module-Text-4ez7T-4-20-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.navigation-module-Navigation-horizontalPills-CubKV-4-20-0 {\n margin-right: var(--spacing-10);\n}\n\n.navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-20-0 {\n opacity: var(--opacity-10);\n}\n\n.navigation-module-Navigation-footer-Ia0x--4-20-0 {\n display: flex;\n align-items: center;\n padding: var(--spacing-10) var(--spacing-20);\n}\n\n.navigation-module-Navigation-footer--border--gDQG-4-20-0 {\n border-top: var(--border);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-20-0 .navigation-module-Navigation-menuIcon--footer-I0MsK-4-20-0 {\n transform: rotate(180deg);\n}\n";
|
|
16624
|
+
var styles$k = {"Navigation":"navigation-module-Navigation-fsK-Z-4-20-0","Navigation--horizontal":"navigation-module-Navigation--horizontal-Nlczj-4-20-0","Navigation--vertical":"navigation-module-Navigation--vertical-JMMGv-4-20-0","Navigation--collapsed":"navigation-module-Navigation--collapsed-ubuOj-4-20-0","Navigation-body":"navigation-module-Navigation-body-zfrYs-4-20-0","Navigation-menu":"navigation-module-Navigation-menu-Afh6p-4-20-0","Navigation-menu--horizontal":"navigation-module-Navigation-menu--horizontal-DbG8C-4-20-0","Navigation-menu--disabled":"navigation-module-Navigation-menu--disabled-6BCHc-4-20-0","Navigation-menu--active":"navigation-module-Navigation-menu--active-vLg2d-4-20-0","Navigation-menu--vertical":"navigation-module-Navigation-menu--vertical-SD8c9-4-20-0","Navigation-menu--rounded":"navigation-module-Navigation-menu--rounded-RK5tK-4-20-0","Navigation-menu--subMenu":"navigation-module-Navigation-menu--subMenu-1Xkhm-4-20-0","Navigation-menuIcon":"navigation-module-Navigation-menuIcon-mI-8A-4-20-0","Navigation-menuIcon--active":"navigation-module-Navigation-menuIcon--active-4-aoZ-4-20-0","Navigation-menuLabel":"navigation-module-Navigation-menuLabel-qZLzA-4-20-0","Text":"navigation-module-Text-4ez7T-4-20-0","Navigation-horizontalPills":"navigation-module-Navigation-horizontalPills-CubKV-4-20-0","Navigation-horizontalPills--disabled":"navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-20-0","Navigation-footer":"navigation-module-Navigation-footer-Ia0x--4-20-0","Navigation-footer--border":"navigation-module-Navigation-footer--border--gDQG-4-20-0","Navigation-menuIcon--footer":"navigation-module-Navigation-menuIcon--footer-I0MsK-4-20-0"};
|
|
16381
16625
|
styleInject$1(css_248z$l);
|
|
16382
16626
|
|
|
16383
16627
|
var useState$1 = React__namespace.useState;
|
|
@@ -16439,6 +16683,13 @@
|
|
|
16439
16683
|
var activeMenuIcon = !expanded && isMenuActive(menus, menu, active) || activeMenu;
|
|
16440
16684
|
var menuClasses = classNames__default["default"]((_a = {}, _a[styles$k['Navigation-menu']] = true, _a[styles$k['Navigation-menu--vertical']] = true, _a[styles$k['Navigation-menu--active']] = activeMenu, _a[styles$k['Navigation-menu--rounded']] = expanded && rounded, _a));
|
|
16441
16685
|
var menuIconClasses = classNames__default["default"]((_b = {}, _b[styles$k['Navigation-menuIcon']] = true, _b[styles$k['Navigation-menuIcon--active']] = activeMenuIcon, _b));
|
|
16686
|
+
var handleMenuKeyDown = function handleMenuKeyDown(event) {
|
|
16687
|
+
if (menu.disabled) return;
|
|
16688
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
16689
|
+
event.preventDefault();
|
|
16690
|
+
onClickHandler(menu);
|
|
16691
|
+
}
|
|
16692
|
+
};
|
|
16442
16693
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
16443
16694
|
key: index,
|
|
16444
16695
|
"data-test": "DesignSystem-Navigation-VerticalNavigation--menuWrapper"
|
|
@@ -16447,7 +16698,11 @@
|
|
|
16447
16698
|
className: menuClasses,
|
|
16448
16699
|
onClick: function onClick() {
|
|
16449
16700
|
return onClickHandler(menu);
|
|
16450
|
-
}
|
|
16701
|
+
},
|
|
16702
|
+
onKeyDown: handleMenuKeyDown,
|
|
16703
|
+
role: "button",
|
|
16704
|
+
tabIndex: menu.disabled ? -1 : 0,
|
|
16705
|
+
"aria-disabled": menu.disabled || undefined
|
|
16451
16706
|
}, menu.icon && (/*#__PURE__*/React__namespace.createElement(Icon, {
|
|
16452
16707
|
"data-test": "DesignSystem-Navigation-VerticalNavigation--menuIcon",
|
|
16453
16708
|
className: menuIconClasses,
|
|
@@ -16469,13 +16724,24 @@
|
|
|
16469
16724
|
var _a;
|
|
16470
16725
|
var isActive = isMenuActive(menus, subMenu, active);
|
|
16471
16726
|
var subMenuClasses = classNames__default["default"](menuClasses, (_a = {}, _a[styles$k['Navigation-menu--subMenu']] = true, _a[styles$k['Navigation-menu--active']] = isActive, _a));
|
|
16727
|
+
var handleSubMenuKeyDown = function handleSubMenuKeyDown(event) {
|
|
16728
|
+
if (subMenu.disabled) return;
|
|
16729
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
16730
|
+
event.preventDefault();
|
|
16731
|
+
onClickHandler(subMenu);
|
|
16732
|
+
}
|
|
16733
|
+
};
|
|
16472
16734
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
16473
16735
|
"data-test": "DesignSystem-Navigation-VerticalNavigation--subMenu",
|
|
16474
16736
|
key: ind,
|
|
16475
16737
|
className: subMenuClasses,
|
|
16476
16738
|
onClick: function onClick() {
|
|
16477
16739
|
return onClickHandler(subMenu);
|
|
16478
|
-
}
|
|
16740
|
+
},
|
|
16741
|
+
onKeyDown: handleSubMenuKeyDown,
|
|
16742
|
+
role: "button",
|
|
16743
|
+
tabIndex: subMenu.disabled ? -1 : 0,
|
|
16744
|
+
"aria-disabled": subMenu.disabled || undefined
|
|
16479
16745
|
}, /*#__PURE__*/React__namespace.createElement(Text, {
|
|
16480
16746
|
appearance: getTextAppearance(isActive, subMenu.disabled),
|
|
16481
16747
|
className: "ellipsis--noWrap"
|
|
@@ -16694,8 +16960,8 @@
|
|
|
16694
16960
|
separator: true
|
|
16695
16961
|
};
|
|
16696
16962
|
|
|
16697
|
-
var css_248z$k = ".fileList-module-FileIcon-01qzb-4-
|
|
16698
|
-
var styles$j = {"FileIcon":"fileList-module-FileIcon-01qzb-4-
|
|
16963
|
+
var css_248z$k = ".fileList-module-FileIcon-01qzb-4-20-0 {\n padding: var(--spacing-20);\n border-radius: var(--border-radius-full);\n}\n.fileList-module-FileItem-HpCE9-4-20-0:not(:last-child) {\n border-bottom: var(--border);\n width: 100%;\n box-sizing: border-box;\n}\n.fileList-module-FileItem-HpCE9-4-20-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-20);\n}\n.fileList-module-FileItem-fileContent-vusoO-4-20-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n}\n.fileList-module-FileItem-actions-zH5Wo-4-20-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n}\n.fileList-module-FileItem-file-jkZDb-4-20-0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.fileList-module-FileItem-size-Jn3i4-4-20-0 {\n margin-right: var(--spacing-20);\n margin-left: var(--spacing-20);\n flex-shrink: 0;\n}\n.fileList-module-FileItem-text-JzD0s-4-20-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-right: var(--spacing-20);\n margin-left: var(--spacing-30);\n}\n.fileList-module-FileItem-error-srZSs-4-20-0 {\n margin-left: 40px;\n}\n\n.fileList-module-FileIcon--image-8GeUP-4-20-0 {\n background: var(--alert-lightest);\n color: var(--alert);\n}\n.fileList-module-FileIcon--audio-pU4It-4-20-0 {\n background: var(--accent1-lightest);\n color: var(--accent1);\n}\n.fileList-module-FileIcon--video-Yhyeo-4-20-0 {\n background: var(--accent2-lightest);\n color: var(--accent2);\n}\n.fileList-module-FileIcon--application-GCdsE-4-20-0 {\n background: var(--accent3-lightest);\n color: var(--accent3);\n}\n.fileList-module-FileIcon--others-EgUIw-4-20-0 {\n background: var(--success-lightest);\n color: var(--success);\n}\n.fileList-module-FileIcon--animate-uQCYr-4-20-0 {\n animation: fileList-module-fadeIn-CVtFA-4-20-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes fileList-module-fadeIn-CVtFA-4-20-0 {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
16964
|
+
var styles$j = {"FileIcon":"fileList-module-FileIcon-01qzb-4-20-0","FileItem":"fileList-module-FileItem-HpCE9-4-20-0","FileItem-fileContent":"fileList-module-FileItem-fileContent-vusoO-4-20-0","FileItem-actions":"fileList-module-FileItem-actions-zH5Wo-4-20-0","FileItem-file":"fileList-module-FileItem-file-jkZDb-4-20-0","FileItem-size":"fileList-module-FileItem-size-Jn3i4-4-20-0","FileItem-text":"fileList-module-FileItem-text-JzD0s-4-20-0","FileItem-error":"fileList-module-FileItem-error-srZSs-4-20-0","FileIcon--image":"fileList-module-FileIcon--image-8GeUP-4-20-0","FileIcon--audio":"fileList-module-FileIcon--audio-pU4It-4-20-0","FileIcon--video":"fileList-module-FileIcon--video-Yhyeo-4-20-0","FileIcon--application":"fileList-module-FileIcon--application-GCdsE-4-20-0","FileIcon--others":"fileList-module-FileIcon--others-EgUIw-4-20-0","FileIcon--animate":"fileList-module-FileIcon--animate-uQCYr-4-20-0","fadeIn":"fileList-module-fadeIn-CVtFA-4-20-0"};
|
|
16699
16965
|
styleInject$1(css_248z$k);
|
|
16700
16966
|
|
|
16701
16967
|
var useEffect = React__namespace.useEffect,
|
|
@@ -16765,10 +17031,20 @@
|
|
|
16765
17031
|
onClick(fileItem);
|
|
16766
17032
|
}
|
|
16767
17033
|
};
|
|
17034
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
17035
|
+
if (!onClick) return;
|
|
17036
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
17037
|
+
event.preventDefault();
|
|
17038
|
+
onClickHandler();
|
|
17039
|
+
}
|
|
17040
|
+
};
|
|
16768
17041
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({}, baseProps, {
|
|
16769
17042
|
className: FileItemClass,
|
|
16770
17043
|
onClick: onClickHandler,
|
|
16771
|
-
|
|
17044
|
+
onKeyDown: handleKeyDown,
|
|
17045
|
+
"data-test": "DesignSystem-FileListItem",
|
|
17046
|
+
role: "button",
|
|
17047
|
+
tabIndex: 0
|
|
16772
17048
|
}), /*#__PURE__*/React__namespace.createElement("div", {
|
|
16773
17049
|
className: styles$j['FileItem-file']
|
|
16774
17050
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
@@ -17012,8 +17288,8 @@
|
|
|
17012
17288
|
fields: 4
|
|
17013
17289
|
};
|
|
17014
17290
|
|
|
17015
|
-
var css_248z$j = ".inlineMessage-module-InlineMessage-eYA4x-4-
|
|
17016
|
-
var styles$i = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-
|
|
17291
|
+
var css_248z$j = ".inlineMessage-module-InlineMessage-eYA4x-4-20-0 {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n border-radius: var(--border-radius-10);\n background-color: var(--white);\n align-items: flex-start;\n}\n\n.inlineMessage-module-InlineMessage-icon--regular-ULMAr-4-20-0 {\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n margin-right: var(--spacing-20);\n}\n\n.inlineMessage-module-InlineMessage-icon--small-DcwRS-4-20-0 {\n padding-top: var(--spacing-2-5);\n padding-bottom: var(--spacing-2-5);\n margin-right: var(--spacing-10);\n}\n\n.inlineMessage-module-InlineMessage-text--warning-zlHbs-4-20-0,\n.inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-20-0 {\n color: var(--accent1);\n}\n\n.inlineMessage-module-InlineMessage-text--alert-rUpLF-4-20-0 {\n color: var(--alert);\n}\n\n.inlineMessage-module-InlineMessage-text--info-7X-lv-4-20-0 {\n color: var(--primary);\n}\n\n.inlineMessage-module-InlineMessage-text--success-UX2Vn-4-20-0 {\n color: var(--success);\n}\n";
|
|
17292
|
+
var styles$i = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-20-0","InlineMessage-icon--regular":"inlineMessage-module-InlineMessage-icon--regular-ULMAr-4-20-0","InlineMessage-icon--small":"inlineMessage-module-InlineMessage-icon--small-DcwRS-4-20-0","InlineMessage-text--warning":"inlineMessage-module-InlineMessage-text--warning-zlHbs-4-20-0","InlineMessage-icon--warning":"inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-20-0","InlineMessage-text--alert":"inlineMessage-module-InlineMessage-text--alert-rUpLF-4-20-0","InlineMessage-text--info":"inlineMessage-module-InlineMessage-text--info-7X-lv-4-20-0","InlineMessage-text--success":"inlineMessage-module-InlineMessage-text--success-UX2Vn-4-20-0"};
|
|
17017
17293
|
styleInject$1(css_248z$j);
|
|
17018
17294
|
|
|
17019
17295
|
var IconMapping = {
|
|
@@ -17058,8 +17334,8 @@
|
|
|
17058
17334
|
size: 'regular'
|
|
17059
17335
|
};
|
|
17060
17336
|
|
|
17061
|
-
var css_248z$i = ".choiceList-module-ChoiceList-haiz--4-
|
|
17062
|
-
var styles$h = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-
|
|
17337
|
+
var css_248z$i = ".choiceList-module-ChoiceList-haiz--4-20-0 {\n margin: 0;\n padding: 0;\n border: none;\n}\n\n.choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-20-0 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList-radio--vertical-9uLgh-4-20-0 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-20-0 {\n display: flex;\n}\n\n.choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-20-0 {\n margin-left: var(--spacing-60);\n}\n\n.choiceList-module-ChoiceList-radio--horizontal-67SGD-4-20-0 {\n margin-left: var(--spacing-60);\n}\n";
|
|
17338
|
+
var styles$h = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-20-0","ChoiceList-checkbox--vertical":"choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-20-0","ChoiceList-radio--vertical":"choiceList-module-ChoiceList-radio--vertical-9uLgh-4-20-0","ChoiceList--alignHorizontal":"choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-20-0","ChoiceList-checkbox--horizontal":"choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-20-0","ChoiceList-radio--horizontal":"choiceList-module-ChoiceList-radio--horizontal-67SGD-4-20-0"};
|
|
17063
17339
|
styleInject$1(css_248z$i);
|
|
17064
17340
|
|
|
17065
17341
|
var renderCheckbox = function renderCheckbox(list, handleOnChange, ChoiceListDisabled, size, alignment, selected, wrapLabel) {
|
|
@@ -17173,8 +17449,8 @@
|
|
|
17173
17449
|
disabled: false
|
|
17174
17450
|
};
|
|
17175
17451
|
|
|
17176
|
-
var css_248z$h = ".divider-module-Divider-Fo0Gy-4-
|
|
17177
|
-
var styles$g = {"Divider":"divider-module-Divider-Fo0Gy-4-
|
|
17452
|
+
var css_248z$h = ".divider-module-Divider-Fo0Gy-4-20-0 {\n border: none;\n margin: 0;\n}\n\n.divider-module-Divider--vertical-Cdk22-4-20-0 {\n width: 1px;\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--horizontal-3Z0nC-4-20-0 {\n height: 1px;\n}\n\n.divider-module-Divider--basic-BqnEq-4-20-0 {\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--header-GMLJV-4-20-0 {\n background: var(--secondary-dark);\n}\n";
|
|
17453
|
+
var styles$g = {"Divider":"divider-module-Divider-Fo0Gy-4-20-0","Divider--vertical":"divider-module-Divider--vertical-Cdk22-4-20-0","Divider--horizontal":"divider-module-Divider--horizontal-3Z0nC-4-20-0","Divider--basic":"divider-module-Divider--basic-BqnEq-4-20-0","Divider--header":"divider-module-Divider--header-GMLJV-4-20-0"};
|
|
17178
17454
|
styleInject$1(css_248z$h);
|
|
17179
17455
|
|
|
17180
17456
|
var Divider = function Divider(props) {
|
|
@@ -17187,7 +17463,8 @@
|
|
|
17187
17463
|
return /*#__PURE__*/React__namespace.createElement("hr", __assign$1({
|
|
17188
17464
|
"data-test": "DesignSystem-Divider"
|
|
17189
17465
|
}, baseProps, {
|
|
17190
|
-
className: DividerClass
|
|
17466
|
+
className: DividerClass,
|
|
17467
|
+
"aria-orientation": vertical ? 'vertical' : 'horizontal'
|
|
17191
17468
|
}));
|
|
17192
17469
|
};
|
|
17193
17470
|
Divider.displayName = 'Divider';
|
|
@@ -17223,8 +17500,8 @@
|
|
|
17223
17500
|
};
|
|
17224
17501
|
HelpText.displayName = 'HelpText';
|
|
17225
17502
|
|
|
17226
|
-
var css_248z$g = ".linkButton-module-LinkButton--eCyD-4-
|
|
17227
|
-
var styles$f = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-
|
|
17503
|
+
var css_248z$g = ".linkButton-module-LinkButton--eCyD-4-20-0 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n position: relative;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: 0;\n text-align: center;\n padding: 0;\n background: transparent;\n font-weight: var(--font-weight-medium);\n font-family: var(--font-family);\n border-radius: var(--border-radius-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.linkButton-module-LinkButton--iconAlign-right-BjcDC-4-20-0 {\n flex-direction: row-reverse;\n}\n\n.linkButton-module-LinkButton-icon-Id1IM-4-20-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.linkButton-module-LinkButton-icon--left-uCKUJ-4-20-0 {\n margin-right: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton-icon--right-wxMEa-4-20-0 {\n margin-left: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton--regular-QoGvH-4-20-0 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.linkButton-module-LinkButton--tiny-21d67-4-20-0 {\n line-height: var(--font-height-s);\n font-size: var(--font-size-s);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-20-0 {\n color: var(--primary);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-20-0:hover {\n color: var(--primary-dark);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-20-0:active {\n color: var(--primary-darker);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-20-0:focus,\n.linkButton-module-LinkButton--default-1cpsS-4-20-0:focus-visible {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-20-0:disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--primary-lighter);\n}\n\n/* Subtle Appearance */\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-20-0 {\n color: var(--inverse-lighter);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-20-0:hover {\n color: var(--inverse-light);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-20-0:active {\n color: var(--inverse);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-20-0:focus,\n.linkButton-module-LinkButton--subtle-I8NtR-4-20-0:focus-visible {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-20-0:disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--inverse-lightest);\n}\n";
|
|
17504
|
+
var styles$f = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-20-0","LinkButton--iconAlign-right":"linkButton-module-LinkButton--iconAlign-right-BjcDC-4-20-0","LinkButton-icon":"linkButton-module-LinkButton-icon-Id1IM-4-20-0","LinkButton-icon--left":"linkButton-module-LinkButton-icon--left-uCKUJ-4-20-0","LinkButton-icon--right":"linkButton-module-LinkButton-icon--right-wxMEa-4-20-0","LinkButton--regular":"linkButton-module-LinkButton--regular-QoGvH-4-20-0","LinkButton--tiny":"linkButton-module-LinkButton--tiny-21d67-4-20-0","LinkButton--default":"linkButton-module-LinkButton--default-1cpsS-4-20-0","LinkButton--subtle":"linkButton-module-LinkButton--subtle-I8NtR-4-20-0"};
|
|
17228
17505
|
styleInject$1(css_248z$g);
|
|
17229
17506
|
|
|
17230
17507
|
var sizeMapping = {
|
|
@@ -17269,8 +17546,8 @@
|
|
|
17269
17546
|
iconAlign: 'left'
|
|
17270
17547
|
};
|
|
17271
17548
|
|
|
17272
|
-
var css_248z$f = ".actionCard-module-ActionCard-VTzbo-4-
|
|
17273
|
-
var styles$e = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-
|
|
17549
|
+
var css_248z$f = ".actionCard-module-ActionCard-VTzbo-4-20-0 {\n border-radius: var(--border-radius-10);\n width: 100%;\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-20-0 {\n cursor: pointer;\n border: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-20-0:hover {\n box-shadow: var(--shadow-l);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-20-0:focus,\n.actionCard-module-ActionCard--default-ehk9Y-4-20-0:focus-visible {\n outline: none;\n border: var(--border-width-2-5) solid var(--secondary-dark);\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-20-0:active {\n box-shadow: var(--shadow-m);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.actionCard-module-ActionCard--disabled-Xbnn0-4-20-0 {\n cursor: not-allowed;\n position: relative;\n border: var(--border-width-2-5) solid var(--secondary-lighter);\n}\n\n.actionCard-module-ActionCard-overlay--disabled-N4msm-4-20-0 {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 2;\n opacity: var(--opacity-10);\n background: var(--secondary-lightest);\n}\n";
|
|
17550
|
+
var styles$e = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-20-0","ActionCard--default":"actionCard-module-ActionCard--default-ehk9Y-4-20-0","ActionCard--disabled":"actionCard-module-ActionCard--disabled-Xbnn0-4-20-0","ActionCard-overlay--disabled":"actionCard-module-ActionCard-overlay--disabled-N4msm-4-20-0"};
|
|
17274
17551
|
styleInject$1(css_248z$f);
|
|
17275
17552
|
|
|
17276
17553
|
var ActionCard = function ActionCard(props) {
|
|
@@ -17369,8 +17646,8 @@
|
|
|
17369
17646
|
};
|
|
17370
17647
|
}
|
|
17371
17648
|
|
|
17372
|
-
var css_248z$e = ".selectionCard-module-Selection-card-qn7-q-4-
|
|
17373
|
-
var styles$d = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-
|
|
17649
|
+
var css_248z$e = ".selectionCard-module-Selection-card-qn7-q-4-20-0 {\n border-radius: var(--border-radius-10);\n position: relative;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-20-0 {\n cursor: pointer;\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary-dark);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-20-0:hover {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--inverse-lightest);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-20-0:focus,\n.selectionCard-module-Selection-card--default-hU2T--4-20-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--secondary-shadow), inset 0 0 0 var(--spacing-2-5) var(--secondary-dark);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-20-0:active {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.selectionCard-module-Selection-card--disabled-abVC--4-20-0 {\n cursor: not-allowed;\n outline: none;\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-20-0 {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary-lighter);\n}\n\n/* selected states */\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-20-0 {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-20-0:hover {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary-dark);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-20-0:focus,\n.selectionCard-module-Selection-card--selected-RWlWc-4-20-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--primary-shadow), inset 0 0 0 var(--spacing-05) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-20-0:active {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary-darker);\n}\n\n.selectionCard-module-Selection-card--selected-disabled-pIKi1-4-20-0 {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--primary-lighter);\n}\n\n/* overlay classes */\n\n.selectionCard-module-Selection-card-overlay-9BMzm-4-20-0 {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 2;\n position: absolute;\n pointer-events: none;\n border-radius: var(--border-radius-10);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-20-0:active .selectionCard-module-Selection-card-overlay-9BMzm-4-20-0 {\n background-color: var(--primary);\n opacity: var(--opacity-3);\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-20-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-20-0 {\n background-color: var(--secondary-lightest);\n opacity: var(--opacity-10);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-20-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-20-0 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-20-0:active .selectionCard-module-Selection-card-overlay-9BMzm-4-20-0 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-disabled-pIKi1-4-20-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-20-0 {\n background-color: var(--primary-lightest);\n opacity: var(--opacity-10);\n}\n";
|
|
17650
|
+
var styles$d = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-20-0","Selection-card--default":"selectionCard-module-Selection-card--default-hU2T--4-20-0","Selection-card--disabled":"selectionCard-module-Selection-card--disabled-abVC--4-20-0","Selection-card--default-disabled":"selectionCard-module-Selection-card--default-disabled-duc48-4-20-0","Selection-card--selected":"selectionCard-module-Selection-card--selected-RWlWc-4-20-0","Selection-card--selected-disabled":"selectionCard-module-Selection-card--selected-disabled-pIKi1-4-20-0","Selection-card-overlay":"selectionCard-module-Selection-card-overlay-9BMzm-4-20-0"};
|
|
17374
17651
|
styleInject$1(css_248z$e);
|
|
17375
17652
|
|
|
17376
17653
|
var SelectionCard = function SelectionCard(props) {
|
|
@@ -17492,8 +17769,8 @@
|
|
|
17492
17769
|
return wrapperFn;
|
|
17493
17770
|
};
|
|
17494
17771
|
|
|
17495
|
-
var css_248z$d = ".listbox-module-Listbox-SUVk--4-
|
|
17496
|
-
var styles$c = {"Listbox":"listbox-module-Listbox-SUVk--4-
|
|
17772
|
+
var css_248z$d = ".listbox-module-Listbox-SUVk--4-20-0 {\n margin: 0;\n padding: 0;\n display: flex;\n list-style-type: none;\n flex-direction: column;\n}\n\n.listbox-module-Listbox-item-YQzPV-4-20-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-40);\n}\n\n.listbox-module-Listbox-item-wrapper-fbx8s-4-20-0 {\n width: 100%;\n}\n\n.listbox-module-Listbox-item-wrapper-fbx8s-4-20-0:last-child > .listbox-module-Listbox-divider-sZWin-4-20-0,\n.listbox-module-Listbox-item--draggable-3UvAw-4-20-0:last-child .listbox-module-Listbox-divider-sZWin-4-20-0 {\n background: transparent;\n}\n\n/* Sizes */\n\n.listbox-module-Listbox-item--tight-48bRS-4-20-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.listbox-module-Listbox-item--compressed-NDxwb-4-20-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.listbox-module-Listbox-item--standard-q2FuW-4-20-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n/* Listbox type - option */\n\n.listbox-module-Listbox-item--option-FMiJ2-4-20-0 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-20-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-20-0:focus,\n.listbox-module-Listbox-item--option-FMiJ2-4-20-0:focus-visible {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-20-0:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-20-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-20-0:hover {\n background: rgba(151, 197, 240, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-20-0:focus,\n.listbox-module-Listbox-item--selected-mbKE--4-20-0:focus-visible {\n outline: 3px auto rgba(0, 112, 221, 0.16);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-20-0:active {\n background: var(--primary-lighter);\n}\n\n/* Listbox type - resource */\n\n.listbox-module-Listbox-item--resource-RGjFr-4-20-0 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-20-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-20-0:focus,\n.listbox-module-Listbox-item--resource-RGjFr-4-20-0:focus-visible {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-20-0:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--activated-tg1Eb-4-20-0 {\n background: var(--primary-lightest);\n}\n\n/* Listbox type - description */\n\n.listbox-module-Listbox-item--description-qiJzO-4-20-0:focus,\n.listbox-module-Listbox-item--description-qiJzO-4-20-0:focus-visible {\n outline: none;\n}\n\n/* Listbox type - disabled */\n\n.listbox-module-Listbox-item--disabled-x6TW2-4-20-0 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n/* Listbox type - draggable */\n\n.listbox-module-Listbox-item--draggable-3UvAw-4-20-0:focus {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-20-0 {\n cursor: grab;\n margin-right: var(--spacing-20);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-20-0:hover {\n color: var(--inverse);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-20-0:active {\n color: var(--primary);\n}\n";
|
|
17773
|
+
var styles$c = {"Listbox":"listbox-module-Listbox-SUVk--4-20-0","Listbox-item":"listbox-module-Listbox-item-YQzPV-4-20-0","Listbox-item-wrapper":"listbox-module-Listbox-item-wrapper-fbx8s-4-20-0","Listbox-divider":"listbox-module-Listbox-divider-sZWin-4-20-0","Listbox-item--draggable":"listbox-module-Listbox-item--draggable-3UvAw-4-20-0","Listbox-item--tight":"listbox-module-Listbox-item--tight-48bRS-4-20-0","Listbox-item--compressed":"listbox-module-Listbox-item--compressed-NDxwb-4-20-0","Listbox-item--standard":"listbox-module-Listbox-item--standard-q2FuW-4-20-0","Listbox-item--option":"listbox-module-Listbox-item--option-FMiJ2-4-20-0","Listbox-item--selected":"listbox-module-Listbox-item--selected-mbKE--4-20-0","Listbox-item--resource":"listbox-module-Listbox-item--resource-RGjFr-4-20-0","Listbox-item--activated":"listbox-module-Listbox-item--activated-tg1Eb-4-20-0","Listbox-item--description":"listbox-module-Listbox-item--description-qiJzO-4-20-0","Listbox-item--disabled":"listbox-module-Listbox-item--disabled-x6TW2-4-20-0","Listbox-item--drag-icon":"listbox-module-Listbox-item--drag-icon-Jt6Jw-4-20-0"};
|
|
17497
17774
|
styleInject$1(css_248z$d);
|
|
17498
17775
|
|
|
17499
17776
|
var AUTOSCROLL_ACTIVE_OFFSET = 200;
|
|
@@ -18373,8 +18650,8 @@
|
|
|
18373
18650
|
|
|
18374
18651
|
var AvatarSelectionContext = /*#__PURE__*/React__namespace.createContext({});
|
|
18375
18652
|
|
|
18376
|
-
var css_248z$c = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
18377
|
-
var styles$b = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
18653
|
+
var css_248z$c = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-20-0 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n}\n\n/* Selection Avatar List */\n\n.avatarSelection-module-SelectionAvatarGroup-item-1QsB6-4-20-0 {\n margin-right: calc(var(--spacing-05) * -1);\n border-radius: var(--border-radius-full);\n display: flex;\n transition: transform var(--duration--fast-01) var(--standard-productive-curve);\n position: relative;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--square-BCyjY-4-20-0 {\n border-radius: var(--border-radius-10);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-20-0:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-20-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-20-0:active {\n outline: var(--border-width-2-5) solid var(--primary-dark);\n outline-offset: var(--spacing-2-5);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-tiny-tyofa-4-20-0:active,\n.avatarSelection-module-SelectionAvatarGroup-item--active-micro-XTJS3-4-20-0:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-regular-BVSG9-4-20-0:active {\n outline: var(--border-width-05) solid var(--primary-dark);\n outline-offset: var(--spacing-2-5);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-20-0:hover .avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-20-0 {\n transform: translateY(-8px);\n}\n\n/* Selected Avatar Group Item */\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-20-0 {\n outline-offset: var(--spacing-2-5);\n outline: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-tiny-I4OLi-4-20-0,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-20-0 {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-20-0 {\n outline: var(--border-width-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-20-0:active {\n outline-offset: var(--spacing-2-5);\n outline: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-tiny-I4OLi-4-20-0:active,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-20-0:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-20-0:active {\n outline-offset: var(--spacing-2-5);\n outline: var(--border-width-05) solid var(--primary-darker);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-20-0:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-20-0:focus-visible {\n box-shadow: 0 0 0 var(--spacing-2-5) white, 0 0 0 3px var(--primary-dark), 0 0 0 3px var(--primary-shadow) !important;\n}\n\n/* Selection Avatar Popover */\n\n.avatarSelection-module-SelectionAvatarGroup-popper-Rcnff-4-20-0 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-20-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-20-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-20-0 {\n min-width: unset !important;\n background: transparent;\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0;\n height: 36px;\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-20-0,\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-20-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-20-0:hover {\n background-color: #f4f4f4;\n}\n\n/* Selection Avatar Count */\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-20-0 {\n border-radius: var(--border-radius-full);\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-20-0:hover {\n background: var(--secondary);\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-20-0:active {\n background: var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--open-vpUEs-4-20-0 {\n background: var(--secondary-dark) !important;\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-20-0:focus,\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-20-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-20-0 {\n outline-offset: var(--spacing-2-5);\n outline: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-tiny-AlYgW-4-20-0,\n.avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-20-0 {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-20-0 {\n outline: var(--border-width-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-20-0:active {\n outline-offset: var(--spacing-2-5);\n outline: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-tiny-AlYgW-4-20-0:active,\n.avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-20-0:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-20-0:active {\n outline-offset: var(--spacing-2-5);\n outline: var(--border-width-05) solid var(--primary-darker);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-20-0:focus,\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-20-0:focus-visible {\n box-shadow: 0 0 0 var(--spacing-2-5) white, 0 0 0 3px var(--primary-dark), 0 0 0 3px var(--primary-shadow) !important;\n}\n";
|
|
18654
|
+
var styles$b = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-20-0","SelectionAvatarGroup-item":"avatarSelection-module-SelectionAvatarGroup-item-1QsB6-4-20-0","SelectionAvatarGroup-item--square":"avatarSelection-module-SelectionAvatarGroup-item--square-BCyjY-4-20-0","SelectionAvatarGroup-item--active":"avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-20-0","SelectionAvatarGroup-item--active-tiny":"avatarSelection-module-SelectionAvatarGroup-item--active-tiny-tyofa-4-20-0","SelectionAvatarGroup-item--active-micro":"avatarSelection-module-SelectionAvatarGroup-item--active-micro-XTJS3-4-20-0","SelectionAvatarGroup-item--active-regular":"avatarSelection-module-SelectionAvatarGroup-item--active-regular-BVSG9-4-20-0","SelectionAvatarGroup-wrapper":"avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-20-0","SelectionAvatarGroup-item--selected":"avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-20-0","SelectionAvatarGroup-item--selected-tiny":"avatarSelection-module-SelectionAvatarGroup-item--selected-tiny-I4OLi-4-20-0","SelectionAvatarGroup-item--selected-micro":"avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-20-0","SelectionAvatarGroup-item--selected-regular":"avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-20-0","SelectionAvatarGroup-popper":"avatarSelection-module-SelectionAvatarGroup-popper-Rcnff-4-20-0","SelectionAvatar-inputWrapper":"avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-20-0","SelectionAvatar-input":"avatarSelection-module-SelectionAvatar-input-OWRhy-4-20-0","SelectionAvatarCount-wrapper":"avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-20-0","SelectionAvatarCount":"avatarSelection-module-SelectionAvatarCount-s-0H0-4-20-0","SelectionAvatarCount--open":"avatarSelection-module-SelectionAvatarCount--open-vpUEs-4-20-0","SelectionAvatarCount--selected":"avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-20-0","SelectionAvatarCount--selected-tiny":"avatarSelection-module-SelectionAvatarCount--selected-tiny-AlYgW-4-20-0","SelectionAvatarCount--selected-micro":"avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-20-0","SelectionAvatarCount--selected-regular":"avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-20-0"};
|
|
18378
18655
|
styleInject$1(css_248z$c);
|
|
18379
18656
|
|
|
18380
18657
|
var SelectionAvatarsWrapper = function SelectionAvatarsWrapper(props) {
|
|
@@ -19344,6 +19621,13 @@
|
|
|
19344
19621
|
var _a;
|
|
19345
19622
|
(_a = inputElementRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
19346
19623
|
};
|
|
19624
|
+
var handleTriggerKeyDown = function handleTriggerKeyDown(event) {
|
|
19625
|
+
if (disabled || event.currentTarget !== event.target) return;
|
|
19626
|
+
if (event.key === 'Enter' || event.key === ' ') {
|
|
19627
|
+
event.preventDefault();
|
|
19628
|
+
onClickHandler();
|
|
19629
|
+
}
|
|
19630
|
+
};
|
|
19347
19631
|
var chipComponents = chips.map(function (chip, index) {
|
|
19348
19632
|
var _a = chipOptions.type,
|
|
19349
19633
|
type = _a === void 0 ? 'input' : _a,
|
|
@@ -19374,14 +19658,17 @@
|
|
|
19374
19658
|
}, baseProps, {
|
|
19375
19659
|
className: ChipInputClass,
|
|
19376
19660
|
onClick: onClickHandler,
|
|
19377
|
-
|
|
19661
|
+
onKeyDown: handleTriggerKeyDown,
|
|
19662
|
+
tabIndex: disabled ? -1 : tabIndex || 0,
|
|
19663
|
+
role: "button",
|
|
19664
|
+
"aria-disabled": disabled || undefined
|
|
19378
19665
|
}), /*#__PURE__*/React__namespace.createElement("div", {
|
|
19379
|
-
className: styles$C[
|
|
19666
|
+
className: styles$C['ChipInput-wrapper'],
|
|
19380
19667
|
ref: customRef
|
|
19381
19668
|
}, chips && chips.length > 0 && chipComponents, /*#__PURE__*/React__namespace.createElement("input", __assign$1({}, rest, {
|
|
19382
19669
|
"data-test": "DesignSystem-MultiSelectTrigger--Input",
|
|
19383
19670
|
ref: inputElementRef,
|
|
19384
|
-
className: styles$C[
|
|
19671
|
+
className: styles$C['ChipInput-input'],
|
|
19385
19672
|
autoFocus: autoFocus,
|
|
19386
19673
|
placeholder: chips && chips.length > 0 ? '' : placeholder,
|
|
19387
19674
|
disabled: disabled,
|
|
@@ -19889,8 +20176,8 @@
|
|
|
19889
20176
|
setFocusedOption && setFocusedOption(targetOption);
|
|
19890
20177
|
};
|
|
19891
20178
|
|
|
19892
|
-
var css_248z$b = ".select-module-Select-input-E3-1I-4-
|
|
19893
|
-
var styles$a = {"Select-input":"select-module-Select-input-E3-1I-4-
|
|
20179
|
+
var css_248z$b = ".select-module-Select-input-E3-1I-4-20-0 {\n min-width: unset !important;\n background: transparent;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n height: 36px;\n}\n\n.select-module-Select-input-E3-1I-4-20-0,\n.select-module-Select-input-E3-1I-4-20-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.select-module-Select-input-E3-1I-4-20-0:hover {\n background-color: #f4f4f4;\n}\n\n.select-module-Select-trigger-PT5nA-4-20-0 {\n width: 100%;\n justify-content: space-between;\n padding-top: unset;\n padding-bottom: unset;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-20-0 {\n background: var(--secondary-light);\n color: var(--text);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-20-0:disabled {\n background: var(--secondary-lighter);\n color: var(--text-disabled);\n pointer-events: none;\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-20-0:active,\n.select-module-Select-trigger--filledOpen-JwFDP-4-20-0 {\n background-color: var(--secondary-dark) !important;\n color: var(--text) !important;\n animation-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n animation-duration: 120ms;\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-20-0:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-20-0:focus {\n background-color: var(--secondary-light);\n}\n\n/* styleType Outlined */\n\n.select-module-Select-trigger--outlined-EqpYO-4-20-0 {\n background: var(--white);\n color: var(--text);\n border: var(--border);\n}\n\n.select-module-Select-trigger--outlined-EqpYO-4-20-0:hover {\n background: var(--secondary-lighter);\n color: var(--inverse);\n border: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.select-module-Select-trigger--outlined-EqpYO-4-20-0:active,\n.select-module-Select-trigger--outlinedOpen-Qpz-c-4-20-0 {\n color: var(--inverse) !important;\n background: var(--secondary) !important;\n border: var(--border-width-2-5) solid var(--inverse-lightest) !important;\n animation-timing-function: var(--entrance-productive-curve);\n animation-duration: var(--duration--fast-02);\n}\n\n.select-module-Select-trigger--outlined-EqpYO-4-20-0:disabled {\n color: var(--inverse-lightest) !important;\n background: var(--secondary-lightest) !important;\n border: var(--border-width-2-5) solid var(--secondary-lighter) !important;\n}\n\n.select-module-Select-inputWrapper-LT8pe-4-20-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.select-module-Select-inputWrapper-LT8pe-4-20-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.select-module-Select-trigger-wrapper-NMxls-4-20-0 {\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n overflow: hidden;\n}\n\n.select-module-Select-trigger--small-v-qam-4-20-0 {\n height: var(--spacing-60);\n padding-right: var(--spacing-10);\n padding-left: var(--spacing-20);\n}\n\n.select-module-Select-trigger--text-7nEKU-4-20-0,\n.select-module-Select-option--text-WfcEP-4-20-0 {\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n max-width: 100%;\n margin: 0;\n font-size: var(--font-size);\n line-height: var(--font-height);\n width: 100%;\n}\n\n.select-module-Select-trigger--regular-Dx-fp-4-20-0 {\n height: var(--spacing-80);\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-30);\n}\n\n.select-module-Select-trigger--filledPlaceholder-XA5t6-4-20-0 {\n color: var(--text);\n}\n\n.select-module-Select-trigger--outlinedPlaceholder-KskN9-4-20-0 {\n color: var(--inverse-lighter);\n}\n\n.select-module-Select-trigger--icon-eX-q0-4-20-0 {\n padding-left: var(--spacing-20);\n}\n\n.select-module-Select-buttonWrapper-Dm9cQ-4-20-0 {\n display: flex;\n justify-content: flex-end;\n padding-top: var(--spacing-20);\n padding-right: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.select-module-Select-crossButton-RUlwA-4-20-0 {\n display: flex;\n flex-shrink: 0;\n overflow: hidden;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n cursor: pointer;\n border-radius: var(--border-radius-full);\n padding: var(--spacing-05);\n}\n\n.select-module-Select-crossButton-RUlwA-4-20-0:focus-visible,\n.select-module-Select-crossButton-RUlwA-4-20-0:focus {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.select-module-Select-crossButton-RUlwA-4-20-0:hover {\n background-color: var(--secondary);\n}\n\n.select-module-Select-crossButton-RUlwA-4-20-0:active {\n background-color: var(--secondary-dark);\n}\n\n.select-module-Select-option-HDep4-4-20-0 {\n display: flex;\n align-items: flex-start;\n width: 100%;\n}\n\n.select-module-Select-trigger--textSmall-jlpss-4-20-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.select-module-Select-option--tight-vVqxV-4-20-0 {\n padding: var(--spacing-10) var(--spacing-20);\n}\n\n.select-module-Select-input--tiny-mldAL-4-20-0 {\n padding-right: var(--spacing-10);\n height: var(--spacing-60);\n}\n\n.select-module-Select-option--textTight-soE6b-4-20-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.select-module-Select-trigger--error-B4sEa-4-20-0 {\n border: var(--border-width-2-5) solid var(--alert) !important;\n}\n";
|
|
20180
|
+
var styles$a = {"Select-input":"select-module-Select-input-E3-1I-4-20-0","Select-trigger":"select-module-Select-trigger-PT5nA-4-20-0","Select-trigger--filled":"select-module-Select-trigger--filled-mAjdO-4-20-0","Select-trigger--filledOpen":"select-module-Select-trigger--filledOpen-JwFDP-4-20-0","Select-trigger--outlined":"select-module-Select-trigger--outlined-EqpYO-4-20-0","Select-trigger--outlinedOpen":"select-module-Select-trigger--outlinedOpen-Qpz-c-4-20-0","Select-inputWrapper":"select-module-Select-inputWrapper-LT8pe-4-20-0","Select-trigger-wrapper":"select-module-Select-trigger-wrapper-NMxls-4-20-0","Select-trigger--small":"select-module-Select-trigger--small-v-qam-4-20-0","Select-trigger--text":"select-module-Select-trigger--text-7nEKU-4-20-0","Select-option--text":"select-module-Select-option--text-WfcEP-4-20-0","Select-trigger--regular":"select-module-Select-trigger--regular-Dx-fp-4-20-0","Select-trigger--filledPlaceholder":"select-module-Select-trigger--filledPlaceholder-XA5t6-4-20-0","Select-trigger--outlinedPlaceholder":"select-module-Select-trigger--outlinedPlaceholder-KskN9-4-20-0","Select-trigger--icon":"select-module-Select-trigger--icon-eX-q0-4-20-0","Select-buttonWrapper":"select-module-Select-buttonWrapper-Dm9cQ-4-20-0","Select-crossButton":"select-module-Select-crossButton-RUlwA-4-20-0","Select-option":"select-module-Select-option-HDep4-4-20-0","Select-trigger--textSmall":"select-module-Select-trigger--textSmall-jlpss-4-20-0","Select-option--tight":"select-module-Select-option--tight-vVqxV-4-20-0","Select-input--tiny":"select-module-Select-input--tiny-mldAL-4-20-0","Select-option--textTight":"select-module-Select-option--textTight-soE6b-4-20-0","Select-trigger--error":"select-module-Select-trigger--error-B4sEa-4-20-0"};
|
|
19894
20181
|
styleInject$1(css_248z$b);
|
|
19895
20182
|
|
|
19896
20183
|
var SelectOption = function SelectOption(props) {
|
|
@@ -20220,6 +20507,7 @@
|
|
|
20220
20507
|
}),
|
|
20221
20508
|
popoverStyle = _l[0],
|
|
20222
20509
|
setPopoverStyle = _l[1];
|
|
20510
|
+
var listboxId = React__namespace.useRef("select-listbox-" + uidGenerator()).current;
|
|
20223
20511
|
var baseProps = extractBaseProps(props);
|
|
20224
20512
|
var WrapperStyle = trigger ? {} : {
|
|
20225
20513
|
width: width
|
|
@@ -20231,7 +20519,7 @@
|
|
|
20231
20519
|
});
|
|
20232
20520
|
}
|
|
20233
20521
|
return /*#__PURE__*/React__namespace.createElement(SelectTrigger, __assign$1({
|
|
20234
|
-
"aria-controls":
|
|
20522
|
+
"aria-controls": listboxId
|
|
20235
20523
|
}, triggerOptions));
|
|
20236
20524
|
};
|
|
20237
20525
|
React__namespace.useEffect(function () {
|
|
@@ -20355,7 +20643,7 @@
|
|
|
20355
20643
|
onOutsideClick: onOutsideClickHandler
|
|
20356
20644
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
20357
20645
|
role: "listbox",
|
|
20358
|
-
id:
|
|
20646
|
+
id: listboxId,
|
|
20359
20647
|
tabIndex: 0,
|
|
20360
20648
|
ref: listRef
|
|
20361
20649
|
}, children)))));
|
|
@@ -20372,8 +20660,8 @@
|
|
|
20372
20660
|
Select.EmptyTemplate = SelectEmptyTemplate;
|
|
20373
20661
|
Select.Footer = SelectFooter;
|
|
20374
20662
|
|
|
20375
|
-
var css_248z$a = ".menu-module-Menu-AK6Tm-4-
|
|
20376
|
-
var styles$9 = {"Menu":"menu-module-Menu-AK6Tm-4-
|
|
20663
|
+
var css_248z$a = ".menu-module-Menu-AK6Tm-4-20-0 {\n overflow-y: auto !important;\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.menu-module-Menu-Trigger--active-jEVVp-4-20-0 {\n background-color: var(--secondary-dark);\n}\n\n.menu-module-Menu-Item-oX6Gf-4-20-0 {\n width: 100%;\n box-sizing: border-box;\n}\n\n.menu-module-Menu-Item--tight-6221H-4-20-0 {\n padding: var(--spacing-10) var(--spacing-20);\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-height-s);\n}\n\n.menu-module-Menu-Group-Label-Qj6zC-4-20-0 {\n display: flex;\n align-items: center;\n padding-bottom: var(--spacing-15);\n padding-top: var(--spacing-30);\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-30);\n}\n\n.menu-module-Menu-Group-MAnuz-4-20-0:first-child .menu-module-Menu-Group-Label-Qj6zC-4-20-0 {\n padding-top: var(--spacing-20);\n}\n";
|
|
20664
|
+
var styles$9 = {"Menu":"menu-module-Menu-AK6Tm-4-20-0","Menu-Trigger--active":"menu-module-Menu-Trigger--active-jEVVp-4-20-0","Menu-Item":"menu-module-Menu-Item-oX6Gf-4-20-0","Menu-Item--tight":"menu-module-Menu-Item--tight-6221H-4-20-0","Menu-Group-Label":"menu-module-Menu-Group-Label-Qj6zC-4-20-0","Menu-Group":"menu-module-Menu-Group-MAnuz-4-20-0"};
|
|
20377
20665
|
styleInject$1(css_248z$a);
|
|
20378
20666
|
|
|
20379
20667
|
var MenuGroup = function MenuGroup(props) {
|
|
@@ -20869,8 +21157,8 @@
|
|
|
20869
21157
|
}, rest), date);
|
|
20870
21158
|
};
|
|
20871
21159
|
|
|
20872
|
-
var css_248z$9 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
20873
|
-
var styles$8 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
21160
|
+
var css_248z$9 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-20-0 {\n border-radius: var(--border-radius-40);\n padding: var(--spacing-05) var(--spacing-30) var(--spacing-05) var(--spacing-20);\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--primary);\n cursor: pointer;\n}\n\n.chatSeparator-module-NewMessage-Divider--left-tvVhe-4-20-0 {\n flex: 1;\n height: var(--spacing-2-5);\n background-color: var(--primary);\n margin-right: var(--spacing-40);\n}\n\n.chatSeparator-module-NewMessage-Divider--right-PlY2h-4-20-0 {\n flex: 1;\n height: var(--spacing-2-5);\n background-color: var(--primary);\n margin-left: var(--spacing-40);\n}\n";
|
|
21161
|
+
var styles$8 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-20-0","NewMessage-Divider--left":"chatSeparator-module-NewMessage-Divider--left-tvVhe-4-20-0","NewMessage-Divider--right":"chatSeparator-module-NewMessage-Divider--right-PlY2h-4-20-0"};
|
|
20874
21162
|
styleInject$1(css_248z$9);
|
|
20875
21163
|
|
|
20876
21164
|
var UnreadMessage = function UnreadMessage(props) {
|
|
@@ -20932,8 +21220,8 @@
|
|
|
20932
21220
|
}, rest), text);
|
|
20933
21221
|
};
|
|
20934
21222
|
|
|
20935
|
-
var css_248z$8 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
20936
|
-
var styles$7 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
21223
|
+
var css_248z$8 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-20-0 {\n background-color: var(--primary-lightest);\n border-radius: var(--border-radius-20);\n padding: var(--spacing-20) var(--spacing-30);\n}\n\n.chatBubble-module-ChatBubble-separator-JaN-K-4-20-0 {\n width: var(--spacing-10);\n height: var(--spacing-10);\n border-radius: var(--border-radius-full);\n margin: 0 var(--spacing-20);\n background: var(--inverse-lightest);\n}\n\n.chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-20-0 {\n margin-right: calc(var(--spacing-40) + var(--spacing-10));\n}\n\n.chatBubble-module-ChatBubble-box-hARs0-4-20-0 {\n width: 100%;\n}\n\n.chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-20-0 {\n width: -moz-max-content;\n width: max-content;\n margin-right: var(--spacing-10);\n margin-top: var(--spacing-15);\n}\n\n.chatBubble-module-ChatBubble-actionBar--incoming-gosX5-4-20-0 {\n width: -moz-max-content;\n width: max-content;\n margin-left: var(--spacing-10);\n margin-top: var(--spacing-15);\n}\n\n.chatBubble-module-ChatBubble-box--incoming-GK6D6-4-20-0 {\n background-color: var(--secondary-lightest);\n border-radius: var(--border-radius-20);\n padding: var(--spacing-20) var(--spacing-30);\n}\n\n.chatBubble-module-ChatBubble-metaData--incoming-dovAY-4-20-0 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.chatBubble-module-ChatBubble-boxWrapper-aH59y-4-20-0 {\n flex: 0 0 auto;\n display: flex;\n max-width: 70%;\n}\n\n.chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-20-0 {\n flex: 0 0 auto;\n}\n";
|
|
21224
|
+
var styles$7 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-20-0","ChatBubble-separator":"chatBubble-module-ChatBubble-separator-JaN-K-4-20-0","ChatBubble-box--noSuccess":"chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-20-0","ChatBubble-box":"chatBubble-module-ChatBubble-box-hARs0-4-20-0","ChatBubble-actionBar--outgoing":"chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-20-0","ChatBubble-actionBar--incoming":"chatBubble-module-ChatBubble-actionBar--incoming-gosX5-4-20-0","ChatBubble-box--incoming":"chatBubble-module-ChatBubble-box--incoming-GK6D6-4-20-0","ChatBubble-metaData--incoming":"chatBubble-module-ChatBubble-metaData--incoming-dovAY-4-20-0","ChatBubble-boxWrapper":"chatBubble-module-ChatBubble-boxWrapper-aH59y-4-20-0","ChatBubble-actionBarWrapper":"chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-20-0"};
|
|
20937
21225
|
styleInject$1(css_248z$8);
|
|
20938
21226
|
|
|
20939
21227
|
var MetaSeparator$1 = function MetaSeparator() {
|
|
@@ -21146,8 +21434,8 @@
|
|
|
21146
21434
|
};
|
|
21147
21435
|
ChatBubble.displayName = 'ChatBubble';
|
|
21148
21436
|
|
|
21149
|
-
var css_248z$7 = ".chatInput-module-ChatInput-eHNHD-4-
|
|
21150
|
-
var styles$6 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-
|
|
21437
|
+
var css_248z$7 = ".chatInput-module-ChatInput-eHNHD-4-20-0 {\n display: flex;\n flex-direction: row;\n align-items: center;\n border: var(--border-width-2-5) solid var(--secondary);\n padding: var(--spacing-20);\n border-radius: var(--border-radius-10);\n background: var(--white);\n max-width: 100%;\n min-width: var(--spacing-640);\n transition: all var(--duration--slow-01) var(--standard-productive-curve);\n max-height: var(--spacing-440);\n position: relative;\n box-sizing: border-box;\n line-height: var(--font-height-m);\n}\n\n.chatInput-module-ChatInput--expanded-CQXYB-4-20-0 {\n flex-direction: column;\n align-items: flex-start;\n}\n\n.chatInput-module-ChatInput--disabled-2rn8F-4-20-0 {\n background: var(--secondary-lightest);\n cursor: not-allowed;\n}\n\n.chatInput-module-ChatInput-eHNHD-4-20-0:hover {\n background: var(--secondary-lighter);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-20-0:focus-within,\n.chatInput-module-ChatInput-eHNHD-4-20-0:focus,\n.chatInput-module-ChatInput-eHNHD-4-20-0:focus-visible {\n outline: none;\n border: var(--border-width-2-5) solid var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.chatInput-module-ChatInput-textarea-qyw2Y-4-20-0 {\n flex: 1;\n height: var(--spacing-60);\n width: 100%;\n resize: none;\n border: none;\n outline: none;\n transition-delay: var(--duration--slow-01);\n transition: width var(--duration--slow-01) var(--standard-productive-curve);\n box-sizing: border-box;\n cursor: auto;\n padding: var(--spacing-05) 0;\n background: none;\n word-break: break-all;\n overflow-y: scroll;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n line-height: var(--font-height);\n font-size: var(--font-size);\n color: var(--inverse);\n}\n\n.chatInput-module-ChatInput-textarea-qyw2Y-4-20-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.chatInput-module-ChatInput-textarea-qyw2Y-4-20-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-20-0 textarea:disabled::-moz-placeholder {\n color: var(--inverse-lightest);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-20-0 textarea:disabled::placeholder {\n color: var(--inverse-lightest);\n}\n\n.chatInput-module-ChatInput-actions-TdLpp-4-20-0 {\n display: flex;\n flex-shrink: 0;\n transition: all var(--duration--slow-01) var(--standard-productive-curve);\n margin-left: var(--spacing-20);\n align-items: center;\n}\n\n.chatInput-module-ChatInput-actions--expanded-tSHwG-4-20-0 {\n width: 100%;\n justify-content: flex-end;\n margin-top: var(--spacing-20);\n margin-left: 0;\n}\n";
|
|
21438
|
+
var styles$6 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-20-0","ChatInput--expanded":"chatInput-module-ChatInput--expanded-CQXYB-4-20-0","ChatInput--disabled":"chatInput-module-ChatInput--disabled-2rn8F-4-20-0","ChatInput-textarea":"chatInput-module-ChatInput-textarea-qyw2Y-4-20-0","ChatInput-actions":"chatInput-module-ChatInput-actions-TdLpp-4-20-0","ChatInput-actions--expanded":"chatInput-module-ChatInput-actions--expanded-tSHwG-4-20-0"};
|
|
21151
21439
|
styleInject$1(css_248z$7);
|
|
21152
21440
|
|
|
21153
21441
|
var ChatInput = function ChatInput(props) {
|
|
@@ -21274,8 +21562,8 @@
|
|
|
21274
21562
|
Chat.ChatBubble = ChatBubble;
|
|
21275
21563
|
Chat.ChatInput = ChatInput;
|
|
21276
21564
|
|
|
21277
|
-
var css_248z$6 = ".meter-module-Meter-2i-mO-4-
|
|
21278
|
-
var styles$5 = {"Meter":"meter-module-Meter-2i-mO-4-
|
|
21565
|
+
var css_248z$6 = ".meter-module-Meter-2i-mO-4-20-0 {\n display: flex;\n align-items: center;\n}\n\n.meter-module-Meter-Step-4Z4g3-4-20-0 {\n border-radius: 50%;\n}\n\n.meter-module-Meter-Step--small-8AUww-4-20-0 {\n width: var(--spacing-10);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--regular-5FlOq-4-20-0 {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--large-3n6Li-4-20-0 {\n width: var(--spacing-30);\n height: var(--spacing-30);\n}\n\n.meter-module-Meter-Step--info-dYKw1-4-20-0 {\n background: var(--primary);\n}\n\n.meter-module-Meter-Step--warning-1y3zc-4-20-0 {\n background: var(--warning);\n}\n\n.meter-module-Meter-Step--alert-hNfes-4-20-0 {\n background: var(--alert);\n}\n\n.meter-module-Meter-Step--success-sSboi-4-20-0 {\n background: var(--success);\n}\n";
|
|
21566
|
+
var styles$5 = {"Meter":"meter-module-Meter-2i-mO-4-20-0","Meter-Step":"meter-module-Meter-Step-4Z4g3-4-20-0","Meter-Step--small":"meter-module-Meter-Step--small-8AUww-4-20-0","Meter-Step--regular":"meter-module-Meter-Step--regular-5FlOq-4-20-0","Meter-Step--large":"meter-module-Meter-Step--large-3n6Li-4-20-0","Meter-Step--info":"meter-module-Meter-Step--info-dYKw1-4-20-0","Meter-Step--warning":"meter-module-Meter-Step--warning-1y3zc-4-20-0","Meter-Step--alert":"meter-module-Meter-Step--alert-hNfes-4-20-0","Meter-Step--success":"meter-module-Meter-Step--success-sSboi-4-20-0"};
|
|
21279
21567
|
styleInject$1(css_248z$6);
|
|
21280
21568
|
|
|
21281
21569
|
var Step = function Step(props) {
|
|
@@ -21418,7 +21706,8 @@
|
|
|
21418
21706
|
"aria-valuemin": min,
|
|
21419
21707
|
"aria-valuemax": max,
|
|
21420
21708
|
"aria-valuenow": value,
|
|
21421
|
-
"aria-label": ariaLabel
|
|
21709
|
+
"aria-label": ariaLabel,
|
|
21710
|
+
"aria-valuetext": label.toString()
|
|
21422
21711
|
}, rest), steps, (showLabel || renderLabel) && (/*#__PURE__*/React__namespace.createElement(Text, {
|
|
21423
21712
|
className: "ml-4",
|
|
21424
21713
|
size: labelSize || meterSize,
|
|
@@ -21441,8 +21730,8 @@
|
|
|
21441
21730
|
|
|
21442
21731
|
var SegmentedControlContext = /*#__PURE__*/React__namespace.createContext(null);
|
|
21443
21732
|
|
|
21444
|
-
var css_248z$5 = ".segmentedControl-module-SegmentedControl-vkYC9-4-
|
|
21445
|
-
var styles$4 = {"SegmentedControl":"segmentedControl-module-SegmentedControl-vkYC9-4-
|
|
21733
|
+
var css_248z$5 = ".segmentedControl-module-SegmentedControl-vkYC9-4-20-0 {\n display: inline-flex;\n align-items: stretch;\n position: relative;\n border-radius: var(--border-radius-10);\n max-width: 100%;\n box-sizing: border-box;\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n overflow: visible;\n}\n\n.segmentedControl-module-SegmentedControl--expanded-sdHW--4-20-0 {\n width: 100%;\n display: flex;\n}\n\n.segmentedControl-module-SegmentedControl-segment--expanded-A9LYh-4-20-0 {\n flex: 1 1 0;\n min-width: 0;\n width: 0;\n}\n\n.segmentedControl-module-SegmentedControl-segment--equalWidth-FUQl8-4-20-0 {\n width: var(--segment-equal-width, -moz-max-content);\n width: var(--segment-equal-width, max-content);\n flex: 0 0 auto;\n min-width: var(--segment-equal-width, -moz-max-content);\n min-width: var(--segment-equal-width, max-content);\n}\n\n.segmentedControl-module-SegmentedControl-segment--equalWidth-FUQl8-4-20-0 .segmentedControl-module-SegmentedControl-segmentLabel-Jtu-B-4-20-0 {\n overflow: visible;\n text-overflow: clip;\n}\n\n.segmentedControl-module-SegmentedControl-segmentLabel--constrained-DpFL7-4-20-0 {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n}\n\n.segmentedControl-module-SegmentedControl--disabled-7MH7Y-4-20-0 {\n opacity: var(--opacity-16);\n cursor: not-allowed;\n}\n\n.segmentedControl-module-SegmentedControl-indicator-ac-l3-4-20-0 {\n position: absolute;\n left: 0;\n box-sizing: border-box;\n background-color: var(--primary-ultra-light);\n border: var(--border-width-2-5) solid var(--primary-lighter);\n border-radius: var(--border-radius-10);\n pointer-events: none;\n z-index: 2;\n transition: transform var(--duration--moderate-02) var(--standard-productive-curve),\n width var(--duration--moderate-02) var(--standard-productive-curve),\n top var(--duration--moderate-02) var(--standard-productive-curve),\n height var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-20-0 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: var(--border-width-2-5) solid transparent;\n background-clip: padding-box;\n border-radius: 0;\n background-color: transparent;\n position: relative;\n color: var(--text);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--spacing-15) var(--spacing-30);\n cursor: pointer;\n font-family: inherit;\n font-size: var(--font-size);\n line-height: var(--font-height);\n font-weight: var(--font-weight-normal);\n text-decoration: none;\n max-width: var(--segment-max-width, none);\n min-width: 0;\n z-index: 3;\n transition: color var(--duration--moderate-02) var(--standard-productive-curve),\n background-color var(--duration--moderate-02) var(--standard-productive-curve),\n box-shadow var(--duration--moderate-02) var(--standard-productive-curve),\n font-weight var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-20-0:nth-of-type(1) {\n border-top-left-radius: var(--border-radius-10);\n border-bottom-left-radius: var(--border-radius-10);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-20-0:last-child {\n border-top-right-radius: var(--border-radius-10);\n border-bottom-right-radius: var(--border-radius-10);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-20-0:focus {\n outline: none;\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-20-0:focus-visible:not(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-20-0) {\n border-color: var(--primary);\n border-radius: var(--border-radius-10);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n z-index: 100;\n position: relative;\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-20-0:hover:not(.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-20-0):not(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-20-0) {\n background-color: var(--secondary-lighter);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-20-0:active:not(.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-20-0):not(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-20-0) {\n color: var(--primary-dark);\n}\n\n.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-20-0 {\n color: var(--primary-dark);\n cursor: default;\n}\n\n.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-20-0.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-20-0 {\n color: var(--primary-dark);\n cursor: not-allowed;\n}\n\n.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-20-0.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-20-0::after {\n content: '';\n position: absolute;\n top: var(--border-width-2-5);\n left: var(--border-width-2-5);\n right: var(--border-width-2-5);\n bottom: var(--border-width-2-5);\n background-color: var(--white);\n opacity: var(--opacity-12);\n border-radius: calc(var(--border-radius-10) - var(--border-width-2-5));\n pointer-events: none;\n z-index: 1;\n}\n\n.segmentedControl-module-SegmentedControl-vkYC9-4-20-0:has(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-20-0.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-20-0)\n .segmentedControl-module-SegmentedControl-indicator-ac-l3-4-20-0 {\n opacity: calc(1 - var(--opacity-12));\n}\n\n.segmentedControl-module-SegmentedControl-segment--twoSegmentsSelected-GiHxv-4-20-0 {\n cursor: pointer;\n}\n\n.segmentedControl-module-SegmentedControl-segment--small-e41l--4-20-0 {\n padding: var(--spacing-10) var(--spacing-20);\n height: var(--spacing-60);\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.segmentedControl-module-SegmentedControl-segment--regular-NoNqD-4-20-0 {\n padding: var(--spacing-15) var(--spacing-30);\n height: var(--spacing-80);\n line-height: var(--font-height);\n}\n\n.segmentedControl-module-SegmentedControl-segment--large-34x1e-4-20-0 {\n padding: var(--spacing-20) var(--spacing-40);\n height: 40px;\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.segmentedControl-module-SegmentedControl-segment--customContent-xIvUV-4-20-0 {\n height: auto;\n}\n\n.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-20-0 {\n cursor: not-allowed;\n color: var(--text-disabled);\n background-color: transparent;\n}\n\n.segmentedControl-module-SegmentedControl-segment--iconOnly-d-e2J-4-20-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n padding: var(--spacing-15) var(--spacing-20);\n box-sizing: border-box;\n}\n\n.segmentedControl-module-SegmentedControl-segment--smallIconOnly--K8og-4-20-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n padding: var(--spacing-10) var(--spacing-15);\n box-sizing: border-box;\n}\n\n.segmentedControl-module-SegmentedControl-segment--largeIconOnly-qVfJL-4-20-0 {\n height: 40px;\n width: 40px;\n padding: var(--spacing-20) var(--spacing-30);\n box-sizing: border-box;\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon-X6neD-4-20-0 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin: 0;\n transition: color var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--only-Tb-d5-4-20-0 {\n margin: 0;\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--small-phj9R-4-20-0 {\n margin-right: var(--spacing-10);\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--regular-F6UoI-4-20-0 {\n margin-right: var(--spacing-15);\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--large-5k6tL-4-20-0 {\n margin-right: var(--spacing-20);\n}\n\n.segmentedControl-module-SegmentedControl-segmentLabel-Jtu-B-4-20-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: color var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-divider-CanUi-4-20-0 {\n width: var(--border-width-2-5);\n background-color: var(--secondary);\n align-self: center;\n flex-shrink: 0;\n transition: opacity var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-divider--hidden-CUMGn-4-20-0 {\n opacity: 0;\n pointer-events: none;\n}\n\n.segmentedControl-module-SegmentedControl-divider--small-gv4uV-4-20-0 {\n height: 10px;\n}\n\n.segmentedControl-module-SegmentedControl-divider--regular-bWrw6-4-20-0 {\n height: var(--spacing-30);\n}\n\n.segmentedControl-module-SegmentedControl-divider--large-6pJIA-4-20-0 {\n height: 14px;\n}\n\n@media (prefers-contrast: high) {\n .segmentedControl-module-SegmentedControl-segment-rqh1W-4-20-0:focus-visible {\n outline-width: var(--border-width-10);\n outline-offset: var(--spacing-05);\n }\n\n .segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-20-0 {\n border-color: var(--primary);\n }\n}\n";
|
|
21734
|
+
var styles$4 = {"SegmentedControl":"segmentedControl-module-SegmentedControl-vkYC9-4-20-0","SegmentedControl--expanded":"segmentedControl-module-SegmentedControl--expanded-sdHW--4-20-0","SegmentedControl-segment--expanded":"segmentedControl-module-SegmentedControl-segment--expanded-A9LYh-4-20-0","SegmentedControl-segment--equalWidth":"segmentedControl-module-SegmentedControl-segment--equalWidth-FUQl8-4-20-0","SegmentedControl-segmentLabel":"segmentedControl-module-SegmentedControl-segmentLabel-Jtu-B-4-20-0","SegmentedControl-segmentLabel--constrained":"segmentedControl-module-SegmentedControl-segmentLabel--constrained-DpFL7-4-20-0","SegmentedControl--disabled":"segmentedControl-module-SegmentedControl--disabled-7MH7Y-4-20-0","SegmentedControl-indicator":"segmentedControl-module-SegmentedControl-indicator-ac-l3-4-20-0","SegmentedControl-segment":"segmentedControl-module-SegmentedControl-segment-rqh1W-4-20-0","SegmentedControl-segment--selected":"segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-20-0","SegmentedControl-segment--disabled":"segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-20-0","SegmentedControl-segment--twoSegmentsSelected":"segmentedControl-module-SegmentedControl-segment--twoSegmentsSelected-GiHxv-4-20-0","SegmentedControl-segment--small":"segmentedControl-module-SegmentedControl-segment--small-e41l--4-20-0","SegmentedControl-segment--regular":"segmentedControl-module-SegmentedControl-segment--regular-NoNqD-4-20-0","SegmentedControl-segment--large":"segmentedControl-module-SegmentedControl-segment--large-34x1e-4-20-0","SegmentedControl-segment--customContent":"segmentedControl-module-SegmentedControl-segment--customContent-xIvUV-4-20-0","SegmentedControl-segment--iconOnly":"segmentedControl-module-SegmentedControl-segment--iconOnly-d-e2J-4-20-0","SegmentedControl-segment--smallIconOnly":"segmentedControl-module-SegmentedControl-segment--smallIconOnly--K8og-4-20-0","SegmentedControl-segment--largeIconOnly":"segmentedControl-module-SegmentedControl-segment--largeIconOnly-qVfJL-4-20-0","SegmentedControl-segmentIcon":"segmentedControl-module-SegmentedControl-segmentIcon-X6neD-4-20-0","SegmentedControl-segmentIcon--only":"segmentedControl-module-SegmentedControl-segmentIcon--only-Tb-d5-4-20-0","SegmentedControl-segmentIcon--small":"segmentedControl-module-SegmentedControl-segmentIcon--small-phj9R-4-20-0","SegmentedControl-segmentIcon--regular":"segmentedControl-module-SegmentedControl-segmentIcon--regular-F6UoI-4-20-0","SegmentedControl-segmentIcon--large":"segmentedControl-module-SegmentedControl-segmentIcon--large-5k6tL-4-20-0","SegmentedControl-divider":"segmentedControl-module-SegmentedControl-divider-CanUi-4-20-0","SegmentedControl-divider--hidden":"segmentedControl-module-SegmentedControl-divider--hidden-CUMGn-4-20-0","SegmentedControl-divider--small":"segmentedControl-module-SegmentedControl-divider--small-gv4uV-4-20-0","SegmentedControl-divider--regular":"segmentedControl-module-SegmentedControl-divider--regular-bWrw6-4-20-0","SegmentedControl-divider--large":"segmentedControl-module-SegmentedControl-divider--large-6pJIA-4-20-0"};
|
|
21446
21735
|
styleInject$1(css_248z$5);
|
|
21447
21736
|
|
|
21448
21737
|
var iconSizeMap = {
|
|
@@ -21847,8 +22136,8 @@
|
|
|
21847
22136
|
|
|
21848
22137
|
var img$2 = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 8C4.86599 8 8 4.86599 8 1C8 4.86599 11.134 8 15 8C11.134 8 8 11.134 8 15C8 11.134 4.86599 8 1 8Z' fill='url(%23paint0_linear_64038_5798)'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 8C4.86599 8 8 4.86599 8 1C8 4.86599 11.134 8 15 8C11.134 8 8 11.134 8 15C8 11.134 4.86599 8 1 8Z' fill='url(%23paint1_linear_64038_5798)' fill-opacity='0.24'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_64038_5798' x1='3.4375' y1='2.4375' x2='12.4063' y2='13' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23E81F76' stop-opacity='0.8'/%3e%3cstop offset='1' stop-color='%23EB5324'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_64038_5798' x1='9.3125' y1='10.8438' x2='12.5937' y2='15.6563' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FFC208' stop-opacity='0'/%3e%3cstop offset='1' stop-color='%23FFC208'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
|
|
21849
22138
|
|
|
21850
|
-
var css_248z$4 = ".button-module-AIButton-Hcde0-4-
|
|
21851
|
-
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-
|
|
22139
|
+
var css_248z$4 = ".button-module-AIButton-Hcde0-4-20-0 {\n padding: var(--spacing-20) var(--spacing-30);\n border-radius: var(--border-radius-10);\n cursor: pointer;\n border: 0;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n display: flex;\n align-items: center;\n color: var(--inverse);\n background: linear-gradient(\n 277deg,\n rgba(227, 28, 121, 0.15) 0%,\n rgba(231, 56, 79, 0.24) 28%,\n rgba(240, 125, 0, 0.15) 100%\n );\n}\n\n.button-module-AIButton-Hcde0-4-20-0:hover {\n background: linear-gradient(\n 277deg,\n rgba(227, 28, 121, 0.2) 0%,\n rgba(231, 56, 79, 0.32) 28%,\n rgba(240, 125, 0, 0.2) 100%\n );\n}\n\n.button-module-AIButton-Hcde0-4-20-0:active {\n background: linear-gradient(\n 277deg,\n rgba(227, 28, 121, 0.31) 0%,\n rgba(231, 56, 79, 0.48) 28%,\n rgba(240, 125, 0, 0.31) 100%\n );\n}\n\n.button-module-AIButton-Hcde0-4-20-0:disabled {\n cursor: not-allowed;\n opacity: var(--opacity-10);\n background: linear-gradient(\n 277deg,\n rgba(227, 28, 121, 0.15) 0%,\n rgba(231, 56, 79, 0.24) 28%,\n rgba(240, 125, 0, 0.15) 100%\n );\n}\n\n.button-module-AIButton-Hcde0-4-20-0:focus {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n/* Button Icon */\n\n.button-module-AIButton-Icon-ITLNV-4-20-0 {\n margin-right: var(--spacing-20);\n}\n";
|
|
22140
|
+
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-20-0","AIButton-Icon":"button-module-AIButton-Icon-ITLNV-4-20-0"};
|
|
21852
22141
|
styleInject$1(css_248z$4);
|
|
21853
22142
|
|
|
21854
22143
|
var AIButton = function AIButton(props) {
|
|
@@ -21867,7 +22156,8 @@
|
|
|
21867
22156
|
disabled: disabled
|
|
21868
22157
|
}, rest), withSparkle && (/*#__PURE__*/React__namespace.createElement("img", {
|
|
21869
22158
|
src: img$2,
|
|
21870
|
-
alt: "
|
|
22159
|
+
alt: "",
|
|
22160
|
+
"aria-hidden": "true",
|
|
21871
22161
|
width: 16,
|
|
21872
22162
|
height: 16,
|
|
21873
22163
|
className: IconClassNames,
|
|
@@ -25841,7 +26131,9 @@
|
|
|
25841
26131
|
fill: "none",
|
|
25842
26132
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25843
26133
|
className: className,
|
|
25844
|
-
"data-test": "DesignSystem-AI-Icon"
|
|
26134
|
+
"data-test": "DesignSystem-AI-Icon",
|
|
26135
|
+
"aria-hidden": "true",
|
|
26136
|
+
focusable: "false"
|
|
25845
26137
|
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
25846
26138
|
fillRule: "evenodd",
|
|
25847
26139
|
clipRule: "evenodd",
|
|
@@ -25891,7 +26183,9 @@
|
|
|
25891
26183
|
fill: "none",
|
|
25892
26184
|
xmlns: "http://www.w3.org/2000/svg",
|
|
25893
26185
|
className: className,
|
|
25894
|
-
"data-test": "DesignSystem-AI-Icon"
|
|
26186
|
+
"data-test": "DesignSystem-AI-Icon",
|
|
26187
|
+
"aria-hidden": "true",
|
|
26188
|
+
focusable: "false"
|
|
25895
26189
|
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
25896
26190
|
fillRule: "evenodd",
|
|
25897
26191
|
clipRule: "evenodd",
|
|
@@ -25932,8 +26226,8 @@
|
|
|
25932
26226
|
}))));
|
|
25933
26227
|
};
|
|
25934
26228
|
|
|
25935
|
-
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-
|
|
25936
|
-
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-
|
|
26229
|
+
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-20-0 {\n background: transparent;\n padding: var(--spacing-20);\n border-radius: var(--border-radius-10);\n cursor: pointer;\n border: 0;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n position: relative;\n}\n\n.iconButton-module-AIIconButton--large-2EnOg-4-20-0 {\n padding: var(--spacing-0-75);\n}\n\n.iconButton-module-AIIconButton--regular-TAz71-4-20-0 {\n padding: var(--spacing);\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-20-0:hover {\n background: linear-gradient(\n 315deg,\n rgba(227, 28, 121, 0.2) 0%,\n rgba(231, 56, 79, 0.32) 19.79%,\n rgba(240, 125, 0, 0.32) 100%\n );\n color: var(--secondary) !important;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-20-0:active {\n background: linear-gradient(\n 315deg,\n rgba(227, 28, 121, 0.31) 0%,\n rgba(231, 56, 79, 0.48) 19.79%,\n rgba(240, 125, 0, 0.48) 100%\n );\n color: var(--secondary-dark) !important;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-20-0:focus,\n.iconButton-module-AIIconButton-BtFJz-4-20-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-20-0:disabled {\n cursor: not-allowed;\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.iconButton-module-AIIconButton-icon-nj5xZ-4-20-0 {\n overflow: hidden;\n flex-shrink: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n line-height: inherit;\n display: flex;\n align-items: center;\n position: relative;\n}\n\n.iconButton-module-AIIconButton-AIIcon-xdcj5-4-20-0 {\n position: absolute;\n}\n\n.iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-20-0 {\n bottom: calc(var(--spacing-30) + var(--spacing-05)); /* 14px */\n left: calc(var(--spacing-30) + var(--spacing-2-5)); /* 13px */\n}\n\n.iconButton-module-AIIconButton-AIIcon--largeTop-3HqjO-4-20-0 {\n bottom: calc(var(--spacing-40) + var(--spacing-05)); /* 18px */\n left: calc(var(--spacing-40) + var(--spacing-2-5)); /* 17px */\n}\n\n.iconButton-module-AIIconButton-AIIcon--regularBottom-oQfDL-4-20-0 {\n top: calc(var(--spacing-30) + var(--spacing-2-5)); /* 13px */\n left: calc(var(--spacing-30) + var(--spacing-05)); /* 14px */\n}\n\n.iconButton-module-AIIconButton-AIIcon--largeBottom-RQtt--4-20-0 {\n top: calc(var(--spacing-40) + var(--spacing-2-5)); /* 17px */\n left: calc(var(--spacing-40) + var(--spacing-05)); /* 18px */\n}\n";
|
|
26230
|
+
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-20-0","AIIconButton--large":"iconButton-module-AIIconButton--large-2EnOg-4-20-0","AIIconButton--regular":"iconButton-module-AIIconButton--regular-TAz71-4-20-0","AIIconButton-icon":"iconButton-module-AIIconButton-icon-nj5xZ-4-20-0","AIIconButton-AIIcon":"iconButton-module-AIIconButton-AIIcon-xdcj5-4-20-0","AIIconButton-AIIcon--regularTop":"iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-20-0","AIIconButton-AIIcon--largeTop":"iconButton-module-AIIconButton-AIIcon--largeTop-3HqjO-4-20-0","AIIconButton-AIIcon--regularBottom":"iconButton-module-AIIconButton-AIIcon--regularBottom-oQfDL-4-20-0","AIIconButton-AIIcon--largeBottom":"iconButton-module-AIIconButton-AIIcon--largeBottom-RQtt--4-20-0"};
|
|
25937
26231
|
styleInject$1(css_248z$2);
|
|
25938
26232
|
|
|
25939
26233
|
var SaraIcon = function SaraIcon(props) {
|
|
@@ -25958,6 +26252,7 @@
|
|
|
25958
26252
|
|
|
25959
26253
|
var AIIconButton = function AIIconButton(props) {
|
|
25960
26254
|
var _a, _b;
|
|
26255
|
+
var _c, _d;
|
|
25961
26256
|
var icon = props.icon,
|
|
25962
26257
|
position = props.position,
|
|
25963
26258
|
className = props.className,
|
|
@@ -25966,6 +26261,7 @@
|
|
|
25966
26261
|
tooltip = props.tooltip,
|
|
25967
26262
|
disabled = props.disabled,
|
|
25968
26263
|
rest = __rest(props, ["icon", "position", "className", "size", "strokeColor", "tooltip", "disabled"]);
|
|
26264
|
+
var ariaLabel = (_d = (_c = rest['aria-label']) !== null && _c !== void 0 ? _c : tooltip) !== null && _d !== void 0 ? _d : icon;
|
|
25969
26265
|
var buttonClassNames = classNames__default["default"]((_a = {}, _a[styles$2.AIIconButton] = true, _a[styles$2['AIIconButton--regular']] = size === 'regular', _a[styles$2['AIIconButton--large']] = size === 'large', _a), className);
|
|
25970
26266
|
var IconClassNames = classNames__default["default"]((_b = {}, _b[styles$2['AIIconButton-icon']] = true, _b['material-symbols'] = true, _b['material-symbols-rounded'] = true, _b));
|
|
25971
26267
|
var sizeMapping = {
|
|
@@ -25989,7 +26285,8 @@
|
|
|
25989
26285
|
}, /*#__PURE__*/React__namespace.createElement("button", __assign$1({
|
|
25990
26286
|
className: buttonClassNames,
|
|
25991
26287
|
"data-test": "DesignSystem-AI-IconButton",
|
|
25992
|
-
disabled: disabled
|
|
26288
|
+
disabled: disabled,
|
|
26289
|
+
"aria-label": ariaLabel
|
|
25993
26290
|
}, rest, {
|
|
25994
26291
|
style: {
|
|
25995
26292
|
color: strokeColor
|
|
@@ -25997,7 +26294,8 @@
|
|
|
25997
26294
|
}), /*#__PURE__*/React__namespace.createElement("i", {
|
|
25998
26295
|
"data-test": "DesignSystem-Icon",
|
|
25999
26296
|
className: IconClassNames,
|
|
26000
|
-
style: iconStyles
|
|
26297
|
+
style: iconStyles,
|
|
26298
|
+
"aria-hidden": !!ariaLabel
|
|
26001
26299
|
}, icon), /*#__PURE__*/React__namespace.createElement(SaraIcon, __assign$1({}, saraIconProps))));
|
|
26002
26300
|
};
|
|
26003
26301
|
AIIconButton.defaultProps = {
|
|
@@ -26006,8 +26304,8 @@
|
|
|
26006
26304
|
strokeColor: '#fff'
|
|
26007
26305
|
};
|
|
26008
26306
|
|
|
26009
|
-
var css_248z$1 = ".chip-module-AIChip-BtOef-4-
|
|
26010
|
-
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-
|
|
26307
|
+
var css_248z$1 = ".chip-module-AIChip-BtOef-4-20-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--border-radius-30);\n padding: var(--spacing-05) var(--spacing-20);\n cursor: pointer;\n width: -moz-fit-content;\n width: fit-content;\n border: 0;\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.24) 0%,\n rgba(231, 56, 79, 0.24) 19.79%,\n rgba(240, 125, 0, 0.24) 100%\n );\n}\n\n.chip-module-AIChip-BtOef-4-20-0:hover {\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.32) 0%,\n rgba(231, 56, 79, 0.32) 19.79%,\n rgba(240, 125, 0, 0.32) 100%\n );\n}\n\n.chip-module-AIChip-BtOef-4-20-0:active {\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.48) 0%,\n rgba(231, 56, 79, 0.48) 19.79%,\n rgba(240, 125, 0, 0.48) 100%\n );\n}\n\n.chip-module-AIChip-BtOef-4-20-0:focus,\n.chip-module-AIChip-BtOef-4-20-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-AIChip-icon-n5kJL-4-20-0 {\n width: var(--spacing-40);\n height: var(--spacing-40);\n font-size: var(--spacing-40) !important;\n margin-right: var(--spacing-10);\n -webkit-background-clip: text;\n background-clip: text;\n color: var(--inverse);\n}\n\n.chip-module-AIChip-text-EfbZT-4-20-0 {\n color: var(--inverse);\n font-size: var(--font-size);\n line-height: var(--font-height);\n font-family: var(--font-family);\n}\n\n/* Disabled Chip */\n\n.chip-module-AIChip--disabled-R4qHn-4-20-0 {\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.24) 0%,\n rgba(231, 56, 79, 0.24) 19.79%,\n rgba(240, 125, 0, 0.24) 100%\n );\n}\n\n.chip-module-AIChip-icon--disabled-UBH8e-4-20-0 {\n -webkit-background-clip: text;\n background-clip: text;\n color: var(--inverse-lightest);\n}\n\n.chip-module-AIChip-text--disabled-fCBlY-4-20-0 {\n color: var(--inverse-lightest);\n}\n\n.chip-module-AIChip-BtOef-4-20-0:disabled {\n cursor: not-allowed;\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.24) 0%,\n rgba(231, 56, 79, 0.24) 19.79%,\n rgba(240, 125, 0, 0.24) 100%\n );\n}\n";
|
|
26308
|
+
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-20-0","AIChip-icon":"chip-module-AIChip-icon-n5kJL-4-20-0","AIChip-text":"chip-module-AIChip-text-EfbZT-4-20-0","AIChip--disabled":"chip-module-AIChip--disabled-R4qHn-4-20-0","AIChip-icon--disabled":"chip-module-AIChip-icon--disabled-UBH8e-4-20-0","AIChip-text--disabled":"chip-module-AIChip-text--disabled-fCBlY-4-20-0"};
|
|
26011
26309
|
styleInject$1(css_248z$1);
|
|
26012
26310
|
|
|
26013
26311
|
var AIChip = function AIChip(props) {
|
|
@@ -26028,15 +26326,16 @@
|
|
|
26028
26326
|
disabled: disabled
|
|
26029
26327
|
}, rest), /*#__PURE__*/React__namespace.createElement("i", {
|
|
26030
26328
|
"data-test": "DesignSystem-AI-Chip-Icon",
|
|
26031
|
-
className: IconClassNames
|
|
26329
|
+
className: IconClassNames,
|
|
26330
|
+
"aria-hidden": "true"
|
|
26032
26331
|
}, icon), /*#__PURE__*/React__namespace.createElement("span", {
|
|
26033
26332
|
"data-test": "DesignSystem-AI-Chip-Text",
|
|
26034
26333
|
className: TextClassNames
|
|
26035
26334
|
}, label));
|
|
26036
26335
|
};
|
|
26037
26336
|
|
|
26038
|
-
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-
|
|
26039
|
-
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-
|
|
26337
|
+
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-20-0 {\n background: linear-gradient(white, white) padding-box,\n linear-gradient(to right, rgba(254, 172, 95, 1) 9%, rgba(255, 31, 136, 1) 48%, rgba(227, 28, 121, 0.48) 100%)\n border-box;\n border: var(--spacing-2-5) solid transparent;\n border-radius: var(--border-radius-30);\n}\n\n.chat-module-AIResponse-container-OdpKS-4-20-0 {\n border-radius: var(--border-radius-30);\n border: var(--border-width-2-5) solid var(--secondary);\n padding: var(--spacing-20) var(--spacing-30);\n}\n\n.chat-module-AIResponse-box--glow-V9QG9-4-20-0 {\n padding: var(--spacing-20) var(--spacing-30);\n border-radius: var(--spacing-30);\n background: linear-gradient(to right, rgba(240, 125, 0, 0.04), rgba(227, 28, 121, 0.0192));\n}\n\n.chat-module-AIResponse-actionBar-6fyXH-4-20-0 {\n margin-top: var(--spacing-10);\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.chat-module-AIResponse-button-kYbCE-4-20-0 {\n opacity: var(--opacity-12);\n}\n\n.chat-module-AIResponse-box-AFv7W-4-20-0:hover .chat-module-AIResponse-button-kYbCE-4-20-0,\n.chat-module-AIResponse-box--glow-V9QG9-4-20-0:hover .chat-module-AIResponse-button-kYbCE-4-20-0 {\n opacity: 1;\n}\n\n.chat-module-AIResponse-button--selected-2WUcQ-4-20-0 {\n opacity: 1;\n}\n\n.chat-module-AIResponse-metaData-eT5c3-4-20-0 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n";
|
|
26338
|
+
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-20-0","AIResponse-container":"chat-module-AIResponse-container-OdpKS-4-20-0","AIResponse-box--glow":"chat-module-AIResponse-box--glow-V9QG9-4-20-0","AIResponse-actionBar":"chat-module-AIResponse-actionBar-6fyXH-4-20-0","AIResponse-button":"chat-module-AIResponse-button-kYbCE-4-20-0","AIResponse-box":"chat-module-AIResponse-box-AFv7W-4-20-0","AIResponse-button--selected":"chat-module-AIResponse-button--selected-2WUcQ-4-20-0","AIResponse-metaData":"chat-module-AIResponse-metaData-eT5c3-4-20-0"};
|
|
26040
26339
|
styleInject$1(css_248z);
|
|
26041
26340
|
|
|
26042
26341
|
var ChatBox = function ChatBox(props) {
|
|
@@ -26141,7 +26440,7 @@
|
|
|
26141
26440
|
AIResponse.ActionBar = ChatActionBar;
|
|
26142
26441
|
AIResponse.Body = ChatBody;
|
|
26143
26442
|
|
|
26144
|
-
var version = "4.
|
|
26443
|
+
var version = "4.20.0";
|
|
26145
26444
|
|
|
26146
26445
|
exports.AIButton = AIButton;
|
|
26147
26446
|
exports.AIChip = AIChip;
|