@innovaccer/design-system 4.17.0 → 4.18.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 +81 -0
- package/css/dist/index.css +532 -0
- package/css/dist/index.css.map +1 -1
- package/css/src/components/avatarGroup.module.css +2 -0
- package/css/src/components/flex.module.css +117 -0
- package/css/src/components/mdsGrid.module.css +401 -0
- package/css/src/components/table.module.css +2 -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/flex/Flex.d.ts +35 -0
- package/dist/core/components/atoms/flex/index.d.ts +2 -0
- package/dist/core/components/atoms/mdsGrid/GridItem.d.ts +23 -0
- package/dist/core/components/atoms/mdsGrid/MdsGrid.d.ts +43 -0
- package/dist/core/components/atoms/mdsGrid/index.d.ts +2 -0
- package/dist/core/components/organisms/grid/Grid.d.ts +1 -0
- package/dist/core/components/organisms/table/Table.d.ts +2 -0
- package/dist/core/index.d.ts +2 -0
- package/dist/core/index.type.d.ts +1 -0
- package/dist/esm/index.js +669 -381
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +628 -340
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +532 -0
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +103 -23
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* Generated on: 2025-12-
|
|
3
|
+
* Generated on: 2025-12-29T09:25:05.262Z
|
|
4
4
|
* Package: @innovaccer/design-system
|
|
5
|
-
* Version: v4.
|
|
5
|
+
* Version: v4.18.0
|
|
6
6
|
* License: MIT
|
|
7
7
|
* Docs: https://mds.innovaccer.com
|
|
8
8
|
*/
|
|
@@ -994,9 +994,9 @@ function styleInject(css, ref) {
|
|
|
994
994
|
}
|
|
995
995
|
}
|
|
996
996
|
|
|
997
|
-
var css_248z$
|
|
998
|
-
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-
|
|
999
|
-
styleInject(css_248z$
|
|
997
|
+
var css_248z$1l = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-18-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-18-0:focus,\n.avatar-module-Avatar--default-0YGXC-4-18-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatar-module-Avatar-wrapper--square--Pcj7-4-18-0 {\n padding: var(--spacing-2-5);\n box-sizing: border-box;\n}\n\n.avatar-module-Avatar--square-lGJGN-4-18-0 {\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-10);\n}\n\n.avatar-module-Avatar--regular-ewNzb-4-18-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.avatar-module-Avatar--tiny-Veo-U-4-18-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.avatar-module-Avatar--micro-H0bVd-4-18-0 {\n height: 20px;\n width: 20px;\n}\n\n.avatar-module-Avatar--noInitials-do2M4-4-18-0 {\n cursor: default;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-18-0 {\n cursor: not-allowed;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-18-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-18-0 {\n background: var(--primary-300);\n}\n\n.avatar-module-Avatar--secondary-Fru0H-4-18-0 {\n background: var(--secondary-light);\n}\n\n.avatar-module-Avatar--success-KErql-4-18-0 {\n background: var(--success-300);\n}\n\n.avatar-module-Avatar--alert-mtBzz-4-18-0 {\n background: var(--alert-300);\n}\n\n.avatar-module-Avatar--warning-OUu3j-4-18-0 {\n background: var(--warning-300);\n}\n\n.avatar-module-Avatar--accent1-Q0YGB-4-18-0 {\n background: var(--accent1-300);\n}\n\n.avatar-module-Avatar--accent2-70bqJ-4-18-0 {\n background: var(--accent2-300);\n}\n\n.avatar-module-Avatar--accent3-GEYFR-4-18-0 {\n background: var(--accent3-300);\n}\n\n.avatar-module-Avatar--accent4-PHVye-4-18-0 {\n background: var(--accent4-300);\n}\n\n.avatar-module-Avatar-content--tiny-ZKHWg-4-18-0 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content--micro-qs9Ij-4-18-0 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content--primary-APpou-4-18-0 {\n color: var(--primary-darker) !important;\n}\n\n.avatar-module-Avatar-content--secondary-otLfi-4-18-0 {\n color: var(--inverse) !important;\n}\n\n.avatar-module-Avatar-content--success-Zmxy6-4-18-0 {\n color: var(--success-darker) !important;\n}\n\n.avatar-module-Avatar-content--alert-ng-FC-4-18-0 {\n color: var(--alert-darker) !important;\n}\n\n.avatar-module-Avatar-content--warning-0Tidt-4-18-0 {\n color: var(--warning-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent1-f6QRu-4-18-0 {\n color: var(--accent1-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent2-y3plU-4-18-0 {\n color: var(--accent2-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent3-SDOJJ-4-18-0 {\n color: var(--accent3-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent4-Dgi83-4-18-0 {\n color: var(--accent4-darker) !important;\n}\n\n.avatar-module-Avatar-presence-ByKmm-4-18-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-18-0 {\n background: var(--success);\n}\n\n.avatar-module-Avatar-presence--away-CDNWs-4-18-0 {\n background: var(--secondary-dark);\n}\n\n.avatar-module-Avatar-status-03nd7-4-18-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";
|
|
998
|
+
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-18-0","Avatar--default":"avatar-module-Avatar--default-0YGXC-4-18-0","Avatar-wrapper--square":"avatar-module-Avatar-wrapper--square--Pcj7-4-18-0","Avatar--square":"avatar-module-Avatar--square-lGJGN-4-18-0","Avatar--regular":"avatar-module-Avatar--regular-ewNzb-4-18-0","Avatar--tiny":"avatar-module-Avatar--tiny-Veo-U-4-18-0","Avatar--micro":"avatar-module-Avatar--micro-H0bVd-4-18-0","Avatar--noInitials":"avatar-module-Avatar--noInitials-do2M4-4-18-0","Avatar--disabled":"avatar-module-Avatar--disabled-7nTRh-4-18-0","Avatar--primary":"avatar-module-Avatar--primary-MthKO-4-18-0","Avatar--secondary":"avatar-module-Avatar--secondary-Fru0H-4-18-0","Avatar--success":"avatar-module-Avatar--success-KErql-4-18-0","Avatar--alert":"avatar-module-Avatar--alert-mtBzz-4-18-0","Avatar--warning":"avatar-module-Avatar--warning-OUu3j-4-18-0","Avatar--accent1":"avatar-module-Avatar--accent1-Q0YGB-4-18-0","Avatar--accent2":"avatar-module-Avatar--accent2-70bqJ-4-18-0","Avatar--accent3":"avatar-module-Avatar--accent3-GEYFR-4-18-0","Avatar--accent4":"avatar-module-Avatar--accent4-PHVye-4-18-0","Avatar-content--tiny":"avatar-module-Avatar-content--tiny-ZKHWg-4-18-0","Avatar-content--micro":"avatar-module-Avatar-content--micro-qs9Ij-4-18-0","Avatar-content--primary":"avatar-module-Avatar-content--primary-APpou-4-18-0","Avatar-content--secondary":"avatar-module-Avatar-content--secondary-otLfi-4-18-0","Avatar-content--success":"avatar-module-Avatar-content--success-Zmxy6-4-18-0","Avatar-content--alert":"avatar-module-Avatar-content--alert-ng-FC-4-18-0","Avatar-content--warning":"avatar-module-Avatar-content--warning-0Tidt-4-18-0","Avatar-content--accent1":"avatar-module-Avatar-content--accent1-f6QRu-4-18-0","Avatar-content--accent2":"avatar-module-Avatar-content--accent2-y3plU-4-18-0","Avatar-content--accent3":"avatar-module-Avatar-content--accent3-SDOJJ-4-18-0","Avatar-content--accent4":"avatar-module-Avatar-content--accent4-Dgi83-4-18-0","Avatar-presence":"avatar-module-Avatar-presence-ByKmm-4-18-0","Avatar-presence--active":"avatar-module-Avatar-presence--active-AU4X3-4-18-0","Avatar-presence--away":"avatar-module-Avatar-presence--away-CDNWs-4-18-0","Avatar-status":"avatar-module-Avatar-status-03nd7-4-18-0"};
|
|
999
|
+
styleInject(css_248z$1l);
|
|
1000
1000
|
|
|
1001
1001
|
var AvatarIcon = function AvatarIcon(props) {
|
|
1002
1002
|
var contextProp = React.useContext(AvatarContext);
|
|
@@ -1035,8 +1035,10 @@ var AvatarImage = function AvatarImage(props) {
|
|
|
1035
1035
|
var baseProps = extractBaseProps(props);
|
|
1036
1036
|
var initials = "".concat(firstName ? firstName.trim()[0] : '').concat(lastName ? lastName.trim()[0] : '');
|
|
1037
1037
|
var imgSize = size && sizeMapper[size];
|
|
1038
|
-
var
|
|
1039
|
-
var
|
|
1038
|
+
var avatarAppearance = appearance || 'secondary';
|
|
1039
|
+
var TextClassNames = classnames(_defineProperty$1(_defineProperty$1({}, avatarStyles["Avatar-content--".concat(size)], size), avatarStyles["Avatar-content--".concat(avatarAppearance)], avatarAppearance));
|
|
1040
|
+
var IconClassNames = classnames(_defineProperty$1({}, avatarStyles['Avatar-content'], avatarAppearance && darkAppearance.includes(avatarAppearance)));
|
|
1041
|
+
var iconAppearance = iconAppearanceMapper[avatarAppearance] || 'inverse';
|
|
1040
1042
|
var onError = function onError() {
|
|
1041
1043
|
setError(true);
|
|
1042
1044
|
};
|
|
@@ -1047,7 +1049,6 @@ var AvatarImage = function AvatarImage(props) {
|
|
|
1047
1049
|
if (initials) {
|
|
1048
1050
|
return /*#__PURE__*/React.createElement(Text, _extends$2({
|
|
1049
1051
|
weight: "medium",
|
|
1050
|
-
appearance: 'white',
|
|
1051
1052
|
className: TextClassNames
|
|
1052
1053
|
}, baseProps), initials);
|
|
1053
1054
|
}
|
|
@@ -1055,7 +1056,7 @@ var AvatarImage = function AvatarImage(props) {
|
|
|
1055
1056
|
"data-test": "DesignSystem-Avatar--Icon",
|
|
1056
1057
|
name: "person",
|
|
1057
1058
|
size: size === 'regular' ? 20 : 16,
|
|
1058
|
-
appearance:
|
|
1059
|
+
appearance: iconAppearance,
|
|
1059
1060
|
className: IconClassNames
|
|
1060
1061
|
});
|
|
1061
1062
|
}
|
|
@@ -1186,9 +1187,9 @@ Avatar.defaultProps = {
|
|
|
1186
1187
|
strokeColor: 'var(--white)'
|
|
1187
1188
|
};
|
|
1188
1189
|
|
|
1189
|
-
var css_248z$
|
|
1190
|
-
var styles$
|
|
1191
|
-
styleInject(css_248z$
|
|
1190
|
+
var css_248z$1k = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-18-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-18-0 {\n border-radius: var(--border-radius-10);\n}\n\n.avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-18-0 {\n height: var(--spacing-80);\n}\n\n.avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-18-0 {\n height: var(--spacing-60);\n}\n\n.avatarGroup-module-AvatarGroup-Popper-z-iGj-4-18-0 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-18-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-18-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-18-0:focus,\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-18-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-18-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-18-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-18-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-18-0,\n.avatarGroup-module-AvatarGroup-input-pXgb--4-18-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-18-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-18-0 {\n cursor: not-allowed;\n pointer-events: auto !important;\n}\n";
|
|
1191
|
+
var styles$19 = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-18-0","AvatarGroup-item--square":"avatarGroup-module-AvatarGroup-item--square-ghPcd-4-18-0","AvatarGroup-item--regular":"avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-18-0","AvatarGroup-item--tiny":"avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-18-0","AvatarGroup-Popper":"avatarGroup-module-AvatarGroup-Popper-z-iGj-4-18-0","AvatarGroup-TextWrapper":"avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-18-0","AvatarCount-wrapper":"avatarGroup-module-AvatarCount-wrapper-k9GxW-4-18-0","AvatarGroup-inputWrapper":"avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-18-0","AvatarGroup-input":"avatarGroup-module-AvatarGroup-input-pXgb--4-18-0","AvatarGroup-listItem--disabled":"avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-18-0"};
|
|
1192
|
+
styleInject(css_248z$1k);
|
|
1192
1193
|
|
|
1193
1194
|
var AvatarCount = function AvatarCount(props) {
|
|
1194
1195
|
var hiddenAvatarCount = props.hiddenAvatarCount,
|
|
@@ -1200,7 +1201,7 @@ var AvatarCount = function AvatarCount(props) {
|
|
|
1200
1201
|
var AvatarVariantsClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, avatarStyles.Avatar, true), avatarStyles["Avatar--".concat(size)], size), avatarStyles["Avatar--secondary"], true), 'cursor-default', true), 'cursor-pointer', on === 'click'));
|
|
1201
1202
|
return /*#__PURE__*/React.createElement("div", {
|
|
1202
1203
|
"data-test": "DesignSystem-AvatarGroup--TriggerAvatar",
|
|
1203
|
-
className: styles$
|
|
1204
|
+
className: styles$19['AvatarCount-wrapper'],
|
|
1204
1205
|
style: avatarStyle,
|
|
1205
1206
|
tabIndex: 0,
|
|
1206
1207
|
role: "button"
|
|
@@ -1222,7 +1223,7 @@ var Avatars = function Avatars(props) {
|
|
|
1222
1223
|
image = item.image,
|
|
1223
1224
|
shape = item.shape;
|
|
1224
1225
|
var avatarShape = shape === 'square' ? 'square' : 'round';
|
|
1225
|
-
var GroupClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
1226
|
+
var GroupClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$19["AvatarGroup-item"], true), styles$19["AvatarGroup-item--square"], avatarShape === 'square'), styles$19["AvatarGroup-item--tiny"], size === 'tiny'), styles$19["AvatarGroup-item--regular"], size === 'regular'));
|
|
1226
1227
|
var newAvatarStyle = _objectSpread2(_objectSpread2({}, avatarStyle), {}, {
|
|
1227
1228
|
zIndex: avatarList.length - index
|
|
1228
1229
|
});
|
|
@@ -1265,9 +1266,9 @@ var AvatarGroupEmptyState = function AvatarGroupEmptyState(props) {
|
|
|
1265
1266
|
var AvatarGroupInput = function AvatarGroupInput(props) {
|
|
1266
1267
|
var inputClassName = classnames(_defineProperty$1({
|
|
1267
1268
|
'w-100': true
|
|
1268
|
-
}, styles$
|
|
1269
|
+
}, styles$19['AvatarGroup-input'], true));
|
|
1269
1270
|
return /*#__PURE__*/React.createElement("div", {
|
|
1270
|
-
className: styles$
|
|
1271
|
+
className: styles$19['AvatarGroup-inputWrapper']
|
|
1271
1272
|
}, /*#__PURE__*/React.createElement(Input, _extends$2({
|
|
1272
1273
|
icon: "search",
|
|
1273
1274
|
className: inputClassName,
|
|
@@ -1346,7 +1347,7 @@ var AvatarPopperBody = function AvatarPopperBody(props) {
|
|
|
1346
1347
|
setSearchValue('');
|
|
1347
1348
|
setSearchList(hiddenAvatarList);
|
|
1348
1349
|
};
|
|
1349
|
-
var popperClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
1350
|
+
var popperClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$19['AvatarGroup-Popper'], true), 'py-3', !withSearch), 'pb-3', withSearch), popperClassName);
|
|
1350
1351
|
var searchInputHeight = 36;
|
|
1351
1352
|
var searchBorder = 1;
|
|
1352
1353
|
var customStyle = {
|
|
@@ -1426,7 +1427,7 @@ var AvatarGroup = function AvatarGroup(props) {
|
|
|
1426
1427
|
};
|
|
1427
1428
|
var avatarStyle = size !== 'regular' ? _objectSpread2(_objectSpread2({}, style), tinyAvatarStyle) : style;
|
|
1428
1429
|
var avatarList = list.length === 3 ? list : list.slice(0, max);
|
|
1429
|
-
var AvatarGroupClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
1430
|
+
var AvatarGroupClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$19['AvatarGroup'], true), 'd-inline-flex', true), className);
|
|
1430
1431
|
var avatarPopperBodyProps = {
|
|
1431
1432
|
hiddenAvatarList: _toConsumableArray(list).slice(max, list.length),
|
|
1432
1433
|
popperRenderer: popperRenderer,
|
|
@@ -1470,9 +1471,9 @@ AvatarGroup.defaultProps = {
|
|
|
1470
1471
|
size: 'regular'
|
|
1471
1472
|
};
|
|
1472
1473
|
|
|
1473
|
-
var css_248z$
|
|
1474
|
-
var styles$
|
|
1475
|
-
styleInject(css_248z$
|
|
1474
|
+
var css_248z$1j = "@keyframes backdrop-module-backdrop-open-UtELd-4-18-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-18-0 {\n from {\n opacity: var(--opacity-16);\n }\n to {\n opacity: 0;\n }\n}\n\n.backdrop-module-Backdrop-HFSff-4-18-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-18-0 {\n display: flex;\n visibility: visible;\n}\n\n.backdrop-module-Backdrop-animation--open-uyxvi-4-18-0 {\n animation: backdrop-module-backdrop-open-UtELd-4-18-0 var(--duration--fast-02) var(--entrance-expressive-curve);\n}\n\n.backdrop-module-Backdrop-animation--close-Fe-PA-4-18-0 {\n animation: backdrop-module-backdrop-close-s0fHr-4-18-0 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n";
|
|
1475
|
+
var styles$18 = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-18-0","Backdrop--open":"backdrop-module-Backdrop--open-H0Qal-4-18-0","Backdrop-animation--open":"backdrop-module-Backdrop-animation--open-uyxvi-4-18-0","backdrop-open":"backdrop-module-backdrop-open-UtELd-4-18-0","Backdrop-animation--close":"backdrop-module-Backdrop-animation--close-Fe-PA-4-18-0","backdrop-close":"backdrop-module-backdrop-close-s0fHr-4-18-0"};
|
|
1476
|
+
styleInject(css_248z$1j);
|
|
1476
1477
|
|
|
1477
1478
|
var useEffect$1 = React.useEffect,
|
|
1478
1479
|
useState$2 = React.useState;
|
|
@@ -1498,7 +1499,7 @@ var Backdrop = function Backdrop(props) {
|
|
|
1498
1499
|
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
1499
1500
|
animate = _React$useState4[0],
|
|
1500
1501
|
setAnimate = _React$useState4[1];
|
|
1501
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
1502
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$18.Backdrop, true), styles$18['Backdrop--open'], open), styles$18['Backdrop-animation--open'], animate), styles$18['Backdrop-animation--close'], !animate), className);
|
|
1502
1503
|
var disableBodyScroll = function disableBodyScroll() {
|
|
1503
1504
|
document.body.style.setProperty('overflow', 'hidden', 'important');
|
|
1504
1505
|
};
|
|
@@ -1538,23 +1539,23 @@ var Backdrop = function Backdrop(props) {
|
|
|
1538
1539
|
};
|
|
1539
1540
|
Backdrop.displayName = 'Backdrop';
|
|
1540
1541
|
|
|
1541
|
-
var css_248z$
|
|
1542
|
-
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-
|
|
1543
|
-
styleInject(css_248z$
|
|
1542
|
+
var css_248z$1i = "/* badge */\n\n.badge-module-Badge-axSjP-4-18-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-18-0 {\n background: var(--primary);\n color: var(--white);\n}\n\n.badge-module-Badge--secondary-WIu5q-4-18-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.badge-module-Badge--success-M-hkD-4-18-0 {\n background: var(--success);\n color: var(--white);\n}\n\n.badge-module-Badge--alert-zeKFm-4-18-0 {\n background: var(--alert);\n color: var(--white);\n}\n\n.badge-module-Badge--warning-CaLfS-4-18-0 {\n background: var(--warning);\n color: var(--warning-darker);\n}\n\n.badge-module-Badge--accent1-yRHhk-4-18-0 {\n background: var(--accent1);\n color: var(--white);\n}\n\n.badge-module-Badge--accent2-RXIlu-4-18-0 {\n background: var(--accent2);\n color: var(--white);\n}\n\n.badge-module-Badge--accent3-Ahofy-4-18-0 {\n background: var(--accent3);\n color: var(--white);\n}\n\n.badge-module-Badge--accent4-adMko-4-18-0 {\n background: var(--accent4);\n color: var(--accent4-darker);\n}\n\n.badge-module-Badge--subtle-primary-egSuo-4-18-0 {\n color: var(--primary-darker);\n background: var(--primary-lightest);\n}\n\n.badge-module-Badge--subtle-secondary-ZZUuU-4-18-0 {\n color: var(--text);\n background: var(--secondary-light);\n}\n\n.badge-module-Badge--subtle-success-bZ7d6-4-18-0 {\n color: var(--success-darker);\n background: var(--success-lightest);\n}\n\n.badge-module-Badge--subtle-alert-Iu9LY-4-18-0 {\n color: var(--alert-darker);\n background: var(--alert-lightest);\n}\n\n.badge-module-Badge--subtle-warning-PERDW-4-18-0 {\n color: var(--warning-darker);\n background: var(--warning-lightest);\n}\n\n.badge-module-Badge--subtle-accent1-M14Ub-4-18-0 {\n color: var(--accent1-darker);\n background: var(--accent1-lightest);\n}\n\n.badge-module-Badge--subtle-accent2-e1DOS-4-18-0 {\n color: var(--accent2-darker);\n background: var(--accent2-lightest);\n}\n\n.badge-module-Badge--subtle-accent3-30YqY-4-18-0 {\n color: var(--accent3-darker);\n background: var(--accent3-lightest);\n}\n\n.badge-module-Badge--subtle-accent4-wHQ23-4-18-0 {\n color: var(--accent4-darker);\n background: var(--accent4-lightest);\n}\n";
|
|
1543
|
+
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-18-0","Badge--primary":"badge-module-Badge--primary-Bzypo-4-18-0","Badge--secondary":"badge-module-Badge--secondary-WIu5q-4-18-0","Badge--success":"badge-module-Badge--success-M-hkD-4-18-0","Badge--alert":"badge-module-Badge--alert-zeKFm-4-18-0","Badge--warning":"badge-module-Badge--warning-CaLfS-4-18-0","Badge--accent1":"badge-module-Badge--accent1-yRHhk-4-18-0","Badge--accent2":"badge-module-Badge--accent2-RXIlu-4-18-0","Badge--accent3":"badge-module-Badge--accent3-Ahofy-4-18-0","Badge--accent4":"badge-module-Badge--accent4-adMko-4-18-0","Badge--subtle-primary":"badge-module-Badge--subtle-primary-egSuo-4-18-0","Badge--subtle-secondary":"badge-module-Badge--subtle-secondary-ZZUuU-4-18-0","Badge--subtle-success":"badge-module-Badge--subtle-success-bZ7d6-4-18-0","Badge--subtle-alert":"badge-module-Badge--subtle-alert-Iu9LY-4-18-0","Badge--subtle-warning":"badge-module-Badge--subtle-warning-PERDW-4-18-0","Badge--subtle-accent1":"badge-module-Badge--subtle-accent1-M14Ub-4-18-0","Badge--subtle-accent2":"badge-module-Badge--subtle-accent2-e1DOS-4-18-0","Badge--subtle-accent3":"badge-module-Badge--subtle-accent3-30YqY-4-18-0","Badge--subtle-accent4":"badge-module-Badge--subtle-accent4-wHQ23-4-18-0"};
|
|
1544
|
+
styleInject(css_248z$1i);
|
|
1544
1545
|
|
|
1545
|
-
var css_248z$
|
|
1546
|
-
var styles$
|
|
1547
|
-
styleInject(css_248z$
|
|
1546
|
+
var css_248z$1h = ".pageHeader-module-PageHeader-YgqsC-4-18-0 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-wrapper-DOQ8C-4-18-0 {\n padding: var(--spacing-20) var(--spacing-40) var(--spacing-20) 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-18-0 {\n padding-bottom: 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-18-0 .pageHeader-module-TabsWrapper-header-H-fcc-4-18-0 {\n border-bottom: none;\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-18-0 .pageHeader-module-Row-beZ5Z-4-18-0 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-titleWrapper-QLuCf-4-18-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-18-0 .pageHeader-module-Badge-2T-RV-4-18-0 {\n margin-left: var(--spacing-30);\n flex-shrink: 0;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-18-0 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-18-0 .pageHeader-module-StatusHint-bRjnp-4-18-0 {\n margin-right: var(--spacing-20);\n}\n\n.pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-18-0 {\n margin-top: var(--spacing-10);\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-18-0 .pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-18-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-18-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.pageHeader-module-PageHeader-actionsWrapper-tF81M-4-18-0 {\n display: flex;\n justify-content: flex-end;\n padding-left: var(--spacing-20);\n}\n";
|
|
1547
|
+
var styles$17 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-18-0","PageHeader-wrapper":"pageHeader-module-PageHeader-wrapper-DOQ8C-4-18-0","PageHeader-wrapper--withTabs":"pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-18-0","TabsWrapper-header":"pageHeader-module-TabsWrapper-header-H-fcc-4-18-0","Row":"pageHeader-module-Row-beZ5Z-4-18-0","PageHeader-titleWrapper":"pageHeader-module-PageHeader-titleWrapper-QLuCf-4-18-0","Badge":"pageHeader-module-Badge-2T-RV-4-18-0","PageHeader-statusWrapper":"pageHeader-module-PageHeader-statusWrapper-RYrwh-4-18-0","StatusHint":"pageHeader-module-StatusHint-bRjnp-4-18-0","PageHeader-navigationWrapper":"pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-18-0","PageHeader-title":"pageHeader-module-PageHeader-title-mgCZA-4-18-0","PageHeader-actionsWrapper":"pageHeader-module-PageHeader-actionsWrapper-tF81M-4-18-0"};
|
|
1548
|
+
styleInject(css_248z$1h);
|
|
1548
1549
|
|
|
1549
|
-
var _excluded$
|
|
1550
|
+
var _excluded$1n = ["appearance", "children", "subtle", "className"];
|
|
1550
1551
|
var Badge = function Badge(props) {
|
|
1551
1552
|
var appearance = props.appearance,
|
|
1552
1553
|
children = props.children,
|
|
1553
1554
|
subtle = props.subtle,
|
|
1554
1555
|
className = props.className,
|
|
1555
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
1556
|
+
rest = _objectWithoutProperties(props, _excluded$1n);
|
|
1556
1557
|
var baseProps = extractBaseProps(props);
|
|
1557
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, badgeStyles.Badge, true), styles$
|
|
1558
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, badgeStyles.Badge, true), styles$17.Badge, true), badgeStyles["Badge--".concat(appearance)], appearance && !subtle), badgeStyles["Badge--subtle-".concat(appearance)], subtle), className);
|
|
1558
1559
|
return /*#__PURE__*/React.createElement("span", _extends$2({
|
|
1559
1560
|
"data-test": "DesignSystem-Badge"
|
|
1560
1561
|
}, baseProps, {
|
|
@@ -1566,9 +1567,9 @@ Badge.defaultProps = {
|
|
|
1566
1567
|
appearance: 'secondary'
|
|
1567
1568
|
};
|
|
1568
1569
|
|
|
1569
|
-
var css_248z$
|
|
1570
|
-
var styles$
|
|
1571
|
-
styleInject(css_248z$
|
|
1570
|
+
var css_248z$1g = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-18-0 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-18-0 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-link-aJJRG-4-18-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-18-0:active {\n color: var(--inverse);\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-18-0:first-child .breadcrumbs-module-Breadcrumbs-link-aJJRG-4-18-0 {\n margin-left: 0;\n}\n\n.breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-18-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-18-0 {\n height: var(--font-height-m);\n}\n\n.breadcrumbs-module-Breadcrumbs-Button-FybbI-4-18-0:focus {\n background: var(--secondary) !important;\n}\n";
|
|
1571
|
+
var styles$16 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-18-0","Breadcrumbs-item":"breadcrumbs-module-Breadcrumbs-item-M3i9B-4-18-0","Breadcrumbs-link":"breadcrumbs-module-Breadcrumbs-link-aJJRG-4-18-0","Breadcrumbs-itemSeparator":"breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-18-0","Breadcrumbs-dropdown":"breadcrumbs-module-Breadcrumbs-dropdown--CUKk-4-18-0","Breadcrumbs-Button":"breadcrumbs-module-Breadcrumbs-Button-FybbI-4-18-0"};
|
|
1572
|
+
styleInject(css_248z$1g);
|
|
1572
1573
|
|
|
1573
1574
|
var RenderLink = function RenderLink(_ref) {
|
|
1574
1575
|
var item = _ref.item,
|
|
@@ -1579,7 +1580,7 @@ var RenderLink = function RenderLink(_ref) {
|
|
|
1579
1580
|
onClick(item.link);
|
|
1580
1581
|
}
|
|
1581
1582
|
};
|
|
1582
|
-
var linkClassName = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
1583
|
+
var linkClassName = classnames(_defineProperty$1(_defineProperty$1({}, styles$16['Breadcrumbs-link'], true), 'ellipsis--noWrap', true));
|
|
1583
1584
|
return /*#__PURE__*/React.createElement(Link, {
|
|
1584
1585
|
className: linkClassName,
|
|
1585
1586
|
"data-test": "DesignSystem-Breadcrumbs-link",
|
|
@@ -1596,7 +1597,7 @@ var RenderItem = function RenderItem(_ref2) {
|
|
|
1596
1597
|
showTooltip = _ref2.showTooltip;
|
|
1597
1598
|
return /*#__PURE__*/React.createElement("div", {
|
|
1598
1599
|
key: index,
|
|
1599
|
-
className: styles$
|
|
1600
|
+
className: styles$16['Breadcrumbs-item'],
|
|
1600
1601
|
"data-test": "DesignSystem-Breadcrumbs-item"
|
|
1601
1602
|
}, showTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
|
|
1602
1603
|
tooltip: item.label,
|
|
@@ -1608,7 +1609,7 @@ var RenderItem = function RenderItem(_ref2) {
|
|
|
1608
1609
|
item: item,
|
|
1609
1610
|
onClick: onClick
|
|
1610
1611
|
}), /*#__PURE__*/React.createElement("span", {
|
|
1611
|
-
className: styles$
|
|
1612
|
+
className: styles$16['Breadcrumbs-itemSeparator']
|
|
1612
1613
|
}, "/"));
|
|
1613
1614
|
};
|
|
1614
1615
|
var renderDropdown = function renderDropdown(list, onClick) {
|
|
@@ -1625,12 +1626,12 @@ var renderDropdown = function renderDropdown(list, onClick) {
|
|
|
1625
1626
|
appearance: "transparent",
|
|
1626
1627
|
icon: "more_horiz_filled",
|
|
1627
1628
|
largeIcon: true,
|
|
1628
|
-
className: styles$
|
|
1629
|
+
className: styles$16['Breadcrumbs-Button'],
|
|
1629
1630
|
"data-test": "DesignSystem-Breadcrumbs--Button"
|
|
1630
1631
|
});
|
|
1631
1632
|
};
|
|
1632
1633
|
return /*#__PURE__*/React.createElement(Dropdown, {
|
|
1633
|
-
className: styles$
|
|
1634
|
+
className: styles$16['Breadcrumbs-dropdown'],
|
|
1634
1635
|
triggerSize: 'tiny',
|
|
1635
1636
|
triggerOptions: {
|
|
1636
1637
|
customTrigger: customTrigger
|
|
@@ -1650,7 +1651,7 @@ var Breadcrumbs = function Breadcrumbs(props) {
|
|
|
1650
1651
|
className = props.className,
|
|
1651
1652
|
showTooltip = props.showTooltip;
|
|
1652
1653
|
var baseProps = extractBaseProps(props);
|
|
1653
|
-
var BreadcrumbClass = classnames(_defineProperty$1({}, styles$
|
|
1654
|
+
var BreadcrumbClass = classnames(_defineProperty$1({}, styles$16.Breadcrumbs, true), className);
|
|
1654
1655
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
1655
1656
|
"data-test": "DesignSystem-Breadcrumbs"
|
|
1656
1657
|
}, baseProps, {
|
|
@@ -1669,7 +1670,7 @@ var Breadcrumbs = function Breadcrumbs(props) {
|
|
|
1669
1670
|
}), /*#__PURE__*/React.createElement("div", {
|
|
1670
1671
|
className: "d-flex align-items-center"
|
|
1671
1672
|
}, renderDropdown(list.slice(1, list.length - 1), onClick), /*#__PURE__*/React.createElement("span", {
|
|
1672
|
-
className: styles$
|
|
1673
|
+
className: styles$16['Breadcrumbs-itemSeparator']
|
|
1673
1674
|
}, "/")), /*#__PURE__*/React.createElement(RenderItem, {
|
|
1674
1675
|
item: list[list.length - 1],
|
|
1675
1676
|
onClick: onClick,
|
|
@@ -1677,11 +1678,11 @@ var Breadcrumbs = function Breadcrumbs(props) {
|
|
|
1677
1678
|
})));
|
|
1678
1679
|
};
|
|
1679
1680
|
|
|
1680
|
-
var css_248z$1d = ".button-module-Button-xxWB4-4-17-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-17-0:disabled {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-17-0:focus {\n outline: 0;\n}\n\n.button-module-Button--iconAlign-right-tzezJ-4-17-0 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-17-0 {\n margin-left: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-17-0 {\n margin-right: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button--tiny-ftCQP-4-17-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-17-0 {\n width: var(--spacing-60);\n}\n\n.button-module-Button--regular-Vs8An-4-17-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-17-0 {\n width: var(--spacing-80);\n}\n\n.button-module-Button--large-inVqO-4-17-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-17-0 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-17-0 .button-module-Button-icon-2Qw-d-4-17-0,\n.button-module-Button--largeSquare-puIze-4-17-0 .button-module-Button-icon-2Qw-d-4-17-0,\n.button-module-Button--tinySquare-JSE77-4-17-0 .button-module-Spinner-f7Izb-4-17-0,\n.button-module-Button--largeSquare-puIze-4-17-0 .button-module-Spinner-f7Izb-4-17-0 {\n padding-left: var(--spacing-05);\n padding-right: var(--spacing-05);\n}\n\n.button-module-Button--expanded-j33fV-4-17-0 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-17-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-17-0 {\n margin-right: var(--spacing-15);\n}\n\n.button-module-Button-icon--right-4iJWc-4-17-0 {\n margin-left: var(--spacing-15);\n}\n\n.button-module-Button--tiny-ftCQP-4-17-0 .button-module-Button-icon--left-UoJq5-4-17-0 {\n margin-right: var(--spacing-10);\n}\n.button-module-Button--tiny-ftCQP-4-17-0 .button-module-Button-icon--right-4iJWc-4-17-0 {\n margin-left: var(--spacing-10);\n}\n\n.button-module-Button--basic-99RJE-4-17-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-17-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-17-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-99RJE-4-17-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.button-module-Button--basic-99RJE-4-17-0:disabled {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-17-0 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-17-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-17-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-beKmU-4-17-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--primary-beKmU-4-17-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--success-UppQk-4-17-0 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-17-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-17-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-UppQk-4-17-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--success-UppQk-4-17-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--alert-H5mRH-4-17-0 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-17-0:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-17-0:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-H5mRH-4-17-0:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.button-module-Button--alert-H5mRH-4-17-0:disabled {\n background: var(--alert-lighter);\n}\n\n.button-module-Button--transparent-r8FxI-4-17-0 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-17-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-17-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.button-module-Button--transparent-r8FxI-4-17-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-17-0:focus:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-17-0:disabled {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-17-0 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-17-0 {\n background: var(--primary-lightest);\n color: var(--primary-dark);\n}\n\n.button-module-Button--selected-vkcfl-4-17-0:hover {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-17-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.button-module-Button--selected-vkcfl-4-17-0:focus {\n background: var(--primary-lightest);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--selected-vkcfl-4-17-0:focus:active {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-17-0:disabled {\n background: var(--primary-lightest);\n color: var(--primary-lighter);\n}\n\n.button-module-Button-text--hidden-iCXLu-4-17-0 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-17-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-17-0 {\n border: var(--border);\n color: var(--inverse);\n background: transparent;\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-17-0: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-17-0: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-17-0: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-17-0: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-17-0 {\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-17-0: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-17-0: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-17-0: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-17-0: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-17-0 {\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-17-0: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-17-0: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-17-0: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-17-0: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-17-0 {\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-17-0: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-17-0: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-17-0: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-17-0:disabled {\n background: transparent;\n color: var(--alert-lighter);\n border: var(--border-width-2-5) solid var(--alert-lighter);\n}\n";
|
|
1681
|
-
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-
|
|
1682
|
-
styleInject(css_248z$
|
|
1681
|
+
var css_248z$1f = ".button-module-Button-xxWB4-4-18-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-18-0:disabled {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-18-0:focus {\n outline: 0;\n}\n\n.button-module-Button--iconAlign-right-tzezJ-4-18-0 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-18-0 {\n margin-left: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-18-0 {\n margin-right: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button--tiny-ftCQP-4-18-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-18-0 {\n width: var(--spacing-60);\n}\n\n.button-module-Button--regular-Vs8An-4-18-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-18-0 {\n width: var(--spacing-80);\n}\n\n.button-module-Button--large-inVqO-4-18-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-18-0 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-18-0 .button-module-Button-icon-2Qw-d-4-18-0,\n.button-module-Button--largeSquare-puIze-4-18-0 .button-module-Button-icon-2Qw-d-4-18-0,\n.button-module-Button--tinySquare-JSE77-4-18-0 .button-module-Spinner-f7Izb-4-18-0,\n.button-module-Button--largeSquare-puIze-4-18-0 .button-module-Spinner-f7Izb-4-18-0 {\n padding-left: var(--spacing-05);\n padding-right: var(--spacing-05);\n}\n\n.button-module-Button--expanded-j33fV-4-18-0 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-18-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-18-0 {\n margin-right: var(--spacing-15);\n}\n\n.button-module-Button-icon--right-4iJWc-4-18-0 {\n margin-left: var(--spacing-15);\n}\n\n.button-module-Button--tiny-ftCQP-4-18-0 .button-module-Button-icon--left-UoJq5-4-18-0 {\n margin-right: var(--spacing-10);\n}\n.button-module-Button--tiny-ftCQP-4-18-0 .button-module-Button-icon--right-4iJWc-4-18-0 {\n margin-left: var(--spacing-10);\n}\n\n.button-module-Button--basic-99RJE-4-18-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-18-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-18-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-99RJE-4-18-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.button-module-Button--basic-99RJE-4-18-0:disabled {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-18-0 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-18-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-18-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-beKmU-4-18-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--primary-beKmU-4-18-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--success-UppQk-4-18-0 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-18-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-18-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-UppQk-4-18-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--success-UppQk-4-18-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--alert-H5mRH-4-18-0 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-18-0:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-18-0:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-H5mRH-4-18-0:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.button-module-Button--alert-H5mRH-4-18-0:disabled {\n background: var(--alert-lighter);\n}\n\n.button-module-Button--transparent-r8FxI-4-18-0 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-18-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-18-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.button-module-Button--transparent-r8FxI-4-18-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-18-0:focus:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-18-0:disabled {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-18-0 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-18-0 {\n background: var(--primary-lightest);\n color: var(--primary-dark);\n}\n\n.button-module-Button--selected-vkcfl-4-18-0:hover {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-18-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.button-module-Button--selected-vkcfl-4-18-0:focus {\n background: var(--primary-lightest);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--selected-vkcfl-4-18-0:focus:active {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-18-0:disabled {\n background: var(--primary-lightest);\n color: var(--primary-lighter);\n}\n\n.button-module-Button-text--hidden-iCXLu-4-18-0 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-18-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-18-0 {\n border: var(--border);\n color: var(--inverse);\n background: transparent;\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-18-0: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-18-0: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-18-0: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-18-0: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-18-0 {\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-18-0: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-18-0: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-18-0: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-18-0: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-18-0 {\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-18-0: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-18-0: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-18-0: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-18-0: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-18-0 {\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-18-0: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-18-0: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-18-0: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-18-0:disabled {\n background: transparent;\n color: var(--alert-lighter);\n border: var(--border-width-2-5) solid var(--alert-lighter);\n}\n";
|
|
1682
|
+
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-18-0","Button--iconAlign-right":"button-module-Button--iconAlign-right-tzezJ-4-18-0","Button-regularIcon--left":"button-module-Button-regularIcon--left-eiSbs-4-18-0","Button-regularIcon--right":"button-module-Button-regularIcon--right-VaPke-4-18-0","Button--tiny":"button-module-Button--tiny-ftCQP-4-18-0","Button--tinySquare":"button-module-Button--tinySquare-JSE77-4-18-0","Button--regular":"button-module-Button--regular-Vs8An-4-18-0","Button--regularSquare":"button-module-Button--regularSquare-VG89r-4-18-0","Button--large":"button-module-Button--large-inVqO-4-18-0","Button--largeSquare":"button-module-Button--largeSquare-puIze-4-18-0","Button-icon":"button-module-Button-icon-2Qw-d-4-18-0","Spinner":"button-module-Spinner-f7Izb-4-18-0","Button--expanded":"button-module-Button--expanded-j33fV-4-18-0","Button-icon--left":"button-module-Button-icon--left-UoJq5-4-18-0","Button-icon--right":"button-module-Button-icon--right-4iJWc-4-18-0","Button--basic":"button-module-Button--basic-99RJE-4-18-0","Button--primary":"button-module-Button--primary-beKmU-4-18-0","Button--success":"button-module-Button--success-UppQk-4-18-0","Button--alert":"button-module-Button--alert-H5mRH-4-18-0","Button--transparent":"button-module-Button--transparent-r8FxI-4-18-0","Button-spinner":"button-module-Button-spinner-l5KLk-4-18-0","Button--selected":"button-module-Button--selected-vkcfl-4-18-0","Button-text--hidden":"button-module-Button-text--hidden-iCXLu-4-18-0","Button-text":"button-module-Button-text-A8xeT-4-18-0","Button-outlined--basic":"button-module-Button-outlined--basic-YdB4n-4-18-0","Button-outlined--selected":"button-module-Button-outlined--selected-M-y6e-4-18-0","Button-outlined--primary":"button-module-Button-outlined--primary-7yL2I-4-18-0","Button-outlined--alert":"button-module-Button-outlined--alert-gnncZ-4-18-0"};
|
|
1683
|
+
styleInject(css_248z$1f);
|
|
1683
1684
|
|
|
1684
|
-
var _excluded$
|
|
1685
|
+
var _excluded$1m = ["size", "appearance", "styleType", "iconAlign", "tabIndex", "largeIcon", "type", "children", "icon", "expanded", "selected", "loading", "disabled", "className", "tooltip", "iconType"];
|
|
1685
1686
|
var sizeMapping$3 = {
|
|
1686
1687
|
tiny: 12,
|
|
1687
1688
|
regular: 16,
|
|
@@ -1711,7 +1712,7 @@ var ButtonElement = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
1711
1712
|
className = props.className;
|
|
1712
1713
|
props.tooltip;
|
|
1713
1714
|
var iconType = props.iconType,
|
|
1714
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
1715
|
+
rest = _objectWithoutProperties(props, _excluded$1m);
|
|
1715
1716
|
var isOutlined = styleType === 'outlined' && appearance !== 'transparent';
|
|
1716
1717
|
var isBasicOrTransparent = appearance === 'basic' || appearance === 'transparent';
|
|
1717
1718
|
var appearanceClass = isOutlined ? "Button-outlined--".concat(appearance) : "Button--".concat(appearance);
|
|
@@ -1770,9 +1771,9 @@ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
1770
1771
|
});
|
|
1771
1772
|
Button.displayName = 'Button';
|
|
1772
1773
|
|
|
1773
|
-
var css_248z$
|
|
1774
|
-
var styles$
|
|
1775
|
-
styleInject(css_248z$
|
|
1774
|
+
var css_248z$1e = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-18-0 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.calendar-module-Calendar-7PxjX-4-18-0 {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.calendar-module-Calendar--small-A1CLy-4-18-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-18-0 {\n height: 248px;\n}\n\n.calendar-module-Calendar-month--small-wkwYD-4-18-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar-year--small-RdwBQ-4-18-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar--large-sSoxU-4-18-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-18-0 {\n height: 324px;\n}\n\n.calendar-module-Calendar-month--large-5g0oP-4-18-0 {\n height: 276px;\n}\n\n.calendar-module-Calendar-year--large-jELMf-4-18-0 {\n height: 272px;\n}\n\n.calendar-module-Calendar-header--large-z3JIz-4-18-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-18-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-18-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-18-0 {\n left: 0;\n}\n\n.calendar-module-Calendar-headerIcon--next-ympYc-4-18-0 {\n right: 0;\n}\n\n.calendar-module-Calendar-headerContent-Ik37t-4-18-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-18-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-18-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-18-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-18-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-18-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-18-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-18-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-18-0:active {\n background: var(--primary-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-18-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--start-z-bt7-4-18-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-18-0 {\n background: linear-gradient(90deg, white 50%, var(--alert-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--end-3mDNa-4-18-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-18-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-18-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 10%);\n}\n\n.calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-18-0 {\n background: linear-gradient(90deg, var(--alert-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--startEnd-djqp--4-18-0 {\n background: transparent;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-18-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-18-0:hover {\n background: var(--secondary-light);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-18-0:active {\n background: var(--secondary);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-18-0:active .calendar-module-Calendar-value--currDate-GxbmJ-4-18-0 {\n color: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-18-0:hover,\n.calendar-module-Calendar-value--end-975vB-4-18-0:hover {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-18-0:hover,\n.calendar-module-Calendar-value--endError-M5HbA-4-18-0:hover {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-18-0,\n.calendar-module-Calendar-value--end-975vB-4-18-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-18-0,\n.calendar-module-Calendar-value--endError-M5HbA-4-18-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-18-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-18-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-18-0:active {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-value--currDate-GxbmJ-4-18-0:active {\n color: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-18-0 {\n background: var(--primary);\n font-weight: var(--font-weight-bold);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-18-0:hover {\n background: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-18-0:active {\n background: var(--primary-darker);\n}\n\n.calendar-module-Calendar-yearValue--small--xk4--4-18-0,\n.calendar-module-Calendar-monthValue--small-R3bKo-4-18-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.calendar-module-Calendar-yearValue--large-Lmlui-4-18-0,\n.calendar-module-Calendar-monthValue--large-kkWJR-4-18-0 {\n height: var(--spacing-80);\n width: var(--spacing-160);\n}\n\n.calendar-module-Calendar-dateValue--small-u5Af3-4-18-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.calendar-module-Calendar-dateValue--large-ngrnG-4-18-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.calendar-module-Calendar-valueWrapper--dummy-QDC-R-4-18-0 {\n opacity: var(--opacity-20);\n}\n\n.calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-18-0 {\n opacity: var(--opacity-10);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-18-0 {\n opacity: var(--opacity-16);\n}\n\n.calendar-module-Calendar-value--disabled-xwiCL-4-18-0 {\n pointer-events: none;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-18-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-18-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-18-0 .calendar-module-Calendar-value-Ht0Qg-4-18-0 {\n padding: 0;\n}\n\n.calendar-module-Calendar-eventsIndicator-FoS6M-4-18-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-18-0 {\n width: 3px;\n height: 3px;\n}\n.calendar-module-Calendar-eventsIndicator--active-NHhLl-4-18-0 {\n background-color: var(--white);\n}\n\n.calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-18-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-18-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-18-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-18-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-18-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-18-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-18-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-18-0:active {\n background: var(--primary-light);\n}\n";
|
|
1775
|
+
var styles$15 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-18-0","Calendar":"calendar-module-Calendar-7PxjX-4-18-0","Calendar--small":"calendar-module-Calendar--small-A1CLy-4-18-0","Calendar-date--small":"calendar-module-Calendar-date--small-CcxQJ-4-18-0","Calendar-month--small":"calendar-module-Calendar-month--small-wkwYD-4-18-0","Calendar-year--small":"calendar-module-Calendar-year--small-RdwBQ-4-18-0","Calendar--large":"calendar-module-Calendar--large-sSoxU-4-18-0","Calendar-date--large":"calendar-module-Calendar-date--large-1ZITF-4-18-0","Calendar-month--large":"calendar-module-Calendar-month--large-5g0oP-4-18-0","Calendar-year--large":"calendar-module-Calendar-year--large-jELMf-4-18-0","Calendar-header--large":"calendar-module-Calendar-header--large-z3JIz-4-18-0","Calendar-header--small":"calendar-module-Calendar-header--small-dWwwm-4-18-0","Calendar-headerIcon":"calendar-module-Calendar-headerIcon-nsCVk-4-18-0","Calendar-headerIcon--prev":"calendar-module-Calendar-headerIcon--prev-1RFOJ-4-18-0","Calendar-headerIcon--next":"calendar-module-Calendar-headerIcon--next-ympYc-4-18-0","Calendar-headerContent":"calendar-module-Calendar-headerContent-Ik37t-4-18-0","Calendar-body":"calendar-module-Calendar-body-d-N5F-4-18-0","Calendar-valueRow":"calendar-module-Calendar-valueRow-85rKl-4-18-0","Calendar-valueWrapper":"calendar-module-Calendar-valueWrapper-H46Ub-4-18-0","Calendar-valueWrapper--inRange":"calendar-module-Calendar-valueWrapper--inRange-fV605-4-18-0","Calendar-inRangeValue":"calendar-module-Calendar-inRangeValue-VoWIb-4-18-0","Calendar-valueWrapper--inRangeError":"calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-18-0","Calendar-valueWrapper--start":"calendar-module-Calendar-valueWrapper--start-z-bt7-4-18-0","Calendar-valueWrapper--startError":"calendar-module-Calendar-valueWrapper--startError-RglvV-4-18-0","Calendar-valueWrapper--end":"calendar-module-Calendar-valueWrapper--end-3mDNa-4-18-0","Calendar-valueWrapper--hoverDate":"calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-18-0","Calendar-valueWrapper--hoverEndDate":"calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-18-0","Calendar-valueWrapper--endError":"calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-18-0","Calendar-valueWrapper--startEnd":"calendar-module-Calendar-valueWrapper--startEnd-djqp--4-18-0","Calendar-value":"calendar-module-Calendar-value-Ht0Qg-4-18-0","Calendar-value--currDate":"calendar-module-Calendar-value--currDate-GxbmJ-4-18-0","Calendar-value--start":"calendar-module-Calendar-value--start-mlqzh-4-18-0","Calendar-value--end":"calendar-module-Calendar-value--end-975vB-4-18-0","Calendar-value--startError":"calendar-module-Calendar-value--startError-bXXuR-4-18-0","Calendar-value--endError":"calendar-module-Calendar-value--endError-M5HbA-4-18-0","Calendar-value--currDateMonthYear":"calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-18-0","Calendar-value--active":"calendar-module-Calendar-value--active--twAB-4-18-0","Calendar-yearValue--small":"calendar-module-Calendar-yearValue--small--xk4--4-18-0","Calendar-monthValue--small":"calendar-module-Calendar-monthValue--small-R3bKo-4-18-0","Calendar-yearValue--large":"calendar-module-Calendar-yearValue--large-Lmlui-4-18-0","Calendar-monthValue--large":"calendar-module-Calendar-monthValue--large-kkWJR-4-18-0","Calendar-dateValue--small":"calendar-module-Calendar-dateValue--small-u5Af3-4-18-0","Calendar-dateValue--large":"calendar-module-Calendar-dateValue--large-ngrnG-4-18-0","Calendar-valueWrapper--dummy":"calendar-module-Calendar-valueWrapper--dummy-QDC-R-4-18-0","Calendar-valueWrapper--disabled":"calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-18-0","Calendar-valueWrapper--active-dummy":"calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-18-0","Calendar-value--disabled":"calendar-module-Calendar-value--disabled-xwiCL-4-18-0","Calendar-dayValues":"calendar-module-Calendar-dayValues-EuWrN-4-18-0","Calendar-dateValues":"calendar-module-Calendar-dateValues-sXhcu-4-18-0","Calendar-eventsIndicator":"calendar-module-Calendar-eventsIndicator-FoS6M-4-18-0","Calendar-eventsIndicator--small":"calendar-module-Calendar-eventsIndicator--small-94d0W-4-18-0","Calendar-eventsIndicator--active":"calendar-module-Calendar-eventsIndicator--active-NHhLl-4-18-0","Calendar-valueWrapper--inStartRange":"calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-18-0","Calendar-valueWrapper--inEndRange":"calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-18-0","Calendar-valueWrapper--inEdgeRange":"calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-18-0"};
|
|
1776
|
+
styleInject(css_248z$1e);
|
|
1776
1777
|
|
|
1777
1778
|
var config = {
|
|
1778
1779
|
yearBlockRange: 12,
|
|
@@ -2194,7 +2195,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2194
2195
|
}
|
|
2195
2196
|
break;
|
|
2196
2197
|
}
|
|
2197
|
-
var headerIconClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2198
|
+
var headerIconClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$15['Calendar-headerIcon'], true), styles$15["Calendar-headerIcon--".concat(type)], type));
|
|
2198
2199
|
return /*#__PURE__*/React.createElement(Button, {
|
|
2199
2200
|
type: "button",
|
|
2200
2201
|
className: headerIconClass,
|
|
@@ -2238,7 +2239,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2238
2239
|
var _this$getNavDateInfo2 = _this.getNavDateInfo(index),
|
|
2239
2240
|
yearNavVal = _this$getNavDateInfo2.year,
|
|
2240
2241
|
monthNavVal = _this$getNavDateInfo2.month;
|
|
2241
|
-
var headerContentClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2242
|
+
var headerContentClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$15['Calendar-headerContent'], true), styles$15['Calendar-headerContent--noIcon-left'], index === monthsInView - 1), styles$15['Calendar-headerContent--noIcon-right'], index === 0));
|
|
2242
2243
|
var headerContent = '';
|
|
2243
2244
|
if (view === 'year') headerContent = "".concat(yearBlockNav, " - ").concat(yearBlockNav + (yearBlockRange - 1));
|
|
2244
2245
|
if (view === 'month') headerContent = "".concat(yearNavVal);
|
|
@@ -2294,7 +2295,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2294
2295
|
}, function (_y, row) {
|
|
2295
2296
|
return /*#__PURE__*/React.createElement("div", {
|
|
2296
2297
|
key: row,
|
|
2297
|
-
className: styles$
|
|
2298
|
+
className: styles$15['Calendar-valueRow']
|
|
2298
2299
|
}, Array.from({
|
|
2299
2300
|
length: yearsInRow
|
|
2300
2301
|
}, function (_x, col) {
|
|
@@ -2306,8 +2307,8 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2306
2307
|
var isCurrentYear = function isCurrentYear() {
|
|
2307
2308
|
return year === currYear;
|
|
2308
2309
|
};
|
|
2309
|
-
var valueClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2310
|
-
var textClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2310
|
+
var valueClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$15['Calendar-value'], true), styles$15['Calendar-value--active'], active), styles$15['Calendar-value--disabled'], disabled), styles$15['Calendar-yearValue'], true), styles$15["Calendar-yearValue--".concat(size)], size), styles$15['Calendar-value--currDateMonthYear'], isCurrentYear()));
|
|
2311
|
+
var textClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$15['Calendar-value--currDate'], isCurrentYear() && !active), styles$15['Calendar-text'], true));
|
|
2311
2312
|
var getTextColor = classnames({
|
|
2312
2313
|
inverse: !active && !isCurrentYear() && !disabled,
|
|
2313
2314
|
white: active,
|
|
@@ -2356,7 +2357,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2356
2357
|
}, function (_y, row) {
|
|
2357
2358
|
return /*#__PURE__*/React.createElement("div", {
|
|
2358
2359
|
key: row,
|
|
2359
|
-
className: styles$
|
|
2360
|
+
className: styles$15['Calendar-valueRow']
|
|
2360
2361
|
}, Array.from({
|
|
2361
2362
|
length: monthsInRow
|
|
2362
2363
|
}, function (_x, col) {
|
|
@@ -2366,7 +2367,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2366
2367
|
var isCurrentMonth = function isCurrentMonth() {
|
|
2367
2368
|
return currYear === yearNav && currMonth === month;
|
|
2368
2369
|
};
|
|
2369
|
-
var valueClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2370
|
+
var valueClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$15['Calendar-value'], true), styles$15['Calendar-value--active'], active), styles$15['Calendar-value--disabled'], disabled), styles$15['Calendar-monthValue'], true), styles$15["Calendar-monthValue--".concat(size)], size), styles$15['Calendar-value--currDateMonthYear'], isCurrentMonth()));
|
|
2370
2371
|
var getTextColor = classnames({
|
|
2371
2372
|
inverse: !active && !isCurrentMonth() && !disabled,
|
|
2372
2373
|
white: active,
|
|
@@ -2374,7 +2375,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2374
2375
|
primary: isCurrentMonth(),
|
|
2375
2376
|
'inverse-lightest': disabled
|
|
2376
2377
|
});
|
|
2377
|
-
var textClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2378
|
+
var textClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$15['Calendar-value--currDate'], isCurrentMonth() && !active), styles$15['Calendar-text'], true));
|
|
2378
2379
|
return (
|
|
2379
2380
|
/*#__PURE__*/
|
|
2380
2381
|
//TODO(a11y)
|
|
@@ -2412,11 +2413,11 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2412
2413
|
firstDayOfWeek = _this$props6.firstDayOfWeek;
|
|
2413
2414
|
var textSize = size === 'large' ? 'regular' : 'small';
|
|
2414
2415
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
2415
|
-
className: styles$
|
|
2416
|
+
className: styles$15['Calendar-dayValues']
|
|
2416
2417
|
}, Array.from({
|
|
2417
2418
|
length: 7
|
|
2418
2419
|
}, function (_x, day) {
|
|
2419
|
-
var valueClass = classnames(_defineProperty$1({}, styles$
|
|
2420
|
+
var valueClass = classnames(_defineProperty$1({}, styles$15['Calendar-valueWrapper'], true));
|
|
2420
2421
|
var dayValue = (day + daysInRow + getIndexOfDay(firstDayOfWeek)) % daysInRow;
|
|
2421
2422
|
return /*#__PURE__*/React.createElement(Text, {
|
|
2422
2423
|
key: day,
|
|
@@ -2426,7 +2427,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2426
2427
|
size: textSize
|
|
2427
2428
|
}, days[size][dayValue]);
|
|
2428
2429
|
})), /*#__PURE__*/React.createElement("div", {
|
|
2429
|
-
className: styles$
|
|
2430
|
+
className: styles$15['Calendar-dateValues'],
|
|
2430
2431
|
onMouseLeave: _this.onDateRowMouseLeaveHandler
|
|
2431
2432
|
}, _this.renderDateValues(index)));
|
|
2432
2433
|
});
|
|
@@ -2518,7 +2519,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2518
2519
|
}, function (_y, row) {
|
|
2519
2520
|
return /*#__PURE__*/React.createElement("div", {
|
|
2520
2521
|
key: row,
|
|
2521
|
-
className: styles$
|
|
2522
|
+
className: styles$15['Calendar-valueRow']
|
|
2522
2523
|
}, Array.from({
|
|
2523
2524
|
length: daysInRow
|
|
2524
2525
|
}, function (_x, col) {
|
|
@@ -2578,8 +2579,8 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2578
2579
|
var isHoverForwardLast = dateComparison(hoverDate, 'equal', dateInString, monthInString, yearInString) && hoverDate && startDate && hoverDate >= startDate;
|
|
2579
2580
|
var isEdgeElement = col === 0 || col === 6;
|
|
2580
2581
|
var isValueRange = inRange || rangePicker && (active || activeDate);
|
|
2581
|
-
var wrapperClass = classnames((_classNames8 = {}, _defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_classNames8, styles$
|
|
2582
|
-
var valueClass = classnames((_classNames9 = {}, _defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_classNames9, styles$
|
|
2582
|
+
var wrapperClass = classnames((_classNames8 = {}, _defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_classNames8, styles$15['Calendar-valueWrapper'], true), styles$15['Calendar-valueWrapper--disabled'], disabled), styles$15['Calendar-valueWrapper--inRange'], !isEdgeElement && isValueRange), styles$15['Calendar-valueWrapper--inEdgeRange'], isValueRange && isEdgeElement), styles$15['Calendar-valueWrapper--inRangeError'], isRangeError), styles$15['Calendar-valueWrapper--start'], isStart && !isEnd && col !== 6 || rangePicker && isStartActive && col !== 6), styles$15['Calendar-valueWrapper--end'], isEnd && !isStart && col !== 0 || rangePicker && isEndActive && col !== 0), styles$15['Calendar-valueWrapper--startEnd'], isStart && isEnd), styles$15['Calendar-valueWrapper--startError'], isStart && isRangeError || rangePicker && isRangeError && isStartActive), styles$15['Calendar-valueWrapper--endError'], isEnd && isRangeError || rangePicker && isRangeError && isEndActive), _defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_classNames8, styles$15['Calendar-valueWrapper--dummy'], dummy && !disabled && !activeDate), styles$15['Calendar-valueWrapper--active-dummy'], dummy && !disabled && activeDate), styles$15['Calendar-valueWrapper--hoverDate'], rangePicker && isHoverForwardLast), styles$15['Calendar-valueWrapper--hoverEndDate'], rangePicker && isHoverBackwardLast), styles$15['Calendar-valueWrapper--inStartRange'], isValueRange && col === 0 && !active && !activeDate), styles$15['Calendar-valueWrapper--inEndRange'], isValueRange && col === 6 && !active && !activeDate)));
|
|
2583
|
+
var valueClass = classnames((_classNames9 = {}, _defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_classNames9, styles$15['Calendar-value'], true), styles$15['Calendar-inRangeValue'], !isStart && !isEnd && !active && !activeDate), styles$15['Calendar-value--start'], isStart && !isEnd), styles$15['Calendar-value--end'], isEnd && !isStart), styles$15['Calendar-value--startError'], isStart && isRangeError), styles$15['Calendar-value--endError'], isEnd && isRangeError), styles$15['Calendar-value--active'], active || activeDate), styles$15['Calendar-value--disabled'], disabled), styles$15['Calendar-dateValue'], true), styles$15["Calendar-dateValue--".concat(size)], size), _defineProperty$1(_defineProperty$1(_classNames9, styles$15['Calendar-value--currDateMonthYear'], today()), styles$15['Calendar-value--currDate'], today() && !active && !activeDate)));
|
|
2583
2584
|
var getTextColor = classnames({
|
|
2584
2585
|
inverse: !active && !today() && !disabled && !activeDate,
|
|
2585
2586
|
white: active || activeDate,
|
|
@@ -2615,9 +2616,9 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2615
2616
|
size = _this$props8.size,
|
|
2616
2617
|
monthsInView = _this$props8.monthsInView;
|
|
2617
2618
|
var view = _this.state.view;
|
|
2618
|
-
var containerClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2619
|
-
var headerClass = classnames(_defineProperty$1({}, styles$
|
|
2620
|
-
var bodyClass = classnames(_defineProperty$1({}, styles$
|
|
2619
|
+
var containerClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$15['Calendar'], true), styles$15["Calendar-".concat(view, "--").concat(size)], view), styles$15["Calendar--".concat(size)], size));
|
|
2620
|
+
var headerClass = classnames(_defineProperty$1({}, styles$15["Calendar-header--".concat(size)], size));
|
|
2621
|
+
var bodyClass = classnames(_defineProperty$1({}, styles$15['Calendar-body'], true));
|
|
2621
2622
|
return /*#__PURE__*/React.createElement("div", {
|
|
2622
2623
|
key: index,
|
|
2623
2624
|
"data-test": "DesignSystem-Calendar",
|
|
@@ -2827,7 +2828,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2827
2828
|
}, {
|
|
2828
2829
|
key: "renderEventsIndicator",
|
|
2829
2830
|
value: function renderEventsIndicator(size, active) {
|
|
2830
|
-
var eventsIndicatorClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2831
|
+
var eventsIndicatorClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$15['Calendar-eventsIndicator'], true), styles$15["Calendar-eventsIndicator--".concat(size)], true), styles$15['Calendar-eventsIndicator--active'], active));
|
|
2831
2832
|
return /*#__PURE__*/React.createElement("span", {
|
|
2832
2833
|
"data-test": "DesignSystem-Calendar-Event-Indicator",
|
|
2833
2834
|
className: eventsIndicatorClass
|
|
@@ -2841,7 +2842,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2841
2842
|
monthsInView = _this$props11.monthsInView,
|
|
2842
2843
|
className = _this$props11.className;
|
|
2843
2844
|
var baseProps = extractBaseProps(this.props);
|
|
2844
|
-
var classes = classnames(_defineProperty$1({}, styles$
|
|
2845
|
+
var classes = classnames(_defineProperty$1({}, styles$15['Calendar-wrapper'], true), className);
|
|
2845
2846
|
return /*#__PURE__*/React.createElement("div", _extends$2({}, baseProps, {
|
|
2846
2847
|
className: classes,
|
|
2847
2848
|
"data-test": "DesignSystem-Calendar-Wrapper"
|
|
@@ -2861,18 +2862,18 @@ _defineProperty$1(Calendar, "defaultProps", {
|
|
|
2861
2862
|
jumpView: true
|
|
2862
2863
|
});
|
|
2863
2864
|
|
|
2864
|
-
var css_248z$
|
|
2865
|
-
var styles$
|
|
2866
|
-
styleInject(css_248z$
|
|
2865
|
+
var css_248z$1d = "/* badge */\n\n.card-module-Card-3nZt4-4-18-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-18-0,\n.card-module-Card--light-ef-kI-4-18-0,\n.card-module-Card--medium-hfCda-4-18-0,\n.card-module-Card--dark-z4IwI-4-18-0 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow10-EQ0Tc-4-18-0 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow20-r2kA9-4-18-0 {\n border: none;\n box-shadow: var(--shadow-m);\n}\n\n.card-module-Card--shadow30-7DdVE-4-18-0 {\n border: none;\n box-shadow: var(--shadow-l);\n}\n\n.card-module-Card-header-L-wfV-4-18-0 {\n padding: var(--spacing-40) var(--spacing-40) var(--spacing-30) var(--spacing-40);\n}\n\n.card-module-Card-body-AWtGZ-4-18-0 {\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-40);\n}\n\n.card-module-Card-footer-Gomt8-4-18-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-18-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
2866
|
+
var styles$14 = {"Card":"card-module-Card-3nZt4-4-18-0","Card--default":"card-module-Card--default-vE68u-4-18-0","Card--light":"card-module-Card--light-ef-kI-4-18-0","Card--medium":"card-module-Card--medium-hfCda-4-18-0","Card--dark":"card-module-Card--dark-z4IwI-4-18-0","Card--shadow10":"card-module-Card--shadow10-EQ0Tc-4-18-0","Card--shadow20":"card-module-Card--shadow20-r2kA9-4-18-0","Card--shadow30":"card-module-Card--shadow30-7DdVE-4-18-0","Card-header":"card-module-Card-header-L-wfV-4-18-0","Card-body":"card-module-Card-body-AWtGZ-4-18-0","Card-footer":"card-module-Card-footer-Gomt8-4-18-0","Card-footer--withSeperator":"card-module-Card-footer--withSeperator-xBISR-4-18-0"};
|
|
2867
|
+
styleInject(css_248z$1d);
|
|
2867
2868
|
|
|
2868
|
-
var _excluded$
|
|
2869
|
+
var _excluded$1l = ["shadow", "children", "className"];
|
|
2869
2870
|
var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
2870
2871
|
var _props$shadow = props.shadow,
|
|
2871
2872
|
shadow = _props$shadow === void 0 ? 'shadow10' : _props$shadow,
|
|
2872
2873
|
children = props.children,
|
|
2873
2874
|
className = props.className,
|
|
2874
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
2875
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2875
|
+
rest = _objectWithoutProperties(props, _excluded$1l);
|
|
2876
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$14.Card, true), styles$14["Card--".concat(shadow)], shadow), className);
|
|
2876
2877
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
2877
2878
|
"data-test": "DesignSystem-Card",
|
|
2878
2879
|
ref: ref
|
|
@@ -2885,17 +2886,17 @@ Card.defaultProps = {
|
|
|
2885
2886
|
shadow: 'shadow10'
|
|
2886
2887
|
};
|
|
2887
2888
|
|
|
2888
|
-
var css_248z$
|
|
2889
|
-
var styles$
|
|
2890
|
-
styleInject(css_248z$
|
|
2889
|
+
var css_248z$1c = ".cardSubdued-module-CardSubdued-cRpHh-4-18-0 {\n background: var(--card-subdued-bg);\n padding: var(--spacing-40);\n}\n\n.cardSubdued-module-CardSubdued--top-9xPTI-4-18-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--left-5pkIL-4-18-0 {\n border-left: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--right-vqxr4-4-18-0 {\n border-right: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--bottom-fOplq-4-18-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
2890
|
+
var styles$13 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-18-0","CardSubdued--top":"cardSubdued-module-CardSubdued--top-9xPTI-4-18-0","CardSubdued--left":"cardSubdued-module-CardSubdued--left-5pkIL-4-18-0","CardSubdued--right":"cardSubdued-module-CardSubdued--right-vqxr4-4-18-0","CardSubdued--bottom":"cardSubdued-module-CardSubdued--bottom-fOplq-4-18-0"};
|
|
2891
|
+
styleInject(css_248z$1c);
|
|
2891
2892
|
|
|
2892
|
-
var _excluded$
|
|
2893
|
+
var _excluded$1k = ["border", "children", "className"];
|
|
2893
2894
|
var CardSubdued = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
2894
2895
|
var border = props.border,
|
|
2895
2896
|
children = props.children,
|
|
2896
2897
|
className = props.className,
|
|
2897
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
2898
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2898
|
+
rest = _objectWithoutProperties(props, _excluded$1k);
|
|
2899
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$13.CardSubdued, true), styles$13["CardSubdued--".concat(border)], border), className);
|
|
2899
2900
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
2900
2901
|
"data-test": "DesignSystem-CardSubdued",
|
|
2901
2902
|
ref: ref
|
|
@@ -2909,7 +2910,7 @@ var CardHeader = function CardHeader(props) {
|
|
|
2909
2910
|
var className = props.className,
|
|
2910
2911
|
children = props.children;
|
|
2911
2912
|
var baseProps = extractBaseProps(props);
|
|
2912
|
-
var classes = classnames(_defineProperty$1({}, styles$
|
|
2913
|
+
var classes = classnames(_defineProperty$1({}, styles$14['Card-header'], true), className);
|
|
2913
2914
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
2914
2915
|
"data-test": "DesignSystem-CardHeader"
|
|
2915
2916
|
}, baseProps, {
|
|
@@ -2922,7 +2923,7 @@ var CardBody = function CardBody(props) {
|
|
|
2922
2923
|
var className = props.className,
|
|
2923
2924
|
children = props.children;
|
|
2924
2925
|
var baseProps = extractBaseProps(props);
|
|
2925
|
-
var classes = classnames(_defineProperty$1({}, styles$
|
|
2926
|
+
var classes = classnames(_defineProperty$1({}, styles$14['Card-body'], true), className);
|
|
2926
2927
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
2927
2928
|
"data-test": "DesignSystem-CardBody"
|
|
2928
2929
|
}, baseProps, {
|
|
@@ -2936,7 +2937,7 @@ var CardFooter = function CardFooter(props) {
|
|
|
2936
2937
|
children = props.children,
|
|
2937
2938
|
withSeperator = props.withSeperator;
|
|
2938
2939
|
var baseProps = extractBaseProps(props);
|
|
2939
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2940
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$14['Card-footer'], true), styles$14['Card-footer--withSeperator'], withSeperator), className);
|
|
2940
2941
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
2941
2942
|
"data-test": "DesignSystem-CardFooter"
|
|
2942
2943
|
}, baseProps, {
|
|
@@ -2952,7 +2953,7 @@ var isSpaceKey = function isSpaceKey(e) {
|
|
|
2952
2953
|
return e.key === 'Space';
|
|
2953
2954
|
};
|
|
2954
2955
|
|
|
2955
|
-
var _excluded$
|
|
2956
|
+
var _excluded$1j = ["onClick", "onKeyDown", "role", "tabIndex"];
|
|
2956
2957
|
var allowed = {
|
|
2957
2958
|
button: new Set(['Enter', 'Space', 'Spacebar', ' ']),
|
|
2958
2959
|
link: new Set(['Enter']),
|
|
@@ -2975,7 +2976,7 @@ var useAccessibilityProps = function useAccessibilityProps(_ref) {
|
|
|
2975
2976
|
_ref$role = _ref.role,
|
|
2976
2977
|
role = _ref$role === void 0 ? 'button' : _ref$role,
|
|
2977
2978
|
tabIndex = _ref.tabIndex,
|
|
2978
|
-
rest = _objectWithoutProperties(_ref, _excluded$
|
|
2979
|
+
rest = _objectWithoutProperties(_ref, _excluded$1j);
|
|
2979
2980
|
return _objectSpread2({}, onClick ? {
|
|
2980
2981
|
onClick: onClick,
|
|
2981
2982
|
role: role,
|
|
@@ -3001,9 +3002,9 @@ var useAccessibilityProps = function useAccessibilityProps(_ref) {
|
|
|
3001
3002
|
});
|
|
3002
3003
|
};
|
|
3003
3004
|
|
|
3004
|
-
var css_248z$
|
|
3005
|
-
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-
|
|
3006
|
-
styleInject(css_248z$
|
|
3005
|
+
var css_248z$1b = "/* 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-18-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-18-0 {\n color: var(--text-subtle);\n}\n\n.icon-module-Icon--disabled-cfSpt-4-18-0 {\n color: var(--text-disabled);\n}\n\n.icon-module-Icon--destructive-hh3wH-4-18-0 {\n color: var(--text-destructive);\n}\n\n.icon-module-Icon--white-xVSQx-4-18-0 {\n color: var(--text-white);\n}\n\n.icon-module-Icon--default-gUL8T-4-18-0 {\n color: var(--text);\n}\n\n.icon-module-Icon--info-NPl0c-4-18-0 {\n color: var(--primary);\n}\n\n.icon-module-Icon--success--1Pol-4-18-0 {\n color: var(--success);\n}\n\n.icon-module-Icon--warning-vkwDf-4-18-0 {\n color: var(--warning);\n}\n\n.icon-module-Icon--alert-9wT0L-4-18-0 {\n color: var(--alert);\n}\n\n.icon-module-Icon--primary-5RS0y-4-18-0 {\n color: var(--primary);\n}\n\n.icon-module-Icon--primaryLighter-G9i-U-4-18-0 {\n color: var(--primary-lighter);\n}\n\n.icon-module-Icon--primaryDark-Z9EK7-4-18-0 {\n color: var(--primary-dark);\n}\n\n.icon-module-Icon--primaryDarker-WzRg--4-18-0 {\n color: var(--primary-darker);\n}\n\n.icon-module-Icon--alertLighter-6B-e7-4-18-0 {\n color: var(--alert-lighter);\n}\n\n.icon-module-Icon--alertDark-k7w0--4-18-0 {\n color: var(--alert-dark);\n}\n\n.icon-module-Icon--alertDarker-ZGpJS-4-18-0 {\n color: var(--alert-darker);\n}\n\n.icon-module-Icon--successLighter-NJRIN-4-18-0 {\n color: var(--success-lighter);\n}\n\n.icon-module-Icon--successDark-w7jA3-4-18-0 {\n color: var(--success-dark);\n}\n\n.icon-module-Icon--successDarker-whOmv-4-18-0 {\n color: var(--success-darker);\n}\n\n.icon-module-Icon--warningLighter-IjeGH-4-18-0 {\n color: var(--warning-lighter);\n}\n\n.icon-module-Icon--warningDark-c0V89-4-18-0 {\n color: var(--warning-dark);\n}\n\n.icon-module-Icon--warningDarker-Y1Zk1-4-18-0 {\n color: var(--warning-darker);\n}\n\n.icon-module-Icon--accent1-joGUJ-4-18-0 {\n color: var(--accent1);\n}\n\n.icon-module-Icon--accent1Lighter-ecAka-4-18-0 {\n color: var(--accent1-lighter);\n}\n\n.icon-module-Icon--accent1Dark-kWavq-4-18-0 {\n color: var(--accent1-dark);\n}\n\n.icon-module-Icon--accent1Darker-xkikD-4-18-0 {\n color: var(--accent1-darker);\n}\n\n.icon-module-Icon--accent2-U6Nln-4-18-0 {\n color: var(--accent2);\n}\n\n.icon-module-Icon--accent2Lighter-l-bdc-4-18-0 {\n color: var(--accent2-lighter);\n}\n\n.icon-module-Icon--accent2Dark-fQYZp-4-18-0 {\n color: var(--accent2-dark);\n}\n\n.icon-module-Icon--accent2Darker-fPTcU-4-18-0 {\n color: var(--accent2-darker);\n}\n\n.icon-module-Icon--accent3-pqiXT-4-18-0 {\n color: var(--accent3);\n}\n\n.icon-module-Icon--accent3Lighter-GdEsf-4-18-0 {\n color: var(--accent3-lighter);\n}\n\n.icon-module-Icon--accent3Dark-UrkMU-4-18-0 {\n color: var(--accent3-dark);\n}\n\n.icon-module-Icon--accent3Darker-h-Kf4-4-18-0 {\n color: var(--accent3-darker);\n}\n\n.icon-module-Icon--accent4-URPLg-4-18-0 {\n color: var(--accent4);\n}\n\n.icon-module-Icon--accent4Lighter-TfLqj-4-18-0 {\n color: var(--accent4-lighter);\n}\n\n.icon-module-Icon--accent4Dark-eMTg--4-18-0 {\n color: var(--accent4-dark);\n}\n\n.icon-module-Icon--accent4Darker-zY0fj-4-18-0 {\n color: var(--accent4-darker);\n}\n\n.icon-module-Icon--inverse-PaEaG-4-18-0 {\n color: var(--inverse);\n}\n";
|
|
3006
|
+
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-18-0","Icon--subtle":"icon-module-Icon--subtle-LctKY-4-18-0","Icon--disabled":"icon-module-Icon--disabled-cfSpt-4-18-0","Icon--destructive":"icon-module-Icon--destructive-hh3wH-4-18-0","Icon--white":"icon-module-Icon--white-xVSQx-4-18-0","Icon--default":"icon-module-Icon--default-gUL8T-4-18-0","Icon--info":"icon-module-Icon--info-NPl0c-4-18-0","Icon--success":"icon-module-Icon--success--1Pol-4-18-0","Icon--warning":"icon-module-Icon--warning-vkwDf-4-18-0","Icon--alert":"icon-module-Icon--alert-9wT0L-4-18-0","Icon--primary":"icon-module-Icon--primary-5RS0y-4-18-0","Icon--primaryLighter":"icon-module-Icon--primaryLighter-G9i-U-4-18-0","Icon--primaryDark":"icon-module-Icon--primaryDark-Z9EK7-4-18-0","Icon--primaryDarker":"icon-module-Icon--primaryDarker-WzRg--4-18-0","Icon--alertLighter":"icon-module-Icon--alertLighter-6B-e7-4-18-0","Icon--alertDark":"icon-module-Icon--alertDark-k7w0--4-18-0","Icon--alertDarker":"icon-module-Icon--alertDarker-ZGpJS-4-18-0","Icon--successLighter":"icon-module-Icon--successLighter-NJRIN-4-18-0","Icon--successDark":"icon-module-Icon--successDark-w7jA3-4-18-0","Icon--successDarker":"icon-module-Icon--successDarker-whOmv-4-18-0","Icon--warningLighter":"icon-module-Icon--warningLighter-IjeGH-4-18-0","Icon--warningDark":"icon-module-Icon--warningDark-c0V89-4-18-0","Icon--warningDarker":"icon-module-Icon--warningDarker-Y1Zk1-4-18-0","Icon--accent1":"icon-module-Icon--accent1-joGUJ-4-18-0","Icon--accent1Lighter":"icon-module-Icon--accent1Lighter-ecAka-4-18-0","Icon--accent1Dark":"icon-module-Icon--accent1Dark-kWavq-4-18-0","Icon--accent1Darker":"icon-module-Icon--accent1Darker-xkikD-4-18-0","Icon--accent2":"icon-module-Icon--accent2-U6Nln-4-18-0","Icon--accent2Lighter":"icon-module-Icon--accent2Lighter-l-bdc-4-18-0","Icon--accent2Dark":"icon-module-Icon--accent2Dark-fQYZp-4-18-0","Icon--accent2Darker":"icon-module-Icon--accent2Darker-fPTcU-4-18-0","Icon--accent3":"icon-module-Icon--accent3-pqiXT-4-18-0","Icon--accent3Lighter":"icon-module-Icon--accent3Lighter-GdEsf-4-18-0","Icon--accent3Dark":"icon-module-Icon--accent3Dark-UrkMU-4-18-0","Icon--accent3Darker":"icon-module-Icon--accent3Darker-h-Kf4-4-18-0","Icon--accent4":"icon-module-Icon--accent4-URPLg-4-18-0","Icon--accent4Lighter":"icon-module-Icon--accent4Lighter-TfLqj-4-18-0","Icon--accent4Dark":"icon-module-Icon--accent4Dark-eMTg--4-18-0","Icon--accent4Darker":"icon-module-Icon--accent4Darker-zY0fj-4-18-0","Icon--inverse":"icon-module-Icon--inverse-PaEaG-4-18-0"};
|
|
3007
|
+
styleInject(css_248z$1b);
|
|
3007
3008
|
|
|
3008
3009
|
// 'outline', 'rounded' to be deprecated soon.
|
|
3009
3010
|
|
|
@@ -3092,13 +3093,13 @@ Icon.defaultProps = {
|
|
|
3092
3093
|
size: 16
|
|
3093
3094
|
};
|
|
3094
3095
|
|
|
3095
|
-
var _excluded$
|
|
3096
|
+
var _excluded$1i = ["children", "componentType", "className"];
|
|
3096
3097
|
var GenericText = function GenericText(_ref, ref) {
|
|
3097
3098
|
var children = _ref.children,
|
|
3098
3099
|
_ref$componentType = _ref.componentType,
|
|
3099
3100
|
componentType = _ref$componentType === void 0 ? 'span' : _ref$componentType,
|
|
3100
3101
|
className = _ref.className,
|
|
3101
|
-
rest = _objectWithoutProperties(_ref, _excluded$
|
|
3102
|
+
rest = _objectWithoutProperties(_ref, _excluded$1i);
|
|
3102
3103
|
return /*#__PURE__*/React.createElement(componentType, _objectSpread2(_objectSpread2({}, rest), {}, {
|
|
3103
3104
|
className: className,
|
|
3104
3105
|
ref: ref
|
|
@@ -3106,11 +3107,11 @@ var GenericText = function GenericText(_ref, ref) {
|
|
|
3106
3107
|
};
|
|
3107
3108
|
var Link$1 = /*#__PURE__*/React.forwardRef(GenericText);
|
|
3108
3109
|
|
|
3109
|
-
var css_248z$
|
|
3110
|
-
var textStyles = {"Text":"text-module-Text-s1VoI-4-
|
|
3111
|
-
styleInject(css_248z$
|
|
3110
|
+
var css_248z$1a = "/* Text */\n.text-module-Text-s1VoI-4-18-0 {\n margin: 0;\n line-height: var(--font-height);\n}\n\n.text-module-Text--small-Jgkij-4-18-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n}\n\n.text-module-Text--regular-1srPn-4-18-0 {\n font-size: var(--font-size);\n line-height: var(--font-height);\n}\n\n.text-module-Text--large-dvoDb-4-18-0 {\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.text-module-Text--default-8sTrE-4-18-0 {\n color: var(--text);\n}\n\n.text-module-Text--subtle-dIroX-4-18-0 {\n color: var(--text-subtle);\n}\n\n.text-module-Text--disabled-n3vwU-4-18-0 {\n color: var(--text-disabled);\n}\n\n.text-module-Text--destructive-IyHaq-4-18-0 {\n color: var(--text-destructive);\n}\n\n.text-module-Text--white-7KdSH-4-18-0 {\n color: var(--text-white);\n}\n\n.text-module-Text--success---5U--4-18-0 {\n color: var(--text-success);\n}\n\n.text-module-Text--link-xbXRL-4-18-0 {\n color: var(--text-link);\n}\n\n.text-module-Text--medium-NJhdl-4-18-0 {\n font-weight: var(--font-weight-medium);\n}\n\n.text-module-Text--strong-V4cio-4-18-0 {\n font-weight: var(--font-weight-bold);\n}\n";
|
|
3111
|
+
var textStyles = {"Text":"text-module-Text-s1VoI-4-18-0","Text--small":"text-module-Text--small-Jgkij-4-18-0","Text--regular":"text-module-Text--regular-1srPn-4-18-0","Text--large":"text-module-Text--large-dvoDb-4-18-0","Text--default":"text-module-Text--default-8sTrE-4-18-0","Text--subtle":"text-module-Text--subtle-dIroX-4-18-0","Text--disabled":"text-module-Text--disabled-n3vwU-4-18-0","Text--destructive":"text-module-Text--destructive-IyHaq-4-18-0","Text--white":"text-module-Text--white-7KdSH-4-18-0","Text--success":"text-module-Text--success---5U--4-18-0","Text--link":"text-module-Text--link-xbXRL-4-18-0","Text--medium":"text-module-Text--medium-NJhdl-4-18-0","Text--strong":"text-module-Text--strong-V4cio-4-18-0"};
|
|
3112
|
+
styleInject(css_248z$1a);
|
|
3112
3113
|
|
|
3113
|
-
var _excluded$
|
|
3114
|
+
var _excluded$1h = ["appearance", "size", "children", "weight", "small", "className", "color"];
|
|
3114
3115
|
var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3115
3116
|
var _props$appearance = props.appearance,
|
|
3116
3117
|
appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
|
|
@@ -3121,7 +3122,7 @@ var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3121
3122
|
small = props.small,
|
|
3122
3123
|
className = props.className,
|
|
3123
3124
|
color = props.color,
|
|
3124
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
3125
|
+
rest = _objectWithoutProperties(props, _excluded$1h);
|
|
3125
3126
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, textStyles.Text, true), textStyles["Text--".concat(appearance)], !color && appearance), textStyles["Text--".concat(weight)], weight), textStyles["Text--".concat(size)], size), "color-".concat(color), color), textStyles['Text--small'], size === 'small' || small), className);
|
|
3126
3127
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
3127
3128
|
ref: ref,
|
|
@@ -3137,9 +3138,9 @@ Text.defaultProps = {
|
|
|
3137
3138
|
size: 'regular'
|
|
3138
3139
|
};
|
|
3139
3140
|
|
|
3140
|
-
var css_248z$
|
|
3141
|
-
var styles$
|
|
3142
|
-
styleInject(css_248z$
|
|
3141
|
+
var css_248z$19 = ".chip-module-Chip-poUZ4-4-18-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-18-0 {\n height: var(--spacing-60);\n padding-left: var(--spacing-20);\n}\n.chip-module-Chip-size--small-9pIoV-4-18-0 {\n height: 20px;\n padding-left: var(--spacing-15);\n}\n\n.chip-module-Chip-wrapper-pvcWT-4-18-0 {\n display: inline-flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--left-iQJW--4-18-0 {\n margin-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-18-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-18-0 {\n background: var(--secondary-light);\n border: 0px;\n cursor: pointer;\n}\n\n.chip-module-Chip--action-xkWzq-4-18-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--action-xkWzq-4-18-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--action-xkWzq-4-18-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-action--disabled-qik7a-4-18-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-18-0 {\n background: var(--shadow-0);\n border-color: var(--stone);\n cursor: pointer;\n}\n\n.chip-module-Chip--selection-OQh8T-4-18-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chip-module-Chip--selection-OQh8T-4-18-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--selection-OQh8T-4-18-0:active {\n background: var(--secondary-light);\n border-color: var(--inverse-lightest);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-18-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-18-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-18-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-18-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-18-0:active {\n background: var(--primary-lighter);\n border-color: var(--primary-dark);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-18-0:active .chip-module-Chip-icon-lfFwr-4-18-0,\n.chip-module-Chip-selection--selected-N7Nmu-4-18-0:active .chip-module-Chip-text-Y9aWF-4-18-0 {\n color: var(--primary-darker);\n}\n\n.chip-module-Chip-text--truncate-FdQRv-4-18-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-18-0 {\n background: rgba(220, 236, 249, 0.48);\n border-color: var(--primary-lighter);\n}\n\n.chip-module-Chip--input-76VFm-4-18-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-18-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--input-76VFm-4-18-0:focus-visible,\n.chip-module-Chip--input-76VFm-4-18-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--input-76VFm-4-18-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-input--disabled-Xt12a-4-18-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-18-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-18-0:hover {\n background-color: var(--secondary);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-18-0:active {\n background-color: var(--secondary-dark);\n}\n\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-18-0 {\n pointer-events: none;\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-18-0 {\n border-radius: var(--border-radius-full);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-18-0:focus-visible {\n outline: var(--spacing-05) solid var(--primary-shadow);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-18-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-18-0:active {\n background-color: var(--primary-light);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-18-0:focus-visible,\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-18-0:focus-visible,\n.chip-module-Chip-selection--selectedDisabled-cqtgW-4-18-0:focus-visible,\n.chip-module-Chip-input--disabled-Xt12a-4-18-0:focus-visible {\n outline: none;\n}\n\n.chip-module-Chip-icon--clear-GujdY-4-18-0 {\n padding-right: var(--spacing-05);\n}\n";
|
|
3142
|
+
var styles$12 = {"Chip":"chip-module-Chip-poUZ4-4-18-0","Chip-size--regular":"chip-module-Chip-size--regular-VNFwg-4-18-0","Chip-size--small":"chip-module-Chip-size--small-9pIoV-4-18-0","Chip-wrapper":"chip-module-Chip-wrapper-pvcWT-4-18-0","Chip-icon--left":"chip-module-Chip-icon--left-iQJW--4-18-0","Chip-icon--right":"chip-module-Chip-icon--right-UOlsF-4-18-0","Chip--action":"chip-module-Chip--action-xkWzq-4-18-0","Chip-action--disabled":"chip-module-Chip-action--disabled-qik7a-4-18-0","Chip--selection":"chip-module-Chip--selection-OQh8T-4-18-0","Chip-selection--disabled":"chip-module-Chip-selection--disabled-Wh7oX-4-18-0","Chip-selection--selected":"chip-module-Chip-selection--selected-N7Nmu-4-18-0","Chip-icon":"chip-module-Chip-icon-lfFwr-4-18-0","Chip-text":"chip-module-Chip-text-Y9aWF-4-18-0","Chip-text--truncate":"chip-module-Chip-text--truncate-FdQRv-4-18-0","Chip-selection--selectedDisabled":"chip-module-Chip-selection--selectedDisabled-cqtgW-4-18-0","Chip--input":"chip-module-Chip--input-76VFm-4-18-0","Chip-input--disabled":"chip-module-Chip-input--disabled-Xt12a-4-18-0","Chip-icon-disabled--right":"chip-module-Chip-icon-disabled--right-Q8o-W-4-18-0","Chip-icon--selected":"chip-module-Chip-icon--selected-OTsQP-4-18-0","Chip-icon--clear":"chip-module-Chip-icon--clear-GujdY-4-18-0"};
|
|
3143
|
+
styleInject(css_248z$19);
|
|
3143
3144
|
|
|
3144
3145
|
var GenericChip = function GenericChip(props) {
|
|
3145
3146
|
var label = props.label,
|
|
@@ -3173,7 +3174,7 @@ var GenericChip = function GenericChip(props) {
|
|
|
3173
3174
|
}, [contentRef]);
|
|
3174
3175
|
var baseProps = extractBaseProps(props);
|
|
3175
3176
|
var iconClass = function iconClass(align) {
|
|
3176
|
-
return classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
3177
|
+
return classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$12['Chip-icon'], true), styles$12["Chip-icon--".concat(align)], align), styles$12["Chip-icon-disabled--right"], align === 'right' && disabled), 'cursor-pointer', align === 'right' && !disabled), styles$12['Chip-icon--selected'], align === 'right' && selected));
|
|
3177
3178
|
};
|
|
3178
3179
|
var onCloseHandler = function onCloseHandler(e) {
|
|
3179
3180
|
e.stopPropagation();
|
|
@@ -3195,13 +3196,13 @@ var GenericChip = function GenericChip(props) {
|
|
|
3195
3196
|
var iconAppearance = function iconAppearance(align) {
|
|
3196
3197
|
return classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, 'primary_dark', selected), 'subtle', !selected && align === 'right'), 'inverse', !selected && align === 'left'));
|
|
3197
3198
|
};
|
|
3198
|
-
var chipTextClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
3199
|
+
var chipTextClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$12['Chip-text'], true), 'mr-3', true));
|
|
3199
3200
|
var textColor = classnames(_defineProperty$1(_defineProperty$1({}, 'primary-dark', selected), 'inverse', !disabled && !selected));
|
|
3200
|
-
var chipWrapperClass = classnames(_defineProperty$1({}, styles$
|
|
3201
|
+
var chipWrapperClass = classnames(_defineProperty$1({}, styles$12['Chip-wrapper'], true), className);
|
|
3201
3202
|
var renderLabel = function renderLabel() {
|
|
3202
3203
|
if (typeof label === 'string') {
|
|
3203
3204
|
return /*#__PURE__*/React.createElement("div", {
|
|
3204
|
-
className: styles$
|
|
3205
|
+
className: styles$12['Chip-text--truncate'],
|
|
3205
3206
|
ref: contentRef
|
|
3206
3207
|
}, labelPrefix && /*#__PURE__*/React.createElement(Text, {
|
|
3207
3208
|
"data-test": "DesignSystem-GenericChip--LabelPrefix",
|
|
@@ -3212,7 +3213,7 @@ var GenericChip = function GenericChip(props) {
|
|
|
3212
3213
|
"data-test": "DesignSystem-GenericChip--Text",
|
|
3213
3214
|
size: size,
|
|
3214
3215
|
color: textColor,
|
|
3215
|
-
className: styles$
|
|
3216
|
+
className: styles$12['Chip-text']
|
|
3216
3217
|
}, label));
|
|
3217
3218
|
}
|
|
3218
3219
|
return label;
|
|
@@ -3288,7 +3289,7 @@ var Chip = function Chip(props) {
|
|
|
3288
3289
|
};
|
|
3289
3290
|
var clearbutton = type === 'action' ? false : clearButton;
|
|
3290
3291
|
var select = type === 'selection' && selected ? true : false;
|
|
3291
|
-
var chipClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
3292
|
+
var chipClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$12.Chip, true), styles$12["Chip-".concat(type, "--disabled")], disabled), styles$12["Chip--".concat(type)], type && !disabled), styles$12["Chip-".concat(type, "--selected")], selected && !disabled), styles$12["Chip-selection--selectedDisabled"], type === 'selection' && selected && disabled), styles$12['Chip-icon--clear'], clearbutton), styles$12["Chip-size--".concat(size)], size), className);
|
|
3292
3293
|
return /*#__PURE__*/React.createElement(GenericChip, _extends$2({
|
|
3293
3294
|
"data-test": "DesignSystem-Chip--GenericChip"
|
|
3294
3295
|
}, baseProps, {
|
|
@@ -3313,9 +3314,9 @@ Chip.defaultProps = {
|
|
|
3313
3314
|
maxWidth: 'var(--spacing-640)'
|
|
3314
3315
|
};
|
|
3315
3316
|
|
|
3316
|
-
var css_248z$
|
|
3317
|
-
var styles
|
|
3318
|
-
styleInject(css_248z$
|
|
3317
|
+
var css_248z$18 = ".chipGroup-module-ChipGroup--1ERo-4-18-0 {\n display: inline-flex;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-18-0 {\n margin: 0 var(--spacing-10);\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-18-0:first-child {\n margin-left: 0;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-18-0:last-child {\n margin-right: 0;\n}\n";
|
|
3318
|
+
var styles$11 = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-18-0","ChipGroup-item":"chipGroup-module-ChipGroup-item-5ygP--4-18-0"};
|
|
3319
|
+
styleInject(css_248z$18);
|
|
3319
3320
|
|
|
3320
3321
|
var ChipGroup = function ChipGroup(props) {
|
|
3321
3322
|
var list = props.list,
|
|
@@ -3329,7 +3330,7 @@ var ChipGroup = function ChipGroup(props) {
|
|
|
3329
3330
|
var onCloseHandler = function onCloseHandler(item) {
|
|
3330
3331
|
if (onClose) onClose(item);
|
|
3331
3332
|
};
|
|
3332
|
-
var ChipGroupClass = classnames(_defineProperty$1({}, styles
|
|
3333
|
+
var ChipGroupClass = classnames(_defineProperty$1({}, styles$11.ChipGroup, true), className);
|
|
3333
3334
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
3334
3335
|
"data-test": "DesignSystem-ChipGroup"
|
|
3335
3336
|
}, baseProps, {
|
|
@@ -3346,7 +3347,7 @@ var ChipGroup = function ChipGroup(props) {
|
|
|
3346
3347
|
iconType = item.iconType;
|
|
3347
3348
|
return /*#__PURE__*/React.createElement("span", {
|
|
3348
3349
|
key: ind,
|
|
3349
|
-
className: styles
|
|
3350
|
+
className: styles$11['ChipGroup-item']
|
|
3350
3351
|
}, /*#__PURE__*/React.createElement(Chip, {
|
|
3351
3352
|
"data-test": "DesignSystem-ChipGroup--Chip",
|
|
3352
3353
|
name: name,
|
|
@@ -3434,19 +3435,19 @@ var CheckboxIcon = function CheckboxIcon(props) {
|
|
|
3434
3435
|
}
|
|
3435
3436
|
};
|
|
3436
3437
|
|
|
3437
|
-
var css_248z$
|
|
3438
|
-
var checkboxStyles = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-
|
|
3439
|
-
styleInject(css_248z$
|
|
3438
|
+
var css_248z$17 = ".checkbox-module-Checkbox-Bxzy6-4-18-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-18-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-18-0 {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.checkbox-module-Checkbox-label-1c-Z--4-18-0 {\n display: flex;\n cursor: pointer;\n}\n\n.checkbox-module-Checkbox-label--tiny-4ICqD-4-18-0 {\n font-weight: var(--font-weight-bold);\n}\n\n.checkbox-module-Checkbox-outerWrapper-47kQq-4-18-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-18-0 {\n height: var(--spacing-40);\n min-width: var(--spacing-40);\n}\n\n.checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-18-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-18-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-18-0:focus {\n outline: 0;\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-18-0 ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-18-0 {\n border: var(--border-width-2-5) solid var(--secondary-dark);\n background-color: var(--shadow-0);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-18-0:focus ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-18-0 {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-18-0:hover ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-18-0 {\n border: var(--border-width-2-5) solid var(--inverse-lightest);\n background-color: var(--shadow-0);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-18-0:active ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-18-0 {\n border: var(--border-width-2-5) solid var(--inverse-lightest);\n background-color: var(--secondary-light);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-18-0 {\n pointer-events: none;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-18-0 .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-18-0 {\n border: var(--border-width-2-5) solid var(--secondary-light);\n background-color: var(--secondary-lightest);\n}\n\n/* Type: checked && Type: indeterminate */\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-18-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-18-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-18-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-18-0 {\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-18-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-18-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-18-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-18-0 {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-18-0:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-18-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-18-0:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-18-0 {\n background-color: var(--primary-dark);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-18-0:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-18-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-18-0:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-18-0 {\n background-color: var(--primary-darker);\n border: 0;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-18-0 .checkbox-module-Checkbox-input--checked-1V8bz-4-18-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-18-0,\n.checkbox-module-Checkbox--disabled-j-irf-4-18-0 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-18-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-18-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-18-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-18-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-0 {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-18-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-0 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-18-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-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-18-0 .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-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-18-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-18-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-18-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-18-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-0 {\n border: var(--border-width-2-5) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-18-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-18-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-0 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-18-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-18-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-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-18-0 .checkbox-module-Checkbox-input--checked-1V8bz-4-18-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-0,\n.checkbox-module-Checkbox--disabled-j-irf-4-18-0 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-18-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-0 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n}\n";
|
|
3439
|
+
var checkboxStyles = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-18-0","Checkbox-input":"checkbox-module-Checkbox-input-shIYv-4-18-0","Checkbox-labelWrapper":"checkbox-module-Checkbox-labelWrapper-8RA7S-4-18-0","Checkbox-label":"checkbox-module-Checkbox-label-1c-Z--4-18-0","Checkbox-label--tiny":"checkbox-module-Checkbox-label--tiny-4ICqD-4-18-0","Checkbox-outerWrapper":"checkbox-module-Checkbox-outerWrapper-47kQq-4-18-0","Checkbox-outerWrapper--regular":"checkbox-module-Checkbox-outerWrapper--regular-MXygQ-4-18-0","Checkbox-outerWrapper--tiny":"checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-18-0","Checkbox-wrapper":"checkbox-module-Checkbox-wrapper-iH4AL-4-18-0","Checkbox-wrapper--default":"checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-18-0","Checkbox--disabled":"checkbox-module-Checkbox--disabled-j-irf-4-18-0","Checkbox-input--checked":"checkbox-module-Checkbox-input--checked-1V8bz-4-18-0","Checkbox-input--indeterminate":"checkbox-module-Checkbox-input--indeterminate-yMTip-4-18-0","Checkbox-wrapper--error":"checkbox-module-Checkbox-wrapper--error-pnJwU-4-18-0"};
|
|
3440
|
+
styleInject(css_248z$17);
|
|
3440
3441
|
|
|
3441
|
-
var css_248z$
|
|
3442
|
-
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-
|
|
3443
|
-
styleInject(css_248z$
|
|
3442
|
+
var css_248z$16 = ".dropdown-module-Dropdown--waM8-4-18-0 {\n width: 100%;\n position: relative;\n}\n\n.dropdown-module-Dropdown-wrapper-r0AX--4-18-0 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-18-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-18-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-18-0 {\n min-width: unset !important;\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-18-0,\n.dropdown-module-Dropdown-input-ovmvS-4-18-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.dropdown-module-Dropdown-section-rT604-4-18-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-18-0 {\n margin-top: var(--spacing-20);\n margin-bottom: var(--spacing-05);\n}\n\n.dropdown-module-Dropdown-buttonWrapper-hWHut-4-18-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-18-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-18-0 {\n display: flex;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.dropdown-module-Option-9a9gu-4-18-0,\n.dropdown-module-Option-loading-niIYl-4-18-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-18-0 .dropdown-module-Checkbox-outerWrapper-X7RB4-4-18-0 {\n background-color: var(--shadow-0);\n}\n\n.dropdown-module-Option-checkboxWrapper-K7FXe-4-18-0 {\n display: block;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-18-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-18-0,\n.dropdown-module-Option-checkbox--active-vN71f-4-18-0 {\n background-color: var(--secondary-lightest);\n cursor: pointer;\n}\n\n.dropdown-module-Option--active-gTg8I-4-18-0:hover,\n.dropdown-module-Option-checkbox--active-vN71f-4-18-0:hover {\n background-color: var(--secondary-lighter);\n}\n\n.dropdown-module-Option--active-gTg8I-4-18-0:active,\n.dropdown-module-Option-checkbox--active-vN71f-4-18-0:active {\n background-color: var(--secondary-light);\n cursor: pointer;\n}\n\n.dropdown-module-Option--active-gTg8I-4-18-0 {\n transition: var(--standard-productive-curve);\n}\n\n.dropdown-module-Option-loading-niIYl-4-18-0 {\n pointer-events: none;\n}\n\n.dropdown-module-Option--selected-N166--4-18-0 {\n background-color: var(--primary-lightest);\n}\n\n.dropdown-module-Option--selected-N166--4-18-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.dropdown-module-Option--selected-N166--4-18-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--selected-N166--4-18-0:active .dropdown-module-Option-text-lXgSe-4-18-0,\n.dropdown-module-Option--selected-N166--4-18-0:active .dropdown-module-Option-subInfo-rCqn2-4-18-0 {\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--disabled-z9O1J-4-18-0,\n.dropdown-module-OptionWrapper--disabled-dDEXE-4-18-0 {\n pointer-events: auto;\n cursor: default;\n}\n\n.dropdown-module-Option-label-lSBP--4-18-0 {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-18-0 .dropdown-module-Checkbox-label-HN9S6-4-18-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-18-0,\n.dropdown-module-OptionCheckbox-sWOoI-4-18-0 .dropdown-module-Text-wTZmG-4-18-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.dropdown-module-Option-text--wrap-RxZCx-4-18-0,\n.dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-18-0 .dropdown-module-OptionCheckbox-sWOoI-4-18-0 .dropdown-module-Text-wTZmG-4-18-0 {\n white-space: unset;\n}\n\n.dropdown-module-Option--icon-AA5JI-4-18-0 {\n padding-left: var(--spacing-20);\n}\n\n.dropdown-module-Option-icon-sux-R-4-18-0 {\n display: flex;\n}\n\n.dropdown-module-Option-icon-sux-R-4-18-0 {\n height: -moz-fit-content;\n height: fit-content;\n line-height: var(--font-height);\n}\n";
|
|
3443
|
+
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-18-0","Dropdown-wrapper":"dropdown-module-Dropdown-wrapper-r0AX--4-18-0","Dropdown-inputWrapper":"dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-18-0","Dropdown-input":"dropdown-module-Dropdown-input-ovmvS-4-18-0","Dropdown-section":"dropdown-module-Dropdown-section-rT604-4-18-0","Dropdown-section--withClear":"dropdown-module-Dropdown-section--withClear--R25A-4-18-0","Dropdown-buttonWrapper":"dropdown-module-Dropdown-buttonWrapper-hWHut-4-18-0","Dropdown-footer":"dropdown-module-Dropdown-footer-q2lkI-4-18-0","Option":"dropdown-module-Option-9a9gu-4-18-0","Option-loading":"dropdown-module-Option-loading-niIYl-4-18-0","Option-checkbox":"dropdown-module-Option-checkbox-m-8Hz-4-18-0","Checkbox-outerWrapper":"dropdown-module-Checkbox-outerWrapper-X7RB4-4-18-0","Option-checkboxWrapper":"dropdown-module-Option-checkboxWrapper-K7FXe-4-18-0","OptionCheckbox":"dropdown-module-OptionCheckbox-sWOoI-4-18-0","Option--active":"dropdown-module-Option--active-gTg8I-4-18-0","Option-checkbox--active":"dropdown-module-Option-checkbox--active-vN71f-4-18-0","Option--selected":"dropdown-module-Option--selected-N166--4-18-0","Option-text":"dropdown-module-Option-text-lXgSe-4-18-0","Option-subInfo":"dropdown-module-Option-subInfo-rCqn2-4-18-0","Option--disabled":"dropdown-module-Option--disabled-z9O1J-4-18-0","OptionWrapper--disabled":"dropdown-module-OptionWrapper--disabled-dDEXE-4-18-0","Option-label":"dropdown-module-Option-label-lSBP--4-18-0","Checkbox-label":"dropdown-module-Checkbox-label-HN9S6-4-18-0","Text":"dropdown-module-Text-wTZmG-4-18-0","Option-text--wrap":"dropdown-module-Option-text--wrap-RxZCx-4-18-0","Dropdown-wrapper--wrap":"dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-18-0","Option--icon":"dropdown-module-Option--icon-AA5JI-4-18-0","Option-icon":"dropdown-module-Option-icon-sux-R-4-18-0"};
|
|
3444
|
+
styleInject(css_248z$16);
|
|
3444
3445
|
|
|
3445
|
-
var css_248z$13 = ".grid-module-Grid-c7nCj-4-17-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-17-0 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-17-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-17-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-17-0 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-17-0 .grid-module-Grid-cell--head--JOK--4-17-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-17-0 .grid-module-Grid-cell--body--nkVA-4-17-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-17-0 .grid-module-Grid-cell--head--JOK--4-17-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-17-0 .grid-module-Grid-cell--body--nkVA-4-17-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-17-0 .grid-module-Grid-cell--head--JOK--4-17-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-17-0 .grid-module-Grid-cell--body--nkVA-4-17-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-17-0 .grid-module-Grid-cell--head--JOK--4-17-0 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-17-0 .grid-module-Grid-cell--body--nkVA-4-17-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-17-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-17-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-17-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-17-0 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-17-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-17-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-17-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-17-0:last-child .grid-module-Grid-row--body-hzvsO-4-17-0 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-17-0 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-17-0 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-17-0 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-17-0 .grid-module-Grid-rowWrapper-cZ8-a-4-17-0 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-17-0 .grid-module-Grid-cell-GVffL-4-17-0:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-17-0 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-17-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-17-0 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-17-0 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-17-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-17-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-17-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-17-0 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-17-0.grid-module-Grid-cell-GVffL-4-17-0:first-of-type {\n border-left: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-17-0.grid-module-Grid-cell--selected-1zcBx-4-17-0 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-17-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-17-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-17-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-sortingIcons-Lwutu-4-17-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-17-0 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-17-0:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-17-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-17-0 .grid-module-Grid-cellContent-Ls-ZE-4-17-0 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-17-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-17-0 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-17-0:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-17-0:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-17-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-17-0 {\n display: flex;\n box-sizing: border-box;\n height: 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-17-0 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-17-0 {\n left: 0;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-17-0 {\n right: 0;\n}\n\n.grid-module-Grid-c7nCj-4-17-0 .grid-module-Checkbox-wrapper-0R1-K-4-17-0 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-17-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-17-0 {\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-17-0 {\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-17-0 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--default-7p5Cq-4-17-0 {\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-17-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-17-0 .grid-module-StatusHint-R1JrO-4-17-0 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-17-0 .grid-module-StatusHint-R1JrO-4-17-0 .grid-module-Text-Fy3XX-4-17-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-17-0 .grid-module-Avatar-3XZ0C-4-17-0 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-17-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-17-0 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-17-0 .grid-module-Text-Fy3XX-4-17-0 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaSeparator-B6hFq-4-17-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-17-0 {\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell-mark--metaList-MwAIW-4-17-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-17-0 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-17-0 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-17-0 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-17-0 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-17-0 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-17-0 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-17-0 .grid-module-Checkbox-ETqg7-4-17-0 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-17-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-17-0 .grid-module-Dropdown-Ev9FG-4-17-0 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-17-0 .grid-module-Dropdown-wrapper-T1n1M-4-17-0 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-17-0 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-17-0 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-17-0 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-17-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-17-0 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-row-wBTps-4-17-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-17-0 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-17-0 .grid-module-Grid-row--body-hzvsO-4-17-0:hover {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-17-0 .grid-module-Grid-row--body-hzvsO-4-17-0:active {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-17-0 .grid-module-Grid-row--body-hzvsO-4-17-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-17-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-17-0:hover {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-17-0:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-17-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-17-0 {\n background: var(--primary-lightest);\n}\n\n/* Pinned Columns Default State */\n\n.grid-module-Grid--resource-Wwxtj-4-17-0 .grid-module-Grid-row--body-hzvsO-4-17-0:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-17-0 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-17-0 .grid-module-Grid-row--body-hzvsO-4-17-0:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-17-0 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-17-0 .grid-module-Grid-row--body-hzvsO-4-17-0:focus .grid-module-Grid-cellWrapper--pinned-0NirR-4-17-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-17-0 .grid-module-Grid-cellWrapper--pinned-0NirR-4-17-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-17-0:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-17-0 {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-17-0:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-17-0 {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-17-0:focus .grid-module-Grid-cellWrapper--pinned-0NirR-4-17-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-17-0 .grid-module-Grid-cellGroup--pinned-gR1WR-4-17-0 {\n background: var(--white);\n}\n\n.grid-module-Grid-row--head-FUyUu-4-17-0 .grid-module-Grid-cellGroup--pinned-left-EsISF-4-17-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-17-0 .grid-module-Grid-cellGroup--pinned-right-jWDJC-4-17-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-17-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-17-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";
|
|
3446
|
-
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-
|
|
3447
|
-
styleInject(css_248z$
|
|
3446
|
+
var css_248z$15 = ".grid-module-Grid-c7nCj-4-18-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-18-0 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-18-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-18-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-18-0 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-18-0 .grid-module-Grid-cell--head--JOK--4-18-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-18-0 .grid-module-Grid-cell--body--nkVA-4-18-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-18-0 .grid-module-Grid-cell--head--JOK--4-18-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-18-0 .grid-module-Grid-cell--body--nkVA-4-18-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-18-0 .grid-module-Grid-cell--head--JOK--4-18-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-18-0 .grid-module-Grid-cell--body--nkVA-4-18-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-18-0 .grid-module-Grid-cell--head--JOK--4-18-0 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-18-0 .grid-module-Grid-cell--body--nkVA-4-18-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-18-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-18-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-18-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-18-0 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-18-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-18-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-18-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-18-0:last-child .grid-module-Grid-row--body-hzvsO-4-18-0 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-18-0 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-18-0 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-18-0 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-18-0 .grid-module-Grid-rowWrapper-cZ8-a-4-18-0 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-18-0 .grid-module-Grid-cell-GVffL-4-18-0:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-18-0 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-18-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-18-0 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-18-0 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-18-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-18-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-18-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-18-0 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-18-0.grid-module-Grid-cell-GVffL-4-18-0:first-of-type {\n border-left: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-18-0.grid-module-Grid-cell--selected-1zcBx-4-18-0 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-18-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-18-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-18-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-sortingIcons-Lwutu-4-18-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-18-0 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-18-0:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-18-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-18-0 .grid-module-Grid-cellContent-Ls-ZE-4-18-0 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-18-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-18-0 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-18-0:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-18-0:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-18-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-18-0 {\n display: flex;\n box-sizing: border-box;\n height: 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-18-0 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-18-0 {\n left: 0;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-18-0 {\n right: 0;\n}\n\n.grid-module-Grid-c7nCj-4-18-0 .grid-module-Checkbox-wrapper-0R1-K-4-18-0 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-18-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-18-0 {\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-18-0 {\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-18-0 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--default-7p5Cq-4-18-0 {\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-18-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-18-0 .grid-module-StatusHint-R1JrO-4-18-0 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-18-0 .grid-module-StatusHint-R1JrO-4-18-0 .grid-module-Text-Fy3XX-4-18-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-18-0 .grid-module-Avatar-3XZ0C-4-18-0 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-18-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-18-0 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-18-0 .grid-module-Text-Fy3XX-4-18-0 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaSeparator-B6hFq-4-18-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-18-0 {\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell-mark--metaList-MwAIW-4-18-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-18-0 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-18-0 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-18-0 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-18-0 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-18-0 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-18-0 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-18-0 .grid-module-Checkbox-ETqg7-4-18-0 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-18-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-18-0 .grid-module-Dropdown-Ev9FG-4-18-0 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-18-0 .grid-module-Dropdown-wrapper-T1n1M-4-18-0 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-18-0 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-18-0 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-18-0 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-18-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-18-0 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-row-wBTps-4-18-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-18-0 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-18-0 .grid-module-Grid-row--body-hzvsO-4-18-0:hover {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-18-0 .grid-module-Grid-row--body-hzvsO-4-18-0:active {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-18-0 .grid-module-Grid-row--body-hzvsO-4-18-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-18-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-18-0:hover {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-18-0:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-18-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-18-0 {\n background: var(--primary-lightest);\n}\n\n/* Pinned Columns Default State */\n\n.grid-module-Grid--resource-Wwxtj-4-18-0 .grid-module-Grid-row--body-hzvsO-4-18-0:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-18-0 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-18-0 .grid-module-Grid-row--body-hzvsO-4-18-0:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-18-0 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-18-0 .grid-module-Grid-row--body-hzvsO-4-18-0:focus .grid-module-Grid-cellWrapper--pinned-0NirR-4-18-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-18-0 .grid-module-Grid-cellWrapper--pinned-0NirR-4-18-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-18-0:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-18-0 {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-18-0:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-18-0 {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-18-0:focus .grid-module-Grid-cellWrapper--pinned-0NirR-4-18-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-18-0 .grid-module-Grid-cellGroup--pinned-gR1WR-4-18-0 {\n background: var(--white);\n}\n\n.grid-module-Grid-row--head-FUyUu-4-18-0 .grid-module-Grid-cellGroup--pinned-left-EsISF-4-18-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-18-0 .grid-module-Grid-cellGroup--pinned-right-jWDJC-4-18-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-18-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-18-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";
|
|
3447
|
+
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-18-0","Grid-wrapper":"grid-module-Grid-wrapper-lro6U-4-18-0","Grid--pinned":"grid-module-Grid--pinned-3JMcl-4-18-0","Grid-pinned":"grid-module-Grid-pinned-c-pxc-4-18-0","Grid--main":"grid-module-Grid--main-zduCm-4-18-0","Grid--comfortable":"grid-module-Grid--comfortable-TOG1A-4-18-0","Grid-cell--head":"grid-module-Grid-cell--head--JOK--4-18-0","Grid-cell--body":"grid-module-Grid-cell--body--nkVA-4-18-0","Grid--standard":"grid-module-Grid--standard-vGamG-4-18-0","Grid--compressed":"grid-module-Grid--compressed-mwkZ6-4-18-0","Grid--tight":"grid-module-Grid--tight-1w1jV-4-18-0","Grid-head":"grid-module-Grid-head-WsxqC-4-18-0","Grid-headCell":"grid-module-Grid-headCell-OcJ4F-4-18-0","Grid-headCell--draggable":"grid-module-Grid-headCell--draggable-WH7xi-4-18-0","Grid-body":"grid-module-Grid-body-pAJM6-4-18-0","Grid-rowWrapper":"grid-module-Grid-rowWrapper-cZ8-a-4-18-0","Grid-row--body":"grid-module-Grid-row--body-hzvsO-4-18-0","GridBody-padding":"grid-module-GridBody-padding-3KYKp-4-18-0","Grid-nestedRow":"grid-module-Grid-nestedRow-uxEsD-4-18-0","Grid-nestedRowTrigger":"grid-module-Grid-nestedRowTrigger--amMF-4-18-0","Grid-cell":"grid-module-Grid-cell-GVffL-4-18-0","Grid-nestedRowPlaceholder":"grid-module-Grid-nestedRowPlaceholder-h98gD-4-18-0","Grid-cell--dragged":"grid-module-Grid-cell--dragged-djAY0-4-18-0","Grid-cell--separator":"grid-module-Grid-cell--separator-TYHdI-4-18-0","Grid-cell--selected":"grid-module-Grid-cell--selected-1zcBx-4-18-0","Grid-cell--nestedRow":"grid-module-Grid-cell--nestedRow-U3Dg5-4-18-0","Grid-cell--checkbox":"grid-module-Grid-cell--checkbox-kWT4v-4-18-0","Grid-sortingIcons":"grid-module-Grid-sortingIcons-Lwutu-4-18-0","Grid-cellReorder":"grid-module-Grid-cellReorder-SMPMA-4-18-0","Grid-cellContent":"grid-module-Grid-cellContent-Ls-ZE-4-18-0","Grid-cellResize":"grid-module-Grid-cellResize-J-SJu-4-18-0","Grid-cellSortIcon":"grid-module-Grid-cellSortIcon-ZV0FF-4-18-0","Grid-reorderHighlighter":"grid-module-Grid-reorderHighlighter-UMzz7-4-18-0","Grid-cellGroup":"grid-module-Grid-cellGroup-Q3add-4-18-0","Grid-cellGroup--pinned":"grid-module-Grid-cellGroup--pinned-gR1WR-4-18-0","Grid-cellGroup--pinned-left":"grid-module-Grid-cellGroup--pinned-left-EsISF-4-18-0","Grid-cellGroup--pinned-right":"grid-module-Grid-cellGroup--pinned-right-jWDJC-4-18-0","Checkbox-wrapper":"grid-module-Checkbox-wrapper-0R1-K-4-18-0","GridCell":"grid-module-GridCell-Atntl-4-18-0","GridCell--align-left":"grid-module-GridCell--align-left-zURf7-4-18-0","GridCell--align-right":"grid-module-GridCell--align-right-nMKtX-4-18-0","GridCell--align-center":"grid-module-GridCell--align-center-dtOQN-4-18-0","GridCell--default":"grid-module-GridCell--default-7p5Cq-4-18-0","GridCell--metaList":"grid-module-GridCell--metaList-wNdz6-4-18-0","GridCell--statusHint":"grid-module-GridCell--statusHint-UyDMp-4-18-0","StatusHint":"grid-module-StatusHint-R1JrO-4-18-0","Text":"grid-module-Text-Fy3XX-4-18-0","GridCell--avatar":"grid-module-GridCell--avatar-fZFWf-4-18-0","Avatar":"grid-module-Avatar-3XZ0C-4-18-0","GridCell-metaListWrapper":"grid-module-GridCell-metaListWrapper-C5Xha-4-18-0","GridCell-metaList":"grid-module-GridCell-metaList-Eu-pj-4-18-0","GridCell-metaSeparator":"grid-module-GridCell-metaSeparator-B6hFq-4-18-0","GridCell-mark--default":"grid-module-GridCell-mark--default-pkKi7-4-18-0","GridCell-mark--metaList":"grid-module-GridCell-mark--metaList-MwAIW-4-18-0","Header":"grid-module-Header-8rhUu-4-18-0","Header-content":"grid-module-Header-content-0SgQi-4-18-0","Header-content--bottom":"grid-module-Header-content--bottom-bkVrG-4-18-0","Header-search":"grid-module-Header-search-4git6-4-18-0","Header-label":"grid-module-Header-label-B0-kh-4-18-0","Checkbox":"grid-module-Checkbox-ETqg7-4-18-0","Header-dropdown":"grid-module-Header-dropdown-xPNuH-4-18-0","Dropdown":"grid-module-Dropdown-Ev9FG-4-18-0","Header-draggableDropdown":"grid-module-Header-draggableDropdown-QkIiO-4-18-0","Dropdown-wrapper":"grid-module-Dropdown-wrapper-T1n1M-4-18-0","Header-filters":"grid-module-Header-filters-u0J3G-4-18-0","Header-sorting":"grid-module-Header-sorting-zOkI4-4-18-0","Header-actions":"grid-module-Header-actions-WHtHK-4-18-0","Header-global-actions":"grid-module-Header-global-actions-e6dK3-4-18-0","Grid-row--disabled":"grid-module-Grid-row--disabled-f0pzU-4-18-0","Grid-row":"grid-module-Grid-row-wBTps-4-18-0","Grid--resource":"grid-module-Grid--resource-Wwxtj-4-18-0","Grid-row--selected":"grid-module-Grid-row--selected-4THdv-4-18-0","Grid-row--activated":"grid-module-Grid-row--activated-nOoqM-4-18-0","Grid-cellWrapper--pinned":"grid-module-Grid-cellWrapper--pinned-0NirR-4-18-0","Grid-row--head":"grid-module-Grid-row--head-FUyUu-4-18-0","Grid-cellWrapper--pinned-left":"grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-18-0","Grid-cellWrapper--pinned-right":"grid-module-Grid-cellWrapper--pinned-right-72w51-4-18-0"};
|
|
3448
|
+
styleInject(css_248z$15);
|
|
3448
3449
|
|
|
3449
|
-
var _excluded$
|
|
3450
|
+
var _excluded$1g = ["size", "tabIndex", "defaultChecked", "indeterminate", "label", "error", "disabled", "onChange", "name", "value", "className", "checked", "helpText", "id", "labelRef", "wrapLabel"];
|
|
3450
3451
|
var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
3451
3452
|
var _props$size = props.size,
|
|
3452
3453
|
size = _props$size === void 0 ? 'regular' : _props$size,
|
|
@@ -3467,7 +3468,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
3467
3468
|
id = _props$id === void 0 ? "".concat(name, "-").concat(label, "-").concat(uidGenerator()) : _props$id,
|
|
3468
3469
|
labelRef = props.labelRef,
|
|
3469
3470
|
wrapLabel = props.wrapLabel,
|
|
3470
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
3471
|
+
rest = _objectWithoutProperties(props, _excluded$1g);
|
|
3471
3472
|
var ref = React.useRef(null);
|
|
3472
3473
|
React.useImperativeHandle(forwardedRef, function () {
|
|
3473
3474
|
return ref.current;
|
|
@@ -3544,11 +3545,11 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
3544
3545
|
});
|
|
3545
3546
|
Checkbox.displayName = 'Checkbox';
|
|
3546
3547
|
|
|
3547
|
-
var css_248z$
|
|
3548
|
-
var rowStyles = {"Row":"column-module-Row-LudWR-4-
|
|
3549
|
-
styleInject(css_248z$
|
|
3548
|
+
var css_248z$14 = ".column-module-Row-LudWR-4-18-0 {\n display: flex;\n flex-wrap: wrap;\n flex: 1 100%;\n}\n\n.column-module-Col-BW4pl-4-18-0 {\n position: relative;\n box-sizing: border-box;\n flex: 1 0 0%;\n}\n\n.column-module-Col--auto-HnufQ-4-18-0 {\n flex: 0 0 auto;\n width: auto;\n}\n\n.column-module-Col--1-iSoXZ-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n}\n\n.column-module-Col--2-KR9Oj-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n}\n\n.column-module-Col--3-tRdfx-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n}\n\n.column-module-Col--4-SxYUZ-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n}\n\n.column-module-Col--5-Ghiks-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n}\n\n.column-module-Col--6-JO4qo-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n}\n\n.column-module-Col--7-SRnJx-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n}\n\n.column-module-Col--8-HBxc4-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n}\n\n.column-module-Col--9-eMJ9n-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n}\n\n.column-module-Col--10-VSo8k-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n}\n\n.column-module-Col--11-miljX-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n}\n\n.column-module-Col--12-9Obkj-4-18-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-18-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xs-1-KvELd-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xs-2-OUGOZ-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xs-3-G55n8-4-18-0 {\n flex: 0 0 auto;\n }\n .column-module-Col--xs-4-PADe9-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xs-5-Ex4rw-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xs-6-fzX37-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xs-7-zWOG--4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xs-8-gngfO-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xs-9-b-r8L-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xs-10-umLd0-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xs-11-KvOKo-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xs-12-u1Ks8-4-18-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-18-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--s-1-BVL5j-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--s-2-9s29P-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--s-3-69Bdl-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--s-4-nE4kT-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--s-5-B72Pu-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--s-6-AdMSU-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--s-7-e656U-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--s-8-1EhC1-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--s-9-rpHj--4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--s-10-GVB2t-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--s-11-3WJSe-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--s-12-eFxie-4-18-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-18-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--m-1-T7-6r-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--m-2-UJZxe-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--m-3-jgXEy-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--m-4-86-dP-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--m-5-RxZc2-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--m-6-RwrEz-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--m-7-HuA0i-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--m-8-qKE7R-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--m-9--8vSy-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--m-10-aBQ1l-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--m-11-08F-U-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--m-12-gZ47F-4-18-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-18-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--l-1-aLREn-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--l-2-0mG-c-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--l-3--aWDx-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--l-4-GTf5q-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--l-5-5MGhB-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--l-6-DY6jT-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--l-7-Wyv6Z-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--l-8-30knO-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--l-9-H-ap--4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--l-10-wgJl4-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--l-11-4dOz3-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--l-12-xC5rs-4-18-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-18-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xl-1-ZCRQR-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xl-2-5agyW-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xl-3-e5vjv-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--xl-4--aAZH-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xl-5-167j6-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xl-6-wXLZ--4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xl-7-QA116-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xl-8-Q22c5-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xl-9-bJrrK-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xl-10-IALsA-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xl-11-vrchj-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xl-12-6dUnj-4-18-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n }\n}\n";
|
|
3549
|
+
var rowStyles = {"Row":"column-module-Row-LudWR-4-18-0","Col":"column-module-Col-BW4pl-4-18-0","Col--auto":"column-module-Col--auto-HnufQ-4-18-0","Col--1":"column-module-Col--1-iSoXZ-4-18-0","Col--2":"column-module-Col--2-KR9Oj-4-18-0","Col--3":"column-module-Col--3-tRdfx-4-18-0","Col--4":"column-module-Col--4-SxYUZ-4-18-0","Col--5":"column-module-Col--5-Ghiks-4-18-0","Col--6":"column-module-Col--6-JO4qo-4-18-0","Col--7":"column-module-Col--7-SRnJx-4-18-0","Col--8":"column-module-Col--8-HBxc4-4-18-0","Col--9":"column-module-Col--9-eMJ9n-4-18-0","Col--10":"column-module-Col--10-VSo8k-4-18-0","Col--11":"column-module-Col--11-miljX-4-18-0","Col--12":"column-module-Col--12-9Obkj-4-18-0","Col--xs-auto":"column-module-Col--xs-auto-oXQ2q-4-18-0","Col--xs-1":"column-module-Col--xs-1-KvELd-4-18-0","Col--xs-2":"column-module-Col--xs-2-OUGOZ-4-18-0","Col--xs-3":"column-module-Col--xs-3-G55n8-4-18-0","Col--xs-4":"column-module-Col--xs-4-PADe9-4-18-0","Col--xs-5":"column-module-Col--xs-5-Ex4rw-4-18-0","Col--xs-6":"column-module-Col--xs-6-fzX37-4-18-0","Col--xs-7":"column-module-Col--xs-7-zWOG--4-18-0","Col--xs-8":"column-module-Col--xs-8-gngfO-4-18-0","Col--xs-9":"column-module-Col--xs-9-b-r8L-4-18-0","Col--xs-10":"column-module-Col--xs-10-umLd0-4-18-0","Col--xs-11":"column-module-Col--xs-11-KvOKo-4-18-0","Col--xs-12":"column-module-Col--xs-12-u1Ks8-4-18-0","Col--s-auto":"column-module-Col--s-auto-rQS8S-4-18-0","Col--s-1":"column-module-Col--s-1-BVL5j-4-18-0","Col--s-2":"column-module-Col--s-2-9s29P-4-18-0","Col--s-3":"column-module-Col--s-3-69Bdl-4-18-0","Col--s-4":"column-module-Col--s-4-nE4kT-4-18-0","Col--s-5":"column-module-Col--s-5-B72Pu-4-18-0","Col--s-6":"column-module-Col--s-6-AdMSU-4-18-0","Col--s-7":"column-module-Col--s-7-e656U-4-18-0","Col--s-8":"column-module-Col--s-8-1EhC1-4-18-0","Col--s-9":"column-module-Col--s-9-rpHj--4-18-0","Col--s-10":"column-module-Col--s-10-GVB2t-4-18-0","Col--s-11":"column-module-Col--s-11-3WJSe-4-18-0","Col--s-12":"column-module-Col--s-12-eFxie-4-18-0","Col--m-auto":"column-module-Col--m-auto-DTvE1-4-18-0","Col--m-1":"column-module-Col--m-1-T7-6r-4-18-0","Col--m-2":"column-module-Col--m-2-UJZxe-4-18-0","Col--m-3":"column-module-Col--m-3-jgXEy-4-18-0","Col--m-4":"column-module-Col--m-4-86-dP-4-18-0","Col--m-5":"column-module-Col--m-5-RxZc2-4-18-0","Col--m-6":"column-module-Col--m-6-RwrEz-4-18-0","Col--m-7":"column-module-Col--m-7-HuA0i-4-18-0","Col--m-8":"column-module-Col--m-8-qKE7R-4-18-0","Col--m-9":"column-module-Col--m-9--8vSy-4-18-0","Col--m-10":"column-module-Col--m-10-aBQ1l-4-18-0","Col--m-11":"column-module-Col--m-11-08F-U-4-18-0","Col--m-12":"column-module-Col--m-12-gZ47F-4-18-0","Col--l-auto":"column-module-Col--l-auto-SxR1p-4-18-0","Col--l-1":"column-module-Col--l-1-aLREn-4-18-0","Col--l-2":"column-module-Col--l-2-0mG-c-4-18-0","Col--l-3":"column-module-Col--l-3--aWDx-4-18-0","Col--l-4":"column-module-Col--l-4-GTf5q-4-18-0","Col--l-5":"column-module-Col--l-5-5MGhB-4-18-0","Col--l-6":"column-module-Col--l-6-DY6jT-4-18-0","Col--l-7":"column-module-Col--l-7-Wyv6Z-4-18-0","Col--l-8":"column-module-Col--l-8-30knO-4-18-0","Col--l-9":"column-module-Col--l-9-H-ap--4-18-0","Col--l-10":"column-module-Col--l-10-wgJl4-4-18-0","Col--l-11":"column-module-Col--l-11-4dOz3-4-18-0","Col--l-12":"column-module-Col--l-12-xC5rs-4-18-0","Col--xl-auto":"column-module-Col--xl-auto-zH0n0-4-18-0","Col--xl-1":"column-module-Col--xl-1-ZCRQR-4-18-0","Col--xl-2":"column-module-Col--xl-2-5agyW-4-18-0","Col--xl-3":"column-module-Col--xl-3-e5vjv-4-18-0","Col--xl-4":"column-module-Col--xl-4--aAZH-4-18-0","Col--xl-5":"column-module-Col--xl-5-167j6-4-18-0","Col--xl-6":"column-module-Col--xl-6-wXLZ--4-18-0","Col--xl-7":"column-module-Col--xl-7-QA116-4-18-0","Col--xl-8":"column-module-Col--xl-8-Q22c5-4-18-0","Col--xl-9":"column-module-Col--xl-9-bJrrK-4-18-0","Col--xl-10":"column-module-Col--xl-10-IALsA-4-18-0","Col--xl-11":"column-module-Col--xl-11-vrchj-4-18-0","Col--xl-12":"column-module-Col--xl-12-6dUnj-4-18-0"};
|
|
3550
|
+
styleInject(css_248z$14);
|
|
3550
3551
|
|
|
3551
|
-
var _excluded$
|
|
3552
|
+
var _excluded$1f = ["size", "sizeXS", "sizeS", "sizeM", "sizeL", "sizeXL", "className", "children"];
|
|
3552
3553
|
var Column = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3553
3554
|
var size = props.size,
|
|
3554
3555
|
sizeXS = props.sizeXS,
|
|
@@ -3558,7 +3559,7 @@ var Column = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3558
3559
|
sizeXL = props.sizeXL,
|
|
3559
3560
|
className = props.className,
|
|
3560
3561
|
children = props.children,
|
|
3561
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
3562
|
+
rest = _objectWithoutProperties(props, _excluded$1f);
|
|
3562
3563
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, rowStyles['Col'], true), rowStyles["Col--".concat(size)], size), rowStyles["Col--xs-".concat(sizeXS)], sizeXS), rowStyles["Col--s-".concat(sizeS)], sizeS), rowStyles["Col--m-".concat(sizeM)], sizeM), rowStyles["Col--l-".concat(sizeL)], sizeL), rowStyles["Col--xl-".concat(sizeXL)], sizeXL), className);
|
|
3563
3564
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
3564
3565
|
ref: ref,
|
|
@@ -3655,7 +3656,7 @@ var Trigger$1 = function Trigger(props) {
|
|
|
3655
3656
|
}));
|
|
3656
3657
|
};
|
|
3657
3658
|
|
|
3658
|
-
var _excluded$
|
|
3659
|
+
var _excluded$1e = ["date", "open", "position", "inputFormat", "outputFormat", "inputOptions", "validators", "withInput", "disabledBefore", "disabledAfter", "onDateChange", "closeOnSelect", "size", "showTodayDate", "children", "view"];
|
|
3659
3660
|
var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
3660
3661
|
function DatePicker(props) {
|
|
3661
3662
|
var _this;
|
|
@@ -3783,7 +3784,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
3783
3784
|
_this$props4$children = _this$props4.children,
|
|
3784
3785
|
children = _this$props4$children === void 0 ? /*#__PURE__*/React.createElement(React.Fragment, null) : _this$props4$children,
|
|
3785
3786
|
view = _this$props4.view,
|
|
3786
|
-
rest = _objectWithoutProperties(_this$props4, _excluded$
|
|
3787
|
+
rest = _objectWithoutProperties(_this$props4, _excluded$1e);
|
|
3787
3788
|
var date = this.state.date;
|
|
3788
3789
|
var months = config.months;
|
|
3789
3790
|
var todayDate = new Date(Date.now());
|
|
@@ -4741,11 +4742,11 @@ function debounce$1 (delay, atBegin, callback) {
|
|
|
4741
4742
|
return callback === undefined ? throttle(delay, atBegin, false) : throttle(delay, callback, atBegin !== false);
|
|
4742
4743
|
}
|
|
4743
4744
|
|
|
4744
|
-
var css_248z$
|
|
4745
|
-
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-
|
|
4746
|
-
styleInject(css_248z$
|
|
4745
|
+
var css_248z$13 = ".dropdownButton-module-DropdownButton-WEFAu-4-18-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-18-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-18-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-18-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-18-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-18-0 {\n padding-left: var(--spacing-10);\n padding-right: var(--spacing-10);\n}\n\n.dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-18-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--placeholder-P-OZc-4-18-0 {\n color: var(--text-subtle);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-18-0:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-18-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-18-0:active,\n.dropdownButton-module-DropdownButton--open-FO2da-4-18-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-18-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-18-0 {\n padding-left: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--error-WBIV1-4-18-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n";
|
|
4746
|
+
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-18-0","DropdownButton-wrapper":"dropdownButton-module-DropdownButton-wrapper--2rai-4-18-0","DropdownButton-text":"dropdownButton-module-DropdownButton-text-iFVYT-4-18-0","DropdownButton--tiny":"dropdownButton-module-DropdownButton--tiny-Itu7p-4-18-0","DropdownButton--regular":"dropdownButton-module-DropdownButton--regular--xsdh-4-18-0","DropdownButton--tinySquare":"dropdownButton-module-DropdownButton--tinySquare-h9ZCv-4-18-0","DropdownButton--regularSquare":"dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-18-0","DropdownButton--placeholder":"dropdownButton-module-DropdownButton--placeholder-P-OZc-4-18-0","DropdownButton--open":"dropdownButton-module-DropdownButton--open-FO2da-4-18-0","DropdownButton--icon":"dropdownButton-module-DropdownButton--icon-lOUG2-4-18-0","DropdownButton--error":"dropdownButton-module-DropdownButton--error-WBIV1-4-18-0"};
|
|
4747
|
+
styleInject(css_248z$13);
|
|
4747
4748
|
|
|
4748
|
-
var _excluded$
|
|
4749
|
+
var _excluded$1d = ["triggerSize", "placeholder", "menu", "children", "icon", "disabled", "open", "inlineLabel", "error", "iconType"];
|
|
4749
4750
|
var DropdownButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
4750
4751
|
var _props$triggerSize = props.triggerSize,
|
|
4751
4752
|
triggerSize = _props$triggerSize === void 0 ? 'regular' : _props$triggerSize,
|
|
@@ -4760,7 +4761,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4760
4761
|
inlineLabel = props.inlineLabel,
|
|
4761
4762
|
error = props.error,
|
|
4762
4763
|
iconType = props.iconType,
|
|
4763
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
4764
|
+
rest = _objectWithoutProperties(props, _excluded$1d);
|
|
4764
4765
|
var buttonDisabled = disabled ? 'disabled' : 'default';
|
|
4765
4766
|
var trimmedPlaceholder = placeholder.trim();
|
|
4766
4767
|
var value = children ? children : trimmedPlaceholder;
|
|
@@ -5086,17 +5087,17 @@ var Option = function Option(props) {
|
|
|
5086
5087
|
});
|
|
5087
5088
|
};
|
|
5088
5089
|
|
|
5089
|
-
var css_248z$
|
|
5090
|
-
var styles$
|
|
5091
|
-
styleInject(css_248z$
|
|
5090
|
+
var css_248z$12 = "@keyframes placeholder-module-shimmer-Lxrg3-4-18-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-18-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-18-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-18-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-18-0 {\n display: flex;\n justify-content: flex-start;\n}\n\n.placeholder-module-Placeholder-paragraph-6zgwj-4-18-0 {\n display: flex;\n flex-direction: column;\n flex: 1 0;\n}\n\n.placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-18-0 {\n margin-left: var(--spacing-20);\n}\n\n.placeholder-module-PlaceholderParagraph-02mKH-4-18-0 {\n display: flex;\n flex-grow: 1;\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-18-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-18-0 {\n width: 33%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-18-0 {\n width: 66%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-18-0 {\n width: 100%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-18-0 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-18-0 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-18-0 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-18-0 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-18-0 {\n height: var(--font-height-l);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-18-0 {\n height: var(--font-height-xl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-18-0 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-18-0 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-18-0 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--xs-CZxRT-4-18-0 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--s-1TOed-4-18-0 {\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph--m-umPOe-4-18-0 {\n height: var(--font-size-m);\n}\n\n.placeholder-module-PlaceholderParagraph--l-5tvMH-4-18-0 {\n height: var(--font-size-l);\n}\n\n.placeholder-module-PlaceholderParagraph--xl-M63Dg-4-18-0 {\n height: var(--font-size-xl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-18-0 {\n height: var(--font-size-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-18-0 {\n height: var(--font-size-xxxl);\n}\n\n.placeholder-module-PlaceholderImage-tEdXI-4-18-0 {\n display: flex;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--small-IZcYq-4-18-0 {\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--medium-NA-GL-4-18-0 {\n width: 32px;\n height: 32px;\n}\n\n.placeholder-module-PlaceholderImage--large-z28GC-4-18-0 {\n width: 48px;\n height: 48px;\n}\n\n.placeholder-module-PlaceholderImage--round-IvhOF-4-18-0 {\n border-radius: var(--border-radius-full);\n}\n";
|
|
5091
|
+
var styles$10 = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-18-0","shimmer":"placeholder-module-shimmer-Lxrg3-4-18-0","Placeholder":"placeholder-module-Placeholder-vJUgz-4-18-0","Placeholder--withImage":"placeholder-module-Placeholder--withImage-yTlyC-4-18-0","Placeholder-paragraph":"placeholder-module-Placeholder-paragraph-6zgwj-4-18-0","Placeholder-paragraph--withImage":"placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-18-0","PlaceholderParagraph":"placeholder-module-PlaceholderParagraph-02mKH-4-18-0","PlaceholderParagraph-wrapper":"placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-18-0","PlaceholderParagraph-wrapper--length-small":"placeholder-module-PlaceholderParagraph-wrapper--length-small-hR-g8-4-18-0","PlaceholderParagraph-wrapper--length-medium":"placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-18-0","PlaceholderParagraph-wrapper--length-large":"placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-18-0","PlaceholderParagraph-wrapper--size-xxs":"placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-18-0","PlaceholderParagraph-wrapper--size-xs":"placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-18-0","PlaceholderParagraph-wrapper--size-s":"placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-18-0","PlaceholderParagraph-wrapper--size-m":"placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-18-0","PlaceholderParagraph-wrapper--size-l":"placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-18-0","PlaceholderParagraph-wrapper--size-xl":"placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-18-0","PlaceholderParagraph-wrapper--size-xxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-18-0","PlaceholderParagraph-wrapper--size-xxxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-18-0","PlaceholderParagraph--xxs":"placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-18-0","PlaceholderParagraph--xs":"placeholder-module-PlaceholderParagraph--xs-CZxRT-4-18-0","PlaceholderParagraph--s":"placeholder-module-PlaceholderParagraph--s-1TOed-4-18-0","PlaceholderParagraph--m":"placeholder-module-PlaceholderParagraph--m-umPOe-4-18-0","PlaceholderParagraph--l":"placeholder-module-PlaceholderParagraph--l-5tvMH-4-18-0","PlaceholderParagraph--xl":"placeholder-module-PlaceholderParagraph--xl-M63Dg-4-18-0","PlaceholderParagraph--xxl":"placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-18-0","PlaceholderParagraph--xxxl":"placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-18-0","PlaceholderImage":"placeholder-module-PlaceholderImage-tEdXI-4-18-0","PlaceholderImage--small":"placeholder-module-PlaceholderImage--small-IZcYq-4-18-0","PlaceholderImage--medium":"placeholder-module-PlaceholderImage--medium-NA-GL-4-18-0","PlaceholderImage--large":"placeholder-module-PlaceholderImage--large-z28GC-4-18-0","PlaceholderImage--round":"placeholder-module-PlaceholderImage--round-IvhOF-4-18-0"};
|
|
5092
|
+
styleInject(css_248z$12);
|
|
5092
5093
|
|
|
5093
5094
|
var PlaceholderParagraph = function PlaceholderParagraph(props) {
|
|
5094
5095
|
var length = props.length,
|
|
5095
5096
|
size = props.size,
|
|
5096
5097
|
className = props.className;
|
|
5097
5098
|
var baseProps = extractBaseProps(props);
|
|
5098
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
5099
|
-
var wrapperClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
5099
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$10['Placeholder--animation'], true), styles$10.PlaceholderParagraph, true), styles$10["PlaceholderParagraph--".concat(size)], size));
|
|
5100
|
+
var wrapperClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$10['PlaceholderParagraph-wrapper'], true), styles$10["PlaceholderParagraph-wrapper--length-".concat(length)], length), styles$10["PlaceholderParagraph-wrapper--size-".concat(size)], size), className);
|
|
5100
5101
|
return /*#__PURE__*/React.createElement("div", _extends$2({}, baseProps, {
|
|
5101
5102
|
className: wrapperClass
|
|
5102
5103
|
}), /*#__PURE__*/React.createElement("span", {
|
|
@@ -5114,7 +5115,7 @@ var PlaceholderImage = function PlaceholderImage(props) {
|
|
|
5114
5115
|
round = props.round,
|
|
5115
5116
|
className = props.className;
|
|
5116
5117
|
var baseProps = extractBaseProps(props);
|
|
5117
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
5118
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$10.PlaceholderImage, true), styles$10['Placeholder--animation'], true), styles$10['PlaceholderImage--round'], round), styles$10["PlaceholderImage--".concat(size)], size), className);
|
|
5118
5119
|
return /*#__PURE__*/React.createElement("span", _extends$2({}, baseProps, {
|
|
5119
5120
|
className: classes
|
|
5120
5121
|
}));
|
|
@@ -5131,8 +5132,8 @@ var Placeholder = function Placeholder(props) {
|
|
|
5131
5132
|
children = props.children,
|
|
5132
5133
|
className = props.className;
|
|
5133
5134
|
var baseProps = extractBaseProps(props);
|
|
5134
|
-
var paragraphClasses = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
5135
|
-
var classes = classnames(_defineProperty$1({}, styles$
|
|
5135
|
+
var paragraphClasses = classnames(_defineProperty$1(_defineProperty$1({}, styles$10['Placeholder-paragraph'], true), styles$10['Placeholder-paragraph--withImage'], withImage));
|
|
5136
|
+
var classes = classnames(_defineProperty$1({}, styles$10['Placeholder'], true), className);
|
|
5136
5137
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
5137
5138
|
"data-test": "DesignSystem-Placeholder"
|
|
5138
5139
|
}, baseProps, {
|
|
@@ -5739,7 +5740,7 @@ var DropdownList = function DropdownList(props) {
|
|
|
5739
5740
|
};
|
|
5740
5741
|
DropdownList.displayName = 'DropdownList';
|
|
5741
5742
|
|
|
5742
|
-
var _excluded$
|
|
5743
|
+
var _excluded$1c = ["triggerOptions", "selected", "tabIndex"];
|
|
5743
5744
|
var inputRef = /*#__PURE__*/React.createRef();
|
|
5744
5745
|
/**
|
|
5745
5746
|
*
|
|
@@ -6325,7 +6326,7 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
6325
6326
|
triggerOptions = _this$props14$trigger === void 0 ? {} : _this$props14$trigger;
|
|
6326
6327
|
_this$props14.selected;
|
|
6327
6328
|
var tabIndex = _this$props14.tabIndex,
|
|
6328
|
-
rest = _objectWithoutProperties(_this$props14, _excluded$
|
|
6329
|
+
rest = _objectWithoutProperties(_this$props14, _excluded$1c);
|
|
6329
6330
|
var remainingOptionsLen = searchedOptionsLength - options.length;
|
|
6330
6331
|
var firstEnabledOption = tabIndex ? tabIndex : _isSelectAllPresent(searchTerm, remainingOptionsLen, withSelectAll, withCheckbox) ? 0 : options.findIndex(function (option) {
|
|
6331
6332
|
return !option.disabled;
|
|
@@ -6369,11 +6370,142 @@ _defineProperty$1(Dropdown, "defaultProps", {
|
|
|
6369
6370
|
searchDebounceDuration: 300
|
|
6370
6371
|
});
|
|
6371
6372
|
|
|
6372
|
-
var css_248z
|
|
6373
|
-
var styles
|
|
6374
|
-
styleInject(css_248z
|
|
6373
|
+
var css_248z$11 = "/* Flex component */\n.flex-module-Flex-zcDLv-4-18-0 {\n display: flex;\n}\n\n/* Direction variants */\n.flex-module-Flex--row-oJHr8-4-18-0 {\n flex-direction: row;\n}\n\n.flex-module-Flex--column-C3UQ2-4-18-0 {\n flex-direction: column;\n}\n\n.flex-module-Flex--rowReverse-Bilh8-4-18-0 {\n flex-direction: row-reverse;\n}\n\n.flex-module-Flex--columnReverse-mgG-Y-4-18-0 {\n flex-direction: column-reverse;\n}\n\n/* Justify content variants */\n.flex-module-Flex--justifyStart-gYZMn-4-18-0 {\n justify-content: flex-start;\n}\n\n.flex-module-Flex--justifyEnd-2jHF4-4-18-0 {\n justify-content: flex-end;\n}\n\n.flex-module-Flex--justifyCenter-cAi0h-4-18-0 {\n justify-content: center;\n}\n\n.flex-module-Flex--justifyBetween-QPAwb-4-18-0 {\n justify-content: space-between;\n}\n\n.flex-module-Flex--justifyAround-4mEpb-4-18-0 {\n justify-content: space-around;\n}\n\n.flex-module-Flex--justifyEvenly-hLJ-U-4-18-0 {\n justify-content: space-evenly;\n}\n\n/* Align items variants */\n.flex-module-Flex--alignStart-mbGzS-4-18-0 {\n align-items: flex-start;\n}\n\n.flex-module-Flex--alignEnd-Gvm6H-4-18-0 {\n align-items: flex-end;\n}\n\n.flex-module-Flex--alignCenter-0duDC-4-18-0 {\n align-items: center;\n}\n\n.flex-module-Flex--alignBaseline-f6tSl-4-18-0 {\n align-items: baseline;\n}\n\n.flex-module-Flex--alignStretch-HnLEh-4-18-0 {\n align-items: stretch;\n}\n\n/* Wrap variants */\n.flex-module-Flex--wrap-WhliA-4-18-0 {\n flex-wrap: wrap;\n}\n\n.flex-module-Flex--nowrap-2eXzJ-4-18-0 {\n flex-wrap: nowrap;\n}\n\n.flex-module-Flex--wrapReverse-ekLxU-4-18-0 {\n flex-wrap: wrap-reverse;\n}\n\n/* Gap variants */\n.flex-module-Flex--gap0-4XUg8-4-18-0 {\n gap: 0;\n}\n\n.flex-module-Flex--gap2-0K-5V-4-18-0 {\n gap: var(--spacing-05);\n}\n\n.flex-module-Flex--gap4-zDQWM-4-18-0 {\n gap: var(--spacing-10);\n}\n\n.flex-module-Flex--gap8-6xMEi-4-18-0 {\n gap: var(--spacing-20);\n}\n\n.flex-module-Flex--gap12-3NgKi-4-18-0 {\n gap: var(--spacing-30);\n}\n\n.flex-module-Flex--gap16-NCObj-4-18-0 {\n gap: var(--spacing-40);\n}\n\n.flex-module-Flex--gap24-D44Dr-4-18-0 {\n gap: var(--spacing-60);\n}\n\n.flex-module-Flex--gap32-s8Wwy-4-18-0 {\n gap: var(--spacing-80);\n}\n\n.flex-module-Flex--gap48-Fm1yU-4-18-0 {\n gap: var(--spacing-120);\n}\n";
|
|
6374
|
+
var styles$$ = {"Flex":"flex-module-Flex-zcDLv-4-18-0","Flex--row":"flex-module-Flex--row-oJHr8-4-18-0","Flex--column":"flex-module-Flex--column-C3UQ2-4-18-0","Flex--rowReverse":"flex-module-Flex--rowReverse-Bilh8-4-18-0","Flex--columnReverse":"flex-module-Flex--columnReverse-mgG-Y-4-18-0","Flex--justifyStart":"flex-module-Flex--justifyStart-gYZMn-4-18-0","Flex--justifyEnd":"flex-module-Flex--justifyEnd-2jHF4-4-18-0","Flex--justifyCenter":"flex-module-Flex--justifyCenter-cAi0h-4-18-0","Flex--justifyBetween":"flex-module-Flex--justifyBetween-QPAwb-4-18-0","Flex--justifyAround":"flex-module-Flex--justifyAround-4mEpb-4-18-0","Flex--justifyEvenly":"flex-module-Flex--justifyEvenly-hLJ-U-4-18-0","Flex--alignStart":"flex-module-Flex--alignStart-mbGzS-4-18-0","Flex--alignEnd":"flex-module-Flex--alignEnd-Gvm6H-4-18-0","Flex--alignCenter":"flex-module-Flex--alignCenter-0duDC-4-18-0","Flex--alignBaseline":"flex-module-Flex--alignBaseline-f6tSl-4-18-0","Flex--alignStretch":"flex-module-Flex--alignStretch-HnLEh-4-18-0","Flex--wrap":"flex-module-Flex--wrap-WhliA-4-18-0","Flex--nowrap":"flex-module-Flex--nowrap-2eXzJ-4-18-0","Flex--wrapReverse":"flex-module-Flex--wrapReverse-ekLxU-4-18-0","Flex--gap0":"flex-module-Flex--gap0-4XUg8-4-18-0","Flex--gap2":"flex-module-Flex--gap2-0K-5V-4-18-0","Flex--gap4":"flex-module-Flex--gap4-zDQWM-4-18-0","Flex--gap8":"flex-module-Flex--gap8-6xMEi-4-18-0","Flex--gap12":"flex-module-Flex--gap12-3NgKi-4-18-0","Flex--gap16":"flex-module-Flex--gap16-NCObj-4-18-0","Flex--gap24":"flex-module-Flex--gap24-D44Dr-4-18-0","Flex--gap32":"flex-module-Flex--gap32-s8Wwy-4-18-0","Flex--gap48":"flex-module-Flex--gap48-Fm1yU-4-18-0"};
|
|
6375
|
+
styleInject(css_248z$11);
|
|
6375
6376
|
|
|
6376
|
-
var _excluded$
|
|
6377
|
+
var _excluded$1b = ["direction", "justifyContent", "alignItems", "wrap", "gap", "columnGap", "rowGap", "className", "style", "children"];
|
|
6378
|
+
var spacingTokenMap$1 = {
|
|
6379
|
+
'spacing-10': 'var(--spacing-10)',
|
|
6380
|
+
'spacing-20': 'var(--spacing-20)',
|
|
6381
|
+
'spacing-30': 'var(--spacing-30)',
|
|
6382
|
+
'spacing-40': 'var(--spacing-40)',
|
|
6383
|
+
'spacing-60': 'var(--spacing-60)',
|
|
6384
|
+
'spacing-80': 'var(--spacing-80)',
|
|
6385
|
+
'spacing-120': 'var(--spacing-120)',
|
|
6386
|
+
'spacing-160': 'var(--spacing-160)'
|
|
6387
|
+
};
|
|
6388
|
+
var getSpacingValue$1 = function getSpacingValue(spacing) {
|
|
6389
|
+
if (!spacing) return undefined;
|
|
6390
|
+
return spacingTokenMap$1[spacing];
|
|
6391
|
+
};
|
|
6392
|
+
var buildResponsiveStyles$1 = function buildResponsiveStyles(value, cssProperty) {
|
|
6393
|
+
if (!value) return {};
|
|
6394
|
+
if (typeof value === 'string') {
|
|
6395
|
+
if (cssProperty.includes('gap')) {
|
|
6396
|
+
return _defineProperty$1({}, cssProperty, getSpacingValue$1(value));
|
|
6397
|
+
}
|
|
6398
|
+
return _defineProperty$1({}, cssProperty, value);
|
|
6399
|
+
}
|
|
6400
|
+
var styles = {};
|
|
6401
|
+
if (value.xs) {
|
|
6402
|
+
if (cssProperty.includes('gap')) {
|
|
6403
|
+
var spacingValue = getSpacingValue$1(value.xs);
|
|
6404
|
+
if (spacingValue) {
|
|
6405
|
+
styles[cssProperty] = spacingValue;
|
|
6406
|
+
}
|
|
6407
|
+
} else {
|
|
6408
|
+
styles[cssProperty] = value.xs;
|
|
6409
|
+
}
|
|
6410
|
+
}
|
|
6411
|
+
return styles;
|
|
6412
|
+
};
|
|
6413
|
+
var directionMap = {
|
|
6414
|
+
row: 'row',
|
|
6415
|
+
column: 'column',
|
|
6416
|
+
'row-reverse': 'rowReverse',
|
|
6417
|
+
'column-reverse': 'columnReverse'
|
|
6418
|
+
};
|
|
6419
|
+
var justifyContentMap = {
|
|
6420
|
+
'flex-start': 'justifyStart',
|
|
6421
|
+
'flex-end': 'justifyEnd',
|
|
6422
|
+
center: 'justifyCenter',
|
|
6423
|
+
'space-between': 'justifyBetween',
|
|
6424
|
+
'space-around': 'justifyAround',
|
|
6425
|
+
'space-evenly': 'justifyEvenly'
|
|
6426
|
+
};
|
|
6427
|
+
var alignItemsMap = {
|
|
6428
|
+
'flex-start': 'alignStart',
|
|
6429
|
+
'flex-end': 'alignEnd',
|
|
6430
|
+
center: 'alignCenter',
|
|
6431
|
+
baseline: 'alignBaseline',
|
|
6432
|
+
stretch: 'alignStretch'
|
|
6433
|
+
};
|
|
6434
|
+
var wrapMap = {
|
|
6435
|
+
wrap: 'wrap',
|
|
6436
|
+
nowrap: 'nowrap',
|
|
6437
|
+
'wrap-reverse': 'wrapReverse'
|
|
6438
|
+
};
|
|
6439
|
+
var Flex = function Flex(props) {
|
|
6440
|
+
var _props$direction = props.direction,
|
|
6441
|
+
direction = _props$direction === void 0 ? 'row' : _props$direction,
|
|
6442
|
+
_props$justifyContent = props.justifyContent,
|
|
6443
|
+
justifyContent = _props$justifyContent === void 0 ? 'flex-start' : _props$justifyContent,
|
|
6444
|
+
_props$alignItems = props.alignItems,
|
|
6445
|
+
alignItems = _props$alignItems === void 0 ? 'stretch' : _props$alignItems,
|
|
6446
|
+
_props$wrap = props.wrap,
|
|
6447
|
+
wrap = _props$wrap === void 0 ? 'nowrap' : _props$wrap,
|
|
6448
|
+
gap = props.gap,
|
|
6449
|
+
columnGap = props.columnGap,
|
|
6450
|
+
rowGap = props.rowGap,
|
|
6451
|
+
className = props.className,
|
|
6452
|
+
style = props.style,
|
|
6453
|
+
children = props.children,
|
|
6454
|
+
rest = _objectWithoutProperties(props, _excluded$1b);
|
|
6455
|
+
var inlineStyles = _objectSpread2({}, style);
|
|
6456
|
+
if (direction) {
|
|
6457
|
+
if (typeof direction === 'string') {
|
|
6458
|
+
inlineStyles.flexDirection = direction;
|
|
6459
|
+
} else if (direction.xs) {
|
|
6460
|
+
inlineStyles.flexDirection = direction.xs;
|
|
6461
|
+
}
|
|
6462
|
+
}
|
|
6463
|
+
if (justifyContent) {
|
|
6464
|
+
if (typeof justifyContent === 'string') {
|
|
6465
|
+
inlineStyles.justifyContent = justifyContent;
|
|
6466
|
+
} else if (justifyContent.xs) {
|
|
6467
|
+
inlineStyles.justifyContent = justifyContent.xs;
|
|
6468
|
+
}
|
|
6469
|
+
}
|
|
6470
|
+
if (alignItems) {
|
|
6471
|
+
if (typeof alignItems === 'string') {
|
|
6472
|
+
inlineStyles.alignItems = alignItems;
|
|
6473
|
+
} else if (alignItems.xs) {
|
|
6474
|
+
inlineStyles.alignItems = alignItems.xs;
|
|
6475
|
+
}
|
|
6476
|
+
}
|
|
6477
|
+
if (wrap) {
|
|
6478
|
+
if (typeof wrap === 'string') {
|
|
6479
|
+
inlineStyles.flexWrap = wrap;
|
|
6480
|
+
} else if (wrap.xs) {
|
|
6481
|
+
inlineStyles.flexWrap = wrap.xs;
|
|
6482
|
+
}
|
|
6483
|
+
}
|
|
6484
|
+
var gapStyles = buildResponsiveStyles$1(gap, 'gap');
|
|
6485
|
+
var columnGapStyles = buildResponsiveStyles$1(columnGap, 'columnGap');
|
|
6486
|
+
var rowGapStyles = buildResponsiveStyles$1(rowGap, 'rowGap');
|
|
6487
|
+
var mergedStyles = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, inlineStyles), gapStyles), columnGapStyles), rowGapStyles);
|
|
6488
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$$.Flex, true), styles$$["Flex--".concat(directionMap[direction])], typeof direction === 'string' && direction), styles$$["Flex--".concat(justifyContentMap[justifyContent])], typeof justifyContent === 'string' && justifyContent), styles$$["Flex--".concat(alignItemsMap[alignItems])], typeof alignItems === 'string' && alignItems), styles$$["Flex--".concat(wrapMap[wrap])], typeof wrap === 'string' && wrap), styles$$["Flex--gap--".concat(typeof gap === 'string' ? gap : undefined)], typeof gap === 'string' && gap), styles$$["Flex--columnGap--".concat(typeof columnGap === 'string' ? columnGap : undefined)], typeof columnGap === 'string' && columnGap), styles$$["Flex--rowGap--".concat(typeof rowGap === 'string' ? rowGap : undefined)], typeof rowGap === 'string' && rowGap), className);
|
|
6489
|
+
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
6490
|
+
"data-test": "DesignSystem-Flex"
|
|
6491
|
+
}, rest, {
|
|
6492
|
+
className: classes,
|
|
6493
|
+
style: mergedStyles
|
|
6494
|
+
}), children);
|
|
6495
|
+
};
|
|
6496
|
+
Flex.displayName = 'Flex';
|
|
6497
|
+
Flex.defaultProps = {
|
|
6498
|
+
direction: 'row',
|
|
6499
|
+
justifyContent: 'flex-start',
|
|
6500
|
+
alignItems: 'stretch',
|
|
6501
|
+
wrap: 'nowrap'
|
|
6502
|
+
};
|
|
6503
|
+
|
|
6504
|
+
var css_248z$10 = "/* Heading */\n.heading-module-Heading-tmepg-4-18-0 {\n margin: 0;\n}\n\n.heading-module-Heading--s-r3kT8-4-18-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-18-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-18-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-18-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-18-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-18-0 {\n color: var(--text);\n}\n\n.heading-module-Heading--subtle-K3WJd-4-18-0 {\n color: var(--text-subtle);\n}\n\n.heading-module-Heading--disabled-dQRjW-4-18-0 {\n color: var(--text-disabled);\n}\n\n.heading-module-Heading--white-LK0i2-4-18-0 {\n color: var(--text-white);\n}\n";
|
|
6505
|
+
var styles$_ = {"Heading":"heading-module-Heading-tmepg-4-18-0","Heading--s":"heading-module-Heading--s-r3kT8-4-18-0","Heading--m":"heading-module-Heading--m-KypUv-4-18-0","Heading--l":"heading-module-Heading--l-6irdW-4-18-0","Heading--xl":"heading-module-Heading--xl-XGjXU-4-18-0","Heading--xxl":"heading-module-Heading--xxl-eD434-4-18-0","Heading--default":"heading-module-Heading--default-3YJIX-4-18-0","Heading--subtle":"heading-module-Heading--subtle-K3WJd-4-18-0","Heading--disabled":"heading-module-Heading--disabled-dQRjW-4-18-0","Heading--white":"heading-module-Heading--white-LK0i2-4-18-0"};
|
|
6506
|
+
styleInject(css_248z$10);
|
|
6507
|
+
|
|
6508
|
+
var _excluded$1a = ["appearance", "size", "children", "className", "color"];
|
|
6377
6509
|
var sizeMap = {
|
|
6378
6510
|
s: 'h5',
|
|
6379
6511
|
m: 'h4',
|
|
@@ -6389,8 +6521,8 @@ var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
6389
6521
|
children = props.children,
|
|
6390
6522
|
className = props.className,
|
|
6391
6523
|
color = props.color,
|
|
6392
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
6393
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
6524
|
+
rest = _objectWithoutProperties(props, _excluded$1a);
|
|
6525
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$_.Heading, true), styles$_["Heading--".concat(size)], size), styles$_["Heading--".concat(appearance)], !color && appearance), "color-".concat(color), color), className);
|
|
6394
6526
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
6395
6527
|
ref: ref,
|
|
6396
6528
|
"data-test": "DesignSystem-Heading"
|
|
@@ -6401,16 +6533,16 @@ var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
6401
6533
|
});
|
|
6402
6534
|
Heading.displayName = 'Heading';
|
|
6403
6535
|
|
|
6404
|
-
var css_248z
|
|
6405
|
-
var styles$
|
|
6406
|
-
styleInject(css_248z
|
|
6536
|
+
var css_248z$$ = ".actionButton-module-ActionButton-GMsQC-4-18-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-18-0:focus-visible,\n.actionButton-module-ActionButton-GMsQC-4-18-0:focus {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-18-0:hover {\n background-color: var(--secondary);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-18-0:active {\n background-color: var(--secondary-dark);\n}\n";
|
|
6537
|
+
var styles$Z = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-18-0"};
|
|
6538
|
+
styleInject(css_248z$$);
|
|
6407
6539
|
|
|
6408
|
-
var _excluded$
|
|
6540
|
+
var _excluded$19 = ["className", "iconType"];
|
|
6409
6541
|
var ActionButton$1 = function ActionButton(props) {
|
|
6410
6542
|
var className = props.className,
|
|
6411
6543
|
iconType = props.iconType,
|
|
6412
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
6413
|
-
var iconClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
6544
|
+
rest = _objectWithoutProperties(props, _excluded$19);
|
|
6545
|
+
var iconClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$Z['ActionButton'], true), "".concat(className), className));
|
|
6414
6546
|
return /*#__PURE__*/React.createElement(Icon, _extends$2({
|
|
6415
6547
|
className: iconClass,
|
|
6416
6548
|
type: iconType,
|
|
@@ -6423,15 +6555,15 @@ ActionButton$1.defaultProps = {
|
|
|
6423
6555
|
type: 'rounded'
|
|
6424
6556
|
};
|
|
6425
6557
|
|
|
6426
|
-
var css_248z$
|
|
6427
|
-
var styles$
|
|
6428
|
-
styleInject(css_248z$
|
|
6558
|
+
var css_248z$_ = "/* input */\n\n.input-module-Input-input-eQ8b8-4-18-0::-ms-clear {\n display: none;\n}\n\n.input-module-Input-4ywvi-4-18-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-18-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-18-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-18-0 {\n height: 40px;\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.input-module-Input-4ywvi-4-18-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n cursor: text;\n}\n\n.input-module-Input-4ywvi-4-18-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-18-0:focus-within .input-module-Input-icon--left-F1r05-4-18-0 {\n color: var(--primary);\n}\n\n.input-module-Input--error-EGIUq-4-18-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-18-0:focus-within .input-module-Input-icon--left-F1r05-4-18-0 {\n color: var(--alert);\n}\n\n.input-module-Input--disabled-IRtQk-4-18-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-18-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.input-module-Input--disabled-IRtQk-4-18-0 .input-module-Input-icon--left-F1r05-4-18-0 {\n color: var(--inverse-lightest);\n}\n\n.input-module-Input--error-EGIUq-4-18-0,\n.input-module-Input--error-EGIUq-4-18-0:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.input-module-Input-input-eQ8b8-4-18-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-18-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-18-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-18-0:focus {\n outline: 0;\n}\n\n.input-module-Input-input-eQ8b8-4-18-0:disabled .input-module-Input-input-eQ8b8-4-18-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-18-0:disabled .input-module-Input-input-eQ8b8-4-18-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input--regular-2cMTS-4-18-0 {\n line-height: var(--font-height);\n}\n\n.input-module-Input-input--large-Ps2E1-4-18-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-18-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-18-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-18-0 {\n margin-right: var(--spacing-20);\n color: var(--inverse);\n}\n\n.input-module-Input-icon--inputBlank-GkWyn-4-18-0 {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-icon--error-o9EcI-4-18-0 {\n color: var(--alert);\n}\n\n.input-module-Input-icon--right-A9G9E-4-18-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-18-0:focus-visible .input-module-Input-icon--right-A9G9E-4-18-0 {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.input-module-Input-icon--right-A9G9E-4-18-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-18-0:hover .input-module-Input-icon--right-A9G9E-4-18-0 {\n background-color: var(--secondary);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-18-0:active .input-module-Input-icon--right-A9G9E-4-18-0 {\n background-color: var(--secondary-dark);\n}\n\n.input-module-Input-inlineLabel-Sgbvs-4-18-0 {\n margin-right: var(--spacing-20);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-18-0:focus-visible {\n outline: none;\n}\n";
|
|
6559
|
+
var styles$Y = {"Input-input":"input-module-Input-input-eQ8b8-4-18-0","Input":"input-module-Input-4ywvi-4-18-0","Input--tiny":"input-module-Input--tiny-NegXy-4-18-0","Input--regular":"input-module-Input--regular-YN-1C-4-18-0","Input--large":"input-module-Input--large-FqoAi-4-18-0","Input-icon--left":"input-module-Input-icon--left-F1r05-4-18-0","Input--error":"input-module-Input--error-EGIUq-4-18-0","Input--disabled":"input-module-Input--disabled-IRtQk-4-18-0","Input--readOnly":"input-module-Input--readOnly-4IaEw-4-18-0","Input-input--regular":"input-module-Input-input--regular-2cMTS-4-18-0","Input-input--large":"input-module-Input-input--large-Ps2E1-4-18-0","Input-input--tiny":"input-module-Input-input--tiny-qQEuS-4-18-0","Input-icon":"input-module-Input-icon-V1pYc-4-18-0","Input-icon--inputBlank":"input-module-Input-icon--inputBlank-GkWyn-4-18-0","Input-icon--error":"input-module-Input-icon--error-o9EcI-4-18-0","Input-icon--right":"input-module-Input-icon--right-A9G9E-4-18-0","Input-iconWrapper--right":"input-module-Input-iconWrapper--right-HdKL--4-18-0","Input-inlineLabel":"input-module-Input-inlineLabel-Sgbvs-4-18-0"};
|
|
6560
|
+
styleInject(css_248z$_);
|
|
6429
6561
|
|
|
6430
|
-
var css_248z$
|
|
6431
|
-
var styles$
|
|
6432
|
-
styleInject(css_248z$
|
|
6562
|
+
var css_248z$Z = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-18-0 {\n display: inline-flex;\n width: 40px;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-18-0 .verificationCodeInput-module-Input-input-IIOUQ-4-18-0 {\n text-align: center;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-18-0 .verificationCodeInput-module-Input-input-IIOUQ-4-18-0::-webkit-inner-spin-button,\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-18-0 .verificationCodeInput-module-Input-input-IIOUQ-4-18-0::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n";
|
|
6563
|
+
var styles$X = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-18-0","Input-input":"verificationCodeInput-module-Input-input-IIOUQ-4-18-0"};
|
|
6564
|
+
styleInject(css_248z$Z);
|
|
6433
6565
|
|
|
6434
|
-
var _excluded$
|
|
6566
|
+
var _excluded$18 = ["size", "type", "minWidth", "defaultValue", "name", "placeholder", "value", "icon", "inlineLabel", "required", "error", "info", "onChange", "onClick", "onClear", "onBlur", "onFocus", "onPaste", "actionIcon", "className", "autoFocus", "disabled", "readOnly", "iconType"];
|
|
6435
6567
|
var sizeMapping$2 = {
|
|
6436
6568
|
tiny: 12,
|
|
6437
6569
|
regular: 16,
|
|
@@ -6471,7 +6603,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
6471
6603
|
disabled = props.disabled,
|
|
6472
6604
|
readOnly = props.readOnly,
|
|
6473
6605
|
iconType = props.iconType,
|
|
6474
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
6606
|
+
rest = _objectWithoutProperties(props, _excluded$18);
|
|
6475
6607
|
var ref = React.useRef(null);
|
|
6476
6608
|
var _React$useState = React.useState(!value),
|
|
6477
6609
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
@@ -6498,10 +6630,10 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
6498
6630
|
}
|
|
6499
6631
|
}, [type]);
|
|
6500
6632
|
var baseProps = extractBaseProps(props);
|
|
6501
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
6502
|
-
var inputClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
6503
|
-
var leftIconClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
6504
|
-
var rightIconClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
6633
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$Y['Input'], true), styles$Y["Input--".concat(size)], size), styles$Y['Input--disabled'], disabled), styles$Y['Input--error'], error), styles$Y['Input--readOnly'], readOnly), className);
|
|
6634
|
+
var inputClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$Y['Input-input'], true), styles$X['Input-input'], true), styles$Y["Input-input--".concat(size)], size), "mr-4", actionIcon || onClear || info));
|
|
6635
|
+
var leftIconClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$Y['Input-icon'], true), styles$Y['Input-icon--left'], true), styles$Y['Input-icon--inputBlank'], isInputBlank), styles$Y['Input-icon--error'], error), 'mr-3', size && size === 'tiny'));
|
|
6636
|
+
var rightIconClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$Y['Input-icon'], true), styles$Y['Input-iconWrapper--right'], true));
|
|
6505
6637
|
var trigger = /*#__PURE__*/React.createElement("div", {
|
|
6506
6638
|
className: rightIconClass // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
6507
6639
|
,
|
|
@@ -6509,7 +6641,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
6509
6641
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
6510
6642
|
name: 'info',
|
|
6511
6643
|
size: sizeMapping$2[size],
|
|
6512
|
-
className: styles$
|
|
6644
|
+
className: styles$Y['Input-icon--right']
|
|
6513
6645
|
}));
|
|
6514
6646
|
var iconSize = size === 'tiny' ? 14 : sizeMapping$2[size];
|
|
6515
6647
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -6528,7 +6660,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
6528
6660
|
return setIsInputBlank(!((_ref$current3 = ref.current) !== null && _ref$current3 !== void 0 && _ref$current3.value));
|
|
6529
6661
|
}
|
|
6530
6662
|
}, inlineLabel && /*#__PURE__*/React.createElement("div", {
|
|
6531
|
-
className: styles$
|
|
6663
|
+
className: styles$Y['Input-inlineLabel']
|
|
6532
6664
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
6533
6665
|
appearance: "subtle"
|
|
6534
6666
|
}, inlineLabel)), icon && /*#__PURE__*/React.createElement("div", {
|
|
@@ -6576,7 +6708,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
6576
6708
|
},
|
|
6577
6709
|
name: 'close',
|
|
6578
6710
|
size: sizeMapping$2[size],
|
|
6579
|
-
className: styles$
|
|
6711
|
+
className: styles$Y['Input-icon--right']
|
|
6580
6712
|
})));
|
|
6581
6713
|
});
|
|
6582
6714
|
Input.displayName = 'Input';
|
|
@@ -6584,15 +6716,15 @@ Object.assign(Input, {
|
|
|
6584
6716
|
ActionButton: ActionButton$1
|
|
6585
6717
|
});
|
|
6586
6718
|
|
|
6587
|
-
var css_248z$
|
|
6588
|
-
var styles$
|
|
6589
|
-
styleInject(css_248z$
|
|
6719
|
+
var css_248z$Y = ".metricInput-module-MetricInput-input-F33lA-4-18-0::-ms-clear {\n display: none;\n}\n\n.metricInput-module-MetricInput--0hzO-4-18-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-18-0 {\n height: var(--spacing-80);\n padding-left: var(--spacing-30);\n}\n\n.metricInput-module-MetricInput--large-PHYvQ-4-18-0 {\n height: 40px;\n padding-left: var(--spacing-40);\n}\n\n.metricInput-module-MetricInput--small-73F16-4-18-0 {\n height: var(--spacing-60);\n padding-left: var(--spacing-20);\n}\n\n.metricInput-module-MetricInput--0hzO-4-18-0:hover {\n background: var(--secondary-lightest);\n cursor: text;\n}\n\n.metricInput-module-MetricInput--0hzO-4-18-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-18-0:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-18-0 {\n color: var(--primary);\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-18-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-18-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-18-0 .metricInput-module-MetricInput-icon-xUfPZ-4-18-0 {\n color: var(--inverse-lightest);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-18-0,\n.metricInput-module-MetricInput--error-FAM-w-4-18-0:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-18-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-18-0:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-18-0 {\n color: var(--alert);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-18-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-18-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-18-0 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.metricInput-module-MetricInput-input--small-U6Uw5-4-18-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-18-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-18-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-18-0:focus {\n outline: 0;\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-18-0:disabled .metricInput-module-MetricInput-input-F33lA-4-18-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-18-0:disabled .metricInput-module-MetricInput-input-F33lA-4-18-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-icon--regular-QqKyP-4-18-0 {\n margin-right: var(--spacing-20);\n line-height: var(--font-height-s);\n}\n\n.metricInput-module-MetricInput-icon--large-oSw1r-4-18-0 {\n margin-right: var(--spacing-30);\n line-height: var(--font-height-m);\n}\n\n.metricInput-module-MetricInput-icon--small--U0nf-4-18-0 {\n margin-right: var(--spacing-10);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-18-0::-webkit-inner-spin-button,\n.metricInput-module-MetricInput-input-F33lA-4-18-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-18-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-18-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-18-0:hover {\n background: var(--secondary);\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-18-0:active {\n background: var(--secondary-dark);\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-18-0:focus {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.metricInput-module-MetricInput-arrowIcons--small-oUPeS-4-18-0,\n.metricInput-module-MetricInput-arrowIcons--regular-XXiBM-4-18-0 {\n width: 20px;\n}\n\n.metricInput-module-MetricInput-arrowIcons--large-Faphg-4-18-0 {\n width: var(--spacing-60);\n}\n";
|
|
6720
|
+
var styles$W = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-18-0","MetricInput":"metricInput-module-MetricInput--0hzO-4-18-0","MetricInput--regular":"metricInput-module-MetricInput--regular-qwE-W-4-18-0","MetricInput--large":"metricInput-module-MetricInput--large-PHYvQ-4-18-0","MetricInput--small":"metricInput-module-MetricInput--small-73F16-4-18-0","MetricInput-icon":"metricInput-module-MetricInput-icon-xUfPZ-4-18-0","MetricInput--disabled":"metricInput-module-MetricInput--disabled-41NDQ-4-18-0","MetricInput--readOnly":"metricInput-module-MetricInput--readOnly-fVSGN-4-18-0","MetricInput--error":"metricInput-module-MetricInput--error-FAM-w-4-18-0","MetricInput-input--large":"metricInput-module-MetricInput-input--large-Xn7eL-4-18-0","MetricInput-input--regular":"metricInput-module-MetricInput-input--regular-lel2M-4-18-0","MetricInput-input--small":"metricInput-module-MetricInput-input--small-U6Uw5-4-18-0","MetricInput-icon--regular":"metricInput-module-MetricInput-icon--regular-QqKyP-4-18-0","MetricInput-icon--large":"metricInput-module-MetricInput-icon--large-oSw1r-4-18-0","MetricInput-icon--small":"metricInput-module-MetricInput-icon--small--U0nf-4-18-0","MetricInput-arrowIcons":"metricInput-module-MetricInput-arrowIcons-z8PUu-4-18-0","MetricInput-arrowButton":"metricInput-module-MetricInput-arrowButton-ZHqEY-4-18-0","MetricInput-arrowIcons--small":"metricInput-module-MetricInput-arrowIcons--small-oUPeS-4-18-0","MetricInput-arrowIcons--regular":"metricInput-module-MetricInput-arrowIcons--regular-XXiBM-4-18-0","MetricInput-arrowIcons--large":"metricInput-module-MetricInput-arrowIcons--large-Faphg-4-18-0"};
|
|
6721
|
+
styleInject(css_248z$Y);
|
|
6590
6722
|
|
|
6591
|
-
var css_248z$
|
|
6592
|
-
var styles$
|
|
6593
|
-
styleInject(css_248z$
|
|
6723
|
+
var css_248z$X = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-18-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-18-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.pagination-module-Pagination-buttonWrapper--hS-F-4-18-0 {\n display: flex;\n flex-direction: row;\n}\n\n.pagination-module-Pagination-pageIndex-bDTfx-4-18-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-18-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-18-0 .pagination-module-MetricInput-input-7icmp-4-18-0 {\n text-align: center;\n}\n.pagination-module-Pagination-MetricInput-SPkmy-4-18-0 .pagination-module-MetricInput-arrowIcons-6jLZm-4-18-0 {\n display: none;\n}\n\n@media (max-width: 575px) {\n .pagination-module-Pagination-pageIndex-bDTfx-4-18-0 {\n order: -1;\n flex-basis: 100%;\n }\n .pagination-module-Pagination-buttonWrapper--hS-F-4-18-0 {\n margin-top: var(--spacing-20);\n width: 50%;\n }\n .pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-18-0 {\n justify-content: flex-start;\n }\n .pagination-module-Pagination-buttonWrapper--previous--r33Z-4-18-0 {\n justify-content: flex-end;\n }\n}\n";
|
|
6724
|
+
var styles$V = {"Pagination":"pagination-module-Pagination-DCmdy-4-18-0","Pagination-button":"pagination-module-Pagination-button-bEn7d-4-18-0","Pagination-buttonWrapper":"pagination-module-Pagination-buttonWrapper--hS-F-4-18-0","Pagination-pageIndex":"pagination-module-Pagination-pageIndex-bDTfx-4-18-0","Pagination-MetricInput":"pagination-module-Pagination-MetricInput-SPkmy-4-18-0","MetricInput-input":"pagination-module-MetricInput-input-7icmp-4-18-0","MetricInput-arrowIcons":"pagination-module-MetricInput-arrowIcons-6jLZm-4-18-0","Pagination-buttonWrapper--next":"pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-18-0","Pagination-buttonWrapper--previous":"pagination-module-Pagination-buttonWrapper--previous--r33Z-4-18-0"};
|
|
6725
|
+
styleInject(css_248z$X);
|
|
6594
6726
|
|
|
6595
|
-
var _excluded$
|
|
6727
|
+
var _excluded$17 = ["size", "defaultValue", "name", "placeholder", "icon", "prefix", "suffix", "error", "min", "max", "onChange", "onClick", "onBlur", "onFocus", "className", "autoFocus", "disabled", "readOnly", "value", "showActionButton", "onKeyDown", "iconType"];
|
|
6596
6728
|
var sizeMapping$1 = {
|
|
6597
6729
|
small: 14,
|
|
6598
6730
|
regular: 16,
|
|
@@ -6644,7 +6776,7 @@ var MetricInput = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
6644
6776
|
showActionButton = _props$showActionButt === void 0 ? true : _props$showActionButt,
|
|
6645
6777
|
onKeyDown = props.onKeyDown,
|
|
6646
6778
|
iconType = props.iconType,
|
|
6647
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
6779
|
+
rest = _objectWithoutProperties(props, _excluded$17);
|
|
6648
6780
|
var ref = React.useRef(null);
|
|
6649
6781
|
var isUncontrolled = valueProp === undefined;
|
|
6650
6782
|
var _React$useState = React.useState(valueProp || defaultValue),
|
|
@@ -6666,13 +6798,13 @@ var MetricInput = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
6666
6798
|
}
|
|
6667
6799
|
}, [valueProp]);
|
|
6668
6800
|
var baseProps = extractBaseProps(props);
|
|
6669
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
6670
|
-
var inputClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
6671
|
-
var iconClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
6801
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$W['MetricInput'], true), styles$W["MetricInput--".concat(size)], size), styles$W['MetricInput--disabled'], disabled), styles$W['MetricInput--readOnly'], readOnly), styles$W['MetricInput--error'], error), className);
|
|
6802
|
+
var inputClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$W['MetricInput-input'], true), styles$V['MetricInput-input'], true), styles$W["MetricInput-input--".concat(size)], size), 'mr-4', !suffix && !showActionButton && size === 'small'), 'mr-5', !suffix && !showActionButton && size === 'regular'), 'mr-6', !suffix && !showActionButton && size === 'large'));
|
|
6803
|
+
var iconClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$W['MetricInput-icon'], true), styles$W["MetricInput-icon--".concat(size)], size));
|
|
6672
6804
|
var prefixClass = classnames(_defineProperty$1(_defineProperty$1({}, 'mr-4', size === 'regular' || size === 'small'), 'mr-5', size === 'large'));
|
|
6673
6805
|
var suffixClass = classnames(_defineProperty$1(_defineProperty$1({}, 'ml-4 mr-4', size === 'regular' || size === 'small'), 'mx-5', size === 'large'));
|
|
6674
|
-
var arrowIconsClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
6675
|
-
var arrowButtonClass = classnames(_defineProperty$1({}, styles$
|
|
6806
|
+
var arrowIconsClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$V['MetricInput-arrowIcons'], true), styles$W["MetricInput-arrowIcons--".concat(size)], size), 'ml-3', showActionButton && !suffix));
|
|
6807
|
+
var arrowButtonClass = classnames(_defineProperty$1({}, styles$W['MetricInput-arrowButton'], true));
|
|
6676
6808
|
var actionButtonIconSize = actionButtonIconSizeMapping[size];
|
|
6677
6809
|
var onChangeHandler = function onChangeHandler(e) {
|
|
6678
6810
|
if (isUncontrolled) {
|
|
@@ -6799,7 +6931,7 @@ var getDefaultValue = function getDefaultValue(mask, placeholderChar) {
|
|
|
6799
6931
|
return val;
|
|
6800
6932
|
};
|
|
6801
6933
|
|
|
6802
|
-
var _excluded$
|
|
6934
|
+
var _excluded$16 = ["mask", "value", "placeholderChar", "validators", "clearOnEmptyBlur", "defaultValue", "mask", "error", "caption", "required", "onChange", "onPaste", "onBlur", "onFocus", "onClear", "className", "id", "helpText"];
|
|
6803
6935
|
/**
|
|
6804
6936
|
* It works as Uncontrolled Input
|
|
6805
6937
|
*
|
|
@@ -6827,7 +6959,7 @@ var InputMask = /*#__PURE__*/React.forwardRef(function (props, forwardRef) {
|
|
|
6827
6959
|
className = props.className,
|
|
6828
6960
|
id = props.id,
|
|
6829
6961
|
helpText = props.helpText,
|
|
6830
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
6962
|
+
rest = _objectWithoutProperties(props, _excluded$16);
|
|
6831
6963
|
var isEditable = React.useCallback(function (pos) {
|
|
6832
6964
|
return _typeof(mask[pos]) === 'object';
|
|
6833
6965
|
}, [mask]);
|
|
@@ -7099,11 +7231,11 @@ InputMask.utils = {
|
|
|
7099
7231
|
};
|
|
7100
7232
|
var X = InputMask;
|
|
7101
7233
|
|
|
7102
|
-
var css_248z$
|
|
7103
|
-
var styles$
|
|
7104
|
-
styleInject(css_248z$
|
|
7234
|
+
var css_248z$W = "/* Label */\n.label-module-Label--OmlF-4-18-0 {\n display: inline-flex;\n}\n.label-module-Label--small-pPJnY-4-18-0 {\n font-size: var(--font-size-s);\n}\n\n.label-module-Label--withInput-RWqFC-4-18-0 {\n margin-bottom: var(--spacing-10);\n}\n\n.label-module-Label--optional-25o6w-4-18-0 {\n align-items: center;\n}\n\n.label-module-Label-text-SI451-4-18-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-18-0 {\n line-height: var(--font-height-s);\n margin-left: var(--spacing-10);\n}\n\n.label-module-Label-optionalText--small-hQbks-4-18-0 {\n font-size: var(--font-size-s);\n}\n\n.label-module-Label--disabled-06XI--4-18-0 {\n color: var(--text-disabled);\n}\n\n.label-module-Label-requiredIndicator-4Cxyi-4-18-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";
|
|
7235
|
+
var styles$U = {"Label":"label-module-Label--OmlF-4-18-0","Label--small":"label-module-Label--small-pPJnY-4-18-0","Label--withInput":"label-module-Label--withInput-RWqFC-4-18-0","Label--optional":"label-module-Label--optional-25o6w-4-18-0","Label-text":"label-module-Label-text-SI451-4-18-0","Label-optionalText":"label-module-Label-optionalText-BxJ0x-4-18-0","Label-optionalText--small":"label-module-Label-optionalText--small-hQbks-4-18-0","Label--disabled":"label-module-Label--disabled-06XI--4-18-0","Label-requiredIndicator":"label-module-Label-requiredIndicator-4Cxyi-4-18-0"};
|
|
7236
|
+
styleInject(css_248z$W);
|
|
7105
7237
|
|
|
7106
|
-
var _excluded$
|
|
7238
|
+
var _excluded$15 = ["required", "optional", "withInput", "disabled", "children", "className", "info", "size"];
|
|
7107
7239
|
/**
|
|
7108
7240
|
* *NOTE: Extends props with HTMLProps<HTMLLabelElement>*
|
|
7109
7241
|
*/
|
|
@@ -7117,17 +7249,17 @@ var Label = function Label(props) {
|
|
|
7117
7249
|
info = props.info,
|
|
7118
7250
|
_props$size = props.size,
|
|
7119
7251
|
size = _props$size === void 0 ? 'regular' : _props$size,
|
|
7120
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
7252
|
+
rest = _objectWithoutProperties(props, _excluded$15);
|
|
7121
7253
|
var baseProps = extractBaseProps(props);
|
|
7122
|
-
var LabelClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
7123
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
7124
|
-
var OptionalClasses = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
7254
|
+
var LabelClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$U.Label, true), styles$U['Label--withInput'], withInput), styles$U['Label--optional'], optional), className);
|
|
7255
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$U['Label-text'], true), styles$U['Label--disabled'], disabled), styles$U['Label--small'], size && size === 'small'));
|
|
7256
|
+
var OptionalClasses = classnames(_defineProperty$1(_defineProperty$1({}, styles$U['Label-optionalText'], true), styles$U['Label-optionalText--small'], size && size === 'small'));
|
|
7125
7257
|
var renderInfo = function renderInfo() {
|
|
7126
7258
|
var isRequired = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
|
|
7127
7259
|
var isOptional = arguments.length > 1 ? arguments[1] : undefined;
|
|
7128
7260
|
if (isRequired) {
|
|
7129
7261
|
return /*#__PURE__*/React.createElement("span", {
|
|
7130
|
-
className: styles$
|
|
7262
|
+
className: styles$U['Label-requiredIndicator'],
|
|
7131
7263
|
"data-test": "DesignSystem-Label--RequiredIndicator"
|
|
7132
7264
|
});
|
|
7133
7265
|
}
|
|
@@ -7163,9 +7295,9 @@ var Label = function Label(props) {
|
|
|
7163
7295
|
};
|
|
7164
7296
|
Label.displayName = 'Label';
|
|
7165
7297
|
|
|
7166
|
-
var css_248z$
|
|
7167
|
-
var styles$
|
|
7168
|
-
styleInject(css_248z$
|
|
7298
|
+
var css_248z$V = "/* Caption */\n.caption-module-Caption-x0-4O-4-18-0 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.caption-module-Caption--withInput-USihh-4-18-0 {\n margin-top: var(--spacing-10);\n}\n\n.caption-module-Caption-icon-BVGQm-4-18-0 {\n display: flex;\n align-content: center;\n margin-right: var(--spacing-10);\n}\n\n.caption-module-Caption--hidden-C-EcV-4-18-0 {\n display: none;\n}\n";
|
|
7299
|
+
var styles$T = {"Caption":"caption-module-Caption-x0-4O-4-18-0","Caption--withInput":"caption-module-Caption--withInput-USihh-4-18-0","Caption-icon":"caption-module-Caption-icon-BVGQm-4-18-0","Caption--hidden":"caption-module-Caption--hidden-C-EcV-4-18-0"};
|
|
7300
|
+
styleInject(css_248z$V);
|
|
7169
7301
|
|
|
7170
7302
|
var Caption = function Caption(props) {
|
|
7171
7303
|
var error = props.error,
|
|
@@ -7174,8 +7306,8 @@ var Caption = function Caption(props) {
|
|
|
7174
7306
|
children = props.children,
|
|
7175
7307
|
className = props.className;
|
|
7176
7308
|
var baseProps = extractBaseProps(props);
|
|
7177
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
7178
|
-
var errorIconClass = classnames(_defineProperty$1({}, styles$
|
|
7309
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$T.Caption, true), styles$T['Caption--hidden'], hide), styles$T['Caption--withInput'], withInput), className);
|
|
7310
|
+
var errorIconClass = classnames(_defineProperty$1({}, styles$T['Caption-icon'], true));
|
|
7179
7311
|
return /*#__PURE__*/React.createElement("div", _extends$2({}, baseProps, {
|
|
7180
7312
|
className: classes,
|
|
7181
7313
|
"data-test": "DesignSystem-Caption"
|
|
@@ -7193,9 +7325,9 @@ var Caption = function Caption(props) {
|
|
|
7193
7325
|
};
|
|
7194
7326
|
Caption.displayName = 'Caption';
|
|
7195
7327
|
|
|
7196
|
-
var css_248z$
|
|
7197
|
-
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-
|
|
7198
|
-
styleInject(css_248z$
|
|
7328
|
+
var css_248z$U = ".legend-module-Legend--0IVR-4-18-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-18-0 {\n border-radius: var(--border-radius-05);\n margin-right: var(--spacing-20);\n}\n";
|
|
7329
|
+
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-18-0","Legend-icon":"legend-module-Legend-icon-AAtts-4-18-0"};
|
|
7330
|
+
styleInject(css_248z$U);
|
|
7199
7331
|
|
|
7200
7332
|
var Legend = function Legend(props) {
|
|
7201
7333
|
var iconAppearance = props.iconAppearance,
|
|
@@ -7268,11 +7400,11 @@ var Editable = function Editable(props) {
|
|
|
7268
7400
|
};
|
|
7269
7401
|
Editable.displayName = 'Editable';
|
|
7270
7402
|
|
|
7271
|
-
var css_248z$
|
|
7272
|
-
var styles$
|
|
7273
|
-
styleInject(css_248z$
|
|
7403
|
+
var css_248z$T = ".editableDropdown-module-EditableDropdown-8s4sE-4-18-0 {\n width: 100%;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-18-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";
|
|
7404
|
+
var styles$S = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-18-0","EditableDropdown-default":"editableDropdown-module-EditableDropdown-default-YIYT0-4-18-0"};
|
|
7405
|
+
styleInject(css_248z$T);
|
|
7274
7406
|
|
|
7275
|
-
var _excluded$
|
|
7407
|
+
var _excluded$14 = ["onChange", "onClose"];
|
|
7276
7408
|
var EditableDropdown = function EditableDropdown(props) {
|
|
7277
7409
|
var placeholder = props.placeholder,
|
|
7278
7410
|
dropdownOptions = props.dropdownOptions,
|
|
@@ -7280,7 +7412,7 @@ var EditableDropdown = function EditableDropdown(props) {
|
|
|
7280
7412
|
customTriggerRenderer = props.customTriggerRenderer;
|
|
7281
7413
|
var onDropdownChange = dropdownOptions.onChange,
|
|
7282
7414
|
onDropdownClose = dropdownOptions.onClose,
|
|
7283
|
-
rest = _objectWithoutProperties(dropdownOptions, _excluded$
|
|
7415
|
+
rest = _objectWithoutProperties(dropdownOptions, _excluded$14);
|
|
7284
7416
|
var _React$useState = React.useState(placeholder),
|
|
7285
7417
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
7286
7418
|
label = _React$useState2[0],
|
|
@@ -7293,8 +7425,8 @@ var EditableDropdown = function EditableDropdown(props) {
|
|
|
7293
7425
|
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
7294
7426
|
showComponent = _React$useState6[0],
|
|
7295
7427
|
setShowComponent = _React$useState6[1];
|
|
7296
|
-
var CompClass = classnames(_defineProperty$1({}, styles$
|
|
7297
|
-
var DefaultCompClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
7428
|
+
var CompClass = classnames(_defineProperty$1({}, styles$S['EditableDropdown'], true), className);
|
|
7429
|
+
var DefaultCompClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$S['EditableDropdown-default'], true), 'd-none', showComponent));
|
|
7298
7430
|
var EditableDropdownClass = classnames(_defineProperty$1({}, 'd-none', !showComponent));
|
|
7299
7431
|
var baseProps = extractBaseProps(props);
|
|
7300
7432
|
var getLabel = function getLabel(updatedLabel) {
|
|
@@ -7351,11 +7483,11 @@ EditableDropdown.defaultProps = {
|
|
|
7351
7483
|
dropdownOptions: {}
|
|
7352
7484
|
};
|
|
7353
7485
|
|
|
7354
|
-
var css_248z$
|
|
7355
|
-
var styles$
|
|
7356
|
-
styleInject(css_248z$
|
|
7486
|
+
var css_248z$S = ".link-module-Link-MwjNx-4-18-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-18-0:focus-visible {\n outline: none;\n}\n\n.link-module-Link--regular-hKQMh-4-18-0 {\n font-size: var(--font-size);\n height: var(--font-height);\n}\n\n.link-module-Link--tiny-5Wp1N-4-18-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-18-0 {\n color: var(--text-link);\n}\n\n.link-module-Link--subtle-RjZLu-4-18-0 {\n color: var(--inverse-lighter);\n}\n\n.link-module-Link--default-dCI0C-4-18-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-18-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-18-0:active {\n color: var(--primary-darker);\n border: none;\n}\n\n.link-module-Link--subtle-RjZLu-4-18-0:active {\n color: var(--inverse);\n border: none;\n}\n\n.link-module-Link--default-dCI0C-4-18-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-18-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-18-0 {\n color: var(--primary-lighter);\n pointer-events: none;\n}\n\n.link-module-Link--subtle-disabled-jeH3g-4-18-0 {\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n";
|
|
7487
|
+
var styles$R = {"Link":"link-module-Link-MwjNx-4-18-0","Link--regular":"link-module-Link--regular-hKQMh-4-18-0","Link--tiny":"link-module-Link--tiny-5Wp1N-4-18-0","Link--default":"link-module-Link--default-dCI0C-4-18-0","Link--subtle":"link-module-Link--subtle-RjZLu-4-18-0","Link--default-disabled":"link-module-Link--default-disabled-4AGTL-4-18-0","Link--subtle-disabled":"link-module-Link--subtle-disabled-jeH3g-4-18-0"};
|
|
7488
|
+
styleInject(css_248z$S);
|
|
7357
7489
|
|
|
7358
|
-
var _excluded$
|
|
7490
|
+
var _excluded$13 = ["children", "className", "appearance", "size", "disabled"];
|
|
7359
7491
|
/**
|
|
7360
7492
|
*
|
|
7361
7493
|
* The choice to use the appearance `subtle` property for the **Link** component, while using the `subtle` boolean prop for the **LinkButton** component, is based on the different roles of typography and action components.
|
|
@@ -7369,8 +7501,8 @@ var Link = function Link(props) {
|
|
|
7369
7501
|
appearance = props.appearance,
|
|
7370
7502
|
size = props.size,
|
|
7371
7503
|
disabled = props.disabled,
|
|
7372
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
7373
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
7504
|
+
rest = _objectWithoutProperties(props, _excluded$13);
|
|
7505
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$R.Link, true), styles$R["Link--".concat(size)], size), styles$R["Link--".concat(appearance)], appearance), styles$R["Link--".concat(appearance, "-disabled")], disabled), className);
|
|
7374
7506
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
7375
7507
|
"data-test": "DesignSystem-Link",
|
|
7376
7508
|
className: classes,
|
|
@@ -7385,9 +7517,9 @@ Link.defaultProps = {
|
|
|
7385
7517
|
disabled: false
|
|
7386
7518
|
};
|
|
7387
7519
|
|
|
7388
|
-
var css_248z$
|
|
7389
|
-
var styles$
|
|
7390
|
-
styleInject(css_248z$
|
|
7520
|
+
var css_248z$R = ".message-module-Message-5m7p--4-18-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-18-0 {\n padding: var(--spacing-20);\n}\n\n.message-module-Message--alert-VltpF-4-18-0 {\n border-color: var(--alert);\n background-color: rgba(217, 55, 55, 0.04);\n}\n\n.message-module-Message--success-8AZFe-4-18-0 {\n border-color: var(--success);\n background-color: rgba(46, 168, 67, 0.04);\n}\n\n.message-module-Message--info-N9C6k-4-18-0 {\n border-color: var(--primary);\n background-color: rgba(0, 112, 221, 0.04);\n}\n\n.message-module-Message--warning-sPwHB-4-18-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-18-0 {\n margin-right: var(--spacing-40);\n padding-top: var(--spacing-05);\n}\n\n.message-module-Message-icon--small-mS-r9-4-18-0 {\n margin-right: var(--spacing-20);\n padding-top: var(--spacing-05) !important;\n}\n\n.message-module-Message-icon--withTitle-l6DPU-4-18-0 {\n padding-top: var(--spacing-10);\n}\n\n.message-module-Message-icon--warning-IglaC-4-18-0 {\n color: var(--accent1);\n}\n\n.message-module-Message-heading--regular-TF8fn-4-18-0 {\n margin-bottom: var(--spacing-10);\n}\n\n.message-module-Message-heading--small-f4Ij3-4-18-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-18-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-18-0,\n.message-module-Message-text--alert-a8T-5-4-18-0 {\n color: var(--alert-darker) !important;\n}\n\n.message-module-Message-heading--info--Uzim-4-18-0,\n.message-module-Message-text--info-94pB0-4-18-0 {\n color: var(--primary-darker) !important;\n}\n\n.message-module-Message-heading--success-qk8Ep-4-18-0,\n.message-module-Message-text--success-hlaXA-4-18-0 {\n color: var(--success-darker) !important;\n}\n\n.message-module-Message-heading--warning-OWfuJ-4-18-0,\n.message-module-Message-text--warning-tPSB8-4-18-0 {\n color: var(--accent1-darker) !important;\n}\n\n.message-module-Message-actions-5bFUf-4-18-0 {\n display: flex;\n align-items: center;\n}\n\n.message-module-Message-actions--regular-04ICc-4-18-0 {\n margin-top: var(--spacing-30);\n}\n\n.message-module-Message-actions--small-Hj3w0-4-18-0 {\n margin-top: var(--spacing-10);\n}\n";
|
|
7521
|
+
var styles$Q = {"Message":"message-module-Message-5m7p--4-18-0","Message--small":"message-module-Message--small-AOGUY-4-18-0","Message--alert":"message-module-Message--alert-VltpF-4-18-0","Message--success":"message-module-Message--success-8AZFe-4-18-0","Message--info":"message-module-Message--info-N9C6k-4-18-0","Message--warning":"message-module-Message--warning-sPwHB-4-18-0","Message-icon--regular":"message-module-Message-icon--regular-t4xyh-4-18-0","Message-icon--small":"message-module-Message-icon--small-mS-r9-4-18-0","Message-icon--withTitle":"message-module-Message-icon--withTitle-l6DPU-4-18-0","Message-icon--warning":"message-module-Message-icon--warning-IglaC-4-18-0","Message-heading--regular":"message-module-Message-heading--regular-TF8fn-4-18-0","Message-heading--small":"message-module-Message-heading--small-f4Ij3-4-18-0","Message-text--small":"message-module-Message-text--small-dsMhm-4-18-0","Message-heading--alert":"message-module-Message-heading--alert--cn2r-4-18-0","Message-text--alert":"message-module-Message-text--alert-a8T-5-4-18-0","Message-heading--info":"message-module-Message-heading--info--Uzim-4-18-0","Message-text--info":"message-module-Message-text--info-94pB0-4-18-0","Message-heading--success":"message-module-Message-heading--success-qk8Ep-4-18-0","Message-text--success":"message-module-Message-text--success-hlaXA-4-18-0","Message-heading--warning":"message-module-Message-heading--warning-OWfuJ-4-18-0","Message-text--warning":"message-module-Message-text--warning-tPSB8-4-18-0","Message-actions":"message-module-Message-actions-5bFUf-4-18-0","Message-actions--regular":"message-module-Message-actions--regular-04ICc-4-18-0","Message-actions--small":"message-module-Message-actions--small-Hj3w0-4-18-0"};
|
|
7522
|
+
styleInject(css_248z$R);
|
|
7391
7523
|
|
|
7392
7524
|
var IconMapping$2 = {
|
|
7393
7525
|
success: 'check_circle',
|
|
@@ -7404,11 +7536,11 @@ var Message = function Message(props) {
|
|
|
7404
7536
|
var appearance = props.appearance;
|
|
7405
7537
|
appearance = appearance === 'default' ? 'info' : appearance;
|
|
7406
7538
|
var baseProps = extractBaseProps(props);
|
|
7407
|
-
var MessageClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
7408
|
-
var IconClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
7409
|
-
var TitleClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
7410
|
-
var DescriptionClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
7411
|
-
var ActionsClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
7539
|
+
var MessageClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$Q['Message'], true), styles$Q["Message--".concat(appearance)], appearance), styles$Q["Message--".concat(size)], size && size === 'small'), className);
|
|
7540
|
+
var IconClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$Q["Message-icon--".concat(appearance)], appearance), styles$Q["Message-icon--".concat(size)], size), styles$Q['Message-icon--withTitle'], title));
|
|
7541
|
+
var TitleClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$Q["Message-heading--".concat(appearance)], appearance), styles$Q["Message-heading--".concat(size)], size));
|
|
7542
|
+
var DescriptionClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$Q["Message-text--".concat(appearance)], appearance), styles$Q["Message-text--".concat(size)], size));
|
|
7543
|
+
var ActionsClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$Q['Message-actions'], true), styles$Q["Message-actions--".concat(size)], size));
|
|
7412
7544
|
var renderDescription = function renderDescription(description, children) {
|
|
7413
7545
|
if (description || typeof children === 'string') {
|
|
7414
7546
|
return /*#__PURE__*/React.createElement(Text, {
|
|
@@ -7419,7 +7551,7 @@ var Message = function Message(props) {
|
|
|
7419
7551
|
if (children) {
|
|
7420
7552
|
return /*#__PURE__*/React.createElement("div", {
|
|
7421
7553
|
"data-test": "DesignSystem-Message--Description",
|
|
7422
|
-
className: styles$
|
|
7554
|
+
className: styles$Q['Message-description']
|
|
7423
7555
|
}, children);
|
|
7424
7556
|
}
|
|
7425
7557
|
return null;
|
|
@@ -7449,9 +7581,9 @@ Message.defaultProps = {
|
|
|
7449
7581
|
description: ''
|
|
7450
7582
|
};
|
|
7451
7583
|
|
|
7452
|
-
var css_248z$
|
|
7453
|
-
var styles$
|
|
7454
|
-
styleInject(css_248z$
|
|
7584
|
+
var css_248z$Q = ".metaList-module-Meta-dNPqh-4-18-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-18-0 {\n margin-left: var(--spacing-20);\n}\n.metaList-module-MetaList-seperator--left-eKtN8-4-18-0 {\n margin-right: var(--spacing-10);\n}\n.metaList-module-Meta-icon-JwRHR-4-18-0 {\n padding-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n.metaList-module-MetaList-rB1dP-4-18-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-18-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-18-0:first-child {\n margin-left: 0;\n}\n\n.metaList-module-MetaList-item-S2e6p-4-18-0:last-child {\n margin-right: 0;\n}\n";
|
|
7585
|
+
var styles$P = {"Meta":"metaList-module-Meta-dNPqh-4-18-0","MetaList-seperator":"metaList-module-MetaList-seperator-mjgNU-4-18-0","MetaList-seperator--left":"metaList-module-MetaList-seperator--left-eKtN8-4-18-0","Meta-icon":"metaList-module-Meta-icon-JwRHR-4-18-0","MetaList":"metaList-module-MetaList-rB1dP-4-18-0","MetaList-item":"metaList-module-MetaList-item-S2e6p-4-18-0"};
|
|
7586
|
+
styleInject(css_248z$Q);
|
|
7455
7587
|
|
|
7456
7588
|
var Meta = function Meta(props) {
|
|
7457
7589
|
var label = props.label,
|
|
@@ -7460,12 +7592,12 @@ var Meta = function Meta(props) {
|
|
|
7460
7592
|
iconType = props.iconType;
|
|
7461
7593
|
return /*#__PURE__*/React.createElement("span", {
|
|
7462
7594
|
"data-test": "DesignSystem-MetaList--Meta",
|
|
7463
|
-
className: styles$
|
|
7595
|
+
className: styles$P['Meta']
|
|
7464
7596
|
}, icon && /*#__PURE__*/React.createElement(Icon, {
|
|
7465
7597
|
"data-test": "DesignSystem-MetaList--MetaIcon",
|
|
7466
7598
|
name: icon,
|
|
7467
7599
|
appearance: "subtle",
|
|
7468
|
-
className: styles$
|
|
7600
|
+
className: styles$P['Meta-icon'],
|
|
7469
7601
|
type: iconType,
|
|
7470
7602
|
size: size === 'regular' ? 16 : 12
|
|
7471
7603
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
@@ -7482,9 +7614,9 @@ var MetaList = function MetaList(props) {
|
|
|
7482
7614
|
className = props.className,
|
|
7483
7615
|
size = props.size;
|
|
7484
7616
|
var baseProps = extractBaseProps(props);
|
|
7485
|
-
var MetaClass = classnames(_defineProperty$1({}, styles$
|
|
7486
|
-
var SeperatorClass = classnames(_defineProperty$1({}, styles$
|
|
7487
|
-
var LeftSeperatorClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
7617
|
+
var MetaClass = classnames(_defineProperty$1({}, styles$P['MetaList'], true), className);
|
|
7618
|
+
var SeperatorClass = classnames(_defineProperty$1({}, styles$P['MetaList-seperator'], true));
|
|
7619
|
+
var LeftSeperatorClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$P['MetaList-seperator'], true), styles$P['MetaList-seperator--left'], true));
|
|
7488
7620
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
7489
7621
|
"data-test": "DesignSystem-MetaList"
|
|
7490
7622
|
}, baseProps, {
|
|
@@ -7503,7 +7635,7 @@ var MetaList = function MetaList(props) {
|
|
|
7503
7635
|
var rightSeperator = ind !== list.length - 1;
|
|
7504
7636
|
return /*#__PURE__*/React.createElement("span", {
|
|
7505
7637
|
key: ind,
|
|
7506
|
-
className: styles$
|
|
7638
|
+
className: styles$P['MetaList-item']
|
|
7507
7639
|
}, /*#__PURE__*/React.createElement(Meta, {
|
|
7508
7640
|
size: size,
|
|
7509
7641
|
label: label,
|
|
@@ -7526,6 +7658,117 @@ MetaList.defaultProps = {
|
|
|
7526
7658
|
size: 'regular'
|
|
7527
7659
|
};
|
|
7528
7660
|
|
|
7661
|
+
var css_248z$P = "/* MdsGrid */\n.mdsGrid-module-MdsGrid-SsvW3-4-18-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-18-0 {\n gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-20-hF7Az-4-18-0 {\n gap: var(--spacing-20);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-30-9bsWk-4-18-0 {\n gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-40-1Zofh-4-18-0 {\n gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-60-NuzpU-4-18-0 {\n gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-80-rBc5a-4-18-0 {\n gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-120-MsDGS-4-18-0 {\n gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-160-NT7nM-4-18-0 {\n gap: var(--spacing-160);\n}\n\n/* Column gap variations */\n.mdsGrid-module-MdsGrid-columnGap--spacing-10-KEZs4-4-18-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-18-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-18-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-18-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-18-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-18-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-18-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-18-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-18-0 {\n row-gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-20-HJszq-4-18-0 {\n row-gap: var(--spacing-20);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-30-vJ-5p-4-18-0 {\n row-gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-40-uKyUe-4-18-0 {\n row-gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-60-fl0Ia-4-18-0 {\n row-gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-80-vx3sD-4-18-0 {\n row-gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-120-s4V9U-4-18-0 {\n row-gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-160-EdiFo-4-18-0 {\n row-gap: var(--spacing-160);\n}\n\n/* Justify items variations */\n.mdsGrid-module-MdsGrid-justifyItems--start-eHRaj-4-18-0 {\n justify-items: start;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--end-edjoX-4-18-0 {\n justify-items: end;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--center-2X7nZ-4-18-0 {\n justify-items: center;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--stretch-kn94P-4-18-0 {\n justify-items: stretch;\n}\n\n/* Align items variations */\n.mdsGrid-module-MdsGrid-alignItems--start-2Do86-4-18-0 {\n align-items: start;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--end-waknT-4-18-0 {\n align-items: end;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--center-yx4U8-4-18-0 {\n align-items: center;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--stretch-Bqs-w-4-18-0 {\n align-items: stretch;\n}\n\n/* Auto flow variations */\n.mdsGrid-module-MdsGrid-autoFlow--row-hbgrw-4-18-0 {\n grid-auto-flow: row;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--column-rqFc3-4-18-0 {\n grid-auto-flow: column;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--row--dense-lbfql-4-18-0 {\n grid-auto-flow: row dense;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--column--dense-bJ3Pc-4-18-0 {\n grid-auto-flow: column dense;\n}\n\n/* Template columns variations */\n.mdsGrid-module-MdsGrid-templateColumns--repeat--1----1fr---LXjWZ-4-18-0 {\n grid-template-columns: repeat(1, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--2----1fr---Ib92--4-18-0 {\n grid-template-columns: repeat(2, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--3----1fr---kX-cN-4-18-0 {\n grid-template-columns: repeat(3, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--4----1fr---A8VSk-4-18-0 {\n grid-template-columns: repeat(4, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--12----1fr---vSCpW-4-18-0 {\n grid-template-columns: repeat(12, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--1fr--1fr--1fr-bvXnM-4-18-0 {\n grid-template-columns: 1fr 1fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--1fr--2fr-SG4cB-4-18-0 {\n grid-template-columns: 1fr 2fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--2fr--1fr-doRYF-4-18-0 {\n grid-template-columns: 2fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--2fr--1fr--1fr-PlTNP-4-18-0 {\n grid-template-columns: 2fr 1fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--200px--1fr--2fr-vKcqN-4-18-0 {\n grid-template-columns: 200px 1fr 2fr;\n}\n\n/* Template rows variations */\n.mdsGrid-module-MdsGrid-templateRows--auto--auto--auto-Xqtrn-4-18-0 {\n grid-template-rows: auto auto auto;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--100px--200px-3Vgry-4-18-0 {\n grid-template-rows: 100px 200px;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--1fr--2fr-Tix---4-18-0 {\n grid-template-rows: 1fr 2fr;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--auto--1fr-zwVSp-4-18-0 {\n grid-template-rows: auto 1fr;\n}\n\n/* MdsGridItem */\n.mdsGrid-module-MdsGridItem--FsIK-4-18-0 {\n box-sizing: border-box;\n}\n\n/* Justify self variations */\n.mdsGrid-module-MdsGridItem-justifySelf--start-CHjwa-4-18-0 {\n justify-self: start;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--end-rvVbS-4-18-0 {\n justify-self: end;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--center-vasFQ-4-18-0 {\n justify-self: center;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--stretch-YgtoO-4-18-0 {\n justify-self: stretch;\n}\n\n/* Align self variations */\n.mdsGrid-module-MdsGridItem-alignSelf--start-rz0Wg-4-18-0 {\n align-self: start;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--end-xtt0h-4-18-0 {\n align-self: end;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--center-T1fvd-4-18-0 {\n align-self: center;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--stretch-tYo2v-4-18-0 {\n align-self: stretch;\n}\n\n/* Column span variations */\n.mdsGrid-module-MdsGridItem-columnSpan--1--rcAl-4-18-0 {\n grid-column: span 1;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--2-ocHQu-4-18-0 {\n grid-column: span 2;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--3-lRLzj-4-18-0 {\n grid-column: span 3;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--4-PkE3H-4-18-0 {\n grid-column: span 4;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--5-bIRoL-4-18-0 {\n grid-column: span 5;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--6-LngYK-4-18-0 {\n grid-column: span 6;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--7-8D5lx-4-18-0 {\n grid-column: span 7;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--8-6cOqO-4-18-0 {\n grid-column: span 8;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--9-YvDY7-4-18-0 {\n grid-column: span 9;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--10-Jda-6-4-18-0 {\n grid-column: span 10;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--11-0sVRm-4-18-0 {\n grid-column: span 11;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--12-iYiVh-4-18-0 {\n grid-column: span 12;\n}\n\n/* Row span variations */\n.mdsGrid-module-MdsGridItem-rowSpan--1-UfSFY-4-18-0 {\n grid-row: span 1;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--2-RcCmm-4-18-0 {\n grid-row: span 2;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--3-2l-1t-4-18-0 {\n grid-row: span 3;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--4-w3b-k-4-18-0 {\n grid-row: span 4;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--5-xDjGB-4-18-0 {\n grid-row: span 5;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--6-COx1o-4-18-0 {\n grid-row: span 6;\n}\n\n/* Column start variations */\n.mdsGrid-module-MdsGridItem-columnStart--1-8Egf8-4-18-0 {\n grid-column-start: 1;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--2-F8nbf-4-18-0 {\n grid-column-start: 2;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--3-PlzEc-4-18-0 {\n grid-column-start: 3;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--4-8S4L--4-18-0 {\n grid-column-start: 4;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--5-Ew-g2-4-18-0 {\n grid-column-start: 5;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--6-oBVoo-4-18-0 {\n grid-column-start: 6;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--7-Cnb7p-4-18-0 {\n grid-column-start: 7;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--8-xjKMr-4-18-0 {\n grid-column-start: 8;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--9-L9-zC-4-18-0 {\n grid-column-start: 9;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--10-lJThd-4-18-0 {\n grid-column-start: 10;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--11-ORr-q-4-18-0 {\n grid-column-start: 11;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--12-QFwjD-4-18-0 {\n grid-column-start: 12;\n}\n\n/* Row start variations */\n.mdsGrid-module-MdsGridItem-rowStart--1-IKxiL-4-18-0 {\n grid-row-start: 1;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--2-yaQUd-4-18-0 {\n grid-row-start: 2;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--3-JCrYv-4-18-0 {\n grid-row-start: 3;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--4-uCJy3-4-18-0 {\n grid-row-start: 4;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--5-5qYoX-4-18-0 {\n grid-row-start: 5;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--6-OvU4E-4-18-0 {\n grid-row-start: 6;\n}\n";
|
|
7662
|
+
var styles$O = {"MdsGrid":"mdsGrid-module-MdsGrid-SsvW3-4-18-0","MdsGrid-gap--spacing-10":"mdsGrid-module-MdsGrid-gap--spacing-10-mM7LL-4-18-0","MdsGrid-gap--spacing-20":"mdsGrid-module-MdsGrid-gap--spacing-20-hF7Az-4-18-0","MdsGrid-gap--spacing-30":"mdsGrid-module-MdsGrid-gap--spacing-30-9bsWk-4-18-0","MdsGrid-gap--spacing-40":"mdsGrid-module-MdsGrid-gap--spacing-40-1Zofh-4-18-0","MdsGrid-gap--spacing-60":"mdsGrid-module-MdsGrid-gap--spacing-60-NuzpU-4-18-0","MdsGrid-gap--spacing-80":"mdsGrid-module-MdsGrid-gap--spacing-80-rBc5a-4-18-0","MdsGrid-gap--spacing-120":"mdsGrid-module-MdsGrid-gap--spacing-120-MsDGS-4-18-0","MdsGrid-gap--spacing-160":"mdsGrid-module-MdsGrid-gap--spacing-160-NT7nM-4-18-0","MdsGrid-columnGap--spacing-10":"mdsGrid-module-MdsGrid-columnGap--spacing-10-KEZs4-4-18-0","MdsGrid-columnGap--spacing-20":"mdsGrid-module-MdsGrid-columnGap--spacing-20-Z6HMd-4-18-0","MdsGrid-columnGap--spacing-30":"mdsGrid-module-MdsGrid-columnGap--spacing-30-cIs-1-4-18-0","MdsGrid-columnGap--spacing-40":"mdsGrid-module-MdsGrid-columnGap--spacing-40-4KGum-4-18-0","MdsGrid-columnGap--spacing-60":"mdsGrid-module-MdsGrid-columnGap--spacing-60-Db1Bo-4-18-0","MdsGrid-columnGap--spacing-80":"mdsGrid-module-MdsGrid-columnGap--spacing-80-8dYNY-4-18-0","MdsGrid-columnGap--spacing-120":"mdsGrid-module-MdsGrid-columnGap--spacing-120-IiWsq-4-18-0","MdsGrid-columnGap--spacing-160":"mdsGrid-module-MdsGrid-columnGap--spacing-160-xLma--4-18-0","MdsGrid-rowGap--spacing-10":"mdsGrid-module-MdsGrid-rowGap--spacing-10-n84Bk-4-18-0","MdsGrid-rowGap--spacing-20":"mdsGrid-module-MdsGrid-rowGap--spacing-20-HJszq-4-18-0","MdsGrid-rowGap--spacing-30":"mdsGrid-module-MdsGrid-rowGap--spacing-30-vJ-5p-4-18-0","MdsGrid-rowGap--spacing-40":"mdsGrid-module-MdsGrid-rowGap--spacing-40-uKyUe-4-18-0","MdsGrid-rowGap--spacing-60":"mdsGrid-module-MdsGrid-rowGap--spacing-60-fl0Ia-4-18-0","MdsGrid-rowGap--spacing-80":"mdsGrid-module-MdsGrid-rowGap--spacing-80-vx3sD-4-18-0","MdsGrid-rowGap--spacing-120":"mdsGrid-module-MdsGrid-rowGap--spacing-120-s4V9U-4-18-0","MdsGrid-rowGap--spacing-160":"mdsGrid-module-MdsGrid-rowGap--spacing-160-EdiFo-4-18-0","MdsGrid-justifyItems--start":"mdsGrid-module-MdsGrid-justifyItems--start-eHRaj-4-18-0","MdsGrid-justifyItems--end":"mdsGrid-module-MdsGrid-justifyItems--end-edjoX-4-18-0","MdsGrid-justifyItems--center":"mdsGrid-module-MdsGrid-justifyItems--center-2X7nZ-4-18-0","MdsGrid-justifyItems--stretch":"mdsGrid-module-MdsGrid-justifyItems--stretch-kn94P-4-18-0","MdsGrid-alignItems--start":"mdsGrid-module-MdsGrid-alignItems--start-2Do86-4-18-0","MdsGrid-alignItems--end":"mdsGrid-module-MdsGrid-alignItems--end-waknT-4-18-0","MdsGrid-alignItems--center":"mdsGrid-module-MdsGrid-alignItems--center-yx4U8-4-18-0","MdsGrid-alignItems--stretch":"mdsGrid-module-MdsGrid-alignItems--stretch-Bqs-w-4-18-0","MdsGrid-autoFlow--row":"mdsGrid-module-MdsGrid-autoFlow--row-hbgrw-4-18-0","MdsGrid-autoFlow--column":"mdsGrid-module-MdsGrid-autoFlow--column-rqFc3-4-18-0","MdsGrid-autoFlow--row dense":"mdsGrid-module-MdsGrid-autoFlow--row--dense-lbfql-4-18-0","MdsGrid-autoFlow--column dense":"mdsGrid-module-MdsGrid-autoFlow--column--dense-bJ3Pc-4-18-0","MdsGrid-templateColumns--repeat(1, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--1----1fr---LXjWZ-4-18-0","MdsGrid-templateColumns--repeat(2, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--2----1fr---Ib92--4-18-0","MdsGrid-templateColumns--repeat(3, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--3----1fr---kX-cN-4-18-0","MdsGrid-templateColumns--repeat(4, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--4----1fr---A8VSk-4-18-0","MdsGrid-templateColumns--repeat(12, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--12----1fr---vSCpW-4-18-0","MdsGrid-templateColumns--1fr 1fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--1fr--1fr--1fr-bvXnM-4-18-0","MdsGrid-templateColumns--1fr 2fr":"mdsGrid-module-MdsGrid-templateColumns--1fr--2fr-SG4cB-4-18-0","MdsGrid-templateColumns--2fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--2fr--1fr-doRYF-4-18-0","MdsGrid-templateColumns--2fr 1fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--2fr--1fr--1fr-PlTNP-4-18-0","MdsGrid-templateColumns--200px 1fr 2fr":"mdsGrid-module-MdsGrid-templateColumns--200px--1fr--2fr-vKcqN-4-18-0","MdsGrid-templateRows--auto auto auto":"mdsGrid-module-MdsGrid-templateRows--auto--auto--auto-Xqtrn-4-18-0","MdsGrid-templateRows--100px 200px":"mdsGrid-module-MdsGrid-templateRows--100px--200px-3Vgry-4-18-0","MdsGrid-templateRows--1fr 2fr":"mdsGrid-module-MdsGrid-templateRows--1fr--2fr-Tix---4-18-0","MdsGrid-templateRows--auto 1fr":"mdsGrid-module-MdsGrid-templateRows--auto--1fr-zwVSp-4-18-0","MdsGridItem":"mdsGrid-module-MdsGridItem--FsIK-4-18-0","MdsGridItem-justifySelf--start":"mdsGrid-module-MdsGridItem-justifySelf--start-CHjwa-4-18-0","MdsGridItem-justifySelf--end":"mdsGrid-module-MdsGridItem-justifySelf--end-rvVbS-4-18-0","MdsGridItem-justifySelf--center":"mdsGrid-module-MdsGridItem-justifySelf--center-vasFQ-4-18-0","MdsGridItem-justifySelf--stretch":"mdsGrid-module-MdsGridItem-justifySelf--stretch-YgtoO-4-18-0","MdsGridItem-alignSelf--start":"mdsGrid-module-MdsGridItem-alignSelf--start-rz0Wg-4-18-0","MdsGridItem-alignSelf--end":"mdsGrid-module-MdsGridItem-alignSelf--end-xtt0h-4-18-0","MdsGridItem-alignSelf--center":"mdsGrid-module-MdsGridItem-alignSelf--center-T1fvd-4-18-0","MdsGridItem-alignSelf--stretch":"mdsGrid-module-MdsGridItem-alignSelf--stretch-tYo2v-4-18-0","MdsGridItem-columnSpan--1":"mdsGrid-module-MdsGridItem-columnSpan--1--rcAl-4-18-0","MdsGridItem-columnSpan--2":"mdsGrid-module-MdsGridItem-columnSpan--2-ocHQu-4-18-0","MdsGridItem-columnSpan--3":"mdsGrid-module-MdsGridItem-columnSpan--3-lRLzj-4-18-0","MdsGridItem-columnSpan--4":"mdsGrid-module-MdsGridItem-columnSpan--4-PkE3H-4-18-0","MdsGridItem-columnSpan--5":"mdsGrid-module-MdsGridItem-columnSpan--5-bIRoL-4-18-0","MdsGridItem-columnSpan--6":"mdsGrid-module-MdsGridItem-columnSpan--6-LngYK-4-18-0","MdsGridItem-columnSpan--7":"mdsGrid-module-MdsGridItem-columnSpan--7-8D5lx-4-18-0","MdsGridItem-columnSpan--8":"mdsGrid-module-MdsGridItem-columnSpan--8-6cOqO-4-18-0","MdsGridItem-columnSpan--9":"mdsGrid-module-MdsGridItem-columnSpan--9-YvDY7-4-18-0","MdsGridItem-columnSpan--10":"mdsGrid-module-MdsGridItem-columnSpan--10-Jda-6-4-18-0","MdsGridItem-columnSpan--11":"mdsGrid-module-MdsGridItem-columnSpan--11-0sVRm-4-18-0","MdsGridItem-columnSpan--12":"mdsGrid-module-MdsGridItem-columnSpan--12-iYiVh-4-18-0","MdsGridItem-rowSpan--1":"mdsGrid-module-MdsGridItem-rowSpan--1-UfSFY-4-18-0","MdsGridItem-rowSpan--2":"mdsGrid-module-MdsGridItem-rowSpan--2-RcCmm-4-18-0","MdsGridItem-rowSpan--3":"mdsGrid-module-MdsGridItem-rowSpan--3-2l-1t-4-18-0","MdsGridItem-rowSpan--4":"mdsGrid-module-MdsGridItem-rowSpan--4-w3b-k-4-18-0","MdsGridItem-rowSpan--5":"mdsGrid-module-MdsGridItem-rowSpan--5-xDjGB-4-18-0","MdsGridItem-rowSpan--6":"mdsGrid-module-MdsGridItem-rowSpan--6-COx1o-4-18-0","MdsGridItem-columnStart--1":"mdsGrid-module-MdsGridItem-columnStart--1-8Egf8-4-18-0","MdsGridItem-columnStart--2":"mdsGrid-module-MdsGridItem-columnStart--2-F8nbf-4-18-0","MdsGridItem-columnStart--3":"mdsGrid-module-MdsGridItem-columnStart--3-PlzEc-4-18-0","MdsGridItem-columnStart--4":"mdsGrid-module-MdsGridItem-columnStart--4-8S4L--4-18-0","MdsGridItem-columnStart--5":"mdsGrid-module-MdsGridItem-columnStart--5-Ew-g2-4-18-0","MdsGridItem-columnStart--6":"mdsGrid-module-MdsGridItem-columnStart--6-oBVoo-4-18-0","MdsGridItem-columnStart--7":"mdsGrid-module-MdsGridItem-columnStart--7-Cnb7p-4-18-0","MdsGridItem-columnStart--8":"mdsGrid-module-MdsGridItem-columnStart--8-xjKMr-4-18-0","MdsGridItem-columnStart--9":"mdsGrid-module-MdsGridItem-columnStart--9-L9-zC-4-18-0","MdsGridItem-columnStart--10":"mdsGrid-module-MdsGridItem-columnStart--10-lJThd-4-18-0","MdsGridItem-columnStart--11":"mdsGrid-module-MdsGridItem-columnStart--11-ORr-q-4-18-0","MdsGridItem-columnStart--12":"mdsGrid-module-MdsGridItem-columnStart--12-QFwjD-4-18-0","MdsGridItem-rowStart--1":"mdsGrid-module-MdsGridItem-rowStart--1-IKxiL-4-18-0","MdsGridItem-rowStart--2":"mdsGrid-module-MdsGridItem-rowStart--2-yaQUd-4-18-0","MdsGridItem-rowStart--3":"mdsGrid-module-MdsGridItem-rowStart--3-JCrYv-4-18-0","MdsGridItem-rowStart--4":"mdsGrid-module-MdsGridItem-rowStart--4-uCJy3-4-18-0","MdsGridItem-rowStart--5":"mdsGrid-module-MdsGridItem-rowStart--5-5qYoX-4-18-0","MdsGridItem-rowStart--6":"mdsGrid-module-MdsGridItem-rowStart--6-OvU4E-4-18-0"};
|
|
7663
|
+
styleInject(css_248z$P);
|
|
7664
|
+
|
|
7665
|
+
var _excluded$12 = ["columnSpan", "rowSpan", "columnStart", "rowStart", "justifySelf", "alignSelf", "className", "children"];
|
|
7666
|
+
var GridItem = function GridItem(props) {
|
|
7667
|
+
var columnSpan = props.columnSpan,
|
|
7668
|
+
rowSpan = props.rowSpan,
|
|
7669
|
+
columnStart = props.columnStart,
|
|
7670
|
+
rowStart = props.rowStart,
|
|
7671
|
+
justifySelf = props.justifySelf,
|
|
7672
|
+
alignSelf = props.alignSelf,
|
|
7673
|
+
className = props.className,
|
|
7674
|
+
children = props.children,
|
|
7675
|
+
rest = _objectWithoutProperties(props, _excluded$12);
|
|
7676
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$O.MdsGridItem, true), styles$O["MdsGridItem-justifySelf--".concat(justifySelf)], justifySelf), styles$O["MdsGridItem-alignSelf--".concat(alignSelf)], alignSelf), styles$O["MdsGridItem-columnSpan--".concat(columnSpan)], columnSpan), styles$O["MdsGridItem-rowSpan--".concat(rowSpan)], rowSpan), styles$O["MdsGridItem-columnStart--".concat(columnStart)], columnStart), styles$O["MdsGridItem-rowStart--".concat(rowStart)], rowStart), className);
|
|
7677
|
+
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
7678
|
+
"data-test": "DesignSystem-MdsGridItem"
|
|
7679
|
+
}, rest, {
|
|
7680
|
+
className: classes
|
|
7681
|
+
}), children);
|
|
7682
|
+
};
|
|
7683
|
+
GridItem.defaultProps = {
|
|
7684
|
+
columnSpan: 1,
|
|
7685
|
+
rowSpan: 1
|
|
7686
|
+
};
|
|
7687
|
+
|
|
7688
|
+
var _excluded$11 = ["templateColumns", "templateRows", "gap", "columnGap", "rowGap", "autoFlow", "justifyItems", "alignItems", "className", "style", "children"];
|
|
7689
|
+
var spacingTokenMap = {
|
|
7690
|
+
'spacing-10': 'var(--spacing-10)',
|
|
7691
|
+
'spacing-20': 'var(--spacing-20)',
|
|
7692
|
+
'spacing-30': 'var(--spacing-30)',
|
|
7693
|
+
'spacing-40': 'var(--spacing-40)',
|
|
7694
|
+
'spacing-60': 'var(--spacing-60)',
|
|
7695
|
+
'spacing-80': 'var(--spacing-80)',
|
|
7696
|
+
'spacing-120': 'var(--spacing-120)',
|
|
7697
|
+
'spacing-160': 'var(--spacing-160)'
|
|
7698
|
+
};
|
|
7699
|
+
var getSpacingValue = function getSpacingValue(spacing) {
|
|
7700
|
+
if (!spacing) return undefined;
|
|
7701
|
+
return spacingTokenMap[spacing];
|
|
7702
|
+
};
|
|
7703
|
+
var buildResponsiveStyles = function buildResponsiveStyles(value, cssProperty) {
|
|
7704
|
+
if (!value) return {};
|
|
7705
|
+
if (typeof value === 'string') {
|
|
7706
|
+
if (cssProperty.includes('gap')) {
|
|
7707
|
+
return _defineProperty$1({}, cssProperty, getSpacingValue(value));
|
|
7708
|
+
}
|
|
7709
|
+
return _defineProperty$1({}, cssProperty, value);
|
|
7710
|
+
}
|
|
7711
|
+
var styles = {};
|
|
7712
|
+
if (value.xs) {
|
|
7713
|
+
if (cssProperty.includes('gap')) {
|
|
7714
|
+
var spacingValue = getSpacingValue(value.xs);
|
|
7715
|
+
if (spacingValue) {
|
|
7716
|
+
styles[cssProperty] = spacingValue;
|
|
7717
|
+
}
|
|
7718
|
+
} else {
|
|
7719
|
+
styles[cssProperty] = value.xs;
|
|
7720
|
+
}
|
|
7721
|
+
}
|
|
7722
|
+
return styles;
|
|
7723
|
+
};
|
|
7724
|
+
var MdsGrid = function MdsGrid(props) {
|
|
7725
|
+
var templateColumns = props.templateColumns,
|
|
7726
|
+
templateRows = props.templateRows,
|
|
7727
|
+
gap = props.gap,
|
|
7728
|
+
columnGap = props.columnGap,
|
|
7729
|
+
rowGap = props.rowGap,
|
|
7730
|
+
autoFlow = props.autoFlow,
|
|
7731
|
+
justifyItems = props.justifyItems,
|
|
7732
|
+
alignItems = props.alignItems,
|
|
7733
|
+
className = props.className,
|
|
7734
|
+
style = props.style,
|
|
7735
|
+
children = props.children,
|
|
7736
|
+
rest = _objectWithoutProperties(props, _excluded$11);
|
|
7737
|
+
var inlineStyles = _objectSpread2({}, style);
|
|
7738
|
+
if (templateColumns) {
|
|
7739
|
+
if (typeof templateColumns === 'string') {
|
|
7740
|
+
inlineStyles.gridTemplateColumns = templateColumns;
|
|
7741
|
+
} else if (templateColumns.xs) {
|
|
7742
|
+
inlineStyles.gridTemplateColumns = templateColumns.xs;
|
|
7743
|
+
}
|
|
7744
|
+
}
|
|
7745
|
+
if (templateRows) {
|
|
7746
|
+
if (typeof templateRows === 'string') {
|
|
7747
|
+
inlineStyles.gridTemplateRows = templateRows;
|
|
7748
|
+
} else if (templateRows.xs) {
|
|
7749
|
+
inlineStyles.gridTemplateRows = templateRows.xs;
|
|
7750
|
+
}
|
|
7751
|
+
}
|
|
7752
|
+
var gapStyles = buildResponsiveStyles(gap, 'gap');
|
|
7753
|
+
var columnGapStyles = buildResponsiveStyles(columnGap, 'columnGap');
|
|
7754
|
+
var rowGapStyles = buildResponsiveStyles(rowGap, 'rowGap');
|
|
7755
|
+
var mergedStyles = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, inlineStyles), gapStyles), columnGapStyles), rowGapStyles);
|
|
7756
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$O.MdsGrid, true), styles$O["MdsGrid-gap--".concat(typeof gap === 'string' ? gap : undefined)], typeof gap === 'string' && gap), styles$O["MdsGrid-columnGap--".concat(typeof columnGap === 'string' ? columnGap : undefined)], typeof columnGap === 'string' && columnGap), styles$O["MdsGrid-rowGap--".concat(typeof rowGap === 'string' ? rowGap : undefined)], typeof rowGap === 'string' && rowGap), styles$O["MdsGrid-justifyItems--".concat(justifyItems)], justifyItems), styles$O["MdsGrid-alignItems--".concat(alignItems)], alignItems), styles$O["MdsGrid-autoFlow--".concat(autoFlow)], autoFlow), className);
|
|
7757
|
+
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
7758
|
+
"data-test": "DesignSystem-MdsGrid"
|
|
7759
|
+
}, rest, {
|
|
7760
|
+
className: classes,
|
|
7761
|
+
style: mergedStyles
|
|
7762
|
+
}), children);
|
|
7763
|
+
};
|
|
7764
|
+
MdsGrid.displayName = 'MdsGrid';
|
|
7765
|
+
MdsGrid.defaultProps = {
|
|
7766
|
+
autoFlow: 'row',
|
|
7767
|
+
justifyItems: 'stretch',
|
|
7768
|
+
alignItems: 'stretch'
|
|
7769
|
+
};
|
|
7770
|
+
MdsGrid.GridItem = GridItem;
|
|
7771
|
+
|
|
7529
7772
|
/**
|
|
7530
7773
|
* Key codes are deprecated, soon major browser support will end.
|
|
7531
7774
|
*/
|
|
@@ -7585,12 +7828,12 @@ function isElementOfType(element) {
|
|
|
7585
7828
|
return element != null && element.type != null;
|
|
7586
7829
|
}
|
|
7587
7830
|
|
|
7588
|
-
var css_248z$O = ".slider-module-Slider-6TikH-4-
|
|
7589
|
-
var styles$N = {"Slider":"slider-module-Slider-6TikH-4-
|
|
7831
|
+
var css_248z$O = ".slider-module-Slider-6TikH-4-18-0 {\n width: 100%;\n}\n\n.slider-module-Slider-wrapper-WM2J6-4-18-0 {\n position: relative;\n outline: none;\n cursor: pointer;\n}\n\n.slider-module-Slider-wrapper--disabled-NHJzG-4-18-0 {\n cursor: not-allowed;\n}\n\n.slider-module-Slider-track-d76a8-4-18-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-18-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-18-0 {\n background: var(--primary);\n}\n\n.slider-module-Slider-progress--inRangeDisabled-zUebN-4-18-0 {\n border: var(--border);\n}\n\n.slider-module-Slider-label-hbyPe-4-18-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-18-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-18-0 {\n visibility: visible;\n}\n\n.slider-module-Slider-tooltip--hidden--RxsH-4-18-0 {\n visibility: hidden;\n}\n\n.slider-module-Slider-tooltip-GGohr-4-18-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-18-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-18-0:hover {\n background-color: var(--primary-lightest);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-18-0:active {\n background-color: var(--primary);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-18-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-18-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-18-0:focus {\n box-shadow: none;\n}\n";
|
|
7832
|
+
var styles$N = {"Slider":"slider-module-Slider-6TikH-4-18-0","Slider-wrapper":"slider-module-Slider-wrapper-WM2J6-4-18-0","Slider-wrapper--disabled":"slider-module-Slider-wrapper--disabled-NHJzG-4-18-0","Slider-track":"slider-module-Slider-track-d76a8-4-18-0","Slider-progress":"slider-module-Slider-progress-371yB-4-18-0","Slider-progress--inRange":"slider-module-Slider-progress--inRange-GkXBe-4-18-0","Slider-progress--inRangeDisabled":"slider-module-Slider-progress--inRangeDisabled-zUebN-4-18-0","Slider-label":"slider-module-Slider-label-hbyPe-4-18-0","Slider-ticks":"slider-module-Slider-ticks-J8lu0-4-18-0","Slider-tooltip--visible":"slider-module-Slider-tooltip--visible-O3adL-4-18-0","Slider-tooltip--hidden":"slider-module-Slider-tooltip--hidden--RxsH-4-18-0","Slider-tooltip":"slider-module-Slider-tooltip-GGohr-4-18-0","Slider-handle":"slider-module-Slider-handle-WSP0Z-4-18-0","Slider-handle--disabled":"slider-module-Slider-handle--disabled-SdL-F-4-18-0"};
|
|
7590
7833
|
styleInject(css_248z$O);
|
|
7591
7834
|
|
|
7592
|
-
var css_248z$N = ".tooltip-module-Tooltip-BzFZs-4-
|
|
7593
|
-
var styles$M = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-
|
|
7835
|
+
var css_248z$N = ".tooltip-module-Tooltip-BzFZs-4-18-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-18-0 {\n line-height: var(--font-height-s);\n}\n\n.tooltip-module-Tooltip-text-tDwJG-4-18-0 {\n word-break: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n\n@keyframes tooltip-module-tooltip-open-top-VGviE-4-18-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-18-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-18-0 {\n animation: tooltip-module-tooltip-open-top-VGviE-4-18-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-18-0 {\n animation: tooltip-module-tooltip-close-top-xSYx8-4-18-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n@keyframes tooltip-module-tooltip-open-bottom-aJGl9-4-18-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-18-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-18-0 {\n animation: tooltip-module-tooltip-open-bottom-aJGl9-4-18-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-18-0 {\n animation: tooltip-module-tooltip-close-bottom-eYZve-4-18-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-left-s3-1K-4-18-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-18-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-18-0 {\n animation: tooltip-module-tooltip-open-left-s3-1K-4-18-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-left-vH8jz-4-18-0 {\n animation: tooltip-module-tooltip-close-left-yNuIX-4-18-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-right-Ia-cr-4-18-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-18-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-18-0 {\n animation: tooltip-module-tooltip-open-right-Ia-cr-4-18-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-right-KMa4x-4-18-0 {\n animation: tooltip-module-tooltip-close-right-yOe2m-4-18-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.tooltip-module-Tooltip-container-iDy8C-4-18-0 {\n transition-delay: 400ms;\n animation-delay: 400ms;\n}\n";
|
|
7836
|
+
var styles$M = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-18-0","Tooltip--small":"tooltip-module-Tooltip--small-WsdO5-4-18-0","Tooltip-text":"tooltip-module-Tooltip-text-tDwJG-4-18-0","Tooltip-animation-open-top":"tooltip-module-Tooltip-animation-open-top-D0Bht-4-18-0","tooltip-open-top":"tooltip-module-tooltip-open-top-VGviE-4-18-0","Tooltip-animation-close-top":"tooltip-module-Tooltip-animation-close-top-p--Cg-4-18-0","tooltip-close-top":"tooltip-module-tooltip-close-top-xSYx8-4-18-0","Tooltip-animation-open-bottom":"tooltip-module-Tooltip-animation-open-bottom-WKD5b-4-18-0","tooltip-open-bottom":"tooltip-module-tooltip-open-bottom-aJGl9-4-18-0","Tooltip-animation-close-bottom":"tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-18-0","tooltip-close-bottom":"tooltip-module-tooltip-close-bottom-eYZve-4-18-0","Tooltip-animation-open-left":"tooltip-module-Tooltip-animation-open-left-cZNy6-4-18-0","tooltip-open-left":"tooltip-module-tooltip-open-left-s3-1K-4-18-0","Tooltip-animation-close-left":"tooltip-module-Tooltip-animation-close-left-vH8jz-4-18-0","tooltip-close-left":"tooltip-module-tooltip-close-left-yNuIX-4-18-0","Tooltip-animation-open-right":"tooltip-module-Tooltip-animation-open-right-PzfHz-4-18-0","tooltip-open-right":"tooltip-module-tooltip-open-right-Ia-cr-4-18-0","Tooltip-animation-close-right":"tooltip-module-Tooltip-animation-close-right-KMa4x-4-18-0","tooltip-close-right":"tooltip-module-tooltip-close-right-yOe2m-4-18-0","Tooltip-container":"tooltip-module-Tooltip-container-iDy8C-4-18-0"};
|
|
7594
7837
|
styleInject(css_248z$N);
|
|
7595
7838
|
|
|
7596
7839
|
var Handle = /*#__PURE__*/function (_React$Component) {
|
|
@@ -8194,8 +8437,8 @@ Paragraph.defaultProps = {
|
|
|
8194
8437
|
appearance: 'default'
|
|
8195
8438
|
};
|
|
8196
8439
|
|
|
8197
|
-
var css_248z$M = ".progressBar-module-ProgressBar-I9SrG-4-
|
|
8198
|
-
var styles$L = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-
|
|
8440
|
+
var css_248z$M = ".progressBar-module-ProgressBar-I9SrG-4-18-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-18-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-18-0 {\n height: var(--spacing-10);\n}\n\n.progressBar-module-ProgressBar-indicator--regular-XWwir-4-18-0 {\n height: var(--spacing-20);\n}\n\n.progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-18-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-18-0 1.4s infinite linear;\n}\n\n@keyframes progressBar-module-indeterminate-progress-bar-WrhBP-4-18-0 {\n from {\n left: -32%;\n }\n to {\n left: 100%;\n }\n}\n";
|
|
8441
|
+
var styles$L = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-18-0","ProgressBar-indicator":"progressBar-module-ProgressBar-indicator-Wk5Cj-4-18-0","ProgressBar-indicator--small":"progressBar-module-ProgressBar-indicator--small-3qwXo-4-18-0","ProgressBar-indicator--regular":"progressBar-module-ProgressBar-indicator--regular-XWwir-4-18-0","ProgressBar-indicator--indeterminate":"progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-18-0","indeterminate-progress-bar":"progressBar-module-indeterminate-progress-bar-WrhBP-4-18-0"};
|
|
8199
8442
|
styleInject(css_248z$M);
|
|
8200
8443
|
|
|
8201
8444
|
var ProgressBar = function ProgressBar(props) {
|
|
@@ -8227,8 +8470,8 @@ ProgressBar.defaultProps = {
|
|
|
8227
8470
|
state: 'default'
|
|
8228
8471
|
};
|
|
8229
8472
|
|
|
8230
|
-
var css_248z$L = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-
|
|
8231
|
-
var styles$K = {"Radio":"radio-module-Radio-sJTSN-4-
|
|
8473
|
+
var css_248z$L = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-18-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-18-0 {\n position: relative;\n flex-shrink: 0;\n margin-top: var(--spacing-05);\n}\n\n.radio-module-Radio-defaultWrapper-42-VN-4-18-0 {\n border: var(--border);\n}\n\n.radio-module-Radio-errorWrapper-EIko4-4-18-0 {\n border: var(--border);\n border-color: var(--alert);\n}\n\n.radio-module-Radio-outerWrapper--regular-GAbrZ-4-18-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.radio-module-Radio-outerWrapper--tiny-ICX4H-4-18-0 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.radio-module-Radio-input-tMZXc-4-18-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-18-0 {\n padding-left: var(--spacing-20);\n display: flex;\n flex-direction: column;\n}\n\n.radio-module-Radio-Label-pyxfI-4-18-0 {\n display: flex;\n cursor: pointer;\n}\n\n.radio-module-Radio-wrapper-X9saa-4-18-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-18-0 {\n pointer-events: none;\n}\n\n.radio-module-Radio-sJTSN-4-18-0:hover .radio-module-Radio-wrapper-X9saa-4-18-0 {\n border: var(--border-width-2-5) solid var(--secondary-dark);\n background-color: var(--secondary-lighter);\n}\n\n.radio-module-Radio-sJTSN-4-18-0:active .radio-module-Radio-wrapper-X9saa-4-18-0 {\n background-color: var(--secondary-light);\n border: var(--border-width-2-5) solid var(--inverse-lightest);\n}\n\n.radio-module-Radio-sJTSN-4-18-0:hover .radio-module-Radio-errorWrapper-EIko4-4-18-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-18-0:active .radio-module-Radio-errorWrapper-EIko4-4-18-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-18-0:focus-within .radio-module-Radio-wrapper-X9saa-4-18-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n border-radius: var(--border-radius-full);\n}\n\n.radio-module-Radio-sJTSN-4-18-0:focus-within .radio-module-Radio-errorWrapper-EIko4-4-18-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n border-radius: var(--border-radius-full);\n}\n\n.radio-module-Radio-sJTSN-4-18-0:focus-within .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-18-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.radio-module-Radio-sJTSN-4-18-0:focus-within .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-18-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-18-0 .radio-module-Radio-wrapper-X9saa-4-18-0 {\n border: var(--border-width-2-5) solid var(--secondary-light);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-18-0 .radio-module-Radio-errorWrapper-EIko4-4-18-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-18-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-18-0 {\n border: var(--border-width-2-5) solid var(--primary);\n}\n\n.radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-18-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-18-0:after {\n display: block;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.radio-module-Radio-wrapper-X9saa-4-18-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-18-0:after {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.radio-module-Radio-wrapper--tiny-V-uaD-4-18-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-18-0:hover .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-18-0 {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-18-0:hover .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-18-0:after {\n background: var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-18-0:hover .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-18-0:after {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-18-0:active .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-18-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-18-0:hover .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-18-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-18-0:active .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-18-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-18-0:active .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-18-0:after {\n background: var(--primary-darker);\n}\n\n.radio-module-Radio-sJTSN-4-18-0:active .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-18-0:after {\n border: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-18-0 .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-18-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-18-0 .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-18-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-18-0 .radio-module-Radio-input-tMZXc-4-18-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-18-0:after {\n background: var(--primary-lighter);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-18-0 .radio-module-Radio-input-tMZXc-4-18-0 ~ .radio-module-Radio-wrapper-X9saa-4-18-0:focus {\n box-shadow: none;\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-18-0 .radio-module-Radio-input-tMZXc-4-18-0 ~ .radio-module-Radio-errorWrapper-EIko4-4-18-0:focus {\n box-shadow: none;\n}\n";
|
|
8474
|
+
var styles$K = {"Radio":"radio-module-Radio-sJTSN-4-18-0","Radio-outerWrapper":"radio-module-Radio-outerWrapper-y7yec-4-18-0","Radio-defaultWrapper":"radio-module-Radio-defaultWrapper-42-VN-4-18-0","Radio-errorWrapper":"radio-module-Radio-errorWrapper-EIko4-4-18-0","Radio-outerWrapper--regular":"radio-module-Radio-outerWrapper--regular-GAbrZ-4-18-0","Radio-outerWrapper--tiny":"radio-module-Radio-outerWrapper--tiny-ICX4H-4-18-0","Radio-input":"radio-module-Radio-input-tMZXc-4-18-0","Radio-labelWrapper":"radio-module-Radio-labelWrapper-aPfU--4-18-0","Radio-Label":"radio-module-Radio-Label-pyxfI-4-18-0","Radio-wrapper":"radio-module-Radio-wrapper-X9saa-4-18-0","Radio--disabled":"radio-module-Radio--disabled-Mbuyd-4-18-0","Radio-wrapper--regular":"radio-module-Radio-wrapper--regular-bCOY2-4-18-0","Radio-wrapper--tiny":"radio-module-Radio-wrapper--tiny-V-uaD-4-18-0"};
|
|
8232
8475
|
styleInject(css_248z$L);
|
|
8233
8476
|
|
|
8234
8477
|
var _excluded$_ = ["size", "label", "disabled", "onChange", "name", "value", "checked", "defaultChecked", "className", "helpText", "error"];
|
|
@@ -8309,8 +8552,8 @@ var Row = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8309
8552
|
});
|
|
8310
8553
|
Row.displayName = 'Row';
|
|
8311
8554
|
|
|
8312
|
-
var css_248z$K = ".statusHint-module-StatusHint-20-9Y-4-
|
|
8313
|
-
var styles$J = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-
|
|
8555
|
+
var css_248z$K = ".statusHint-module-StatusHint-20-9Y-4-18-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-18-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-18-0 {\n background: var(--alert);\n}\n\n.statusHint-module-StatusHint--success-vLRLm-4-18-0 {\n background: var(--success);\n}\n\n.statusHint-module-StatusHint--warning-Go4Xc-4-18-0 {\n background: var(--warning);\n}\n\n.statusHint-module-StatusHint--info--Qb0E-4-18-0 {\n background: var(--primary);\n}\n\n.statusHint-module-StatusHint--default-XXxYB-4-18-0 {\n background: var(--secondary-light);\n}\n";
|
|
8556
|
+
var styles$J = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-18-0","StatusHint-icon":"statusHint-module-StatusHint-icon-XMbB3-4-18-0","StatusHint--alert":"statusHint-module-StatusHint--alert-6GWUf-4-18-0","StatusHint--success":"statusHint-module-StatusHint--success-vLRLm-4-18-0","StatusHint--warning":"statusHint-module-StatusHint--warning-Go4Xc-4-18-0","StatusHint--info":"statusHint-module-StatusHint--info--Qb0E-4-18-0","StatusHint--default":"statusHint-module-StatusHint--default-XXxYB-4-18-0"};
|
|
8314
8557
|
styleInject(css_248z$K);
|
|
8315
8558
|
|
|
8316
8559
|
var StatusHint = function StatusHint(props) {
|
|
@@ -8324,7 +8567,7 @@ var StatusHint = function StatusHint(props) {
|
|
|
8324
8567
|
_props$size = props.size,
|
|
8325
8568
|
size = _props$size === void 0 ? 'regular' : _props$size;
|
|
8326
8569
|
var baseProps = extractBaseProps(props);
|
|
8327
|
-
var StatusHintClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$J.StatusHint, true), styles$
|
|
8570
|
+
var StatusHintClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$J.StatusHint, true), styles$17.StatusHint, true), className);
|
|
8328
8571
|
var StatusHintIconClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$J['StatusHint-icon'], true), styles$J["StatusHint--".concat(appearance)], appearance), 'mr-3-5', size === 'small'), 'mr-4', size === 'regular'));
|
|
8329
8572
|
var StatusHintTextClass = classnames(_defineProperty$1({}, 'ellipsis--noWrap', truncateLabel));
|
|
8330
8573
|
var renderChildren = function renderChildren() {
|
|
@@ -8366,8 +8609,8 @@ StatusHint.defaultProps = {
|
|
|
8366
8609
|
appearance: 'default'
|
|
8367
8610
|
};
|
|
8368
8611
|
|
|
8369
|
-
var css_248z$J = ".pills-module-Pills--00hR-4-
|
|
8370
|
-
var styles$I = {"Pills":"pills-module-Pills--00hR-4-
|
|
8612
|
+
var css_248z$J = ".pills-module-Pills--00hR-4-18-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";
|
|
8613
|
+
var styles$I = {"Pills":"pills-module-Pills--00hR-4-18-0"};
|
|
8371
8614
|
styleInject(css_248z$J);
|
|
8372
8615
|
|
|
8373
8616
|
var Pills = function Pills(props) {
|
|
@@ -8388,8 +8631,8 @@ Pills.defaultProps = {
|
|
|
8388
8631
|
appearance: 'secondary'
|
|
8389
8632
|
};
|
|
8390
8633
|
|
|
8391
|
-
var css_248z$I = "@keyframes spinner-module-rotate--J0VK-4-
|
|
8392
|
-
var styles$H = {"Spinner":"spinner-module-Spinner-Gnrbl-4-
|
|
8634
|
+
var css_248z$I = "@keyframes spinner-module-rotate--J0VK-4-18-0 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spinner-module-spin-EtIAo-4-18-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-18-0 {\n animation: spinner-module-rotate--J0VK-4-18-0 2s linear infinite;\n}\n\n.spinner-module-Spinner--xsmall-fTG9G-4-18-0 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.spinner-module-Spinner--small-H43c1-4-18-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.spinner-module-Spinner--medium-FJ68A-4-18-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.spinner-module-Spinner--large-mEm-A-4-18-0 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.spinner-module-Circle--gSx3-4-18-0 {\n stroke-linecap: round;\n stroke-dasharray: 1 200;\n stroke-dashoffset: 0;\n animation: spinner-module-spin-EtIAo-4-18-0 1.5s ease-in-out infinite;\n}\n\n.spinner-module-Circle--primary-REY8w-4-18-0 {\n stroke: var(--primary);\n}\n\n.spinner-module-Circle--secondary-KzVQ8-4-18-0 {\n stroke: var(--secondary-dark);\n}\n\n.spinner-module-Circle--white-xc8CI-4-18-0 {\n stroke: var(--white);\n}\n\n.spinner-module-Circle--alert-KYAj6-4-18-0 {\n stroke: var(--alert);\n}\n";
|
|
8635
|
+
var styles$H = {"Spinner":"spinner-module-Spinner-Gnrbl-4-18-0","rotate":"spinner-module-rotate--J0VK-4-18-0","Spinner--xsmall":"spinner-module-Spinner--xsmall-fTG9G-4-18-0","Spinner--small":"spinner-module-Spinner--small-H43c1-4-18-0","Spinner--medium":"spinner-module-Spinner--medium-FJ68A-4-18-0","Spinner--large":"spinner-module-Spinner--large-mEm-A-4-18-0","Circle":"spinner-module-Circle--gSx3-4-18-0","spin":"spinner-module-spin-EtIAo-4-18-0","Circle--primary":"spinner-module-Circle--primary-REY8w-4-18-0","Circle--secondary":"spinner-module-Circle--secondary-KzVQ8-4-18-0","Circle--white":"spinner-module-Circle--white-xc8CI-4-18-0","Circle--alert":"spinner-module-Circle--alert-KYAj6-4-18-0"};
|
|
8393
8636
|
styleInject(css_248z$I);
|
|
8394
8637
|
|
|
8395
8638
|
var Spinner = function Spinner(props) {
|
|
@@ -8504,8 +8747,8 @@ RangeSlider.defaultProps = _objectSpread2(_objectSpread2({}, MultiSlider.default
|
|
|
8504
8747
|
defaultValue: [0, 10]
|
|
8505
8748
|
});
|
|
8506
8749
|
|
|
8507
|
-
var css_248z$H = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-
|
|
8508
|
-
var styles$G = {"Subheading":"subheading-module-Subheading-qdIJH-4-
|
|
8750
|
+
var css_248z$H = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-18-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-18-0 {\n color: var(--text);\n}\n\n.subheading-module-Subheading--subtle--rivS-4-18-0 {\n color: var(--text-subtle);\n}\n\n.subheading-module-Subheading--disabled-LAyqD-4-18-0 {\n color: var(--text-disabled);\n}\n\n.subheading-module-Subheading--white-Y8Awi-4-18-0 {\n color: var(--text-white);\n}\n";
|
|
8751
|
+
var styles$G = {"Subheading":"subheading-module-Subheading-qdIJH-4-18-0","Subheading--default":"subheading-module-Subheading--default-wlFtB-4-18-0","Subheading--subtle":"subheading-module-Subheading--subtle--rivS-4-18-0","Subheading--disabled":"subheading-module-Subheading--disabled-LAyqD-4-18-0","Subheading--white":"subheading-module-Subheading--white-Y8Awi-4-18-0"};
|
|
8509
8752
|
styleInject(css_248z$H);
|
|
8510
8753
|
|
|
8511
8754
|
var _excluded$W = ["appearance", "children", "className", "color"];
|
|
@@ -8530,8 +8773,8 @@ Subheading.defaultProps = {
|
|
|
8530
8773
|
appearance: 'default'
|
|
8531
8774
|
};
|
|
8532
8775
|
|
|
8533
|
-
var css_248z$G = ".switch-module-Switch-QepNe-4-
|
|
8534
|
-
var styles$F = {"Switch":"switch-module-Switch-QepNe-4-
|
|
8776
|
+
var css_248z$G = ".switch-module-Switch-QepNe-4-18-0 {\n display: inline-flex;\n position: relative;\n}\n\n.switch-module-Switch--tiny-r1E6o-4-18-0 {\n height: var(--spacing-40);\n width: var(--spacing-80);\n}\n\n.switch-module-Switch--regular-ciyyD-4-18-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch--large-kX3JT-4-18-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch-input-5oT7E-4-18-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-18-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-18-0:focus ~ .switch-module-Switch-wrapper-btwpQ-4-18-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-18-0:focus ~ .switch-module-Switch-wrapper--checked-1oCxY-4-18-0 {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n background-color: var(--primary);\n}\n\n.switch-module-Switch-input-5oT7E-4-18-0:hover ~ .switch-module-Switch-wrapper-btwpQ-4-18-0 {\n background-color: var(--secondary);\n}\n\n.switch-module-Switch-input-5oT7E-4-18-0:hover ~ .switch-module-Switch-wrapper--checked-1oCxY-4-18-0 {\n background-color: var(--primary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-18-0:active ~ .switch-module-Switch-wrapper-btwpQ-4-18-0 {\n background-color: var(--secondary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-18-0:active ~ .switch-module-Switch-wrapper--checked-1oCxY-4-18-0 {\n background-color: var(--primary-darker);\n}\n\n.switch-module-Switch-wrapper--tiny--PBMV-4-18-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--regular-6j-AT-4-18-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--large-A8WkP-4-18-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper-btwpQ-4-18-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-18-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-18-0:before {\n transform: translateX(100%);\n transition-duration: 80ms;\n}\n\n.switch-module-Switch--disabled-xXiea-4-18-0 {\n pointer-events: none;\n}\n\n.switch-module-Switch-wrapper--disabled-HghBP-4-18-0 {\n background-color: var(--secondary-lighter);\n}\n\n.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-18-0 {\n background-color: var(--primary-lighter);\n}\n";
|
|
8777
|
+
var styles$F = {"Switch":"switch-module-Switch-QepNe-4-18-0","Switch--tiny":"switch-module-Switch--tiny-r1E6o-4-18-0","Switch--regular":"switch-module-Switch--regular-ciyyD-4-18-0","Switch--large":"switch-module-Switch--large-kX3JT-4-18-0","Switch-input":"switch-module-Switch-input-5oT7E-4-18-0","Switch-wrapper":"switch-module-Switch-wrapper-btwpQ-4-18-0","Switch-wrapper--checked":"switch-module-Switch-wrapper--checked-1oCxY-4-18-0","Switch-wrapper--tiny":"switch-module-Switch-wrapper--tiny--PBMV-4-18-0","Switch-wrapper--regular":"switch-module-Switch-wrapper--regular-6j-AT-4-18-0","Switch-wrapper--large":"switch-module-Switch-wrapper--large-A8WkP-4-18-0","Switch--disabled":"switch-module-Switch--disabled-xXiea-4-18-0","Switch-wrapper--disabled":"switch-module-Switch-wrapper--disabled-HghBP-4-18-0","Switch-wrapper--checkedDisabled":"switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-18-0"};
|
|
8535
8778
|
styleInject(css_248z$G);
|
|
8536
8779
|
|
|
8537
8780
|
var _excluded$V = ["size", "defaultChecked", "disabled", "onChange", "name", "value", "className", "appearance", "checked"];
|
|
@@ -8586,8 +8829,8 @@ var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8586
8829
|
});
|
|
8587
8830
|
Switch.displayName = 'Switch';
|
|
8588
8831
|
|
|
8589
|
-
var css_248z$F = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-
|
|
8590
|
-
var styles$E = {"Textarea":"textarea-module-Textarea-Es1Ps-4-
|
|
8832
|
+
var css_248z$F = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-18-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-18-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-18-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-18-0::-ms-clear {\n display: none;\n}\n\n.textarea-module-Textarea-Es1Ps-4-18-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-18-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-18-0 {\n pointer-events: none;\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n}\n\n.textarea-module-Textarea--error-gqkse-4-18-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.textarea-module-Textarea--error-gqkse-4-18-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-18-0 {\n resize: both;\n}\n\n.textarea-module-Textarea--small-reQLZ-4-18-0 {\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-height-s);\n}\n";
|
|
8833
|
+
var styles$E = {"Textarea":"textarea-module-Textarea-Es1Ps-4-18-0","Textarea--readOnly":"textarea-module-Textarea--readOnly-mTqc8-4-18-0","Textarea--error":"textarea-module-Textarea--error-gqkse-4-18-0","Textarea--resize":"textarea-module-Textarea--resize-6QHWa-4-18-0","Textarea--small":"textarea-module-Textarea--small-reQLZ-4-18-0"};
|
|
8591
8834
|
styleInject(css_248z$F);
|
|
8592
8835
|
|
|
8593
8836
|
var _excluded$U = ["size", "rows", "resize", "disabled", "name", "placeholder", "value", "defaultValue", "required", "error", "onChange", "onClick", "onBlur", "onFocus", "className", "readOnly"];
|
|
@@ -8633,8 +8876,8 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8633
8876
|
});
|
|
8634
8877
|
Textarea.displayName = 'Textarea';
|
|
8635
8878
|
|
|
8636
|
-
var css_248z$E = "/* toast */\n\n.toast-module-Toast-OpDhM-4-
|
|
8637
|
-
var styles$D = {"Toast":"toast-module-Toast-OpDhM-4-
|
|
8879
|
+
var css_248z$E = "/* toast */\n\n.toast-module-Toast-OpDhM-4-18-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-18-0 {\n padding-bottom: var(--spacing-40);\n}\n\n.toast-module-Toast--info-dEexw-4-18-0 {\n background-color: var(--primary);\n}\n\n.toast-module-Toast--alert-gxrp--4-18-0 {\n background-color: var(--alert);\n}\n\n.toast-module-Toast--success-gju3F-4-18-0 {\n background-color: var(--success);\n}\n\n.toast-module-Toast--warning-ELr9r-4-18-0 {\n background-color: var(--warning);\n}\n\n.toast-module-Toast--warning-ELr9r-4-18-0 {\n color: var(--text);\n}\n\n.toast-module-Toast-icon-RrG2q-4-18-0 {\n line-height: var(--font-height-m);\n}\n\n.toast-module-Toast-icon--left-dAfZv-4-18-0 {\n margin-right: var(--spacing-40);\n}\n\n.toast-module-Toast-icon--right--8Qmt-4-18-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-18-0,\n.toast-module-Toast-icon--success-SOr0z-4-18-0,\n.toast-module-Toast-icon--alert-TS0aE-4-18-0,\n.toast-module-Toast-icon--default-HsZ-7-4-18-0 {\n color: var(--text-white);\n}\n\n.toast-module-Toast-icon--warning-47OGV-4-18-0 {\n color: var(--warning-darker);\n}\n\n.toast-module-Toast-close-icon--warning-nuh9s-4-18-0:focus,\n.toast-module-Toast-close-icon--warning-nuh9s-4-18-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-18-0:hover,\n.toast-module-Toast-close-icon--warning-nuh9s-4-18-0:active {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-close-icon--success-fXEEm-4-18-0:focus,\n.toast-module-Toast-close-icon--success-fXEEm-4-18-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-18-0:hover,\n.toast-module-Toast-close-icon--success-fXEEm-4-18-0:active {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-close-icon--info-0vDSQ-4-18-0:focus,\n.toast-module-Toast-close-icon--info-0vDSQ-4-18-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-18-0:hover,\n.toast-module-Toast-close-icon--info-0vDSQ-4-18-0:active {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-close-icon--alert-cq8I3-4-18-0:focus,\n.toast-module-Toast-close-icon--alert-cq8I3-4-18-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-18-0:hover,\n.toast-module-Toast-close-icon--alert-cq8I3-4-18-0:active {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-body--5KGi-4-18-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.toast-module-Toast-title-4cVcs-4-18-0 {\n display: flex;\n}\n\n.toast-module-Toast-heading-BOc6U-4-18-0 {\n flex-grow: 1;\n}\n\n.toast-module-Toast-text-pwhPD-4-18-0 {\n padding-top: var(--spacing-20);\n}\n\n.toast-module-Toast-text--warning-J4ygg-4-18-0,\n.toast-module-Toast-heading--warning-sybsC-4-18-0 {\n color: var(--warning-darker) !important;\n}\n\n.toast-module-Toast-actions-3qfv--4-18-0 {\n display: flex;\n padding-top: var(--spacing-30);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-18-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-18-0:last-child {\n margin-right: 0;\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-18-0 {\n background: var(--inverse-light);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-18-0:hover,\n.toast-module-Toast-actionButton--default-UVS4L-4-18-0:active {\n background: var(--inverse);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-18-0:focus {\n box-shadow: var(--shadow-spread) rgba(112, 112, 112, 0.16);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-18-0 {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-18-0:hover,\n.toast-module-Toast-actionButton--info-MLC4o-4-18-0:active {\n background: var(--primary-darker);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-18-0:focus {\n box-shadow: var(--shadow-spread) rgba(0, 80, 159, 0.16);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-18-0 {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-18-0:hover,\n.toast-module-Toast-actionButton--success-vppAH-4-18-0:active {\n background: var(--success-darker);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-18-0:focus {\n box-shadow: var(--shadow-spread) rgba(34, 121, 52, 0.16);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-18-0 {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-18-0:hover,\n.toast-module-Toast-actionButton--alert-VMKO0-4-18-0:active {\n background: var(--alert-darker);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-18-0:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-18-0 {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-18-0:hover,\n.toast-module-Toast-actionButton--warning-GNDkx-4-18-0:active {\n background: var(--warning-darker);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-18-0:focus {\n box-shadow: var(--shadow-spread) var(--warning-shadow);\n}\n";
|
|
8880
|
+
var styles$D = {"Toast":"toast-module-Toast-OpDhM-4-18-0","Toast--withMessage":"toast-module-Toast--withMessage-T8xPr-4-18-0","Toast--info":"toast-module-Toast--info-dEexw-4-18-0","Toast--alert":"toast-module-Toast--alert-gxrp--4-18-0","Toast--success":"toast-module-Toast--success-gju3F-4-18-0","Toast--warning":"toast-module-Toast--warning-ELr9r-4-18-0","Toast-icon":"toast-module-Toast-icon-RrG2q-4-18-0","Toast-icon--left":"toast-module-Toast-icon--left-dAfZv-4-18-0","Toast-icon--right":"toast-module-Toast-icon--right--8Qmt-4-18-0","Toast-icon--info":"toast-module-Toast-icon--info-zE2SA-4-18-0","Toast-icon--success":"toast-module-Toast-icon--success-SOr0z-4-18-0","Toast-icon--alert":"toast-module-Toast-icon--alert-TS0aE-4-18-0","Toast-icon--default":"toast-module-Toast-icon--default-HsZ-7-4-18-0","Toast-icon--warning":"toast-module-Toast-icon--warning-47OGV-4-18-0","Toast-close-icon--warning":"toast-module-Toast-close-icon--warning-nuh9s-4-18-0","Toast-close-icon--success":"toast-module-Toast-close-icon--success-fXEEm-4-18-0","Toast-close-icon--info":"toast-module-Toast-close-icon--info-0vDSQ-4-18-0","Toast-close-icon--alert":"toast-module-Toast-close-icon--alert-cq8I3-4-18-0","Toast-body":"toast-module-Toast-body--5KGi-4-18-0","Toast-title":"toast-module-Toast-title-4cVcs-4-18-0","Toast-heading":"toast-module-Toast-heading-BOc6U-4-18-0","Toast-text":"toast-module-Toast-text-pwhPD-4-18-0","Toast-text--warning":"toast-module-Toast-text--warning-J4ygg-4-18-0","Toast-heading--warning":"toast-module-Toast-heading--warning-sybsC-4-18-0","Toast-actions":"toast-module-Toast-actions-3qfv--4-18-0","Toast-actionButton":"toast-module-Toast-actionButton-lfdEz-4-18-0","Toast-actionButton--default":"toast-module-Toast-actionButton--default-UVS4L-4-18-0","Toast-actionButton--info":"toast-module-Toast-actionButton--info-MLC4o-4-18-0","Toast-actionButton--success":"toast-module-Toast-actionButton--success-vppAH-4-18-0","Toast-actionButton--alert":"toast-module-Toast-actionButton--alert-VMKO0-4-18-0","Toast-actionButton--warning":"toast-module-Toast-actionButton--warning-GNDkx-4-18-0"};
|
|
8638
8881
|
styleInject(css_248z$E);
|
|
8639
8882
|
|
|
8640
8883
|
var ActionButton = function ActionButton(props) {
|
|
@@ -14131,8 +14374,8 @@ _defineProperty$1(PopperWrapper, "defaultProps", {
|
|
|
14131
14374
|
disabled: false
|
|
14132
14375
|
});
|
|
14133
14376
|
|
|
14134
|
-
var css_248z$D = ".popover-module-Popover-34Ge0-4-
|
|
14135
|
-
var styles$C = {"Popover":"popover-module-Popover-34Ge0-4-
|
|
14377
|
+
var css_248z$D = ".popover-module-Popover-34Ge0-4-18-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-18-0 {\n background: var(--inverse);\n color: var(--white);\n}\n\n.popover-module-Popover-34Ge0-4-18-0[data-hide='true'] {\n visibility: hidden;\n pointer-events: none;\n}\n\n@keyframes popover-module-popper-fade-in-pghyg-4-18-0 {\n 0% {\n opacity: 0;\n }\n 80% {\n opacity: var(--opacity-6);\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
14378
|
+
var styles$C = {"Popover":"popover-module-Popover-34Ge0-4-18-0","Popover--dark":"popover-module-Popover--dark-LYp8P-4-18-0","popper-fade-in":"popover-module-popper-fade-in-pghyg-4-18-0"};
|
|
14136
14379
|
styleInject(css_248z$D);
|
|
14137
14380
|
|
|
14138
14381
|
var _excluded$T = ["position", "customStyle", "dark", "children", "onToggle", "className", "hideOnReferenceEscape", "boundaryElement", "name"];
|
|
@@ -14196,8 +14439,8 @@ Popover.defaultProps = Object.assign({}, filterProps(PopperWrapper.defaultProps,
|
|
|
14196
14439
|
customStyle: {}
|
|
14197
14440
|
});
|
|
14198
14441
|
|
|
14199
|
-
var css_248z$C = ".chipInput-module-ChipInput-EQQlO-4-
|
|
14200
|
-
var styles$B = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-
|
|
14442
|
+
var css_248z$C = ".chipInput-module-ChipInput-EQQlO-4-18-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-18-0 {\n padding-left: 10px;\n padding-right: 10px;\n}\n\n.chipInput-module-ChipInput--small-YXoDv-4-18-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-18-0:focus,\n.chipInput-module-ChipInput-EQQlO-4-18-0:focus-visible {\n outline: var(--spacing-2-5) var(--primary);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-18-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-18-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-18-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-18-0 {\n padding-right: var(--spacing-20);\n}\n\n.chipInput-module-ChipInput--error-q8y-4-4-18-0,\n.chipInput-module-ChipInput--error-q8y-4-4-18-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-18-0 {\n display: flex;\n flex: 100%;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.chipInput-module-ChipInput-border-wempH-4-18-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-18-0:focus-within {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.chipInput-module-ChipInput-input-ddUDt-4-18-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-18-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-18-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-18-0:hover .chipInput-module-ChipInput-input-ddUDt-4-18-0 {\n background: var(--secondary-lighter);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-18-0:focus-within .chipInput-module-ChipInput-input-ddUDt-4-18-0 {\n background: var(--white);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-18-0 {\n cursor: pointer;\n border-radius: var(--border-radius-full);\n}\n\n.chipInput-module-ChipInput-icon--small-PciKa-4-18-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-18-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-18-0:hover {\n background-color: var(--secondary);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-18-0:active {\n background-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-18-0:focus,\n.chipInput-module-ChipInput-icon-HQ7c4-4-18-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n";
|
|
14443
|
+
var styles$B = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-18-0","ChipInput--regular":"chipInput-module-ChipInput--regular-3ZvCo-4-18-0","ChipInput--small":"chipInput-module-ChipInput--small-YXoDv-4-18-0","ChipInput--disabled":"chipInput-module-ChipInput--disabled-Qa6ok-4-18-0","ChipInput--withChips":"chipInput-module-ChipInput--withChips-svi7y-4-18-0","ChipInput--error":"chipInput-module-ChipInput--error-q8y-4-4-18-0","ChipInput-wrapper":"chipInput-module-ChipInput-wrapper-NzLiD-4-18-0","ChipInput-border":"chipInput-module-ChipInput-border-wempH-4-18-0","ChipInput-border--error":"chipInput-module-ChipInput-border--error-lX1Mm-4-18-0","ChipInput-input":"chipInput-module-ChipInput-input-ddUDt-4-18-0","ChipInput-input--small":"chipInput-module-ChipInput-input--small-OzMCU-4-18-0","ChipInput-input--regular":"chipInput-module-ChipInput-input--regular-qiv6--4-18-0","ChipInput-icon":"chipInput-module-ChipInput-icon-HQ7c4-4-18-0","ChipInput-icon--small":"chipInput-module-ChipInput-icon--small-PciKa-4-18-0","ChipInput-icon--regular":"chipInput-module-ChipInput-icon--regular-AJM6E-4-18-0"};
|
|
14201
14444
|
styleInject(css_248z$C);
|
|
14202
14445
|
|
|
14203
14446
|
var _excluded$S = ["type", "onClick"];
|
|
@@ -14455,8 +14698,8 @@ var formatCount = function formatCount(count) {
|
|
|
14455
14698
|
return '';
|
|
14456
14699
|
};
|
|
14457
14700
|
|
|
14458
|
-
var css_248z$B = ".verticalNav-module-VerticalNav-Dmfut-4-
|
|
14459
|
-
var styles$A = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-
|
|
14701
|
+
var css_248z$B = ".verticalNav-module-VerticalNav-Dmfut-4-18-0 {\n display: inline-flex;\n flex-direction: column;\n}\n\n.verticalNav-module-VerticalNav--expanded-YioJV-4-18-0 {\n width: 240px;\n}\n\n.verticalNav-module-VerticalNav-section-LKy0d-4-18-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-18-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-18-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-18-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-18-0 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.verticalNav-module-MenuItem--collapsed-ksvh1-4-18-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-18-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-18-0 {\n pointer-events: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-18-0:hover {\n background: var(--secondary);\n text-decoration: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-18-0:active {\n background: var(--secondary-dark);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-18-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.verticalNav-module-MenuItem--disabled-UwXL1-4-18-0:focus {\n box-shadow: none;\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-18-0 {\n background: var(--primary-lightest);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-18-0:hover {\n background: var(--primary-lighter);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-18-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-18-0:active .verticalNav-module-MenuItem-Text-5dxj5-4-18-0 {\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-18-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.verticalNav-module-MenuItem--rounded-7Cz5E-4-18-0 {\n border-radius: var(--border-radius-40);\n}\n\n.verticalNav-module-MenuItem--subMenu-ZHEdU-4-18-0 {\n padding-left: 40px;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-18-0 .verticalNav-module-Text-pcT-x-4-18-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem--overflow-RfJ7G-4-18-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem-count-hxliH-4-18-0 {\n margin-right: var(--spacing-10);\n flex-shrink: 0;\n}\n\n.verticalNav-module-MenuItem-count--disabled-2tJFi-4-18-0 {\n opacity: var(--opacity-10);\n color: var(--text);\n}\n";
|
|
14702
|
+
var styles$A = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-18-0","VerticalNav--expanded":"verticalNav-module-VerticalNav--expanded-YioJV-4-18-0","VerticalNav-section":"verticalNav-module-VerticalNav-section-LKy0d-4-18-0","VerticalNav-section--border":"verticalNav-module-VerticalNav-section--border-II3bk-4-18-0","MenuItem":"verticalNav-module-MenuItem-tqOuM-4-18-0","MenuItem--horizontal":"verticalNav-module-MenuItem--horizontal-HqCw4-4-18-0","MenuItem--vertical":"verticalNav-module-MenuItem--vertical-KTu0E-4-18-0","MenuItem--collapsed":"verticalNav-module-MenuItem--collapsed-ksvh1-4-18-0","MenuItem--expanded":"verticalNav-module-MenuItem--expanded-CNuEg-4-18-0","MenuItem--disabled":"verticalNav-module-MenuItem--disabled-UwXL1-4-18-0","MenuItem--active":"verticalNav-module-MenuItem--active-ocJoe-4-18-0","MenuItem-Text":"verticalNav-module-MenuItem-Text-5dxj5-4-18-0","MenuItem--rounded":"verticalNav-module-MenuItem--rounded-7Cz5E-4-18-0","MenuItem--subMenu":"verticalNav-module-MenuItem--subMenu-ZHEdU-4-18-0","Text":"verticalNav-module-Text-pcT-x-4-18-0","MenuItem--overflow":"verticalNav-module-MenuItem--overflow-RfJ7G-4-18-0","MenuItem-count":"verticalNav-module-MenuItem-count-hxliH-4-18-0","MenuItem-count--disabled":"verticalNav-module-MenuItem-count--disabled-2tJFi-4-18-0"};
|
|
14460
14703
|
styleInject(css_248z$B);
|
|
14461
14704
|
|
|
14462
14705
|
var _MenuIcon = function MenuIcon(props) {
|
|
@@ -14722,8 +14965,8 @@ VerticalNav.defaultProps = {
|
|
|
14722
14965
|
showTooltip: false
|
|
14723
14966
|
};
|
|
14724
14967
|
|
|
14725
|
-
var css_248z$A = ".horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
14726
|
-
var styles$z = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
14968
|
+
var css_248z$A = ".horizontalNav-module-HorizontalNav-TaKHt-4-18-0 {\n display: flex;\n}\n\n.horizontalNav-module-HorizontalNav-menu-hc7-x-4-18-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-18-0 {\n pointer-events: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-18-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-18-0:focus {\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-18-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-18-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-18-0:hover {\n background-color: var(--secondary);\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-18-0:active {\n background-color: var(--secondary-dark);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-18-0 {\n background-color: var(--primary-lightest);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-18-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-18-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-18-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-18-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-18-0:active .horizontalNav-module-HorizontalNav-menuText-hlHtx-4-18-0 {\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menuText-hlHtx-4-18-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-18-0,\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-18-0 {\n transition-delay: var(--duration--fast-02);\n}\n\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-18-0 {\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.horizontalNav-module-HorizontalNav-pills-Ko7S--4-18-0 {\n margin-right: var(--spacing-10);\n}\n\n.horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-18-0 {\n opacity: var(--opacity-10);\n}\n";
|
|
14969
|
+
var styles$z = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-18-0","HorizontalNav-menu":"horizontalNav-module-HorizontalNav-menu-hc7-x-4-18-0","HorizontalNav-menu--disabled":"horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-18-0","HorizontalNav-menu--default":"horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-18-0","HorizontalNav-menu--active":"horizontalNav-module-HorizontalNav-menu--active-LO21D-4-18-0","HorizontalNav-menuText":"horizontalNav-module-HorizontalNav-menuText-hlHtx-4-18-0","HorizontalNav-animate":"horizontalNav-module-HorizontalNav-animate-HJvL2-4-18-0","HorizontalNav-pills":"horizontalNav-module-HorizontalNav-pills-Ko7S--4-18-0","HorizontalNav-pills--disabled":"horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-18-0"};
|
|
14727
14970
|
styleInject(css_248z$A);
|
|
14728
14971
|
|
|
14729
14972
|
var HorizontalNav = function HorizontalNav(props) {
|
|
@@ -14939,8 +15182,8 @@ Dialog.defaultProps = {
|
|
|
14939
15182
|
secondaryButtonAppearance: 'basic'
|
|
14940
15183
|
};
|
|
14941
15184
|
|
|
14942
|
-
var css_248z$z = ".overlay-module-OverlayHeader-X75uk-4-
|
|
14943
|
-
var styles$y = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-
|
|
15185
|
+
var css_248z$z = ".overlay-module-OverlayHeader-X75uk-4-18-0 {\n box-sizing: border-box;\n margin-left: var(--spacing-60);\n}\n\n.overlay-module-OverlayHeader--withBackButton-P8Z6f-4-18-0 {\n margin-left: var(--spacing-40);\n}\n\n.overlay-module-OverlayHeader-headerWrapper-wDTqn-4-18-0 {\n display: flex;\n align-items: center;\n}\n\n.overlay-module-OverlayHeader-subheading-HGK3Q-4-18-0 {\n margin-top: var(--spacing-05);\n}\n\n.overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-18-0 {\n margin-left: var(--spacing-20);\n}\n\n.overlay-module-OverlayBody-0aiqy-4-18-0 {\n overflow-y: auto;\n}\n\n.overlay-module-Overlay-body--stickFooter-9u7pt-4-18-0 {\n margin-bottom: 80px;\n}\n\n.overlay-module-OverlayFooter-0Ne3i-4-18-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";
|
|
15186
|
+
var styles$y = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-18-0","OverlayHeader--withBackButton":"overlay-module-OverlayHeader--withBackButton-P8Z6f-4-18-0","OverlayHeader-headerWrapper":"overlay-module-OverlayHeader-headerWrapper-wDTqn-4-18-0","OverlayHeader-subheading":"overlay-module-OverlayHeader-subheading-HGK3Q-4-18-0","OverlayHeader-subheading--withBackButton":"overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-18-0","OverlayBody":"overlay-module-OverlayBody-0aiqy-4-18-0","Overlay-body--stickFooter":"overlay-module-Overlay-body--stickFooter-9u7pt-4-18-0","OverlayFooter":"overlay-module-OverlayFooter-0Ne3i-4-18-0"};
|
|
14944
15187
|
styleInject(css_248z$z);
|
|
14945
15188
|
|
|
14946
15189
|
var _excluded$Q = ["label"];
|
|
@@ -15121,8 +15364,8 @@ var OverlayManager = /*#__PURE__*/function () {
|
|
|
15121
15364
|
var instance = new OverlayManager();
|
|
15122
15365
|
Object.freeze(instance);
|
|
15123
15366
|
|
|
15124
|
-
var css_248z$y = "@keyframes modal-module-modal-open-XetuH-4-
|
|
15125
|
-
var styles$x = {"Modal":"modal-module-Modal-jy6BE-4-
|
|
15367
|
+
var css_248z$y = "@keyframes modal-module-modal-open-XetuH-4-18-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-18-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-18-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-18-0 {\n display: flex;\n}\n\n.modal-module-Modal-animation--open-GPVLI-4-18-0 {\n animation: modal-module-modal-open-XetuH-4-18-0 var(--duration--moderate-02) var(--entrance-expressive-curve);\n}\n\n.modal-module-Modal-animation--close-re3FT-4-18-0 {\n animation: modal-module-modal-close-6bwSt-4-18-0 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n\n.modal-module-Modal-header-fdaxo-4-18-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-18-0 {\n border-bottom: var(--border);\n}\n\n.modal-module-Modal-description-yJzzp-4-18-0 {\n padding: var(--spacing-20) 0;\n}\n\n.modal-module-Modal-footer-njNb3-4-18-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-18-0 {\n border-top: var(--border);\n}\n\n.modal-module-Modal-body-kEuY3-4-18-0 {\n padding: 0 var(--spacing-60);\n}\n\n.modal-module-Modal-body--withMargin-QJGL1-4-18-0 {\n margin-bottom: 80px;\n}\n\n.modal-module-Modal-body--withPadding-sX2cE-4-18-0 {\n padding-bottom: var(--spacing-40);\n}\n";
|
|
15368
|
+
var styles$x = {"Modal":"modal-module-Modal-jy6BE-4-18-0","Modal--open":"modal-module-Modal--open-pEOMN-4-18-0","Modal-animation--open":"modal-module-Modal-animation--open-GPVLI-4-18-0","modal-open":"modal-module-modal-open-XetuH-4-18-0","Modal-animation--close":"modal-module-Modal-animation--close-re3FT-4-18-0","modal-close":"modal-module-modal-close-6bwSt-4-18-0","Modal-header":"modal-module-Modal-header-fdaxo-4-18-0","Modal-header--withSeperator":"modal-module-Modal-header--withSeperator-JuBGt-4-18-0","Modal-description":"modal-module-Modal-description-yJzzp-4-18-0","Modal-footer":"modal-module-Modal-footer-njNb3-4-18-0","Modal-footer--withSeperator":"modal-module-Modal-footer--withSeperator-E6Dfh-4-18-0","Modal-body":"modal-module-Modal-body-kEuY3-4-18-0","Modal-body--withMargin":"modal-module-Modal-body--withMargin-QJGL1-4-18-0","Modal-body--withPadding":"modal-module-Modal-body--withPadding-sX2cE-4-18-0"};
|
|
15126
15369
|
styleInject(css_248z$y);
|
|
15127
15370
|
|
|
15128
15371
|
/**
|
|
@@ -15384,8 +15627,8 @@ var ModalFooter = function ModalFooter(props) {
|
|
|
15384
15627
|
};
|
|
15385
15628
|
ModalFooter.displayName = 'ModalFooter';
|
|
15386
15629
|
|
|
15387
|
-
var css_248z$x = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-
|
|
15388
|
-
var styles$w = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-
|
|
15630
|
+
var css_248z$x = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-18-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-18-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-18-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-18-0 {\n animation: fullscreenModal-module-fullscreenModal-open-62v3L-4-18-0 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-18-0 {\n animation: fullscreenModal-module-fullscreenModal-close-7gVSl-4-18-0 120ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-header-sDsnU-4-18-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-18-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-18-0 {\n padding: var(--spacing-40) var(--spacing-60);\n}\n";
|
|
15631
|
+
var styles$w = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-18-0","FullscreenModal-animation--open":"fullscreenModal-module-FullscreenModal-animation--open--3N-S-4-18-0","fullscreenModal-open":"fullscreenModal-module-fullscreenModal-open-62v3L-4-18-0","FullscreenModal-animation--close":"fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-18-0","fullscreenModal-close":"fullscreenModal-module-fullscreenModal-close-7gVSl-4-18-0","FullscreenModal-header":"fullscreenModal-module-FullscreenModal-header-sDsnU-4-18-0","FullscreenModal-footer":"fullscreenModal-module-FullscreenModal-footer-iQzjY-4-18-0","FullscreenModal-body":"fullscreenModal-module-FullscreenModal-body-7vbJl-4-18-0"};
|
|
15389
15632
|
styleInject(css_248z$x);
|
|
15390
15633
|
|
|
15391
15634
|
var FullscreenModal = /*#__PURE__*/function (_React$Component) {
|
|
@@ -15549,8 +15792,8 @@ _defineProperty$1(FullscreenModal, "defaultProps", {
|
|
|
15549
15792
|
dimension: 'medium'
|
|
15550
15793
|
});
|
|
15551
15794
|
|
|
15552
|
-
var css_248z$w = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-
|
|
15553
|
-
var styles$v = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-
|
|
15795
|
+
var css_248z$w = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-18-0 {\n from {\n right: -100%;\n }\n to {\n right: 0;\n }\n}\n\n@keyframes sidesheet-module-sidesheet-close-iHEhI-4-18-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-18-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-18-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-18-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-18-0 {\n visibility: visible;\n}\n\n.sidesheet-module-Sidesheet-animation--open-J-A5h-4-18-0 {\n animation: sidesheet-module-sidesheet-open-8Xjl--4-18-0 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.sidesheet-module-Sidesheet-animation--close-hu-c0-4-18-0 {\n animation: sidesheet-module-sidesheet-close-iHEhI-4-18-0 120ms cubic-bezier(0.4, 0.14, 1, 1);\n animation-fill-mode: forwards;\n}\n\n.sidesheet-module-Sidesheet-header--NeWW-4-18-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-18-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-body-M4-ag-4-18-0 {\n padding: 0 var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-18-0 {\n margin-bottom: 80px;\n}\n\n.sidesheet-module-Sidesheet-footer-PXjKf-4-18-0 {\n padding-top: var(--spacing-60);\n padding-bottom: var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-18-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-18-0 {\n position: absolute;\n bottom: 0;\n}\n\n.sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-18-0 {\n animation: sidesheet-module-shift-right-spacing-3-0drfg-4-18-0 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-18-0 {\n animation: sidesheet-module-shift-left-spacing-3-6M1aJ-4-18-0 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-18-0 {\n animation: sidesheet-module-fadeIn-LZlsa-4-18-0 var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-18-0 {\n animation: sidesheet-module-fadeIn-LZlsa-4-18-0 var(--duration--fast-02) var(--standard-expressive-curve);\n}\n";
|
|
15796
|
+
var styles$v = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-18-0","Sidesheet--open":"sidesheet-module-Sidesheet--open-susbv-4-18-0","Sidesheet-animation--open":"sidesheet-module-Sidesheet-animation--open-J-A5h-4-18-0","sidesheet-open":"sidesheet-module-sidesheet-open-8Xjl--4-18-0","Sidesheet-animation--close":"sidesheet-module-Sidesheet-animation--close-hu-c0-4-18-0","sidesheet-close":"sidesheet-module-sidesheet-close-iHEhI-4-18-0","Sidesheet-header":"sidesheet-module-Sidesheet-header--NeWW-4-18-0","Sidesheet-header--withSeperator":"sidesheet-module-Sidesheet-header--withSeperator-NT81x-4-18-0","Sidesheet-body":"sidesheet-module-Sidesheet-body-M4-ag-4-18-0","Sidesheet-body--withMargin":"sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-18-0","Sidesheet-footer":"sidesheet-module-Sidesheet-footer-PXjKf-4-18-0","Sidesheet-footer--withSeperator":"sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-18-0","Sidesheet-footer--stickToBottom":"sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-18-0","Sidesheet-header--shiftRight":"sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-18-0","shift-right-spacing-3":"sidesheet-module-shift-right-spacing-3-0drfg-4-18-0","Sidesheet-header--shiftLeft":"sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-18-0","shift-left-spacing-3":"sidesheet-module-shift-left-spacing-3-6M1aJ-4-18-0","Sidesheet-body--nextPage":"sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-18-0","fadeIn":"sidesheet-module-fadeIn-LZlsa-4-18-0","Sidesheet-body--firstPage":"sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-18-0"};
|
|
15554
15797
|
styleInject(css_248z$w);
|
|
15555
15798
|
|
|
15556
15799
|
var sidesheetWidth = {
|
|
@@ -15741,8 +15984,8 @@ _defineProperty$1(Sidesheet, "defaultProps", {
|
|
|
15741
15984
|
headerOptions: {}
|
|
15742
15985
|
});
|
|
15743
15986
|
|
|
15744
|
-
var css_248z$v = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
15745
|
-
var styles$u = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
15987
|
+
var css_248z$v = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-18-0 {\n position: relative;\n z-index: 600;\n}\n\n.collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-18-0 {\n margin-right: 40px;\n}\n\n.collapsible-module-Collapsible-R-E0M-4-18-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-18-0 {\n position: absolute;\n}\n\n.collapsible-module-Collapsible--shadow-ObNC6-4-18-0 {\n box-shadow: var(--shadow-l);\n clip-path: inset(0px -16px 0px 0px);\n}\n\n.collapsible-module-Collapsible-body-63KgR-4-18-0 {\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-18-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-18-0:hover {\n background-color: var(--secondary-lighter);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-18-0:focus,\n.collapsible-module-Collapsible-footer-cTQby-4-18-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-18-0:active {\n background-color: var(--secondary-light);\n}\n\n.collapsible-module-Collapsible-footer--seperator-4XHlt-4-18-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
15988
|
+
var styles$u = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-18-0","Collapsible-wrapper--overlay":"collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-18-0","Collapsible":"collapsible-module-Collapsible-R-E0M-4-18-0","Collapsible--overlay":"collapsible-module-Collapsible--overlay-UiWwK-4-18-0","Collapsible--shadow":"collapsible-module-Collapsible--shadow-ObNC6-4-18-0","Collapsible-body":"collapsible-module-Collapsible-body-63KgR-4-18-0","Collapsible-footer":"collapsible-module-Collapsible-footer-cTQby-4-18-0","Collapsible-footer--seperator":"collapsible-module-Collapsible-footer--seperator-4XHlt-4-18-0"};
|
|
15746
15989
|
styleInject(css_248z$v);
|
|
15747
15990
|
|
|
15748
15991
|
var Collapsible = function Collapsible(props) {
|
|
@@ -15831,8 +16074,8 @@ Collapsible.defaultProps = {
|
|
|
15831
16074
|
withTrigger: true
|
|
15832
16075
|
};
|
|
15833
16076
|
|
|
15834
|
-
var css_248z$u = ".chat-module-Box-nVkrd-4-
|
|
15835
|
-
var styles$t = {"Box":"chat-module-Box-nVkrd-4-
|
|
16077
|
+
var css_248z$u = ".chat-module-Box-nVkrd-4-18-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-18-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.chat-module-Box--incoming-8KEhx-4-18-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-18-0 {\n background-color: var(--secondary-lightest);\n}\n\n.chat-module-Box-incoming--withStatus-gGxq9-4-18-0 {\n border-bottom-left-radius: 0;\n}\n\n.chat-module-Box-outgoing--withStatus-fYw1d-4-18-0 {\n border-bottom-right-radius: 0;\n}\n\n.chat-module-Box--urgent-LErV3-4-18-0 {\n border-color: var(--alert);\n}\n\n.chat-module-ChatMessage-status-snoof-4-18-0 {\n margin-top: var(--spacing-10);\n display: block;\n}\n";
|
|
16078
|
+
var styles$t = {"Box":"chat-module-Box-nVkrd-4-18-0","Box--typing":"chat-module-Box--typing-WmXRM-4-18-0","Box--incoming":"chat-module-Box--incoming-8KEhx-4-18-0","Box--outgoing":"chat-module-Box--outgoing-eC7L7-4-18-0","Box-incoming--withStatus":"chat-module-Box-incoming--withStatus-gGxq9-4-18-0","Box-outgoing--withStatus":"chat-module-Box-outgoing--withStatus-fYw1d-4-18-0","Box--urgent":"chat-module-Box--urgent-LErV3-4-18-0","ChatMessage-status":"chat-module-ChatMessage-status-snoof-4-18-0"};
|
|
15836
16079
|
styleInject(css_248z$u);
|
|
15837
16080
|
|
|
15838
16081
|
var Status$1 = function Status(props) {
|
|
@@ -16002,8 +16245,8 @@ ChatMessage.displayName = 'ChatMessage';
|
|
|
16002
16245
|
|
|
16003
16246
|
var EmptyStateContext = /*#__PURE__*/React.createContext({});
|
|
16004
16247
|
|
|
16005
|
-
var css_248z$t = ".emptyState-module-EmptyState-xAbqT-4-
|
|
16006
|
-
var styles$s = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-
|
|
16248
|
+
var css_248z$t = ".emptyState-module-EmptyState-xAbqT-4-18-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-18-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-18-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-18-0 {\n text-align: center;\n max-width: 480px;\n}\n\n.emptyState-module-EmptyState-description-orGdo-4-18-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-18-0 {\n margin-top: var(--spacing-120);\n}\n\n.emptyState-module-EmptyState-title--small-lEDPt-4-18-0 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--large-hMXtK-4-18-0 {\n margin-bottom: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--small-gq50n-4-18-0 {\n margin-bottom: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-text-1y-HU-4-18-0 {\n display: flex;\n text-align: center;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-actions-xhSau-4-18-0 {\n display: flex;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-title--compressed-Pp9jF-4-18-0 {\n margin-top: var(--spacing-40);\n}\n.emptyState-module-EmptyState-title--standard-XtKl2-4-18-0 {\n margin-top: var(--spacing-60);\n}\n.emptyState-module-EmptyState-title--tight-ZSyIK-4-18-0 {\n margin-top: var(--spacing-30);\n}\n\n.emptyState-module-EmptyState-actions--compressed-E8-g2-4-18-0 {\n margin-top: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-actions--standard-G3fT9-4-18-0 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-actions--tight-mfayn-4-18-0 {\n margin-top: var(--spacing-30);\n}\n";
|
|
16249
|
+
var styles$s = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-18-0","EmptyState-Wrapper":"emptyState-module-EmptyState-Wrapper-IqIuE-4-18-0","EmptyState-image":"emptyState-module-EmptyState-image-GWUhK-4-18-0","EmptyState-title":"emptyState-module-EmptyState-title-VlvHo-4-18-0","EmptyState-description":"emptyState-module-EmptyState-description-orGdo-4-18-0","EmptyState-title--large":"emptyState-module-EmptyState-title--large-64J7i-4-18-0","EmptyState-title--small":"emptyState-module-EmptyState-title--small-lEDPt-4-18-0","EmptyState-description--large":"emptyState-module-EmptyState-description--large-hMXtK-4-18-0","EmptyState-description--small":"emptyState-module-EmptyState-description--small-gq50n-4-18-0","EmptyState-text":"emptyState-module-EmptyState-text-1y-HU-4-18-0","EmptyState-actions":"emptyState-module-EmptyState-actions-xhSau-4-18-0","EmptyState-title--compressed":"emptyState-module-EmptyState-title--compressed-Pp9jF-4-18-0","EmptyState-title--standard":"emptyState-module-EmptyState-title--standard-XtKl2-4-18-0","EmptyState-title--tight":"emptyState-module-EmptyState-title--tight-ZSyIK-4-18-0","EmptyState-actions--compressed":"emptyState-module-EmptyState-actions--compressed-E8-g2-4-18-0","EmptyState-actions--standard":"emptyState-module-EmptyState-actions--standard-G3fT9-4-18-0","EmptyState-actions--tight":"emptyState-module-EmptyState-actions--tight-mfayn-4-18-0"};
|
|
16007
16250
|
styleInject(css_248z$t);
|
|
16008
16251
|
|
|
16009
16252
|
var _excluded$P = ["children", "maxHeight", "height", "minHeight", "src", "alt", "className"];
|
|
@@ -16260,9 +16503,9 @@ var Pagination = function Pagination(props) {
|
|
|
16260
16503
|
React.useEffect(function () {
|
|
16261
16504
|
setPage(props.page);
|
|
16262
16505
|
}, [props.page]);
|
|
16263
|
-
var wrapperClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
16264
|
-
var nextButtonWrapperClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
16265
|
-
var prevButtonWrapperClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
16506
|
+
var wrapperClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$V['Pagination'], true), styles$V["Pagination--".concat(type)], type), className);
|
|
16507
|
+
var nextButtonWrapperClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$V['Pagination-buttonWrapper'], true), styles$V['Pagination-buttonWrapper--next'], true));
|
|
16508
|
+
var prevButtonWrapperClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$V['Pagination-buttonWrapper'], true), styles$V['Pagination-buttonWrapper--previous'], true));
|
|
16266
16509
|
React.useEffect(function () {
|
|
16267
16510
|
if (init) {
|
|
16268
16511
|
if (page >= 1 && page <= totalPages) {
|
|
@@ -16327,7 +16570,7 @@ var Pagination = function Pagination(props) {
|
|
|
16327
16570
|
disabled: page <= 1,
|
|
16328
16571
|
appearance: "transparent",
|
|
16329
16572
|
icon: "first_page",
|
|
16330
|
-
className: styles$
|
|
16573
|
+
className: styles$V['Pagination-button'],
|
|
16331
16574
|
"data-test": "DesignSystem-Pagination--FirstButton"
|
|
16332
16575
|
}), /*#__PURE__*/React.createElement(Button, {
|
|
16333
16576
|
onClick: function onClick() {
|
|
@@ -16336,12 +16579,12 @@ var Pagination = function Pagination(props) {
|
|
|
16336
16579
|
disabled: page <= 1,
|
|
16337
16580
|
icon: "navigate_before",
|
|
16338
16581
|
"data-test": "DesignSystem-Pagination--PrevButton",
|
|
16339
|
-
className: "ml-4 mr-3 ".concat(styles$
|
|
16582
|
+
className: "ml-4 mr-3 ".concat(styles$V['Pagination-button'])
|
|
16340
16583
|
})), type === 'jump' && /*#__PURE__*/React.createElement("div", {
|
|
16341
|
-
className: styles$
|
|
16584
|
+
className: styles$V['Pagination-pageIndex']
|
|
16342
16585
|
}, /*#__PURE__*/React.createElement(MetricInput, {
|
|
16343
16586
|
name: "page",
|
|
16344
|
-
className: styles$
|
|
16587
|
+
className: styles$V['Pagination-MetricInput'],
|
|
16345
16588
|
onChange: inputChangeHandler,
|
|
16346
16589
|
value: "".concat(isNaturalNumber(page) ? page : ''),
|
|
16347
16590
|
"data-test": "DesignSystem-Pagination--Input",
|
|
@@ -16355,7 +16598,7 @@ var Pagination = function Pagination(props) {
|
|
|
16355
16598
|
disabled: page >= totalPages,
|
|
16356
16599
|
icon: "navigate_next",
|
|
16357
16600
|
"data-test": "DesignSystem-Pagination--NextButton",
|
|
16358
|
-
className: "ml-3 mr-4 ".concat(styles$
|
|
16601
|
+
className: "ml-3 mr-4 ".concat(styles$V['Pagination-button'])
|
|
16359
16602
|
}), /*#__PURE__*/React.createElement(Button, {
|
|
16360
16603
|
onClick: function onClick() {
|
|
16361
16604
|
return onClickHandler('last');
|
|
@@ -16363,7 +16606,7 @@ var Pagination = function Pagination(props) {
|
|
|
16363
16606
|
disabled: page >= totalPages,
|
|
16364
16607
|
appearance: "transparent",
|
|
16365
16608
|
icon: "last_page",
|
|
16366
|
-
className: styles$
|
|
16609
|
+
className: styles$V['Pagination-button'],
|
|
16367
16610
|
"data-test": "DesignSystem-Pagination--LastButton"
|
|
16368
16611
|
})));
|
|
16369
16612
|
};
|
|
@@ -16375,8 +16618,8 @@ Pagination.defaultProps = {
|
|
|
16375
16618
|
pageJumpDebounceDuration: 750
|
|
16376
16619
|
};
|
|
16377
16620
|
|
|
16378
|
-
var css_248z$s = ".editableInput-module-EditableInput-jeeBB-4-
|
|
16379
|
-
var styles$r = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-
|
|
16621
|
+
var css_248z$s = ".editableInput-module-EditableInput-jeeBB-4-18-0 {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n width: 100%;\n}\n\n.editableInput-module-EditableInput-actions-L90fR-4-18-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-18-0 {\n top: var(--spacing-80);\n}\n\n.editableInput-module-EditableInput-actions--tiny-kIRx4-4-18-0 {\n top: var(--spacing-60);\n}\n\n.editableInput-module-EditableInput-default-PLtoY-4-18-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-18-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-18-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-18-0 {\n min-width: var(--spacing-240) !important;\n width: 100%;\n}\n";
|
|
16622
|
+
var styles$r = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-18-0","EditableInput-actions":"editableInput-module-EditableInput-actions-L90fR-4-18-0","EditableInput-actions--regular":"editableInput-module-EditableInput-actions--regular-ShViM-4-18-0","EditableInput-actions--tiny":"editableInput-module-EditableInput-actions--tiny-kIRx4-4-18-0","EditableInput-default":"editableInput-module-EditableInput-default-PLtoY-4-18-0","EditableInput-default--regular":"editableInput-module-EditableInput-default--regular-M9hwS-4-18-0","EditableInput-default--tiny":"editableInput-module-EditableInput-default--tiny-PMLyx-4-18-0","EditableInput-Input--tiny":"editableInput-module-EditableInput-Input--tiny-3FTNw-4-18-0"};
|
|
16380
16623
|
styleInject(css_248z$s);
|
|
16381
16624
|
|
|
16382
16625
|
var _excluded$L = ["onChange"];
|
|
@@ -16536,8 +16779,8 @@ EditableInput.defaultProps = {
|
|
|
16536
16779
|
inputOptions: {}
|
|
16537
16780
|
};
|
|
16538
16781
|
|
|
16539
|
-
var css_248z$r = ".editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
16540
|
-
var styles$q = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
16782
|
+
var css_248z$r = ".editableChipInput-module-EditableChipInput-fDBaL-4-18-0 {\n position: relative;\n width: 100%;\n}\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-18-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-18-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-18-0:hover,\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-18-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.editableChipInput-module-EditableChipInput-chipInput-5LAer-4-18-0 {\n padding-left: var(--spacing-20);\n}\n\n.editableChipInput-module-EditableChipInput-actions-S7NrY-4-18-0 {\n position: absolute;\n display: flex;\n justify-content: flex-end;\n margin-top: var(--spacing-10);\n width: 100%;\n}\n";
|
|
16783
|
+
var styles$q = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-18-0","EditableChipInput-default":"editableChipInput-module-EditableChipInput-default-ANzd8-4-18-0","EditableChipInput-defaultWithChips":"editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-18-0","EditableChipInput-chipInput":"editableChipInput-module-EditableChipInput-chipInput-5LAer-4-18-0","EditableChipInput-actions":"editableChipInput-module-EditableChipInput-actions-S7NrY-4-18-0"};
|
|
16541
16784
|
styleInject(css_248z$r);
|
|
16542
16785
|
|
|
16543
16786
|
var _excluded$K = ["onChange", "chipOptions"],
|
|
@@ -16698,8 +16941,8 @@ EditableChipInput.defaultProps = {
|
|
|
16698
16941
|
chipInputOptions: {}
|
|
16699
16942
|
};
|
|
16700
16943
|
|
|
16701
|
-
var css_248z$q = ".progressRing-module-Ring-6kz7n-4-
|
|
16702
|
-
var styles$p = {"Ring":"progressRing-module-Ring-6kz7n-4-
|
|
16944
|
+
var css_248z$q = ".progressRing-module-Ring-6kz7n-4-18-0 {\n transform: rotate(-90deg);\n}\n\n.progressRing-module-Ring--small-h-W58-4-18-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.progressRing-module-Ring--regular-PU85S-4-18-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.progressRing-module-Ring--large-2xhS6-4-18-0 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.progressRing-module-Ring-6kz7n-4-18-0 Circle {\n fill: none;\n}\n\n.progressRing-module-Ring-background-Pxm3y-4-18-0 {\n stroke: var(--secondary-lightest);\n}\n\n.progressRing-module-Ring-indicator-OwMxU-4-18-0 {\n stroke: var(--primary);\n transition: var(--duration--slow-01) var(--standard-expressive-curve);\n}\n";
|
|
16945
|
+
var styles$p = {"Ring":"progressRing-module-Ring-6kz7n-4-18-0","Ring--small":"progressRing-module-Ring--small-h-W58-4-18-0","Ring--regular":"progressRing-module-Ring--regular-PU85S-4-18-0","Ring--large":"progressRing-module-Ring--large-2xhS6-4-18-0","Ring-background":"progressRing-module-Ring-background-Pxm3y-4-18-0","Ring-indicator":"progressRing-module-Ring-indicator-OwMxU-4-18-0"};
|
|
16703
16946
|
styleInject(css_248z$q);
|
|
16704
16947
|
|
|
16705
16948
|
var ProgressRing = function ProgressRing(props) {
|
|
@@ -16742,8 +16985,8 @@ ProgressRing.defaultProps = {
|
|
|
16742
16985
|
max: 100
|
|
16743
16986
|
};
|
|
16744
16987
|
|
|
16745
|
-
var css_248z$p = ".stepper-module-Stepper-2fHQy-4-
|
|
16746
|
-
var styles$o = {"Stepper":"stepper-module-Stepper-2fHQy-4-
|
|
16988
|
+
var css_248z$p = ".stepper-module-Stepper-2fHQy-4-18-0 {\n display: flex;\n}\n\n.stepper-module-Step-U1Ae--4-18-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-18-0:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step-U1Ae--4-18-0:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step-U1Ae--4-18-0:focus,\n.stepper-module-Step-U1Ae--4-18-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-18-0 {\n color: var(--primary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-18-0:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-18-0:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-18-0:focus,\n.stepper-module-Step--completed-W1Ltb-4-18-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-18-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-18-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.stepper-module-Step--active-OpxVe-4-18-0:focus,\n.stepper-module-Step--active-OpxVe-4-18-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-18-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.stepper-module-Step--active-OpxVe-4-18-0:active .stepper-module-Stepper-text-1S78v-4-18-0 {\n color: var(--primary-darker);\n}\n\n/* Disabled State */\n\n.stepper-module-Step--disabled-2l-AC-4-18-0 {\n cursor: not-allowed;\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n\n.stepper-module-Stepper-animate-Tgb9L-4-18-0 {\n transition-delay: var(--duration--fast-02);\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n";
|
|
16989
|
+
var styles$o = {"Stepper":"stepper-module-Stepper-2fHQy-4-18-0","Step":"stepper-module-Step-U1Ae--4-18-0","Step--completed":"stepper-module-Step--completed-W1Ltb-4-18-0","Step--active":"stepper-module-Step--active-OpxVe-4-18-0","Stepper-text":"stepper-module-Stepper-text-1S78v-4-18-0","Step--disabled":"stepper-module-Step--disabled-2l-AC-4-18-0","Stepper-animate":"stepper-module-Stepper-animate-Tgb9L-4-18-0"};
|
|
16747
16990
|
styleInject(css_248z$p);
|
|
16748
16991
|
|
|
16749
16992
|
var Step$1 = function Step(props) {
|
|
@@ -16836,8 +17079,8 @@ Stepper.defaultProps = {
|
|
|
16836
17079
|
skipIndexes: []
|
|
16837
17080
|
};
|
|
16838
17081
|
|
|
16839
|
-
var css_248z$o = ".dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
16840
|
-
var styles$n = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
17082
|
+
var css_248z$o = ".dateRangePicker-module-DateRangePicker-XQroW-4-18-0 {\n display: flex;\n}\n\n.dateRangePicker-module-DateRangePicker--left-h3kfr-4-18-0 {\n flex-direction: row;\n}\n\n.dateRangePicker-module-DateRangePicker--right-0yzI--4-18-0 {\n flex-direction: row-reverse;\n}\n\n.dateRangePicker-module-DateRangePicker-input-OZjbS-4-18-0 {\n box-sizing: border-box;\n}\n\n.dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-18-0 {\n padding-right: var(--spacing-10);\n}\n\n.dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-18-0 {\n padding-left: var(--spacing-10);\n}\n\n@media (max-width: 576px) {\n .dateRangePicker-module-DateRangePicker-input-OZjbS-4-18-0 {\n padding: 0;\n }\n\n .dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-18-0 {\n padding-top: var(--spacing-20);\n }\n}\n";
|
|
17083
|
+
var styles$n = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-18-0","DateRangePicker--left":"dateRangePicker-module-DateRangePicker--left-h3kfr-4-18-0","DateRangePicker--right":"dateRangePicker-module-DateRangePicker--right-0yzI--4-18-0","DateRangePicker-input":"dateRangePicker-module-DateRangePicker-input-OZjbS-4-18-0","DateRangePicker-input--startDate":"dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-18-0","DateRangePicker-input--endDate":"dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-18-0"};
|
|
16841
17084
|
styleInject(css_248z$o);
|
|
16842
17085
|
|
|
16843
17086
|
var Trigger = function Trigger(props) {
|
|
@@ -17621,8 +17864,8 @@ _defineProperty$1(DateRangePicker, "defaultProps", _objectSpread2(_objectSpread2
|
|
|
17621
17864
|
}
|
|
17622
17865
|
}));
|
|
17623
17866
|
|
|
17624
|
-
var css_248z$n = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-
|
|
17625
|
-
var styles$m = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-
|
|
17867
|
+
var css_248z$n = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-18-0 {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.tabs-module-TabsWrapper-header-psflk-4-18-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-18-0 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-7anZt-4-18-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-18-0 {\n padding: var(--spacing-20) var(--spacing-30) var(--spacing-30);\n}\n\n.tabs-module-Tab--regular-f2Pf2-4-18-0 {\n padding: var(--spacing-30) var(--spacing-30) var(--spacing-40);\n}\n\n.tabs-module-Tab-7anZt-4-18-0:last-child {\n margin-right: 0;\n}\n\n.tabs-module-Tab-7anZt-4-18-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-18-0:hover::after {\n background-color: var(--inverse-lighter);\n}\n\n.tabs-module-Tab-7anZt-4-18-0:active::after {\n background-color: var(--inverse-light);\n}\n\n.tabs-module-Tab--active-H398--4-18-0::after {\n background-color: var(--primary);\n}\n\n.tabs-module-Tab-7anZt-4-18-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-18-0:hover .tabs-module-Tab-selected-21aei-4-18-0 {\n color: var(--primary-dark);\n}\n\n.tabs-module-Tab-selected-21aei-4-18-0:hover::after {\n background-color: var(--primary-dark);\n}\n\n.tabs-module-Tab-7anZt-4-18-0:active:focus {\n box-shadow: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-18-0 {\n cursor: not-allowed;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-18-0:focus {\n box-shadow: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-18-0:hover::after {\n background-color: transparent;\n}\n\n.tabs-module-Tab-icon-s-gJG-4-18-0 {\n display: flex;\n min-width: inherit;\n justify-content: space-between;\n}\n\n.tabs-module-Tabs-oQ6zt-4-18-0 {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n}\n\n.tabs-module-Tabs--withSeparator-ENZzj-4-18-0 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-pills-i0on--4-18-0 {\n cursor: pointer;\n margin-right: var(--spacing-20);\n overflow: visible;\n}\n\n.tabs-module-Tab-pills--disabled-7RUAZ-4-18-0 {\n opacity: var(--opacity-10);\n cursor: not-allowed;\n}\n\n.tabs-module-DismissibleTab-icon--right--MDLa-4-18-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-18-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-18-0:hover {\n background-color: var(--secondary);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-18-0:active {\n background-color: var(--secondary-dark);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-18-0:focus-visible {\n outline: var(--spacing-05) solid var(--primary-shadow);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-18-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-18-0:active {\n background-color: var(--primary-light);\n}\n\n.tabs-module-Tab--overflow-ZMfp0-4-18-0 {\n display: flex;\n box-sizing: border-box;\n}\n";
|
|
17868
|
+
var styles$m = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-18-0","TabsWrapper-header":"tabs-module-TabsWrapper-header-psflk-4-18-0","TabsWrapper-header--withSeparator":"tabs-module-TabsWrapper-header--withSeparator-gbJ63-4-18-0","Tab":"tabs-module-Tab-7anZt-4-18-0","Tab--small":"tabs-module-Tab--small-t-Ovt-4-18-0","Tab--regular":"tabs-module-Tab--regular-f2Pf2-4-18-0","Tab--active":"tabs-module-Tab--active-H398--4-18-0","Tab-selected":"tabs-module-Tab-selected-21aei-4-18-0","Tab--disabled":"tabs-module-Tab--disabled-jMmkz-4-18-0","Tab-icon":"tabs-module-Tab-icon-s-gJG-4-18-0","Tabs":"tabs-module-Tabs-oQ6zt-4-18-0","Tabs--withSeparator":"tabs-module-Tabs--withSeparator-ENZzj-4-18-0","Tab-pills":"tabs-module-Tab-pills-i0on--4-18-0","Tab-pills--disabled":"tabs-module-Tab-pills--disabled-7RUAZ-4-18-0","DismissibleTab-icon--right":"tabs-module-DismissibleTab-icon--right--MDLa-4-18-0","DismissibleTab-icon--default":"tabs-module-DismissibleTab-icon--default-Jh5TO-4-18-0","DismissibleTab-icon--selected":"tabs-module-DismissibleTab-icon--selected-9Fyvu-4-18-0","Tab--overflow":"tabs-module-Tab--overflow-ZMfp0-4-18-0"};
|
|
17626
17869
|
styleInject(css_248z$n);
|
|
17627
17870
|
|
|
17628
17871
|
var TabsWrapper = function TabsWrapper(props) {
|
|
@@ -17641,7 +17884,7 @@ var TabsWrapper = function TabsWrapper(props) {
|
|
|
17641
17884
|
setActiveTab(props.active && props.active < totalTabs ? props.active : 0);
|
|
17642
17885
|
}, [props.active]);
|
|
17643
17886
|
var wrapperClass = classnames(_defineProperty$1({}, styles$m['TabsWrapper'], true), className);
|
|
17644
|
-
var headerClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$m['TabsWrapper-header'], true), styles$
|
|
17887
|
+
var headerClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$m['TabsWrapper-header'], true), styles$17['TabsWrapper-header'], true));
|
|
17645
17888
|
var tabClickHandler = function tabClickHandler(tabIndex) {
|
|
17646
17889
|
setActiveTab(tabIndex);
|
|
17647
17890
|
if (onTabChange) onTabChange(tabIndex);
|
|
@@ -17727,7 +17970,7 @@ var Tabs = function Tabs(props) {
|
|
|
17727
17970
|
}
|
|
17728
17971
|
}, [props.activeIndex]);
|
|
17729
17972
|
var wrapperClass = classnames(_defineProperty$1({}, styles$m['TabsWrapper'], true), className);
|
|
17730
|
-
var headerClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$m['TabsWrapper-header'], true), styles$
|
|
17973
|
+
var headerClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$m['TabsWrapper-header'], true), styles$17['TabsWrapper-header'], true), styles$m['TabsWrapper-header--withSeparator'], withSeparator), className, headerClassName);
|
|
17731
17974
|
var getPillsClass = function getPillsClass(disabled) {
|
|
17732
17975
|
return classnames(_defineProperty$1(_defineProperty$1({}, styles$m['Tab-pills'], true), styles$m['Tab-pills--disabled'], disabled));
|
|
17733
17976
|
};
|
|
@@ -18650,8 +18893,8 @@ DropzoneBase.defaultProps = {
|
|
|
18650
18893
|
}
|
|
18651
18894
|
};
|
|
18652
18895
|
|
|
18653
|
-
var css_248z$m = ".dropzone-module-Dropzone-xfBzQ-4-
|
|
18654
|
-
var styles$l = {"Dropzone":"dropzone-module-Dropzone-xfBzQ-4-
|
|
18896
|
+
var css_248z$m = ".dropzone-module-Dropzone-xfBzQ-4-18-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-18-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-18-0 {\n animation-delay: var(--duration--fast-02);\n animation-fill-mode: forwards;\n}\n\n.dropzone-module-Dropzone-animation--default-cuelA-4-18-0 {\n animation: dropzone-module-dropzoneDefault-5MWv4-4-18-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-animation--active-AlfVM-4-18-0 {\n animation: dropzone-module-dropzoneActive-DcbqH-4-18-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneDefault-5MWv4-4-18-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-18-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-18-0 {\n animation: dropzone-module-dropzoneStandardDefault-YIUej-4-18-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-standard--active-8ZfF7-4-18-0 {\n animation: dropzone-module-dropzoneStandardActive-ZiJ-w-4-18-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneStandardDefault-YIUej-4-18-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-18-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-18-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-18-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-18-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-18-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-18-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-18-0 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.dropzone-module-DropzoneWrapper--standard-0fW8S-4-18-0,\n.dropzone-module-DropzoneWrapper--tight-Cg0sm-4-18-0 {\n align-items: center;\n}\n\n.dropzone-module-DropzoneWrapper--compressed-UKNax-4-18-0 {\n align-items: start;\n}\n\n.dropzone-module-Dropzone-icon--standard-Nv5eM-4-18-0 {\n margin-bottom: var(--spacing-30);\n}\n\n.dropzone-module-Dropzone-icon--compressed-lcmwS-4-18-0 {\n margin-right: var(--spacing-60);\n}\n\n.dropzone-module-Dropzone-icon--disabled-8nN-d-4-18-0 {\n fill: var(--inverse-lightest);\n}\n\n.dropzone-module-Dropzone-icon--default-mwP9a-4-18-0 {\n fill: var(--inverse-lighter);\n}\n\n.dropzone-module-Dropzone-icon--active-qPLXO-4-18-0 {\n fill: var(--primary);\n}\n\n.dropzone-module-Dropzone-icon--error-ImiCw-4-18-0 {\n fill: var(--alert);\n}\n";
|
|
18897
|
+
var styles$l = {"Dropzone":"dropzone-module-Dropzone-xfBzQ-4-18-0","Dropzone--active":"dropzone-module-Dropzone--active-M0Gcb-4-18-0","Dropzone-animation":"dropzone-module-Dropzone-animation-qJQVf-4-18-0","Dropzone-animation--default":"dropzone-module-Dropzone-animation--default-cuelA-4-18-0","dropzoneDefault":"dropzone-module-dropzoneDefault-5MWv4-4-18-0","Dropzone-animation--active":"dropzone-module-Dropzone-animation--active-AlfVM-4-18-0","dropzoneActive":"dropzone-module-dropzoneActive-DcbqH-4-18-0","Dropzone-standard--default":"dropzone-module-Dropzone-standard--default-HMghu-4-18-0","dropzoneStandardDefault":"dropzone-module-dropzoneStandardDefault-YIUej-4-18-0","Dropzone-standard--active":"dropzone-module-Dropzone-standard--active-8ZfF7-4-18-0","dropzoneStandardActive":"dropzone-module-dropzoneStandardActive-ZiJ-w-4-18-0","Dropzone--error":"dropzone-module-Dropzone--error-wcuXz-4-18-0","Dropzone--disabled":"dropzone-module-Dropzone--disabled-Z-6tQ-4-18-0","Dropzone--standard":"dropzone-module-Dropzone--standard-BLqgV-4-18-0","Dropzone--compressed":"dropzone-module-Dropzone--compressed-REqQ2-4-18-0","Dropzone--tight":"dropzone-module-Dropzone--tight--XZ-s-4-18-0","DropzoneWrapper":"dropzone-module-DropzoneWrapper-sLmKQ-4-18-0","DropzoneWrapper--standard":"dropzone-module-DropzoneWrapper--standard-0fW8S-4-18-0","DropzoneWrapper--tight":"dropzone-module-DropzoneWrapper--tight-Cg0sm-4-18-0","DropzoneWrapper--compressed":"dropzone-module-DropzoneWrapper--compressed-UKNax-4-18-0","Dropzone-icon--standard":"dropzone-module-Dropzone-icon--standard-Nv5eM-4-18-0","Dropzone-icon--compressed":"dropzone-module-Dropzone-icon--compressed-lcmwS-4-18-0","Dropzone-icon--disabled":"dropzone-module-Dropzone-icon--disabled-8nN-d-4-18-0","Dropzone-icon--default":"dropzone-module-Dropzone-icon--default-mwP9a-4-18-0","Dropzone-icon--active":"dropzone-module-Dropzone-icon--active-qPLXO-4-18-0","Dropzone-icon--error":"dropzone-module-Dropzone-icon--error-ImiCw-4-18-0"};
|
|
18655
18898
|
styleInject(css_248z$m);
|
|
18656
18899
|
|
|
18657
18900
|
var svgCode = {
|
|
@@ -18782,8 +19025,8 @@ var FileUploaderFormat = function FileUploaderFormat(props) {
|
|
|
18782
19025
|
};
|
|
18783
19026
|
FileUploaderFormat.displayName = 'FileUploaderFormat';
|
|
18784
19027
|
|
|
18785
|
-
var css_248z$l = ".fileUploader-module-FileUploader--Pv73-4-
|
|
18786
|
-
var styles$k = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-
|
|
19028
|
+
var css_248z$l = ".fileUploader-module-FileUploader--Pv73-4-18-0 {\n display: flex;\n flex-direction: column;\n}\n\n.fileUploader-module-FileUploaderButton-qfMIr-4-18-0 {\n width: -moz-fit-content;\n width: fit-content;\n position: relative;\n}\n\n.fileUploader-module-FileUploaderButton-input-em151-4-18-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-18-0 {\n width: var(--spacing-640);\n}\n\n.fileUploader-module-FileUploaderItem-text-5ygMX-4-18-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-18-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";
|
|
19029
|
+
var styles$k = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-18-0","FileUploaderButton":"fileUploader-module-FileUploaderButton-qfMIr-4-18-0","FileUploaderButton-input":"fileUploader-module-FileUploaderButton-input-em151-4-18-0","FileUploaderItem":"fileUploader-module-FileUploaderItem-ukfM6-4-18-0","FileUploaderItem-text":"fileUploader-module-FileUploaderItem-text-5ygMX-4-18-0","FileUploaderItem-file":"fileUploader-module-FileUploaderItem-file-HKKiB-4-18-0"};
|
|
18787
19030
|
styleInject(css_248z$l);
|
|
18788
19031
|
|
|
18789
19032
|
var FileUploaderButton = function FileUploaderButton(props) {
|
|
@@ -19294,7 +19537,9 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
19294
19537
|
sorting = _schema$sorting === void 0 ? true : _schema$sorting,
|
|
19295
19538
|
name = schema.name,
|
|
19296
19539
|
filters = schema.filters,
|
|
19297
|
-
pinned = schema.pinned
|
|
19540
|
+
pinned = schema.pinned,
|
|
19541
|
+
_schema$filterType = schema.filterType,
|
|
19542
|
+
filterType = _schema$filterType === void 0 ? 'multiSelect' : _schema$filterType;
|
|
19298
19543
|
var isValidSchema = hasSchema(schemaProp);
|
|
19299
19544
|
var listIndex = sortingList.findIndex(function (l) {
|
|
19300
19545
|
return l.name === name;
|
|
@@ -19386,8 +19631,8 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
19386
19631
|
tooltip: schema.displayName
|
|
19387
19632
|
}, renderLabel()) : schema.headerCellRenderer && !headCellTooltip ? schema.headerCellRenderer(headProps) : renderLabel()), showFilters && filters && /*#__PURE__*/React.createElement(React.Fragment, null, loading && !isValidSchema ? /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Placeholder, null)) : /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Dropdown, {
|
|
19388
19633
|
menu: true,
|
|
19389
|
-
showApplyButton: true,
|
|
19390
|
-
withCheckbox: true,
|
|
19634
|
+
showApplyButton: filterType === 'singleSelect' ? false : true,
|
|
19635
|
+
withCheckbox: filterType === 'singleSelect' ? false : true,
|
|
19391
19636
|
triggerOptions: {
|
|
19392
19637
|
customTrigger: function customTrigger() {
|
|
19393
19638
|
return /*#__PURE__*/React.createElement(Button, {
|
|
@@ -19399,7 +19644,9 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
19399
19644
|
options: filterOptions,
|
|
19400
19645
|
align: 'left',
|
|
19401
19646
|
onChange: function onChange(selected) {
|
|
19402
|
-
|
|
19647
|
+
// Normalize selected to always be an array for consistency
|
|
19648
|
+
var selectedArray = Array.isArray(selected) ? selected : selected != null ? [selected] : [];
|
|
19649
|
+
onFilterChange(name, selectedArray);
|
|
19403
19650
|
},
|
|
19404
19651
|
minWidth: 176
|
|
19405
19652
|
}))), showMenu && /*#__PURE__*/React.createElement(React.Fragment, null, loading && !isValidSchema ? /*#__PURE__*/React.createElement("span", {
|
|
@@ -21143,8 +21390,8 @@ var DraggableDropdown = function DraggableDropdown(props) {
|
|
|
21143
21390
|
}, "Apply"))));
|
|
21144
21391
|
};
|
|
21145
21392
|
|
|
21146
|
-
var css_248z$k = ".table-module-Table--qR8j-4-
|
|
21147
|
-
var tableStyles = {"Table":"table-module-Table--qR8j-4-
|
|
21393
|
+
var css_248z$k = ".table-module-Table--qR8j-4-18-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-18-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-18-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-18-0 {\n height: var(--spacing-60);\n}\n\n.table-module-Table-Header-Label--hide-z7HVq-4-18-0 {\n animation: table-module-fadeOut-9yrts-4-18-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-18-0 {\n animation: table-module-fadeIn-YCXL6-4-18-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n animation-fill-mode: forwards;\n}\n";
|
|
21394
|
+
var tableStyles = {"Table":"table-module-Table--qR8j-4-18-0","Table-grid":"table-module-Table-grid-4jCRZ-4-18-0","Table-pagination":"table-module-Table-pagination-8llhn-4-18-0","Table-Header--Divider":"table-module-Table-Header--Divider--qPHO-4-18-0","Table-Header-Label--hide":"table-module-Table-Header-Label--hide-z7HVq-4-18-0","fadeOut":"table-module-fadeOut-9yrts-4-18-0","Table-Header-Label--show":"table-module-Table-Header-Label--show-bh0tC-4-18-0","fadeIn":"table-module-fadeIn-YCXL6-4-18-0"};
|
|
21148
21395
|
styleInject(css_248z$k);
|
|
21149
21396
|
|
|
21150
21397
|
var Header = function Header(props) {
|
|
@@ -21350,7 +21597,9 @@ var Header = function Header(props) {
|
|
|
21350
21597
|
}, filterSchema.map(function (s) {
|
|
21351
21598
|
var name = s.name,
|
|
21352
21599
|
displayName = s.displayName,
|
|
21353
|
-
filters = s.filters
|
|
21600
|
+
filters = s.filters,
|
|
21601
|
+
_s$filterType = s.filterType,
|
|
21602
|
+
filterType = _s$filterType === void 0 ? 'multiSelect' : _s$filterType;
|
|
21354
21603
|
var filterOptions = filters ? filters.map(function (f) {
|
|
21355
21604
|
return _objectSpread2(_objectSpread2({}, f), {}, {
|
|
21356
21605
|
selected: filterList[name] && filterList[name].findIndex(function (fl) {
|
|
@@ -21360,14 +21609,16 @@ var Header = function Header(props) {
|
|
|
21360
21609
|
}) : [];
|
|
21361
21610
|
return /*#__PURE__*/React.createElement(Dropdown, {
|
|
21362
21611
|
key: name,
|
|
21363
|
-
withCheckbox: true,
|
|
21364
21612
|
className: "my-0 mx-3",
|
|
21365
|
-
showApplyButton: true,
|
|
21613
|
+
showApplyButton: filterType === 'singleSelect' ? false : true,
|
|
21366
21614
|
inlineLabel: displayName,
|
|
21367
21615
|
icon: 'filter_list',
|
|
21368
21616
|
options: filterOptions,
|
|
21617
|
+
withCheckbox: filterType === 'singleSelect' ? false : true,
|
|
21369
21618
|
onChange: function onChange(selected) {
|
|
21370
|
-
|
|
21619
|
+
// Normalize selected to always be an array for consistency
|
|
21620
|
+
var selectedArray = Array.isArray(selected) ? selected : selected != null ? [selected] : [];
|
|
21621
|
+
onFilterChange(name, selectedArray);
|
|
21371
21622
|
}
|
|
21372
21623
|
});
|
|
21373
21624
|
}))), children && /*#__PURE__*/React.createElement("div", {
|
|
@@ -21465,12 +21716,22 @@ var _excluded$F = ["children"];
|
|
|
21465
21716
|
var defaultErrorTemplate = function defaultErrorTemplate(props) {
|
|
21466
21717
|
var _props$errorType = props.errorType,
|
|
21467
21718
|
errorType = _props$errorType === void 0 ? 'DEFAULT' : _props$errorType;
|
|
21468
|
-
var
|
|
21469
|
-
FAILED_TO_FETCH:
|
|
21470
|
-
|
|
21471
|
-
|
|
21719
|
+
var errorConfig = {
|
|
21720
|
+
FAILED_TO_FETCH: {
|
|
21721
|
+
title: 'Failed to fetch data',
|
|
21722
|
+
description: 'We are unable to fetch the data. Try again.'
|
|
21723
|
+
},
|
|
21724
|
+
NO_RECORDS_FOUND: {
|
|
21725
|
+
title: 'No results found',
|
|
21726
|
+
description: 'Try adjusting your search or filters to find what you are looking for.'
|
|
21727
|
+
},
|
|
21728
|
+
DEFAULT: {
|
|
21729
|
+
title: 'No results found',
|
|
21730
|
+
description: 'Try adjusting your search or filters to find what you are looking for.'
|
|
21731
|
+
}
|
|
21472
21732
|
};
|
|
21473
|
-
|
|
21733
|
+
var config = errorConfig[errorType] || errorConfig.DEFAULT;
|
|
21734
|
+
return /*#__PURE__*/React.createElement(EmptyState, null, /*#__PURE__*/React.createElement(EmptyState.Title, null, config.title), /*#__PURE__*/React.createElement(EmptyState.Description, null, config.description));
|
|
21474
21735
|
};
|
|
21475
21736
|
var defaultProps = {
|
|
21476
21737
|
type: 'data',
|
|
@@ -21511,6 +21772,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21511
21772
|
_defineProperty$1(_this, "selectedRowsRef", /*#__PURE__*/React.createRef());
|
|
21512
21773
|
_defineProperty$1(_this, "clearSelectionRef", /*#__PURE__*/React.createRef());
|
|
21513
21774
|
_defineProperty$1(_this, "selectAllRef", /*#__PURE__*/React.createRef());
|
|
21775
|
+
_defineProperty$1(_this, "currentRequestPageRef", /*#__PURE__*/React.createRef());
|
|
21514
21776
|
_defineProperty$1(_this, "updateData", function (searchUpdate) {
|
|
21515
21777
|
if (_this.state.async) {
|
|
21516
21778
|
_this.setState({
|
|
@@ -21615,7 +21877,13 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21615
21877
|
}
|
|
21616
21878
|
if (async) {
|
|
21617
21879
|
if (fetchData) {
|
|
21880
|
+
var requestPage = page;
|
|
21881
|
+
_this.currentRequestPageRef.current = requestPage;
|
|
21618
21882
|
fetchData(opts).then(function (res) {
|
|
21883
|
+
if (_this.currentRequestPageRef.current !== requestPage) {
|
|
21884
|
+
return;
|
|
21885
|
+
}
|
|
21886
|
+
var shouldClearSearching = !_this.state.searchTerm || _this.state.searchTerm.trim() === '';
|
|
21619
21887
|
if (!res.searchTerm || res.searchTerm && res.searchTerm === _this.state.searchTerm) {
|
|
21620
21888
|
var data = res.data;
|
|
21621
21889
|
var dataReplica = JSON.parse(JSON.stringify(data));
|
|
@@ -21638,15 +21906,23 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21638
21906
|
totalRowsCount: res.totalRowsCount || _this.state.totalRowsCount,
|
|
21639
21907
|
loading: false,
|
|
21640
21908
|
error: !data.length,
|
|
21641
|
-
errorType: 'NO_RECORDS_FOUND'
|
|
21909
|
+
errorType: 'NO_RECORDS_FOUND',
|
|
21910
|
+
isSearching: false
|
|
21911
|
+
});
|
|
21912
|
+
} else if (shouldClearSearching) {
|
|
21913
|
+
_this.setState({
|
|
21914
|
+
isSearching: false
|
|
21642
21915
|
});
|
|
21643
21916
|
}
|
|
21644
21917
|
})["catch"](function () {
|
|
21645
|
-
_this.
|
|
21646
|
-
|
|
21647
|
-
|
|
21648
|
-
|
|
21649
|
-
|
|
21918
|
+
if (_this.currentRequestPageRef.current === requestPage) {
|
|
21919
|
+
_this.setState({
|
|
21920
|
+
loading: false,
|
|
21921
|
+
error: true,
|
|
21922
|
+
errorType: 'FAILED_TO_FETCH',
|
|
21923
|
+
isSearching: false
|
|
21924
|
+
});
|
|
21925
|
+
}
|
|
21650
21926
|
});
|
|
21651
21927
|
}
|
|
21652
21928
|
} else {
|
|
@@ -21678,7 +21954,8 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21678
21954
|
schema: renderedSchema,
|
|
21679
21955
|
displayData: sortedData,
|
|
21680
21956
|
data: selectedData,
|
|
21681
|
-
totalRowsCount: sortedData.length
|
|
21957
|
+
totalRowsCount: sortedData.length,
|
|
21958
|
+
isSearching: false
|
|
21682
21959
|
});
|
|
21683
21960
|
}
|
|
21684
21961
|
});
|
|
@@ -21838,9 +22115,11 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21838
22115
|
});
|
|
21839
22116
|
});
|
|
21840
22117
|
_defineProperty$1(_this, "updateSearchTerm", function (newSearchTerm) {
|
|
22118
|
+
var isSearching = !!newSearchTerm && newSearchTerm.trim() !== '';
|
|
21841
22119
|
_this.setState({
|
|
21842
22120
|
searchTerm: newSearchTerm,
|
|
21843
|
-
page: 1
|
|
22121
|
+
page: 1,
|
|
22122
|
+
isSearching: isSearching
|
|
21844
22123
|
});
|
|
21845
22124
|
});
|
|
21846
22125
|
_defineProperty$1(_this, "onClearSelection", function () {
|
|
@@ -21882,9 +22161,11 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21882
22161
|
errorType: _props.errorType,
|
|
21883
22162
|
selectAll: getSelectAll([]),
|
|
21884
22163
|
searchTerm: undefined,
|
|
21885
|
-
totalRowsCount: !_async ? _data.length : 0
|
|
22164
|
+
totalRowsCount: !_async ? _data.length : 0,
|
|
22165
|
+
isSearching: false
|
|
21886
22166
|
};
|
|
21887
22167
|
_this.debounceUpdate = debounce$1(_props.searchDebounceDuration, _this.updateDataFn);
|
|
22168
|
+
_this.currentRequestPageRef.current = _props.page;
|
|
21888
22169
|
return _this;
|
|
21889
22170
|
}
|
|
21890
22171
|
_inherits(Table, _React$Component);
|
|
@@ -22072,7 +22353,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
22072
22353
|
searchTerm: searchTerm,
|
|
22073
22354
|
highlightRegex: highlightRegex,
|
|
22074
22355
|
showNestedRowTrigger: showNestedRowTrigger
|
|
22075
|
-
}))), withPagination && !this.state.
|
|
22356
|
+
}))), withPagination && !this.state.error && !this.state.isSearching && totalPages > 1 && /*#__PURE__*/React.createElement("div", {
|
|
22076
22357
|
className: tableStyles['Table-pagination']
|
|
22077
22358
|
}, /*#__PURE__*/React.createElement(Pagination, {
|
|
22078
22359
|
page: this.state.page,
|
|
@@ -22101,8 +22382,8 @@ var List = function List(props) {
|
|
|
22101
22382
|
};
|
|
22102
22383
|
List.defaultProps = defaultProps;
|
|
22103
22384
|
|
|
22104
|
-
var css_248z$j = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-
|
|
22105
|
-
var styles$j = {"Navigation":"navigation-module-Navigation-fsK-Z-4-
|
|
22385
|
+
var css_248z$j = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-18-0 {\n display: flex;\n}\n\n.navigation-module-Navigation--horizontal-Nlczj-4-18-0 {\n flex-grow: 1;\n justify-content: center;\n}\n\n.navigation-module-Navigation--vertical-JMMGv-4-18-0 {\n flex-direction: column;\n height: 100%;\n width: var(--spacing-640);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-18-0 {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.navigation-module-Navigation-body-zfrYs-4-18-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-18-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-18-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-18-0 {\n pointer-events: none;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-18-0:hover {\n background-color: var(--secondary-light);\n}\n\n.navigation-module-Navigation-menu--active-vLg2d-4-18-0,\n.navigation-module-Navigation-menu--active-vLg2d-4-18-0:hover {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menu--vertical-SD8c9-4-18-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-18-0 {\n border-radius: var(--border-radius-40);\n}\n\n.navigation-module-Navigation-menu--subMenu-1Xkhm-4-18-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-18-0 {\n padding: 8px;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.navigation-module-Navigation-menuIcon--active-4-aoZ-4-18-0 {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menuLabel-qZLzA-4-18-0 {\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-18-0 .navigation-module-Text-4ez7T-4-18-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.navigation-module-Navigation-horizontalPills-CubKV-4-18-0 {\n margin-right: var(--spacing-10);\n}\n\n.navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-18-0 {\n opacity: var(--opacity-10);\n}\n\n.navigation-module-Navigation-footer-Ia0x--4-18-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-18-0 {\n border-top: var(--border);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-18-0 .navigation-module-Navigation-menuIcon--footer-I0MsK-4-18-0 {\n transform: rotate(180deg);\n}\n";
|
|
22386
|
+
var styles$j = {"Navigation":"navigation-module-Navigation-fsK-Z-4-18-0","Navigation--horizontal":"navigation-module-Navigation--horizontal-Nlczj-4-18-0","Navigation--vertical":"navigation-module-Navigation--vertical-JMMGv-4-18-0","Navigation--collapsed":"navigation-module-Navigation--collapsed-ubuOj-4-18-0","Navigation-body":"navigation-module-Navigation-body-zfrYs-4-18-0","Navigation-menu":"navigation-module-Navigation-menu-Afh6p-4-18-0","Navigation-menu--horizontal":"navigation-module-Navigation-menu--horizontal-DbG8C-4-18-0","Navigation-menu--disabled":"navigation-module-Navigation-menu--disabled-6BCHc-4-18-0","Navigation-menu--active":"navigation-module-Navigation-menu--active-vLg2d-4-18-0","Navigation-menu--vertical":"navigation-module-Navigation-menu--vertical-SD8c9-4-18-0","Navigation-menu--rounded":"navigation-module-Navigation-menu--rounded-RK5tK-4-18-0","Navigation-menu--subMenu":"navigation-module-Navigation-menu--subMenu-1Xkhm-4-18-0","Navigation-menuIcon":"navigation-module-Navigation-menuIcon-mI-8A-4-18-0","Navigation-menuIcon--active":"navigation-module-Navigation-menuIcon--active-4-aoZ-4-18-0","Navigation-menuLabel":"navigation-module-Navigation-menuLabel-qZLzA-4-18-0","Text":"navigation-module-Text-4ez7T-4-18-0","Navigation-horizontalPills":"navigation-module-Navigation-horizontalPills-CubKV-4-18-0","Navigation-horizontalPills--disabled":"navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-18-0","Navigation-footer":"navigation-module-Navigation-footer-Ia0x--4-18-0","Navigation-footer--border":"navigation-module-Navigation-footer--border--gDQG-4-18-0","Navigation-menuIcon--footer":"navigation-module-Navigation-menuIcon--footer-I0MsK-4-18-0"};
|
|
22106
22387
|
styleInject(css_248z$j);
|
|
22107
22388
|
|
|
22108
22389
|
var useState$1 = React.useState;
|
|
@@ -22283,7 +22564,7 @@ var Status = function Status(props) {
|
|
|
22283
22564
|
navigationPosition = props.navigationPosition,
|
|
22284
22565
|
navigation = props.navigation,
|
|
22285
22566
|
tabs = props.tabs;
|
|
22286
|
-
var statusClasses = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
22567
|
+
var statusClasses = classnames(_defineProperty$1(_defineProperty$1({}, styles$17['PageHeader-statusWrapper'], true), 'mb-3', navigationPosition === 'bottom' && navigation || tabs));
|
|
22287
22568
|
return /*#__PURE__*/React.createElement(React.Fragment, null, (status || meta) && /*#__PURE__*/React.createElement("div", {
|
|
22288
22569
|
className: statusClasses,
|
|
22289
22570
|
"data-test": "DesignSystem-PageHeader--Status"
|
|
@@ -22299,14 +22580,14 @@ var Action = function Action(props) {
|
|
|
22299
22580
|
sizeM: "4",
|
|
22300
22581
|
"data-test": "DesignSystem-PageHeader--Actions"
|
|
22301
22582
|
}, /*#__PURE__*/React.createElement("div", {
|
|
22302
|
-
className: styles$
|
|
22583
|
+
className: styles$17['PageHeader-actionsWrapper']
|
|
22303
22584
|
}, actions)) : (navigation || stepper) && /*#__PURE__*/React.createElement(Column, {
|
|
22304
22585
|
size: "4",
|
|
22305
22586
|
sizeXL: "4",
|
|
22306
22587
|
sizeM: "4",
|
|
22307
22588
|
"data-test": "DesignSystem-PageHeader--Actions"
|
|
22308
22589
|
}, /*#__PURE__*/React.createElement("div", {
|
|
22309
|
-
className: styles$
|
|
22590
|
+
className: styles$17['PageHeader-actionsWrapper']
|
|
22310
22591
|
})));
|
|
22311
22592
|
};
|
|
22312
22593
|
var Nav = function Nav(props) {
|
|
@@ -22316,7 +22597,7 @@ var Nav = function Nav(props) {
|
|
|
22316
22597
|
return null;
|
|
22317
22598
|
}
|
|
22318
22599
|
return /*#__PURE__*/React.createElement("div", {
|
|
22319
|
-
className: styles$
|
|
22600
|
+
className: styles$17['PageHeader-navigationWrapper'],
|
|
22320
22601
|
"data-test": "DesignSystem-PageHeader--Nav"
|
|
22321
22602
|
}, navigation || stepper);
|
|
22322
22603
|
};
|
|
@@ -22342,10 +22623,10 @@ var Title = function Title(props) {
|
|
|
22342
22623
|
var badge = props.badge,
|
|
22343
22624
|
title = props.title;
|
|
22344
22625
|
return /*#__PURE__*/React.createElement("div", {
|
|
22345
|
-
className: styles$
|
|
22626
|
+
className: styles$17['PageHeader-titleWrapper'],
|
|
22346
22627
|
"data-test": "DesignSystem-PageHeader--Title"
|
|
22347
22628
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
22348
|
-
className: styles$
|
|
22629
|
+
className: styles$17['PageHeader-title']
|
|
22349
22630
|
}, title), badge);
|
|
22350
22631
|
};
|
|
22351
22632
|
|
|
@@ -22364,8 +22645,8 @@ var PageHeader = function PageHeader(props) {
|
|
|
22364
22645
|
className = props.className,
|
|
22365
22646
|
button = props.button;
|
|
22366
22647
|
var baseProps = extractBaseProps(props);
|
|
22367
|
-
var wrapperClasses = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
22368
|
-
var classes = classnames(styles$
|
|
22648
|
+
var wrapperClasses = classnames(_defineProperty$1(_defineProperty$1({}, styles$17['PageHeader-wrapper'], true), styles$17['PageHeader-wrapper--withTabs'], tabs), className);
|
|
22649
|
+
var classes = classnames(styles$17.PageHeader);
|
|
22369
22650
|
var colSize = (navigation || stepper) && navigationPosition === 'center' ? '4' : actions ? '8' : '12';
|
|
22370
22651
|
var centerNavProps = {
|
|
22371
22652
|
colSize: colSize,
|
|
@@ -22423,8 +22704,8 @@ PageHeader.defaultProps = {
|
|
|
22423
22704
|
separator: true
|
|
22424
22705
|
};
|
|
22425
22706
|
|
|
22426
|
-
var css_248z$i = ".fileList-module-FileIcon-01qzb-4-
|
|
22427
|
-
var styles$i = {"FileIcon":"fileList-module-FileIcon-01qzb-4-
|
|
22707
|
+
var css_248z$i = ".fileList-module-FileIcon-01qzb-4-18-0 {\n padding: var(--spacing-20);\n border-radius: var(--border-radius-full);\n}\n.fileList-module-FileItem-HpCE9-4-18-0:not(:last-child) {\n border-bottom: var(--border);\n width: 100%;\n box-sizing: border-box;\n}\n.fileList-module-FileItem-HpCE9-4-18-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-18-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n}\n.fileList-module-FileItem-actions-zH5Wo-4-18-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n}\n.fileList-module-FileItem-file-jkZDb-4-18-0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.fileList-module-FileItem-size-Jn3i4-4-18-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-18-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-18-0 {\n margin-left: 40px;\n}\n\n.fileList-module-FileIcon--image-8GeUP-4-18-0 {\n background: var(--alert-lightest);\n color: var(--alert);\n}\n.fileList-module-FileIcon--audio-pU4It-4-18-0 {\n background: var(--accent1-lightest);\n color: var(--accent1);\n}\n.fileList-module-FileIcon--video-Yhyeo-4-18-0 {\n background: var(--accent2-lightest);\n color: var(--accent2);\n}\n.fileList-module-FileIcon--application-GCdsE-4-18-0 {\n background: var(--accent3-lightest);\n color: var(--accent3);\n}\n.fileList-module-FileIcon--others-EgUIw-4-18-0 {\n background: var(--success-lightest);\n color: var(--success);\n}\n.fileList-module-FileIcon--animate-uQCYr-4-18-0 {\n animation: fileList-module-fadeIn-CVtFA-4-18-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes fileList-module-fadeIn-CVtFA-4-18-0 {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
22708
|
+
var styles$i = {"FileIcon":"fileList-module-FileIcon-01qzb-4-18-0","FileItem":"fileList-module-FileItem-HpCE9-4-18-0","FileItem-fileContent":"fileList-module-FileItem-fileContent-vusoO-4-18-0","FileItem-actions":"fileList-module-FileItem-actions-zH5Wo-4-18-0","FileItem-file":"fileList-module-FileItem-file-jkZDb-4-18-0","FileItem-size":"fileList-module-FileItem-size-Jn3i4-4-18-0","FileItem-text":"fileList-module-FileItem-text-JzD0s-4-18-0","FileItem-error":"fileList-module-FileItem-error-srZSs-4-18-0","FileIcon--image":"fileList-module-FileIcon--image-8GeUP-4-18-0","FileIcon--audio":"fileList-module-FileIcon--audio-pU4It-4-18-0","FileIcon--video":"fileList-module-FileIcon--video-Yhyeo-4-18-0","FileIcon--application":"fileList-module-FileIcon--application-GCdsE-4-18-0","FileIcon--others":"fileList-module-FileIcon--others-EgUIw-4-18-0","FileIcon--animate":"fileList-module-FileIcon--animate-uQCYr-4-18-0","fadeIn":"fileList-module-fadeIn-CVtFA-4-18-0"};
|
|
22428
22709
|
styleInject(css_248z$i);
|
|
22429
22710
|
|
|
22430
22711
|
var useEffect = React.useEffect,
|
|
@@ -22719,11 +23000,11 @@ var VerificationCodeInput = function VerificationCodeInput(props) {
|
|
|
22719
23000
|
}
|
|
22720
23001
|
};
|
|
22721
23002
|
var wrapperClassNames = function wrapperClassNames(i) {
|
|
22722
|
-
return classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
23003
|
+
return classnames(_defineProperty$1(_defineProperty$1({}, styles$X['VerificationCodeInput-Input'], true), 'ml-4', i > 0), className);
|
|
22723
23004
|
};
|
|
22724
23005
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
22725
23006
|
"data-test": "DesignSystem-VerificationCodeInput",
|
|
22726
|
-
className: styles$
|
|
23007
|
+
className: styles$X['VerificationCodeInput']
|
|
22727
23008
|
}, values.map(function (val, index) {
|
|
22728
23009
|
return /*#__PURE__*/React__default.createElement(Input, _extends$2({
|
|
22729
23010
|
key: index,
|
|
@@ -22748,8 +23029,8 @@ VerificationCodeInput.defaultProps = {
|
|
|
22748
23029
|
fields: 4
|
|
22749
23030
|
};
|
|
22750
23031
|
|
|
22751
|
-
var css_248z$h = ".inlineMessage-module-InlineMessage-eYA4x-4-
|
|
22752
|
-
var styles$h = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-
|
|
23032
|
+
var css_248z$h = ".inlineMessage-module-InlineMessage-eYA4x-4-18-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-18-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-18-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-18-0,\n.inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-18-0 {\n color: var(--accent1);\n}\n\n.inlineMessage-module-InlineMessage-text--alert-rUpLF-4-18-0 {\n color: var(--alert);\n}\n\n.inlineMessage-module-InlineMessage-text--info-7X-lv-4-18-0 {\n color: var(--primary);\n}\n\n.inlineMessage-module-InlineMessage-text--success-UX2Vn-4-18-0 {\n color: var(--success);\n}\n";
|
|
23033
|
+
var styles$h = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-18-0","InlineMessage-icon--regular":"inlineMessage-module-InlineMessage-icon--regular-ULMAr-4-18-0","InlineMessage-icon--small":"inlineMessage-module-InlineMessage-icon--small-DcwRS-4-18-0","InlineMessage-text--warning":"inlineMessage-module-InlineMessage-text--warning-zlHbs-4-18-0","InlineMessage-icon--warning":"inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-18-0","InlineMessage-text--alert":"inlineMessage-module-InlineMessage-text--alert-rUpLF-4-18-0","InlineMessage-text--info":"inlineMessage-module-InlineMessage-text--info-7X-lv-4-18-0","InlineMessage-text--success":"inlineMessage-module-InlineMessage-text--success-UX2Vn-4-18-0"};
|
|
22753
23034
|
styleInject(css_248z$h);
|
|
22754
23035
|
|
|
22755
23036
|
var IconMapping = {
|
|
@@ -22793,8 +23074,8 @@ InlineMessage.defaultProps = {
|
|
|
22793
23074
|
size: 'regular'
|
|
22794
23075
|
};
|
|
22795
23076
|
|
|
22796
|
-
var css_248z$g = ".choiceList-module-ChoiceList-haiz--4-
|
|
22797
|
-
var styles$g = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-
|
|
23077
|
+
var css_248z$g = ".choiceList-module-ChoiceList-haiz--4-18-0 {\n margin: 0;\n padding: 0;\n border: none;\n}\n\n.choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-18-0 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList-radio--vertical-9uLgh-4-18-0 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-18-0 {\n display: flex;\n}\n\n.choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-18-0 {\n margin-left: var(--spacing-60);\n}\n\n.choiceList-module-ChoiceList-radio--horizontal-67SGD-4-18-0 {\n margin-left: var(--spacing-60);\n}\n";
|
|
23078
|
+
var styles$g = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-18-0","ChoiceList-checkbox--vertical":"choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-18-0","ChoiceList-radio--vertical":"choiceList-module-ChoiceList-radio--vertical-9uLgh-4-18-0","ChoiceList--alignHorizontal":"choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-18-0","ChoiceList-checkbox--horizontal":"choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-18-0","ChoiceList-radio--horizontal":"choiceList-module-ChoiceList-radio--horizontal-67SGD-4-18-0"};
|
|
22798
23079
|
styleInject(css_248z$g);
|
|
22799
23080
|
|
|
22800
23081
|
var renderCheckbox = function renderCheckbox(list, handleOnChange, ChoiceListDisabled, size, alignment, selected, wrapLabel) {
|
|
@@ -22905,8 +23186,8 @@ ChoiceList.defaultProps = {
|
|
|
22905
23186
|
disabled: false
|
|
22906
23187
|
};
|
|
22907
23188
|
|
|
22908
|
-
var css_248z$f = ".divider-module-Divider-Fo0Gy-4-
|
|
22909
|
-
var styles$f = {"Divider":"divider-module-Divider-Fo0Gy-4-
|
|
23189
|
+
var css_248z$f = ".divider-module-Divider-Fo0Gy-4-18-0 {\n border: none;\n margin: 0;\n}\n\n.divider-module-Divider--vertical-Cdk22-4-18-0 {\n width: 1px;\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--horizontal-3Z0nC-4-18-0 {\n height: 1px;\n}\n\n.divider-module-Divider--basic-BqnEq-4-18-0 {\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--header-GMLJV-4-18-0 {\n background: var(--secondary-dark);\n}\n";
|
|
23190
|
+
var styles$f = {"Divider":"divider-module-Divider-Fo0Gy-4-18-0","Divider--vertical":"divider-module-Divider--vertical-Cdk22-4-18-0","Divider--horizontal":"divider-module-Divider--horizontal-3Z0nC-4-18-0","Divider--basic":"divider-module-Divider--basic-BqnEq-4-18-0","Divider--header":"divider-module-Divider--header-GMLJV-4-18-0"};
|
|
22910
23191
|
styleInject(css_248z$f);
|
|
22911
23192
|
|
|
22912
23193
|
var Divider = function Divider(props) {
|
|
@@ -22954,8 +23235,8 @@ var HelpText = function HelpText(props) {
|
|
|
22954
23235
|
};
|
|
22955
23236
|
HelpText.displayName = 'HelpText';
|
|
22956
23237
|
|
|
22957
|
-
var css_248z$e = ".linkButton-module-LinkButton--eCyD-4-
|
|
22958
|
-
var styles$e = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-
|
|
23238
|
+
var css_248z$e = ".linkButton-module-LinkButton--eCyD-4-18-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-18-0 {\n flex-direction: row-reverse;\n}\n\n.linkButton-module-LinkButton-icon-Id1IM-4-18-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.linkButton-module-LinkButton-icon--left-uCKUJ-4-18-0 {\n margin-right: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton-icon--right-wxMEa-4-18-0 {\n margin-left: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton--regular-QoGvH-4-18-0 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.linkButton-module-LinkButton--tiny-21d67-4-18-0 {\n line-height: var(--font-height-s);\n font-size: var(--font-size-s);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-18-0 {\n color: var(--primary);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-18-0:hover {\n color: var(--primary-dark);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-18-0:active {\n color: var(--primary-darker);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-18-0:focus,\n.linkButton-module-LinkButton--default-1cpsS-4-18-0:focus-visible {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-18-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-18-0 {\n color: var(--inverse-lighter);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-18-0:hover {\n color: var(--inverse-light);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-18-0:active {\n color: var(--inverse);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-18-0:focus,\n.linkButton-module-LinkButton--subtle-I8NtR-4-18-0:focus-visible {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-18-0:disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--inverse-lightest);\n}\n";
|
|
23239
|
+
var styles$e = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-18-0","LinkButton--iconAlign-right":"linkButton-module-LinkButton--iconAlign-right-BjcDC-4-18-0","LinkButton-icon":"linkButton-module-LinkButton-icon-Id1IM-4-18-0","LinkButton-icon--left":"linkButton-module-LinkButton-icon--left-uCKUJ-4-18-0","LinkButton-icon--right":"linkButton-module-LinkButton-icon--right-wxMEa-4-18-0","LinkButton--regular":"linkButton-module-LinkButton--regular-QoGvH-4-18-0","LinkButton--tiny":"linkButton-module-LinkButton--tiny-21d67-4-18-0","LinkButton--default":"linkButton-module-LinkButton--default-1cpsS-4-18-0","LinkButton--subtle":"linkButton-module-LinkButton--subtle-I8NtR-4-18-0"};
|
|
22959
23240
|
styleInject(css_248z$e);
|
|
22960
23241
|
|
|
22961
23242
|
var _excluded$D = ["children", "type", "className", "disabled", "tabIndex", "icon", "subtle", "size", "iconAlign", "iconType"];
|
|
@@ -23000,8 +23281,8 @@ LinkButton.defaultProps = {
|
|
|
23000
23281
|
iconAlign: 'left'
|
|
23001
23282
|
};
|
|
23002
23283
|
|
|
23003
|
-
var css_248z$d = ".actionCard-module-ActionCard-VTzbo-4-
|
|
23004
|
-
var styles$d = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-
|
|
23284
|
+
var css_248z$d = ".actionCard-module-ActionCard-VTzbo-4-18-0 {\n border-radius: var(--border-radius-10);\n width: 100%;\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-18-0 {\n cursor: pointer;\n border: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-18-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-18-0:focus,\n.actionCard-module-ActionCard--default-ehk9Y-4-18-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-18-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-18-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-18-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";
|
|
23285
|
+
var styles$d = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-18-0","ActionCard--default":"actionCard-module-ActionCard--default-ehk9Y-4-18-0","ActionCard--disabled":"actionCard-module-ActionCard--disabled-Xbnn0-4-18-0","ActionCard-overlay--disabled":"actionCard-module-ActionCard-overlay--disabled-N4msm-4-18-0"};
|
|
23005
23286
|
styleInject(css_248z$d);
|
|
23006
23287
|
|
|
23007
23288
|
var _excluded$C = ["children", "disabled", "className", "zIndex", "onClick"];
|
|
@@ -23103,8 +23384,8 @@ function useSingleSelect() {
|
|
|
23103
23384
|
};
|
|
23104
23385
|
}
|
|
23105
23386
|
|
|
23106
|
-
var css_248z$c = ".selectionCard-module-Selection-card-qn7-q-4-
|
|
23107
|
-
var styles$c = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-
|
|
23387
|
+
var css_248z$c = ".selectionCard-module-Selection-card-qn7-q-4-18-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-18-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-18-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-18-0:focus,\n.selectionCard-module-Selection-card--default-hU2T--4-18-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-18-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-18-0 {\n cursor: not-allowed;\n outline: none;\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-18-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-18-0 {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-18-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-18-0:focus,\n.selectionCard-module-Selection-card--selected-RWlWc-4-18-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-18-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-18-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-18-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-18-0:active .selectionCard-module-Selection-card-overlay-9BMzm-4-18-0 {\n background-color: var(--primary);\n opacity: var(--opacity-3);\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-18-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-18-0 {\n background-color: var(--secondary-lightest);\n opacity: var(--opacity-10);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-18-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-18-0 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-18-0:active .selectionCard-module-Selection-card-overlay-9BMzm-4-18-0 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-disabled-pIKi1-4-18-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-18-0 {\n background-color: var(--primary-lightest);\n opacity: var(--opacity-10);\n}\n";
|
|
23388
|
+
var styles$c = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-18-0","Selection-card--default":"selectionCard-module-Selection-card--default-hU2T--4-18-0","Selection-card--disabled":"selectionCard-module-Selection-card--disabled-abVC--4-18-0","Selection-card--default-disabled":"selectionCard-module-Selection-card--default-disabled-duc48-4-18-0","Selection-card--selected":"selectionCard-module-Selection-card--selected-RWlWc-4-18-0","Selection-card--selected-disabled":"selectionCard-module-Selection-card--selected-disabled-pIKi1-4-18-0","Selection-card-overlay":"selectionCard-module-Selection-card-overlay-9BMzm-4-18-0"};
|
|
23108
23389
|
styleInject(css_248z$c);
|
|
23109
23390
|
|
|
23110
23391
|
var _excluded$B = ["children", "onClick", "disabled", "id", "cardValue", "overlayZIndex", "selected", "className"];
|
|
@@ -23226,8 +23507,8 @@ var schd = function schd(fn) {
|
|
|
23226
23507
|
return wrapperFn;
|
|
23227
23508
|
};
|
|
23228
23509
|
|
|
23229
|
-
var css_248z$b = ".listbox-module-Listbox-SUVk--4-
|
|
23230
|
-
var styles$b = {"Listbox":"listbox-module-Listbox-SUVk--4-
|
|
23510
|
+
var css_248z$b = ".listbox-module-Listbox-SUVk--4-18-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-18-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-18-0 {\n width: 100%;\n}\n\n.listbox-module-Listbox-item-wrapper-fbx8s-4-18-0:last-child > .listbox-module-Listbox-divider-sZWin-4-18-0,\n.listbox-module-Listbox-item--draggable-3UvAw-4-18-0:last-child .listbox-module-Listbox-divider-sZWin-4-18-0 {\n background: transparent;\n}\n\n/* Sizes */\n\n.listbox-module-Listbox-item--tight-48bRS-4-18-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.listbox-module-Listbox-item--compressed-NDxwb-4-18-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.listbox-module-Listbox-item--standard-q2FuW-4-18-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-18-0 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-18-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-18-0:focus,\n.listbox-module-Listbox-item--option-FMiJ2-4-18-0:focus-visible {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-18-0:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-18-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-18-0:hover {\n background: rgba(151, 197, 240, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-18-0:focus,\n.listbox-module-Listbox-item--selected-mbKE--4-18-0:focus-visible {\n outline: 3px auto rgba(0, 112, 221, 0.16);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-18-0:active {\n background: var(--primary-lighter);\n}\n\n/* Listbox type - resource */\n\n.listbox-module-Listbox-item--resource-RGjFr-4-18-0 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-18-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-18-0:focus,\n.listbox-module-Listbox-item--resource-RGjFr-4-18-0:focus-visible {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-18-0:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--activated-tg1Eb-4-18-0 {\n background: var(--primary-lightest);\n}\n\n/* Listbox type - description */\n\n.listbox-module-Listbox-item--description-qiJzO-4-18-0:focus,\n.listbox-module-Listbox-item--description-qiJzO-4-18-0:focus-visible {\n outline: none;\n}\n\n/* Listbox type - disabled */\n\n.listbox-module-Listbox-item--disabled-x6TW2-4-18-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-18-0:focus {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-18-0 {\n cursor: grab;\n margin-right: var(--spacing-20);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-18-0:hover {\n color: var(--inverse);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-18-0:active {\n color: var(--primary);\n}\n";
|
|
23511
|
+
var styles$b = {"Listbox":"listbox-module-Listbox-SUVk--4-18-0","Listbox-item":"listbox-module-Listbox-item-YQzPV-4-18-0","Listbox-item-wrapper":"listbox-module-Listbox-item-wrapper-fbx8s-4-18-0","Listbox-divider":"listbox-module-Listbox-divider-sZWin-4-18-0","Listbox-item--draggable":"listbox-module-Listbox-item--draggable-3UvAw-4-18-0","Listbox-item--tight":"listbox-module-Listbox-item--tight-48bRS-4-18-0","Listbox-item--compressed":"listbox-module-Listbox-item--compressed-NDxwb-4-18-0","Listbox-item--standard":"listbox-module-Listbox-item--standard-q2FuW-4-18-0","Listbox-item--option":"listbox-module-Listbox-item--option-FMiJ2-4-18-0","Listbox-item--selected":"listbox-module-Listbox-item--selected-mbKE--4-18-0","Listbox-item--resource":"listbox-module-Listbox-item--resource-RGjFr-4-18-0","Listbox-item--activated":"listbox-module-Listbox-item--activated-tg1Eb-4-18-0","Listbox-item--description":"listbox-module-Listbox-item--description-qiJzO-4-18-0","Listbox-item--disabled":"listbox-module-Listbox-item--disabled-x6TW2-4-18-0","Listbox-item--drag-icon":"listbox-module-Listbox-item--drag-icon-Jt6Jw-4-18-0"};
|
|
23231
23512
|
styleInject(css_248z$b);
|
|
23232
23513
|
|
|
23233
23514
|
var AUTOSCROLL_ACTIVE_OFFSET = 200;
|
|
@@ -24137,8 +24418,8 @@ var SelectionAvatar = function SelectionAvatar(props) {
|
|
|
24137
24418
|
|
|
24138
24419
|
var AvatarSelectionContext = /*#__PURE__*/React.createContext({});
|
|
24139
24420
|
|
|
24140
|
-
var css_248z$a = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
24141
|
-
var styles$a = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
24421
|
+
var css_248z$a = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-18-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-18-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-18-0 {\n border-radius: var(--border-radius-10);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-18-0:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-18-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-18-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-18-0:active,\n.avatarSelection-module-SelectionAvatarGroup-item--active-micro-XTJS3-4-18-0:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-regular-BVSG9-4-18-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-18-0:hover .avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-18-0 {\n transform: translateY(-8px);\n}\n\n/* Selected Avatar Group Item */\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-18-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-18-0,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-18-0 {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-18-0 {\n outline: var(--border-width-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-18-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-18-0:active,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-18-0:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-18-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-18-0:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-18-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-18-0 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-18-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-18-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-18-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-18-0,\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-18-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-18-0:hover {\n background-color: #f4f4f4;\n}\n\n/* Selection Avatar Count */\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-18-0 {\n border-radius: var(--border-radius-full);\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-18-0:hover {\n background: var(--secondary);\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-18-0:active {\n background: var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--open-vpUEs-4-18-0 {\n background: var(--secondary-dark) !important;\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-18-0:focus,\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-18-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-18-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-18-0,\n.avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-18-0 {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-18-0 {\n outline: var(--border-width-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-18-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-18-0:active,\n.avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-18-0:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-18-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-18-0:focus,\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-18-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";
|
|
24422
|
+
var styles$a = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-18-0","SelectionAvatarGroup-item":"avatarSelection-module-SelectionAvatarGroup-item-1QsB6-4-18-0","SelectionAvatarGroup-item--square":"avatarSelection-module-SelectionAvatarGroup-item--square-BCyjY-4-18-0","SelectionAvatarGroup-item--active":"avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-18-0","SelectionAvatarGroup-item--active-tiny":"avatarSelection-module-SelectionAvatarGroup-item--active-tiny-tyofa-4-18-0","SelectionAvatarGroup-item--active-micro":"avatarSelection-module-SelectionAvatarGroup-item--active-micro-XTJS3-4-18-0","SelectionAvatarGroup-item--active-regular":"avatarSelection-module-SelectionAvatarGroup-item--active-regular-BVSG9-4-18-0","SelectionAvatarGroup-wrapper":"avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-18-0","SelectionAvatarGroup-item--selected":"avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-18-0","SelectionAvatarGroup-item--selected-tiny":"avatarSelection-module-SelectionAvatarGroup-item--selected-tiny-I4OLi-4-18-0","SelectionAvatarGroup-item--selected-micro":"avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-18-0","SelectionAvatarGroup-item--selected-regular":"avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-18-0","SelectionAvatarGroup-popper":"avatarSelection-module-SelectionAvatarGroup-popper-Rcnff-4-18-0","SelectionAvatar-inputWrapper":"avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-18-0","SelectionAvatar-input":"avatarSelection-module-SelectionAvatar-input-OWRhy-4-18-0","SelectionAvatarCount-wrapper":"avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-18-0","SelectionAvatarCount":"avatarSelection-module-SelectionAvatarCount-s-0H0-4-18-0","SelectionAvatarCount--open":"avatarSelection-module-SelectionAvatarCount--open-vpUEs-4-18-0","SelectionAvatarCount--selected":"avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-18-0","SelectionAvatarCount--selected-tiny":"avatarSelection-module-SelectionAvatarCount--selected-tiny-AlYgW-4-18-0","SelectionAvatarCount--selected-micro":"avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-18-0","SelectionAvatarCount--selected-regular":"avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-18-0"};
|
|
24142
24423
|
styleInject(css_248z$a);
|
|
24143
24424
|
|
|
24144
24425
|
var SelectionAvatarsWrapper = function SelectionAvatarsWrapper(props) {
|
|
@@ -25332,6 +25613,7 @@ var Combobox = function Combobox(props) {
|
|
|
25332
25613
|
highlightLastItem = _React$useState20[0],
|
|
25333
25614
|
setHighlightLastItem = _React$useState20[1];
|
|
25334
25615
|
var inputTriggerRef = React.useRef();
|
|
25616
|
+
var isInitialRender = React.useRef(true);
|
|
25335
25617
|
var popoverId = "DesignSystem-Combobox--Popover-".concat(uidGenerator());
|
|
25336
25618
|
var defaultPopoverStyle = {
|
|
25337
25619
|
fn: function fn(data) {
|
|
@@ -25363,6 +25645,12 @@ var Combobox = function Combobox(props) {
|
|
|
25363
25645
|
multiSelect ? setOpenPopover(true) : setOpenPopover(false);
|
|
25364
25646
|
setIsOptionSelected(false);
|
|
25365
25647
|
}
|
|
25648
|
+
|
|
25649
|
+
// Skip onChange on initial render to prevent unwanted calls
|
|
25650
|
+
if (isInitialRender.current) {
|
|
25651
|
+
isInitialRender.current = false;
|
|
25652
|
+
return;
|
|
25653
|
+
}
|
|
25366
25654
|
var value = multiSelect ? chipInputValue : inputValue;
|
|
25367
25655
|
onChange && !isOptionSelected && onChange(value);
|
|
25368
25656
|
}, [inputValue, chipInputValue]);
|
|
@@ -25676,8 +25964,8 @@ var handleInputKeyDown = function handleInputKeyDown(event, listRef, setFocusedO
|
|
|
25676
25964
|
setFocusedOption && setFocusedOption(targetOption);
|
|
25677
25965
|
};
|
|
25678
25966
|
|
|
25679
|
-
var css_248z$9 = ".select-module-Select-input-E3-1I-4-
|
|
25680
|
-
var styles$9 = {"Select-input":"select-module-Select-input-E3-1I-4-
|
|
25967
|
+
var css_248z$9 = ".select-module-Select-input-E3-1I-4-18-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-18-0,\n.select-module-Select-input-E3-1I-4-18-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.select-module-Select-input-E3-1I-4-18-0:hover {\n background-color: #f4f4f4;\n}\n\n.select-module-Select-trigger-PT5nA-4-18-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-18-0 {\n background: var(--secondary-light);\n color: var(--text);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-18-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-18-0:active,\n.select-module-Select-trigger--filledOpen-JwFDP-4-18-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-18-0:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-18-0:focus {\n border: var(--border-width-2-5) solid var(--primary);\n background-color: var(--secondary-light);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n/* styleType Outlined */\n\n.select-module-Select-trigger--outlined-EqpYO-4-18-0 {\n background: var(--white);\n color: var(--text);\n border: var(--border);\n}\n\n.select-module-Select-trigger--outlined-EqpYO-4-18-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-18-0:focus {\n border: var(--border-width-2-5) solid var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.select-module-Select-trigger--outlined-EqpYO-4-18-0:active,\n.select-module-Select-trigger--outlinedOpen-Qpz-c-4-18-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-18-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-18-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.select-module-Select-inputWrapper-LT8pe-4-18-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.select-module-Select-trigger-wrapper-NMxls-4-18-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-18-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-18-0,\n.select-module-Select-option--text-WfcEP-4-18-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-18-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-18-0 {\n color: var(--text);\n}\n\n.select-module-Select-trigger--outlinedPlaceholder-KskN9-4-18-0 {\n color: var(--inverse-lighter);\n}\n\n.select-module-Select-trigger--icon-eX-q0-4-18-0 {\n padding-left: var(--spacing-20);\n}\n\n.select-module-Select-buttonWrapper-Dm9cQ-4-18-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-18-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-18-0:focus-visible,\n.select-module-Select-crossButton-RUlwA-4-18-0:focus {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.select-module-Select-crossButton-RUlwA-4-18-0:hover {\n background-color: var(--secondary);\n}\n\n.select-module-Select-crossButton-RUlwA-4-18-0:active {\n background-color: var(--secondary-dark);\n}\n\n.select-module-Select-option-HDep4-4-18-0 {\n display: flex;\n align-items: flex-start;\n width: 100%;\n}\n\n.select-module-Select-trigger--textSmall-jlpss-4-18-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-18-0 {\n padding: var(--spacing-10) var(--spacing-20);\n}\n\n.select-module-Select-input--tiny-mldAL-4-18-0 {\n padding-right: var(--spacing-10);\n height: var(--spacing-60);\n}\n\n.select-module-Select-option--textTight-soE6b-4-18-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-18-0 {\n border: var(--border-width-2-5) solid var(--alert) !important;\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n";
|
|
25968
|
+
var styles$9 = {"Select-input":"select-module-Select-input-E3-1I-4-18-0","Select-trigger":"select-module-Select-trigger-PT5nA-4-18-0","Select-trigger--filled":"select-module-Select-trigger--filled-mAjdO-4-18-0","Select-trigger--filledOpen":"select-module-Select-trigger--filledOpen-JwFDP-4-18-0","Select-trigger--outlined":"select-module-Select-trigger--outlined-EqpYO-4-18-0","Select-trigger--outlinedOpen":"select-module-Select-trigger--outlinedOpen-Qpz-c-4-18-0","Select-inputWrapper":"select-module-Select-inputWrapper-LT8pe-4-18-0","Select-trigger-wrapper":"select-module-Select-trigger-wrapper-NMxls-4-18-0","Select-trigger--small":"select-module-Select-trigger--small-v-qam-4-18-0","Select-trigger--text":"select-module-Select-trigger--text-7nEKU-4-18-0","Select-option--text":"select-module-Select-option--text-WfcEP-4-18-0","Select-trigger--regular":"select-module-Select-trigger--regular-Dx-fp-4-18-0","Select-trigger--filledPlaceholder":"select-module-Select-trigger--filledPlaceholder-XA5t6-4-18-0","Select-trigger--outlinedPlaceholder":"select-module-Select-trigger--outlinedPlaceholder-KskN9-4-18-0","Select-trigger--icon":"select-module-Select-trigger--icon-eX-q0-4-18-0","Select-buttonWrapper":"select-module-Select-buttonWrapper-Dm9cQ-4-18-0","Select-crossButton":"select-module-Select-crossButton-RUlwA-4-18-0","Select-option":"select-module-Select-option-HDep4-4-18-0","Select-trigger--textSmall":"select-module-Select-trigger--textSmall-jlpss-4-18-0","Select-option--tight":"select-module-Select-option--tight-vVqxV-4-18-0","Select-input--tiny":"select-module-Select-input--tiny-mldAL-4-18-0","Select-option--textTight":"select-module-Select-option--textTight-soE6b-4-18-0","Select-trigger--error":"select-module-Select-trigger--error-B4sEa-4-18-0"};
|
|
25681
25969
|
styleInject(css_248z$9);
|
|
25682
25970
|
|
|
25683
25971
|
var _excluded$s = ["children", "option", "checkedState", "onClick", "withCheckbox", "disabled"];
|
|
@@ -26167,8 +26455,8 @@ Select.SearchInput = SearchInput;
|
|
|
26167
26455
|
Select.EmptyTemplate = SelectEmptyTemplate;
|
|
26168
26456
|
Select.Footer = SelectFooter;
|
|
26169
26457
|
|
|
26170
|
-
var css_248z$8 = ".menu-module-Menu-AK6Tm-4-
|
|
26171
|
-
var styles$8 = {"Menu":"menu-module-Menu-AK6Tm-4-
|
|
26458
|
+
var css_248z$8 = ".menu-module-Menu-AK6Tm-4-18-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-18-0 {\n background-color: var(--secondary-dark);\n}\n\n.menu-module-Menu-Item-oX6Gf-4-18-0 {\n width: 100%;\n box-sizing: border-box;\n}\n\n.menu-module-Menu-Item--tight-6221H-4-18-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-18-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-18-0:first-child .menu-module-Menu-Group-Label-Qj6zC-4-18-0 {\n padding-top: var(--spacing-20);\n}\n";
|
|
26459
|
+
var styles$8 = {"Menu":"menu-module-Menu-AK6Tm-4-18-0","Menu-Trigger--active":"menu-module-Menu-Trigger--active-jEVVp-4-18-0","Menu-Item":"menu-module-Menu-Item-oX6Gf-4-18-0","Menu-Item--tight":"menu-module-Menu-Item--tight-6221H-4-18-0","Menu-Group-Label":"menu-module-Menu-Group-Label-Qj6zC-4-18-0","Menu-Group":"menu-module-Menu-Group-MAnuz-4-18-0"};
|
|
26172
26460
|
styleInject(css_248z$8);
|
|
26173
26461
|
|
|
26174
26462
|
var _excluded$n = ["label", "children", "showDivider"];
|
|
@@ -26675,8 +26963,8 @@ var DateSeparator = function DateSeparator(props) {
|
|
|
26675
26963
|
}, rest), date);
|
|
26676
26964
|
};
|
|
26677
26965
|
|
|
26678
|
-
var css_248z$7 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
26679
|
-
var styles$7 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
26966
|
+
var css_248z$7 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-18-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-18-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-18-0 {\n flex: 1;\n height: var(--spacing-2-5);\n background-color: var(--primary);\n margin-left: var(--spacing-40);\n}\n";
|
|
26967
|
+
var styles$7 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-18-0","NewMessage-Divider--left":"chatSeparator-module-NewMessage-Divider--left-tvVhe-4-18-0","NewMessage-Divider--right":"chatSeparator-module-NewMessage-Divider--right-PlY2h-4-18-0"};
|
|
26680
26968
|
styleInject(css_248z$7);
|
|
26681
26969
|
|
|
26682
26970
|
var _excluded$i = ["text", "className"];
|
|
@@ -26741,8 +27029,8 @@ var TypingIndicator = function TypingIndicator(props) {
|
|
|
26741
27029
|
}, rest), text);
|
|
26742
27030
|
};
|
|
26743
27031
|
|
|
26744
|
-
var css_248z$6 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
26745
|
-
var styles$6 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
27032
|
+
var css_248z$6 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-18-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-18-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-18-0 {\n margin-right: calc(var(--spacing-40) + var(--spacing-10));\n}\n\n.chatBubble-module-ChatBubble-box-hARs0-4-18-0 {\n width: 100%;\n}\n\n.chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-18-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-18-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-18-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-18-0 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.chatBubble-module-ChatBubble-boxWrapper-aH59y-4-18-0 {\n flex: 0 0 auto;\n display: flex;\n max-width: 70%;\n}\n\n.chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-18-0 {\n flex: 0 0 auto;\n}\n";
|
|
27033
|
+
var styles$6 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-18-0","ChatBubble-separator":"chatBubble-module-ChatBubble-separator-JaN-K-4-18-0","ChatBubble-box--noSuccess":"chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-18-0","ChatBubble-box":"chatBubble-module-ChatBubble-box-hARs0-4-18-0","ChatBubble-actionBar--outgoing":"chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-18-0","ChatBubble-actionBar--incoming":"chatBubble-module-ChatBubble-actionBar--incoming-gosX5-4-18-0","ChatBubble-box--incoming":"chatBubble-module-ChatBubble-box--incoming-GK6D6-4-18-0","ChatBubble-metaData--incoming":"chatBubble-module-ChatBubble-metaData--incoming-dovAY-4-18-0","ChatBubble-boxWrapper":"chatBubble-module-ChatBubble-boxWrapper-aH59y-4-18-0","ChatBubble-actionBarWrapper":"chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-18-0"};
|
|
26746
27034
|
styleInject(css_248z$6);
|
|
26747
27035
|
|
|
26748
27036
|
var _excluded$f = ["time", "metaData", "urgentMessage", "avatarData", "showAvatar", "children", "actionBar"];
|
|
@@ -26958,8 +27246,8 @@ var ChatBubble = function ChatBubble(props) {
|
|
|
26958
27246
|
};
|
|
26959
27247
|
ChatBubble.displayName = 'ChatBubble';
|
|
26960
27248
|
|
|
26961
|
-
var css_248z$5 = ".chatInput-module-ChatInput-eHNHD-4-
|
|
26962
|
-
var styles$5 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-
|
|
27249
|
+
var css_248z$5 = ".chatInput-module-ChatInput-eHNHD-4-18-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-18-0 {\n flex-direction: column;\n align-items: flex-start;\n}\n\n.chatInput-module-ChatInput--disabled-2rn8F-4-18-0 {\n background: var(--secondary-lightest);\n cursor: not-allowed;\n}\n\n.chatInput-module-ChatInput-eHNHD-4-18-0:hover {\n background: var(--secondary-lighter);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-18-0:focus-within,\n.chatInput-module-ChatInput-eHNHD-4-18-0:focus,\n.chatInput-module-ChatInput-eHNHD-4-18-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-18-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-18-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.chatInput-module-ChatInput-textarea-qyw2Y-4-18-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-18-0 textarea:disabled::-moz-placeholder {\n color: var(--inverse-lightest);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-18-0 textarea:disabled::placeholder {\n color: var(--inverse-lightest);\n}\n\n.chatInput-module-ChatInput-actions-TdLpp-4-18-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-18-0 {\n width: 100%;\n justify-content: flex-end;\n margin-top: var(--spacing-20);\n margin-left: 0;\n}\n";
|
|
27250
|
+
var styles$5 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-18-0","ChatInput--expanded":"chatInput-module-ChatInput--expanded-CQXYB-4-18-0","ChatInput--disabled":"chatInput-module-ChatInput--disabled-2rn8F-4-18-0","ChatInput-textarea":"chatInput-module-ChatInput-textarea-qyw2Y-4-18-0","ChatInput-actions":"chatInput-module-ChatInput-actions-TdLpp-4-18-0","ChatInput-actions--expanded":"chatInput-module-ChatInput-actions--expanded-tSHwG-4-18-0"};
|
|
26963
27251
|
styleInject(css_248z$5);
|
|
26964
27252
|
|
|
26965
27253
|
var _excluded$c = ["defaultValue", "showStopButton", "onChange", "onSend", "disabled", "readOnly", "actionRenderer", "onStopGenerating", "className"];
|
|
@@ -27089,8 +27377,8 @@ Chat.TypingIndicator = TypingIndicator;
|
|
|
27089
27377
|
Chat.ChatBubble = ChatBubble;
|
|
27090
27378
|
Chat.ChatInput = ChatInput;
|
|
27091
27379
|
|
|
27092
|
-
var css_248z$4 = ".meter-module-Meter-2i-mO-4-
|
|
27093
|
-
var styles$4 = {"Meter":"meter-module-Meter-2i-mO-4-
|
|
27380
|
+
var css_248z$4 = ".meter-module-Meter-2i-mO-4-18-0 {\n display: flex;\n align-items: center;\n}\n\n.meter-module-Meter-Step-4Z4g3-4-18-0 {\n border-radius: 50%;\n}\n\n.meter-module-Meter-Step--small-8AUww-4-18-0 {\n width: var(--spacing-10);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--regular-5FlOq-4-18-0 {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--large-3n6Li-4-18-0 {\n width: var(--spacing-30);\n height: var(--spacing-30);\n}\n\n.meter-module-Meter-Step--info-dYKw1-4-18-0 {\n background: var(--primary);\n}\n\n.meter-module-Meter-Step--warning-1y3zc-4-18-0 {\n background: var(--warning);\n}\n\n.meter-module-Meter-Step--alert-hNfes-4-18-0 {\n background: var(--alert);\n}\n\n.meter-module-Meter-Step--success-sSboi-4-18-0 {\n background: var(--success);\n}\n";
|
|
27381
|
+
var styles$4 = {"Meter":"meter-module-Meter-2i-mO-4-18-0","Meter-Step":"meter-module-Meter-Step-4Z4g3-4-18-0","Meter-Step--small":"meter-module-Meter-Step--small-8AUww-4-18-0","Meter-Step--regular":"meter-module-Meter-Step--regular-5FlOq-4-18-0","Meter-Step--large":"meter-module-Meter-Step--large-3n6Li-4-18-0","Meter-Step--info":"meter-module-Meter-Step--info-dYKw1-4-18-0","Meter-Step--warning":"meter-module-Meter-Step--warning-1y3zc-4-18-0","Meter-Step--alert":"meter-module-Meter-Step--alert-hNfes-4-18-0","Meter-Step--success":"meter-module-Meter-Step--success-sSboi-4-18-0"};
|
|
27094
27382
|
styleInject(css_248z$4);
|
|
27095
27383
|
|
|
27096
27384
|
var Step = function Step(props) {
|
|
@@ -27265,8 +27553,8 @@ Meter.useMeterValues = useMeterValues;
|
|
|
27265
27553
|
|
|
27266
27554
|
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";
|
|
27267
27555
|
|
|
27268
|
-
var css_248z$3 = ".button-module-AIButton-Hcde0-4-
|
|
27269
|
-
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-
|
|
27556
|
+
var css_248z$3 = ".button-module-AIButton-Hcde0-4-18-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-18-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-18-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-18-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-18-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-18-0 {\n margin-right: var(--spacing-20);\n}\n";
|
|
27557
|
+
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-18-0","AIButton-Icon":"button-module-AIButton-Icon-ITLNV-4-18-0"};
|
|
27270
27558
|
styleInject(css_248z$3);
|
|
27271
27559
|
|
|
27272
27560
|
var _excluded$9 = ["appearance", "className", "children", "disabled", "withSparkle"];
|
|
@@ -31337,8 +31625,8 @@ var SaraIconDisabled = function SaraIconDisabled(props) {
|
|
|
31337
31625
|
}))));
|
|
31338
31626
|
};
|
|
31339
31627
|
|
|
31340
|
-
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-
|
|
31341
|
-
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-
|
|
31628
|
+
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-18-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-18-0 {\n padding: var(--spacing-0-75);\n}\n\n.iconButton-module-AIIconButton--regular-TAz71-4-18-0 {\n padding: var(--spacing);\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-18-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-18-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-18-0:focus,\n.iconButton-module-AIIconButton-BtFJz-4-18-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-18-0:disabled {\n cursor: not-allowed;\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.iconButton-module-AIIconButton-icon-nj5xZ-4-18-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-18-0 {\n position: absolute;\n}\n\n.iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-18-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-18-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-18-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-18-0 {\n top: calc(var(--spacing-40) + var(--spacing-2-5)); /* 17px */\n left: calc(var(--spacing-40) + var(--spacing-05)); /* 18px */\n}\n";
|
|
31629
|
+
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-18-0","AIIconButton--large":"iconButton-module-AIIconButton--large-2EnOg-4-18-0","AIIconButton--regular":"iconButton-module-AIIconButton--regular-TAz71-4-18-0","AIIconButton-icon":"iconButton-module-AIIconButton-icon-nj5xZ-4-18-0","AIIconButton-AIIcon":"iconButton-module-AIIconButton-AIIcon-xdcj5-4-18-0","AIIconButton-AIIcon--regularTop":"iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-18-0","AIIconButton-AIIcon--largeTop":"iconButton-module-AIIconButton-AIIcon--largeTop-3HqjO-4-18-0","AIIconButton-AIIcon--regularBottom":"iconButton-module-AIIconButton-AIIcon--regularBottom-oQfDL-4-18-0","AIIconButton-AIIcon--largeBottom":"iconButton-module-AIIconButton-AIIcon--largeBottom-RQtt--4-18-0"};
|
|
31342
31630
|
styleInject(css_248z$2);
|
|
31343
31631
|
|
|
31344
31632
|
var SaraIcon = function SaraIcon(props) {
|
|
@@ -31410,8 +31698,8 @@ AIIconButton.defaultProps = {
|
|
|
31410
31698
|
strokeColor: '#fff'
|
|
31411
31699
|
};
|
|
31412
31700
|
|
|
31413
|
-
var css_248z$1 = ".chip-module-AIChip-BtOef-4-
|
|
31414
|
-
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-
|
|
31701
|
+
var css_248z$1 = ".chip-module-AIChip-BtOef-4-18-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-18-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-18-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-18-0:focus,\n.chip-module-AIChip-BtOef-4-18-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-AIChip-icon-n5kJL-4-18-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-18-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-18-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-18-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-18-0 {\n color: var(--inverse-lightest);\n}\n\n.chip-module-AIChip-BtOef-4-18-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";
|
|
31702
|
+
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-18-0","AIChip-icon":"chip-module-AIChip-icon-n5kJL-4-18-0","AIChip-text":"chip-module-AIChip-text-EfbZT-4-18-0","AIChip--disabled":"chip-module-AIChip--disabled-R4qHn-4-18-0","AIChip-icon--disabled":"chip-module-AIChip-icon--disabled-UBH8e-4-18-0","AIChip-text--disabled":"chip-module-AIChip-text--disabled-fCBlY-4-18-0"};
|
|
31415
31703
|
styleInject(css_248z$1);
|
|
31416
31704
|
|
|
31417
31705
|
var _excluded$5 = ["label", "icon", "disabled", "name", "className"];
|
|
@@ -31439,8 +31727,8 @@ var AIChip = function AIChip(props) {
|
|
|
31439
31727
|
}, label));
|
|
31440
31728
|
};
|
|
31441
31729
|
|
|
31442
|
-
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-
|
|
31443
|
-
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-
|
|
31730
|
+
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-18-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-18-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-18-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-18-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-18-0 {\n opacity: var(--opacity-12);\n}\n\n.chat-module-AIResponse-box-AFv7W-4-18-0:hover .chat-module-AIResponse-button-kYbCE-4-18-0,\n.chat-module-AIResponse-box--glow-V9QG9-4-18-0:hover .chat-module-AIResponse-button-kYbCE-4-18-0 {\n opacity: 1;\n}\n\n.chat-module-AIResponse-button--selected-2WUcQ-4-18-0 {\n opacity: 1;\n}\n\n.chat-module-AIResponse-metaData-eT5c3-4-18-0 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n";
|
|
31731
|
+
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-18-0","AIResponse-container":"chat-module-AIResponse-container-OdpKS-4-18-0","AIResponse-box--glow":"chat-module-AIResponse-box--glow-V9QG9-4-18-0","AIResponse-actionBar":"chat-module-AIResponse-actionBar-6fyXH-4-18-0","AIResponse-button":"chat-module-AIResponse-button-kYbCE-4-18-0","AIResponse-box":"chat-module-AIResponse-box-AFv7W-4-18-0","AIResponse-button--selected":"chat-module-AIResponse-button--selected-2WUcQ-4-18-0","AIResponse-metaData":"chat-module-AIResponse-metaData-eT5c3-4-18-0"};
|
|
31444
31732
|
styleInject(css_248z);
|
|
31445
31733
|
|
|
31446
31734
|
var _excluded$4 = ["children", "className", "showGlow"];
|
|
@@ -31545,6 +31833,6 @@ AIResponse.Button = ChatButton;
|
|
|
31545
31833
|
AIResponse.ActionBar = ChatActionBar;
|
|
31546
31834
|
AIResponse.Body = ChatBody;
|
|
31547
31835
|
|
|
31548
|
-
var version = "4.
|
|
31836
|
+
var version = "4.18.0";
|
|
31549
31837
|
|
|
31550
|
-
export { AIButton, AIChip, AIIconButton, AIResponse, ActionCard, Avatar, AvatarGroup, AvatarSelection, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, Chat, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, Combobox, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, KeyValuePair, Label, Legend, Link, LinkButton, List, Listbox, Menu, Message, MetaList, Meter, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sara, SaraSparkle, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };
|
|
31838
|
+
export { AIButton, AIChip, AIIconButton, AIResponse, ActionCard, Avatar, AvatarGroup, AvatarSelection, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, Chat, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, Combobox, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, Flex, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, KeyValuePair, Label, Legend, Link, LinkButton, List, Listbox, MdsGrid, Menu, Message, MetaList, Meter, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sara, SaraSparkle, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };
|