@innovaccer/design-system 4.24.0 → 4.25.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 +39 -0
- package/css/dist/index.css +154 -29
- package/css/dist/index.css.map +1 -1
- package/css/src/components/chip.module.css +31 -13
- package/css/src/components/datePicker.module.css +9 -0
- package/css/src/components/dateRangePicker.module.css +5 -0
- package/css/src/components/horizontalNav.module.css +4 -8
- package/css/src/components/input.module.css +1 -0
- package/css/src/components/pageHeader.module.css +103 -8
- 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/heading/Heading.d.ts +1 -0
- package/dist/core/components/atoms/message/Message.d.ts +1 -0
- package/dist/core/components/atoms/subheading/Subheading.d.ts +1 -0
- package/dist/core/components/atoms/text/Text.d.ts +1 -0
- package/dist/core/components/molecules/emptyState/EmptyState.d.ts +1 -0
- package/dist/core/components/molecules/emptyState/EmptyStateTitle.d.ts +1 -0
- package/dist/core/components/molecules/modal/ModalHeader.d.ts +1 -0
- package/dist/core/components/molecules/overlayHeader/OverlayHeader.d.ts +1 -0
- package/dist/core/components/organisms/pageHeader/utils.d.ts +9 -9
- package/dist/esm/index.js +568 -370
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +536 -375
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +154 -29
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +30 -29
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* Generated on: 2026-
|
|
3
|
+
* Generated on: 2026-05-19T11:39:55.517Z
|
|
4
4
|
* Package: @innovaccer/design-system
|
|
5
|
-
* Version: v4.
|
|
5
|
+
* Version: v4.25.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$1o = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-25-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-wrapper-EoBlf-4-25-0:has(.avatar-module-Avatar-D8RSu-4-25-0:focus-visible)::after {\n content: '';\n position: absolute;\n top: calc(-1 * var(--spacing-20));\n bottom: calc(-1 * var(--spacing-20));\n left: calc(-1 * var(--spacing-10));\n right: calc(-1 * var(--spacing-10));\n border: var(--border-width-05) solid var(--primary-focus);\n border-radius: var(--border-radius-10);\n pointer-events: none;\n}\n\n.avatar-module-Avatar-D8RSu-4-25-0:focus-visible {\n /* Fallback focus ring for browsers without :has support */\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n@supports selector(.Avatar-wrapper:has(.Avatar:focus-visible)) {\n .avatar-module-Avatar-D8RSu-4-25-0:focus-visible {\n outline: none;\n }\n}\n\n.avatar-module-Avatar-wrapper--square--Pcj7-4-25-0 {\n padding: var(--spacing-2-5);\n box-sizing: border-box;\n}\n\n.avatar-module-Avatar-wrapper-EoBlf-4-25-0 {\n position: relative;\n}\n\n.avatar-module-Avatar--square-lGJGN-4-25-0 {\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-10);\n}\n\n.avatar-module-Avatar--regular-ewNzb-4-25-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.avatar-module-Avatar--tiny-Veo-U-4-25-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.avatar-module-Avatar--micro-H0bVd-4-25-0 {\n height: 20px;\n width: 20px;\n}\n\n.avatar-module-Avatar--noInitials-do2M4-4-25-0 {\n cursor: default;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-25-0 {\n cursor: not-allowed;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-25-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-25-0 {\n background: var(--primary-300);\n}\n\n.avatar-module-Avatar--secondary-Fru0H-4-25-0 {\n background: var(--secondary-light);\n}\n\n.avatar-module-Avatar--success-KErql-4-25-0 {\n background: var(--success-300);\n}\n\n.avatar-module-Avatar--alert-mtBzz-4-25-0 {\n background: var(--alert-300);\n}\n\n.avatar-module-Avatar--warning-OUu3j-4-25-0 {\n background: var(--warning-300);\n}\n\n.avatar-module-Avatar--accent1-Q0YGB-4-25-0 {\n background: var(--accent1-300);\n}\n\n.avatar-module-Avatar--accent2-70bqJ-4-25-0 {\n background: var(--accent2-300);\n}\n\n.avatar-module-Avatar--accent3-GEYFR-4-25-0 {\n background: var(--accent3-300);\n}\n\n.avatar-module-Avatar--accent4-PHVye-4-25-0 {\n background: var(--accent4-300);\n}\n\n.avatar-module-Avatar-content--tiny-ZKHWg-4-25-0 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content--micro-qs9Ij-4-25-0 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content--primary-APpou-4-25-0 {\n color: var(--primary-darker) !important;\n}\n\n.avatar-module-Avatar-content--secondary-otLfi-4-25-0 {\n color: var(--inverse) !important;\n}\n\n.avatar-module-Avatar-content--success-Zmxy6-4-25-0 {\n color: var(--success-darker) !important;\n}\n\n.avatar-module-Avatar-content--alert-ng-FC-4-25-0 {\n color: var(--alert-darker) !important;\n}\n\n.avatar-module-Avatar-content--warning-0Tidt-4-25-0 {\n color: var(--warning-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent1-f6QRu-4-25-0 {\n color: var(--accent1-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent2-y3plU-4-25-0 {\n color: var(--accent2-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent3-SDOJJ-4-25-0 {\n color: var(--accent3-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent4-Dgi83-4-25-0 {\n color: var(--accent4-darker) !important;\n}\n\n.avatar-module-Avatar-presence-ByKmm-4-25-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-25-0 {\n background: var(--success);\n}\n\n.avatar-module-Avatar-presence--away-CDNWs-4-25-0 {\n background: var(--secondary-dark);\n}\n\n.avatar-module-Avatar-status-03nd7-4-25-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-25-0","Avatar-wrapper":"avatar-module-Avatar-wrapper-EoBlf-4-25-0","Avatar-wrapper--square":"avatar-module-Avatar-wrapper--square--Pcj7-4-25-0","Avatar--square":"avatar-module-Avatar--square-lGJGN-4-25-0","Avatar--regular":"avatar-module-Avatar--regular-ewNzb-4-25-0","Avatar--tiny":"avatar-module-Avatar--tiny-Veo-U-4-25-0","Avatar--micro":"avatar-module-Avatar--micro-H0bVd-4-25-0","Avatar--noInitials":"avatar-module-Avatar--noInitials-do2M4-4-25-0","Avatar--disabled":"avatar-module-Avatar--disabled-7nTRh-4-25-0","Avatar--primary":"avatar-module-Avatar--primary-MthKO-4-25-0","Avatar--secondary":"avatar-module-Avatar--secondary-Fru0H-4-25-0","Avatar--success":"avatar-module-Avatar--success-KErql-4-25-0","Avatar--alert":"avatar-module-Avatar--alert-mtBzz-4-25-0","Avatar--warning":"avatar-module-Avatar--warning-OUu3j-4-25-0","Avatar--accent1":"avatar-module-Avatar--accent1-Q0YGB-4-25-0","Avatar--accent2":"avatar-module-Avatar--accent2-70bqJ-4-25-0","Avatar--accent3":"avatar-module-Avatar--accent3-GEYFR-4-25-0","Avatar--accent4":"avatar-module-Avatar--accent4-PHVye-4-25-0","Avatar-content--tiny":"avatar-module-Avatar-content--tiny-ZKHWg-4-25-0","Avatar-content--micro":"avatar-module-Avatar-content--micro-qs9Ij-4-25-0","Avatar-content--primary":"avatar-module-Avatar-content--primary-APpou-4-25-0","Avatar-content--secondary":"avatar-module-Avatar-content--secondary-otLfi-4-25-0","Avatar-content--success":"avatar-module-Avatar-content--success-Zmxy6-4-25-0","Avatar-content--alert":"avatar-module-Avatar-content--alert-ng-FC-4-25-0","Avatar-content--warning":"avatar-module-Avatar-content--warning-0Tidt-4-25-0","Avatar-content--accent1":"avatar-module-Avatar-content--accent1-f6QRu-4-25-0","Avatar-content--accent2":"avatar-module-Avatar-content--accent2-y3plU-4-25-0","Avatar-content--accent3":"avatar-module-Avatar-content--accent3-SDOJJ-4-25-0","Avatar-content--accent4":"avatar-module-Avatar-content--accent4-Dgi83-4-25-0","Avatar-presence":"avatar-module-Avatar-presence-ByKmm-4-25-0","Avatar-presence--active":"avatar-module-Avatar-presence--active-AU4X3-4-25-0","Avatar-presence--away":"avatar-module-Avatar-presence--away-CDNWs-4-25-0","Avatar-status":"avatar-module-Avatar-status-03nd7-4-25-0"};
|
|
999
|
+
styleInject(css_248z$1o);
|
|
1000
1000
|
|
|
1001
1001
|
var AvatarIcon = function AvatarIcon(props) {
|
|
1002
1002
|
var contextProp = React.useContext(AvatarContext);
|
|
@@ -1196,9 +1196,9 @@ Avatar.defaultProps = {
|
|
|
1196
1196
|
strokeColor: 'var(--white)'
|
|
1197
1197
|
};
|
|
1198
1198
|
|
|
1199
|
-
var css_248z$
|
|
1200
|
-
var styles$
|
|
1201
|
-
styleInject(css_248z$
|
|
1199
|
+
var css_248z$1n = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-25-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-25-0 {\n border-radius: var(--border-radius-10);\n}\n\n.avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-25-0 {\n height: var(--spacing-80);\n}\n\n.avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-25-0 {\n height: var(--spacing-60);\n margin-right: 0;\n}\n\n.avatarGroup-module-AvatarGroup-item--micro-RJOdk-4-25-0 {\n margin-right: var(--spacing-10);\n}\n\n.avatarGroup-module-AvatarGroup-Popper-z-iGj-4-25-0 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-25-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-25-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-25-0:focus-visible {\n outline: none;\n}\n\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-25-0:focus-visible::after {\n content: '';\n position: absolute;\n top: calc(-1 * var(--spacing-20));\n bottom: calc(-1 * var(--spacing-20));\n left: calc(-1 * var(--spacing-10));\n right: calc(-1 * var(--spacing-10));\n border: var(--border-width-05) solid var(--primary-focus);\n border-radius: var(--border-radius-10);\n pointer-events: none;\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-25-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-25-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-25-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-25-0,\n.avatarGroup-module-AvatarGroup-input-pXgb--4-25-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-25-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-25-0 {\n cursor: not-allowed;\n pointer-events: auto !important;\n}\n\n@media (forced-colors: active) {\n .avatarGroup-module-AvatarGroup-input-pXgb--4-25-0:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
1200
|
+
var styles$1b = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-25-0","AvatarGroup-item--square":"avatarGroup-module-AvatarGroup-item--square-ghPcd-4-25-0","AvatarGroup-item--regular":"avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-25-0","AvatarGroup-item--tiny":"avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-25-0","AvatarGroup-item--micro":"avatarGroup-module-AvatarGroup-item--micro-RJOdk-4-25-0","AvatarGroup-Popper":"avatarGroup-module-AvatarGroup-Popper-z-iGj-4-25-0","AvatarGroup-TextWrapper":"avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-25-0","AvatarCount-wrapper":"avatarGroup-module-AvatarCount-wrapper-k9GxW-4-25-0","AvatarGroup-inputWrapper":"avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-25-0","AvatarGroup-input":"avatarGroup-module-AvatarGroup-input-pXgb--4-25-0","AvatarGroup-listItem--disabled":"avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-25-0"};
|
|
1201
|
+
styleInject(css_248z$1n);
|
|
1202
1202
|
|
|
1203
1203
|
var AvatarCount = function AvatarCount(props) {
|
|
1204
1204
|
var hiddenAvatarCount = props.hiddenAvatarCount,
|
|
@@ -1210,7 +1210,7 @@ var AvatarCount = function AvatarCount(props) {
|
|
|
1210
1210
|
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'));
|
|
1211
1211
|
return /*#__PURE__*/React.createElement("div", {
|
|
1212
1212
|
"data-test": "DesignSystem-AvatarGroup--TriggerAvatar",
|
|
1213
|
-
className: styles$
|
|
1213
|
+
className: styles$1b['AvatarCount-wrapper'],
|
|
1214
1214
|
style: avatarStyle,
|
|
1215
1215
|
tabIndex: 0,
|
|
1216
1216
|
role: "button",
|
|
@@ -1233,7 +1233,7 @@ var Avatars = function Avatars(props) {
|
|
|
1233
1233
|
image = item.image,
|
|
1234
1234
|
shape = item.shape;
|
|
1235
1235
|
var avatarShape = shape === 'square' ? 'square' : 'round';
|
|
1236
|
-
var GroupClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
1236
|
+
var GroupClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$1b["AvatarGroup-item"], true), styles$1b["AvatarGroup-item--square"], avatarShape === 'square'), styles$1b["AvatarGroup-item--tiny"], size === 'tiny'), styles$1b["AvatarGroup-item--micro"], size === 'micro'), styles$1b["AvatarGroup-item--regular"], size === 'regular'));
|
|
1237
1237
|
var newAvatarStyle = _objectSpread2(_objectSpread2({}, avatarStyle), {}, {
|
|
1238
1238
|
zIndex: avatarList.length - index
|
|
1239
1239
|
});
|
|
@@ -1276,9 +1276,9 @@ var AvatarGroupEmptyState = function AvatarGroupEmptyState(props) {
|
|
|
1276
1276
|
var AvatarGroupInput = function AvatarGroupInput(props) {
|
|
1277
1277
|
var inputClassName = classnames(_defineProperty$1({
|
|
1278
1278
|
'w-100': true
|
|
1279
|
-
}, styles$
|
|
1279
|
+
}, styles$1b['AvatarGroup-input'], true));
|
|
1280
1280
|
return /*#__PURE__*/React.createElement("div", {
|
|
1281
|
-
className: styles$
|
|
1281
|
+
className: styles$1b['AvatarGroup-inputWrapper']
|
|
1282
1282
|
}, /*#__PURE__*/React.createElement(Input, _extends$2({
|
|
1283
1283
|
icon: "search",
|
|
1284
1284
|
className: inputClassName,
|
|
@@ -1359,7 +1359,7 @@ var AvatarPopperBody = function AvatarPopperBody(props) {
|
|
|
1359
1359
|
setSearchValue('');
|
|
1360
1360
|
setSearchList(hiddenAvatarList);
|
|
1361
1361
|
};
|
|
1362
|
-
var popperClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
1362
|
+
var popperClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$1b['AvatarGroup-Popper'], true), 'py-3', !withSearch), 'pb-3', withSearch), popperClassName);
|
|
1363
1363
|
var searchInputHeight = 36;
|
|
1364
1364
|
var searchBorder = 1;
|
|
1365
1365
|
var customStyle = {
|
|
@@ -1441,7 +1441,7 @@ var AvatarGroup = function AvatarGroup(props) {
|
|
|
1441
1441
|
};
|
|
1442
1442
|
var avatarStyle = size !== 'regular' ? _objectSpread2(_objectSpread2({}, style), tinyAvatarStyle) : style;
|
|
1443
1443
|
var avatarList = list.length === 3 ? list : list.slice(0, max);
|
|
1444
|
-
var AvatarGroupClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
1444
|
+
var AvatarGroupClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$1b['AvatarGroup'], true), 'd-inline-flex', true), className);
|
|
1445
1445
|
var avatarPopperBodyProps = {
|
|
1446
1446
|
hiddenAvatarList: _toConsumableArray(list).slice(max, list.length),
|
|
1447
1447
|
popperRenderer: popperRenderer,
|
|
@@ -1488,9 +1488,9 @@ AvatarGroup.defaultProps = {
|
|
|
1488
1488
|
size: 'regular'
|
|
1489
1489
|
};
|
|
1490
1490
|
|
|
1491
|
-
var css_248z$
|
|
1492
|
-
var styles$
|
|
1493
|
-
styleInject(css_248z$
|
|
1491
|
+
var css_248z$1m = "@keyframes backdrop-module-backdrop-open-UtELd-4-25-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-25-0 {\n from {\n opacity: var(--opacity-16);\n }\n to {\n opacity: 0;\n }\n}\n\n.backdrop-module-Backdrop-HFSff-4-25-0 {\n background-color: rgba(26, 26, 26, 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-25-0 {\n display: flex;\n visibility: visible;\n}\n\n.backdrop-module-Backdrop-animation--open-uyxvi-4-25-0 {\n animation: backdrop-module-backdrop-open-UtELd-4-25-0 var(--duration--fast-02) var(--entrance-expressive-curve);\n}\n\n.backdrop-module-Backdrop-animation--close-Fe-PA-4-25-0 {\n animation: backdrop-module-backdrop-close-s0fHr-4-25-0 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n";
|
|
1492
|
+
var styles$1a = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-25-0","Backdrop--open":"backdrop-module-Backdrop--open-H0Qal-4-25-0","Backdrop-animation--open":"backdrop-module-Backdrop-animation--open-uyxvi-4-25-0","backdrop-open":"backdrop-module-backdrop-open-UtELd-4-25-0","Backdrop-animation--close":"backdrop-module-Backdrop-animation--close-Fe-PA-4-25-0","backdrop-close":"backdrop-module-backdrop-close-s0fHr-4-25-0"};
|
|
1493
|
+
styleInject(css_248z$1m);
|
|
1494
1494
|
|
|
1495
1495
|
var useEffect$1 = React.useEffect,
|
|
1496
1496
|
useState$2 = React.useState;
|
|
@@ -1516,7 +1516,7 @@ var Backdrop = function Backdrop(props) {
|
|
|
1516
1516
|
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
1517
1517
|
animate = _React$useState4[0],
|
|
1518
1518
|
setAnimate = _React$useState4[1];
|
|
1519
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
1519
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$1a.Backdrop, true), styles$1a['Backdrop--open'], open), styles$1a['Backdrop-animation--open'], animate), styles$1a['Backdrop-animation--close'], !animate), className);
|
|
1520
1520
|
var disableBodyScroll = function disableBodyScroll() {
|
|
1521
1521
|
document.body.style.setProperty('overflow', 'hidden', 'important');
|
|
1522
1522
|
};
|
|
@@ -1556,13 +1556,13 @@ var Backdrop = function Backdrop(props) {
|
|
|
1556
1556
|
};
|
|
1557
1557
|
Backdrop.displayName = 'Backdrop';
|
|
1558
1558
|
|
|
1559
|
-
var css_248z$
|
|
1560
|
-
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-
|
|
1561
|
-
styleInject(css_248z$
|
|
1559
|
+
var css_248z$1l = "/* badge */\n\n.badge-module-Badge-axSjP-4-25-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-25-0 {\n background: var(--primary);\n color: var(--white);\n}\n\n.badge-module-Badge--secondary-WIu5q-4-25-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.badge-module-Badge--success-M-hkD-4-25-0 {\n background: var(--success);\n color: var(--white);\n}\n\n.badge-module-Badge--alert-zeKFm-4-25-0 {\n background: var(--alert);\n color: var(--white);\n}\n\n.badge-module-Badge--warning-CaLfS-4-25-0 {\n background: var(--warning);\n color: var(--warning-darker);\n}\n\n.badge-module-Badge--accent1-yRHhk-4-25-0 {\n background: var(--accent1);\n color: var(--white);\n}\n\n.badge-module-Badge--accent2-RXIlu-4-25-0 {\n background: var(--accent2);\n color: var(--white);\n}\n\n.badge-module-Badge--accent3-Ahofy-4-25-0 {\n background: var(--accent3);\n color: var(--white);\n}\n\n.badge-module-Badge--accent4-adMko-4-25-0 {\n background: var(--accent4);\n color: var(--white);\n}\n\n.badge-module-Badge--subtle-primary-egSuo-4-25-0 {\n color: var(--primary-darker);\n background: var(--primary-lightest);\n}\n\n.badge-module-Badge--subtle-secondary-ZZUuU-4-25-0 {\n color: var(--text);\n background: var(--secondary-light);\n}\n\n.badge-module-Badge--subtle-success-bZ7d6-4-25-0 {\n color: var(--success-darker);\n background: var(--success-lightest);\n}\n\n.badge-module-Badge--subtle-alert-Iu9LY-4-25-0 {\n color: var(--alert-darker);\n background: var(--alert-lightest);\n}\n\n.badge-module-Badge--subtle-warning-PERDW-4-25-0 {\n color: var(--warning-darker);\n background: var(--warning-300);\n}\n\n.badge-module-Badge--subtle-accent1-M14Ub-4-25-0 {\n color: var(--accent1-darker);\n background: var(--accent1-lightest);\n}\n\n.badge-module-Badge--subtle-accent2-e1DOS-4-25-0 {\n color: var(--accent2-darker);\n background: var(--accent2-lightest);\n}\n\n.badge-module-Badge--subtle-accent3-30YqY-4-25-0 {\n color: var(--accent3-darker);\n background: var(--accent3-lightest);\n}\n\n.badge-module-Badge--subtle-accent4-wHQ23-4-25-0 {\n color: var(--accent4-darker);\n background: var(--accent4-lightest);\n}\n";
|
|
1560
|
+
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-25-0","Badge--primary":"badge-module-Badge--primary-Bzypo-4-25-0","Badge--secondary":"badge-module-Badge--secondary-WIu5q-4-25-0","Badge--success":"badge-module-Badge--success-M-hkD-4-25-0","Badge--alert":"badge-module-Badge--alert-zeKFm-4-25-0","Badge--warning":"badge-module-Badge--warning-CaLfS-4-25-0","Badge--accent1":"badge-module-Badge--accent1-yRHhk-4-25-0","Badge--accent2":"badge-module-Badge--accent2-RXIlu-4-25-0","Badge--accent3":"badge-module-Badge--accent3-Ahofy-4-25-0","Badge--accent4":"badge-module-Badge--accent4-adMko-4-25-0","Badge--subtle-primary":"badge-module-Badge--subtle-primary-egSuo-4-25-0","Badge--subtle-secondary":"badge-module-Badge--subtle-secondary-ZZUuU-4-25-0","Badge--subtle-success":"badge-module-Badge--subtle-success-bZ7d6-4-25-0","Badge--subtle-alert":"badge-module-Badge--subtle-alert-Iu9LY-4-25-0","Badge--subtle-warning":"badge-module-Badge--subtle-warning-PERDW-4-25-0","Badge--subtle-accent1":"badge-module-Badge--subtle-accent1-M14Ub-4-25-0","Badge--subtle-accent2":"badge-module-Badge--subtle-accent2-e1DOS-4-25-0","Badge--subtle-accent3":"badge-module-Badge--subtle-accent3-30YqY-4-25-0","Badge--subtle-accent4":"badge-module-Badge--subtle-accent4-wHQ23-4-25-0"};
|
|
1561
|
+
styleInject(css_248z$1l);
|
|
1562
1562
|
|
|
1563
|
-
var css_248z$
|
|
1564
|
-
var styles$
|
|
1565
|
-
styleInject(css_248z$
|
|
1563
|
+
var css_248z$1k = ".pageHeader-module-PageHeader-YgqsC-4-25-0 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-wrapper-DOQ8C-4-25-0 {\n padding: var(--spacing-20) var(--spacing-40) var(--spacing-20) 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-25-0 {\n padding-bottom: 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-25-0 .pageHeader-module-TabsWrapper-header-H-fcc-4-25-0 {\n border-bottom: none;\n}\n\n.pageHeader-module-PageHeader-bottom--withTabs-dc1u7-4-25-0 {\n margin-top: var(--spacing-30);\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-25-0 .pageHeader-module-Row-beZ5Z-4-25-0 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-titleWrapper-QLuCf-4-25-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-25-0 .pageHeader-module-Badge-2T-RV-4-25-0 {\n margin-left: var(--spacing-30);\n flex-shrink: 0;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-25-0 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-25-0 .pageHeader-module-StatusHint-bRjnp-4-25-0 {\n margin-right: var(--spacing-20);\n}\n\n.pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-25-0 {\n margin-top: var(--spacing-30);\n}\n\n.pageHeader-module-PageHeader-navigationWrapper--noMargin-zdkZt-4-25-0 {\n margin-top: 0;\n}\n\n.pageHeader-module-PageHeader-title-mgCZA-4-25-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.pageHeader-module-PageHeader-actionsWrapper-tF81M-4-25-0 {\n display: flex;\n justify-content: flex-end;\n padding-left: var(--spacing-20);\n}\n\n/* =====================================================\n Responsive main header row\n ===================================================== */\n\n/* Base: flex layout — used by all variants */\n.pageHeader-module-PageHeader-row-9SWPh-4-25-0 {\n display: flex;\n flex-wrap: wrap;\n align-items: start;\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-group--title-Xxnou-4-25-0 {\n flex: 1 1 auto;\n min-width: 0;\n order: 1;\n}\n\n/* Center-nav group — navigation/stepper in center position */\n.pageHeader-module-PageHeader-group--center-sr6xA-4-25-0 {\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 var(--spacing-20);\n min-width: 0;\n order: 2;\n}\n\n/* Actions / right-side group */\n.pageHeader-module-PageHeader-group--actions-50gKz-4-25-0 {\n flex: 0 0 auto;\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n padding-left: var(--spacing-20);\n row-gap: var(--spacing-30);\n order: 3;\n}\n\n/* Default (full): CSS Grid for true 3-col centering */\n.pageHeader-module-PageHeader-row--withCenter-TRFcb-4-25-0 {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n align-items: start;\n}\n\n/* Ghost: center nav stays in the grid for measurement but is invisible and out of flow.\n Used when collision detection moves the nav to PageHeader-bottom. */\n.pageHeader-module-PageHeader-group--center--ghost-1eK5--4-25-0 {\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n}\n\n/* All stacked: flex marker on the row + full-width children */\n.pageHeader-module-PageHeader-row--allStacked-7ozlo-4-25-0 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.pageHeader-module-PageHeader-group--title--stacked-nsh-X-4-25-0 {\n flex: 0 0 100%;\n order: 1;\n}\n\n.pageHeader-module-PageHeader-group--actions--stacked-rbym4-4-25-0 {\n flex: 0 0 100%;\n order: 2;\n padding-left: 0;\n padding-top: var(--spacing-10);\n justify-content: flex-start;\n}\n\n/* =====================================================\n Level 1: inter-section spacing when right group wraps\n ===================================================== */\n\n/* At < 576 px, the actions group sits between title and nav/stepper/tabs.\n For level 1 headers that have actions, increase the gap to 12 px so all\n three sections (title, actions, nav) have consistent breathing room. */\n@media (max-width: 575px) {\n .pageHeader-module-PageHeader-group--actions--level1Responsive-XNCs--4-25-0 {\n padding-top: var(--spacing-30);\n }\n\n .pageHeader-module-PageHeader-bottom--level1Responsive-gfU-W-4-25-0 {\n margin-top: var(--spacing-30);\n }\n\n .pageHeader-module-PageHeader-navigationWrapper--noMarginSm-fbqg9-4-25-0 {\n margin-top: 0;\n }\n}\n";
|
|
1564
|
+
var styles$19 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-25-0","PageHeader-wrapper":"pageHeader-module-PageHeader-wrapper-DOQ8C-4-25-0","PageHeader-wrapper--withTabs":"pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-25-0","TabsWrapper-header":"pageHeader-module-TabsWrapper-header-H-fcc-4-25-0","PageHeader-bottom--withTabs":"pageHeader-module-PageHeader-bottom--withTabs-dc1u7-4-25-0","Row":"pageHeader-module-Row-beZ5Z-4-25-0","PageHeader-titleWrapper":"pageHeader-module-PageHeader-titleWrapper-QLuCf-4-25-0","Badge":"pageHeader-module-Badge-2T-RV-4-25-0","PageHeader-statusWrapper":"pageHeader-module-PageHeader-statusWrapper-RYrwh-4-25-0","StatusHint":"pageHeader-module-StatusHint-bRjnp-4-25-0","PageHeader-navigationWrapper":"pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-25-0","PageHeader-navigationWrapper--noMargin":"pageHeader-module-PageHeader-navigationWrapper--noMargin-zdkZt-4-25-0","PageHeader-title":"pageHeader-module-PageHeader-title-mgCZA-4-25-0","PageHeader-actionsWrapper":"pageHeader-module-PageHeader-actionsWrapper-tF81M-4-25-0","PageHeader-row":"pageHeader-module-PageHeader-row-9SWPh-4-25-0","PageHeader-group--title":"pageHeader-module-PageHeader-group--title-Xxnou-4-25-0","PageHeader-group--center":"pageHeader-module-PageHeader-group--center-sr6xA-4-25-0","PageHeader-group--actions":"pageHeader-module-PageHeader-group--actions-50gKz-4-25-0","PageHeader-row--withCenter":"pageHeader-module-PageHeader-row--withCenter-TRFcb-4-25-0","PageHeader-group--center--ghost":"pageHeader-module-PageHeader-group--center--ghost-1eK5--4-25-0","PageHeader-row--allStacked":"pageHeader-module-PageHeader-row--allStacked-7ozlo-4-25-0","PageHeader-group--title--stacked":"pageHeader-module-PageHeader-group--title--stacked-nsh-X-4-25-0","PageHeader-group--actions--stacked":"pageHeader-module-PageHeader-group--actions--stacked-rbym4-4-25-0","PageHeader-group--actions--level1Responsive":"pageHeader-module-PageHeader-group--actions--level1Responsive-XNCs--4-25-0","PageHeader-bottom--level1Responsive":"pageHeader-module-PageHeader-bottom--level1Responsive-gfU-W-4-25-0","PageHeader-navigationWrapper--noMarginSm":"pageHeader-module-PageHeader-navigationWrapper--noMarginSm-fbqg9-4-25-0"};
|
|
1565
|
+
styleInject(css_248z$1k);
|
|
1566
1566
|
|
|
1567
1567
|
var _excluded$1w = ["appearance", "children", "subtle", "className"];
|
|
1568
1568
|
var Badge = function Badge(props) {
|
|
@@ -1572,7 +1572,7 @@ var Badge = function Badge(props) {
|
|
|
1572
1572
|
className = props.className,
|
|
1573
1573
|
rest = _objectWithoutProperties(props, _excluded$1w);
|
|
1574
1574
|
var baseProps = extractBaseProps(props);
|
|
1575
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, badgeStyles.Badge, true), styles$
|
|
1575
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, badgeStyles.Badge, true), styles$19.Badge, true), badgeStyles["Badge--".concat(appearance)], appearance && !subtle), badgeStyles["Badge--subtle-".concat(appearance)], subtle), className);
|
|
1576
1576
|
return /*#__PURE__*/React.createElement("span", _extends$2({
|
|
1577
1577
|
"data-test": "DesignSystem-Badge"
|
|
1578
1578
|
}, baseProps, {
|
|
@@ -1584,9 +1584,9 @@ Badge.defaultProps = {
|
|
|
1584
1584
|
appearance: 'secondary'
|
|
1585
1585
|
};
|
|
1586
1586
|
|
|
1587
|
-
var css_248z$
|
|
1588
|
-
var styles$
|
|
1589
|
-
styleInject(css_248z$
|
|
1587
|
+
var css_248z$1j = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-25-0 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-25-0 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-link-aJJRG-4-25-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-25-0:active {\n color: var(--inverse);\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-25-0:first-child .breadcrumbs-module-Breadcrumbs-link-aJJRG-4-25-0 {\n margin-left: 0;\n}\n\n.breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-25-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-25-0 {\n height: var(--font-height-m);\n}\n\n.breadcrumbs-module-Breadcrumbs-Button-FybbI-4-25-0:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n";
|
|
1588
|
+
var styles$18 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-25-0","Breadcrumbs-item":"breadcrumbs-module-Breadcrumbs-item-M3i9B-4-25-0","Breadcrumbs-link":"breadcrumbs-module-Breadcrumbs-link-aJJRG-4-25-0","Breadcrumbs-itemSeparator":"breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-25-0","Breadcrumbs-dropdown":"breadcrumbs-module-Breadcrumbs-dropdown--CUKk-4-25-0","Breadcrumbs-Button":"breadcrumbs-module-Breadcrumbs-Button-FybbI-4-25-0"};
|
|
1589
|
+
styleInject(css_248z$1j);
|
|
1590
1590
|
|
|
1591
1591
|
var RenderLink = function RenderLink(_ref) {
|
|
1592
1592
|
var item = _ref.item,
|
|
@@ -1597,7 +1597,7 @@ var RenderLink = function RenderLink(_ref) {
|
|
|
1597
1597
|
onClick(item.link);
|
|
1598
1598
|
}
|
|
1599
1599
|
};
|
|
1600
|
-
var linkClassName = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
1600
|
+
var linkClassName = classnames(_defineProperty$1(_defineProperty$1({}, styles$18['Breadcrumbs-link'], true), 'ellipsis--noWrap', true));
|
|
1601
1601
|
return /*#__PURE__*/React.createElement(Link, {
|
|
1602
1602
|
className: linkClassName,
|
|
1603
1603
|
"data-test": "DesignSystem-Breadcrumbs-link",
|
|
@@ -1614,7 +1614,7 @@ var RenderItem = function RenderItem(_ref2) {
|
|
|
1614
1614
|
showTooltip = _ref2.showTooltip;
|
|
1615
1615
|
return /*#__PURE__*/React.createElement("div", {
|
|
1616
1616
|
key: index,
|
|
1617
|
-
className: styles$
|
|
1617
|
+
className: styles$18['Breadcrumbs-item'],
|
|
1618
1618
|
"data-test": "DesignSystem-Breadcrumbs-item"
|
|
1619
1619
|
}, showTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
|
|
1620
1620
|
tooltip: item.label,
|
|
@@ -1626,7 +1626,7 @@ var RenderItem = function RenderItem(_ref2) {
|
|
|
1626
1626
|
item: item,
|
|
1627
1627
|
onClick: onClick
|
|
1628
1628
|
}), /*#__PURE__*/React.createElement("span", {
|
|
1629
|
-
className: styles$
|
|
1629
|
+
className: styles$18['Breadcrumbs-itemSeparator']
|
|
1630
1630
|
}, "/"));
|
|
1631
1631
|
};
|
|
1632
1632
|
var renderDropdown = function renderDropdown(list, onClick) {
|
|
@@ -1644,12 +1644,12 @@ var renderDropdown = function renderDropdown(list, onClick) {
|
|
|
1644
1644
|
icon: "more_horiz_filled",
|
|
1645
1645
|
largeIcon: true,
|
|
1646
1646
|
"aria-label": "Show more breadcrumbs",
|
|
1647
|
-
className: styles$
|
|
1647
|
+
className: styles$18['Breadcrumbs-Button'],
|
|
1648
1648
|
"data-test": "DesignSystem-Breadcrumbs--Button"
|
|
1649
1649
|
});
|
|
1650
1650
|
};
|
|
1651
1651
|
return /*#__PURE__*/React.createElement(Dropdown, {
|
|
1652
|
-
className: styles$
|
|
1652
|
+
className: styles$18['Breadcrumbs-dropdown'],
|
|
1653
1653
|
triggerSize: 'tiny',
|
|
1654
1654
|
triggerOptions: {
|
|
1655
1655
|
customTrigger: customTrigger
|
|
@@ -1669,7 +1669,7 @@ var Breadcrumbs = function Breadcrumbs(props) {
|
|
|
1669
1669
|
className = props.className,
|
|
1670
1670
|
showTooltip = props.showTooltip;
|
|
1671
1671
|
var baseProps = extractBaseProps(props);
|
|
1672
|
-
var BreadcrumbClass = classnames(_defineProperty$1({}, styles$
|
|
1672
|
+
var BreadcrumbClass = classnames(_defineProperty$1({}, styles$18.Breadcrumbs, true), className);
|
|
1673
1673
|
return /*#__PURE__*/React.createElement("nav", _extends$2({
|
|
1674
1674
|
"data-test": "DesignSystem-Breadcrumbs"
|
|
1675
1675
|
}, baseProps, {
|
|
@@ -1689,7 +1689,7 @@ var Breadcrumbs = function Breadcrumbs(props) {
|
|
|
1689
1689
|
}), /*#__PURE__*/React.createElement("div", {
|
|
1690
1690
|
className: "d-flex align-items-center"
|
|
1691
1691
|
}, renderDropdown(list.slice(1, list.length - 1), onClick), /*#__PURE__*/React.createElement("span", {
|
|
1692
|
-
className: styles$
|
|
1692
|
+
className: styles$18['Breadcrumbs-itemSeparator']
|
|
1693
1693
|
}, "/")), /*#__PURE__*/React.createElement(RenderItem, {
|
|
1694
1694
|
item: list[list.length - 1],
|
|
1695
1695
|
onClick: onClick,
|
|
@@ -1701,9 +1701,9 @@ var isSpaceKey = function isSpaceKey(e) {
|
|
|
1701
1701
|
return e.key === ' ' || e.key === 'Space' || e.key === 'Spacebar';
|
|
1702
1702
|
};
|
|
1703
1703
|
|
|
1704
|
-
var css_248z$1h = ".button-module-Button-xxWB4-4-24-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--disabled-3Kfao-4-24-0 {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-24-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button--iconAlign-right-tzezJ-4-24-0 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-24-0 {\n margin-left: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-24-0 {\n margin-right: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button--tiny-ftCQP-4-24-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-24-0 {\n width: var(--spacing-60);\n}\n\n.button-module-Button--regular-Vs8An-4-24-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-24-0 {\n width: var(--spacing-80);\n}\n\n.button-module-Button--large-inVqO-4-24-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-24-0 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-24-0 .button-module-Button-icon-2Qw-d-4-24-0,\n.button-module-Button--largeSquare-puIze-4-24-0 .button-module-Button-icon-2Qw-d-4-24-0,\n.button-module-Button--tinySquare-JSE77-4-24-0 .button-module-Spinner-f7Izb-4-24-0,\n.button-module-Button--largeSquare-puIze-4-24-0 .button-module-Spinner-f7Izb-4-24-0 {\n padding-left: var(--spacing-05);\n padding-right: var(--spacing-05);\n}\n\n.button-module-Button--expanded-j33fV-4-24-0 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-24-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-24-0 {\n margin-right: var(--spacing-15);\n}\n\n.button-module-Button-icon--right-4iJWc-4-24-0 {\n margin-left: var(--spacing-15);\n}\n\n.button-module-Button--basic-99RJE-4-24-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-24-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-24-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-disabled-VTodO-4-24-0 {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-24-0 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-24-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-24-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-disabled-q4Gct-4-24-0 {\n background: var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon--primary-Voj8D-4-24-0 {\n color: var(--text-link);\n}\n\n.button-module-Button--success-UppQk-4-24-0 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-24-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-24-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-disabled-dJO00-4-24-0 {\n background: var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon--success-cmCsw-4-24-0 {\n color: var(--text-link);\n}\n\n.button-module-Button--alert-H5mRH-4-24-0 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-24-0:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-24-0:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-disabled-Ved-C-4-24-0 {\n background: var(--alert-lighter);\n}\n\n.button-module-Button-infoIcon--alert-ZdPD5-4-24-0 {\n color: var(--alert);\n}\n\n.button-module-Button--transparent-r8FxI-4-24-0 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-24-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-24-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-24-0:focus-visible:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-disabled-a45jn-4-24-0 {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-24-0 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-24-0 {\n background: var(--primary-ultra-light);\n color: var(--primary-dark);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button--selected-vkcfl-4-24-0:hover {\n background: var(--primary-lightest);\n}\n\n.button-module-Button--selected-vkcfl-4-24-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: inset 0 0 0 2px var(--primary-dark);\n}\n\n.button-module-Button--selected-vkcfl-4-24-0:focus-visible {\n background: var(--primary-ultra-light);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary);\n}\n\n.button-module-Button--selected-vkcfl-4-24-0:focus-visible:active {\n background: var(--primary-lighter);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary-dark);\n}\n\n.button-module-Button--selected-disabled-w9ByQ-4-24-0 {\n background: var(--primary-ultra-light);\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 2px var(--primary-lightest);\n}\n\n.button-module-Button-text--hidden-iCXLu-4-24-0 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-24-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.button-module-Button-infoIconWrapper-dUlkA-4-24-0 {\n position: absolute;\n top: -4px;\n right: -4px;\n width: var(--spacing-30);\n height: var(--spacing-30);\n box-sizing: border-box;\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border: var(--border-width-2-5) solid var(--secondary-lightest);\n pointer-events: none;\n}\n\n.button-module-Button-infoIconWrapper--transparent-myFrQ-4-24-0 {\n border: none;\n background: transparent;\n top: var(--spacing-2-5);\n right: var(--spacing-2-5);\n}\n\n.button-module-Button-infoIconWrapper--iconOnly-transparent-Z0pEg-4-24-0 {\n top: var(--spacing-2-5);\n right: var(--spacing-2-5);\n}\n\n.button-module-Button-infoIconWrapper-outlined--basic-fQkKz-4-24-0 {\n background: var(--secondary-lightest);\n}\n\n.button-module-Button-infoIconWrapper-outlined--primary-uhoBf-4-24-0 {\n background: var(--primary-ultra-light);\n}\n\n.button-module-Button-infoIconWrapper-outlined--alert-fj7nm-4-24-0 {\n background: var(--alert-ultra-light);\n}\n\n.button-module-Button-infoIconWrapper--basic-aScUb-4-24-0 {\n background: var(--secondary-lighter);\n}\n\n.button-module-Button-infoIconWrapper--primary-lK9Rs-4-24-0,\n.button-module-Button-infoIconWrapper--success-MgjVX-4-24-0 {\n background: var(--primary-lightest);\n}\n\n.button-module-Button-infoIconWrapper--alert-z8cyc-4-24-0 {\n background: var(--alert-lightest);\n}\n\n.button-module-Button-infoIcon-YjV4x-4-24-0 {\n color: var(--text-subtle);\n}\n\n/* outlined button styles */\n\n.button-module-Button-outlined--basic-YdB4n-4-24-0 {\n color: var(--inverse);\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--secondary);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-24-0:hover {\n background: var(--secondary-lighter);\n box-shadow: inset 0 0 0 1px var(--inverse-lightest);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-24-0:active {\n background: var(--secondary);\n box-shadow: inset 0 0 0 1px var(--inverse-lightest);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-24-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n}\n\n.button-module-Button-outlined--basic-disabled-mW-GC-4-24-0 {\n color: var(--inverse-lightest);\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--secondary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-24-0 {\n background: var(--primary-ultra-light);\n color: var(--primary-dark);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-24-0:hover {\n background: var(--primary-lightest);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-24-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: inset 0 0 0 2px var(--primary-dark);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-24-0:focus-visible {\n color: var(--primary-dark);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-24-0:focus-visible:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary-dark);\n}\n\n.button-module-Button-outlined--selected-disabled-CqlPp-4-24-0 {\n background: var(--primary-ultra-light);\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 2px var(--primary-lightest);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-24-0 {\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--primary);\n color: var(--primary);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-24-0:hover {\n background: var(--primary-ultra-light);\n box-shadow: inset 0 0 0 1px var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-24-0:active {\n background: var(--primary-lightest);\n box-shadow: inset 0 0 0 1px var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-24-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary);\n}\n\n.button-module-Button-outlined--primary-disabled-lu4xl-4-24-0 {\n background: transparent;\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 1px var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon-outlined--primary-Z69y7-4-24-0 {\n color: var(--text-link);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-24-0 {\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--alert);\n color: var(--alert);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-24-0:hover {\n background: var(--alert-ultra-light);\n box-shadow: inset 0 0 0 1px var(--alert-dark);\n color: var(--alert-dark);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-24-0:active {\n background: var(--alert-lightest);\n box-shadow: inset 0 0 0 1px var(--alert-dark);\n color: var(--alert-dark);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-24-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--alert);\n}\n\n.button-module-Button-outlined--alert-disabled-ttK9A-4-24-0 {\n background: transparent;\n color: var(--alert-lighter);\n box-shadow: inset 0 0 0 1px var(--alert-lighter);\n}\n\n.button-module-Button-infoIcon-outlined--alert-7TL4--4-24-0 {\n color: var(--alert);\n}\n\n.button-module-Button-srOnly-4lL8R-4-24-0 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n@media (forced-colors: active) {\n .button-module-Button--basic-99RJE-4-24-0,\n .button-module-Button--primary-beKmU-4-24-0,\n .button-module-Button--success-UppQk-4-24-0,\n .button-module-Button--alert-H5mRH-4-24-0,\n .button-module-Button--transparent-r8FxI-4-24-0 {\n border: var(--border-width-2-5) solid ButtonText;\n }\n\n .button-module-Button--basic-disabled-VTodO-4-24-0,\n .button-module-Button--primary-disabled-q4Gct-4-24-0,\n .button-module-Button--success-disabled-dJO00-4-24-0,\n .button-module-Button--alert-disabled-Ved-C-4-24-0,\n .button-module-Button--transparent-disabled-a45jn-4-24-0 {\n border: var(--border-width-2-5) solid GrayText;\n }\n\n /* Selected state: inset box-shadow acts as the visible border */\n .button-module-Button--selected-vkcfl-4-24-0,\n .button-module-Button--selected-vkcfl-4-24-0:hover,\n .button-module-Button--selected-vkcfl-4-24-0:active,\n .button-module-Button--selected-disabled-w9ByQ-4-24-0 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button--selected-vkcfl-4-24-0:focus-visible,\n .button-module-Button--selected-vkcfl-4-24-0:focus-visible:active {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n /* Outlined variants: inset box-shadow is the only visible border */\n .button-module-Button-outlined--basic-YdB4n-4-24-0,\n .button-module-Button-outlined--basic-YdB4n-4-24-0:hover,\n .button-module-Button-outlined--basic-YdB4n-4-24-0:active,\n .button-module-Button-outlined--basic-disabled-mW-GC-4-24-0 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--basic-YdB4n-4-24-0:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--selected-M-y6e-4-24-0,\n .button-module-Button-outlined--selected-M-y6e-4-24-0:hover,\n .button-module-Button-outlined--selected-M-y6e-4-24-0:active,\n .button-module-Button-outlined--selected-disabled-CqlPp-4-24-0 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--selected-M-y6e-4-24-0:focus-visible,\n .button-module-Button-outlined--selected-M-y6e-4-24-0:focus-visible:active {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--primary-7yL2I-4-24-0,\n .button-module-Button-outlined--primary-7yL2I-4-24-0:hover,\n .button-module-Button-outlined--primary-7yL2I-4-24-0:active,\n .button-module-Button-outlined--primary-disabled-lu4xl-4-24-0 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--primary-7yL2I-4-24-0:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--alert-gnncZ-4-24-0,\n .button-module-Button-outlined--alert-gnncZ-4-24-0:hover,\n .button-module-Button-outlined--alert-gnncZ-4-24-0:active,\n .button-module-Button-outlined--alert-disabled-ttK9A-4-24-0 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--alert-gnncZ-4-24-0:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n}\n";
|
|
1705
|
-
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-
|
|
1706
|
-
styleInject(css_248z$
|
|
1704
|
+
var css_248z$1i = ".button-module-Button-xxWB4-4-25-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--disabled-3Kfao-4-25-0 {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button--iconAlign-right-tzezJ-4-25-0 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-25-0 {\n margin-left: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-25-0 {\n margin-right: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button--tiny-ftCQP-4-25-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-25-0 {\n width: var(--spacing-60);\n}\n\n.button-module-Button--regular-Vs8An-4-25-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-25-0 {\n width: var(--spacing-80);\n}\n\n.button-module-Button--large-inVqO-4-25-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-25-0 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-25-0 .button-module-Button-icon-2Qw-d-4-25-0,\n.button-module-Button--largeSquare-puIze-4-25-0 .button-module-Button-icon-2Qw-d-4-25-0,\n.button-module-Button--tinySquare-JSE77-4-25-0 .button-module-Spinner-f7Izb-4-25-0,\n.button-module-Button--largeSquare-puIze-4-25-0 .button-module-Spinner-f7Izb-4-25-0 {\n padding-left: var(--spacing-05);\n padding-right: var(--spacing-05);\n}\n\n.button-module-Button--expanded-j33fV-4-25-0 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-25-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-25-0 {\n margin-right: var(--spacing-15);\n}\n\n.button-module-Button-icon--right-4iJWc-4-25-0 {\n margin-left: var(--spacing-15);\n}\n\n.button-module-Button--basic-99RJE-4-25-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-25-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-25-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-disabled-VTodO-4-25-0 {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-25-0 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-25-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-25-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-disabled-q4Gct-4-25-0 {\n background: var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon--primary-Voj8D-4-25-0 {\n color: var(--text-link);\n}\n\n.button-module-Button--success-UppQk-4-25-0 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-25-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-25-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-disabled-dJO00-4-25-0 {\n background: var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon--success-cmCsw-4-25-0 {\n color: var(--text-link);\n}\n\n.button-module-Button--alert-H5mRH-4-25-0 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-25-0:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-25-0:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-disabled-Ved-C-4-25-0 {\n background: var(--alert-lighter);\n}\n\n.button-module-Button-infoIcon--alert-ZdPD5-4-25-0 {\n color: var(--alert);\n}\n\n.button-module-Button--transparent-r8FxI-4-25-0 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-25-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-25-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-25-0:focus-visible:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-disabled-a45jn-4-25-0 {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-25-0 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-25-0 {\n background: var(--primary-ultra-light);\n color: var(--primary-dark);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button--selected-vkcfl-4-25-0:hover {\n background: var(--primary-lightest);\n}\n\n.button-module-Button--selected-vkcfl-4-25-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: inset 0 0 0 2px var(--primary-dark);\n}\n\n.button-module-Button--selected-vkcfl-4-25-0:focus-visible {\n background: var(--primary-ultra-light);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary);\n}\n\n.button-module-Button--selected-vkcfl-4-25-0:focus-visible:active {\n background: var(--primary-lighter);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary-dark);\n}\n\n.button-module-Button--selected-disabled-w9ByQ-4-25-0 {\n background: var(--primary-ultra-light);\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 2px var(--primary-lightest);\n}\n\n.button-module-Button-text--hidden-iCXLu-4-25-0 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-25-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.button-module-Button-infoIconWrapper-dUlkA-4-25-0 {\n position: absolute;\n top: -4px;\n right: -4px;\n width: var(--spacing-30);\n height: var(--spacing-30);\n box-sizing: border-box;\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border: var(--border-width-2-5) solid var(--secondary-lightest);\n pointer-events: none;\n}\n\n.button-module-Button-infoIconWrapper--transparent-myFrQ-4-25-0 {\n border: none;\n background: transparent;\n top: var(--spacing-2-5);\n right: var(--spacing-2-5);\n}\n\n.button-module-Button-infoIconWrapper--iconOnly-transparent-Z0pEg-4-25-0 {\n top: var(--spacing-2-5);\n right: var(--spacing-2-5);\n}\n\n.button-module-Button-infoIconWrapper-outlined--basic-fQkKz-4-25-0 {\n background: var(--secondary-lightest);\n}\n\n.button-module-Button-infoIconWrapper-outlined--primary-uhoBf-4-25-0 {\n background: var(--primary-ultra-light);\n}\n\n.button-module-Button-infoIconWrapper-outlined--alert-fj7nm-4-25-0 {\n background: var(--alert-ultra-light);\n}\n\n.button-module-Button-infoIconWrapper--basic-aScUb-4-25-0 {\n background: var(--secondary-lighter);\n}\n\n.button-module-Button-infoIconWrapper--primary-lK9Rs-4-25-0,\n.button-module-Button-infoIconWrapper--success-MgjVX-4-25-0 {\n background: var(--primary-lightest);\n}\n\n.button-module-Button-infoIconWrapper--alert-z8cyc-4-25-0 {\n background: var(--alert-lightest);\n}\n\n.button-module-Button-infoIcon-YjV4x-4-25-0 {\n color: var(--text-subtle);\n}\n\n/* outlined button styles */\n\n.button-module-Button-outlined--basic-YdB4n-4-25-0 {\n color: var(--inverse);\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--secondary);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-25-0:hover {\n background: var(--secondary-lighter);\n box-shadow: inset 0 0 0 1px var(--inverse-lightest);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-25-0:active {\n background: var(--secondary);\n box-shadow: inset 0 0 0 1px var(--inverse-lightest);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n}\n\n.button-module-Button-outlined--basic-disabled-mW-GC-4-25-0 {\n color: var(--inverse-lightest);\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--secondary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-25-0 {\n background: var(--primary-ultra-light);\n color: var(--primary-dark);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-25-0:hover {\n background: var(--primary-lightest);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-25-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: inset 0 0 0 2px var(--primary-dark);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-25-0:focus-visible {\n color: var(--primary-dark);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-25-0:focus-visible:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary-dark);\n}\n\n.button-module-Button-outlined--selected-disabled-CqlPp-4-25-0 {\n background: var(--primary-ultra-light);\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 2px var(--primary-lightest);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-25-0 {\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--primary);\n color: var(--primary);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-25-0:hover {\n background: var(--primary-ultra-light);\n box-shadow: inset 0 0 0 1px var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-25-0:active {\n background: var(--primary-lightest);\n box-shadow: inset 0 0 0 1px var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary);\n}\n\n.button-module-Button-outlined--primary-disabled-lu4xl-4-25-0 {\n background: transparent;\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 1px var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon-outlined--primary-Z69y7-4-25-0 {\n color: var(--text-link);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-25-0 {\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--alert);\n color: var(--alert);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-25-0:hover {\n background: var(--alert-ultra-light);\n box-shadow: inset 0 0 0 1px var(--alert-dark);\n color: var(--alert-dark);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-25-0:active {\n background: var(--alert-lightest);\n box-shadow: inset 0 0 0 1px var(--alert-dark);\n color: var(--alert-dark);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--alert);\n}\n\n.button-module-Button-outlined--alert-disabled-ttK9A-4-25-0 {\n background: transparent;\n color: var(--alert-lighter);\n box-shadow: inset 0 0 0 1px var(--alert-lighter);\n}\n\n.button-module-Button-infoIcon-outlined--alert-7TL4--4-25-0 {\n color: var(--alert);\n}\n\n.button-module-Button-srOnly-4lL8R-4-25-0 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n@media (forced-colors: active) {\n .button-module-Button--basic-99RJE-4-25-0,\n .button-module-Button--primary-beKmU-4-25-0,\n .button-module-Button--success-UppQk-4-25-0,\n .button-module-Button--alert-H5mRH-4-25-0,\n .button-module-Button--transparent-r8FxI-4-25-0 {\n border: var(--border-width-2-5) solid ButtonText;\n }\n\n .button-module-Button--basic-disabled-VTodO-4-25-0,\n .button-module-Button--primary-disabled-q4Gct-4-25-0,\n .button-module-Button--success-disabled-dJO00-4-25-0,\n .button-module-Button--alert-disabled-Ved-C-4-25-0,\n .button-module-Button--transparent-disabled-a45jn-4-25-0 {\n border: var(--border-width-2-5) solid GrayText;\n }\n\n /* Selected state: inset box-shadow acts as the visible border */\n .button-module-Button--selected-vkcfl-4-25-0,\n .button-module-Button--selected-vkcfl-4-25-0:hover,\n .button-module-Button--selected-vkcfl-4-25-0:active,\n .button-module-Button--selected-disabled-w9ByQ-4-25-0 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button--selected-vkcfl-4-25-0:focus-visible,\n .button-module-Button--selected-vkcfl-4-25-0:focus-visible:active {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n /* Outlined variants: inset box-shadow is the only visible border */\n .button-module-Button-outlined--basic-YdB4n-4-25-0,\n .button-module-Button-outlined--basic-YdB4n-4-25-0:hover,\n .button-module-Button-outlined--basic-YdB4n-4-25-0:active,\n .button-module-Button-outlined--basic-disabled-mW-GC-4-25-0 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--basic-YdB4n-4-25-0:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--selected-M-y6e-4-25-0,\n .button-module-Button-outlined--selected-M-y6e-4-25-0:hover,\n .button-module-Button-outlined--selected-M-y6e-4-25-0:active,\n .button-module-Button-outlined--selected-disabled-CqlPp-4-25-0 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--selected-M-y6e-4-25-0:focus-visible,\n .button-module-Button-outlined--selected-M-y6e-4-25-0:focus-visible:active {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--primary-7yL2I-4-25-0,\n .button-module-Button-outlined--primary-7yL2I-4-25-0:hover,\n .button-module-Button-outlined--primary-7yL2I-4-25-0:active,\n .button-module-Button-outlined--primary-disabled-lu4xl-4-25-0 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--primary-7yL2I-4-25-0:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--alert-gnncZ-4-25-0,\n .button-module-Button-outlined--alert-gnncZ-4-25-0:hover,\n .button-module-Button-outlined--alert-gnncZ-4-25-0:active,\n .button-module-Button-outlined--alert-disabled-ttK9A-4-25-0 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--alert-gnncZ-4-25-0:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n}\n";
|
|
1705
|
+
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-25-0","Button--disabled":"button-module-Button--disabled-3Kfao-4-25-0","Button--iconAlign-right":"button-module-Button--iconAlign-right-tzezJ-4-25-0","Button-regularIcon--left":"button-module-Button-regularIcon--left-eiSbs-4-25-0","Button-regularIcon--right":"button-module-Button-regularIcon--right-VaPke-4-25-0","Button--tiny":"button-module-Button--tiny-ftCQP-4-25-0","Button--tinySquare":"button-module-Button--tinySquare-JSE77-4-25-0","Button--regular":"button-module-Button--regular-Vs8An-4-25-0","Button--regularSquare":"button-module-Button--regularSquare-VG89r-4-25-0","Button--large":"button-module-Button--large-inVqO-4-25-0","Button--largeSquare":"button-module-Button--largeSquare-puIze-4-25-0","Button-icon":"button-module-Button-icon-2Qw-d-4-25-0","Spinner":"button-module-Spinner-f7Izb-4-25-0","Button--expanded":"button-module-Button--expanded-j33fV-4-25-0","Button-icon--left":"button-module-Button-icon--left-UoJq5-4-25-0","Button-icon--right":"button-module-Button-icon--right-4iJWc-4-25-0","Button--basic":"button-module-Button--basic-99RJE-4-25-0","Button--basic-disabled":"button-module-Button--basic-disabled-VTodO-4-25-0","Button--primary":"button-module-Button--primary-beKmU-4-25-0","Button--primary-disabled":"button-module-Button--primary-disabled-q4Gct-4-25-0","Button-infoIcon--primary":"button-module-Button-infoIcon--primary-Voj8D-4-25-0","Button--success":"button-module-Button--success-UppQk-4-25-0","Button--success-disabled":"button-module-Button--success-disabled-dJO00-4-25-0","Button-infoIcon--success":"button-module-Button-infoIcon--success-cmCsw-4-25-0","Button--alert":"button-module-Button--alert-H5mRH-4-25-0","Button--alert-disabled":"button-module-Button--alert-disabled-Ved-C-4-25-0","Button-infoIcon--alert":"button-module-Button-infoIcon--alert-ZdPD5-4-25-0","Button--transparent":"button-module-Button--transparent-r8FxI-4-25-0","Button--transparent-disabled":"button-module-Button--transparent-disabled-a45jn-4-25-0","Button-spinner":"button-module-Button-spinner-l5KLk-4-25-0","Button--selected":"button-module-Button--selected-vkcfl-4-25-0","Button--selected-disabled":"button-module-Button--selected-disabled-w9ByQ-4-25-0","Button-text--hidden":"button-module-Button-text--hidden-iCXLu-4-25-0","Button-text":"button-module-Button-text-A8xeT-4-25-0","Button-infoIconWrapper":"button-module-Button-infoIconWrapper-dUlkA-4-25-0","Button-infoIconWrapper--transparent":"button-module-Button-infoIconWrapper--transparent-myFrQ-4-25-0","Button-infoIconWrapper--iconOnly-transparent":"button-module-Button-infoIconWrapper--iconOnly-transparent-Z0pEg-4-25-0","Button-infoIconWrapper-outlined--basic":"button-module-Button-infoIconWrapper-outlined--basic-fQkKz-4-25-0","Button-infoIconWrapper-outlined--primary":"button-module-Button-infoIconWrapper-outlined--primary-uhoBf-4-25-0","Button-infoIconWrapper-outlined--alert":"button-module-Button-infoIconWrapper-outlined--alert-fj7nm-4-25-0","Button-infoIconWrapper--basic":"button-module-Button-infoIconWrapper--basic-aScUb-4-25-0","Button-infoIconWrapper--primary":"button-module-Button-infoIconWrapper--primary-lK9Rs-4-25-0","Button-infoIconWrapper--success":"button-module-Button-infoIconWrapper--success-MgjVX-4-25-0","Button-infoIconWrapper--alert":"button-module-Button-infoIconWrapper--alert-z8cyc-4-25-0","Button-infoIcon":"button-module-Button-infoIcon-YjV4x-4-25-0","Button-outlined--basic":"button-module-Button-outlined--basic-YdB4n-4-25-0","Button-outlined--basic-disabled":"button-module-Button-outlined--basic-disabled-mW-GC-4-25-0","Button-outlined--selected":"button-module-Button-outlined--selected-M-y6e-4-25-0","Button-outlined--selected-disabled":"button-module-Button-outlined--selected-disabled-CqlPp-4-25-0","Button-outlined--primary":"button-module-Button-outlined--primary-7yL2I-4-25-0","Button-outlined--primary-disabled":"button-module-Button-outlined--primary-disabled-lu4xl-4-25-0","Button-infoIcon-outlined--primary":"button-module-Button-infoIcon-outlined--primary-Z69y7-4-25-0","Button-outlined--alert":"button-module-Button-outlined--alert-gnncZ-4-25-0","Button-outlined--alert-disabled":"button-module-Button-outlined--alert-disabled-ttK9A-4-25-0","Button-infoIcon-outlined--alert":"button-module-Button-infoIcon-outlined--alert-7TL4--4-25-0","Button-srOnly":"button-module-Button-srOnly-4lL8R-4-25-0"};
|
|
1706
|
+
styleInject(css_248z$1i);
|
|
1707
1707
|
|
|
1708
1708
|
var uidGenerator = function uidGenerator() {
|
|
1709
1709
|
var dt = new Date().getTime();
|
|
@@ -1861,9 +1861,9 @@ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
1861
1861
|
});
|
|
1862
1862
|
Button.displayName = 'Button';
|
|
1863
1863
|
|
|
1864
|
-
var css_248z$1g = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-24-0 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.calendar-module-Calendar-7PxjX-4-24-0 {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.calendar-module-Calendar--small-A1CLy-4-24-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-24-0 {\n height: 248px;\n}\n\n.calendar-module-Calendar-month--small-wkwYD-4-24-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar-year--small-RdwBQ-4-24-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar--large-sSoxU-4-24-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-24-0 {\n height: 324px;\n}\n\n.calendar-module-Calendar-month--large-5g0oP-4-24-0 {\n height: 276px;\n}\n\n.calendar-module-Calendar-year--large-jELMf-4-24-0 {\n height: 272px;\n}\n\n.calendar-module-Calendar-header--large-z3JIz-4-24-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-24-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-24-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-24-0 {\n left: 0;\n}\n\n.calendar-module-Calendar-headerIcon--next-ympYc-4-24-0 {\n right: 0;\n}\n\n.calendar-module-Calendar-headerContent-Ik37t-4-24-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-headerButton-c6Ucj-4-24-0 {\n /* Reset button aesthetics */\n background: transparent;\n border: none;\n padding: 0;\n margin: 0;\n font-family: inherit;\n color: inherit;\n cursor: pointer;\n\n /* Maintain the existing Flexbox layout structure */\n display: flex;\n justify-content: center;\n align-items: center;\n\n /* Rounded corners for better focus outline appearance */\n border-radius: var(--border-radius-10);\n}\n\n.calendar-module-Calendar-headerButton-c6Ucj-4-24-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: 1px;\n}\n\n.calendar-module-Calendar-headerButton-c6Ucj-4-24-0:focus:not(:focus-visible) {\n outline: none;\n}\n\n.calendar-module-Calendar-body-d-N5F-4-24-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-24-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-24-0 {\n display: inline-flex;\n flex: 1 0 0;\n justify-content: center;\n position: relative;\n}\n\n.calendar-module-Calendar-monthValueWrapper-jHs9P-4-24-0,\n.calendar-module-Calendar-yearValueWrapper-2xlz7-4-24-0 {\n display: inline-flex;\n justify-content: center;\n position: relative;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-24-0 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-24-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-24-0:hover {\n background: var(--primary-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-24-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-24-0:active {\n background: var(--primary-lighter);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-24-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--start-z-bt7-4-24-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 50%);\n border-radius: var(--border-radius-10) 0 0 var(--border-radius-10);\n}\n\n.calendar-module-Calendar-valueWrapper--startError-RglvV-4-24-0 {\n background: linear-gradient(90deg, white 50%, var(--alert-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--end-3mDNa-4-24-0 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 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-24-0 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 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-24-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 10%);\n}\n\n.calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-24-0 {\n background: linear-gradient(90deg, var(--alert-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--startEnd-djqp--4-24-0 {\n background: transparent;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-24-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 box-sizing: border-box;\n border-radius: var(--spacing-10);\n border: var(--border-width-2-5) solid transparent;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n\n /* Button reset (used on <button> for a11y) */\n background: transparent;\n padding: 0;\n margin: 0;\n font-family: inherit;\n color: inherit;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-24-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: 1px;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-24-0:focus:not(:focus-visible) {\n outline: none;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-24-0:hover {\n background: var(--secondary-light);\n border-color: var(--secondary-dark);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-24-0:active {\n background: var(--secondary);\n border-color: var(--secondary-dark);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-24-0:hover,\n.calendar-module-Calendar-value--end-975vB-4-24-0:hover {\n background: var(--primary-ultra-light);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-24-0:hover,\n.calendar-module-Calendar-value--endError-M5HbA-4-24-0:hover {\n background: var(--alert-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-24-0,\n.calendar-module-Calendar-value--end-975vB-4-24-0 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-24-0,\n.calendar-module-Calendar-value--endError-M5HbA-4-24-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-24-0 {\n background: var(--primary-ultra-light);\n border-color: var(--primary);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-24-0:hover {\n background: var(--primary-lightest);\n border-color: var(--primary);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-24-0:active {\n background: var(--primary-lighter);\n border-color: var(--primary-darker);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-24-0 {\n background: var(--primary);\n font-weight: var(--font-weight-bold);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--active--twAB-4-24-0:hover {\n background: var(--primary-dark);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--active--twAB-4-24-0:active {\n background: var(--primary-darker);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-yearValue--small--xk4--4-24-0,\n.calendar-module-Calendar-monthValue--small-R3bKo-4-24-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.calendar-module-Calendar-yearValue--large-Lmlui-4-24-0,\n.calendar-module-Calendar-monthValue--large-kkWJR-4-24-0 {\n height: var(--spacing-80);\n width: var(--spacing-160);\n}\n\n.calendar-module-Calendar-dateValue--small-u5Af3-4-24-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.calendar-module-Calendar-dateValue--large-ngrnG-4-24-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-24-0 .calendar-module-Calendar-value--startError-bXXuR-4-24-0,\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-24-0 .calendar-module-Calendar-value--endError-M5HbA-4-24-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-24-0 .calendar-module-Calendar-value--startError-bXXuR-4-24-0:hover,\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-24-0 .calendar-module-Calendar-value--endError-M5HbA-4-24-0:hover {\n background: var(--alert-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-24-0 {\n opacity: var(--opacity-10);\n}\n\n.calendar-module-Calendar-value--disabled-xwiCL-4-24-0 {\n pointer-events: none;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-24-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-24-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-24-0 .calendar-module-Calendar-value-Ht0Qg-4-24-0 {\n padding: 0;\n cursor: default;\n border-color: transparent;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-24-0 .calendar-module-Calendar-value-Ht0Qg-4-24-0:hover,\n.calendar-module-Calendar-dayValues-EuWrN-4-24-0 .calendar-module-Calendar-value-Ht0Qg-4-24-0:active {\n background: transparent;\n border-color: transparent;\n}\n\n.calendar-module-Calendar-eventsIndicator-FoS6M-4-24-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-24-0 {\n width: 3px;\n height: 3px;\n}\n.calendar-module-Calendar-eventsIndicator--active-NHhLl-4-24-0 {\n background-color: var(--white);\n}\n\n.calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-24-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-24-0 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-24-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-24-0 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-24-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-24-0:hover {\n background: var(--primary-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-24-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-24-0:active {\n background: var(--primary-lighter);\n border-color: transparent;\n}\n\n@media (forced-colors: active) {\n .calendar-module-Calendar-valueWrapper--start-z-bt7-4-24-0,\n .calendar-module-Calendar-valueWrapper--end-3mDNa-4-24-0,\n .calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-24-0,\n .calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-24-0,\n .calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-24-0,\n .calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-24-0,\n .calendar-module-Calendar-valueWrapper--inRange-fV605-4-24-0,\n .calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-24-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-24-0 {\n background: Highlight;\n }\n\n .calendar-module-Calendar-valueWrapper--startError-RglvV-4-24-0,\n .calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-24-0,\n .calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-24-0 {\n background: Mark;\n }\n\n /* Active/selected date cell */\n .calendar-module-Calendar-value--active--twAB-4-24-0,\n .calendar-module-Calendar-value--active--twAB-4-24-0:hover,\n .calendar-module-Calendar-value--active--twAB-4-24-0:active {\n forced-color-adjust: none;\n background: Highlight;\n color: HighlightText;\n border-color: transparent;\n }\n\n /* Today's date marker ring */\n .calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-24-0 {\n border-color: ButtonText;\n }\n\n /* Event dot: use system color so it stays visible */\n .calendar-module-Calendar-eventsIndicator-FoS6M-4-24-0 {\n background-color: ButtonText;\n }\n\n .calendar-module-Calendar-eventsIndicator--active-NHhLl-4-24-0 {\n background-color: HighlightText;\n }\n\n /* Disabled dates use opacity — switch to GrayText */\n .calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-24-0 {\n opacity: 1;\n color: GrayText;\n }\n}\n";
|
|
1865
|
-
var styles$
|
|
1866
|
-
styleInject(css_248z$
|
|
1864
|
+
var css_248z$1h = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-25-0 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.calendar-module-Calendar-7PxjX-4-25-0 {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.calendar-module-Calendar--small-A1CLy-4-25-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-25-0 {\n height: 248px;\n}\n\n.calendar-module-Calendar-month--small-wkwYD-4-25-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar-year--small-RdwBQ-4-25-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar--large-sSoxU-4-25-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-25-0 {\n height: 324px;\n}\n\n.calendar-module-Calendar-month--large-5g0oP-4-25-0 {\n height: 276px;\n}\n\n.calendar-module-Calendar-year--large-jELMf-4-25-0 {\n height: 272px;\n}\n\n.calendar-module-Calendar-header--large-z3JIz-4-25-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-25-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-25-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-25-0 {\n left: 0;\n}\n\n.calendar-module-Calendar-headerIcon--next-ympYc-4-25-0 {\n right: 0;\n}\n\n.calendar-module-Calendar-headerContent-Ik37t-4-25-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-headerButton-c6Ucj-4-25-0 {\n /* Reset button aesthetics */\n background: transparent;\n border: none;\n padding: 0;\n margin: 0;\n font-family: inherit;\n color: inherit;\n cursor: pointer;\n\n /* Maintain the existing Flexbox layout structure */\n display: flex;\n justify-content: center;\n align-items: center;\n\n /* Rounded corners for better focus outline appearance */\n border-radius: var(--border-radius-10);\n}\n\n.calendar-module-Calendar-headerButton-c6Ucj-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: 1px;\n}\n\n.calendar-module-Calendar-headerButton-c6Ucj-4-25-0:focus:not(:focus-visible) {\n outline: none;\n}\n\n.calendar-module-Calendar-body-d-N5F-4-25-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-25-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-25-0 {\n display: inline-flex;\n flex: 1 0 0;\n justify-content: center;\n position: relative;\n}\n\n.calendar-module-Calendar-monthValueWrapper-jHs9P-4-25-0,\n.calendar-module-Calendar-yearValueWrapper-2xlz7-4-25-0 {\n display: inline-flex;\n justify-content: center;\n position: relative;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-25-0 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-25-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-25-0:hover {\n background: var(--primary-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-25-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-25-0:active {\n background: var(--primary-lighter);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-25-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--start-z-bt7-4-25-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 50%);\n border-radius: var(--border-radius-10) 0 0 var(--border-radius-10);\n}\n\n.calendar-module-Calendar-valueWrapper--startError-RglvV-4-25-0 {\n background: linear-gradient(90deg, white 50%, var(--alert-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--end-3mDNa-4-25-0 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 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-25-0 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 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-25-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 10%);\n}\n\n.calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-25-0 {\n background: linear-gradient(90deg, var(--alert-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--startEnd-djqp--4-25-0 {\n background: transparent;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-25-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 box-sizing: border-box;\n border-radius: var(--spacing-10);\n border: var(--border-width-2-5) solid transparent;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n\n /* Button reset (used on <button> for a11y) */\n background: transparent;\n padding: 0;\n margin: 0;\n font-family: inherit;\n color: inherit;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: 1px;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-25-0:focus:not(:focus-visible) {\n outline: none;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-25-0:hover {\n background: var(--secondary-light);\n border-color: var(--secondary-dark);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-25-0:active {\n background: var(--secondary);\n border-color: var(--secondary-dark);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-25-0:hover,\n.calendar-module-Calendar-value--end-975vB-4-25-0:hover {\n background: var(--primary-ultra-light);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-25-0:hover,\n.calendar-module-Calendar-value--endError-M5HbA-4-25-0:hover {\n background: var(--alert-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-25-0,\n.calendar-module-Calendar-value--end-975vB-4-25-0 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-25-0,\n.calendar-module-Calendar-value--endError-M5HbA-4-25-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-25-0 {\n background: var(--primary-ultra-light);\n border-color: var(--primary);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-25-0:hover {\n background: var(--primary-lightest);\n border-color: var(--primary);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-25-0:active {\n background: var(--primary-lighter);\n border-color: var(--primary-darker);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-25-0 {\n background: var(--primary);\n font-weight: var(--font-weight-bold);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--active--twAB-4-25-0:hover {\n background: var(--primary-dark);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--active--twAB-4-25-0:active {\n background: var(--primary-darker);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-yearValue--small--xk4--4-25-0,\n.calendar-module-Calendar-monthValue--small-R3bKo-4-25-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.calendar-module-Calendar-yearValue--large-Lmlui-4-25-0,\n.calendar-module-Calendar-monthValue--large-kkWJR-4-25-0 {\n height: var(--spacing-80);\n width: var(--spacing-160);\n}\n\n.calendar-module-Calendar-dateValue--small-u5Af3-4-25-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.calendar-module-Calendar-dateValue--large-ngrnG-4-25-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-25-0 .calendar-module-Calendar-value--startError-bXXuR-4-25-0,\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-25-0 .calendar-module-Calendar-value--endError-M5HbA-4-25-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-25-0 .calendar-module-Calendar-value--startError-bXXuR-4-25-0:hover,\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-25-0 .calendar-module-Calendar-value--endError-M5HbA-4-25-0:hover {\n background: var(--alert-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-25-0 {\n opacity: var(--opacity-10);\n}\n\n.calendar-module-Calendar-value--disabled-xwiCL-4-25-0 {\n pointer-events: none;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-25-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-25-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-25-0 .calendar-module-Calendar-value-Ht0Qg-4-25-0 {\n padding: 0;\n cursor: default;\n border-color: transparent;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-25-0 .calendar-module-Calendar-value-Ht0Qg-4-25-0:hover,\n.calendar-module-Calendar-dayValues-EuWrN-4-25-0 .calendar-module-Calendar-value-Ht0Qg-4-25-0:active {\n background: transparent;\n border-color: transparent;\n}\n\n.calendar-module-Calendar-eventsIndicator-FoS6M-4-25-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-25-0 {\n width: 3px;\n height: 3px;\n}\n.calendar-module-Calendar-eventsIndicator--active-NHhLl-4-25-0 {\n background-color: var(--white);\n}\n\n.calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-25-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-25-0 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-25-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-25-0 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-25-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-25-0:hover {\n background: var(--primary-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-25-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-25-0:active {\n background: var(--primary-lighter);\n border-color: transparent;\n}\n\n@media (forced-colors: active) {\n .calendar-module-Calendar-valueWrapper--start-z-bt7-4-25-0,\n .calendar-module-Calendar-valueWrapper--end-3mDNa-4-25-0,\n .calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-25-0,\n .calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-25-0,\n .calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-25-0,\n .calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-25-0,\n .calendar-module-Calendar-valueWrapper--inRange-fV605-4-25-0,\n .calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-25-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-25-0 {\n background: Highlight;\n }\n\n .calendar-module-Calendar-valueWrapper--startError-RglvV-4-25-0,\n .calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-25-0,\n .calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-25-0 {\n background: Mark;\n }\n\n /* Active/selected date cell */\n .calendar-module-Calendar-value--active--twAB-4-25-0,\n .calendar-module-Calendar-value--active--twAB-4-25-0:hover,\n .calendar-module-Calendar-value--active--twAB-4-25-0:active {\n forced-color-adjust: none;\n background: Highlight;\n color: HighlightText;\n border-color: transparent;\n }\n\n /* Today's date marker ring */\n .calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-25-0 {\n border-color: ButtonText;\n }\n\n /* Event dot: use system color so it stays visible */\n .calendar-module-Calendar-eventsIndicator-FoS6M-4-25-0 {\n background-color: ButtonText;\n }\n\n .calendar-module-Calendar-eventsIndicator--active-NHhLl-4-25-0 {\n background-color: HighlightText;\n }\n\n /* Disabled dates use opacity — switch to GrayText */\n .calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-25-0 {\n opacity: 1;\n color: GrayText;\n }\n}\n";
|
|
1865
|
+
var styles$17 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-25-0","Calendar":"calendar-module-Calendar-7PxjX-4-25-0","Calendar--small":"calendar-module-Calendar--small-A1CLy-4-25-0","Calendar-date--small":"calendar-module-Calendar-date--small-CcxQJ-4-25-0","Calendar-month--small":"calendar-module-Calendar-month--small-wkwYD-4-25-0","Calendar-year--small":"calendar-module-Calendar-year--small-RdwBQ-4-25-0","Calendar--large":"calendar-module-Calendar--large-sSoxU-4-25-0","Calendar-date--large":"calendar-module-Calendar-date--large-1ZITF-4-25-0","Calendar-month--large":"calendar-module-Calendar-month--large-5g0oP-4-25-0","Calendar-year--large":"calendar-module-Calendar-year--large-jELMf-4-25-0","Calendar-header--large":"calendar-module-Calendar-header--large-z3JIz-4-25-0","Calendar-header--small":"calendar-module-Calendar-header--small-dWwwm-4-25-0","Calendar-headerIcon":"calendar-module-Calendar-headerIcon-nsCVk-4-25-0","Calendar-headerIcon--prev":"calendar-module-Calendar-headerIcon--prev-1RFOJ-4-25-0","Calendar-headerIcon--next":"calendar-module-Calendar-headerIcon--next-ympYc-4-25-0","Calendar-headerContent":"calendar-module-Calendar-headerContent-Ik37t-4-25-0","Calendar-headerButton":"calendar-module-Calendar-headerButton-c6Ucj-4-25-0","Calendar-body":"calendar-module-Calendar-body-d-N5F-4-25-0","Calendar-valueRow":"calendar-module-Calendar-valueRow-85rKl-4-25-0","Calendar-valueWrapper":"calendar-module-Calendar-valueWrapper-H46Ub-4-25-0","Calendar-monthValueWrapper":"calendar-module-Calendar-monthValueWrapper-jHs9P-4-25-0","Calendar-yearValueWrapper":"calendar-module-Calendar-yearValueWrapper-2xlz7-4-25-0","Calendar-valueWrapper--inRange":"calendar-module-Calendar-valueWrapper--inRange-fV605-4-25-0","Calendar-inRangeValue":"calendar-module-Calendar-inRangeValue-VoWIb-4-25-0","Calendar-valueWrapper--inRangeError":"calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-25-0","Calendar-valueWrapper--start":"calendar-module-Calendar-valueWrapper--start-z-bt7-4-25-0","Calendar-valueWrapper--startError":"calendar-module-Calendar-valueWrapper--startError-RglvV-4-25-0","Calendar-valueWrapper--end":"calendar-module-Calendar-valueWrapper--end-3mDNa-4-25-0","Calendar-valueWrapper--hoverDate":"calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-25-0","Calendar-valueWrapper--hoverEndDate":"calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-25-0","Calendar-valueWrapper--endError":"calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-25-0","Calendar-valueWrapper--startEnd":"calendar-module-Calendar-valueWrapper--startEnd-djqp--4-25-0","Calendar-value":"calendar-module-Calendar-value-Ht0Qg-4-25-0","Calendar-value--start":"calendar-module-Calendar-value--start-mlqzh-4-25-0","Calendar-value--end":"calendar-module-Calendar-value--end-975vB-4-25-0","Calendar-value--startError":"calendar-module-Calendar-value--startError-bXXuR-4-25-0","Calendar-value--endError":"calendar-module-Calendar-value--endError-M5HbA-4-25-0","Calendar-value--currDateMonthYear":"calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-25-0","Calendar-value--active":"calendar-module-Calendar-value--active--twAB-4-25-0","Calendar-yearValue--small":"calendar-module-Calendar-yearValue--small--xk4--4-25-0","Calendar-monthValue--small":"calendar-module-Calendar-monthValue--small-R3bKo-4-25-0","Calendar-yearValue--large":"calendar-module-Calendar-yearValue--large-Lmlui-4-25-0","Calendar-monthValue--large":"calendar-module-Calendar-monthValue--large-kkWJR-4-25-0","Calendar-dateValue--small":"calendar-module-Calendar-dateValue--small-u5Af3-4-25-0","Calendar-dateValue--large":"calendar-module-Calendar-dateValue--large-ngrnG-4-25-0","Calendar-valueWrapper--active-dummy":"calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-25-0","Calendar-valueWrapper--disabled":"calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-25-0","Calendar-value--disabled":"calendar-module-Calendar-value--disabled-xwiCL-4-25-0","Calendar-dayValues":"calendar-module-Calendar-dayValues-EuWrN-4-25-0","Calendar-dateValues":"calendar-module-Calendar-dateValues-sXhcu-4-25-0","Calendar-eventsIndicator":"calendar-module-Calendar-eventsIndicator-FoS6M-4-25-0","Calendar-eventsIndicator--small":"calendar-module-Calendar-eventsIndicator--small-94d0W-4-25-0","Calendar-eventsIndicator--active":"calendar-module-Calendar-eventsIndicator--active-NHhLl-4-25-0","Calendar-valueWrapper--inStartRange":"calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-25-0","Calendar-valueWrapper--inEndRange":"calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-25-0","Calendar-valueWrapper--inEdgeRange":"calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-25-0"};
|
|
1866
|
+
styleInject(css_248z$1h);
|
|
1867
1867
|
|
|
1868
1868
|
var config = {
|
|
1869
1869
|
yearBlockRange: 12,
|
|
@@ -2621,7 +2621,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2621
2621
|
}
|
|
2622
2622
|
break;
|
|
2623
2623
|
}
|
|
2624
|
-
var headerIconClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2624
|
+
var headerIconClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$17['Calendar-headerIcon'], true), styles$17["Calendar-headerIcon--".concat(type)], type));
|
|
2625
2625
|
var ariaLabel = '';
|
|
2626
2626
|
if (view === 'date') ariaLabel = type === 'prev' ? 'Previous month' : 'Next month';else if (view === 'month') ariaLabel = type === 'prev' ? 'Previous year' : 'Next year';else if (view === 'year') ariaLabel = type === 'prev' ? 'Previous year block' : 'Next year block';
|
|
2627
2627
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -2672,7 +2672,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2672
2672
|
var _this$getNavDateInfo2 = _this.getNavDateInfo(index),
|
|
2673
2673
|
yearNavVal = _this$getNavDateInfo2.year,
|
|
2674
2674
|
monthNavVal = _this$getNavDateInfo2.month;
|
|
2675
|
-
var headerContentClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2675
|
+
var headerContentClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$17['Calendar-headerContent'], true), styles$17['Calendar-headerContent--noIcon-left'], index === monthsInView - 1), styles$17['Calendar-headerContent--noIcon-right'], index === 0));
|
|
2676
2676
|
var headerContent = '';
|
|
2677
2677
|
if (view === 'year') headerContent = "".concat(yearBlockNav, " - ").concat(yearBlockNav + (yearBlockRange - 1));
|
|
2678
2678
|
if (view === 'month') headerContent = "".concat(yearNavVal);
|
|
@@ -2687,7 +2687,8 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2687
2687
|
}));
|
|
2688
2688
|
}
|
|
2689
2689
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Heading, {
|
|
2690
|
-
size: "s"
|
|
2690
|
+
size: "s",
|
|
2691
|
+
as: "span"
|
|
2691
2692
|
}, content), view !== 'year' && !rangePicker && /*#__PURE__*/React.createElement(Icon, {
|
|
2692
2693
|
appearance: "inverse",
|
|
2693
2694
|
className: "pl-3",
|
|
@@ -2698,17 +2699,17 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2698
2699
|
className: headerContentClass
|
|
2699
2700
|
}, view !== 'date' && /*#__PURE__*/React.createElement("button", {
|
|
2700
2701
|
type: "button",
|
|
2701
|
-
className: styles$
|
|
2702
|
+
className: styles$17['Calendar-headerButton'],
|
|
2702
2703
|
onClick: _this.onNavHeadingClickHandler(view),
|
|
2703
2704
|
"aria-label": view === 'year' ? 'Select date' : 'Select year'
|
|
2704
2705
|
}, renderHeading(headerContent)), view === 'date' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("button", {
|
|
2705
2706
|
type: "button",
|
|
2706
|
-
className: styles$
|
|
2707
|
+
className: styles$17['Calendar-headerButton'],
|
|
2707
2708
|
onClick: _this.onNavHeadingClickHandler(view),
|
|
2708
2709
|
"aria-label": "Select month"
|
|
2709
2710
|
}, renderHeading(months[monthNavVal])), /*#__PURE__*/React.createElement("button", {
|
|
2710
2711
|
type: "button",
|
|
2711
|
-
className: classnames(styles$
|
|
2712
|
+
className: classnames(styles$17['Calendar-headerButton'], 'ml-4'),
|
|
2712
2713
|
onClick: _this.onNavHeadingClickHandler('month'),
|
|
2713
2714
|
"aria-label": "Select year"
|
|
2714
2715
|
}, renderHeading(yearNavVal))));
|
|
@@ -2750,7 +2751,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2750
2751
|
return /*#__PURE__*/React.createElement("div", {
|
|
2751
2752
|
key: row,
|
|
2752
2753
|
role: "row",
|
|
2753
|
-
className: styles$
|
|
2754
|
+
className: styles$17['Calendar-valueRow']
|
|
2754
2755
|
}, Array.from({
|
|
2755
2756
|
length: yearsInRow
|
|
2756
2757
|
}, function (_x, col) {
|
|
@@ -2762,9 +2763,9 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2762
2763
|
var isCurrentYear = function isCurrentYear() {
|
|
2763
2764
|
return year === currYear;
|
|
2764
2765
|
};
|
|
2765
|
-
var wrapperClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2766
|
-
var valueClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2767
|
-
var textClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2766
|
+
var wrapperClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$17['Calendar-yearValueWrapper'], true), styles$17['Calendar-valueWrapper--disabled'], disabled));
|
|
2767
|
+
var valueClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$17['Calendar-value'], true), styles$17['Calendar-value--active'], active), styles$17['Calendar-value--disabled'], disabled), styles$17['Calendar-yearValue'], true), styles$17["Calendar-yearValue--".concat(size)], size), styles$17['Calendar-value--currDateMonthYear'], isCurrentYear()));
|
|
2768
|
+
var textClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$17['Calendar-value--currDate'], isCurrentYear() && !active), styles$17['Calendar-text'], true));
|
|
2768
2769
|
var getTextColor = classnames({
|
|
2769
2770
|
inverse: !active && !isCurrentYear() && !disabled,
|
|
2770
2771
|
white: active,
|
|
@@ -2844,7 +2845,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2844
2845
|
return /*#__PURE__*/React.createElement("div", {
|
|
2845
2846
|
key: row,
|
|
2846
2847
|
role: "row",
|
|
2847
|
-
className: styles$
|
|
2848
|
+
className: styles$17['Calendar-valueRow']
|
|
2848
2849
|
}, Array.from({
|
|
2849
2850
|
length: monthsInRow
|
|
2850
2851
|
}, function (_x, col) {
|
|
@@ -2854,8 +2855,8 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2854
2855
|
var isCurrentMonth = function isCurrentMonth() {
|
|
2855
2856
|
return currYear === yearNav && currMonth === month;
|
|
2856
2857
|
};
|
|
2857
|
-
var wrapperClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2858
|
-
var valueClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2858
|
+
var wrapperClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$17['Calendar-monthValueWrapper'], true), styles$17['Calendar-valueWrapper--disabled'], disabled));
|
|
2859
|
+
var valueClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$17['Calendar-value'], true), styles$17['Calendar-value--active'], active), styles$17['Calendar-value--disabled'], disabled), styles$17['Calendar-monthValue'], true), styles$17["Calendar-monthValue--".concat(size)], size), styles$17['Calendar-value--currDateMonthYear'], isCurrentMonth()));
|
|
2859
2860
|
var getTextColor = classnames({
|
|
2860
2861
|
inverse: !active && !isCurrentMonth() && !disabled,
|
|
2861
2862
|
white: active,
|
|
@@ -2864,7 +2865,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2864
2865
|
var getTextAppearance = function getTextAppearance() {
|
|
2865
2866
|
return disabled ? 'subtle' : 'default';
|
|
2866
2867
|
};
|
|
2867
|
-
var textClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
2868
|
+
var textClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$17['Calendar-value--currDate'], isCurrentMonth() && !active), styles$17['Calendar-text'], true));
|
|
2868
2869
|
var isFocused = effectiveFocusedMonth === month;
|
|
2869
2870
|
return /*#__PURE__*/React.createElement("div", {
|
|
2870
2871
|
key: "".concat(row, "-").concat(col),
|
|
@@ -3103,12 +3104,12 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3103
3104
|
firstDayOfWeek = _this$props6.firstDayOfWeek;
|
|
3104
3105
|
var textSize = size === 'large' ? 'regular' : 'small';
|
|
3105
3106
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
3106
|
-
className: styles$
|
|
3107
|
+
className: styles$17['Calendar-dayValues'],
|
|
3107
3108
|
role: "row"
|
|
3108
3109
|
}, Array.from({
|
|
3109
3110
|
length: 7
|
|
3110
3111
|
}, function (_x, day) {
|
|
3111
|
-
var valueClass = classnames(_defineProperty$1({}, styles$
|
|
3112
|
+
var valueClass = classnames(_defineProperty$1({}, styles$17['Calendar-valueWrapper'], true));
|
|
3112
3113
|
var dayValue = (day + daysInRow + getIndexOfDay(firstDayOfWeek)) % daysInRow;
|
|
3113
3114
|
return /*#__PURE__*/React.createElement("div", {
|
|
3114
3115
|
key: day,
|
|
@@ -3120,7 +3121,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3120
3121
|
size: textSize
|
|
3121
3122
|
}, days[size][dayValue]));
|
|
3122
3123
|
})), /*#__PURE__*/React.createElement("div", {
|
|
3123
|
-
className: styles$
|
|
3124
|
+
className: styles$17['Calendar-dateValues'],
|
|
3124
3125
|
role: "rowgroup",
|
|
3125
3126
|
onMouseLeave: _this.onDateRowMouseLeaveHandler
|
|
3126
3127
|
}, _this.renderDateValues(index)));
|
|
@@ -3276,7 +3277,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3276
3277
|
return /*#__PURE__*/React.createElement("div", {
|
|
3277
3278
|
key: row,
|
|
3278
3279
|
role: "row",
|
|
3279
|
-
className: styles$
|
|
3280
|
+
className: styles$17['Calendar-valueRow']
|
|
3280
3281
|
}, Array.from({
|
|
3281
3282
|
length: daysInRow
|
|
3282
3283
|
}, function (_x, colIndex) {
|
|
@@ -3337,8 +3338,8 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3337
3338
|
var isHoverForwardLast = dateComparison(hoverDate, 'equal', dateInString, monthInString, yearInString) && hoverDate && startDate && hoverDate >= startDate;
|
|
3338
3339
|
var isEdgeElement = colIndex === 0 || colIndex === 6;
|
|
3339
3340
|
var isValueRange = inRange || rangePicker && (active || activeDate);
|
|
3340
|
-
var wrapperClass = classnames((_classNames10 = {}, _defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_classNames10, styles$
|
|
3341
|
-
var valueClass = classnames((_classNames11 = {}, _defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_classNames11, styles$
|
|
3341
|
+
var wrapperClass = classnames((_classNames10 = {}, _defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_classNames10, styles$17['Calendar-valueWrapper'], true), styles$17['Calendar-valueWrapper--disabled'], disabled), styles$17['Calendar-valueWrapper--inRange'], !isEdgeElement && isValueRange), styles$17['Calendar-valueWrapper--inEdgeRange'], isValueRange && isEdgeElement), styles$17['Calendar-valueWrapper--inRangeError'], isRangeError), styles$17['Calendar-valueWrapper--start'], isStart && !isEnd && colIndex !== 6 || rangePicker && isStartActive && colIndex !== 6), styles$17['Calendar-valueWrapper--end'], isEnd && !isStart && colIndex !== 0 || rangePicker && isEndActive && colIndex !== 0), styles$17['Calendar-valueWrapper--startEnd'], isStart && isEnd), styles$17['Calendar-valueWrapper--startError'], isStart && isRangeError || rangePicker && isRangeError && isStartActive), styles$17['Calendar-valueWrapper--endError'], isEnd && isRangeError || rangePicker && isRangeError && isEndActive), _defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_classNames10, styles$17['Calendar-valueWrapper--dummy'], dummy && !disabled && !active && !activeDate), styles$17['Calendar-valueWrapper--active-dummy'], dummy && !disabled && (active || activeDate)), styles$17['Calendar-valueWrapper--hoverDate'], rangePicker && isHoverForwardLast), styles$17['Calendar-valueWrapper--hoverEndDate'], rangePicker && isHoverBackwardLast), styles$17['Calendar-valueWrapper--inStartRange'], isValueRange && colIndex === 0 && !active && !activeDate), styles$17['Calendar-valueWrapper--inEndRange'], isValueRange && colIndex === 6 && !active && !activeDate)));
|
|
3342
|
+
var valueClass = classnames((_classNames11 = {}, _defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_classNames11, styles$17['Calendar-value'], true), styles$17['Calendar-inRangeValue'], !isStart && !isEnd && !active && !activeDate), styles$17['Calendar-value--start'], isStart && !isEnd), styles$17['Calendar-value--end'], isEnd && !isStart), styles$17['Calendar-value--startError'], isStart && isRangeError), styles$17['Calendar-value--endError'], isEnd && isRangeError), styles$17['Calendar-value--active'], active || activeDate), styles$17['Calendar-value--disabled'], disabled), styles$17['Calendar-dateValue'], true), styles$17["Calendar-dateValue--".concat(size)], size), _defineProperty$1(_defineProperty$1(_classNames11, styles$17['Calendar-value--currDateMonthYear'], today()), styles$17['Calendar-value--currDate'], today() && !active && !activeDate)));
|
|
3342
3343
|
var getTextColor = classnames({
|
|
3343
3344
|
inverse: !active && !today() && !disabled && !activeDate,
|
|
3344
3345
|
white: active || activeDate,
|
|
@@ -3409,9 +3410,9 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3409
3410
|
size = _this$props8.size,
|
|
3410
3411
|
monthsInView = _this$props8.monthsInView;
|
|
3411
3412
|
var view = _this.state.view;
|
|
3412
|
-
var containerClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
3413
|
-
var headerClass = classnames(_defineProperty$1({}, styles$
|
|
3414
|
-
var bodyClass = classnames(_defineProperty$1({}, styles$
|
|
3413
|
+
var containerClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$17['Calendar'], true), styles$17["Calendar-".concat(view, "--").concat(size)], view), styles$17["Calendar--".concat(size)], size));
|
|
3414
|
+
var headerClass = classnames(_defineProperty$1({}, styles$17["Calendar-header--".concat(size)], size));
|
|
3415
|
+
var bodyClass = classnames(_defineProperty$1({}, styles$17['Calendar-body'], true));
|
|
3415
3416
|
return /*#__PURE__*/React.createElement("div", {
|
|
3416
3417
|
key: index,
|
|
3417
3418
|
"data-test": "DesignSystem-Calendar",
|
|
@@ -3685,7 +3686,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3685
3686
|
}, {
|
|
3686
3687
|
key: "renderEventsIndicator",
|
|
3687
3688
|
value: function renderEventsIndicator(size, active) {
|
|
3688
|
-
var eventsIndicatorClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
3689
|
+
var eventsIndicatorClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$17['Calendar-eventsIndicator'], true), styles$17["Calendar-eventsIndicator--".concat(size)], true), styles$17['Calendar-eventsIndicator--active'], active));
|
|
3689
3690
|
return /*#__PURE__*/React.createElement("span", {
|
|
3690
3691
|
"data-test": "DesignSystem-Calendar-Event-Indicator",
|
|
3691
3692
|
className: eventsIndicatorClass
|
|
@@ -3701,7 +3702,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3701
3702
|
ariaLabel = _this$props11['aria-label'],
|
|
3702
3703
|
ariaLabelledBy = _this$props11['aria-labelledby'];
|
|
3703
3704
|
var baseProps = extractBaseProps(this.props);
|
|
3704
|
-
var classes = classnames(_defineProperty$1({}, styles$
|
|
3705
|
+
var classes = classnames(_defineProperty$1({}, styles$17['Calendar-wrapper'], true), className);
|
|
3705
3706
|
var defaultAriaLabel = ariaLabelledBy ? undefined : 'Calendar';
|
|
3706
3707
|
return /*#__PURE__*/React.createElement("div", _extends$2({}, baseProps, {
|
|
3707
3708
|
ref: this.calendarWrapperRef,
|
|
@@ -3725,9 +3726,9 @@ _defineProperty$1(Calendar, "defaultProps", {
|
|
|
3725
3726
|
jumpView: true
|
|
3726
3727
|
});
|
|
3727
3728
|
|
|
3728
|
-
var css_248z$
|
|
3729
|
-
var styles$
|
|
3730
|
-
styleInject(css_248z$
|
|
3729
|
+
var css_248z$1g = "/* badge */\n\n.card-module-Card-3nZt4-4-25-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-25-0,\n.card-module-Card--light-ef-kI-4-25-0,\n.card-module-Card--medium-hfCda-4-25-0,\n.card-module-Card--dark-z4IwI-4-25-0 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow10-EQ0Tc-4-25-0 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow20-r2kA9-4-25-0 {\n border: none;\n box-shadow: var(--shadow-m);\n}\n\n.card-module-Card--shadow30-7DdVE-4-25-0 {\n border: none;\n box-shadow: var(--shadow-l);\n}\n\n.card-module-Card-header-L-wfV-4-25-0 {\n padding: var(--spacing-40) var(--spacing-40) var(--spacing-30) var(--spacing-40);\n}\n\n.card-module-Card-body-AWtGZ-4-25-0 {\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-40);\n}\n\n.card-module-Card-footer-Gomt8-4-25-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-25-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n@media (forced-colors: active) {\n /* box-shadow is stripped in forced-colors; add a real border so the card boundary is visible */\n .card-module-Card--default-vE68u-4-25-0,\n .card-module-Card--light-ef-kI-4-25-0,\n .card-module-Card--medium-hfCda-4-25-0,\n .card-module-Card--dark-z4IwI-4-25-0,\n .card-module-Card--shadow10-EQ0Tc-4-25-0,\n .card-module-Card--shadow20-r2kA9-4-25-0,\n .card-module-Card--shadow30-7DdVE-4-25-0 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n}\n";
|
|
3730
|
+
var styles$16 = {"Card":"card-module-Card-3nZt4-4-25-0","Card--default":"card-module-Card--default-vE68u-4-25-0","Card--light":"card-module-Card--light-ef-kI-4-25-0","Card--medium":"card-module-Card--medium-hfCda-4-25-0","Card--dark":"card-module-Card--dark-z4IwI-4-25-0","Card--shadow10":"card-module-Card--shadow10-EQ0Tc-4-25-0","Card--shadow20":"card-module-Card--shadow20-r2kA9-4-25-0","Card--shadow30":"card-module-Card--shadow30-7DdVE-4-25-0","Card-header":"card-module-Card-header-L-wfV-4-25-0","Card-body":"card-module-Card-body-AWtGZ-4-25-0","Card-footer":"card-module-Card-footer-Gomt8-4-25-0","Card-footer--withSeperator":"card-module-Card-footer--withSeperator-xBISR-4-25-0"};
|
|
3731
|
+
styleInject(css_248z$1g);
|
|
3731
3732
|
|
|
3732
3733
|
var _excluded$1u = ["shadow", "children", "className"];
|
|
3733
3734
|
var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -3736,7 +3737,7 @@ var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3736
3737
|
children = props.children,
|
|
3737
3738
|
className = props.className,
|
|
3738
3739
|
rest = _objectWithoutProperties(props, _excluded$1u);
|
|
3739
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
3740
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$16.Card, true), styles$16["Card--".concat(shadow)], shadow), className);
|
|
3740
3741
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
3741
3742
|
"data-test": "DesignSystem-Card",
|
|
3742
3743
|
ref: ref
|
|
@@ -3749,9 +3750,9 @@ Card.defaultProps = {
|
|
|
3749
3750
|
shadow: 'shadow10'
|
|
3750
3751
|
};
|
|
3751
3752
|
|
|
3752
|
-
var css_248z$
|
|
3753
|
-
var styles$
|
|
3754
|
-
styleInject(css_248z$
|
|
3753
|
+
var css_248z$1f = ".cardSubdued-module-CardSubdued-cRpHh-4-25-0 {\n background: var(--card-subdued-bg);\n padding: var(--spacing-40);\n}\n\n.cardSubdued-module-CardSubdued--top-9xPTI-4-25-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--left-5pkIL-4-25-0 {\n border-left: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--right-vqxr4-4-25-0 {\n border-right: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--bottom-fOplq-4-25-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
3754
|
+
var styles$15 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-25-0","CardSubdued--top":"cardSubdued-module-CardSubdued--top-9xPTI-4-25-0","CardSubdued--left":"cardSubdued-module-CardSubdued--left-5pkIL-4-25-0","CardSubdued--right":"cardSubdued-module-CardSubdued--right-vqxr4-4-25-0","CardSubdued--bottom":"cardSubdued-module-CardSubdued--bottom-fOplq-4-25-0"};
|
|
3755
|
+
styleInject(css_248z$1f);
|
|
3755
3756
|
|
|
3756
3757
|
var _excluded$1t = ["border", "children", "className"];
|
|
3757
3758
|
var CardSubdued = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -3759,7 +3760,7 @@ var CardSubdued = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3759
3760
|
children = props.children,
|
|
3760
3761
|
className = props.className,
|
|
3761
3762
|
rest = _objectWithoutProperties(props, _excluded$1t);
|
|
3762
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
3763
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$15.CardSubdued, true), styles$15["CardSubdued--".concat(border)], border), className);
|
|
3763
3764
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
3764
3765
|
"data-test": "DesignSystem-CardSubdued",
|
|
3765
3766
|
ref: ref
|
|
@@ -3773,7 +3774,7 @@ var CardHeader = function CardHeader(props) {
|
|
|
3773
3774
|
var className = props.className,
|
|
3774
3775
|
children = props.children;
|
|
3775
3776
|
var baseProps = extractBaseProps(props);
|
|
3776
|
-
var classes = classnames(_defineProperty$1({}, styles$
|
|
3777
|
+
var classes = classnames(_defineProperty$1({}, styles$16['Card-header'], true), className);
|
|
3777
3778
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
3778
3779
|
"data-test": "DesignSystem-CardHeader"
|
|
3779
3780
|
}, baseProps, {
|
|
@@ -3786,7 +3787,7 @@ var CardBody = function CardBody(props) {
|
|
|
3786
3787
|
var className = props.className,
|
|
3787
3788
|
children = props.children;
|
|
3788
3789
|
var baseProps = extractBaseProps(props);
|
|
3789
|
-
var classes = classnames(_defineProperty$1({}, styles$
|
|
3790
|
+
var classes = classnames(_defineProperty$1({}, styles$16['Card-body'], true), className);
|
|
3790
3791
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
3791
3792
|
"data-test": "DesignSystem-CardBody"
|
|
3792
3793
|
}, baseProps, {
|
|
@@ -3800,7 +3801,7 @@ var CardFooter = function CardFooter(props) {
|
|
|
3800
3801
|
children = props.children,
|
|
3801
3802
|
withSeperator = props.withSeperator;
|
|
3802
3803
|
var baseProps = extractBaseProps(props);
|
|
3803
|
-
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
3804
|
+
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$16['Card-footer'], true), styles$16['Card-footer--withSeperator'], withSeperator), className);
|
|
3804
3805
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
3805
3806
|
"data-test": "DesignSystem-CardFooter"
|
|
3806
3807
|
}, baseProps, {
|
|
@@ -3863,9 +3864,9 @@ var useAccessibilityProps = function useAccessibilityProps(_ref) {
|
|
|
3863
3864
|
});
|
|
3864
3865
|
};
|
|
3865
3866
|
|
|
3866
|
-
var css_248z$
|
|
3867
|
-
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-
|
|
3868
|
-
styleInject(css_248z$
|
|
3867
|
+
var css_248z$1e = "/* 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-25-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-25-0 {\n color: var(--text-subtle);\n}\n\n.icon-module-Icon--disabled-cfSpt-4-25-0 {\n color: var(--text-disabled);\n}\n\n.icon-module-Icon--destructive-hh3wH-4-25-0 {\n color: var(--text-destructive);\n}\n\n.icon-module-Icon--white-xVSQx-4-25-0 {\n color: var(--text-white);\n}\n\n.icon-module-Icon--default-gUL8T-4-25-0 {\n color: var(--text);\n}\n\n.icon-module-Icon--info-NPl0c-4-25-0 {\n color: var(--primary);\n}\n\n.icon-module-Icon--success--1Pol-4-25-0 {\n color: var(--success);\n}\n\n.icon-module-Icon--warning-vkwDf-4-25-0 {\n color: var(--warning);\n}\n\n.icon-module-Icon--alert-9wT0L-4-25-0 {\n color: var(--alert);\n}\n\n.icon-module-Icon--primary-5RS0y-4-25-0 {\n color: var(--primary);\n}\n\n.icon-module-Icon--primaryLighter-G9i-U-4-25-0 {\n color: var(--primary-lighter);\n}\n\n.icon-module-Icon--primaryDark-Z9EK7-4-25-0 {\n color: var(--primary-dark);\n}\n\n.icon-module-Icon--primaryDarker-WzRg--4-25-0 {\n color: var(--primary-darker);\n}\n\n.icon-module-Icon--alertLighter-6B-e7-4-25-0 {\n color: var(--alert-lighter);\n}\n\n.icon-module-Icon--alertDark-k7w0--4-25-0 {\n color: var(--alert-dark);\n}\n\n.icon-module-Icon--alertDarker-ZGpJS-4-25-0 {\n color: var(--alert-darker);\n}\n\n.icon-module-Icon--successLighter-NJRIN-4-25-0 {\n color: var(--success-lighter);\n}\n\n.icon-module-Icon--successDark-w7jA3-4-25-0 {\n color: var(--success-dark);\n}\n\n.icon-module-Icon--successDarker-whOmv-4-25-0 {\n color: var(--success-darker);\n}\n\n.icon-module-Icon--warningLighter-IjeGH-4-25-0 {\n color: var(--warning-lighter);\n}\n\n.icon-module-Icon--warningDark-c0V89-4-25-0 {\n color: var(--warning-dark);\n}\n\n.icon-module-Icon--warningDarker-Y1Zk1-4-25-0 {\n color: var(--warning-darker);\n}\n\n.icon-module-Icon--accent1-joGUJ-4-25-0 {\n color: var(--accent1);\n}\n\n.icon-module-Icon--accent1Lighter-ecAka-4-25-0 {\n color: var(--accent1-lighter);\n}\n\n.icon-module-Icon--accent1Dark-kWavq-4-25-0 {\n color: var(--accent1-dark);\n}\n\n.icon-module-Icon--accent1Darker-xkikD-4-25-0 {\n color: var(--accent1-darker);\n}\n\n.icon-module-Icon--accent2-U6Nln-4-25-0 {\n color: var(--accent2);\n}\n\n.icon-module-Icon--accent2Lighter-l-bdc-4-25-0 {\n color: var(--accent2-lighter);\n}\n\n.icon-module-Icon--accent2Dark-fQYZp-4-25-0 {\n color: var(--accent2-dark);\n}\n\n.icon-module-Icon--accent2Darker-fPTcU-4-25-0 {\n color: var(--accent2-darker);\n}\n\n.icon-module-Icon--accent3-pqiXT-4-25-0 {\n color: var(--accent3);\n}\n\n.icon-module-Icon--accent3Lighter-GdEsf-4-25-0 {\n color: var(--accent3-lighter);\n}\n\n.icon-module-Icon--accent3Dark-UrkMU-4-25-0 {\n color: var(--accent3-dark);\n}\n\n.icon-module-Icon--accent3Darker-h-Kf4-4-25-0 {\n color: var(--accent3-darker);\n}\n\n.icon-module-Icon--accent4-URPLg-4-25-0 {\n color: var(--accent4);\n}\n\n.icon-module-Icon--accent4Lighter-TfLqj-4-25-0 {\n color: var(--accent4-lighter);\n}\n\n.icon-module-Icon--accent4Dark-eMTg--4-25-0 {\n color: var(--accent4-dark);\n}\n\n.icon-module-Icon--accent4Darker-zY0fj-4-25-0 {\n color: var(--accent4-darker);\n}\n\n.icon-module-Icon--inverse-PaEaG-4-25-0 {\n color: var(--inverse);\n}\n";
|
|
3868
|
+
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-25-0","Icon--subtle":"icon-module-Icon--subtle-LctKY-4-25-0","Icon--disabled":"icon-module-Icon--disabled-cfSpt-4-25-0","Icon--destructive":"icon-module-Icon--destructive-hh3wH-4-25-0","Icon--white":"icon-module-Icon--white-xVSQx-4-25-0","Icon--default":"icon-module-Icon--default-gUL8T-4-25-0","Icon--info":"icon-module-Icon--info-NPl0c-4-25-0","Icon--success":"icon-module-Icon--success--1Pol-4-25-0","Icon--warning":"icon-module-Icon--warning-vkwDf-4-25-0","Icon--alert":"icon-module-Icon--alert-9wT0L-4-25-0","Icon--primary":"icon-module-Icon--primary-5RS0y-4-25-0","Icon--primaryLighter":"icon-module-Icon--primaryLighter-G9i-U-4-25-0","Icon--primaryDark":"icon-module-Icon--primaryDark-Z9EK7-4-25-0","Icon--primaryDarker":"icon-module-Icon--primaryDarker-WzRg--4-25-0","Icon--alertLighter":"icon-module-Icon--alertLighter-6B-e7-4-25-0","Icon--alertDark":"icon-module-Icon--alertDark-k7w0--4-25-0","Icon--alertDarker":"icon-module-Icon--alertDarker-ZGpJS-4-25-0","Icon--successLighter":"icon-module-Icon--successLighter-NJRIN-4-25-0","Icon--successDark":"icon-module-Icon--successDark-w7jA3-4-25-0","Icon--successDarker":"icon-module-Icon--successDarker-whOmv-4-25-0","Icon--warningLighter":"icon-module-Icon--warningLighter-IjeGH-4-25-0","Icon--warningDark":"icon-module-Icon--warningDark-c0V89-4-25-0","Icon--warningDarker":"icon-module-Icon--warningDarker-Y1Zk1-4-25-0","Icon--accent1":"icon-module-Icon--accent1-joGUJ-4-25-0","Icon--accent1Lighter":"icon-module-Icon--accent1Lighter-ecAka-4-25-0","Icon--accent1Dark":"icon-module-Icon--accent1Dark-kWavq-4-25-0","Icon--accent1Darker":"icon-module-Icon--accent1Darker-xkikD-4-25-0","Icon--accent2":"icon-module-Icon--accent2-U6Nln-4-25-0","Icon--accent2Lighter":"icon-module-Icon--accent2Lighter-l-bdc-4-25-0","Icon--accent2Dark":"icon-module-Icon--accent2Dark-fQYZp-4-25-0","Icon--accent2Darker":"icon-module-Icon--accent2Darker-fPTcU-4-25-0","Icon--accent3":"icon-module-Icon--accent3-pqiXT-4-25-0","Icon--accent3Lighter":"icon-module-Icon--accent3Lighter-GdEsf-4-25-0","Icon--accent3Dark":"icon-module-Icon--accent3Dark-UrkMU-4-25-0","Icon--accent3Darker":"icon-module-Icon--accent3Darker-h-Kf4-4-25-0","Icon--accent4":"icon-module-Icon--accent4-URPLg-4-25-0","Icon--accent4Lighter":"icon-module-Icon--accent4Lighter-TfLqj-4-25-0","Icon--accent4Dark":"icon-module-Icon--accent4Dark-eMTg--4-25-0","Icon--accent4Darker":"icon-module-Icon--accent4Darker-zY0fj-4-25-0","Icon--inverse":"icon-module-Icon--inverse-PaEaG-4-25-0"};
|
|
3869
|
+
styleInject(css_248z$1e);
|
|
3869
3870
|
|
|
3870
3871
|
var _excluded$1r = ["appearance", "className", "name", "size", "children", "type"];
|
|
3871
3872
|
|
|
@@ -3972,11 +3973,11 @@ var GenericText = function GenericText(_ref, ref) {
|
|
|
3972
3973
|
};
|
|
3973
3974
|
var Link$1 = /*#__PURE__*/React.forwardRef(GenericText);
|
|
3974
3975
|
|
|
3975
|
-
var css_248z$
|
|
3976
|
-
var textStyles = {"Text":"text-module-Text-s1VoI-4-
|
|
3977
|
-
styleInject(css_248z$
|
|
3976
|
+
var css_248z$1d = "/* Text */\n.text-module-Text-s1VoI-4-25-0 {\n margin: 0;\n line-height: var(--font-height);\n}\n\n.text-module-Text--small-Jgkij-4-25-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n font-weight: var(--font-weight-medium);\n}\n\n.text-module-Text--regular-1srPn-4-25-0 {\n font-size: var(--font-size);\n line-height: var(--font-height);\n}\n\n.text-module-Text--large-dvoDb-4-25-0 {\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.text-module-Text--default-8sTrE-4-25-0 {\n color: var(--text);\n}\n\n.text-module-Text--subtle-dIroX-4-25-0 {\n color: var(--text-subtle);\n}\n\n.text-module-Text--disabled-n3vwU-4-25-0 {\n color: var(--text-disabled);\n}\n\n.text-module-Text--destructive-IyHaq-4-25-0 {\n color: var(--text-destructive);\n}\n\n.text-module-Text--white-7KdSH-4-25-0 {\n color: var(--text-white);\n}\n\n.text-module-Text--success---5U--4-25-0 {\n color: var(--text-success);\n}\n\n.text-module-Text--link-xbXRL-4-25-0 {\n color: var(--text-link);\n}\n\n.text-module-Text--medium-NJhdl-4-25-0 {\n font-weight: var(--font-weight-medium);\n}\n\n.text-module-Text--strong-V4cio-4-25-0 {\n font-weight: var(--font-weight-bold);\n}\n";
|
|
3977
|
+
var textStyles = {"Text":"text-module-Text-s1VoI-4-25-0","Text--small":"text-module-Text--small-Jgkij-4-25-0","Text--regular":"text-module-Text--regular-1srPn-4-25-0","Text--large":"text-module-Text--large-dvoDb-4-25-0","Text--default":"text-module-Text--default-8sTrE-4-25-0","Text--subtle":"text-module-Text--subtle-dIroX-4-25-0","Text--disabled":"text-module-Text--disabled-n3vwU-4-25-0","Text--destructive":"text-module-Text--destructive-IyHaq-4-25-0","Text--white":"text-module-Text--white-7KdSH-4-25-0","Text--success":"text-module-Text--success---5U--4-25-0","Text--link":"text-module-Text--link-xbXRL-4-25-0","Text--medium":"text-module-Text--medium-NJhdl-4-25-0","Text--strong":"text-module-Text--strong-V4cio-4-25-0"};
|
|
3978
|
+
styleInject(css_248z$1d);
|
|
3978
3979
|
|
|
3979
|
-
var _excluded$1p = ["appearance", "size", "children", "weight", "small", "className", "color"];
|
|
3980
|
+
var _excluded$1p = ["appearance", "size", "children", "weight", "small", "className", "color", "as"];
|
|
3980
3981
|
var Text$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3981
3982
|
var _props$appearance = props.appearance,
|
|
3982
3983
|
appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
|
|
@@ -3987,6 +3988,7 @@ var Text$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3987
3988
|
small = props.small,
|
|
3988
3989
|
className = props.className,
|
|
3989
3990
|
color = props.color,
|
|
3991
|
+
as = props.as,
|
|
3990
3992
|
rest = _objectWithoutProperties(props, _excluded$1p);
|
|
3991
3993
|
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);
|
|
3992
3994
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
@@ -3994,7 +3996,7 @@ var Text$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3994
3996
|
"data-test": "DesignSystem-Text"
|
|
3995
3997
|
}, rest, {
|
|
3996
3998
|
className: classes,
|
|
3997
|
-
componentType:
|
|
3999
|
+
componentType: as || 'span'
|
|
3998
4000
|
}), children);
|
|
3999
4001
|
});
|
|
4000
4002
|
Text$1.displayName = 'Text';
|
|
@@ -4003,12 +4005,12 @@ Text$1.defaultProps = {
|
|
|
4003
4005
|
size: 'regular'
|
|
4004
4006
|
};
|
|
4005
4007
|
|
|
4006
|
-
var css_248z$
|
|
4007
|
-
var styles$
|
|
4008
|
-
styleInject(css_248z$
|
|
4008
|
+
var css_248z$1c = ".chip-module-Chip-poUZ4-4-25-0 {\n display: flex;\n box-sizing: border-box;\n border-radius: var(--border-radius-30);\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-25-0 {\n height: var(--spacing-60);\n}\n.chip-module-Chip-size--small-9pIoV-4-25-0 {\n height: 20px;\n}\n\n.chip-module-Chip-wrapper-pvcWT-4-25-0 {\n display: inline-flex;\n align-items: center;\n}\n\n.chip-module-Chip-content-07-mq-4-25-0 {\n display: flex;\n align-items: center;\n min-width: 0;\n flex: 1;\n align-self: stretch;\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n padding-right: var(--spacing-20);\n}\n\n.chip-module-Chip-content--regular-6UA96-4-25-0 {\n padding-left: var(--spacing-20);\n}\n\n.chip-module-Chip-content--small-X2jbT-4-25-0 {\n padding-left: var(--spacing-15);\n}\n\n.chip-module-Chip-content-07-mq-4-25-0:focus-visible {\n outline: none;\n}\n\n.chip-module-Chip-icon--left-iQJW--4-25-0 {\n margin-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-25-0 {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--border-radius-full);\n}\n\n.chip-module-Chip-icon--rightSmall-PKKxo-4-25-0 {\n width: var(--spacing-60);\n height: var(--spacing-60);\n box-sizing: border-box;\n padding: var(--spacing-15);\n margin-left: calc(var(--spacing-05) * -1);\n margin-right: calc((var(--spacing-05) + var(--spacing-2-5)) * -1);\n flex-shrink: 0;\n}\n\n.chip-module-Chip--action-xkWzq-4-25-0 {\n background: var(--secondary-light);\n border: 0px;\n cursor: pointer;\n}\n\n.chip-module-Chip--action-xkWzq-4-25-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--action-xkWzq-4-25-0:has(.chip-module-Chip-content-07-mq-4-25-0:focus-visible) {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chip-module-Chip--action-xkWzq-4-25-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-action--disabled-qik7a-4-25-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-25-0 {\n background: var(--shadow-0);\n border-color: var(--stone);\n cursor: pointer;\n}\n\n.chip-module-Chip--selection-OQh8T-4-25-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chip-module-Chip--selection-OQh8T-4-25-0:has(.chip-module-Chip-content-07-mq-4-25-0:focus-visible) {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chip-module-Chip--selection-OQh8T-4-25-0:active {\n background: var(--secondary-light);\n border-color: var(--inverse-lightest);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-25-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-25-0 {\n background: var(--primary-ultra-light);\n border-color: var(--primary);\n box-shadow: inset 0 0 0 1px var(--primary);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-25-0:hover {\n background: var(--primary-lightest);\n border-color: var(--primary);\n box-shadow: inset 0 0 0 1px var(--primary);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-25-0:has(.chip-module-Chip-content-07-mq-4-25-0:focus-visible) {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-25-0:active {\n background: var(--primary-lighter);\n border-color: var(--primary-dark);\n box-shadow: inset 0 0 0 1px var(--primary-dark);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-25-0:active .chip-module-Chip-icon-lfFwr-4-25-0,\n.chip-module-Chip-selection--selected-N7Nmu-4-25-0:active .chip-module-Chip-text-Y9aWF-4-25-0 {\n color: var(--primary-darker);\n}\n\n.chip-module-Chip-text--truncate-FdQRv-4-25-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-25-0 {\n background: var(--primary-ultra-light);\n border-color: var(--primary-lightest);\n box-shadow: inset 0 0 0 1px var(--primary-lightest);\n opacity: 1;\n}\n\n.chip-module-Chip--input-76VFm-4-25-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-25-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--input-76VFm-4-25-0:has(.chip-module-Chip-content-07-mq-4-25-0:focus-visible) {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chip-module-Chip--input-76VFm-4-25-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-input--disabled-Xt12a-4-25-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-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-25-0:hover {\n background-color: var(--secondary);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-25-0:active {\n background-color: var(--secondary-dark);\n}\n\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-25-0 {\n pointer-events: none;\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-25-0 {\n border-radius: var(--border-radius-full);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-25-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-25-0:active {\n background-color: var(--primary-light);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-25-0:has(.chip-module-Chip-content-07-mq-4-25-0:focus-visible),\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-25-0:focus-visible,\n.chip-module-Chip-selection--selectedDisabled-cqtgW-4-25-0:has(.chip-module-Chip-content-07-mq-4-25-0:focus-visible),\n.chip-module-Chip-input--disabled-Xt12a-4-25-0:has(.chip-module-Chip-content-07-mq-4-25-0:focus-visible) {\n outline: none;\n}\n\n.chip-module-Chip-icon--clear-GujdY-4-25-0 .chip-module-Chip-content-07-mq-4-25-0 {\n padding-right: 0;\n}\n\n@media (forced-colors: active) {\n /* Action chips: border:0 makes them invisible — add a real border */\n .chip-module-Chip--action-xkWzq-4-25-0 {\n border: var(--border-width-2-5) solid ButtonText;\n }\n\n /* Input chips: border:0 makes them invisible — add a real border */\n .chip-module-Chip--input-76VFm-4-25-0 {\n border: var(--border-width-2-5) solid ButtonText;\n }\n\n /* Selected state uses inset box-shadow as a double border on top of the existing border-color */\n .chip-module-Chip-selection--selected-N7Nmu-4-25-0,\n .chip-module-Chip-selection--selected-N7Nmu-4-25-0:hover,\n .chip-module-Chip-selection--selected-N7Nmu-4-25-0:active,\n .chip-module-Chip-selection--selectedDisabled-cqtgW-4-25-0 {\n border-color: Highlight;\n box-shadow: none;\n }\n\n .chip-module-Chip-action--disabled-qik7a-4-25-0,\n .chip-module-Chip-input--disabled-Xt12a-4-25-0 {\n opacity: 1;\n color: GrayText;\n border: var(--border-width-2-5) solid GrayText;\n }\n\n .chip-module-Chip-selection--disabled-Wh7oX-4-25-0 {\n opacity: 1;\n color: GrayText;\n border-color: GrayText;\n }\n}\n";
|
|
4009
|
+
var styles$14 = {"Chip":"chip-module-Chip-poUZ4-4-25-0","Chip-size--regular":"chip-module-Chip-size--regular-VNFwg-4-25-0","Chip-size--small":"chip-module-Chip-size--small-9pIoV-4-25-0","Chip-wrapper":"chip-module-Chip-wrapper-pvcWT-4-25-0","Chip-content":"chip-module-Chip-content-07-mq-4-25-0","Chip-content--regular":"chip-module-Chip-content--regular-6UA96-4-25-0","Chip-content--small":"chip-module-Chip-content--small-X2jbT-4-25-0","Chip-icon--left":"chip-module-Chip-icon--left-iQJW--4-25-0","Chip-icon--right":"chip-module-Chip-icon--right-UOlsF-4-25-0","Chip-icon--rightSmall":"chip-module-Chip-icon--rightSmall-PKKxo-4-25-0","Chip--action":"chip-module-Chip--action-xkWzq-4-25-0","Chip-action--disabled":"chip-module-Chip-action--disabled-qik7a-4-25-0","Chip--selection":"chip-module-Chip--selection-OQh8T-4-25-0","Chip-selection--disabled":"chip-module-Chip-selection--disabled-Wh7oX-4-25-0","Chip-selection--selected":"chip-module-Chip-selection--selected-N7Nmu-4-25-0","Chip-icon":"chip-module-Chip-icon-lfFwr-4-25-0","Chip-text":"chip-module-Chip-text-Y9aWF-4-25-0","Chip-text--truncate":"chip-module-Chip-text--truncate-FdQRv-4-25-0","Chip-selection--selectedDisabled":"chip-module-Chip-selection--selectedDisabled-cqtgW-4-25-0","Chip--input":"chip-module-Chip--input-76VFm-4-25-0","Chip-input--disabled":"chip-module-Chip-input--disabled-Xt12a-4-25-0","Chip-icon-disabled--right":"chip-module-Chip-icon-disabled--right-Q8o-W-4-25-0","Chip-icon--selected":"chip-module-Chip-icon--selected-OTsQP-4-25-0","Chip-icon--clear":"chip-module-Chip-icon--clear-GujdY-4-25-0"};
|
|
4010
|
+
styleInject(css_248z$1c);
|
|
4009
4011
|
|
|
4010
4012
|
var GenericChip = function GenericChip(props) {
|
|
4011
|
-
var _props$clearButtonAri;
|
|
4013
|
+
var _props$role, _props$clearButtonAri;
|
|
4012
4014
|
var label = props.label,
|
|
4013
4015
|
icon = props.icon,
|
|
4014
4016
|
clearButton = props.clearButton,
|
|
@@ -4041,7 +4043,7 @@ var GenericChip = function GenericChip(props) {
|
|
|
4041
4043
|
}, [contentRef]);
|
|
4042
4044
|
var baseProps = extractBaseProps(props);
|
|
4043
4045
|
var iconClass = function iconClass(align) {
|
|
4044
|
-
return classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
4046
|
+
return classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$14['Chip-icon'], true), styles$14["Chip-icon--".concat(align)], align), styles$14['Chip-icon--rightSmall'], size === 'small' && align === 'right'), styles$14["Chip-icon-disabled--right"], align === 'right' && disabled), 'cursor-pointer', align === 'right' && !disabled), styles$14['Chip-icon--selected'], align === 'right' && selected), 'p-3', size === 'regular' && align === 'right'));
|
|
4045
4047
|
};
|
|
4046
4048
|
var onCloseHandler = function onCloseHandler(e) {
|
|
4047
4049
|
e.stopPropagation();
|
|
@@ -4065,13 +4067,12 @@ var GenericChip = function GenericChip(props) {
|
|
|
4065
4067
|
var iconAppearance = function iconAppearance(align) {
|
|
4066
4068
|
return classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, 'primary_dark', selected && !disabled), 'primary_lighter', selected && disabled), 'subtle', !selected && align === 'right'), 'inverse', !selected && align === 'left'));
|
|
4067
4069
|
};
|
|
4068
|
-
var chipTextClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
4070
|
+
var chipTextClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$14['Chip-text'], true), 'mr-3', true));
|
|
4069
4071
|
var textColor = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, 'primary-dark', selected && !disabled), 'primary-lighter', selected && disabled), 'inverse', !disabled && !selected));
|
|
4070
|
-
var chipWrapperClass = classnames(_defineProperty$1({}, styles$13['Chip-wrapper'], true), className);
|
|
4071
4072
|
var renderLabel = function renderLabel() {
|
|
4072
4073
|
if (typeof label === 'string') {
|
|
4073
4074
|
return /*#__PURE__*/React.createElement("div", {
|
|
4074
|
-
className: styles$
|
|
4075
|
+
className: styles$14['Chip-text--truncate'],
|
|
4075
4076
|
ref: contentRef
|
|
4076
4077
|
}, labelPrefix && /*#__PURE__*/React.createElement(Text$1, {
|
|
4077
4078
|
"data-test": "DesignSystem-GenericChip--LabelPrefix",
|
|
@@ -4082,7 +4083,7 @@ var GenericChip = function GenericChip(props) {
|
|
|
4082
4083
|
"data-test": "DesignSystem-GenericChip--Text",
|
|
4083
4084
|
size: size,
|
|
4084
4085
|
color: textColor,
|
|
4085
|
-
className: styles$
|
|
4086
|
+
className: styles$14['Chip-text']
|
|
4086
4087
|
}, label));
|
|
4087
4088
|
}
|
|
4088
4089
|
return label;
|
|
@@ -4094,7 +4095,9 @@ var GenericChip = function GenericChip(props) {
|
|
|
4094
4095
|
}
|
|
4095
4096
|
return labelText;
|
|
4096
4097
|
};
|
|
4097
|
-
var
|
|
4098
|
+
var isWrapperInteractive = Boolean(onClick) || Boolean(props.role) || !clearButton;
|
|
4099
|
+
var computedTabIndex = props.tabIndex !== undefined ? disabled ? -1 : props.tabIndex : disabled || !isWrapperInteractive ? -1 : 0;
|
|
4100
|
+
var computedRole = (_props$role = props.role) !== null && _props$role !== void 0 ? _props$role : isWrapperInteractive ? 'button' : undefined;
|
|
4098
4101
|
var clearButtonAriaAttr = (_props$clearButtonAri = props.clearButtonAriaLabel) !== null && _props$clearButtonAri !== void 0 ? _props$clearButtonAri : typeof label === 'string' ? "Remove ".concat(label) : 'Remove';
|
|
4099
4102
|
var computedAriaLabel = function () {
|
|
4100
4103
|
if (props['aria-label']) return props['aria-label'];
|
|
@@ -4104,44 +4107,46 @@ var GenericChip = function GenericChip(props) {
|
|
|
4104
4107
|
return undefined;
|
|
4105
4108
|
}();
|
|
4106
4109
|
var getAriaProps = function getAriaProps() {
|
|
4107
|
-
var effectiveRole = props.role || 'button';
|
|
4108
4110
|
var ariaProps = {};
|
|
4109
4111
|
if (type === 'selection') {
|
|
4110
|
-
if (
|
|
4112
|
+
if (computedRole === 'button') {
|
|
4111
4113
|
ariaProps['aria-pressed'] = selected;
|
|
4112
|
-
} else if (
|
|
4114
|
+
} else if (computedRole === 'checkbox' || computedRole === 'menuitemcheckbox') {
|
|
4113
4115
|
ariaProps['aria-checked'] = selected;
|
|
4114
|
-
} else if (
|
|
4116
|
+
} else if (computedRole === 'option' || computedRole === 'tab' || computedRole === 'treeitem') {
|
|
4115
4117
|
ariaProps['aria-selected'] = selected;
|
|
4116
4118
|
}
|
|
4117
4119
|
}
|
|
4118
4120
|
return ariaProps;
|
|
4119
4121
|
};
|
|
4122
|
+
var chipContent = /*#__PURE__*/React.createElement(React.Fragment, null, icon && /*#__PURE__*/React.createElement(Icon, {
|
|
4123
|
+
"data-test": "DesignSystem-GenericChip--Icon",
|
|
4124
|
+
name: icon,
|
|
4125
|
+
type: iconType,
|
|
4126
|
+
size: IconSize,
|
|
4127
|
+
appearance: iconAppearance('left'),
|
|
4128
|
+
className: iconClass('left')
|
|
4129
|
+
}), renderLabel());
|
|
4120
4130
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
4121
4131
|
showTooltip: isTextTruncated,
|
|
4122
4132
|
"data-test": "DesignSystem-GenericChip--Tooltip",
|
|
4123
4133
|
tooltip: getTooltipText(),
|
|
4124
4134
|
triggerClass: "flex-grow-0"
|
|
4125
4135
|
}, /*#__PURE__*/React.createElement("div", _extends$2({
|
|
4126
|
-
tabIndex: computedTabIndex,
|
|
4127
4136
|
style: wrapperStyle,
|
|
4128
|
-
"data-test": "DesignSystem-GenericChip--Wrapper"
|
|
4129
|
-
role: props.role || 'button',
|
|
4130
|
-
"aria-label": computedAriaLabel,
|
|
4131
|
-
"aria-labelledby": props['aria-labelledby']
|
|
4132
|
-
}, getAriaProps(), {
|
|
4133
|
-
onKeyDown: onChipKeyDownHandler
|
|
4137
|
+
"data-test": "DesignSystem-GenericChip--Wrapper"
|
|
4134
4138
|
}, baseProps, {
|
|
4135
|
-
className:
|
|
4136
|
-
|
|
4137
|
-
|
|
4138
|
-
|
|
4139
|
-
|
|
4140
|
-
|
|
4141
|
-
|
|
4142
|
-
|
|
4143
|
-
|
|
4144
|
-
|
|
4139
|
+
className: classnames(styles$14['Chip-wrapper'], className)
|
|
4140
|
+
}), /*#__PURE__*/React.createElement("div", _extends$2({
|
|
4141
|
+
"data-test": "DesignSystem-GenericChip--Content",
|
|
4142
|
+
role: computedRole,
|
|
4143
|
+
tabIndex: computedTabIndex,
|
|
4144
|
+
"aria-label": computedRole ? computedAriaLabel : undefined,
|
|
4145
|
+
"aria-labelledby": computedRole ? props['aria-labelledby'] : undefined,
|
|
4146
|
+
className: classnames(styles$14['Chip-content'], styles$14["Chip-content--".concat(size)]),
|
|
4147
|
+
onClick: onClickHandler,
|
|
4148
|
+
onKeyDown: onChipKeyDownHandler
|
|
4149
|
+
}, getAriaProps()), chipContent), clearButton && /*#__PURE__*/React.createElement("div", {
|
|
4145
4150
|
role: "button",
|
|
4146
4151
|
"aria-label": clearButtonAriaAttr,
|
|
4147
4152
|
onClick: onCloseHandler,
|
|
@@ -4190,7 +4195,7 @@ var Chip = function Chip(props) {
|
|
|
4190
4195
|
};
|
|
4191
4196
|
var clearbutton = type === 'action' ? false : clearButton;
|
|
4192
4197
|
var select = type === 'selection' && selected ? true : false;
|
|
4193
|
-
var chipClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
4198
|
+
var chipClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$14.Chip, true), styles$14["Chip-".concat(type, "--disabled")], disabled), styles$14["Chip--".concat(type)], type && !disabled), styles$14["Chip-".concat(type, "--selected")], selected && !disabled), styles$14["Chip-selection--selectedDisabled"], type === 'selection' && selected && disabled), styles$14['Chip-icon--clear'], clearbutton), styles$14["Chip-size--".concat(size)], size), className);
|
|
4194
4199
|
return /*#__PURE__*/React.createElement(GenericChip, _extends$2({
|
|
4195
4200
|
"data-test": "DesignSystem-Chip--GenericChip"
|
|
4196
4201
|
}, baseProps, {
|
|
@@ -4203,7 +4208,7 @@ var Chip = function Chip(props) {
|
|
|
4203
4208
|
disabled: disabled,
|
|
4204
4209
|
className: chipClass,
|
|
4205
4210
|
onClose: onCloseHandler,
|
|
4206
|
-
onClick: onClickHandler,
|
|
4211
|
+
onClick: onClick ? onClickHandler : undefined,
|
|
4207
4212
|
name: name,
|
|
4208
4213
|
labelPrefix: labelPrefix,
|
|
4209
4214
|
maxWidth: maxWidth,
|
|
@@ -4221,9 +4226,9 @@ Chip.defaultProps = {
|
|
|
4221
4226
|
maxWidth: 'var(--spacing-640)'
|
|
4222
4227
|
};
|
|
4223
4228
|
|
|
4224
|
-
var css_248z$
|
|
4225
|
-
var styles$
|
|
4226
|
-
styleInject(css_248z$
|
|
4229
|
+
var css_248z$1b = ".chipGroup-module-ChipGroup--1ERo-4-25-0 {\n display: inline-flex;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-25-0 {\n margin: 0 var(--spacing-10);\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-25-0:first-child {\n margin-left: 0;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-25-0:last-child {\n margin-right: 0;\n}\n";
|
|
4230
|
+
var styles$13 = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-25-0","ChipGroup-item":"chipGroup-module-ChipGroup-item-5ygP--4-25-0"};
|
|
4231
|
+
styleInject(css_248z$1b);
|
|
4227
4232
|
|
|
4228
4233
|
var _excluded$1o = ["onClick", "onClose"];
|
|
4229
4234
|
var ChipGroup = function ChipGroup(props) {
|
|
@@ -4238,7 +4243,7 @@ var ChipGroup = function ChipGroup(props) {
|
|
|
4238
4243
|
var onCloseHandler = function onCloseHandler(item) {
|
|
4239
4244
|
if (onClose) onClose(item);
|
|
4240
4245
|
};
|
|
4241
|
-
var ChipGroupClass = classnames(_defineProperty$1({}, styles$
|
|
4246
|
+
var ChipGroupClass = classnames(_defineProperty$1({}, styles$13.ChipGroup, true), className);
|
|
4242
4247
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
4243
4248
|
"data-test": "DesignSystem-ChipGroup"
|
|
4244
4249
|
}, baseProps, {
|
|
@@ -4249,7 +4254,7 @@ var ChipGroup = function ChipGroup(props) {
|
|
|
4249
4254
|
var chipProps = _objectWithoutProperties(item, _excluded$1o);
|
|
4250
4255
|
return /*#__PURE__*/React.createElement("span", {
|
|
4251
4256
|
key: ind,
|
|
4252
|
-
className: styles$
|
|
4257
|
+
className: styles$13['ChipGroup-item']
|
|
4253
4258
|
}, /*#__PURE__*/React.createElement(Chip, _extends$2({
|
|
4254
4259
|
"data-test": "DesignSystem-ChipGroup--Chip"
|
|
4255
4260
|
}, chipProps, {
|
|
@@ -4319,18 +4324,18 @@ var CheckboxIcon = function CheckboxIcon(props) {
|
|
|
4319
4324
|
}
|
|
4320
4325
|
};
|
|
4321
4326
|
|
|
4322
|
-
var css_248z$
|
|
4323
|
-
var styles$
|
|
4327
|
+
var css_248z$1a = ".checkbox-module-Checkbox-Bxzy6-4-25-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-25-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-25-0 {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.checkbox-module-Checkbox-label-1c-Z--4-25-0 {\n display: flex;\n cursor: pointer;\n margin-left: calc(-1 * var(--spacing-20));\n padding-left: var(--spacing-20);\n}\n\n.checkbox-module-Checkbox-label--tiny-4ICqD-4-25-0 {\n font-weight: var(--font-weight-bold);\n}\n\n.checkbox-module-Checkbox-outerWrapper-47kQq-4-25-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-25-0 {\n height: var(--spacing-40);\n min-width: var(--spacing-40);\n}\n\n.checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-25-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-25-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-25-0:focus {\n outline: 0;\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-25-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-25-0 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-25-0 ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-25-0 {\n border: var(--border-width-2-5) solid var(--inverse-lighter);\n background-color: var(--shadow-0);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-25-0:hover ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-25-0 {\n border: var(--border-width-2-5) solid var(--inverse-light);\n background-color: var(--secondary-lighter);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-25-0:active ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-25-0 {\n border: var(--border-width-2-5) solid var(--inverse-light);\n background-color: var(--secondary-light);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-25-0 {\n pointer-events: none;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-25-0 .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-25-0 {\n border: var(--border-width-2-5) solid var(--secondary);\n background-color: var(--secondary-lightest);\n}\n\n/* Type: checked && Type: indeterminate */\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-25-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-25-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-25-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-25-0 {\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-25-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-25-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-25-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-25-0 {\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-25-0:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-25-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-25-0:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-25-0 {\n background-color: var(--primary-dark);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-25-0:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-25-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-25-0:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-25-0 {\n background-color: var(--primary-darker);\n border: 0;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-25-0 .checkbox-module-Checkbox-input--checked-1V8bz-4-25-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-25-0,\n.checkbox-module-Checkbox--disabled-j-irf-4-25-0 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-25-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-25-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-25-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-25-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-0 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-25-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-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-25-0 .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-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-25-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-25-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-25-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-25-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-25-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-25-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-0 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-25-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-25-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-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-25-0 .checkbox-module-Checkbox-input--checked-1V8bz-4-25-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-0,\n.checkbox-module-Checkbox--disabled-j-irf-4-25-0 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-25-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-0 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n}\n";
|
|
4328
|
+
var styles$12 = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-25-0","Checkbox-input":"checkbox-module-Checkbox-input-shIYv-4-25-0","Checkbox-labelWrapper":"checkbox-module-Checkbox-labelWrapper-8RA7S-4-25-0","Checkbox-label":"checkbox-module-Checkbox-label-1c-Z--4-25-0","Checkbox-label--tiny":"checkbox-module-Checkbox-label--tiny-4ICqD-4-25-0","Checkbox-outerWrapper":"checkbox-module-Checkbox-outerWrapper-47kQq-4-25-0","Checkbox-outerWrapper--regular":"checkbox-module-Checkbox-outerWrapper--regular-MXygQ-4-25-0","Checkbox-outerWrapper--tiny":"checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-25-0","Checkbox-wrapper":"checkbox-module-Checkbox-wrapper-iH4AL-4-25-0","Checkbox-wrapper--default":"checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-25-0","Checkbox--disabled":"checkbox-module-Checkbox--disabled-j-irf-4-25-0","Checkbox-input--checked":"checkbox-module-Checkbox-input--checked-1V8bz-4-25-0","Checkbox-input--indeterminate":"checkbox-module-Checkbox-input--indeterminate-yMTip-4-25-0","Checkbox-wrapper--error":"checkbox-module-Checkbox-wrapper--error-pnJwU-4-25-0"};
|
|
4329
|
+
styleInject(css_248z$1a);
|
|
4330
|
+
|
|
4331
|
+
var css_248z$19 = ".dropdown-module-Dropdown--waM8-4-25-0 {\n width: 100%;\n position: relative;\n}\n\n.dropdown-module-Dropdown-wrapper-r0AX--4-25-0 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-25-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-25-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-25-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.dropdown-module-Dropdown-input-ovmvS-4-25-0,\n.dropdown-module-Dropdown-input-ovmvS-4-25-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-25-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.dropdown-module-Dropdown-section-rT604-4-25-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-25-0 {\n margin-top: var(--spacing-20);\n margin-bottom: var(--spacing-05);\n}\n\n.dropdown-module-Dropdown-buttonWrapper-hWHut-4-25-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-25-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-25-0 {\n display: flex;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n color: var(--text);\n cursor: pointer;\n}\n\n.dropdown-module-Option-9a9gu-4-25-0,\n.dropdown-module-Option-loading-niIYl-4-25-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-25-0 .dropdown-module-Checkbox-outerWrapper-X7RB4-4-25-0 {\n background-color: var(--shadow-0);\n}\n\n.dropdown-module-Option-checkboxWrapper-K7FXe-4-25-0 {\n display: block;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-25-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--interactive-5AoOx-4-25-0:hover,\n.dropdown-module-Option-checkbox--interactive-EiiG5-4-25-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.dropdown-module-Option--interactive-5AoOx-4-25-0:hover:active,\n.dropdown-module-Option-checkbox--interactive-EiiG5-4-25-0:hover:active {\n background-color: var(--secondary-light);\n}\n\n.dropdown-module-Option-9a9gu-4-25-0:focus,\n.dropdown-module-Option-9a9gu-4-25-0:focus-visible,\n.dropdown-module-Option-checkbox-m-8Hz-4-25-0:focus,\n.dropdown-module-Option-checkbox-m-8Hz-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.dropdown-module-OptionWrapper-OXl8n-4-25-0:focus,\n.dropdown-module-OptionWrapper-OXl8n-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.dropdown-module-Option-loading-niIYl-4-25-0 {\n pointer-events: none;\n}\n\n.dropdown-module-Option--selected-N166--4-25-0 {\n background-color: var(--primary-lightest);\n}\n\n.dropdown-module-Option--selected-N166--4-25-0:focus,\n.dropdown-module-Option--selected-N166--4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.dropdown-module-Option--selected-N166--4-25-0.dropdown-module-Option--interactive-5AoOx-4-25-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.dropdown-module-Option--selected-N166--4-25-0.dropdown-module-Option--interactive-5AoOx-4-25-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--selected-N166--4-25-0:active .dropdown-module-Option-text-lXgSe-4-25-0,\n.dropdown-module-Option--selected-N166--4-25-0:active .dropdown-module-Option-subInfo-rCqn2-4-25-0 {\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--disabled-z9O1J-4-25-0,\n.dropdown-module-OptionWrapper--disabled-dDEXE-4-25-0 {\n pointer-events: auto;\n cursor: default;\n}\n\n.dropdown-module-Option-label-lSBP--4-25-0 {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n}\n\n.dropdown-module-Option-checkIcon-jg8-d-4-25-0 {\n display: flex;\n flex-shrink: 0;\n align-self: center;\n margin-left: auto;\n padding-left: var(--spacing-20);\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-25-0 .dropdown-module-Checkbox-label-HN9S6-4-25-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-25-0,\n.dropdown-module-OptionCheckbox-sWOoI-4-25-0 .dropdown-module-Text-wTZmG-4-25-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.dropdown-module-Option-text--wrap-RxZCx-4-25-0,\n.dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-25-0 .dropdown-module-OptionCheckbox-sWOoI-4-25-0 .dropdown-module-Text-wTZmG-4-25-0 {\n white-space: unset;\n}\n\n.dropdown-module-Option--icon-AA5JI-4-25-0 {\n padding-left: var(--spacing-20);\n}\n\n.dropdown-module-Option-icon-sux-R-4-25-0 {\n display: flex;\n}\n\n.dropdown-module-Option-icon-sux-R-4-25-0 {\n height: -moz-fit-content;\n height: fit-content;\n line-height: var(--font-height);\n}\n\n@media (forced-colors: active) {\n .dropdown-module-Dropdown-input-ovmvS-4-25-0:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
4332
|
+
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-25-0","Dropdown-wrapper":"dropdown-module-Dropdown-wrapper-r0AX--4-25-0","Dropdown-inputWrapper":"dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-25-0","Dropdown-input":"dropdown-module-Dropdown-input-ovmvS-4-25-0","Dropdown-section":"dropdown-module-Dropdown-section-rT604-4-25-0","Dropdown-section--withClear":"dropdown-module-Dropdown-section--withClear--R25A-4-25-0","Dropdown-buttonWrapper":"dropdown-module-Dropdown-buttonWrapper-hWHut-4-25-0","Dropdown-footer":"dropdown-module-Dropdown-footer-q2lkI-4-25-0","Option":"dropdown-module-Option-9a9gu-4-25-0","Option-loading":"dropdown-module-Option-loading-niIYl-4-25-0","Option-checkbox":"dropdown-module-Option-checkbox-m-8Hz-4-25-0","Checkbox-outerWrapper":"dropdown-module-Checkbox-outerWrapper-X7RB4-4-25-0","Option-checkboxWrapper":"dropdown-module-Option-checkboxWrapper-K7FXe-4-25-0","OptionCheckbox":"dropdown-module-OptionCheckbox-sWOoI-4-25-0","Option--interactive":"dropdown-module-Option--interactive-5AoOx-4-25-0","Option-checkbox--interactive":"dropdown-module-Option-checkbox--interactive-EiiG5-4-25-0","OptionWrapper":"dropdown-module-OptionWrapper-OXl8n-4-25-0","Option--selected":"dropdown-module-Option--selected-N166--4-25-0","Option-text":"dropdown-module-Option-text-lXgSe-4-25-0","Option-subInfo":"dropdown-module-Option-subInfo-rCqn2-4-25-0","Option--disabled":"dropdown-module-Option--disabled-z9O1J-4-25-0","OptionWrapper--disabled":"dropdown-module-OptionWrapper--disabled-dDEXE-4-25-0","Option-label":"dropdown-module-Option-label-lSBP--4-25-0","Option-checkIcon":"dropdown-module-Option-checkIcon-jg8-d-4-25-0","Checkbox-label":"dropdown-module-Checkbox-label-HN9S6-4-25-0","Text":"dropdown-module-Text-wTZmG-4-25-0","Option-text--wrap":"dropdown-module-Option-text--wrap-RxZCx-4-25-0","Dropdown-wrapper--wrap":"dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-25-0","Option--icon":"dropdown-module-Option--icon-AA5JI-4-25-0","Option-icon":"dropdown-module-Option-icon-sux-R-4-25-0"};
|
|
4324
4333
|
styleInject(css_248z$19);
|
|
4325
4334
|
|
|
4326
|
-
var css_248z$18 = ".dropdown-module-Dropdown--waM8-4-24-0 {\n width: 100%;\n position: relative;\n}\n\n.dropdown-module-Dropdown-wrapper-r0AX--4-24-0 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-24-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-24-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-24-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.dropdown-module-Dropdown-input-ovmvS-4-24-0,\n.dropdown-module-Dropdown-input-ovmvS-4-24-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-24-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.dropdown-module-Dropdown-section-rT604-4-24-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-24-0 {\n margin-top: var(--spacing-20);\n margin-bottom: var(--spacing-05);\n}\n\n.dropdown-module-Dropdown-buttonWrapper-hWHut-4-24-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-24-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-24-0 {\n display: flex;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n color: var(--text);\n cursor: pointer;\n}\n\n.dropdown-module-Option-9a9gu-4-24-0,\n.dropdown-module-Option-loading-niIYl-4-24-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-24-0 .dropdown-module-Checkbox-outerWrapper-X7RB4-4-24-0 {\n background-color: var(--shadow-0);\n}\n\n.dropdown-module-Option-checkboxWrapper-K7FXe-4-24-0 {\n display: block;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-24-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--interactive-5AoOx-4-24-0:hover,\n.dropdown-module-Option-checkbox--interactive-EiiG5-4-24-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.dropdown-module-Option--interactive-5AoOx-4-24-0:hover:active,\n.dropdown-module-Option-checkbox--interactive-EiiG5-4-24-0:hover:active {\n background-color: var(--secondary-light);\n}\n\n.dropdown-module-Option-9a9gu-4-24-0:focus,\n.dropdown-module-Option-9a9gu-4-24-0:focus-visible,\n.dropdown-module-Option-checkbox-m-8Hz-4-24-0:focus,\n.dropdown-module-Option-checkbox-m-8Hz-4-24-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.dropdown-module-OptionWrapper-OXl8n-4-24-0:focus,\n.dropdown-module-OptionWrapper-OXl8n-4-24-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.dropdown-module-Option-loading-niIYl-4-24-0 {\n pointer-events: none;\n}\n\n.dropdown-module-Option--selected-N166--4-24-0 {\n background-color: var(--primary-lightest);\n}\n\n.dropdown-module-Option--selected-N166--4-24-0:focus,\n.dropdown-module-Option--selected-N166--4-24-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.dropdown-module-Option--selected-N166--4-24-0.dropdown-module-Option--interactive-5AoOx-4-24-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.dropdown-module-Option--selected-N166--4-24-0.dropdown-module-Option--interactive-5AoOx-4-24-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--selected-N166--4-24-0:active .dropdown-module-Option-text-lXgSe-4-24-0,\n.dropdown-module-Option--selected-N166--4-24-0:active .dropdown-module-Option-subInfo-rCqn2-4-24-0 {\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--disabled-z9O1J-4-24-0,\n.dropdown-module-OptionWrapper--disabled-dDEXE-4-24-0 {\n pointer-events: auto;\n cursor: default;\n}\n\n.dropdown-module-Option-label-lSBP--4-24-0 {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n}\n\n.dropdown-module-Option-checkIcon-jg8-d-4-24-0 {\n display: flex;\n flex-shrink: 0;\n align-self: center;\n margin-left: auto;\n padding-left: var(--spacing-20);\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-24-0 .dropdown-module-Checkbox-label-HN9S6-4-24-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-24-0,\n.dropdown-module-OptionCheckbox-sWOoI-4-24-0 .dropdown-module-Text-wTZmG-4-24-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.dropdown-module-Option-text--wrap-RxZCx-4-24-0,\n.dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-24-0 .dropdown-module-OptionCheckbox-sWOoI-4-24-0 .dropdown-module-Text-wTZmG-4-24-0 {\n white-space: unset;\n}\n\n.dropdown-module-Option--icon-AA5JI-4-24-0 {\n padding-left: var(--spacing-20);\n}\n\n.dropdown-module-Option-icon-sux-R-4-24-0 {\n display: flex;\n}\n\n.dropdown-module-Option-icon-sux-R-4-24-0 {\n height: -moz-fit-content;\n height: fit-content;\n line-height: var(--font-height);\n}\n\n@media (forced-colors: active) {\n .dropdown-module-Dropdown-input-ovmvS-4-24-0:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
4327
|
-
var
|
|
4335
|
+
var css_248z$18 = ".grid-module-Grid-c7nCj-4-25-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-25-0 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-25-0 {\n position: absolute;\n height: 100%;\n z-index: 5;\n overflow-x: hidden;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-right: var(--border-width-7-5) solid var(--secondary);\n}\n\n.grid-module-Grid-pinned-c-pxc-4-25-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-25-0 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-25-0 .grid-module-Grid-cell--head--JOK--4-25-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-25-0 .grid-module-Grid-cell--body--nkVA-4-25-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-25-0 .grid-module-Grid-cell--head--JOK--4-25-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-25-0 .grid-module-Grid-cell--body--nkVA-4-25-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-25-0 .grid-module-Grid-cell--head--JOK--4-25-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-25-0 .grid-module-Grid-cell--body--nkVA-4-25-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-25-0 .grid-module-Grid-cell--head--JOK--4-25-0 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-25-0 .grid-module-Grid-cell--body--nkVA-4-25-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-25-0 {\n display: flex;\n flex: 0 0 auto;\n overflow-x: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-head-WsxqC-4-25-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-25-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-25-0 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-25-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-25-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n overflow-x: auto;\n overflow-y: auto;\n}\n\n.grid-module-Grid-rowGroup-RkiRn-4-25-0 {\n display: contents;\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-25-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-25-0:last-child .grid-module-Grid-row--body-hzvsO-4-25-0 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-25-0 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-25-0 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-25-0 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-25-0 .grid-module-Grid-rowWrapper-cZ8-a-4-25-0 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-25-0 .grid-module-Grid-cell-GVffL-4-25-0:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-25-0 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-25-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-25-0 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-25-0 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-25-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-25-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-25-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-25-0 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-25-0.grid-module-Grid-cell-GVffL-4-25-0:first-of-type {\n border-left: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-25-0.grid-module-Grid-cell--selected-1zcBx-4-25-0 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-25-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-25-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-25-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-sortingIcons-Lwutu-4-25-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-25-0 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-25-0:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-25-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-25-0 .grid-module-Grid-cellContent-Ls-ZE-4-25-0 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cell--head--JOK--4-25-0 .grid-module-Grid-cellContent-Ls-ZE-4-25-0:focus-visible {\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary-focus);\n border-radius: var(--border-radius-10);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-25-0 {\n position: absolute;\n right: 0;\n width: var(--spacing-10);\n cursor: ew-resize;\n height: 100%;\n padding-right: var(--spacing-60);\n margin-right: calc(-1 * var(--spacing-60));\n box-sizing: content-box;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-25-0 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-25-0:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-25-0:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-25-0:focus-visible {\n background: var(--primary);\n outline: none;\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-25-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-25-0 {\n display: flex;\n box-sizing: border-box;\n height: 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-25-0 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-25-0 {\n left: 0;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-25-0 {\n right: 0;\n}\n\n.grid-module-Grid-c7nCj-4-25-0 .grid-module-Checkbox-wrapper-0R1-K-4-25-0 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-25-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-25-0 {\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-25-0 {\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-25-0 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--default-7p5Cq-4-25-0 {\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-25-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-25-0 .grid-module-StatusHint-R1JrO-4-25-0 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-25-0 .grid-module-StatusHint-R1JrO-4-25-0 .grid-module-Text-Fy3XX-4-25-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-25-0 .grid-module-Avatar-3XZ0C-4-25-0 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-25-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-25-0 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-25-0 .grid-module-Text-Fy3XX-4-25-0 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaSeparator-B6hFq-4-25-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-25-0 {\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell-mark--metaList-MwAIW-4-25-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-25-0 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-25-0 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-25-0 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-25-0 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-25-0 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-25-0 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-25-0 .grid-module-Checkbox-ETqg7-4-25-0 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-25-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-25-0 .grid-module-Dropdown-Ev9FG-4-25-0 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-25-0 .grid-module-Dropdown-wrapper-T1n1M-4-25-0 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-25-0 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-25-0 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-25-0 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-25-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-25-0 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-row-wBTps-4-25-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-25-0 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-25-0 .grid-module-Grid-row--body-hzvsO-4-25-0:hover {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-25-0 .grid-module-Grid-row--body-hzvsO-4-25-0:active {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-25-0 .grid-module-Grid-row--body-hzvsO-4-25-0:focus-visible {\n box-shadow: var(--shadow-spread) rgba(212, 212, 212, 0.16);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--spacing-05));\n}\n\n/* Selected States */\n\n.grid-module-Grid-row--selected-4THdv-4-25-0 {\n background: rgba(214, 238, 255, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-25-0:hover {\n background: rgba(139, 202, 254, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-25-0:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--spacing-05));\n box-shadow: var(--shadow-spread) rgba(0, 96, 214, 0.16);\n}\n\n/* Activated States */\n\n.grid-module-Grid-row--activated-nOoqM-4-25-0 {\n background: var(--primary-lightest);\n}\n\n/* Pinned Columns Default State */\n\n.grid-module-Grid--resource-Wwxtj-4-25-0 .grid-module-Grid-row--body-hzvsO-4-25-0:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-25-0 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-25-0 .grid-module-Grid-row--body-hzvsO-4-25-0:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-25-0 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-25-0 .grid-module-Grid-row--body-hzvsO-4-25-0:focus-visible .grid-module-Grid-cellWrapper--pinned-0NirR-4-25-0 {\n box-shadow: var(--shadow-spread) rgba(212, 212, 212, 0.16);\n}\n\n/* Pinned Columns Selected State */\n\n.grid-module-Grid-row--selected-4THdv-4-25-0 .grid-module-Grid-cellWrapper--pinned-0NirR-4-25-0 {\n background: rgba(214, 238, 255, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-25-0:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-25-0 {\n background: rgba(139, 202, 254, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-25-0:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-25-0 {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-25-0:focus-visible .grid-module-Grid-cellWrapper--pinned-0NirR-4-25-0 {\n box-shadow: var(--shadow-spread) rgba(0, 96, 214, 0.16);\n}\n\n/* Grid header */\n.grid-module-Grid-row--head-FUyUu-4-25-0 .grid-module-Grid-cellGroup--pinned-gR1WR-4-25-0 {\n background: var(--white);\n}\n\n.grid-module-Grid-row--head-FUyUu-4-25-0 .grid-module-Grid-cellGroup--pinned-left-EsISF-4-25-0 {\n border-style: inset;\n border-right: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-row--head-FUyUu-4-25-0 .grid-module-Grid-cellGroup--pinned-right-jWDJC-4-25-0 {\n border-style: inset;\n border-left: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n/* Pinned Column Border */\n\n.grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-25-0 {\n border-style: inset;\n border-right: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-cellWrapper--pinned-right-72w51-4-25-0 {\n border-style: inset;\n border-left: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n";
|
|
4336
|
+
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-25-0","Grid-wrapper":"grid-module-Grid-wrapper-lro6U-4-25-0","Grid--pinned":"grid-module-Grid--pinned-3JMcl-4-25-0","Grid-pinned":"grid-module-Grid-pinned-c-pxc-4-25-0","Grid--main":"grid-module-Grid--main-zduCm-4-25-0","Grid--comfortable":"grid-module-Grid--comfortable-TOG1A-4-25-0","Grid-cell--head":"grid-module-Grid-cell--head--JOK--4-25-0","Grid-cell--body":"grid-module-Grid-cell--body--nkVA-4-25-0","Grid--standard":"grid-module-Grid--standard-vGamG-4-25-0","Grid--compressed":"grid-module-Grid--compressed-mwkZ6-4-25-0","Grid--tight":"grid-module-Grid--tight-1w1jV-4-25-0","Grid-head":"grid-module-Grid-head-WsxqC-4-25-0","Grid-headCell":"grid-module-Grid-headCell-OcJ4F-4-25-0","Grid-headCell--draggable":"grid-module-Grid-headCell--draggable-WH7xi-4-25-0","Grid-body":"grid-module-Grid-body-pAJM6-4-25-0","Grid-rowGroup":"grid-module-Grid-rowGroup-RkiRn-4-25-0","Grid-rowWrapper":"grid-module-Grid-rowWrapper-cZ8-a-4-25-0","Grid-row--body":"grid-module-Grid-row--body-hzvsO-4-25-0","GridBody-padding":"grid-module-GridBody-padding-3KYKp-4-25-0","Grid-nestedRow":"grid-module-Grid-nestedRow-uxEsD-4-25-0","Grid-nestedRowTrigger":"grid-module-Grid-nestedRowTrigger--amMF-4-25-0","Grid-cell":"grid-module-Grid-cell-GVffL-4-25-0","Grid-nestedRowPlaceholder":"grid-module-Grid-nestedRowPlaceholder-h98gD-4-25-0","Grid-cell--dragged":"grid-module-Grid-cell--dragged-djAY0-4-25-0","Grid-cell--separator":"grid-module-Grid-cell--separator-TYHdI-4-25-0","Grid-cell--selected":"grid-module-Grid-cell--selected-1zcBx-4-25-0","Grid-cell--nestedRow":"grid-module-Grid-cell--nestedRow-U3Dg5-4-25-0","Grid-cell--checkbox":"grid-module-Grid-cell--checkbox-kWT4v-4-25-0","Grid-sortingIcons":"grid-module-Grid-sortingIcons-Lwutu-4-25-0","Grid-cellReorder":"grid-module-Grid-cellReorder-SMPMA-4-25-0","Grid-cellContent":"grid-module-Grid-cellContent-Ls-ZE-4-25-0","Grid-cellResize":"grid-module-Grid-cellResize-J-SJu-4-25-0","Grid-cellSortIcon":"grid-module-Grid-cellSortIcon-ZV0FF-4-25-0","Grid-reorderHighlighter":"grid-module-Grid-reorderHighlighter-UMzz7-4-25-0","Grid-cellGroup":"grid-module-Grid-cellGroup-Q3add-4-25-0","Grid-cellGroup--pinned":"grid-module-Grid-cellGroup--pinned-gR1WR-4-25-0","Grid-cellGroup--pinned-left":"grid-module-Grid-cellGroup--pinned-left-EsISF-4-25-0","Grid-cellGroup--pinned-right":"grid-module-Grid-cellGroup--pinned-right-jWDJC-4-25-0","Checkbox-wrapper":"grid-module-Checkbox-wrapper-0R1-K-4-25-0","GridCell":"grid-module-GridCell-Atntl-4-25-0","GridCell--align-left":"grid-module-GridCell--align-left-zURf7-4-25-0","GridCell--align-right":"grid-module-GridCell--align-right-nMKtX-4-25-0","GridCell--align-center":"grid-module-GridCell--align-center-dtOQN-4-25-0","GridCell--default":"grid-module-GridCell--default-7p5Cq-4-25-0","GridCell--metaList":"grid-module-GridCell--metaList-wNdz6-4-25-0","GridCell--statusHint":"grid-module-GridCell--statusHint-UyDMp-4-25-0","StatusHint":"grid-module-StatusHint-R1JrO-4-25-0","Text":"grid-module-Text-Fy3XX-4-25-0","GridCell--avatar":"grid-module-GridCell--avatar-fZFWf-4-25-0","Avatar":"grid-module-Avatar-3XZ0C-4-25-0","GridCell-metaListWrapper":"grid-module-GridCell-metaListWrapper-C5Xha-4-25-0","GridCell-metaList":"grid-module-GridCell-metaList-Eu-pj-4-25-0","GridCell-metaSeparator":"grid-module-GridCell-metaSeparator-B6hFq-4-25-0","GridCell-mark--default":"grid-module-GridCell-mark--default-pkKi7-4-25-0","GridCell-mark--metaList":"grid-module-GridCell-mark--metaList-MwAIW-4-25-0","Header":"grid-module-Header-8rhUu-4-25-0","Header-content":"grid-module-Header-content-0SgQi-4-25-0","Header-content--bottom":"grid-module-Header-content--bottom-bkVrG-4-25-0","Header-search":"grid-module-Header-search-4git6-4-25-0","Header-label":"grid-module-Header-label-B0-kh-4-25-0","Checkbox":"grid-module-Checkbox-ETqg7-4-25-0","Header-dropdown":"grid-module-Header-dropdown-xPNuH-4-25-0","Dropdown":"grid-module-Dropdown-Ev9FG-4-25-0","Header-draggableDropdown":"grid-module-Header-draggableDropdown-QkIiO-4-25-0","Dropdown-wrapper":"grid-module-Dropdown-wrapper-T1n1M-4-25-0","Header-filters":"grid-module-Header-filters-u0J3G-4-25-0","Header-sorting":"grid-module-Header-sorting-zOkI4-4-25-0","Header-actions":"grid-module-Header-actions-WHtHK-4-25-0","Header-global-actions":"grid-module-Header-global-actions-e6dK3-4-25-0","Grid-row--disabled":"grid-module-Grid-row--disabled-f0pzU-4-25-0","Grid-row":"grid-module-Grid-row-wBTps-4-25-0","Grid--resource":"grid-module-Grid--resource-Wwxtj-4-25-0","Grid-row--selected":"grid-module-Grid-row--selected-4THdv-4-25-0","Grid-row--activated":"grid-module-Grid-row--activated-nOoqM-4-25-0","Grid-cellWrapper--pinned":"grid-module-Grid-cellWrapper--pinned-0NirR-4-25-0","Grid-row--head":"grid-module-Grid-row--head-FUyUu-4-25-0","Grid-cellWrapper--pinned-left":"grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-25-0","Grid-cellWrapper--pinned-right":"grid-module-Grid-cellWrapper--pinned-right-72w51-4-25-0"};
|
|
4328
4337
|
styleInject(css_248z$18);
|
|
4329
4338
|
|
|
4330
|
-
var css_248z$17 = ".grid-module-Grid-c7nCj-4-24-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-24-0 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-24-0 {\n position: absolute;\n height: 100%;\n z-index: 5;\n overflow-x: hidden;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-right: var(--border-width-7-5) solid var(--secondary);\n}\n\n.grid-module-Grid-pinned-c-pxc-4-24-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-24-0 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-24-0 .grid-module-Grid-cell--head--JOK--4-24-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-24-0 .grid-module-Grid-cell--body--nkVA-4-24-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-24-0 .grid-module-Grid-cell--head--JOK--4-24-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-24-0 .grid-module-Grid-cell--body--nkVA-4-24-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-24-0 .grid-module-Grid-cell--head--JOK--4-24-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-24-0 .grid-module-Grid-cell--body--nkVA-4-24-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-24-0 .grid-module-Grid-cell--head--JOK--4-24-0 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-24-0 .grid-module-Grid-cell--body--nkVA-4-24-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-24-0 {\n display: flex;\n flex: 0 0 auto;\n overflow-x: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-head-WsxqC-4-24-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-24-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-24-0 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-24-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-24-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n overflow-x: auto;\n overflow-y: auto;\n}\n\n.grid-module-Grid-rowGroup-RkiRn-4-24-0 {\n display: contents;\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-24-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-24-0:last-child .grid-module-Grid-row--body-hzvsO-4-24-0 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-24-0 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-24-0 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-24-0 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-24-0 .grid-module-Grid-rowWrapper-cZ8-a-4-24-0 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-24-0 .grid-module-Grid-cell-GVffL-4-24-0:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-24-0 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-24-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-24-0 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-24-0 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-24-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-24-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-24-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-24-0 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-24-0.grid-module-Grid-cell-GVffL-4-24-0:first-of-type {\n border-left: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-24-0.grid-module-Grid-cell--selected-1zcBx-4-24-0 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-24-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-24-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-24-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-sortingIcons-Lwutu-4-24-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-24-0 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-24-0:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-24-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-24-0 .grid-module-Grid-cellContent-Ls-ZE-4-24-0 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cell--head--JOK--4-24-0 .grid-module-Grid-cellContent-Ls-ZE-4-24-0:focus-visible {\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary-focus);\n border-radius: var(--border-radius-10);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-24-0 {\n position: absolute;\n right: 0;\n width: var(--spacing-10);\n cursor: ew-resize;\n height: 100%;\n padding-right: var(--spacing-60);\n margin-right: calc(-1 * var(--spacing-60));\n box-sizing: content-box;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-24-0 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-24-0:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-24-0:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-24-0:focus-visible {\n background: var(--primary);\n outline: none;\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-24-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-24-0 {\n display: flex;\n box-sizing: border-box;\n height: 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-24-0 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-24-0 {\n left: 0;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-24-0 {\n right: 0;\n}\n\n.grid-module-Grid-c7nCj-4-24-0 .grid-module-Checkbox-wrapper-0R1-K-4-24-0 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-24-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-24-0 {\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-24-0 {\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-24-0 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--default-7p5Cq-4-24-0 {\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-24-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-24-0 .grid-module-StatusHint-R1JrO-4-24-0 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-24-0 .grid-module-StatusHint-R1JrO-4-24-0 .grid-module-Text-Fy3XX-4-24-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-24-0 .grid-module-Avatar-3XZ0C-4-24-0 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-24-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-24-0 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-24-0 .grid-module-Text-Fy3XX-4-24-0 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaSeparator-B6hFq-4-24-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-24-0 {\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell-mark--metaList-MwAIW-4-24-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-24-0 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-24-0 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-24-0 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-24-0 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-24-0 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-24-0 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-24-0 .grid-module-Checkbox-ETqg7-4-24-0 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-24-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-24-0 .grid-module-Dropdown-Ev9FG-4-24-0 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-24-0 .grid-module-Dropdown-wrapper-T1n1M-4-24-0 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-24-0 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-24-0 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-24-0 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-24-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-24-0 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-row-wBTps-4-24-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-24-0 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-24-0 .grid-module-Grid-row--body-hzvsO-4-24-0:hover {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-24-0 .grid-module-Grid-row--body-hzvsO-4-24-0:active {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-24-0 .grid-module-Grid-row--body-hzvsO-4-24-0:focus-visible {\n box-shadow: var(--shadow-spread) rgba(212, 212, 212, 0.16);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--spacing-05));\n}\n\n/* Selected States */\n\n.grid-module-Grid-row--selected-4THdv-4-24-0 {\n background: rgba(214, 238, 255, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-24-0:hover {\n background: rgba(139, 202, 254, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-24-0:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-24-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--spacing-05));\n box-shadow: var(--shadow-spread) rgba(0, 96, 214, 0.16);\n}\n\n/* Activated States */\n\n.grid-module-Grid-row--activated-nOoqM-4-24-0 {\n background: var(--primary-lightest);\n}\n\n/* Pinned Columns Default State */\n\n.grid-module-Grid--resource-Wwxtj-4-24-0 .grid-module-Grid-row--body-hzvsO-4-24-0:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-24-0 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-24-0 .grid-module-Grid-row--body-hzvsO-4-24-0:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-24-0 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-24-0 .grid-module-Grid-row--body-hzvsO-4-24-0:focus-visible .grid-module-Grid-cellWrapper--pinned-0NirR-4-24-0 {\n box-shadow: var(--shadow-spread) rgba(212, 212, 212, 0.16);\n}\n\n/* Pinned Columns Selected State */\n\n.grid-module-Grid-row--selected-4THdv-4-24-0 .grid-module-Grid-cellWrapper--pinned-0NirR-4-24-0 {\n background: rgba(214, 238, 255, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-24-0:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-24-0 {\n background: rgba(139, 202, 254, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-24-0:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-24-0 {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-24-0:focus-visible .grid-module-Grid-cellWrapper--pinned-0NirR-4-24-0 {\n box-shadow: var(--shadow-spread) rgba(0, 96, 214, 0.16);\n}\n\n/* Grid header */\n.grid-module-Grid-row--head-FUyUu-4-24-0 .grid-module-Grid-cellGroup--pinned-gR1WR-4-24-0 {\n background: var(--white);\n}\n\n.grid-module-Grid-row--head-FUyUu-4-24-0 .grid-module-Grid-cellGroup--pinned-left-EsISF-4-24-0 {\n border-style: inset;\n border-right: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-row--head-FUyUu-4-24-0 .grid-module-Grid-cellGroup--pinned-right-jWDJC-4-24-0 {\n border-style: inset;\n border-left: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n/* Pinned Column Border */\n\n.grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-24-0 {\n border-style: inset;\n border-right: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-cellWrapper--pinned-right-72w51-4-24-0 {\n border-style: inset;\n border-left: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 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(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n";
|
|
4331
|
-
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-24-0","Grid-wrapper":"grid-module-Grid-wrapper-lro6U-4-24-0","Grid--pinned":"grid-module-Grid--pinned-3JMcl-4-24-0","Grid-pinned":"grid-module-Grid-pinned-c-pxc-4-24-0","Grid--main":"grid-module-Grid--main-zduCm-4-24-0","Grid--comfortable":"grid-module-Grid--comfortable-TOG1A-4-24-0","Grid-cell--head":"grid-module-Grid-cell--head--JOK--4-24-0","Grid-cell--body":"grid-module-Grid-cell--body--nkVA-4-24-0","Grid--standard":"grid-module-Grid--standard-vGamG-4-24-0","Grid--compressed":"grid-module-Grid--compressed-mwkZ6-4-24-0","Grid--tight":"grid-module-Grid--tight-1w1jV-4-24-0","Grid-head":"grid-module-Grid-head-WsxqC-4-24-0","Grid-headCell":"grid-module-Grid-headCell-OcJ4F-4-24-0","Grid-headCell--draggable":"grid-module-Grid-headCell--draggable-WH7xi-4-24-0","Grid-body":"grid-module-Grid-body-pAJM6-4-24-0","Grid-rowGroup":"grid-module-Grid-rowGroup-RkiRn-4-24-0","Grid-rowWrapper":"grid-module-Grid-rowWrapper-cZ8-a-4-24-0","Grid-row--body":"grid-module-Grid-row--body-hzvsO-4-24-0","GridBody-padding":"grid-module-GridBody-padding-3KYKp-4-24-0","Grid-nestedRow":"grid-module-Grid-nestedRow-uxEsD-4-24-0","Grid-nestedRowTrigger":"grid-module-Grid-nestedRowTrigger--amMF-4-24-0","Grid-cell":"grid-module-Grid-cell-GVffL-4-24-0","Grid-nestedRowPlaceholder":"grid-module-Grid-nestedRowPlaceholder-h98gD-4-24-0","Grid-cell--dragged":"grid-module-Grid-cell--dragged-djAY0-4-24-0","Grid-cell--separator":"grid-module-Grid-cell--separator-TYHdI-4-24-0","Grid-cell--selected":"grid-module-Grid-cell--selected-1zcBx-4-24-0","Grid-cell--nestedRow":"grid-module-Grid-cell--nestedRow-U3Dg5-4-24-0","Grid-cell--checkbox":"grid-module-Grid-cell--checkbox-kWT4v-4-24-0","Grid-sortingIcons":"grid-module-Grid-sortingIcons-Lwutu-4-24-0","Grid-cellReorder":"grid-module-Grid-cellReorder-SMPMA-4-24-0","Grid-cellContent":"grid-module-Grid-cellContent-Ls-ZE-4-24-0","Grid-cellResize":"grid-module-Grid-cellResize-J-SJu-4-24-0","Grid-cellSortIcon":"grid-module-Grid-cellSortIcon-ZV0FF-4-24-0","Grid-reorderHighlighter":"grid-module-Grid-reorderHighlighter-UMzz7-4-24-0","Grid-cellGroup":"grid-module-Grid-cellGroup-Q3add-4-24-0","Grid-cellGroup--pinned":"grid-module-Grid-cellGroup--pinned-gR1WR-4-24-0","Grid-cellGroup--pinned-left":"grid-module-Grid-cellGroup--pinned-left-EsISF-4-24-0","Grid-cellGroup--pinned-right":"grid-module-Grid-cellGroup--pinned-right-jWDJC-4-24-0","Checkbox-wrapper":"grid-module-Checkbox-wrapper-0R1-K-4-24-0","GridCell":"grid-module-GridCell-Atntl-4-24-0","GridCell--align-left":"grid-module-GridCell--align-left-zURf7-4-24-0","GridCell--align-right":"grid-module-GridCell--align-right-nMKtX-4-24-0","GridCell--align-center":"grid-module-GridCell--align-center-dtOQN-4-24-0","GridCell--default":"grid-module-GridCell--default-7p5Cq-4-24-0","GridCell--metaList":"grid-module-GridCell--metaList-wNdz6-4-24-0","GridCell--statusHint":"grid-module-GridCell--statusHint-UyDMp-4-24-0","StatusHint":"grid-module-StatusHint-R1JrO-4-24-0","Text":"grid-module-Text-Fy3XX-4-24-0","GridCell--avatar":"grid-module-GridCell--avatar-fZFWf-4-24-0","Avatar":"grid-module-Avatar-3XZ0C-4-24-0","GridCell-metaListWrapper":"grid-module-GridCell-metaListWrapper-C5Xha-4-24-0","GridCell-metaList":"grid-module-GridCell-metaList-Eu-pj-4-24-0","GridCell-metaSeparator":"grid-module-GridCell-metaSeparator-B6hFq-4-24-0","GridCell-mark--default":"grid-module-GridCell-mark--default-pkKi7-4-24-0","GridCell-mark--metaList":"grid-module-GridCell-mark--metaList-MwAIW-4-24-0","Header":"grid-module-Header-8rhUu-4-24-0","Header-content":"grid-module-Header-content-0SgQi-4-24-0","Header-content--bottom":"grid-module-Header-content--bottom-bkVrG-4-24-0","Header-search":"grid-module-Header-search-4git6-4-24-0","Header-label":"grid-module-Header-label-B0-kh-4-24-0","Checkbox":"grid-module-Checkbox-ETqg7-4-24-0","Header-dropdown":"grid-module-Header-dropdown-xPNuH-4-24-0","Dropdown":"grid-module-Dropdown-Ev9FG-4-24-0","Header-draggableDropdown":"grid-module-Header-draggableDropdown-QkIiO-4-24-0","Dropdown-wrapper":"grid-module-Dropdown-wrapper-T1n1M-4-24-0","Header-filters":"grid-module-Header-filters-u0J3G-4-24-0","Header-sorting":"grid-module-Header-sorting-zOkI4-4-24-0","Header-actions":"grid-module-Header-actions-WHtHK-4-24-0","Header-global-actions":"grid-module-Header-global-actions-e6dK3-4-24-0","Grid-row--disabled":"grid-module-Grid-row--disabled-f0pzU-4-24-0","Grid-row":"grid-module-Grid-row-wBTps-4-24-0","Grid--resource":"grid-module-Grid--resource-Wwxtj-4-24-0","Grid-row--selected":"grid-module-Grid-row--selected-4THdv-4-24-0","Grid-row--activated":"grid-module-Grid-row--activated-nOoqM-4-24-0","Grid-cellWrapper--pinned":"grid-module-Grid-cellWrapper--pinned-0NirR-4-24-0","Grid-row--head":"grid-module-Grid-row--head-FUyUu-4-24-0","Grid-cellWrapper--pinned-left":"grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-24-0","Grid-cellWrapper--pinned-right":"grid-module-Grid-cellWrapper--pinned-right-72w51-4-24-0"};
|
|
4332
|
-
styleInject(css_248z$17);
|
|
4333
|
-
|
|
4334
4339
|
var _excluded$1n = ["size", "tabIndex", "defaultChecked", "indeterminate", "label", "error", "disabled", "onChange", "name", "value", "className", "checked", "helpText", "id", "labelRef", "wrapLabel", "aria-describedby", "aria-label", "aria-labelledby"];
|
|
4335
4340
|
var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
4336
4341
|
var _props$size = props.size,
|
|
@@ -4372,11 +4377,11 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
4372
4377
|
setChecked(checkedProp);
|
|
4373
4378
|
}
|
|
4374
4379
|
}, [checkedProp]);
|
|
4375
|
-
var CheckboxClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$
|
|
4376
|
-
var CheckboxOuterWrapper = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
4377
|
-
var CheckboxInputWrapper = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
4378
|
-
var CheckboxWrapper = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
4379
|
-
var CheckboxLabelClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$
|
|
4380
|
+
var CheckboxClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$12['Checkbox'], true), styles$12['Checkbox--disabled'], disabled), className);
|
|
4381
|
+
var CheckboxOuterWrapper = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$12['Checkbox-outerWrapper'], true), dropdownStyles['Checkbox-outerWrapper'], true), styles$12["Checkbox-outerWrapper--".concat(size)], size));
|
|
4382
|
+
var CheckboxInputWrapper = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$12['Checkbox-input'], true), styles$12['Checkbox-input--checked'], checked), styles$12['Checkbox-input--indeterminate'], props.indeterminate));
|
|
4383
|
+
var CheckboxWrapper = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$12['Checkbox-wrapper'], true), gridStyles['Checkbox-wrapper'], true), styles$12['Checkbox-wrapper--default'], !error), styles$12['Checkbox-wrapper--error'], error));
|
|
4384
|
+
var CheckboxLabelClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$12['Checkbox-label'], true), dropdownStyles['Checkbox-label'], true), styles$12['Checkbox-label--tiny'], size === 'tiny'));
|
|
4380
4385
|
var LabelTextClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, 'mw-100', true), 'ellipsis--noWrap', wrapLabel !== true), 'ellipsis', wrapLabel));
|
|
4381
4386
|
var setIndeterminate = function setIndeterminate(indeterminateValue) {
|
|
4382
4387
|
ref.current.indeterminate = indeterminateValue;
|
|
@@ -4421,7 +4426,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
4421
4426
|
}, IconMapper && /*#__PURE__*/React.createElement(CheckboxIcon, {
|
|
4422
4427
|
name: IconMapper
|
|
4423
4428
|
}))), (label || helpText) && /*#__PURE__*/React.createElement("div", {
|
|
4424
|
-
className: styles$
|
|
4429
|
+
className: styles$12['Checkbox-labelWrapper']
|
|
4425
4430
|
}, label && label.trim() && /*#__PURE__*/React.createElement("label", {
|
|
4426
4431
|
htmlFor: id,
|
|
4427
4432
|
className: CheckboxLabelClass,
|
|
@@ -4440,9 +4445,9 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
4440
4445
|
});
|
|
4441
4446
|
Checkbox.displayName = 'Checkbox';
|
|
4442
4447
|
|
|
4443
|
-
var css_248z$
|
|
4444
|
-
var rowStyles = {"Row":"column-module-Row-LudWR-4-
|
|
4445
|
-
styleInject(css_248z$
|
|
4448
|
+
var css_248z$17 = ".column-module-Row-LudWR-4-25-0 {\n display: flex;\n flex-wrap: wrap;\n flex: 1 100%;\n}\n\n.column-module-Col-BW4pl-4-25-0 {\n position: relative;\n box-sizing: border-box;\n flex: 1 0 0%;\n}\n\n.column-module-Col--auto-HnufQ-4-25-0 {\n flex: 0 0 auto;\n width: auto;\n}\n\n.column-module-Col--1-iSoXZ-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n}\n\n.column-module-Col--2-KR9Oj-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n}\n\n.column-module-Col--3-tRdfx-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n}\n\n.column-module-Col--4-SxYUZ-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n}\n\n.column-module-Col--5-Ghiks-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n}\n\n.column-module-Col--6-JO4qo-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n}\n\n.column-module-Col--7-SRnJx-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n}\n\n.column-module-Col--8-HBxc4-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n}\n\n.column-module-Col--9-eMJ9n-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n}\n\n.column-module-Col--10-VSo8k-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n}\n\n.column-module-Col--11-miljX-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n}\n\n.column-module-Col--12-9Obkj-4-25-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-25-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xs-1-KvELd-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xs-2-OUGOZ-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xs-3-G55n8-4-25-0 {\n flex: 0 0 auto;\n }\n .column-module-Col--xs-4-PADe9-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xs-5-Ex4rw-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xs-6-fzX37-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xs-7-zWOG--4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xs-8-gngfO-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xs-9-b-r8L-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xs-10-umLd0-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xs-11-KvOKo-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xs-12-u1Ks8-4-25-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-25-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--s-1-BVL5j-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--s-2-9s29P-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--s-3-69Bdl-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--s-4-nE4kT-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--s-5-B72Pu-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--s-6-AdMSU-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--s-7-e656U-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--s-8-1EhC1-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--s-9-rpHj--4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--s-10-GVB2t-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--s-11-3WJSe-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--s-12-eFxie-4-25-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-25-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--m-1-T7-6r-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--m-2-UJZxe-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--m-3-jgXEy-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--m-4-86-dP-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--m-5-RxZc2-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--m-6-RwrEz-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--m-7-HuA0i-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--m-8-qKE7R-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--m-9--8vSy-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--m-10-aBQ1l-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--m-11-08F-U-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--m-12-gZ47F-4-25-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-25-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--l-1-aLREn-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--l-2-0mG-c-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--l-3--aWDx-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--l-4-GTf5q-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--l-5-5MGhB-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--l-6-DY6jT-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--l-7-Wyv6Z-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--l-8-30knO-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--l-9-H-ap--4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--l-10-wgJl4-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--l-11-4dOz3-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--l-12-xC5rs-4-25-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-25-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xl-1-ZCRQR-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xl-2-5agyW-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xl-3-e5vjv-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--xl-4--aAZH-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xl-5-167j6-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xl-6-wXLZ--4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xl-7-QA116-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xl-8-Q22c5-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xl-9-bJrrK-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xl-10-IALsA-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xl-11-vrchj-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xl-12-6dUnj-4-25-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n }\n}\n";
|
|
4449
|
+
var rowStyles = {"Row":"column-module-Row-LudWR-4-25-0","Col":"column-module-Col-BW4pl-4-25-0","Col--auto":"column-module-Col--auto-HnufQ-4-25-0","Col--1":"column-module-Col--1-iSoXZ-4-25-0","Col--2":"column-module-Col--2-KR9Oj-4-25-0","Col--3":"column-module-Col--3-tRdfx-4-25-0","Col--4":"column-module-Col--4-SxYUZ-4-25-0","Col--5":"column-module-Col--5-Ghiks-4-25-0","Col--6":"column-module-Col--6-JO4qo-4-25-0","Col--7":"column-module-Col--7-SRnJx-4-25-0","Col--8":"column-module-Col--8-HBxc4-4-25-0","Col--9":"column-module-Col--9-eMJ9n-4-25-0","Col--10":"column-module-Col--10-VSo8k-4-25-0","Col--11":"column-module-Col--11-miljX-4-25-0","Col--12":"column-module-Col--12-9Obkj-4-25-0","Col--xs-auto":"column-module-Col--xs-auto-oXQ2q-4-25-0","Col--xs-1":"column-module-Col--xs-1-KvELd-4-25-0","Col--xs-2":"column-module-Col--xs-2-OUGOZ-4-25-0","Col--xs-3":"column-module-Col--xs-3-G55n8-4-25-0","Col--xs-4":"column-module-Col--xs-4-PADe9-4-25-0","Col--xs-5":"column-module-Col--xs-5-Ex4rw-4-25-0","Col--xs-6":"column-module-Col--xs-6-fzX37-4-25-0","Col--xs-7":"column-module-Col--xs-7-zWOG--4-25-0","Col--xs-8":"column-module-Col--xs-8-gngfO-4-25-0","Col--xs-9":"column-module-Col--xs-9-b-r8L-4-25-0","Col--xs-10":"column-module-Col--xs-10-umLd0-4-25-0","Col--xs-11":"column-module-Col--xs-11-KvOKo-4-25-0","Col--xs-12":"column-module-Col--xs-12-u1Ks8-4-25-0","Col--s-auto":"column-module-Col--s-auto-rQS8S-4-25-0","Col--s-1":"column-module-Col--s-1-BVL5j-4-25-0","Col--s-2":"column-module-Col--s-2-9s29P-4-25-0","Col--s-3":"column-module-Col--s-3-69Bdl-4-25-0","Col--s-4":"column-module-Col--s-4-nE4kT-4-25-0","Col--s-5":"column-module-Col--s-5-B72Pu-4-25-0","Col--s-6":"column-module-Col--s-6-AdMSU-4-25-0","Col--s-7":"column-module-Col--s-7-e656U-4-25-0","Col--s-8":"column-module-Col--s-8-1EhC1-4-25-0","Col--s-9":"column-module-Col--s-9-rpHj--4-25-0","Col--s-10":"column-module-Col--s-10-GVB2t-4-25-0","Col--s-11":"column-module-Col--s-11-3WJSe-4-25-0","Col--s-12":"column-module-Col--s-12-eFxie-4-25-0","Col--m-auto":"column-module-Col--m-auto-DTvE1-4-25-0","Col--m-1":"column-module-Col--m-1-T7-6r-4-25-0","Col--m-2":"column-module-Col--m-2-UJZxe-4-25-0","Col--m-3":"column-module-Col--m-3-jgXEy-4-25-0","Col--m-4":"column-module-Col--m-4-86-dP-4-25-0","Col--m-5":"column-module-Col--m-5-RxZc2-4-25-0","Col--m-6":"column-module-Col--m-6-RwrEz-4-25-0","Col--m-7":"column-module-Col--m-7-HuA0i-4-25-0","Col--m-8":"column-module-Col--m-8-qKE7R-4-25-0","Col--m-9":"column-module-Col--m-9--8vSy-4-25-0","Col--m-10":"column-module-Col--m-10-aBQ1l-4-25-0","Col--m-11":"column-module-Col--m-11-08F-U-4-25-0","Col--m-12":"column-module-Col--m-12-gZ47F-4-25-0","Col--l-auto":"column-module-Col--l-auto-SxR1p-4-25-0","Col--l-1":"column-module-Col--l-1-aLREn-4-25-0","Col--l-2":"column-module-Col--l-2-0mG-c-4-25-0","Col--l-3":"column-module-Col--l-3--aWDx-4-25-0","Col--l-4":"column-module-Col--l-4-GTf5q-4-25-0","Col--l-5":"column-module-Col--l-5-5MGhB-4-25-0","Col--l-6":"column-module-Col--l-6-DY6jT-4-25-0","Col--l-7":"column-module-Col--l-7-Wyv6Z-4-25-0","Col--l-8":"column-module-Col--l-8-30knO-4-25-0","Col--l-9":"column-module-Col--l-9-H-ap--4-25-0","Col--l-10":"column-module-Col--l-10-wgJl4-4-25-0","Col--l-11":"column-module-Col--l-11-4dOz3-4-25-0","Col--l-12":"column-module-Col--l-12-xC5rs-4-25-0","Col--xl-auto":"column-module-Col--xl-auto-zH0n0-4-25-0","Col--xl-1":"column-module-Col--xl-1-ZCRQR-4-25-0","Col--xl-2":"column-module-Col--xl-2-5agyW-4-25-0","Col--xl-3":"column-module-Col--xl-3-e5vjv-4-25-0","Col--xl-4":"column-module-Col--xl-4--aAZH-4-25-0","Col--xl-5":"column-module-Col--xl-5-167j6-4-25-0","Col--xl-6":"column-module-Col--xl-6-wXLZ--4-25-0","Col--xl-7":"column-module-Col--xl-7-QA116-4-25-0","Col--xl-8":"column-module-Col--xl-8-Q22c5-4-25-0","Col--xl-9":"column-module-Col--xl-9-bJrrK-4-25-0","Col--xl-10":"column-module-Col--xl-10-IALsA-4-25-0","Col--xl-11":"column-module-Col--xl-11-vrchj-4-25-0","Col--xl-12":"column-module-Col--xl-12-6dUnj-4-25-0"};
|
|
4450
|
+
styleInject(css_248z$17);
|
|
4446
4451
|
|
|
4447
4452
|
var _excluded$1m = ["size", "sizeXS", "sizeS", "sizeM", "sizeL", "sizeXL", "className", "children"];
|
|
4448
4453
|
var Column = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -4551,6 +4556,10 @@ var Trigger$1 = function Trigger(props) {
|
|
|
4551
4556
|
}));
|
|
4552
4557
|
};
|
|
4553
4558
|
|
|
4559
|
+
var css_248z$16 = ".datePicker-module-DatePicker-content-Iw4EE-4-25-0 {\n display: flex;\n}\n\n@media (max-width: 576px) {\n .datePicker-module-DatePicker-content-Iw4EE-4-25-0 {\n flex-direction: column;\n }\n}\n";
|
|
4560
|
+
var styles$11 = {"DatePicker-content":"datePicker-module-DatePicker-content-Iw4EE-4-25-0"};
|
|
4561
|
+
styleInject(css_248z$16);
|
|
4562
|
+
|
|
4554
4563
|
var _excluded$1l = ["date", "open", "position", "inputFormat", "outputFormat", "inputOptions", "validators", "withInput", "disabledBefore", "disabledAfter", "onDateChange", "closeOnSelect", "size", "showTodayDate", "children", "view"];
|
|
4555
4564
|
var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
4556
4565
|
function DatePicker(props) {
|
|
@@ -4703,7 +4712,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4703
4712
|
'pt-3': size === 'large' && view === 'year'
|
|
4704
4713
|
});
|
|
4705
4714
|
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
4706
|
-
className:
|
|
4715
|
+
className: styles$11['DatePicker-content']
|
|
4707
4716
|
}, children, /*#__PURE__*/React.createElement(Calendar, _extends$2({}, rest, {
|
|
4708
4717
|
size: size,
|
|
4709
4718
|
date: currDate,
|
|
@@ -5318,8 +5327,8 @@ var groupListOptions = function groupListOptions(listOptions) {
|
|
|
5318
5327
|
return flattenedGroupList;
|
|
5319
5328
|
};
|
|
5320
5329
|
|
|
5321
|
-
var css_248z$15 = ".timePicker-module-TimePicker-trigger-fjkh7-4-
|
|
5322
|
-
var timePickerStyles = {"TimePicker-trigger":"timePicker-module-TimePicker-trigger-fjkh7-4-
|
|
5330
|
+
var css_248z$15 = ".timePicker-module-TimePicker-trigger-fjkh7-4-25-0 {\n width: calc(var(--spacing-40) * 20);\n min-width: calc(var(--spacing-40) * 16);\n}\n";
|
|
5331
|
+
var timePickerStyles = {"TimePicker-trigger":"timePicker-module-TimePicker-trigger-fjkh7-4-25-0"};
|
|
5323
5332
|
styleInject(css_248z$15);
|
|
5324
5333
|
|
|
5325
5334
|
var TimePickerWithSearch = function TimePickerWithSearch(props) {
|
|
@@ -5652,8 +5661,8 @@ function debounce$1 (delay, atBegin, callback) {
|
|
|
5652
5661
|
return callback === undefined ? throttle(delay, atBegin, false) : throttle(delay, callback, atBegin !== false);
|
|
5653
5662
|
}
|
|
5654
5663
|
|
|
5655
|
-
var css_248z$14 = ".dropdownButton-module-DropdownButton-WEFAu-4-
|
|
5656
|
-
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-
|
|
5664
|
+
var css_248z$14 = ".dropdownButton-module-DropdownButton-WEFAu-4-25-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-25-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-25-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-25-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-25-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-25-0 {\n padding-left: var(--spacing-10);\n padding-right: var(--spacing-10);\n}\n\n.dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-25-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--placeholder-P-OZc-4-25-0 {\n color: var(--text);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-25-0:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-25-0:focus-visible {\n background-color: var(--secondary-light);\n box-shadow: none;\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-25-0:active,\n.dropdownButton-module-DropdownButton--open-FO2da-4-25-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-25-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-25-0 {\n padding-left: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--error-WBIV1-4-25-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n";
|
|
5665
|
+
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-25-0","DropdownButton-wrapper":"dropdownButton-module-DropdownButton-wrapper--2rai-4-25-0","DropdownButton-text":"dropdownButton-module-DropdownButton-text-iFVYT-4-25-0","DropdownButton--tiny":"dropdownButton-module-DropdownButton--tiny-Itu7p-4-25-0","DropdownButton--regular":"dropdownButton-module-DropdownButton--regular--xsdh-4-25-0","DropdownButton--tinySquare":"dropdownButton-module-DropdownButton--tinySquare-h9ZCv-4-25-0","DropdownButton--regularSquare":"dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-25-0","DropdownButton--placeholder":"dropdownButton-module-DropdownButton--placeholder-P-OZc-4-25-0","DropdownButton--open":"dropdownButton-module-DropdownButton--open-FO2da-4-25-0","DropdownButton--icon":"dropdownButton-module-DropdownButton--icon-lOUG2-4-25-0","DropdownButton--error":"dropdownButton-module-DropdownButton--error-WBIV1-4-25-0"};
|
|
5657
5666
|
styleInject(css_248z$14);
|
|
5658
5667
|
|
|
5659
5668
|
var _excluded$1k = ["triggerSize", "placeholder", "menu", "children", "icon", "disabled", "open", "inlineLabel", "error", "iconType"];
|
|
@@ -6098,8 +6107,8 @@ var Option = function Option(props) {
|
|
|
6098
6107
|
});
|
|
6099
6108
|
};
|
|
6100
6109
|
|
|
6101
|
-
var css_248z$13 = "@keyframes placeholder-module-shimmer-Lxrg3-4-
|
|
6102
|
-
var styles$10 = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-
|
|
6110
|
+
var css_248z$13 = "@keyframes placeholder-module-shimmer-Lxrg3-4-25-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-25-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-25-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-25-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-25-0 {\n display: flex;\n justify-content: flex-start;\n}\n\n.placeholder-module-Placeholder-paragraph-6zgwj-4-25-0 {\n display: flex;\n flex-direction: column;\n flex: 1 0;\n}\n\n.placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-25-0 {\n margin-left: var(--spacing-20);\n}\n\n.placeholder-module-PlaceholderParagraph-02mKH-4-25-0 {\n display: flex;\n flex-grow: 1;\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-25-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-25-0 {\n width: 33%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-25-0 {\n width: 66%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-25-0 {\n width: 100%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-25-0 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-25-0 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-25-0 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-25-0 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-25-0 {\n height: var(--font-height-l);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-25-0 {\n height: var(--font-height-xl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-25-0 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-25-0 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-25-0 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--xs-CZxRT-4-25-0 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--s-1TOed-4-25-0 {\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph--m-umPOe-4-25-0 {\n height: var(--font-size-m);\n}\n\n.placeholder-module-PlaceholderParagraph--l-5tvMH-4-25-0 {\n height: var(--font-size-l);\n}\n\n.placeholder-module-PlaceholderParagraph--xl-M63Dg-4-25-0 {\n height: var(--font-size-xl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-25-0 {\n height: var(--font-size-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-25-0 {\n height: var(--font-size-xxxl);\n}\n\n.placeholder-module-PlaceholderImage-tEdXI-4-25-0 {\n display: flex;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--small-IZcYq-4-25-0 {\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--medium-NA-GL-4-25-0 {\n width: 32px;\n height: 32px;\n}\n\n.placeholder-module-PlaceholderImage--large-z28GC-4-25-0 {\n width: 48px;\n height: 48px;\n}\n\n.placeholder-module-PlaceholderImage--round-IvhOF-4-25-0 {\n border-radius: var(--border-radius-full);\n}\n";
|
|
6111
|
+
var styles$10 = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-25-0","shimmer":"placeholder-module-shimmer-Lxrg3-4-25-0","Placeholder":"placeholder-module-Placeholder-vJUgz-4-25-0","Placeholder--withImage":"placeholder-module-Placeholder--withImage-yTlyC-4-25-0","Placeholder-paragraph":"placeholder-module-Placeholder-paragraph-6zgwj-4-25-0","Placeholder-paragraph--withImage":"placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-25-0","PlaceholderParagraph":"placeholder-module-PlaceholderParagraph-02mKH-4-25-0","PlaceholderParagraph-wrapper":"placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-25-0","PlaceholderParagraph-wrapper--length-small":"placeholder-module-PlaceholderParagraph-wrapper--length-small-hR-g8-4-25-0","PlaceholderParagraph-wrapper--length-medium":"placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-25-0","PlaceholderParagraph-wrapper--length-large":"placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-25-0","PlaceholderParagraph-wrapper--size-xxs":"placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-25-0","PlaceholderParagraph-wrapper--size-xs":"placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-25-0","PlaceholderParagraph-wrapper--size-s":"placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-25-0","PlaceholderParagraph-wrapper--size-m":"placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-25-0","PlaceholderParagraph-wrapper--size-l":"placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-25-0","PlaceholderParagraph-wrapper--size-xl":"placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-25-0","PlaceholderParagraph-wrapper--size-xxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-25-0","PlaceholderParagraph-wrapper--size-xxxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-25-0","PlaceholderParagraph--xxs":"placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-25-0","PlaceholderParagraph--xs":"placeholder-module-PlaceholderParagraph--xs-CZxRT-4-25-0","PlaceholderParagraph--s":"placeholder-module-PlaceholderParagraph--s-1TOed-4-25-0","PlaceholderParagraph--m":"placeholder-module-PlaceholderParagraph--m-umPOe-4-25-0","PlaceholderParagraph--l":"placeholder-module-PlaceholderParagraph--l-5tvMH-4-25-0","PlaceholderParagraph--xl":"placeholder-module-PlaceholderParagraph--xl-M63Dg-4-25-0","PlaceholderParagraph--xxl":"placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-25-0","PlaceholderParagraph--xxxl":"placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-25-0","PlaceholderImage":"placeholder-module-PlaceholderImage-tEdXI-4-25-0","PlaceholderImage--small":"placeholder-module-PlaceholderImage--small-IZcYq-4-25-0","PlaceholderImage--medium":"placeholder-module-PlaceholderImage--medium-NA-GL-4-25-0","PlaceholderImage--large":"placeholder-module-PlaceholderImage--large-z28GC-4-25-0","PlaceholderImage--round":"placeholder-module-PlaceholderImage--round-IvhOF-4-25-0"};
|
|
6103
6112
|
styleInject(css_248z$13);
|
|
6104
6113
|
|
|
6105
6114
|
var PlaceholderParagraph = function PlaceholderParagraph(props) {
|
|
@@ -7629,8 +7638,8 @@ _defineProperty$1(Dropdown, "defaultProps", {
|
|
|
7629
7638
|
searchDebounceDuration: 300
|
|
7630
7639
|
});
|
|
7631
7640
|
|
|
7632
|
-
var css_248z$12 = "/* Flex component */\n.flex-module-Flex-zcDLv-4-
|
|
7633
|
-
var styles$$ = {"Flex":"flex-module-Flex-zcDLv-4-
|
|
7641
|
+
var css_248z$12 = "/* Flex component */\n.flex-module-Flex-zcDLv-4-25-0 {\n display: flex;\n}\n\n/* Direction variants */\n.flex-module-Flex--row-oJHr8-4-25-0 {\n flex-direction: row;\n}\n\n.flex-module-Flex--column-C3UQ2-4-25-0 {\n flex-direction: column;\n}\n\n.flex-module-Flex--rowReverse-Bilh8-4-25-0 {\n flex-direction: row-reverse;\n}\n\n.flex-module-Flex--columnReverse-mgG-Y-4-25-0 {\n flex-direction: column-reverse;\n}\n\n/* Justify content variants */\n.flex-module-Flex--justifyStart-gYZMn-4-25-0 {\n justify-content: flex-start;\n}\n\n.flex-module-Flex--justifyEnd-2jHF4-4-25-0 {\n justify-content: flex-end;\n}\n\n.flex-module-Flex--justifyCenter-cAi0h-4-25-0 {\n justify-content: center;\n}\n\n.flex-module-Flex--justifyBetween-QPAwb-4-25-0 {\n justify-content: space-between;\n}\n\n.flex-module-Flex--justifyAround-4mEpb-4-25-0 {\n justify-content: space-around;\n}\n\n.flex-module-Flex--justifyEvenly-hLJ-U-4-25-0 {\n justify-content: space-evenly;\n}\n\n/* Align items variants */\n.flex-module-Flex--alignStart-mbGzS-4-25-0 {\n align-items: flex-start;\n}\n\n.flex-module-Flex--alignEnd-Gvm6H-4-25-0 {\n align-items: flex-end;\n}\n\n.flex-module-Flex--alignCenter-0duDC-4-25-0 {\n align-items: center;\n}\n\n.flex-module-Flex--alignBaseline-f6tSl-4-25-0 {\n align-items: baseline;\n}\n\n.flex-module-Flex--alignStretch-HnLEh-4-25-0 {\n align-items: stretch;\n}\n\n/* Wrap variants */\n.flex-module-Flex--wrap-WhliA-4-25-0 {\n flex-wrap: wrap;\n}\n\n.flex-module-Flex--nowrap-2eXzJ-4-25-0 {\n flex-wrap: nowrap;\n}\n\n.flex-module-Flex--wrapReverse-ekLxU-4-25-0 {\n flex-wrap: wrap-reverse;\n}\n\n/* Gap variants */\n.flex-module-Flex--gap0-4XUg8-4-25-0 {\n gap: 0;\n}\n\n.flex-module-Flex--gap2-0K-5V-4-25-0 {\n gap: var(--spacing-05);\n}\n\n.flex-module-Flex--gap4-zDQWM-4-25-0 {\n gap: var(--spacing-10);\n}\n\n.flex-module-Flex--gap8-6xMEi-4-25-0 {\n gap: var(--spacing-20);\n}\n\n.flex-module-Flex--gap12-3NgKi-4-25-0 {\n gap: var(--spacing-30);\n}\n\n.flex-module-Flex--gap16-NCObj-4-25-0 {\n gap: var(--spacing-40);\n}\n\n.flex-module-Flex--gap24-D44Dr-4-25-0 {\n gap: var(--spacing-60);\n}\n\n.flex-module-Flex--gap32-s8Wwy-4-25-0 {\n gap: var(--spacing-80);\n}\n\n.flex-module-Flex--gap48-Fm1yU-4-25-0 {\n gap: var(--spacing-120);\n}\n";
|
|
7642
|
+
var styles$$ = {"Flex":"flex-module-Flex-zcDLv-4-25-0","Flex--row":"flex-module-Flex--row-oJHr8-4-25-0","Flex--column":"flex-module-Flex--column-C3UQ2-4-25-0","Flex--rowReverse":"flex-module-Flex--rowReverse-Bilh8-4-25-0","Flex--columnReverse":"flex-module-Flex--columnReverse-mgG-Y-4-25-0","Flex--justifyStart":"flex-module-Flex--justifyStart-gYZMn-4-25-0","Flex--justifyEnd":"flex-module-Flex--justifyEnd-2jHF4-4-25-0","Flex--justifyCenter":"flex-module-Flex--justifyCenter-cAi0h-4-25-0","Flex--justifyBetween":"flex-module-Flex--justifyBetween-QPAwb-4-25-0","Flex--justifyAround":"flex-module-Flex--justifyAround-4mEpb-4-25-0","Flex--justifyEvenly":"flex-module-Flex--justifyEvenly-hLJ-U-4-25-0","Flex--alignStart":"flex-module-Flex--alignStart-mbGzS-4-25-0","Flex--alignEnd":"flex-module-Flex--alignEnd-Gvm6H-4-25-0","Flex--alignCenter":"flex-module-Flex--alignCenter-0duDC-4-25-0","Flex--alignBaseline":"flex-module-Flex--alignBaseline-f6tSl-4-25-0","Flex--alignStretch":"flex-module-Flex--alignStretch-HnLEh-4-25-0","Flex--wrap":"flex-module-Flex--wrap-WhliA-4-25-0","Flex--nowrap":"flex-module-Flex--nowrap-2eXzJ-4-25-0","Flex--wrapReverse":"flex-module-Flex--wrapReverse-ekLxU-4-25-0","Flex--gap0":"flex-module-Flex--gap0-4XUg8-4-25-0","Flex--gap2":"flex-module-Flex--gap2-0K-5V-4-25-0","Flex--gap4":"flex-module-Flex--gap4-zDQWM-4-25-0","Flex--gap8":"flex-module-Flex--gap8-6xMEi-4-25-0","Flex--gap12":"flex-module-Flex--gap12-3NgKi-4-25-0","Flex--gap16":"flex-module-Flex--gap16-NCObj-4-25-0","Flex--gap24":"flex-module-Flex--gap24-D44Dr-4-25-0","Flex--gap32":"flex-module-Flex--gap32-s8Wwy-4-25-0","Flex--gap48":"flex-module-Flex--gap48-Fm1yU-4-25-0"};
|
|
7634
7643
|
styleInject(css_248z$12);
|
|
7635
7644
|
|
|
7636
7645
|
var _excluded$1i = ["direction", "justifyContent", "alignItems", "wrap", "gap", "columnGap", "rowGap", "className", "style", "children"];
|
|
@@ -7760,11 +7769,11 @@ Flex.defaultProps = {
|
|
|
7760
7769
|
wrap: 'nowrap'
|
|
7761
7770
|
};
|
|
7762
7771
|
|
|
7763
|
-
var css_248z$11 = "/* Heading */\n.heading-module-Heading-tmepg-4-
|
|
7764
|
-
var styles$_ = {"Heading":"heading-module-Heading-tmepg-4-
|
|
7772
|
+
var css_248z$11 = "/* Heading */\n.heading-module-Heading-tmepg-4-25-0 {\n margin: 0;\n}\n\n.heading-module-Heading--s-r3kT8-4-25-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-25-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-25-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-25-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-25-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-25-0 {\n color: var(--text);\n}\n\n.heading-module-Heading--subtle-K3WJd-4-25-0 {\n color: var(--text-subtle);\n}\n\n.heading-module-Heading--disabled-dQRjW-4-25-0 {\n color: var(--text-disabled);\n}\n\n.heading-module-Heading--white-LK0i2-4-25-0 {\n color: var(--text-white);\n}\n";
|
|
7773
|
+
var styles$_ = {"Heading":"heading-module-Heading-tmepg-4-25-0","Heading--s":"heading-module-Heading--s-r3kT8-4-25-0","Heading--m":"heading-module-Heading--m-KypUv-4-25-0","Heading--l":"heading-module-Heading--l-6irdW-4-25-0","Heading--xl":"heading-module-Heading--xl-XGjXU-4-25-0","Heading--xxl":"heading-module-Heading--xxl-eD434-4-25-0","Heading--default":"heading-module-Heading--default-3YJIX-4-25-0","Heading--subtle":"heading-module-Heading--subtle-K3WJd-4-25-0","Heading--disabled":"heading-module-Heading--disabled-dQRjW-4-25-0","Heading--white":"heading-module-Heading--white-LK0i2-4-25-0"};
|
|
7765
7774
|
styleInject(css_248z$11);
|
|
7766
7775
|
|
|
7767
|
-
var _excluded$1h = ["appearance", "size", "children", "className", "color"];
|
|
7776
|
+
var _excluded$1h = ["appearance", "size", "as", "children", "className", "color"];
|
|
7768
7777
|
var sizeMap = {
|
|
7769
7778
|
s: 'h5',
|
|
7770
7779
|
m: 'h4',
|
|
@@ -7777,6 +7786,7 @@ var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7777
7786
|
appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
|
|
7778
7787
|
_props$size = props.size,
|
|
7779
7788
|
size = _props$size === void 0 ? 'm' : _props$size,
|
|
7789
|
+
as = props.as,
|
|
7780
7790
|
children = props.children,
|
|
7781
7791
|
className = props.className,
|
|
7782
7792
|
color = props.color,
|
|
@@ -7787,13 +7797,13 @@ var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7787
7797
|
"data-test": "DesignSystem-Heading"
|
|
7788
7798
|
}, rest, {
|
|
7789
7799
|
className: classes,
|
|
7790
|
-
componentType: sizeMap[size]
|
|
7800
|
+
componentType: as || sizeMap[size]
|
|
7791
7801
|
}), children);
|
|
7792
7802
|
});
|
|
7793
7803
|
Heading.displayName = 'Heading';
|
|
7794
7804
|
|
|
7795
|
-
var css_248z$10 = ".actionButton-module-ActionButton-GMsQC-4-
|
|
7796
|
-
var styles$Z = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-
|
|
7805
|
+
var css_248z$10 = ".actionButton-module-ActionButton-GMsQC-4-25-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-25-0:focus-visible,\n.actionButton-module-ActionButton-GMsQC-4-25-0:focus {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-25-0:hover {\n background-color: var(--secondary);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-25-0:active {\n background-color: var(--secondary-dark);\n}\n";
|
|
7806
|
+
var styles$Z = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-25-0"};
|
|
7797
7807
|
styleInject(css_248z$10);
|
|
7798
7808
|
|
|
7799
7809
|
var _excluded$1g = ["className", "iconType"];
|
|
@@ -7814,12 +7824,12 @@ ActionButton$1.defaultProps = {
|
|
|
7814
7824
|
type: 'rounded'
|
|
7815
7825
|
};
|
|
7816
7826
|
|
|
7817
|
-
var css_248z$$ = "/* input */\n\n.input-module-Input-input-eQ8b8-4-
|
|
7818
|
-
var inputStyles = {"Input-input":"input-module-Input-input-eQ8b8-4-
|
|
7827
|
+
var css_248z$$ = "/* input */\n\n.input-module-Input-input-eQ8b8-4-25-0::-ms-clear {\n display: none;\n}\n\n.input-module-Input-4ywvi-4-25-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 background: var(--white);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.input-module-Input--tiny-NegXy-4-25-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-10);\n}\n\n.input-module-Input--regular-YN-1C-4-25-0 {\n height: var(--font-height-l);\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n padding-right: var(--spacing-15);\n padding-left: var(--spacing-20);\n}\n\n.input-module-Input--large-FqoAi-4-25-0 {\n height: 40px;\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n padding-right: var(--spacing-15);\n padding-left: var(--spacing-20);\n}\n\n.input-module-Input-4ywvi-4-25-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n cursor: text;\n}\n\n.input-module-Input-4ywvi-4-25-0:focus-within {\n background: var(--white);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.input-module-Input-4ywvi-4-25-0:focus-within .input-module-Input-icon--left-F1r05-4-25-0 {\n color: var(--primary);\n}\n\n.input-module-Input--error-EGIUq-4-25-0:focus-within {\n border-color: var(--alert);\n}\n\n.input-module-Input--error-EGIUq-4-25-0:focus-within .input-module-Input-icon--left-F1r05-4-25-0 {\n color: var(--alert);\n}\n\n.input-module-Input--disabled-IRtQk-4-25-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-25-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.input-module-Input--disabled-IRtQk-4-25-0 .input-module-Input-icon--left-F1r05-4-25-0 {\n color: var(--inverse-lightest);\n}\n\n.input-module-Input--error-EGIUq-4-25-0,\n.input-module-Input--error-EGIUq-4-25-0:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.input-module-Input-input-eQ8b8-4-25-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-25-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-25-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-25-0:focus {\n outline: 0;\n}\n\n.input-module-Input-input-eQ8b8-4-25-0:disabled .input-module-Input-input-eQ8b8-4-25-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-25-0:disabled .input-module-Input-input-eQ8b8-4-25-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input--regular-2cMTS-4-25-0 {\n line-height: var(--font-height);\n}\n\n.input-module-Input-input--large-Ps2E1-4-25-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-25-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-25-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-25-0 {\n margin-right: var(--spacing-20);\n color: var(--inverse);\n}\n\n.input-module-Input-icon--inputBlank-GkWyn-4-25-0 {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-icon--error-o9EcI-4-25-0 {\n color: var(--alert);\n}\n\n.input-module-Input-icon--right-A9G9E-4-25-0 {\n cursor: pointer;\n color: var(--inverse-lighter);\n border-radius: var(--border-radius-full);\n box-sizing: content-box;\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-25-0:focus-visible .input-module-Input-icon--right-A9G9E-4-25-0 {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.input-module-Input-icon--right-A9G9E-4-25-0:focus-visible {\n outline: var(--spacing-05) solid var(--primary-focus);\n border-radius: var(--border-radius-full);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-25-0:hover .input-module-Input-icon--right-A9G9E-4-25-0 {\n background-color: var(--secondary);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-25-0:active .input-module-Input-icon--right-A9G9E-4-25-0 {\n background-color: var(--secondary-dark);\n}\n\n.input-module-Input-inlineLabel-Sgbvs-4-25-0 {\n margin-right: var(--spacing-20);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-25-0:focus-visible {\n outline: none;\n}\n";
|
|
7828
|
+
var inputStyles = {"Input-input":"input-module-Input-input-eQ8b8-4-25-0","Input":"input-module-Input-4ywvi-4-25-0","Input--tiny":"input-module-Input--tiny-NegXy-4-25-0","Input--regular":"input-module-Input--regular-YN-1C-4-25-0","Input--large":"input-module-Input--large-FqoAi-4-25-0","Input-icon--left":"input-module-Input-icon--left-F1r05-4-25-0","Input--error":"input-module-Input--error-EGIUq-4-25-0","Input--disabled":"input-module-Input--disabled-IRtQk-4-25-0","Input--readOnly":"input-module-Input--readOnly-4IaEw-4-25-0","Input-input--regular":"input-module-Input-input--regular-2cMTS-4-25-0","Input-input--large":"input-module-Input-input--large-Ps2E1-4-25-0","Input-input--tiny":"input-module-Input-input--tiny-qQEuS-4-25-0","Input-icon":"input-module-Input-icon-V1pYc-4-25-0","Input-icon--inputBlank":"input-module-Input-icon--inputBlank-GkWyn-4-25-0","Input-icon--error":"input-module-Input-icon--error-o9EcI-4-25-0","Input-icon--right":"input-module-Input-icon--right-A9G9E-4-25-0","Input-iconWrapper--right":"input-module-Input-iconWrapper--right-HdKL--4-25-0","Input-inlineLabel":"input-module-Input-inlineLabel-Sgbvs-4-25-0"};
|
|
7819
7829
|
styleInject(css_248z$$);
|
|
7820
7830
|
|
|
7821
|
-
var css_248z$_ = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
7822
|
-
var styles$Y = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
7831
|
+
var css_248z$_ = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-25-0 {\n display: inline-flex;\n width: 40px;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-25-0 .verificationCodeInput-module-Input-input-IIOUQ-4-25-0 {\n text-align: center;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-25-0 .verificationCodeInput-module-Input-input-IIOUQ-4-25-0::-webkit-inner-spin-button,\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-25-0 .verificationCodeInput-module-Input-input-IIOUQ-4-25-0::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n";
|
|
7832
|
+
var styles$Y = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-25-0","Input-input":"verificationCodeInput-module-Input-input-IIOUQ-4-25-0"};
|
|
7823
7833
|
styleInject(css_248z$_);
|
|
7824
7834
|
|
|
7825
7835
|
var _excluded$1f = ["size", "type", "minWidth", "defaultValue", "name", "placeholder", "value", "icon", "inlineLabel", "required", "error", "info", "onChange", "onClick", "onClear", "onBlur", "onFocus", "onPaste", "actionIcon", "className", "autoFocus", "disabled", "readOnly", "iconType", "aria-invalid", "aria-labelledby", "tabIndex"];
|
|
@@ -8008,12 +8018,12 @@ Object.assign(Input, {
|
|
|
8008
8018
|
ActionButton: ActionButton$1
|
|
8009
8019
|
});
|
|
8010
8020
|
|
|
8011
|
-
var css_248z$Z = ".metricInput-module-MetricInput-input-F33lA-4-
|
|
8012
|
-
var styles$X = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-
|
|
8021
|
+
var css_248z$Z = ".metricInput-module-MetricInput-input-F33lA-4-25-0::-ms-clear {\n display: none;\n}\n\n.metricInput-module-MetricInput--0hzO-4-25-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 box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n background: var(--white);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.metricInput-module-MetricInput--regular-qwE-W-4-25-0 {\n height: var(--spacing-80);\n}\n\n.metricInput-module-MetricInput--large-PHYvQ-4-25-0 {\n height: 40px;\n}\n\n.metricInput-module-MetricInput--small-73F16-4-25-0 {\n height: var(--spacing-60);\n}\n\n.metricInput-module-MetricInput--0hzO-4-25-0:hover {\n background: var(--secondary-lightest);\n cursor: text;\n}\n\n.metricInput-module-MetricInput--0hzO-4-25-0:focus-within {\n background: var(--white);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n}\n\n.metricInput-module-MetricInput--0hzO-4-25-0:focus-within:not(:has(.metricInput-module-MetricInput-arrowButton-ZHqEY-4-25-0:focus-visible)) {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.metricInput-module-MetricInput--0hzO-4-25-0:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-25-0 {\n color: var(--primary);\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-25-0 {\n background: var(--secondary-lightest);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary-light);\n pointer-events: none;\n}\n\n.metricInput-module-MetricInput--readOnly-fVSGN-4-25-0 {\n background: var(--secondary-lightest);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n pointer-events: none;\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-25-0 .metricInput-module-MetricInput-icon-xUfPZ-4-25-0 {\n color: var(--inverse-lightest);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-25-0,\n.metricInput-module-MetricInput--error-FAM-w-4-25-0:hover {\n background: var(--white);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--alert);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-25-0:focus-within {\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-25-0:focus-within:not(:has(.metricInput-module-MetricInput-arrowButton-ZHqEY-4-25-0:focus-visible)) {\n outline: var(--border-width-05) solid var(--alert);\n outline-offset: var(--spacing-05);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-25-0:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-25-0 {\n color: var(--alert);\n}\n\n/* Content wrapper — holds icon, prefix, input, suffix */\n.metricInput-module-MetricInput-content-tI8cI-4-25-0 {\n flex: 1;\n display: flex;\n align-items: center;\n min-width: 0;\n overflow: hidden;\n}\n\n.metricInput-module-MetricInput-content--regular-92X2e-4-25-0 {\n padding: var(--spacing-15) var(--spacing-15);\n gap: var(--spacing-05);\n}\n\n.metricInput-module-MetricInput-content--large-jTJ08-4-25-0 {\n padding: var(--spacing-20) var(--spacing-15);\n gap: var(--spacing-15);\n}\n\n.metricInput-module-MetricInput-content--small-YzuJ5-4-25-0 {\n padding: var(--spacing-10) var(--spacing-15);\n gap: var(--spacing-05);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-25-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-25-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-25-0 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.metricInput-module-MetricInput-input--small-U6Uw5-4-25-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-25-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-25-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-25-0:focus {\n outline: 0;\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-25-0:disabled .metricInput-module-MetricInput-input-F33lA-4-25-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-25-0:disabled .metricInput-module-MetricInput-input-F33lA-4-25-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-icon--regular-QqKyP-4-25-0 {\n margin-right: var(--spacing-20);\n line-height: var(--font-height-s);\n}\n\n.metricInput-module-MetricInput-icon--large-oSw1r-4-25-0 {\n margin-right: var(--spacing-30);\n line-height: var(--font-height-m);\n}\n\n.metricInput-module-MetricInput-icon--small--U0nf-4-25-0 {\n margin-right: var(--spacing-10);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-25-0::-webkit-inner-spin-button,\n.metricInput-module-MetricInput-input-F33lA-4-25-0::-webkit-outer-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin: 0;\n}\n\n/* Arrow buttons (decrement on left, increment on right) */\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-25-0 {\n flex-shrink: 0;\n align-self: stretch;\n width: var(--spacing-60);\n background: var(--secondary-light);\n color: var(--inverse);\n border: none;\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}\n\n.metricInput-module-MetricInput-arrowButton--left-fEP4s-4-25-0 {\n border-right: var(--border);\n border-radius: var(--border-radius-10) 0 0 var(--border-radius-10);\n}\n\n.metricInput-module-MetricInput-arrowButton--right-c54s0-4-25-0 {\n border-left: var(--border);\n border-radius: 0 var(--border-radius-10) var(--border-radius-10) 0;\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-25-0:hover {\n background: var(--secondary);\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-25-0:active {\n background: var(--secondary-dark);\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-25-0:focus {\n outline: 0;\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n@media (forced-colors: active) {\n /* box-shadow is stripped — restore a real border for the wrapper boundary */\n .metricInput-module-MetricInput--0hzO-4-25-0 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .metricInput-module-MetricInput--disabled-41NDQ-4-25-0 {\n border-color: GrayText;\n }\n\n /* Wrapper focus rings */\n .metricInput-module-MetricInput--0hzO-4-25-0:focus-within:not(:has(.metricInput-module-MetricInput-arrowButton-ZHqEY-4-25-0:focus-visible)) {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n }\n\n .metricInput-module-MetricInput--error-FAM-w-4-25-0:focus-within:not(:has(.metricInput-module-MetricInput-arrowButton-ZHqEY-4-25-0:focus-visible)) {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n }\n\n /* Arrow button states */\n .metricInput-module-MetricInput-arrowButton-ZHqEY-4-25-0:disabled {\n color: GrayText;\n }\n\n .metricInput-module-MetricInput-arrowButton-ZHqEY-4-25-0:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
8022
|
+
var styles$X = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-25-0","MetricInput":"metricInput-module-MetricInput--0hzO-4-25-0","MetricInput--regular":"metricInput-module-MetricInput--regular-qwE-W-4-25-0","MetricInput--large":"metricInput-module-MetricInput--large-PHYvQ-4-25-0","MetricInput--small":"metricInput-module-MetricInput--small-73F16-4-25-0","MetricInput-arrowButton":"metricInput-module-MetricInput-arrowButton-ZHqEY-4-25-0","MetricInput-icon":"metricInput-module-MetricInput-icon-xUfPZ-4-25-0","MetricInput--disabled":"metricInput-module-MetricInput--disabled-41NDQ-4-25-0","MetricInput--readOnly":"metricInput-module-MetricInput--readOnly-fVSGN-4-25-0","MetricInput--error":"metricInput-module-MetricInput--error-FAM-w-4-25-0","MetricInput-content":"metricInput-module-MetricInput-content-tI8cI-4-25-0","MetricInput-content--regular":"metricInput-module-MetricInput-content--regular-92X2e-4-25-0","MetricInput-content--large":"metricInput-module-MetricInput-content--large-jTJ08-4-25-0","MetricInput-content--small":"metricInput-module-MetricInput-content--small-YzuJ5-4-25-0","MetricInput-input--large":"metricInput-module-MetricInput-input--large-Xn7eL-4-25-0","MetricInput-input--regular":"metricInput-module-MetricInput-input--regular-lel2M-4-25-0","MetricInput-input--small":"metricInput-module-MetricInput-input--small-U6Uw5-4-25-0","MetricInput-icon--regular":"metricInput-module-MetricInput-icon--regular-QqKyP-4-25-0","MetricInput-icon--large":"metricInput-module-MetricInput-icon--large-oSw1r-4-25-0","MetricInput-icon--small":"metricInput-module-MetricInput-icon--small--U0nf-4-25-0","MetricInput-arrowButton--left":"metricInput-module-MetricInput-arrowButton--left-fEP4s-4-25-0","MetricInput-arrowButton--right":"metricInput-module-MetricInput-arrowButton--right-c54s0-4-25-0"};
|
|
8013
8023
|
styleInject(css_248z$Z);
|
|
8014
8024
|
|
|
8015
|
-
var css_248z$Y = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-
|
|
8016
|
-
var styles$W = {"Pagination":"pagination-module-Pagination-DCmdy-4-
|
|
8025
|
+
var css_248z$Y = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-25-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-25-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.pagination-module-Pagination-buttonWrapper--hS-F-4-25-0 {\n display: flex;\n flex-direction: row;\n}\n\n.pagination-module-Pagination-pageIndex-bDTfx-4-25-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-25-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-25-0 .pagination-module-MetricInput-input-7icmp-4-25-0 {\n text-align: center;\n}\n.pagination-module-Pagination-MetricInput-SPkmy-4-25-0 .pagination-module-MetricInput-arrowIcons-6jLZm-4-25-0 {\n display: none;\n}\n\n@media (max-width: 575px) {\n .pagination-module-Pagination-pageIndex-bDTfx-4-25-0 {\n order: -1;\n flex-basis: 100%;\n }\n .pagination-module-Pagination-buttonWrapper--hS-F-4-25-0 {\n margin-top: var(--spacing-20);\n width: 50%;\n }\n .pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-25-0 {\n justify-content: flex-start;\n }\n .pagination-module-Pagination-buttonWrapper--previous--r33Z-4-25-0 {\n justify-content: flex-end;\n }\n}\n";
|
|
8026
|
+
var styles$W = {"Pagination":"pagination-module-Pagination-DCmdy-4-25-0","Pagination-button":"pagination-module-Pagination-button-bEn7d-4-25-0","Pagination-buttonWrapper":"pagination-module-Pagination-buttonWrapper--hS-F-4-25-0","Pagination-pageIndex":"pagination-module-Pagination-pageIndex-bDTfx-4-25-0","Pagination-MetricInput":"pagination-module-Pagination-MetricInput-SPkmy-4-25-0","MetricInput-input":"pagination-module-MetricInput-input-7icmp-4-25-0","MetricInput-arrowIcons":"pagination-module-MetricInput-arrowIcons-6jLZm-4-25-0","Pagination-buttonWrapper--next":"pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-25-0","Pagination-buttonWrapper--previous":"pagination-module-Pagination-buttonWrapper--previous--r33Z-4-25-0"};
|
|
8017
8027
|
styleInject(css_248z$Y);
|
|
8018
8028
|
|
|
8019
8029
|
var _excluded$1e = ["size", "defaultValue", "name", "placeholder", "icon", "prefix", "suffix", "error", "min", "max", "onChange", "onClick", "onBlur", "onFocus", "className", "autoFocus", "disabled", "readOnly", "value", "showActionButton", "onKeyDown", "iconType"];
|
|
@@ -8560,8 +8570,8 @@ InputMask.utils = {
|
|
|
8560
8570
|
};
|
|
8561
8571
|
var X = InputMask;
|
|
8562
8572
|
|
|
8563
|
-
var css_248z$X = "/* Label */\n.label-module-Label--OmlF-4-
|
|
8564
|
-
var styles$V = {"Label":"label-module-Label--OmlF-4-
|
|
8573
|
+
var css_248z$X = "/* Label */\n.label-module-Label--OmlF-4-25-0 {\n display: inline-flex;\n}\n.label-module-Label--small-pPJnY-4-25-0 {\n font-size: var(--font-size-s);\n}\n\n.label-module-Label--withInput-RWqFC-4-25-0 {\n margin-bottom: var(--spacing-10);\n}\n\n.label-module-Label--optional-25o6w-4-25-0 {\n align-items: center;\n}\n\n.label-module-Label-text-SI451-4-25-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-25-0 {\n line-height: var(--font-height-s);\n margin-left: var(--spacing-10);\n}\n\n.label-module-Label-optionalText--small-hQbks-4-25-0 {\n font-size: var(--font-size-s);\n}\n\n.label-module-Label--disabled-06XI--4-25-0 {\n color: var(--text-disabled);\n}\n\n.label-module-Label-srOnly-JMorQ-4-25-0 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.label-module-Label-requiredIndicator-4Cxyi-4-25-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";
|
|
8574
|
+
var styles$V = {"Label":"label-module-Label--OmlF-4-25-0","Label--small":"label-module-Label--small-pPJnY-4-25-0","Label--withInput":"label-module-Label--withInput-RWqFC-4-25-0","Label--optional":"label-module-Label--optional-25o6w-4-25-0","Label-text":"label-module-Label-text-SI451-4-25-0","Label-optionalText":"label-module-Label-optionalText-BxJ0x-4-25-0","Label-optionalText--small":"label-module-Label-optionalText--small-hQbks-4-25-0","Label--disabled":"label-module-Label--disabled-06XI--4-25-0","Label-srOnly":"label-module-Label-srOnly-JMorQ-4-25-0","Label-requiredIndicator":"label-module-Label-requiredIndicator-4Cxyi-4-25-0"};
|
|
8565
8575
|
styleInject(css_248z$X);
|
|
8566
8576
|
|
|
8567
8577
|
var _excluded$1c = ["required", "optional", "withInput", "disabled", "children", "className", "info", "size"];
|
|
@@ -8636,8 +8646,8 @@ var Label = function Label(props) {
|
|
|
8636
8646
|
};
|
|
8637
8647
|
Label.displayName = 'Label';
|
|
8638
8648
|
|
|
8639
|
-
var css_248z$W = "/* Caption */\n.caption-module-Caption-x0-4O-4-
|
|
8640
|
-
var styles$U = {"Caption":"caption-module-Caption-x0-4O-4-
|
|
8649
|
+
var css_248z$W = "/* Caption */\n.caption-module-Caption-x0-4O-4-25-0 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.caption-module-Caption--withInput-USihh-4-25-0 {\n margin-top: var(--spacing-10);\n}\n\n.caption-module-Caption-icon-BVGQm-4-25-0 {\n display: flex;\n align-content: center;\n margin-right: var(--spacing-10);\n}\n\n.caption-module-Caption--hidden-C-EcV-4-25-0 {\n display: none;\n}\n";
|
|
8650
|
+
var styles$U = {"Caption":"caption-module-Caption-x0-4O-4-25-0","Caption--withInput":"caption-module-Caption--withInput-USihh-4-25-0","Caption-icon":"caption-module-Caption-icon-BVGQm-4-25-0","Caption--hidden":"caption-module-Caption--hidden-C-EcV-4-25-0"};
|
|
8641
8651
|
styleInject(css_248z$W);
|
|
8642
8652
|
|
|
8643
8653
|
var _excluded$1b = ["error", "hide", "withInput", "children", "className"];
|
|
@@ -8667,8 +8677,8 @@ var Caption = function Caption(props) {
|
|
|
8667
8677
|
};
|
|
8668
8678
|
Caption.displayName = 'Caption';
|
|
8669
8679
|
|
|
8670
|
-
var css_248z$V = ".legend-module-Legend--0IVR-4-
|
|
8671
|
-
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-
|
|
8680
|
+
var css_248z$V = ".legend-module-Legend--0IVR-4-25-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-25-0 {\n border-radius: var(--border-radius-05);\n margin-right: var(--spacing-20);\n}\n";
|
|
8681
|
+
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-25-0","Legend-icon":"legend-module-Legend-icon-AAtts-4-25-0"};
|
|
8672
8682
|
styleInject(css_248z$V);
|
|
8673
8683
|
|
|
8674
8684
|
var Legend = function Legend(props) {
|
|
@@ -8749,8 +8759,8 @@ var Editable = function Editable(props) {
|
|
|
8749
8759
|
};
|
|
8750
8760
|
Editable.displayName = 'Editable';
|
|
8751
8761
|
|
|
8752
|
-
var css_248z$U = ".editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
8753
|
-
var styles$T = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
8762
|
+
var css_248z$U = ".editableDropdown-module-EditableDropdown-8s4sE-4-25-0 {\n width: 100%;\n}\n\n.editableDropdown-module-EditableDropdown-8s4sE-4-25-0:focus-visible {\n outline: none;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-25-0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n height: var(--spacing-80);\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-20);\n border-radius: var(--border-radius-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n cursor: pointer;\n border: var(--border-width-2-5) solid transparent;\n}\n\n.editableDropdown-module-EditableDropdown-wrapper-5PCzu-4-25-0 {\n width: 100%;\n display: flex;\n flex-direction: row;\n overflow: hidden;\n align-items: center;\n}\n\n.editableDropdown-module-EditableDropdown-text-E-azo-4-25-0 {\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--text);\n font-size: var(--font-size);\n line-height: var(--font-height);\n font-weight: var(--font-weight-normal);\n}\n\n.editableDropdown-module-EditableDropdown-text--subtle-pyRLr-4-25-0 {\n color: var(--text-subtle);\n}\n\n.editableDropdown-module-EditableDropdown-icon-aWCHE-4-25-0 {\n visibility: hidden;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-25-0:hover .editableDropdown-module-EditableDropdown-icon-aWCHE-4-25-0,\n.editableDropdown-module-EditableDropdown-8s4sE-4-25-0:focus-visible .editableDropdown-module-EditableDropdown-icon-aWCHE-4-25-0 {\n visibility: visible;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-25-0:hover {\n background: var(--secondary);\n}\n\n.editableDropdown-module-EditableDropdown-8s4sE-4-25-0:focus-visible .editableDropdown-module-EditableDropdown-default-YIYT0-4-25-0 {\n background: var(--secondary-light);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n border-radius: var(--border-radius-10);\n}\n";
|
|
8763
|
+
var styles$T = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-25-0","EditableDropdown-default":"editableDropdown-module-EditableDropdown-default-YIYT0-4-25-0","EditableDropdown-wrapper":"editableDropdown-module-EditableDropdown-wrapper-5PCzu-4-25-0","EditableDropdown-text":"editableDropdown-module-EditableDropdown-text-E-azo-4-25-0","EditableDropdown-text--subtle":"editableDropdown-module-EditableDropdown-text--subtle-pyRLr-4-25-0","EditableDropdown-icon":"editableDropdown-module-EditableDropdown-icon-aWCHE-4-25-0"};
|
|
8754
8764
|
styleInject(css_248z$U);
|
|
8755
8765
|
|
|
8756
8766
|
var _excluded$1a = ["onChange", "onClose", "disabled", "open", "onPopperToggle"];
|
|
@@ -8905,8 +8915,8 @@ EditableDropdown.defaultProps = {
|
|
|
8905
8915
|
dropdownOptions: {}
|
|
8906
8916
|
};
|
|
8907
8917
|
|
|
8908
|
-
var css_248z$T = ".link-module-Link-MwjNx-4-
|
|
8909
|
-
var styles$S = {"Link":"link-module-Link-MwjNx-4-
|
|
8918
|
+
var css_248z$T = ".link-module-Link-MwjNx-4-25-0 {\n text-decoration: none;\n font-weight: var(--font-weight-medium);\n transition: color var(--duration--fast-01) var(--standard-productive-curve),\n border-color var(--duration--fast-01) var(--standard-productive-curve);\n box-sizing: border-box;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .link-module-Link-MwjNx-4-25-0 {\n transition: none;\n }\n}\n\n.link-module-Link-text-Gpzgr-4-25-0 {\n display: inline-flex;\n vertical-align: middle;\n border-bottom: var(--border-width-2-5) solid currentColor;\n}\n\n.link-module-Link-MwjNx-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n border-radius: var(--border-radius-10);\n}\n\n.link-module-Link--regular-hKQMh-4-25-0 {\n font-size: var(--font-size);\n height: var(--font-height);\n}\n\n.link-module-Link--tiny-5Wp1N-4-25-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-25-0 {\n color: var(--text-link);\n}\n\n.link-module-Link--subtle-RjZLu-4-25-0 {\n color: var(--inverse-lighter);\n border-bottom-color: transparent;\n}\n\n.link-module-Link-text--subtle-bd8ev-4-25-0 {\n border-bottom-color: transparent;\n}\n\n.link-module-Link--default-dCI0C-4-25-0:hover {\n color: var(--primary-dark);\n}\n\n.link-module-Link--subtle-RjZLu-4-25-0:hover {\n color: var(--inverse-light);\n}\n\n.link-module-Link--subtle-RjZLu-4-25-0:hover .link-module-Link-text--subtle-bd8ev-4-25-0 {\n border-bottom-color: currentColor;\n}\n\n.link-module-Link--default-dCI0C-4-25-0:active {\n color: var(--primary-darker);\n}\n\n.link-module-Link--subtle-RjZLu-4-25-0:active {\n color: var(--inverse);\n}\n\n.link-module-Link--subtle-RjZLu-4-25-0:active .link-module-Link-text--subtle-bd8ev-4-25-0 {\n border-bottom-color: transparent;\n}\n\n.link-module-Link--button-reset-GZzET-4-25-0 {\n background: none;\n border-top: none;\n border-left: none;\n border-right: none;\n padding: 0;\n cursor: pointer;\n font-family: inherit;\n}\n\n.link-module-Link--default-disabled-4AGTL-4-25-0 {\n color: var(--primary-lighter);\n pointer-events: none;\n}\n\n.link-module-Link--subtle-disabled-jeH3g-4-25-0 {\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n\n.link-module-Link-infoIconWrapper-i3NjW-4-25-0 {\n display: inline-flex;\n vertical-align: middle;\n transform: translateY(calc(-1 * var(--spacing-15)));\n margin-left: var(--spacing-2-5);\n width: var(--spacing-30);\n height: var(--spacing-30);\n box-sizing: border-box;\n border-radius: var(--border-radius-full);\n align-items: center;\n justify-content: center;\n background: transparent;\n border: none;\n}\n\n.link-module-Link-infoIcon-nCtZE-4-25-0 {\n color: var(--text-subtle);\n pointer-events: none;\n}\n\n.link-module-Link-infoIcon--default--CPoD-4-25-0 {\n color: var(--primary);\n}\n\n.link-module-Link-infoIcon--subtle-PIigh-4-25-0 {\n color: var(--inverse-light);\n}\n\n.link-module-Link-tooltip--disabled--LfHb-4-25-0 {\n pointer-events: auto;\n cursor: not-allowed;\n}\n";
|
|
8919
|
+
var styles$S = {"Link":"link-module-Link-MwjNx-4-25-0","Link-text":"link-module-Link-text-Gpzgr-4-25-0","Link--regular":"link-module-Link--regular-hKQMh-4-25-0","Link--tiny":"link-module-Link--tiny-5Wp1N-4-25-0","Link--default":"link-module-Link--default-dCI0C-4-25-0","Link--subtle":"link-module-Link--subtle-RjZLu-4-25-0","Link-text--subtle":"link-module-Link-text--subtle-bd8ev-4-25-0","Link--button-reset":"link-module-Link--button-reset-GZzET-4-25-0","Link--default-disabled":"link-module-Link--default-disabled-4AGTL-4-25-0","Link--subtle-disabled":"link-module-Link--subtle-disabled-jeH3g-4-25-0","Link-infoIconWrapper":"link-module-Link-infoIconWrapper-i3NjW-4-25-0","Link-infoIcon":"link-module-Link-infoIcon-nCtZE-4-25-0","Link-infoIcon--default":"link-module-Link-infoIcon--default--CPoD-4-25-0","Link-infoIcon--subtle":"link-module-Link-infoIcon--subtle-PIigh-4-25-0","Link-tooltip--disabled":"link-module-Link-tooltip--disabled--LfHb-4-25-0"};
|
|
8910
8920
|
styleInject(css_248z$T);
|
|
8911
8921
|
|
|
8912
8922
|
var _excluded$19 = ["children", "className", "appearance", "size", "disabled", "href", "target", "rel", "download", "hreflang", "onClick", "tooltip", "onKeyDown"];
|
|
@@ -8999,8 +9009,8 @@ Link.defaultProps = {
|
|
|
8999
9009
|
disabled: false
|
|
9000
9010
|
};
|
|
9001
9011
|
|
|
9002
|
-
var css_248z$S = ".message-module-Message-5m7p--4-
|
|
9003
|
-
var styles$R = {"Message":"message-module-Message-5m7p--4-
|
|
9012
|
+
var css_248z$S = ".message-module-Message-5m7p--4-25-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-25-0 {\n padding: var(--spacing-20);\n}\n\n.message-module-Message--alert-VltpF-4-25-0 {\n border-color: var(--alert);\n background-color: rgba(189, 28, 0, 0.04);\n}\n\n.message-module-Message--success-8AZFe-4-25-0 {\n border-color: var(--success);\n background-color: rgba(0, 128, 0, 0.04);\n}\n\n.message-module-Message--info-N9C6k-4-25-0 {\n border-color: var(--primary);\n background-color: rgba(0, 96, 214, 0.04);\n}\n\n.message-module-Message--warning-sPwHB-4-25-0 {\n border-color: var(--accent1);\n background-color: rgba(189, 91, 0, 0.04);\n}\n\n.message-module-Message-icon--regular-t4xyh-4-25-0 {\n margin-right: var(--spacing-40);\n padding-top: var(--spacing-05);\n}\n\n.message-module-Message-icon--small-mS-r9-4-25-0 {\n margin-right: var(--spacing-20);\n padding-top: var(--spacing-05) !important;\n}\n\n.message-module-Message-icon--withTitle-l6DPU-4-25-0 {\n padding-top: var(--spacing-10);\n}\n\n.message-module-Message-icon--warning-IglaC-4-25-0 {\n color: var(--accent1);\n}\n\n.message-module-Message-heading--regular-TF8fn-4-25-0 {\n margin-bottom: var(--spacing-10);\n}\n\n.message-module-Message-heading--small-f4Ij3-4-25-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-25-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-25-0,\n.message-module-Message-text--alert-a8T-5-4-25-0 {\n color: var(--alert-darker) !important;\n}\n\n.message-module-Message-heading--info--Uzim-4-25-0,\n.message-module-Message-text--info-94pB0-4-25-0 {\n color: var(--primary-darker) !important;\n}\n\n.message-module-Message-heading--success-qk8Ep-4-25-0,\n.message-module-Message-text--success-hlaXA-4-25-0 {\n color: var(--success-darker) !important;\n}\n\n.message-module-Message-heading--warning-OWfuJ-4-25-0,\n.message-module-Message-text--warning-tPSB8-4-25-0 {\n color: var(--accent1-darker) !important;\n}\n\n.message-module-Message-actions-5bFUf-4-25-0 {\n display: flex;\n align-items: center;\n}\n\n.message-module-Message-actions--regular-04ICc-4-25-0 {\n margin-top: var(--spacing-30);\n}\n\n.message-module-Message-actions--small-Hj3w0-4-25-0 {\n margin-top: var(--spacing-10);\n}\n";
|
|
9013
|
+
var styles$R = {"Message":"message-module-Message-5m7p--4-25-0","Message--small":"message-module-Message--small-AOGUY-4-25-0","Message--alert":"message-module-Message--alert-VltpF-4-25-0","Message--success":"message-module-Message--success-8AZFe-4-25-0","Message--info":"message-module-Message--info-N9C6k-4-25-0","Message--warning":"message-module-Message--warning-sPwHB-4-25-0","Message-icon--regular":"message-module-Message-icon--regular-t4xyh-4-25-0","Message-icon--small":"message-module-Message-icon--small-mS-r9-4-25-0","Message-icon--withTitle":"message-module-Message-icon--withTitle-l6DPU-4-25-0","Message-icon--warning":"message-module-Message-icon--warning-IglaC-4-25-0","Message-heading--regular":"message-module-Message-heading--regular-TF8fn-4-25-0","Message-heading--small":"message-module-Message-heading--small-f4Ij3-4-25-0","Message-text--small":"message-module-Message-text--small-dsMhm-4-25-0","Message-heading--alert":"message-module-Message-heading--alert--cn2r-4-25-0","Message-text--alert":"message-module-Message-text--alert-a8T-5-4-25-0","Message-heading--info":"message-module-Message-heading--info--Uzim-4-25-0","Message-text--info":"message-module-Message-text--info-94pB0-4-25-0","Message-heading--success":"message-module-Message-heading--success-qk8Ep-4-25-0","Message-text--success":"message-module-Message-text--success-hlaXA-4-25-0","Message-heading--warning":"message-module-Message-heading--warning-OWfuJ-4-25-0","Message-text--warning":"message-module-Message-text--warning-tPSB8-4-25-0","Message-actions":"message-module-Message-actions-5bFUf-4-25-0","Message-actions--regular":"message-module-Message-actions--regular-04ICc-4-25-0","Message-actions--small":"message-module-Message-actions--small-Hj3w0-4-25-0"};
|
|
9004
9014
|
styleInject(css_248z$S);
|
|
9005
9015
|
|
|
9006
9016
|
var IconMapping$2 = {
|
|
@@ -9015,7 +9025,9 @@ var Message = function Message(props) {
|
|
|
9015
9025
|
className = props.className,
|
|
9016
9026
|
_props$size = props.size,
|
|
9017
9027
|
size = _props$size === void 0 ? 'regular' : _props$size,
|
|
9018
|
-
id = props.id
|
|
9028
|
+
id = props.id,
|
|
9029
|
+
_props$headingAs = props.headingAs,
|
|
9030
|
+
headingAs = _props$headingAs === void 0 ? 'h5' : _props$headingAs;
|
|
9019
9031
|
var appearance = props.appearance;
|
|
9020
9032
|
appearance = appearance === 'default' ? 'info' : appearance;
|
|
9021
9033
|
var baseProps = extractBaseProps(props);
|
|
@@ -9055,7 +9067,8 @@ var Message = function Message(props) {
|
|
|
9055
9067
|
}), /*#__PURE__*/React.createElement("div", null, title && /*#__PURE__*/React.createElement(Heading, {
|
|
9056
9068
|
"data-test": "DesignSystem-Message--Title",
|
|
9057
9069
|
size: "s",
|
|
9058
|
-
className: TitleClass
|
|
9070
|
+
className: TitleClass,
|
|
9071
|
+
as: headingAs
|
|
9059
9072
|
}, title), renderDescription(props.description, props.children), actions && /*#__PURE__*/React.createElement("div", {
|
|
9060
9073
|
"data-test": "DesignSystem-Message--actions",
|
|
9061
9074
|
className: ActionsClass
|
|
@@ -9067,8 +9080,8 @@ Message.defaultProps = {
|
|
|
9067
9080
|
description: ''
|
|
9068
9081
|
};
|
|
9069
9082
|
|
|
9070
|
-
var css_248z$R = ".metaList-module-Meta-dNPqh-4-
|
|
9071
|
-
var styles$Q = {"Meta":"metaList-module-Meta-dNPqh-4-
|
|
9083
|
+
var css_248z$R = ".metaList-module-Meta-dNPqh-4-25-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-25-0 {\n margin-left: var(--spacing-20);\n}\n.metaList-module-MetaList-seperator--left-eKtN8-4-25-0 {\n margin-right: var(--spacing-10);\n}\n.metaList-module-Meta-icon-JwRHR-4-25-0 {\n padding-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n.metaList-module-MetaList-rB1dP-4-25-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-25-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-25-0:first-child {\n margin-left: 0;\n}\n\n.metaList-module-MetaList-item-S2e6p-4-25-0:last-child {\n margin-right: 0;\n}\n";
|
|
9084
|
+
var styles$Q = {"Meta":"metaList-module-Meta-dNPqh-4-25-0","MetaList-seperator":"metaList-module-MetaList-seperator-mjgNU-4-25-0","MetaList-seperator--left":"metaList-module-MetaList-seperator--left-eKtN8-4-25-0","Meta-icon":"metaList-module-Meta-icon-JwRHR-4-25-0","MetaList":"metaList-module-MetaList-rB1dP-4-25-0","MetaList-item":"metaList-module-MetaList-item-S2e6p-4-25-0"};
|
|
9072
9085
|
styleInject(css_248z$R);
|
|
9073
9086
|
|
|
9074
9087
|
var Meta = function Meta(props) {
|
|
@@ -9146,8 +9159,8 @@ MetaList.defaultProps = {
|
|
|
9146
9159
|
size: 'regular'
|
|
9147
9160
|
};
|
|
9148
9161
|
|
|
9149
|
-
var css_248z$Q = "/* MdsGrid */\n.mdsGrid-module-MdsGrid-SsvW3-4-
|
|
9150
|
-
var styles$P = {"MdsGrid":"mdsGrid-module-MdsGrid-SsvW3-4-
|
|
9162
|
+
var css_248z$Q = "/* MdsGrid */\n.mdsGrid-module-MdsGrid-SsvW3-4-25-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-25-0 {\n gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-20-hF7Az-4-25-0 {\n gap: var(--spacing-20);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-30-9bsWk-4-25-0 {\n gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-40-1Zofh-4-25-0 {\n gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-60-NuzpU-4-25-0 {\n gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-80-rBc5a-4-25-0 {\n gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-120-MsDGS-4-25-0 {\n gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-160-NT7nM-4-25-0 {\n gap: var(--spacing-160);\n}\n\n/* Column gap variations */\n.mdsGrid-module-MdsGrid-columnGap--spacing-10-KEZs4-4-25-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-25-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-25-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-25-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-25-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-25-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-25-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-25-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-25-0 {\n row-gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-20-HJszq-4-25-0 {\n row-gap: var(--spacing-20);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-30-vJ-5p-4-25-0 {\n row-gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-40-uKyUe-4-25-0 {\n row-gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-60-fl0Ia-4-25-0 {\n row-gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-80-vx3sD-4-25-0 {\n row-gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-120-s4V9U-4-25-0 {\n row-gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-160-EdiFo-4-25-0 {\n row-gap: var(--spacing-160);\n}\n\n/* Justify items variations */\n.mdsGrid-module-MdsGrid-justifyItems--start-eHRaj-4-25-0 {\n justify-items: start;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--end-edjoX-4-25-0 {\n justify-items: end;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--center-2X7nZ-4-25-0 {\n justify-items: center;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--stretch-kn94P-4-25-0 {\n justify-items: stretch;\n}\n\n/* Align items variations */\n.mdsGrid-module-MdsGrid-alignItems--start-2Do86-4-25-0 {\n align-items: start;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--end-waknT-4-25-0 {\n align-items: end;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--center-yx4U8-4-25-0 {\n align-items: center;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--stretch-Bqs-w-4-25-0 {\n align-items: stretch;\n}\n\n/* Auto flow variations */\n.mdsGrid-module-MdsGrid-autoFlow--row-hbgrw-4-25-0 {\n grid-auto-flow: row;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--column-rqFc3-4-25-0 {\n grid-auto-flow: column;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--row--dense-lbfql-4-25-0 {\n grid-auto-flow: row dense;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--column--dense-bJ3Pc-4-25-0 {\n grid-auto-flow: column dense;\n}\n\n/* Template columns variations */\n.mdsGrid-module-MdsGrid-templateColumns--repeat--1----1fr---LXjWZ-4-25-0 {\n grid-template-columns: repeat(1, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--2----1fr---Ib92--4-25-0 {\n grid-template-columns: repeat(2, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--3----1fr---kX-cN-4-25-0 {\n grid-template-columns: repeat(3, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--4----1fr---A8VSk-4-25-0 {\n grid-template-columns: repeat(4, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--12----1fr---vSCpW-4-25-0 {\n grid-template-columns: repeat(12, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--1fr--1fr--1fr-bvXnM-4-25-0 {\n grid-template-columns: 1fr 1fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--1fr--2fr-SG4cB-4-25-0 {\n grid-template-columns: 1fr 2fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--2fr--1fr-doRYF-4-25-0 {\n grid-template-columns: 2fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--2fr--1fr--1fr-PlTNP-4-25-0 {\n grid-template-columns: 2fr 1fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--200px--1fr--2fr-vKcqN-4-25-0 {\n grid-template-columns: 200px 1fr 2fr;\n}\n\n/* Template rows variations */\n.mdsGrid-module-MdsGrid-templateRows--auto--auto--auto-Xqtrn-4-25-0 {\n grid-template-rows: auto auto auto;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--100px--200px-3Vgry-4-25-0 {\n grid-template-rows: 100px 200px;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--1fr--2fr-Tix---4-25-0 {\n grid-template-rows: 1fr 2fr;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--auto--1fr-zwVSp-4-25-0 {\n grid-template-rows: auto 1fr;\n}\n\n/* MdsGridItem */\n.mdsGrid-module-MdsGridItem--FsIK-4-25-0 {\n box-sizing: border-box;\n}\n\n/* Justify self variations */\n.mdsGrid-module-MdsGridItem-justifySelf--start-CHjwa-4-25-0 {\n justify-self: start;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--end-rvVbS-4-25-0 {\n justify-self: end;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--center-vasFQ-4-25-0 {\n justify-self: center;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--stretch-YgtoO-4-25-0 {\n justify-self: stretch;\n}\n\n/* Align self variations */\n.mdsGrid-module-MdsGridItem-alignSelf--start-rz0Wg-4-25-0 {\n align-self: start;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--end-xtt0h-4-25-0 {\n align-self: end;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--center-T1fvd-4-25-0 {\n align-self: center;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--stretch-tYo2v-4-25-0 {\n align-self: stretch;\n}\n\n/* Column span variations */\n.mdsGrid-module-MdsGridItem-columnSpan--1--rcAl-4-25-0 {\n grid-column: span 1;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--2-ocHQu-4-25-0 {\n grid-column: span 2;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--3-lRLzj-4-25-0 {\n grid-column: span 3;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--4-PkE3H-4-25-0 {\n grid-column: span 4;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--5-bIRoL-4-25-0 {\n grid-column: span 5;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--6-LngYK-4-25-0 {\n grid-column: span 6;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--7-8D5lx-4-25-0 {\n grid-column: span 7;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--8-6cOqO-4-25-0 {\n grid-column: span 8;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--9-YvDY7-4-25-0 {\n grid-column: span 9;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--10-Jda-6-4-25-0 {\n grid-column: span 10;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--11-0sVRm-4-25-0 {\n grid-column: span 11;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--12-iYiVh-4-25-0 {\n grid-column: span 12;\n}\n\n/* Row span variations */\n.mdsGrid-module-MdsGridItem-rowSpan--1-UfSFY-4-25-0 {\n grid-row: span 1;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--2-RcCmm-4-25-0 {\n grid-row: span 2;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--3-2l-1t-4-25-0 {\n grid-row: span 3;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--4-w3b-k-4-25-0 {\n grid-row: span 4;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--5-xDjGB-4-25-0 {\n grid-row: span 5;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--6-COx1o-4-25-0 {\n grid-row: span 6;\n}\n\n/* Column start variations */\n.mdsGrid-module-MdsGridItem-columnStart--1-8Egf8-4-25-0 {\n grid-column-start: 1;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--2-F8nbf-4-25-0 {\n grid-column-start: 2;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--3-PlzEc-4-25-0 {\n grid-column-start: 3;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--4-8S4L--4-25-0 {\n grid-column-start: 4;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--5-Ew-g2-4-25-0 {\n grid-column-start: 5;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--6-oBVoo-4-25-0 {\n grid-column-start: 6;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--7-Cnb7p-4-25-0 {\n grid-column-start: 7;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--8-xjKMr-4-25-0 {\n grid-column-start: 8;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--9-L9-zC-4-25-0 {\n grid-column-start: 9;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--10-lJThd-4-25-0 {\n grid-column-start: 10;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--11-ORr-q-4-25-0 {\n grid-column-start: 11;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--12-QFwjD-4-25-0 {\n grid-column-start: 12;\n}\n\n/* Row start variations */\n.mdsGrid-module-MdsGridItem-rowStart--1-IKxiL-4-25-0 {\n grid-row-start: 1;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--2-yaQUd-4-25-0 {\n grid-row-start: 2;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--3-JCrYv-4-25-0 {\n grid-row-start: 3;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--4-uCJy3-4-25-0 {\n grid-row-start: 4;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--5-5qYoX-4-25-0 {\n grid-row-start: 5;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--6-OvU4E-4-25-0 {\n grid-row-start: 6;\n}\n";
|
|
9163
|
+
var styles$P = {"MdsGrid":"mdsGrid-module-MdsGrid-SsvW3-4-25-0","MdsGrid-gap--spacing-10":"mdsGrid-module-MdsGrid-gap--spacing-10-mM7LL-4-25-0","MdsGrid-gap--spacing-20":"mdsGrid-module-MdsGrid-gap--spacing-20-hF7Az-4-25-0","MdsGrid-gap--spacing-30":"mdsGrid-module-MdsGrid-gap--spacing-30-9bsWk-4-25-0","MdsGrid-gap--spacing-40":"mdsGrid-module-MdsGrid-gap--spacing-40-1Zofh-4-25-0","MdsGrid-gap--spacing-60":"mdsGrid-module-MdsGrid-gap--spacing-60-NuzpU-4-25-0","MdsGrid-gap--spacing-80":"mdsGrid-module-MdsGrid-gap--spacing-80-rBc5a-4-25-0","MdsGrid-gap--spacing-120":"mdsGrid-module-MdsGrid-gap--spacing-120-MsDGS-4-25-0","MdsGrid-gap--spacing-160":"mdsGrid-module-MdsGrid-gap--spacing-160-NT7nM-4-25-0","MdsGrid-columnGap--spacing-10":"mdsGrid-module-MdsGrid-columnGap--spacing-10-KEZs4-4-25-0","MdsGrid-columnGap--spacing-20":"mdsGrid-module-MdsGrid-columnGap--spacing-20-Z6HMd-4-25-0","MdsGrid-columnGap--spacing-30":"mdsGrid-module-MdsGrid-columnGap--spacing-30-cIs-1-4-25-0","MdsGrid-columnGap--spacing-40":"mdsGrid-module-MdsGrid-columnGap--spacing-40-4KGum-4-25-0","MdsGrid-columnGap--spacing-60":"mdsGrid-module-MdsGrid-columnGap--spacing-60-Db1Bo-4-25-0","MdsGrid-columnGap--spacing-80":"mdsGrid-module-MdsGrid-columnGap--spacing-80-8dYNY-4-25-0","MdsGrid-columnGap--spacing-120":"mdsGrid-module-MdsGrid-columnGap--spacing-120-IiWsq-4-25-0","MdsGrid-columnGap--spacing-160":"mdsGrid-module-MdsGrid-columnGap--spacing-160-xLma--4-25-0","MdsGrid-rowGap--spacing-10":"mdsGrid-module-MdsGrid-rowGap--spacing-10-n84Bk-4-25-0","MdsGrid-rowGap--spacing-20":"mdsGrid-module-MdsGrid-rowGap--spacing-20-HJszq-4-25-0","MdsGrid-rowGap--spacing-30":"mdsGrid-module-MdsGrid-rowGap--spacing-30-vJ-5p-4-25-0","MdsGrid-rowGap--spacing-40":"mdsGrid-module-MdsGrid-rowGap--spacing-40-uKyUe-4-25-0","MdsGrid-rowGap--spacing-60":"mdsGrid-module-MdsGrid-rowGap--spacing-60-fl0Ia-4-25-0","MdsGrid-rowGap--spacing-80":"mdsGrid-module-MdsGrid-rowGap--spacing-80-vx3sD-4-25-0","MdsGrid-rowGap--spacing-120":"mdsGrid-module-MdsGrid-rowGap--spacing-120-s4V9U-4-25-0","MdsGrid-rowGap--spacing-160":"mdsGrid-module-MdsGrid-rowGap--spacing-160-EdiFo-4-25-0","MdsGrid-justifyItems--start":"mdsGrid-module-MdsGrid-justifyItems--start-eHRaj-4-25-0","MdsGrid-justifyItems--end":"mdsGrid-module-MdsGrid-justifyItems--end-edjoX-4-25-0","MdsGrid-justifyItems--center":"mdsGrid-module-MdsGrid-justifyItems--center-2X7nZ-4-25-0","MdsGrid-justifyItems--stretch":"mdsGrid-module-MdsGrid-justifyItems--stretch-kn94P-4-25-0","MdsGrid-alignItems--start":"mdsGrid-module-MdsGrid-alignItems--start-2Do86-4-25-0","MdsGrid-alignItems--end":"mdsGrid-module-MdsGrid-alignItems--end-waknT-4-25-0","MdsGrid-alignItems--center":"mdsGrid-module-MdsGrid-alignItems--center-yx4U8-4-25-0","MdsGrid-alignItems--stretch":"mdsGrid-module-MdsGrid-alignItems--stretch-Bqs-w-4-25-0","MdsGrid-autoFlow--row":"mdsGrid-module-MdsGrid-autoFlow--row-hbgrw-4-25-0","MdsGrid-autoFlow--column":"mdsGrid-module-MdsGrid-autoFlow--column-rqFc3-4-25-0","MdsGrid-autoFlow--row dense":"mdsGrid-module-MdsGrid-autoFlow--row--dense-lbfql-4-25-0","MdsGrid-autoFlow--column dense":"mdsGrid-module-MdsGrid-autoFlow--column--dense-bJ3Pc-4-25-0","MdsGrid-templateColumns--repeat(1, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--1----1fr---LXjWZ-4-25-0","MdsGrid-templateColumns--repeat(2, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--2----1fr---Ib92--4-25-0","MdsGrid-templateColumns--repeat(3, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--3----1fr---kX-cN-4-25-0","MdsGrid-templateColumns--repeat(4, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--4----1fr---A8VSk-4-25-0","MdsGrid-templateColumns--repeat(12, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--12----1fr---vSCpW-4-25-0","MdsGrid-templateColumns--1fr 1fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--1fr--1fr--1fr-bvXnM-4-25-0","MdsGrid-templateColumns--1fr 2fr":"mdsGrid-module-MdsGrid-templateColumns--1fr--2fr-SG4cB-4-25-0","MdsGrid-templateColumns--2fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--2fr--1fr-doRYF-4-25-0","MdsGrid-templateColumns--2fr 1fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--2fr--1fr--1fr-PlTNP-4-25-0","MdsGrid-templateColumns--200px 1fr 2fr":"mdsGrid-module-MdsGrid-templateColumns--200px--1fr--2fr-vKcqN-4-25-0","MdsGrid-templateRows--auto auto auto":"mdsGrid-module-MdsGrid-templateRows--auto--auto--auto-Xqtrn-4-25-0","MdsGrid-templateRows--100px 200px":"mdsGrid-module-MdsGrid-templateRows--100px--200px-3Vgry-4-25-0","MdsGrid-templateRows--1fr 2fr":"mdsGrid-module-MdsGrid-templateRows--1fr--2fr-Tix---4-25-0","MdsGrid-templateRows--auto 1fr":"mdsGrid-module-MdsGrid-templateRows--auto--1fr-zwVSp-4-25-0","MdsGridItem":"mdsGrid-module-MdsGridItem--FsIK-4-25-0","MdsGridItem-justifySelf--start":"mdsGrid-module-MdsGridItem-justifySelf--start-CHjwa-4-25-0","MdsGridItem-justifySelf--end":"mdsGrid-module-MdsGridItem-justifySelf--end-rvVbS-4-25-0","MdsGridItem-justifySelf--center":"mdsGrid-module-MdsGridItem-justifySelf--center-vasFQ-4-25-0","MdsGridItem-justifySelf--stretch":"mdsGrid-module-MdsGridItem-justifySelf--stretch-YgtoO-4-25-0","MdsGridItem-alignSelf--start":"mdsGrid-module-MdsGridItem-alignSelf--start-rz0Wg-4-25-0","MdsGridItem-alignSelf--end":"mdsGrid-module-MdsGridItem-alignSelf--end-xtt0h-4-25-0","MdsGridItem-alignSelf--center":"mdsGrid-module-MdsGridItem-alignSelf--center-T1fvd-4-25-0","MdsGridItem-alignSelf--stretch":"mdsGrid-module-MdsGridItem-alignSelf--stretch-tYo2v-4-25-0","MdsGridItem-columnSpan--1":"mdsGrid-module-MdsGridItem-columnSpan--1--rcAl-4-25-0","MdsGridItem-columnSpan--2":"mdsGrid-module-MdsGridItem-columnSpan--2-ocHQu-4-25-0","MdsGridItem-columnSpan--3":"mdsGrid-module-MdsGridItem-columnSpan--3-lRLzj-4-25-0","MdsGridItem-columnSpan--4":"mdsGrid-module-MdsGridItem-columnSpan--4-PkE3H-4-25-0","MdsGridItem-columnSpan--5":"mdsGrid-module-MdsGridItem-columnSpan--5-bIRoL-4-25-0","MdsGridItem-columnSpan--6":"mdsGrid-module-MdsGridItem-columnSpan--6-LngYK-4-25-0","MdsGridItem-columnSpan--7":"mdsGrid-module-MdsGridItem-columnSpan--7-8D5lx-4-25-0","MdsGridItem-columnSpan--8":"mdsGrid-module-MdsGridItem-columnSpan--8-6cOqO-4-25-0","MdsGridItem-columnSpan--9":"mdsGrid-module-MdsGridItem-columnSpan--9-YvDY7-4-25-0","MdsGridItem-columnSpan--10":"mdsGrid-module-MdsGridItem-columnSpan--10-Jda-6-4-25-0","MdsGridItem-columnSpan--11":"mdsGrid-module-MdsGridItem-columnSpan--11-0sVRm-4-25-0","MdsGridItem-columnSpan--12":"mdsGrid-module-MdsGridItem-columnSpan--12-iYiVh-4-25-0","MdsGridItem-rowSpan--1":"mdsGrid-module-MdsGridItem-rowSpan--1-UfSFY-4-25-0","MdsGridItem-rowSpan--2":"mdsGrid-module-MdsGridItem-rowSpan--2-RcCmm-4-25-0","MdsGridItem-rowSpan--3":"mdsGrid-module-MdsGridItem-rowSpan--3-2l-1t-4-25-0","MdsGridItem-rowSpan--4":"mdsGrid-module-MdsGridItem-rowSpan--4-w3b-k-4-25-0","MdsGridItem-rowSpan--5":"mdsGrid-module-MdsGridItem-rowSpan--5-xDjGB-4-25-0","MdsGridItem-rowSpan--6":"mdsGrid-module-MdsGridItem-rowSpan--6-COx1o-4-25-0","MdsGridItem-columnStart--1":"mdsGrid-module-MdsGridItem-columnStart--1-8Egf8-4-25-0","MdsGridItem-columnStart--2":"mdsGrid-module-MdsGridItem-columnStart--2-F8nbf-4-25-0","MdsGridItem-columnStart--3":"mdsGrid-module-MdsGridItem-columnStart--3-PlzEc-4-25-0","MdsGridItem-columnStart--4":"mdsGrid-module-MdsGridItem-columnStart--4-8S4L--4-25-0","MdsGridItem-columnStart--5":"mdsGrid-module-MdsGridItem-columnStart--5-Ew-g2-4-25-0","MdsGridItem-columnStart--6":"mdsGrid-module-MdsGridItem-columnStart--6-oBVoo-4-25-0","MdsGridItem-columnStart--7":"mdsGrid-module-MdsGridItem-columnStart--7-Cnb7p-4-25-0","MdsGridItem-columnStart--8":"mdsGrid-module-MdsGridItem-columnStart--8-xjKMr-4-25-0","MdsGridItem-columnStart--9":"mdsGrid-module-MdsGridItem-columnStart--9-L9-zC-4-25-0","MdsGridItem-columnStart--10":"mdsGrid-module-MdsGridItem-columnStart--10-lJThd-4-25-0","MdsGridItem-columnStart--11":"mdsGrid-module-MdsGridItem-columnStart--11-ORr-q-4-25-0","MdsGridItem-columnStart--12":"mdsGrid-module-MdsGridItem-columnStart--12-QFwjD-4-25-0","MdsGridItem-rowStart--1":"mdsGrid-module-MdsGridItem-rowStart--1-IKxiL-4-25-0","MdsGridItem-rowStart--2":"mdsGrid-module-MdsGridItem-rowStart--2-yaQUd-4-25-0","MdsGridItem-rowStart--3":"mdsGrid-module-MdsGridItem-rowStart--3-JCrYv-4-25-0","MdsGridItem-rowStart--4":"mdsGrid-module-MdsGridItem-rowStart--4-uCJy3-4-25-0","MdsGridItem-rowStart--5":"mdsGrid-module-MdsGridItem-rowStart--5-5qYoX-4-25-0","MdsGridItem-rowStart--6":"mdsGrid-module-MdsGridItem-rowStart--6-OvU4E-4-25-0"};
|
|
9151
9164
|
styleInject(css_248z$Q);
|
|
9152
9165
|
|
|
9153
9166
|
var _excluded$18 = ["columnSpan", "rowSpan", "columnStart", "rowStart", "justifySelf", "alignSelf", "className", "children"];
|
|
@@ -9323,12 +9336,12 @@ function isElementOfType(element) {
|
|
|
9323
9336
|
return element != null && element.type != null;
|
|
9324
9337
|
}
|
|
9325
9338
|
|
|
9326
|
-
var css_248z$P = ".slider-module-Slider-6TikH-4-
|
|
9327
|
-
var styles$O = {"Slider":"slider-module-Slider-6TikH-4-
|
|
9339
|
+
var css_248z$P = ".slider-module-Slider-6TikH-4-25-0 {\n width: 100%;\n}\n\n.slider-module-Slider-wrapper-WM2J6-4-25-0 {\n position: relative;\n outline: none;\n cursor: pointer;\n}\n\n.slider-module-Slider-wrapper--disabled-NHJzG-4-25-0 {\n cursor: not-allowed;\n}\n\n.slider-module-Slider-track-d76a8-4-25-0 {\n border-radius: var(--border-radius-10);\n height: var(--spacing-40);\n display: flex;\n align-items: center;\n overflow: hidden;\n padding-bottom: var(--spacing-20);\n}\n\n.slider-module-Slider-progress-371yB-4-25-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-25-0 {\n background: var(--primary);\n}\n\n.slider-module-Slider-progress--inRangeDisabled-zUebN-4-25-0 {\n border: var(--border);\n}\n\n.slider-module-Slider-axis-G4Rp0-4-25-0 {\n margin-top: calc(-1 * var(--spacing-20));\n}\n\n.slider-module-Slider-label-hbyPe-4-25-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-25-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-25-0 {\n visibility: visible;\n}\n\n.slider-module-Slider-tooltip--hidden--RxsH-4-25-0 {\n visibility: hidden;\n}\n\n.slider-module-Slider-tooltip-GGohr-4-25-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-25-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-25-0::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: var(--spacing-60);\n height: var(--spacing-60);\n background-color: transparent;\n border-radius: var(--border-radius-full);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-25-0:hover {\n background-color: var(--primary-lightest);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-25-0:active {\n background-color: var(--primary);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-25-0:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.slider-module-Slider-handle--disabled-SdL-F-4-25-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-25-0:focus {\n outline: none;\n box-shadow: none;\n}\n\n@media (forced-colors: active) {\n /* Handle elevation comes from box-shadow only — add a real border so it stays visible */\n .slider-module-Slider-handle-WSP0Z-4-25-0 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n /* Restore focus ring on the handle (outline:none is set unconditionally) */\n .slider-module-Slider-handle-WSP0Z-4-25-0:focus,\n .slider-module-Slider-handle-WSP0Z-4-25-0:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n }\n\n /* Filled portion of the track */\n .slider-module-Slider-progress--inRange-GkXBe-4-25-0 {\n forced-color-adjust: none;\n background: Highlight;\n }\n}\n";
|
|
9340
|
+
var styles$O = {"Slider":"slider-module-Slider-6TikH-4-25-0","Slider-wrapper":"slider-module-Slider-wrapper-WM2J6-4-25-0","Slider-wrapper--disabled":"slider-module-Slider-wrapper--disabled-NHJzG-4-25-0","Slider-track":"slider-module-Slider-track-d76a8-4-25-0","Slider-progress":"slider-module-Slider-progress-371yB-4-25-0","Slider-progress--inRange":"slider-module-Slider-progress--inRange-GkXBe-4-25-0","Slider-progress--inRangeDisabled":"slider-module-Slider-progress--inRangeDisabled-zUebN-4-25-0","Slider-axis":"slider-module-Slider-axis-G4Rp0-4-25-0","Slider-label":"slider-module-Slider-label-hbyPe-4-25-0","Slider-ticks":"slider-module-Slider-ticks-J8lu0-4-25-0","Slider-tooltip--visible":"slider-module-Slider-tooltip--visible-O3adL-4-25-0","Slider-tooltip--hidden":"slider-module-Slider-tooltip--hidden--RxsH-4-25-0","Slider-tooltip":"slider-module-Slider-tooltip-GGohr-4-25-0","Slider-handle":"slider-module-Slider-handle-WSP0Z-4-25-0","Slider-handle--disabled":"slider-module-Slider-handle--disabled-SdL-F-4-25-0"};
|
|
9328
9341
|
styleInject(css_248z$P);
|
|
9329
9342
|
|
|
9330
|
-
var css_248z$O = ".tooltip-module-Tooltip-BzFZs-4-
|
|
9331
|
-
var styles$N = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-
|
|
9343
|
+
var css_248z$O = ".tooltip-module-Tooltip-BzFZs-4-25-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-25-0 {\n line-height: var(--font-height-s);\n}\n\n.tooltip-module-Tooltip-text-tDwJG-4-25-0 {\n white-space: pre-wrap;\n word-break: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n\n@keyframes tooltip-module-tooltip-open-top-VGviE-4-25-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-25-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-25-0 {\n animation: tooltip-module-tooltip-open-top-VGviE-4-25-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-25-0 {\n animation: tooltip-module-tooltip-close-top-xSYx8-4-25-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n@keyframes tooltip-module-tooltip-open-bottom-aJGl9-4-25-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-25-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-25-0 {\n animation: tooltip-module-tooltip-open-bottom-aJGl9-4-25-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-25-0 {\n animation: tooltip-module-tooltip-close-bottom-eYZve-4-25-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-left-s3-1K-4-25-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-25-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-25-0 {\n animation: tooltip-module-tooltip-open-left-s3-1K-4-25-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-left-vH8jz-4-25-0 {\n animation: tooltip-module-tooltip-close-left-yNuIX-4-25-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-right-Ia-cr-4-25-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-25-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-25-0 {\n animation: tooltip-module-tooltip-open-right-Ia-cr-4-25-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-right-KMa4x-4-25-0 {\n animation: tooltip-module-tooltip-close-right-yOe2m-4-25-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.tooltip-module-Tooltip-container-iDy8C-4-25-0 {\n transition-delay: 400ms;\n animation-delay: 400ms;\n}\n";
|
|
9344
|
+
var styles$N = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-25-0","Tooltip--small":"tooltip-module-Tooltip--small-WsdO5-4-25-0","Tooltip-text":"tooltip-module-Tooltip-text-tDwJG-4-25-0","Tooltip-animation-open-top":"tooltip-module-Tooltip-animation-open-top-D0Bht-4-25-0","tooltip-open-top":"tooltip-module-tooltip-open-top-VGviE-4-25-0","Tooltip-animation-close-top":"tooltip-module-Tooltip-animation-close-top-p--Cg-4-25-0","tooltip-close-top":"tooltip-module-tooltip-close-top-xSYx8-4-25-0","Tooltip-animation-open-bottom":"tooltip-module-Tooltip-animation-open-bottom-WKD5b-4-25-0","tooltip-open-bottom":"tooltip-module-tooltip-open-bottom-aJGl9-4-25-0","Tooltip-animation-close-bottom":"tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-25-0","tooltip-close-bottom":"tooltip-module-tooltip-close-bottom-eYZve-4-25-0","Tooltip-animation-open-left":"tooltip-module-Tooltip-animation-open-left-cZNy6-4-25-0","tooltip-open-left":"tooltip-module-tooltip-open-left-s3-1K-4-25-0","Tooltip-animation-close-left":"tooltip-module-Tooltip-animation-close-left-vH8jz-4-25-0","tooltip-close-left":"tooltip-module-tooltip-close-left-yNuIX-4-25-0","Tooltip-animation-open-right":"tooltip-module-Tooltip-animation-open-right-PzfHz-4-25-0","tooltip-open-right":"tooltip-module-tooltip-open-right-Ia-cr-4-25-0","Tooltip-animation-close-right":"tooltip-module-Tooltip-animation-close-right-KMa4x-4-25-0","tooltip-close-right":"tooltip-module-tooltip-close-right-yOe2m-4-25-0","Tooltip-container":"tooltip-module-Tooltip-container-iDy8C-4-25-0"};
|
|
9332
9345
|
styleInject(css_248z$O);
|
|
9333
9346
|
|
|
9334
9347
|
var Handle = /*#__PURE__*/function (_React$Component) {
|
|
@@ -10082,8 +10095,8 @@ Paragraph.defaultProps = {
|
|
|
10082
10095
|
appearance: 'default'
|
|
10083
10096
|
};
|
|
10084
10097
|
|
|
10085
|
-
var css_248z$N = ".progressBar-module-ProgressBar-I9SrG-4-
|
|
10086
|
-
var styles$M = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-
|
|
10098
|
+
var css_248z$N = ".progressBar-module-ProgressBar-I9SrG-4-25-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-25-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-25-0 {\n height: var(--spacing-10);\n}\n\n.progressBar-module-ProgressBar-indicator--regular-XWwir-4-25-0 {\n height: var(--spacing-20);\n}\n\n.progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-25-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-25-0 1.4s infinite linear;\n}\n\n@keyframes progressBar-module-indeterminate-progress-bar-WrhBP-4-25-0 {\n from {\n left: -32%;\n }\n to {\n left: 100%;\n }\n}\n";
|
|
10099
|
+
var styles$M = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-25-0","ProgressBar-indicator":"progressBar-module-ProgressBar-indicator-Wk5Cj-4-25-0","ProgressBar-indicator--small":"progressBar-module-ProgressBar-indicator--small-3qwXo-4-25-0","ProgressBar-indicator--regular":"progressBar-module-ProgressBar-indicator--regular-XWwir-4-25-0","ProgressBar-indicator--indeterminate":"progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-25-0","indeterminate-progress-bar":"progressBar-module-indeterminate-progress-bar-WrhBP-4-25-0"};
|
|
10087
10100
|
styleInject(css_248z$N);
|
|
10088
10101
|
|
|
10089
10102
|
var ProgressBar = function ProgressBar(props) {
|
|
@@ -10128,8 +10141,8 @@ ProgressBar.defaultProps = {
|
|
|
10128
10141
|
state: 'default'
|
|
10129
10142
|
};
|
|
10130
10143
|
|
|
10131
|
-
var css_248z$M = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-
|
|
10132
|
-
var styles$L = {"Radio":"radio-module-Radio-sJTSN-4-
|
|
10144
|
+
var css_248z$M = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-25-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-25-0 {\n position: relative;\n flex-shrink: 0;\n margin-top: var(--spacing-05);\n}\n\n.radio-module-Radio-defaultWrapper-42-VN-4-25-0 {\n border: var(--border-width-2-5) solid var(--inverse-lighter);\n}\n\n.radio-module-Radio-errorWrapper-EIko4-4-25-0 {\n border: var(--border);\n border-color: var(--alert);\n}\n\n.radio-module-Radio-outerWrapper--regular-GAbrZ-4-25-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.radio-module-Radio-outerWrapper--tiny-ICX4H-4-25-0 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.radio-module-Radio-input-tMZXc-4-25-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-25-0 {\n padding-left: var(--spacing-20);\n display: flex;\n flex-direction: column;\n}\n\n.radio-module-Radio-Label-pyxfI-4-25-0 {\n display: flex;\n cursor: pointer;\n margin-left: calc(-1 * var(--spacing-20));\n padding-left: var(--spacing-20);\n}\n\n.radio-module-Radio-wrapper-X9saa-4-25-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-25-0 {\n pointer-events: none;\n}\n\n.radio-module-Radio-sJTSN-4-25-0:hover .radio-module-Radio-wrapper-X9saa-4-25-0 {\n border: var(--border-width-2-5) solid var(--inverse-light);\n background-color: var(--secondary-lighter);\n}\n\n.radio-module-Radio-sJTSN-4-25-0:active .radio-module-Radio-wrapper-X9saa-4-25-0 {\n background-color: var(--secondary-light);\n border: var(--border-width-2-5) solid var(--inverse-light);\n}\n\n.radio-module-Radio-sJTSN-4-25-0:hover .radio-module-Radio-errorWrapper-EIko4-4-25-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-25-0:active .radio-module-Radio-errorWrapper-EIko4-4-25-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-25-0:focus-within .radio-module-Radio-wrapper-X9saa-4-25-0 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio-sJTSN-4-25-0:focus-within .radio-module-Radio-errorWrapper-EIko4-4-25-0 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio-sJTSN-4-25-0:focus-within .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-25-0 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio-sJTSN-4-25-0:focus-within .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-25-0 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-25-0 .radio-module-Radio-wrapper-X9saa-4-25-0 {\n border: var(--border-width-2-5) solid var(--secondary);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-25-0 .radio-module-Radio-errorWrapper-EIko4-4-25-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-25-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-25-0 {\n border: var(--border-width-2-5) solid var(--primary);\n}\n\n.radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-25-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-25-0:after {\n display: block;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.radio-module-Radio-wrapper-X9saa-4-25-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-25-0:after {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.radio-module-Radio-wrapper--tiny-V-uaD-4-25-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-25-0:hover .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-25-0 {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-25-0:hover .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-25-0:after {\n background: var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-25-0:hover .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-25-0:after {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-25-0:active .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-25-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-25-0:hover .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-25-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-25-0:active .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-25-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-25-0:active .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-25-0:after {\n background: var(--primary-darker);\n}\n\n.radio-module-Radio-sJTSN-4-25-0:active .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-25-0:after {\n border: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-25-0 .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-25-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-25-0 .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-25-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-25-0 .radio-module-Radio-input-tMZXc-4-25-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-25-0:after {\n background: var(--primary-lighter);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-25-0 .radio-module-Radio-input-tMZXc-4-25-0 ~ .radio-module-Radio-wrapper-X9saa-4-25-0:focus {\n outline: none;\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-25-0 .radio-module-Radio-input-tMZXc-4-25-0 ~ .radio-module-Radio-errorWrapper-EIko4-4-25-0:focus {\n outline: none;\n}\n";
|
|
10145
|
+
var styles$L = {"Radio":"radio-module-Radio-sJTSN-4-25-0","Radio-outerWrapper":"radio-module-Radio-outerWrapper-y7yec-4-25-0","Radio-defaultWrapper":"radio-module-Radio-defaultWrapper-42-VN-4-25-0","Radio-errorWrapper":"radio-module-Radio-errorWrapper-EIko4-4-25-0","Radio-outerWrapper--regular":"radio-module-Radio-outerWrapper--regular-GAbrZ-4-25-0","Radio-outerWrapper--tiny":"radio-module-Radio-outerWrapper--tiny-ICX4H-4-25-0","Radio-input":"radio-module-Radio-input-tMZXc-4-25-0","Radio-labelWrapper":"radio-module-Radio-labelWrapper-aPfU--4-25-0","Radio-Label":"radio-module-Radio-Label-pyxfI-4-25-0","Radio-wrapper":"radio-module-Radio-wrapper-X9saa-4-25-0","Radio--disabled":"radio-module-Radio--disabled-Mbuyd-4-25-0","Radio-wrapper--regular":"radio-module-Radio-wrapper--regular-bCOY2-4-25-0","Radio-wrapper--tiny":"radio-module-Radio-wrapper--tiny-V-uaD-4-25-0"};
|
|
10133
10146
|
styleInject(css_248z$M);
|
|
10134
10147
|
|
|
10135
10148
|
var _excluded$14 = ["size", "label", "disabled", "onChange", "name", "value", "checked", "defaultChecked", "className", "helpText", "error", "aria-label", "aria-labelledby", "aria-describedby", "id"];
|
|
@@ -10233,8 +10246,8 @@ var Row = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10233
10246
|
});
|
|
10234
10247
|
Row.displayName = 'Row';
|
|
10235
10248
|
|
|
10236
|
-
var css_248z$L = ".statusHint-module-StatusHint-20-9Y-4-
|
|
10237
|
-
var styles$K = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-
|
|
10249
|
+
var css_248z$L = ".statusHint-module-StatusHint-20-9Y-4-25-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-25-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-25-0 {\n background: var(--alert);\n}\n\n.statusHint-module-StatusHint--success-vLRLm-4-25-0 {\n background: var(--success);\n}\n\n.statusHint-module-StatusHint--warning-Go4Xc-4-25-0 {\n background: var(--warning);\n}\n\n.statusHint-module-StatusHint--info--Qb0E-4-25-0 {\n background: var(--primary);\n}\n\n.statusHint-module-StatusHint--default-XXxYB-4-25-0 {\n background: var(--secondary-light);\n}\n";
|
|
10250
|
+
var styles$K = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-25-0","StatusHint-icon":"statusHint-module-StatusHint-icon-XMbB3-4-25-0","StatusHint--alert":"statusHint-module-StatusHint--alert-6GWUf-4-25-0","StatusHint--success":"statusHint-module-StatusHint--success-vLRLm-4-25-0","StatusHint--warning":"statusHint-module-StatusHint--warning-Go4Xc-4-25-0","StatusHint--info":"statusHint-module-StatusHint--info--Qb0E-4-25-0","StatusHint--default":"statusHint-module-StatusHint--default-XXxYB-4-25-0"};
|
|
10238
10251
|
styleInject(css_248z$L);
|
|
10239
10252
|
|
|
10240
10253
|
var _excluded$12 = ["appearance", "children", "onMouseEnter", "onMouseLeave", "onClick", "truncateLabel", "className", "size"];
|
|
@@ -10258,7 +10271,7 @@ var StatusHint = function StatusHint(props) {
|
|
|
10258
10271
|
_onClick === null || _onClick === void 0 || _onClick(event);
|
|
10259
10272
|
}
|
|
10260
10273
|
};
|
|
10261
|
-
var StatusHintClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$K.StatusHint, true), styles$
|
|
10274
|
+
var StatusHintClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$K.StatusHint, true), styles$19.StatusHint, true), className);
|
|
10262
10275
|
var StatusHintIconClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$K['StatusHint-icon'], true), styles$K["StatusHint--".concat(appearance)], appearance), 'mr-3-5', size === 'small'), 'mr-4', size === 'regular'));
|
|
10263
10276
|
var StatusHintTextClass = classnames(_defineProperty$1({}, 'ellipsis--noWrap', truncateLabel));
|
|
10264
10277
|
var renderChildren = function renderChildren() {
|
|
@@ -10300,8 +10313,8 @@ StatusHint.defaultProps = {
|
|
|
10300
10313
|
appearance: 'default'
|
|
10301
10314
|
};
|
|
10302
10315
|
|
|
10303
|
-
var css_248z$K = ".pills-module-Pills--00hR-4-
|
|
10304
|
-
var styles$J = {"Pills":"pills-module-Pills--00hR-4-
|
|
10316
|
+
var css_248z$K = ".pills-module-Pills--00hR-4-25-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";
|
|
10317
|
+
var styles$J = {"Pills":"pills-module-Pills--00hR-4-25-0"};
|
|
10305
10318
|
styleInject(css_248z$K);
|
|
10306
10319
|
|
|
10307
10320
|
var Pills = function Pills(props) {
|
|
@@ -10325,8 +10338,8 @@ Pills.defaultProps = {
|
|
|
10325
10338
|
appearance: 'secondary'
|
|
10326
10339
|
};
|
|
10327
10340
|
|
|
10328
|
-
var css_248z$J = "@keyframes spinner-module-rotate--J0VK-4-
|
|
10329
|
-
var styles$I = {"Spinner":"spinner-module-Spinner-Gnrbl-4-
|
|
10341
|
+
var css_248z$J = "@keyframes spinner-module-rotate--J0VK-4-25-0 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spinner-module-spin-EtIAo-4-25-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-25-0 {\n animation: spinner-module-rotate--J0VK-4-25-0 2s linear infinite;\n}\n\n.spinner-module-Spinner--xsmall-fTG9G-4-25-0 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.spinner-module-Spinner--small-H43c1-4-25-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.spinner-module-Spinner--medium-FJ68A-4-25-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.spinner-module-Spinner--large-mEm-A-4-25-0 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.spinner-module-Circle--gSx3-4-25-0 {\n stroke-linecap: round;\n stroke-dasharray: 1 200;\n stroke-dashoffset: 0;\n animation: spinner-module-spin-EtIAo-4-25-0 1.5s ease-in-out infinite;\n}\n\n.spinner-module-Circle--primary-REY8w-4-25-0 {\n stroke: var(--primary-dark);\n}\n\n.spinner-module-Circle--secondary-KzVQ8-4-25-0 {\n stroke: var(--inverse-lighter);\n}\n\n.spinner-module-Circle--white-xc8CI-4-25-0 {\n stroke: var(--white);\n}\n\n.spinner-module-Circle--alert-KYAj6-4-25-0 {\n stroke: var(--alert-dark);\n}\n";
|
|
10342
|
+
var styles$I = {"Spinner":"spinner-module-Spinner-Gnrbl-4-25-0","rotate":"spinner-module-rotate--J0VK-4-25-0","Spinner--xsmall":"spinner-module-Spinner--xsmall-fTG9G-4-25-0","Spinner--small":"spinner-module-Spinner--small-H43c1-4-25-0","Spinner--medium":"spinner-module-Spinner--medium-FJ68A-4-25-0","Spinner--large":"spinner-module-Spinner--large-mEm-A-4-25-0","Circle":"spinner-module-Circle--gSx3-4-25-0","spin":"spinner-module-spin-EtIAo-4-25-0","Circle--primary":"spinner-module-Circle--primary-REY8w-4-25-0","Circle--secondary":"spinner-module-Circle--secondary-KzVQ8-4-25-0","Circle--white":"spinner-module-Circle--white-xc8CI-4-25-0","Circle--alert":"spinner-module-Circle--alert-KYAj6-4-25-0"};
|
|
10330
10343
|
styleInject(css_248z$J);
|
|
10331
10344
|
|
|
10332
10345
|
var Spinner = function Spinner(props) {
|
|
@@ -10449,26 +10462,27 @@ RangeSlider.defaultProps = _objectSpread2(_objectSpread2({}, MultiSlider.default
|
|
|
10449
10462
|
defaultValue: [0, 10]
|
|
10450
10463
|
});
|
|
10451
10464
|
|
|
10452
|
-
var css_248z$I = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-
|
|
10453
|
-
var styles$H = {"Subheading":"subheading-module-Subheading-qdIJH-4-
|
|
10465
|
+
var css_248z$I = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-25-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-25-0 {\n color: var(--text);\n}\n\n.subheading-module-Subheading--subtle--rivS-4-25-0 {\n color: var(--text-subtle);\n}\n\n.subheading-module-Subheading--disabled-LAyqD-4-25-0 {\n color: var(--text-disabled);\n}\n\n.subheading-module-Subheading--white-Y8Awi-4-25-0 {\n color: var(--text-white);\n}\n";
|
|
10466
|
+
var styles$H = {"Subheading":"subheading-module-Subheading-qdIJH-4-25-0","Subheading--default":"subheading-module-Subheading--default-wlFtB-4-25-0","Subheading--subtle":"subheading-module-Subheading--subtle--rivS-4-25-0","Subheading--disabled":"subheading-module-Subheading--disabled-LAyqD-4-25-0","Subheading--white":"subheading-module-Subheading--white-Y8Awi-4-25-0"};
|
|
10454
10467
|
styleInject(css_248z$I);
|
|
10455
10468
|
|
|
10456
|
-
var _excluded$$ = ["appearance", "children", "className", "color"];
|
|
10469
|
+
var _excluded$$ = ["appearance", "as", "children", "className", "color"];
|
|
10457
10470
|
var Subheading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
10458
10471
|
var _props$appearance = props.appearance,
|
|
10459
10472
|
appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
|
|
10473
|
+
as = props.as,
|
|
10460
10474
|
children = props.children,
|
|
10461
10475
|
className = props.className,
|
|
10462
10476
|
color = props.color,
|
|
10463
10477
|
rest = _objectWithoutProperties(props, _excluded$$);
|
|
10464
10478
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$H.Subheading, true), styles$H["Subheading--".concat(appearance)], !color && appearance), "color-".concat(color), color), className);
|
|
10479
|
+
var componentType = as || 'h4';
|
|
10465
10480
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
10466
10481
|
ref: ref,
|
|
10467
10482
|
"data-test": "DesignSystem-Subheading"
|
|
10468
10483
|
}, rest, {
|
|
10469
10484
|
className: classes,
|
|
10470
|
-
componentType:
|
|
10471
|
-
"aria-level": 4
|
|
10485
|
+
componentType: componentType
|
|
10472
10486
|
}), children);
|
|
10473
10487
|
});
|
|
10474
10488
|
Subheading.displayName = 'Subheading';
|
|
@@ -10476,8 +10490,8 @@ Subheading.defaultProps = {
|
|
|
10476
10490
|
appearance: 'default'
|
|
10477
10491
|
};
|
|
10478
10492
|
|
|
10479
|
-
var css_248z$H = ".switch-module-Switch-QepNe-4-
|
|
10480
|
-
var styles$G = {"Switch":"switch-module-Switch-QepNe-4-
|
|
10493
|
+
var css_248z$H = ".switch-module-Switch-QepNe-4-25-0 {\n display: inline-flex;\n position: relative;\n}\n\n.switch-module-Switch--tiny-r1E6o-4-25-0 {\n height: var(--spacing-40);\n width: var(--spacing-80);\n}\n\n.switch-module-Switch--regular-ciyyD-4-25-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch--large-kX3JT-4-25-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch-input-5oT7E-4-25-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-25-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-25-0:focus ~ .switch-module-Switch-wrapper-btwpQ-4-25-0 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n background-color: var(--secondary-light);\n}\n\n.switch-module-Switch-input-5oT7E-4-25-0:focus ~ .switch-module-Switch-wrapper--checked-1oCxY-4-25-0 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n background-color: var(--primary);\n}\n\n.switch-module-Switch-input-5oT7E-4-25-0:hover ~ .switch-module-Switch-wrapper-btwpQ-4-25-0 {\n background-color: var(--secondary);\n}\n\n.switch-module-Switch-input-5oT7E-4-25-0:hover ~ .switch-module-Switch-wrapper--checked-1oCxY-4-25-0 {\n background-color: var(--primary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-25-0:active ~ .switch-module-Switch-wrapper-btwpQ-4-25-0 {\n background-color: var(--secondary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-25-0:active ~ .switch-module-Switch-wrapper--checked-1oCxY-4-25-0 {\n background-color: var(--primary-darker);\n}\n\n.switch-module-Switch-input-5oT7E-4-25-0:active ~ .switch-module-Switch-wrapper-btwpQ-4-25-0:before {\n border-color: var(--inverse-light);\n}\n\n.switch-module-Switch-input-5oT7E-4-25-0:active ~ .switch-module-Switch-wrapper--checked-1oCxY-4-25-0:before {\n border-color: transparent;\n}\n\n.switch-module-Switch-wrapper--tiny--PBMV-4-25-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--regular-6j-AT-4-25-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--large-A8WkP-4-25-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper-btwpQ-4-25-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 border: var(--border-width-2-5) solid var(--inverse-lighter);\n}\n\n.switch-module-Switch-wrapper--checked-1oCxY-4-25-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-25-0:before {\n transform: translateX(100%);\n transition-duration: 80ms;\n border-color: transparent;\n}\n\n.switch-module-Switch--disabled-xXiea-4-25-0 {\n pointer-events: none;\n}\n\n.switch-module-Switch-wrapper--disabled-HghBP-4-25-0 {\n background-color: var(--secondary-lighter);\n}\n\n.switch-module-Switch-wrapper--disabled-HghBP-4-25-0:before {\n border-color: var(--secondary-dark);\n}\n\n.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-25-0 {\n background-color: var(--primary-lighter);\n}\n\n.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-25-0:before {\n border-color: transparent;\n}\n\n@media (forced-colors: active) {\n .switch-module-Switch-wrapper-btwpQ-4-25-0 {\n outline: var(--border-width-2-5) solid ButtonText;\n outline-offset: calc(-1 * var(--border-width-2-5));\n box-shadow: none;\n }\n\n /* Checked (enabled) track: use Highlight to distinguish on-state */\n .switch-module-Switch-wrapper--checked-1oCxY-4-25-0:not(.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-25-0) {\n background-color: Highlight;\n }\n\n .switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-25-0 {\n background-color: ButtonFace;\n outline-color: GrayText;\n }\n\n /* Thumb: box-shadow is removed in forced-colors mode — ensure the existing border is visible */\n .switch-module-Switch-wrapper-btwpQ-4-25-0:before {\n box-shadow: none;\n border-color: ButtonText;\n }\n\n /* In the checked (enabled) state the thumb border is transparent — make it contrast against the track */\n .switch-module-Switch-wrapper--checked-1oCxY-4-25-0:not(.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-25-0):before {\n border-color: HighlightText;\n }\n\n /* Checked-disabled thumb: use GrayText so it reads as disabled */\n .switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-25-0:before {\n border-color: GrayText;\n }\n\n /* Unchecked-disabled thumb */\n .switch-module-Switch-wrapper--disabled-HghBP-4-25-0:before {\n border-color: GrayText;\n }\n}\n";
|
|
10494
|
+
var styles$G = {"Switch":"switch-module-Switch-QepNe-4-25-0","Switch--tiny":"switch-module-Switch--tiny-r1E6o-4-25-0","Switch--regular":"switch-module-Switch--regular-ciyyD-4-25-0","Switch--large":"switch-module-Switch--large-kX3JT-4-25-0","Switch-input":"switch-module-Switch-input-5oT7E-4-25-0","Switch-wrapper":"switch-module-Switch-wrapper-btwpQ-4-25-0","Switch-wrapper--checked":"switch-module-Switch-wrapper--checked-1oCxY-4-25-0","Switch-wrapper--tiny":"switch-module-Switch-wrapper--tiny--PBMV-4-25-0","Switch-wrapper--regular":"switch-module-Switch-wrapper--regular-6j-AT-4-25-0","Switch-wrapper--large":"switch-module-Switch-wrapper--large-A8WkP-4-25-0","Switch--disabled":"switch-module-Switch--disabled-xXiea-4-25-0","Switch-wrapper--disabled":"switch-module-Switch-wrapper--disabled-HghBP-4-25-0","Switch-wrapper--checkedDisabled":"switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-25-0"};
|
|
10481
10495
|
styleInject(css_248z$H);
|
|
10482
10496
|
|
|
10483
10497
|
var _excluded$_ = ["size", "defaultChecked", "disabled", "onChange", "name", "value", "className", "appearance", "checked"];
|
|
@@ -10542,8 +10556,8 @@ var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10542
10556
|
});
|
|
10543
10557
|
Switch.displayName = 'Switch';
|
|
10544
10558
|
|
|
10545
|
-
var css_248z$G = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-
|
|
10546
|
-
var styles$F = {"Textarea":"textarea-module-Textarea-Es1Ps-4-
|
|
10559
|
+
var css_248z$G = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-25-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-25-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-25-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-25-0::-ms-clear {\n display: none;\n}\n\n.textarea-module-Textarea-Es1Ps-4-25-0:focus-within {\n border-color: var(--secondary);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-2-5);\n}\n\n.textarea-module-Textarea-Es1Ps-4-25-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-25-0 {\n pointer-events: none;\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n}\n\n.textarea-module-Textarea--error-gqkse-4-25-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.textarea-module-Textarea--error-gqkse-4-25-0:focus-within {\n border-color: var(--alert);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-2-5);\n}\n\n.textarea-module-Textarea--resize-6QHWa-4-25-0 {\n resize: both;\n}\n\n.textarea-module-Textarea--small-reQLZ-4-25-0 {\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-height-s);\n}\n";
|
|
10560
|
+
var styles$F = {"Textarea":"textarea-module-Textarea-Es1Ps-4-25-0","Textarea--readOnly":"textarea-module-Textarea--readOnly-mTqc8-4-25-0","Textarea--error":"textarea-module-Textarea--error-gqkse-4-25-0","Textarea--resize":"textarea-module-Textarea--resize-6QHWa-4-25-0","Textarea--small":"textarea-module-Textarea--small-reQLZ-4-25-0"};
|
|
10547
10561
|
styleInject(css_248z$G);
|
|
10548
10562
|
|
|
10549
10563
|
var _excluded$Z = ["size", "rows", "resize", "disabled", "name", "placeholder", "value", "defaultValue", "required", "error", "onChange", "onClick", "onBlur", "onFocus", "className", "readOnly"];
|
|
@@ -10591,8 +10605,8 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10591
10605
|
});
|
|
10592
10606
|
Textarea.displayName = 'Textarea';
|
|
10593
10607
|
|
|
10594
|
-
var css_248z$F = "/* toast */\n\n.toast-module-Toast-OpDhM-4-
|
|
10595
|
-
var styles$E = {"Toast":"toast-module-Toast-OpDhM-4-
|
|
10608
|
+
var css_248z$F = "/* toast */\n\n.toast-module-Toast-OpDhM-4-25-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-25-0 {\n padding-bottom: var(--spacing-40);\n}\n\n.toast-module-Toast--info-dEexw-4-25-0 {\n background-color: var(--primary);\n}\n\n.toast-module-Toast--alert-gxrp--4-25-0 {\n background-color: var(--alert);\n}\n\n.toast-module-Toast--success-gju3F-4-25-0 {\n background-color: var(--success);\n}\n\n.toast-module-Toast--warning-ELr9r-4-25-0 {\n background-color: var(--warning);\n}\n\n.toast-module-Toast--warning-ELr9r-4-25-0 {\n color: var(--text);\n}\n\n.toast-module-Toast-icon-RrG2q-4-25-0 {\n line-height: var(--font-height-m);\n}\n\n.toast-module-Toast-icon--left-dAfZv-4-25-0 {\n margin-right: var(--spacing-40);\n}\n\n.toast-module-Toast-icon--right--8Qmt-4-25-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 background: transparent;\n border: none;\n}\n\n.toast-module-Toast-icon--info-zE2SA-4-25-0,\n.toast-module-Toast-icon--success-SOr0z-4-25-0,\n.toast-module-Toast-icon--alert-TS0aE-4-25-0,\n.toast-module-Toast-icon--default-HsZ-7-4-25-0 {\n color: var(--text-white);\n}\n\n.toast-module-Toast-icon--warning-47OGV-4-25-0 {\n color: var(--warning-darker);\n}\n\n.toast-module-Toast-closeButton-X-cMT-4-25-0 {\n background: transparent;\n border: none;\n color: inherit;\n padding: 0;\n}\n\n.toast-module-Toast-close-icon-Mwg7W-4-25-0:focus,\n.toast-module-Toast-close-icon-Mwg7W-4-25-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--inverse-focus);\n}\n\n.toast-module-Toast-close-icon--warning-nuh9s-4-25-0:hover,\n.toast-module-Toast-close-icon--warning-nuh9s-4-25-0:active {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-close-icon--success-fXEEm-4-25-0:hover,\n.toast-module-Toast-close-icon--success-fXEEm-4-25-0:active {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-close-icon--info-0vDSQ-4-25-0:hover,\n.toast-module-Toast-close-icon--info-0vDSQ-4-25-0:active {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-close-icon--alert-cq8I3-4-25-0:hover,\n.toast-module-Toast-close-icon--alert-cq8I3-4-25-0:active {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-body--5KGi-4-25-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.toast-module-Toast-title-4cVcs-4-25-0 {\n display: flex;\n}\n\n.toast-module-Toast-heading-BOc6U-4-25-0 {\n flex-grow: 1;\n}\n\n.toast-module-Toast-text-pwhPD-4-25-0 {\n padding-top: var(--spacing-20);\n}\n\n.toast-module-Toast-text--warning-J4ygg-4-25-0,\n.toast-module-Toast-heading--warning-sybsC-4-25-0 {\n color: var(--warning-darker) !important;\n}\n\n.toast-module-Toast-actions-3qfv--4-25-0 {\n display: flex;\n padding-top: var(--spacing-30);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-25-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-25-0:focus {\n outline: var(--border-width-05) solid var(--inverse-focus);\n outline-offset: var(--spacing-05);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-25-0:last-child {\n margin-right: 0;\n}\n\n.toast-module-Toast-actionButton-label-k-pcH-4-25-0 {\n color: inherit;\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-25-0 {\n background: var(--inverse-light);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-25-0:hover,\n.toast-module-Toast-actionButton--default-UVS4L-4-25-0:active {\n background: var(--inverse);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-25-0 {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-25-0:hover,\n.toast-module-Toast-actionButton--info-MLC4o-4-25-0:active {\n background: var(--primary-darker);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-25-0 {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-25-0:hover,\n.toast-module-Toast-actionButton--success-vppAH-4-25-0:active {\n background: var(--success-darker);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-25-0 {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-25-0:hover,\n.toast-module-Toast-actionButton--alert-VMKO0-4-25-0:active {\n background: var(--alert-darker);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-25-0 {\n background: var(--warning-dark);\n color: var(--text);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-25-0:hover,\n.toast-module-Toast-actionButton--warning-GNDkx-4-25-0:active {\n background: var(--warning-darker);\n color: var(--text-white);\n}\n\n@media (forced-colors: active) {\n /* Close icon focus ring is conveyed via box-shadow only — replace with outline */\n .toast-module-Toast-close-icon-Mwg7W-4-25-0:focus,\n .toast-module-Toast-close-icon-Mwg7W-4-25-0:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n box-shadow: none;\n }\n}\n";
|
|
10609
|
+
var styles$E = {"Toast":"toast-module-Toast-OpDhM-4-25-0","Toast--withMessage":"toast-module-Toast--withMessage-T8xPr-4-25-0","Toast--info":"toast-module-Toast--info-dEexw-4-25-0","Toast--alert":"toast-module-Toast--alert-gxrp--4-25-0","Toast--success":"toast-module-Toast--success-gju3F-4-25-0","Toast--warning":"toast-module-Toast--warning-ELr9r-4-25-0","Toast-icon":"toast-module-Toast-icon-RrG2q-4-25-0","Toast-icon--left":"toast-module-Toast-icon--left-dAfZv-4-25-0","Toast-icon--right":"toast-module-Toast-icon--right--8Qmt-4-25-0","Toast-icon--info":"toast-module-Toast-icon--info-zE2SA-4-25-0","Toast-icon--success":"toast-module-Toast-icon--success-SOr0z-4-25-0","Toast-icon--alert":"toast-module-Toast-icon--alert-TS0aE-4-25-0","Toast-icon--default":"toast-module-Toast-icon--default-HsZ-7-4-25-0","Toast-icon--warning":"toast-module-Toast-icon--warning-47OGV-4-25-0","Toast-closeButton":"toast-module-Toast-closeButton-X-cMT-4-25-0","Toast-close-icon":"toast-module-Toast-close-icon-Mwg7W-4-25-0","Toast-close-icon--warning":"toast-module-Toast-close-icon--warning-nuh9s-4-25-0","Toast-close-icon--success":"toast-module-Toast-close-icon--success-fXEEm-4-25-0","Toast-close-icon--info":"toast-module-Toast-close-icon--info-0vDSQ-4-25-0","Toast-close-icon--alert":"toast-module-Toast-close-icon--alert-cq8I3-4-25-0","Toast-body":"toast-module-Toast-body--5KGi-4-25-0","Toast-title":"toast-module-Toast-title-4cVcs-4-25-0","Toast-heading":"toast-module-Toast-heading-BOc6U-4-25-0","Toast-text":"toast-module-Toast-text-pwhPD-4-25-0","Toast-text--warning":"toast-module-Toast-text--warning-J4ygg-4-25-0","Toast-heading--warning":"toast-module-Toast-heading--warning-sybsC-4-25-0","Toast-actions":"toast-module-Toast-actions-3qfv--4-25-0","Toast-actionButton":"toast-module-Toast-actionButton-lfdEz-4-25-0","Toast-actionButton-label":"toast-module-Toast-actionButton-label-k-pcH-4-25-0","Toast-actionButton--default":"toast-module-Toast-actionButton--default-UVS4L-4-25-0","Toast-actionButton--info":"toast-module-Toast-actionButton--info-MLC4o-4-25-0","Toast-actionButton--success":"toast-module-Toast-actionButton--success-vppAH-4-25-0","Toast-actionButton--alert":"toast-module-Toast-actionButton--alert-VMKO0-4-25-0","Toast-actionButton--warning":"toast-module-Toast-actionButton--warning-GNDkx-4-25-0"};
|
|
10596
10610
|
styleInject(css_248z$F);
|
|
10597
10611
|
|
|
10598
10612
|
var ActionButton = function ActionButton(props) {
|
|
@@ -10663,7 +10677,8 @@ var Toast = function Toast(props) {
|
|
|
10663
10677
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
10664
10678
|
size: "s",
|
|
10665
10679
|
className: headingClass,
|
|
10666
|
-
appearance: appearance !== 'warning' ? 'white' : 'default'
|
|
10680
|
+
appearance: appearance !== 'warning' ? 'white' : 'default',
|
|
10681
|
+
as: "span"
|
|
10667
10682
|
}, title), onClose && /*#__PURE__*/React.createElement(Button, {
|
|
10668
10683
|
appearance: "transparent",
|
|
10669
10684
|
icon: "close",
|
|
@@ -16204,8 +16219,8 @@ _defineProperty$1(PopperWrapper, "defaultProps", {
|
|
|
16204
16219
|
disabled: false
|
|
16205
16220
|
});
|
|
16206
16221
|
|
|
16207
|
-
var css_248z$E = ".popover-module-Popover-34Ge0-4-
|
|
16208
|
-
var styles$D = {"Popover":"popover-module-Popover-34Ge0-4-
|
|
16222
|
+
var css_248z$E = ".popover-module-Popover-34Ge0-4-25-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-25-0 {\n background: var(--inverse);\n color: var(--white);\n}\n\n.popover-module-Popover-34Ge0-4-25-0[data-hide='true'] {\n visibility: hidden;\n pointer-events: none;\n}\n\n@keyframes popover-module-popper-fade-in-pghyg-4-25-0 {\n 0% {\n opacity: 0;\n }\n 80% {\n opacity: var(--opacity-6);\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
16223
|
+
var styles$D = {"Popover":"popover-module-Popover-34Ge0-4-25-0","Popover--dark":"popover-module-Popover--dark-LYp8P-4-25-0","popper-fade-in":"popover-module-popper-fade-in-pghyg-4-25-0"};
|
|
16209
16224
|
styleInject(css_248z$E);
|
|
16210
16225
|
|
|
16211
16226
|
var _excluded$Y = ["position", "customStyle", "dark", "children", "onToggle", "className", "hideOnReferenceEscape", "boundaryElement", "name"];
|
|
@@ -16269,8 +16284,8 @@ Popover.defaultProps = Object.assign({}, filterProps(PopperWrapper.defaultProps,
|
|
|
16269
16284
|
customStyle: {}
|
|
16270
16285
|
});
|
|
16271
16286
|
|
|
16272
|
-
var css_248z$D = ".chipInput-module-ChipInput-EQQlO-4-
|
|
16273
|
-
var styles$C = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-
|
|
16287
|
+
var css_248z$D = ".chipInput-module-ChipInput-EQQlO-4-25-0 {\n display: flex;\n box-sizing: border-box;\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-25-0 {\n padding-left: 10px;\n padding-right: var(--spacing-15);\n}\n\n.chipInput-module-ChipInput--small-YXoDv-4-25-0 {\n align-items: center;\n min-height: var(--spacing-60);\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-10);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-25-0:hover {\n background: var(--secondary-lighter);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-25-0:focus-within {\n background: var(--white);\n}\n\n.chipInput-module-ChipInput--disabled-Qa6ok-4-25-0 {\n background: var(--secondary-lightest);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary-light);\n pointer-events: none;\n}\n\n.chipInput-module-ChipInput--withChips-svi7y-4-25-0 {\n padding-right: 0;\n}\n\n.chipInput-module-ChipInput--error-q8y-4-4-25-0 {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--alert);\n}\n\n.chipInput-module-ChipInput-wrapper-NzLiD-4-25-0 {\n display: flex;\n flex: 100%;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.chipInput-module-ChipInput--small-YXoDv-4-25-0 .chipInput-module-ChipInput-wrapper-NzLiD-4-25-0 {\n min-height: var(--spacing-60);\n}\n\n.chipInput-module-ChipInput-border--focusRing-Vpauu-4-25-0 {\n border-radius: var(--border-radius-10);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chipInput-module-ChipInput-border--error-lX1Mm-4-25-0.chipInput-module-ChipInput-border--focusRing-Vpauu-4-25-0 {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.chipInput-module-ChipInput-input-ddUDt-4-25-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-25-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-25-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-25-0:hover .chipInput-module-ChipInput-input-ddUDt-4-25-0 {\n background: var(--secondary-lighter);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-25-0:focus-within .chipInput-module-ChipInput-input-ddUDt-4-25-0 {\n background: var(--white);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-25-0 {\n cursor: pointer;\n border-radius: var(--border-radius-full);\n}\n\n.chipInput-module-ChipInput-icon--small-PciKa-4-25-0 {\n flex-shrink: 0;\n align-self: center;\n margin-left: var(--spacing-15);\n height: var(--spacing-30);\n}\n\n.chipInput-module-ChipInput-icon--regular-AJM6E-4-25-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-25-0:hover {\n background-color: var(--secondary);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-25-0:active {\n background-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-25-0:focus,\n.chipInput-module-ChipInput-icon-HQ7c4-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n";
|
|
16288
|
+
var styles$C = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-25-0","ChipInput--regular":"chipInput-module-ChipInput--regular-3ZvCo-4-25-0","ChipInput--small":"chipInput-module-ChipInput--small-YXoDv-4-25-0","ChipInput--disabled":"chipInput-module-ChipInput--disabled-Qa6ok-4-25-0","ChipInput--withChips":"chipInput-module-ChipInput--withChips-svi7y-4-25-0","ChipInput--error":"chipInput-module-ChipInput--error-q8y-4-4-25-0","ChipInput-wrapper":"chipInput-module-ChipInput-wrapper-NzLiD-4-25-0","ChipInput-border--focusRing":"chipInput-module-ChipInput-border--focusRing-Vpauu-4-25-0","ChipInput-border--error":"chipInput-module-ChipInput-border--error-lX1Mm-4-25-0","ChipInput-input":"chipInput-module-ChipInput-input-ddUDt-4-25-0","ChipInput-input--small":"chipInput-module-ChipInput-input--small-OzMCU-4-25-0","ChipInput-input--regular":"chipInput-module-ChipInput-input--regular-qiv6--4-25-0","ChipInput-icon":"chipInput-module-ChipInput-icon-HQ7c4-4-25-0","ChipInput-icon--small":"chipInput-module-ChipInput-icon--small-PciKa-4-25-0","ChipInput-icon--regular":"chipInput-module-ChipInput-icon--regular-AJM6E-4-25-0"};
|
|
16274
16289
|
styleInject(css_248z$D);
|
|
16275
16290
|
|
|
16276
16291
|
var getChipInputBorderFocusRegion = function getChipInputBorderFocusRegion(target, inputClassName) {
|
|
@@ -16572,8 +16587,8 @@ var formatCount = function formatCount(count) {
|
|
|
16572
16587
|
return '';
|
|
16573
16588
|
};
|
|
16574
16589
|
|
|
16575
|
-
var css_248z$C = ".verticalNav-module-VerticalNav-Dmfut-4-
|
|
16576
|
-
var styles$B = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-
|
|
16590
|
+
var css_248z$C = ".verticalNav-module-VerticalNav-Dmfut-4-25-0 {\n display: inline-flex;\n flex-direction: column;\n}\n\n.verticalNav-module-VerticalNav--expanded-YioJV-4-25-0 {\n width: 240px;\n}\n\n.verticalNav-module-VerticalNav-section-LKy0d-4-25-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-25-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-25-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-25-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-25-0 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.verticalNav-module-MenuItem--collapsed-ksvh1-4-25-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-25-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-25-0 {\n pointer-events: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-25-0:hover {\n background: var(--secondary);\n text-decoration: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-25-0:active {\n background: var(--secondary-dark);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-25-0:focus:not(:focus-visible) {\n outline: none;\n}\n\n.verticalNav-module-MenuItem--expanded-CNuEg-4-25-0:focus-visible {\n clip-path: inset(-6px -6px -6px 0);\n}\n\n.verticalNav-module-MenuItem--expandedRounded-u3k-c-4-25-0:focus-visible {\n clip-path: inset(-6px);\n}\n\n.verticalNav-module-MenuItem--disabled-UwXL1-4-25-0:focus-visible {\n outline: none;\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-25-0 {\n background: var(--primary-ultra-light);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary);\n}\n\n.verticalNav-module-MenuItem--activeExpanded--GaYh-4-25-0 {\n box-shadow: inset 0 var(--border-width-2-5) 0 0 var(--primary),\n inset calc(-1 * var(--border-width-2-5)) 0 0 0 var(--primary),\n inset 0 calc(-1 * var(--border-width-2-5)) 0 0 var(--primary);\n}\n\n.verticalNav-module-MenuItem--activeExpandedRounded-hDqIf-4-25-0 {\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-25-0:hover {\n background: var(--primary-lightest);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-25-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary-dark);\n}\n\n.verticalNav-module-MenuItem--activeExpanded--GaYh-4-25-0:active {\n box-shadow: inset 0 var(--border-width-2-5) 0 0 var(--primary-dark),\n inset calc(-1 * var(--border-width-2-5)) 0 0 0 var(--primary-dark),\n inset 0 calc(-1 * var(--border-width-2-5)) 0 0 var(--primary-dark);\n}\n\n.verticalNav-module-MenuItem--activeExpandedRounded-hDqIf-4-25-0:active {\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary-dark);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-25-0:active .verticalNav-module-MenuItem-Text-5dxj5-4-25-0 {\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-25-0:focus:not(:focus-visible) {\n outline: none;\n}\n\n.verticalNav-module-MenuItem--rounded-7Cz5E-4-25-0 {\n border-radius: var(--border-radius-40);\n}\n\n.verticalNav-module-MenuItem--subMenu-ZHEdU-4-25-0 {\n padding-left: 40px;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-25-0 .verticalNav-module-Text-pcT-x-4-25-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem--overflow-RfJ7G-4-25-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem-count-hxliH-4-25-0 {\n margin-right: var(--spacing-10);\n flex-shrink: 0;\n}\n\n.verticalNav-module-MenuItem-count--disabled-2tJFi-4-25-0 {\n opacity: var(--opacity-10);\n color: var(--text);\n}\n";
|
|
16591
|
+
var styles$B = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-25-0","VerticalNav--expanded":"verticalNav-module-VerticalNav--expanded-YioJV-4-25-0","VerticalNav-section":"verticalNav-module-VerticalNav-section-LKy0d-4-25-0","VerticalNav-section--border":"verticalNav-module-VerticalNav-section--border-II3bk-4-25-0","MenuItem":"verticalNav-module-MenuItem-tqOuM-4-25-0","MenuItem--horizontal":"verticalNav-module-MenuItem--horizontal-HqCw4-4-25-0","MenuItem--vertical":"verticalNav-module-MenuItem--vertical-KTu0E-4-25-0","MenuItem--collapsed":"verticalNav-module-MenuItem--collapsed-ksvh1-4-25-0","MenuItem--expanded":"verticalNav-module-MenuItem--expanded-CNuEg-4-25-0","MenuItem--disabled":"verticalNav-module-MenuItem--disabled-UwXL1-4-25-0","MenuItem--expandedRounded":"verticalNav-module-MenuItem--expandedRounded-u3k-c-4-25-0","MenuItem--active":"verticalNav-module-MenuItem--active-ocJoe-4-25-0","MenuItem--activeExpanded":"verticalNav-module-MenuItem--activeExpanded--GaYh-4-25-0","MenuItem--activeExpandedRounded":"verticalNav-module-MenuItem--activeExpandedRounded-hDqIf-4-25-0","MenuItem-Text":"verticalNav-module-MenuItem-Text-5dxj5-4-25-0","MenuItem--rounded":"verticalNav-module-MenuItem--rounded-7Cz5E-4-25-0","MenuItem--subMenu":"verticalNav-module-MenuItem--subMenu-ZHEdU-4-25-0","Text":"verticalNav-module-Text-pcT-x-4-25-0","MenuItem--overflow":"verticalNav-module-MenuItem--overflow-RfJ7G-4-25-0","MenuItem-count":"verticalNav-module-MenuItem-count-hxliH-4-25-0","MenuItem-count--disabled":"verticalNav-module-MenuItem-count--disabled-2tJFi-4-25-0"};
|
|
16577
16592
|
styleInject(css_248z$C);
|
|
16578
16593
|
|
|
16579
16594
|
var MenuIcon = function MenuIcon(props) {
|
|
@@ -17205,8 +17220,8 @@ VerticalNav.defaultProps = {
|
|
|
17205
17220
|
showTooltip: false
|
|
17206
17221
|
};
|
|
17207
17222
|
|
|
17208
|
-
var css_248z$B = ".horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
17209
|
-
var styles$A = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
17223
|
+
var css_248z$B = ".horizontalNav-module-HorizontalNav-TaKHt-4-25-0 {\n display: flex;\n}\n\n.horizontalNav-module-HorizontalNav-menu-hc7-x-4-25-0 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n cursor: pointer;\n border: 0;\n background: transparent;\n font: inherit;\n text-decoration: none;\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-25-0 {\n pointer-events: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-25-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-25-0:focus {\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-25-0:hover {\n background-color: var(--secondary);\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-25-0:active {\n background-color: var(--secondary-dark);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-25-0 {\n background-color: var(--primary-ultra-light);\n box-shadow: 0 0 0 var(--border-width-05) var(--primary);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-25-0:focus-visible {\n background-color: var(--primary-ultra-light);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-10);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-25-0:hover {\n background-color: var(--primary-lightest);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-25-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: 0 0 0 var(--border-width-05) var(--primary-dark);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-25-0:active .horizontalNav-module-HorizontalNav-menuText-hlHtx-4-25-0 {\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-25-0:focus-visible:active {\n background-color: var(--primary-lighter);\n box-shadow: 0 0 0 var(--border-width-05) var(--primary-dark);\n}\n\n.horizontalNav-module-HorizontalNav-menuText-hlHtx-4-25-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-25-0,\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-25-0 {\n transition-delay: var(--duration--fast-02);\n}\n\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-25-0 {\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.horizontalNav-module-HorizontalNav-pills-Ko7S--4-25-0 {\n margin-right: var(--spacing-10);\n}\n\n.horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-25-0 {\n opacity: var(--opacity-10);\n}\n\n@media (forced-colors: active) {\n /* Active nav item uses box-shadow as its visible ring — replace with a real border */\n .horizontalNav-module-HorizontalNav-menu--active-LO21D-4-25-0 {\n border: var(--border-width-2-5) solid Highlight;\n box-shadow: none;\n }\n\n .horizontalNav-module-HorizontalNav-menu--active-LO21D-4-25-0:active,\n .horizontalNav-module-HorizontalNav-menu--active-LO21D-4-25-0:focus-visible:active {\n border-color: Highlight;\n box-shadow: none;\n }\n}\n";
|
|
17224
|
+
var styles$A = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-25-0","HorizontalNav-menu":"horizontalNav-module-HorizontalNav-menu-hc7-x-4-25-0","HorizontalNav-menu--disabled":"horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-25-0","HorizontalNav-menu--default":"horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-25-0","HorizontalNav-menu--active":"horizontalNav-module-HorizontalNav-menu--active-LO21D-4-25-0","HorizontalNav-menuText":"horizontalNav-module-HorizontalNav-menuText-hlHtx-4-25-0","HorizontalNav-animate":"horizontalNav-module-HorizontalNav-animate-HJvL2-4-25-0","HorizontalNav-pills":"horizontalNav-module-HorizontalNav-pills-Ko7S--4-25-0","HorizontalNav-pills--disabled":"horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-25-0"};
|
|
17210
17225
|
styleInject(css_248z$B);
|
|
17211
17226
|
|
|
17212
17227
|
var HorizontalNav = function HorizontalNav(props) {
|
|
@@ -17444,8 +17459,8 @@ Dialog.defaultProps = {
|
|
|
17444
17459
|
secondaryButtonAppearance: 'basic'
|
|
17445
17460
|
};
|
|
17446
17461
|
|
|
17447
|
-
var css_248z$A = ".overlay-module-OverlayHeader-X75uk-4-
|
|
17448
|
-
var styles$z = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-
|
|
17462
|
+
var css_248z$A = ".overlay-module-OverlayHeader-X75uk-4-25-0 {\n box-sizing: border-box;\n margin-left: var(--spacing-60);\n}\n\n.overlay-module-OverlayHeader--withBackButton-P8Z6f-4-25-0 {\n margin-left: var(--spacing-40);\n}\n\n.overlay-module-OverlayHeader-headerWrapper-wDTqn-4-25-0 {\n display: flex;\n align-items: center;\n}\n\n.overlay-module-OverlayHeader-subheading-HGK3Q-4-25-0 {\n margin-top: var(--spacing-05);\n}\n\n.overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-25-0 {\n margin-left: var(--spacing-20);\n}\n\n.overlay-module-OverlayBody-0aiqy-4-25-0 {\n overflow-y: auto;\n}\n\n.overlay-module-Overlay-body--stickFooter-9u7pt-4-25-0 {\n margin-bottom: 80px;\n}\n\n.overlay-module-OverlayFooter-0Ne3i-4-25-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";
|
|
17463
|
+
var styles$z = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-25-0","OverlayHeader--withBackButton":"overlay-module-OverlayHeader--withBackButton-P8Z6f-4-25-0","OverlayHeader-headerWrapper":"overlay-module-OverlayHeader-headerWrapper-wDTqn-4-25-0","OverlayHeader-subheading":"overlay-module-OverlayHeader-subheading-HGK3Q-4-25-0","OverlayHeader-subheading--withBackButton":"overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-25-0","OverlayBody":"overlay-module-OverlayBody-0aiqy-4-25-0","Overlay-body--stickFooter":"overlay-module-Overlay-body--stickFooter-9u7pt-4-25-0","OverlayFooter":"overlay-module-OverlayFooter-0Ne3i-4-25-0"};
|
|
17449
17464
|
styleInject(css_248z$A);
|
|
17450
17465
|
|
|
17451
17466
|
var _excluded$V = ["label"];
|
|
@@ -17505,7 +17520,9 @@ var OverlayHeader = function OverlayHeader(props) {
|
|
|
17505
17520
|
backIconCallback = props.backIconCallback,
|
|
17506
17521
|
backButtonCallback = props.backButtonCallback,
|
|
17507
17522
|
headingClass = props.headingClass,
|
|
17508
|
-
headingId = props.headingId
|
|
17523
|
+
headingId = props.headingId,
|
|
17524
|
+
_props$headingAs = props.headingAs,
|
|
17525
|
+
headingAs = _props$headingAs === void 0 ? 'h2' : _props$headingAs;
|
|
17509
17526
|
var baseProps = extractBaseProps(props);
|
|
17510
17527
|
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$z.OverlayHeader, true), styles$z['OverlayHeader--withBackButton'], backButton || backIcon), className);
|
|
17511
17528
|
var subheadingClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$z['OverlayHeader-subheading'], true), styles$z['OverlayHeader-subheading--withBackButton'], backButton || backIcon));
|
|
@@ -17525,7 +17542,8 @@ var OverlayHeader = function OverlayHeader(props) {
|
|
|
17525
17542
|
}), heading && /*#__PURE__*/React.createElement(Heading, {
|
|
17526
17543
|
id: headingId,
|
|
17527
17544
|
className: headingClass,
|
|
17528
|
-
"data-test": "DesignSystem-OverlayHeader--heading"
|
|
17545
|
+
"data-test": "DesignSystem-OverlayHeader--heading",
|
|
17546
|
+
as: headingAs
|
|
17529
17547
|
}, heading)), subHeading && /*#__PURE__*/React.createElement(Text$1, {
|
|
17530
17548
|
"data-test": "DesignSystem-OverlayHeader--Subheading",
|
|
17531
17549
|
appearance: "subtle",
|
|
@@ -17754,8 +17772,8 @@ var restoreFocusToElementIfConnected = function restoreFocusToElementIfConnected
|
|
|
17754
17772
|
});
|
|
17755
17773
|
};
|
|
17756
17774
|
|
|
17757
|
-
var css_248z$z = "@keyframes modal-module-modal-open-XetuH-4-
|
|
17758
|
-
var styles$y = {"Modal":"modal-module-Modal-jy6BE-4-
|
|
17775
|
+
var css_248z$z = "@keyframes modal-module-modal-open-XetuH-4-25-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-25-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-25-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-25-0 {\n display: flex;\n}\n\n.modal-module-Modal-animation--open-GPVLI-4-25-0 {\n animation: modal-module-modal-open-XetuH-4-25-0 var(--duration--moderate-02) var(--entrance-expressive-curve);\n}\n\n.modal-module-Modal-animation--close-re3FT-4-25-0 {\n animation: modal-module-modal-close-6bwSt-4-25-0 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n\n.modal-module-Modal-header-fdaxo-4-25-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-25-0 {\n border-bottom: var(--border);\n}\n\n.modal-module-Modal-description-yJzzp-4-25-0 {\n padding: var(--spacing-20) 0;\n}\n\n.modal-module-Modal-footer-njNb3-4-25-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-25-0 {\n border-top: var(--border);\n}\n\n.modal-module-Modal-body-kEuY3-4-25-0 {\n padding: 0 var(--spacing-60);\n}\n\n.modal-module-Modal-body--withMargin-QJGL1-4-25-0 {\n margin-bottom: 80px;\n}\n\n.modal-module-Modal-body--withPadding-sX2cE-4-25-0 {\n padding-bottom: var(--spacing-40);\n}\n\n.modal-module-Modal-jy6BE-4-25-0:focus {\n outline: none;\n}\n\n.modal-module-Modal-header-fdaxo-4-25-0 [tabindex='-1']:focus {\n outline: none;\n}\n\n@media (forced-colors: active) {\n /* box-shadow is the only visual boundary; add a real border so the modal is visible */\n .modal-module-Modal-jy6BE-4-25-0 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n}\n";
|
|
17776
|
+
var styles$y = {"Modal":"modal-module-Modal-jy6BE-4-25-0","Modal--open":"modal-module-Modal--open-pEOMN-4-25-0","Modal-animation--open":"modal-module-Modal-animation--open-GPVLI-4-25-0","modal-open":"modal-module-modal-open-XetuH-4-25-0","Modal-animation--close":"modal-module-Modal-animation--close-re3FT-4-25-0","modal-close":"modal-module-modal-close-6bwSt-4-25-0","Modal-header":"modal-module-Modal-header-fdaxo-4-25-0","Modal-header--withSeperator":"modal-module-Modal-header--withSeperator-JuBGt-4-25-0","Modal-description":"modal-module-Modal-description-yJzzp-4-25-0","Modal-footer":"modal-module-Modal-footer-njNb3-4-25-0","Modal-footer--withSeperator":"modal-module-Modal-footer--withSeperator-E6Dfh-4-25-0","Modal-body":"modal-module-Modal-body-kEuY3-4-25-0","Modal-body--withMargin":"modal-module-Modal-body--withMargin-QJGL1-4-25-0","Modal-body--withPadding":"modal-module-Modal-body--withPadding-sX2cE-4-25-0"};
|
|
17759
17777
|
styleInject(css_248z$z);
|
|
17760
17778
|
|
|
17761
17779
|
var modalInstanceCounter = 0;
|
|
@@ -18036,7 +18054,9 @@ var ModalHeader = function ModalHeader(props) {
|
|
|
18036
18054
|
seperator = props.seperator,
|
|
18037
18055
|
backIcon = props.backIcon,
|
|
18038
18056
|
backIconCallback = props.backIconCallback,
|
|
18039
|
-
headingId = props.headingId
|
|
18057
|
+
headingId = props.headingId,
|
|
18058
|
+
_props$headingAs = props.headingAs,
|
|
18059
|
+
headingAs = _props$headingAs === void 0 ? 'h2' : _props$headingAs;
|
|
18040
18060
|
var baseProps = extractBaseProps(props);
|
|
18041
18061
|
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$y['Modal-header'], true), styles$y['Modal-header--withSeperator'], seperator), className);
|
|
18042
18062
|
return /*#__PURE__*/React.createElement("div", _extends$2({}, baseProps, {
|
|
@@ -18046,7 +18066,8 @@ var ModalHeader = function ModalHeader(props) {
|
|
|
18046
18066
|
subHeading: subHeading,
|
|
18047
18067
|
backButton: backIcon,
|
|
18048
18068
|
backButtonCallback: backIconCallback,
|
|
18049
|
-
headingId: headingId
|
|
18069
|
+
headingId: headingId,
|
|
18070
|
+
headingAs: headingAs
|
|
18050
18071
|
})), /*#__PURE__*/React.createElement(Column, {
|
|
18051
18072
|
className: "flex-grow-0"
|
|
18052
18073
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
@@ -18090,8 +18111,8 @@ var ModalFooter = function ModalFooter(props) {
|
|
|
18090
18111
|
};
|
|
18091
18112
|
ModalFooter.displayName = 'ModalFooter';
|
|
18092
18113
|
|
|
18093
|
-
var css_248z$y = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-
|
|
18094
|
-
var styles$x = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-
|
|
18114
|
+
var css_248z$y = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-25-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-25-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-25-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-25-0 {\n animation: fullscreenModal-module-fullscreenModal-open-62v3L-4-25-0 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-25-0 {\n animation: fullscreenModal-module-fullscreenModal-close-7gVSl-4-25-0 120ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-header-sDsnU-4-25-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-25-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-25-0 {\n padding: var(--spacing-40) var(--spacing-60);\n}\n";
|
|
18115
|
+
var styles$x = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-25-0","FullscreenModal-animation--open":"fullscreenModal-module-FullscreenModal-animation--open--3N-S-4-25-0","fullscreenModal-open":"fullscreenModal-module-fullscreenModal-open-62v3L-4-25-0","FullscreenModal-animation--close":"fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-25-0","fullscreenModal-close":"fullscreenModal-module-fullscreenModal-close-7gVSl-4-25-0","FullscreenModal-header":"fullscreenModal-module-FullscreenModal-header-sDsnU-4-25-0","FullscreenModal-footer":"fullscreenModal-module-FullscreenModal-footer-iQzjY-4-25-0","FullscreenModal-body":"fullscreenModal-module-FullscreenModal-body-7vbJl-4-25-0"};
|
|
18095
18116
|
styleInject(css_248z$y);
|
|
18096
18117
|
|
|
18097
18118
|
var fullscreenModalInstanceCounter = 0;
|
|
@@ -18274,8 +18295,8 @@ _defineProperty$1(FullscreenModal, "defaultProps", {
|
|
|
18274
18295
|
dimension: 'medium'
|
|
18275
18296
|
});
|
|
18276
18297
|
|
|
18277
|
-
var css_248z$x = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-
|
|
18278
|
-
var styles$w = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-
|
|
18298
|
+
var css_248z$x = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-25-0 {\n from {\n right: -100%;\n }\n to {\n right: 0;\n }\n}\n\n@keyframes sidesheet-module-sidesheet-close-iHEhI-4-25-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-25-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-25-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-25-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-25-0 {\n visibility: visible;\n}\n\n.sidesheet-module-Sidesheet-animation--open-J-A5h-4-25-0 {\n animation: sidesheet-module-sidesheet-open-8Xjl--4-25-0 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.sidesheet-module-Sidesheet-animation--close-hu-c0-4-25-0 {\n animation: sidesheet-module-sidesheet-close-iHEhI-4-25-0 120ms cubic-bezier(0.4, 0.14, 1, 1);\n animation-fill-mode: forwards;\n}\n\n.sidesheet-module-Sidesheet-header--NeWW-4-25-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-25-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-body-M4-ag-4-25-0 {\n padding: 0 var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-25-0 {\n margin-bottom: 80px;\n}\n\n.sidesheet-module-Sidesheet-footer-PXjKf-4-25-0 {\n padding-top: var(--spacing-60);\n padding-bottom: var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-25-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-25-0 {\n position: absolute;\n bottom: 0;\n}\n\n.sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-25-0 {\n animation: sidesheet-module-shift-right-spacing-3-0drfg-4-25-0 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-25-0 {\n animation: sidesheet-module-shift-left-spacing-3-6M1aJ-4-25-0 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-25-0 {\n animation: sidesheet-module-fadeIn-LZlsa-4-25-0 var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-25-0 {\n animation: sidesheet-module-fadeIn-LZlsa-4-25-0 var(--duration--fast-02) var(--standard-expressive-curve);\n}\n\n.sidesheet-module-Sidesheet-NOxgD-4-25-0:focus {\n outline: none;\n}\n\n.sidesheet-module-Sidesheet-header--NeWW-4-25-0 [tabindex='-1']:focus {\n outline: none;\n}\n\n@media (forced-colors: active) {\n /* box-shadow is the only visual boundary; add a real left border so the panel edge is visible */\n .sidesheet-module-Sidesheet-NOxgD-4-25-0 {\n border-left: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n}\n";
|
|
18299
|
+
var styles$w = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-25-0","Sidesheet--open":"sidesheet-module-Sidesheet--open-susbv-4-25-0","Sidesheet-animation--open":"sidesheet-module-Sidesheet-animation--open-J-A5h-4-25-0","sidesheet-open":"sidesheet-module-sidesheet-open-8Xjl--4-25-0","Sidesheet-animation--close":"sidesheet-module-Sidesheet-animation--close-hu-c0-4-25-0","sidesheet-close":"sidesheet-module-sidesheet-close-iHEhI-4-25-0","Sidesheet-header":"sidesheet-module-Sidesheet-header--NeWW-4-25-0","Sidesheet-header--withSeperator":"sidesheet-module-Sidesheet-header--withSeperator-NT81x-4-25-0","Sidesheet-body":"sidesheet-module-Sidesheet-body-M4-ag-4-25-0","Sidesheet-body--withMargin":"sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-25-0","Sidesheet-footer":"sidesheet-module-Sidesheet-footer-PXjKf-4-25-0","Sidesheet-footer--withSeperator":"sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-25-0","Sidesheet-footer--stickToBottom":"sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-25-0","Sidesheet-header--shiftRight":"sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-25-0","shift-right-spacing-3":"sidesheet-module-shift-right-spacing-3-0drfg-4-25-0","Sidesheet-header--shiftLeft":"sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-25-0","shift-left-spacing-3":"sidesheet-module-shift-left-spacing-3-6M1aJ-4-25-0","Sidesheet-body--nextPage":"sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-25-0","fadeIn":"sidesheet-module-fadeIn-LZlsa-4-25-0","Sidesheet-body--firstPage":"sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-25-0"};
|
|
18279
18300
|
styleInject(css_248z$x);
|
|
18280
18301
|
|
|
18281
18302
|
var sidesheetWidth = {
|
|
@@ -18547,8 +18568,8 @@ _defineProperty$1(Sidesheet, "defaultProps", {
|
|
|
18547
18568
|
closeOnEscape: true
|
|
18548
18569
|
});
|
|
18549
18570
|
|
|
18550
|
-
var css_248z$w = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
18551
|
-
var styles$v = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
18571
|
+
var css_248z$w = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-25-0 {\n position: relative;\n z-index: 600;\n}\n\n.collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-25-0 {\n margin-right: 40px;\n}\n\n.collapsible-module-Collapsible-R-E0M-4-25-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-25-0 {\n position: absolute;\n}\n\n.collapsible-module-Collapsible--shadow-ObNC6-4-25-0 {\n box-shadow: var(--shadow-l);\n clip-path: inset(0px -16px 0px 0px);\n}\n\n.collapsible-module-Collapsible-body-63KgR-4-25-0 {\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-25-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-25-0:hover {\n background-color: var(--secondary-lighter);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-25-0:focus,\n.collapsible-module-Collapsible-footer-cTQby-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-25-0:active {\n background-color: var(--secondary-light);\n}\n\n.collapsible-module-Collapsible-footer--seperator-4XHlt-4-25-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
18572
|
+
var styles$v = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-25-0","Collapsible-wrapper--overlay":"collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-25-0","Collapsible":"collapsible-module-Collapsible-R-E0M-4-25-0","Collapsible--overlay":"collapsible-module-Collapsible--overlay-UiWwK-4-25-0","Collapsible--shadow":"collapsible-module-Collapsible--shadow-ObNC6-4-25-0","Collapsible-body":"collapsible-module-Collapsible-body-63KgR-4-25-0","Collapsible-footer":"collapsible-module-Collapsible-footer-cTQby-4-25-0","Collapsible-footer--seperator":"collapsible-module-Collapsible-footer--seperator-4XHlt-4-25-0"};
|
|
18552
18573
|
styleInject(css_248z$w);
|
|
18553
18574
|
|
|
18554
18575
|
var Collapsible = function Collapsible(props) {
|
|
@@ -18644,8 +18665,8 @@ Collapsible.defaultProps = {
|
|
|
18644
18665
|
withTrigger: true
|
|
18645
18666
|
};
|
|
18646
18667
|
|
|
18647
|
-
var css_248z$v = ".chat-module-Box-nVkrd-4-
|
|
18648
|
-
var styles$u = {"Box":"chat-module-Box-nVkrd-4-
|
|
18668
|
+
var css_248z$v = ".chat-module-Box-nVkrd-4-25-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-25-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.chat-module-Box--incoming-8KEhx-4-25-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-25-0 {\n background-color: var(--secondary-lightest);\n}\n\n.chat-module-Box-incoming--withStatus-gGxq9-4-25-0 {\n border-bottom-left-radius: 0;\n}\n\n.chat-module-Box-outgoing--withStatus-fYw1d-4-25-0 {\n border-bottom-right-radius: 0;\n}\n\n.chat-module-Box--urgent-LErV3-4-25-0 {\n border-color: var(--alert);\n}\n\n.chat-module-ChatMessage-status-snoof-4-25-0 {\n margin-top: var(--spacing-10);\n display: block;\n}\n";
|
|
18669
|
+
var styles$u = {"Box":"chat-module-Box-nVkrd-4-25-0","Box--typing":"chat-module-Box--typing-WmXRM-4-25-0","Box--incoming":"chat-module-Box--incoming-8KEhx-4-25-0","Box--outgoing":"chat-module-Box--outgoing-eC7L7-4-25-0","Box-incoming--withStatus":"chat-module-Box-incoming--withStatus-gGxq9-4-25-0","Box-outgoing--withStatus":"chat-module-Box-outgoing--withStatus-fYw1d-4-25-0","Box--urgent":"chat-module-Box--urgent-LErV3-4-25-0","ChatMessage-status":"chat-module-ChatMessage-status-snoof-4-25-0"};
|
|
18649
18670
|
styleInject(css_248z$v);
|
|
18650
18671
|
|
|
18651
18672
|
var Status$1 = function Status(props) {
|
|
@@ -18823,8 +18844,8 @@ ChatMessage.displayName = 'ChatMessage';
|
|
|
18823
18844
|
|
|
18824
18845
|
var EmptyStateContext = /*#__PURE__*/React.createContext({});
|
|
18825
18846
|
|
|
18826
|
-
var css_248z$u = ".emptyState-module-EmptyState-xAbqT-4-
|
|
18827
|
-
var styles$t = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-
|
|
18847
|
+
var css_248z$u = ".emptyState-module-EmptyState-xAbqT-4-25-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-25-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-25-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-25-0 {\n text-align: center;\n max-width: 480px;\n}\n\n.emptyState-module-EmptyState-description-orGdo-4-25-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-25-0 {\n margin-top: var(--spacing-120);\n}\n\n.emptyState-module-EmptyState-title--small-lEDPt-4-25-0 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--large-hMXtK-4-25-0 {\n margin-bottom: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--small-gq50n-4-25-0 {\n margin-bottom: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-text-1y-HU-4-25-0 {\n display: flex;\n text-align: center;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-actions-xhSau-4-25-0 {\n display: flex;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-title--compressed-Pp9jF-4-25-0 {\n margin-top: var(--spacing-40);\n}\n.emptyState-module-EmptyState-title--standard-XtKl2-4-25-0 {\n margin-top: var(--spacing-60);\n}\n.emptyState-module-EmptyState-title--tight-ZSyIK-4-25-0 {\n margin-top: var(--spacing-30);\n}\n\n.emptyState-module-EmptyState-actions--compressed-E8-g2-4-25-0 {\n margin-top: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-actions--standard-G3fT9-4-25-0 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-actions--tight-mfayn-4-25-0 {\n margin-top: var(--spacing-30);\n}\n";
|
|
18848
|
+
var styles$t = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-25-0","EmptyState-Wrapper":"emptyState-module-EmptyState-Wrapper-IqIuE-4-25-0","EmptyState-image":"emptyState-module-EmptyState-image-GWUhK-4-25-0","EmptyState-title":"emptyState-module-EmptyState-title-VlvHo-4-25-0","EmptyState-description":"emptyState-module-EmptyState-description-orGdo-4-25-0","EmptyState-title--large":"emptyState-module-EmptyState-title--large-64J7i-4-25-0","EmptyState-title--small":"emptyState-module-EmptyState-title--small-lEDPt-4-25-0","EmptyState-description--large":"emptyState-module-EmptyState-description--large-hMXtK-4-25-0","EmptyState-description--small":"emptyState-module-EmptyState-description--small-gq50n-4-25-0","EmptyState-text":"emptyState-module-EmptyState-text-1y-HU-4-25-0","EmptyState-actions":"emptyState-module-EmptyState-actions-xhSau-4-25-0","EmptyState-title--compressed":"emptyState-module-EmptyState-title--compressed-Pp9jF-4-25-0","EmptyState-title--standard":"emptyState-module-EmptyState-title--standard-XtKl2-4-25-0","EmptyState-title--tight":"emptyState-module-EmptyState-title--tight-ZSyIK-4-25-0","EmptyState-actions--compressed":"emptyState-module-EmptyState-actions--compressed-E8-g2-4-25-0","EmptyState-actions--standard":"emptyState-module-EmptyState-actions--standard-G3fT9-4-25-0","EmptyState-actions--tight":"emptyState-module-EmptyState-actions--tight-mfayn-4-25-0"};
|
|
18828
18849
|
styleInject(css_248z$u);
|
|
18829
18850
|
|
|
18830
18851
|
var _excluded$U = ["children", "maxHeight", "height", "minHeight", "src", "alt", "className"];
|
|
@@ -18869,10 +18890,11 @@ var EmptyStateImage = function EmptyStateImage(props) {
|
|
|
18869
18890
|
}, rest))));
|
|
18870
18891
|
};
|
|
18871
18892
|
|
|
18872
|
-
var _excluded$T = ["children", "className"];
|
|
18893
|
+
var _excluded$T = ["children", "className", "as"];
|
|
18873
18894
|
var EmptyStateTitle = function EmptyStateTitle(props) {
|
|
18874
18895
|
var children = props.children,
|
|
18875
18896
|
className = props.className,
|
|
18897
|
+
as = props.as,
|
|
18876
18898
|
rest = _objectWithoutProperties(props, _excluded$T);
|
|
18877
18899
|
var contextProp = React__default.useContext(EmptyStateContext);
|
|
18878
18900
|
var _contextProp$size = contextProp.size,
|
|
@@ -18881,14 +18903,16 @@ var EmptyStateTitle = function EmptyStateTitle(props) {
|
|
|
18881
18903
|
if (size === 'standard') {
|
|
18882
18904
|
return /*#__PURE__*/React__default.createElement(Heading, _extends$2({
|
|
18883
18905
|
"data-test": "DesignSystem-EmptyState--Heading",
|
|
18884
|
-
className: headingClass
|
|
18906
|
+
className: headingClass,
|
|
18907
|
+
as: as
|
|
18885
18908
|
}, rest), children);
|
|
18886
18909
|
}
|
|
18887
18910
|
return /*#__PURE__*/React__default.createElement(Text$1, _extends$2({
|
|
18888
18911
|
"data-test": "DesignSystem-EmptyState--Heading",
|
|
18889
18912
|
className: headingClass,
|
|
18890
18913
|
weight: "medium",
|
|
18891
|
-
size: textSize[size]
|
|
18914
|
+
size: textSize[size],
|
|
18915
|
+
as: as
|
|
18892
18916
|
}, rest), children);
|
|
18893
18917
|
};
|
|
18894
18918
|
|
|
@@ -18968,7 +18992,8 @@ var EmptyState = function EmptyState(props) {
|
|
|
18968
18992
|
image = props.image,
|
|
18969
18993
|
maxWidth = props.maxWidth,
|
|
18970
18994
|
minWidth = props.minWidth,
|
|
18971
|
-
width = props.width
|
|
18995
|
+
width = props.width,
|
|
18996
|
+
headingAs = props.headingAs;
|
|
18972
18997
|
var baseProps = extractBaseProps(props);
|
|
18973
18998
|
var templateSize = 'standard';
|
|
18974
18999
|
var isValidSize = function isValidSize(size) {
|
|
@@ -19000,7 +19025,8 @@ var EmptyState = function EmptyState(props) {
|
|
|
19000
19025
|
}), title && /*#__PURE__*/React.createElement(Heading, {
|
|
19001
19026
|
"data-test": "DesignSystem-EmptyState--Heading",
|
|
19002
19027
|
size: HeadingSize[templateSize],
|
|
19003
|
-
className: headingClasses
|
|
19028
|
+
className: headingClasses,
|
|
19029
|
+
as: headingAs
|
|
19004
19030
|
}, title), description && /*#__PURE__*/React.createElement(Text$1, {
|
|
19005
19031
|
size: textSize[templateSize],
|
|
19006
19032
|
className: textClasses,
|
|
@@ -19208,8 +19234,8 @@ Pagination.defaultProps = {
|
|
|
19208
19234
|
pageJumpDebounceDuration: 750
|
|
19209
19235
|
};
|
|
19210
19236
|
|
|
19211
|
-
var css_248z$t = ".editableInput-module-EditableInput-jeeBB-4-
|
|
19212
|
-
var styles$s = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-
|
|
19237
|
+
var css_248z$t = ".editableInput-module-EditableInput-jeeBB-4-25-0 {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n width: 100%;\n}\n\n.editableInput-module-EditableInput-jeeBB-4-25-0:focus-visible {\n outline: none;\n}\n\n.editableInput-module-EditableInput-actions-L90fR-4-25-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-25-0 {\n top: var(--spacing-80);\n}\n\n.editableInput-module-EditableInput-actions--tiny-kIRx4-4-25-0 {\n top: var(--spacing-60);\n}\n\n.editableInput-module-EditableInput-default-PLtoY-4-25-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 border-radius: var(--border-radius-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n cursor: pointer;\n}\n\n.editableInput-module-EditableInput-default-PLtoY-4-25-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.editableInput-module-EditableInput-jeeBB-4-25-0:focus-visible .editableInput-module-EditableInput-default-PLtoY-4-25-0 {\n background: var(--white);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n border-color: transparent;\n}\n\n.editableInput-module-EditableInput-default--regular-M9hwS-4-25-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-25-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-25-0 {\n min-width: var(--spacing-240) !important;\n width: 100%;\n}\n\n.editableInput-module-EditableInput-errorIcon--regular-srzrI-4-25-0 {\n margin-right: var(--spacing-20);\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.editableInput-module-EditableInput-errorIcon--tiny-Is2wT-4-25-0 {\n margin-right: var(--spacing-10);\n margin-top: var(--spacing-05);\n margin-bottom: var(--spacing-05);\n}\n";
|
|
19238
|
+
var styles$s = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-25-0","EditableInput-actions":"editableInput-module-EditableInput-actions-L90fR-4-25-0","EditableInput-actions--regular":"editableInput-module-EditableInput-actions--regular-ShViM-4-25-0","EditableInput-actions--tiny":"editableInput-module-EditableInput-actions--tiny-kIRx4-4-25-0","EditableInput-default":"editableInput-module-EditableInput-default-PLtoY-4-25-0","EditableInput-default--regular":"editableInput-module-EditableInput-default--regular-M9hwS-4-25-0","EditableInput-default--tiny":"editableInput-module-EditableInput-default--tiny-PMLyx-4-25-0","EditableInput-Input--tiny":"editableInput-module-EditableInput-Input--tiny-3FTNw-4-25-0","EditableInput-errorIcon--regular":"editableInput-module-EditableInput-errorIcon--regular-srzrI-4-25-0","EditableInput-errorIcon--tiny":"editableInput-module-EditableInput-errorIcon--tiny-Is2wT-4-25-0"};
|
|
19213
19239
|
styleInject(css_248z$t);
|
|
19214
19240
|
|
|
19215
19241
|
var _excluded$Q = ["onChange", "icon", "disabled"];
|
|
@@ -19403,8 +19429,8 @@ EditableInput.defaultProps = {
|
|
|
19403
19429
|
inputOptions: {}
|
|
19404
19430
|
};
|
|
19405
19431
|
|
|
19406
|
-
var css_248z$s = ".editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
19407
|
-
var styles$r = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
19432
|
+
var css_248z$s = ".editableChipInput-module-EditableChipInput-fDBaL-4-25-0 {\n position: relative;\n width: 100%;\n}\n\n.editableChipInput-module-EditableChipInput-fDBaL-4-25-0:focus-visible {\n outline: none;\n}\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-25-0 {\n box-sizing: border-box;\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 border-radius: var(--border-radius-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n cursor: pointer;\n}\n\n.editableChipInput-module-EditableChipInput-default--small-xl1hZ-4-25-0 {\n min-height: var(--spacing-60);\n padding-left: var(--spacing-20);\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-25-0 {\n box-sizing: border-box;\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 border-radius: var(--border-radius-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n cursor: pointer;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips--small-BobGP-4-25-0 {\n min-height: var(--spacing-60);\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-25-0:hover,\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-25-0:hover {\n background-color: var(--secondary-lighter);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary-dark);\n}\n\n.editableChipInput-module-EditableChipInput-fDBaL-4-25-0:focus-visible .editableChipInput-module-EditableChipInput-default-ANzd8-4-25-0,\n.editableChipInput-module-EditableChipInput-fDBaL-4-25-0:focus-visible .editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-25-0 {\n background: var(--white);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary);\n}\n\n.editableChipInput-module-EditableChipInput-chipInput-5LAer-4-25-0 {\n padding-left: var(--spacing-20);\n}\n\n.editableChipInput-module-EditableChipInput-chip--regular-tu7Cr-4-25-0 {\n margin: var(--spacing-05);\n}\n\n.editableChipInput-module-EditableChipInput-chip--small-RrZ8t-4-25-0 {\n margin-left: var(--spacing-05);\n margin-right: var(--spacing-05);\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.editableChipInput-module-EditableChipInput-placeholder--small-p3kgo-4-25-0 {\n padding-top: 0;\n}\n\n.editableChipInput-module-EditableChipInput-actions-S7NrY-4-25-0 {\n position: absolute;\n display: flex;\n justify-content: flex-end;\n margin-top: var(--spacing-10);\n width: 100%;\n}\n";
|
|
19433
|
+
var styles$r = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-25-0","EditableChipInput-default":"editableChipInput-module-EditableChipInput-default-ANzd8-4-25-0","EditableChipInput-default--small":"editableChipInput-module-EditableChipInput-default--small-xl1hZ-4-25-0","EditableChipInput-defaultWithChips":"editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-25-0","EditableChipInput-defaultWithChips--small":"editableChipInput-module-EditableChipInput-defaultWithChips--small-BobGP-4-25-0","EditableChipInput-chipInput":"editableChipInput-module-EditableChipInput-chipInput-5LAer-4-25-0","EditableChipInput-chip--regular":"editableChipInput-module-EditableChipInput-chip--regular-tu7Cr-4-25-0","EditableChipInput-chip--small":"editableChipInput-module-EditableChipInput-chip--small-RrZ8t-4-25-0","EditableChipInput-placeholder--small":"editableChipInput-module-EditableChipInput-placeholder--small-p3kgo-4-25-0","EditableChipInput-actions":"editableChipInput-module-EditableChipInput-actions-S7NrY-4-25-0"};
|
|
19408
19434
|
styleInject(css_248z$s);
|
|
19409
19435
|
|
|
19410
19436
|
var _excluded$P = ["onChange", "chipOptions", "autoFocus", "disabled"],
|
|
@@ -19592,8 +19618,8 @@ EditableChipInput.defaultProps = {
|
|
|
19592
19618
|
chipInputOptions: {}
|
|
19593
19619
|
};
|
|
19594
19620
|
|
|
19595
|
-
var css_248z$r = ".progressRing-module-Ring-6kz7n-4-
|
|
19596
|
-
var styles$q = {"Ring":"progressRing-module-Ring-6kz7n-4-
|
|
19621
|
+
var css_248z$r = ".progressRing-module-Ring-6kz7n-4-25-0 {\n transform: rotate(-90deg);\n}\n\n.progressRing-module-Ring--small-h-W58-4-25-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.progressRing-module-Ring--regular-PU85S-4-25-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.progressRing-module-Ring--large-2xhS6-4-25-0 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.progressRing-module-Ring-6kz7n-4-25-0 Circle {\n fill: none;\n}\n\n.progressRing-module-Ring-background-Pxm3y-4-25-0 {\n stroke: var(--secondary-lightest);\n}\n\n.progressRing-module-Ring-indicator-OwMxU-4-25-0 {\n stroke: var(--primary);\n transition: var(--duration--slow-01) var(--standard-expressive-curve);\n}\n";
|
|
19622
|
+
var styles$q = {"Ring":"progressRing-module-Ring-6kz7n-4-25-0","Ring--small":"progressRing-module-Ring--small-h-W58-4-25-0","Ring--regular":"progressRing-module-Ring--regular-PU85S-4-25-0","Ring--large":"progressRing-module-Ring--large-2xhS6-4-25-0","Ring-background":"progressRing-module-Ring-background-Pxm3y-4-25-0","Ring-indicator":"progressRing-module-Ring-indicator-OwMxU-4-25-0"};
|
|
19597
19623
|
styleInject(css_248z$r);
|
|
19598
19624
|
|
|
19599
19625
|
var ProgressRing = function ProgressRing(props) {
|
|
@@ -19647,8 +19673,8 @@ ProgressRing.defaultProps = {
|
|
|
19647
19673
|
max: 100
|
|
19648
19674
|
};
|
|
19649
19675
|
|
|
19650
|
-
var css_248z$q = ".stepper-module-Stepper-2fHQy-4-
|
|
19651
|
-
var styles$p = {"Stepper":"stepper-module-Stepper-2fHQy-4-
|
|
19676
|
+
var css_248z$q = ".stepper-module-Stepper-2fHQy-4-25-0 {\n display: flex;\n}\n\n.stepper-module-Step-U1Ae--4-25-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-25-0:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step-U1Ae--4-25-0:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step-U1Ae--4-25-0:focus,\n.stepper-module-Step-U1Ae--4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n/* Completed State */\n\n.stepper-module-Step--completed-W1Ltb-4-25-0 {\n color: var(--primary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-25-0:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-25-0:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-25-0:focus,\n.stepper-module-Step--completed-W1Ltb-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n/* Active State */\n\n.stepper-module-Step--active-OpxVe-4-25-0 {\n background-color: var(--primary-lightest);\n color: var(--primary-dark);\n transition-delay: var(--duration--fast-02);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary);\n}\n\n.stepper-module-Step--active-OpxVe-4-25-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.stepper-module-Step--active-OpxVe-4-25-0:focus,\n.stepper-module-Step--active-OpxVe-4-25-0:focus-visible {\n background-color: var(--primary-lightest);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.stepper-module-Step--active-OpxVe-4-25-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.stepper-module-Step--active-OpxVe-4-25-0:active .stepper-module-Stepper-text-1S78v-4-25-0 {\n color: var(--primary-darker);\n}\n\n/* Disabled State */\n\n.stepper-module-Step--disabled-2l-AC-4-25-0 {\n cursor: not-allowed;\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n\n.stepper-module-Stepper-animate-Tgb9L-4-25-0 {\n transition-delay: var(--duration--fast-02);\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n";
|
|
19677
|
+
var styles$p = {"Stepper":"stepper-module-Stepper-2fHQy-4-25-0","Step":"stepper-module-Step-U1Ae--4-25-0","Step--completed":"stepper-module-Step--completed-W1Ltb-4-25-0","Step--active":"stepper-module-Step--active-OpxVe-4-25-0","Stepper-text":"stepper-module-Stepper-text-1S78v-4-25-0","Step--disabled":"stepper-module-Step--disabled-2l-AC-4-25-0","Stepper-animate":"stepper-module-Stepper-animate-Tgb9L-4-25-0"};
|
|
19652
19678
|
styleInject(css_248z$q);
|
|
19653
19679
|
|
|
19654
19680
|
var Step$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -19808,8 +19834,8 @@ Stepper.defaultProps = {
|
|
|
19808
19834
|
skipIndexes: []
|
|
19809
19835
|
};
|
|
19810
19836
|
|
|
19811
|
-
var css_248z$p = ".dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
19812
|
-
var styles$o = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
19837
|
+
var css_248z$p = ".dateRangePicker-module-DateRangePicker-XQroW-4-25-0 {\n display: flex;\n}\n\n.dateRangePicker-module-DateRangePicker--left-h3kfr-4-25-0 {\n flex-direction: row;\n}\n\n.dateRangePicker-module-DateRangePicker--right-0yzI--4-25-0 {\n flex-direction: row-reverse;\n}\n\n.dateRangePicker-module-DateRangePicker-input-OZjbS-4-25-0 {\n box-sizing: border-box;\n}\n\n.dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-25-0 {\n padding-right: var(--spacing-10);\n}\n\n.dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-25-0 {\n padding-left: var(--spacing-10);\n}\n\n@media (max-width: 576px) {\n .dateRangePicker-module-DateRangePicker--left-h3kfr-4-25-0,\n .dateRangePicker-module-DateRangePicker--right-0yzI--4-25-0 {\n flex-direction: column;\n }\n\n .dateRangePicker-module-DateRangePicker-input-OZjbS-4-25-0 {\n padding: 0;\n }\n\n .dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-25-0 {\n padding-top: var(--spacing-20);\n }\n}\n";
|
|
19838
|
+
var styles$o = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-25-0","DateRangePicker--left":"dateRangePicker-module-DateRangePicker--left-h3kfr-4-25-0","DateRangePicker--right":"dateRangePicker-module-DateRangePicker--right-0yzI--4-25-0","DateRangePicker-input":"dateRangePicker-module-DateRangePicker-input-OZjbS-4-25-0","DateRangePicker-input--startDate":"dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-25-0","DateRangePicker-input--endDate":"dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-25-0"};
|
|
19813
19839
|
styleInject(css_248z$p);
|
|
19814
19840
|
|
|
19815
19841
|
var Trigger = function Trigger(props) {
|
|
@@ -20608,8 +20634,8 @@ _defineProperty$1(DateRangePicker, "defaultProps", _objectSpread2(_objectSpread2
|
|
|
20608
20634
|
}
|
|
20609
20635
|
}));
|
|
20610
20636
|
|
|
20611
|
-
var css_248z$o = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-
|
|
20612
|
-
var styles$n = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-
|
|
20637
|
+
var css_248z$o = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-25-0 {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.tabs-module-TabsWrapper-header-psflk-4-25-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-25-0 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-7anZt-4-25-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-25-0 {\n padding: var(--spacing-20) var(--spacing-30) var(--spacing-30);\n}\n\n.tabs-module-Tab--regular-f2Pf2-4-25-0 {\n padding: var(--spacing-30) var(--spacing-30) var(--spacing-40);\n}\n\n.tabs-module-Tab--withIconRegular-k-DpQ-4-25-0 {\n padding-top: calc(var(--spacing-20) + var(--spacing-05));\n padding-bottom: calc(var(--spacing-20) + var(--spacing-15));\n padding-right: var(--spacing-15);\n padding-left: calc(var(--spacing-40) + var(--spacing-05));\n align-items: center;\n}\n\n.tabs-module-Tab--withIconSmall-vI4rb-4-25-0 {\n padding-top: var(--spacing-15);\n padding-bottom: calc(var(--spacing-20) + var(--spacing-05));\n padding-right: var(--spacing-15);\n padding-left: calc(var(--spacing-40) + var(--spacing-05));\n align-items: center;\n}\n\n.tabs-module-Tab-7anZt-4-25-0:last-child {\n margin-right: 0;\n}\n\n.tabs-module-Tab-7anZt-4-25-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--withDismissIcon-EExum-4-25-0::after {\n margin-left: calc(var(--spacing-40) + var(--spacing-05));\n}\n\n.tabs-module-Tab-7anZt-4-25-0:hover::after {\n background-color: var(--inverse-lighter);\n}\n\n.tabs-module-Tab-7anZt-4-25-0:active::after {\n background-color: var(--inverse-light);\n}\n\n.tabs-module-Tab--active-H398--4-25-0::after {\n background-color: var(--primary);\n}\n\n.tabs-module-Tab-7anZt-4-25-0:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: 0;\n border-radius: var(--border-radius-10);\n}\n\n.tabs-module-Tab--active-H398--4-25-0:hover .tabs-module-Tab-selected-21aei-4-25-0 {\n color: var(--primary-dark);\n}\n\n.tabs-module-Tab-selected-21aei-4-25-0:hover::after {\n background-color: var(--primary-dark);\n}\n\n.tabs-module-Tab-7anZt-4-25-0:active:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: 0;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-25-0 {\n cursor: not-allowed;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-25-0:focus {\n outline: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-25-0:hover::after {\n background-color: transparent;\n}\n\n.tabs-module-Tab-icon-s-gJG-4-25-0 {\n display: flex;\n min-width: inherit;\n justify-content: space-between;\n}\n\n.tabs-module-Tabs-oQ6zt-4-25-0 {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n}\n\n.tabs-module-Tabs--withSeparator-ENZzj-4-25-0 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-pills-i0on--4-25-0 {\n cursor: pointer;\n margin-right: var(--spacing-20);\n overflow: visible;\n}\n\n.tabs-module-Tab-pills--disabled-7RUAZ-4-25-0 {\n opacity: var(--opacity-10);\n cursor: not-allowed;\n}\n\n.tabs-module-DismissibleRegularTab-icon--right-OeLKI-4-25-0 {\n padding: var(--spacing-10);\n outline: none;\n border-radius: var(--border-radius-full);\n}\n\n.tabs-module-DismissibleSmallTab-icon--right-03yfR-4-25-0 {\n padding: var(--spacing-15);\n outline: none;\n border-radius: var(--border-radius-full);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-25-0:focus-visible {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-25-0:hover {\n background-color: var(--secondary);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-25-0:active {\n background-color: var(--secondary-dark);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-25-0:focus-visible {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-25-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-25-0:active {\n background-color: var(--primary-light);\n}\n\n.tabs-module-Tab--overflow-ZMfp0-4-25-0 {\n display: flex;\n box-sizing: border-box;\n}\n\n@media (forced-colors: active) {\n /* Dismissible tab close icons have outline:none unconditionally — restore focus ring in forced-colors mode */\n .tabs-module-DismissibleRegularTab-icon--right-OeLKI-4-25-0:focus-visible,\n .tabs-module-DismissibleSmallTab-icon--right-03yfR-4-25-0:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n }\n\n .tabs-module-Tab--active-H398--4-25-0::after {\n background-color: transparent;\n border-top: var(--spacing-05) solid Highlight;\n box-sizing: border-box;\n }\n\n /* Disabled tab pills use opacity — use GrayText instead */\n .tabs-module-Tab-pills--disabled-7RUAZ-4-25-0 {\n opacity: 1;\n color: GrayText;\n }\n}\n";
|
|
20638
|
+
var styles$n = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-25-0","TabsWrapper-header":"tabs-module-TabsWrapper-header-psflk-4-25-0","TabsWrapper-header--withSeparator":"tabs-module-TabsWrapper-header--withSeparator-gbJ63-4-25-0","Tab":"tabs-module-Tab-7anZt-4-25-0","Tab--small":"tabs-module-Tab--small-t-Ovt-4-25-0","Tab--regular":"tabs-module-Tab--regular-f2Pf2-4-25-0","Tab--withIconRegular":"tabs-module-Tab--withIconRegular-k-DpQ-4-25-0","Tab--withIconSmall":"tabs-module-Tab--withIconSmall-vI4rb-4-25-0","Tab--withDismissIcon":"tabs-module-Tab--withDismissIcon-EExum-4-25-0","Tab--active":"tabs-module-Tab--active-H398--4-25-0","Tab-selected":"tabs-module-Tab-selected-21aei-4-25-0","Tab--disabled":"tabs-module-Tab--disabled-jMmkz-4-25-0","Tab-icon":"tabs-module-Tab-icon-s-gJG-4-25-0","Tabs":"tabs-module-Tabs-oQ6zt-4-25-0","Tabs--withSeparator":"tabs-module-Tabs--withSeparator-ENZzj-4-25-0","Tab-pills":"tabs-module-Tab-pills-i0on--4-25-0","Tab-pills--disabled":"tabs-module-Tab-pills--disabled-7RUAZ-4-25-0","DismissibleRegularTab-icon--right":"tabs-module-DismissibleRegularTab-icon--right-OeLKI-4-25-0","DismissibleSmallTab-icon--right":"tabs-module-DismissibleSmallTab-icon--right-03yfR-4-25-0","DismissibleTab-icon--default":"tabs-module-DismissibleTab-icon--default-Jh5TO-4-25-0","DismissibleTab-icon--selected":"tabs-module-DismissibleTab-icon--selected-9Fyvu-4-25-0","Tab--overflow":"tabs-module-Tab--overflow-ZMfp0-4-25-0"};
|
|
20613
20639
|
styleInject(css_248z$o);
|
|
20614
20640
|
|
|
20615
20641
|
var TabsWrapper = function TabsWrapper(props) {
|
|
@@ -20628,7 +20654,7 @@ var TabsWrapper = function TabsWrapper(props) {
|
|
|
20628
20654
|
setActiveTab(props.active && props.active < totalTabs ? props.active : 0);
|
|
20629
20655
|
}, [props.active]);
|
|
20630
20656
|
var wrapperClass = classnames(_defineProperty$1({}, styles$n['TabsWrapper'], true), className);
|
|
20631
|
-
var headerClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$n['TabsWrapper-header'], true), styles$
|
|
20657
|
+
var headerClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$n['TabsWrapper-header'], true), styles$19['TabsWrapper-header'], true));
|
|
20632
20658
|
var tabClickHandler = function tabClickHandler(tabIndex) {
|
|
20633
20659
|
setActiveTab(tabIndex);
|
|
20634
20660
|
if (onTabChange) onTabChange(tabIndex);
|
|
@@ -20726,7 +20752,7 @@ var Tabs = function Tabs(props) {
|
|
|
20726
20752
|
}
|
|
20727
20753
|
}, [props.activeIndex]);
|
|
20728
20754
|
var wrapperClass = classnames(_defineProperty$1({}, styles$n['TabsWrapper'], true), className);
|
|
20729
|
-
var headerClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$n['TabsWrapper-header'], true), styles$
|
|
20755
|
+
var headerClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$n['TabsWrapper-header'], true), styles$19['TabsWrapper-header'], true), styles$n['TabsWrapper-header--withSeparator'], withSeparator), className, headerClassName);
|
|
20730
20756
|
var getPillsClass = function getPillsClass(disabled) {
|
|
20731
20757
|
return classnames(_defineProperty$1(_defineProperty$1({}, styles$n['Tab-pills'], true), styles$n['Tab-pills--disabled'], disabled));
|
|
20732
20758
|
};
|
|
@@ -21655,8 +21681,8 @@ DropzoneBase.defaultProps = {
|
|
|
21655
21681
|
}
|
|
21656
21682
|
};
|
|
21657
21683
|
|
|
21658
|
-
var css_248z$n = ".dropzone-module-Dropzone-srOnly-DLkEf-4-
|
|
21659
|
-
var styles$m = {"Dropzone-srOnly":"dropzone-module-Dropzone-srOnly-DLkEf-4-
|
|
21684
|
+
var css_248z$n = ".dropzone-module-Dropzone-srOnly-DLkEf-4-25-0 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.dropzone-module-Dropzone-xfBzQ-4-25-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-25-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-25-0 {\n animation-delay: var(--duration--fast-02);\n animation-fill-mode: forwards;\n}\n\n.dropzone-module-Dropzone-animation--default-cuelA-4-25-0 {\n animation: dropzone-module-dropzoneDefault-5MWv4-4-25-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-animation--active-AlfVM-4-25-0 {\n animation: dropzone-module-dropzoneActive-DcbqH-4-25-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneDefault-5MWv4-4-25-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-25-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-25-0 {\n animation: dropzone-module-dropzoneStandardDefault-YIUej-4-25-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-standard--active-8ZfF7-4-25-0 {\n animation: dropzone-module-dropzoneStandardActive-ZiJ-w-4-25-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneStandardDefault-YIUej-4-25-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-25-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-25-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-25-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-25-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-25-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-25-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-25-0 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.dropzone-module-DropzoneWrapper--standard-0fW8S-4-25-0,\n.dropzone-module-DropzoneWrapper--tight-Cg0sm-4-25-0 {\n align-items: center;\n}\n\n.dropzone-module-DropzoneWrapper--compressed-UKNax-4-25-0 {\n align-items: start;\n}\n\n.dropzone-module-Dropzone-icon--standard-Nv5eM-4-25-0 {\n margin-bottom: var(--spacing-30);\n}\n\n.dropzone-module-Dropzone-icon--compressed-lcmwS-4-25-0 {\n margin-right: var(--spacing-60);\n}\n\n.dropzone-module-Dropzone-icon--disabled-8nN-d-4-25-0 {\n fill: var(--inverse-lightest);\n}\n\n.dropzone-module-Dropzone-icon--default-mwP9a-4-25-0 {\n fill: var(--inverse-lighter);\n}\n\n.dropzone-module-Dropzone-icon--active-qPLXO-4-25-0 {\n fill: var(--primary);\n}\n\n.dropzone-module-Dropzone-icon--error-ImiCw-4-25-0 {\n fill: var(--alert);\n}\n\n@media (forced-colors: active) {\n .dropzone-module-Dropzone-xfBzQ-4-25-0 {\n border: var(--border-width-05) dashed ButtonText;\n background-image: none;\n background-color: Canvas;\n }\n\n .dropzone-module-Dropzone--active-M0Gcb-4-25-0 {\n border: var(--border-width-05) dashed Highlight;\n background-image: none;\n background-color: Canvas;\n }\n\n .dropzone-module-Dropzone--error-wcuXz-4-25-0 {\n border: var(--border-width-05) dashed ButtonText;\n background-image: none;\n }\n\n .dropzone-module-Dropzone--disabled-Z-6tQ-4-25-0 {\n border: var(--border-width-05) dashed GrayText;\n background-image: none;\n }\n}\n";
|
|
21685
|
+
var styles$m = {"Dropzone-srOnly":"dropzone-module-Dropzone-srOnly-DLkEf-4-25-0","Dropzone":"dropzone-module-Dropzone-xfBzQ-4-25-0","Dropzone--active":"dropzone-module-Dropzone--active-M0Gcb-4-25-0","Dropzone-animation":"dropzone-module-Dropzone-animation-qJQVf-4-25-0","Dropzone-animation--default":"dropzone-module-Dropzone-animation--default-cuelA-4-25-0","dropzoneDefault":"dropzone-module-dropzoneDefault-5MWv4-4-25-0","Dropzone-animation--active":"dropzone-module-Dropzone-animation--active-AlfVM-4-25-0","dropzoneActive":"dropzone-module-dropzoneActive-DcbqH-4-25-0","Dropzone-standard--default":"dropzone-module-Dropzone-standard--default-HMghu-4-25-0","dropzoneStandardDefault":"dropzone-module-dropzoneStandardDefault-YIUej-4-25-0","Dropzone-standard--active":"dropzone-module-Dropzone-standard--active-8ZfF7-4-25-0","dropzoneStandardActive":"dropzone-module-dropzoneStandardActive-ZiJ-w-4-25-0","Dropzone--error":"dropzone-module-Dropzone--error-wcuXz-4-25-0","Dropzone--disabled":"dropzone-module-Dropzone--disabled-Z-6tQ-4-25-0","Dropzone--standard":"dropzone-module-Dropzone--standard-BLqgV-4-25-0","Dropzone--compressed":"dropzone-module-Dropzone--compressed-REqQ2-4-25-0","Dropzone--tight":"dropzone-module-Dropzone--tight--XZ-s-4-25-0","DropzoneWrapper":"dropzone-module-DropzoneWrapper-sLmKQ-4-25-0","DropzoneWrapper--standard":"dropzone-module-DropzoneWrapper--standard-0fW8S-4-25-0","DropzoneWrapper--tight":"dropzone-module-DropzoneWrapper--tight-Cg0sm-4-25-0","DropzoneWrapper--compressed":"dropzone-module-DropzoneWrapper--compressed-UKNax-4-25-0","Dropzone-icon--standard":"dropzone-module-Dropzone-icon--standard-Nv5eM-4-25-0","Dropzone-icon--compressed":"dropzone-module-Dropzone-icon--compressed-lcmwS-4-25-0","Dropzone-icon--disabled":"dropzone-module-Dropzone-icon--disabled-8nN-d-4-25-0","Dropzone-icon--default":"dropzone-module-Dropzone-icon--default-mwP9a-4-25-0","Dropzone-icon--active":"dropzone-module-Dropzone-icon--active-qPLXO-4-25-0","Dropzone-icon--error":"dropzone-module-Dropzone-icon--error-ImiCw-4-25-0"};
|
|
21660
21686
|
styleInject(css_248z$n);
|
|
21661
21687
|
|
|
21662
21688
|
var svgCode = {
|
|
@@ -21796,8 +21822,8 @@ var FileUploaderFormat = function FileUploaderFormat(props) {
|
|
|
21796
21822
|
};
|
|
21797
21823
|
FileUploaderFormat.displayName = 'FileUploaderFormat';
|
|
21798
21824
|
|
|
21799
|
-
var css_248z$m = ".fileUploader-module-FileUploader--Pv73-4-
|
|
21800
|
-
var styles$l = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-
|
|
21825
|
+
var css_248z$m = ".fileUploader-module-FileUploader--Pv73-4-25-0 {\n display: flex;\n flex-direction: column;\n}\n\n.fileUploader-module-FileUploaderButton-qfMIr-4-25-0 {\n width: -moz-fit-content;\n width: fit-content;\n position: relative;\n}\n\n.fileUploader-module-FileUploaderButton-input-em151-4-25-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-25-0 {\n width: var(--spacing-640);\n}\n\n.fileUploader-module-FileUploaderItem-text-5ygMX-4-25-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-25-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";
|
|
21826
|
+
var styles$l = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-25-0","FileUploaderButton":"fileUploader-module-FileUploaderButton-qfMIr-4-25-0","FileUploaderButton-input":"fileUploader-module-FileUploaderButton-input-em151-4-25-0","FileUploaderItem":"fileUploader-module-FileUploaderItem-ukfM6-4-25-0","FileUploaderItem-text":"fileUploader-module-FileUploaderItem-text-5ygMX-4-25-0","FileUploaderItem-file":"fileUploader-module-FileUploaderItem-file-HKKiB-4-25-0"};
|
|
21801
21827
|
styleInject(css_248z$m);
|
|
21802
21828
|
|
|
21803
21829
|
var FileUploaderButton = function FileUploaderButton(props) {
|
|
@@ -22640,6 +22666,13 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
22640
22666
|
if (sorted === 'desc') sortOptions[1] = unsortOption;
|
|
22641
22667
|
var options = [].concat(pinOptions, hideOptions);
|
|
22642
22668
|
if (sorting) options = [].concat(sortOptions, _toConsumableArray(options));
|
|
22669
|
+
if (schema.resizable) {
|
|
22670
|
+
options = [].concat(_toConsumableArray(options), [{
|
|
22671
|
+
label: 'Fit to content',
|
|
22672
|
+
value: 'fitToContent',
|
|
22673
|
+
icon: 'aspect_ratio'
|
|
22674
|
+
}]);
|
|
22675
|
+
}
|
|
22643
22676
|
var classes = classnames(_defineProperty$1(_defineProperty$1({}, gridStyles['Grid-headCell'], true), gridStyles['Grid-headCell--draggable'], draggable));
|
|
22644
22677
|
var selectFilterOptions = filters ? filters.map(function (f) {
|
|
22645
22678
|
return {
|
|
@@ -22778,7 +22811,11 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
22778
22811
|
options: options,
|
|
22779
22812
|
align: 'left',
|
|
22780
22813
|
onChange: function onChange(selected) {
|
|
22781
|
-
|
|
22814
|
+
if (selected === 'fitToContent') {
|
|
22815
|
+
autoFitColumn();
|
|
22816
|
+
return;
|
|
22817
|
+
}
|
|
22818
|
+
onMenuChange(name, selected);
|
|
22782
22819
|
},
|
|
22783
22820
|
minWidth: 176
|
|
22784
22821
|
}))), schema.resizable && /*#__PURE__*/React.createElement("span", {
|
|
@@ -24512,10 +24549,15 @@ var DraggableDropdown = function DraggableDropdown(props) {
|
|
|
24512
24549
|
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
24513
24550
|
triggerWidth = _React$useState6[0],
|
|
24514
24551
|
setTriggerWidth = _React$useState6[1];
|
|
24552
|
+
var _React$useState7 = React.useState(null),
|
|
24553
|
+
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
24554
|
+
pickedUpValue = _React$useState8[0],
|
|
24555
|
+
setPickedUpValue = _React$useState8[1];
|
|
24515
24556
|
var triggerRef = React.useRef(null);
|
|
24516
24557
|
var dropdownRef = React.useRef(null);
|
|
24517
24558
|
React.useEffect(function () {
|
|
24518
24559
|
setTempOptions(options);
|
|
24560
|
+
setPickedUpValue(null);
|
|
24519
24561
|
}, [open]);
|
|
24520
24562
|
var handleParentChange = function handleParentChange(e) {
|
|
24521
24563
|
setTempOptions(tempOptions.map(function (option) {
|
|
@@ -24541,6 +24583,22 @@ var DraggableDropdown = function DraggableDropdown(props) {
|
|
|
24541
24583
|
setOpen(false);
|
|
24542
24584
|
if (onChange) onChange(tempOptions);
|
|
24543
24585
|
};
|
|
24586
|
+
var onReorderHandleClick = function onReorderHandleClick(index) {
|
|
24587
|
+
var currentValue = tempOptions[index].value;
|
|
24588
|
+
if (pickedUpValue === null) {
|
|
24589
|
+
setPickedUpValue(currentValue);
|
|
24590
|
+
} else if (pickedUpValue === currentValue) {
|
|
24591
|
+
setPickedUpValue(null);
|
|
24592
|
+
} else {
|
|
24593
|
+
var from = tempOptions.findIndex(function (opt) {
|
|
24594
|
+
return opt.value === pickedUpValue;
|
|
24595
|
+
});
|
|
24596
|
+
if (from !== -1 && from !== index) {
|
|
24597
|
+
setTempOptions(moveToIndex(tempOptions, from, index));
|
|
24598
|
+
}
|
|
24599
|
+
setPickedUpValue(null);
|
|
24600
|
+
}
|
|
24601
|
+
};
|
|
24544
24602
|
var onReorderKeyDown = function onReorderKeyDown(e, index) {
|
|
24545
24603
|
if (e.key === 'ArrowUp' && index > 0) {
|
|
24546
24604
|
e.preventDefault();
|
|
@@ -24620,6 +24678,7 @@ var DraggableDropdown = function DraggableDropdown(props) {
|
|
|
24620
24678
|
}),
|
|
24621
24679
|
onChange: handleParentChange
|
|
24622
24680
|
})), tempOptions.map(function (option, index) {
|
|
24681
|
+
var _tempOptions$find$lab, _tempOptions$find;
|
|
24623
24682
|
return /*#__PURE__*/React.createElement("div", {
|
|
24624
24683
|
"data-test": "DesignSystem-Table-Header--draggableDropdownOption",
|
|
24625
24684
|
key: option.value,
|
|
@@ -24647,9 +24706,15 @@ var DraggableDropdown = function DraggableDropdown(props) {
|
|
|
24647
24706
|
}), /*#__PURE__*/React.createElement(Button, {
|
|
24648
24707
|
type: "button",
|
|
24649
24708
|
icon: "drag_handle",
|
|
24650
|
-
appearance:
|
|
24709
|
+
appearance: pickedUpValue === option.value ? 'basic' : 'transparent',
|
|
24651
24710
|
className: "mr-4",
|
|
24652
|
-
"aria-
|
|
24711
|
+
"aria-pressed": pickedUpValue === option.value,
|
|
24712
|
+
"aria-label": pickedUpValue === null ? "Reorder ".concat(option.label, " column. Press to pick up, then press another handle to drop. Or use arrow keys to move up or down.") : pickedUpValue === option.value ? "".concat(option.label, " column picked up. Press another handle to drop, or press again to cancel.") : "Drop ".concat((_tempOptions$find$lab = (_tempOptions$find = tempOptions.find(function (opt) {
|
|
24713
|
+
return opt.value === pickedUpValue;
|
|
24714
|
+
})) === null || _tempOptions$find === void 0 ? void 0 : _tempOptions$find.label) !== null && _tempOptions$find$lab !== void 0 ? _tempOptions$find$lab : '', " column at ").concat(option.label, " position."),
|
|
24715
|
+
onClick: function onClick() {
|
|
24716
|
+
return onReorderHandleClick(index);
|
|
24717
|
+
},
|
|
24653
24718
|
onKeyDown: function onKeyDown(e) {
|
|
24654
24719
|
return onReorderKeyDown(e, index);
|
|
24655
24720
|
}
|
|
@@ -24671,8 +24736,8 @@ var DraggableDropdown = function DraggableDropdown(props) {
|
|
|
24671
24736
|
}, "Apply")))));
|
|
24672
24737
|
};
|
|
24673
24738
|
|
|
24674
|
-
var css_248z$l = ".table-module-Table--qR8j-4-
|
|
24675
|
-
var tableStyles = {"Table":"table-module-Table--qR8j-4-
|
|
24739
|
+
var css_248z$l = ".table-module-Table--qR8j-4-25-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-25-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-25-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-25-0 {\n height: var(--spacing-60);\n}\n\n.table-module-Table-Header-Label--hide-z7HVq-4-25-0 {\n animation: table-module-tableHeaderFadeOut-l6M3M-4-25-0 var(--duration--fast-02) var(--exit-productive-curve);\n animation-fill-mode: forwards;\n pointer-events: none;\n}\n\n.table-module-Table-Header-Label--show-bh0tC-4-25-0 {\n animation: table-module-fadeIn-YCXL6-4-25-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n animation-fill-mode: forwards;\n}\n\n@keyframes table-module-tableHeaderFadeOut-l6M3M-4-25-0 {\n from {\n opacity: 1;\n visibility: visible;\n }\n to {\n opacity: 0;\n visibility: hidden;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .table-module-Table-Header-Label--hide-z7HVq-4-25-0,\n .table-module-Table-Header-Label--show-bh0tC-4-25-0 {\n animation-duration: 0.001ms;\n }\n}\n\n.table-module-Table-srOnly-0OZ0D-4-25-0 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n";
|
|
24740
|
+
var tableStyles = {"Table":"table-module-Table--qR8j-4-25-0","Table-grid":"table-module-Table-grid-4jCRZ-4-25-0","Table-pagination":"table-module-Table-pagination-8llhn-4-25-0","Table-Header--Divider":"table-module-Table-Header--Divider--qPHO-4-25-0","Table-Header-Label--hide":"table-module-Table-Header-Label--hide-z7HVq-4-25-0","tableHeaderFadeOut":"table-module-tableHeaderFadeOut-l6M3M-4-25-0","Table-Header-Label--show":"table-module-Table-Header-Label--show-bh0tC-4-25-0","fadeIn":"table-module-fadeIn-YCXL6-4-25-0","Table-srOnly":"table-module-Table-srOnly-0OZ0D-4-25-0"};
|
|
24676
24741
|
styleInject(css_248z$l);
|
|
24677
24742
|
|
|
24678
24743
|
var Header = function Header(props) {
|
|
@@ -25672,8 +25737,8 @@ var List = function List(props) {
|
|
|
25672
25737
|
};
|
|
25673
25738
|
List.defaultProps = defaultProps;
|
|
25674
25739
|
|
|
25675
|
-
var css_248z$k = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-
|
|
25676
|
-
var styles$k = {"Navigation":"navigation-module-Navigation-fsK-Z-4-
|
|
25740
|
+
var css_248z$k = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-25-0 {\n display: flex;\n}\n\n.navigation-module-Navigation--horizontal-Nlczj-4-25-0 {\n flex-grow: 1;\n justify-content: center;\n}\n\n.navigation-module-Navigation--vertical-JMMGv-4-25-0 {\n flex-direction: column;\n height: 100%;\n width: var(--spacing-640);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-25-0 {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.navigation-module-Navigation-body-zfrYs-4-25-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-25-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-25-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-25-0 {\n pointer-events: none;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-25-0:hover {\n background-color: var(--secondary-light);\n}\n\n.navigation-module-Navigation-menu--active-vLg2d-4-25-0,\n.navigation-module-Navigation-menu--active-vLg2d-4-25-0:hover {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menu--vertical-SD8c9-4-25-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-25-0 {\n border-radius: var(--border-radius-40);\n}\n\n.navigation-module-Navigation-menu--subMenu-1Xkhm-4-25-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-25-0 {\n padding: 8px;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.navigation-module-Navigation-menuIcon--active-4-aoZ-4-25-0 {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menuLabel-qZLzA-4-25-0 {\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-25-0 .navigation-module-Text-4ez7T-4-25-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.navigation-module-Navigation-horizontalPills-CubKV-4-25-0 {\n margin-right: var(--spacing-10);\n}\n\n.navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-25-0 {\n opacity: var(--opacity-10);\n}\n\n.navigation-module-Navigation-footer-Ia0x--4-25-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-25-0 {\n border-top: var(--border);\n}\n\n.navigation-module-Navigation-footerButton-HZKhA-4-25-0 {\n display: flex;\n align-items: center;\n justify-content: center;\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n border-radius: 50%;\n}\n\n.navigation-module-Navigation-footerButton-HZKhA-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-25-0 .navigation-module-Navigation-menuIcon--footer-I0MsK-4-25-0 {\n transform: rotate(180deg);\n}\n";
|
|
25741
|
+
var styles$k = {"Navigation":"navigation-module-Navigation-fsK-Z-4-25-0","Navigation--horizontal":"navigation-module-Navigation--horizontal-Nlczj-4-25-0","Navigation--vertical":"navigation-module-Navigation--vertical-JMMGv-4-25-0","Navigation--collapsed":"navigation-module-Navigation--collapsed-ubuOj-4-25-0","Navigation-body":"navigation-module-Navigation-body-zfrYs-4-25-0","Navigation-menu":"navigation-module-Navigation-menu-Afh6p-4-25-0","Navigation-menu--horizontal":"navigation-module-Navigation-menu--horizontal-DbG8C-4-25-0","Navigation-menu--disabled":"navigation-module-Navigation-menu--disabled-6BCHc-4-25-0","Navigation-menu--active":"navigation-module-Navigation-menu--active-vLg2d-4-25-0","Navigation-menu--vertical":"navigation-module-Navigation-menu--vertical-SD8c9-4-25-0","Navigation-menu--rounded":"navigation-module-Navigation-menu--rounded-RK5tK-4-25-0","Navigation-menu--subMenu":"navigation-module-Navigation-menu--subMenu-1Xkhm-4-25-0","Navigation-menuIcon":"navigation-module-Navigation-menuIcon-mI-8A-4-25-0","Navigation-menuIcon--active":"navigation-module-Navigation-menuIcon--active-4-aoZ-4-25-0","Navigation-menuLabel":"navigation-module-Navigation-menuLabel-qZLzA-4-25-0","Text":"navigation-module-Text-4ez7T-4-25-0","Navigation-horizontalPills":"navigation-module-Navigation-horizontalPills-CubKV-4-25-0","Navigation-horizontalPills--disabled":"navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-25-0","Navigation-footer":"navigation-module-Navigation-footer-Ia0x--4-25-0","Navigation-footer--border":"navigation-module-Navigation-footer--border--gDQG-4-25-0","Navigation-footerButton":"navigation-module-Navigation-footerButton-HZKhA-4-25-0","Navigation-menuIcon--footer":"navigation-module-Navigation-menuIcon--footer-I0MsK-4-25-0"};
|
|
25677
25742
|
styleInject(css_248z$k);
|
|
25678
25743
|
|
|
25679
25744
|
var useState$1 = React.useState;
|
|
@@ -25876,58 +25941,54 @@ Navigation.defaultProps = {
|
|
|
25876
25941
|
|
|
25877
25942
|
var Status = function Status(props) {
|
|
25878
25943
|
var status = props.status,
|
|
25879
|
-
meta = props.meta
|
|
25880
|
-
navigationPosition = props.navigationPosition,
|
|
25881
|
-
navigation = props.navigation,
|
|
25882
|
-
tabs = props.tabs;
|
|
25883
|
-
var statusClasses = classnames(_defineProperty$1(_defineProperty$1({}, styles$18['PageHeader-statusWrapper'], true), 'mb-3', navigationPosition === 'bottom' && navigation || tabs));
|
|
25944
|
+
meta = props.meta;
|
|
25884
25945
|
return /*#__PURE__*/React.createElement(React.Fragment, null, (status || meta) && /*#__PURE__*/React.createElement("div", {
|
|
25885
|
-
className:
|
|
25946
|
+
className: styles$19['PageHeader-statusWrapper'],
|
|
25886
25947
|
"data-test": "DesignSystem-PageHeader--Status"
|
|
25887
25948
|
}, status, meta));
|
|
25888
25949
|
};
|
|
25889
25950
|
var Action = function Action(props) {
|
|
25890
25951
|
var actions = props.actions,
|
|
25891
|
-
|
|
25892
|
-
|
|
25893
|
-
|
|
25894
|
-
|
|
25895
|
-
|
|
25896
|
-
|
|
25897
|
-
"data-test": "DesignSystem-PageHeader--Actions"
|
|
25898
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
25899
|
-
className: styles$18['PageHeader-actionsWrapper']
|
|
25900
|
-
}, actions)) : (navigation || stepper) && /*#__PURE__*/React.createElement(Column, {
|
|
25901
|
-
size: "4",
|
|
25902
|
-
sizeXL: "4",
|
|
25903
|
-
sizeM: "4",
|
|
25952
|
+
stacked = props.stacked,
|
|
25953
|
+
level1Responsive = props.level1Responsive;
|
|
25954
|
+
var classes = classnames(styles$19['PageHeader-group--actions'], _defineProperty$1(_defineProperty$1({}, styles$19['PageHeader-group--actions--stacked'], stacked), styles$19['PageHeader-group--actions--level1Responsive'], level1Responsive));
|
|
25955
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, actions && /*#__PURE__*/React.createElement("div", {
|
|
25956
|
+
className: classes,
|
|
25957
|
+
"data-group": "actions",
|
|
25904
25958
|
"data-test": "DesignSystem-PageHeader--Actions"
|
|
25905
|
-
},
|
|
25906
|
-
|
|
25959
|
+
}, actions));
|
|
25960
|
+
};
|
|
25961
|
+
var CenterNav = function CenterNav(props) {
|
|
25962
|
+
var navigationPosition = props.navigationPosition,
|
|
25963
|
+
navigation = props.navigation,
|
|
25964
|
+
stepper = props.stepper,
|
|
25965
|
+
ghost = props.ghost;
|
|
25966
|
+
var showCenterNav = (navigation || stepper) && navigationPosition === 'center';
|
|
25967
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, showCenterNav && /*#__PURE__*/React.createElement("div", {
|
|
25968
|
+
className: classnames(styles$19['PageHeader-group--center'], _defineProperty$1({}, styles$19['PageHeader-group--center--ghost'], ghost)),
|
|
25969
|
+
"data-group": "center",
|
|
25970
|
+
"data-test": ghost ? undefined : 'DesignSystem-PageHeader--CenterNav',
|
|
25971
|
+
"aria-hidden": ghost || undefined
|
|
25972
|
+
}, /*#__PURE__*/React.createElement(Nav, {
|
|
25973
|
+
navigation: navigation,
|
|
25974
|
+
stepper: stepper,
|
|
25975
|
+
noMargin: true
|
|
25907
25976
|
})));
|
|
25908
25977
|
};
|
|
25909
25978
|
var Nav = function Nav(props) {
|
|
25910
25979
|
var navigation = props.navigation,
|
|
25911
|
-
stepper = props.stepper
|
|
25980
|
+
stepper = props.stepper,
|
|
25981
|
+
noMargin = props.noMargin,
|
|
25982
|
+
responsiveNoMargin = props.responsiveNoMargin;
|
|
25912
25983
|
if (!navigation && !stepper) {
|
|
25913
25984
|
return null;
|
|
25914
25985
|
}
|
|
25986
|
+
var classes = classnames(styles$19['PageHeader-navigationWrapper'], _defineProperty$1(_defineProperty$1({}, styles$19['PageHeader-navigationWrapper--noMargin'], noMargin), styles$19['PageHeader-navigationWrapper--noMarginSm'], responsiveNoMargin));
|
|
25915
25987
|
return /*#__PURE__*/React.createElement("div", {
|
|
25916
|
-
className:
|
|
25988
|
+
className: classes,
|
|
25917
25989
|
"data-test": "DesignSystem-PageHeader--Nav"
|
|
25918
25990
|
}, navigation || stepper);
|
|
25919
25991
|
};
|
|
25920
|
-
var CenterNav = function CenterNav(props) {
|
|
25921
|
-
var colSize = props.colSize,
|
|
25922
|
-
breadcrumbs = props.breadcrumbs,
|
|
25923
|
-
navigationPosition = props.navigationPosition;
|
|
25924
|
-
return /*#__PURE__*/React.createElement(React.Fragment, null, (!breadcrumbs || navigationPosition === 'center') && colSize === '4' && /*#__PURE__*/React.createElement(Column, {
|
|
25925
|
-
size: "4",
|
|
25926
|
-
sizeXL: "4",
|
|
25927
|
-
sizeM: "4",
|
|
25928
|
-
"data-test": "DesignSystem-PageHeader--CenterNav"
|
|
25929
|
-
}, /*#__PURE__*/React.createElement(Nav, props)));
|
|
25930
|
-
};
|
|
25931
25992
|
var BackButton = function BackButton(props) {
|
|
25932
25993
|
var button = props.button;
|
|
25933
25994
|
return /*#__PURE__*/React.createElement(React.Fragment, null, button && /*#__PURE__*/React.createElement("div", {
|
|
@@ -25939,10 +26000,11 @@ var Title = function Title(props) {
|
|
|
25939
26000
|
var badge = props.badge,
|
|
25940
26001
|
title = props.title;
|
|
25941
26002
|
return /*#__PURE__*/React.createElement("div", {
|
|
25942
|
-
className: styles$
|
|
26003
|
+
className: styles$19['PageHeader-titleWrapper'],
|
|
25943
26004
|
"data-test": "DesignSystem-PageHeader--Title"
|
|
25944
26005
|
}, /*#__PURE__*/React.createElement(Heading, {
|
|
25945
|
-
className: styles$
|
|
26006
|
+
className: styles$19['PageHeader-title'],
|
|
26007
|
+
as: "h1"
|
|
25946
26008
|
}, title), badge);
|
|
25947
26009
|
};
|
|
25948
26010
|
|
|
@@ -25962,23 +26024,154 @@ var PageHeader = function PageHeader(props) {
|
|
|
25962
26024
|
button = props.button,
|
|
25963
26025
|
ariaLabel = props['aria-label'];
|
|
25964
26026
|
var baseProps = extractBaseProps(props);
|
|
25965
|
-
var
|
|
25966
|
-
var
|
|
25967
|
-
var
|
|
26027
|
+
var isLevel1 = !!(breadcrumbs || button);
|
|
26028
|
+
var wrapperClasses = classnames(_defineProperty$1(_defineProperty$1({}, styles$19['PageHeader-wrapper'], true), styles$19['PageHeader-wrapper--withTabs'], tabs), className);
|
|
26029
|
+
var hasCenterNav = !!(navigation || stepper) && navigationPosition === 'center';
|
|
26030
|
+
var classes = classnames(styles$19.PageHeader);
|
|
26031
|
+
var rowRef = useRef(null);
|
|
26032
|
+
var _useState = useState$3('full'),
|
|
26033
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
26034
|
+
stackedMode = _useState2[0],
|
|
26035
|
+
setStackedMode = _useState2[1];
|
|
26036
|
+
|
|
26037
|
+
// Title is capped at 320px — beyond this it truncates with ellipsis so extra
|
|
26038
|
+
// width doesn't buy anything meaningful for layout decisions.
|
|
26039
|
+
var TITLE_CAP = 320;
|
|
26040
|
+
useEffect$2(function () {
|
|
26041
|
+
var row = rowRef.current;
|
|
26042
|
+
if (!row || !window.ResizeObserver) return;
|
|
26043
|
+
var measure = function measure() {
|
|
26044
|
+
var _centerEl$classList$c, _actionsEl$classList$;
|
|
26045
|
+
var titleEl = row.querySelector('[data-group="title"]');
|
|
26046
|
+
var centerEl = row.querySelector('[data-group="center"]');
|
|
26047
|
+
var actionsEl = row.querySelector('[data-group="actions"]');
|
|
26048
|
+
if (!titleEl) return;
|
|
26049
|
+
|
|
26050
|
+
// Measure title-heading and status/meta separately. Only the heading
|
|
26051
|
+
// truncates past TITLE_CAP — status/meta wraps, so capping the combined
|
|
26052
|
+
// group would under-report when meta is long and miss real overflow.
|
|
26053
|
+
// Setting width:max-content on each child is required because, as
|
|
26054
|
+
// block-level children of titleEl, they otherwise stretch to titleEl's
|
|
26055
|
+
// own width rather than reporting their natural content widths.
|
|
26056
|
+
var measureTitleDesired = function measureTitleDesired() {
|
|
26057
|
+
var _statusEl$offsetWidth;
|
|
26058
|
+
var titleTextEl = titleEl.querySelector('[data-test="DesignSystem-PageHeader--Title"]');
|
|
26059
|
+
var statusEl = titleEl.querySelector('[data-test="DesignSystem-PageHeader--Status"]');
|
|
26060
|
+
var prevTitleW = titleTextEl === null || titleTextEl === void 0 ? void 0 : titleTextEl.style.width;
|
|
26061
|
+
var prevStatusW = statusEl === null || statusEl === void 0 ? void 0 : statusEl.style.width;
|
|
26062
|
+
if (titleTextEl) titleTextEl.style.width = 'max-content';
|
|
26063
|
+
if (statusEl) statusEl.style.width = 'max-content';
|
|
26064
|
+
var titleW = titleTextEl ? Math.min(titleTextEl.offsetWidth, TITLE_CAP) : 0;
|
|
26065
|
+
var statusW = (_statusEl$offsetWidth = statusEl === null || statusEl === void 0 ? void 0 : statusEl.offsetWidth) !== null && _statusEl$offsetWidth !== void 0 ? _statusEl$offsetWidth : 0;
|
|
26066
|
+
if (titleTextEl && prevTitleW !== undefined) titleTextEl.style.width = prevTitleW;
|
|
26067
|
+
if (statusEl && prevStatusW !== undefined) statusEl.style.width = prevStatusW;
|
|
26068
|
+
return Math.max(titleW, statusW);
|
|
26069
|
+
};
|
|
26070
|
+
|
|
26071
|
+
// Strip stacked classes before measuring so we read natural layout widths.
|
|
26072
|
+
// Also temporarily restore the grid (withCenter) if not in full mode —
|
|
26073
|
+
// grid is only applied in full mode now (center-wrapped uses flex), but we
|
|
26074
|
+
// need it for the max-content column trick to work accurately.
|
|
26075
|
+
var withCenterClass = styles$19['PageHeader-row--withCenter'];
|
|
26076
|
+
var asClass = styles$19['PageHeader-row--allStacked'];
|
|
26077
|
+
var ghostClass = styles$19['PageHeader-group--center--ghost'];
|
|
26078
|
+
// Stacked styling lives on the children themselves (flat modifier classes),
|
|
26079
|
+
// so resetting the row alone is not enough — strip the child modifiers too,
|
|
26080
|
+
// otherwise the title/actions stay flex:0 0 100% and measurement oscillates.
|
|
26081
|
+
var titleStackedClass = styles$19['PageHeader-group--title--stacked'];
|
|
26082
|
+
var actionsStackedClass = styles$19['PageHeader-group--actions--stacked'];
|
|
26083
|
+
var hadAS = row.classList.contains(asClass);
|
|
26084
|
+
var hadWithCenter = row.classList.contains(withCenterClass);
|
|
26085
|
+
var hadGhost = (_centerEl$classList$c = centerEl === null || centerEl === void 0 ? void 0 : centerEl.classList.contains(ghostClass)) !== null && _centerEl$classList$c !== void 0 ? _centerEl$classList$c : false;
|
|
26086
|
+
var hadTitleStacked = titleEl.classList.contains(titleStackedClass);
|
|
26087
|
+
var hadActionsStacked = (_actionsEl$classList$ = actionsEl === null || actionsEl === void 0 ? void 0 : actionsEl.classList.contains(actionsStackedClass)) !== null && _actionsEl$classList$ !== void 0 ? _actionsEl$classList$ : false;
|
|
26088
|
+
row.classList.remove(asClass);
|
|
26089
|
+
if (!hadWithCenter && hasCenterNav) row.classList.add(withCenterClass);
|
|
26090
|
+
if (hadGhost && centerEl) centerEl.classList.remove(ghostClass);
|
|
26091
|
+
titleEl.classList.remove(titleStackedClass);
|
|
26092
|
+
actionsEl === null || actionsEl === void 0 || actionsEl.classList.remove(actionsStackedClass);
|
|
26093
|
+
var rowWidth = row.offsetWidth;
|
|
26094
|
+
if (hasCenterNav) {
|
|
26095
|
+
var _centerEl$offsetWidth, _actionsEl$offsetWidt;
|
|
26096
|
+
// Grid layout — switch all columns to max-content so each element reports
|
|
26097
|
+
// its natural unconstrained width (1fr columns otherwise clamp offsetWidth).
|
|
26098
|
+
var prevCols = row.style.gridTemplateColumns;
|
|
26099
|
+
row.style.gridTemplateColumns = 'max-content max-content max-content';
|
|
26100
|
+
var titleDesired = measureTitleDesired();
|
|
26101
|
+
var centerDesired = (_centerEl$offsetWidth = centerEl === null || centerEl === void 0 ? void 0 : centerEl.offsetWidth) !== null && _centerEl$offsetWidth !== void 0 ? _centerEl$offsetWidth : 0;
|
|
26102
|
+
var actionsDesired = (_actionsEl$offsetWidt = actionsEl === null || actionsEl === void 0 ? void 0 : actionsEl.offsetWidth) !== null && _actionsEl$offsetWidt !== void 0 ? _actionsEl$offsetWidt : 0;
|
|
26103
|
+
row.style.gridTemplateColumns = prevCols;
|
|
26104
|
+
if (hadGhost && centerEl) centerEl.classList.add(ghostClass);
|
|
26105
|
+
if (!hadWithCenter) row.classList.remove(withCenterClass);
|
|
26106
|
+
if (hadAS) row.classList.add(asClass);
|
|
26107
|
+
if (hadTitleStacked) titleEl.classList.add(titleStackedClass);
|
|
26108
|
+
if (hadActionsStacked && actionsEl) actionsEl.classList.add(actionsStackedClass);
|
|
26109
|
+
|
|
26110
|
+
// Grid gives equal 1fr to title and actions columns. Check each half
|
|
26111
|
+
// independently: title must fit the left half, actions the right half.
|
|
26112
|
+
var halfWidth = rowWidth / 2;
|
|
26113
|
+
var leftOverflows = titleDesired + centerDesired / 2 > halfWidth;
|
|
26114
|
+
var rightOverflows = actionsDesired + centerDesired / 2 > halfWidth;
|
|
26115
|
+
var actionsWrap = titleDesired + actionsDesired > rowWidth;
|
|
26116
|
+
if (actionsWrap) {
|
|
26117
|
+
setStackedMode('all-stacked');
|
|
26118
|
+
} else if (leftOverflows || rightOverflows) {
|
|
26119
|
+
setStackedMode('center-wrapped');
|
|
26120
|
+
} else {
|
|
26121
|
+
setStackedMode('full');
|
|
26122
|
+
}
|
|
26123
|
+
} else {
|
|
26124
|
+
var _actionsEl$offsetWidt2;
|
|
26125
|
+
// Bottom nav (consumer-set) or no nav — only check if actions fit on the
|
|
26126
|
+
// title row. Temporarily reshape the row into a max-content grid so each
|
|
26127
|
+
// element reports its natural width. Flex won't do here: flex-grow stretches
|
|
26128
|
+
// the title past content, and once title+actions exceed rowWidth flex-wrap
|
|
26129
|
+
// fires mid-measurement (title takes full row, actions onto next line),
|
|
26130
|
+
// inflating offsetWidth so the sum spuriously exceeds rowWidth → false stack.
|
|
26131
|
+
// The grid trick mirrors the hasCenterNav branch above.
|
|
26132
|
+
var prevDisplay = row.style.display;
|
|
26133
|
+
var _prevCols = row.style.gridTemplateColumns;
|
|
26134
|
+
row.style.display = 'grid';
|
|
26135
|
+
row.style.gridTemplateColumns = actionsEl ? 'max-content max-content' : 'max-content';
|
|
26136
|
+
var _titleDesired = measureTitleDesired();
|
|
26137
|
+
var _actionsDesired = (_actionsEl$offsetWidt2 = actionsEl === null || actionsEl === void 0 ? void 0 : actionsEl.offsetWidth) !== null && _actionsEl$offsetWidt2 !== void 0 ? _actionsEl$offsetWidt2 : 0;
|
|
26138
|
+
row.style.display = prevDisplay;
|
|
26139
|
+
row.style.gridTemplateColumns = _prevCols;
|
|
26140
|
+
if (hadAS) row.classList.add(asClass);
|
|
26141
|
+
if (hadTitleStacked) titleEl.classList.add(titleStackedClass);
|
|
26142
|
+
if (hadActionsStacked && actionsEl) actionsEl.classList.add(actionsStackedClass);
|
|
26143
|
+
if (actionsEl && _titleDesired + _actionsDesired > rowWidth) {
|
|
26144
|
+
setStackedMode('all-stacked');
|
|
26145
|
+
} else {
|
|
26146
|
+
setStackedMode('full');
|
|
26147
|
+
}
|
|
26148
|
+
}
|
|
26149
|
+
};
|
|
26150
|
+
var observer = new window.ResizeObserver(measure);
|
|
26151
|
+
observer.observe(row);
|
|
26152
|
+
measure();
|
|
26153
|
+
return function () {
|
|
26154
|
+
return observer.disconnect();
|
|
26155
|
+
};
|
|
26156
|
+
}, [hasCenterNav, navigation, stepper, actions]);
|
|
26157
|
+
var isStacked = stackedMode === 'all-stacked';
|
|
26158
|
+
var isLevel1WithActions = isLevel1 && !!actions;
|
|
26159
|
+
var rowClasses = classnames(styles$19['PageHeader-row'], _defineProperty$1(_defineProperty$1({}, styles$19['PageHeader-row--withCenter'], hasCenterNav && stackedMode === 'full'), styles$19['PageHeader-row--allStacked'], isStacked));
|
|
26160
|
+
var titleGroupClasses = classnames(styles$19['PageHeader-group--title'], _defineProperty$1({}, styles$19['PageHeader-group--title--stacked'], isStacked));
|
|
26161
|
+
var bottomClasses = classnames('pl-3', styles$19['PageHeader-bottom'], _defineProperty$1(_defineProperty$1({}, styles$19['PageHeader-bottom--withTabs'], !!tabs), styles$19['PageHeader-bottom--level1Responsive'], isLevel1WithActions));
|
|
26162
|
+
|
|
26163
|
+
// When center nav is auto-moved to bottom, keep it ghost in the row for measurement
|
|
26164
|
+
// (position:absolute, visibility:hidden) so recovery detection still works.
|
|
26165
|
+
var centerNavGhost = hasCenterNav && stackedMode !== 'full';
|
|
25968
26166
|
var centerNavProps = {
|
|
25969
|
-
colSize: colSize,
|
|
25970
|
-
breadcrumbs: breadcrumbs,
|
|
25971
|
-
navigationPosition: navigationPosition,
|
|
25972
|
-
navigation: navigation,
|
|
25973
|
-
stepper: stepper
|
|
25974
|
-
};
|
|
25975
|
-
var statusProps = {
|
|
25976
|
-
status: status,
|
|
25977
|
-
meta: meta,
|
|
25978
26167
|
navigationPosition: navigationPosition,
|
|
25979
26168
|
navigation: navigation,
|
|
25980
|
-
|
|
26169
|
+
stepper: stepper,
|
|
26170
|
+
ghost: centerNavGhost
|
|
25981
26171
|
};
|
|
26172
|
+
|
|
26173
|
+
// Nav renders in PageHeader-bottom if: consumer set bottom, or collision moved it there
|
|
26174
|
+
var showNavInBottom = !!(navigation || stepper) && (navigationPosition === 'bottom' || centerNavGhost);
|
|
25982
26175
|
return /*#__PURE__*/React.createElement("div", {
|
|
25983
26176
|
"data-test": "DesignSystem-PageHeader"
|
|
25984
26177
|
}, /*#__PURE__*/React.createElement("div", _extends$2({}, baseProps, {
|
|
@@ -25993,24 +26186,31 @@ var PageHeader = function PageHeader(props) {
|
|
|
25993
26186
|
button: button
|
|
25994
26187
|
}), /*#__PURE__*/React.createElement("div", {
|
|
25995
26188
|
className: classes
|
|
25996
|
-
}, /*#__PURE__*/React.createElement(
|
|
25997
|
-
className:
|
|
25998
|
-
|
|
25999
|
-
|
|
26000
|
-
|
|
26001
|
-
|
|
26189
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
26190
|
+
className: rowClasses,
|
|
26191
|
+
ref: rowRef
|
|
26192
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
26193
|
+
className: titleGroupClasses,
|
|
26194
|
+
"data-group": "title"
|
|
26002
26195
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
26003
26196
|
badge: badge,
|
|
26004
26197
|
title: title
|
|
26198
|
+
}), /*#__PURE__*/React.createElement(Status, {
|
|
26199
|
+
status: status,
|
|
26200
|
+
meta: meta
|
|
26005
26201
|
})), /*#__PURE__*/React.createElement(CenterNav, centerNavProps), /*#__PURE__*/React.createElement(Action, {
|
|
26006
26202
|
actions: actions,
|
|
26007
26203
|
navigation: navigation,
|
|
26008
|
-
stepper: stepper
|
|
26009
|
-
|
|
26010
|
-
|
|
26011
|
-
},
|
|
26204
|
+
stepper: stepper,
|
|
26205
|
+
stacked: isStacked,
|
|
26206
|
+
level1Responsive: isLevel1WithActions
|
|
26207
|
+
})))), (tabs || showNavInBottom) && /*#__PURE__*/React.createElement("div", {
|
|
26208
|
+
className: bottomClasses
|
|
26209
|
+
}, showNavInBottom && /*#__PURE__*/React.createElement(Nav, {
|
|
26012
26210
|
navigation: navigation,
|
|
26013
|
-
stepper: stepper
|
|
26211
|
+
stepper: stepper,
|
|
26212
|
+
noMargin: !!tabs,
|
|
26213
|
+
responsiveNoMargin: isLevel1WithActions
|
|
26014
26214
|
}), tabs && /*#__PURE__*/React.createElement("div", {
|
|
26015
26215
|
"data-test": "DesignSystem-PageHeader--Tabs"
|
|
26016
26216
|
}, tabs))), separator && /*#__PURE__*/React.createElement(Divider, {
|
|
@@ -26022,8 +26222,8 @@ PageHeader.defaultProps = {
|
|
|
26022
26222
|
separator: true
|
|
26023
26223
|
};
|
|
26024
26224
|
|
|
26025
|
-
var css_248z$j = ".fileList-module-FileIcon-01qzb-4-
|
|
26026
|
-
var styles$j = {"FileIcon":"fileList-module-FileIcon-01qzb-4-
|
|
26225
|
+
var css_248z$j = ".fileList-module-FileIcon-01qzb-4-25-0 {\n padding: var(--spacing-20);\n border-radius: var(--border-radius-full);\n}\n.fileList-module-FileItem-HpCE9-4-25-0:not(:last-child) {\n border-bottom: var(--border);\n width: 100%;\n box-sizing: border-box;\n}\n.fileList-module-FileItem-HpCE9-4-25-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-25-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n}\n.fileList-module-FileItem-actions-zH5Wo-4-25-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n}\n.fileList-module-FileItem-file-jkZDb-4-25-0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.fileList-module-FileItem-size-Jn3i4-4-25-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-25-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-25-0 {\n margin-left: 40px;\n}\n\n.fileList-module-FileIcon--image-8GeUP-4-25-0 {\n background: var(--alert-lightest);\n color: var(--alert);\n}\n.fileList-module-FileIcon--audio-pU4It-4-25-0 {\n background: var(--accent1-lightest);\n color: var(--accent1);\n}\n.fileList-module-FileIcon--video-Yhyeo-4-25-0 {\n background: var(--accent2-lightest);\n color: var(--accent2);\n}\n.fileList-module-FileIcon--application-GCdsE-4-25-0 {\n background: var(--accent3-lightest);\n color: var(--accent3);\n}\n.fileList-module-FileIcon--others-EgUIw-4-25-0 {\n background: var(--success-lightest);\n color: var(--success);\n}\n.fileList-module-FileIcon--animate-uQCYr-4-25-0 {\n animation: fileList-module-fadeIn-CVtFA-4-25-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes fileList-module-fadeIn-CVtFA-4-25-0 {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
26226
|
+
var styles$j = {"FileIcon":"fileList-module-FileIcon-01qzb-4-25-0","FileItem":"fileList-module-FileItem-HpCE9-4-25-0","FileItem-fileContent":"fileList-module-FileItem-fileContent-vusoO-4-25-0","FileItem-actions":"fileList-module-FileItem-actions-zH5Wo-4-25-0","FileItem-file":"fileList-module-FileItem-file-jkZDb-4-25-0","FileItem-size":"fileList-module-FileItem-size-Jn3i4-4-25-0","FileItem-text":"fileList-module-FileItem-text-JzD0s-4-25-0","FileItem-error":"fileList-module-FileItem-error-srZSs-4-25-0","FileIcon--image":"fileList-module-FileIcon--image-8GeUP-4-25-0","FileIcon--audio":"fileList-module-FileIcon--audio-pU4It-4-25-0","FileIcon--video":"fileList-module-FileIcon--video-Yhyeo-4-25-0","FileIcon--application":"fileList-module-FileIcon--application-GCdsE-4-25-0","FileIcon--others":"fileList-module-FileIcon--others-EgUIw-4-25-0","FileIcon--animate":"fileList-module-FileIcon--animate-uQCYr-4-25-0","fadeIn":"fileList-module-fadeIn-CVtFA-4-25-0"};
|
|
26027
26227
|
styleInject(css_248z$j);
|
|
26028
26228
|
|
|
26029
26229
|
var useEffect = React.useEffect,
|
|
@@ -26358,8 +26558,8 @@ VerificationCodeInput.defaultProps = {
|
|
|
26358
26558
|
fields: 4
|
|
26359
26559
|
};
|
|
26360
26560
|
|
|
26361
|
-
var css_248z$i = ".inlineMessage-module-InlineMessage-eYA4x-4-
|
|
26362
|
-
var styles$i = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-
|
|
26561
|
+
var css_248z$i = ".inlineMessage-module-InlineMessage-eYA4x-4-25-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-25-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-25-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-25-0,\n.inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-25-0 {\n color: var(--accent1-dark);\n}\n\n.inlineMessage-module-InlineMessage-text--alert-rUpLF-4-25-0 {\n color: var(--alert);\n}\n\n.inlineMessage-module-InlineMessage-text--info-7X-lv-4-25-0 {\n color: var(--primary);\n}\n\n.inlineMessage-module-InlineMessage-text--success-UX2Vn-4-25-0 {\n color: var(--success);\n}\n";
|
|
26562
|
+
var styles$i = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-25-0","InlineMessage-icon--regular":"inlineMessage-module-InlineMessage-icon--regular-ULMAr-4-25-0","InlineMessage-icon--small":"inlineMessage-module-InlineMessage-icon--small-DcwRS-4-25-0","InlineMessage-text--warning":"inlineMessage-module-InlineMessage-text--warning-zlHbs-4-25-0","InlineMessage-icon--warning":"inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-25-0","InlineMessage-text--alert":"inlineMessage-module-InlineMessage-text--alert-rUpLF-4-25-0","InlineMessage-text--info":"inlineMessage-module-InlineMessage-text--info-7X-lv-4-25-0","InlineMessage-text--success":"inlineMessage-module-InlineMessage-text--success-UX2Vn-4-25-0"};
|
|
26363
26563
|
styleInject(css_248z$i);
|
|
26364
26564
|
|
|
26365
26565
|
var _excluded$I = ["appearance", "className", "description", "size"];
|
|
@@ -26406,8 +26606,8 @@ InlineMessage.defaultProps = {
|
|
|
26406
26606
|
size: 'regular'
|
|
26407
26607
|
};
|
|
26408
26608
|
|
|
26409
|
-
var css_248z$h = ".choiceList-module-ChoiceList-haiz--4-
|
|
26410
|
-
var styles$h = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-
|
|
26609
|
+
var css_248z$h = ".choiceList-module-ChoiceList-haiz--4-25-0 {\n margin: 0;\n padding: 0;\n border: none;\n}\n\n.choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-25-0 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList-radio--vertical-9uLgh-4-25-0 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-25-0 {\n display: flex;\n}\n\n.choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-25-0 {\n margin-left: var(--spacing-60);\n}\n\n.choiceList-module-ChoiceList-radio--horizontal-67SGD-4-25-0 {\n margin-left: var(--spacing-60);\n}\n";
|
|
26610
|
+
var styles$h = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-25-0","ChoiceList-checkbox--vertical":"choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-25-0","ChoiceList-radio--vertical":"choiceList-module-ChoiceList-radio--vertical-9uLgh-4-25-0","ChoiceList--alignHorizontal":"choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-25-0","ChoiceList-checkbox--horizontal":"choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-25-0","ChoiceList-radio--horizontal":"choiceList-module-ChoiceList-radio--horizontal-67SGD-4-25-0"};
|
|
26411
26611
|
styleInject(css_248z$h);
|
|
26412
26612
|
|
|
26413
26613
|
var renderCheckbox = function renderCheckbox(list, handleOnChange, ChoiceListDisabled, size, alignment, selected, wrapLabel) {
|
|
@@ -26542,8 +26742,8 @@ ChoiceList.defaultProps = {
|
|
|
26542
26742
|
disabled: false
|
|
26543
26743
|
};
|
|
26544
26744
|
|
|
26545
|
-
var css_248z$g = ".divider-module-Divider-Fo0Gy-4-
|
|
26546
|
-
var styles$g = {"Divider":"divider-module-Divider-Fo0Gy-4-
|
|
26745
|
+
var css_248z$g = ".divider-module-Divider-Fo0Gy-4-25-0 {\n border: none;\n margin: 0;\n}\n\n.divider-module-Divider--vertical-Cdk22-4-25-0 {\n width: 1px;\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--horizontal-3Z0nC-4-25-0 {\n height: 1px;\n}\n\n.divider-module-Divider--basic-BqnEq-4-25-0 {\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--header-GMLJV-4-25-0 {\n background: var(--secondary-dark);\n}\n";
|
|
26746
|
+
var styles$g = {"Divider":"divider-module-Divider-Fo0Gy-4-25-0","Divider--vertical":"divider-module-Divider--vertical-Cdk22-4-25-0","Divider--horizontal":"divider-module-Divider--horizontal-3Z0nC-4-25-0","Divider--basic":"divider-module-Divider--basic-BqnEq-4-25-0","Divider--header":"divider-module-Divider--header-GMLJV-4-25-0"};
|
|
26547
26747
|
styleInject(css_248z$g);
|
|
26548
26748
|
|
|
26549
26749
|
var Divider = function Divider(props) {
|
|
@@ -26603,8 +26803,8 @@ var HelpText = function HelpText(props) {
|
|
|
26603
26803
|
};
|
|
26604
26804
|
HelpText.displayName = 'HelpText';
|
|
26605
26805
|
|
|
26606
|
-
var css_248z$f = ".linkButton-module-LinkButton--eCyD-4-
|
|
26607
|
-
var styles$f = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-
|
|
26806
|
+
var css_248z$f = ".linkButton-module-LinkButton--eCyD-4-25-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-25-0 {\n flex-direction: row-reverse;\n}\n\n.linkButton-module-LinkButton-icon-Id1IM-4-25-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.linkButton-module-LinkButton-icon--left-uCKUJ-4-25-0 {\n margin-right: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton-icon--right-wxMEa-4-25-0 {\n margin-left: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton--regular-QoGvH-4-25-0 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.linkButton-module-LinkButton--tiny-21d67-4-25-0 {\n line-height: var(--font-height-s);\n font-size: var(--font-size-s);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-25-0,\n.linkButton-module-LinkButton--default-disabled-xeGOu-4-25-0 {\n color: var(--primary);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-25-0:hover {\n color: var(--primary-dark);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-25-0:active {\n color: var(--primary-darker);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-25-0:focus-visible,\n.linkButton-module-LinkButton--default-disabled-xeGOu-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.linkButton-module-LinkButton--default-disabled-xeGOu-4-25-0 {\n cursor: not-allowed;\n color: var(--primary-lighter);\n}\n\n.linkButton-module-LinkButton-infoIcon--default-s085k-4-25-0 {\n color: var(--text-link);\n}\n\n/* Subtle Appearance */\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-25-0,\n.linkButton-module-LinkButton--subtle-disabled-YBw-Z-4-25-0 {\n color: var(--inverse-lighter);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-25-0:hover {\n color: var(--inverse-light);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-25-0:active {\n color: var(--inverse);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-25-0:focus-visible,\n.linkButton-module-LinkButton--subtle-disabled-YBw-Z-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.linkButton-module-LinkButton--subtle-disabled-YBw-Z-4-25-0 {\n cursor: not-allowed;\n color: var(--inverse-lightest);\n}\n\n.linkButton-module-LinkButton-infoIcon--subtle-Zid2H-4-25-0 {\n color: var(--inverse-light);\n}\n\n.linkButton-module-LinkButton-infoIconWrapper-gSvV3-4-25-0 {\n position: absolute;\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-30));\n width: var(--spacing-30);\n height: var(--spacing-30);\n box-sizing: border-box;\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border: none;\n background: transparent;\n pointer-events: none;\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--tiny-b1mDf-4-25-0 {\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-30));\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--regularIcon-BHLsK-4-25-0 {\n top: 0px;\n right: calc(-1 * var(--spacing-05));\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--tinyIcon-Zfim1-4-25-0 {\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-05));\n}\n\n.linkButton-module-LinkButton-withInfo-foxxf-4-25-0 {\n padding-right: var(--spacing-20);\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--withChildren--wre--4-25-0 {\n right: calc(-1 * var(--spacing-30) + var(--spacing-20));\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--iconOnly-dr2nx-4-25-0 {\n right: calc(-1 * var(--spacing-10) + var(--spacing-20));\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--tinyIcon-Zfim1-4-25-0 {\n right: calc(-1 * var(--spacing-05) + var(--spacing-20));\n}\n\n.linkButton-module-LinkButton-infoIcon-F8ygN-4-25-0 {\n color: inherit;\n}\n\n.linkButton-module-LinkButton-srOnly-k-6dO-4-25-0 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n";
|
|
26807
|
+
var styles$f = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-25-0","LinkButton--iconAlign-right":"linkButton-module-LinkButton--iconAlign-right-BjcDC-4-25-0","LinkButton-icon":"linkButton-module-LinkButton-icon-Id1IM-4-25-0","LinkButton-icon--left":"linkButton-module-LinkButton-icon--left-uCKUJ-4-25-0","LinkButton-icon--right":"linkButton-module-LinkButton-icon--right-wxMEa-4-25-0","LinkButton--regular":"linkButton-module-LinkButton--regular-QoGvH-4-25-0","LinkButton--tiny":"linkButton-module-LinkButton--tiny-21d67-4-25-0","LinkButton--default":"linkButton-module-LinkButton--default-1cpsS-4-25-0","LinkButton--default-disabled":"linkButton-module-LinkButton--default-disabled-xeGOu-4-25-0","LinkButton-infoIcon--default":"linkButton-module-LinkButton-infoIcon--default-s085k-4-25-0","LinkButton--subtle":"linkButton-module-LinkButton--subtle-I8NtR-4-25-0","LinkButton--subtle-disabled":"linkButton-module-LinkButton--subtle-disabled-YBw-Z-4-25-0","LinkButton-infoIcon--subtle":"linkButton-module-LinkButton-infoIcon--subtle-Zid2H-4-25-0","LinkButton-infoIconWrapper":"linkButton-module-LinkButton-infoIconWrapper-gSvV3-4-25-0","LinkButton-infoIconWrapper--tiny":"linkButton-module-LinkButton-infoIconWrapper--tiny-b1mDf-4-25-0","LinkButton-infoIconWrapper--regularIcon":"linkButton-module-LinkButton-infoIconWrapper--regularIcon-BHLsK-4-25-0","LinkButton-infoIconWrapper--tinyIcon":"linkButton-module-LinkButton-infoIconWrapper--tinyIcon-Zfim1-4-25-0","LinkButton-withInfo":"linkButton-module-LinkButton-withInfo-foxxf-4-25-0","LinkButton-infoIconWrapper--withChildren":"linkButton-module-LinkButton-infoIconWrapper--withChildren--wre--4-25-0","LinkButton-infoIconWrapper--iconOnly":"linkButton-module-LinkButton-infoIconWrapper--iconOnly-dr2nx-4-25-0","LinkButton-infoIcon":"linkButton-module-LinkButton-infoIcon-F8ygN-4-25-0","LinkButton-srOnly":"linkButton-module-LinkButton-srOnly-k-6dO-4-25-0"};
|
|
26608
26808
|
styleInject(css_248z$f);
|
|
26609
26809
|
|
|
26610
26810
|
var _excluded$H = ["children", "type", "className", "disabled", "tabIndex", "icon", "subtle", "size", "iconAlign", "iconType", "tooltip", "onClick", "onKeyDown", "aria-describedby"];
|
|
@@ -26719,8 +26919,8 @@ LinkButton.defaultProps = {
|
|
|
26719
26919
|
iconAlign: 'left'
|
|
26720
26920
|
};
|
|
26721
26921
|
|
|
26722
|
-
var css_248z$e = ".actionCard-module-ActionCard-VTzbo-4-
|
|
26723
|
-
var styles$e = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-
|
|
26922
|
+
var css_248z$e = ".actionCard-module-ActionCard-VTzbo-4-25-0 {\n border-radius: var(--border-radius-10);\n width: 100%;\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-25-0 {\n cursor: pointer;\n border: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-25-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-25-0:focus,\n.actionCard-module-ActionCard--default-ehk9Y-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-25-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-25-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-25-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";
|
|
26923
|
+
var styles$e = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-25-0","ActionCard--default":"actionCard-module-ActionCard--default-ehk9Y-4-25-0","ActionCard--disabled":"actionCard-module-ActionCard--disabled-Xbnn0-4-25-0","ActionCard-overlay--disabled":"actionCard-module-ActionCard-overlay--disabled-N4msm-4-25-0"};
|
|
26724
26924
|
styleInject(css_248z$e);
|
|
26725
26925
|
|
|
26726
26926
|
var _excluded$G = ["children", "disabled", "className", "zIndex", "onClick"];
|
|
@@ -26822,8 +27022,8 @@ function useSingleSelect() {
|
|
|
26822
27022
|
};
|
|
26823
27023
|
}
|
|
26824
27024
|
|
|
26825
|
-
var css_248z$d = ".selectionCard-module-Selection-card-qn7-q-4-
|
|
26826
|
-
var styles$d = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-
|
|
27025
|
+
var css_248z$d = ".selectionCard-module-Selection-card-qn7-q-4-25-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-25-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-25-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-25-0:focus,\n.selectionCard-module-Selection-card--default-hU2T--4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary-dark);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-25-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-25-0 {\n cursor: not-allowed;\n outline: none;\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-25-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-25-0 {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-25-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-25-0:focus,\n.selectionCard-module-Selection-card--selected-RWlWc-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-25-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-25-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-25-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-25-0:active .selectionCard-module-Selection-card-overlay-9BMzm-4-25-0 {\n background-color: var(--primary);\n opacity: var(--opacity-3);\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-25-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-25-0 {\n background-color: var(--secondary-lightest);\n opacity: var(--opacity-10);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-25-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-25-0 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-25-0:active .selectionCard-module-Selection-card-overlay-9BMzm-4-25-0 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-disabled-pIKi1-4-25-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-25-0 {\n background-color: var(--primary-lightest);\n opacity: var(--opacity-10);\n}\n\n@media (forced-colors: active) {\n /* All states use inset box-shadow as the sole border — replace with real borders */\n .selectionCard-module-Selection-card--default-hU2T--4-25-0,\n .selectionCard-module-Selection-card--default-hU2T--4-25-0:hover,\n .selectionCard-module-Selection-card--default-hU2T--4-25-0:active,\n .selectionCard-module-Selection-card--default-disabled-duc48-4-25-0 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n /* Interactive selected states — use Highlight to signal selection */\n .selectionCard-module-Selection-card--selected-RWlWc-4-25-0,\n .selectionCard-module-Selection-card--selected-RWlWc-4-25-0:hover,\n .selectionCard-module-Selection-card--selected-RWlWc-4-25-0:active {\n border: var(--border-width-2-5) solid Highlight;\n box-shadow: none;\n }\n\n .selectionCard-module-Selection-card--selected-disabled-pIKi1-4-25-0 {\n border: var(--border-width-2-5) solid GrayText;\n box-shadow: none;\n }\n\n .selectionCard-module-Selection-card--default-hU2T--4-25-0:focus,\n .selectionCard-module-Selection-card--default-hU2T--4-25-0:focus-visible,\n .selectionCard-module-Selection-card--selected-RWlWc-4-25-0:focus,\n .selectionCard-module-Selection-card--selected-RWlWc-4-25-0:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n box-shadow: none;\n }\n\n /* Disabled: suppress the focus indicator */\n .selectionCard-module-Selection-card--disabled-abVC--4-25-0 {\n outline: none;\n }\n}\n";
|
|
27026
|
+
var styles$d = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-25-0","Selection-card--default":"selectionCard-module-Selection-card--default-hU2T--4-25-0","Selection-card--disabled":"selectionCard-module-Selection-card--disabled-abVC--4-25-0","Selection-card--default-disabled":"selectionCard-module-Selection-card--default-disabled-duc48-4-25-0","Selection-card--selected":"selectionCard-module-Selection-card--selected-RWlWc-4-25-0","Selection-card--selected-disabled":"selectionCard-module-Selection-card--selected-disabled-pIKi1-4-25-0","Selection-card-overlay":"selectionCard-module-Selection-card-overlay-9BMzm-4-25-0"};
|
|
26827
27027
|
styleInject(css_248z$d);
|
|
26828
27028
|
|
|
26829
27029
|
var _excluded$F = ["children", "onClick", "disabled", "id", "cardValue", "overlayZIndex", "selected", "className"];
|
|
@@ -26947,8 +27147,8 @@ var schd = function schd(fn) {
|
|
|
26947
27147
|
return wrapperFn;
|
|
26948
27148
|
};
|
|
26949
27149
|
|
|
26950
|
-
var css_248z$c = ".listbox-module-Listbox-SUVk--4-
|
|
26951
|
-
var styles$c = {"Listbox":"listbox-module-Listbox-SUVk--4-
|
|
27150
|
+
var css_248z$c = ".listbox-module-Listbox-SUVk--4-25-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-25-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-25-0 {\n width: 100%;\n}\n\n.listbox-module-Listbox-item-wrapper-fbx8s-4-25-0:last-child > .listbox-module-Listbox-divider-sZWin-4-25-0,\n.listbox-module-Listbox-item--draggable-3UvAw-4-25-0:last-child .listbox-module-Listbox-divider-sZWin-4-25-0 {\n background: transparent;\n}\n\n/* Sizes */\n\n.listbox-module-Listbox-item--tight-48bRS-4-25-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.listbox-module-Listbox-item--compressed-NDxwb-4-25-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.listbox-module-Listbox-item--standard-q2FuW-4-25-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-25-0 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-25-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-25-0:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-25-0 {\n position: relative;\n background: rgba(214, 238, 255, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-25-0::before {\n content: '';\n position: absolute;\n top: var(--spacing-10);\n left: var(--spacing-10);\n width: var(--spacing-20);\n height: var(--spacing-20);\n background-color: var(--primary);\n clip-path: polygon(0 0, 100% 0, 0 100%);\n}\n\n.listbox-module-Listbox-item--tight-48bRS-4-25-0.listbox-module-Listbox-item--selected-mbKE--4-25-0::before {\n top: var(--spacing-05);\n left: var(--spacing-05);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-25-0:hover {\n background: rgba(139, 202, 254, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-25-0:active {\n background: var(--primary-lighter);\n}\n\n/* Listbox type - resource */\n\n.listbox-module-Listbox-item--resource-RGjFr-4-25-0 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-25-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-25-0:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--activated-tg1Eb-4-25-0 {\n position: relative;\n background: var(--primary-lightest);\n}\n\n.listbox-module-Listbox-item--activated-tg1Eb-4-25-0::before {\n content: '';\n position: absolute;\n top: var(--spacing-10);\n left: var(--spacing-10);\n width: var(--spacing-20);\n height: var(--spacing-20);\n background-color: var(--primary);\n clip-path: polygon(0 0, 100% 0, 0 100%);\n}\n\n.listbox-module-Listbox-item--tight-48bRS-4-25-0.listbox-module-Listbox-item--activated-tg1Eb-4-25-0::before {\n top: var(--spacing-05);\n left: var(--spacing-05);\n}\n\n/* Listbox type - description */\n\n.listbox-module-Listbox-item--description-qiJzO-4-25-0:focus-visible {\n outline: none;\n}\n\n/* Listbox type - disabled */\n\n.listbox-module-Listbox-item--disabled-x6TW2-4-25-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-25-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--draggable-3UvAw-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-25-0 {\n cursor: grab;\n padding: var(--spacing-10);\n margin-right: calc(var(--spacing-20) - var(--spacing-10));\n margin-left: calc(-1 * var(--spacing-10));\n border-radius: var(--border-radius-10);\n transition: background-color var(--duration--moderate-01) var(--standard-productive-curve),\n color var(--duration--moderate-01) var(--standard-productive-curve),\n box-shadow var(--duration--moderate-01) var(--standard-productive-curve);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-25-0:hover {\n background-color: var(--secondary);\n color: var(--inverse);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-25-0:active {\n background-color: var(--secondary-dark);\n color: var(--primary);\n}\n\n/* Drag and reorder interaction states */\n\n.listbox-module-Listbox-item--sticky-picked-o8Drq-4-25-0,\n.listbox-module-Listbox-item--drag-picked-ht640-4-25-0 {\n background-color: var(--text-white);\n box-shadow: var(--shadow-l);\n rotate: 0.5deg;\n cursor: grabbing;\n z-index: 1000;\n position: relative;\n}\n\n.listbox-module-Listbox-item--sticky-picked-o8Drq-4-25-0 .listbox-module-Listbox-item--selected-mbKE--4-25-0,\n.listbox-module-Listbox-item--drag-picked-ht640-4-25-0 .listbox-module-Listbox-item--selected-mbKE--4-25-0 {\n background-color: rgba(214, 238, 255, 0.48);\n}\n\n.listbox-module-Listbox-item--sticky-picked-o8Drq-4-25-0 .listbox-module-Listbox-item--drag-icon-Jt6Jw-4-25-0 {\n background-color: var(--primary);\n color: var(--text-white);\n}\n\n.listbox-module-Listbox-item--drag-picked-ht640-4-25-0 .listbox-module-Listbox-item--drag-icon-Jt6Jw-4-25-0 {\n background-color: var(--primary-ultra-light);\n color: var(--primary);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary);\n}\n\n.listbox-module-Listbox-aria-live-odEhw-4-25-0 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n@media (forced-colors: active) {\n .listbox-module-Listbox-item--description-qiJzO-4-25-0:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: calc(-1 * var(--border-width-05));\n }\n\n .listbox-module-Listbox-item--disabled-x6TW2-4-25-0 {\n opacity: 1;\n color: GrayText;\n }\n\n .listbox-module-Listbox-item--selected-mbKE--4-25-0::before,\n .listbox-module-Listbox-item--activated-tg1Eb-4-25-0::before {\n background-color: Highlight;\n }\n}\n";
|
|
27151
|
+
var styles$c = {"Listbox":"listbox-module-Listbox-SUVk--4-25-0","Listbox-item":"listbox-module-Listbox-item-YQzPV-4-25-0","Listbox-item-wrapper":"listbox-module-Listbox-item-wrapper-fbx8s-4-25-0","Listbox-divider":"listbox-module-Listbox-divider-sZWin-4-25-0","Listbox-item--draggable":"listbox-module-Listbox-item--draggable-3UvAw-4-25-0","Listbox-item--tight":"listbox-module-Listbox-item--tight-48bRS-4-25-0","Listbox-item--compressed":"listbox-module-Listbox-item--compressed-NDxwb-4-25-0","Listbox-item--standard":"listbox-module-Listbox-item--standard-q2FuW-4-25-0","Listbox-item--option":"listbox-module-Listbox-item--option-FMiJ2-4-25-0","Listbox-item--selected":"listbox-module-Listbox-item--selected-mbKE--4-25-0","Listbox-item--resource":"listbox-module-Listbox-item--resource-RGjFr-4-25-0","Listbox-item--activated":"listbox-module-Listbox-item--activated-tg1Eb-4-25-0","Listbox-item--description":"listbox-module-Listbox-item--description-qiJzO-4-25-0","Listbox-item--disabled":"listbox-module-Listbox-item--disabled-x6TW2-4-25-0","Listbox-item--drag-icon":"listbox-module-Listbox-item--drag-icon-Jt6Jw-4-25-0","Listbox-item--sticky-picked":"listbox-module-Listbox-item--sticky-picked-o8Drq-4-25-0","Listbox-item--drag-picked":"listbox-module-Listbox-item--drag-picked-ht640-4-25-0","Listbox-aria-live":"listbox-module-Listbox-aria-live-odEhw-4-25-0"};
|
|
26952
27152
|
styleInject(css_248z$c);
|
|
26953
27153
|
|
|
26954
27154
|
var AUTOSCROLL_ACTIVE_OFFSET = 200;
|
|
@@ -28332,8 +28532,8 @@ var SelectionAvatar = function SelectionAvatar(props) {
|
|
|
28332
28532
|
|
|
28333
28533
|
var AvatarSelectionContext = /*#__PURE__*/React.createContext({});
|
|
28334
28534
|
|
|
28335
|
-
var css_248z$b = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
28336
|
-
var styles$b = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
28535
|
+
var css_248z$b = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-25-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-25-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--tiny-isNDd-4-25-0 {\n margin-right: 0;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--micro-Qfz-a-4-25-0 {\n margin-right: var(--spacing-10);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-25-0:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-25-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-25-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-25-0:active,\n.avatarSelection-module-SelectionAvatarGroup-item--active-micro-XTJS3-4-25-0:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-regular-BVSG9-4-25-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-25-0:hover .avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-25-0 {\n transform: translateY(-8px);\n}\n\n/* Selected Avatar Group Item */\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-25-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-25-0,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-25-0 {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-25-0 {\n outline: var(--border-width-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-25-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-25-0:active,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-25-0:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-25-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-25-0:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-25-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-25-0 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-25-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-25-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-25-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-25-0,\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-25-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-25-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n/* Selection Avatar Count */\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-25-0 {\n border-radius: var(--border-radius-full);\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper--micro-U5Hsw-4-25-0 {\n margin-right: 0;\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-25-0:hover {\n background: var(--secondary);\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-25-0:active {\n background: var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--open-vpUEs-4-25-0 {\n background: var(--secondary-dark) !important;\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-25-0:focus {\n outline: none;\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-25-0:focus-visible {\n outline: none;\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-25-0:focus-visible::after {\n content: '';\n position: absolute;\n top: calc(-1 * var(--spacing-20));\n bottom: calc(-1 * var(--spacing-20));\n left: calc(-1 * var(--spacing-10));\n right: calc(-1 * var(--spacing-10));\n border: var(--border-width-05) solid var(--primary-focus);\n border-radius: var(--border-radius-10);\n pointer-events: none;\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-25-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-25-0,\n.avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-25-0 {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-25-0 {\n outline: var(--border-width-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-25-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-25-0:active,\n.avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-25-0:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-25-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-25-0:focus,\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-25-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@media (forced-colors: active) {\n .avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-25-0:focus,\n .avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-25-0:focus-visible {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-2-5);\n box-shadow: none !important;\n }\n\n .avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-25-0:focus,\n .avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-25-0:focus-visible {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-2-5);\n box-shadow: none !important;\n }\n\n /* The inner search input uses outline:none !important — restore it in forced-colors mode */\n .avatarSelection-module-SelectionAvatar-input-OWRhy-4-25-0:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
28536
|
+
var styles$b = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-25-0","SelectionAvatarGroup-item":"avatarSelection-module-SelectionAvatarGroup-item-1QsB6-4-25-0","SelectionAvatarGroup-item--tiny":"avatarSelection-module-SelectionAvatarGroup-item--tiny-isNDd-4-25-0","SelectionAvatarGroup-item--micro":"avatarSelection-module-SelectionAvatarGroup-item--micro-Qfz-a-4-25-0","SelectionAvatarGroup-item--active":"avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-25-0","SelectionAvatarGroup-item--active-tiny":"avatarSelection-module-SelectionAvatarGroup-item--active-tiny-tyofa-4-25-0","SelectionAvatarGroup-item--active-micro":"avatarSelection-module-SelectionAvatarGroup-item--active-micro-XTJS3-4-25-0","SelectionAvatarGroup-item--active-regular":"avatarSelection-module-SelectionAvatarGroup-item--active-regular-BVSG9-4-25-0","SelectionAvatarGroup-wrapper":"avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-25-0","SelectionAvatarGroup-item--selected":"avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-25-0","SelectionAvatarGroup-item--selected-tiny":"avatarSelection-module-SelectionAvatarGroup-item--selected-tiny-I4OLi-4-25-0","SelectionAvatarGroup-item--selected-micro":"avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-25-0","SelectionAvatarGroup-item--selected-regular":"avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-25-0","SelectionAvatarGroup-popper":"avatarSelection-module-SelectionAvatarGroup-popper-Rcnff-4-25-0","SelectionAvatar-inputWrapper":"avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-25-0","SelectionAvatar-input":"avatarSelection-module-SelectionAvatar-input-OWRhy-4-25-0","SelectionAvatarCount-wrapper":"avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-25-0","SelectionAvatarCount-wrapper--micro":"avatarSelection-module-SelectionAvatarCount-wrapper--micro-U5Hsw-4-25-0","SelectionAvatarCount":"avatarSelection-module-SelectionAvatarCount-s-0H0-4-25-0","SelectionAvatarCount--open":"avatarSelection-module-SelectionAvatarCount--open-vpUEs-4-25-0","SelectionAvatarCount--selected":"avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-25-0","SelectionAvatarCount--selected-tiny":"avatarSelection-module-SelectionAvatarCount--selected-tiny-AlYgW-4-25-0","SelectionAvatarCount--selected-micro":"avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-25-0","SelectionAvatarCount--selected-regular":"avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-25-0"};
|
|
28337
28537
|
styleInject(css_248z$b);
|
|
28338
28538
|
|
|
28339
28539
|
var SelectionAvatarsWrapper = function SelectionAvatarsWrapper(props) {
|
|
@@ -30230,8 +30430,8 @@ Combobox.Option = ComboboxOption;
|
|
|
30230
30430
|
|
|
30231
30431
|
var SelectContext = /*#__PURE__*/React.createContext({});
|
|
30232
30432
|
|
|
30233
|
-
var css_248z$a = ".select-module-Select-input-E3-1I-4-
|
|
30234
|
-
var styles$a = {"Select-input":"select-module-Select-input-E3-1I-4-
|
|
30433
|
+
var css_248z$a = ".select-module-Select-input-E3-1I-4-25-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-25-0,\n.select-module-Select-input-E3-1I-4-25-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.select-module-Select-input-E3-1I-4-25-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.select-module-Select-trigger-PT5nA-4-25-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-25-0 {\n background: var(--secondary-light);\n color: var(--text);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-25-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-25-0:active,\n.select-module-Select-trigger--filledOpen-JwFDP-4-25-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-25-0:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-25-0:focus-visible {\n background-color: var(--secondary-light);\n}\n\n/* styleType Outlined */\n\n.select-module-Select-trigger--outlined-EqpYO-4-25-0 {\n background: var(--white);\n color: var(--text);\n border: var(--border);\n}\n\n.select-module-Select-trigger--outlined-EqpYO-4-25-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-25-0:active,\n.select-module-Select-trigger--outlinedOpen-Qpz-c-4-25-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-25-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-25-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.select-module-Select-inputWrapper-LT8pe-4-25-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.select-module-Select-trigger-wrapper-NMxls-4-25-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-25-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-25-0,\n.select-module-Select-option--text-WfcEP-4-25-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-25-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-25-0 {\n color: var(--text);\n}\n\n.select-module-Select-trigger--outlinedPlaceholder-KskN9-4-25-0 {\n color: var(--inverse-lighter);\n}\n\n.select-module-Select-trigger--icon-eX-q0-4-25-0 {\n padding-left: var(--spacing-20);\n}\n\n.select-module-Select-buttonWrapper-Dm9cQ-4-25-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-25-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 border: none;\n background: transparent;\n}\n\n.select-module-Select-crossButton-RUlwA-4-25-0:focus-visible {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.select-module-Select-crossButton-RUlwA-4-25-0:hover {\n background-color: var(--secondary);\n}\n\n.select-module-Select-crossButton-RUlwA-4-25-0:active {\n background-color: var(--secondary-dark);\n}\n\n.select-module-Select-option-HDep4-4-25-0 {\n display: flex;\n align-items: flex-start;\n width: 100%;\n}\n\n.select-module-Select-trigger--textSmall-jlpss-4-25-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-25-0 {\n padding: var(--spacing-10) var(--spacing-20);\n}\n\n.select-module-Select-input--tiny-mldAL-4-25-0 {\n padding-right: var(--spacing-10);\n height: var(--spacing-60);\n}\n\n.select-module-Select-option--textTight-soE6b-4-25-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-25-0 {\n border: var(--border-width-2-5) solid var(--alert) !important;\n}\n\n@media (forced-colors: active) {\n .select-module-Select-input-E3-1I-4-25-0:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
30434
|
+
var styles$a = {"Select-input":"select-module-Select-input-E3-1I-4-25-0","Select-trigger":"select-module-Select-trigger-PT5nA-4-25-0","Select-trigger--filled":"select-module-Select-trigger--filled-mAjdO-4-25-0","Select-trigger--filledOpen":"select-module-Select-trigger--filledOpen-JwFDP-4-25-0","Select-trigger--outlined":"select-module-Select-trigger--outlined-EqpYO-4-25-0","Select-trigger--outlinedOpen":"select-module-Select-trigger--outlinedOpen-Qpz-c-4-25-0","Select-inputWrapper":"select-module-Select-inputWrapper-LT8pe-4-25-0","Select-trigger-wrapper":"select-module-Select-trigger-wrapper-NMxls-4-25-0","Select-trigger--small":"select-module-Select-trigger--small-v-qam-4-25-0","Select-trigger--text":"select-module-Select-trigger--text-7nEKU-4-25-0","Select-option--text":"select-module-Select-option--text-WfcEP-4-25-0","Select-trigger--regular":"select-module-Select-trigger--regular-Dx-fp-4-25-0","Select-trigger--filledPlaceholder":"select-module-Select-trigger--filledPlaceholder-XA5t6-4-25-0","Select-trigger--outlinedPlaceholder":"select-module-Select-trigger--outlinedPlaceholder-KskN9-4-25-0","Select-trigger--icon":"select-module-Select-trigger--icon-eX-q0-4-25-0","Select-buttonWrapper":"select-module-Select-buttonWrapper-Dm9cQ-4-25-0","Select-crossButton":"select-module-Select-crossButton-RUlwA-4-25-0","Select-option":"select-module-Select-option-HDep4-4-25-0","Select-trigger--textSmall":"select-module-Select-trigger--textSmall-jlpss-4-25-0","Select-option--tight":"select-module-Select-option--tight-vVqxV-4-25-0","Select-input--tiny":"select-module-Select-input--tiny-mldAL-4-25-0","Select-option--textTight":"select-module-Select-option--textTight-soE6b-4-25-0","Select-trigger--error":"select-module-Select-trigger--error-B4sEa-4-25-0"};
|
|
30235
30435
|
styleInject(css_248z$a);
|
|
30236
30436
|
|
|
30237
30437
|
var _excluded$u = ["children", "option", "checkedState", "onClick", "withCheckbox", "disabled", "index"];
|
|
@@ -30601,8 +30801,6 @@ var SelectEmptyTemplate = function SelectEmptyTemplate(props) {
|
|
|
30601
30801
|
className: "d-flex flex-column justify-content-center align-items-center"
|
|
30602
30802
|
}, title && /*#__PURE__*/React.createElement(Text$1, {
|
|
30603
30803
|
id: titleId,
|
|
30604
|
-
role: "heading",
|
|
30605
|
-
"aria-level": 2,
|
|
30606
30804
|
className: "text-align-center mb-3",
|
|
30607
30805
|
weight: "strong"
|
|
30608
30806
|
}, title), description && /*#__PURE__*/React.createElement(Text$1, {
|
|
@@ -30989,8 +31187,8 @@ Select.SearchInput = SearchInput;
|
|
|
30989
31187
|
Select.EmptyTemplate = SelectEmptyTemplate;
|
|
30990
31188
|
Select.Footer = SelectFooter;
|
|
30991
31189
|
|
|
30992
|
-
var css_248z$9 = ".menu-module-Menu-AK6Tm-4-
|
|
30993
|
-
var styles$9 = {"Menu":"menu-module-Menu-AK6Tm-4-
|
|
31190
|
+
var css_248z$9 = ".menu-module-Menu-AK6Tm-4-25-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-25-0 {\n background-color: var(--secondary-dark);\n}\n\n.menu-module-Menu-Item-oX6Gf-4-25-0 {\n width: 100%;\n box-sizing: border-box;\n}\n\n.menu-module-Menu-Item--tight-6221H-4-25-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-25-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-25-0:first-child .menu-module-Menu-Group-Label-Qj6zC-4-25-0 {\n padding-top: var(--spacing-20);\n}\n";
|
|
31191
|
+
var styles$9 = {"Menu":"menu-module-Menu-AK6Tm-4-25-0","Menu-Trigger--active":"menu-module-Menu-Trigger--active-jEVVp-4-25-0","Menu-Item":"menu-module-Menu-Item-oX6Gf-4-25-0","Menu-Item--tight":"menu-module-Menu-Item--tight-6221H-4-25-0","Menu-Group-Label":"menu-module-Menu-Group-Label-Qj6zC-4-25-0","Menu-Group":"menu-module-Menu-Group-MAnuz-4-25-0"};
|
|
30994
31192
|
styleInject(css_248z$9);
|
|
30995
31193
|
|
|
30996
31194
|
var _excluded$o = ["label", "children", "showDivider"];
|
|
@@ -31631,8 +31829,8 @@ var DateSeparator = function DateSeparator(props) {
|
|
|
31631
31829
|
}, rest), date);
|
|
31632
31830
|
};
|
|
31633
31831
|
|
|
31634
|
-
var css_248z$8 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
31635
|
-
var styles$8 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
31832
|
+
var css_248z$8 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-25-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-25-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-25-0 {\n flex: 1;\n height: var(--spacing-2-5);\n background-color: var(--primary);\n margin-left: var(--spacing-40);\n}\n";
|
|
31833
|
+
var styles$8 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-25-0","NewMessage-Divider--left":"chatSeparator-module-NewMessage-Divider--left-tvVhe-4-25-0","NewMessage-Divider--right":"chatSeparator-module-NewMessage-Divider--right-PlY2h-4-25-0"};
|
|
31636
31834
|
styleInject(css_248z$8);
|
|
31637
31835
|
|
|
31638
31836
|
var _excluded$i = ["text", "className"];
|
|
@@ -31727,8 +31925,8 @@ var TypingIndicator = function TypingIndicator(props) {
|
|
|
31727
31925
|
}, rest), text);
|
|
31728
31926
|
};
|
|
31729
31927
|
|
|
31730
|
-
var css_248z$7 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
31731
|
-
var styles$7 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
31928
|
+
var css_248z$7 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-25-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-25-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-lighter);\n}\n\n.chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-25-0 {\n margin-right: calc(var(--spacing-40) + var(--spacing-10));\n}\n\n.chatBubble-module-ChatBubble-box-hARs0-4-25-0 {\n width: 100%;\n}\n\n.chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-25-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-25-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-25-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-25-0 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.chatBubble-module-ChatBubble-boxWrapper-aH59y-4-25-0 {\n flex: 0 0 auto;\n display: flex;\n max-width: 70%;\n}\n\n.chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-25-0 {\n flex: 0 0 auto;\n}\n\n.chatBubble-module-ChatBubble-actionBarWrapper--hidden-VPK2d-4-25-0 {\n width: 0;\n overflow: hidden;\n}\n";
|
|
31929
|
+
var styles$7 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-25-0","ChatBubble-separator":"chatBubble-module-ChatBubble-separator-JaN-K-4-25-0","ChatBubble-box--noSuccess":"chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-25-0","ChatBubble-box":"chatBubble-module-ChatBubble-box-hARs0-4-25-0","ChatBubble-actionBar--outgoing":"chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-25-0","ChatBubble-actionBar--incoming":"chatBubble-module-ChatBubble-actionBar--incoming-gosX5-4-25-0","ChatBubble-box--incoming":"chatBubble-module-ChatBubble-box--incoming-GK6D6-4-25-0","ChatBubble-metaData--incoming":"chatBubble-module-ChatBubble-metaData--incoming-dovAY-4-25-0","ChatBubble-boxWrapper":"chatBubble-module-ChatBubble-boxWrapper-aH59y-4-25-0","ChatBubble-actionBarWrapper":"chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-25-0","ChatBubble-actionBarWrapper--hidden":"chatBubble-module-ChatBubble-actionBarWrapper--hidden-VPK2d-4-25-0"};
|
|
31732
31930
|
styleInject(css_248z$7);
|
|
31733
31931
|
|
|
31734
31932
|
var _excluded$f = ["time", "metaData", "urgentMessage", "avatarData", "showAvatar", "children", "actionBar"];
|
|
@@ -31974,8 +32172,8 @@ var ChatBubble = function ChatBubble(props) {
|
|
|
31974
32172
|
};
|
|
31975
32173
|
ChatBubble.displayName = 'ChatBubble';
|
|
31976
32174
|
|
|
31977
|
-
var css_248z$6 = ".chatInput-module-ChatInput-eHNHD-4-
|
|
31978
|
-
var styles$6 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-
|
|
32175
|
+
var css_248z$6 = ".chatInput-module-ChatInput-eHNHD-4-25-0 {\n display: flex;\n flex-direction: row;\n align-items: center;\n border: var(--border-width-2-5) solid var(--secondary-dark);\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: background-color var(--duration--slow-01) var(--standard-productive-curve),\n border-color var(--duration--slow-01) var(--standard-productive-curve),\n outline 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-25-0 {\n flex-direction: column;\n align-items: flex-start;\n}\n\n.chatInput-module-ChatInput--disabled-2rn8F-4-25-0 {\n background: var(--secondary-lightest);\n cursor: not-allowed;\n}\n\n.chatInput-module-ChatInput-eHNHD-4-25-0:hover {\n background: var(--secondary-lighter);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-25-0:focus-within,\n.chatInput-module-ChatInput-eHNHD-4-25-0:focus,\n.chatInput-module-ChatInput-eHNHD-4-25-0:focus-visible {\n background: var(--white);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chatInput-module-ChatInput-textarea-qyw2Y-4-25-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-25-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.chatInput-module-ChatInput-textarea-qyw2Y-4-25-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-25-0 textarea:disabled::-moz-placeholder {\n color: var(--inverse-lightest);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-25-0 textarea:disabled::placeholder {\n color: var(--inverse-lightest);\n}\n\n.chatInput-module-ChatInput-actions-TdLpp-4-25-0 {\n display: flex;\n flex-shrink: 0;\n transition: margin var(--duration--slow-01) var(--standard-productive-curve),\n width 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-25-0 {\n width: 100%;\n justify-content: flex-end;\n margin-top: var(--spacing-20);\n margin-left: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .chatInput-module-ChatInput-eHNHD-4-25-0,\n .chatInput-module-ChatInput-actions-TdLpp-4-25-0,\n .chatInput-module-ChatInput-textarea-qyw2Y-4-25-0 {\n transition: none;\n }\n}\n";
|
|
32176
|
+
var styles$6 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-25-0","ChatInput--expanded":"chatInput-module-ChatInput--expanded-CQXYB-4-25-0","ChatInput--disabled":"chatInput-module-ChatInput--disabled-2rn8F-4-25-0","ChatInput-textarea":"chatInput-module-ChatInput-textarea-qyw2Y-4-25-0","ChatInput-actions":"chatInput-module-ChatInput-actions-TdLpp-4-25-0","ChatInput-actions--expanded":"chatInput-module-ChatInput-actions--expanded-tSHwG-4-25-0"};
|
|
31979
32177
|
styleInject(css_248z$6);
|
|
31980
32178
|
|
|
31981
32179
|
var _excluded$c = ["defaultValue", "showStopButton", "onChange", "onSend", "disabled", "readOnly", "actionRenderer", "onStopGenerating", "className", "aria-label"];
|
|
@@ -32107,8 +32305,8 @@ Chat.TypingIndicator = TypingIndicator;
|
|
|
32107
32305
|
Chat.ChatBubble = ChatBubble;
|
|
32108
32306
|
Chat.ChatInput = ChatInput;
|
|
32109
32307
|
|
|
32110
|
-
var css_248z$5 = ".meter-module-Meter-2i-mO-4-
|
|
32111
|
-
var styles$5 = {"Meter":"meter-module-Meter-2i-mO-4-
|
|
32308
|
+
var css_248z$5 = ".meter-module-Meter-2i-mO-4-25-0 {\n display: flex;\n align-items: center;\n}\n\n.meter-module-Meter-Step-4Z4g3-4-25-0 {\n border-radius: 50%;\n}\n\n.meter-module-Meter-Step--small-8AUww-4-25-0 {\n width: var(--spacing-10);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--regular-5FlOq-4-25-0 {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--large-3n6Li-4-25-0 {\n width: var(--spacing-30);\n height: var(--spacing-30);\n}\n\n.meter-module-Meter-Step--info-dYKw1-4-25-0 {\n background: var(--primary);\n}\n\n.meter-module-Meter-Step--warning-1y3zc-4-25-0 {\n background: var(--warning);\n}\n\n.meter-module-Meter-Step--alert-hNfes-4-25-0 {\n background: var(--alert);\n}\n\n.meter-module-Meter-Step--success-sSboi-4-25-0 {\n background: var(--success);\n}\n";
|
|
32309
|
+
var styles$5 = {"Meter":"meter-module-Meter-2i-mO-4-25-0","Meter-Step":"meter-module-Meter-Step-4Z4g3-4-25-0","Meter-Step--small":"meter-module-Meter-Step--small-8AUww-4-25-0","Meter-Step--regular":"meter-module-Meter-Step--regular-5FlOq-4-25-0","Meter-Step--large":"meter-module-Meter-Step--large-3n6Li-4-25-0","Meter-Step--info":"meter-module-Meter-Step--info-dYKw1-4-25-0","Meter-Step--warning":"meter-module-Meter-Step--warning-1y3zc-4-25-0","Meter-Step--alert":"meter-module-Meter-Step--alert-hNfes-4-25-0","Meter-Step--success":"meter-module-Meter-Step--success-sSboi-4-25-0"};
|
|
32112
32310
|
styleInject(css_248z$5);
|
|
32113
32311
|
|
|
32114
32312
|
var Step = function Step(props) {
|
|
@@ -32284,8 +32482,8 @@ Meter.useMeterValues = useMeterValues;
|
|
|
32284
32482
|
|
|
32285
32483
|
var SegmentedControlContext = /*#__PURE__*/React.createContext(null);
|
|
32286
32484
|
|
|
32287
|
-
var css_248z$4 = ".segmentedControl-module-SegmentedControl-vkYC9-4-
|
|
32288
|
-
var styles$4 = {"SegmentedControl":"segmentedControl-module-SegmentedControl-vkYC9-4-
|
|
32485
|
+
var css_248z$4 = ".segmentedControl-module-SegmentedControl-vkYC9-4-25-0 {\n display: inline-flex;\n align-items: stretch;\n position: relative;\n border-radius: var(--border-radius-10);\n max-width: 100%;\n box-sizing: border-box;\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n overflow: visible;\n}\n\n.segmentedControl-module-SegmentedControl--expanded-sdHW--4-25-0 {\n width: 100%;\n display: flex;\n}\n\n.segmentedControl-module-SegmentedControl-segment--expanded-A9LYh-4-25-0 {\n flex: 1 1 0;\n min-width: 0;\n width: 0;\n}\n\n.segmentedControl-module-SegmentedControl-segment--equalWidth-FUQl8-4-25-0 {\n width: var(--segment-equal-width, -moz-max-content);\n width: var(--segment-equal-width, max-content);\n flex: 0 0 auto;\n min-width: var(--segment-equal-width, -moz-max-content);\n min-width: var(--segment-equal-width, max-content);\n}\n\n.segmentedControl-module-SegmentedControl-segment--equalWidth-FUQl8-4-25-0 .segmentedControl-module-SegmentedControl-segmentLabel-Jtu-B-4-25-0 {\n overflow: visible;\n text-overflow: clip;\n}\n\n.segmentedControl-module-SegmentedControl-segmentLabel--constrained-DpFL7-4-25-0 {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n}\n\n.segmentedControl-module-SegmentedControl--disabled-7MH7Y-4-25-0 {\n opacity: var(--opacity-16);\n cursor: not-allowed;\n}\n\n.segmentedControl-module-SegmentedControl-indicator-ac-l3-4-25-0 {\n position: absolute;\n left: 0;\n box-sizing: border-box;\n background-color: var(--primary-ultra-light);\n border: var(--border-width-05) solid var(--primary);\n border-radius: var(--border-radius-10);\n pointer-events: none;\n z-index: 2;\n transition: transform var(--duration--moderate-02) var(--standard-productive-curve),\n width var(--duration--moderate-02) var(--standard-productive-curve),\n top var(--duration--moderate-02) var(--standard-productive-curve),\n height var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-25-0 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: var(--border-width-2-5) solid transparent;\n background-clip: padding-box;\n border-radius: 0;\n background-color: transparent;\n position: relative;\n color: var(--text);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--spacing-15) var(--spacing-30);\n cursor: pointer;\n font-family: inherit;\n font-size: var(--font-size);\n line-height: var(--font-height);\n font-weight: var(--font-weight-normal);\n text-decoration: none;\n max-width: var(--segment-max-width, none);\n min-width: 0;\n z-index: 3;\n transition: color var(--duration--moderate-02) var(--standard-productive-curve),\n background-color var(--duration--moderate-02) var(--standard-productive-curve),\n box-shadow var(--duration--moderate-02) var(--standard-productive-curve),\n font-weight var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-25-0:nth-of-type(1) {\n border-top-left-radius: var(--border-radius-10);\n border-bottom-left-radius: var(--border-radius-10);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-25-0:last-child {\n border-top-right-radius: var(--border-radius-10);\n border-bottom-right-radius: var(--border-radius-10);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-25-0:focus {\n outline: none;\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n border-radius: var(--border-radius-10);\n z-index: 100;\n position: relative;\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-25-0:hover:not(.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-25-0):not(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-25-0) {\n background-color: var(--secondary-lighter);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-25-0:active:not(.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-25-0):not(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-25-0) {\n color: var(--primary-dark);\n}\n\n.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-25-0 {\n color: var(--primary-dark);\n cursor: default;\n}\n\n.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-25-0.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-25-0 {\n color: var(--primary-dark);\n cursor: not-allowed;\n}\n\n.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-25-0.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-25-0::after {\n content: '';\n position: absolute;\n top: var(--border-width-2-5);\n left: var(--border-width-2-5);\n right: var(--border-width-2-5);\n bottom: var(--border-width-2-5);\n background-color: var(--white);\n opacity: var(--opacity-12);\n border-radius: calc(var(--border-radius-10) - var(--border-width-2-5));\n pointer-events: none;\n z-index: 1;\n}\n\n.segmentedControl-module-SegmentedControl-vkYC9-4-25-0:has(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-25-0.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-25-0)\n .segmentedControl-module-SegmentedControl-indicator-ac-l3-4-25-0 {\n opacity: calc(1 - var(--opacity-12));\n}\n\n.segmentedControl-module-SegmentedControl-segment--twoSegmentsSelected-GiHxv-4-25-0 {\n cursor: pointer;\n}\n\n.segmentedControl-module-SegmentedControl-segment--small-e41l--4-25-0 {\n padding: var(--spacing-10) var(--spacing-20);\n height: var(--spacing-60);\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.segmentedControl-module-SegmentedControl-segment--regular-NoNqD-4-25-0 {\n padding: var(--spacing-15) var(--spacing-30);\n height: var(--spacing-80);\n line-height: var(--font-height);\n}\n\n.segmentedControl-module-SegmentedControl-segment--large-34x1e-4-25-0 {\n padding: var(--spacing-20) var(--spacing-40);\n height: 40px;\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.segmentedControl-module-SegmentedControl-segment--customContent-xIvUV-4-25-0 {\n height: auto;\n}\n\n.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-25-0 {\n cursor: not-allowed;\n color: var(--text-disabled);\n background-color: transparent;\n}\n\n.segmentedControl-module-SegmentedControl-segment--iconOnly-d-e2J-4-25-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n padding: var(--spacing-15) var(--spacing-20);\n box-sizing: border-box;\n}\n\n.segmentedControl-module-SegmentedControl-segment--smallIconOnly--K8og-4-25-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n padding: var(--spacing-10) var(--spacing-15);\n box-sizing: border-box;\n}\n\n.segmentedControl-module-SegmentedControl-segment--largeIconOnly-qVfJL-4-25-0 {\n height: 40px;\n width: 40px;\n padding: var(--spacing-20) var(--spacing-30);\n box-sizing: border-box;\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon-X6neD-4-25-0 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin: 0;\n transition: color var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--only-Tb-d5-4-25-0 {\n margin: 0;\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--small-phj9R-4-25-0 {\n margin-right: var(--spacing-10);\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--regular-F6UoI-4-25-0 {\n margin-right: var(--spacing-15);\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--large-5k6tL-4-25-0 {\n margin-right: var(--spacing-20);\n}\n\n.segmentedControl-module-SegmentedControl-segmentLabel-Jtu-B-4-25-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: color var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-divider-CanUi-4-25-0 {\n width: var(--border-width-2-5);\n background-color: var(--secondary);\n align-self: center;\n flex-shrink: 0;\n transition: opacity var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-divider--hidden-CUMGn-4-25-0 {\n opacity: 0;\n pointer-events: none;\n}\n\n.segmentedControl-module-SegmentedControl-divider--small-gv4uV-4-25-0 {\n height: 10px;\n}\n\n.segmentedControl-module-SegmentedControl-divider--regular-bWrw6-4-25-0 {\n height: var(--spacing-30);\n}\n\n.segmentedControl-module-SegmentedControl-divider--large-6pJIA-4-25-0 {\n height: 14px;\n}\n\n@media (prefers-contrast: high) {\n .segmentedControl-module-SegmentedControl-segment-rqh1W-4-25-0:focus-visible {\n outline-width: var(--border-width-10);\n outline-offset: var(--spacing-05);\n }\n\n .segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-25-0 {\n border-color: var(--primary);\n }\n}\n";
|
|
32486
|
+
var styles$4 = {"SegmentedControl":"segmentedControl-module-SegmentedControl-vkYC9-4-25-0","SegmentedControl--expanded":"segmentedControl-module-SegmentedControl--expanded-sdHW--4-25-0","SegmentedControl-segment--expanded":"segmentedControl-module-SegmentedControl-segment--expanded-A9LYh-4-25-0","SegmentedControl-segment--equalWidth":"segmentedControl-module-SegmentedControl-segment--equalWidth-FUQl8-4-25-0","SegmentedControl-segmentLabel":"segmentedControl-module-SegmentedControl-segmentLabel-Jtu-B-4-25-0","SegmentedControl-segmentLabel--constrained":"segmentedControl-module-SegmentedControl-segmentLabel--constrained-DpFL7-4-25-0","SegmentedControl--disabled":"segmentedControl-module-SegmentedControl--disabled-7MH7Y-4-25-0","SegmentedControl-indicator":"segmentedControl-module-SegmentedControl-indicator-ac-l3-4-25-0","SegmentedControl-segment":"segmentedControl-module-SegmentedControl-segment-rqh1W-4-25-0","SegmentedControl-segment--disabled":"segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-25-0","SegmentedControl-segment--selected":"segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-25-0","SegmentedControl-segment--twoSegmentsSelected":"segmentedControl-module-SegmentedControl-segment--twoSegmentsSelected-GiHxv-4-25-0","SegmentedControl-segment--small":"segmentedControl-module-SegmentedControl-segment--small-e41l--4-25-0","SegmentedControl-segment--regular":"segmentedControl-module-SegmentedControl-segment--regular-NoNqD-4-25-0","SegmentedControl-segment--large":"segmentedControl-module-SegmentedControl-segment--large-34x1e-4-25-0","SegmentedControl-segment--customContent":"segmentedControl-module-SegmentedControl-segment--customContent-xIvUV-4-25-0","SegmentedControl-segment--iconOnly":"segmentedControl-module-SegmentedControl-segment--iconOnly-d-e2J-4-25-0","SegmentedControl-segment--smallIconOnly":"segmentedControl-module-SegmentedControl-segment--smallIconOnly--K8og-4-25-0","SegmentedControl-segment--largeIconOnly":"segmentedControl-module-SegmentedControl-segment--largeIconOnly-qVfJL-4-25-0","SegmentedControl-segmentIcon":"segmentedControl-module-SegmentedControl-segmentIcon-X6neD-4-25-0","SegmentedControl-segmentIcon--only":"segmentedControl-module-SegmentedControl-segmentIcon--only-Tb-d5-4-25-0","SegmentedControl-segmentIcon--small":"segmentedControl-module-SegmentedControl-segmentIcon--small-phj9R-4-25-0","SegmentedControl-segmentIcon--regular":"segmentedControl-module-SegmentedControl-segmentIcon--regular-F6UoI-4-25-0","SegmentedControl-segmentIcon--large":"segmentedControl-module-SegmentedControl-segmentIcon--large-5k6tL-4-25-0","SegmentedControl-divider":"segmentedControl-module-SegmentedControl-divider-CanUi-4-25-0","SegmentedControl-divider--hidden":"segmentedControl-module-SegmentedControl-divider--hidden-CUMGn-4-25-0","SegmentedControl-divider--small":"segmentedControl-module-SegmentedControl-divider--small-gv4uV-4-25-0","SegmentedControl-divider--regular":"segmentedControl-module-SegmentedControl-divider--regular-bWrw6-4-25-0","SegmentedControl-divider--large":"segmentedControl-module-SegmentedControl-divider--large-6pJIA-4-25-0"};
|
|
32289
32487
|
styleInject(css_248z$4);
|
|
32290
32488
|
|
|
32291
32489
|
var iconSizeMap = {
|
|
@@ -32790,10 +32988,10 @@ SegmentedControl.defaultProps = {
|
|
|
32790
32988
|
};
|
|
32791
32989
|
SegmentedControl.Item = SegmentedControlItem;
|
|
32792
32990
|
|
|
32793
|
-
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%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='none' stroke='%
|
|
32991
|
+
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%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='none' stroke='%23CA1822' stroke-width='1' vector-effect='non-scaling-stroke' clip-path='url(%23clip0_64038_5798)'/%3e%3cdefs%3e%3cclipPath id='clip0_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'/%3e%3c/clipPath%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";
|
|
32794
32992
|
|
|
32795
|
-
var css_248z$3 = ".button-module-AIButton-Hcde0-4-
|
|
32796
|
-
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-
|
|
32993
|
+
var css_248z$3 = ".button-module-AIButton-Hcde0-4-25-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(109deg, #fdead8 10.28%, #fbdfd5 32.82%, #f9d1d5 63.38%, #fad9e7 96.05%);\n}\n\n.button-module-AIButton-Hcde0-4-25-0:hover {\n background: linear-gradient(116deg, #fbe1c9 14.17%, #f8c5c6 50.06%, #f9cbdc 85.01%);\n}\n\n.button-module-AIButton-Hcde0-4-25-0:active {\n background: linear-gradient(106deg, #fad1ae 20.06%, #f5aea9 44.48%, #f4a0ad 67.83%, #f6b3ce 86.55%);\n}\n\n.button-module-AIButton-Hcde0-4-25-0:disabled {\n cursor: not-allowed;\n opacity: var(--opacity-10);\n background: linear-gradient(109deg, #fdead8 10.28%, #fbdfd5 32.82%, #f9d1d5 63.38%, #fad9e7 96.05%);\n}\n\n.button-module-AIButton-Hcde0-4-25-0:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n/* Button Icon */\n\n.button-module-AIButton-Icon-ITLNV-4-25-0 {\n margin-right: var(--spacing-20);\n}\n";
|
|
32994
|
+
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-25-0","AIButton-Icon":"button-module-AIButton-Icon-ITLNV-4-25-0"};
|
|
32797
32995
|
styleInject(css_248z$3);
|
|
32798
32996
|
|
|
32799
32997
|
var _excluded$9 = ["appearance", "className", "children", "disabled", "withSparkle"];
|
|
@@ -36793,7 +36991,7 @@ var SaraIconDefault = function SaraIconDefault(props) {
|
|
|
36793
36991
|
clipRule: "evenodd",
|
|
36794
36992
|
d: "M6 0.75C6 3.6495 8.3505 6 11.25 6C8.3505 6 6 8.35051 6 11.25C6 8.35051 3.64949 6 0.75 6C3.64949 6 6 3.6495 6 0.75Z",
|
|
36795
36993
|
fill: "none",
|
|
36796
|
-
stroke: "#
|
|
36994
|
+
stroke: "#CA1822",
|
|
36797
36995
|
strokeWidth: "1",
|
|
36798
36996
|
vectorEffect: "non-scaling-stroke",
|
|
36799
36997
|
clipPath: "url(#clip0_54537_3573)"
|
|
@@ -36860,7 +37058,7 @@ var SaraIconDisabled = function SaraIconDisabled(props) {
|
|
|
36860
37058
|
clipRule: "evenodd",
|
|
36861
37059
|
d: "M0.75 6C3.6495 6 6 3.6495 6 0.75C6 3.6495 8.35051 6 11.25 6C8.35051 6 6 8.35051 6 11.25C6 8.35051 3.6495 6 0.75 6Z",
|
|
36862
37060
|
fill: "none",
|
|
36863
|
-
stroke: "#
|
|
37061
|
+
stroke: "#CA1822",
|
|
36864
37062
|
strokeWidth: "1",
|
|
36865
37063
|
vectorEffect: "non-scaling-stroke",
|
|
36866
37064
|
clipPath: "url(#clip0_63015_2821)"
|
|
@@ -36899,8 +37097,8 @@ var SaraIconDisabled = function SaraIconDisabled(props) {
|
|
|
36899
37097
|
}))));
|
|
36900
37098
|
};
|
|
36901
37099
|
|
|
36902
|
-
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-
|
|
36903
|
-
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-
|
|
37100
|
+
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-25-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-25-0 {\n padding: var(--spacing-0-75);\n}\n\n.iconButton-module-AIIconButton--regular-TAz71-4-25-0 {\n padding: var(--spacing);\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-25-0:hover {\n background: linear-gradient(143deg, #fad1b2 10.84%, #f8c4c1 51.71%, #f8c8d7 91.5%);\n color: var(--secondary) !important;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-25-0:active {\n background: linear-gradient(144deg, #f7ba8c 14.82%, #f6af98 40.53%, #f5a8a0 55.69%, #f5adc5 79.29%);\n color: var(--secondary-dark) !important;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-25-0:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-25-0:disabled {\n cursor: not-allowed;\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.iconButton-module-AIIconButton-icon-nj5xZ-4-25-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-25-0 {\n position: absolute;\n}\n\n.iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-25-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-25-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-25-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-25-0 {\n top: calc(var(--spacing-40) + var(--spacing-2-5)); /* 17px */\n left: calc(var(--spacing-40) + var(--spacing-05)); /* 18px */\n}\n";
|
|
37101
|
+
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-25-0","AIIconButton--large":"iconButton-module-AIIconButton--large-2EnOg-4-25-0","AIIconButton--regular":"iconButton-module-AIIconButton--regular-TAz71-4-25-0","AIIconButton-icon":"iconButton-module-AIIconButton-icon-nj5xZ-4-25-0","AIIconButton-AIIcon":"iconButton-module-AIIconButton-AIIcon-xdcj5-4-25-0","AIIconButton-AIIcon--regularTop":"iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-25-0","AIIconButton-AIIcon--largeTop":"iconButton-module-AIIconButton-AIIcon--largeTop-3HqjO-4-25-0","AIIconButton-AIIcon--regularBottom":"iconButton-module-AIIconButton-AIIcon--regularBottom-oQfDL-4-25-0","AIIconButton-AIIcon--largeBottom":"iconButton-module-AIIconButton-AIIcon--largeBottom-RQtt--4-25-0"};
|
|
36904
37102
|
styleInject(css_248z$2);
|
|
36905
37103
|
|
|
36906
37104
|
var SaraIcon = function SaraIcon(props) {
|
|
@@ -36976,8 +37174,8 @@ AIIconButton.defaultProps = {
|
|
|
36976
37174
|
strokeColor: 'var(--text-white)'
|
|
36977
37175
|
};
|
|
36978
37176
|
|
|
36979
|
-
var css_248z$1 = ".chip-module-AIChip-BtOef-4-
|
|
36980
|
-
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-
|
|
37177
|
+
var css_248z$1 = ".chip-module-AIChip-BtOef-4-25-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 position: relative;\n background: linear-gradient(109deg, #fdead8 10.28%, #fbdfd5 32.82%, #f9d1d5 63.38%, #fad9e7 96.05%);\n}\n\n.chip-module-AIChip-BtOef-4-25-0:hover {\n background: linear-gradient(108deg, #fad3b0 15.89%, #f9cdb7 33.52%, #f8c6bf 54.17%, #f7bfc7 70.92%);\n}\n\n.chip-module-AIChip-BtOef-4-25-0:active {\n background: linear-gradient(106deg, #f7bd89 20.06%, #f6b196 44.48%, #f4a4a5 67.83%, #f39faa 86.55%);\n}\n\n.chip-module-AIChip-BtOef-4-25-0:focus,\n.chip-module-AIChip-BtOef-4-25-0:focus-visible {\n outline: var(--border-width-05) solid var(--primary-dark);\n outline-offset: var(--spacing-05);\n border-radius: var(--border-radius-full);\n}\n\n.chip-module-AIChip-icon-n5kJL-4-25-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-25-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-25-0 {\n background: linear-gradient(109deg, #fdead8 10.28%, #fbdfd5 32.82%, #f9d1d5 63.38%, #fad9e7 96.05%);\n}\n\n.chip-module-AIChip-icon--disabled-UBH8e-4-25-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-25-0 {\n color: var(--inverse-lightest);\n}\n\n.chip-module-AIChip-BtOef-4-25-0:disabled {\n cursor: not-allowed;\n background: linear-gradient(109deg, #fdead8 10.28%, #fbdfd5 32.82%, #f9d1d5 63.38%, #fad9e7 96.05%);\n}\n\n.chip-module-AIChip-AIIcon-H2Hgi-4-25-0 {\n position: absolute;\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-05));\n}\n";
|
|
37178
|
+
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-25-0","AIChip-icon":"chip-module-AIChip-icon-n5kJL-4-25-0","AIChip-text":"chip-module-AIChip-text-EfbZT-4-25-0","AIChip--disabled":"chip-module-AIChip--disabled-R4qHn-4-25-0","AIChip-icon--disabled":"chip-module-AIChip-icon--disabled-UBH8e-4-25-0","AIChip-text--disabled":"chip-module-AIChip-text--disabled-fCBlY-4-25-0","AIChip-AIIcon":"chip-module-AIChip-AIIcon-H2Hgi-4-25-0"};
|
|
36981
37179
|
styleInject(css_248z$1);
|
|
36982
37180
|
|
|
36983
37181
|
var _excluded$5 = ["label", "icon", "disabled", "name", "className"];
|
|
@@ -37010,8 +37208,8 @@ var AIChip = function AIChip(props) {
|
|
|
37010
37208
|
}));
|
|
37011
37209
|
};
|
|
37012
37210
|
|
|
37013
|
-
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-
|
|
37014
|
-
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-
|
|
37211
|
+
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-25-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-25-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-25-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-25-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-metaData-eT5c3-4-25-0 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n";
|
|
37212
|
+
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-25-0","AIResponse-container":"chat-module-AIResponse-container-OdpKS-4-25-0","AIResponse-box--glow":"chat-module-AIResponse-box--glow-V9QG9-4-25-0","AIResponse-actionBar":"chat-module-AIResponse-actionBar-6fyXH-4-25-0","AIResponse-metaData":"chat-module-AIResponse-metaData-eT5c3-4-25-0"};
|
|
37015
37213
|
styleInject(css_248z);
|
|
37016
37214
|
|
|
37017
37215
|
var _excluded$4 = ["children", "className", "showGlow"];
|
|
@@ -37115,6 +37313,6 @@ AIResponse.Button = ChatButton;
|
|
|
37115
37313
|
AIResponse.ActionBar = ChatActionBar;
|
|
37116
37314
|
AIResponse.Body = ChatBody;
|
|
37117
37315
|
|
|
37118
|
-
var version = "4.
|
|
37316
|
+
var version = "4.25.0";
|
|
37119
37317
|
|
|
37120
37318
|
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, SegmentedControl, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text$1 as Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };
|