@innovaccer/design-system 4.5.0 → 4.7.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 +84 -0
- package/css/Readme.md +32 -32
- package/css/dist/index.css +1163 -1016
- package/css/dist/index.css.map +1 -1
- package/css/src/ai-components/button.module.css +3 -3
- package/css/src/ai-components/chat.module.css +24 -8
- package/css/src/ai-components/chip.module.css +38 -15
- package/css/src/ai-components/iconButton.module.css +33 -14
- package/css/src/components/actionButton.module.css +3 -3
- package/css/src/components/actionCard.module.css +4 -4
- package/css/src/components/avatar.module.css +15 -15
- package/css/src/components/avatarGroup.module.css +9 -9
- package/css/src/components/avatarSelection.module.css +15 -15
- package/css/src/components/badge.module.css +6 -6
- package/css/src/components/breadcrumbs.module.css +4 -4
- package/css/src/components/button.module.css +23 -23
- package/css/src/components/calendar.module.css +30 -30
- package/css/src/components/caption.module.css +2 -2
- package/css/src/components/card.module.css +7 -7
- package/css/src/components/cardSubdued.module.css +5 -5
- package/css/src/components/chat.module.css +8 -8
- package/css/src/components/chatBubble.module.css +14 -14
- package/css/src/components/chatSeparator.module.css +6 -6
- package/css/src/components/checkbox.module.css +22 -22
- package/css/src/components/chip.module.css +14 -14
- package/css/src/components/chipGroup.module.css +1 -1
- package/css/src/components/chipInput.module.css +16 -16
- package/css/src/components/choiceList.module.css +4 -4
- package/css/src/components/collapsible.module.css +4 -4
- package/css/src/components/dateRangePicker.module.css +3 -3
- package/css/src/components/dropdown.module.css +25 -25
- package/css/src/components/dropdownButton.module.css +12 -12
- package/css/src/components/dropzone.module.css +16 -16
- package/css/src/components/editableChipInput.module.css +9 -9
- package/css/src/components/editableDropdown.module.css +2 -2
- package/css/src/components/editableInput.module.css +11 -11
- package/css/src/components/emptyState.module.css +11 -11
- package/css/src/components/fileList.module.css +10 -10
- package/css/src/components/fileUploader.module.css +4 -4
- package/css/src/components/fullscreenModal.module.css +7 -7
- package/css/src/components/grid.module.css +39 -39
- package/css/src/components/horizontalNav.module.css +6 -6
- package/css/src/components/inlineMessage.module.css +7 -7
- package/css/src/components/input.module.css +15 -15
- package/css/src/components/label.module.css +7 -7
- package/css/src/components/legend.module.css +2 -2
- package/css/src/components/link.module.css +4 -4
- package/css/src/components/linkButton.module.css +3 -3
- package/css/src/components/listbox.module.css +9 -9
- package/css/src/components/menu.module.css +7 -7
- package/css/src/components/message.module.css +8 -8
- package/css/src/components/metaList.module.css +4 -4
- package/css/src/components/meter.module.css +6 -6
- package/css/src/components/metricInput.module.css +13 -13
- package/css/src/components/modal.module.css +9 -9
- package/css/src/components/navigation.module.css +19 -19
- package/css/src/components/overlay.module.css +6 -6
- package/css/src/components/pageHeader.module.css +8 -8
- package/css/src/components/pagination.module.css +9 -9
- package/css/src/components/pills.module.css +6 -6
- package/css/src/components/placeholder.module.css +3 -3
- package/css/src/components/popover.module.css +1 -1
- package/css/src/components/progressBar.module.css +24 -4
- package/css/src/components/progressRing.module.css +6 -6
- package/css/src/components/radio.module.css +31 -31
- package/css/src/components/select.module.css +17 -17
- package/css/src/components/selectionCard.module.css +12 -12
- package/css/src/components/sidesheet.module.css +10 -10
- package/css/src/components/slider.module.css +12 -12
- package/css/src/components/spinner.module.css +8 -8
- package/css/src/components/statusHint.module.css +5 -5
- package/css/src/components/stepper.module.css +5 -5
- package/css/src/components/subheading.module.css +1 -1
- package/css/src/components/switch.module.css +13 -13
- package/css/src/components/table.module.css +2 -2
- package/css/src/components/tabs.module.css +15 -15
- package/css/src/components/textarea.module.css +6 -6
- package/css/src/components/toast.module.css +16 -16
- package/css/src/components/tooltip.module.css +3 -3
- package/css/src/components/verticalNav.module.css +20 -20
- package/css/src/core/animation.css +4 -4
- package/css/src/utils/border.css +32 -0
- package/css/src/utils/spacing.css +270 -270
- package/css/src/utils/utility.css +4 -0
- package/css/src/variables/index.css +36 -3
- 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/ai-components/AIIconButton/icons/SaraIconDefault.d.ts +6 -0
- package/dist/core/ai-components/AIIconButton/icons/SaraIconDisabled.d.ts +6 -0
- package/dist/core/ai-components/AIResponse/ChatBox.d.ts +7 -1
- package/dist/core/ai-components/AIResponse/index.d.ts +3 -0
- package/dist/core/components/atoms/heading/Heading.d.ts +2 -2
- package/dist/core/components/atoms/progressBar/ProgressBar.d.ts +4 -1
- package/dist/core/components/css-utilities/designTokens/Data.d.ts +8 -0
- package/dist/core/components/organisms/grid/Grid.d.ts +21 -0
- package/dist/core/components/organisms/grid/GridBody.d.ts +9 -1
- package/dist/core/components/organisms/grid/VirtualList.d.ts +14 -0
- package/dist/core/components/organisms/list/List.d.ts +4 -0
- package/dist/core/components/organisms/table/Header.d.ts +2 -0
- package/dist/core/components/organisms/table/Table.d.ts +18 -0
- package/dist/esm/index.js +1018 -635
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +765 -398
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +1163 -1016
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +68 -82
- package/package.json +1 -2
- package/types/types-tests.tsx +1 -1
- package/dist/core/ai-components/AIIconButton/icons/SaraDisabledBottom.d.ts +0 -6
- package/dist/core/ai-components/AIIconButton/icons/SaraDisabledTop.d.ts +0 -6
- package/dist/core/ai-components/AIIconButton/icons/SaraIconBottom.d.ts +0 -6
- package/dist/core/ai-components/AIIconButton/icons/SaraIconTop.d.ts +0 -6
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* Generated on: 2025-
|
|
3
|
+
* Generated on: 2025-04-21T11:14:58.832Z
|
|
4
4
|
* Package: @innovaccer/design-system
|
|
5
|
-
* Version: v4.
|
|
5
|
+
* Version: v4.7.0
|
|
6
6
|
* License: MIT
|
|
7
7
|
* Docs: https://mds.innovaccer.com
|
|
8
8
|
*/
|
|
@@ -450,8 +450,8 @@
|
|
|
450
450
|
}
|
|
451
451
|
}
|
|
452
452
|
|
|
453
|
-
var css_248z$1j = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-
|
|
454
|
-
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-
|
|
453
|
+
var css_248z$1j = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-7-0 {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n text-transform: uppercase;\n border-radius: var(--border-radius-full);\n cursor: default;\n position: relative;\n}\n\n.avatar-module-Avatar--default-0YGXC-4-7-0:focus,\n.avatar-module-Avatar--default-0YGXC-4-7-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatar-module-Avatar-wrapper--square--Pcj7-4-7-0 {\n padding: var(--spacing-2-5);\n box-sizing: border-box;\n}\n\n.avatar-module-Avatar--square-lGJGN-4-7-0 {\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-10);\n}\n\n.avatar-module-Avatar--regular-ewNzb-4-7-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.avatar-module-Avatar--tiny-Veo-U-4-7-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.avatar-module-Avatar--noInitials-do2M4-4-7-0 {\n cursor: default;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-7-0 {\n cursor: not-allowed;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-7-0::after {\n opacity: var(--opacity-20);\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-7-0 {\n background: var(--primary);\n}\n\n.avatar-module-Avatar--secondary-Fru0H-4-7-0 {\n background: var(--secondary-light);\n}\n\n.avatar-module-Avatar--success-KErql-4-7-0 {\n background: var(--success);\n}\n\n.avatar-module-Avatar--alert-mtBzz-4-7-0 {\n background: var(--alert);\n}\n\n.avatar-module-Avatar--warning-OUu3j-4-7-0 {\n background: var(--warning);\n}\n\n.avatar-module-Avatar--accent1-Q0YGB-4-7-0 {\n background: var(--accent1);\n}\n\n.avatar-module-Avatar--accent2-70bqJ-4-7-0 {\n background: var(--accent2);\n}\n\n.avatar-module-Avatar--accent3-GEYFR-4-7-0 {\n background: var(--accent3);\n}\n\n.avatar-module-Avatar--accent4-PHVye-4-7-0 {\n background: var(--accent4);\n}\n\n.avatar-module-Avatar-content--tiny-ZKHWg-4-7-0 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content-lNC3F-4-7-0 {\n color: var(--inverse) !important;\n opacity: var(--opacity-20);\n mix-blend-mode: multiply;\n}\n\n.avatar-module-Avatar-presence-ByKmm-4-7-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-7-0 {\n background: var(--success);\n}\n\n.avatar-module-Avatar-presence--away-CDNWs-4-7-0 {\n background: var(--secondary-dark);\n}\n\n.avatar-module-Avatar-status-03nd7-4-7-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";
|
|
454
|
+
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-7-0","Avatar--default":"avatar-module-Avatar--default-0YGXC-4-7-0","Avatar-wrapper--square":"avatar-module-Avatar-wrapper--square--Pcj7-4-7-0","Avatar--square":"avatar-module-Avatar--square-lGJGN-4-7-0","Avatar--regular":"avatar-module-Avatar--regular-ewNzb-4-7-0","Avatar--tiny":"avatar-module-Avatar--tiny-Veo-U-4-7-0","Avatar--noInitials":"avatar-module-Avatar--noInitials-do2M4-4-7-0","Avatar--disabled":"avatar-module-Avatar--disabled-7nTRh-4-7-0","Avatar--primary":"avatar-module-Avatar--primary-MthKO-4-7-0","Avatar--secondary":"avatar-module-Avatar--secondary-Fru0H-4-7-0","Avatar--success":"avatar-module-Avatar--success-KErql-4-7-0","Avatar--alert":"avatar-module-Avatar--alert-mtBzz-4-7-0","Avatar--warning":"avatar-module-Avatar--warning-OUu3j-4-7-0","Avatar--accent1":"avatar-module-Avatar--accent1-Q0YGB-4-7-0","Avatar--accent2":"avatar-module-Avatar--accent2-70bqJ-4-7-0","Avatar--accent3":"avatar-module-Avatar--accent3-GEYFR-4-7-0","Avatar--accent4":"avatar-module-Avatar--accent4-PHVye-4-7-0","Avatar-content--tiny":"avatar-module-Avatar-content--tiny-ZKHWg-4-7-0","Avatar-content":"avatar-module-Avatar-content-lNC3F-4-7-0","Avatar-presence":"avatar-module-Avatar-presence-ByKmm-4-7-0","Avatar-presence--active":"avatar-module-Avatar-presence--active-AU4X3-4-7-0","Avatar-presence--away":"avatar-module-Avatar-presence--away-CDNWs-4-7-0","Avatar-status":"avatar-module-Avatar-status-03nd7-4-7-0"};
|
|
455
455
|
styleInject$1(css_248z$1j);
|
|
456
456
|
|
|
457
457
|
var appearanceMapper = {
|
|
@@ -577,7 +577,7 @@
|
|
|
577
577
|
var IconClassNames = classNames__default["default"]((_d = {}, _d[avatarStyles['Avatar-content']] = darkAppearance.includes(AvatarAppearance), _d));
|
|
578
578
|
var presenceClassNames = classNames__default["default"]((_e = {}, _e[avatarStyles['Avatar-presence']] = presence, _e[avatarStyles['Avatar-presence--active']] = presence === 'active', _e[avatarStyles['Avatar-presence--away']] = presence === 'away', _e));
|
|
579
579
|
var borderStyle = {
|
|
580
|
-
boxShadow: "0 0 0 var(--spacing-
|
|
580
|
+
boxShadow: "0 0 0 var(--spacing-05) " + strokeColor
|
|
581
581
|
};
|
|
582
582
|
var sharedProp = {
|
|
583
583
|
size: size,
|
|
@@ -652,8 +652,8 @@
|
|
|
652
652
|
strokeColor: 'var(--white)'
|
|
653
653
|
};
|
|
654
654
|
|
|
655
|
-
var css_248z$1i = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-
|
|
656
|
-
var styles$16 = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-
|
|
655
|
+
var css_248z$1i = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-7-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--regular-zOeeU-4-7-0 {\n height: var(--spacing-80);\n}\n\n.avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-7-0 {\n height: var(--spacing-60);\n}\n\n.avatarGroup-module-AvatarGroup-Popper-z-iGj-4-7-0 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-7-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-7-0 {\n border-radius: var(--border-radius-full);\n position: relative;\n}\n\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-7-0:focus,\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-7-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-7-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-7-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-7-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-7-0,\n.avatarGroup-module-AvatarGroup-input-pXgb--4-7-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-7-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-7-0 {\n cursor: not-allowed;\n pointer-events: auto !important;\n}\n";
|
|
656
|
+
var styles$16 = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-7-0","AvatarGroup-item--regular":"avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-7-0","AvatarGroup-item--tiny":"avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-7-0","AvatarGroup-Popper":"avatarGroup-module-AvatarGroup-Popper-z-iGj-4-7-0","AvatarGroup-TextWrapper":"avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-7-0","AvatarCount-wrapper":"avatarGroup-module-AvatarCount-wrapper-k9GxW-4-7-0","AvatarGroup-inputWrapper":"avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-7-0","AvatarGroup-input":"avatarGroup-module-AvatarGroup-input-pXgb--4-7-0","AvatarGroup-listItem--disabled":"avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-7-0"};
|
|
657
657
|
styleInject$1(css_248z$1i);
|
|
658
658
|
|
|
659
659
|
var AvatarCount = function AvatarCount(props) {
|
|
@@ -885,10 +885,10 @@
|
|
|
885
885
|
var hiddenAvatarCount = list.length > max ? Math.min(list.length - max, 99) : 0;
|
|
886
886
|
var style = {
|
|
887
887
|
backgroundColor: "" + borderColor,
|
|
888
|
-
boxShadow: "0 0 0 calc(var(--spacing-
|
|
888
|
+
boxShadow: "0 0 0 calc(var(--spacing-2-5) + var(--spacing-05)) " + borderColor
|
|
889
889
|
};
|
|
890
890
|
var tinyAvatarStyle = {
|
|
891
|
-
boxShadow: "0 0 0 var(--spacing-
|
|
891
|
+
boxShadow: "0 0 0 var(--spacing-05) " + borderColor
|
|
892
892
|
};
|
|
893
893
|
var avatarStyle = size === 'tiny' ? __assign$1(__assign$1({}, style), tinyAvatarStyle) : style;
|
|
894
894
|
var avatarList = list.length === 3 ? list : list.slice(0, max);
|
|
@@ -936,8 +936,8 @@
|
|
|
936
936
|
size: 'regular'
|
|
937
937
|
};
|
|
938
938
|
|
|
939
|
-
var css_248z$1h = "@keyframes backdrop-module-backdrop-open-UtELd-4-
|
|
940
|
-
var styles$15 = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-
|
|
939
|
+
var css_248z$1h = "@keyframes backdrop-module-backdrop-open-UtELd-4-7-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-7-0 {\n from {\n opacity: var(--opacity-16);\n }\n to {\n opacity: 0;\n }\n}\n\n.backdrop-module-Backdrop-HFSff-4-7-0 {\n background-color: rgba(31, 31, 31, 0.64);\n height: 100vh;\n width: 100vw;\n position: fixed;\n left: 0;\n top: 0;\n display: none;\n align-items: center;\n z-index: 1000;\n overflow: auto;\n flex-direction: column;\n justify-content: center;\n touch-action: none;\n visibility: hidden;\n}\n\n.backdrop-module-Backdrop--open-H0Qal-4-7-0 {\n display: flex;\n visibility: visible;\n}\n\n.backdrop-module-Backdrop-animation--open-uyxvi-4-7-0 {\n animation: backdrop-module-backdrop-open-UtELd-4-7-0 var(--duration--fast-02) var(--entrance-expressive-curve);\n}\n\n.backdrop-module-Backdrop-animation--close-Fe-PA-4-7-0 {\n animation: backdrop-module-backdrop-close-s0fHr-4-7-0 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n";
|
|
940
|
+
var styles$15 = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-7-0","Backdrop--open":"backdrop-module-Backdrop--open-H0Qal-4-7-0","Backdrop-animation--open":"backdrop-module-Backdrop-animation--open-uyxvi-4-7-0","backdrop-open":"backdrop-module-backdrop-open-UtELd-4-7-0","Backdrop-animation--close":"backdrop-module-Backdrop-animation--close-Fe-PA-4-7-0","backdrop-close":"backdrop-module-backdrop-close-s0fHr-4-7-0"};
|
|
941
941
|
styleInject$1(css_248z$1h);
|
|
942
942
|
|
|
943
943
|
var useEffect$1 = React__namespace.useEffect,
|
|
@@ -995,12 +995,12 @@
|
|
|
995
995
|
};
|
|
996
996
|
Backdrop.displayName = 'Backdrop';
|
|
997
997
|
|
|
998
|
-
var css_248z$1g = "/* badge */\n\n.badge-module-Badge-axSjP-4-
|
|
999
|
-
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-
|
|
998
|
+
var css_248z$1g = "/* badge */\n\n.badge-module-Badge-axSjP-4-7-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-7-0 {\n background: var(--primary);\n color: var(--white);\n}\n\n.badge-module-Badge--secondary-WIu5q-4-7-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.badge-module-Badge--success-M-hkD-4-7-0 {\n background: var(--success);\n color: var(--white);\n}\n\n.badge-module-Badge--alert-zeKFm-4-7-0 {\n background: var(--alert);\n color: var(--white);\n}\n\n.badge-module-Badge--warning-CaLfS-4-7-0 {\n background: var(--warning);\n color: var(--warning-darker);\n}\n\n.badge-module-Badge--accent1-yRHhk-4-7-0 {\n background: var(--accent1);\n color: var(--white);\n}\n\n.badge-module-Badge--accent2-RXIlu-4-7-0 {\n background: var(--accent2);\n color: var(--white);\n}\n\n.badge-module-Badge--accent3-Ahofy-4-7-0 {\n background: var(--accent3);\n color: var(--white);\n}\n\n.badge-module-Badge--accent4-adMko-4-7-0 {\n background: var(--accent4);\n color: var(--accent4-darker);\n}\n\n.badge-module-Badge--subtle-primary-egSuo-4-7-0 {\n color: var(--primary-darker);\n background: var(--primary-lightest);\n}\n\n.badge-module-Badge--subtle-secondary-ZZUuU-4-7-0 {\n color: var(--text);\n background: var(--secondary-light);\n}\n\n.badge-module-Badge--subtle-success-bZ7d6-4-7-0 {\n color: var(--success-darker);\n background: var(--success-lightest);\n}\n\n.badge-module-Badge--subtle-alert-Iu9LY-4-7-0 {\n color: var(--alert-darker);\n background: var(--alert-lightest);\n}\n\n.badge-module-Badge--subtle-warning-PERDW-4-7-0 {\n color: var(--warning-darker);\n background: var(--warning-lightest);\n}\n\n.badge-module-Badge--subtle-accent1-M14Ub-4-7-0 {\n color: var(--accent1-darker);\n background: var(--accent1-lightest);\n}\n\n.badge-module-Badge--subtle-accent2-e1DOS-4-7-0 {\n color: var(--accent2-darker);\n background: var(--accent2-lightest);\n}\n\n.badge-module-Badge--subtle-accent3-30YqY-4-7-0 {\n color: var(--accent3-darker);\n background: var(--accent3-lightest);\n}\n\n.badge-module-Badge--subtle-accent4-wHQ23-4-7-0 {\n color: var(--accent4-darker);\n background: var(--accent4-lightest);\n}\n";
|
|
999
|
+
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-7-0","Badge--primary":"badge-module-Badge--primary-Bzypo-4-7-0","Badge--secondary":"badge-module-Badge--secondary-WIu5q-4-7-0","Badge--success":"badge-module-Badge--success-M-hkD-4-7-0","Badge--alert":"badge-module-Badge--alert-zeKFm-4-7-0","Badge--warning":"badge-module-Badge--warning-CaLfS-4-7-0","Badge--accent1":"badge-module-Badge--accent1-yRHhk-4-7-0","Badge--accent2":"badge-module-Badge--accent2-RXIlu-4-7-0","Badge--accent3":"badge-module-Badge--accent3-Ahofy-4-7-0","Badge--accent4":"badge-module-Badge--accent4-adMko-4-7-0","Badge--subtle-primary":"badge-module-Badge--subtle-primary-egSuo-4-7-0","Badge--subtle-secondary":"badge-module-Badge--subtle-secondary-ZZUuU-4-7-0","Badge--subtle-success":"badge-module-Badge--subtle-success-bZ7d6-4-7-0","Badge--subtle-alert":"badge-module-Badge--subtle-alert-Iu9LY-4-7-0","Badge--subtle-warning":"badge-module-Badge--subtle-warning-PERDW-4-7-0","Badge--subtle-accent1":"badge-module-Badge--subtle-accent1-M14Ub-4-7-0","Badge--subtle-accent2":"badge-module-Badge--subtle-accent2-e1DOS-4-7-0","Badge--subtle-accent3":"badge-module-Badge--subtle-accent3-30YqY-4-7-0","Badge--subtle-accent4":"badge-module-Badge--subtle-accent4-wHQ23-4-7-0"};
|
|
1000
1000
|
styleInject$1(css_248z$1g);
|
|
1001
1001
|
|
|
1002
|
-
var css_248z$1f = ".pageHeader-module-PageHeader-YgqsC-4-
|
|
1003
|
-
var styles$14 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-
|
|
1002
|
+
var css_248z$1f = ".pageHeader-module-PageHeader-YgqsC-4-7-0 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-wrapper-DOQ8C-4-7-0 {\n padding: var(--spacing-20) var(--spacing-40) var(--spacing-20) 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-7-0 {\n padding-bottom: 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-7-0 .pageHeader-module-TabsWrapper-header-H-fcc-4-7-0 {\n border-bottom: none;\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-7-0 .pageHeader-module-Row-beZ5Z-4-7-0 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-titleWrapper-QLuCf-4-7-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-7-0 .pageHeader-module-Badge-2T-RV-4-7-0 {\n margin-left: var(--spacing-30);\n flex-shrink: 0;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-7-0 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-7-0 .pageHeader-module-StatusHint-bRjnp-4-7-0 {\n margin-right: var(--spacing-20);\n}\n\n.pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-7-0 {\n margin-top: var(--spacing-10);\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-7-0 .pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-7-0 {\n justify-content: center;\n align-items: center;\n margin-top: 0 !important;\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-20);\n display: flex;\n}\n\n.pageHeader-module-PageHeader-title-mgCZA-4-7-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.pageHeader-module-PageHeader-actionsWrapper-tF81M-4-7-0 {\n display: flex;\n justify-content: flex-end;\n padding-left: var(--spacing-20);\n}\n";
|
|
1003
|
+
var styles$14 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-7-0","PageHeader-wrapper":"pageHeader-module-PageHeader-wrapper-DOQ8C-4-7-0","PageHeader-wrapper--withTabs":"pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-7-0","TabsWrapper-header":"pageHeader-module-TabsWrapper-header-H-fcc-4-7-0","Row":"pageHeader-module-Row-beZ5Z-4-7-0","PageHeader-titleWrapper":"pageHeader-module-PageHeader-titleWrapper-QLuCf-4-7-0","Badge":"pageHeader-module-Badge-2T-RV-4-7-0","PageHeader-statusWrapper":"pageHeader-module-PageHeader-statusWrapper-RYrwh-4-7-0","StatusHint":"pageHeader-module-StatusHint-bRjnp-4-7-0","PageHeader-navigationWrapper":"pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-7-0","PageHeader-title":"pageHeader-module-PageHeader-title-mgCZA-4-7-0","PageHeader-actionsWrapper":"pageHeader-module-PageHeader-actionsWrapper-tF81M-4-7-0"};
|
|
1004
1004
|
styleInject$1(css_248z$1f);
|
|
1005
1005
|
|
|
1006
1006
|
var Badge = function Badge(props) {
|
|
@@ -1022,8 +1022,8 @@
|
|
|
1022
1022
|
appearance: 'secondary'
|
|
1023
1023
|
};
|
|
1024
1024
|
|
|
1025
|
-
var css_248z$1e = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-
|
|
1026
|
-
var styles$13 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-
|
|
1025
|
+
var css_248z$1e = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-7-0 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-7-0 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-link-aJJRG-4-7-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-7-0:active {\n color: var(--inverse);\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-7-0:first-child .breadcrumbs-module-Breadcrumbs-link-aJJRG-4-7-0 {\n margin-left: 0;\n}\n\n.breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-7-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-7-0 {\n height: var(--font-height-m);\n}\n\n.breadcrumbs-module-Breadcrumbs-Button-FybbI-4-7-0:focus {\n background: var(--secondary) !important;\n}\n";
|
|
1026
|
+
var styles$13 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-7-0","Breadcrumbs-item":"breadcrumbs-module-Breadcrumbs-item-M3i9B-4-7-0","Breadcrumbs-link":"breadcrumbs-module-Breadcrumbs-link-aJJRG-4-7-0","Breadcrumbs-itemSeparator":"breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-7-0","Breadcrumbs-dropdown":"breadcrumbs-module-Breadcrumbs-dropdown--CUKk-4-7-0","Breadcrumbs-Button":"breadcrumbs-module-Breadcrumbs-Button-FybbI-4-7-0"};
|
|
1027
1027
|
styleInject$1(css_248z$1e);
|
|
1028
1028
|
|
|
1029
1029
|
var RenderLink = function RenderLink(_a) {
|
|
@@ -1135,8 +1135,8 @@
|
|
|
1135
1135
|
}))));
|
|
1136
1136
|
};
|
|
1137
1137
|
|
|
1138
|
-
var css_248z$1d = ".button-module-Button-xxWB4-4-
|
|
1139
|
-
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-
|
|
1138
|
+
var css_248z$1d = ".button-module-Button-xxWB4-4-7-0 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n position: relative;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: 0;\n border-radius: var(--border-radius-10);\n\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n\n text-align: center;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--text-white);\n\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.button-module-Button-xxWB4-4-7-0:disabled {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-7-0:focus {\n outline: 0;\n}\n\n.button-module-Button--iconAlign-right-tzezJ-4-7-0 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-7-0 {\n margin-left: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-7-0 {\n margin-right: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button--tiny-ftCQP-4-7-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}\n\n.button-module-Button--tinySquare-JSE77-4-7-0 {\n width: var(--spacing-60);\n}\n\n.button-module-Button--regular-Vs8An-4-7-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-7-0 {\n width: var(--spacing-80);\n}\n\n.button-module-Button--large-inVqO-4-7-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-7-0 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-7-0 .button-module-Button-icon-2Qw-d-4-7-0,\n.button-module-Button--largeSquare-puIze-4-7-0 .button-module-Button-icon-2Qw-d-4-7-0,\n.button-module-Button--tinySquare-JSE77-4-7-0 .button-module-Spinner-f7Izb-4-7-0,\n.button-module-Button--largeSquare-puIze-4-7-0 .button-module-Spinner-f7Izb-4-7-0 {\n padding-left: var(--spacing-05);\n padding-right: var(--spacing-05);\n}\n\n.button-module-Button--expanded-j33fV-4-7-0 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-7-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-7-0 {\n margin-right: var(--spacing-15);\n}\n\n.button-module-Button-icon--right-4iJWc-4-7-0 {\n margin-left: var(--spacing-15);\n}\n\n.button-module-Button--tiny-ftCQP-4-7-0 .button-module-Button-icon--left-UoJq5-4-7-0 {\n margin-right: var(--spacing-10);\n}\n.button-module-Button--tiny-ftCQP-4-7-0 .button-module-Button-icon--right-4iJWc-4-7-0 {\n margin-left: var(--spacing-10);\n}\n\n.button-module-Button--basic-99RJE-4-7-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-7-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-7-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-99RJE-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.button-module-Button--basic-99RJE-4-7-0:disabled {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-7-0 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-7-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-7-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-beKmU-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--primary-beKmU-4-7-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--success-UppQk-4-7-0 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-7-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-7-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-UppQk-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--success-UppQk-4-7-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--alert-H5mRH-4-7-0 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-7-0:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-7-0:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-H5mRH-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.button-module-Button--alert-H5mRH-4-7-0:disabled {\n background: var(--alert-lighter);\n}\n\n.button-module-Button--transparent-r8FxI-4-7-0 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-7-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.button-module-Button--transparent-r8FxI-4-7-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-7-0:focus:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-7-0:disabled {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-7-0 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-7-0 {\n background: var(--primary-lightest);\n color: var(--primary-dark);\n}\n\n.button-module-Button--selected-vkcfl-4-7-0:hover {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-7-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.button-module-Button--selected-vkcfl-4-7-0:focus {\n background: var(--primary-lightest);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--selected-vkcfl-4-7-0:focus:active {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-7-0:disabled {\n background: var(--primary-lightest);\n color: var(--primary-lighter);\n}\n\n.button-module-Button-text--hidden-iCXLu-4-7-0 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-7-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n";
|
|
1139
|
+
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-7-0","Button--iconAlign-right":"button-module-Button--iconAlign-right-tzezJ-4-7-0","Button-regularIcon--left":"button-module-Button-regularIcon--left-eiSbs-4-7-0","Button-regularIcon--right":"button-module-Button-regularIcon--right-VaPke-4-7-0","Button--tiny":"button-module-Button--tiny-ftCQP-4-7-0","Button--tinySquare":"button-module-Button--tinySquare-JSE77-4-7-0","Button--regular":"button-module-Button--regular-Vs8An-4-7-0","Button--regularSquare":"button-module-Button--regularSquare-VG89r-4-7-0","Button--large":"button-module-Button--large-inVqO-4-7-0","Button--largeSquare":"button-module-Button--largeSquare-puIze-4-7-0","Button-icon":"button-module-Button-icon-2Qw-d-4-7-0","Spinner":"button-module-Spinner-f7Izb-4-7-0","Button--expanded":"button-module-Button--expanded-j33fV-4-7-0","Button-icon--left":"button-module-Button-icon--left-UoJq5-4-7-0","Button-icon--right":"button-module-Button-icon--right-4iJWc-4-7-0","Button--basic":"button-module-Button--basic-99RJE-4-7-0","Button--primary":"button-module-Button--primary-beKmU-4-7-0","Button--success":"button-module-Button--success-UppQk-4-7-0","Button--alert":"button-module-Button--alert-H5mRH-4-7-0","Button--transparent":"button-module-Button--transparent-r8FxI-4-7-0","Button-spinner":"button-module-Button-spinner-l5KLk-4-7-0","Button--selected":"button-module-Button--selected-vkcfl-4-7-0","Button-text--hidden":"button-module-Button-text--hidden-iCXLu-4-7-0","Button-text":"button-module-Button-text-A8xeT-4-7-0"};
|
|
1140
1140
|
styleInject$1(css_248z$1d);
|
|
1141
1141
|
|
|
1142
1142
|
var sizeMapping$3 = {
|
|
@@ -1220,8 +1220,8 @@
|
|
|
1220
1220
|
}, _typeof(o);
|
|
1221
1221
|
}
|
|
1222
1222
|
|
|
1223
|
-
var css_248z$1c = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-
|
|
1224
|
-
var styles$12 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-
|
|
1223
|
+
var css_248z$1c = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-7-0 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.calendar-module-Calendar-7PxjX-4-7-0 {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.calendar-module-Calendar--small-A1CLy-4-7-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-7-0 {\n height: 248px;\n}\n\n.calendar-module-Calendar-month--small-wkwYD-4-7-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar-year--small-RdwBQ-4-7-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar--large-sSoxU-4-7-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-7-0 {\n height: 324px;\n}\n\n.calendar-module-Calendar-month--large-5g0oP-4-7-0 {\n height: 276px;\n}\n\n.calendar-module-Calendar-year--large-jELMf-4-7-0 {\n height: 272px;\n}\n\n.calendar-module-Calendar-header--large-z3JIz-4-7-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-7-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-7-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-7-0 {\n left: 0;\n}\n\n.calendar-module-Calendar-headerIcon--next-ympYc-4-7-0 {\n right: 0;\n}\n\n.calendar-module-Calendar-headerContent-Ik37t-4-7-0 {\n display: flex;\n white-space: nowrap;\n cursor: pointer;\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.calendar-module-Calendar-body-d-N5F-4-7-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-7-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-7-0 {\n display: inline-flex;\n flex: 1 0 0;\n justify-content: center;\n position: relative;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-7-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-7-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-7-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-7-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-7-0:active {\n background: var(--primary-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-7-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--start-z-bt7-4-7-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 50%);\n border-radius: var(--border-radius-10) 0 0 var(--border-radius-10);\n}\n\n.calendar-module-Calendar-valueWrapper--startError-RglvV-4-7-0 {\n background: linear-gradient(90deg, white 50%, var(--alert-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--end-3mDNa-4-7-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 50%, white 50%);\n border-radius: 0 var(--border-radius-10) var(--border-radius-10) 0;\n}\n\n.calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-7-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 10%, white 50%);\n border-radius: 0 var(--border-radius-10) var(--border-radius-10) 0;\n}\n\n.calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-7-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 10%);\n}\n\n.calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-7-0 {\n background: linear-gradient(90deg, var(--alert-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--startEnd-djqp--4-7-0 {\n background: transparent;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-7-0 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border-radius: var(--spacing-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-7-0:hover {\n background: var(--secondary-light);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-7-0:active {\n background: var(--secondary);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-7-0:active .calendar-module-Calendar-value--currDate-GxbmJ-4-7-0 {\n color: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-7-0:hover,\n.calendar-module-Calendar-value--end-975vB-4-7-0:hover {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-7-0:hover,\n.calendar-module-Calendar-value--endError-M5HbA-4-7-0:hover {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-7-0,\n.calendar-module-Calendar-value--end-975vB-4-7-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-7-0,\n.calendar-module-Calendar-value--endError-M5HbA-4-7-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-7-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-7-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-7-0:active {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-value--currDate-GxbmJ-4-7-0:active {\n color: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-7-0 {\n background: var(--primary);\n font-weight: var(--font-weight-bold);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-7-0:hover {\n background: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-7-0:active {\n background: var(--primary-darker);\n}\n\n.calendar-module-Calendar-yearValue--small--xk4--4-7-0,\n.calendar-module-Calendar-monthValue--small-R3bKo-4-7-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.calendar-module-Calendar-yearValue--large-Lmlui-4-7-0,\n.calendar-module-Calendar-monthValue--large-kkWJR-4-7-0 {\n height: var(--spacing-80);\n width: var(--spacing-160);\n}\n\n.calendar-module-Calendar-dateValue--small-u5Af3-4-7-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.calendar-module-Calendar-dateValue--large-ngrnG-4-7-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.calendar-module-Calendar-valueWrapper--dummy-QDC-R-4-7-0 {\n opacity: var(--opacity-20);\n}\n\n.calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-7-0 {\n opacity: var(--opacity-10);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-7-0 {\n opacity: var(--opacity-16);\n}\n\n.calendar-module-Calendar-value--disabled-xwiCL-4-7-0 {\n pointer-events: none;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-7-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-7-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-7-0 .calendar-module-Calendar-value-Ht0Qg-4-7-0 {\n padding: 0;\n}\n\n.calendar-module-Calendar-eventsIndicator-FoS6M-4-7-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-7-0 {\n width: 3px;\n height: 3px;\n}\n.calendar-module-Calendar-eventsIndicator--active-NHhLl-4-7-0 {\n background-color: var(--white);\n}\n\n.calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-7-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-7-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-7-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-7-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-7-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-7-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-7-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-7-0:active {\n background: var(--primary-light);\n}\n";
|
|
1224
|
+
var styles$12 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-7-0","Calendar":"calendar-module-Calendar-7PxjX-4-7-0","Calendar--small":"calendar-module-Calendar--small-A1CLy-4-7-0","Calendar-date--small":"calendar-module-Calendar-date--small-CcxQJ-4-7-0","Calendar-month--small":"calendar-module-Calendar-month--small-wkwYD-4-7-0","Calendar-year--small":"calendar-module-Calendar-year--small-RdwBQ-4-7-0","Calendar--large":"calendar-module-Calendar--large-sSoxU-4-7-0","Calendar-date--large":"calendar-module-Calendar-date--large-1ZITF-4-7-0","Calendar-month--large":"calendar-module-Calendar-month--large-5g0oP-4-7-0","Calendar-year--large":"calendar-module-Calendar-year--large-jELMf-4-7-0","Calendar-header--large":"calendar-module-Calendar-header--large-z3JIz-4-7-0","Calendar-header--small":"calendar-module-Calendar-header--small-dWwwm-4-7-0","Calendar-headerIcon":"calendar-module-Calendar-headerIcon-nsCVk-4-7-0","Calendar-headerIcon--prev":"calendar-module-Calendar-headerIcon--prev-1RFOJ-4-7-0","Calendar-headerIcon--next":"calendar-module-Calendar-headerIcon--next-ympYc-4-7-0","Calendar-headerContent":"calendar-module-Calendar-headerContent-Ik37t-4-7-0","Calendar-body":"calendar-module-Calendar-body-d-N5F-4-7-0","Calendar-valueRow":"calendar-module-Calendar-valueRow-85rKl-4-7-0","Calendar-valueWrapper":"calendar-module-Calendar-valueWrapper-H46Ub-4-7-0","Calendar-valueWrapper--inRange":"calendar-module-Calendar-valueWrapper--inRange-fV605-4-7-0","Calendar-inRangeValue":"calendar-module-Calendar-inRangeValue-VoWIb-4-7-0","Calendar-valueWrapper--inRangeError":"calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-7-0","Calendar-valueWrapper--start":"calendar-module-Calendar-valueWrapper--start-z-bt7-4-7-0","Calendar-valueWrapper--startError":"calendar-module-Calendar-valueWrapper--startError-RglvV-4-7-0","Calendar-valueWrapper--end":"calendar-module-Calendar-valueWrapper--end-3mDNa-4-7-0","Calendar-valueWrapper--hoverDate":"calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-7-0","Calendar-valueWrapper--hoverEndDate":"calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-7-0","Calendar-valueWrapper--endError":"calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-7-0","Calendar-valueWrapper--startEnd":"calendar-module-Calendar-valueWrapper--startEnd-djqp--4-7-0","Calendar-value":"calendar-module-Calendar-value-Ht0Qg-4-7-0","Calendar-value--currDate":"calendar-module-Calendar-value--currDate-GxbmJ-4-7-0","Calendar-value--start":"calendar-module-Calendar-value--start-mlqzh-4-7-0","Calendar-value--end":"calendar-module-Calendar-value--end-975vB-4-7-0","Calendar-value--startError":"calendar-module-Calendar-value--startError-bXXuR-4-7-0","Calendar-value--endError":"calendar-module-Calendar-value--endError-M5HbA-4-7-0","Calendar-value--currDateMonthYear":"calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-7-0","Calendar-value--active":"calendar-module-Calendar-value--active--twAB-4-7-0","Calendar-yearValue--small":"calendar-module-Calendar-yearValue--small--xk4--4-7-0","Calendar-monthValue--small":"calendar-module-Calendar-monthValue--small-R3bKo-4-7-0","Calendar-yearValue--large":"calendar-module-Calendar-yearValue--large-Lmlui-4-7-0","Calendar-monthValue--large":"calendar-module-Calendar-monthValue--large-kkWJR-4-7-0","Calendar-dateValue--small":"calendar-module-Calendar-dateValue--small-u5Af3-4-7-0","Calendar-dateValue--large":"calendar-module-Calendar-dateValue--large-ngrnG-4-7-0","Calendar-valueWrapper--dummy":"calendar-module-Calendar-valueWrapper--dummy-QDC-R-4-7-0","Calendar-valueWrapper--disabled":"calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-7-0","Calendar-valueWrapper--active-dummy":"calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-7-0","Calendar-value--disabled":"calendar-module-Calendar-value--disabled-xwiCL-4-7-0","Calendar-dayValues":"calendar-module-Calendar-dayValues-EuWrN-4-7-0","Calendar-dateValues":"calendar-module-Calendar-dateValues-sXhcu-4-7-0","Calendar-eventsIndicator":"calendar-module-Calendar-eventsIndicator-FoS6M-4-7-0","Calendar-eventsIndicator--small":"calendar-module-Calendar-eventsIndicator--small-94d0W-4-7-0","Calendar-eventsIndicator--active":"calendar-module-Calendar-eventsIndicator--active-NHhLl-4-7-0","Calendar-valueWrapper--inStartRange":"calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-7-0","Calendar-valueWrapper--inEndRange":"calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-7-0","Calendar-valueWrapper--inEdgeRange":"calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-7-0"};
|
|
1225
1225
|
styleInject$1(css_248z$1c);
|
|
1226
1226
|
|
|
1227
1227
|
var config = {
|
|
@@ -2290,8 +2290,8 @@
|
|
|
2290
2290
|
return Calendar;
|
|
2291
2291
|
}(React__namespace.Component);
|
|
2292
2292
|
|
|
2293
|
-
var css_248z$1b = "/* badge */\n\n.card-module-Card-3nZt4-4-
|
|
2294
|
-
var styles$11 = {"Card":"card-module-Card-3nZt4-4-
|
|
2293
|
+
var css_248z$1b = "/* badge */\n\n.card-module-Card-3nZt4-4-7-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-7-0,\n.card-module-Card--light-ef-kI-4-7-0,\n.card-module-Card--medium-hfCda-4-7-0,\n.card-module-Card--dark-z4IwI-4-7-0 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow10-EQ0Tc-4-7-0 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow20-r2kA9-4-7-0 {\n border: none;\n box-shadow: var(--shadow-m);\n}\n\n.card-module-Card--shadow30-7DdVE-4-7-0 {\n border: none;\n box-shadow: var(--shadow-l);\n}\n\n.card-module-Card-header-L-wfV-4-7-0 {\n padding: var(--spacing-40) var(--spacing-40) var(--spacing-30) var(--spacing-40);\n}\n\n.card-module-Card-body-AWtGZ-4-7-0 {\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-40);\n}\n\n.card-module-Card-footer-Gomt8-4-7-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-7-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
2294
|
+
var styles$11 = {"Card":"card-module-Card-3nZt4-4-7-0","Card--default":"card-module-Card--default-vE68u-4-7-0","Card--light":"card-module-Card--light-ef-kI-4-7-0","Card--medium":"card-module-Card--medium-hfCda-4-7-0","Card--dark":"card-module-Card--dark-z4IwI-4-7-0","Card--shadow10":"card-module-Card--shadow10-EQ0Tc-4-7-0","Card--shadow20":"card-module-Card--shadow20-r2kA9-4-7-0","Card--shadow30":"card-module-Card--shadow30-7DdVE-4-7-0","Card-header":"card-module-Card-header-L-wfV-4-7-0","Card-body":"card-module-Card-body-AWtGZ-4-7-0","Card-footer":"card-module-Card-footer-Gomt8-4-7-0","Card-footer--withSeperator":"card-module-Card-footer--withSeperator-xBISR-4-7-0"};
|
|
2295
2295
|
styleInject$1(css_248z$1b);
|
|
2296
2296
|
|
|
2297
2297
|
var Card = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -2314,8 +2314,8 @@
|
|
|
2314
2314
|
shadow: 'shadow10'
|
|
2315
2315
|
};
|
|
2316
2316
|
|
|
2317
|
-
var css_248z$1a = ".cardSubdued-module-CardSubdued-cRpHh-4-
|
|
2318
|
-
var styles$10 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-
|
|
2317
|
+
var css_248z$1a = ".cardSubdued-module-CardSubdued-cRpHh-4-7-0 {\n background: var(--card-subdued-bg);\n padding: var(--spacing-40);\n}\n\n.cardSubdued-module-CardSubdued--top-9xPTI-4-7-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--left-5pkIL-4-7-0 {\n border-left: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--right-vqxr4-4-7-0 {\n border-right: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--bottom-fOplq-4-7-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
2318
|
+
var styles$10 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-7-0","CardSubdued--top":"cardSubdued-module-CardSubdued--top-9xPTI-4-7-0","CardSubdued--left":"cardSubdued-module-CardSubdued--left-5pkIL-4-7-0","CardSubdued--right":"cardSubdued-module-CardSubdued--right-vqxr4-4-7-0","CardSubdued--bottom":"cardSubdued-module-CardSubdued--bottom-fOplq-4-7-0"};
|
|
2319
2319
|
styleInject$1(css_248z$1a);
|
|
2320
2320
|
|
|
2321
2321
|
var CardSubdued = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -2429,8 +2429,8 @@
|
|
|
2429
2429
|
});
|
|
2430
2430
|
};
|
|
2431
2431
|
|
|
2432
|
-
var css_248z$19 = "/* 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-
|
|
2433
|
-
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-
|
|
2432
|
+
var css_248z$19 = "/* 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-7-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-7-0 {\n color: var(--text-subtle);\n}\n\n.icon-module-Icon--disabled-cfSpt-4-7-0 {\n color: var(--text-disabled);\n}\n\n.icon-module-Icon--destructive-hh3wH-4-7-0 {\n color: var(--text-destructive);\n}\n\n.icon-module-Icon--white-xVSQx-4-7-0 {\n color: var(--text-white);\n}\n\n.icon-module-Icon--default-gUL8T-4-7-0 {\n color: var(--text);\n}\n\n.icon-module-Icon--info-NPl0c-4-7-0 {\n color: var(--primary);\n}\n\n.icon-module-Icon--success--1Pol-4-7-0 {\n color: var(--success);\n}\n\n.icon-module-Icon--warning-vkwDf-4-7-0 {\n color: var(--warning);\n}\n\n.icon-module-Icon--alert-9wT0L-4-7-0 {\n color: var(--alert);\n}\n\n.icon-module-Icon--primary-5RS0y-4-7-0 {\n color: var(--primary);\n}\n\n.icon-module-Icon--primaryLighter-G9i-U-4-7-0 {\n color: var(--primary-lighter);\n}\n\n.icon-module-Icon--primaryDark-Z9EK7-4-7-0 {\n color: var(--primary-dark);\n}\n\n.icon-module-Icon--primaryDarker-WzRg--4-7-0 {\n color: var(--primary-darker);\n}\n\n.icon-module-Icon--alertLighter-6B-e7-4-7-0 {\n color: var(--alert-lighter);\n}\n\n.icon-module-Icon--alertDark-k7w0--4-7-0 {\n color: var(--alert-dark);\n}\n\n.icon-module-Icon--alertDarker-ZGpJS-4-7-0 {\n color: var(--alert-darker);\n}\n\n.icon-module-Icon--successLighter-NJRIN-4-7-0 {\n color: var(--success-lighter);\n}\n\n.icon-module-Icon--successDark-w7jA3-4-7-0 {\n color: var(--success-dark);\n}\n\n.icon-module-Icon--successDarker-whOmv-4-7-0 {\n color: var(--success-darker);\n}\n\n.icon-module-Icon--warningLighter-IjeGH-4-7-0 {\n color: var(--warning-lighter);\n}\n\n.icon-module-Icon--warningDark-c0V89-4-7-0 {\n color: var(--warning-dark);\n}\n\n.icon-module-Icon--warningDarker-Y1Zk1-4-7-0 {\n color: var(--warning-darker);\n}\n\n.icon-module-Icon--accent1-joGUJ-4-7-0 {\n color: var(--accent1);\n}\n\n.icon-module-Icon--accent1Lighter-ecAka-4-7-0 {\n color: var(--accent1-lighter);\n}\n\n.icon-module-Icon--accent1Dark-kWavq-4-7-0 {\n color: var(--accent1-dark);\n}\n\n.icon-module-Icon--accent1Darker-xkikD-4-7-0 {\n color: var(--accent1-darker);\n}\n\n.icon-module-Icon--accent2-U6Nln-4-7-0 {\n color: var(--accent2);\n}\n\n.icon-module-Icon--accent2Lighter-l-bdc-4-7-0 {\n color: var(--accent2-lighter);\n}\n\n.icon-module-Icon--accent2Dark-fQYZp-4-7-0 {\n color: var(--accent2-dark);\n}\n\n.icon-module-Icon--accent2Darker-fPTcU-4-7-0 {\n color: var(--accent2-darker);\n}\n\n.icon-module-Icon--accent3-pqiXT-4-7-0 {\n color: var(--accent3);\n}\n\n.icon-module-Icon--accent3Lighter-GdEsf-4-7-0 {\n color: var(--accent3-lighter);\n}\n\n.icon-module-Icon--accent3Dark-UrkMU-4-7-0 {\n color: var(--accent3-dark);\n}\n\n.icon-module-Icon--accent3Darker-h-Kf4-4-7-0 {\n color: var(--accent3-darker);\n}\n\n.icon-module-Icon--accent4-URPLg-4-7-0 {\n color: var(--accent4);\n}\n\n.icon-module-Icon--accent4Lighter-TfLqj-4-7-0 {\n color: var(--accent4-lighter);\n}\n\n.icon-module-Icon--accent4Dark-eMTg--4-7-0 {\n color: var(--accent4-dark);\n}\n\n.icon-module-Icon--accent4Darker-zY0fj-4-7-0 {\n color: var(--accent4-darker);\n}\n\n.icon-module-Icon--inverse-PaEaG-4-7-0 {\n color: var(--inverse);\n}\n";
|
|
2433
|
+
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-7-0","Icon--subtle":"icon-module-Icon--subtle-LctKY-4-7-0","Icon--disabled":"icon-module-Icon--disabled-cfSpt-4-7-0","Icon--destructive":"icon-module-Icon--destructive-hh3wH-4-7-0","Icon--white":"icon-module-Icon--white-xVSQx-4-7-0","Icon--default":"icon-module-Icon--default-gUL8T-4-7-0","Icon--info":"icon-module-Icon--info-NPl0c-4-7-0","Icon--success":"icon-module-Icon--success--1Pol-4-7-0","Icon--warning":"icon-module-Icon--warning-vkwDf-4-7-0","Icon--alert":"icon-module-Icon--alert-9wT0L-4-7-0","Icon--primary":"icon-module-Icon--primary-5RS0y-4-7-0","Icon--primaryLighter":"icon-module-Icon--primaryLighter-G9i-U-4-7-0","Icon--primaryDark":"icon-module-Icon--primaryDark-Z9EK7-4-7-0","Icon--primaryDarker":"icon-module-Icon--primaryDarker-WzRg--4-7-0","Icon--alertLighter":"icon-module-Icon--alertLighter-6B-e7-4-7-0","Icon--alertDark":"icon-module-Icon--alertDark-k7w0--4-7-0","Icon--alertDarker":"icon-module-Icon--alertDarker-ZGpJS-4-7-0","Icon--successLighter":"icon-module-Icon--successLighter-NJRIN-4-7-0","Icon--successDark":"icon-module-Icon--successDark-w7jA3-4-7-0","Icon--successDarker":"icon-module-Icon--successDarker-whOmv-4-7-0","Icon--warningLighter":"icon-module-Icon--warningLighter-IjeGH-4-7-0","Icon--warningDark":"icon-module-Icon--warningDark-c0V89-4-7-0","Icon--warningDarker":"icon-module-Icon--warningDarker-Y1Zk1-4-7-0","Icon--accent1":"icon-module-Icon--accent1-joGUJ-4-7-0","Icon--accent1Lighter":"icon-module-Icon--accent1Lighter-ecAka-4-7-0","Icon--accent1Dark":"icon-module-Icon--accent1Dark-kWavq-4-7-0","Icon--accent1Darker":"icon-module-Icon--accent1Darker-xkikD-4-7-0","Icon--accent2":"icon-module-Icon--accent2-U6Nln-4-7-0","Icon--accent2Lighter":"icon-module-Icon--accent2Lighter-l-bdc-4-7-0","Icon--accent2Dark":"icon-module-Icon--accent2Dark-fQYZp-4-7-0","Icon--accent2Darker":"icon-module-Icon--accent2Darker-fPTcU-4-7-0","Icon--accent3":"icon-module-Icon--accent3-pqiXT-4-7-0","Icon--accent3Lighter":"icon-module-Icon--accent3Lighter-GdEsf-4-7-0","Icon--accent3Dark":"icon-module-Icon--accent3Dark-UrkMU-4-7-0","Icon--accent3Darker":"icon-module-Icon--accent3Darker-h-Kf4-4-7-0","Icon--accent4":"icon-module-Icon--accent4-URPLg-4-7-0","Icon--accent4Lighter":"icon-module-Icon--accent4Lighter-TfLqj-4-7-0","Icon--accent4Dark":"icon-module-Icon--accent4Dark-eMTg--4-7-0","Icon--accent4Darker":"icon-module-Icon--accent4Darker-zY0fj-4-7-0","Icon--inverse":"icon-module-Icon--inverse-PaEaG-4-7-0"};
|
|
2434
2434
|
styleInject$1(css_248z$19);
|
|
2435
2435
|
|
|
2436
2436
|
var iconTypeMapper = {
|
|
@@ -2520,8 +2520,8 @@
|
|
|
2520
2520
|
};
|
|
2521
2521
|
var Link$1 = /*#__PURE__*/React__namespace.forwardRef(GenericText);
|
|
2522
2522
|
|
|
2523
|
-
var css_248z$18 = "/* Text */\n.text-module-Text-s1VoI-4-
|
|
2524
|
-
var textStyles = {"Text":"text-module-Text-s1VoI-4-
|
|
2523
|
+
var css_248z$18 = "/* Text */\n.text-module-Text-s1VoI-4-7-0 {\n margin: 0;\n line-height: var(--font-height);\n}\n\n.text-module-Text--small-Jgkij-4-7-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n}\n\n.text-module-Text--regular-1srPn-4-7-0 {\n font-size: var(--font-size);\n line-height: var(--font-height);\n}\n\n.text-module-Text--large-dvoDb-4-7-0 {\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.text-module-Text--default-8sTrE-4-7-0 {\n color: var(--text);\n}\n\n.text-module-Text--subtle-dIroX-4-7-0 {\n color: var(--text-subtle);\n}\n\n.text-module-Text--disabled-n3vwU-4-7-0 {\n color: var(--text-disabled);\n}\n\n.text-module-Text--destructive-IyHaq-4-7-0 {\n color: var(--text-destructive);\n}\n\n.text-module-Text--white-7KdSH-4-7-0 {\n color: var(--text-white);\n}\n\n.text-module-Text--success---5U--4-7-0 {\n color: var(--text-success);\n}\n\n.text-module-Text--link-xbXRL-4-7-0 {\n color: var(--text-link);\n}\n\n.text-module-Text--medium-NJhdl-4-7-0 {\n font-weight: var(--font-weight-medium);\n}\n\n.text-module-Text--strong-V4cio-4-7-0 {\n font-weight: var(--font-weight-bold);\n}\n";
|
|
2524
|
+
var textStyles = {"Text":"text-module-Text-s1VoI-4-7-0","Text--small":"text-module-Text--small-Jgkij-4-7-0","Text--regular":"text-module-Text--regular-1srPn-4-7-0","Text--large":"text-module-Text--large-dvoDb-4-7-0","Text--default":"text-module-Text--default-8sTrE-4-7-0","Text--subtle":"text-module-Text--subtle-dIroX-4-7-0","Text--disabled":"text-module-Text--disabled-n3vwU-4-7-0","Text--destructive":"text-module-Text--destructive-IyHaq-4-7-0","Text--white":"text-module-Text--white-7KdSH-4-7-0","Text--success":"text-module-Text--success---5U--4-7-0","Text--link":"text-module-Text--link-xbXRL-4-7-0","Text--medium":"text-module-Text--medium-NJhdl-4-7-0","Text--strong":"text-module-Text--strong-V4cio-4-7-0"};
|
|
2525
2525
|
styleInject$1(css_248z$18);
|
|
2526
2526
|
|
|
2527
2527
|
var Text = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -2551,8 +2551,8 @@
|
|
|
2551
2551
|
size: 'regular'
|
|
2552
2552
|
};
|
|
2553
2553
|
|
|
2554
|
-
var css_248z$17 = ".chip-module-Chip-poUZ4-4-
|
|
2555
|
-
var styles$$ = {"Chip":"chip-module-Chip-poUZ4-4-
|
|
2554
|
+
var css_248z$17 = ".chip-module-Chip-poUZ4-4-7-0 {\n display: flex;\n box-sizing: border-box;\n border-radius: var(--border-radius-30);\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-20);\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n width: -moz-fit-content;\n width: fit-content;\n justify-content: space-between;\n border-style: solid;\n border-width: var(--border-width-2-5);\n align-items: center;\n flex-direction: row;\n cursor: default;\n height: var(--spacing-60);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.chip-module-Chip-wrapper-pvcWT-4-7-0 {\n display: inline-flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--left-iQJW--4-7-0 {\n margin-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-7-0 {\n display: flex;\n align-items: center;\n border-radius: var(--border-radius-full);\n margin-left: var(--spacing-05);\n}\n\n.chip-module-Chip--action-xkWzq-4-7-0 {\n background: var(--secondary-light);\n border: 0px;\n cursor: pointer;\n}\n\n.chip-module-Chip--action-xkWzq-4-7-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--action-xkWzq-4-7-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--action-xkWzq-4-7-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-action--disabled-qik7a-4-7-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-7-0 {\n background: var(--shadow-0);\n border-color: var(--stone);\n cursor: pointer;\n}\n\n.chip-module-Chip--selection-OQh8T-4-7-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chip-module-Chip--selection-OQh8T-4-7-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--selection-OQh8T-4-7-0:active {\n background: var(--secondary-light);\n border-color: var(--inverse-lightest);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-7-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-7-0 {\n background: rgba(220, 236, 249, 0.48);\n border-color: var(--primary-lighter);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-7-0:hover {\n background: rgba(151, 197, 240, 0.48);\n border-color: var(--primary-light);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-7-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-7-0:active {\n background: var(--primary-lighter);\n border-color: var(--primary-dark);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-7-0:active .chip-module-Chip-icon-lfFwr-4-7-0,\n.chip-module-Chip-selection--selected-N7Nmu-4-7-0:active .chip-module-Chip-text-Y9aWF-4-7-0 {\n color: var(--primary-darker);\n}\n\n.chip-module-Chip-text--truncate-FdQRv-4-7-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-7-0 {\n background: rgba(220, 236, 249, 0.48);\n border-color: var(--primary-lighter);\n}\n\n.chip-module-Chip--input-76VFm-4-7-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-7-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--input-76VFm-4-7-0:focus-visible,\n.chip-module-Chip--input-76VFm-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--input-76VFm-4-7-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-input--disabled-Xt12a-4-7-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-7-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-7-0:hover {\n background-color: var(--secondary);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-7-0:active {\n background-color: var(--secondary-dark);\n}\n\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-7-0 {\n pointer-events: none;\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-7-0 {\n border-radius: var(--border-radius-full);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-7-0:focus-visible {\n outline: var(--spacing-05) solid var(--primary-shadow);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-7-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-7-0:active {\n background-color: var(--primary-light);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-7-0:focus-visible,\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-7-0:focus-visible,\n.chip-module-Chip-selection--selectedDisabled-cqtgW-4-7-0:focus-visible,\n.chip-module-Chip-input--disabled-Xt12a-4-7-0:focus-visible {\n outline: none;\n}\n\n.chip-module-Chip-icon--clear-GujdY-4-7-0 {\n padding-right: var(--spacing-05);\n}\n";
|
|
2555
|
+
var styles$$ = {"Chip":"chip-module-Chip-poUZ4-4-7-0","Chip-wrapper":"chip-module-Chip-wrapper-pvcWT-4-7-0","Chip-icon--left":"chip-module-Chip-icon--left-iQJW--4-7-0","Chip-icon--right":"chip-module-Chip-icon--right-UOlsF-4-7-0","Chip--action":"chip-module-Chip--action-xkWzq-4-7-0","Chip-action--disabled":"chip-module-Chip-action--disabled-qik7a-4-7-0","Chip--selection":"chip-module-Chip--selection-OQh8T-4-7-0","Chip-selection--disabled":"chip-module-Chip-selection--disabled-Wh7oX-4-7-0","Chip-selection--selected":"chip-module-Chip-selection--selected-N7Nmu-4-7-0","Chip-icon":"chip-module-Chip-icon-lfFwr-4-7-0","Chip-text":"chip-module-Chip-text-Y9aWF-4-7-0","Chip-text--truncate":"chip-module-Chip-text--truncate-FdQRv-4-7-0","Chip-selection--selectedDisabled":"chip-module-Chip-selection--selectedDisabled-cqtgW-4-7-0","Chip--input":"chip-module-Chip--input-76VFm-4-7-0","Chip-input--disabled":"chip-module-Chip-input--disabled-Xt12a-4-7-0","Chip-icon-disabled--right":"chip-module-Chip-icon-disabled--right-Q8o-W-4-7-0","Chip-icon--selected":"chip-module-Chip-icon--selected-OTsQP-4-7-0","Chip-icon--clear":"chip-module-Chip-icon--clear-GujdY-4-7-0"};
|
|
2556
2556
|
styleInject$1(css_248z$17);
|
|
2557
2557
|
|
|
2558
2558
|
var GenericChip = function GenericChip(props) {
|
|
@@ -2669,7 +2669,7 @@
|
|
|
2669
2669
|
};
|
|
2670
2670
|
GenericChip.displayName = 'GenericChip';
|
|
2671
2671
|
GenericChip.defaultProps = {
|
|
2672
|
-
maxWidth: 'var(--spacing-
|
|
2672
|
+
maxWidth: 'var(--spacing-640)'
|
|
2673
2673
|
};
|
|
2674
2674
|
|
|
2675
2675
|
var Chip = function Chip(props) {
|
|
@@ -2717,11 +2717,11 @@
|
|
|
2717
2717
|
Chip.displayName = 'Chip';
|
|
2718
2718
|
Chip.defaultProps = {
|
|
2719
2719
|
type: 'input',
|
|
2720
|
-
maxWidth: 'var(--spacing-
|
|
2720
|
+
maxWidth: 'var(--spacing-640)'
|
|
2721
2721
|
};
|
|
2722
2722
|
|
|
2723
|
-
var css_248z$16 = ".chipGroup-module-ChipGroup--1ERo-4-
|
|
2724
|
-
var styles$_ = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-
|
|
2723
|
+
var css_248z$16 = ".chipGroup-module-ChipGroup--1ERo-4-7-0 {\n display: inline-flex;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-7-0 {\n margin: 0 var(--spacing-10);\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-7-0:first-child {\n margin-left: 0;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-7-0:last-child {\n margin-right: 0;\n}\n";
|
|
2724
|
+
var styles$_ = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-7-0","ChipGroup-item":"chipGroup-module-ChipGroup-item-5ygP--4-7-0"};
|
|
2725
2725
|
styleInject$1(css_248z$16);
|
|
2726
2726
|
|
|
2727
2727
|
var ChipGroup = function ChipGroup(props) {
|
|
@@ -2842,16 +2842,16 @@
|
|
|
2842
2842
|
}
|
|
2843
2843
|
};
|
|
2844
2844
|
|
|
2845
|
-
var css_248z$15 = ".checkbox-module-Checkbox-Bxzy6-4-
|
|
2846
|
-
var checkboxStyles = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-
|
|
2845
|
+
var css_248z$15 = ".checkbox-module-Checkbox-Bxzy6-4-7-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-7-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-7-0 {\n padding-left: var(--spacing-20);\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.checkbox-module-Checkbox-label-1c-Z--4-7-0 {\n display: flex;\n cursor: pointer;\n}\n\n.checkbox-module-Checkbox-label--tiny-4ICqD-4-7-0 {\n font-weight: var(--font-weight-bold);\n}\n\n.checkbox-module-Checkbox-outerWrapper-47kQq-4-7-0 {\n position: relative;\n margin-top: var(--spacing-05);\n}\n\n.checkbox-module-Checkbox-outerWrapper--regular-MXygQ-4-7-0 {\n height: var(--spacing-40);\n min-width: var(--spacing-40);\n}\n\n.checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-7-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-7-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-7-0:focus {\n outline: 0;\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-7-0 ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-7-0 {\n border: var(--border-width-2-5) solid var(--secondary-dark);\n background-color: var(--shadow-0);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-7-0:focus ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-7-0 {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-7-0:hover ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-7-0 {\n border: var(--border-width-2-5) solid var(--inverse-lightest);\n background-color: var(--shadow-0);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-7-0:active ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-7-0 {\n border: var(--border-width-2-5) solid var(--inverse-lightest);\n background-color: var(--secondary-light);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-7-0 {\n pointer-events: none;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-7-0 .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-7-0 {\n border: var(--border-width-2-5) solid var(--secondary-light);\n background-color: var(--secondary-lightest);\n}\n\n/* Type: checked && Type: indeterminate */\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-7-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-7-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-7-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-7-0 {\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-7-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-7-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-7-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-7-0 {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-7-0:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-7-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-7-0:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-7-0 {\n background-color: var(--primary-dark);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-7-0:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-7-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-7-0:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-7-0 {\n background-color: var(--primary-darker);\n border: 0;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-7-0 .checkbox-module-Checkbox-input--checked-1V8bz-4-7-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-7-0,\n.checkbox-module-Checkbox--disabled-j-irf-4-7-0 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-7-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-7-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-7-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-7-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-0 {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-7-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-0 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-7-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-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-7-0 .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-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-7-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-7-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-7-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-7-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-0 {\n border: var(--border-width-2-5) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-7-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-7-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-0 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-7-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-7-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-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-7-0 .checkbox-module-Checkbox-input--checked-1V8bz-4-7-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-0,\n.checkbox-module-Checkbox--disabled-j-irf-4-7-0 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-7-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-0 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n}\n";
|
|
2846
|
+
var checkboxStyles = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-7-0","Checkbox-input":"checkbox-module-Checkbox-input-shIYv-4-7-0","Checkbox-labelWrapper":"checkbox-module-Checkbox-labelWrapper-8RA7S-4-7-0","Checkbox-label":"checkbox-module-Checkbox-label-1c-Z--4-7-0","Checkbox-label--tiny":"checkbox-module-Checkbox-label--tiny-4ICqD-4-7-0","Checkbox-outerWrapper":"checkbox-module-Checkbox-outerWrapper-47kQq-4-7-0","Checkbox-outerWrapper--regular":"checkbox-module-Checkbox-outerWrapper--regular-MXygQ-4-7-0","Checkbox-outerWrapper--tiny":"checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-7-0","Checkbox-wrapper":"checkbox-module-Checkbox-wrapper-iH4AL-4-7-0","Checkbox-wrapper--default":"checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-7-0","Checkbox--disabled":"checkbox-module-Checkbox--disabled-j-irf-4-7-0","Checkbox-input--checked":"checkbox-module-Checkbox-input--checked-1V8bz-4-7-0","Checkbox-input--indeterminate":"checkbox-module-Checkbox-input--indeterminate-yMTip-4-7-0","Checkbox-wrapper--error":"checkbox-module-Checkbox-wrapper--error-pnJwU-4-7-0"};
|
|
2847
2847
|
styleInject$1(css_248z$15);
|
|
2848
2848
|
|
|
2849
|
-
var css_248z$14 = ".dropdown-module-Dropdown--waM8-4-
|
|
2850
|
-
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-
|
|
2849
|
+
var css_248z$14 = ".dropdown-module-Dropdown--waM8-4-7-0 {\n width: 100%;\n position: relative;\n}\n\n.dropdown-module-Dropdown-wrapper-r0AX--4-7-0 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-7-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-7-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-7-0 {\n min-width: unset !important;\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-7-0,\n.dropdown-module-Dropdown-input-ovmvS-4-7-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.dropdown-module-Dropdown-section-rT604-4-7-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-7-0 {\n margin-top: var(--spacing-20);\n margin-bottom: var(--spacing-05);\n}\n\n.dropdown-module-Dropdown-buttonWrapper-hWHut-4-7-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-7-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-7-0 {\n display: flex;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.dropdown-module-Option-9a9gu-4-7-0,\n.dropdown-module-Option-loading-niIYl-4-7-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-7-0 .dropdown-module-Checkbox-outerWrapper-X7RB4-4-7-0 {\n background-color: var(--shadow-0);\n}\n\n.dropdown-module-Option-checkboxWrapper-K7FXe-4-7-0 {\n display: block;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-7-0 {\n width: 100%;\n padding-left: var(--spacing-30);\n padding-top: var(--spacing-15);\n padding-bottom: var(--spacing-15);\n}\n\n.dropdown-module-Option--active-gTg8I-4-7-0,\n.dropdown-module-Option-checkbox--active-vN71f-4-7-0 {\n background-color: var(--secondary-lightest);\n cursor: pointer;\n}\n\n.dropdown-module-Option--active-gTg8I-4-7-0:hover,\n.dropdown-module-Option-checkbox--active-vN71f-4-7-0:hover {\n background-color: var(--secondary-lighter);\n}\n\n.dropdown-module-Option--active-gTg8I-4-7-0:active,\n.dropdown-module-Option-checkbox--active-vN71f-4-7-0:active {\n background-color: var(--secondary-light);\n cursor: pointer;\n}\n\n.dropdown-module-Option--active-gTg8I-4-7-0 {\n transition: var(--standard-productive-curve);\n}\n\n.dropdown-module-Option-loading-niIYl-4-7-0 {\n pointer-events: none;\n}\n\n.dropdown-module-Option--selected-N166--4-7-0 {\n background-color: var(--primary-lightest);\n}\n\n.dropdown-module-Option--selected-N166--4-7-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.dropdown-module-Option--selected-N166--4-7-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--selected-N166--4-7-0:active .dropdown-module-Option-text-lXgSe-4-7-0,\n.dropdown-module-Option--selected-N166--4-7-0:active .dropdown-module-Option-subInfo-rCqn2-4-7-0 {\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--disabled-z9O1J-4-7-0,\n.dropdown-module-OptionWrapper--disabled-dDEXE-4-7-0 {\n pointer-events: auto;\n cursor: default;\n}\n\n.dropdown-module-Option-label-lSBP--4-7-0 {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-7-0 .dropdown-module-Checkbox-label-HN9S6-4-7-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-7-0,\n.dropdown-module-OptionCheckbox-sWOoI-4-7-0 .dropdown-module-Text-wTZmG-4-7-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.dropdown-module-Option-text--wrap-RxZCx-4-7-0,\n.dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-7-0 .dropdown-module-OptionCheckbox-sWOoI-4-7-0 .dropdown-module-Text-wTZmG-4-7-0 {\n white-space: unset;\n}\n\n.dropdown-module-Option--icon-AA5JI-4-7-0 {\n padding-left: var(--spacing-20);\n}\n\n.dropdown-module-Option-icon-sux-R-4-7-0 {\n display: flex;\n}\n\n.dropdown-module-Option-icon-sux-R-4-7-0 {\n height: -moz-fit-content;\n height: fit-content;\n line-height: var(--font-height);\n}\n";
|
|
2850
|
+
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-7-0","Dropdown-wrapper":"dropdown-module-Dropdown-wrapper-r0AX--4-7-0","Dropdown-inputWrapper":"dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-7-0","Dropdown-input":"dropdown-module-Dropdown-input-ovmvS-4-7-0","Dropdown-section":"dropdown-module-Dropdown-section-rT604-4-7-0","Dropdown-section--withClear":"dropdown-module-Dropdown-section--withClear--R25A-4-7-0","Dropdown-buttonWrapper":"dropdown-module-Dropdown-buttonWrapper-hWHut-4-7-0","Dropdown-footer":"dropdown-module-Dropdown-footer-q2lkI-4-7-0","Option":"dropdown-module-Option-9a9gu-4-7-0","Option-loading":"dropdown-module-Option-loading-niIYl-4-7-0","Option-checkbox":"dropdown-module-Option-checkbox-m-8Hz-4-7-0","Checkbox-outerWrapper":"dropdown-module-Checkbox-outerWrapper-X7RB4-4-7-0","Option-checkboxWrapper":"dropdown-module-Option-checkboxWrapper-K7FXe-4-7-0","OptionCheckbox":"dropdown-module-OptionCheckbox-sWOoI-4-7-0","Option--active":"dropdown-module-Option--active-gTg8I-4-7-0","Option-checkbox--active":"dropdown-module-Option-checkbox--active-vN71f-4-7-0","Option--selected":"dropdown-module-Option--selected-N166--4-7-0","Option-text":"dropdown-module-Option-text-lXgSe-4-7-0","Option-subInfo":"dropdown-module-Option-subInfo-rCqn2-4-7-0","Option--disabled":"dropdown-module-Option--disabled-z9O1J-4-7-0","OptionWrapper--disabled":"dropdown-module-OptionWrapper--disabled-dDEXE-4-7-0","Option-label":"dropdown-module-Option-label-lSBP--4-7-0","Checkbox-label":"dropdown-module-Checkbox-label-HN9S6-4-7-0","Text":"dropdown-module-Text-wTZmG-4-7-0","Option-text--wrap":"dropdown-module-Option-text--wrap-RxZCx-4-7-0","Dropdown-wrapper--wrap":"dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-7-0","Option--icon":"dropdown-module-Option--icon-AA5JI-4-7-0","Option-icon":"dropdown-module-Option-icon-sux-R-4-7-0"};
|
|
2851
2851
|
styleInject$1(css_248z$14);
|
|
2852
2852
|
|
|
2853
|
-
var css_248z$13 = "/** Grid **/\n\n.grid-module-Grid-wrapper-lro6U-4-5-0 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid-c7nCj-4-5-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--resource-Wwxtj-4-5-0 .grid-module-Grid-row--body-hzvsO-4-5-0:hover,\n.grid-module-Grid--resource-Wwxtj-4-5-0 .grid-module-Grid-row--body-hzvsO-4-5-0:hover .grid-module-Grid-cellGroup-Q3add-4-5-0 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-5-0 .grid-module-Grid-row--body-hzvsO-4-5-0:active,\n.grid-module-Grid--resource-Wwxtj-4-5-0 .grid-module-Grid-row--body-hzvsO-4-5-0:active .grid-module-Grid-cellGroup-Q3add-4-5-0 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-5-0 .grid-module-Grid-row--body-hzvsO-4-5-0:focus {\n box-shadow: var(--shadow-spread) rgba(213, 213, 213, 0.16);\n outline: none;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-5-0 {\n position: absolute;\n height: 100%;\n z-index: 5;\n overflow-x: hidden;\n -ms-overflow-style: none;\n border-right: 3px solid var(--secondary);\n}\n\n.grid-module-Grid-pinned-c-pxc-4-5-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-5-0 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-5-0 .grid-module-Grid-cell--head--JOK--4-5-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-5-0 .grid-module-Grid-cell--body--nkVA-4-5-0 {\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-l);\n}\n\n.grid-module-Grid--standard-vGamG-4-5-0 .grid-module-Grid-cell--head--JOK--4-5-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-5-0 .grid-module-Grid-cell--body--nkVA-4-5-0 {\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-l);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-5-0 .grid-module-Grid-cell--head--JOK--4-5-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-5-0 .grid-module-Grid-cell--body--nkVA-4-5-0 {\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n}\n\n.grid-module-Grid--tight-1w1jV-4-5-0 .grid-module-Grid-cell--head--JOK--4-5-0 {\n min-height: var(--spacing-3);\n}\n\n.grid-module-Grid--tight-1w1jV-4-5-0 .grid-module-Grid-cell--body--nkVA-4-5-0 {\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.grid-module-Grid-head-WsxqC-4-5-0 {\n display: flex;\n flex: 0 0 auto;\n overflow-x: auto;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-head-WsxqC-4-5-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-5-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-5-0 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-5-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-5-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n overflow-x: auto;\n overflow-y: overlay;\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-5-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-row-wBTps-4-5-0 {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n box-sizing: border-box;\n background: var(--white);\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n transition-delay: var(--duration--fast-01);\n}\n\n.grid-module-Grid-row--body-hzvsO-4-5-0 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-5-0,\n.grid-module-Grid-row--selected-4THdv-4-5-0 .grid-module-Grid-cellGroup-Q3add-4-5-0 {\n background: rgba(220, 236, 249, 0.48);\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-5-0:hover,\n.grid-module-Grid-row--selected-4THdv-4-5-0 .grid-module-Grid-cellGroup-Q3add-4-5-0:hover {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-5-0:active,\n.grid-module-Grid-row--selected-4THdv-4-5-0 .grid-module-Grid-cellGroup-Q3add-4-5-0:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-5-0:focus,\n.grid-module-Grid-row--selected-4THdv-4-5-0 .grid-module-Grid-cellGroup-Q3add-4-5-0:focus {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(0, 112, 221, 0.16);\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-5-0:last-child .grid-module-Grid-row--body-hzvsO-4-5-0 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-5-0 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-5-0 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-5-0 {\n margin-right: var(--spacing-l);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-5-0 .grid-module-Grid-rowWrapper-cZ8-a-4-5-0 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-5-0 .grid-module-Grid-cell-GVffL-4-5-0:first-child {\n padding-left: calc(var(--spacing-3) + var(--spacing));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-5-0 {\n width: var(--spacing-xl);\n margin-right: var(--spacing-l);\n}\n\n.grid-module-Grid-cell-GVffL-4-5-0 {\n position: relative;\n box-sizing: border-box;\n padding-left: var(--spacing-l);\n padding-right: var(--spacing-l);\n}\n\n.grid-module-Grid-cell--body--nkVA-4-5-0 {\n padding-right: var(--spacing-l);\n}\n\n.grid-module-Grid-cell--head--JOK--4-5-0 {\n overflow: hidden;\n padding-right: var(--spacing-m);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-5-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-5-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-5-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-5-0 {\n padding-left: var(--spacing);\n}\n\n.grid-module-Grid-cell--head--JOK--4-5-0.grid-module-Grid-cell-GVffL-4-5-0:first-of-type {\n border-left: none;\n}\n\n/* .Grid .Grid-cellGroup--main .Grid-cell--head.Grid-cell:last-child {\n border-right: var(--border);\n} */\n\n.grid-module-Grid-row--disabled-f0pzU-4-5-0 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-5-0.grid-module-Grid-cell--selected-1zcBx-4-5-0 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-5-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-sortingIcons-Lwutu-4-5-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-m);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-5-0 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-5-0:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-5-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-5-0 .grid-module-Grid-cellContent-Ls-ZE-4-5-0 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-5-0 {\n position: absolute;\n right: 0;\n width: var(--spacing-m);\n cursor: ew-resize;\n height: 100%;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-5-0 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-5-0:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-5-0:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-5-0 {\n position: absolute;\n height: 100%;\n border: 3px solid var(--primary-light);\n z-index: 10;\n}\n\n.grid-module-Grid-cellGroup-Q3add-4-5-0 {\n display: flex;\n box-sizing: border-box;\n background: var(--white);\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-5-0 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-5-0 {\n left: 0;\n border-style: inset;\n border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-5-0 {\n right: 0;\n border-style: inset;\n border-left: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-left-width: 4px;\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-c7nCj-4-5-0 .grid-module-Checkbox-wrapper-0R1-K-4-5-0 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-5-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-5-0 {\n /* flex-direction: row; */\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-5-0 {\n /* flex-direction: row-reverse; */\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-5-0 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-5-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-5-0 .grid-module-StatusHint-R1JrO-4-5-0 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-5-0 .grid-module-StatusHint-R1JrO-4-5-0 .grid-module-Text-Fy3XX-4-5-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-5-0 .grid-module-Avatar-3XZ0C-4-5-0 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-5-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-5-0 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-5-0 .grid-module-Text-Fy3XX-4-5-0 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-5-0 .grid-module-Text-Fy3XX-4-5-0::before {\n content: '';\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-m);\n height: var(--spacing-m);\n border-radius: 50%;\n background: var(--secondary);\n margin: 0 var(--spacing);\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-5-0 .grid-module-Text-Fy3XX-4-5-0:first-child::before {\n display: none;\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-5-0 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-5-0 {\n background: var(--white);\n padding: var(--spacing-l);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-5-0 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-5-0 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-5-0 {\n width: var(--spacing-9);\n margin-bottom: var(--spacing-2);\n}\n\n.grid-module-Header-label-B0-kh-4-5-0 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-5-0 .grid-module-Checkbox-ETqg7-4-5-0 {\n margin-right: var(--spacing);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-5-0 {\n display: flex;\n margin-left: var(--spacing-m);\n margin-bottom: var(--spacing-2);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-5-0 .grid-module-Dropdown-Ev9FG-4-5-0 {\n margin: 0 var(--spacing-m);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-5-0 .grid-module-Dropdown-wrapper-T1n1M-4-5-0 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-5-0 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-5-0 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-5-0 {\n margin-bottom: var(--spacing-2);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-5-0 {\n justify-content: flex-end;\n margin-left: auto;\n margin-bottom: var(--spacing-2);\n}\n";
|
|
2854
|
-
var gridStyles = {"Grid-wrapper":"grid-module-Grid-wrapper-lro6U-4-
|
|
2853
|
+
var css_248z$13 = "/** Grid **/\n\n.grid-module-Grid-wrapper-lro6U-4-7-0 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid-c7nCj-4-7-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--resource-Wwxtj-4-7-0 .grid-module-Grid-row--body-hzvsO-4-7-0:hover,\n.grid-module-Grid--resource-Wwxtj-4-7-0 .grid-module-Grid-row--body-hzvsO-4-7-0:hover .grid-module-Grid-cellGroup-Q3add-4-7-0 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-7-0 .grid-module-Grid-row--body-hzvsO-4-7-0:active,\n.grid-module-Grid--resource-Wwxtj-4-7-0 .grid-module-Grid-row--body-hzvsO-4-7-0:active .grid-module-Grid-cellGroup-Q3add-4-7-0 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-7-0 .grid-module-Grid-row--body-hzvsO-4-7-0:focus {\n box-shadow: var(--shadow-spread) rgba(213, 213, 213, 0.16);\n outline: none;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-7-0 {\n position: absolute;\n height: 100%;\n z-index: 5;\n overflow-x: hidden;\n -ms-overflow-style: none;\n border-right: var(--border-width-7-5) solid var(--secondary);\n}\n\n.grid-module-Grid-pinned-c-pxc-4-7-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-7-0 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-7-0 .grid-module-Grid-cell--head--JOK--4-7-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-7-0 .grid-module-Grid-cell--body--nkVA-4-7-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-7-0 .grid-module-Grid-cell--head--JOK--4-7-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-7-0 .grid-module-Grid-cell--body--nkVA-4-7-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-7-0 .grid-module-Grid-cell--head--JOK--4-7-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-7-0 .grid-module-Grid-cell--body--nkVA-4-7-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-7-0 .grid-module-Grid-cell--head--JOK--4-7-0 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-7-0 .grid-module-Grid-cell--body--nkVA-4-7-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-7-0 {\n display: flex;\n flex: 0 0 auto;\n overflow-x: auto;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-head-WsxqC-4-7-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-7-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-7-0 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-7-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-7-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n overflow-x: auto;\n overflow-y: overlay;\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-7-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-row-wBTps-4-7-0 {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n box-sizing: border-box;\n background: var(--white);\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n transition-delay: var(--duration--fast-01);\n}\n\n.grid-module-Grid-row--body-hzvsO-4-7-0 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-7-0,\n.grid-module-Grid-row--selected-4THdv-4-7-0 .grid-module-Grid-cellGroup-Q3add-4-7-0 {\n background: rgba(220, 236, 249, 0.48);\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-7-0:hover,\n.grid-module-Grid-row--selected-4THdv-4-7-0 .grid-module-Grid-cellGroup-Q3add-4-7-0:hover {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-7-0:active,\n.grid-module-Grid-row--selected-4THdv-4-7-0 .grid-module-Grid-cellGroup-Q3add-4-7-0:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-7-0:focus,\n.grid-module-Grid-row--selected-4THdv-4-7-0 .grid-module-Grid-cellGroup-Q3add-4-7-0:focus {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(0, 112, 221, 0.16);\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-7-0:last-child .grid-module-Grid-row--body-hzvsO-4-7-0 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-7-0 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-7-0 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-7-0 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-7-0 .grid-module-Grid-rowWrapper-cZ8-a-4-7-0 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-7-0 .grid-module-Grid-cell-GVffL-4-7-0:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-7-0 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-7-0 {\n position: relative;\n box-sizing: border-box;\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--body--nkVA-4-7-0 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-7-0 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-7-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-7-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-7-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-7-0 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-7-0.grid-module-Grid-cell-GVffL-4-7-0:first-of-type {\n border-left: none;\n}\n\n/* .Grid .Grid-cellGroup--main .Grid-cell--head.Grid-cell:last-child {\n border-right: var(--border);\n} */\n\n.grid-module-Grid-row--disabled-f0pzU-4-7-0 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-7-0.grid-module-Grid-cell--selected-1zcBx-4-7-0 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-7-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-sortingIcons-Lwutu-4-7-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-7-0 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-7-0:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-7-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-7-0 .grid-module-Grid-cellContent-Ls-ZE-4-7-0 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-7-0 {\n position: absolute;\n right: 0;\n width: var(--spacing-10);\n cursor: ew-resize;\n height: 100%;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-7-0 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-7-0:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-7-0:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-7-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-7-0 {\n display: flex;\n box-sizing: border-box;\n background: var(--white);\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-7-0 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-7-0 {\n left: 0;\n border-style: inset;\n border-right: var(--spacing-2-5) solid rgba(213, 213, 213, var(--opacity-3));\n border-right-width: var(--border-width-10);\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-7-0 {\n right: 0;\n border-style: inset;\n border-left: var(--border-width-2-5) solid rgba(213, 213, 213, var(--opacity-3));\n border-left-width: var(--border-width-10);\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-c7nCj-4-7-0 .grid-module-Checkbox-wrapper-0R1-K-4-7-0 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-7-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-7-0 {\n /* flex-direction: row; */\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-7-0 {\n /* flex-direction: row-reverse; */\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-7-0 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-7-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-7-0 .grid-module-StatusHint-R1JrO-4-7-0 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-7-0 .grid-module-StatusHint-R1JrO-4-7-0 .grid-module-Text-Fy3XX-4-7-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-7-0 .grid-module-Avatar-3XZ0C-4-7-0 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-7-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-7-0 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-7-0 .grid-module-Text-Fy3XX-4-7-0 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-7-0 .grid-module-Text-Fy3XX-4-7-0::before {\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(--secondary);\n margin: 0 var(--spacing-20);\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-7-0 .grid-module-Text-Fy3XX-4-7-0:first-child::before {\n display: none;\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-7-0 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-7-0 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-7-0 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-7-0 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-7-0 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-7-0 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-7-0 .grid-module-Checkbox-ETqg7-4-7-0 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-7-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-7-0 .grid-module-Dropdown-Ev9FG-4-7-0 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-7-0 .grid-module-Dropdown-wrapper-T1n1M-4-7-0 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-7-0 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-7-0 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-7-0 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-7-0 {\n justify-content: flex-end;\n margin-left: auto;\n margin-bottom: var(--spacing-40);\n}\n";
|
|
2854
|
+
var gridStyles = {"Grid-wrapper":"grid-module-Grid-wrapper-lro6U-4-7-0","Grid":"grid-module-Grid-c7nCj-4-7-0","Grid--resource":"grid-module-Grid--resource-Wwxtj-4-7-0","Grid-row--body":"grid-module-Grid-row--body-hzvsO-4-7-0","Grid-cellGroup":"grid-module-Grid-cellGroup-Q3add-4-7-0","Grid--pinned":"grid-module-Grid--pinned-3JMcl-4-7-0","Grid-pinned":"grid-module-Grid-pinned-c-pxc-4-7-0","Grid--main":"grid-module-Grid--main-zduCm-4-7-0","Grid--comfortable":"grid-module-Grid--comfortable-TOG1A-4-7-0","Grid-cell--head":"grid-module-Grid-cell--head--JOK--4-7-0","Grid-cell--body":"grid-module-Grid-cell--body--nkVA-4-7-0","Grid--standard":"grid-module-Grid--standard-vGamG-4-7-0","Grid--compressed":"grid-module-Grid--compressed-mwkZ6-4-7-0","Grid--tight":"grid-module-Grid--tight-1w1jV-4-7-0","Grid-head":"grid-module-Grid-head-WsxqC-4-7-0","Grid-headCell":"grid-module-Grid-headCell-OcJ4F-4-7-0","Grid-headCell--draggable":"grid-module-Grid-headCell--draggable-WH7xi-4-7-0","Grid-body":"grid-module-Grid-body-pAJM6-4-7-0","Grid-rowWrapper":"grid-module-Grid-rowWrapper-cZ8-a-4-7-0","Grid-row":"grid-module-Grid-row-wBTps-4-7-0","Grid-row--selected":"grid-module-Grid-row--selected-4THdv-4-7-0","GridBody-padding":"grid-module-GridBody-padding-3KYKp-4-7-0","Grid-nestedRow":"grid-module-Grid-nestedRow-uxEsD-4-7-0","Grid-nestedRowTrigger":"grid-module-Grid-nestedRowTrigger--amMF-4-7-0","Grid-cell":"grid-module-Grid-cell-GVffL-4-7-0","Grid-nestedRowPlaceholder":"grid-module-Grid-nestedRowPlaceholder-h98gD-4-7-0","Grid-cell--dragged":"grid-module-Grid-cell--dragged-djAY0-4-7-0","Grid-cell--separator":"grid-module-Grid-cell--separator-TYHdI-4-7-0","Grid-cell--selected":"grid-module-Grid-cell--selected-1zcBx-4-7-0","Grid-cell--nestedRow":"grid-module-Grid-cell--nestedRow-U3Dg5-4-7-0","Grid-row--disabled":"grid-module-Grid-row--disabled-f0pzU-4-7-0","Grid-cell--checkbox":"grid-module-Grid-cell--checkbox-kWT4v-4-7-0","Grid-sortingIcons":"grid-module-Grid-sortingIcons-Lwutu-4-7-0","Grid-cellReorder":"grid-module-Grid-cellReorder-SMPMA-4-7-0","Grid-cellContent":"grid-module-Grid-cellContent-Ls-ZE-4-7-0","Grid-cellResize":"grid-module-Grid-cellResize-J-SJu-4-7-0","Grid-cellSortIcon":"grid-module-Grid-cellSortIcon-ZV0FF-4-7-0","Grid-reorderHighlighter":"grid-module-Grid-reorderHighlighter-UMzz7-4-7-0","Grid-cellGroup--pinned":"grid-module-Grid-cellGroup--pinned-gR1WR-4-7-0","Grid-cellGroup--pinned-left":"grid-module-Grid-cellGroup--pinned-left-EsISF-4-7-0","Grid-cellGroup--pinned-right":"grid-module-Grid-cellGroup--pinned-right-jWDJC-4-7-0","Checkbox-wrapper":"grid-module-Checkbox-wrapper-0R1-K-4-7-0","GridCell":"grid-module-GridCell-Atntl-4-7-0","GridCell--align-left":"grid-module-GridCell--align-left-zURf7-4-7-0","GridCell--align-right":"grid-module-GridCell--align-right-nMKtX-4-7-0","GridCell--align-center":"grid-module-GridCell--align-center-dtOQN-4-7-0","GridCell--metaList":"grid-module-GridCell--metaList-wNdz6-4-7-0","GridCell--statusHint":"grid-module-GridCell--statusHint-UyDMp-4-7-0","StatusHint":"grid-module-StatusHint-R1JrO-4-7-0","Text":"grid-module-Text-Fy3XX-4-7-0","GridCell--avatar":"grid-module-GridCell--avatar-fZFWf-4-7-0","Avatar":"grid-module-Avatar-3XZ0C-4-7-0","GridCell-metaListWrapper":"grid-module-GridCell-metaListWrapper-C5Xha-4-7-0","GridCell-metaList":"grid-module-GridCell-metaList-Eu-pj-4-7-0","Header":"grid-module-Header-8rhUu-4-7-0","Header-content":"grid-module-Header-content-0SgQi-4-7-0","Header-content--bottom":"grid-module-Header-content--bottom-bkVrG-4-7-0","Header-search":"grid-module-Header-search-4git6-4-7-0","Header-label":"grid-module-Header-label-B0-kh-4-7-0","Checkbox":"grid-module-Checkbox-ETqg7-4-7-0","Header-dropdown":"grid-module-Header-dropdown-xPNuH-4-7-0","Dropdown":"grid-module-Dropdown-Ev9FG-4-7-0","Header-draggableDropdown":"grid-module-Header-draggableDropdown-QkIiO-4-7-0","Dropdown-wrapper":"grid-module-Dropdown-wrapper-T1n1M-4-7-0","Header-filters":"grid-module-Header-filters-u0J3G-4-7-0","Header-sorting":"grid-module-Header-sorting-zOkI4-4-7-0","Header-actions":"grid-module-Header-actions-WHtHK-4-7-0","Header-global-actions":"grid-module-Header-global-actions-e6dK3-4-7-0"};
|
|
2855
2855
|
styleInject$1(css_248z$13);
|
|
2856
2856
|
|
|
2857
2857
|
var Checkbox = /*#__PURE__*/React__namespace.forwardRef(function (props, forwardedRef) {
|
|
@@ -2951,8 +2951,8 @@
|
|
|
2951
2951
|
});
|
|
2952
2952
|
Checkbox.displayName = 'Checkbox';
|
|
2953
2953
|
|
|
2954
|
-
var css_248z$12 = ".column-module-Row-LudWR-4-
|
|
2955
|
-
var rowStyles = {"Row":"column-module-Row-LudWR-4-
|
|
2954
|
+
var css_248z$12 = ".column-module-Row-LudWR-4-7-0 {\n display: flex;\n flex-wrap: wrap;\n flex: 1 100%;\n}\n\n.column-module-Col-BW4pl-4-7-0 {\n position: relative;\n box-sizing: border-box;\n flex: 1 0 0%;\n}\n\n.column-module-Col--auto-HnufQ-4-7-0 {\n flex: 0 0 auto;\n width: auto;\n}\n\n.column-module-Col--1-iSoXZ-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n}\n\n.column-module-Col--2-KR9Oj-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n}\n\n.column-module-Col--3-tRdfx-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n}\n\n.column-module-Col--4-SxYUZ-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n}\n\n.column-module-Col--5-Ghiks-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n}\n\n.column-module-Col--6-JO4qo-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n}\n\n.column-module-Col--7-SRnJx-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n}\n\n.column-module-Col--8-HBxc4-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n}\n\n.column-module-Col--9-eMJ9n-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n}\n\n.column-module-Col--10-VSo8k-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n}\n\n.column-module-Col--11-miljX-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n}\n\n.column-module-Col--12-9Obkj-4-7-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-7-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xs-1-KvELd-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xs-2-OUGOZ-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xs-3-G55n8-4-7-0 {\n flex: 0 0 auto;\n }\n .column-module-Col--xs-4-PADe9-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xs-5-Ex4rw-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xs-6-fzX37-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xs-7-zWOG--4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xs-8-gngfO-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xs-9-b-r8L-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xs-10-umLd0-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xs-11-KvOKo-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xs-12-u1Ks8-4-7-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-7-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--s-1-BVL5j-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--s-2-9s29P-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--s-3-69Bdl-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--s-4-nE4kT-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--s-5-B72Pu-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--s-6-AdMSU-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--s-7-e656U-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--s-8-1EhC1-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--s-9-rpHj--4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--s-10-GVB2t-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--s-11-3WJSe-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--s-12-eFxie-4-7-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-7-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--m-1-T7-6r-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--m-2-UJZxe-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--m-3-jgXEy-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--m-4-86-dP-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--m-5-RxZc2-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--m-6-RwrEz-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--m-7-HuA0i-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--m-8-qKE7R-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--m-9--8vSy-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--m-10-aBQ1l-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--m-11-08F-U-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--m-12-gZ47F-4-7-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-7-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--l-1-aLREn-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--l-2-0mG-c-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--l-3--aWDx-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--l-4-GTf5q-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--l-5-5MGhB-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--l-6-DY6jT-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--l-7-Wyv6Z-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--l-8-30knO-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--l-9-H-ap--4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--l-10-wgJl4-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--l-11-4dOz3-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--l-12-xC5rs-4-7-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-7-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xl-1-ZCRQR-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xl-2-5agyW-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xl-3-e5vjv-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--xl-4--aAZH-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xl-5-167j6-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xl-6-wXLZ--4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xl-7-QA116-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xl-8-Q22c5-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xl-9-bJrrK-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xl-10-IALsA-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xl-11-vrchj-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xl-12-6dUnj-4-7-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n }\n}\n";
|
|
2955
|
+
var rowStyles = {"Row":"column-module-Row-LudWR-4-7-0","Col":"column-module-Col-BW4pl-4-7-0","Col--auto":"column-module-Col--auto-HnufQ-4-7-0","Col--1":"column-module-Col--1-iSoXZ-4-7-0","Col--2":"column-module-Col--2-KR9Oj-4-7-0","Col--3":"column-module-Col--3-tRdfx-4-7-0","Col--4":"column-module-Col--4-SxYUZ-4-7-0","Col--5":"column-module-Col--5-Ghiks-4-7-0","Col--6":"column-module-Col--6-JO4qo-4-7-0","Col--7":"column-module-Col--7-SRnJx-4-7-0","Col--8":"column-module-Col--8-HBxc4-4-7-0","Col--9":"column-module-Col--9-eMJ9n-4-7-0","Col--10":"column-module-Col--10-VSo8k-4-7-0","Col--11":"column-module-Col--11-miljX-4-7-0","Col--12":"column-module-Col--12-9Obkj-4-7-0","Col--xs-auto":"column-module-Col--xs-auto-oXQ2q-4-7-0","Col--xs-1":"column-module-Col--xs-1-KvELd-4-7-0","Col--xs-2":"column-module-Col--xs-2-OUGOZ-4-7-0","Col--xs-3":"column-module-Col--xs-3-G55n8-4-7-0","Col--xs-4":"column-module-Col--xs-4-PADe9-4-7-0","Col--xs-5":"column-module-Col--xs-5-Ex4rw-4-7-0","Col--xs-6":"column-module-Col--xs-6-fzX37-4-7-0","Col--xs-7":"column-module-Col--xs-7-zWOG--4-7-0","Col--xs-8":"column-module-Col--xs-8-gngfO-4-7-0","Col--xs-9":"column-module-Col--xs-9-b-r8L-4-7-0","Col--xs-10":"column-module-Col--xs-10-umLd0-4-7-0","Col--xs-11":"column-module-Col--xs-11-KvOKo-4-7-0","Col--xs-12":"column-module-Col--xs-12-u1Ks8-4-7-0","Col--s-auto":"column-module-Col--s-auto-rQS8S-4-7-0","Col--s-1":"column-module-Col--s-1-BVL5j-4-7-0","Col--s-2":"column-module-Col--s-2-9s29P-4-7-0","Col--s-3":"column-module-Col--s-3-69Bdl-4-7-0","Col--s-4":"column-module-Col--s-4-nE4kT-4-7-0","Col--s-5":"column-module-Col--s-5-B72Pu-4-7-0","Col--s-6":"column-module-Col--s-6-AdMSU-4-7-0","Col--s-7":"column-module-Col--s-7-e656U-4-7-0","Col--s-8":"column-module-Col--s-8-1EhC1-4-7-0","Col--s-9":"column-module-Col--s-9-rpHj--4-7-0","Col--s-10":"column-module-Col--s-10-GVB2t-4-7-0","Col--s-11":"column-module-Col--s-11-3WJSe-4-7-0","Col--s-12":"column-module-Col--s-12-eFxie-4-7-0","Col--m-auto":"column-module-Col--m-auto-DTvE1-4-7-0","Col--m-1":"column-module-Col--m-1-T7-6r-4-7-0","Col--m-2":"column-module-Col--m-2-UJZxe-4-7-0","Col--m-3":"column-module-Col--m-3-jgXEy-4-7-0","Col--m-4":"column-module-Col--m-4-86-dP-4-7-0","Col--m-5":"column-module-Col--m-5-RxZc2-4-7-0","Col--m-6":"column-module-Col--m-6-RwrEz-4-7-0","Col--m-7":"column-module-Col--m-7-HuA0i-4-7-0","Col--m-8":"column-module-Col--m-8-qKE7R-4-7-0","Col--m-9":"column-module-Col--m-9--8vSy-4-7-0","Col--m-10":"column-module-Col--m-10-aBQ1l-4-7-0","Col--m-11":"column-module-Col--m-11-08F-U-4-7-0","Col--m-12":"column-module-Col--m-12-gZ47F-4-7-0","Col--l-auto":"column-module-Col--l-auto-SxR1p-4-7-0","Col--l-1":"column-module-Col--l-1-aLREn-4-7-0","Col--l-2":"column-module-Col--l-2-0mG-c-4-7-0","Col--l-3":"column-module-Col--l-3--aWDx-4-7-0","Col--l-4":"column-module-Col--l-4-GTf5q-4-7-0","Col--l-5":"column-module-Col--l-5-5MGhB-4-7-0","Col--l-6":"column-module-Col--l-6-DY6jT-4-7-0","Col--l-7":"column-module-Col--l-7-Wyv6Z-4-7-0","Col--l-8":"column-module-Col--l-8-30knO-4-7-0","Col--l-9":"column-module-Col--l-9-H-ap--4-7-0","Col--l-10":"column-module-Col--l-10-wgJl4-4-7-0","Col--l-11":"column-module-Col--l-11-4dOz3-4-7-0","Col--l-12":"column-module-Col--l-12-xC5rs-4-7-0","Col--xl-auto":"column-module-Col--xl-auto-zH0n0-4-7-0","Col--xl-1":"column-module-Col--xl-1-ZCRQR-4-7-0","Col--xl-2":"column-module-Col--xl-2-5agyW-4-7-0","Col--xl-3":"column-module-Col--xl-3-e5vjv-4-7-0","Col--xl-4":"column-module-Col--xl-4--aAZH-4-7-0","Col--xl-5":"column-module-Col--xl-5-167j6-4-7-0","Col--xl-6":"column-module-Col--xl-6-wXLZ--4-7-0","Col--xl-7":"column-module-Col--xl-7-QA116-4-7-0","Col--xl-8":"column-module-Col--xl-8-Q22c5-4-7-0","Col--xl-9":"column-module-Col--xl-9-bJrrK-4-7-0","Col--xl-10":"column-module-Col--xl-10-IALsA-4-7-0","Col--xl-11":"column-module-Col--xl-11-vrchj-4-7-0","Col--xl-12":"column-module-Col--xl-12-6dUnj-4-7-0"};
|
|
2956
2956
|
styleInject$1(css_248z$12);
|
|
2957
2957
|
|
|
2958
2958
|
var Column = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -4031,8 +4031,8 @@
|
|
|
4031
4031
|
return callback === undefined ? throttle(delay, atBegin, false) : throttle(delay, callback, atBegin !== false);
|
|
4032
4032
|
}
|
|
4033
4033
|
|
|
4034
|
-
var css_248z$11 = ".dropdownButton-module-DropdownButton-WEFAu-4-
|
|
4035
|
-
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-
|
|
4034
|
+
var css_248z$11 = ".dropdownButton-module-DropdownButton-WEFAu-4-7-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-7-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-7-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-7-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-7-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-7-0 {\n padding-left: var(--spacing-10);\n padding-right: var(--spacing-10);\n}\n\n.dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-7-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--placeholder-P-OZc-4-7-0 {\n color: var(--text-subtle);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-7-0:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-7-0:focus {\n background-color: var(--secondary-light);\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-7-0:active,\n.dropdownButton-module-DropdownButton--open-FO2da-4-7-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-7-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-7-0 {\n padding-left: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--error-WBIV1-4-7-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n";
|
|
4035
|
+
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-7-0","DropdownButton-wrapper":"dropdownButton-module-DropdownButton-wrapper--2rai-4-7-0","DropdownButton-text":"dropdownButton-module-DropdownButton-text-iFVYT-4-7-0","DropdownButton--tiny":"dropdownButton-module-DropdownButton--tiny-Itu7p-4-7-0","DropdownButton--regular":"dropdownButton-module-DropdownButton--regular--xsdh-4-7-0","DropdownButton--tinySquare":"dropdownButton-module-DropdownButton--tinySquare-h9ZCv-4-7-0","DropdownButton--regularSquare":"dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-7-0","DropdownButton--placeholder":"dropdownButton-module-DropdownButton--placeholder-P-OZc-4-7-0","DropdownButton--open":"dropdownButton-module-DropdownButton--open-FO2da-4-7-0","DropdownButton--icon":"dropdownButton-module-DropdownButton--icon-lOUG2-4-7-0","DropdownButton--error":"dropdownButton-module-DropdownButton--error-WBIV1-4-7-0"};
|
|
4036
4036
|
styleInject$1(css_248z$11);
|
|
4037
4037
|
|
|
4038
4038
|
var DropdownButton = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -4360,8 +4360,8 @@
|
|
|
4360
4360
|
});
|
|
4361
4361
|
};
|
|
4362
4362
|
|
|
4363
|
-
var css_248z$10 = "@keyframes placeholder-module-shimmer-Lxrg3-4-
|
|
4364
|
-
var styles$Z = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-
|
|
4363
|
+
var css_248z$10 = "@keyframes placeholder-module-shimmer-Lxrg3-4-7-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-7-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-7-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-7-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-7-0 {\n display: flex;\n justify-content: flex-start;\n}\n\n.placeholder-module-Placeholder-paragraph-6zgwj-4-7-0 {\n display: flex;\n flex-direction: column;\n flex: 1 0;\n}\n\n.placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-7-0 {\n margin-left: var(--spacing-20);\n}\n\n.placeholder-module-PlaceholderParagraph-02mKH-4-7-0 {\n display: flex;\n flex-grow: 1;\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-7-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-7-0 {\n width: 33%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-7-0 {\n width: 66%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-7-0 {\n width: 100%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-7-0 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-7-0 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-7-0 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-7-0 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-7-0 {\n height: var(--font-height-l);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-7-0 {\n height: var(--font-height-xl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-7-0 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-7-0 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-7-0 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--xs-CZxRT-4-7-0 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--s-1TOed-4-7-0 {\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph--m-umPOe-4-7-0 {\n height: var(--font-size-m);\n}\n\n.placeholder-module-PlaceholderParagraph--l-5tvMH-4-7-0 {\n height: var(--font-size-l);\n}\n\n.placeholder-module-PlaceholderParagraph--xl-M63Dg-4-7-0 {\n height: var(--font-size-xl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-7-0 {\n height: var(--font-size-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-7-0 {\n height: var(--font-size-xxxl);\n}\n\n.placeholder-module-PlaceholderImage-tEdXI-4-7-0 {\n display: flex;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--small-IZcYq-4-7-0 {\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--medium-NA-GL-4-7-0 {\n width: 32px;\n height: 32px;\n}\n\n.placeholder-module-PlaceholderImage--large-z28GC-4-7-0 {\n width: 48px;\n height: 48px;\n}\n\n.placeholder-module-PlaceholderImage--round-IvhOF-4-7-0 {\n border-radius: var(--border-radius-full);\n}\n";
|
|
4364
|
+
var styles$Z = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-7-0","shimmer":"placeholder-module-shimmer-Lxrg3-4-7-0","Placeholder":"placeholder-module-Placeholder-vJUgz-4-7-0","Placeholder--withImage":"placeholder-module-Placeholder--withImage-yTlyC-4-7-0","Placeholder-paragraph":"placeholder-module-Placeholder-paragraph-6zgwj-4-7-0","Placeholder-paragraph--withImage":"placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-7-0","PlaceholderParagraph":"placeholder-module-PlaceholderParagraph-02mKH-4-7-0","PlaceholderParagraph-wrapper":"placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-7-0","PlaceholderParagraph-wrapper--length-small":"placeholder-module-PlaceholderParagraph-wrapper--length-small-hR-g8-4-7-0","PlaceholderParagraph-wrapper--length-medium":"placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-7-0","PlaceholderParagraph-wrapper--length-large":"placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-7-0","PlaceholderParagraph-wrapper--size-xxs":"placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-7-0","PlaceholderParagraph-wrapper--size-xs":"placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-7-0","PlaceholderParagraph-wrapper--size-s":"placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-7-0","PlaceholderParagraph-wrapper--size-m":"placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-7-0","PlaceholderParagraph-wrapper--size-l":"placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-7-0","PlaceholderParagraph-wrapper--size-xl":"placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-7-0","PlaceholderParagraph-wrapper--size-xxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-7-0","PlaceholderParagraph-wrapper--size-xxxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-7-0","PlaceholderParagraph--xxs":"placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-7-0","PlaceholderParagraph--xs":"placeholder-module-PlaceholderParagraph--xs-CZxRT-4-7-0","PlaceholderParagraph--s":"placeholder-module-PlaceholderParagraph--s-1TOed-4-7-0","PlaceholderParagraph--m":"placeholder-module-PlaceholderParagraph--m-umPOe-4-7-0","PlaceholderParagraph--l":"placeholder-module-PlaceholderParagraph--l-5tvMH-4-7-0","PlaceholderParagraph--xl":"placeholder-module-PlaceholderParagraph--xl-M63Dg-4-7-0","PlaceholderParagraph--xxl":"placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-7-0","PlaceholderParagraph--xxxl":"placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-7-0","PlaceholderImage":"placeholder-module-PlaceholderImage-tEdXI-4-7-0","PlaceholderImage--small":"placeholder-module-PlaceholderImage--small-IZcYq-4-7-0","PlaceholderImage--medium":"placeholder-module-PlaceholderImage--medium-NA-GL-4-7-0","PlaceholderImage--large":"placeholder-module-PlaceholderImage--large-z28GC-4-7-0","PlaceholderImage--round":"placeholder-module-PlaceholderImage--round-IvhOF-4-7-0"};
|
|
4365
4365
|
styleInject$1(css_248z$10);
|
|
4366
4366
|
|
|
4367
4367
|
var PlaceholderParagraph = function PlaceholderParagraph(props) {
|
|
@@ -5585,8 +5585,8 @@
|
|
|
5585
5585
|
return Dropdown;
|
|
5586
5586
|
}(React__namespace.Component);
|
|
5587
5587
|
|
|
5588
|
-
var css_248z$$ = "/* Heading */\n.heading-module-Heading-tmepg-4-
|
|
5589
|
-
var styles$Y = {"Heading":"heading-module-Heading-tmepg-4-
|
|
5588
|
+
var css_248z$$ = "/* Heading */\n.heading-module-Heading-tmepg-4-7-0 {\n margin: 0;\n}\n\n.heading-module-Heading--s-r3kT8-4-7-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-7-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-7-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-7-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-7-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-7-0 {\n color: var(--text);\n}\n\n.heading-module-Heading--subtle-K3WJd-4-7-0 {\n color: var(--text-subtle);\n}\n\n.heading-module-Heading--disabled-dQRjW-4-7-0 {\n color: var(--text-disabled);\n}\n\n.heading-module-Heading--white-LK0i2-4-7-0 {\n color: var(--text-white);\n}\n";
|
|
5589
|
+
var styles$Y = {"Heading":"heading-module-Heading-tmepg-4-7-0","Heading--s":"heading-module-Heading--s-r3kT8-4-7-0","Heading--m":"heading-module-Heading--m-KypUv-4-7-0","Heading--l":"heading-module-Heading--l-6irdW-4-7-0","Heading--xl":"heading-module-Heading--xl-XGjXU-4-7-0","Heading--xxl":"heading-module-Heading--xxl-eD434-4-7-0","Heading--default":"heading-module-Heading--default-3YJIX-4-7-0","Heading--subtle":"heading-module-Heading--subtle-K3WJd-4-7-0","Heading--disabled":"heading-module-Heading--disabled-dQRjW-4-7-0","Heading--white":"heading-module-Heading--white-LK0i2-4-7-0"};
|
|
5590
5590
|
styleInject$1(css_248z$$);
|
|
5591
5591
|
|
|
5592
5592
|
var sizeMap = {
|
|
@@ -5598,8 +5598,10 @@
|
|
|
5598
5598
|
};
|
|
5599
5599
|
var Heading = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
5600
5600
|
var _a;
|
|
5601
|
-
var
|
|
5602
|
-
|
|
5601
|
+
var _b = props.appearance,
|
|
5602
|
+
appearance = _b === void 0 ? 'default' : _b,
|
|
5603
|
+
_c = props.size,
|
|
5604
|
+
size = _c === void 0 ? 'm' : _c,
|
|
5603
5605
|
children = props.children,
|
|
5604
5606
|
className = props.className,
|
|
5605
5607
|
color = props.color,
|
|
@@ -5614,13 +5616,9 @@
|
|
|
5614
5616
|
}), children);
|
|
5615
5617
|
});
|
|
5616
5618
|
Heading.displayName = 'Heading';
|
|
5617
|
-
Heading.defaultProps = {
|
|
5618
|
-
appearance: 'default',
|
|
5619
|
-
size: 'm'
|
|
5620
|
-
};
|
|
5621
5619
|
|
|
5622
|
-
var css_248z$_ = ".actionButton-module-ActionButton-GMsQC-4-
|
|
5623
|
-
var styles$X = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-
|
|
5620
|
+
var css_248z$_ = ".actionButton-module-ActionButton-GMsQC-4-7-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-7-0:focus-visible,\n.actionButton-module-ActionButton-GMsQC-4-7-0:focus {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-7-0:hover {\n background-color: var(--secondary);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-7-0:active {\n background-color: var(--secondary-dark);\n}\n";
|
|
5621
|
+
var styles$X = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-7-0"};
|
|
5624
5622
|
styleInject$1(css_248z$_);
|
|
5625
5623
|
|
|
5626
5624
|
var ActionButton$1 = function ActionButton(props) {
|
|
@@ -5641,12 +5639,12 @@
|
|
|
5641
5639
|
type: 'rounded'
|
|
5642
5640
|
};
|
|
5643
5641
|
|
|
5644
|
-
var css_248z$Z = "/* input */\n\n.input-module-Input-input-eQ8b8-4-
|
|
5645
|
-
var styles$W = {"Input-input":"input-module-Input-input-eQ8b8-4-
|
|
5642
|
+
var css_248z$Z = "/* input */\n\n.input-module-Input-input-eQ8b8-4-7-0::-ms-clear {\n display: none;\n}\n\n.input-module-Input-4ywvi-4-7-0 {\n display: flex;\n flex-grow: 1;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--border-radius-10);\n border: var(--border);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n background: var(--white);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.input-module-Input--tiny-NegXy-4-7-0 {\n height: var(--font-height-m);\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.input-module-Input--regular-YN-1C-4-7-0 {\n height: var(--font-height-l);\n padding-top: var(--spacing-15);\n padding-bottom: var(--spacing-15);\n}\n\n.input-module-Input--large-FqoAi-4-7-0 {\n height: 40px;\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.input-module-Input-4ywvi-4-7-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n cursor: text;\n}\n\n.input-module-Input-4ywvi-4-7-0:focus-within {\n background: var(--white);\n border-color: var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.input-module-Input-4ywvi-4-7-0:focus-within .input-module-Input-icon--left-F1r05-4-7-0 {\n color: var(--primary);\n}\n\n.input-module-Input--error-EGIUq-4-7-0:focus-within {\n border-color: var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.input-module-Input--error-EGIUq-4-7-0:focus-within .input-module-Input-icon--left-F1r05-4-7-0 {\n color: var(--alert);\n}\n\n.input-module-Input--disabled-IRtQk-4-7-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-7-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.input-module-Input--disabled-IRtQk-4-7-0 .input-module-Input-icon--left-F1r05-4-7-0 {\n color: var(--inverse-lightest);\n}\n\n.input-module-Input--error-EGIUq-4-7-0,\n.input-module-Input--error-EGIUq-4-7-0:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.input-module-Input-input-eQ8b8-4-7-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-7-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-7-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-7-0:focus {\n outline: 0;\n}\n\n.input-module-Input-input-eQ8b8-4-7-0:disabled .input-module-Input-input-eQ8b8-4-7-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-7-0:disabled .input-module-Input-input-eQ8b8-4-7-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input--regular-2cMTS-4-7-0 {\n line-height: var(--font-height);\n}\n\n.input-module-Input-input--large-Ps2E1-4-7-0 {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.input-module-Input-icon-V1pYc-4-7-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-7-0 {\n margin-right: var(--spacing-20);\n color: var(--inverse);\n}\n\n.input-module-Input-icon--inputBlank-GkWyn-4-7-0 {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-icon--error-o9EcI-4-7-0 {\n color: var(--alert);\n}\n\n.input-module-Input-icon--right-A9G9E-4-7-0 {\n cursor: pointer;\n color: var(--inverse-lighter);\n border-radius: var(--border-radius-full);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-7-0:focus-visible .input-module-Input-icon--right-A9G9E-4-7-0 {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.input-module-Input-icon--right-A9G9E-4-7-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n border-radius: var(--border-radius-full);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-7-0:hover .input-module-Input-icon--right-A9G9E-4-7-0 {\n background-color: var(--secondary);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-7-0:active .input-module-Input-icon--right-A9G9E-4-7-0 {\n background-color: var(--secondary-dark);\n}\n\n.input-module-Input-inlineLabel-Sgbvs-4-7-0 {\n margin-right: var(--spacing-20);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-7-0:focus-visible {\n outline: none;\n}\n";
|
|
5643
|
+
var styles$W = {"Input-input":"input-module-Input-input-eQ8b8-4-7-0","Input":"input-module-Input-4ywvi-4-7-0","Input--tiny":"input-module-Input--tiny-NegXy-4-7-0","Input--regular":"input-module-Input--regular-YN-1C-4-7-0","Input--large":"input-module-Input--large-FqoAi-4-7-0","Input-icon--left":"input-module-Input-icon--left-F1r05-4-7-0","Input--error":"input-module-Input--error-EGIUq-4-7-0","Input--disabled":"input-module-Input--disabled-IRtQk-4-7-0","Input--readOnly":"input-module-Input--readOnly-4IaEw-4-7-0","Input-input--regular":"input-module-Input-input--regular-2cMTS-4-7-0","Input-input--large":"input-module-Input-input--large-Ps2E1-4-7-0","Input-icon":"input-module-Input-icon-V1pYc-4-7-0","Input-icon--inputBlank":"input-module-Input-icon--inputBlank-GkWyn-4-7-0","Input-icon--error":"input-module-Input-icon--error-o9EcI-4-7-0","Input-icon--right":"input-module-Input-icon--right-A9G9E-4-7-0","Input-iconWrapper--right":"input-module-Input-iconWrapper--right-HdKL--4-7-0","Input-inlineLabel":"input-module-Input-inlineLabel-Sgbvs-4-7-0"};
|
|
5646
5644
|
styleInject$1(css_248z$Z);
|
|
5647
5645
|
|
|
5648
|
-
var css_248z$Y = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
5649
|
-
var styles$V = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
5646
|
+
var css_248z$Y = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-7-0 {\n display: inline-flex;\n width: 40px;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-7-0 .verificationCodeInput-module-Input-input-IIOUQ-4-7-0 {\n text-align: center;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-7-0 .verificationCodeInput-module-Input-input-IIOUQ-4-7-0::-webkit-inner-spin-button,\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-7-0 .verificationCodeInput-module-Input-input-IIOUQ-4-7-0::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n";
|
|
5647
|
+
var styles$V = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-7-0","Input-input":"verificationCodeInput-module-Input-input-IIOUQ-4-7-0"};
|
|
5650
5648
|
styleInject$1(css_248z$Y);
|
|
5651
5649
|
|
|
5652
5650
|
var sizeMapping$2 = {
|
|
@@ -5789,12 +5787,12 @@
|
|
|
5789
5787
|
ActionButton: ActionButton$1
|
|
5790
5788
|
});
|
|
5791
5789
|
|
|
5792
|
-
var css_248z$X = ".metricInput-module-MetricInput-input-F33lA-4-
|
|
5793
|
-
var styles$U = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-
|
|
5790
|
+
var css_248z$X = ".metricInput-module-MetricInput-input-F33lA-4-7-0::-ms-clear {\n display: none;\n}\n\n.metricInput-module-MetricInput--0hzO-4-7-0 {\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--border-radius-10);\n border: var(--border);\n padding-right: var(--spacing-10);\n background: var(--white);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.metricInput-module-MetricInput--regular-qwE-W-4-7-0 {\n height: var(--spacing-80);\n padding-left: var(--spacing-30);\n}\n\n.metricInput-module-MetricInput--large-PHYvQ-4-7-0 {\n height: 40px;\n padding-left: var(--spacing-40);\n}\n\n.metricInput-module-MetricInput--0hzO-4-7-0:hover {\n background: var(--secondary-lightest);\n cursor: text;\n}\n\n.metricInput-module-MetricInput--0hzO-4-7-0:focus-within {\n background: var(--white);\n border-color: var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.metricInput-module-MetricInput--0hzO-4-7-0:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-7-0 {\n color: var(--primary);\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-7-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary-light);\n pointer-events: none;\n}\n\n.metricInput-module-MetricInput--readOnly-fVSGN-4-7-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-7-0 .metricInput-module-MetricInput-icon-xUfPZ-4-7-0 {\n color: var(--inverse-lightest);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-7-0,\n.metricInput-module-MetricInput--error-FAM-w-4-7-0:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-7-0:focus-within {\n border-color: var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-7-0:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-7-0 {\n color: var(--alert);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-7-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-7-0 {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-7-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-7-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-7-0:focus {\n outline: 0;\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-7-0:disabled .metricInput-module-MetricInput-input-F33lA-4-7-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-7-0:disabled .metricInput-module-MetricInput-input-F33lA-4-7-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-icon--regular-QqKyP-4-7-0 {\n margin-right: var(--spacing-20);\n line-height: var(--font-height-s);\n}\n\n.metricInput-module-MetricInput-icon--large-oSw1r-4-7-0 {\n margin-right: var(--spacing-30);\n line-height: var(--font-height-m);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-7-0::-webkit-inner-spin-button,\n.metricInput-module-MetricInput-input-F33lA-4-7-0::-webkit-outer-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin: 0;\n}\n\n.metricInput-module-MetricInput-arrowIcon--large-yJSOA-4-7-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n border-radius: var(--border-radius-05);\n}\n\n.metricInput-module-MetricInput-arrowIcon--regular-qEPIp-4-7-0 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n border-radius: var(--border-radius-05);\n}\n";
|
|
5791
|
+
var styles$U = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-7-0","MetricInput":"metricInput-module-MetricInput--0hzO-4-7-0","MetricInput--regular":"metricInput-module-MetricInput--regular-qwE-W-4-7-0","MetricInput--large":"metricInput-module-MetricInput--large-PHYvQ-4-7-0","MetricInput-icon":"metricInput-module-MetricInput-icon-xUfPZ-4-7-0","MetricInput--disabled":"metricInput-module-MetricInput--disabled-41NDQ-4-7-0","MetricInput--readOnly":"metricInput-module-MetricInput--readOnly-fVSGN-4-7-0","MetricInput--error":"metricInput-module-MetricInput--error-FAM-w-4-7-0","MetricInput-input--large":"metricInput-module-MetricInput-input--large-Xn7eL-4-7-0","MetricInput-icon--regular":"metricInput-module-MetricInput-icon--regular-QqKyP-4-7-0","MetricInput-icon--large":"metricInput-module-MetricInput-icon--large-oSw1r-4-7-0","MetricInput-arrowIcon--large":"metricInput-module-MetricInput-arrowIcon--large-yJSOA-4-7-0","MetricInput-arrowIcon--regular":"metricInput-module-MetricInput-arrowIcon--regular-qEPIp-4-7-0"};
|
|
5794
5792
|
styleInject$1(css_248z$X);
|
|
5795
5793
|
|
|
5796
|
-
var css_248z$W = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-
|
|
5797
|
-
var styles$T = {"Pagination":"pagination-module-Pagination-DCmdy-4-
|
|
5794
|
+
var css_248z$W = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-7-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-7-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.pagination-module-Pagination-buttonWrapper--hS-F-4-7-0 {\n display: flex;\n flex-direction: row;\n}\n\n.pagination-module-Pagination-pageIndex-bDTfx-4-7-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-7-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-7-0 .pagination-module-MetricInput-input-7icmp-4-7-0 {\n text-align: center;\n}\n.pagination-module-Pagination-MetricInput-SPkmy-4-7-0 .pagination-module-MetricInput-arrowIcons-6jLZm-4-7-0 {\n display: none;\n}\n\n@media (max-width: 575px) {\n .pagination-module-Pagination-pageIndex-bDTfx-4-7-0 {\n order: -1;\n flex-basis: 100%;\n }\n .pagination-module-Pagination-buttonWrapper--hS-F-4-7-0 {\n margin-top: var(--spacing-20);\n width: 50%;\n }\n .pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-7-0 {\n justify-content: flex-start;\n }\n .pagination-module-Pagination-buttonWrapper--previous--r33Z-4-7-0 {\n justify-content: flex-end;\n }\n}\n";
|
|
5795
|
+
var styles$T = {"Pagination":"pagination-module-Pagination-DCmdy-4-7-0","Pagination-button":"pagination-module-Pagination-button-bEn7d-4-7-0","Pagination-buttonWrapper":"pagination-module-Pagination-buttonWrapper--hS-F-4-7-0","Pagination-pageIndex":"pagination-module-Pagination-pageIndex-bDTfx-4-7-0","Pagination-MetricInput":"pagination-module-Pagination-MetricInput-SPkmy-4-7-0","MetricInput-input":"pagination-module-MetricInput-input-7icmp-4-7-0","MetricInput-arrowIcons":"pagination-module-MetricInput-arrowIcons-6jLZm-4-7-0","Pagination-buttonWrapper--next":"pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-7-0","Pagination-buttonWrapper--previous":"pagination-module-Pagination-buttonWrapper--previous--r33Z-4-7-0"};
|
|
5798
5796
|
styleInject$1(css_248z$W);
|
|
5799
5797
|
|
|
5800
5798
|
var sizeMapping$1 = {
|
|
@@ -6278,8 +6276,8 @@
|
|
|
6278
6276
|
};
|
|
6279
6277
|
var X = InputMask;
|
|
6280
6278
|
|
|
6281
|
-
var css_248z$V = "/* Label */\n.label-module-Label--OmlF-4-
|
|
6282
|
-
var styles$S = {"Label":"label-module-Label--OmlF-4-
|
|
6279
|
+
var css_248z$V = "/* Label */\n.label-module-Label--OmlF-4-7-0 {\n display: inline-flex;\n}\n\n.label-module-Label--withInput-RWqFC-4-7-0 {\n margin-bottom: var(--spacing-10);\n}\n\n.label-module-Label--optional-25o6w-4-7-0 {\n align-items: center;\n}\n\n.label-module-Label-text-SI451-4-7-0 {\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n word-break: break-all;\n}\n\n.label-module-Label-optionalText-BxJ0x-4-7-0 {\n line-height: var(--font-height-s);\n margin-left: var(--spacing-10);\n}\n\n.label-module-Label--disabled-06XI--4-7-0 {\n color: var(--text-disabled);\n}\n\n.label-module-Label-requiredIndicator-4Cxyi-4-7-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";
|
|
6280
|
+
var styles$S = {"Label":"label-module-Label--OmlF-4-7-0","Label--withInput":"label-module-Label--withInput-RWqFC-4-7-0","Label--optional":"label-module-Label--optional-25o6w-4-7-0","Label-text":"label-module-Label-text-SI451-4-7-0","Label-optionalText":"label-module-Label-optionalText-BxJ0x-4-7-0","Label--disabled":"label-module-Label--disabled-06XI--4-7-0","Label-requiredIndicator":"label-module-Label-requiredIndicator-4Cxyi-4-7-0"};
|
|
6283
6281
|
styleInject$1(css_248z$V);
|
|
6284
6282
|
|
|
6285
6283
|
var Label = function Label(props) {
|
|
@@ -6337,8 +6335,8 @@
|
|
|
6337
6335
|
};
|
|
6338
6336
|
Label.displayName = 'Label';
|
|
6339
6337
|
|
|
6340
|
-
var css_248z$U = "/* Caption */\n.caption-module-Caption-x0-4O-4-
|
|
6341
|
-
var styles$R = {"Caption":"caption-module-Caption-x0-4O-4-
|
|
6338
|
+
var css_248z$U = "/* Caption */\n.caption-module-Caption-x0-4O-4-7-0 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.caption-module-Caption--withInput-USihh-4-7-0 {\n margin-top: var(--spacing-10);\n}\n\n.caption-module-Caption-icon-BVGQm-4-7-0 {\n display: flex;\n align-content: center;\n margin-right: var(--spacing-10);\n}\n\n.caption-module-Caption--hidden-C-EcV-4-7-0 {\n display: none;\n}\n";
|
|
6339
|
+
var styles$R = {"Caption":"caption-module-Caption-x0-4O-4-7-0","Caption--withInput":"caption-module-Caption--withInput-USihh-4-7-0","Caption-icon":"caption-module-Caption-icon-BVGQm-4-7-0","Caption--hidden":"caption-module-Caption--hidden-C-EcV-4-7-0"};
|
|
6342
6340
|
styleInject$1(css_248z$U);
|
|
6343
6341
|
|
|
6344
6342
|
var Caption = function Caption(props) {
|
|
@@ -6368,8 +6366,8 @@
|
|
|
6368
6366
|
};
|
|
6369
6367
|
Caption.displayName = 'Caption';
|
|
6370
6368
|
|
|
6371
|
-
var css_248z$T = ".legend-module-Legend--0IVR-4-
|
|
6372
|
-
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-
|
|
6369
|
+
var css_248z$T = ".legend-module-Legend--0IVR-4-7-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-7-0 {\n border-radius: var(--border-radius-05);\n margin-right: var(--spacing-20);\n}\n";
|
|
6370
|
+
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-7-0","Legend-icon":"legend-module-Legend-icon-AAtts-4-7-0"};
|
|
6373
6371
|
styleInject$1(css_248z$T);
|
|
6374
6372
|
|
|
6375
6373
|
var Legend = function Legend(props) {
|
|
@@ -6442,8 +6440,8 @@
|
|
|
6442
6440
|
};
|
|
6443
6441
|
Editable.displayName = 'Editable';
|
|
6444
6442
|
|
|
6445
|
-
var css_248z$S = ".editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
6446
|
-
var styles$Q = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
6443
|
+
var css_248z$S = ".editableDropdown-module-EditableDropdown-8s4sE-4-7-0 {\n width: 100%;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-7-0 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n height: var(--spacing-80);\n padding-left: var(--spacing-30);\n}\n";
|
|
6444
|
+
var styles$Q = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-7-0","EditableDropdown-default":"editableDropdown-module-EditableDropdown-default-YIYT0-4-7-0"};
|
|
6447
6445
|
styleInject$1(css_248z$S);
|
|
6448
6446
|
|
|
6449
6447
|
var EditableDropdown = function EditableDropdown(props) {
|
|
@@ -6522,8 +6520,8 @@
|
|
|
6522
6520
|
dropdownOptions: {}
|
|
6523
6521
|
};
|
|
6524
6522
|
|
|
6525
|
-
var css_248z$R = ".link-module-Link-MwjNx-4-
|
|
6526
|
-
var styles$P = {"Link":"link-module-Link-MwjNx-4-
|
|
6523
|
+
var css_248z$R = ".link-module-Link-MwjNx-4-7-0 {\n text-decoration: none;\n font-weight: var(--font-weight-medium);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n box-sizing: border-box;\n}\n\n.link-module-Link-MwjNx-4-7-0:focus-visible {\n outline: none;\n}\n\n.link-module-Link--regular-hKQMh-4-7-0 {\n font-size: var(--font-size);\n height: var(--font-height);\n}\n\n.link-module-Link--tiny-5Wp1N-4-7-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-7-0 {\n color: var(--text-link);\n}\n\n.link-module-Link--subtle-RjZLu-4-7-0 {\n color: var(--inverse-lighter);\n}\n\n.link-module-Link--default-dCI0C-4-7-0:hover {\n border-bottom: var(--border-width-2-5) solid var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.link-module-Link--subtle-RjZLu-4-7-0:hover {\n border-bottom: var(--border-width-2-5) solid var(--inverse-light);\n color: var(--inverse-light);\n}\n\n.link-module-Link--default-dCI0C-4-7-0:active {\n color: var(--primary-darker);\n border: none;\n}\n\n.link-module-Link--subtle-RjZLu-4-7-0:active {\n color: var(--inverse);\n border: none;\n}\n\n.link-module-Link--default-dCI0C-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n border-radius: var(--border-radius-10);\n}\n\n.link-module-Link--subtle-RjZLu-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n border-radius: var(--border-radius-10);\n}\n\n.link-module-Link--default-disabled-4AGTL-4-7-0 {\n color: var(--primary-lighter);\n pointer-events: none;\n}\n\n.link-module-Link--subtle-disabled-jeH3g-4-7-0 {\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n";
|
|
6524
|
+
var styles$P = {"Link":"link-module-Link-MwjNx-4-7-0","Link--regular":"link-module-Link--regular-hKQMh-4-7-0","Link--tiny":"link-module-Link--tiny-5Wp1N-4-7-0","Link--default":"link-module-Link--default-dCI0C-4-7-0","Link--subtle":"link-module-Link--subtle-RjZLu-4-7-0","Link--default-disabled":"link-module-Link--default-disabled-4AGTL-4-7-0","Link--subtle-disabled":"link-module-Link--subtle-disabled-jeH3g-4-7-0"};
|
|
6527
6525
|
styleInject$1(css_248z$R);
|
|
6528
6526
|
|
|
6529
6527
|
var Link = function Link(props) {
|
|
@@ -6549,8 +6547,8 @@
|
|
|
6549
6547
|
disabled: false
|
|
6550
6548
|
};
|
|
6551
6549
|
|
|
6552
|
-
var css_248z$Q = ".message-module-Message-5m7p--4-
|
|
6553
|
-
var styles$O = {"Message":"message-module-Message-5m7p--4-
|
|
6550
|
+
var css_248z$Q = ".message-module-Message-5m7p--4-7-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--alert-VltpF-4-7-0 {\n border-color: var(--alert);\n background-color: rgba(217, 55, 55, 0.04);\n}\n\n.message-module-Message--success-8AZFe-4-7-0 {\n border-color: var(--success);\n background-color: rgba(46, 168, 67, 0.04);\n}\n\n.message-module-Message--info-N9C6k-4-7-0 {\n border-color: var(--primary);\n background-color: rgba(0, 112, 221, 0.04);\n}\n\n.message-module-Message--warning-sPwHB-4-7-0 {\n border-color: var(--accent1);\n background-color: rgba(240, 125, 0, 0.04);\n}\n\n.message-module-Message-icon-3vT3l-4-7-0 {\n margin-right: var(--spacing-40);\n padding-top: var(--spacing-05);\n}\n\n.message-module-Message-icon--withTitle-l6DPU-4-7-0 {\n padding-top: var(--spacing-10);\n}\n\n.message-module-Message-icon--warning-IglaC-4-7-0 {\n color: var(--accent1);\n}\n\n.message-module-Message-heading-vZR5c-4-7-0 {\n margin-bottom: var(--spacing-10);\n}\n\n.message-module-Message-heading--alert--cn2r-4-7-0,\n.message-module-Message-text--alert-a8T-5-4-7-0 {\n color: var(--alert-darker) !important;\n}\n\n.message-module-Message-heading--info--Uzim-4-7-0,\n.message-module-Message-text--info-94pB0-4-7-0 {\n color: var(--primary-darker) !important;\n}\n\n.message-module-Message-heading--success-qk8Ep-4-7-0,\n.message-module-Message-text--success-hlaXA-4-7-0 {\n color: var(--success-darker) !important;\n}\n\n.message-module-Message-heading--warning-OWfuJ-4-7-0,\n.message-module-Message-text--warning-tPSB8-4-7-0 {\n color: var(--accent1-darker) !important;\n}\n\n.message-module-Message-actions-5bFUf-4-7-0 {\n display: flex;\n align-items: center;\n margin-top: var(--spacing-30);\n}\n";
|
|
6551
|
+
var styles$O = {"Message":"message-module-Message-5m7p--4-7-0","Message--alert":"message-module-Message--alert-VltpF-4-7-0","Message--success":"message-module-Message--success-8AZFe-4-7-0","Message--info":"message-module-Message--info-N9C6k-4-7-0","Message--warning":"message-module-Message--warning-sPwHB-4-7-0","Message-icon":"message-module-Message-icon-3vT3l-4-7-0","Message-icon--withTitle":"message-module-Message-icon--withTitle-l6DPU-4-7-0","Message-icon--warning":"message-module-Message-icon--warning-IglaC-4-7-0","Message-heading":"message-module-Message-heading-vZR5c-4-7-0","Message-heading--alert":"message-module-Message-heading--alert--cn2r-4-7-0","Message-text--alert":"message-module-Message-text--alert-a8T-5-4-7-0","Message-heading--info":"message-module-Message-heading--info--Uzim-4-7-0","Message-text--info":"message-module-Message-text--info-94pB0-4-7-0","Message-heading--success":"message-module-Message-heading--success-qk8Ep-4-7-0","Message-text--success":"message-module-Message-text--success-hlaXA-4-7-0","Message-heading--warning":"message-module-Message-heading--warning-OWfuJ-4-7-0","Message-text--warning":"message-module-Message-text--warning-tPSB8-4-7-0","Message-actions":"message-module-Message-actions-5bFUf-4-7-0"};
|
|
6554
6552
|
styleInject$1(css_248z$Q);
|
|
6555
6553
|
|
|
6556
6554
|
var IconMapping$2 = {
|
|
@@ -6610,8 +6608,8 @@
|
|
|
6610
6608
|
description: ''
|
|
6611
6609
|
};
|
|
6612
6610
|
|
|
6613
|
-
var css_248z$P = ".metaList-module-Meta-dNPqh-4-
|
|
6614
|
-
var styles$N = {"Meta":"metaList-module-Meta-dNPqh-4-
|
|
6611
|
+
var css_248z$P = ".metaList-module-Meta-dNPqh-4-7-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-7-0 {\n margin-left: var(--spacing-20);\n}\n.metaList-module-MetaList-seperator--left-eKtN8-4-7-0 {\n margin-right: var(--spacing-10);\n}\n.metaList-module-Meta-icon-JwRHR-4-7-0 {\n padding-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n.metaList-module-MetaList-rB1dP-4-7-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-7-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-7-0:first-child {\n margin-left: 0;\n}\n\n.metaList-module-MetaList-item-S2e6p-4-7-0:last-child {\n margin-right: 0;\n}\n";
|
|
6612
|
+
var styles$N = {"Meta":"metaList-module-Meta-dNPqh-4-7-0","MetaList-seperator":"metaList-module-MetaList-seperator-mjgNU-4-7-0","MetaList-seperator--left":"metaList-module-MetaList-seperator--left-eKtN8-4-7-0","Meta-icon":"metaList-module-Meta-icon-JwRHR-4-7-0","MetaList":"metaList-module-MetaList-rB1dP-4-7-0","MetaList-item":"metaList-module-MetaList-item-S2e6p-4-7-0"};
|
|
6615
6613
|
styleInject$1(css_248z$P);
|
|
6616
6614
|
|
|
6617
6615
|
var Meta = function Meta(props) {
|
|
@@ -6744,12 +6742,12 @@
|
|
|
6744
6742
|
return element != null && element.type != null;
|
|
6745
6743
|
}
|
|
6746
6744
|
|
|
6747
|
-
var css_248z$O = ".slider-module-Slider-6TikH-4-
|
|
6748
|
-
var styles$M = {"Slider":"slider-module-Slider-6TikH-4-
|
|
6745
|
+
var css_248z$O = ".slider-module-Slider-6TikH-4-7-0 {\n width: 100%;\n}\n\n.slider-module-Slider-wrapper-WM2J6-4-7-0 {\n position: relative;\n outline: none;\n cursor: pointer;\n}\n\n.slider-module-Slider-wrapper--disabled-NHJzG-4-7-0 {\n cursor: not-allowed;\n}\n\n.slider-module-Slider-track-d76a8-4-7-0 {\n border-radius: var(--border-radius-10);\n height: var(--spacing-40);\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n\n.slider-module-Slider-progress-371yB-4-7-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-7-0 {\n background: var(--primary);\n}\n\n.slider-module-Slider-progress--inRangeDisabled-zUebN-4-7-0 {\n border: var(--border);\n}\n\n.slider-module-Slider-label-hbyPe-4-7-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-7-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-7-0 {\n visibility: visible;\n}\n\n.slider-module-Slider-tooltip--hidden--RxsH-4-7-0 {\n visibility: hidden;\n}\n\n.slider-module-Slider-tooltip-GGohr-4-7-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-7-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-7-0:hover {\n background-color: var(--primary-lightest);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-7-0:active {\n background-color: var(--primary);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.slider-module-Slider-handle--disabled-SdL-F-4-7-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-7-0:focus {\n box-shadow: none;\n}\n";
|
|
6746
|
+
var styles$M = {"Slider":"slider-module-Slider-6TikH-4-7-0","Slider-wrapper":"slider-module-Slider-wrapper-WM2J6-4-7-0","Slider-wrapper--disabled":"slider-module-Slider-wrapper--disabled-NHJzG-4-7-0","Slider-track":"slider-module-Slider-track-d76a8-4-7-0","Slider-progress":"slider-module-Slider-progress-371yB-4-7-0","Slider-progress--inRange":"slider-module-Slider-progress--inRange-GkXBe-4-7-0","Slider-progress--inRangeDisabled":"slider-module-Slider-progress--inRangeDisabled-zUebN-4-7-0","Slider-label":"slider-module-Slider-label-hbyPe-4-7-0","Slider-ticks":"slider-module-Slider-ticks-J8lu0-4-7-0","Slider-tooltip--visible":"slider-module-Slider-tooltip--visible-O3adL-4-7-0","Slider-tooltip--hidden":"slider-module-Slider-tooltip--hidden--RxsH-4-7-0","Slider-tooltip":"slider-module-Slider-tooltip-GGohr-4-7-0","Slider-handle":"slider-module-Slider-handle-WSP0Z-4-7-0","Slider-handle--disabled":"slider-module-Slider-handle--disabled-SdL-F-4-7-0"};
|
|
6749
6747
|
styleInject$1(css_248z$O);
|
|
6750
6748
|
|
|
6751
|
-
var css_248z$N = ".tooltip-module-Tooltip-BzFZs-4-
|
|
6752
|
-
var styles$L = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-
|
|
6749
|
+
var css_248z$N = ".tooltip-module-Tooltip-BzFZs-4-7-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-text-tDwJG-4-7-0 {\n word-break: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n\n@keyframes tooltip-module-tooltip-open-top-VGviE-4-7-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-7-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-7-0 {\n animation: tooltip-module-tooltip-open-top-VGviE-4-7-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-7-0 {\n animation: tooltip-module-tooltip-close-top-xSYx8-4-7-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n@keyframes tooltip-module-tooltip-open-bottom-aJGl9-4-7-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-7-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-7-0 {\n animation: tooltip-module-tooltip-open-bottom-aJGl9-4-7-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-7-0 {\n animation: tooltip-module-tooltip-close-bottom-eYZve-4-7-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-left-s3-1K-4-7-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-7-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-7-0 {\n animation: tooltip-module-tooltip-open-left-s3-1K-4-7-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-left-vH8jz-4-7-0 {\n animation: tooltip-module-tooltip-close-left-yNuIX-4-7-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-right-Ia-cr-4-7-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-7-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-7-0 {\n animation: tooltip-module-tooltip-open-right-Ia-cr-4-7-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-right-KMa4x-4-7-0 {\n animation: tooltip-module-tooltip-close-right-yOe2m-4-7-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.tooltip-module-Tooltip-container-iDy8C-4-7-0 {\n transition-delay: 400ms;\n animation-delay: 400ms;\n}\n";
|
|
6750
|
+
var styles$L = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-7-0","Tooltip-text":"tooltip-module-Tooltip-text-tDwJG-4-7-0","Tooltip-animation-open-top":"tooltip-module-Tooltip-animation-open-top-D0Bht-4-7-0","tooltip-open-top":"tooltip-module-tooltip-open-top-VGviE-4-7-0","Tooltip-animation-close-top":"tooltip-module-Tooltip-animation-close-top-p--Cg-4-7-0","tooltip-close-top":"tooltip-module-tooltip-close-top-xSYx8-4-7-0","Tooltip-animation-open-bottom":"tooltip-module-Tooltip-animation-open-bottom-WKD5b-4-7-0","tooltip-open-bottom":"tooltip-module-tooltip-open-bottom-aJGl9-4-7-0","Tooltip-animation-close-bottom":"tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-7-0","tooltip-close-bottom":"tooltip-module-tooltip-close-bottom-eYZve-4-7-0","Tooltip-animation-open-left":"tooltip-module-Tooltip-animation-open-left-cZNy6-4-7-0","tooltip-open-left":"tooltip-module-tooltip-open-left-s3-1K-4-7-0","Tooltip-animation-close-left":"tooltip-module-Tooltip-animation-close-left-vH8jz-4-7-0","tooltip-close-left":"tooltip-module-tooltip-close-left-yNuIX-4-7-0","Tooltip-animation-open-right":"tooltip-module-Tooltip-animation-open-right-PzfHz-4-7-0","tooltip-open-right":"tooltip-module-tooltip-open-right-Ia-cr-4-7-0","Tooltip-animation-close-right":"tooltip-module-Tooltip-animation-close-right-KMa4x-4-7-0","tooltip-close-right":"tooltip-module-tooltip-close-right-yOe2m-4-7-0","Tooltip-container":"tooltip-module-Tooltip-container-iDy8C-4-7-0"};
|
|
6753
6751
|
styleInject$1(css_248z$N);
|
|
6754
6752
|
|
|
6755
6753
|
var Handle = function (_super) {
|
|
@@ -7317,8 +7315,8 @@
|
|
|
7317
7315
|
appearance: 'default'
|
|
7318
7316
|
};
|
|
7319
7317
|
|
|
7320
|
-
var css_248z$M = ".progressBar-module-ProgressBar-I9SrG-4-
|
|
7321
|
-
var styles$K = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-
|
|
7318
|
+
var css_248z$M = ".progressBar-module-ProgressBar-I9SrG-4-7-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-7-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-7-0 {\n height: var(--spacing-10);\n}\n\n.progressBar-module-ProgressBar-indicator--regular-XWwir-4-7-0 {\n height: var(--spacing-20);\n}\n\n.progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-7-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-7-0 1.4s infinite linear;\n}\n\n@keyframes progressBar-module-indeterminate-progress-bar-WrhBP-4-7-0 {\n from {\n left: -32%;\n }\n to {\n left: 100%;\n }\n}\n";
|
|
7319
|
+
var styles$K = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-7-0","ProgressBar-indicator":"progressBar-module-ProgressBar-indicator-Wk5Cj-4-7-0","ProgressBar-indicator--small":"progressBar-module-ProgressBar-indicator--small-3qwXo-4-7-0","ProgressBar-indicator--regular":"progressBar-module-ProgressBar-indicator--regular-XWwir-4-7-0","ProgressBar-indicator--indeterminate":"progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-7-0","indeterminate-progress-bar":"progressBar-module-indeterminate-progress-bar-WrhBP-4-7-0"};
|
|
7322
7320
|
styleInject$1(css_248z$M);
|
|
7323
7321
|
|
|
7324
7322
|
var ProgressBar = function ProgressBar(props) {
|
|
@@ -7326,13 +7324,14 @@
|
|
|
7326
7324
|
var max = props.max,
|
|
7327
7325
|
value = props.value,
|
|
7328
7326
|
className = props.className,
|
|
7329
|
-
size = props.size
|
|
7327
|
+
size = props.size,
|
|
7328
|
+
state = props.state;
|
|
7330
7329
|
var baseProps = extractBaseProps(props);
|
|
7331
|
-
var style = {
|
|
7332
|
-
width: value > 0 ? Math.min(value, max) * 100 / max + "%" : '0'
|
|
7333
|
-
};
|
|
7334
|
-
var ProgressBarClass = classNames__default["default"]((_a = {}, _a[styles$K.ProgressBar] = true, _a), className);
|
|
7335
|
-
var ProgressIndicatorClass = classNames__default["default"]((_b = {}, _b[styles$K['ProgressBar-indicator']] = true, _b[styles$K['ProgressBar-indicator--
|
|
7330
|
+
var style = state !== 'indeterminate' ? {
|
|
7331
|
+
width: value && value > 0 ? Math.min(value, max) * 100 / max + "%" : '0'
|
|
7332
|
+
} : {};
|
|
7333
|
+
var ProgressBarClass = classNames__default["default"]((_a = {}, _a[styles$K.ProgressBar] = true, _a[styles$K['ProgressBar-indicator--small']] = size === 'small', _a[styles$K['ProgressBar-indicator--regular']] = size === 'regular', _a['position-relative overflow-hidden'] = state === 'indeterminate', _a), className);
|
|
7334
|
+
var ProgressIndicatorClass = classNames__default["default"]((_b = {}, _b[styles$K['ProgressBar-indicator']] = true, _b[styles$K['ProgressBar-indicator--indeterminate']] = state === 'indeterminate', _b));
|
|
7336
7335
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({
|
|
7337
7336
|
"data-test": "DesignSystem-ProgressBar"
|
|
7338
7337
|
}, baseProps, {
|
|
@@ -7346,11 +7345,12 @@
|
|
|
7346
7345
|
ProgressBar.displayName = 'ProgressBar';
|
|
7347
7346
|
ProgressBar.defaultProps = {
|
|
7348
7347
|
max: 100,
|
|
7349
|
-
size: 'regular'
|
|
7348
|
+
size: 'regular',
|
|
7349
|
+
state: 'default'
|
|
7350
7350
|
};
|
|
7351
7351
|
|
|
7352
|
-
var css_248z$L = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-
|
|
7353
|
-
var styles$J = {"Radio":"radio-module-Radio-sJTSN-4-
|
|
7352
|
+
var css_248z$L = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-7-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-7-0 {\n position: relative;\n flex-shrink: 0;\n margin-top: var(--spacing-05);\n}\n\n.radio-module-Radio-defaultWrapper-42-VN-4-7-0 {\n border: var(--border);\n}\n\n.radio-module-Radio-errorWrapper-EIko4-4-7-0 {\n border: var(--border);\n border-color: var(--alert);\n}\n\n.radio-module-Radio-outerWrapper--regular-GAbrZ-4-7-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.radio-module-Radio-outerWrapper--tiny-ICX4H-4-7-0 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.radio-module-Radio-input-tMZXc-4-7-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-7-0 {\n padding-left: var(--spacing-20);\n display: flex;\n flex-direction: column;\n}\n\n.radio-module-Radio-Label-pyxfI-4-7-0 {\n display: flex;\n cursor: pointer;\n}\n\n.radio-module-Radio-wrapper-X9saa-4-7-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-7-0 {\n pointer-events: none;\n}\n\n.radio-module-Radio-sJTSN-4-7-0:hover .radio-module-Radio-wrapper-X9saa-4-7-0 {\n border: var(--border-width-2-5) solid var(--secondary-dark);\n background-color: var(--secondary-lighter);\n}\n\n.radio-module-Radio-sJTSN-4-7-0:active .radio-module-Radio-wrapper-X9saa-4-7-0 {\n background-color: var(--secondary-light);\n border: var(--border-width-2-5) solid var(--inverse-lightest);\n}\n\n.radio-module-Radio-sJTSN-4-7-0:hover .radio-module-Radio-errorWrapper-EIko4-4-7-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-7-0:active .radio-module-Radio-errorWrapper-EIko4-4-7-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-7-0:focus-within .radio-module-Radio-wrapper-X9saa-4-7-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n border-radius: var(--border-radius-full);\n}\n\n.radio-module-Radio-sJTSN-4-7-0:focus-within .radio-module-Radio-errorWrapper-EIko4-4-7-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n border-radius: var(--border-radius-full);\n}\n\n.radio-module-Radio-sJTSN-4-7-0:focus-within .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-7-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.radio-module-Radio-sJTSN-4-7-0:focus-within .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-7-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-7-0 .radio-module-Radio-wrapper-X9saa-4-7-0 {\n border: var(--border-width-2-5) solid var(--secondary-light);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-7-0 .radio-module-Radio-errorWrapper-EIko4-4-7-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-7-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-7-0 {\n border: var(--border-width-2-5) solid var(--primary);\n}\n\n.radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-7-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-7-0:after {\n display: block;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.radio-module-Radio-wrapper-X9saa-4-7-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-7-0:after {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.radio-module-Radio-wrapper--tiny-V-uaD-4-7-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-7-0:hover .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-7-0 {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-7-0:hover .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-7-0:after {\n background: var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-7-0:hover .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-7-0:after {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-7-0:active .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-7-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-7-0:hover .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-7-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-7-0:active .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-7-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-7-0:active .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-7-0:after {\n background: var(--primary-darker);\n}\n\n.radio-module-Radio-sJTSN-4-7-0:active .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-7-0:after {\n border: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-7-0 .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-7-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-7-0 .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-7-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-7-0 .radio-module-Radio-input-tMZXc-4-7-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-7-0:after {\n background: var(--primary-lighter);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-7-0 .radio-module-Radio-input-tMZXc-4-7-0 ~ .radio-module-Radio-wrapper-X9saa-4-7-0:focus {\n box-shadow: none;\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-7-0 .radio-module-Radio-input-tMZXc-4-7-0 ~ .radio-module-Radio-errorWrapper-EIko4-4-7-0:focus {\n box-shadow: none;\n}\n";
|
|
7353
|
+
var styles$J = {"Radio":"radio-module-Radio-sJTSN-4-7-0","Radio-outerWrapper":"radio-module-Radio-outerWrapper-y7yec-4-7-0","Radio-defaultWrapper":"radio-module-Radio-defaultWrapper-42-VN-4-7-0","Radio-errorWrapper":"radio-module-Radio-errorWrapper-EIko4-4-7-0","Radio-outerWrapper--regular":"radio-module-Radio-outerWrapper--regular-GAbrZ-4-7-0","Radio-outerWrapper--tiny":"radio-module-Radio-outerWrapper--tiny-ICX4H-4-7-0","Radio-input":"radio-module-Radio-input-tMZXc-4-7-0","Radio-labelWrapper":"radio-module-Radio-labelWrapper-aPfU--4-7-0","Radio-Label":"radio-module-Radio-Label-pyxfI-4-7-0","Radio-wrapper":"radio-module-Radio-wrapper-X9saa-4-7-0","Radio--disabled":"radio-module-Radio--disabled-Mbuyd-4-7-0","Radio-wrapper--regular":"radio-module-Radio-wrapper--regular-bCOY2-4-7-0","Radio-wrapper--tiny":"radio-module-Radio-wrapper--tiny-V-uaD-4-7-0"};
|
|
7354
7354
|
styleInject$1(css_248z$L);
|
|
7355
7355
|
|
|
7356
7356
|
var Radio = /*#__PURE__*/React__namespace.forwardRef(function (props, forwardedRef) {
|
|
@@ -7431,8 +7431,8 @@
|
|
|
7431
7431
|
});
|
|
7432
7432
|
Row.displayName = 'Row';
|
|
7433
7433
|
|
|
7434
|
-
var css_248z$K = ".statusHint-module-StatusHint-20-9Y-4-
|
|
7435
|
-
var styles$I = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-
|
|
7434
|
+
var css_248z$K = ".statusHint-module-StatusHint-20-9Y-4-7-0 {\n display: flex;\n flex-direction: row;\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.statusHint-module-StatusHint-icon-XMbB3-4-7-0 {\n flex-shrink: 0;\n border-radius: var(--border-radius-full);\n height: var(--spacing-20);\n width: var(--spacing-20);\n margin-right: var(--spacing-20);\n margin-top: var(--spacing-15);\n}\n\n.statusHint-module-StatusHint--alert-6GWUf-4-7-0 {\n background: var(--alert);\n}\n\n.statusHint-module-StatusHint--success-vLRLm-4-7-0 {\n background: var(--success);\n}\n\n.statusHint-module-StatusHint--warning-Go4Xc-4-7-0 {\n background: var(--warning);\n}\n\n.statusHint-module-StatusHint--info--Qb0E-4-7-0 {\n background: var(--primary);\n}\n\n.statusHint-module-StatusHint--default-XXxYB-4-7-0 {\n background: var(--secondary-light);\n}\n";
|
|
7435
|
+
var styles$I = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-7-0","StatusHint-icon":"statusHint-module-StatusHint-icon-XMbB3-4-7-0","StatusHint--alert":"statusHint-module-StatusHint--alert-6GWUf-4-7-0","StatusHint--success":"statusHint-module-StatusHint--success-vLRLm-4-7-0","StatusHint--warning":"statusHint-module-StatusHint--warning-Go4Xc-4-7-0","StatusHint--info":"statusHint-module-StatusHint--info--Qb0E-4-7-0","StatusHint--default":"statusHint-module-StatusHint--default-XXxYB-4-7-0"};
|
|
7436
7436
|
styleInject$1(css_248z$K);
|
|
7437
7437
|
|
|
7438
7438
|
var StatusHint = function StatusHint(props) {
|
|
@@ -7475,8 +7475,8 @@
|
|
|
7475
7475
|
appearance: 'default'
|
|
7476
7476
|
};
|
|
7477
7477
|
|
|
7478
|
-
var css_248z$J = ".pills-module-Pills--00hR-4-
|
|
7479
|
-
var styles$H = {"Pills":"pills-module-Pills--00hR-4-
|
|
7478
|
+
var css_248z$J = ".pills-module-Pills--00hR-4-7-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";
|
|
7479
|
+
var styles$H = {"Pills":"pills-module-Pills--00hR-4-7-0"};
|
|
7480
7480
|
styleInject$1(css_248z$J);
|
|
7481
7481
|
|
|
7482
7482
|
var Pills = function Pills(props) {
|
|
@@ -7498,8 +7498,8 @@
|
|
|
7498
7498
|
appearance: 'secondary'
|
|
7499
7499
|
};
|
|
7500
7500
|
|
|
7501
|
-
var css_248z$I = "@keyframes spinner-module-rotate--J0VK-4-
|
|
7502
|
-
var styles$G = {"Spinner":"spinner-module-Spinner-Gnrbl-4-
|
|
7501
|
+
var css_248z$I = "@keyframes spinner-module-rotate--J0VK-4-7-0 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spinner-module-spin-EtIAo-4-7-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-7-0 {\n animation: spinner-module-rotate--J0VK-4-7-0 2s linear infinite;\n}\n\n.spinner-module-Spinner--xsmall-fTG9G-4-7-0 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.spinner-module-Spinner--small-H43c1-4-7-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.spinner-module-Spinner--medium-FJ68A-4-7-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.spinner-module-Spinner--large-mEm-A-4-7-0 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.spinner-module-Circle--gSx3-4-7-0 {\n stroke-linecap: round;\n stroke-dasharray: 1 200;\n stroke-dashoffset: 0;\n animation: spinner-module-spin-EtIAo-4-7-0 1.5s ease-in-out infinite;\n}\n\n.spinner-module-Circle--primary-REY8w-4-7-0 {\n stroke: var(--primary);\n}\n\n.spinner-module-Circle--secondary-KzVQ8-4-7-0 {\n stroke: var(--secondary-dark);\n}\n\n.spinner-module-Circle--white-xc8CI-4-7-0 {\n stroke: var(--white);\n}\n";
|
|
7502
|
+
var styles$G = {"Spinner":"spinner-module-Spinner-Gnrbl-4-7-0","rotate":"spinner-module-rotate--J0VK-4-7-0","Spinner--xsmall":"spinner-module-Spinner--xsmall-fTG9G-4-7-0","Spinner--small":"spinner-module-Spinner--small-H43c1-4-7-0","Spinner--medium":"spinner-module-Spinner--medium-FJ68A-4-7-0","Spinner--large":"spinner-module-Spinner--large-mEm-A-4-7-0","Circle":"spinner-module-Circle--gSx3-4-7-0","spin":"spinner-module-spin-EtIAo-4-7-0","Circle--primary":"spinner-module-Circle--primary-REY8w-4-7-0","Circle--secondary":"spinner-module-Circle--secondary-KzVQ8-4-7-0","Circle--white":"spinner-module-Circle--white-xc8CI-4-7-0"};
|
|
7503
7503
|
styleInject$1(css_248z$I);
|
|
7504
7504
|
|
|
7505
7505
|
var Spinner = function Spinner(props) {
|
|
@@ -7611,8 +7611,8 @@
|
|
|
7611
7611
|
defaultValue: [0, 10]
|
|
7612
7612
|
});
|
|
7613
7613
|
|
|
7614
|
-
var css_248z$H = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-
|
|
7615
|
-
var styles$F = {"Subheading":"subheading-module-Subheading-qdIJH-4-
|
|
7614
|
+
var css_248z$H = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-7-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-7-0 {\n color: var(--text);\n}\n\n.subheading-module-Subheading--subtle--rivS-4-7-0 {\n color: var(--text-subtle);\n}\n\n.subheading-module-Subheading--disabled-LAyqD-4-7-0 {\n color: var(--text-disabled);\n}\n\n.subheading-module-Subheading--white-Y8Awi-4-7-0 {\n color: var(--text-white);\n}\n";
|
|
7615
|
+
var styles$F = {"Subheading":"subheading-module-Subheading-qdIJH-4-7-0","Subheading--default":"subheading-module-Subheading--default-wlFtB-4-7-0","Subheading--subtle":"subheading-module-Subheading--subtle--rivS-4-7-0","Subheading--disabled":"subheading-module-Subheading--disabled-LAyqD-4-7-0","Subheading--white":"subheading-module-Subheading--white-Y8Awi-4-7-0"};
|
|
7616
7616
|
styleInject$1(css_248z$H);
|
|
7617
7617
|
|
|
7618
7618
|
var Subheading = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -7636,8 +7636,8 @@
|
|
|
7636
7636
|
appearance: 'default'
|
|
7637
7637
|
};
|
|
7638
7638
|
|
|
7639
|
-
var css_248z$G = ".switch-module-Switch-QepNe-4-
|
|
7640
|
-
var styles$E = {"Switch":"switch-module-Switch-QepNe-4-
|
|
7639
|
+
var css_248z$G = ".switch-module-Switch-QepNe-4-7-0 {\n display: inline-flex;\n position: relative;\n}\n\n.switch-module-Switch--tiny-r1E6o-4-7-0 {\n height: var(--spacing-40);\n width: var(--spacing-80);\n}\n\n.switch-module-Switch--regular-ciyyD-4-7-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch--large-kX3JT-4-7-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch-input-5oT7E-4-7-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-7-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-7-0:focus ~ .switch-module-Switch-wrapper-btwpQ-4-7-0 {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n background-color: var(--secondary-light);\n}\n\n.switch-module-Switch-input-5oT7E-4-7-0:focus ~ .switch-module-Switch-wrapper--checked-1oCxY-4-7-0 {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n background-color: var(--primary);\n}\n\n.switch-module-Switch-input-5oT7E-4-7-0:hover ~ .switch-module-Switch-wrapper-btwpQ-4-7-0 {\n background-color: var(--secondary);\n}\n\n.switch-module-Switch-input-5oT7E-4-7-0:hover ~ .switch-module-Switch-wrapper--checked-1oCxY-4-7-0 {\n background-color: var(--primary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-7-0:active ~ .switch-module-Switch-wrapper-btwpQ-4-7-0 {\n background-color: var(--secondary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-7-0:active ~ .switch-module-Switch-wrapper--checked-1oCxY-4-7-0 {\n background-color: var(--primary-darker);\n}\n\n.switch-module-Switch-wrapper--tiny--PBMV-4-7-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--regular-6j-AT-4-7-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--large-A8WkP-4-7-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper-btwpQ-4-7-0:before {\n content: '';\n height: 100%;\n width: 50%;\n background-color: var(--shadow-0);\n box-shadow: var(--shadow-m);\n border-radius: var(--border-radius-full);\n box-sizing: border-box;\n transition-duration: 80ms;\n}\n\n.switch-module-Switch-wrapper--checked-1oCxY-4-7-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-7-0:before {\n transform: translateX(100%);\n transition-duration: 80ms;\n}\n\n.switch-module-Switch--disabled-xXiea-4-7-0 {\n pointer-events: none;\n}\n\n.switch-module-Switch-wrapper--disabled-HghBP-4-7-0 {\n background-color: var(--secondary-lighter);\n}\n\n.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-7-0 {\n background-color: var(--primary-lighter);\n}\n";
|
|
7640
|
+
var styles$E = {"Switch":"switch-module-Switch-QepNe-4-7-0","Switch--tiny":"switch-module-Switch--tiny-r1E6o-4-7-0","Switch--regular":"switch-module-Switch--regular-ciyyD-4-7-0","Switch--large":"switch-module-Switch--large-kX3JT-4-7-0","Switch-input":"switch-module-Switch-input-5oT7E-4-7-0","Switch-wrapper":"switch-module-Switch-wrapper-btwpQ-4-7-0","Switch-wrapper--checked":"switch-module-Switch-wrapper--checked-1oCxY-4-7-0","Switch-wrapper--tiny":"switch-module-Switch-wrapper--tiny--PBMV-4-7-0","Switch-wrapper--regular":"switch-module-Switch-wrapper--regular-6j-AT-4-7-0","Switch-wrapper--large":"switch-module-Switch-wrapper--large-A8WkP-4-7-0","Switch--disabled":"switch-module-Switch--disabled-xXiea-4-7-0","Switch-wrapper--disabled":"switch-module-Switch-wrapper--disabled-HghBP-4-7-0","Switch-wrapper--checkedDisabled":"switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-7-0"};
|
|
7641
7641
|
styleInject$1(css_248z$G);
|
|
7642
7642
|
|
|
7643
7643
|
var Switch = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -7686,8 +7686,8 @@
|
|
|
7686
7686
|
});
|
|
7687
7687
|
Switch.displayName = 'Switch';
|
|
7688
7688
|
|
|
7689
|
-
var css_248z$F = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-
|
|
7690
|
-
var styles$D = {"Textarea":"textarea-module-Textarea-Es1Ps-4-
|
|
7689
|
+
var css_248z$F = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-7-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-7-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-7-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-7-0::-ms-clear {\n display: none;\n}\n\n.textarea-module-Textarea-Es1Ps-4-7-0:focus-within {\n outline: none;\n border: var(--border-width-2-5) solid var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.textarea-module-Textarea-Es1Ps-4-7-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-7-0 {\n pointer-events: none;\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n}\n\n.textarea-module-Textarea--error-gqkse-4-7-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.textarea-module-Textarea--error-gqkse-4-7-0:focus-within {\n border: var(--border-width-2-5) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.textarea-module-Textarea--resize-6QHWa-4-7-0 {\n resize: both;\n}\n";
|
|
7690
|
+
var styles$D = {"Textarea":"textarea-module-Textarea-Es1Ps-4-7-0","Textarea--readOnly":"textarea-module-Textarea--readOnly-mTqc8-4-7-0","Textarea--error":"textarea-module-Textarea--error-gqkse-4-7-0","Textarea--resize":"textarea-module-Textarea--resize-6QHWa-4-7-0"};
|
|
7691
7691
|
styleInject$1(css_248z$F);
|
|
7692
7692
|
|
|
7693
7693
|
var Textarea = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -7731,8 +7731,8 @@
|
|
|
7731
7731
|
});
|
|
7732
7732
|
Textarea.displayName = 'Textarea';
|
|
7733
7733
|
|
|
7734
|
-
var css_248z$E = "/* toast */\n\n.toast-module-Toast-OpDhM-4-
|
|
7735
|
-
var styles$C = {"Toast":"toast-module-Toast-OpDhM-4-
|
|
7734
|
+
var css_248z$E = "/* toast */\n\n.toast-module-Toast-OpDhM-4-7-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-7-0 {\n padding-bottom: var(--spacing-40);\n}\n\n.toast-module-Toast--info-dEexw-4-7-0 {\n background-color: var(--primary);\n}\n\n.toast-module-Toast--alert-gxrp--4-7-0 {\n background-color: var(--alert);\n}\n\n.toast-module-Toast--success-gju3F-4-7-0 {\n background-color: var(--success);\n}\n\n.toast-module-Toast--warning-ELr9r-4-7-0 {\n background-color: var(--warning);\n}\n\n.toast-module-Toast--warning-ELr9r-4-7-0 {\n color: var(--text);\n}\n\n.toast-module-Toast-icon-RrG2q-4-7-0 {\n line-height: var(--font-height-m);\n}\n\n.toast-module-Toast-icon--left-dAfZv-4-7-0 {\n margin-right: var(--spacing-40);\n}\n\n.toast-module-Toast-icon--right--8Qmt-4-7-0 {\n cursor: pointer;\n margin-left: var(--spacing-30);\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n padding-right: var(--spacing-10);\n padding-left: var(--spacing-10);\n height: var(--spacing-60);\n box-sizing: initial;\n}\n\n.toast-module-Toast-icon--info-zE2SA-4-7-0,\n.toast-module-Toast-icon--success-SOr0z-4-7-0,\n.toast-module-Toast-icon--alert-TS0aE-4-7-0,\n.toast-module-Toast-icon--default-HsZ-7-4-7-0 {\n color: var(--text-white);\n}\n\n.toast-module-Toast-icon--warning-47OGV-4-7-0 {\n color: var(--warning-darker);\n}\n\n.toast-module-Toast-close-icon--warning-nuh9s-4-7-0:focus,\n.toast-module-Toast-close-icon--warning-nuh9s-4-7-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(183, 135, 7, 0.16);\n}\n\n.toast-module-Toast-close-icon--warning-nuh9s-4-7-0:hover,\n.toast-module-Toast-close-icon--warning-nuh9s-4-7-0:active {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-close-icon--success-fXEEm-4-7-0:focus,\n.toast-module-Toast-close-icon--success-fXEEm-4-7-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(34, 121, 52, 0.16);\n}\n\n.toast-module-Toast-close-icon--success-fXEEm-4-7-0:hover,\n.toast-module-Toast-close-icon--success-fXEEm-4-7-0:active {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-close-icon--info-0vDSQ-4-7-0:focus,\n.toast-module-Toast-close-icon--info-0vDSQ-4-7-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(0, 80, 159, 0.16);\n}\n\n.toast-module-Toast-close-icon--info-0vDSQ-4-7-0:hover,\n.toast-module-Toast-close-icon--info-0vDSQ-4-7-0:active {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-close-icon--alert-cq8I3-4-7-0:focus,\n.toast-module-Toast-close-icon--alert-cq8I3-4-7-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(156, 40, 40, 0.16);\n}\n\n.toast-module-Toast-close-icon--alert-cq8I3-4-7-0:hover,\n.toast-module-Toast-close-icon--alert-cq8I3-4-7-0:active {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-body--5KGi-4-7-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.toast-module-Toast-title-4cVcs-4-7-0 {\n display: flex;\n}\n\n.toast-module-Toast-heading-BOc6U-4-7-0 {\n flex-grow: 1;\n}\n\n.toast-module-Toast-text-pwhPD-4-7-0 {\n padding-top: var(--spacing-20);\n}\n\n.toast-module-Toast-text--warning-J4ygg-4-7-0,\n.toast-module-Toast-heading--warning-sybsC-4-7-0 {\n color: var(--warning-darker) !important;\n}\n\n.toast-module-Toast-actions-3qfv--4-7-0 {\n display: flex;\n padding-top: var(--spacing-30);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-7-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-7-0:last-child {\n margin-right: 0;\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-7-0 {\n background: var(--inverse-light);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-7-0:hover,\n.toast-module-Toast-actionButton--default-UVS4L-4-7-0:active {\n background: var(--inverse);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-7-0:focus {\n box-shadow: var(--shadow-spread) rgba(112, 112, 112, 0.16);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-7-0 {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-7-0:hover,\n.toast-module-Toast-actionButton--info-MLC4o-4-7-0:active {\n background: var(--primary-darker);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-7-0:focus {\n box-shadow: var(--shadow-spread) rgba(0, 80, 159, 0.16);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-7-0 {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-7-0:hover,\n.toast-module-Toast-actionButton--success-vppAH-4-7-0:active {\n background: var(--success-darker);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-7-0:focus {\n box-shadow: var(--shadow-spread) rgba(34, 121, 52, 0.16);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-7-0 {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-7-0:hover,\n.toast-module-Toast-actionButton--alert-VMKO0-4-7-0:active {\n background: var(--alert-darker);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-7-0 {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-7-0:hover,\n.toast-module-Toast-actionButton--warning-GNDkx-4-7-0:active {\n background: var(--warning-darker);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--warning-shadow);\n}\n";
|
|
7735
|
+
var styles$C = {"Toast":"toast-module-Toast-OpDhM-4-7-0","Toast--withMessage":"toast-module-Toast--withMessage-T8xPr-4-7-0","Toast--info":"toast-module-Toast--info-dEexw-4-7-0","Toast--alert":"toast-module-Toast--alert-gxrp--4-7-0","Toast--success":"toast-module-Toast--success-gju3F-4-7-0","Toast--warning":"toast-module-Toast--warning-ELr9r-4-7-0","Toast-icon":"toast-module-Toast-icon-RrG2q-4-7-0","Toast-icon--left":"toast-module-Toast-icon--left-dAfZv-4-7-0","Toast-icon--right":"toast-module-Toast-icon--right--8Qmt-4-7-0","Toast-icon--info":"toast-module-Toast-icon--info-zE2SA-4-7-0","Toast-icon--success":"toast-module-Toast-icon--success-SOr0z-4-7-0","Toast-icon--alert":"toast-module-Toast-icon--alert-TS0aE-4-7-0","Toast-icon--default":"toast-module-Toast-icon--default-HsZ-7-4-7-0","Toast-icon--warning":"toast-module-Toast-icon--warning-47OGV-4-7-0","Toast-close-icon--warning":"toast-module-Toast-close-icon--warning-nuh9s-4-7-0","Toast-close-icon--success":"toast-module-Toast-close-icon--success-fXEEm-4-7-0","Toast-close-icon--info":"toast-module-Toast-close-icon--info-0vDSQ-4-7-0","Toast-close-icon--alert":"toast-module-Toast-close-icon--alert-cq8I3-4-7-0","Toast-body":"toast-module-Toast-body--5KGi-4-7-0","Toast-title":"toast-module-Toast-title-4cVcs-4-7-0","Toast-heading":"toast-module-Toast-heading-BOc6U-4-7-0","Toast-text":"toast-module-Toast-text-pwhPD-4-7-0","Toast-text--warning":"toast-module-Toast-text--warning-J4ygg-4-7-0","Toast-heading--warning":"toast-module-Toast-heading--warning-sybsC-4-7-0","Toast-actions":"toast-module-Toast-actions-3qfv--4-7-0","Toast-actionButton":"toast-module-Toast-actionButton-lfdEz-4-7-0","Toast-actionButton--default":"toast-module-Toast-actionButton--default-UVS4L-4-7-0","Toast-actionButton--info":"toast-module-Toast-actionButton--info-MLC4o-4-7-0","Toast-actionButton--success":"toast-module-Toast-actionButton--success-vppAH-4-7-0","Toast-actionButton--alert":"toast-module-Toast-actionButton--alert-VMKO0-4-7-0","Toast-actionButton--warning":"toast-module-Toast-actionButton--warning-GNDkx-4-7-0"};
|
|
7736
7736
|
styleInject$1(css_248z$E);
|
|
7737
7737
|
|
|
7738
7738
|
var ActionButton = function ActionButton(props) {
|
|
@@ -8197,8 +8197,8 @@
|
|
|
8197
8197
|
return PopperWrapper;
|
|
8198
8198
|
}(React__namespace.Component);
|
|
8199
8199
|
|
|
8200
|
-
var css_248z$D = ".popover-module-Popover-34Ge0-4-
|
|
8201
|
-
var styles$B = {"Popover":"popover-module-Popover-34Ge0-4-
|
|
8200
|
+
var css_248z$D = ".popover-module-Popover-34Ge0-4-7-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-7-0 {\n background: var(--inverse);\n color: var(--white);\n}\n\n.popover-module-Popover-34Ge0-4-7-0[data-hide='true'] {\n visibility: hidden;\n pointer-events: none;\n}\n\n@keyframes popover-module-popper-fade-in-pghyg-4-7-0 {\n 0% {\n opacity: 0;\n }\n 80% {\n opacity: var(--opacity-6);\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
8201
|
+
var styles$B = {"Popover":"popover-module-Popover-34Ge0-4-7-0","Popover--dark":"popover-module-Popover--dark-LYp8P-4-7-0","popper-fade-in":"popover-module-popper-fade-in-pghyg-4-7-0"};
|
|
8202
8202
|
styleInject$1(css_248z$D);
|
|
8203
8203
|
|
|
8204
8204
|
var propsList = ['appendToBody', 'trigger', 'hoverable', 'on', 'open', 'closeOnBackdropClick', 'offset', 'closeOnScroll'];
|
|
@@ -8260,8 +8260,8 @@
|
|
|
8260
8260
|
customStyle: {}
|
|
8261
8261
|
});
|
|
8262
8262
|
|
|
8263
|
-
var css_248z$C = ".chipInput-module-ChipInput-EQQlO-4-
|
|
8264
|
-
var styles$A = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-
|
|
8263
|
+
var css_248z$C = ".chipInput-module-ChipInput-EQQlO-4-7-0 {\n display: flex;\n border-radius: var(--border-radius-10);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary);\n padding-left: 10px;\n padding-right: 10px;\n background: var(--white);\n cursor: text;\n flex: 100%;\n}\n\n.chipInput-module-ChipInput-EQQlO-4-7-0:focus,\n.chipInput-module-ChipInput-EQQlO-4-7-0:focus-visible {\n outline: var(--spacing-2-5) var(--primary);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-7-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-7-0:focus-within {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--primary);\n background: var(--white);\n}\n\n.chipInput-module-ChipInput--disabled-Qa6ok-4-7-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary-light);\n pointer-events: none;\n}\n\n.chipInput-module-ChipInput--withChips-svi7y-4-7-0 {\n padding-right: var(--spacing-20);\n}\n\n.chipInput-module-ChipInput--error-q8y-4-4-7-0,\n.chipInput-module-ChipInput--error-q8y-4-4-7-0:focus-within {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--alert);\n}\n\n.chipInput-module-ChipInput-wrapper-NzLiD-4-7-0 {\n display: flex;\n flex: 100%;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.chipInput-module-ChipInput-border-wempH-4-7-0:focus-within {\n border-radius: var(--border-radius-10);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.chipInput-module-ChipInput-border--error-lX1Mm-4-7-0:focus-within {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.chipInput-module-ChipInput-input-ddUDt-4-7-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 height: var(--spacing-60);\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n font-family: var(--font-family);\n font-size: var(--font-size);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-7-0:hover .chipInput-module-ChipInput-input-ddUDt-4-7-0 {\n background: var(--secondary-lighter);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-7-0:focus-within .chipInput-module-ChipInput-input-ddUDt-4-7-0 {\n background: var(--white);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-7-0 {\n height: var(--spacing-40);\n padding: var(--spacing-05);\n margin-left: var(--spacing-20);\n margin-top: var(--spacing-15);\n cursor: pointer;\n border-radius: var(--border-radius-full);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-7-0:hover {\n background-color: var(--secondary);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-7-0:active {\n background-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-7-0:focus,\n.chipInput-module-ChipInput-icon-HQ7c4-4-7-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n";
|
|
8264
|
+
var styles$A = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-7-0","ChipInput--disabled":"chipInput-module-ChipInput--disabled-Qa6ok-4-7-0","ChipInput--withChips":"chipInput-module-ChipInput--withChips-svi7y-4-7-0","ChipInput--error":"chipInput-module-ChipInput--error-q8y-4-4-7-0","ChipInput-wrapper":"chipInput-module-ChipInput-wrapper-NzLiD-4-7-0","ChipInput-border":"chipInput-module-ChipInput-border-wempH-4-7-0","ChipInput-border--error":"chipInput-module-ChipInput-border--error-lX1Mm-4-7-0","ChipInput-input":"chipInput-module-ChipInput-input-ddUDt-4-7-0","ChipInput-icon":"chipInput-module-ChipInput-icon-HQ7c4-4-7-0"};
|
|
8265
8265
|
styleInject$1(css_248z$C);
|
|
8266
8266
|
|
|
8267
8267
|
var keyCodes$1 = {
|
|
@@ -8482,8 +8482,8 @@
|
|
|
8482
8482
|
return disabled ? 'inverse-lightest' : isActive ? 'primary-dark' : 'inverse';
|
|
8483
8483
|
};
|
|
8484
8484
|
|
|
8485
|
-
var css_248z$B = ".verticalNav-module-VerticalNav-Dmfut-4-
|
|
8486
|
-
var styles$z = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-
|
|
8485
|
+
var css_248z$B = ".verticalNav-module-VerticalNav-Dmfut-4-7-0 {\n display: inline-flex;\n flex-direction: column;\n}\n\n.verticalNav-module-VerticalNav--expanded-YioJV-4-7-0 {\n width: 240px;\n}\n\n.verticalNav-module-VerticalNav-section-LKy0d-4-7-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-7-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-7-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-7-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-7-0 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.verticalNav-module-MenuItem--collapsed-ksvh1-4-7-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-7-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-7-0 {\n pointer-events: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-7-0:hover {\n background: var(--secondary);\n text-decoration: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-7-0:active {\n background: var(--secondary-dark);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.verticalNav-module-MenuItem--disabled-UwXL1-4-7-0:focus {\n box-shadow: none;\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-7-0 {\n background: var(--primary-lightest);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-7-0:hover {\n background: var(--primary-lighter);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-7-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-7-0:active .verticalNav-module-MenuItem-Text-5dxj5-4-7-0 {\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.verticalNav-module-MenuItem--rounded-7Cz5E-4-7-0 {\n border-radius: var(--border-radius-40);\n}\n\n.verticalNav-module-MenuItem--subMenu-ZHEdU-4-7-0 {\n padding-left: 40px;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-7-0 .verticalNav-module-Text-pcT-x-4-7-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem--overflow-RfJ7G-4-7-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem-count-hxliH-4-7-0 {\n margin-right: var(--spacing-10);\n}\n\n.verticalNav-module-MenuItem-count--disabled-2tJFi-4-7-0 {\n opacity: var(--opacity-10);\n color: var(--text);\n}\n";
|
|
8486
|
+
var styles$z = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-7-0","VerticalNav--expanded":"verticalNav-module-VerticalNav--expanded-YioJV-4-7-0","VerticalNav-section":"verticalNav-module-VerticalNav-section-LKy0d-4-7-0","VerticalNav-section--border":"verticalNav-module-VerticalNav-section--border-II3bk-4-7-0","MenuItem":"verticalNav-module-MenuItem-tqOuM-4-7-0","MenuItem--horizontal":"verticalNav-module-MenuItem--horizontal-HqCw4-4-7-0","MenuItem--vertical":"verticalNav-module-MenuItem--vertical-KTu0E-4-7-0","MenuItem--collapsed":"verticalNav-module-MenuItem--collapsed-ksvh1-4-7-0","MenuItem--expanded":"verticalNav-module-MenuItem--expanded-CNuEg-4-7-0","MenuItem--disabled":"verticalNav-module-MenuItem--disabled-UwXL1-4-7-0","MenuItem--active":"verticalNav-module-MenuItem--active-ocJoe-4-7-0","MenuItem-Text":"verticalNav-module-MenuItem-Text-5dxj5-4-7-0","MenuItem--rounded":"verticalNav-module-MenuItem--rounded-7Cz5E-4-7-0","MenuItem--subMenu":"verticalNav-module-MenuItem--subMenu-ZHEdU-4-7-0","Text":"verticalNav-module-Text-pcT-x-4-7-0","MenuItem--overflow":"verticalNav-module-MenuItem--overflow-RfJ7G-4-7-0","MenuItem-count":"verticalNav-module-MenuItem-count-hxliH-4-7-0","MenuItem-count--disabled":"verticalNav-module-MenuItem-count--disabled-2tJFi-4-7-0"};
|
|
8487
8487
|
styleInject$1(css_248z$B);
|
|
8488
8488
|
|
|
8489
8489
|
var _MenuIcon = function MenuIcon(props) {
|
|
@@ -8730,8 +8730,8 @@
|
|
|
8730
8730
|
showTooltip: false
|
|
8731
8731
|
};
|
|
8732
8732
|
|
|
8733
|
-
var css_248z$A = ".horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
8734
|
-
var styles$y = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
8733
|
+
var css_248z$A = ".horizontalNav-module-HorizontalNav-TaKHt-4-7-0 {\n display: flex;\n}\n\n.horizontalNav-module-HorizontalNav-menu-hc7-x-4-7-0 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n cursor: pointer;\n height: var(--spacing-80);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n border-radius: var(--border-radius-40);\n margin: 0 var(--spacing-2-5);\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-7-0 {\n pointer-events: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-7-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-7-0:focus {\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-7-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-7-0:hover {\n background-color: var(--secondary);\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-7-0:active {\n background-color: var(--secondary-dark);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-7-0 {\n background-color: var(--primary-lightest);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-7-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-7-0:focus {\n background-color: var(--primary-lightest);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-7-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-7-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-7-0:active .horizontalNav-module-HorizontalNav-menuText-hlHtx-4-7-0 {\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menuText-hlHtx-4-7-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-7-0,\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-7-0 {\n transition-delay: var(--duration--fast-02);\n}\n\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-7-0 {\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.horizontalNav-module-HorizontalNav-pills-Ko7S--4-7-0 {\n margin-right: var(--spacing-10);\n}\n\n.horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-7-0 {\n opacity: var(--opacity-10);\n}\n";
|
|
8734
|
+
var styles$y = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-7-0","HorizontalNav-menu":"horizontalNav-module-HorizontalNav-menu-hc7-x-4-7-0","HorizontalNav-menu--disabled":"horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-7-0","HorizontalNav-menu--default":"horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-7-0","HorizontalNav-menu--active":"horizontalNav-module-HorizontalNav-menu--active-LO21D-4-7-0","HorizontalNav-menuText":"horizontalNav-module-HorizontalNav-menuText-hlHtx-4-7-0","HorizontalNav-animate":"horizontalNav-module-HorizontalNav-animate-HJvL2-4-7-0","HorizontalNav-pills":"horizontalNav-module-HorizontalNav-pills-Ko7S--4-7-0","HorizontalNav-pills--disabled":"horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-7-0"};
|
|
8735
8735
|
styleInject$1(css_248z$A);
|
|
8736
8736
|
|
|
8737
8737
|
var HorizontalNav = function HorizontalNav(props) {
|
|
@@ -8931,8 +8931,8 @@
|
|
|
8931
8931
|
secondaryButtonAppearance: 'basic'
|
|
8932
8932
|
};
|
|
8933
8933
|
|
|
8934
|
-
var css_248z$z = ".overlay-module-OverlayHeader-X75uk-4-
|
|
8935
|
-
var styles$x = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-
|
|
8934
|
+
var css_248z$z = ".overlay-module-OverlayHeader-X75uk-4-7-0 {\n box-sizing: border-box;\n margin-left: var(--spacing-60);\n}\n\n.overlay-module-OverlayHeader--withBackButton-P8Z6f-4-7-0 {\n margin-left: var(--spacing-40);\n}\n\n.overlay-module-OverlayHeader-headerWrapper-wDTqn-4-7-0 {\n display: flex;\n align-items: center;\n}\n\n.overlay-module-OverlayHeader-subheading-HGK3Q-4-7-0 {\n margin-top: var(--spacing-05);\n}\n\n.overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-7-0 {\n margin-left: var(--spacing-20);\n}\n\n.overlay-module-OverlayBody-0aiqy-4-7-0 {\n overflow-y: auto;\n}\n\n.overlay-module-Overlay-body--stickFooter-9u7pt-4-7-0 {\n margin-bottom: 80px;\n}\n\n.overlay-module-OverlayFooter-0Ne3i-4-7-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";
|
|
8935
|
+
var styles$x = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-7-0","OverlayHeader--withBackButton":"overlay-module-OverlayHeader--withBackButton-P8Z6f-4-7-0","OverlayHeader-headerWrapper":"overlay-module-OverlayHeader-headerWrapper-wDTqn-4-7-0","OverlayHeader-subheading":"overlay-module-OverlayHeader-subheading-HGK3Q-4-7-0","OverlayHeader-subheading--withBackButton":"overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-7-0","OverlayBody":"overlay-module-OverlayBody-0aiqy-4-7-0","Overlay-body--stickFooter":"overlay-module-Overlay-body--stickFooter-9u7pt-4-7-0","OverlayFooter":"overlay-module-OverlayFooter-0Ne3i-4-7-0"};
|
|
8936
8936
|
styleInject$1(css_248z$z);
|
|
8937
8937
|
|
|
8938
8938
|
var OverlayFooter = function OverlayFooter(props) {
|
|
@@ -9103,8 +9103,8 @@
|
|
|
9103
9103
|
var instance = new OverlayManager();
|
|
9104
9104
|
Object.freeze(instance);
|
|
9105
9105
|
|
|
9106
|
-
var css_248z$y = "@keyframes modal-module-modal-open-XetuH-4-
|
|
9107
|
-
var styles$w = {"Modal":"modal-module-Modal-jy6BE-4-
|
|
9106
|
+
var css_248z$y = "@keyframes modal-module-modal-open-XetuH-4-7-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-7-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-7-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-7-0 {\n display: flex;\n}\n\n.modal-module-Modal-animation--open-GPVLI-4-7-0 {\n animation: modal-module-modal-open-XetuH-4-7-0 var(--duration--moderate-02) var(--entrance-expressive-curve);\n}\n\n.modal-module-Modal-animation--close-re3FT-4-7-0 {\n animation: modal-module-modal-close-6bwSt-4-7-0 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n\n.modal-module-Modal-header-fdaxo-4-7-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-7-0 {\n border-bottom: var(--border);\n}\n\n.modal-module-Modal-description-yJzzp-4-7-0 {\n padding: var(--spacing-20) 0;\n}\n\n.modal-module-Modal-footer-njNb3-4-7-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-7-0 {\n border-top: var(--border);\n}\n\n.modal-module-Modal-body-kEuY3-4-7-0 {\n padding: 0 var(--spacing-60);\n}\n\n.modal-module-Modal-body--withMargin-QJGL1-4-7-0 {\n margin-bottom: 80px;\n}\n\n.modal-module-Modal-body--withPadding-sX2cE-4-7-0 {\n padding-bottom: var(--spacing-40);\n}\n";
|
|
9107
|
+
var styles$w = {"Modal":"modal-module-Modal-jy6BE-4-7-0","Modal--open":"modal-module-Modal--open-pEOMN-4-7-0","Modal-animation--open":"modal-module-Modal-animation--open-GPVLI-4-7-0","modal-open":"modal-module-modal-open-XetuH-4-7-0","Modal-animation--close":"modal-module-Modal-animation--close-re3FT-4-7-0","modal-close":"modal-module-modal-close-6bwSt-4-7-0","Modal-header":"modal-module-Modal-header-fdaxo-4-7-0","Modal-header--withSeperator":"modal-module-Modal-header--withSeperator-JuBGt-4-7-0","Modal-description":"modal-module-Modal-description-yJzzp-4-7-0","Modal-footer":"modal-module-Modal-footer-njNb3-4-7-0","Modal-footer--withSeperator":"modal-module-Modal-footer--withSeperator-E6Dfh-4-7-0","Modal-body":"modal-module-Modal-body-kEuY3-4-7-0","Modal-body--withMargin":"modal-module-Modal-body--withMargin-QJGL1-4-7-0","Modal-body--withPadding":"modal-module-Modal-body--withPadding-sX2cE-4-7-0"};
|
|
9108
9108
|
styleInject$1(css_248z$y);
|
|
9109
9109
|
|
|
9110
9110
|
var Modal = function (_super) {
|
|
@@ -9353,8 +9353,8 @@
|
|
|
9353
9353
|
};
|
|
9354
9354
|
ModalFooter.displayName = 'ModalFooter';
|
|
9355
9355
|
|
|
9356
|
-
var css_248z$x = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-
|
|
9357
|
-
var styles$v = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-
|
|
9356
|
+
var css_248z$x = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-7-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-7-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-7-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-7-0 {\n animation: fullscreenModal-module-fullscreenModal-open-62v3L-4-7-0 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-7-0 {\n animation: fullscreenModal-module-fullscreenModal-close-7gVSl-4-7-0 120ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-header-sDsnU-4-7-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-7-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-7-0 {\n padding: var(--spacing-40) var(--spacing-60);\n}\n";
|
|
9357
|
+
var styles$v = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-7-0","FullscreenModal-animation--open":"fullscreenModal-module-FullscreenModal-animation--open--3N-S-4-7-0","fullscreenModal-open":"fullscreenModal-module-fullscreenModal-open-62v3L-4-7-0","FullscreenModal-animation--close":"fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-7-0","fullscreenModal-close":"fullscreenModal-module-fullscreenModal-close-7gVSl-4-7-0","FullscreenModal-header":"fullscreenModal-module-FullscreenModal-header-sDsnU-4-7-0","FullscreenModal-footer":"fullscreenModal-module-FullscreenModal-footer-iQzjY-4-7-0","FullscreenModal-body":"fullscreenModal-module-FullscreenModal-body-7vbJl-4-7-0"};
|
|
9358
9358
|
styleInject$1(css_248z$x);
|
|
9359
9359
|
|
|
9360
9360
|
var FullscreenModal = function (_super) {
|
|
@@ -9508,8 +9508,8 @@
|
|
|
9508
9508
|
return FullscreenModal;
|
|
9509
9509
|
}(React__namespace.Component);
|
|
9510
9510
|
|
|
9511
|
-
var css_248z$w = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-
|
|
9512
|
-
var styles$u = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-
|
|
9511
|
+
var css_248z$w = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-7-0 {\n from {\n right: -100%;\n }\n to {\n right: 0;\n }\n}\n\n@keyframes sidesheet-module-sidesheet-close-iHEhI-4-7-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-7-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-7-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-7-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-7-0 {\n visibility: visible;\n}\n\n.sidesheet-module-Sidesheet-animation--open-J-A5h-4-7-0 {\n animation: sidesheet-module-sidesheet-open-8Xjl--4-7-0 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.sidesheet-module-Sidesheet-animation--close-hu-c0-4-7-0 {\n animation: sidesheet-module-sidesheet-close-iHEhI-4-7-0 120ms cubic-bezier(0.4, 0.14, 1, 1);\n animation-fill-mode: forwards;\n}\n\n.sidesheet-module-Sidesheet-header--NeWW-4-7-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-7-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-body-M4-ag-4-7-0 {\n padding: 0 var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-7-0 {\n margin-bottom: 80px;\n}\n\n.sidesheet-module-Sidesheet-footer-PXjKf-4-7-0 {\n padding-top: var(--spacing-60);\n padding-bottom: var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-7-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-7-0 {\n position: absolute;\n bottom: 0;\n}\n\n.sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-7-0 {\n animation: sidesheet-module-shift-right-spacing-3-0drfg-4-7-0 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-7-0 {\n animation: sidesheet-module-shift-left-spacing-3-6M1aJ-4-7-0 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-7-0 {\n animation: sidesheet-module-fadeIn-LZlsa-4-7-0 var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-7-0 {\n animation: sidesheet-module-fadeIn-LZlsa-4-7-0 var(--duration--fast-02) var(--standard-expressive-curve);\n}\n";
|
|
9512
|
+
var styles$u = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-7-0","Sidesheet--open":"sidesheet-module-Sidesheet--open-susbv-4-7-0","Sidesheet-animation--open":"sidesheet-module-Sidesheet-animation--open-J-A5h-4-7-0","sidesheet-open":"sidesheet-module-sidesheet-open-8Xjl--4-7-0","Sidesheet-animation--close":"sidesheet-module-Sidesheet-animation--close-hu-c0-4-7-0","sidesheet-close":"sidesheet-module-sidesheet-close-iHEhI-4-7-0","Sidesheet-header":"sidesheet-module-Sidesheet-header--NeWW-4-7-0","Sidesheet-header--withSeperator":"sidesheet-module-Sidesheet-header--withSeperator-NT81x-4-7-0","Sidesheet-body":"sidesheet-module-Sidesheet-body-M4-ag-4-7-0","Sidesheet-body--withMargin":"sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-7-0","Sidesheet-footer":"sidesheet-module-Sidesheet-footer-PXjKf-4-7-0","Sidesheet-footer--withSeperator":"sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-7-0","Sidesheet-footer--stickToBottom":"sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-7-0","Sidesheet-header--shiftRight":"sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-7-0","shift-right-spacing-3":"sidesheet-module-shift-right-spacing-3-0drfg-4-7-0","Sidesheet-header--shiftLeft":"sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-7-0","shift-left-spacing-3":"sidesheet-module-shift-left-spacing-3-6M1aJ-4-7-0","Sidesheet-body--nextPage":"sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-7-0","fadeIn":"sidesheet-module-fadeIn-LZlsa-4-7-0","Sidesheet-body--firstPage":"sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-7-0"};
|
|
9513
9513
|
styleInject$1(css_248z$w);
|
|
9514
9514
|
|
|
9515
9515
|
var sidesheetWidth = {
|
|
@@ -9686,8 +9686,8 @@
|
|
|
9686
9686
|
return Sidesheet;
|
|
9687
9687
|
}(React__namespace.Component);
|
|
9688
9688
|
|
|
9689
|
-
var css_248z$v = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
9690
|
-
var styles$t = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
9689
|
+
var css_248z$v = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-7-0 {\n position: relative;\n z-index: 600;\n}\n\n.collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-7-0 {\n margin-right: 40px;\n}\n\n.collapsible-module-Collapsible-R-E0M-4-7-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-7-0 {\n position: absolute;\n}\n\n.collapsible-module-Collapsible--shadow-ObNC6-4-7-0 {\n box-shadow: var(--shadow-l);\n clip-path: inset(0px -16px 0px 0px);\n}\n\n.collapsible-module-Collapsible-body-63KgR-4-7-0 {\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-7-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-7-0:hover {\n background-color: var(--secondary-lighter);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-7-0:focus,\n.collapsible-module-Collapsible-footer-cTQby-4-7-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-7-0:active {\n background-color: var(--secondary-light);\n}\n\n.collapsible-module-Collapsible-footer--seperator-4XHlt-4-7-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
9690
|
+
var styles$t = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-7-0","Collapsible-wrapper--overlay":"collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-7-0","Collapsible":"collapsible-module-Collapsible-R-E0M-4-7-0","Collapsible--overlay":"collapsible-module-Collapsible--overlay-UiWwK-4-7-0","Collapsible--shadow":"collapsible-module-Collapsible--shadow-ObNC6-4-7-0","Collapsible-body":"collapsible-module-Collapsible-body-63KgR-4-7-0","Collapsible-footer":"collapsible-module-Collapsible-footer-cTQby-4-7-0","Collapsible-footer--seperator":"collapsible-module-Collapsible-footer--seperator-4XHlt-4-7-0"};
|
|
9691
9691
|
styleInject$1(css_248z$v);
|
|
9692
9692
|
|
|
9693
9693
|
var Collapsible = function Collapsible(props) {
|
|
@@ -9775,8 +9775,8 @@
|
|
|
9775
9775
|
withTrigger: true
|
|
9776
9776
|
};
|
|
9777
9777
|
|
|
9778
|
-
var css_248z$u = ".chat-module-Box-nVkrd-4-
|
|
9779
|
-
var styles$s = {"Box":"chat-module-Box-nVkrd-4-
|
|
9778
|
+
var css_248z$u = ".chat-module-Box-nVkrd-4-7-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-7-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.chat-module-Box--incoming-8KEhx-4-7-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-7-0 {\n background-color: var(--secondary-lightest);\n}\n\n.chat-module-Box-incoming--withStatus-gGxq9-4-7-0 {\n border-bottom-left-radius: 0;\n}\n\n.chat-module-Box-outgoing--withStatus-fYw1d-4-7-0 {\n border-bottom-right-radius: 0;\n}\n\n.chat-module-Box--urgent-LErV3-4-7-0 {\n border-color: var(--alert);\n}\n\n.chat-module-ChatMessage-status-snoof-4-7-0 {\n margin-top: var(--spacing-10);\n display: block;\n}\n";
|
|
9779
|
+
var styles$s = {"Box":"chat-module-Box-nVkrd-4-7-0","Box--typing":"chat-module-Box--typing-WmXRM-4-7-0","Box--incoming":"chat-module-Box--incoming-8KEhx-4-7-0","Box--outgoing":"chat-module-Box--outgoing-eC7L7-4-7-0","Box-incoming--withStatus":"chat-module-Box-incoming--withStatus-gGxq9-4-7-0","Box-outgoing--withStatus":"chat-module-Box-outgoing--withStatus-fYw1d-4-7-0","Box--urgent":"chat-module-Box--urgent-LErV3-4-7-0","ChatMessage-status":"chat-module-ChatMessage-status-snoof-4-7-0"};
|
|
9780
9780
|
styleInject$1(css_248z$u);
|
|
9781
9781
|
|
|
9782
9782
|
var Status$1 = function Status(props) {
|
|
@@ -9943,8 +9943,8 @@
|
|
|
9943
9943
|
|
|
9944
9944
|
var EmptyStateContext = /*#__PURE__*/React__namespace.createContext({});
|
|
9945
9945
|
|
|
9946
|
-
var css_248z$t = ".emptyState-module-EmptyState-xAbqT-4-
|
|
9947
|
-
var styles$r = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-
|
|
9946
|
+
var css_248z$t = ".emptyState-module-EmptyState-xAbqT-4-7-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-7-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-7-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-7-0 {\n text-align: center;\n max-width: 480px;\n}\n\n.emptyState-module-EmptyState-description-orGdo-4-7-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-7-0 {\n margin-top: var(--spacing-120);\n}\n\n.emptyState-module-EmptyState-title--small-lEDPt-4-7-0 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--large-hMXtK-4-7-0 {\n margin-bottom: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--small-gq50n-4-7-0 {\n margin-bottom: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-text-1y-HU-4-7-0 {\n display: flex;\n text-align: center;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-actions-xhSau-4-7-0 {\n display: flex;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-title--compressed-Pp9jF-4-7-0 {\n margin-top: var(--spacing-40);\n}\n.emptyState-module-EmptyState-title--standard-XtKl2-4-7-0 {\n margin-top: var(--spacing-60);\n}\n.emptyState-module-EmptyState-title--tight-ZSyIK-4-7-0 {\n margin-top: var(--spacing-30);\n}\n\n.emptyState-module-EmptyState-actions--compressed-E8-g2-4-7-0 {\n margin-top: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-actions--standard-G3fT9-4-7-0 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-actions--tight-mfayn-4-7-0 {\n margin-top: var(--spacing-30);\n}\n";
|
|
9947
|
+
var styles$r = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-7-0","EmptyState-Wrapper":"emptyState-module-EmptyState-Wrapper-IqIuE-4-7-0","EmptyState-image":"emptyState-module-EmptyState-image-GWUhK-4-7-0","EmptyState-title":"emptyState-module-EmptyState-title-VlvHo-4-7-0","EmptyState-description":"emptyState-module-EmptyState-description-orGdo-4-7-0","EmptyState-title--large":"emptyState-module-EmptyState-title--large-64J7i-4-7-0","EmptyState-title--small":"emptyState-module-EmptyState-title--small-lEDPt-4-7-0","EmptyState-description--large":"emptyState-module-EmptyState-description--large-hMXtK-4-7-0","EmptyState-description--small":"emptyState-module-EmptyState-description--small-gq50n-4-7-0","EmptyState-text":"emptyState-module-EmptyState-text-1y-HU-4-7-0","EmptyState-actions":"emptyState-module-EmptyState-actions-xhSau-4-7-0","EmptyState-title--compressed":"emptyState-module-EmptyState-title--compressed-Pp9jF-4-7-0","EmptyState-title--standard":"emptyState-module-EmptyState-title--standard-XtKl2-4-7-0","EmptyState-title--tight":"emptyState-module-EmptyState-title--tight-ZSyIK-4-7-0","EmptyState-actions--compressed":"emptyState-module-EmptyState-actions--compressed-E8-g2-4-7-0","EmptyState-actions--standard":"emptyState-module-EmptyState-actions--standard-G3fT9-4-7-0","EmptyState-actions--tight":"emptyState-module-EmptyState-actions--tight-mfayn-4-7-0"};
|
|
9948
9948
|
styleInject$1(css_248z$t);
|
|
9949
9949
|
|
|
9950
9950
|
var imageHeight$1 = {
|
|
@@ -10303,8 +10303,8 @@
|
|
|
10303
10303
|
pageJumpDebounceDuration: 750
|
|
10304
10304
|
};
|
|
10305
10305
|
|
|
10306
|
-
var css_248z$s = ".editableInput-module-EditableInput-jeeBB-4-
|
|
10307
|
-
var styles$q = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-
|
|
10306
|
+
var css_248z$s = ".editableInput-module-EditableInput-jeeBB-4-7-0 {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n width: 100%;\n}\n\n.editableInput-module-EditableInput-actions-L90fR-4-7-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-7-0 {\n top: var(--spacing-80);\n}\n\n.editableInput-module-EditableInput-actions--tiny-kIRx4-4-7-0 {\n top: var(--spacing-60);\n}\n\n.editableInput-module-EditableInput-default-PLtoY-4-7-0 {\n border: var(--border-width-2-5) solid transparent;\n box-sizing: border-box;\n white-space: nowrap;\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-30);\n display: flex;\n align-items: center;\n}\n\n.editableInput-module-EditableInput-default--regular-M9hwS-4-7-0 {\n min-width: var(--spacing-640);\n height: var(--spacing-80);\n}\n\n.editableInput-module-EditableInput-default--tiny-PMLyx-4-7-0 {\n min-width: var(--spacing-240);\n height: var(--spacing-60);\n}\n\n.editableInput-module-EditableInput-Input--tiny-3FTNw-4-7-0 {\n min-width: var(--spacing-240) !important;\n width: 100%;\n}\n";
|
|
10307
|
+
var styles$q = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-7-0","EditableInput-actions":"editableInput-module-EditableInput-actions-L90fR-4-7-0","EditableInput-actions--regular":"editableInput-module-EditableInput-actions--regular-ShViM-4-7-0","EditableInput-actions--tiny":"editableInput-module-EditableInput-actions--tiny-kIRx4-4-7-0","EditableInput-default":"editableInput-module-EditableInput-default-PLtoY-4-7-0","EditableInput-default--regular":"editableInput-module-EditableInput-default--regular-M9hwS-4-7-0","EditableInput-default--tiny":"editableInput-module-EditableInput-default--tiny-PMLyx-4-7-0","EditableInput-Input--tiny":"editableInput-module-EditableInput-Input--tiny-3FTNw-4-7-0"};
|
|
10308
10308
|
styleInject$1(css_248z$s);
|
|
10309
10309
|
|
|
10310
10310
|
var EditableInput = function EditableInput(props) {
|
|
@@ -10452,8 +10452,8 @@
|
|
|
10452
10452
|
inputOptions: {}
|
|
10453
10453
|
};
|
|
10454
10454
|
|
|
10455
|
-
var css_248z$r = ".editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
10456
|
-
var styles$p = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
10455
|
+
var css_248z$r = ".editableChipInput-module-EditableChipInput-fDBaL-4-7-0 {\n position: relative;\n width: 100%;\n}\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-7-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-30);\n border-left: var(--border-width-2-5) solid transparent;\n min-height: var(--spacing-80);\n flex-wrap: wrap;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-7-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-20);\n border: var(--border-width-2-5) solid transparent;\n padding-top: var(--spacing-2-5);\n padding-bottom: var(--spacing-2-5);\n max-width: calc(100% - 28px);\n flex-wrap: wrap;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-7-0:hover,\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-7-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.editableChipInput-module-EditableChipInput-chipInput-5LAer-4-7-0 {\n padding-left: var(--spacing-20);\n}\n\n.editableChipInput-module-EditableChipInput-actions-S7NrY-4-7-0 {\n position: absolute;\n display: flex;\n justify-content: flex-end;\n margin-top: var(--spacing-10);\n width: 100%;\n}\n";
|
|
10456
|
+
var styles$p = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-7-0","EditableChipInput-default":"editableChipInput-module-EditableChipInput-default-ANzd8-4-7-0","EditableChipInput-defaultWithChips":"editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-7-0","EditableChipInput-chipInput":"editableChipInput-module-EditableChipInput-chipInput-5LAer-4-7-0","EditableChipInput-actions":"editableChipInput-module-EditableChipInput-actions-S7NrY-4-7-0"};
|
|
10457
10457
|
styleInject$1(css_248z$r);
|
|
10458
10458
|
|
|
10459
10459
|
var EditableChipInput = function EditableChipInput(props) {
|
|
@@ -10606,8 +10606,8 @@
|
|
|
10606
10606
|
chipInputOptions: {}
|
|
10607
10607
|
};
|
|
10608
10608
|
|
|
10609
|
-
var css_248z$q = ".progressRing-module-Ring-6kz7n-4-
|
|
10610
|
-
var styles$o = {"Ring":"progressRing-module-Ring-6kz7n-4-
|
|
10609
|
+
var css_248z$q = ".progressRing-module-Ring-6kz7n-4-7-0 {\n transform: rotate(-90deg);\n}\n\n.progressRing-module-Ring--small-h-W58-4-7-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.progressRing-module-Ring--regular-PU85S-4-7-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.progressRing-module-Ring--large-2xhS6-4-7-0 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.progressRing-module-Ring-6kz7n-4-7-0 Circle {\n fill: none;\n}\n\n.progressRing-module-Ring-background-Pxm3y-4-7-0 {\n stroke: var(--secondary-lightest);\n}\n\n.progressRing-module-Ring-indicator-OwMxU-4-7-0 {\n stroke: var(--primary);\n transition: var(--duration--slow-01) var(--standard-expressive-curve);\n}\n";
|
|
10610
|
+
var styles$o = {"Ring":"progressRing-module-Ring-6kz7n-4-7-0","Ring--small":"progressRing-module-Ring--small-h-W58-4-7-0","Ring--regular":"progressRing-module-Ring--regular-PU85S-4-7-0","Ring--large":"progressRing-module-Ring--large-2xhS6-4-7-0","Ring-background":"progressRing-module-Ring-background-Pxm3y-4-7-0","Ring-indicator":"progressRing-module-Ring-indicator-OwMxU-4-7-0"};
|
|
10611
10611
|
styleInject$1(css_248z$q);
|
|
10612
10612
|
|
|
10613
10613
|
var ProgressRing = function ProgressRing(props) {
|
|
@@ -10651,8 +10651,8 @@
|
|
|
10651
10651
|
max: 100
|
|
10652
10652
|
};
|
|
10653
10653
|
|
|
10654
|
-
var css_248z$p = ".stepper-module-Stepper-2fHQy-4-
|
|
10655
|
-
var styles$n = {"Stepper":"stepper-module-Stepper-2fHQy-4-
|
|
10654
|
+
var css_248z$p = ".stepper-module-Stepper-2fHQy-4-7-0 {\n display: flex;\n}\n\n.stepper-module-Step-U1Ae--4-7-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-7-0:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step-U1Ae--4-7-0:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step-U1Ae--4-7-0:focus,\n.stepper-module-Step-U1Ae--4-7-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n/* Completed State */\n\n.stepper-module-Step--completed-W1Ltb-4-7-0 {\n color: var(--primary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-7-0:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-7-0:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-7-0:focus,\n.stepper-module-Step--completed-W1Ltb-4-7-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n/* Active State */\n\n.stepper-module-Step--active-OpxVe-4-7-0 {\n background-color: var(--primary-lightest);\n color: var(--primary-dark);\n transition-delay: var(--duration--fast-02);\n}\n\n.stepper-module-Step--active-OpxVe-4-7-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.stepper-module-Step--active-OpxVe-4-7-0:focus,\n.stepper-module-Step--active-OpxVe-4-7-0:focus-visible {\n background-color: var(--primary-lightest);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.stepper-module-Step--active-OpxVe-4-7-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.stepper-module-Step--active-OpxVe-4-7-0:active .stepper-module-Stepper-text-1S78v-4-7-0 {\n color: var(--primary-darker);\n}\n\n/* Disabled State */\n\n.stepper-module-Step--disabled-2l-AC-4-7-0 {\n cursor: not-allowed;\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n\n.stepper-module-Stepper-animate-Tgb9L-4-7-0 {\n transition-delay: var(--duration--fast-02);\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n";
|
|
10655
|
+
var styles$n = {"Stepper":"stepper-module-Stepper-2fHQy-4-7-0","Step":"stepper-module-Step-U1Ae--4-7-0","Step--completed":"stepper-module-Step--completed-W1Ltb-4-7-0","Step--active":"stepper-module-Step--active-OpxVe-4-7-0","Stepper-text":"stepper-module-Stepper-text-1S78v-4-7-0","Step--disabled":"stepper-module-Step--disabled-2l-AC-4-7-0","Stepper-animate":"stepper-module-Stepper-animate-Tgb9L-4-7-0"};
|
|
10656
10656
|
styleInject$1(css_248z$p);
|
|
10657
10657
|
|
|
10658
10658
|
var Step$1 = function Step(props) {
|
|
@@ -10742,8 +10742,8 @@
|
|
|
10742
10742
|
skipIndexes: []
|
|
10743
10743
|
};
|
|
10744
10744
|
|
|
10745
|
-
var css_248z$o = ".dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
10746
|
-
var styles$m = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
10745
|
+
var css_248z$o = ".dateRangePicker-module-DateRangePicker-XQroW-4-7-0 {\n display: flex;\n}\n\n.dateRangePicker-module-DateRangePicker--left-h3kfr-4-7-0 {\n flex-direction: row;\n}\n\n.dateRangePicker-module-DateRangePicker--right-0yzI--4-7-0 {\n flex-direction: row-reverse;\n}\n\n.dateRangePicker-module-DateRangePicker-input-OZjbS-4-7-0 {\n box-sizing: border-box;\n}\n\n.dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-7-0 {\n padding-right: var(--spacing-10);\n}\n\n.dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-7-0 {\n padding-left: var(--spacing-10);\n}\n\n@media (max-width: 576px) {\n .dateRangePicker-module-DateRangePicker-input-OZjbS-4-7-0 {\n padding: 0;\n }\n\n .dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-7-0 {\n padding-top: var(--spacing-20);\n }\n}\n";
|
|
10746
|
+
var styles$m = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-7-0","DateRangePicker--left":"dateRangePicker-module-DateRangePicker--left-h3kfr-4-7-0","DateRangePicker--right":"dateRangePicker-module-DateRangePicker--right-0yzI--4-7-0","DateRangePicker-input":"dateRangePicker-module-DateRangePicker-input-OZjbS-4-7-0","DateRangePicker-input--startDate":"dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-7-0","DateRangePicker-input--endDate":"dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-7-0"};
|
|
10747
10747
|
styleInject$1(css_248z$o);
|
|
10748
10748
|
|
|
10749
10749
|
var Trigger = function Trigger(props) {
|
|
@@ -11518,8 +11518,8 @@
|
|
|
11518
11518
|
return DateRangePicker;
|
|
11519
11519
|
}(React__namespace.Component);
|
|
11520
11520
|
|
|
11521
|
-
var css_248z$n = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-
|
|
11522
|
-
var styles$l = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-
|
|
11521
|
+
var css_248z$n = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-7-0 {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.tabs-module-TabsWrapper-header-psflk-4-7-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-7-0 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-7anZt-4-7-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-7-0 {\n padding: var(--spacing-20) var(--spacing-30) var(--spacing-30);\n}\n\n.tabs-module-Tab--regular-f2Pf2-4-7-0 {\n padding: var(--spacing-30) var(--spacing-30) var(--spacing-40);\n}\n\n.tabs-module-Tab-7anZt-4-7-0:last-child {\n margin-right: 0;\n}\n\n.tabs-module-Tab-7anZt-4-7-0::after {\n position: absolute;\n left: 0;\n bottom: 0;\n content: '';\n width: calc(100% - 2 * var(--spacing-30));\n height: var(--spacing-05);\n background-color: transparent;\n margin-left: var(--spacing-30);\n border-top-left-radius: var(--border-radius-2-5);\n border-top-right-radius: var(--border-radius-2-5);\n}\n\n.tabs-module-Tab-7anZt-4-7-0:hover::after {\n background-color: var(--inverse-lighter);\n}\n\n.tabs-module-Tab-7anZt-4-7-0:active::after {\n background-color: var(--inverse-light);\n}\n\n.tabs-module-Tab--active-H398--4-7-0::after {\n background-color: var(--primary);\n}\n\n.tabs-module-Tab-7anZt-4-7-0:focus {\n outline: none;\n border-radius: var(--border-radius-10);\n /* Using box shadow instead of border as border shifts the div down which cuts the Icon & Text of label. */\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.tabs-module-Tab--active-H398--4-7-0:hover .tabs-module-Tab-selected-21aei-4-7-0 {\n color: var(--primary-dark);\n}\n\n.tabs-module-Tab-selected-21aei-4-7-0:hover::after {\n background-color: var(--primary-dark);\n}\n\n.tabs-module-Tab-7anZt-4-7-0:active:focus {\n box-shadow: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-7-0 {\n cursor: not-allowed;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-7-0:focus {\n box-shadow: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-7-0:hover::after {\n background-color: transparent;\n}\n\n.tabs-module-Tab-icon-s-gJG-4-7-0 {\n display: flex;\n min-width: inherit;\n justify-content: space-between;\n}\n\n.tabs-module-Tabs-oQ6zt-4-7-0 {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n}\n\n.tabs-module-Tabs--withSeparator-ENZzj-4-7-0 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-pills-i0on--4-7-0 {\n cursor: pointer;\n margin-right: var(--spacing-20);\n overflow: visible;\n}\n\n.tabs-module-Tab-pills--disabled-7RUAZ-4-7-0 {\n opacity: var(--opacity-10);\n cursor: not-allowed;\n}\n\n.tabs-module-DismissibleTab-icon--right--MDLa-4-7-0 {\n padding: var(--spacing-05);\n margin-left: var(--spacing-05);\n outline: none;\n border-radius: var(--border-radius-full);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-7-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-7-0:hover {\n background-color: var(--secondary);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-7-0:active {\n background-color: var(--secondary-dark);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-7-0:focus-visible {\n outline: var(--spacing-05) solid var(--primary-shadow);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-7-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-7-0:active {\n background-color: var(--primary-light);\n}\n\n.tabs-module-Tab--overflow-ZMfp0-4-7-0 {\n display: flex;\n box-sizing: border-box;\n}\n";
|
|
11522
|
+
var styles$l = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-7-0","TabsWrapper-header":"tabs-module-TabsWrapper-header-psflk-4-7-0","TabsWrapper-header--withSeparator":"tabs-module-TabsWrapper-header--withSeparator-gbJ63-4-7-0","Tab":"tabs-module-Tab-7anZt-4-7-0","Tab--small":"tabs-module-Tab--small-t-Ovt-4-7-0","Tab--regular":"tabs-module-Tab--regular-f2Pf2-4-7-0","Tab--active":"tabs-module-Tab--active-H398--4-7-0","Tab-selected":"tabs-module-Tab-selected-21aei-4-7-0","Tab--disabled":"tabs-module-Tab--disabled-jMmkz-4-7-0","Tab-icon":"tabs-module-Tab-icon-s-gJG-4-7-0","Tabs":"tabs-module-Tabs-oQ6zt-4-7-0","Tabs--withSeparator":"tabs-module-Tabs--withSeparator-ENZzj-4-7-0","Tab-pills":"tabs-module-Tab-pills-i0on--4-7-0","Tab-pills--disabled":"tabs-module-Tab-pills--disabled-7RUAZ-4-7-0","DismissibleTab-icon--right":"tabs-module-DismissibleTab-icon--right--MDLa-4-7-0","DismissibleTab-icon--default":"tabs-module-DismissibleTab-icon--default-Jh5TO-4-7-0","DismissibleTab-icon--selected":"tabs-module-DismissibleTab-icon--selected-9Fyvu-4-7-0","Tab--overflow":"tabs-module-Tab--overflow-ZMfp0-4-7-0"};
|
|
11523
11523
|
styleInject$1(css_248z$n);
|
|
11524
11524
|
|
|
11525
11525
|
var TabsWrapper = function TabsWrapper(props) {
|
|
@@ -11788,7 +11788,7 @@
|
|
|
11788
11788
|
withSeparator: true,
|
|
11789
11789
|
tabs: [],
|
|
11790
11790
|
size: 'regular',
|
|
11791
|
-
maxWidth: 'var(--spacing-
|
|
11791
|
+
maxWidth: 'var(--spacing-640)'
|
|
11792
11792
|
};
|
|
11793
11793
|
|
|
11794
11794
|
var accepts = function accepts(file, acceptedFiles) {
|
|
@@ -12468,8 +12468,8 @@
|
|
|
12468
12468
|
}
|
|
12469
12469
|
};
|
|
12470
12470
|
|
|
12471
|
-
var css_248z$m = ".dropzone-module-Dropzone-xfBzQ-4-
|
|
12472
|
-
var styles$k = {"Dropzone":"dropzone-module-Dropzone-xfBzQ-4-
|
|
12471
|
+
var css_248z$m = ".dropzone-module-Dropzone-xfBzQ-4-7-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-7-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-7-0 {\n animation-delay: var(--duration--fast-02);\n animation-fill-mode: forwards;\n}\n\n.dropzone-module-Dropzone-animation--default-cuelA-4-7-0 {\n animation: dropzone-module-dropzoneDefault-5MWv4-4-7-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-animation--active-AlfVM-4-7-0 {\n animation: dropzone-module-dropzoneActive-DcbqH-4-7-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneDefault-5MWv4-4-7-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-7-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-7-0 {\n animation: dropzone-module-dropzoneStandardDefault-YIUej-4-7-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-standard--active-8ZfF7-4-7-0 {\n animation: dropzone-module-dropzoneStandardActive-ZiJ-w-4-7-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneStandardDefault-YIUej-4-7-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-7-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-7-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-7-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-7-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-7-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-7-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-7-0 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.dropzone-module-DropzoneWrapper--standard-0fW8S-4-7-0,\n.dropzone-module-DropzoneWrapper--tight-Cg0sm-4-7-0 {\n align-items: center;\n}\n\n.dropzone-module-DropzoneWrapper--compressed-UKNax-4-7-0 {\n align-items: start;\n}\n\n.dropzone-module-Dropzone-icon--standard-Nv5eM-4-7-0 {\n margin-bottom: var(--spacing-30);\n}\n\n.dropzone-module-Dropzone-icon--compressed-lcmwS-4-7-0 {\n margin-right: var(--spacing-60);\n}\n\n.dropzone-module-Dropzone-icon--disabled-8nN-d-4-7-0 {\n fill: var(--inverse-lightest);\n}\n\n.dropzone-module-Dropzone-icon--default-mwP9a-4-7-0 {\n fill: var(--inverse-lighter);\n}\n\n.dropzone-module-Dropzone-icon--active-qPLXO-4-7-0 {\n fill: var(--primary);\n}\n\n.dropzone-module-Dropzone-icon--error-ImiCw-4-7-0 {\n fill: var(--alert);\n}\n";
|
|
12472
|
+
var styles$k = {"Dropzone":"dropzone-module-Dropzone-xfBzQ-4-7-0","Dropzone--active":"dropzone-module-Dropzone--active-M0Gcb-4-7-0","Dropzone-animation":"dropzone-module-Dropzone-animation-qJQVf-4-7-0","Dropzone-animation--default":"dropzone-module-Dropzone-animation--default-cuelA-4-7-0","dropzoneDefault":"dropzone-module-dropzoneDefault-5MWv4-4-7-0","Dropzone-animation--active":"dropzone-module-Dropzone-animation--active-AlfVM-4-7-0","dropzoneActive":"dropzone-module-dropzoneActive-DcbqH-4-7-0","Dropzone-standard--default":"dropzone-module-Dropzone-standard--default-HMghu-4-7-0","dropzoneStandardDefault":"dropzone-module-dropzoneStandardDefault-YIUej-4-7-0","Dropzone-standard--active":"dropzone-module-Dropzone-standard--active-8ZfF7-4-7-0","dropzoneStandardActive":"dropzone-module-dropzoneStandardActive-ZiJ-w-4-7-0","Dropzone--error":"dropzone-module-Dropzone--error-wcuXz-4-7-0","Dropzone--disabled":"dropzone-module-Dropzone--disabled-Z-6tQ-4-7-0","Dropzone--standard":"dropzone-module-Dropzone--standard-BLqgV-4-7-0","Dropzone--compressed":"dropzone-module-Dropzone--compressed-REqQ2-4-7-0","Dropzone--tight":"dropzone-module-Dropzone--tight--XZ-s-4-7-0","DropzoneWrapper":"dropzone-module-DropzoneWrapper-sLmKQ-4-7-0","DropzoneWrapper--standard":"dropzone-module-DropzoneWrapper--standard-0fW8S-4-7-0","DropzoneWrapper--tight":"dropzone-module-DropzoneWrapper--tight-Cg0sm-4-7-0","DropzoneWrapper--compressed":"dropzone-module-DropzoneWrapper--compressed-UKNax-4-7-0","Dropzone-icon--standard":"dropzone-module-Dropzone-icon--standard-Nv5eM-4-7-0","Dropzone-icon--compressed":"dropzone-module-Dropzone-icon--compressed-lcmwS-4-7-0","Dropzone-icon--disabled":"dropzone-module-Dropzone-icon--disabled-8nN-d-4-7-0","Dropzone-icon--default":"dropzone-module-Dropzone-icon--default-mwP9a-4-7-0","Dropzone-icon--active":"dropzone-module-Dropzone-icon--active-qPLXO-4-7-0","Dropzone-icon--error":"dropzone-module-Dropzone-icon--error-ImiCw-4-7-0"};
|
|
12473
12473
|
styleInject$1(css_248z$m);
|
|
12474
12474
|
|
|
12475
12475
|
var svgCode = {
|
|
@@ -12479,8 +12479,8 @@
|
|
|
12479
12479
|
};
|
|
12480
12480
|
var DropzoneIcon = function DropzoneIcon(props) {
|
|
12481
12481
|
var IconStyle = {
|
|
12482
|
-
height: 'var(--spacing-
|
|
12483
|
-
width: 'var(--spacing-
|
|
12482
|
+
height: 'var(--spacing-160)',
|
|
12483
|
+
width: 'var(--spacing-160)'
|
|
12484
12484
|
};
|
|
12485
12485
|
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
12486
12486
|
style: IconStyle,
|
|
@@ -12601,8 +12601,8 @@
|
|
|
12601
12601
|
};
|
|
12602
12602
|
FileUploaderFormat.displayName = 'FileUploaderFormat';
|
|
12603
12603
|
|
|
12604
|
-
var css_248z$l = ".fileUploader-module-FileUploader--Pv73-4-
|
|
12605
|
-
var styles$j = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-
|
|
12604
|
+
var css_248z$l = ".fileUploader-module-FileUploader--Pv73-4-7-0 {\n display: flex;\n flex-direction: column;\n}\n\n.fileUploader-module-FileUploaderButton-qfMIr-4-7-0 {\n width: -moz-fit-content;\n width: fit-content;\n position: relative;\n}\n\n.fileUploader-module-FileUploaderButton-input-em151-4-7-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-7-0 {\n width: var(--spacing-640);\n}\n\n.fileUploader-module-FileUploaderItem-text-5ygMX-4-7-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-7-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";
|
|
12605
|
+
var styles$j = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-7-0","FileUploaderButton":"fileUploader-module-FileUploaderButton-qfMIr-4-7-0","FileUploaderButton-input":"fileUploader-module-FileUploaderButton-input-em151-4-7-0","FileUploaderItem":"fileUploader-module-FileUploaderItem-ukfM6-4-7-0","FileUploaderItem-text":"fileUploader-module-FileUploaderItem-text-5ygMX-4-7-0","FileUploaderItem-file":"fileUploader-module-FileUploaderItem-file-HKKiB-4-7-0"};
|
|
12606
12606
|
styleInject$1(css_248z$l);
|
|
12607
12607
|
|
|
12608
12608
|
var FileUploaderButton = function FileUploaderButton(props) {
|
|
@@ -13042,7 +13042,15 @@
|
|
|
13042
13042
|
error: false,
|
|
13043
13043
|
sortingList: [],
|
|
13044
13044
|
filterList: {},
|
|
13045
|
-
showFilters: true
|
|
13045
|
+
showFilters: true,
|
|
13046
|
+
infiniteScrollOptions: {
|
|
13047
|
+
fetchRowsCount: 200,
|
|
13048
|
+
fetchThreshold: 'balanced'
|
|
13049
|
+
},
|
|
13050
|
+
virtualRowOptions: {
|
|
13051
|
+
buffer: 10,
|
|
13052
|
+
visibleRows: 200
|
|
13053
|
+
}
|
|
13046
13054
|
};
|
|
13047
13055
|
|
|
13048
13056
|
var context = /*#__PURE__*/React__namespace.createContext(__assign$1(__assign$1({}, defaultProps$1), {
|
|
@@ -13549,7 +13557,8 @@
|
|
|
13549
13557
|
};
|
|
13550
13558
|
var wrapperClasses = classNames__default["default"](className, (_b = {}, _b[gridStyles['Grid-rowWrapper']] = true, _b));
|
|
13551
13559
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
13552
|
-
className: wrapperClasses
|
|
13560
|
+
className: wrapperClasses,
|
|
13561
|
+
"data-test": "DesignSystem-Grid-rowWrapper"
|
|
13553
13562
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
13554
13563
|
"data-test": "DesignSystem-Grid-row",
|
|
13555
13564
|
className: rowClasses,
|
|
@@ -13563,24 +13572,194 @@
|
|
|
13563
13572
|
data: {}
|
|
13564
13573
|
};
|
|
13565
13574
|
|
|
13575
|
+
var isElementInView = function isElementInView(container, element) {
|
|
13576
|
+
var containerTop = container.offsetTop;
|
|
13577
|
+
var elementRect = element.getBoundingClientRect();
|
|
13578
|
+
var elementTop = elementRect.top;
|
|
13579
|
+
var elementHeight = elementRect.height;
|
|
13580
|
+
return elementHeight - (containerTop - elementTop) > 0;
|
|
13581
|
+
};
|
|
13582
|
+
var VirtualList = function VirtualList(props) {
|
|
13583
|
+
var _a = props.buffer,
|
|
13584
|
+
buffer = _a === void 0 ? 10 : _a,
|
|
13585
|
+
_b = props.length,
|
|
13586
|
+
length = _b === void 0 ? 200 : _b,
|
|
13587
|
+
_c = props.offset,
|
|
13588
|
+
initialOffset = _c === void 0 ? 0 : _c,
|
|
13589
|
+
minItemHeight = props.minItemHeight,
|
|
13590
|
+
totalLength = props.totalLength,
|
|
13591
|
+
renderItem = props.renderItem,
|
|
13592
|
+
onScroll = props.onScroll,
|
|
13593
|
+
rest = __rest(props, ["buffer", "length", "offset", "minItemHeight", "totalLength", "renderItem", "onScroll"]);
|
|
13594
|
+
var _d = React.useState(initialOffset),
|
|
13595
|
+
offset = _d[0],
|
|
13596
|
+
setOffset = _d[1];
|
|
13597
|
+
var _e = React.useState(minItemHeight),
|
|
13598
|
+
avgRowHeight = _e[0],
|
|
13599
|
+
setAvgRowHeight = _e[1];
|
|
13600
|
+
var _f = React.useState(false),
|
|
13601
|
+
init = _f[0],
|
|
13602
|
+
setInit = _f[1];
|
|
13603
|
+
var listRef = React.useRef(null);
|
|
13604
|
+
var lastScrollTop = React.useRef(0);
|
|
13605
|
+
React.useEffect(function () {
|
|
13606
|
+
updateOffset(initialOffset);
|
|
13607
|
+
}, [initialOffset]);
|
|
13608
|
+
var updateOffset = React.useCallback(function (prevOffset) {
|
|
13609
|
+
var offsetDiff = prevOffset - offset;
|
|
13610
|
+
if (listRef.current) {
|
|
13611
|
+
var el = listRef.current;
|
|
13612
|
+
var items = el.querySelectorAll('.VS-item');
|
|
13613
|
+
var heightAdded = 0;
|
|
13614
|
+
var currOffset = prevOffset;
|
|
13615
|
+
var start_1 = Math.min(offset, buffer);
|
|
13616
|
+
var end_1 = start_1 + offsetDiff;
|
|
13617
|
+
for (var i = Math.min(items.length, end_1) - 1; i >= start_1; i--) {
|
|
13618
|
+
var inView = isElementInView(el, items[i]);
|
|
13619
|
+
if (inView) {
|
|
13620
|
+
currOffset--;
|
|
13621
|
+
var rowHeight = items[i].clientHeight;
|
|
13622
|
+
heightAdded += rowHeight;
|
|
13623
|
+
} else {
|
|
13624
|
+
break;
|
|
13625
|
+
}
|
|
13626
|
+
}
|
|
13627
|
+
if (items.length < end_1) {
|
|
13628
|
+
var diff = end_1 - items.length;
|
|
13629
|
+
heightAdded += diff * minItemHeight;
|
|
13630
|
+
currOffset -= diff;
|
|
13631
|
+
}
|
|
13632
|
+
var newAvgRowHeight = currOffset === 0 ? minItemHeight : (avgRowHeight * prevOffset - heightAdded) / currOffset;
|
|
13633
|
+
setOffset(currOffset);
|
|
13634
|
+
setAvgRowHeight(Math.max(minItemHeight, newAvgRowHeight));
|
|
13635
|
+
}
|
|
13636
|
+
}, [offset, buffer, avgRowHeight, minItemHeight]);
|
|
13637
|
+
var onScrollHandler = React.useCallback(function (event) {
|
|
13638
|
+
var _a;
|
|
13639
|
+
if (listRef.current) {
|
|
13640
|
+
var el = listRef.current;
|
|
13641
|
+
var scrollTop = el.scrollTop;
|
|
13642
|
+
var direction = Math.floor(scrollTop - lastScrollTop.current);
|
|
13643
|
+
if (direction === 0) return;
|
|
13644
|
+
var items = el.querySelectorAll('.VS-item');
|
|
13645
|
+
var newOffset = offset;
|
|
13646
|
+
var newAvgRowHeight = avgRowHeight;
|
|
13647
|
+
var start_2 = Math.min(offset, buffer);
|
|
13648
|
+
if (direction > 0) {
|
|
13649
|
+
if (offset < totalLength - length) {
|
|
13650
|
+
var heightAdded = 0;
|
|
13651
|
+
for (var i = start_2; i < items.length; i++) {
|
|
13652
|
+
var inView = isElementInView(el, items[i]);
|
|
13653
|
+
var rowHeight = items[i].clientHeight;
|
|
13654
|
+
if (!inView) {
|
|
13655
|
+
heightAdded += rowHeight;
|
|
13656
|
+
newOffset++;
|
|
13657
|
+
} else {
|
|
13658
|
+
break;
|
|
13659
|
+
}
|
|
13660
|
+
}
|
|
13661
|
+
if (heightAdded < direction) {
|
|
13662
|
+
var heightLeft = direction - heightAdded;
|
|
13663
|
+
var offsetToBeAdded = Math.floor(heightLeft / minItemHeight);
|
|
13664
|
+
newOffset += offsetToBeAdded;
|
|
13665
|
+
heightAdded += offsetToBeAdded * minItemHeight;
|
|
13666
|
+
}
|
|
13667
|
+
newAvgRowHeight = newOffset > 0 ? (offset * avgRowHeight + heightAdded) / newOffset : minItemHeight;
|
|
13668
|
+
setOffset(Math.min(newOffset, totalLength - length));
|
|
13669
|
+
setAvgRowHeight(Math.max(minItemHeight, newAvgRowHeight));
|
|
13670
|
+
}
|
|
13671
|
+
} else {
|
|
13672
|
+
var scrollDiff = ((_a = items[start_2]) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().y) - (el === null || el === void 0 ? void 0 : el.getBoundingClientRect().y);
|
|
13673
|
+
if (scrollDiff > 0) {
|
|
13674
|
+
var offsetDiff = Math.floor(scrollDiff / minItemHeight) || 1;
|
|
13675
|
+
var newOffset_1 = offset - offsetDiff;
|
|
13676
|
+
if (newOffset_1 < totalLength - (length + buffer)) {
|
|
13677
|
+
setOffset(Math.max(0, newOffset_1));
|
|
13678
|
+
}
|
|
13679
|
+
}
|
|
13680
|
+
}
|
|
13681
|
+
lastScrollTop.current = scrollTop;
|
|
13682
|
+
if (onScroll) onScroll(event, el);
|
|
13683
|
+
}
|
|
13684
|
+
}, [offset, avgRowHeight, buffer, length, minItemHeight, totalLength, onScroll]);
|
|
13685
|
+
var renderItems = function renderItems(start, end) {
|
|
13686
|
+
return Array.from({
|
|
13687
|
+
length: end - start + 1
|
|
13688
|
+
}, function (_, index) {
|
|
13689
|
+
var rowIndex = start + index;
|
|
13690
|
+
var component = renderItem(rowIndex);
|
|
13691
|
+
return /*#__PURE__*/React__default["default"].cloneElement(component, {
|
|
13692
|
+
key: rowIndex,
|
|
13693
|
+
className: ['VS-item', component.props.className].join(' ').trim()
|
|
13694
|
+
});
|
|
13695
|
+
});
|
|
13696
|
+
};
|
|
13697
|
+
var start = Math.max(0, offset - buffer);
|
|
13698
|
+
var end = Math.min(offset + (length + buffer) - 1, totalLength - 1);
|
|
13699
|
+
var topPadding = Math.max(0, start * avgRowHeight);
|
|
13700
|
+
var bottomPadding = Math.max(0, (totalLength - end - 1) * avgRowHeight);
|
|
13701
|
+
return /*#__PURE__*/React__default["default"].createElement("div", __assign$1({}, rest, {
|
|
13702
|
+
ref: function ref(el) {
|
|
13703
|
+
listRef.current = el;
|
|
13704
|
+
if (!init) setInit(true);
|
|
13705
|
+
},
|
|
13706
|
+
onScroll: onScrollHandler
|
|
13707
|
+
}), init && (/*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
13708
|
+
style: {
|
|
13709
|
+
flexShrink: 0,
|
|
13710
|
+
height: topPadding
|
|
13711
|
+
}
|
|
13712
|
+
}), renderItems(start, end), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
13713
|
+
style: {
|
|
13714
|
+
flexShrink: 0,
|
|
13715
|
+
height: bottomPadding
|
|
13716
|
+
}
|
|
13717
|
+
}))));
|
|
13718
|
+
};
|
|
13719
|
+
|
|
13566
13720
|
var GridBody = function GridBody(props) {
|
|
13567
13721
|
var context$1 = React__namespace.useContext(context);
|
|
13568
13722
|
var data = context$1.data,
|
|
13569
13723
|
ref = context$1.ref,
|
|
13570
13724
|
loading = context$1.loading,
|
|
13571
|
-
error = context$1.error,
|
|
13572
13725
|
withPagination = context$1.withPagination,
|
|
13573
13726
|
page = context$1.page,
|
|
13574
13727
|
pageSize = context$1.pageSize,
|
|
13575
13728
|
totalRecords = context$1.totalRecords,
|
|
13576
|
-
|
|
13577
|
-
|
|
13578
|
-
return errorTemplate ? typeof errorTemplate === 'function' ? errorTemplate({}) : errorTemplate : null;
|
|
13579
|
-
}
|
|
13729
|
+
size = context$1.size;
|
|
13730
|
+
var listRef = React__namespace.useRef(null);
|
|
13580
13731
|
var schema = props.schema,
|
|
13581
13732
|
prevPageInfo = props.prevPageInfo,
|
|
13582
13733
|
updatePrevPageInfo = props.updatePrevPageInfo,
|
|
13583
|
-
onSelect = props.onSelect
|
|
13734
|
+
onSelect = props.onSelect,
|
|
13735
|
+
virtualRowOptions = props.virtualRowOptions,
|
|
13736
|
+
infiniteScrollOptions = props.infiniteScrollOptions,
|
|
13737
|
+
enableInfiniteScroll = props.enableInfiniteScroll,
|
|
13738
|
+
onScroll = props.onScroll,
|
|
13739
|
+
fetchDataOnScroll = props.fetchDataOnScroll,
|
|
13740
|
+
enableRowVirtualization = props.enableRowVirtualization;
|
|
13741
|
+
var buffer = virtualRowOptions.buffer,
|
|
13742
|
+
visibleRows = virtualRowOptions.visibleRows;
|
|
13743
|
+
var _a = React__namespace.useState(false),
|
|
13744
|
+
isLoadingMore = _a[0],
|
|
13745
|
+
setIsLoadingMore = _a[1];
|
|
13746
|
+
var _b = React__namespace.useState(2),
|
|
13747
|
+
currentPage = _b[0],
|
|
13748
|
+
setCurrentPage = _b[1];
|
|
13749
|
+
var _c = React__namespace.useState(true),
|
|
13750
|
+
hasMoreData = _c[0],
|
|
13751
|
+
setHasMoreData = _c[1];
|
|
13752
|
+
var _d = React__namespace.useState(false),
|
|
13753
|
+
error = _d[0],
|
|
13754
|
+
setError = _d[1];
|
|
13755
|
+
var _e = React__namespace.useState(false),
|
|
13756
|
+
retryDataFetch = _e[0],
|
|
13757
|
+
setRetryDataFetch = _e[1];
|
|
13758
|
+
var endReached = React__namespace.useRef(false);
|
|
13759
|
+
var fetchRowsCount = infiniteScrollOptions.fetchRowsCount;
|
|
13760
|
+
infiniteScrollOptions.fetchThreshold;
|
|
13761
|
+
var fetchErrorRenderer = infiniteScrollOptions.fetchErrorRenderer,
|
|
13762
|
+
retryFetchRenderer = infiniteScrollOptions.retryFetchRenderer;
|
|
13584
13763
|
React__namespace.useEffect(function () {
|
|
13585
13764
|
var gridBodyEl = ref.querySelector('.Grid-body');
|
|
13586
13765
|
var gridHeadEl = ref.querySelector('.Grid-head');
|
|
@@ -13604,7 +13783,7 @@
|
|
|
13604
13783
|
var totalPages = Math.ceil(totalRecords / pageSize);
|
|
13605
13784
|
var isLastPage = withPagination && page === totalPages;
|
|
13606
13785
|
var dataLength = isLastPage ? totalRecords - (page - 1) * pageSize : loading ? pageSize : withPagination ? Math.min(totalRecords, pageSize) : totalRecords;
|
|
13607
|
-
var renderRow = function
|
|
13786
|
+
var renderRow = React__namespace.useCallback(function (rowIndex, item) {
|
|
13608
13787
|
return /*#__PURE__*/React__namespace.createElement(GridRow, {
|
|
13609
13788
|
key: rowIndex,
|
|
13610
13789
|
rowIndex: rowIndex,
|
|
@@ -13612,6 +13791,12 @@
|
|
|
13612
13791
|
schema: schema,
|
|
13613
13792
|
onSelect: onSelect
|
|
13614
13793
|
});
|
|
13794
|
+
}, [data, schema, onSelect]);
|
|
13795
|
+
var minRowHeight = {
|
|
13796
|
+
comfortable: 40,
|
|
13797
|
+
standard: 40,
|
|
13798
|
+
compressed: 32,
|
|
13799
|
+
tight: 24
|
|
13615
13800
|
};
|
|
13616
13801
|
var getArrayList = function getArrayList() {
|
|
13617
13802
|
if (loading && !data.length) {
|
|
@@ -13621,10 +13806,170 @@
|
|
|
13621
13806
|
}
|
|
13622
13807
|
return data;
|
|
13623
13808
|
};
|
|
13809
|
+
var fetchNextRows = React__namespace.useCallback(function () {
|
|
13810
|
+
return __awaiter$1(void 0, void 0, void 0, function () {
|
|
13811
|
+
var fetchRowsCount, dataList;
|
|
13812
|
+
return __generator$1(this, function (_a) {
|
|
13813
|
+
switch (_a.label) {
|
|
13814
|
+
case 0:
|
|
13815
|
+
fetchRowsCount = (infiniteScrollOptions || {}).fetchRowsCount;
|
|
13816
|
+
if (!(fetchDataOnScroll && !isLoadingMore && hasMoreData && !error)) return [3, 5];
|
|
13817
|
+
setIsLoadingMore(true);
|
|
13818
|
+
_a.label = 1;
|
|
13819
|
+
case 1:
|
|
13820
|
+
_a.trys.push([1, 3, 4, 5]);
|
|
13821
|
+
return [4, fetchDataOnScroll === null || fetchDataOnScroll === void 0 ? void 0 : fetchDataOnScroll({
|
|
13822
|
+
page: currentPage + 1,
|
|
13823
|
+
rowsCount: fetchRowsCount
|
|
13824
|
+
})];
|
|
13825
|
+
case 2:
|
|
13826
|
+
dataList = _a.sent();
|
|
13827
|
+
if ((dataList === null || dataList === void 0 ? void 0 : dataList.length) === 0) {
|
|
13828
|
+
setHasMoreData(false);
|
|
13829
|
+
}
|
|
13830
|
+
setCurrentPage(function (prevPage) {
|
|
13831
|
+
return prevPage + 1;
|
|
13832
|
+
});
|
|
13833
|
+
setError(false);
|
|
13834
|
+
return [3, 5];
|
|
13835
|
+
case 3:
|
|
13836
|
+
_a.sent();
|
|
13837
|
+
setError(true);
|
|
13838
|
+
return [3, 5];
|
|
13839
|
+
case 4:
|
|
13840
|
+
setIsLoadingMore(false);
|
|
13841
|
+
return [7];
|
|
13842
|
+
case 5:
|
|
13843
|
+
return [2];
|
|
13844
|
+
}
|
|
13845
|
+
});
|
|
13846
|
+
});
|
|
13847
|
+
}, [isLoadingMore, hasMoreData, currentPage, fetchRowsCount, error]);
|
|
13848
|
+
var thresholdMapper = {
|
|
13849
|
+
early: 0.5,
|
|
13850
|
+
balanced: 0.75,
|
|
13851
|
+
lazy: 0.9,
|
|
13852
|
+
'at-end': 0
|
|
13853
|
+
};
|
|
13854
|
+
var onScrollHandler = function onScrollHandler(event, listRef) {
|
|
13855
|
+
if (enableInfiniteScroll && infiniteScrollOptions && !withPagination) {
|
|
13856
|
+
var fetchThreshold_1 = infiniteScrollOptions.fetchThreshold;
|
|
13857
|
+
var scrollTop = listRef.scrollTop,
|
|
13858
|
+
scrollHeight = listRef.scrollHeight,
|
|
13859
|
+
clientHeight = listRef.clientHeight;
|
|
13860
|
+
var hasEndReached = fetchThreshold_1 === 'at-end' && scrollTop + clientHeight >= scrollHeight;
|
|
13861
|
+
var hasThresholdReached = fetchThreshold_1 !== 'at-end' && scrollTop + clientHeight >= scrollHeight * thresholdMapper[fetchThreshold_1];
|
|
13862
|
+
if (hasEndReached || hasThresholdReached) {
|
|
13863
|
+
if (!endReached.current) {
|
|
13864
|
+
endReached.current = true;
|
|
13865
|
+
fetchNextRows();
|
|
13866
|
+
}
|
|
13867
|
+
} else if (!hasEndReached && !hasThresholdReached) {
|
|
13868
|
+
endReached.current = false;
|
|
13869
|
+
}
|
|
13870
|
+
}
|
|
13871
|
+
if (onScroll) {
|
|
13872
|
+
onScroll(event);
|
|
13873
|
+
}
|
|
13874
|
+
};
|
|
13875
|
+
var memoizedVirtualScroll = React__namespace.useMemo(function () {
|
|
13876
|
+
return /*#__PURE__*/React__namespace.createElement(VirtualList, {
|
|
13877
|
+
buffer: buffer,
|
|
13878
|
+
className: gridStyles['Grid-body'],
|
|
13879
|
+
length: visibleRows,
|
|
13880
|
+
minItemHeight: minRowHeight[size],
|
|
13881
|
+
totalLength: dataLength,
|
|
13882
|
+
renderItem: renderRow,
|
|
13883
|
+
onScroll: onScrollHandler
|
|
13884
|
+
});
|
|
13885
|
+
}, [dataLength, renderRow, minRowHeight, size]);
|
|
13886
|
+
var handleOnScroll = function handleOnScroll(event) {
|
|
13887
|
+
if (!enableRowVirtualization) {
|
|
13888
|
+
onScrollHandler(event.nativeEvent, listRef.current);
|
|
13889
|
+
}
|
|
13890
|
+
};
|
|
13891
|
+
var retryRowsFetch = function retryRowsFetch() {
|
|
13892
|
+
return __awaiter$1(void 0, void 0, void 0, function () {
|
|
13893
|
+
var dataList;
|
|
13894
|
+
return __generator$1(this, function (_a) {
|
|
13895
|
+
switch (_a.label) {
|
|
13896
|
+
case 0:
|
|
13897
|
+
setError(false);
|
|
13898
|
+
setRetryDataFetch(true);
|
|
13899
|
+
setIsLoadingMore(true);
|
|
13900
|
+
_a.label = 1;
|
|
13901
|
+
case 1:
|
|
13902
|
+
_a.trys.push([1, 3, 4, 5]);
|
|
13903
|
+
return [4, fetchDataOnScroll === null || fetchDataOnScroll === void 0 ? void 0 : fetchDataOnScroll({
|
|
13904
|
+
page: currentPage + 1,
|
|
13905
|
+
rowsCount: fetchRowsCount
|
|
13906
|
+
})];
|
|
13907
|
+
case 2:
|
|
13908
|
+
dataList = _a.sent();
|
|
13909
|
+
if ((dataList === null || dataList === void 0 ? void 0 : dataList.length) === 0) {
|
|
13910
|
+
setHasMoreData(false);
|
|
13911
|
+
}
|
|
13912
|
+
setCurrentPage(function (prevPage) {
|
|
13913
|
+
return prevPage + 1;
|
|
13914
|
+
});
|
|
13915
|
+
setError(false);
|
|
13916
|
+
return [3, 5];
|
|
13917
|
+
case 3:
|
|
13918
|
+
_a.sent();
|
|
13919
|
+
setError(true);
|
|
13920
|
+
return [3, 5];
|
|
13921
|
+
case 4:
|
|
13922
|
+
setIsLoadingMore(false);
|
|
13923
|
+
setRetryDataFetch(false);
|
|
13924
|
+
return [7];
|
|
13925
|
+
case 5:
|
|
13926
|
+
return [2];
|
|
13927
|
+
}
|
|
13928
|
+
});
|
|
13929
|
+
});
|
|
13930
|
+
};
|
|
13931
|
+
var errorTemplate = function errorTemplate() {
|
|
13932
|
+
if (fetchErrorRenderer) {
|
|
13933
|
+
return fetchErrorRenderer(retryRowsFetch);
|
|
13934
|
+
}
|
|
13935
|
+
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
13936
|
+
className: "d-flex justify-content-center align-items-center my-5"
|
|
13937
|
+
}, /*#__PURE__*/React__namespace.createElement(Text, {
|
|
13938
|
+
appearance: "subtle"
|
|
13939
|
+
}, "Failed to load data. Please try again."), /*#__PURE__*/React__namespace.createElement(Button, {
|
|
13940
|
+
size: "tiny",
|
|
13941
|
+
icon: "refresh",
|
|
13942
|
+
onClick: retryRowsFetch,
|
|
13943
|
+
className: "ml-6"
|
|
13944
|
+
}, "Try again"));
|
|
13945
|
+
};
|
|
13946
|
+
var retryFetchTemplate = function retryFetchTemplate() {
|
|
13947
|
+
if (retryFetchRenderer) {
|
|
13948
|
+
return retryFetchRenderer();
|
|
13949
|
+
}
|
|
13950
|
+
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
13951
|
+
className: "d-flex justify-content-center align-items-center my-5"
|
|
13952
|
+
}, /*#__PURE__*/React__namespace.createElement(Text, {
|
|
13953
|
+
appearance: "subtle"
|
|
13954
|
+
}, "Loading data, please wait..."), /*#__PURE__*/React__namespace.createElement(Button, {
|
|
13955
|
+
size: "tiny",
|
|
13956
|
+
icon: "refresh",
|
|
13957
|
+
disabled: isLoadingMore,
|
|
13958
|
+
className: "ml-6"
|
|
13959
|
+
}, "Try again"));
|
|
13960
|
+
};
|
|
13624
13961
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
13625
|
-
className: gridStyles['Grid-body']
|
|
13626
|
-
|
|
13962
|
+
className: gridStyles['Grid-body'],
|
|
13963
|
+
onScroll: function onScroll(event) {
|
|
13964
|
+
return handleOnScroll(event);
|
|
13965
|
+
},
|
|
13966
|
+
ref: listRef
|
|
13967
|
+
}, enableRowVirtualization ? memoizedVirtualScroll : getArrayList().map(function (item, i) {
|
|
13627
13968
|
return renderRow(i, item);
|
|
13969
|
+
}), error && errorTemplate(), retryDataFetch && retryFetchTemplate(), isLoadingMore && /*#__PURE__*/React__namespace.createElement(ProgressBar, {
|
|
13970
|
+
state: "indeterminate",
|
|
13971
|
+
className: "position-absolute bottom-0",
|
|
13972
|
+
size: "small"
|
|
13628
13973
|
}));
|
|
13629
13974
|
};
|
|
13630
13975
|
|
|
@@ -13833,7 +14178,15 @@
|
|
|
13833
14178
|
className = _d.className,
|
|
13834
14179
|
page = _d.page,
|
|
13835
14180
|
loading = _d.loading,
|
|
13836
|
-
loaderSchema = _d.loaderSchema
|
|
14181
|
+
loaderSchema = _d.loaderSchema,
|
|
14182
|
+
virtualRowOptions = _d.virtualRowOptions,
|
|
14183
|
+
infiniteScrollOptions = _d.infiniteScrollOptions,
|
|
14184
|
+
enableInfiniteScroll = _d.enableInfiniteScroll,
|
|
14185
|
+
enableRowVirtualization = _d.enableRowVirtualization,
|
|
14186
|
+
onScroll = _d.onScroll,
|
|
14187
|
+
fetchDataOnScroll = _d.fetchDataOnScroll,
|
|
14188
|
+
error = _d.error,
|
|
14189
|
+
errorTemplate = _d.errorTemplate;
|
|
13837
14190
|
var schema = getSchema(this.props.schema, loading, loaderSchema);
|
|
13838
14191
|
var classes = classNames__default["default"]((_a = {}, _a[gridStyles.Grid] = 'true', _a[gridStyles["Grid--" + type]] = type, _a[gridStyles["Grid--" + size]] = size, _a), className);
|
|
13839
14192
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({
|
|
@@ -13854,13 +14207,19 @@
|
|
|
13854
14207
|
onFilterChange: this.onFilterChange.bind(this),
|
|
13855
14208
|
updateColumnSchema: this.updateColumnSchema.bind(this),
|
|
13856
14209
|
reorderColumn: this.reorderColumn.bind(this)
|
|
13857
|
-
})), /*#__PURE__*/React__namespace.createElement(GridBody, {
|
|
14210
|
+
})), !loading && error ? errorTemplate && (typeof errorTemplate === 'function' ? errorTemplate({}) : errorTemplate) : (/*#__PURE__*/React__namespace.createElement(GridBody, {
|
|
13858
14211
|
key: "" + page,
|
|
13859
14212
|
schema: schema,
|
|
13860
14213
|
prevPageInfo: prevPageInfo,
|
|
13861
14214
|
updatePrevPageInfo: this.updatePrevPageInfo.bind(this),
|
|
13862
|
-
onSelect: this.onSelect.bind(this)
|
|
13863
|
-
|
|
14215
|
+
onSelect: this.onSelect.bind(this),
|
|
14216
|
+
enableRowVirtualization: enableRowVirtualization,
|
|
14217
|
+
virtualRowOptions: virtualRowOptions,
|
|
14218
|
+
infiniteScrollOptions: infiniteScrollOptions,
|
|
14219
|
+
enableInfiniteScroll: enableInfiniteScroll,
|
|
14220
|
+
onScroll: onScroll,
|
|
14221
|
+
fetchDataOnScroll: fetchDataOnScroll
|
|
14222
|
+
})))));
|
|
13864
14223
|
};
|
|
13865
14224
|
return Grid;
|
|
13866
14225
|
}(React__namespace.Component);
|
|
@@ -14092,7 +14451,7 @@
|
|
|
14092
14451
|
var _b = React__namespace.useState(options),
|
|
14093
14452
|
tempOptions = _b[0],
|
|
14094
14453
|
setTempOptions = _b[1];
|
|
14095
|
-
var _c = React__namespace.useState('var(--spacing-
|
|
14454
|
+
var _c = React__namespace.useState('var(--spacing-440)'),
|
|
14096
14455
|
triggerWidth = _c[0],
|
|
14097
14456
|
setTriggerWidth = _c[1];
|
|
14098
14457
|
React__namespace.useEffect(function () {
|
|
@@ -14204,8 +14563,8 @@
|
|
|
14204
14563
|
}, "Apply"))));
|
|
14205
14564
|
};
|
|
14206
14565
|
|
|
14207
|
-
var css_248z$k = ".table-module-Table--qR8j-4-
|
|
14208
|
-
var tableStyles = {"Table":"table-module-Table--qR8j-4-
|
|
14566
|
+
var css_248z$k = ".table-module-Table--qR8j-4-7-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-7-0 {\n height: 100%;\n overflow: hidden;\n z-index: 1;\n}\n\n.table-module-Table-pagination-8llhn-4-7-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-7-0 {\n height: var(--spacing-60);\n}\n\n.table-module-Table-Header-Label--hide-z7HVq-4-7-0 {\n animation: table-module-fadeOut-9yrts-4-7-0 var(--duration--fast-02) var(--exit-productive-curve);\n animation-fill-mode: forwards;\n}\n\n.table-module-Table-Header-Label--show-bh0tC-4-7-0 {\n animation: table-module-fadeIn-YCXL6-4-7-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n animation-fill-mode: forwards;\n}\n";
|
|
14567
|
+
var tableStyles = {"Table":"table-module-Table--qR8j-4-7-0","Table-grid":"table-module-Table-grid-4jCRZ-4-7-0","Table-pagination":"table-module-Table-pagination-8llhn-4-7-0","Table-Header--Divider":"table-module-Table-Header--Divider--qPHO-4-7-0","Table-Header-Label--hide":"table-module-Table-Header-Label--hide-z7HVq-4-7-0","fadeOut":"table-module-fadeOut-9yrts-4-7-0","Table-Header-Label--show":"table-module-Table-Header-Label--show-bh0tC-4-7-0","fadeIn":"table-module-fadeIn-YCXL6-4-7-0"};
|
|
14209
14568
|
styleInject$1(css_248z$k);
|
|
14210
14569
|
|
|
14211
14570
|
var Header = function Header(props) {
|
|
@@ -14244,7 +14603,9 @@
|
|
|
14244
14603
|
onClearSelection = props.onClearSelection,
|
|
14245
14604
|
onSelectAllRows = props.onSelectAllRows,
|
|
14246
14605
|
selectionActionRenderer = props.selectionActionRenderer,
|
|
14247
|
-
uniqueColumnName = props.uniqueColumnName
|
|
14606
|
+
uniqueColumnName = props.uniqueColumnName,
|
|
14607
|
+
totalRowsCount = props.totalRowsCount,
|
|
14608
|
+
enableInfiniteScroll = props.enableInfiniteScroll;
|
|
14248
14609
|
var _f = React__namespace.useState(false),
|
|
14249
14610
|
selectAllRecords = _f[0],
|
|
14250
14611
|
setSelectAllRecords = _f[1];
|
|
@@ -14338,6 +14699,8 @@
|
|
|
14338
14699
|
return "Showing 0 " + customLabel + "s";
|
|
14339
14700
|
} else if (withPagination) {
|
|
14340
14701
|
return "Showing " + startIndex + "-" + endIndex + " of " + totalRecords + " " + customLabel + getPluralSuffix(totalRecords);
|
|
14702
|
+
} else if (enableInfiniteScroll && totalRowsCount) {
|
|
14703
|
+
return "Showing " + totalRecords + " of " + totalRowsCount + " " + customLabel + getPluralSuffix(totalRecords);
|
|
14341
14704
|
}
|
|
14342
14705
|
return "Showing " + totalRecords + " " + customLabel + getPluralSuffix(totalRecords);
|
|
14343
14706
|
};
|
|
@@ -14524,7 +14887,11 @@
|
|
|
14524
14887
|
filterPosition: 'GRID',
|
|
14525
14888
|
searchDebounceDuration: 750,
|
|
14526
14889
|
pageJumpDebounceDuration: 750,
|
|
14527
|
-
errorTemplate: defaultErrorTemplate
|
|
14890
|
+
errorTemplate: defaultErrorTemplate,
|
|
14891
|
+
infiniteScrollOptions: {
|
|
14892
|
+
fetchRowsCount: 50,
|
|
14893
|
+
fetchThreshold: 'balanced'
|
|
14894
|
+
}
|
|
14528
14895
|
};
|
|
14529
14896
|
var Table = function (_super) {
|
|
14530
14897
|
__extends$1(Table, _super);
|
|
@@ -14545,6 +14912,60 @@
|
|
|
14545
14912
|
_this.updateDataFn();
|
|
14546
14913
|
}
|
|
14547
14914
|
};
|
|
14915
|
+
_this.fetchDataOnScroll = function (props) {
|
|
14916
|
+
return __awaiter$1(_this, void 0, void 0, function () {
|
|
14917
|
+
var _a, sortingList, filterList, searchTerm, _b, fetchData, uniqueColumnName, page, rowsCount, opts, res_1;
|
|
14918
|
+
var _this = this;
|
|
14919
|
+
return __generator$1(this, function (_c) {
|
|
14920
|
+
switch (_c.label) {
|
|
14921
|
+
case 0:
|
|
14922
|
+
_a = this.state, sortingList = _a.sortingList, filterList = _a.filterList, searchTerm = _a.searchTerm;
|
|
14923
|
+
_b = this.props, fetchData = _b.fetchData, uniqueColumnName = _b.uniqueColumnName;
|
|
14924
|
+
page = props.page, rowsCount = props.rowsCount;
|
|
14925
|
+
opts = {
|
|
14926
|
+
page: page,
|
|
14927
|
+
pageSize: rowsCount,
|
|
14928
|
+
sortingList: sortingList,
|
|
14929
|
+
filterList: filterList,
|
|
14930
|
+
searchTerm: searchTerm
|
|
14931
|
+
};
|
|
14932
|
+
if (!fetchData) return [3, 4];
|
|
14933
|
+
_c.label = 1;
|
|
14934
|
+
case 1:
|
|
14935
|
+
_c.trys.push([1, 3,, 4]);
|
|
14936
|
+
return [4, fetchData(opts)];
|
|
14937
|
+
case 2:
|
|
14938
|
+
res_1 = _c.sent();
|
|
14939
|
+
this.setState(function (prevState) {
|
|
14940
|
+
var newList = __spreadArrays(prevState.data, res_1.data);
|
|
14941
|
+
var dataReplica = JSON.parse(JSON.stringify(newList));
|
|
14942
|
+
var preSelectedRows = newList.filter(function (item) {
|
|
14943
|
+
return item._selected;
|
|
14944
|
+
});
|
|
14945
|
+
if (_this.clearSelectionRef.current) {
|
|
14946
|
+
_this.selectedRowsRef.current = [];
|
|
14947
|
+
} else {
|
|
14948
|
+
_this.selectedRowsRef.current = _this.selectedRowsRef.current ? removeDuplicate(__spreadArrays(_this.selectedRowsRef.current, preSelectedRows), uniqueColumnName) : removeDuplicate(__spreadArrays(preSelectedRows), uniqueColumnName);
|
|
14949
|
+
}
|
|
14950
|
+
var selectedData = getUpdatedData(dataReplica, _this.selectedRowsRef.current, uniqueColumnName, _this.clearSelectionRef.current, _this.selectAllRef.current);
|
|
14951
|
+
return {
|
|
14952
|
+
data: selectedData,
|
|
14953
|
+
totalRecords: selectedData.length,
|
|
14954
|
+
totalRowsCount: res_1.totalRowsCount || _this.state.totalRowsCount,
|
|
14955
|
+
loading: false,
|
|
14956
|
+
error: !selectedData.length
|
|
14957
|
+
};
|
|
14958
|
+
});
|
|
14959
|
+
return [2, res_1.data];
|
|
14960
|
+
case 3:
|
|
14961
|
+
_c.sent();
|
|
14962
|
+
throw new Error('Failed to fetch data');
|
|
14963
|
+
case 4:
|
|
14964
|
+
return [2, []];
|
|
14965
|
+
}
|
|
14966
|
+
});
|
|
14967
|
+
});
|
|
14968
|
+
};
|
|
14548
14969
|
_this.updateDataFn = function () {
|
|
14549
14970
|
var _a = _this.props,
|
|
14550
14971
|
fetchData = _a.fetchData,
|
|
@@ -14552,7 +14973,9 @@
|
|
|
14552
14973
|
withPagination = _a.withPagination,
|
|
14553
14974
|
dataProp = _a.data,
|
|
14554
14975
|
onSearch = _a.onSearch,
|
|
14555
|
-
uniqueColumnName = _a.uniqueColumnName
|
|
14976
|
+
uniqueColumnName = _a.uniqueColumnName,
|
|
14977
|
+
enableInfiniteScroll = _a.enableInfiniteScroll,
|
|
14978
|
+
infiniteScrollOptions = _a.infiniteScrollOptions;
|
|
14556
14979
|
var _b = _this.state,
|
|
14557
14980
|
async = _b.async,
|
|
14558
14981
|
page = _b.page,
|
|
@@ -14562,12 +14985,12 @@
|
|
|
14562
14985
|
_this.onSelect(-1, false);
|
|
14563
14986
|
var opts = {
|
|
14564
14987
|
page: page,
|
|
14565
|
-
pageSize: pageSize,
|
|
14988
|
+
pageSize: enableInfiniteScroll && infiniteScrollOptions ? infiniteScrollOptions.fetchRowsCount * 2 : pageSize,
|
|
14566
14989
|
sortingList: sortingList,
|
|
14567
14990
|
filterList: filterList,
|
|
14568
14991
|
searchTerm: searchTerm
|
|
14569
14992
|
};
|
|
14570
|
-
if (!
|
|
14993
|
+
if (!withPagination && !enableInfiniteScroll) {
|
|
14571
14994
|
delete opts.page;
|
|
14572
14995
|
delete opts.pageSize;
|
|
14573
14996
|
}
|
|
@@ -14593,6 +15016,7 @@
|
|
|
14593
15016
|
schema: schema,
|
|
14594
15017
|
selectAll: getSelectAll(selectedData, _this.props.selectDisabledRow, _this.clearSelectionRef.current),
|
|
14595
15018
|
totalRecords: res.count,
|
|
15019
|
+
totalRowsCount: res.totalRowsCount || _this.state.totalRowsCount,
|
|
14596
15020
|
loading: false,
|
|
14597
15021
|
error: !data.length,
|
|
14598
15022
|
errorType: 'NO_RECORDS_FOUND'
|
|
@@ -14634,7 +15058,8 @@
|
|
|
14634
15058
|
selectAll: getSelectAll(renderedData, _this.props.selectDisabledRow, _this.clearSelectionRef.current),
|
|
14635
15059
|
schema: renderedSchema,
|
|
14636
15060
|
displayData: sortedData,
|
|
14637
|
-
data: selectedData
|
|
15061
|
+
data: selectedData,
|
|
15062
|
+
totalRowsCount: sortedData.length
|
|
14638
15063
|
});
|
|
14639
15064
|
}
|
|
14640
15065
|
};
|
|
@@ -14828,7 +15253,8 @@
|
|
|
14828
15253
|
error: !async ? props.error : false,
|
|
14829
15254
|
errorType: props.errorType,
|
|
14830
15255
|
selectAll: getSelectAll([]),
|
|
14831
|
-
searchTerm: undefined
|
|
15256
|
+
searchTerm: undefined,
|
|
15257
|
+
totalRowsCount: !async ? data.length : 0
|
|
14832
15258
|
};
|
|
14833
15259
|
_this.debounceUpdate = debounce(props.searchDebounceDuration, _this.updateDataFn);
|
|
14834
15260
|
return _this;
|
|
@@ -14853,7 +15279,8 @@
|
|
|
14853
15279
|
errorType: this.props.errorType,
|
|
14854
15280
|
page: 1,
|
|
14855
15281
|
totalRecords: data.length || 0,
|
|
14856
|
-
selectAll: getSelectAll([])
|
|
15282
|
+
selectAll: getSelectAll([]),
|
|
15283
|
+
totalRowsCount: data.length || 0
|
|
14857
15284
|
});
|
|
14858
15285
|
}
|
|
14859
15286
|
if (prevProps.loading !== this.props.loading) {
|
|
@@ -14871,7 +15298,8 @@
|
|
|
14871
15298
|
errorType: this.props.errorType,
|
|
14872
15299
|
page: 1,
|
|
14873
15300
|
totalRecords: data.length || 0,
|
|
14874
|
-
selectAll: getSelectAll([])
|
|
15301
|
+
selectAll: getSelectAll([]),
|
|
15302
|
+
totalRowsCount: data.length || 0
|
|
14875
15303
|
}, function () {
|
|
14876
15304
|
_this.updateData();
|
|
14877
15305
|
});
|
|
@@ -14912,7 +15340,11 @@
|
|
|
14912
15340
|
className = _a.className,
|
|
14913
15341
|
filterPosition = _a.filterPosition,
|
|
14914
15342
|
uniqueColumnName = _a.uniqueColumnName,
|
|
14915
|
-
checkboxAlignment = _a.checkboxAlignment
|
|
15343
|
+
checkboxAlignment = _a.checkboxAlignment,
|
|
15344
|
+
virtualRowOptions = _a.virtualRowOptions,
|
|
15345
|
+
enableInfiniteScroll = _a.enableInfiniteScroll,
|
|
15346
|
+
infiniteScrollOptions = _a.infiniteScrollOptions,
|
|
15347
|
+
onScroll = _a.onScroll;
|
|
14916
15348
|
var baseProps = extractBaseProps(this.props);
|
|
14917
15349
|
var _b = headerOptions,
|
|
14918
15350
|
headerChildren = _b.children,
|
|
@@ -14940,7 +15372,8 @@
|
|
|
14940
15372
|
onClearSelection: this.onClearSelection,
|
|
14941
15373
|
onSelectAllRows: this.onSelectAllRows,
|
|
14942
15374
|
selectedAllRef: this.selectAllRef,
|
|
14943
|
-
uniqueColumnName: uniqueColumnName
|
|
15375
|
+
uniqueColumnName: uniqueColumnName,
|
|
15376
|
+
enableInfiniteScroll: enableInfiniteScroll
|
|
14944
15377
|
}, headerAttr), headerChildren))), /*#__PURE__*/React__namespace.createElement("div", {
|
|
14945
15378
|
className: tableStyles['Table-grid']
|
|
14946
15379
|
}, /*#__PURE__*/React__namespace.createElement(Grid, __assign$1({}, this.state, {
|
|
@@ -14969,7 +15402,13 @@
|
|
|
14969
15402
|
errorType: this.state.errorType
|
|
14970
15403
|
}),
|
|
14971
15404
|
onRowClick: onRowClick,
|
|
14972
|
-
showFilters: filterPosition === 'GRID'
|
|
15405
|
+
showFilters: filterPosition === 'GRID',
|
|
15406
|
+
fetchDataOnScroll: this.fetchDataOnScroll,
|
|
15407
|
+
virtualRowOptions: virtualRowOptions,
|
|
15408
|
+
enableRowVirtualization: this.props.enableRowVirtualization,
|
|
15409
|
+
enableInfiniteScroll: enableInfiniteScroll,
|
|
15410
|
+
infiniteScrollOptions: infiniteScrollOptions,
|
|
15411
|
+
onScroll: onScroll
|
|
14973
15412
|
}))), withPagination && !this.state.loading && !this.state.error && totalPages > 1 && (/*#__PURE__*/React__namespace.createElement("div", {
|
|
14974
15413
|
className: tableStyles['Table-pagination']
|
|
14975
15414
|
}, /*#__PURE__*/React__namespace.createElement(Pagination, {
|
|
@@ -14992,8 +15431,8 @@
|
|
|
14992
15431
|
};
|
|
14993
15432
|
List.defaultProps = defaultProps;
|
|
14994
15433
|
|
|
14995
|
-
var css_248z$j = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-
|
|
14996
|
-
var styles$i = {"Navigation":"navigation-module-Navigation-fsK-Z-4-
|
|
15434
|
+
var css_248z$j = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-7-0 {\n display: flex;\n}\n\n.navigation-module-Navigation--horizontal-Nlczj-4-7-0 {\n flex-grow: 1;\n justify-content: center;\n}\n\n.navigation-module-Navigation--vertical-JMMGv-4-7-0 {\n flex-direction: column;\n height: 100%;\n width: var(--spacing-640);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-7-0 {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.navigation-module-Navigation-body-zfrYs-4-7-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-7-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-7-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-7-0 {\n pointer-events: none;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-7-0:hover {\n background-color: var(--secondary-light);\n}\n\n.navigation-module-Navigation-menu--active-vLg2d-4-7-0,\n.navigation-module-Navigation-menu--active-vLg2d-4-7-0:hover {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menu--vertical-SD8c9-4-7-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-7-0 {\n border-radius: var(--border-radius-40);\n}\n\n.navigation-module-Navigation-menu--subMenu-1Xkhm-4-7-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-7-0 {\n padding: 8px;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.navigation-module-Navigation-menuIcon--active-4-aoZ-4-7-0 {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menuLabel-qZLzA-4-7-0 {\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-7-0 .navigation-module-Text-4ez7T-4-7-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.navigation-module-Navigation-horizontalPills-CubKV-4-7-0 {\n margin-right: var(--spacing-10);\n}\n\n.navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-7-0 {\n opacity: var(--opacity-10);\n}\n\n.navigation-module-Navigation-footer-Ia0x--4-7-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-7-0 {\n border-top: var(--border);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-7-0 .navigation-module-Navigation-menuIcon--footer-I0MsK-4-7-0 {\n transform: rotate(180deg);\n}\n";
|
|
15435
|
+
var styles$i = {"Navigation":"navigation-module-Navigation-fsK-Z-4-7-0","Navigation--horizontal":"navigation-module-Navigation--horizontal-Nlczj-4-7-0","Navigation--vertical":"navigation-module-Navigation--vertical-JMMGv-4-7-0","Navigation--collapsed":"navigation-module-Navigation--collapsed-ubuOj-4-7-0","Navigation-body":"navigation-module-Navigation-body-zfrYs-4-7-0","Navigation-menu":"navigation-module-Navigation-menu-Afh6p-4-7-0","Navigation-menu--horizontal":"navigation-module-Navigation-menu--horizontal-DbG8C-4-7-0","Navigation-menu--disabled":"navigation-module-Navigation-menu--disabled-6BCHc-4-7-0","Navigation-menu--active":"navigation-module-Navigation-menu--active-vLg2d-4-7-0","Navigation-menu--vertical":"navigation-module-Navigation-menu--vertical-SD8c9-4-7-0","Navigation-menu--rounded":"navigation-module-Navigation-menu--rounded-RK5tK-4-7-0","Navigation-menu--subMenu":"navigation-module-Navigation-menu--subMenu-1Xkhm-4-7-0","Navigation-menuIcon":"navigation-module-Navigation-menuIcon-mI-8A-4-7-0","Navigation-menuIcon--active":"navigation-module-Navigation-menuIcon--active-4-aoZ-4-7-0","Navigation-menuLabel":"navigation-module-Navigation-menuLabel-qZLzA-4-7-0","Text":"navigation-module-Text-4ez7T-4-7-0","Navigation-horizontalPills":"navigation-module-Navigation-horizontalPills-CubKV-4-7-0","Navigation-horizontalPills--disabled":"navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-7-0","Navigation-footer":"navigation-module-Navigation-footer-Ia0x--4-7-0","Navigation-footer--border":"navigation-module-Navigation-footer--border--gDQG-4-7-0","Navigation-menuIcon--footer":"navigation-module-Navigation-menuIcon--footer-I0MsK-4-7-0"};
|
|
14997
15436
|
styleInject$1(css_248z$j);
|
|
14998
15437
|
|
|
14999
15438
|
var useState$1 = React__namespace.useState;
|
|
@@ -15310,8 +15749,8 @@
|
|
|
15310
15749
|
separator: true
|
|
15311
15750
|
};
|
|
15312
15751
|
|
|
15313
|
-
var css_248z$i = ".fileList-module-FileIcon-01qzb-4-
|
|
15314
|
-
var styles$h = {"FileIcon":"fileList-module-FileIcon-01qzb-4-
|
|
15752
|
+
var css_248z$i = ".fileList-module-FileIcon-01qzb-4-7-0 {\n padding: var(--spacing-20);\n border-radius: var(--border-radius-full);\n}\n.fileList-module-FileItem-HpCE9-4-7-0:not(:last-child) {\n border-bottom: var(--border);\n width: 100%;\n box-sizing: border-box;\n}\n.fileList-module-FileItem-HpCE9-4-7-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-7-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n}\n.fileList-module-FileItem-actions-zH5Wo-4-7-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n}\n.fileList-module-FileItem-file-jkZDb-4-7-0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.fileList-module-FileItem-size-Jn3i4-4-7-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-7-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-7-0 {\n margin-left: 40px;\n}\n\n.fileList-module-FileIcon--image-8GeUP-4-7-0 {\n background: var(--alert-lightest);\n color: var(--alert);\n}\n.fileList-module-FileIcon--audio-pU4It-4-7-0 {\n background: var(--accent1-lightest);\n color: var(--accent1);\n}\n.fileList-module-FileIcon--video-Yhyeo-4-7-0 {\n background: var(--accent2-lightest);\n color: var(--accent2);\n}\n.fileList-module-FileIcon--application-GCdsE-4-7-0 {\n background: var(--accent3-lightest);\n color: var(--accent3);\n}\n.fileList-module-FileIcon--others-EgUIw-4-7-0 {\n background: var(--success-lightest);\n color: var(--success);\n}\n.fileList-module-FileIcon--animate-uQCYr-4-7-0 {\n animation: fileList-module-fadeIn-CVtFA-4-7-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes fileList-module-fadeIn-CVtFA-4-7-0 {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
15753
|
+
var styles$h = {"FileIcon":"fileList-module-FileIcon-01qzb-4-7-0","FileItem":"fileList-module-FileItem-HpCE9-4-7-0","FileItem-fileContent":"fileList-module-FileItem-fileContent-vusoO-4-7-0","FileItem-actions":"fileList-module-FileItem-actions-zH5Wo-4-7-0","FileItem-file":"fileList-module-FileItem-file-jkZDb-4-7-0","FileItem-size":"fileList-module-FileItem-size-Jn3i4-4-7-0","FileItem-text":"fileList-module-FileItem-text-JzD0s-4-7-0","FileItem-error":"fileList-module-FileItem-error-srZSs-4-7-0","FileIcon--image":"fileList-module-FileIcon--image-8GeUP-4-7-0","FileIcon--audio":"fileList-module-FileIcon--audio-pU4It-4-7-0","FileIcon--video":"fileList-module-FileIcon--video-Yhyeo-4-7-0","FileIcon--application":"fileList-module-FileIcon--application-GCdsE-4-7-0","FileIcon--others":"fileList-module-FileIcon--others-EgUIw-4-7-0","FileIcon--animate":"fileList-module-FileIcon--animate-uQCYr-4-7-0","fadeIn":"fileList-module-fadeIn-CVtFA-4-7-0"};
|
|
15315
15754
|
styleInject$1(css_248z$i);
|
|
15316
15755
|
|
|
15317
15756
|
var useEffect = React__namespace.useEffect,
|
|
@@ -15628,8 +16067,8 @@
|
|
|
15628
16067
|
fields: 4
|
|
15629
16068
|
};
|
|
15630
16069
|
|
|
15631
|
-
var css_248z$h = ".inlineMessage-module-InlineMessage-eYA4x-4-
|
|
15632
|
-
var styles$g = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-
|
|
16070
|
+
var css_248z$h = ".inlineMessage-module-InlineMessage-eYA4x-4-7-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-7-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-7-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-7-0,\n.inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-7-0 {\n color: var(--accent1);\n}\n\n.inlineMessage-module-InlineMessage-text--alert-rUpLF-4-7-0 {\n color: var(--alert);\n}\n\n.inlineMessage-module-InlineMessage-text--info-7X-lv-4-7-0 {\n color: var(--primary);\n}\n\n.inlineMessage-module-InlineMessage-text--success-UX2Vn-4-7-0 {\n color: var(--success);\n}\n";
|
|
16071
|
+
var styles$g = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-7-0","InlineMessage-icon--regular":"inlineMessage-module-InlineMessage-icon--regular-ULMAr-4-7-0","InlineMessage-icon--small":"inlineMessage-module-InlineMessage-icon--small-DcwRS-4-7-0","InlineMessage-text--warning":"inlineMessage-module-InlineMessage-text--warning-zlHbs-4-7-0","InlineMessage-icon--warning":"inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-7-0","InlineMessage-text--alert":"inlineMessage-module-InlineMessage-text--alert-rUpLF-4-7-0","InlineMessage-text--info":"inlineMessage-module-InlineMessage-text--info-7X-lv-4-7-0","InlineMessage-text--success":"inlineMessage-module-InlineMessage-text--success-UX2Vn-4-7-0"};
|
|
15633
16072
|
styleInject$1(css_248z$h);
|
|
15634
16073
|
|
|
15635
16074
|
var IconMapping = {
|
|
@@ -15674,8 +16113,8 @@
|
|
|
15674
16113
|
size: 'regular'
|
|
15675
16114
|
};
|
|
15676
16115
|
|
|
15677
|
-
var css_248z$g = ".choiceList-module-ChoiceList-haiz--4-
|
|
15678
|
-
var styles$f = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-
|
|
16116
|
+
var css_248z$g = ".choiceList-module-ChoiceList-haiz--4-7-0 {\n margin: 0;\n padding: 0;\n border: none;\n}\n\n.choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-7-0 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList-radio--vertical-9uLgh-4-7-0 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-7-0 {\n display: flex;\n}\n\n.choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-7-0 {\n margin-left: var(--spacing-60);\n}\n\n.choiceList-module-ChoiceList-radio--horizontal-67SGD-4-7-0 {\n margin-left: var(--spacing-60);\n}\n";
|
|
16117
|
+
var styles$f = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-7-0","ChoiceList-checkbox--vertical":"choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-7-0","ChoiceList-radio--vertical":"choiceList-module-ChoiceList-radio--vertical-9uLgh-4-7-0","ChoiceList--alignHorizontal":"choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-7-0","ChoiceList-checkbox--horizontal":"choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-7-0","ChoiceList-radio--horizontal":"choiceList-module-ChoiceList-radio--horizontal-67SGD-4-7-0"};
|
|
15679
16118
|
styleInject$1(css_248z$g);
|
|
15680
16119
|
|
|
15681
16120
|
var renderCheckbox = function renderCheckbox(list, handleOnChange, ChoiceListDisabled, size, alignment, selected, wrapLabel) {
|
|
@@ -15789,8 +16228,8 @@
|
|
|
15789
16228
|
disabled: false
|
|
15790
16229
|
};
|
|
15791
16230
|
|
|
15792
|
-
var css_248z$f = ".divider-module-Divider-Fo0Gy-4-
|
|
15793
|
-
var styles$e = {"Divider":"divider-module-Divider-Fo0Gy-4-
|
|
16231
|
+
var css_248z$f = ".divider-module-Divider-Fo0Gy-4-7-0 {\n border: none;\n margin: 0;\n}\n\n.divider-module-Divider--vertical-Cdk22-4-7-0 {\n width: 1px;\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--horizontal-3Z0nC-4-7-0 {\n height: 1px;\n}\n\n.divider-module-Divider--basic-BqnEq-4-7-0 {\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--header-GMLJV-4-7-0 {\n background: var(--secondary-dark);\n}\n";
|
|
16232
|
+
var styles$e = {"Divider":"divider-module-Divider-Fo0Gy-4-7-0","Divider--vertical":"divider-module-Divider--vertical-Cdk22-4-7-0","Divider--horizontal":"divider-module-Divider--horizontal-3Z0nC-4-7-0","Divider--basic":"divider-module-Divider--basic-BqnEq-4-7-0","Divider--header":"divider-module-Divider--header-GMLJV-4-7-0"};
|
|
15794
16233
|
styleInject$1(css_248z$f);
|
|
15795
16234
|
|
|
15796
16235
|
var Divider = function Divider(props) {
|
|
@@ -15839,8 +16278,8 @@
|
|
|
15839
16278
|
};
|
|
15840
16279
|
HelpText.displayName = 'HelpText';
|
|
15841
16280
|
|
|
15842
|
-
var css_248z$e = ".linkButton-module-LinkButton--eCyD-4-
|
|
15843
|
-
var styles$d = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-
|
|
16281
|
+
var css_248z$e = ".linkButton-module-LinkButton--eCyD-4-7-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-7-0 {\n flex-direction: row-reverse;\n}\n\n.linkButton-module-LinkButton-icon-Id1IM-4-7-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.linkButton-module-LinkButton-icon--left-uCKUJ-4-7-0 {\n margin-right: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton-icon--right-wxMEa-4-7-0 {\n margin-left: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton--regular-QoGvH-4-7-0 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.linkButton-module-LinkButton--tiny-21d67-4-7-0 {\n line-height: var(--font-height-s);\n font-size: var(--font-size-s);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-7-0 {\n color: var(--primary);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-7-0:hover {\n color: var(--primary-dark);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-7-0:active {\n color: var(--primary-darker);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-7-0:focus,\n.linkButton-module-LinkButton--default-1cpsS-4-7-0:focus-visible {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-7-0:disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--primary-lighter);\n}\n\n/* Subtle Appearance */\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-7-0 {\n color: var(--inverse-lighter);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-7-0:hover {\n color: var(--inverse-light);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-7-0:active {\n color: var(--inverse);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-7-0:focus,\n.linkButton-module-LinkButton--subtle-I8NtR-4-7-0:focus-visible {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-7-0:disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--inverse-lightest);\n}\n";
|
|
16282
|
+
var styles$d = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-7-0","LinkButton--iconAlign-right":"linkButton-module-LinkButton--iconAlign-right-BjcDC-4-7-0","LinkButton-icon":"linkButton-module-LinkButton-icon-Id1IM-4-7-0","LinkButton-icon--left":"linkButton-module-LinkButton-icon--left-uCKUJ-4-7-0","LinkButton-icon--right":"linkButton-module-LinkButton-icon--right-wxMEa-4-7-0","LinkButton--regular":"linkButton-module-LinkButton--regular-QoGvH-4-7-0","LinkButton--tiny":"linkButton-module-LinkButton--tiny-21d67-4-7-0","LinkButton--default":"linkButton-module-LinkButton--default-1cpsS-4-7-0","LinkButton--subtle":"linkButton-module-LinkButton--subtle-I8NtR-4-7-0"};
|
|
15844
16283
|
styleInject$1(css_248z$e);
|
|
15845
16284
|
|
|
15846
16285
|
var sizeMapping = {
|
|
@@ -15885,8 +16324,8 @@
|
|
|
15885
16324
|
iconAlign: 'left'
|
|
15886
16325
|
};
|
|
15887
16326
|
|
|
15888
|
-
var css_248z$d = ".actionCard-module-ActionCard-VTzbo-4-
|
|
15889
|
-
var styles$c = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-
|
|
16327
|
+
var css_248z$d = ".actionCard-module-ActionCard-VTzbo-4-7-0 {\n border-radius: var(--border-radius-10);\n width: 100%;\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-7-0 {\n cursor: pointer;\n border: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-7-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-7-0:focus,\n.actionCard-module-ActionCard--default-ehk9Y-4-7-0:focus-visible {\n outline: none;\n border: var(--border-width-2-5) solid var(--secondary-dark);\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-7-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-7-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-7-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";
|
|
16328
|
+
var styles$c = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-7-0","ActionCard--default":"actionCard-module-ActionCard--default-ehk9Y-4-7-0","ActionCard--disabled":"actionCard-module-ActionCard--disabled-Xbnn0-4-7-0","ActionCard-overlay--disabled":"actionCard-module-ActionCard-overlay--disabled-N4msm-4-7-0"};
|
|
15890
16329
|
styleInject$1(css_248z$d);
|
|
15891
16330
|
|
|
15892
16331
|
var ActionCard = function ActionCard(props) {
|
|
@@ -15985,8 +16424,8 @@
|
|
|
15985
16424
|
};
|
|
15986
16425
|
}
|
|
15987
16426
|
|
|
15988
|
-
var css_248z$c = ".selectionCard-module-Selection-card-qn7-q-4-
|
|
15989
|
-
var styles$b = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-
|
|
16427
|
+
var css_248z$c = ".selectionCard-module-Selection-card-qn7-q-4-7-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-7-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-7-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-7-0:focus,\n.selectionCard-module-Selection-card--default-hU2T--4-7-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--secondary-shadow), inset 0 0 0 var(--spacing-2-5) var(--secondary-dark);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-7-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-7-0 {\n cursor: not-allowed;\n outline: none;\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-7-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-7-0 {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-7-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-7-0:focus,\n.selectionCard-module-Selection-card--selected-RWlWc-4-7-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--primary-shadow), inset 0 0 0 var(--spacing-05) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-7-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-7-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-7-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-7-0:active .selectionCard-module-Selection-card-overlay-9BMzm-4-7-0 {\n background-color: var(--primary);\n opacity: var(--opacity-3);\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-7-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-7-0 {\n background-color: var(--secondary-lightest);\n opacity: var(--opacity-10);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-7-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-7-0 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-7-0:active .selectionCard-module-Selection-card-overlay-9BMzm-4-7-0 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-disabled-pIKi1-4-7-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-7-0 {\n background-color: var(--primary-lightest);\n opacity: var(--opacity-10);\n}\n";
|
|
16428
|
+
var styles$b = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-7-0","Selection-card--default":"selectionCard-module-Selection-card--default-hU2T--4-7-0","Selection-card--disabled":"selectionCard-module-Selection-card--disabled-abVC--4-7-0","Selection-card--default-disabled":"selectionCard-module-Selection-card--default-disabled-duc48-4-7-0","Selection-card--selected":"selectionCard-module-Selection-card--selected-RWlWc-4-7-0","Selection-card--selected-disabled":"selectionCard-module-Selection-card--selected-disabled-pIKi1-4-7-0","Selection-card-overlay":"selectionCard-module-Selection-card-overlay-9BMzm-4-7-0"};
|
|
15990
16429
|
styleInject$1(css_248z$c);
|
|
15991
16430
|
|
|
15992
16431
|
var SelectionCard = function SelectionCard(props) {
|
|
@@ -16108,8 +16547,8 @@
|
|
|
16108
16547
|
return wrapperFn;
|
|
16109
16548
|
};
|
|
16110
16549
|
|
|
16111
|
-
var css_248z$b = ".listbox-module-Listbox-SUVk--4-
|
|
16112
|
-
var styles$a = {"Listbox":"listbox-module-Listbox-SUVk--4-
|
|
16550
|
+
var css_248z$b = ".listbox-module-Listbox-SUVk--4-7-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-7-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-7-0 {\n width: 100%;\n}\n\n.listbox-module-Listbox-item-wrapper-fbx8s-4-7-0:last-child > .listbox-module-Listbox-divider-sZWin-4-7-0,\n.listbox-module-Listbox-item--draggable-3UvAw-4-7-0:last-child .listbox-module-Listbox-divider-sZWin-4-7-0 {\n background: transparent;\n}\n\n/* Sizes */\n\n.listbox-module-Listbox-item--tight-48bRS-4-7-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.listbox-module-Listbox-item--compressed-NDxwb-4-7-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.listbox-module-Listbox-item--standard-q2FuW-4-7-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-7-0 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-7-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-7-0:focus,\n.listbox-module-Listbox-item--option-FMiJ2-4-7-0:focus-visible {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-7-0:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-7-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-7-0:hover {\n background: rgba(151, 197, 240, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-7-0:focus,\n.listbox-module-Listbox-item--selected-mbKE--4-7-0:focus-visible {\n outline: 3px auto rgba(0, 112, 221, 0.16);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-7-0:active {\n background: var(--primary-lighter);\n}\n\n/* Listbox type - resource */\n\n.listbox-module-Listbox-item--resource-RGjFr-4-7-0 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-7-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-7-0:focus,\n.listbox-module-Listbox-item--resource-RGjFr-4-7-0:focus-visible {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-7-0:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--activated-tg1Eb-4-7-0 {\n background: var(--primary-lightest);\n}\n\n/* Listbox type - description */\n\n.listbox-module-Listbox-item--description-qiJzO-4-7-0:focus,\n.listbox-module-Listbox-item--description-qiJzO-4-7-0:focus-visible {\n outline: none;\n}\n\n/* Listbox type - disabled */\n\n.listbox-module-Listbox-item--disabled-x6TW2-4-7-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-7-0:focus {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-7-0 {\n cursor: grab;\n margin-right: var(--spacing-20);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-7-0:hover {\n color: var(--inverse);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-7-0:active {\n color: var(--primary);\n}\n";
|
|
16551
|
+
var styles$a = {"Listbox":"listbox-module-Listbox-SUVk--4-7-0","Listbox-item":"listbox-module-Listbox-item-YQzPV-4-7-0","Listbox-item-wrapper":"listbox-module-Listbox-item-wrapper-fbx8s-4-7-0","Listbox-divider":"listbox-module-Listbox-divider-sZWin-4-7-0","Listbox-item--draggable":"listbox-module-Listbox-item--draggable-3UvAw-4-7-0","Listbox-item--tight":"listbox-module-Listbox-item--tight-48bRS-4-7-0","Listbox-item--compressed":"listbox-module-Listbox-item--compressed-NDxwb-4-7-0","Listbox-item--standard":"listbox-module-Listbox-item--standard-q2FuW-4-7-0","Listbox-item--option":"listbox-module-Listbox-item--option-FMiJ2-4-7-0","Listbox-item--selected":"listbox-module-Listbox-item--selected-mbKE--4-7-0","Listbox-item--resource":"listbox-module-Listbox-item--resource-RGjFr-4-7-0","Listbox-item--activated":"listbox-module-Listbox-item--activated-tg1Eb-4-7-0","Listbox-item--description":"listbox-module-Listbox-item--description-qiJzO-4-7-0","Listbox-item--disabled":"listbox-module-Listbox-item--disabled-x6TW2-4-7-0","Listbox-item--drag-icon":"listbox-module-Listbox-item--drag-icon-Jt6Jw-4-7-0"};
|
|
16113
16552
|
styleInject$1(css_248z$b);
|
|
16114
16553
|
|
|
16115
16554
|
var AUTOSCROLL_ACTIVE_OFFSET = 200;
|
|
@@ -16979,8 +17418,8 @@
|
|
|
16979
17418
|
|
|
16980
17419
|
var AvatarSelectionContext = /*#__PURE__*/React__namespace.createContext({});
|
|
16981
17420
|
|
|
16982
|
-
var css_248z$a = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
16983
|
-
var styles$9 = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
17421
|
+
var css_248z$a = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-7-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-7-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--active-dofCY-4-7-0:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-7-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-7-0:active {\n outline: var(--spacing-05) solid #00509f;\n outline-offset: var(--spacing-2-5);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-7-0:hover .avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-7-0 {\n transform: translateY(-8px);\n}\n\n/* Selected Avatar Group Item */\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-7-0 {\n outline-offset: var(--spacing-2-5);\n outline: var(--spacing-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-7-0:active {\n outline-offset: var(--spacing-2-5);\n outline: var(--spacing-05) solid var(--primary-darker);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-7-0:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-7-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-7-0 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-7-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-7-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-7-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-7-0,\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-7-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-7-0:hover {\n background-color: #f4f4f4;\n}\n\n/* Selection Avatar Count */\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-7-0 {\n border-radius: var(--border-radius-full);\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-7-0:hover {\n background: var(--secondary);\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-7-0:active {\n background: var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-7-0:focus,\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-7-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-7-0 {\n outline-offset: var(--spacing-2-5);\n outline: var(--spacing-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-7-0:focus,\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-7-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";
|
|
17422
|
+
var styles$9 = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-7-0","SelectionAvatarGroup-item":"avatarSelection-module-SelectionAvatarGroup-item-1QsB6-4-7-0","SelectionAvatarGroup-item--active":"avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-7-0","SelectionAvatarGroup-wrapper":"avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-7-0","SelectionAvatarGroup-item--selected":"avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-7-0","SelectionAvatarGroup-popper":"avatarSelection-module-SelectionAvatarGroup-popper-Rcnff-4-7-0","SelectionAvatar-inputWrapper":"avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-7-0","SelectionAvatar-input":"avatarSelection-module-SelectionAvatar-input-OWRhy-4-7-0","SelectionAvatarCount-wrapper":"avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-7-0","SelectionAvatarCount":"avatarSelection-module-SelectionAvatarCount-s-0H0-4-7-0","SelectionAvatarCount--selected":"avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-7-0"};
|
|
16984
17423
|
styleInject$1(css_248z$a);
|
|
16985
17424
|
|
|
16986
17425
|
var SelectionAvatarsWrapper = function SelectionAvatarsWrapper(props) {
|
|
@@ -17522,7 +17961,7 @@
|
|
|
17522
17961
|
var hiddenAvatarCount = list.length - max;
|
|
17523
17962
|
var avatarStyle = {
|
|
17524
17963
|
backgroundColor: "" + borderColor,
|
|
17525
|
-
boxShadow: "0 0 0 calc(var(--spacing-
|
|
17964
|
+
boxShadow: "0 0 0 calc(var(--spacing-2-5) + var(--spacing-05)) " + borderColor
|
|
17526
17965
|
};
|
|
17527
17966
|
var AvatarSelectionClass = classNames__default["default"]((_a = {}, _a[styles$9['SelectionAvatarGroup']] = true, _a), className);
|
|
17528
17967
|
var searchInputHeight = 36;
|
|
@@ -18154,7 +18593,7 @@
|
|
|
18154
18593
|
width: width || popperWidth
|
|
18155
18594
|
};
|
|
18156
18595
|
var wrapperStyle = {
|
|
18157
|
-
maxHeight: maxHeight || 'var(--spacing-
|
|
18596
|
+
maxHeight: maxHeight || 'var(--spacing-640)',
|
|
18158
18597
|
minHeight: minHeight,
|
|
18159
18598
|
overflowY: 'auto',
|
|
18160
18599
|
boxSizing: 'border-box'
|
|
@@ -18457,8 +18896,8 @@
|
|
|
18457
18896
|
setFocusedOption && setFocusedOption(targetOption);
|
|
18458
18897
|
};
|
|
18459
18898
|
|
|
18460
|
-
var css_248z$9 = ".select-module-Select-input-E3-1I-4-
|
|
18461
|
-
var styles$8 = {"Select-input":"select-module-Select-input-E3-1I-4-
|
|
18899
|
+
var css_248z$9 = ".select-module-Select-input-E3-1I-4-7-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-7-0,\n.select-module-Select-input-E3-1I-4-7-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.select-module-Select-input-E3-1I-4-7-0:hover {\n background-color: #f4f4f4;\n}\n\n.select-module-Select-trigger-PT5nA-4-7-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.select-module-Select-trigger-PT5nA-4-7-0:disabled {\n background: var(--secondary-lighter);\n color: var(--text-disabled);\n pointer-events: none;\n}\n\n.select-module-Select-trigger-PT5nA-4-7-0:active,\n.select-module-Select-trigger--open-TseL8-4-7-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-PT5nA-4-7-0:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.select-module-Select-trigger-PT5nA-4-7-0:focus {\n background-color: var(--secondary-light);\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.select-module-Select-inputWrapper-LT8pe-4-7-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.select-module-Select-inputWrapper-LT8pe-4-7-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.select-module-Select-trigger-wrapper-NMxls-4-7-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-7-0 {\n height: var(--spacing-60);\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-20);\n}\n\n.select-module-Select-trigger--text-7nEKU-4-7-0,\n.select-module-Select-option--text-WfcEP-4-7-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-7-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--placeholder-1PVyt-4-7-0 {\n color: var(--text);\n}\n\n.select-module-Select-trigger--icon-eX-q0-4-7-0 {\n padding-left: var(--spacing-20);\n}\n\n.select-module-Select-buttonWrapper-Dm9cQ-4-7-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-7-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);\n border-radius: var(--border-radius-full);\n padding: var(--spacing-05);\n}\n\n.select-module-Select-crossButton-RUlwA-4-7-0:focus-visible,\n.select-module-Select-crossButton-RUlwA-4-7-0:focus {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.select-module-Select-crossButton-RUlwA-4-7-0:hover {\n background-color: var(--secondary);\n}\n\n.select-module-Select-crossButton-RUlwA-4-7-0:active {\n background-color: var(--secondary-dark);\n}\n\n.select-module-Select-option-HDep4-4-7-0 {\n display: flex;\n align-items: flex-start;\n width: 100%;\n}\n";
|
|
18900
|
+
var styles$8 = {"Select-input":"select-module-Select-input-E3-1I-4-7-0","Select-trigger":"select-module-Select-trigger-PT5nA-4-7-0","Select-trigger--open":"select-module-Select-trigger--open-TseL8-4-7-0","Select-inputWrapper":"select-module-Select-inputWrapper-LT8pe-4-7-0","Select-trigger-wrapper":"select-module-Select-trigger-wrapper-NMxls-4-7-0","Select-trigger--small":"select-module-Select-trigger--small-v-qam-4-7-0","Select-trigger--text":"select-module-Select-trigger--text-7nEKU-4-7-0","Select-option--text":"select-module-Select-option--text-WfcEP-4-7-0","Select-trigger--regular":"select-module-Select-trigger--regular-Dx-fp-4-7-0","Select-trigger--placeholder":"select-module-Select-trigger--placeholder-1PVyt-4-7-0","Select-trigger--icon":"select-module-Select-trigger--icon-eX-q0-4-7-0","Select-buttonWrapper":"select-module-Select-buttonWrapper-Dm9cQ-4-7-0","Select-crossButton":"select-module-Select-crossButton-RUlwA-4-7-0","Select-option":"select-module-Select-option-HDep4-4-7-0"};
|
|
18462
18901
|
styleInject$1(css_248z$9);
|
|
18463
18902
|
|
|
18464
18903
|
var SelectOption = function SelectOption(props) {
|
|
@@ -18909,8 +19348,8 @@
|
|
|
18909
19348
|
Select.EmptyTemplate = SelectEmptyTemplate;
|
|
18910
19349
|
Select.Footer = SelectFooter;
|
|
18911
19350
|
|
|
18912
|
-
var css_248z$8 = ".menu-module-Menu-AK6Tm-4-
|
|
18913
|
-
var styles$7 = {"Menu":"menu-module-Menu-AK6Tm-4-
|
|
19351
|
+
var css_248z$8 = ".menu-module-Menu-AK6Tm-4-7-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-7-0 {\n background-color: var(--secondary-dark);\n}\n\n.menu-module-Menu-Item-oX6Gf-4-7-0 {\n width: 100%;\n box-sizing: border-box;\n}\n\n.menu-module-Menu-Group-Label-Qj6zC-4-7-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-7-0:first-child .menu-module-Menu-Group-Label-Qj6zC-4-7-0 {\n padding-top: var(--spacing-20);\n}\n";
|
|
19352
|
+
var styles$7 = {"Menu":"menu-module-Menu-AK6Tm-4-7-0","Menu-Trigger--active":"menu-module-Menu-Trigger--active-jEVVp-4-7-0","Menu-Item":"menu-module-Menu-Item-oX6Gf-4-7-0","Menu-Group-Label":"menu-module-Menu-Group-Label-Qj6zC-4-7-0","Menu-Group":"menu-module-Menu-Group-MAnuz-4-7-0"};
|
|
18914
19353
|
styleInject$1(css_248z$8);
|
|
18915
19354
|
|
|
18916
19355
|
var MenuGroup = function MenuGroup(props) {
|
|
@@ -19399,8 +19838,8 @@
|
|
|
19399
19838
|
}, rest), date);
|
|
19400
19839
|
};
|
|
19401
19840
|
|
|
19402
|
-
var css_248z$7 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
19403
|
-
var styles$6 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
19841
|
+
var css_248z$7 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-7-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-7-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-7-0 {\n flex: 1;\n height: var(--spacing-2-5);\n background-color: var(--primary);\n margin-left: var(--spacing-40);\n}\n";
|
|
19842
|
+
var styles$6 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-7-0","NewMessage-Divider--left":"chatSeparator-module-NewMessage-Divider--left-tvVhe-4-7-0","NewMessage-Divider--right":"chatSeparator-module-NewMessage-Divider--right-PlY2h-4-7-0"};
|
|
19404
19843
|
styleInject$1(css_248z$7);
|
|
19405
19844
|
|
|
19406
19845
|
var UnreadMessage = function UnreadMessage(props) {
|
|
@@ -19462,8 +19901,8 @@
|
|
|
19462
19901
|
}, rest), text);
|
|
19463
19902
|
};
|
|
19464
19903
|
|
|
19465
|
-
var css_248z$6 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
19466
|
-
var styles$5 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
19904
|
+
var css_248z$6 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-7-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-7-0 {\n width: var(--spacing-10);\n height: var(--spacing-10);\n border-radius: var(--border-radius-full);\n margin: 0 var(--spacing-20);\n background: var(--inverse-lightest);\n}\n\n.chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-7-0 {\n margin-right: calc(var(--spacing-40) + var(--spacing-10));\n}\n\n.chatBubble-module-ChatBubble-box-hARs0-4-7-0 {\n width: 100%;\n}\n\n.chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-7-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-7-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-7-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-7-0 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.chatBubble-module-ChatBubble-boxWrapper-aH59y-4-7-0 {\n flex: 0 0 auto;\n display: flex;\n max-width: 70%;\n}\n\n.chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-7-0 {\n flex: 0 0 auto;\n}\n";
|
|
19905
|
+
var styles$5 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-7-0","ChatBubble-separator":"chatBubble-module-ChatBubble-separator-JaN-K-4-7-0","ChatBubble-box--noSuccess":"chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-7-0","ChatBubble-box":"chatBubble-module-ChatBubble-box-hARs0-4-7-0","ChatBubble-actionBar--outgoing":"chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-7-0","ChatBubble-actionBar--incoming":"chatBubble-module-ChatBubble-actionBar--incoming-gosX5-4-7-0","ChatBubble-box--incoming":"chatBubble-module-ChatBubble-box--incoming-GK6D6-4-7-0","ChatBubble-metaData--incoming":"chatBubble-module-ChatBubble-metaData--incoming-dovAY-4-7-0","ChatBubble-boxWrapper":"chatBubble-module-ChatBubble-boxWrapper-aH59y-4-7-0","ChatBubble-actionBarWrapper":"chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-7-0"};
|
|
19467
19906
|
styleInject$1(css_248z$6);
|
|
19468
19907
|
|
|
19469
19908
|
var MetaSeparator$1 = function MetaSeparator() {
|
|
@@ -19689,8 +20128,8 @@
|
|
|
19689
20128
|
Chat.TypingIndicator = TypingIndicator;
|
|
19690
20129
|
Chat.ChatBubble = ChatBubble;
|
|
19691
20130
|
|
|
19692
|
-
var css_248z$5 = ".meter-module-Meter-2i-mO-4-
|
|
19693
|
-
var styles$4 = {"Meter":"meter-module-Meter-2i-mO-4-
|
|
20131
|
+
var css_248z$5 = ".meter-module-Meter-2i-mO-4-7-0 {\n display: flex;\n align-items: center;\n}\n\n.meter-module-Meter-Step-4Z4g3-4-7-0 {\n border-radius: 50%;\n}\n\n.meter-module-Meter-Step--small-8AUww-4-7-0 {\n width: var(--spacing-10);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--regular-5FlOq-4-7-0 {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--large-3n6Li-4-7-0 {\n width: var(--spacing-30);\n height: var(--spacing-30);\n}\n\n.meter-module-Meter-Step--info-dYKw1-4-7-0 {\n background: var(--primary);\n}\n\n.meter-module-Meter-Step--warning-1y3zc-4-7-0 {\n background: var(--warning);\n}\n\n.meter-module-Meter-Step--alert-hNfes-4-7-0 {\n background: var(--alert);\n}\n\n.meter-module-Meter-Step--success-sSboi-4-7-0 {\n background: var(--success);\n}\n";
|
|
20132
|
+
var styles$4 = {"Meter":"meter-module-Meter-2i-mO-4-7-0","Meter-Step":"meter-module-Meter-Step-4Z4g3-4-7-0","Meter-Step--small":"meter-module-Meter-Step--small-8AUww-4-7-0","Meter-Step--regular":"meter-module-Meter-Step--regular-5FlOq-4-7-0","Meter-Step--large":"meter-module-Meter-Step--large-3n6Li-4-7-0","Meter-Step--info":"meter-module-Meter-Step--info-dYKw1-4-7-0","Meter-Step--warning":"meter-module-Meter-Step--warning-1y3zc-4-7-0","Meter-Step--alert":"meter-module-Meter-Step--alert-hNfes-4-7-0","Meter-Step--success":"meter-module-Meter-Step--success-sSboi-4-7-0"};
|
|
19694
20133
|
styleInject$1(css_248z$5);
|
|
19695
20134
|
|
|
19696
20135
|
var Step = function Step(props) {
|
|
@@ -19860,8 +20299,8 @@
|
|
|
19860
20299
|
|
|
19861
20300
|
var img$2 = "data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 0C10 5.52285 5.52285 10 0 10C5.52285 10 10 14.4772 10 20C10 14.4772 14.4772 10 20 10C14.4772 10 10 5.52285 10 0ZM20 14C20 17.3137 17.3137 20 14 20C17.3137 20 20 22.6863 20 26C20 22.6863 22.6863 20 26 20C22.6863 20 20 17.3137 20 14Z' fill='white'/%3e%3c/svg%3e";
|
|
19862
20301
|
|
|
19863
|
-
var css_248z$4 = ".button-module-AIButton-Hcde0-4-
|
|
19864
|
-
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-
|
|
20302
|
+
var css_248z$4 = ".button-module-AIButton-Hcde0-4-7-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}\n\n.button-module-AIButton-Hcde0-4-7-0:disabled {\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.button-module-AIButton-Hcde0-4-7-0:focus {\n outline: 0;\n}\n\n/* Primary Button */\n\n.button-module-AIButton--primary-OPF1P-4-7-0 {\n background: var(--primary);\n color: var(--white);\n}\n\n.button-module-AIButton--primary-OPF1P-4-7-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-AIButton--primary-OPF1P-4-7-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-AIButton--primary-OPF1P-4-7-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-AIButton--primary-OPF1P-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n/* Basic Button */\n\n.button-module-AIButton--basic-DcVIe-4-7-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-AIButton--basic-DcVIe-4-7-0:hover {\n background: var(--secondary);\n}\n\n.button-module-AIButton--basic-DcVIe-4-7-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-AIButton--basic-DcVIe-4-7-0:disabled {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-AIButton--basic-DcVIe-4-7-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n/* Button Icon */\n\n.button-module-AIButton-Icon-ITLNV-4-7-0 {\n margin-right: var(--spacing-20);\n}\n";
|
|
20303
|
+
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-7-0","AIButton--primary":"button-module-AIButton--primary-OPF1P-4-7-0","AIButton--basic":"button-module-AIButton--basic-DcVIe-4-7-0","AIButton-Icon":"button-module-AIButton-Icon-ITLNV-4-7-0"};
|
|
19865
20304
|
styleInject$1(css_248z$4);
|
|
19866
20305
|
|
|
19867
20306
|
var AIButton = function AIButton(props) {
|
|
@@ -23845,210 +24284,108 @@
|
|
|
23845
24284
|
state: 'default'
|
|
23846
24285
|
};
|
|
23847
24286
|
|
|
23848
|
-
var
|
|
24287
|
+
var SaraIconDefault = function SaraIconDefault(props) {
|
|
23849
24288
|
var className = props.className;
|
|
23850
24289
|
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
23851
|
-
width: "
|
|
23852
|
-
height: "
|
|
23853
|
-
viewBox: "0 0
|
|
24290
|
+
width: "12",
|
|
24291
|
+
height: "12",
|
|
24292
|
+
viewBox: "0 0 12 12",
|
|
23854
24293
|
fill: "none",
|
|
23855
24294
|
xmlns: "http://www.w3.org/2000/svg",
|
|
23856
24295
|
className: className,
|
|
23857
24296
|
"data-test": "DesignSystem-AI-Icon"
|
|
23858
|
-
}, /*#__PURE__*/React__default["default"].createElement("
|
|
23859
|
-
id: "path-1-outside-1_3121_1765",
|
|
23860
|
-
maskUnits: "userSpaceOnUse",
|
|
23861
|
-
x: "0",
|
|
23862
|
-
y: "0",
|
|
23863
|
-
width: "15",
|
|
23864
|
-
height: "15",
|
|
23865
|
-
fill: "black"
|
|
23866
|
-
}, /*#__PURE__*/React__default["default"].createElement("rect", {
|
|
23867
|
-
fill: "white",
|
|
23868
|
-
width: "15",
|
|
23869
|
-
height: "15"
|
|
23870
|
-
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
24297
|
+
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
23871
24298
|
fillRule: "evenodd",
|
|
23872
24299
|
clipRule: "evenodd",
|
|
23873
|
-
d: "M6
|
|
23874
|
-
|
|
24300
|
+
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",
|
|
24301
|
+
fill: "url(#paint0_linear_54537_3573)"
|
|
24302
|
+
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
23875
24303
|
fillRule: "evenodd",
|
|
23876
24304
|
clipRule: "evenodd",
|
|
23877
|
-
d: "M6
|
|
23878
|
-
fill: "url(#
|
|
23879
|
-
|
|
23880
|
-
d: "M1 5C0.447715 5 0 5.44772 0 6C0 6.55228 0.447715 7 1 7V5ZM7 1C7 0.447715 6.55228 0 6 0C5.44772 0 5 0.447715 5 1H7ZM5 11C5 11.5523 5.44772 12 6 12C6.55228 12 7 11.5523 7 11H5ZM11 7C11.5523 7 12 6.55228 12 6C12 5.44772 11.5523 5 11 5V7ZM8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12V10ZM12 8C12 7.44772 11.5523 7 11 7C10.4477 7 10 7.44772 10 8H12ZM10 14C10 14.5523 10.4477 15 11 15C11.5523 15 12 14.5523 12 14H10ZM14 12C14.5523 12 15 11.5523 15 11C15 10.4477 14.5523 10 14 10V12ZM1 7C4.31371 7 7 4.31371 7 1H5C5 3.20914 3.20914 5 1 5V7ZM7 11C7 7.68629 4.31371 5 1 5V7C3.20914 7 5 8.79086 5 11H7ZM11 5C7.68629 5 5 7.68629 5 11H7C7 8.79086 8.79086 7 11 7V5ZM5 1C5 4.31371 7.68629 7 11 7V5C8.79086 5 7 3.20914 7 1H5ZM8 12C10.2091 12 12 10.2091 12 8H10C10 9.10457 9.10457 10 8 10V12ZM12 14C12 11.7909 10.2091 10 8 10V12C9.10457 12 10 12.8954 10 14H12ZM14 10C11.7909 10 10 11.7909 10 14H12C12 12.8954 12.8954 12 14 12V10ZM10 8C10 10.2091 11.7909 12 14 12V10C12.8954 10 12 9.10457 12 8H10Z",
|
|
23881
|
-
fill: "currentColor",
|
|
23882
|
-
mask: "url(#path-1-outside-1_3121_1765)"
|
|
24305
|
+
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",
|
|
24306
|
+
fill: "url(#paint1_linear_54537_3573)",
|
|
24307
|
+
fillOpacity: "0.24"
|
|
23883
24308
|
}), /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
|
|
23884
|
-
id: "
|
|
23885
|
-
x1: "
|
|
23886
|
-
y1: "
|
|
23887
|
-
x2: "
|
|
23888
|
-
y2: "
|
|
24309
|
+
id: "paint0_linear_54537_3573",
|
|
24310
|
+
x1: "10.1719",
|
|
24311
|
+
y1: "2.57813",
|
|
24312
|
+
x2: "2.25",
|
|
24313
|
+
y2: "9.30469",
|
|
23889
24314
|
gradientUnits: "userSpaceOnUse"
|
|
23890
24315
|
}, /*#__PURE__*/React__default["default"].createElement("stop", {
|
|
23891
|
-
stopColor: "#
|
|
24316
|
+
stopColor: "#E81F76",
|
|
24317
|
+
stopOpacity: "0.8"
|
|
23892
24318
|
}), /*#__PURE__*/React__default["default"].createElement("stop", {
|
|
23893
24319
|
offset: "1",
|
|
23894
|
-
stopColor: "#
|
|
23895
|
-
}))
|
|
23896
|
-
|
|
23897
|
-
|
|
23898
|
-
|
|
23899
|
-
|
|
23900
|
-
|
|
23901
|
-
width: "16",
|
|
23902
|
-
height: "16",
|
|
23903
|
-
viewBox: "0 0 16 16",
|
|
23904
|
-
fill: "none",
|
|
23905
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
23906
|
-
className: className,
|
|
23907
|
-
"data-test": "DesignSystem-AI-Icon"
|
|
23908
|
-
}, /*#__PURE__*/React__default["default"].createElement("mask", {
|
|
23909
|
-
id: "path-1-outside-1_2094_5789",
|
|
23910
|
-
maskUnits: "userSpaceOnUse",
|
|
23911
|
-
x: "1",
|
|
23912
|
-
y: "0",
|
|
23913
|
-
width: "15",
|
|
23914
|
-
height: "15",
|
|
23915
|
-
fill: "black"
|
|
23916
|
-
}, /*#__PURE__*/React__default["default"].createElement("rect", {
|
|
23917
|
-
fill: "white",
|
|
23918
|
-
x: "1",
|
|
23919
|
-
width: "15",
|
|
23920
|
-
height: "15"
|
|
23921
|
-
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
23922
|
-
fillRule: "evenodd",
|
|
23923
|
-
clipRule: "evenodd",
|
|
23924
|
-
d: "M15 6C12.2386 6 10 3.76142 10 1C10 3.76142 7.76142 6 5 6C7.76142 6 10 8.23858 10 11C10 8.23858 12.2386 6 15 6ZM8 11C6.34315 11 5 9.65685 5 8C5 9.65685 3.65685 11 2 11C3.65685 11 5 12.3431 5 14C5 12.3431 6.34315 11 8 11Z"
|
|
23925
|
-
})), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
23926
|
-
fillRule: "evenodd",
|
|
23927
|
-
clipRule: "evenodd",
|
|
23928
|
-
d: "M15 6C12.2386 6 10 3.76142 10 1C10 3.76142 7.76142 6 5 6C7.76142 6 10 8.23858 10 11C10 8.23858 12.2386 6 15 6ZM8 11C6.34315 11 5 9.65685 5 8C5 9.65685 3.65685 11 2 11C3.65685 11 5 12.3431 5 14C5 12.3431 6.34315 11 8 11Z",
|
|
23929
|
-
fill: "url(#paint0_linear_2094_5789)"
|
|
23930
|
-
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
23931
|
-
d: "M11 1C11 0.447715 10.5523 0 10 0C9.44772 0 9 0.447715 9 1L11 1ZM15 7C15.5523 7 16 6.55228 16 6C16 5.44772 15.5523 5 15 5L15 7ZM5 5C4.44771 5 4 5.44772 4 6C4 6.55228 4.44771 7 5 7L5 5ZM9 11C9 11.5523 9.44772 12 10 12C10.5523 12 11 11.5523 11 11L9 11ZM6 8C6 7.44772 5.55229 7 5 7C4.44771 7 4 7.44772 4 8H6ZM8 12C8.55228 12 9 11.5523 9 11C9 10.4477 8.55228 10 8 10V12ZM2 10C1.44771 10 1 10.4477 1 11C1 11.5523 1.44771 12 2 12V10ZM4 14C4 14.5523 4.44771 15 5 15C5.55229 15 6 14.5523 6 14H4ZM9 1C9 4.31371 11.6863 7 15 7L15 5C12.7909 5 11 3.20914 11 1L9 1ZM5 7C8.31371 7 11 4.31371 11 1L9 1C9 3.20914 7.20914 5 5 5L5 7ZM11 11C11 7.68629 8.31371 5 5 5L5 7C7.20914 7 9 8.79086 9 11L11 11ZM15 5C11.6863 5 9 7.68629 9 11L11 11C11 8.79086 12.7909 7 15 7L15 5ZM4 8C4 10.2091 5.79086 12 8 12V10C6.89543 10 6 9.10457 6 8H4ZM2 12C4.20914 12 6 10.2091 6 8H4C4 9.10457 3.10457 10 2 10V12ZM6 14C6 11.7909 4.20914 10 2 10V12C3.10457 12 4 12.8954 4 14H6ZM8 10C5.79086 10 4 11.7909 4 14H6C6 12.8954 6.89543 12 8 12V10Z",
|
|
23932
|
-
fill: "currentColor",
|
|
23933
|
-
mask: "url(#path-1-outside-1_2094_5789)"
|
|
23934
|
-
}), /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
|
|
23935
|
-
id: "paint0_linear_2094_5789",
|
|
23936
|
-
x1: "12.75",
|
|
23937
|
-
y1: "5.5",
|
|
23938
|
-
x2: "3.89622",
|
|
23939
|
-
y2: "8.29755",
|
|
24320
|
+
stopColor: "#EB5324"
|
|
24321
|
+
})), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
|
|
24322
|
+
id: "paint1_linear_54537_3573",
|
|
24323
|
+
x1: "3.86719",
|
|
24324
|
+
y1: "6.98438",
|
|
24325
|
+
x2: "0.257812",
|
|
24326
|
+
y2: "9.44531",
|
|
23940
24327
|
gradientUnits: "userSpaceOnUse"
|
|
23941
24328
|
}, /*#__PURE__*/React__default["default"].createElement("stop", {
|
|
23942
|
-
stopColor: "#FFC208"
|
|
24329
|
+
stopColor: "#FFC208",
|
|
24330
|
+
stopOpacity: "0"
|
|
23943
24331
|
}), /*#__PURE__*/React__default["default"].createElement("stop", {
|
|
23944
24332
|
offset: "1",
|
|
23945
|
-
stopColor: "#
|
|
24333
|
+
stopColor: "#FFC208"
|
|
23946
24334
|
}))));
|
|
23947
24335
|
};
|
|
23948
24336
|
|
|
23949
|
-
var
|
|
24337
|
+
var SaraIconDisabled = function SaraIconDisabled(props) {
|
|
23950
24338
|
var className = props.className;
|
|
23951
24339
|
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
23952
|
-
width: "
|
|
23953
|
-
height: "
|
|
23954
|
-
viewBox: "0 0
|
|
24340
|
+
width: "12",
|
|
24341
|
+
height: "12",
|
|
24342
|
+
viewBox: "0 0 12 12",
|
|
23955
24343
|
fill: "none",
|
|
23956
24344
|
xmlns: "http://www.w3.org/2000/svg",
|
|
23957
24345
|
className: className,
|
|
23958
24346
|
"data-test": "DesignSystem-AI-Icon"
|
|
23959
|
-
}, /*#__PURE__*/React__default["default"].createElement("
|
|
23960
|
-
id: "path-1-outside-1_2094_5659",
|
|
23961
|
-
maskUnits: "userSpaceOnUse",
|
|
23962
|
-
x: "0",
|
|
23963
|
-
y: "0",
|
|
23964
|
-
width: "15",
|
|
23965
|
-
height: "15",
|
|
23966
|
-
fill: "black"
|
|
23967
|
-
}, /*#__PURE__*/React__default["default"].createElement("rect", {
|
|
23968
|
-
fill: "white",
|
|
23969
|
-
width: "15",
|
|
23970
|
-
height: "15"
|
|
23971
|
-
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
24347
|
+
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
23972
24348
|
fillRule: "evenodd",
|
|
23973
24349
|
clipRule: "evenodd",
|
|
23974
|
-
d: "
|
|
23975
|
-
|
|
24350
|
+
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",
|
|
24351
|
+
fill: "url(#paint0_linear_63015_2821)"
|
|
24352
|
+
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
23976
24353
|
fillRule: "evenodd",
|
|
23977
24354
|
clipRule: "evenodd",
|
|
23978
|
-
d: "
|
|
23979
|
-
fill: "url(#
|
|
23980
|
-
|
|
23981
|
-
d: "M1 5C0.447715 5 0 5.44772 0 6C0 6.55228 0.447715 7 1 7V5ZM7 1C7 0.447715 6.55228 0 6 0C5.44772 0 5 0.447715 5 1H7ZM5 11C5 11.5523 5.44772 12 6 12C6.55228 12 7 11.5523 7 11H5ZM11 7C11.5523 7 12 6.55228 12 6C12 5.44772 11.5523 5 11 5V7ZM8 10C7.44772 10 7 10.4477 7 11C7 11.5523 7.44772 12 8 12V10ZM12 8C12 7.44772 11.5523 7 11 7C10.4477 7 10 7.44772 10 8H12ZM10 14C10 14.5523 10.4477 15 11 15C11.5523 15 12 14.5523 12 14H10ZM14 12C14.5523 12 15 11.5523 15 11C15 10.4477 14.5523 10 14 10V12ZM1 7C4.31371 7 7 4.31371 7 1H5C5 3.20914 3.20914 5 1 5V7ZM7 11C7 7.68629 4.31371 5 1 5V7C3.20914 7 5 8.79086 5 11H7ZM11 5C7.68629 5 5 7.68629 5 11H7C7 8.79086 8.79086 7 11 7V5ZM5 1C5 4.31371 7.68629 7 11 7V5C8.79086 5 7 3.20914 7 1H5ZM8 12C10.2091 12 12 10.2091 12 8H10C10 9.10457 9.10457 10 8 10V12ZM12 14C12 11.7909 10.2091 10 8 10V12C9.10457 12 10 12.8954 10 14H12ZM14 10C11.7909 10 10 11.7909 10 14H12C12 12.8954 12.8954 12 14 12V10ZM10 8C10 10.2091 11.7909 12 14 12V10C12.8954 10 12 9.10457 12 8H10Z",
|
|
23982
|
-
fill: "currentColor",
|
|
23983
|
-
mask: "url(#path-1-outside-1_2094_5659)"
|
|
24355
|
+
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",
|
|
24356
|
+
fill: "url(#paint1_linear_63015_2821)",
|
|
24357
|
+
fillOpacity: "0.24"
|
|
23984
24358
|
}), /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
|
|
23985
|
-
id: "
|
|
23986
|
-
x1: "
|
|
23987
|
-
y1: "
|
|
23988
|
-
x2: "
|
|
23989
|
-
y2: "
|
|
24359
|
+
id: "paint0_linear_63015_2821",
|
|
24360
|
+
x1: "2.57813",
|
|
24361
|
+
y1: "1.82812",
|
|
24362
|
+
x2: "9.30469",
|
|
24363
|
+
y2: "9.75",
|
|
23990
24364
|
gradientUnits: "userSpaceOnUse"
|
|
23991
24365
|
}, /*#__PURE__*/React__default["default"].createElement("stop", {
|
|
23992
|
-
stopColor: "#
|
|
24366
|
+
stopColor: "#E81F76",
|
|
24367
|
+
stopOpacity: "0.8"
|
|
23993
24368
|
}), /*#__PURE__*/React__default["default"].createElement("stop", {
|
|
23994
24369
|
offset: "1",
|
|
23995
|
-
stopColor: "#
|
|
23996
|
-
}))
|
|
23997
|
-
|
|
23998
|
-
|
|
23999
|
-
|
|
24000
|
-
|
|
24001
|
-
|
|
24002
|
-
width: "16",
|
|
24003
|
-
height: "16",
|
|
24004
|
-
viewBox: "0 0 16 16",
|
|
24005
|
-
fill: "none",
|
|
24006
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
24007
|
-
className: className,
|
|
24008
|
-
"data-test": "DesignSystem-AI-Icon"
|
|
24009
|
-
}, /*#__PURE__*/React__default["default"].createElement("mask", {
|
|
24010
|
-
id: "path-1-outside-1_2094_5854",
|
|
24011
|
-
maskUnits: "userSpaceOnUse",
|
|
24012
|
-
x: "1",
|
|
24013
|
-
y: "0",
|
|
24014
|
-
width: "15",
|
|
24015
|
-
height: "15",
|
|
24016
|
-
fill: "black"
|
|
24017
|
-
}, /*#__PURE__*/React__default["default"].createElement("rect", {
|
|
24018
|
-
fill: "white",
|
|
24019
|
-
x: "1",
|
|
24020
|
-
width: "15",
|
|
24021
|
-
height: "15"
|
|
24022
|
-
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
24023
|
-
fillRule: "evenodd",
|
|
24024
|
-
clipRule: "evenodd",
|
|
24025
|
-
d: "M15 6C12.2386 6 10 3.76142 10 1C10 3.76142 7.76142 6 5 6C7.76142 6 10 8.23858 10 11C10 8.23858 12.2386 6 15 6ZM8 11C6.34315 11 5 9.65685 5 8C5 9.65685 3.65685 11 2 11C3.65685 11 5 12.3431 5 14C5 12.3431 6.34315 11 8 11Z"
|
|
24026
|
-
})), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
24027
|
-
fillRule: "evenodd",
|
|
24028
|
-
clipRule: "evenodd",
|
|
24029
|
-
d: "M15 6C12.2386 6 10 3.76142 10 1C10 3.76142 7.76142 6 5 6C7.76142 6 10 8.23858 10 11C10 8.23858 12.2386 6 15 6ZM8 11C6.34315 11 5 9.65685 5 8C5 9.65685 3.65685 11 2 11C3.65685 11 5 12.3431 5 14C5 12.3431 6.34315 11 8 11Z",
|
|
24030
|
-
fill: "url(#paint0_linear_2094_5854)"
|
|
24031
|
-
}), /*#__PURE__*/React__default["default"].createElement("path", {
|
|
24032
|
-
d: "M11 1C11 0.447715 10.5523 0 10 0C9.44772 0 9 0.447715 9 1L11 1ZM15 7C15.5523 7 16 6.55228 16 6C16 5.44772 15.5523 5 15 5L15 7ZM5 5C4.44771 5 4 5.44772 4 6C4 6.55228 4.44771 7 5 7L5 5ZM9 11C9 11.5523 9.44772 12 10 12C10.5523 12 11 11.5523 11 11L9 11ZM6 8C6 7.44772 5.55229 7 5 7C4.44771 7 4 7.44772 4 8H6ZM8 12C8.55228 12 9 11.5523 9 11C9 10.4477 8.55228 10 8 10V12ZM2 10C1.44771 10 1 10.4477 1 11C1 11.5523 1.44771 12 2 12V10ZM4 14C4 14.5523 4.44771 15 5 15C5.55229 15 6 14.5523 6 14H4ZM9 1C9 4.31371 11.6863 7 15 7L15 5C12.7909 5 11 3.20914 11 1L9 1ZM5 7C8.31371 7 11 4.31371 11 1L9 1C9 3.20914 7.20914 5 5 5L5 7ZM11 11C11 7.68629 8.31371 5 5 5L5 7C7.20914 7 9 8.79086 9 11L11 11ZM15 5C11.6863 5 9 7.68629 9 11L11 11C11 8.79086 12.7909 7 15 7L15 5ZM4 8C4 10.2091 5.79086 12 8 12V10C6.89543 10 6 9.10457 6 8H4ZM2 12C4.20914 12 6 10.2091 6 8H4C4 9.10457 3.10457 10 2 10V12ZM6 14C6 11.7909 4.20914 10 2 10V12C3.10457 12 4 12.8954 4 14H6ZM8 10C5.79086 10 4 11.7909 4 14H6C6 12.8954 6.89543 12 8 12V10Z",
|
|
24033
|
-
fill: "currentColor",
|
|
24034
|
-
mask: "url(#path-1-outside-1_2094_5854)"
|
|
24035
|
-
}), /*#__PURE__*/React__default["default"].createElement("defs", null, /*#__PURE__*/React__default["default"].createElement("linearGradient", {
|
|
24036
|
-
id: "paint0_linear_2094_5854",
|
|
24037
|
-
x1: "12.75",
|
|
24038
|
-
y1: "5.5",
|
|
24039
|
-
x2: "3.89622",
|
|
24040
|
-
y2: "8.29755",
|
|
24370
|
+
stopColor: "#EB5324"
|
|
24371
|
+
})), /*#__PURE__*/React__default["default"].createElement("linearGradient", {
|
|
24372
|
+
id: "paint1_linear_63015_2821",
|
|
24373
|
+
x1: "6.98438",
|
|
24374
|
+
y1: "8.13281",
|
|
24375
|
+
x2: "9.44531",
|
|
24376
|
+
y2: "11.7422",
|
|
24041
24377
|
gradientUnits: "userSpaceOnUse"
|
|
24042
24378
|
}, /*#__PURE__*/React__default["default"].createElement("stop", {
|
|
24043
|
-
stopColor: "#
|
|
24379
|
+
stopColor: "#FFC208",
|
|
24380
|
+
stopOpacity: "0"
|
|
24044
24381
|
}), /*#__PURE__*/React__default["default"].createElement("stop", {
|
|
24045
24382
|
offset: "1",
|
|
24046
|
-
stopColor: "#
|
|
24383
|
+
stopColor: "#FFC208"
|
|
24047
24384
|
}))));
|
|
24048
24385
|
};
|
|
24049
24386
|
|
|
24050
|
-
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-
|
|
24051
|
-
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-
|
|
24387
|
+
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-7-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-7-0 {\n padding: var(--spacing-0-75);\n}\n\n.iconButton-module-AIIconButton--regular-TAz71-4-7-0 {\n padding: var(--spacing);\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-7-0:hover {\n background: linear-gradient(\n 315deg,\n rgba(227, 28, 121, 0.2) 0%,\n rgba(231, 56, 79, 0.32) 19.79%,\n rgba(240, 125, 0, 0.32) 100%\n );\n color: var(--secondary) !important;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-7-0:active {\n background: linear-gradient(\n 315deg,\n rgba(227, 28, 121, 0.31) 0%,\n rgba(231, 56, 79, 0.48) 19.79%,\n rgba(240, 125, 0, 0.48) 100%\n );\n color: var(--secondary-dark) !important;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-7-0:focus,\n.iconButton-module-AIIconButton-BtFJz-4-7-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-7-0:disabled {\n cursor: not-allowed;\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.iconButton-module-AIIconButton-icon-nj5xZ-4-7-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-7-0 {\n position: absolute;\n}\n\n.iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-7-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-7-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-7-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-7-0 {\n top: calc(var(--spacing-40) + var(--spacing-2-5)); /* 17px */\n left: calc(var(--spacing-40) + var(--spacing-05)); /* 18px */\n}\n";
|
|
24388
|
+
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-7-0","AIIconButton--large":"iconButton-module-AIIconButton--large-2EnOg-4-7-0","AIIconButton--regular":"iconButton-module-AIIconButton--regular-TAz71-4-7-0","AIIconButton-icon":"iconButton-module-AIIconButton-icon-nj5xZ-4-7-0","AIIconButton-AIIcon":"iconButton-module-AIIconButton-AIIcon-xdcj5-4-7-0","AIIconButton-AIIcon--regularTop":"iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-7-0","AIIconButton-AIIcon--largeTop":"iconButton-module-AIIconButton-AIIcon--largeTop-3HqjO-4-7-0","AIIconButton-AIIcon--regularBottom":"iconButton-module-AIIconButton-AIIcon--regularBottom-oQfDL-4-7-0","AIIconButton-AIIcon--largeBottom":"iconButton-module-AIIconButton-AIIcon--largeBottom-RQtt--4-7-0"};
|
|
24052
24389
|
styleInject$1(css_248z$2);
|
|
24053
24390
|
|
|
24054
24391
|
var SaraIcon = function SaraIcon(props) {
|
|
@@ -24057,22 +24394,12 @@
|
|
|
24057
24394
|
position = props.position,
|
|
24058
24395
|
disabled = props.disabled;
|
|
24059
24396
|
var AIIconClassNames = classNames__default["default"]((_a = {}, _a[styles$2['AIIconButton-AIIcon']] = true, _a[styles$2['AIIconButton-AIIcon--largeTop']] = position === 'top' && size === 'large', _a[styles$2['AIIconButton-AIIcon--regularTop']] = position === 'top' && size === 'regular', _a[styles$2['AIIconButton-AIIcon--regularBottom']] = position === 'bottom' && size === 'regular', _a[styles$2['AIIconButton-AIIcon--largeBottom']] = position === 'bottom' && size === 'large', _a));
|
|
24060
|
-
if (disabled
|
|
24061
|
-
return /*#__PURE__*/React__namespace.createElement(
|
|
24062
|
-
className: AIIconClassNames
|
|
24063
|
-
});
|
|
24064
|
-
}
|
|
24065
|
-
if (disabled && position === 'top') {
|
|
24066
|
-
return /*#__PURE__*/React__namespace.createElement(SaraDisabledTop, {
|
|
24397
|
+
if (disabled) {
|
|
24398
|
+
return /*#__PURE__*/React__namespace.createElement(SaraIconDisabled, {
|
|
24067
24399
|
className: AIIconClassNames
|
|
24068
24400
|
});
|
|
24069
24401
|
}
|
|
24070
|
-
|
|
24071
|
-
return /*#__PURE__*/React__namespace.createElement(SaraIconBottom, {
|
|
24072
|
-
className: AIIconClassNames
|
|
24073
|
-
});
|
|
24074
|
-
}
|
|
24075
|
-
return /*#__PURE__*/React__namespace.createElement(SaraIconTop, {
|
|
24402
|
+
return /*#__PURE__*/React__namespace.createElement(SaraIconDefault, {
|
|
24076
24403
|
className: AIIconClassNames
|
|
24077
24404
|
});
|
|
24078
24405
|
};
|
|
@@ -24091,7 +24418,7 @@
|
|
|
24091
24418
|
tooltip = props.tooltip,
|
|
24092
24419
|
disabled = props.disabled,
|
|
24093
24420
|
rest = __rest(props, ["icon", "position", "className", "size", "strokeColor", "tooltip", "disabled"]);
|
|
24094
|
-
var buttonClassNames = classNames__default["default"]((_a = {}, _a[styles$2.AIIconButton] = true, _a), className);
|
|
24421
|
+
var buttonClassNames = classNames__default["default"]((_a = {}, _a[styles$2.AIIconButton] = true, _a[styles$2['AIIconButton--regular']] = size === 'regular', _a[styles$2['AIIconButton--large']] = size === 'large', _a), className);
|
|
24095
24422
|
var IconClassNames = classNames__default["default"]((_b = {}, _b[styles$2['AIIconButton-icon']] = true, _b['material-symbols'] = true, _b['material-symbols-rounded'] = true, _b));
|
|
24096
24423
|
var sizeMapping = {
|
|
24097
24424
|
regular: 16,
|
|
@@ -24131,8 +24458,8 @@
|
|
|
24131
24458
|
strokeColor: '#fff'
|
|
24132
24459
|
};
|
|
24133
24460
|
|
|
24134
|
-
var css_248z$1 = ".chip-module-AIChip-BtOef-4-
|
|
24135
|
-
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-
|
|
24461
|
+
var css_248z$1 = ".chip-module-AIChip-BtOef-4-7-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--border-radius-30);\n padding: var(--spacing-05) var(--spacing-20);\n cursor: pointer;\n width: -moz-fit-content;\n width: fit-content;\n border: 0;\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.24) 0%,\n rgba(231, 56, 79, 0.24) 19.79%,\n rgba(240, 125, 0, 0.24) 100%\n );\n}\n\n.chip-module-AIChip-BtOef-4-7-0:hover {\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.32) 0%,\n rgba(231, 56, 79, 0.32) 19.79%,\n rgba(240, 125, 0, 0.32) 100%\n );\n}\n\n.chip-module-AIChip-BtOef-4-7-0:active {\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.48) 0%,\n rgba(231, 56, 79, 0.48) 19.79%,\n rgba(240, 125, 0, 0.48) 100%\n );\n}\n\n.chip-module-AIChip-BtOef-4-7-0:focus,\n.chip-module-AIChip-BtOef-4-7-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-AIChip-icon-n5kJL-4-7-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-7-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-7-0 {\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.24) 0%,\n rgba(231, 56, 79, 0.24) 19.79%,\n rgba(240, 125, 0, 0.24) 100%\n );\n}\n\n.chip-module-AIChip-icon--disabled-UBH8e-4-7-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-7-0 {\n color: var(--inverse-lightest);\n}\n\n.chip-module-AIChip-BtOef-4-7-0:disabled {\n cursor: not-allowed;\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.24) 0%,\n rgba(231, 56, 79, 0.24) 19.79%,\n rgba(240, 125, 0, 0.24) 100%\n );\n}\n";
|
|
24462
|
+
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-7-0","AIChip-icon":"chip-module-AIChip-icon-n5kJL-4-7-0","AIChip-text":"chip-module-AIChip-text-EfbZT-4-7-0","AIChip--disabled":"chip-module-AIChip--disabled-R4qHn-4-7-0","AIChip-icon--disabled":"chip-module-AIChip-icon--disabled-UBH8e-4-7-0","AIChip-text--disabled":"chip-module-AIChip-text--disabled-fCBlY-4-7-0"};
|
|
24136
24463
|
styleInject$1(css_248z$1);
|
|
24137
24464
|
|
|
24138
24465
|
var AIChip = function AIChip(props) {
|
|
@@ -24160,20 +24487,28 @@
|
|
|
24160
24487
|
}, label));
|
|
24161
24488
|
};
|
|
24162
24489
|
|
|
24163
|
-
var css_248z = ".chat-module-AIResponse-
|
|
24164
|
-
var styles = {"AIResponse-box":"chat-module-AIResponse-box-
|
|
24490
|
+
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-7-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-7-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-7-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-7-0 {\n margin-top: var(--spacing-10);\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.chat-module-AIResponse-button-kYbCE-4-7-0 {\n opacity: var(--opacity-12);\n}\n\n.chat-module-AIResponse-box-AFv7W-4-7-0:hover .chat-module-AIResponse-button-kYbCE-4-7-0,\n.chat-module-AIResponse-box--glow-V9QG9-4-7-0:hover .chat-module-AIResponse-button-kYbCE-4-7-0 {\n opacity: 1;\n}\n\n.chat-module-AIResponse-button--selected-2WUcQ-4-7-0 {\n opacity: 1;\n}\n\n.chat-module-AIResponse-metaData-eT5c3-4-7-0 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n";
|
|
24491
|
+
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-7-0","AIResponse-container":"chat-module-AIResponse-container-OdpKS-4-7-0","AIResponse-box--glow":"chat-module-AIResponse-box--glow-V9QG9-4-7-0","AIResponse-actionBar":"chat-module-AIResponse-actionBar-6fyXH-4-7-0","AIResponse-button":"chat-module-AIResponse-button-kYbCE-4-7-0","AIResponse-box":"chat-module-AIResponse-box-AFv7W-4-7-0","AIResponse-button--selected":"chat-module-AIResponse-button--selected-2WUcQ-4-7-0","AIResponse-metaData":"chat-module-AIResponse-metaData-eT5c3-4-7-0"};
|
|
24165
24492
|
styleInject$1(css_248z);
|
|
24166
24493
|
|
|
24167
24494
|
var ChatBox = function ChatBox(props) {
|
|
24168
|
-
var _a;
|
|
24495
|
+
var _a, _b;
|
|
24169
24496
|
var children = props.children,
|
|
24170
24497
|
className = props.className,
|
|
24171
|
-
|
|
24172
|
-
|
|
24498
|
+
showGlow = props.showGlow,
|
|
24499
|
+
rest = __rest(props, ["children", "className", "showGlow"]);
|
|
24500
|
+
var chatContainerClassNames = classNames__default["default"]((_a = {}, _a[styles['AIResponse-container']] = !showGlow, _a[styles['AIResponse-container--glow']] = showGlow, _a), className);
|
|
24501
|
+
var chatBoxClassNames = classNames__default["default"]((_b = {}, _b[styles['AIResponse-box--glow']] = showGlow, _b[styles['AIResponse-box']] = !showGlow, _b));
|
|
24173
24502
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({
|
|
24503
|
+
className: chatContainerClassNames,
|
|
24504
|
+
"data-test": "DesignSystem-AIResponse-Container"
|
|
24505
|
+
}, rest), /*#__PURE__*/React__namespace.createElement("div", {
|
|
24174
24506
|
className: chatBoxClassNames,
|
|
24175
24507
|
"data-test": "DesignSystem-AIResponse-Box"
|
|
24176
|
-
},
|
|
24508
|
+
}, children));
|
|
24509
|
+
};
|
|
24510
|
+
ChatBox.defaultProps = {
|
|
24511
|
+
showGlow: true
|
|
24177
24512
|
};
|
|
24178
24513
|
|
|
24179
24514
|
var ChatButton = function ChatButton(props) {
|
|
@@ -24218,15 +24553,47 @@
|
|
|
24218
24553
|
}, rest), children);
|
|
24219
24554
|
};
|
|
24220
24555
|
|
|
24221
|
-
var
|
|
24222
|
-
var
|
|
24556
|
+
var AIResponseBubble = function AIResponseBubble(props) {
|
|
24557
|
+
var _a;
|
|
24558
|
+
var children = props.children,
|
|
24559
|
+
showAvatar = props.showAvatar,
|
|
24560
|
+
className = props.className,
|
|
24561
|
+
rest = __rest(props, ["children", "showAvatar", "className"]);
|
|
24562
|
+
var chatContainerClassNames = classNames__default["default"]((_a = {}, _a['ml-4'] = showAvatar, _a), className);
|
|
24563
|
+
if (showAvatar) {
|
|
24564
|
+
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
24565
|
+
className: "d-flex"
|
|
24566
|
+
}, /*#__PURE__*/React__namespace.createElement(Sara, {
|
|
24567
|
+
"data-test": "DesignSystem-AIResponse-Avatar"
|
|
24568
|
+
}), /*#__PURE__*/React__namespace.createElement(ChatBox, __assign$1({}, rest, {
|
|
24569
|
+
className: chatContainerClassNames
|
|
24570
|
+
}), children));
|
|
24571
|
+
}
|
|
24223
24572
|
return /*#__PURE__*/React__namespace.createElement(ChatBox, __assign$1({}, props), children);
|
|
24224
24573
|
};
|
|
24574
|
+
var AIResponse = function AIResponse(props) {
|
|
24575
|
+
var _a;
|
|
24576
|
+
var metaData = props.metaData,
|
|
24577
|
+
showAvatar = props.showAvatar;
|
|
24578
|
+
var metaDataClassName = classNames__default["default"]((_a = {}, _a[styles['AIResponse-metaData']] = showAvatar, _a['mb-2'] = true, _a));
|
|
24579
|
+
var memoizedMetaData = React__namespace.useMemo(function () {
|
|
24580
|
+
return metaData === null || metaData === void 0 ? void 0 : metaData();
|
|
24581
|
+
}, [metaData]);
|
|
24582
|
+
if (metaData) {
|
|
24583
|
+
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
24584
|
+
className: "d-flex flex-column"
|
|
24585
|
+
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
24586
|
+
"data-test": "DesignSystem-AIResponse-Metadata",
|
|
24587
|
+
className: metaDataClassName
|
|
24588
|
+
}, memoizedMetaData), /*#__PURE__*/React__namespace.createElement(AIResponseBubble, __assign$1({}, props)));
|
|
24589
|
+
}
|
|
24590
|
+
return /*#__PURE__*/React__namespace.createElement(AIResponseBubble, __assign$1({}, props));
|
|
24591
|
+
};
|
|
24225
24592
|
AIResponse.Button = ChatButton;
|
|
24226
24593
|
AIResponse.ActionBar = ChatActionBar;
|
|
24227
24594
|
AIResponse.Body = ChatBody;
|
|
24228
24595
|
|
|
24229
|
-
var version = "4.
|
|
24596
|
+
var version = "4.7.0";
|
|
24230
24597
|
|
|
24231
24598
|
exports.AIButton = AIButton;
|
|
24232
24599
|
exports.AIChip = AIChip;
|