@innovaccer/design-system 4.4.0 → 4.6.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 +78 -0
- package/css/dist/index.css +24 -1
- package/css/dist/index.css.map +1 -1
- package/css/src/components/button.module.css +0 -1
- package/css/src/components/progressBar.module.css +20 -0
- package/css/src/utils/utility.css +4 -0
- package/dist/brotli/index.js +1 -1
- package/dist/brotli/index.js.br +0 -0
- package/dist/cjs/index.js +1 -1
- package/dist/core/components/atoms/checkbox/Checkbox.d.ts +1 -0
- package/dist/core/components/atoms/heading/Heading.d.ts +1 -8
- package/dist/core/components/atoms/paragraph/Paragraph.d.ts +1 -7
- package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +4 -4
- package/dist/core/components/atoms/progressBar/ProgressBar.d.ts +4 -1
- package/dist/core/components/atoms/subheading/Subheading.d.ts +1 -7
- package/dist/core/components/molecules/chipInput/ChipInput.d.ts +1 -0
- package/dist/core/components/organisms/choiceList/ChoiceList.d.ts +1 -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/menu/Menu.d.ts +1 -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 +842 -373
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +679 -227
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +24 -1
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +47 -30
- package/package.json +1 -2
package/dist/esm/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* Generated on: 2025-03-
|
|
3
|
+
* Generated on: 2025-03-27T18:22:42.006Z
|
|
4
4
|
* Package: @innovaccer/design-system
|
|
5
|
-
* Version: v4.
|
|
5
|
+
* Version: v4.6.0
|
|
6
6
|
* License: MIT
|
|
7
7
|
* Docs: https://mds.innovaccer.com
|
|
8
8
|
*/
|
|
@@ -982,8 +982,8 @@ function styleInject(css, ref) {
|
|
|
982
982
|
}
|
|
983
983
|
}
|
|
984
984
|
|
|
985
|
-
var css_248z$1i = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-
|
|
986
|
-
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-
|
|
985
|
+
var css_248z$1i = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-6-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: 50%;\n cursor: default;\n position: relative;\n}\n\n.avatar-module-Avatar--default-0YGXC-4-6-0:focus,\n.avatar-module-Avatar--default-0YGXC-4-6-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatar-module-Avatar-wrapper--square--Pcj7-4-6-0 {\n padding: var(--spacing-xs);\n box-sizing: border-box;\n}\n\n.avatar-module-Avatar--square-lGJGN-4-6-0 {\n width: 100%;\n height: 100%;\n border-radius: var(--spacing-m);\n}\n\n.avatar-module-Avatar--regular-ewNzb-4-6-0 {\n height: var(--spacing-3);\n width: var(--spacing-3);\n}\n\n.avatar-module-Avatar--tiny-Veo-U-4-6-0 {\n height: var(--spacing-xl);\n width: var(--spacing-xl);\n}\n\n.avatar-module-Avatar--noInitials-do2M4-4-6-0 {\n cursor: default;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-6-0 {\n cursor: not-allowed;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-6-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-6-0 {\n background: var(--primary);\n}\n\n.avatar-module-Avatar--secondary-Fru0H-4-6-0 {\n background: var(--secondary-light);\n}\n\n.avatar-module-Avatar--success-KErql-4-6-0 {\n background: var(--success);\n}\n\n.avatar-module-Avatar--alert-mtBzz-4-6-0 {\n background: var(--alert);\n}\n\n.avatar-module-Avatar--warning-OUu3j-4-6-0 {\n background: var(--warning);\n}\n\n.avatar-module-Avatar--accent1-Q0YGB-4-6-0 {\n background: var(--accent1);\n}\n\n.avatar-module-Avatar--accent2-70bqJ-4-6-0 {\n background: var(--accent2);\n}\n\n.avatar-module-Avatar--accent3-GEYFR-4-6-0 {\n background: var(--accent3);\n}\n\n.avatar-module-Avatar--accent4-PHVye-4-6-0 {\n background: var(--accent4);\n}\n\n.avatar-module-Avatar-content--tiny-ZKHWg-4-6-0 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content-lNC3F-4-6-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-6-0 {\n position: absolute;\n border-radius: 50%;\n width: var(--spacing);\n height: var(--spacing);\n right: 0;\n bottom: 0;\n}\n\n.avatar-module-Avatar-presence--active-AU4X3-4-6-0 {\n background: var(--success);\n}\n\n.avatar-module-Avatar-presence--away-CDNWs-4-6-0 {\n background: var(--secondary-dark);\n}\n\n.avatar-module-Avatar-status-03nd7-4-6-0 {\n top: calc(-1 * var(--spacing-s));\n right: calc(-1 * var(--spacing-s));\n width: var(--spacing-l);\n height: var(--spacing-l);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n cursor: pointer;\n overflow: hidden;\n}\n";
|
|
986
|
+
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-6-0","Avatar--default":"avatar-module-Avatar--default-0YGXC-4-6-0","Avatar-wrapper--square":"avatar-module-Avatar-wrapper--square--Pcj7-4-6-0","Avatar--square":"avatar-module-Avatar--square-lGJGN-4-6-0","Avatar--regular":"avatar-module-Avatar--regular-ewNzb-4-6-0","Avatar--tiny":"avatar-module-Avatar--tiny-Veo-U-4-6-0","Avatar--noInitials":"avatar-module-Avatar--noInitials-do2M4-4-6-0","Avatar--disabled":"avatar-module-Avatar--disabled-7nTRh-4-6-0","Avatar--primary":"avatar-module-Avatar--primary-MthKO-4-6-0","Avatar--secondary":"avatar-module-Avatar--secondary-Fru0H-4-6-0","Avatar--success":"avatar-module-Avatar--success-KErql-4-6-0","Avatar--alert":"avatar-module-Avatar--alert-mtBzz-4-6-0","Avatar--warning":"avatar-module-Avatar--warning-OUu3j-4-6-0","Avatar--accent1":"avatar-module-Avatar--accent1-Q0YGB-4-6-0","Avatar--accent2":"avatar-module-Avatar--accent2-70bqJ-4-6-0","Avatar--accent3":"avatar-module-Avatar--accent3-GEYFR-4-6-0","Avatar--accent4":"avatar-module-Avatar--accent4-PHVye-4-6-0","Avatar-content--tiny":"avatar-module-Avatar-content--tiny-ZKHWg-4-6-0","Avatar-content":"avatar-module-Avatar-content-lNC3F-4-6-0","Avatar-presence":"avatar-module-Avatar-presence-ByKmm-4-6-0","Avatar-presence--active":"avatar-module-Avatar-presence--active-AU4X3-4-6-0","Avatar-presence--away":"avatar-module-Avatar-presence--away-CDNWs-4-6-0","Avatar-status":"avatar-module-Avatar-status-03nd7-4-6-0"};
|
|
987
987
|
styleInject(css_248z$1i);
|
|
988
988
|
|
|
989
989
|
var appearanceMapper = {
|
|
@@ -1182,8 +1182,8 @@ Avatar.defaultProps = {
|
|
|
1182
1182
|
strokeColor: 'var(--white)'
|
|
1183
1183
|
};
|
|
1184
1184
|
|
|
1185
|
-
var css_248z$1h = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-
|
|
1186
|
-
var styles$16 = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-
|
|
1185
|
+
var css_248z$1h = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-6-0 {\n border-radius: 50%;\n position: relative;\n margin-right: calc(var(--spacing-s) * -1);\n}\n\n.avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-6-0 {\n height: var(--spacing-3);\n}\n\n.avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-6-0 {\n height: var(--spacing-xl);\n}\n\n.avatarGroup-module-AvatarGroup-Popper-z-iGj-4-6-0 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-6-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-6-0 {\n border-radius: 50%;\n position: relative;\n}\n\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-6-0:focus,\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-6-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-6-0 {\n border-bottom: var(--spacing-xs) solid var(--secondary-dark);\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-6-0:focus-within {\n border-bottom: var(--spacing-xs) solid var(--primary);\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-6-0 {\n min-width: unset !important;\n background: transparent;\n border-bottom-left-radius: 0px;\n border-bottom-right-radius: 0;\n height: calc(var(--spacing-3) + var(--spacing-m)) !important;\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-6-0,\n.avatarGroup-module-AvatarGroup-input-pXgb--4-6-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-6-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-6-0 {\n cursor: not-allowed;\n pointer-events: auto !important;\n}\n";
|
|
1186
|
+
var styles$16 = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-6-0","AvatarGroup-item--regular":"avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-6-0","AvatarGroup-item--tiny":"avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-6-0","AvatarGroup-Popper":"avatarGroup-module-AvatarGroup-Popper-z-iGj-4-6-0","AvatarGroup-TextWrapper":"avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-6-0","AvatarCount-wrapper":"avatarGroup-module-AvatarCount-wrapper-k9GxW-4-6-0","AvatarGroup-inputWrapper":"avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-6-0","AvatarGroup-input":"avatarGroup-module-AvatarGroup-input-pXgb--4-6-0","AvatarGroup-listItem--disabled":"avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-6-0"};
|
|
1187
1187
|
styleInject(css_248z$1h);
|
|
1188
1188
|
|
|
1189
1189
|
var AvatarCount = function AvatarCount(props) {
|
|
@@ -1462,8 +1462,8 @@ AvatarGroup.defaultProps = {
|
|
|
1462
1462
|
size: 'regular'
|
|
1463
1463
|
};
|
|
1464
1464
|
|
|
1465
|
-
var css_248z$1g = "@keyframes backdrop-module-backdrop-open-UtELd-4-
|
|
1466
|
-
var styles$15 = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-
|
|
1465
|
+
var css_248z$1g = "@keyframes backdrop-module-backdrop-open-UtELd-4-6-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-6-0 {\n from {\n opacity: var(--opacity-16);\n }\n to {\n opacity: 0;\n }\n}\n\n.backdrop-module-Backdrop-HFSff-4-6-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-6-0 {\n display: flex;\n visibility: visible;\n}\n\n.backdrop-module-Backdrop-animation--open-uyxvi-4-6-0 {\n animation: backdrop-module-backdrop-open-UtELd-4-6-0 var(--duration--fast-02) var(--entrance-expressive-curve);\n}\n\n.backdrop-module-Backdrop-animation--close-Fe-PA-4-6-0 {\n animation: backdrop-module-backdrop-close-s0fHr-4-6-0 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n";
|
|
1466
|
+
var styles$15 = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-6-0","Backdrop--open":"backdrop-module-Backdrop--open-H0Qal-4-6-0","Backdrop-animation--open":"backdrop-module-Backdrop-animation--open-uyxvi-4-6-0","backdrop-open":"backdrop-module-backdrop-open-UtELd-4-6-0","Backdrop-animation--close":"backdrop-module-Backdrop-animation--close-Fe-PA-4-6-0","backdrop-close":"backdrop-module-backdrop-close-s0fHr-4-6-0"};
|
|
1467
1467
|
styleInject(css_248z$1g);
|
|
1468
1468
|
|
|
1469
1469
|
var useEffect$1 = React.useEffect,
|
|
@@ -1530,12 +1530,12 @@ var Backdrop = function Backdrop(props) {
|
|
|
1530
1530
|
};
|
|
1531
1531
|
Backdrop.displayName = 'Backdrop';
|
|
1532
1532
|
|
|
1533
|
-
var css_248z$1f = "/* badge */\n\n.badge-module-Badge-axSjP-4-
|
|
1534
|
-
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-
|
|
1533
|
+
var css_248z$1f = "/* badge */\n\n.badge-module-Badge-axSjP-4-6-0 {\n /* 160px */\n max-width: calc(var(--spacing-2) * 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-m);\n padding-left: var(--spacing-m);\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n border-radius: var(--spacing-m);\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-6-0 {\n background: var(--primary);\n color: var(--white);\n}\n\n.badge-module-Badge--secondary-WIu5q-4-6-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.badge-module-Badge--success-M-hkD-4-6-0 {\n background: var(--success);\n color: var(--white);\n}\n\n.badge-module-Badge--alert-zeKFm-4-6-0 {\n background: var(--alert);\n color: var(--white);\n}\n\n.badge-module-Badge--warning-CaLfS-4-6-0 {\n background: var(--warning);\n color: var(--warning-darker);\n}\n\n.badge-module-Badge--accent1-yRHhk-4-6-0 {\n background: var(--accent1);\n color: var(--white);\n}\n\n.badge-module-Badge--accent2-RXIlu-4-6-0 {\n background: var(--accent2);\n color: var(--white);\n}\n\n.badge-module-Badge--accent3-Ahofy-4-6-0 {\n background: var(--accent3);\n color: var(--white);\n}\n\n.badge-module-Badge--accent4-adMko-4-6-0 {\n background: var(--accent4);\n color: var(--accent4-darker);\n}\n\n.badge-module-Badge--subtle-primary-egSuo-4-6-0 {\n color: var(--primary-darker);\n background: var(--primary-lightest);\n}\n\n.badge-module-Badge--subtle-secondary-ZZUuU-4-6-0 {\n color: var(--text);\n background: var(--secondary-light);\n}\n\n.badge-module-Badge--subtle-success-bZ7d6-4-6-0 {\n color: var(--success-darker);\n background: var(--success-lightest);\n}\n\n.badge-module-Badge--subtle-alert-Iu9LY-4-6-0 {\n color: var(--alert-darker);\n background: var(--alert-lightest);\n}\n\n.badge-module-Badge--subtle-warning-PERDW-4-6-0 {\n color: var(--warning-darker);\n background: var(--warning-lightest);\n}\n\n.badge-module-Badge--subtle-accent1-M14Ub-4-6-0 {\n color: var(--accent1-darker);\n background: var(--accent1-lightest);\n}\n\n.badge-module-Badge--subtle-accent2-e1DOS-4-6-0 {\n color: var(--accent2-darker);\n background: var(--accent2-lightest);\n}\n\n.badge-module-Badge--subtle-accent3-30YqY-4-6-0 {\n color: var(--accent3-darker);\n background: var(--accent3-lightest);\n}\n\n.badge-module-Badge--subtle-accent4-wHQ23-4-6-0 {\n color: var(--accent4-darker);\n background: var(--accent4-lightest);\n}\n";
|
|
1534
|
+
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-6-0","Badge--primary":"badge-module-Badge--primary-Bzypo-4-6-0","Badge--secondary":"badge-module-Badge--secondary-WIu5q-4-6-0","Badge--success":"badge-module-Badge--success-M-hkD-4-6-0","Badge--alert":"badge-module-Badge--alert-zeKFm-4-6-0","Badge--warning":"badge-module-Badge--warning-CaLfS-4-6-0","Badge--accent1":"badge-module-Badge--accent1-yRHhk-4-6-0","Badge--accent2":"badge-module-Badge--accent2-RXIlu-4-6-0","Badge--accent3":"badge-module-Badge--accent3-Ahofy-4-6-0","Badge--accent4":"badge-module-Badge--accent4-adMko-4-6-0","Badge--subtle-primary":"badge-module-Badge--subtle-primary-egSuo-4-6-0","Badge--subtle-secondary":"badge-module-Badge--subtle-secondary-ZZUuU-4-6-0","Badge--subtle-success":"badge-module-Badge--subtle-success-bZ7d6-4-6-0","Badge--subtle-alert":"badge-module-Badge--subtle-alert-Iu9LY-4-6-0","Badge--subtle-warning":"badge-module-Badge--subtle-warning-PERDW-4-6-0","Badge--subtle-accent1":"badge-module-Badge--subtle-accent1-M14Ub-4-6-0","Badge--subtle-accent2":"badge-module-Badge--subtle-accent2-e1DOS-4-6-0","Badge--subtle-accent3":"badge-module-Badge--subtle-accent3-30YqY-4-6-0","Badge--subtle-accent4":"badge-module-Badge--subtle-accent4-wHQ23-4-6-0"};
|
|
1535
1535
|
styleInject(css_248z$1f);
|
|
1536
1536
|
|
|
1537
|
-
var css_248z$1e = ".pageHeader-module-PageHeader-YgqsC-4-
|
|
1538
|
-
var styles$14 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-
|
|
1537
|
+
var css_248z$1e = ".pageHeader-module-PageHeader-YgqsC-4-6-0 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-wrapper-DOQ8C-4-6-0 {\n padding: var(--spacing) var(--spacing-2) var(--spacing) 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-6-0 {\n padding-bottom: 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-6-0 .pageHeader-module-TabsWrapper-header-H-fcc-4-6-0 {\n border-bottom: none;\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-6-0 .pageHeader-module-Row-beZ5Z-4-6-0 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-titleWrapper-QLuCf-4-6-0 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding-right: var(--spacing);\n}\n\n.pageHeader-module-PageHeader-titleWrapper-QLuCf-4-6-0 .pageHeader-module-Badge-2T-RV-4-6-0 {\n margin-left: var(--spacing-l);\n flex-shrink: 0;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-6-0 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-6-0 .pageHeader-module-StatusHint-bRjnp-4-6-0 {\n margin-right: var(--spacing);\n}\n\n.pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-6-0 {\n margin-top: var(--spacing-m);\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-6-0 .pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-6-0 {\n justify-content: center;\n align-items: center;\n margin-top: 0 !important;\n padding-right: var(--spacing);\n padding-left: var(--spacing);\n display: flex;\n}\n\n.pageHeader-module-PageHeader-title-mgCZA-4-6-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.pageHeader-module-PageHeader-actionsWrapper-tF81M-4-6-0 {\n display: flex;\n justify-content: flex-end;\n padding-left: var(--spacing);\n}\n";
|
|
1538
|
+
var styles$14 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-6-0","PageHeader-wrapper":"pageHeader-module-PageHeader-wrapper-DOQ8C-4-6-0","PageHeader-wrapper--withTabs":"pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-6-0","TabsWrapper-header":"pageHeader-module-TabsWrapper-header-H-fcc-4-6-0","Row":"pageHeader-module-Row-beZ5Z-4-6-0","PageHeader-titleWrapper":"pageHeader-module-PageHeader-titleWrapper-QLuCf-4-6-0","Badge":"pageHeader-module-Badge-2T-RV-4-6-0","PageHeader-statusWrapper":"pageHeader-module-PageHeader-statusWrapper-RYrwh-4-6-0","StatusHint":"pageHeader-module-StatusHint-bRjnp-4-6-0","PageHeader-navigationWrapper":"pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-6-0","PageHeader-title":"pageHeader-module-PageHeader-title-mgCZA-4-6-0","PageHeader-actionsWrapper":"pageHeader-module-PageHeader-actionsWrapper-tF81M-4-6-0"};
|
|
1539
1539
|
styleInject(css_248z$1e);
|
|
1540
1540
|
|
|
1541
1541
|
var Badge = function Badge(props) {
|
|
@@ -1556,8 +1556,8 @@ Badge.defaultProps = {
|
|
|
1556
1556
|
appearance: 'secondary'
|
|
1557
1557
|
};
|
|
1558
1558
|
|
|
1559
|
-
var css_248z$1d = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-
|
|
1560
|
-
var styles$13 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-
|
|
1559
|
+
var css_248z$1d = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-6-0 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-6-0 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-link-aJJRG-4-6-0 {\n /* 160px */\n max-width: calc(var(--spacing-2) * 10);\n margin: var(--spacing-m) 0;\n}\n\n.breadcrumbs-module-Breadcrumbs-link-aJJRG-4-6-0:active {\n color: var(--inverse);\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-6-0:first-child .breadcrumbs-module-Breadcrumbs-link-aJJRG-4-6-0 {\n margin-left: 0;\n}\n\n.breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-6-0 {\n color: var(--secondary);\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n width: var(--spacing-m);\n margin: 0 var(--spacing-m);\n}\n\n.breadcrumbs-module-Breadcrumbs-dropdown--CUKk-4-6-0 {\n height: var(--font-height-m);\n}\n\n.breadcrumbs-module-Breadcrumbs-Button-FybbI-4-6-0:focus {\n background: var(--secondary) !important;\n}\n";
|
|
1560
|
+
var styles$13 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-6-0","Breadcrumbs-item":"breadcrumbs-module-Breadcrumbs-item-M3i9B-4-6-0","Breadcrumbs-link":"breadcrumbs-module-Breadcrumbs-link-aJJRG-4-6-0","Breadcrumbs-itemSeparator":"breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-6-0","Breadcrumbs-dropdown":"breadcrumbs-module-Breadcrumbs-dropdown--CUKk-4-6-0","Breadcrumbs-Button":"breadcrumbs-module-Breadcrumbs-Button-FybbI-4-6-0"};
|
|
1561
1561
|
styleInject(css_248z$1d);
|
|
1562
1562
|
|
|
1563
1563
|
var RenderLink = function RenderLink(_ref) {
|
|
@@ -1667,11 +1667,11 @@ var Breadcrumbs = function Breadcrumbs(props) {
|
|
|
1667
1667
|
})));
|
|
1668
1668
|
};
|
|
1669
1669
|
|
|
1670
|
-
var css_248z$1c = ".button-module-Button-xxWB4-4-
|
|
1671
|
-
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-
|
|
1670
|
+
var css_248z$1c = ".button-module-Button-xxWB4-4-6-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(--spacing-m);\n\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\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-6-0:disabled {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-6-0:focus {\n outline: 0;\n}\n\n.button-module-Button--iconAlign-right-tzezJ-4-6-0 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-6-0 {\n margin-left: calc(-1 * var(--spacing-s));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-6-0 {\n margin-right: calc(-1 * var(--spacing-s));\n}\n\n.button-module-Button--tiny-ftCQP-4-6-0 {\n height: var(--spacing-xl);\n padding-right: var(--spacing);\n padding-left: var(--spacing);\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.button-module-Button--tinySquare-JSE77-4-6-0 {\n width: var(--spacing-xl);\n}\n\n.button-module-Button--regular-Vs8An-4-6-0 {\n height: var(--spacing-3);\n padding-right: var(--spacing-l);\n padding-left: var(--spacing-l);\n}\n\n.button-module-Button--regularSquare-VG89r-4-6-0 {\n width: var(--spacing-3);\n}\n\n.button-module-Button--large-inVqO-4-6-0 {\n height: 40px;\n padding-right: var(--spacing-2);\n padding-left: var(--spacing-2);\n\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.button-module-Button--largeSquare-puIze-4-6-0 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-6-0 .button-module-Button-icon-2Qw-d-4-6-0,\n.button-module-Button--largeSquare-puIze-4-6-0 .button-module-Button-icon-2Qw-d-4-6-0,\n.button-module-Button--tinySquare-JSE77-4-6-0 .button-module-Spinner-f7Izb-4-6-0,\n.button-module-Button--largeSquare-puIze-4-6-0 .button-module-Spinner-f7Izb-4-6-0 {\n padding-left: var(--spacing-s);\n padding-right: var(--spacing-s);\n}\n\n.button-module-Button--expanded-j33fV-4-6-0 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-6-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-6-0 {\n margin-right: var(--spacing-0-75);\n}\n\n.button-module-Button-icon--right-4iJWc-4-6-0 {\n margin-left: var(--spacing-0-75);\n}\n\n.button-module-Button--tiny-ftCQP-4-6-0 .button-module-Button-icon--left-UoJq5-4-6-0 {\n margin-right: var(--spacing-m);\n}\n.button-module-Button--tiny-ftCQP-4-6-0 .button-module-Button-icon--right-4iJWc-4-6-0 {\n margin-left: var(--spacing-m);\n}\n\n.button-module-Button--basic-99RJE-4-6-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-6-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-6-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-99RJE-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.button-module-Button--basic-99RJE-4-6-0:disabled {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-6-0 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-6-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-6-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-beKmU-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--primary-beKmU-4-6-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--success-UppQk-4-6-0 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-6-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-6-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-UppQk-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--success-UppQk-4-6-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--alert-H5mRH-4-6-0 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-6-0:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-6-0:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-H5mRH-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.button-module-Button--alert-H5mRH-4-6-0:disabled {\n background: var(--alert-lighter);\n}\n\n.button-module-Button--transparent-r8FxI-4-6-0 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-6-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.button-module-Button--transparent-r8FxI-4-6-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-6-0:focus:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-6-0:disabled {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-6-0 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-6-0 {\n background: var(--primary-lightest);\n color: var(--primary-dark);\n}\n\n.button-module-Button--selected-vkcfl-4-6-0:hover {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-6-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.button-module-Button--selected-vkcfl-4-6-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-6-0:focus:active {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-6-0:disabled {\n background: var(--primary-lightest);\n color: var(--primary-lighter);\n}\n\n.button-module-Button-text--hidden-iCXLu-4-6-0 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-6-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n";
|
|
1671
|
+
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-6-0","Button--iconAlign-right":"button-module-Button--iconAlign-right-tzezJ-4-6-0","Button-regularIcon--left":"button-module-Button-regularIcon--left-eiSbs-4-6-0","Button-regularIcon--right":"button-module-Button-regularIcon--right-VaPke-4-6-0","Button--tiny":"button-module-Button--tiny-ftCQP-4-6-0","Button--tinySquare":"button-module-Button--tinySquare-JSE77-4-6-0","Button--regular":"button-module-Button--regular-Vs8An-4-6-0","Button--regularSquare":"button-module-Button--regularSquare-VG89r-4-6-0","Button--large":"button-module-Button--large-inVqO-4-6-0","Button--largeSquare":"button-module-Button--largeSquare-puIze-4-6-0","Button-icon":"button-module-Button-icon-2Qw-d-4-6-0","Spinner":"button-module-Spinner-f7Izb-4-6-0","Button--expanded":"button-module-Button--expanded-j33fV-4-6-0","Button-icon--left":"button-module-Button-icon--left-UoJq5-4-6-0","Button-icon--right":"button-module-Button-icon--right-4iJWc-4-6-0","Button--basic":"button-module-Button--basic-99RJE-4-6-0","Button--primary":"button-module-Button--primary-beKmU-4-6-0","Button--success":"button-module-Button--success-UppQk-4-6-0","Button--alert":"button-module-Button--alert-H5mRH-4-6-0","Button--transparent":"button-module-Button--transparent-r8FxI-4-6-0","Button-spinner":"button-module-Button-spinner-l5KLk-4-6-0","Button--selected":"button-module-Button--selected-vkcfl-4-6-0","Button-text--hidden":"button-module-Button-text--hidden-iCXLu-4-6-0","Button-text":"button-module-Button-text-A8xeT-4-6-0"};
|
|
1672
1672
|
styleInject(css_248z$1c);
|
|
1673
1673
|
|
|
1674
|
-
var _excluded$
|
|
1674
|
+
var _excluded$1h = ["size", "appearance", "iconAlign", "tabIndex", "largeIcon", "type", "children", "icon", "expanded", "selected", "loading", "disabled", "className", "tooltip", "iconType"];
|
|
1675
1675
|
var sizeMapping$3 = {
|
|
1676
1676
|
tiny: 12,
|
|
1677
1677
|
regular: 16,
|
|
@@ -1699,7 +1699,7 @@ var ButtonElement = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
1699
1699
|
className = props.className;
|
|
1700
1700
|
props.tooltip;
|
|
1701
1701
|
var iconType = props.iconType,
|
|
1702
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
1702
|
+
rest = _objectWithoutProperties(props, _excluded$1h);
|
|
1703
1703
|
var buttonClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, buttonStyles['Button'], true), buttonStyles['Button--expanded'], expanded), buttonStyles["Button--".concat(size)], size), buttonStyles["Button--".concat(size, "Square")], !children), buttonStyles["Button--".concat(appearance)], appearance), buttonStyles['Button--selected'], selected && (appearance === 'basic' || appearance === 'transparent')), buttonStyles["Button--iconAlign-".concat(iconAlign)], children && iconAlign), className);
|
|
1704
1704
|
var iconClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, buttonStyles['Button-icon'], true), buttonStyles["Button-icon--".concat(iconAlign)], children && iconAlign), buttonStyles["Button-regularIcon--".concat(iconAlign)], children && iconAlign && size === 'regular' && !expanded));
|
|
1705
1705
|
var buttonTextClass = classnames(_defineProperty$1(_defineProperty$1({}, buttonStyles['Button-text'], true), buttonStyles['Button-text--hidden'], true));
|
|
@@ -1744,8 +1744,8 @@ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
1744
1744
|
});
|
|
1745
1745
|
Button.displayName = 'Button';
|
|
1746
1746
|
|
|
1747
|
-
var css_248z$1b = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-
|
|
1748
|
-
var styles$12 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-
|
|
1747
|
+
var css_248z$1b = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-6-0 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.calendar-module-Calendar-7PxjX-4-6-0 {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.calendar-module-Calendar--small-A1CLy-4-6-0 {\n padding: var(--spacing-l);\n padding-bottom: var(--spacing);\n width: 212px;\n}\n\n.calendar-module-Calendar-date--small-CcxQJ-4-6-0 {\n height: 248px;\n}\n\n.calendar-module-Calendar-month--small-wkwYD-4-6-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar-year--small-RdwBQ-4-6-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar--large-sSoxU-4-6-0 {\n padding-top: var(--spacing-2);\n padding-left: var(--spacing-2);\n padding-right: var(--spacing-2);\n padding-bottom: var(--spacing-l);\n width: 316px;\n}\n\n.calendar-module-Calendar-date--large-1ZITF-4-6-0 {\n height: 324px;\n}\n\n.calendar-module-Calendar-month--large-5g0oP-4-6-0 {\n height: 276px;\n}\n\n.calendar-module-Calendar-year--large-jELMf-4-6-0 {\n height: 272px;\n}\n\n.calendar-module-Calendar-header--large-z3JIz-4-6-0 {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-bottom: var(--spacing-l);\n}\n\n.calendar-module-Calendar-header--small-dWwwm-4-6-0 {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-bottom: var(--spacing);\n}\n\n.calendar-module-Calendar-headerIcon-nsCVk-4-6-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-6-0 {\n left: 0;\n}\n\n.calendar-module-Calendar-headerIcon--next-ympYc-4-6-0 {\n right: 0;\n}\n\n.calendar-module-Calendar-headerContent-Ik37t-4-6-0 {\n display: flex;\n white-space: nowrap;\n cursor: pointer;\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.calendar-module-Calendar-body-d-N5F-4-6-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-6-0 {\n display: flex;\n justify-content: space-between;\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n}\n\n.calendar-module-Calendar-valueWrapper-H46Ub-4-6-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-6-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-6-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-6-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-6-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-6-0:active {\n background: var(--primary-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-6-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--start-z-bt7-4-6-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 50%);\n border-radius: var(--spacing-m) 0 0 var(--spacing-m);\n}\n\n.calendar-module-Calendar-valueWrapper--startError-RglvV-4-6-0 {\n background: linear-gradient(90deg, white 50%, var(--alert-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--end-3mDNa-4-6-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 50%, white 50%);\n border-radius: 0 var(--spacing-m) var(--spacing-m) 0;\n}\n\n.calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-6-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 10%, white 50%);\n border-radius: 0 var(--spacing-m) var(--spacing-m) 0;\n}\n\n.calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-6-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 10%);\n}\n\n.calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-6-0 {\n background: linear-gradient(90deg, var(--alert-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--startEnd-djqp--4-6-0 {\n background: transparent;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-6-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-m);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-6-0:hover {\n background: var(--secondary-light);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-6-0:active {\n background: var(--secondary);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-6-0:active .calendar-module-Calendar-value--currDate-GxbmJ-4-6-0 {\n color: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-6-0:hover,\n.calendar-module-Calendar-value--end-975vB-4-6-0:hover {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-6-0:hover,\n.calendar-module-Calendar-value--endError-M5HbA-4-6-0:hover {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-6-0,\n.calendar-module-Calendar-value--end-975vB-4-6-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-6-0,\n.calendar-module-Calendar-value--endError-M5HbA-4-6-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-6-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-6-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-6-0:active {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-value--currDate-GxbmJ-4-6-0:active {\n color: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-6-0 {\n background: var(--primary);\n font-weight: var(--font-weight-bold);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-6-0:hover {\n background: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-6-0:active {\n background: var(--primary-darker);\n}\n\n.calendar-module-Calendar-yearValue--small--xk4--4-6-0,\n.calendar-module-Calendar-monthValue--small-R3bKo-4-6-0 {\n height: var(--spacing-xl);\n width: var(--spacing-4);\n}\n\n.calendar-module-Calendar-yearValue--large-Lmlui-4-6-0,\n.calendar-module-Calendar-monthValue--large-kkWJR-4-6-0 {\n height: var(--spacing-3);\n width: var(--spacing-5);\n}\n\n.calendar-module-Calendar-dateValue--small-u5Af3-4-6-0 {\n height: var(--spacing-xl);\n width: var(--spacing-xl);\n}\n\n.calendar-module-Calendar-dateValue--large-ngrnG-4-6-0 {\n height: var(--spacing-3);\n width: var(--spacing-3);\n}\n\n.calendar-module-Calendar-valueWrapper--dummy-QDC-R-4-6-0 {\n opacity: var(--opacity-20);\n}\n\n.calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-6-0 {\n opacity: var(--opacity-10);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-6-0 {\n opacity: var(--opacity-16);\n}\n\n.calendar-module-Calendar-value--disabled-xwiCL-4-6-0 {\n pointer-events: none;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-6-0 {\n display: flex;\n justify-content: center;\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n}\n\n.calendar-module-Calendar-dateValues-sXhcu-4-6-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-6-0 .calendar-module-Calendar-value-Ht0Qg-4-6-0 {\n padding: 0;\n}\n\n.calendar-module-Calendar-eventsIndicator-FoS6M-4-6-0 {\n position: absolute;\n bottom: var(--spacing-s);\n width: var(--spacing-m);\n height: var(--spacing-m);\n background-color: var(--alert);\n border-radius: 50%;\n}\n.calendar-module-Calendar-eventsIndicator--small-94d0W-4-6-0 {\n width: 3px;\n height: 3px;\n}\n.calendar-module-Calendar-eventsIndicator--active-NHhLl-4-6-0 {\n background-color: var(--white);\n}\n\n.calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-6-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-6-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-6-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-6-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-6-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-6-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-6-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-6-0:active {\n background: var(--primary-light);\n}\n";
|
|
1748
|
+
var styles$12 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-6-0","Calendar":"calendar-module-Calendar-7PxjX-4-6-0","Calendar--small":"calendar-module-Calendar--small-A1CLy-4-6-0","Calendar-date--small":"calendar-module-Calendar-date--small-CcxQJ-4-6-0","Calendar-month--small":"calendar-module-Calendar-month--small-wkwYD-4-6-0","Calendar-year--small":"calendar-module-Calendar-year--small-RdwBQ-4-6-0","Calendar--large":"calendar-module-Calendar--large-sSoxU-4-6-0","Calendar-date--large":"calendar-module-Calendar-date--large-1ZITF-4-6-0","Calendar-month--large":"calendar-module-Calendar-month--large-5g0oP-4-6-0","Calendar-year--large":"calendar-module-Calendar-year--large-jELMf-4-6-0","Calendar-header--large":"calendar-module-Calendar-header--large-z3JIz-4-6-0","Calendar-header--small":"calendar-module-Calendar-header--small-dWwwm-4-6-0","Calendar-headerIcon":"calendar-module-Calendar-headerIcon-nsCVk-4-6-0","Calendar-headerIcon--prev":"calendar-module-Calendar-headerIcon--prev-1RFOJ-4-6-0","Calendar-headerIcon--next":"calendar-module-Calendar-headerIcon--next-ympYc-4-6-0","Calendar-headerContent":"calendar-module-Calendar-headerContent-Ik37t-4-6-0","Calendar-body":"calendar-module-Calendar-body-d-N5F-4-6-0","Calendar-valueRow":"calendar-module-Calendar-valueRow-85rKl-4-6-0","Calendar-valueWrapper":"calendar-module-Calendar-valueWrapper-H46Ub-4-6-0","Calendar-valueWrapper--inRange":"calendar-module-Calendar-valueWrapper--inRange-fV605-4-6-0","Calendar-inRangeValue":"calendar-module-Calendar-inRangeValue-VoWIb-4-6-0","Calendar-valueWrapper--inRangeError":"calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-6-0","Calendar-valueWrapper--start":"calendar-module-Calendar-valueWrapper--start-z-bt7-4-6-0","Calendar-valueWrapper--startError":"calendar-module-Calendar-valueWrapper--startError-RglvV-4-6-0","Calendar-valueWrapper--end":"calendar-module-Calendar-valueWrapper--end-3mDNa-4-6-0","Calendar-valueWrapper--hoverDate":"calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-6-0","Calendar-valueWrapper--hoverEndDate":"calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-6-0","Calendar-valueWrapper--endError":"calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-6-0","Calendar-valueWrapper--startEnd":"calendar-module-Calendar-valueWrapper--startEnd-djqp--4-6-0","Calendar-value":"calendar-module-Calendar-value-Ht0Qg-4-6-0","Calendar-value--currDate":"calendar-module-Calendar-value--currDate-GxbmJ-4-6-0","Calendar-value--start":"calendar-module-Calendar-value--start-mlqzh-4-6-0","Calendar-value--end":"calendar-module-Calendar-value--end-975vB-4-6-0","Calendar-value--startError":"calendar-module-Calendar-value--startError-bXXuR-4-6-0","Calendar-value--endError":"calendar-module-Calendar-value--endError-M5HbA-4-6-0","Calendar-value--currDateMonthYear":"calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-6-0","Calendar-value--active":"calendar-module-Calendar-value--active--twAB-4-6-0","Calendar-yearValue--small":"calendar-module-Calendar-yearValue--small--xk4--4-6-0","Calendar-monthValue--small":"calendar-module-Calendar-monthValue--small-R3bKo-4-6-0","Calendar-yearValue--large":"calendar-module-Calendar-yearValue--large-Lmlui-4-6-0","Calendar-monthValue--large":"calendar-module-Calendar-monthValue--large-kkWJR-4-6-0","Calendar-dateValue--small":"calendar-module-Calendar-dateValue--small-u5Af3-4-6-0","Calendar-dateValue--large":"calendar-module-Calendar-dateValue--large-ngrnG-4-6-0","Calendar-valueWrapper--dummy":"calendar-module-Calendar-valueWrapper--dummy-QDC-R-4-6-0","Calendar-valueWrapper--disabled":"calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-6-0","Calendar-valueWrapper--active-dummy":"calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-6-0","Calendar-value--disabled":"calendar-module-Calendar-value--disabled-xwiCL-4-6-0","Calendar-dayValues":"calendar-module-Calendar-dayValues-EuWrN-4-6-0","Calendar-dateValues":"calendar-module-Calendar-dateValues-sXhcu-4-6-0","Calendar-eventsIndicator":"calendar-module-Calendar-eventsIndicator-FoS6M-4-6-0","Calendar-eventsIndicator--small":"calendar-module-Calendar-eventsIndicator--small-94d0W-4-6-0","Calendar-eventsIndicator--active":"calendar-module-Calendar-eventsIndicator--active-NHhLl-4-6-0","Calendar-valueWrapper--inStartRange":"calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-6-0","Calendar-valueWrapper--inEndRange":"calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-6-0","Calendar-valueWrapper--inEdgeRange":"calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-6-0"};
|
|
1749
1749
|
styleInject(css_248z$1b);
|
|
1750
1750
|
|
|
1751
1751
|
var config = {
|
|
@@ -2835,17 +2835,17 @@ _defineProperty$1(Calendar, "defaultProps", {
|
|
|
2835
2835
|
jumpView: true
|
|
2836
2836
|
});
|
|
2837
2837
|
|
|
2838
|
-
var css_248z$1a = "/* badge */\n\n.card-module-Card-3nZt4-4-
|
|
2839
|
-
var styles$11 = {"Card":"card-module-Card-3nZt4-4-
|
|
2838
|
+
var css_248z$1a = "/* badge */\n\n.card-module-Card-3nZt4-4-6-0 {\n border-radius: var(--spacing-m);\n border: var(--spacing-xs) solid var(--secondary-light);\n position: relative;\n background-color: var(--white);\n}\n\n.card-module-Card--default-vE68u-4-6-0,\n.card-module-Card--light-ef-kI-4-6-0,\n.card-module-Card--medium-hfCda-4-6-0,\n.card-module-Card--dark-z4IwI-4-6-0 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow10-EQ0Tc-4-6-0 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow20-r2kA9-4-6-0 {\n border: none;\n box-shadow: var(--shadow-m);\n}\n\n.card-module-Card--shadow30-7DdVE-4-6-0 {\n border: none;\n box-shadow: var(--shadow-l);\n}\n\n.card-module-Card-header-L-wfV-4-6-0 {\n padding: var(--spacing-2) var(--spacing-2) var(--spacing-l) var(--spacing-2);\n}\n\n.card-module-Card-body-AWtGZ-4-6-0 {\n padding-left: var(--spacing-2);\n padding-right: var(--spacing-2);\n}\n\n.card-module-Card-footer-Gomt8-4-6-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-2);\n}\n\n.card-module-Card-footer--withSeperator-xBISR-4-6-0 {\n border-top: var(--spacing-xs) solid var(--secondary-light);\n}\n";
|
|
2839
|
+
var styles$11 = {"Card":"card-module-Card-3nZt4-4-6-0","Card--default":"card-module-Card--default-vE68u-4-6-0","Card--light":"card-module-Card--light-ef-kI-4-6-0","Card--medium":"card-module-Card--medium-hfCda-4-6-0","Card--dark":"card-module-Card--dark-z4IwI-4-6-0","Card--shadow10":"card-module-Card--shadow10-EQ0Tc-4-6-0","Card--shadow20":"card-module-Card--shadow20-r2kA9-4-6-0","Card--shadow30":"card-module-Card--shadow30-7DdVE-4-6-0","Card-header":"card-module-Card-header-L-wfV-4-6-0","Card-body":"card-module-Card-body-AWtGZ-4-6-0","Card-footer":"card-module-Card-footer-Gomt8-4-6-0","Card-footer--withSeperator":"card-module-Card-footer--withSeperator-xBISR-4-6-0"};
|
|
2840
2840
|
styleInject(css_248z$1a);
|
|
2841
2841
|
|
|
2842
|
-
var _excluded$
|
|
2842
|
+
var _excluded$1g = ["shadow", "children", "className"];
|
|
2843
2843
|
var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
2844
2844
|
var _props$shadow = props.shadow,
|
|
2845
2845
|
shadow = _props$shadow === void 0 ? 'shadow10' : _props$shadow,
|
|
2846
2846
|
children = props.children,
|
|
2847
2847
|
className = props.className,
|
|
2848
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
2848
|
+
rest = _objectWithoutProperties(props, _excluded$1g);
|
|
2849
2849
|
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$11.Card, true), styles$11["Card--".concat(shadow)], shadow), className);
|
|
2850
2850
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
2851
2851
|
"data-test": "DesignSystem-Card",
|
|
@@ -2859,16 +2859,16 @@ Card.defaultProps = {
|
|
|
2859
2859
|
shadow: 'shadow10'
|
|
2860
2860
|
};
|
|
2861
2861
|
|
|
2862
|
-
var css_248z$19 = ".cardSubdued-module-CardSubdued-cRpHh-4-
|
|
2863
|
-
var styles$10 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-
|
|
2862
|
+
var css_248z$19 = ".cardSubdued-module-CardSubdued-cRpHh-4-6-0 {\n background: var(--card-subdued-bg);\n padding: var(--spacing-2);\n}\n\n.cardSubdued-module-CardSubdued--top-9xPTI-4-6-0 {\n border-top: var(--spacing-xs) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--left-5pkIL-4-6-0 {\n border-left: var(--spacing-xs) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--right-vqxr4-4-6-0 {\n border-right: var(--spacing-xs) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--bottom-fOplq-4-6-0 {\n border-bottom: var(--spacing-xs) solid var(--secondary-light);\n}\n";
|
|
2863
|
+
var styles$10 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-6-0","CardSubdued--top":"cardSubdued-module-CardSubdued--top-9xPTI-4-6-0","CardSubdued--left":"cardSubdued-module-CardSubdued--left-5pkIL-4-6-0","CardSubdued--right":"cardSubdued-module-CardSubdued--right-vqxr4-4-6-0","CardSubdued--bottom":"cardSubdued-module-CardSubdued--bottom-fOplq-4-6-0"};
|
|
2864
2864
|
styleInject(css_248z$19);
|
|
2865
2865
|
|
|
2866
|
-
var _excluded$
|
|
2866
|
+
var _excluded$1f = ["border", "children", "className"];
|
|
2867
2867
|
var CardSubdued = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
2868
2868
|
var border = props.border,
|
|
2869
2869
|
children = props.children,
|
|
2870
2870
|
className = props.className,
|
|
2871
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
2871
|
+
rest = _objectWithoutProperties(props, _excluded$1f);
|
|
2872
2872
|
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$10.CardSubdued, true), styles$10["CardSubdued--".concat(border)], border), className);
|
|
2873
2873
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
2874
2874
|
"data-test": "DesignSystem-CardSubdued",
|
|
@@ -2926,7 +2926,7 @@ var isSpaceKey = function isSpaceKey(e) {
|
|
|
2926
2926
|
return e.key === 'Space';
|
|
2927
2927
|
};
|
|
2928
2928
|
|
|
2929
|
-
var _excluded$
|
|
2929
|
+
var _excluded$1e = ["onClick", "onKeyDown", "role", "tabIndex"];
|
|
2930
2930
|
var allowed = {
|
|
2931
2931
|
button: new Set(['Enter', 'Space', 'Spacebar', ' ']),
|
|
2932
2932
|
link: new Set(['Enter']),
|
|
@@ -2949,7 +2949,7 @@ var useAccessibilityProps = function useAccessibilityProps(_ref) {
|
|
|
2949
2949
|
_ref$role = _ref.role,
|
|
2950
2950
|
role = _ref$role === void 0 ? 'button' : _ref$role,
|
|
2951
2951
|
tabIndex = _ref.tabIndex,
|
|
2952
|
-
rest = _objectWithoutProperties(_ref, _excluded$
|
|
2952
|
+
rest = _objectWithoutProperties(_ref, _excluded$1e);
|
|
2953
2953
|
return _objectSpread2({}, onClick ? {
|
|
2954
2954
|
onClick: onClick,
|
|
2955
2955
|
role: role,
|
|
@@ -2975,8 +2975,8 @@ var useAccessibilityProps = function useAccessibilityProps(_ref) {
|
|
|
2975
2975
|
});
|
|
2976
2976
|
};
|
|
2977
2977
|
|
|
2978
|
-
var css_248z$18 = "/* 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-
|
|
2979
|
-
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-
|
|
2978
|
+
var css_248z$18 = "/* 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-6-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-6-0 {\n color: var(--text-subtle);\n}\n\n.icon-module-Icon--disabled-cfSpt-4-6-0 {\n color: var(--text-disabled);\n}\n\n.icon-module-Icon--destructive-hh3wH-4-6-0 {\n color: var(--text-destructive);\n}\n\n.icon-module-Icon--white-xVSQx-4-6-0 {\n color: var(--text-white);\n}\n\n.icon-module-Icon--default-gUL8T-4-6-0 {\n color: var(--text);\n}\n\n.icon-module-Icon--info-NPl0c-4-6-0 {\n color: var(--primary);\n}\n\n.icon-module-Icon--success--1Pol-4-6-0 {\n color: var(--success);\n}\n\n.icon-module-Icon--warning-vkwDf-4-6-0 {\n color: var(--warning);\n}\n\n.icon-module-Icon--alert-9wT0L-4-6-0 {\n color: var(--alert);\n}\n\n.icon-module-Icon--primary-5RS0y-4-6-0 {\n color: var(--primary);\n}\n\n.icon-module-Icon--primaryLighter-G9i-U-4-6-0 {\n color: var(--primary-lighter);\n}\n\n.icon-module-Icon--primaryDark-Z9EK7-4-6-0 {\n color: var(--primary-dark);\n}\n\n.icon-module-Icon--primaryDarker-WzRg--4-6-0 {\n color: var(--primary-darker);\n}\n\n.icon-module-Icon--alertLighter-6B-e7-4-6-0 {\n color: var(--alert-lighter);\n}\n\n.icon-module-Icon--alertDark-k7w0--4-6-0 {\n color: var(--alert-dark);\n}\n\n.icon-module-Icon--alertDarker-ZGpJS-4-6-0 {\n color: var(--alert-darker);\n}\n\n.icon-module-Icon--successLighter-NJRIN-4-6-0 {\n color: var(--success-lighter);\n}\n\n.icon-module-Icon--successDark-w7jA3-4-6-0 {\n color: var(--success-dark);\n}\n\n.icon-module-Icon--successDarker-whOmv-4-6-0 {\n color: var(--success-darker);\n}\n\n.icon-module-Icon--warningLighter-IjeGH-4-6-0 {\n color: var(--warning-lighter);\n}\n\n.icon-module-Icon--warningDark-c0V89-4-6-0 {\n color: var(--warning-dark);\n}\n\n.icon-module-Icon--warningDarker-Y1Zk1-4-6-0 {\n color: var(--warning-darker);\n}\n\n.icon-module-Icon--accent1-joGUJ-4-6-0 {\n color: var(--accent1);\n}\n\n.icon-module-Icon--accent1Lighter-ecAka-4-6-0 {\n color: var(--accent1-lighter);\n}\n\n.icon-module-Icon--accent1Dark-kWavq-4-6-0 {\n color: var(--accent1-dark);\n}\n\n.icon-module-Icon--accent1Darker-xkikD-4-6-0 {\n color: var(--accent1-darker);\n}\n\n.icon-module-Icon--accent2-U6Nln-4-6-0 {\n color: var(--accent2);\n}\n\n.icon-module-Icon--accent2Lighter-l-bdc-4-6-0 {\n color: var(--accent2-lighter);\n}\n\n.icon-module-Icon--accent2Dark-fQYZp-4-6-0 {\n color: var(--accent2-dark);\n}\n\n.icon-module-Icon--accent2Darker-fPTcU-4-6-0 {\n color: var(--accent2-darker);\n}\n\n.icon-module-Icon--accent3-pqiXT-4-6-0 {\n color: var(--accent3);\n}\n\n.icon-module-Icon--accent3Lighter-GdEsf-4-6-0 {\n color: var(--accent3-lighter);\n}\n\n.icon-module-Icon--accent3Dark-UrkMU-4-6-0 {\n color: var(--accent3-dark);\n}\n\n.icon-module-Icon--accent3Darker-h-Kf4-4-6-0 {\n color: var(--accent3-darker);\n}\n\n.icon-module-Icon--accent4-URPLg-4-6-0 {\n color: var(--accent4);\n}\n\n.icon-module-Icon--accent4Lighter-TfLqj-4-6-0 {\n color: var(--accent4-lighter);\n}\n\n.icon-module-Icon--accent4Dark-eMTg--4-6-0 {\n color: var(--accent4-dark);\n}\n\n.icon-module-Icon--accent4Darker-zY0fj-4-6-0 {\n color: var(--accent4-darker);\n}\n\n.icon-module-Icon--inverse-PaEaG-4-6-0 {\n color: var(--inverse);\n}\n";
|
|
2979
|
+
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-6-0","Icon--subtle":"icon-module-Icon--subtle-LctKY-4-6-0","Icon--disabled":"icon-module-Icon--disabled-cfSpt-4-6-0","Icon--destructive":"icon-module-Icon--destructive-hh3wH-4-6-0","Icon--white":"icon-module-Icon--white-xVSQx-4-6-0","Icon--default":"icon-module-Icon--default-gUL8T-4-6-0","Icon--info":"icon-module-Icon--info-NPl0c-4-6-0","Icon--success":"icon-module-Icon--success--1Pol-4-6-0","Icon--warning":"icon-module-Icon--warning-vkwDf-4-6-0","Icon--alert":"icon-module-Icon--alert-9wT0L-4-6-0","Icon--primary":"icon-module-Icon--primary-5RS0y-4-6-0","Icon--primaryLighter":"icon-module-Icon--primaryLighter-G9i-U-4-6-0","Icon--primaryDark":"icon-module-Icon--primaryDark-Z9EK7-4-6-0","Icon--primaryDarker":"icon-module-Icon--primaryDarker-WzRg--4-6-0","Icon--alertLighter":"icon-module-Icon--alertLighter-6B-e7-4-6-0","Icon--alertDark":"icon-module-Icon--alertDark-k7w0--4-6-0","Icon--alertDarker":"icon-module-Icon--alertDarker-ZGpJS-4-6-0","Icon--successLighter":"icon-module-Icon--successLighter-NJRIN-4-6-0","Icon--successDark":"icon-module-Icon--successDark-w7jA3-4-6-0","Icon--successDarker":"icon-module-Icon--successDarker-whOmv-4-6-0","Icon--warningLighter":"icon-module-Icon--warningLighter-IjeGH-4-6-0","Icon--warningDark":"icon-module-Icon--warningDark-c0V89-4-6-0","Icon--warningDarker":"icon-module-Icon--warningDarker-Y1Zk1-4-6-0","Icon--accent1":"icon-module-Icon--accent1-joGUJ-4-6-0","Icon--accent1Lighter":"icon-module-Icon--accent1Lighter-ecAka-4-6-0","Icon--accent1Dark":"icon-module-Icon--accent1Dark-kWavq-4-6-0","Icon--accent1Darker":"icon-module-Icon--accent1Darker-xkikD-4-6-0","Icon--accent2":"icon-module-Icon--accent2-U6Nln-4-6-0","Icon--accent2Lighter":"icon-module-Icon--accent2Lighter-l-bdc-4-6-0","Icon--accent2Dark":"icon-module-Icon--accent2Dark-fQYZp-4-6-0","Icon--accent2Darker":"icon-module-Icon--accent2Darker-fPTcU-4-6-0","Icon--accent3":"icon-module-Icon--accent3-pqiXT-4-6-0","Icon--accent3Lighter":"icon-module-Icon--accent3Lighter-GdEsf-4-6-0","Icon--accent3Dark":"icon-module-Icon--accent3Dark-UrkMU-4-6-0","Icon--accent3Darker":"icon-module-Icon--accent3Darker-h-Kf4-4-6-0","Icon--accent4":"icon-module-Icon--accent4-URPLg-4-6-0","Icon--accent4Lighter":"icon-module-Icon--accent4Lighter-TfLqj-4-6-0","Icon--accent4Dark":"icon-module-Icon--accent4Dark-eMTg--4-6-0","Icon--accent4Darker":"icon-module-Icon--accent4Darker-zY0fj-4-6-0","Icon--inverse":"icon-module-Icon--inverse-PaEaG-4-6-0"};
|
|
2980
2980
|
styleInject(css_248z$18);
|
|
2981
2981
|
|
|
2982
2982
|
// 'outline', 'rounded' to be deprecated soon.
|
|
@@ -3066,13 +3066,13 @@ Icon.defaultProps = {
|
|
|
3066
3066
|
size: 16
|
|
3067
3067
|
};
|
|
3068
3068
|
|
|
3069
|
-
var _excluded$
|
|
3069
|
+
var _excluded$1d = ["children", "componentType", "className"];
|
|
3070
3070
|
var GenericText = function GenericText(_ref, ref) {
|
|
3071
3071
|
var children = _ref.children,
|
|
3072
3072
|
_ref$componentType = _ref.componentType,
|
|
3073
3073
|
componentType = _ref$componentType === void 0 ? 'span' : _ref$componentType,
|
|
3074
3074
|
className = _ref.className,
|
|
3075
|
-
rest = _objectWithoutProperties(_ref, _excluded$
|
|
3075
|
+
rest = _objectWithoutProperties(_ref, _excluded$1d);
|
|
3076
3076
|
return /*#__PURE__*/React.createElement(componentType, _objectSpread2(_objectSpread2({}, rest), {}, {
|
|
3077
3077
|
className: className,
|
|
3078
3078
|
ref: ref
|
|
@@ -3080,11 +3080,11 @@ var GenericText = function GenericText(_ref, ref) {
|
|
|
3080
3080
|
};
|
|
3081
3081
|
var Link$1 = /*#__PURE__*/React.forwardRef(GenericText);
|
|
3082
3082
|
|
|
3083
|
-
var css_248z$17 = "/* Text */\n.text-module-Text-s1VoI-4-
|
|
3084
|
-
var textStyles = {"Text":"text-module-Text-s1VoI-4-
|
|
3083
|
+
var css_248z$17 = "/* Text */\n.text-module-Text-s1VoI-4-6-0 {\n margin: 0;\n line-height: var(--font-height);\n}\n\n.text-module-Text--small-Jgkij-4-6-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n}\n\n.text-module-Text--regular-1srPn-4-6-0 {\n font-size: var(--font-size);\n line-height: var(--font-height);\n}\n\n.text-module-Text--large-dvoDb-4-6-0 {\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.text-module-Text--default-8sTrE-4-6-0 {\n color: var(--text);\n}\n\n.text-module-Text--subtle-dIroX-4-6-0 {\n color: var(--text-subtle);\n}\n\n.text-module-Text--disabled-n3vwU-4-6-0 {\n color: var(--text-disabled);\n}\n\n.text-module-Text--destructive-IyHaq-4-6-0 {\n color: var(--text-destructive);\n}\n\n.text-module-Text--white-7KdSH-4-6-0 {\n color: var(--text-white);\n}\n\n.text-module-Text--success---5U--4-6-0 {\n color: var(--text-success);\n}\n\n.text-module-Text--link-xbXRL-4-6-0 {\n color: var(--text-link);\n}\n\n.text-module-Text--medium-NJhdl-4-6-0 {\n font-weight: var(--font-weight-medium);\n}\n\n.text-module-Text--strong-V4cio-4-6-0 {\n font-weight: var(--font-weight-bold);\n}\n";
|
|
3084
|
+
var textStyles = {"Text":"text-module-Text-s1VoI-4-6-0","Text--small":"text-module-Text--small-Jgkij-4-6-0","Text--regular":"text-module-Text--regular-1srPn-4-6-0","Text--large":"text-module-Text--large-dvoDb-4-6-0","Text--default":"text-module-Text--default-8sTrE-4-6-0","Text--subtle":"text-module-Text--subtle-dIroX-4-6-0","Text--disabled":"text-module-Text--disabled-n3vwU-4-6-0","Text--destructive":"text-module-Text--destructive-IyHaq-4-6-0","Text--white":"text-module-Text--white-7KdSH-4-6-0","Text--success":"text-module-Text--success---5U--4-6-0","Text--link":"text-module-Text--link-xbXRL-4-6-0","Text--medium":"text-module-Text--medium-NJhdl-4-6-0","Text--strong":"text-module-Text--strong-V4cio-4-6-0"};
|
|
3085
3085
|
styleInject(css_248z$17);
|
|
3086
3086
|
|
|
3087
|
-
var _excluded$
|
|
3087
|
+
var _excluded$1c = ["appearance", "size", "children", "weight", "small", "className", "color"];
|
|
3088
3088
|
var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3089
3089
|
var _props$appearance = props.appearance,
|
|
3090
3090
|
appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
|
|
@@ -3095,7 +3095,7 @@ var Text = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3095
3095
|
small = props.small,
|
|
3096
3096
|
className = props.className,
|
|
3097
3097
|
color = props.color,
|
|
3098
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
3098
|
+
rest = _objectWithoutProperties(props, _excluded$1c);
|
|
3099
3099
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, textStyles.Text, true), textStyles["Text--".concat(appearance)], !color && appearance), textStyles["Text--".concat(weight)], weight), textStyles["Text--".concat(size)], size), "color-".concat(color), color), textStyles['Text--small'], size === 'small' || small), className);
|
|
3100
3100
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
3101
3101
|
ref: ref,
|
|
@@ -3111,8 +3111,8 @@ Text.defaultProps = {
|
|
|
3111
3111
|
size: 'regular'
|
|
3112
3112
|
};
|
|
3113
3113
|
|
|
3114
|
-
var css_248z$16 = ".chip-module-Chip-poUZ4-4-
|
|
3115
|
-
var styles$$ = {"Chip":"chip-module-Chip-poUZ4-4-
|
|
3114
|
+
var css_248z$16 = ".chip-module-Chip-poUZ4-4-6-0 {\n display: flex;\n box-sizing: border-box;\n border-radius: var(--spacing-l);\n padding-right: var(--spacing);\n padding-left: var(--spacing);\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n width: -moz-fit-content;\n width: fit-content;\n justify-content: space-between;\n border-style: solid;\n border-width: var(--spacing-xs);\n align-items: center;\n flex-direction: row;\n cursor: default;\n height: var(--spacing-xl);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.chip-module-Chip-wrapper-pvcWT-4-6-0 {\n display: inline-flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--left-iQJW--4-6-0 {\n margin-right: var(--spacing-m);\n display: flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-6-0 {\n display: flex;\n align-items: center;\n border-radius: 10px;\n margin-left: var(--spacing-s);\n}\n\n.chip-module-Chip--action-xkWzq-4-6-0 {\n background: var(--secondary-light);\n border: 0px;\n cursor: pointer;\n}\n\n.chip-module-Chip--action-xkWzq-4-6-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--action-xkWzq-4-6-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--action-xkWzq-4-6-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-action--disabled-qik7a-4-6-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-6-0 {\n background: var(--shadow-0);\n border-color: var(--stone);\n cursor: pointer;\n}\n\n.chip-module-Chip--selection-OQh8T-4-6-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chip-module-Chip--selection-OQh8T-4-6-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--selection-OQh8T-4-6-0:active {\n background: var(--secondary-light);\n border-color: var(--inverse-lightest);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-6-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-6-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-6-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-6-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-6-0:active {\n background: var(--primary-lighter);\n border-color: var(--primary-dark);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-6-0:active .chip-module-Chip-icon-lfFwr-4-6-0,\n.chip-module-Chip-selection--selected-N7Nmu-4-6-0:active .chip-module-Chip-text-Y9aWF-4-6-0 {\n color: var(--primary-darker);\n}\n\n.chip-module-Chip-text--truncate-FdQRv-4-6-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-6-0 {\n background: rgba(220, 236, 249, 0.48);\n border-color: var(--primary-lighter);\n}\n\n.chip-module-Chip--input-76VFm-4-6-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-6-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--input-76VFm-4-6-0:focus-visible,\n.chip-module-Chip--input-76VFm-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--input-76VFm-4-6-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-input--disabled-Xt12a-4-6-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-6-0:focus-visible {\n outline: var(--spacing-s) solid var(--secondary-shadow);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-6-0:hover {\n background-color: var(--secondary);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-6-0:active {\n background-color: var(--secondary-dark);\n}\n\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-6-0 {\n pointer-events: none;\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-6-0 {\n border-radius: 10px;\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-6-0:focus-visible {\n outline: var(--spacing-s) solid var(--primary-shadow);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-6-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-6-0:active {\n background-color: var(--primary-light);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-6-0:focus-visible,\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-6-0:focus-visible,\n.chip-module-Chip-selection--selectedDisabled-cqtgW-4-6-0:focus-visible,\n.chip-module-Chip-input--disabled-Xt12a-4-6-0:focus-visible {\n outline: none;\n}\n\n.chip-module-Chip-icon--clear-GujdY-4-6-0 {\n padding-right: var(--spacing-s);\n}\n";
|
|
3115
|
+
var styles$$ = {"Chip":"chip-module-Chip-poUZ4-4-6-0","Chip-wrapper":"chip-module-Chip-wrapper-pvcWT-4-6-0","Chip-icon--left":"chip-module-Chip-icon--left-iQJW--4-6-0","Chip-icon--right":"chip-module-Chip-icon--right-UOlsF-4-6-0","Chip--action":"chip-module-Chip--action-xkWzq-4-6-0","Chip-action--disabled":"chip-module-Chip-action--disabled-qik7a-4-6-0","Chip--selection":"chip-module-Chip--selection-OQh8T-4-6-0","Chip-selection--disabled":"chip-module-Chip-selection--disabled-Wh7oX-4-6-0","Chip-selection--selected":"chip-module-Chip-selection--selected-N7Nmu-4-6-0","Chip-icon":"chip-module-Chip-icon-lfFwr-4-6-0","Chip-text":"chip-module-Chip-text-Y9aWF-4-6-0","Chip-text--truncate":"chip-module-Chip-text--truncate-FdQRv-4-6-0","Chip-selection--selectedDisabled":"chip-module-Chip-selection--selectedDisabled-cqtgW-4-6-0","Chip--input":"chip-module-Chip--input-76VFm-4-6-0","Chip-input--disabled":"chip-module-Chip-input--disabled-Xt12a-4-6-0","Chip-icon-disabled--right":"chip-module-Chip-icon-disabled--right-Q8o-W-4-6-0","Chip-icon--selected":"chip-module-Chip-icon--selected-OTsQP-4-6-0","Chip-icon--clear":"chip-module-Chip-icon--clear-GujdY-4-6-0"};
|
|
3116
3116
|
styleInject(css_248z$16);
|
|
3117
3117
|
|
|
3118
3118
|
var GenericChip = function GenericChip(props) {
|
|
@@ -3278,8 +3278,8 @@ Chip.defaultProps = {
|
|
|
3278
3278
|
maxWidth: 'var(--spacing-9)'
|
|
3279
3279
|
};
|
|
3280
3280
|
|
|
3281
|
-
var css_248z$15 = ".chipGroup-module-ChipGroup--1ERo-4-
|
|
3282
|
-
var styles$_ = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-
|
|
3281
|
+
var css_248z$15 = ".chipGroup-module-ChipGroup--1ERo-4-6-0 {\n display: inline-flex;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-6-0 {\n margin: 0 var(--spacing-m);\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-6-0:first-child {\n margin-left: 0;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-6-0:last-child {\n margin-right: 0;\n}\n";
|
|
3282
|
+
var styles$_ = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-6-0","ChipGroup-item":"chipGroup-module-ChipGroup-item-5ygP--4-6-0"};
|
|
3283
3283
|
styleInject(css_248z$15);
|
|
3284
3284
|
|
|
3285
3285
|
var ChipGroup = function ChipGroup(props) {
|
|
@@ -3399,19 +3399,19 @@ var CheckboxIcon = function CheckboxIcon(props) {
|
|
|
3399
3399
|
}
|
|
3400
3400
|
};
|
|
3401
3401
|
|
|
3402
|
-
var css_248z$14 = ".checkbox-module-Checkbox-Bxzy6-4-
|
|
3403
|
-
var checkboxStyles = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-
|
|
3402
|
+
var css_248z$14 = ".checkbox-module-Checkbox-Bxzy6-4-6-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-s);\n padding-bottom: var(--spacing-s);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-6-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-6-0 {\n padding-left: var(--spacing);\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.checkbox-module-Checkbox-label-1c-Z--4-6-0 {\n display: flex;\n cursor: pointer;\n}\n\n.checkbox-module-Checkbox-label--tiny-4ICqD-4-6-0 {\n font-weight: var(--font-weight-bold);\n}\n\n.checkbox-module-Checkbox-outerWrapper-47kQq-4-6-0 {\n position: relative;\n margin-top: var(--spacing-s);\n}\n\n.checkbox-module-Checkbox-outerWrapper--regular-MXygQ-4-6-0 {\n height: var(--spacing-2);\n min-width: var(--spacing-2);\n}\n\n.checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-6-0 {\n height: var(--spacing-l);\n min-width: var(--spacing-l);\n}\n\n/* Type: Unchecked */\n\n.checkbox-module-Checkbox-wrapper-iH4AL-4-6-0 {\n top: 0;\n left: 0;\n border-radius: var(--spacing-s);\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-6-0:focus {\n outline: 0;\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-6-0 ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-6-0 {\n border: var(--spacing-xs) solid var(--secondary-dark);\n background-color: var(--shadow-0);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-6-0:focus ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-6-0 {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-6-0:hover ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-6-0 {\n border: var(--spacing-xs) solid var(--inverse-lightest);\n background-color: var(--shadow-0);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-6-0:active ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-6-0 {\n border: var(--spacing-xs) solid var(--inverse-lightest);\n background-color: var(--secondary-light);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-6-0 {\n pointer-events: none;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-6-0 .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-6-0 {\n border: var(--spacing-xs) 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-6-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-6-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-6-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-6-0 {\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-6-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-6-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-6-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-6-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-6-0:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-6-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-6-0:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-6-0 {\n background-color: var(--primary-dark);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-6-0:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-6-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-6-0:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-6-0 {\n background-color: var(--primary-darker);\n border: 0;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-6-0 .checkbox-module-Checkbox-input--checked-1V8bz-4-6-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-6-0,\n.checkbox-module-Checkbox--disabled-j-irf-4-6-0 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-6-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-6-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-6-0 {\n border: var(--spacing-xs) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-6-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0 {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-6-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0 {\n border: var(--spacing-xs) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-6-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0 {\n border: var(--spacing-xs) solid var(--alert-darker);\n background-color: var(--secondary-light);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-6-0 .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0 {\n border: var(--spacing-xs) 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-6-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-6-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0 {\n border: var(--spacing-xs) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-6-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-6-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0 {\n border: var(--spacing-xs) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-6-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-6-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0 {\n border: var(--spacing-xs) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-6-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-6-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0 {\n background-color: var(--primary-darker);\n border: var(--spacing-xs) solid var(--alert-darker);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-6-0 .checkbox-module-Checkbox-input--checked-1V8bz-4-6-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0,\n.checkbox-module-Checkbox--disabled-j-irf-4-6-0 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-6-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0 {\n border: var(--spacing-xs) solid var(--alert-lighter);\n}\n";
|
|
3403
|
+
var checkboxStyles = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-6-0","Checkbox-input":"checkbox-module-Checkbox-input-shIYv-4-6-0","Checkbox-labelWrapper":"checkbox-module-Checkbox-labelWrapper-8RA7S-4-6-0","Checkbox-label":"checkbox-module-Checkbox-label-1c-Z--4-6-0","Checkbox-label--tiny":"checkbox-module-Checkbox-label--tiny-4ICqD-4-6-0","Checkbox-outerWrapper":"checkbox-module-Checkbox-outerWrapper-47kQq-4-6-0","Checkbox-outerWrapper--regular":"checkbox-module-Checkbox-outerWrapper--regular-MXygQ-4-6-0","Checkbox-outerWrapper--tiny":"checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-6-0","Checkbox-wrapper":"checkbox-module-Checkbox-wrapper-iH4AL-4-6-0","Checkbox-wrapper--default":"checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-6-0","Checkbox--disabled":"checkbox-module-Checkbox--disabled-j-irf-4-6-0","Checkbox-input--checked":"checkbox-module-Checkbox-input--checked-1V8bz-4-6-0","Checkbox-input--indeterminate":"checkbox-module-Checkbox-input--indeterminate-yMTip-4-6-0","Checkbox-wrapper--error":"checkbox-module-Checkbox-wrapper--error-pnJwU-4-6-0"};
|
|
3404
3404
|
styleInject(css_248z$14);
|
|
3405
3405
|
|
|
3406
|
-
var css_248z$13 = ".dropdown-module-Dropdown--waM8-4-
|
|
3407
|
-
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-
|
|
3406
|
+
var css_248z$13 = ".dropdown-module-Dropdown--waM8-4-6-0 {\n width: 100%;\n position: relative;\n}\n\n.dropdown-module-Dropdown-wrapper-r0AX--4-6-0 {\n margin-top: var(--spacing-m);\n margin-bottom: var(--spacing-m);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-6-0 {\n border-bottom: var(--spacing-xs) solid var(--secondary-dark);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-6-0:focus-within {\n border-bottom: var(--spacing-xs) solid var(--primary);\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-6-0 {\n min-width: unset !important;\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-6-0,\n.dropdown-module-Dropdown-input-ovmvS-4-6-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.dropdown-module-Dropdown-section-rT604-4-6-0 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-left: var(--spacing-l);\n margin-top: var(--spacing-l);\n margin-bottom: var(--spacing-0-75);\n}\n\n.dropdown-module-Dropdown-section--withClear--R25A-4-6-0 {\n margin-top: var(--spacing);\n margin-bottom: var(--spacing-s);\n}\n\n.dropdown-module-Dropdown-buttonWrapper-hWHut-4-6-0 {\n display: flex;\n justify-content: flex-end;\n padding-top: var(--spacing);\n padding-right: var(--spacing);\n padding-bottom: var(--spacing);\n border-top: var(--spacing-xs) solid var(--secondary-light);\n}\n\n.dropdown-module-Dropdown-footer-q2lkI-4-6-0 {\n padding-left: var(--spacing-l);\n padding-bottom: var(--spacing-m);\n padding-top: var(--spacing);\n box-sizing: border-box;\n}\n\n.dropdown-module-Option-9a9gu-4-6-0 {\n display: flex;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.dropdown-module-Option-9a9gu-4-6-0,\n.dropdown-module-Option-loading-niIYl-4-6-0 {\n padding-top: var(--spacing-0-75);\n padding-bottom: var(--spacing-0-75);\n padding-left: var(--spacing-l);\n padding-right: var(--spacing);\n}\n\n.dropdown-module-Option-checkbox-m-8Hz-4-6-0 .dropdown-module-Checkbox-outerWrapper-X7RB4-4-6-0 {\n background-color: var(--shadow-0);\n}\n\n.dropdown-module-Option-checkboxWrapper-K7FXe-4-6-0 {\n display: block;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-6-0 {\n width: 100%;\n padding-left: var(--spacing-l);\n padding-top: var(--spacing-0-75);\n padding-bottom: var(--spacing-0-75);\n}\n\n.dropdown-module-Option--active-gTg8I-4-6-0,\n.dropdown-module-Option-checkbox--active-vN71f-4-6-0 {\n background-color: var(--secondary-lightest);\n cursor: pointer;\n}\n\n.dropdown-module-Option--active-gTg8I-4-6-0:hover,\n.dropdown-module-Option-checkbox--active-vN71f-4-6-0:hover {\n background-color: var(--secondary-lighter);\n}\n\n.dropdown-module-Option--active-gTg8I-4-6-0:active,\n.dropdown-module-Option-checkbox--active-vN71f-4-6-0:active {\n background-color: var(--secondary-light);\n cursor: pointer;\n}\n\n.dropdown-module-Option--active-gTg8I-4-6-0 {\n transition: var(--standard-productive-curve);\n}\n\n.dropdown-module-Option-loading-niIYl-4-6-0 {\n pointer-events: none;\n}\n\n.dropdown-module-Option--selected-N166--4-6-0 {\n background-color: var(--primary-lightest);\n}\n\n.dropdown-module-Option--selected-N166--4-6-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.dropdown-module-Option--selected-N166--4-6-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--selected-N166--4-6-0:active .dropdown-module-Option-text-lXgSe-4-6-0,\n.dropdown-module-Option--selected-N166--4-6-0:active .dropdown-module-Option-subInfo-rCqn2-4-6-0 {\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--disabled-z9O1J-4-6-0,\n.dropdown-module-OptionWrapper--disabled-dDEXE-4-6-0 {\n pointer-events: auto;\n cursor: default;\n}\n\n.dropdown-module-Option-label-lSBP--4-6-0 {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-6-0 .dropdown-module-Checkbox-label-HN9S6-4-6-0 {\n padding-right: var(--spacing-l);\n width: 100%;\n display: flex;\n overflow: hidden;\n cursor: pointer;\n}\n\n.dropdown-module-Option-text-lXgSe-4-6-0,\n.dropdown-module-OptionCheckbox-sWOoI-4-6-0 .dropdown-module-Text-wTZmG-4-6-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.dropdown-module-Option-text--wrap-RxZCx-4-6-0,\n.dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-6-0 .dropdown-module-OptionCheckbox-sWOoI-4-6-0 .dropdown-module-Text-wTZmG-4-6-0 {\n white-space: unset;\n}\n\n.dropdown-module-Option--icon-AA5JI-4-6-0 {\n padding-left: var(--spacing);\n}\n\n.dropdown-module-Option-icon-sux-R-4-6-0 {\n display: flex;\n}\n\n.dropdown-module-Option-icon-sux-R-4-6-0 {\n height: -moz-fit-content;\n height: fit-content;\n line-height: var(--font-height);\n}\n";
|
|
3407
|
+
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-6-0","Dropdown-wrapper":"dropdown-module-Dropdown-wrapper-r0AX--4-6-0","Dropdown-inputWrapper":"dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-6-0","Dropdown-input":"dropdown-module-Dropdown-input-ovmvS-4-6-0","Dropdown-section":"dropdown-module-Dropdown-section-rT604-4-6-0","Dropdown-section--withClear":"dropdown-module-Dropdown-section--withClear--R25A-4-6-0","Dropdown-buttonWrapper":"dropdown-module-Dropdown-buttonWrapper-hWHut-4-6-0","Dropdown-footer":"dropdown-module-Dropdown-footer-q2lkI-4-6-0","Option":"dropdown-module-Option-9a9gu-4-6-0","Option-loading":"dropdown-module-Option-loading-niIYl-4-6-0","Option-checkbox":"dropdown-module-Option-checkbox-m-8Hz-4-6-0","Checkbox-outerWrapper":"dropdown-module-Checkbox-outerWrapper-X7RB4-4-6-0","Option-checkboxWrapper":"dropdown-module-Option-checkboxWrapper-K7FXe-4-6-0","OptionCheckbox":"dropdown-module-OptionCheckbox-sWOoI-4-6-0","Option--active":"dropdown-module-Option--active-gTg8I-4-6-0","Option-checkbox--active":"dropdown-module-Option-checkbox--active-vN71f-4-6-0","Option--selected":"dropdown-module-Option--selected-N166--4-6-0","Option-text":"dropdown-module-Option-text-lXgSe-4-6-0","Option-subInfo":"dropdown-module-Option-subInfo-rCqn2-4-6-0","Option--disabled":"dropdown-module-Option--disabled-z9O1J-4-6-0","OptionWrapper--disabled":"dropdown-module-OptionWrapper--disabled-dDEXE-4-6-0","Option-label":"dropdown-module-Option-label-lSBP--4-6-0","Checkbox-label":"dropdown-module-Checkbox-label-HN9S6-4-6-0","Text":"dropdown-module-Text-wTZmG-4-6-0","Option-text--wrap":"dropdown-module-Option-text--wrap-RxZCx-4-6-0","Dropdown-wrapper--wrap":"dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-6-0","Option--icon":"dropdown-module-Option--icon-AA5JI-4-6-0","Option-icon":"dropdown-module-Option-icon-sux-R-4-6-0"};
|
|
3408
3408
|
styleInject(css_248z$13);
|
|
3409
3409
|
|
|
3410
|
-
var css_248z$12 = "/** Grid **/\n\n.grid-module-Grid-wrapper-lro6U-4-4-0 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid-c7nCj-4-4-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-4-0 .grid-module-Grid-row--body-hzvsO-4-4-0:hover,\n.grid-module-Grid--resource-Wwxtj-4-4-0 .grid-module-Grid-row--body-hzvsO-4-4-0:hover .grid-module-Grid-cellGroup-Q3add-4-4-0 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-4-0 .grid-module-Grid-row--body-hzvsO-4-4-0:active,\n.grid-module-Grid--resource-Wwxtj-4-4-0 .grid-module-Grid-row--body-hzvsO-4-4-0:active .grid-module-Grid-cellGroup-Q3add-4-4-0 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-4-0 .grid-module-Grid-row--body-hzvsO-4-4-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-4-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-4-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-4-0 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-4-0 .grid-module-Grid-cell--head--JOK--4-4-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-4-0 .grid-module-Grid-cell--body--nkVA-4-4-0 {\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-l);\n}\n\n.grid-module-Grid--standard-vGamG-4-4-0 .grid-module-Grid-cell--head--JOK--4-4-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-4-0 .grid-module-Grid-cell--body--nkVA-4-4-0 {\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-l);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-4-0 .grid-module-Grid-cell--head--JOK--4-4-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-4-0 .grid-module-Grid-cell--body--nkVA-4-4-0 {\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n}\n\n.grid-module-Grid--tight-1w1jV-4-4-0 .grid-module-Grid-cell--head--JOK--4-4-0 {\n min-height: var(--spacing-3);\n}\n\n.grid-module-Grid--tight-1w1jV-4-4-0 .grid-module-Grid-cell--body--nkVA-4-4-0 {\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.grid-module-Grid-head-WsxqC-4-4-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-4-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-4-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-4-0 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-4-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-4-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-4-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-4-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-4-0 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-4-0,\n.grid-module-Grid-row--selected-4THdv-4-4-0 .grid-module-Grid-cellGroup-Q3add-4-4-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-4-0:hover,\n.grid-module-Grid-row--selected-4THdv-4-4-0 .grid-module-Grid-cellGroup-Q3add-4-4-0:hover {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-4-0:active,\n.grid-module-Grid-row--selected-4THdv-4-4-0 .grid-module-Grid-cellGroup-Q3add-4-4-0:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-4-0:focus,\n.grid-module-Grid-row--selected-4THdv-4-4-0 .grid-module-Grid-cellGroup-Q3add-4-4-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-4-0:last-child .grid-module-Grid-row--body-hzvsO-4-4-0 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-4-0 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-4-0 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-4-0 {\n margin-right: var(--spacing-l);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-4-0 .grid-module-Grid-rowWrapper-cZ8-a-4-4-0 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-4-0 .grid-module-Grid-cell-GVffL-4-4-0:first-child {\n padding-left: calc(var(--spacing-3) + var(--spacing));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-4-0 {\n width: var(--spacing-xl);\n margin-right: var(--spacing-l);\n}\n\n.grid-module-Grid-cell-GVffL-4-4-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-4-0 {\n padding-right: var(--spacing-l);\n}\n\n.grid-module-Grid-cell--head--JOK--4-4-0 {\n overflow: hidden;\n padding-right: var(--spacing-m);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-4-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-4-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-4-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-4-0 {\n padding-left: var(--spacing);\n}\n\n.grid-module-Grid-cell--head--JOK--4-4-0.grid-module-Grid-cell-GVffL-4-4-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-4-0 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-4-0.grid-module-Grid-cell--selected-1zcBx-4-4-0 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-4-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-4-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-m);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-4-0 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-4-0:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-4-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-4-0 .grid-module-Grid-cellContent-Ls-ZE-4-4-0 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-4-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-4-0 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-4-0:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-4-0:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-4-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-4-0 {\n display: flex;\n box-sizing: border-box;\n background: var(--white);\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-4-0 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-4-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-4-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-4-0 .grid-module-Checkbox-wrapper-0R1-K-4-4-0 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-4-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-4-0 {\n /* flex-direction: row; */\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-4-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-4-0 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-4-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-4-0 .grid-module-StatusHint-R1JrO-4-4-0 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-4-0 .grid-module-StatusHint-R1JrO-4-4-0 .grid-module-Text-Fy3XX-4-4-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-4-0 .grid-module-Avatar-3XZ0C-4-4-0 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-4-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-4-0 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-4-0 .grid-module-Text-Fy3XX-4-4-0 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-4-0 .grid-module-Text-Fy3XX-4-4-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-4-0 .grid-module-Text-Fy3XX-4-4-0:first-child::before {\n display: none;\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-4-0 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-4-0 {\n background: var(--white);\n padding: var(--spacing-l);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-4-0 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-4-0 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-4-0 {\n width: var(--spacing-9);\n margin-bottom: var(--spacing-2);\n}\n\n.grid-module-Header-label-B0-kh-4-4-0 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-4-0 .grid-module-Checkbox-ETqg7-4-4-0 {\n margin-right: var(--spacing);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-4-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-4-0 .grid-module-Dropdown-Ev9FG-4-4-0 {\n margin: 0 var(--spacing-m);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-4-0 .grid-module-Dropdown-wrapper-T1n1M-4-4-0 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-4-0 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-4-0 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-4-0 {\n margin-bottom: var(--spacing-2);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-4-0 {\n justify-content: flex-end;\n margin-left: auto;\n margin-bottom: var(--spacing-2);\n}\n";
|
|
3411
|
-
var gridStyles = {"Grid-wrapper":"grid-module-Grid-wrapper-lro6U-4-
|
|
3410
|
+
var css_248z$12 = "/** Grid **/\n\n.grid-module-Grid-wrapper-lro6U-4-6-0 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid-c7nCj-4-6-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-6-0 .grid-module-Grid-row--body-hzvsO-4-6-0:hover,\n.grid-module-Grid--resource-Wwxtj-4-6-0 .grid-module-Grid-row--body-hzvsO-4-6-0:hover .grid-module-Grid-cellGroup-Q3add-4-6-0 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-6-0 .grid-module-Grid-row--body-hzvsO-4-6-0:active,\n.grid-module-Grid--resource-Wwxtj-4-6-0 .grid-module-Grid-row--body-hzvsO-4-6-0:active .grid-module-Grid-cellGroup-Q3add-4-6-0 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-6-0 .grid-module-Grid-row--body-hzvsO-4-6-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-6-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-6-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-6-0 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-6-0 .grid-module-Grid-cell--head--JOK--4-6-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-6-0 .grid-module-Grid-cell--body--nkVA-4-6-0 {\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-l);\n}\n\n.grid-module-Grid--standard-vGamG-4-6-0 .grid-module-Grid-cell--head--JOK--4-6-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-6-0 .grid-module-Grid-cell--body--nkVA-4-6-0 {\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-l);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-6-0 .grid-module-Grid-cell--head--JOK--4-6-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-6-0 .grid-module-Grid-cell--body--nkVA-4-6-0 {\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n}\n\n.grid-module-Grid--tight-1w1jV-4-6-0 .grid-module-Grid-cell--head--JOK--4-6-0 {\n min-height: var(--spacing-3);\n}\n\n.grid-module-Grid--tight-1w1jV-4-6-0 .grid-module-Grid-cell--body--nkVA-4-6-0 {\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.grid-module-Grid-head-WsxqC-4-6-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-6-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-6-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-6-0 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-6-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-6-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-6-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-6-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-6-0 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-6-0,\n.grid-module-Grid-row--selected-4THdv-4-6-0 .grid-module-Grid-cellGroup-Q3add-4-6-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-6-0:hover,\n.grid-module-Grid-row--selected-4THdv-4-6-0 .grid-module-Grid-cellGroup-Q3add-4-6-0:hover {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-6-0:active,\n.grid-module-Grid-row--selected-4THdv-4-6-0 .grid-module-Grid-cellGroup-Q3add-4-6-0:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-6-0:focus,\n.grid-module-Grid-row--selected-4THdv-4-6-0 .grid-module-Grid-cellGroup-Q3add-4-6-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-6-0:last-child .grid-module-Grid-row--body-hzvsO-4-6-0 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-6-0 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-6-0 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-6-0 {\n margin-right: var(--spacing-l);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-6-0 .grid-module-Grid-rowWrapper-cZ8-a-4-6-0 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-6-0 .grid-module-Grid-cell-GVffL-4-6-0:first-child {\n padding-left: calc(var(--spacing-3) + var(--spacing));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-6-0 {\n width: var(--spacing-xl);\n margin-right: var(--spacing-l);\n}\n\n.grid-module-Grid-cell-GVffL-4-6-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-6-0 {\n padding-right: var(--spacing-l);\n}\n\n.grid-module-Grid-cell--head--JOK--4-6-0 {\n overflow: hidden;\n padding-right: var(--spacing-m);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-6-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-6-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-6-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-6-0 {\n padding-left: var(--spacing);\n}\n\n.grid-module-Grid-cell--head--JOK--4-6-0.grid-module-Grid-cell-GVffL-4-6-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-6-0 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-6-0.grid-module-Grid-cell--selected-1zcBx-4-6-0 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-6-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-6-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-m);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-6-0 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-6-0:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-6-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-6-0 .grid-module-Grid-cellContent-Ls-ZE-4-6-0 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-6-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-6-0 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-6-0:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-6-0:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-6-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-6-0 {\n display: flex;\n box-sizing: border-box;\n background: var(--white);\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-6-0 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-6-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-6-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-6-0 .grid-module-Checkbox-wrapper-0R1-K-4-6-0 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-6-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-6-0 {\n /* flex-direction: row; */\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-6-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-6-0 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-6-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-6-0 .grid-module-StatusHint-R1JrO-4-6-0 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-6-0 .grid-module-StatusHint-R1JrO-4-6-0 .grid-module-Text-Fy3XX-4-6-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-6-0 .grid-module-Avatar-3XZ0C-4-6-0 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-6-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-6-0 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-6-0 .grid-module-Text-Fy3XX-4-6-0 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-6-0 .grid-module-Text-Fy3XX-4-6-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-6-0 .grid-module-Text-Fy3XX-4-6-0:first-child::before {\n display: none;\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-6-0 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-6-0 {\n background: var(--white);\n padding: var(--spacing-l);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-6-0 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-6-0 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-6-0 {\n width: var(--spacing-9);\n margin-bottom: var(--spacing-2);\n}\n\n.grid-module-Header-label-B0-kh-4-6-0 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-6-0 .grid-module-Checkbox-ETqg7-4-6-0 {\n margin-right: var(--spacing);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-6-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-6-0 .grid-module-Dropdown-Ev9FG-4-6-0 {\n margin: 0 var(--spacing-m);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-6-0 .grid-module-Dropdown-wrapper-T1n1M-4-6-0 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-6-0 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-6-0 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-6-0 {\n margin-bottom: var(--spacing-2);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-6-0 {\n justify-content: flex-end;\n margin-left: auto;\n margin-bottom: var(--spacing-2);\n}\n";
|
|
3411
|
+
var gridStyles = {"Grid-wrapper":"grid-module-Grid-wrapper-lro6U-4-6-0","Grid":"grid-module-Grid-c7nCj-4-6-0","Grid--resource":"grid-module-Grid--resource-Wwxtj-4-6-0","Grid-row--body":"grid-module-Grid-row--body-hzvsO-4-6-0","Grid-cellGroup":"grid-module-Grid-cellGroup-Q3add-4-6-0","Grid--pinned":"grid-module-Grid--pinned-3JMcl-4-6-0","Grid-pinned":"grid-module-Grid-pinned-c-pxc-4-6-0","Grid--main":"grid-module-Grid--main-zduCm-4-6-0","Grid--comfortable":"grid-module-Grid--comfortable-TOG1A-4-6-0","Grid-cell--head":"grid-module-Grid-cell--head--JOK--4-6-0","Grid-cell--body":"grid-module-Grid-cell--body--nkVA-4-6-0","Grid--standard":"grid-module-Grid--standard-vGamG-4-6-0","Grid--compressed":"grid-module-Grid--compressed-mwkZ6-4-6-0","Grid--tight":"grid-module-Grid--tight-1w1jV-4-6-0","Grid-head":"grid-module-Grid-head-WsxqC-4-6-0","Grid-headCell":"grid-module-Grid-headCell-OcJ4F-4-6-0","Grid-headCell--draggable":"grid-module-Grid-headCell--draggable-WH7xi-4-6-0","Grid-body":"grid-module-Grid-body-pAJM6-4-6-0","Grid-rowWrapper":"grid-module-Grid-rowWrapper-cZ8-a-4-6-0","Grid-row":"grid-module-Grid-row-wBTps-4-6-0","Grid-row--selected":"grid-module-Grid-row--selected-4THdv-4-6-0","GridBody-padding":"grid-module-GridBody-padding-3KYKp-4-6-0","Grid-nestedRow":"grid-module-Grid-nestedRow-uxEsD-4-6-0","Grid-nestedRowTrigger":"grid-module-Grid-nestedRowTrigger--amMF-4-6-0","Grid-cell":"grid-module-Grid-cell-GVffL-4-6-0","Grid-nestedRowPlaceholder":"grid-module-Grid-nestedRowPlaceholder-h98gD-4-6-0","Grid-cell--dragged":"grid-module-Grid-cell--dragged-djAY0-4-6-0","Grid-cell--separator":"grid-module-Grid-cell--separator-TYHdI-4-6-0","Grid-cell--selected":"grid-module-Grid-cell--selected-1zcBx-4-6-0","Grid-cell--nestedRow":"grid-module-Grid-cell--nestedRow-U3Dg5-4-6-0","Grid-row--disabled":"grid-module-Grid-row--disabled-f0pzU-4-6-0","Grid-cell--checkbox":"grid-module-Grid-cell--checkbox-kWT4v-4-6-0","Grid-sortingIcons":"grid-module-Grid-sortingIcons-Lwutu-4-6-0","Grid-cellReorder":"grid-module-Grid-cellReorder-SMPMA-4-6-0","Grid-cellContent":"grid-module-Grid-cellContent-Ls-ZE-4-6-0","Grid-cellResize":"grid-module-Grid-cellResize-J-SJu-4-6-0","Grid-cellSortIcon":"grid-module-Grid-cellSortIcon-ZV0FF-4-6-0","Grid-reorderHighlighter":"grid-module-Grid-reorderHighlighter-UMzz7-4-6-0","Grid-cellGroup--pinned":"grid-module-Grid-cellGroup--pinned-gR1WR-4-6-0","Grid-cellGroup--pinned-left":"grid-module-Grid-cellGroup--pinned-left-EsISF-4-6-0","Grid-cellGroup--pinned-right":"grid-module-Grid-cellGroup--pinned-right-jWDJC-4-6-0","Checkbox-wrapper":"grid-module-Checkbox-wrapper-0R1-K-4-6-0","GridCell":"grid-module-GridCell-Atntl-4-6-0","GridCell--align-left":"grid-module-GridCell--align-left-zURf7-4-6-0","GridCell--align-right":"grid-module-GridCell--align-right-nMKtX-4-6-0","GridCell--align-center":"grid-module-GridCell--align-center-dtOQN-4-6-0","GridCell--metaList":"grid-module-GridCell--metaList-wNdz6-4-6-0","GridCell--statusHint":"grid-module-GridCell--statusHint-UyDMp-4-6-0","StatusHint":"grid-module-StatusHint-R1JrO-4-6-0","Text":"grid-module-Text-Fy3XX-4-6-0","GridCell--avatar":"grid-module-GridCell--avatar-fZFWf-4-6-0","Avatar":"grid-module-Avatar-3XZ0C-4-6-0","GridCell-metaListWrapper":"grid-module-GridCell-metaListWrapper-C5Xha-4-6-0","GridCell-metaList":"grid-module-GridCell-metaList-Eu-pj-4-6-0","Header":"grid-module-Header-8rhUu-4-6-0","Header-content":"grid-module-Header-content-0SgQi-4-6-0","Header-content--bottom":"grid-module-Header-content--bottom-bkVrG-4-6-0","Header-search":"grid-module-Header-search-4git6-4-6-0","Header-label":"grid-module-Header-label-B0-kh-4-6-0","Checkbox":"grid-module-Checkbox-ETqg7-4-6-0","Header-dropdown":"grid-module-Header-dropdown-xPNuH-4-6-0","Dropdown":"grid-module-Dropdown-Ev9FG-4-6-0","Header-draggableDropdown":"grid-module-Header-draggableDropdown-QkIiO-4-6-0","Dropdown-wrapper":"grid-module-Dropdown-wrapper-T1n1M-4-6-0","Header-filters":"grid-module-Header-filters-u0J3G-4-6-0","Header-sorting":"grid-module-Header-sorting-zOkI4-4-6-0","Header-actions":"grid-module-Header-actions-WHtHK-4-6-0","Header-global-actions":"grid-module-Header-global-actions-e6dK3-4-6-0"};
|
|
3412
3412
|
styleInject(css_248z$12);
|
|
3413
3413
|
|
|
3414
|
-
var _excluded$
|
|
3414
|
+
var _excluded$1b = ["size", "tabIndex", "defaultChecked", "indeterminate", "label", "error", "disabled", "onChange", "name", "value", "className", "checked", "helpText", "id", "labelRef", "wrapLabel"];
|
|
3415
3415
|
var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
3416
3416
|
var _props$size = props.size,
|
|
3417
3417
|
size = _props$size === void 0 ? 'regular' : _props$size,
|
|
@@ -3431,7 +3431,8 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
3431
3431
|
_props$id = props.id,
|
|
3432
3432
|
id = _props$id === void 0 ? "".concat(name, "-").concat(label, "-").concat(uidGenerator()) : _props$id,
|
|
3433
3433
|
labelRef = props.labelRef,
|
|
3434
|
-
|
|
3434
|
+
wrapLabel = props.wrapLabel,
|
|
3435
|
+
rest = _objectWithoutProperties(props, _excluded$1b);
|
|
3435
3436
|
var ref = React.useRef(null);
|
|
3436
3437
|
React.useImperativeHandle(forwardedRef, function () {
|
|
3437
3438
|
return ref.current;
|
|
@@ -3453,6 +3454,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
3453
3454
|
var CheckboxInputWrapper = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, checkboxStyles['Checkbox-input'], true), checkboxStyles['Checkbox-input--checked'], checked), checkboxStyles['Checkbox-input--indeterminate'], props.indeterminate));
|
|
3454
3455
|
var CheckboxWrapper = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, checkboxStyles['Checkbox-wrapper'], true), gridStyles['Checkbox-wrapper'], true), checkboxStyles['Checkbox-wrapper--default'], !error), checkboxStyles['Checkbox-wrapper--error'], error));
|
|
3455
3456
|
var CheckboxLabelClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, checkboxStyles['Checkbox-label'], true), dropdownStyles['Checkbox-label'], true), checkboxStyles['Checkbox-label--tiny'], size === 'tiny'));
|
|
3457
|
+
var LabelTextClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, 'mw-100', true), 'ellipsis--noWrap', wrapLabel !== true), 'ellipsis', wrapLabel));
|
|
3456
3458
|
var setIndeterminate = function setIndeterminate(indeterminateValue) {
|
|
3457
3459
|
ref.current.indeterminate = indeterminateValue;
|
|
3458
3460
|
};
|
|
@@ -3497,7 +3499,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
3497
3499
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
3498
3500
|
size: size === 'tiny' ? 'small' : 'regular',
|
|
3499
3501
|
appearance: disabled ? 'disabled' : 'default',
|
|
3500
|
-
className:
|
|
3502
|
+
className: LabelTextClass,
|
|
3501
3503
|
ref: labelRef
|
|
3502
3504
|
}, label.trim())), helpText && /*#__PURE__*/React.createElement(Text, {
|
|
3503
3505
|
"data-test": "DesignSystem-Checkbox-HelpText",
|
|
@@ -3507,11 +3509,11 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
3507
3509
|
});
|
|
3508
3510
|
Checkbox.displayName = 'Checkbox';
|
|
3509
3511
|
|
|
3510
|
-
var css_248z$11 = ".column-module-Row-LudWR-4-
|
|
3511
|
-
var rowStyles = {"Row":"column-module-Row-LudWR-4-
|
|
3512
|
+
var css_248z$11 = ".column-module-Row-LudWR-4-6-0 {\n display: flex;\n flex-wrap: wrap;\n flex: 1 100%;\n}\n\n.column-module-Col-BW4pl-4-6-0 {\n position: relative;\n box-sizing: border-box;\n flex: 1 0 0%;\n}\n\n.column-module-Col--auto-HnufQ-4-6-0 {\n flex: 0 0 auto;\n width: auto;\n}\n\n.column-module-Col--1-iSoXZ-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n}\n\n.column-module-Col--2-KR9Oj-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n}\n\n.column-module-Col--3-tRdfx-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n}\n\n.column-module-Col--4-SxYUZ-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n}\n\n.column-module-Col--5-Ghiks-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n}\n\n.column-module-Col--6-JO4qo-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n}\n\n.column-module-Col--7-SRnJx-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n}\n\n.column-module-Col--8-HBxc4-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n}\n\n.column-module-Col--9-eMJ9n-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n}\n\n.column-module-Col--10-VSo8k-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n}\n\n.column-module-Col--11-miljX-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n}\n\n.column-module-Col--12-9Obkj-4-6-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-6-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xs-1-KvELd-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xs-2-OUGOZ-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xs-3-G55n8-4-6-0 {\n flex: 0 0 auto;\n }\n .column-module-Col--xs-4-PADe9-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xs-5-Ex4rw-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xs-6-fzX37-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xs-7-zWOG--4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xs-8-gngfO-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xs-9-b-r8L-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xs-10-umLd0-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xs-11-KvOKo-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xs-12-u1Ks8-4-6-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-6-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--s-1-BVL5j-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--s-2-9s29P-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--s-3-69Bdl-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--s-4-nE4kT-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--s-5-B72Pu-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--s-6-AdMSU-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--s-7-e656U-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--s-8-1EhC1-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--s-9-rpHj--4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--s-10-GVB2t-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--s-11-3WJSe-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--s-12-eFxie-4-6-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-6-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--m-1-T7-6r-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--m-2-UJZxe-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--m-3-jgXEy-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--m-4-86-dP-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--m-5-RxZc2-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--m-6-RwrEz-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--m-7-HuA0i-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--m-8-qKE7R-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--m-9--8vSy-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--m-10-aBQ1l-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--m-11-08F-U-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--m-12-gZ47F-4-6-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-6-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--l-1-aLREn-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--l-2-0mG-c-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--l-3--aWDx-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--l-4-GTf5q-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--l-5-5MGhB-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--l-6-DY6jT-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--l-7-Wyv6Z-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--l-8-30knO-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--l-9-H-ap--4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--l-10-wgJl4-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--l-11-4dOz3-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--l-12-xC5rs-4-6-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-6-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xl-1-ZCRQR-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xl-2-5agyW-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xl-3-e5vjv-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--xl-4--aAZH-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xl-5-167j6-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xl-6-wXLZ--4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xl-7-QA116-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xl-8-Q22c5-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xl-9-bJrrK-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xl-10-IALsA-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xl-11-vrchj-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xl-12-6dUnj-4-6-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n }\n}\n";
|
|
3513
|
+
var rowStyles = {"Row":"column-module-Row-LudWR-4-6-0","Col":"column-module-Col-BW4pl-4-6-0","Col--auto":"column-module-Col--auto-HnufQ-4-6-0","Col--1":"column-module-Col--1-iSoXZ-4-6-0","Col--2":"column-module-Col--2-KR9Oj-4-6-0","Col--3":"column-module-Col--3-tRdfx-4-6-0","Col--4":"column-module-Col--4-SxYUZ-4-6-0","Col--5":"column-module-Col--5-Ghiks-4-6-0","Col--6":"column-module-Col--6-JO4qo-4-6-0","Col--7":"column-module-Col--7-SRnJx-4-6-0","Col--8":"column-module-Col--8-HBxc4-4-6-0","Col--9":"column-module-Col--9-eMJ9n-4-6-0","Col--10":"column-module-Col--10-VSo8k-4-6-0","Col--11":"column-module-Col--11-miljX-4-6-0","Col--12":"column-module-Col--12-9Obkj-4-6-0","Col--xs-auto":"column-module-Col--xs-auto-oXQ2q-4-6-0","Col--xs-1":"column-module-Col--xs-1-KvELd-4-6-0","Col--xs-2":"column-module-Col--xs-2-OUGOZ-4-6-0","Col--xs-3":"column-module-Col--xs-3-G55n8-4-6-0","Col--xs-4":"column-module-Col--xs-4-PADe9-4-6-0","Col--xs-5":"column-module-Col--xs-5-Ex4rw-4-6-0","Col--xs-6":"column-module-Col--xs-6-fzX37-4-6-0","Col--xs-7":"column-module-Col--xs-7-zWOG--4-6-0","Col--xs-8":"column-module-Col--xs-8-gngfO-4-6-0","Col--xs-9":"column-module-Col--xs-9-b-r8L-4-6-0","Col--xs-10":"column-module-Col--xs-10-umLd0-4-6-0","Col--xs-11":"column-module-Col--xs-11-KvOKo-4-6-0","Col--xs-12":"column-module-Col--xs-12-u1Ks8-4-6-0","Col--s-auto":"column-module-Col--s-auto-rQS8S-4-6-0","Col--s-1":"column-module-Col--s-1-BVL5j-4-6-0","Col--s-2":"column-module-Col--s-2-9s29P-4-6-0","Col--s-3":"column-module-Col--s-3-69Bdl-4-6-0","Col--s-4":"column-module-Col--s-4-nE4kT-4-6-0","Col--s-5":"column-module-Col--s-5-B72Pu-4-6-0","Col--s-6":"column-module-Col--s-6-AdMSU-4-6-0","Col--s-7":"column-module-Col--s-7-e656U-4-6-0","Col--s-8":"column-module-Col--s-8-1EhC1-4-6-0","Col--s-9":"column-module-Col--s-9-rpHj--4-6-0","Col--s-10":"column-module-Col--s-10-GVB2t-4-6-0","Col--s-11":"column-module-Col--s-11-3WJSe-4-6-0","Col--s-12":"column-module-Col--s-12-eFxie-4-6-0","Col--m-auto":"column-module-Col--m-auto-DTvE1-4-6-0","Col--m-1":"column-module-Col--m-1-T7-6r-4-6-0","Col--m-2":"column-module-Col--m-2-UJZxe-4-6-0","Col--m-3":"column-module-Col--m-3-jgXEy-4-6-0","Col--m-4":"column-module-Col--m-4-86-dP-4-6-0","Col--m-5":"column-module-Col--m-5-RxZc2-4-6-0","Col--m-6":"column-module-Col--m-6-RwrEz-4-6-0","Col--m-7":"column-module-Col--m-7-HuA0i-4-6-0","Col--m-8":"column-module-Col--m-8-qKE7R-4-6-0","Col--m-9":"column-module-Col--m-9--8vSy-4-6-0","Col--m-10":"column-module-Col--m-10-aBQ1l-4-6-0","Col--m-11":"column-module-Col--m-11-08F-U-4-6-0","Col--m-12":"column-module-Col--m-12-gZ47F-4-6-0","Col--l-auto":"column-module-Col--l-auto-SxR1p-4-6-0","Col--l-1":"column-module-Col--l-1-aLREn-4-6-0","Col--l-2":"column-module-Col--l-2-0mG-c-4-6-0","Col--l-3":"column-module-Col--l-3--aWDx-4-6-0","Col--l-4":"column-module-Col--l-4-GTf5q-4-6-0","Col--l-5":"column-module-Col--l-5-5MGhB-4-6-0","Col--l-6":"column-module-Col--l-6-DY6jT-4-6-0","Col--l-7":"column-module-Col--l-7-Wyv6Z-4-6-0","Col--l-8":"column-module-Col--l-8-30knO-4-6-0","Col--l-9":"column-module-Col--l-9-H-ap--4-6-0","Col--l-10":"column-module-Col--l-10-wgJl4-4-6-0","Col--l-11":"column-module-Col--l-11-4dOz3-4-6-0","Col--l-12":"column-module-Col--l-12-xC5rs-4-6-0","Col--xl-auto":"column-module-Col--xl-auto-zH0n0-4-6-0","Col--xl-1":"column-module-Col--xl-1-ZCRQR-4-6-0","Col--xl-2":"column-module-Col--xl-2-5agyW-4-6-0","Col--xl-3":"column-module-Col--xl-3-e5vjv-4-6-0","Col--xl-4":"column-module-Col--xl-4--aAZH-4-6-0","Col--xl-5":"column-module-Col--xl-5-167j6-4-6-0","Col--xl-6":"column-module-Col--xl-6-wXLZ--4-6-0","Col--xl-7":"column-module-Col--xl-7-QA116-4-6-0","Col--xl-8":"column-module-Col--xl-8-Q22c5-4-6-0","Col--xl-9":"column-module-Col--xl-9-bJrrK-4-6-0","Col--xl-10":"column-module-Col--xl-10-IALsA-4-6-0","Col--xl-11":"column-module-Col--xl-11-vrchj-4-6-0","Col--xl-12":"column-module-Col--xl-12-6dUnj-4-6-0"};
|
|
3512
3514
|
styleInject(css_248z$11);
|
|
3513
3515
|
|
|
3514
|
-
var _excluded$
|
|
3516
|
+
var _excluded$1a = ["size", "sizeXS", "sizeS", "sizeM", "sizeL", "sizeXL", "className", "children"];
|
|
3515
3517
|
var Column = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3516
3518
|
var size = props.size,
|
|
3517
3519
|
sizeXS = props.sizeXS,
|
|
@@ -3521,7 +3523,7 @@ var Column = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
3521
3523
|
sizeXL = props.sizeXL,
|
|
3522
3524
|
className = props.className,
|
|
3523
3525
|
children = props.children,
|
|
3524
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
3526
|
+
rest = _objectWithoutProperties(props, _excluded$1a);
|
|
3525
3527
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, rowStyles['Col'], true), rowStyles["Col--".concat(size)], size), rowStyles["Col--xs-".concat(sizeXS)], sizeXS), rowStyles["Col--s-".concat(sizeS)], sizeS), rowStyles["Col--m-".concat(sizeM)], sizeM), rowStyles["Col--l-".concat(sizeL)], sizeL), rowStyles["Col--xl-".concat(sizeXL)], sizeXL), className);
|
|
3526
3528
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
3527
3529
|
ref: ref,
|
|
@@ -3618,7 +3620,7 @@ var Trigger$1 = function Trigger(props) {
|
|
|
3618
3620
|
}));
|
|
3619
3621
|
};
|
|
3620
3622
|
|
|
3621
|
-
var _excluded$
|
|
3623
|
+
var _excluded$19 = ["date", "open", "position", "inputFormat", "outputFormat", "inputOptions", "validators", "withInput", "disabledBefore", "disabledAfter", "onDateChange", "closeOnSelect", "size", "showTodayDate", "children", "view"];
|
|
3622
3624
|
var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
3623
3625
|
function DatePicker(props) {
|
|
3624
3626
|
var _this;
|
|
@@ -3746,7 +3748,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
3746
3748
|
_this$props4$children = _this$props4.children,
|
|
3747
3749
|
children = _this$props4$children === void 0 ? /*#__PURE__*/React.createElement(React.Fragment, null) : _this$props4$children,
|
|
3748
3750
|
view = _this$props4.view,
|
|
3749
|
-
rest = _objectWithoutProperties(_this$props4, _excluded$
|
|
3751
|
+
rest = _objectWithoutProperties(_this$props4, _excluded$19);
|
|
3750
3752
|
var date = this.state.date;
|
|
3751
3753
|
var months = config.months;
|
|
3752
3754
|
var todayDate = new Date(Date.now());
|
|
@@ -4704,11 +4706,11 @@ function debounce$1 (delay, atBegin, callback) {
|
|
|
4704
4706
|
return callback === undefined ? throttle(delay, atBegin, false) : throttle(delay, callback, atBegin !== false);
|
|
4705
4707
|
}
|
|
4706
4708
|
|
|
4707
|
-
var css_248z$10 = ".dropdownButton-module-DropdownButton-WEFAu-4-
|
|
4708
|
-
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-
|
|
4709
|
+
var css_248z$10 = ".dropdownButton-module-DropdownButton-WEFAu-4-6-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-6-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-6-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-6-0 {\n height: var(--spacing-xl);\n padding-right: var(--spacing);\n padding-left: var(--spacing);\n}\n\n.dropdownButton-module-DropdownButton--regular--xsdh-4-6-0 {\n height: var(--spacing-3);\n padding-right: var(--spacing);\n padding-left: var(--spacing-l);\n}\n\n.dropdownButton-module-DropdownButton--tinySquare-h9ZCv-4-6-0 {\n padding-left: var(--spacing-m);\n padding-right: var(--spacing-m);\n}\n\n.dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-6-0 {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n}\n\n.dropdownButton-module-DropdownButton--placeholder-P-OZc-4-6-0 {\n color: var(--text-subtle);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-6-0:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-6-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-6-0:active,\n.dropdownButton-module-DropdownButton--open-FO2da-4-6-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-6-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-6-0 {\n padding-left: var(--spacing);\n}\n\n.dropdownButton-module-DropdownButton--error-WBIV1-4-6-0 {\n border: var(--spacing-xs) solid var(--alert);\n}\n";
|
|
4710
|
+
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-6-0","DropdownButton-wrapper":"dropdownButton-module-DropdownButton-wrapper--2rai-4-6-0","DropdownButton-text":"dropdownButton-module-DropdownButton-text-iFVYT-4-6-0","DropdownButton--tiny":"dropdownButton-module-DropdownButton--tiny-Itu7p-4-6-0","DropdownButton--regular":"dropdownButton-module-DropdownButton--regular--xsdh-4-6-0","DropdownButton--tinySquare":"dropdownButton-module-DropdownButton--tinySquare-h9ZCv-4-6-0","DropdownButton--regularSquare":"dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-6-0","DropdownButton--placeholder":"dropdownButton-module-DropdownButton--placeholder-P-OZc-4-6-0","DropdownButton--open":"dropdownButton-module-DropdownButton--open-FO2da-4-6-0","DropdownButton--icon":"dropdownButton-module-DropdownButton--icon-lOUG2-4-6-0","DropdownButton--error":"dropdownButton-module-DropdownButton--error-WBIV1-4-6-0"};
|
|
4709
4711
|
styleInject(css_248z$10);
|
|
4710
4712
|
|
|
4711
|
-
var _excluded$
|
|
4713
|
+
var _excluded$18 = ["triggerSize", "placeholder", "menu", "children", "icon", "disabled", "open", "inlineLabel", "error", "iconType"];
|
|
4712
4714
|
var DropdownButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
4713
4715
|
var _props$triggerSize = props.triggerSize,
|
|
4714
4716
|
triggerSize = _props$triggerSize === void 0 ? 'regular' : _props$triggerSize,
|
|
@@ -4723,7 +4725,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4723
4725
|
inlineLabel = props.inlineLabel,
|
|
4724
4726
|
error = props.error,
|
|
4725
4727
|
iconType = props.iconType,
|
|
4726
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
4728
|
+
rest = _objectWithoutProperties(props, _excluded$18);
|
|
4727
4729
|
var buttonDisabled = disabled ? 'disabled' : 'default';
|
|
4728
4730
|
var trimmedPlaceholder = placeholder.trim();
|
|
4729
4731
|
var value = children ? children : trimmedPlaceholder;
|
|
@@ -5049,8 +5051,8 @@ var Option = function Option(props) {
|
|
|
5049
5051
|
});
|
|
5050
5052
|
};
|
|
5051
5053
|
|
|
5052
|
-
var css_248z$$ = "@keyframes placeholder-module-shimmer-Lxrg3-4-
|
|
5053
|
-
var styles$Z = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-
|
|
5054
|
+
var css_248z$$ = "@keyframes placeholder-module-shimmer-Lxrg3-4-6-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-6-0 {\n border-radius: var(--spacing-s);\n animation-duration: 1.5s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeholder-module-shimmer-Lxrg3-4-6-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-6-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-6-0 {\n display: flex;\n justify-content: flex-start;\n}\n\n.placeholder-module-Placeholder-paragraph-6zgwj-4-6-0 {\n display: flex;\n flex-direction: column;\n flex: 1 0;\n}\n\n.placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-6-0 {\n margin-left: var(--spacing);\n}\n\n.placeholder-module-PlaceholderParagraph-02mKH-4-6-0 {\n display: flex;\n flex-grow: 1;\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-6-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-6-0 {\n width: 33%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-6-0 {\n width: 66%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-6-0 {\n width: 100%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-6-0 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-6-0 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-6-0 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-6-0 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-6-0 {\n height: var(--font-height-l);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-6-0 {\n height: var(--font-height-xl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-6-0 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-6-0 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-6-0 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--xs-CZxRT-4-6-0 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--s-1TOed-4-6-0 {\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph--m-umPOe-4-6-0 {\n height: var(--font-size-m);\n}\n\n.placeholder-module-PlaceholderParagraph--l-5tvMH-4-6-0 {\n height: var(--font-size-l);\n}\n\n.placeholder-module-PlaceholderParagraph--xl-M63Dg-4-6-0 {\n height: var(--font-size-xl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-6-0 {\n height: var(--font-size-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-6-0 {\n height: var(--font-size-xxxl);\n}\n\n.placeholder-module-PlaceholderImage-tEdXI-4-6-0 {\n display: flex;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--small-IZcYq-4-6-0 {\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--medium-NA-GL-4-6-0 {\n width: 32px;\n height: 32px;\n}\n\n.placeholder-module-PlaceholderImage--large-z28GC-4-6-0 {\n width: 48px;\n height: 48px;\n}\n\n.placeholder-module-PlaceholderImage--round-IvhOF-4-6-0 {\n border-radius: 50%;\n}\n";
|
|
5055
|
+
var styles$Z = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-6-0","shimmer":"placeholder-module-shimmer-Lxrg3-4-6-0","Placeholder":"placeholder-module-Placeholder-vJUgz-4-6-0","Placeholder--withImage":"placeholder-module-Placeholder--withImage-yTlyC-4-6-0","Placeholder-paragraph":"placeholder-module-Placeholder-paragraph-6zgwj-4-6-0","Placeholder-paragraph--withImage":"placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-6-0","PlaceholderParagraph":"placeholder-module-PlaceholderParagraph-02mKH-4-6-0","PlaceholderParagraph-wrapper":"placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-6-0","PlaceholderParagraph-wrapper--length-small":"placeholder-module-PlaceholderParagraph-wrapper--length-small-hR-g8-4-6-0","PlaceholderParagraph-wrapper--length-medium":"placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-6-0","PlaceholderParagraph-wrapper--length-large":"placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-6-0","PlaceholderParagraph-wrapper--size-xxs":"placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-6-0","PlaceholderParagraph-wrapper--size-xs":"placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-6-0","PlaceholderParagraph-wrapper--size-s":"placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-6-0","PlaceholderParagraph-wrapper--size-m":"placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-6-0","PlaceholderParagraph-wrapper--size-l":"placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-6-0","PlaceholderParagraph-wrapper--size-xl":"placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-6-0","PlaceholderParagraph-wrapper--size-xxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-6-0","PlaceholderParagraph-wrapper--size-xxxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-6-0","PlaceholderParagraph--xxs":"placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-6-0","PlaceholderParagraph--xs":"placeholder-module-PlaceholderParagraph--xs-CZxRT-4-6-0","PlaceholderParagraph--s":"placeholder-module-PlaceholderParagraph--s-1TOed-4-6-0","PlaceholderParagraph--m":"placeholder-module-PlaceholderParagraph--m-umPOe-4-6-0","PlaceholderParagraph--l":"placeholder-module-PlaceholderParagraph--l-5tvMH-4-6-0","PlaceholderParagraph--xl":"placeholder-module-PlaceholderParagraph--xl-M63Dg-4-6-0","PlaceholderParagraph--xxl":"placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-6-0","PlaceholderParagraph--xxxl":"placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-6-0","PlaceholderImage":"placeholder-module-PlaceholderImage-tEdXI-4-6-0","PlaceholderImage--small":"placeholder-module-PlaceholderImage--small-IZcYq-4-6-0","PlaceholderImage--medium":"placeholder-module-PlaceholderImage--medium-NA-GL-4-6-0","PlaceholderImage--large":"placeholder-module-PlaceholderImage--large-z28GC-4-6-0","PlaceholderImage--round":"placeholder-module-PlaceholderImage--round-IvhOF-4-6-0"};
|
|
5054
5056
|
styleInject(css_248z$$);
|
|
5055
5057
|
|
|
5056
5058
|
var PlaceholderParagraph = function PlaceholderParagraph(props) {
|
|
@@ -5702,7 +5704,7 @@ var DropdownList = function DropdownList(props) {
|
|
|
5702
5704
|
};
|
|
5703
5705
|
DropdownList.displayName = 'DropdownList';
|
|
5704
5706
|
|
|
5705
|
-
var _excluded$
|
|
5707
|
+
var _excluded$17 = ["triggerOptions", "selected", "tabIndex"];
|
|
5706
5708
|
var inputRef = /*#__PURE__*/React.createRef();
|
|
5707
5709
|
/**
|
|
5708
5710
|
*
|
|
@@ -6288,7 +6290,7 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
6288
6290
|
triggerOptions = _this$props14$trigger === void 0 ? {} : _this$props14$trigger;
|
|
6289
6291
|
_this$props14.selected;
|
|
6290
6292
|
var tabIndex = _this$props14.tabIndex,
|
|
6291
|
-
rest = _objectWithoutProperties(_this$props14, _excluded$
|
|
6293
|
+
rest = _objectWithoutProperties(_this$props14, _excluded$17);
|
|
6292
6294
|
var remainingOptionsLen = searchedOptionsLength - options.length;
|
|
6293
6295
|
var firstEnabledOption = tabIndex ? tabIndex : _isSelectAllPresent(searchTerm, remainingOptionsLen, withSelectAll, withCheckbox) ? 0 : options.findIndex(function (option) {
|
|
6294
6296
|
return !option.disabled;
|
|
@@ -6332,11 +6334,11 @@ _defineProperty$1(Dropdown, "defaultProps", {
|
|
|
6332
6334
|
searchDebounceDuration: 300
|
|
6333
6335
|
});
|
|
6334
6336
|
|
|
6335
|
-
var css_248z$_ = "/* Heading */\n.heading-module-Heading-tmepg-4-
|
|
6336
|
-
var styles$Y = {"Heading":"heading-module-Heading-tmepg-4-
|
|
6337
|
+
var css_248z$_ = "/* Heading */\n.heading-module-Heading-tmepg-4-6-0 {\n margin: 0;\n}\n\n.heading-module-Heading--s-r3kT8-4-6-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-6-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-6-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-6-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-6-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-6-0 {\n color: var(--text);\n}\n\n.heading-module-Heading--subtle-K3WJd-4-6-0 {\n color: var(--text-subtle);\n}\n\n.heading-module-Heading--disabled-dQRjW-4-6-0 {\n color: var(--text-disabled);\n}\n\n.heading-module-Heading--white-LK0i2-4-6-0 {\n color: var(--text-white);\n}\n";
|
|
6338
|
+
var styles$Y = {"Heading":"heading-module-Heading-tmepg-4-6-0","Heading--s":"heading-module-Heading--s-r3kT8-4-6-0","Heading--m":"heading-module-Heading--m-KypUv-4-6-0","Heading--l":"heading-module-Heading--l-6irdW-4-6-0","Heading--xl":"heading-module-Heading--xl-XGjXU-4-6-0","Heading--xxl":"heading-module-Heading--xxl-eD434-4-6-0","Heading--default":"heading-module-Heading--default-3YJIX-4-6-0","Heading--subtle":"heading-module-Heading--subtle-K3WJd-4-6-0","Heading--disabled":"heading-module-Heading--disabled-dQRjW-4-6-0","Heading--white":"heading-module-Heading--white-LK0i2-4-6-0"};
|
|
6337
6339
|
styleInject(css_248z$_);
|
|
6338
6340
|
|
|
6339
|
-
var _excluded$
|
|
6341
|
+
var _excluded$16 = ["appearance", "size", "children", "className", "color"];
|
|
6340
6342
|
var sizeMap = {
|
|
6341
6343
|
s: 'h5',
|
|
6342
6344
|
m: 'h4',
|
|
@@ -6344,36 +6346,37 @@ var sizeMap = {
|
|
|
6344
6346
|
xl: 'h2',
|
|
6345
6347
|
xxl: 'h1'
|
|
6346
6348
|
};
|
|
6347
|
-
var Heading = function
|
|
6349
|
+
var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
6348
6350
|
var appearance = props.appearance,
|
|
6349
6351
|
size = props.size,
|
|
6350
6352
|
children = props.children,
|
|
6351
6353
|
className = props.className,
|
|
6352
6354
|
color = props.color,
|
|
6353
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
6355
|
+
rest = _objectWithoutProperties(props, _excluded$16);
|
|
6354
6356
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$Y.Heading, true), styles$Y["Heading--".concat(size)], size), styles$Y["Heading--".concat(appearance)], !color && appearance), "color-".concat(color), color), className);
|
|
6355
6357
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
6358
|
+
ref: ref,
|
|
6356
6359
|
"data-test": "DesignSystem-Heading"
|
|
6357
6360
|
}, rest, {
|
|
6358
6361
|
className: classes,
|
|
6359
6362
|
componentType: sizeMap[size]
|
|
6360
6363
|
}), children);
|
|
6361
|
-
};
|
|
6364
|
+
});
|
|
6362
6365
|
Heading.displayName = 'Heading';
|
|
6363
6366
|
Heading.defaultProps = {
|
|
6364
6367
|
appearance: 'default',
|
|
6365
6368
|
size: 'm'
|
|
6366
6369
|
};
|
|
6367
6370
|
|
|
6368
|
-
var css_248z$Z = ".actionButton-module-ActionButton-GMsQC-4-
|
|
6369
|
-
var styles$X = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-
|
|
6371
|
+
var css_248z$Z = ".actionButton-module-ActionButton-GMsQC-4-6-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: 50%;\n padding: var(--spacing-s);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-6-0:focus-visible,\n.actionButton-module-ActionButton-GMsQC-4-6-0:focus {\n outline: var(--spacing-s) solid var(--secondary-shadow);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-6-0:hover {\n background-color: var(--secondary);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-6-0:active {\n background-color: var(--secondary-dark);\n}\n";
|
|
6372
|
+
var styles$X = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-6-0"};
|
|
6370
6373
|
styleInject(css_248z$Z);
|
|
6371
6374
|
|
|
6372
|
-
var _excluded$
|
|
6375
|
+
var _excluded$15 = ["className", "iconType"];
|
|
6373
6376
|
var ActionButton$1 = function ActionButton(props) {
|
|
6374
6377
|
var className = props.className,
|
|
6375
6378
|
iconType = props.iconType,
|
|
6376
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
6379
|
+
rest = _objectWithoutProperties(props, _excluded$15);
|
|
6377
6380
|
var iconClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$X['ActionButton'], true), "".concat(className), className));
|
|
6378
6381
|
return /*#__PURE__*/React.createElement(Icon, _extends$2({
|
|
6379
6382
|
className: iconClass,
|
|
@@ -6387,15 +6390,15 @@ ActionButton$1.defaultProps = {
|
|
|
6387
6390
|
type: 'rounded'
|
|
6388
6391
|
};
|
|
6389
6392
|
|
|
6390
|
-
var css_248z$Y = "/* input */\n\n.input-module-Input-input-eQ8b8-4-
|
|
6391
|
-
var styles$W = {"Input-input":"input-module-Input-input-eQ8b8-4-
|
|
6393
|
+
var css_248z$Y = "/* input */\n\n.input-module-Input-input-eQ8b8-4-6-0::-ms-clear {\n display: none;\n}\n\n.input-module-Input-4ywvi-4-6-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(--spacing-m);\n border: var(--border);\n padding-right: var(--spacing-l);\n padding-left: var(--spacing-l);\n background: var(--white);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.input-module-Input--tiny-NegXy-4-6-0 {\n height: var(--font-height-m);\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.input-module-Input--regular-YN-1C-4-6-0 {\n height: var(--font-height-l);\n padding-top: var(--spacing-0-75);\n padding-bottom: var(--spacing-0-75);\n}\n\n.input-module-Input--large-FqoAi-4-6-0 {\n height: 40px;\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n}\n\n.input-module-Input-4ywvi-4-6-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n cursor: text;\n}\n\n.input-module-Input-4ywvi-4-6-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-6-0:focus-within .input-module-Input-icon--left-F1r05-4-6-0 {\n color: var(--primary);\n}\n\n.input-module-Input--error-EGIUq-4-6-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-6-0:focus-within .input-module-Input-icon--left-F1r05-4-6-0 {\n color: var(--alert);\n}\n\n.input-module-Input--disabled-IRtQk-4-6-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-6-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.input-module-Input--disabled-IRtQk-4-6-0 .input-module-Input-icon--left-F1r05-4-6-0 {\n color: var(--inverse-lightest);\n}\n\n.input-module-Input--error-EGIUq-4-6-0,\n.input-module-Input--error-EGIUq-4-6-0:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.input-module-Input-input-eQ8b8-4-6-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-6-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-6-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-6-0:focus {\n outline: 0;\n}\n\n.input-module-Input-input-eQ8b8-4-6-0:disabled .input-module-Input-input-eQ8b8-4-6-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-6-0:disabled .input-module-Input-input-eQ8b8-4-6-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input--regular-2cMTS-4-6-0 {\n line-height: var(--font-height);\n}\n\n.input-module-Input-input--large-Ps2E1-4-6-0 {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.input-module-Input-icon-V1pYc-4-6-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-6-0 {\n margin-right: var(--spacing);\n color: var(--inverse);\n}\n\n.input-module-Input-icon--inputBlank-GkWyn-4-6-0 {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-icon--error-o9EcI-4-6-0 {\n color: var(--alert);\n}\n\n.input-module-Input-icon--right-A9G9E-4-6-0 {\n cursor: pointer;\n color: var(--inverse-lighter);\n border-radius: 10px;\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-6-0:focus-visible .input-module-Input-icon--right-A9G9E-4-6-0 {\n outline: var(--spacing-s) solid var(--secondary-shadow);\n}\n\n.input-module-Input-icon--right-A9G9E-4-6-0:focus-visible {\n outline: var(--spacing-s) solid var(--secondary-shadow);\n border-radius: 10px;\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-6-0:hover .input-module-Input-icon--right-A9G9E-4-6-0 {\n background-color: var(--secondary);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-6-0:active .input-module-Input-icon--right-A9G9E-4-6-0 {\n background-color: var(--secondary-dark);\n}\n\n.input-module-Input-inlineLabel-Sgbvs-4-6-0 {\n margin-right: var(--spacing);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-6-0:focus-visible {\n outline: none;\n}\n";
|
|
6394
|
+
var styles$W = {"Input-input":"input-module-Input-input-eQ8b8-4-6-0","Input":"input-module-Input-4ywvi-4-6-0","Input--tiny":"input-module-Input--tiny-NegXy-4-6-0","Input--regular":"input-module-Input--regular-YN-1C-4-6-0","Input--large":"input-module-Input--large-FqoAi-4-6-0","Input-icon--left":"input-module-Input-icon--left-F1r05-4-6-0","Input--error":"input-module-Input--error-EGIUq-4-6-0","Input--disabled":"input-module-Input--disabled-IRtQk-4-6-0","Input--readOnly":"input-module-Input--readOnly-4IaEw-4-6-0","Input-input--regular":"input-module-Input-input--regular-2cMTS-4-6-0","Input-input--large":"input-module-Input-input--large-Ps2E1-4-6-0","Input-icon":"input-module-Input-icon-V1pYc-4-6-0","Input-icon--inputBlank":"input-module-Input-icon--inputBlank-GkWyn-4-6-0","Input-icon--error":"input-module-Input-icon--error-o9EcI-4-6-0","Input-icon--right":"input-module-Input-icon--right-A9G9E-4-6-0","Input-iconWrapper--right":"input-module-Input-iconWrapper--right-HdKL--4-6-0","Input-inlineLabel":"input-module-Input-inlineLabel-Sgbvs-4-6-0"};
|
|
6392
6395
|
styleInject(css_248z$Y);
|
|
6393
6396
|
|
|
6394
|
-
var css_248z$X = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
6395
|
-
var styles$V = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
6397
|
+
var css_248z$X = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-6-0 {\n display: inline-flex;\n width: 40px;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-6-0 .verificationCodeInput-module-Input-input-IIOUQ-4-6-0 {\n text-align: center;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-6-0 .verificationCodeInput-module-Input-input-IIOUQ-4-6-0::-webkit-inner-spin-button,\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-6-0 .verificationCodeInput-module-Input-input-IIOUQ-4-6-0::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n";
|
|
6398
|
+
var styles$V = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-6-0","Input-input":"verificationCodeInput-module-Input-input-IIOUQ-4-6-0"};
|
|
6396
6399
|
styleInject(css_248z$X);
|
|
6397
6400
|
|
|
6398
|
-
var _excluded$
|
|
6401
|
+
var _excluded$14 = ["size", "type", "minWidth", "defaultValue", "name", "placeholder", "value", "icon", "inlineLabel", "required", "error", "info", "onChange", "onClick", "onClear", "onBlur", "onFocus", "onPaste", "actionIcon", "className", "autoFocus", "disabled", "readOnly", "iconType"];
|
|
6399
6402
|
var sizeMapping$2 = {
|
|
6400
6403
|
tiny: 12,
|
|
6401
6404
|
regular: 16,
|
|
@@ -6435,7 +6438,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
6435
6438
|
disabled = props.disabled,
|
|
6436
6439
|
readOnly = props.readOnly,
|
|
6437
6440
|
iconType = props.iconType,
|
|
6438
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
6441
|
+
rest = _objectWithoutProperties(props, _excluded$14);
|
|
6439
6442
|
var ref = React.useRef(null);
|
|
6440
6443
|
var _React$useState = React.useState(!value),
|
|
6441
6444
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
@@ -6547,15 +6550,15 @@ Object.assign(Input, {
|
|
|
6547
6550
|
ActionButton: ActionButton$1
|
|
6548
6551
|
});
|
|
6549
6552
|
|
|
6550
|
-
var css_248z$W = ".metricInput-module-MetricInput-input-F33lA-4-
|
|
6551
|
-
var styles$U = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-
|
|
6553
|
+
var css_248z$W = ".metricInput-module-MetricInput-input-F33lA-4-6-0::-ms-clear {\n display: none;\n}\n\n.metricInput-module-MetricInput--0hzO-4-6-0 {\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--spacing-m);\n border: var(--border);\n padding-right: var(--spacing-m);\n background: var(--white);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.metricInput-module-MetricInput--regular-qwE-W-4-6-0 {\n height: var(--spacing-3);\n padding-left: var(--spacing-l);\n}\n\n.metricInput-module-MetricInput--large-PHYvQ-4-6-0 {\n height: 40px;\n padding-left: var(--spacing-2);\n}\n\n.metricInput-module-MetricInput--0hzO-4-6-0:hover {\n background: var(--secondary-lightest);\n cursor: text;\n}\n\n.metricInput-module-MetricInput--0hzO-4-6-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-6-0:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-6-0 {\n color: var(--primary);\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-6-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-6-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-6-0 .metricInput-module-MetricInput-icon-xUfPZ-4-6-0 {\n color: var(--inverse-lightest);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-6-0,\n.metricInput-module-MetricInput--error-FAM-w-4-6-0:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-6-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-6-0:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-6-0 {\n color: var(--alert);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-6-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-6-0 {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-6-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-6-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-6-0:focus {\n outline: 0;\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-6-0:disabled .metricInput-module-MetricInput-input-F33lA-4-6-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-6-0:disabled .metricInput-module-MetricInput-input-F33lA-4-6-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-icon--regular-QqKyP-4-6-0 {\n margin-right: var(--spacing);\n line-height: var(--font-height-s);\n}\n\n.metricInput-module-MetricInput-icon--large-oSw1r-4-6-0 {\n margin-right: var(--spacing-l);\n line-height: var(--font-height-m);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-6-0::-webkit-inner-spin-button,\n.metricInput-module-MetricInput-input-F33lA-4-6-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-6-0 {\n height: var(--spacing-2);\n width: var(--spacing-2);\n border-radius: var(--spacing-s);\n}\n\n.metricInput-module-MetricInput-arrowIcon--regular-qEPIp-4-6-0 {\n height: var(--spacing-l);\n width: var(--spacing-l);\n border-radius: var(--spacing-s);\n}\n";
|
|
6554
|
+
var styles$U = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-6-0","MetricInput":"metricInput-module-MetricInput--0hzO-4-6-0","MetricInput--regular":"metricInput-module-MetricInput--regular-qwE-W-4-6-0","MetricInput--large":"metricInput-module-MetricInput--large-PHYvQ-4-6-0","MetricInput-icon":"metricInput-module-MetricInput-icon-xUfPZ-4-6-0","MetricInput--disabled":"metricInput-module-MetricInput--disabled-41NDQ-4-6-0","MetricInput--readOnly":"metricInput-module-MetricInput--readOnly-fVSGN-4-6-0","MetricInput--error":"metricInput-module-MetricInput--error-FAM-w-4-6-0","MetricInput-input--large":"metricInput-module-MetricInput-input--large-Xn7eL-4-6-0","MetricInput-icon--regular":"metricInput-module-MetricInput-icon--regular-QqKyP-4-6-0","MetricInput-icon--large":"metricInput-module-MetricInput-icon--large-oSw1r-4-6-0","MetricInput-arrowIcon--large":"metricInput-module-MetricInput-arrowIcon--large-yJSOA-4-6-0","MetricInput-arrowIcon--regular":"metricInput-module-MetricInput-arrowIcon--regular-qEPIp-4-6-0"};
|
|
6552
6555
|
styleInject(css_248z$W);
|
|
6553
6556
|
|
|
6554
|
-
var css_248z$V = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-
|
|
6555
|
-
var styles$T = {"Pagination":"pagination-module-Pagination-DCmdy-4-
|
|
6557
|
+
var css_248z$V = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-6-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-6-0 {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n}\n\n.pagination-module-Pagination-buttonWrapper--hS-F-4-6-0 {\n display: flex;\n flex-direction: row;\n}\n\n.pagination-module-Pagination-pageIndex-bDTfx-4-6-0 {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: var(--spacing-l);\n padding-right: var(--spacing-l);\n}\n\n.pagination-module-Pagination-MetricInput-SPkmy-4-6-0 {\n width: var(--spacing-4);\n margin-right: var(--spacing);\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n}\n\n.pagination-module-Pagination-MetricInput-SPkmy-4-6-0 .pagination-module-MetricInput-input-7icmp-4-6-0 {\n text-align: center;\n}\n.pagination-module-Pagination-MetricInput-SPkmy-4-6-0 .pagination-module-MetricInput-arrowIcons-6jLZm-4-6-0 {\n display: none;\n}\n\n@media (max-width: 575px) {\n .pagination-module-Pagination-pageIndex-bDTfx-4-6-0 {\n order: -1;\n flex-basis: 100%;\n }\n .pagination-module-Pagination-buttonWrapper--hS-F-4-6-0 {\n margin-top: var(--spacing);\n width: 50%;\n }\n .pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-6-0 {\n justify-content: flex-start;\n }\n .pagination-module-Pagination-buttonWrapper--previous--r33Z-4-6-0 {\n justify-content: flex-end;\n }\n}\n";
|
|
6558
|
+
var styles$T = {"Pagination":"pagination-module-Pagination-DCmdy-4-6-0","Pagination-button":"pagination-module-Pagination-button-bEn7d-4-6-0","Pagination-buttonWrapper":"pagination-module-Pagination-buttonWrapper--hS-F-4-6-0","Pagination-pageIndex":"pagination-module-Pagination-pageIndex-bDTfx-4-6-0","Pagination-MetricInput":"pagination-module-Pagination-MetricInput-SPkmy-4-6-0","MetricInput-input":"pagination-module-MetricInput-input-7icmp-4-6-0","MetricInput-arrowIcons":"pagination-module-MetricInput-arrowIcons-6jLZm-4-6-0","Pagination-buttonWrapper--next":"pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-6-0","Pagination-buttonWrapper--previous":"pagination-module-Pagination-buttonWrapper--previous--r33Z-4-6-0"};
|
|
6556
6559
|
styleInject(css_248z$V);
|
|
6557
6560
|
|
|
6558
|
-
var _excluded$
|
|
6561
|
+
var _excluded$13 = ["size", "defaultValue", "name", "placeholder", "icon", "prefix", "suffix", "error", "min", "max", "onChange", "onClick", "onBlur", "onFocus", "className", "autoFocus", "disabled", "readOnly", "value", "showActionButton", "onKeyDown", "iconType"];
|
|
6559
6562
|
var sizeMapping$1 = {
|
|
6560
6563
|
regular: 16,
|
|
6561
6564
|
large: 20
|
|
@@ -6601,7 +6604,7 @@ var MetricInput = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
6601
6604
|
showActionButton = _props$showActionButt === void 0 ? true : _props$showActionButt,
|
|
6602
6605
|
onKeyDown = props.onKeyDown,
|
|
6603
6606
|
iconType = props.iconType,
|
|
6604
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
6607
|
+
rest = _objectWithoutProperties(props, _excluded$13);
|
|
6605
6608
|
var ref = React.useRef(null);
|
|
6606
6609
|
var isUncontrolled = valueProp === undefined;
|
|
6607
6610
|
var _React$useState = React.useState(valueProp || defaultValue),
|
|
@@ -6751,7 +6754,7 @@ var getDefaultValue = function getDefaultValue(mask, placeholderChar) {
|
|
|
6751
6754
|
return val;
|
|
6752
6755
|
};
|
|
6753
6756
|
|
|
6754
|
-
var _excluded$
|
|
6757
|
+
var _excluded$12 = ["mask", "value", "placeholderChar", "validators", "clearOnEmptyBlur", "defaultValue", "mask", "error", "caption", "required", "onChange", "onPaste", "onBlur", "onFocus", "onClear", "className", "id", "helpText"];
|
|
6755
6758
|
/**
|
|
6756
6759
|
* It works as Uncontrolled Input
|
|
6757
6760
|
*
|
|
@@ -6779,7 +6782,7 @@ var InputMask = /*#__PURE__*/React.forwardRef(function (props, forwardRef) {
|
|
|
6779
6782
|
className = props.className,
|
|
6780
6783
|
id = props.id,
|
|
6781
6784
|
helpText = props.helpText,
|
|
6782
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
6785
|
+
rest = _objectWithoutProperties(props, _excluded$12);
|
|
6783
6786
|
var isEditable = React.useCallback(function (pos) {
|
|
6784
6787
|
return _typeof(mask[pos]) === 'object';
|
|
6785
6788
|
}, [mask]);
|
|
@@ -7051,11 +7054,11 @@ InputMask.utils = {
|
|
|
7051
7054
|
};
|
|
7052
7055
|
var X = InputMask;
|
|
7053
7056
|
|
|
7054
|
-
var css_248z$U = "/* Label */\n.label-module-Label--OmlF-4-
|
|
7055
|
-
var styles$S = {"Label":"label-module-Label--OmlF-4-
|
|
7057
|
+
var css_248z$U = "/* Label */\n.label-module-Label--OmlF-4-6-0 {\n display: inline-flex;\n}\n\n.label-module-Label--withInput-RWqFC-4-6-0 {\n margin-bottom: var(--spacing-m);\n}\n\n.label-module-Label--optional-25o6w-4-6-0 {\n align-items: center;\n}\n\n.label-module-Label-text-SI451-4-6-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-6-0 {\n line-height: var(--font-height-s);\n margin-left: var(--spacing-m);\n}\n\n.label-module-Label--disabled-06XI--4-6-0 {\n color: var(--text-disabled);\n}\n\n.label-module-Label-requiredIndicator-4Cxyi-4-6-0 {\n height: var(--spacing-0-75);\n width: var(--spacing-0-75);\n border-radius: 50%;\n background: var(--alert);\n margin-left: var(--spacing-m);\n margin-bottom: var(--spacing-0-75);\n display: inline-flex;\n}\n";
|
|
7058
|
+
var styles$S = {"Label":"label-module-Label--OmlF-4-6-0","Label--withInput":"label-module-Label--withInput-RWqFC-4-6-0","Label--optional":"label-module-Label--optional-25o6w-4-6-0","Label-text":"label-module-Label-text-SI451-4-6-0","Label-optionalText":"label-module-Label-optionalText-BxJ0x-4-6-0","Label--disabled":"label-module-Label--disabled-06XI--4-6-0","Label-requiredIndicator":"label-module-Label-requiredIndicator-4Cxyi-4-6-0"};
|
|
7056
7059
|
styleInject(css_248z$U);
|
|
7057
7060
|
|
|
7058
|
-
var _excluded$
|
|
7061
|
+
var _excluded$11 = ["required", "optional", "withInput", "disabled", "children", "className", "info"];
|
|
7059
7062
|
/**
|
|
7060
7063
|
* *NOTE: Extends props with HTMLProps<HTMLLabelElement>*
|
|
7061
7064
|
*/
|
|
@@ -7067,7 +7070,7 @@ var Label = function Label(props) {
|
|
|
7067
7070
|
children = props.children,
|
|
7068
7071
|
className = props.className,
|
|
7069
7072
|
info = props.info,
|
|
7070
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
7073
|
+
rest = _objectWithoutProperties(props, _excluded$11);
|
|
7071
7074
|
var baseProps = extractBaseProps(props);
|
|
7072
7075
|
var LabelClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$S.Label, true), styles$S['Label--withInput'], withInput), styles$S['Label--optional'], optional), className);
|
|
7073
7076
|
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$S['Label-text'], true), styles$S['Label--disabled'], disabled));
|
|
@@ -7112,8 +7115,8 @@ var Label = function Label(props) {
|
|
|
7112
7115
|
};
|
|
7113
7116
|
Label.displayName = 'Label';
|
|
7114
7117
|
|
|
7115
|
-
var css_248z$T = "/* Caption */\n.caption-module-Caption-x0-4O-4-
|
|
7116
|
-
var styles$R = {"Caption":"caption-module-Caption-x0-4O-4-
|
|
7118
|
+
var css_248z$T = "/* Caption */\n.caption-module-Caption-x0-4O-4-6-0 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.caption-module-Caption--withInput-USihh-4-6-0 {\n margin-top: var(--spacing-m);\n}\n\n.caption-module-Caption-icon-BVGQm-4-6-0 {\n display: flex;\n align-content: center;\n margin-right: var(--spacing-m);\n}\n\n.caption-module-Caption--hidden-C-EcV-4-6-0 {\n display: none;\n}\n";
|
|
7119
|
+
var styles$R = {"Caption":"caption-module-Caption-x0-4O-4-6-0","Caption--withInput":"caption-module-Caption--withInput-USihh-4-6-0","Caption-icon":"caption-module-Caption-icon-BVGQm-4-6-0","Caption--hidden":"caption-module-Caption--hidden-C-EcV-4-6-0"};
|
|
7117
7120
|
styleInject(css_248z$T);
|
|
7118
7121
|
|
|
7119
7122
|
var Caption = function Caption(props) {
|
|
@@ -7142,8 +7145,8 @@ var Caption = function Caption(props) {
|
|
|
7142
7145
|
};
|
|
7143
7146
|
Caption.displayName = 'Caption';
|
|
7144
7147
|
|
|
7145
|
-
var css_248z$S = ".legend-module-Legend--0IVR-4-
|
|
7146
|
-
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-
|
|
7148
|
+
var css_248z$S = ".legend-module-Legend--0IVR-4-6-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-6-0 {\n border-radius: var(--spacing-s);\n margin-right: var(--spacing);\n}\n";
|
|
7149
|
+
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-6-0","Legend-icon":"legend-module-Legend-icon-AAtts-4-6-0"};
|
|
7147
7150
|
styleInject(css_248z$S);
|
|
7148
7151
|
|
|
7149
7152
|
var Legend = function Legend(props) {
|
|
@@ -7217,11 +7220,11 @@ var Editable = function Editable(props) {
|
|
|
7217
7220
|
};
|
|
7218
7221
|
Editable.displayName = 'Editable';
|
|
7219
7222
|
|
|
7220
|
-
var css_248z$R = ".editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
7221
|
-
var styles$Q = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
7223
|
+
var css_248z$R = ".editableDropdown-module-EditableDropdown-8s4sE-4-6-0 {\n width: 100%;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-6-0 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n height: var(--spacing-3);\n padding-left: var(--spacing-l);\n}\n";
|
|
7224
|
+
var styles$Q = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-6-0","EditableDropdown-default":"editableDropdown-module-EditableDropdown-default-YIYT0-4-6-0"};
|
|
7222
7225
|
styleInject(css_248z$R);
|
|
7223
7226
|
|
|
7224
|
-
var _excluded
|
|
7227
|
+
var _excluded$10 = ["onChange", "onClose"];
|
|
7225
7228
|
var EditableDropdown = function EditableDropdown(props) {
|
|
7226
7229
|
var placeholder = props.placeholder,
|
|
7227
7230
|
dropdownOptions = props.dropdownOptions,
|
|
@@ -7229,7 +7232,7 @@ var EditableDropdown = function EditableDropdown(props) {
|
|
|
7229
7232
|
customTriggerRenderer = props.customTriggerRenderer;
|
|
7230
7233
|
var onDropdownChange = dropdownOptions.onChange,
|
|
7231
7234
|
onDropdownClose = dropdownOptions.onClose,
|
|
7232
|
-
rest = _objectWithoutProperties(dropdownOptions, _excluded
|
|
7235
|
+
rest = _objectWithoutProperties(dropdownOptions, _excluded$10);
|
|
7233
7236
|
var _React$useState = React.useState(placeholder),
|
|
7234
7237
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
7235
7238
|
label = _React$useState2[0],
|
|
@@ -7300,11 +7303,11 @@ EditableDropdown.defaultProps = {
|
|
|
7300
7303
|
dropdownOptions: {}
|
|
7301
7304
|
};
|
|
7302
7305
|
|
|
7303
|
-
var css_248z$Q = ".link-module-Link-MwjNx-4-
|
|
7304
|
-
var styles$P = {"Link":"link-module-Link-MwjNx-4-
|
|
7306
|
+
var css_248z$Q = ".link-module-Link-MwjNx-4-6-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-6-0:focus-visible {\n outline: none;\n}\n\n.link-module-Link--regular-hKQMh-4-6-0 {\n font-size: var(--font-size);\n height: var(--font-height);\n}\n\n.link-module-Link--tiny-5Wp1N-4-6-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-6-0 {\n color: var(--text-link);\n}\n\n.link-module-Link--subtle-RjZLu-4-6-0 {\n color: var(--inverse-lighter);\n}\n\n.link-module-Link--default-dCI0C-4-6-0:hover {\n border-bottom: var(--spacing-xs) solid var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.link-module-Link--subtle-RjZLu-4-6-0:hover {\n border-bottom: var(--spacing-xs) solid var(--inverse-light);\n color: var(--inverse-light);\n}\n\n.link-module-Link--default-dCI0C-4-6-0:active {\n color: var(--primary-darker);\n border: none;\n}\n\n.link-module-Link--subtle-RjZLu-4-6-0:active {\n color: var(--inverse);\n border: none;\n}\n\n.link-module-Link--default-dCI0C-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n border-radius: var(--spacing-m);\n}\n\n.link-module-Link--subtle-RjZLu-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n border-radius: var(--spacing-m);\n}\n\n.link-module-Link--default-disabled-4AGTL-4-6-0 {\n color: var(--primary-lighter);\n pointer-events: none;\n}\n\n.link-module-Link--subtle-disabled-jeH3g-4-6-0 {\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n";
|
|
7307
|
+
var styles$P = {"Link":"link-module-Link-MwjNx-4-6-0","Link--regular":"link-module-Link--regular-hKQMh-4-6-0","Link--tiny":"link-module-Link--tiny-5Wp1N-4-6-0","Link--default":"link-module-Link--default-dCI0C-4-6-0","Link--subtle":"link-module-Link--subtle-RjZLu-4-6-0","Link--default-disabled":"link-module-Link--default-disabled-4AGTL-4-6-0","Link--subtle-disabled":"link-module-Link--subtle-disabled-jeH3g-4-6-0"};
|
|
7305
7308
|
styleInject(css_248z$Q);
|
|
7306
7309
|
|
|
7307
|
-
var _excluded
|
|
7310
|
+
var _excluded$$ = ["children", "className", "appearance", "size", "disabled"];
|
|
7308
7311
|
/**
|
|
7309
7312
|
*
|
|
7310
7313
|
* The choice to use the appearance `subtle` property for the **Link** component, while using the `subtle` boolean prop for the **LinkButton** component, is based on the different roles of typography and action components.
|
|
@@ -7318,7 +7321,7 @@ var Link = function Link(props) {
|
|
|
7318
7321
|
appearance = props.appearance,
|
|
7319
7322
|
size = props.size,
|
|
7320
7323
|
disabled = props.disabled,
|
|
7321
|
-
rest = _objectWithoutProperties(props, _excluded
|
|
7324
|
+
rest = _objectWithoutProperties(props, _excluded$$);
|
|
7322
7325
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$P.Link, true), styles$P["Link--".concat(size)], size), styles$P["Link--".concat(appearance)], appearance), styles$P["Link--".concat(appearance, "-disabled")], disabled), className);
|
|
7323
7326
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
7324
7327
|
"data-test": "DesignSystem-Link",
|
|
@@ -7334,8 +7337,8 @@ Link.defaultProps = {
|
|
|
7334
7337
|
disabled: false
|
|
7335
7338
|
};
|
|
7336
7339
|
|
|
7337
|
-
var css_248z$P = ".message-module-Message-5m7p--4-
|
|
7338
|
-
var styles$O = {"Message":"message-module-Message-5m7p--4-
|
|
7340
|
+
var css_248z$P = ".message-module-Message-5m7p--4-6-0 {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n padding: var(--spacing-l) var(--spacing-xl) var(--spacing-l) var(--spacing-2);\n border: var(--spacing-xs) solid;\n width: 100%;\n border-radius: var(--spacing-m);\n box-sizing: border-box;\n}\n\n.message-module-Message--alert-VltpF-4-6-0 {\n border-color: var(--alert);\n background-color: rgba(217, 55, 55, 0.04);\n}\n\n.message-module-Message--success-8AZFe-4-6-0 {\n border-color: var(--success);\n background-color: rgba(46, 168, 67, 0.04);\n}\n\n.message-module-Message--info-N9C6k-4-6-0 {\n border-color: var(--primary);\n background-color: rgba(0, 112, 221, 0.04);\n}\n\n.message-module-Message--warning-sPwHB-4-6-0 {\n border-color: var(--accent1);\n background-color: rgba(240, 125, 0, 0.04);\n}\n\n.message-module-Message-icon-3vT3l-4-6-0 {\n margin-right: var(--spacing-2);\n padding-top: var(--spacing-s);\n}\n\n.message-module-Message-icon--withTitle-l6DPU-4-6-0 {\n padding-top: var(--spacing-m);\n}\n\n.message-module-Message-icon--warning-IglaC-4-6-0 {\n color: var(--accent1);\n}\n\n.message-module-Message-heading-vZR5c-4-6-0 {\n margin-bottom: var(--spacing-m);\n}\n\n.message-module-Message-heading--alert--cn2r-4-6-0,\n.message-module-Message-text--alert-a8T-5-4-6-0 {\n color: var(--alert-darker) !important;\n}\n\n.message-module-Message-heading--info--Uzim-4-6-0,\n.message-module-Message-text--info-94pB0-4-6-0 {\n color: var(--primary-darker) !important;\n}\n\n.message-module-Message-heading--success-qk8Ep-4-6-0,\n.message-module-Message-text--success-hlaXA-4-6-0 {\n color: var(--success-darker) !important;\n}\n\n.message-module-Message-heading--warning-OWfuJ-4-6-0,\n.message-module-Message-text--warning-tPSB8-4-6-0 {\n color: var(--accent1-darker) !important;\n}\n\n.message-module-Message-actions-5bFUf-4-6-0 {\n display: flex;\n align-items: center;\n margin-top: var(--spacing-l);\n}\n";
|
|
7341
|
+
var styles$O = {"Message":"message-module-Message-5m7p--4-6-0","Message--alert":"message-module-Message--alert-VltpF-4-6-0","Message--success":"message-module-Message--success-8AZFe-4-6-0","Message--info":"message-module-Message--info-N9C6k-4-6-0","Message--warning":"message-module-Message--warning-sPwHB-4-6-0","Message-icon":"message-module-Message-icon-3vT3l-4-6-0","Message-icon--withTitle":"message-module-Message-icon--withTitle-l6DPU-4-6-0","Message-icon--warning":"message-module-Message-icon--warning-IglaC-4-6-0","Message-heading":"message-module-Message-heading-vZR5c-4-6-0","Message-heading--alert":"message-module-Message-heading--alert--cn2r-4-6-0","Message-text--alert":"message-module-Message-text--alert-a8T-5-4-6-0","Message-heading--info":"message-module-Message-heading--info--Uzim-4-6-0","Message-text--info":"message-module-Message-text--info-94pB0-4-6-0","Message-heading--success":"message-module-Message-heading--success-qk8Ep-4-6-0","Message-text--success":"message-module-Message-text--success-hlaXA-4-6-0","Message-heading--warning":"message-module-Message-heading--warning-OWfuJ-4-6-0","Message-text--warning":"message-module-Message-text--warning-tPSB8-4-6-0","Message-actions":"message-module-Message-actions-5bFUf-4-6-0"};
|
|
7339
7342
|
styleInject(css_248z$P);
|
|
7340
7343
|
|
|
7341
7344
|
var IconMapping$2 = {
|
|
@@ -7394,8 +7397,8 @@ Message.defaultProps = {
|
|
|
7394
7397
|
description: ''
|
|
7395
7398
|
};
|
|
7396
7399
|
|
|
7397
|
-
var css_248z$O = ".metaList-module-Meta-dNPqh-4-
|
|
7398
|
-
var styles$N = {"Meta":"metaList-module-Meta-dNPqh-4-
|
|
7400
|
+
var css_248z$O = ".metaList-module-Meta-dNPqh-4-6-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-6-0 {\n margin-left: var(--spacing);\n}\n.metaList-module-MetaList-seperator--left-eKtN8-4-6-0 {\n margin-right: var(--spacing-m);\n}\n.metaList-module-Meta-icon-JwRHR-4-6-0 {\n padding-right: var(--spacing-m);\n display: flex;\n align-items: center;\n}\n.metaList-module-MetaList-rB1dP-4-6-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-6-0 {\n margin: 0 var(--spacing-m);\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-6-0:first-child {\n margin-left: 0;\n}\n\n.metaList-module-MetaList-item-S2e6p-4-6-0:last-child {\n margin-right: 0;\n}\n";
|
|
7401
|
+
var styles$N = {"Meta":"metaList-module-Meta-dNPqh-4-6-0","MetaList-seperator":"metaList-module-MetaList-seperator-mjgNU-4-6-0","MetaList-seperator--left":"metaList-module-MetaList-seperator--left-eKtN8-4-6-0","Meta-icon":"metaList-module-Meta-icon-JwRHR-4-6-0","MetaList":"metaList-module-MetaList-rB1dP-4-6-0","MetaList-item":"metaList-module-MetaList-item-S2e6p-4-6-0"};
|
|
7399
7402
|
styleInject(css_248z$O);
|
|
7400
7403
|
|
|
7401
7404
|
var Meta = function Meta(props) {
|
|
@@ -7530,12 +7533,12 @@ function isElementOfType(element) {
|
|
|
7530
7533
|
return element != null && element.type != null;
|
|
7531
7534
|
}
|
|
7532
7535
|
|
|
7533
|
-
var css_248z$N = ".slider-module-Slider-6TikH-4-
|
|
7534
|
-
var styles$M = {"Slider":"slider-module-Slider-6TikH-4-
|
|
7536
|
+
var css_248z$N = ".slider-module-Slider-6TikH-4-6-0 {\n width: 100%;\n}\n\n.slider-module-Slider-wrapper-WM2J6-4-6-0 {\n position: relative;\n outline: none;\n cursor: pointer;\n}\n\n.slider-module-Slider-wrapper--disabled-NHJzG-4-6-0 {\n cursor: not-allowed;\n}\n\n.slider-module-Slider-track-d76a8-4-6-0 {\n border-radius: var(--spacing-m);\n height: var(--spacing-2);\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n\n.slider-module-Slider-progress-371yB-4-6-0 {\n background: var(--secondary-lighter);\n height: var(--spacing-s);\n box-sizing: border-box;\n border-radius: var(--spacing-s);\n}\n\n.slider-module-Slider-progress--inRange-GkXBe-4-6-0 {\n background: var(--primary);\n}\n\n.slider-module-Slider-progress--inRangeDisabled-zUebN-4-6-0 {\n border: var(--border);\n}\n\n.slider-module-Slider-label-hbyPe-4-6-0 {\n margin-top: var(--spacing-m);\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-6-0 {\n width: var(--spacing-s);\n height: var(--spacing-m);\n border-radius: var(--spacing-xs);\n background-color: var(--secondary-dark);\n}\n\n.slider-module-Slider-tooltip--visible-O3adL-4-6-0 {\n visibility: visible;\n}\n\n.slider-module-Slider-tooltip--hidden--RxsH-4-6-0 {\n visibility: hidden;\n}\n\n.slider-module-Slider-tooltip-GGohr-4-6-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-6-0 {\n height: var(--spacing-2);\n width: var(--spacing-2);\n position: absolute;\n left: 0;\n top: 0;\n border-radius: 50%;\n background-color: var(--white);\n border: var(--spacing-s) 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-6-0:hover {\n background-color: var(--primary-lightest);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-6-0:active {\n background-color: var(--primary);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-6-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-6-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-6-0:focus {\n box-shadow: none;\n}\n";
|
|
7537
|
+
var styles$M = {"Slider":"slider-module-Slider-6TikH-4-6-0","Slider-wrapper":"slider-module-Slider-wrapper-WM2J6-4-6-0","Slider-wrapper--disabled":"slider-module-Slider-wrapper--disabled-NHJzG-4-6-0","Slider-track":"slider-module-Slider-track-d76a8-4-6-0","Slider-progress":"slider-module-Slider-progress-371yB-4-6-0","Slider-progress--inRange":"slider-module-Slider-progress--inRange-GkXBe-4-6-0","Slider-progress--inRangeDisabled":"slider-module-Slider-progress--inRangeDisabled-zUebN-4-6-0","Slider-label":"slider-module-Slider-label-hbyPe-4-6-0","Slider-ticks":"slider-module-Slider-ticks-J8lu0-4-6-0","Slider-tooltip--visible":"slider-module-Slider-tooltip--visible-O3adL-4-6-0","Slider-tooltip--hidden":"slider-module-Slider-tooltip--hidden--RxsH-4-6-0","Slider-tooltip":"slider-module-Slider-tooltip-GGohr-4-6-0","Slider-handle":"slider-module-Slider-handle-WSP0Z-4-6-0","Slider-handle--disabled":"slider-module-Slider-handle--disabled-SdL-F-4-6-0"};
|
|
7535
7538
|
styleInject(css_248z$N);
|
|
7536
7539
|
|
|
7537
|
-
var css_248z$M = ".tooltip-module-Tooltip-BzFZs-4-
|
|
7538
|
-
var styles$L = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-
|
|
7540
|
+
var css_248z$M = ".tooltip-module-Tooltip-BzFZs-4-6-0 {\n max-width: var(--spacing-9);\n padding: var(--spacing-m) var(--spacing);\n border-radius: var(--spacing-m);\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-6-0 {\n word-break: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n\n@keyframes tooltip-module-tooltip-open-top-VGviE-4-6-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-6-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-6-0 {\n animation: tooltip-module-tooltip-open-top-VGviE-4-6-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-6-0 {\n animation: tooltip-module-tooltip-close-top-xSYx8-4-6-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n@keyframes tooltip-module-tooltip-open-bottom-aJGl9-4-6-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-6-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-6-0 {\n animation: tooltip-module-tooltip-open-bottom-aJGl9-4-6-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-6-0 {\n animation: tooltip-module-tooltip-close-bottom-eYZve-4-6-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-left-s3-1K-4-6-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-6-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-6-0 {\n animation: tooltip-module-tooltip-open-left-s3-1K-4-6-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-left-vH8jz-4-6-0 {\n animation: tooltip-module-tooltip-close-left-yNuIX-4-6-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-right-Ia-cr-4-6-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-6-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-6-0 {\n animation: tooltip-module-tooltip-open-right-Ia-cr-4-6-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-right-KMa4x-4-6-0 {\n animation: tooltip-module-tooltip-close-right-yOe2m-4-6-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.tooltip-module-Tooltip-container-iDy8C-4-6-0 {\n transition-delay: 400ms;\n animation-delay: 400ms;\n}\n";
|
|
7541
|
+
var styles$L = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-6-0","Tooltip-text":"tooltip-module-Tooltip-text-tDwJG-4-6-0","Tooltip-animation-open-top":"tooltip-module-Tooltip-animation-open-top-D0Bht-4-6-0","tooltip-open-top":"tooltip-module-tooltip-open-top-VGviE-4-6-0","Tooltip-animation-close-top":"tooltip-module-Tooltip-animation-close-top-p--Cg-4-6-0","tooltip-close-top":"tooltip-module-tooltip-close-top-xSYx8-4-6-0","Tooltip-animation-open-bottom":"tooltip-module-Tooltip-animation-open-bottom-WKD5b-4-6-0","tooltip-open-bottom":"tooltip-module-tooltip-open-bottom-aJGl9-4-6-0","Tooltip-animation-close-bottom":"tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-6-0","tooltip-close-bottom":"tooltip-module-tooltip-close-bottom-eYZve-4-6-0","Tooltip-animation-open-left":"tooltip-module-Tooltip-animation-open-left-cZNy6-4-6-0","tooltip-open-left":"tooltip-module-tooltip-open-left-s3-1K-4-6-0","Tooltip-animation-close-left":"tooltip-module-Tooltip-animation-close-left-vH8jz-4-6-0","tooltip-close-left":"tooltip-module-tooltip-close-left-yNuIX-4-6-0","Tooltip-animation-open-right":"tooltip-module-Tooltip-animation-open-right-PzfHz-4-6-0","tooltip-open-right":"tooltip-module-tooltip-open-right-Ia-cr-4-6-0","Tooltip-animation-close-right":"tooltip-module-Tooltip-animation-close-right-KMa4x-4-6-0","tooltip-close-right":"tooltip-module-tooltip-close-right-yOe2m-4-6-0","Tooltip-container":"tooltip-module-Tooltip-container-iDy8C-4-6-0"};
|
|
7539
7542
|
styleInject(css_248z$M);
|
|
7540
7543
|
|
|
7541
7544
|
var Handle = /*#__PURE__*/function (_React$Component) {
|
|
@@ -8084,12 +8087,12 @@ _defineProperty$1(MultiSlider, "defaultProps", {
|
|
|
8084
8087
|
});
|
|
8085
8088
|
_defineProperty$1(MultiSlider, "Handle", MultiSliderHandle);
|
|
8086
8089
|
|
|
8087
|
-
var _excluded$
|
|
8090
|
+
var _excluded$_ = ["children", "className", "onOutsideClick"];
|
|
8088
8091
|
var OutsideClick = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
8089
8092
|
var children = props.children,
|
|
8090
8093
|
className = props.className,
|
|
8091
8094
|
onOutsideClick = props.onOutsideClick,
|
|
8092
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8095
|
+
rest = _objectWithoutProperties(props, _excluded$_);
|
|
8093
8096
|
var innerRef = React.useRef(null);
|
|
8094
8097
|
React.useImperativeHandle(ref, function () {
|
|
8095
8098
|
return innerRef.current;
|
|
@@ -8117,41 +8120,43 @@ var OutsideClick = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8117
8120
|
});
|
|
8118
8121
|
OutsideClick.displayName = 'OutsideClick';
|
|
8119
8122
|
|
|
8120
|
-
var _excluded$
|
|
8121
|
-
var Paragraph = function
|
|
8123
|
+
var _excluded$Z = ["appearance", "children", "className", "color"];
|
|
8124
|
+
var Paragraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
8122
8125
|
var appearance = props.appearance,
|
|
8123
8126
|
children = props.children,
|
|
8124
8127
|
className = props.className,
|
|
8125
8128
|
color = props.color,
|
|
8126
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8129
|
+
rest = _objectWithoutProperties(props, _excluded$Z);
|
|
8127
8130
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, textStyles.Text, true), textStyles["Text--".concat(appearance)], !color && appearance), "color-".concat(color), color), className);
|
|
8128
8131
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
8132
|
+
ref: ref,
|
|
8129
8133
|
"data-test": "DesignSystem-Paragraph"
|
|
8130
8134
|
}, rest, {
|
|
8131
8135
|
className: classes,
|
|
8132
8136
|
componentType: "p"
|
|
8133
8137
|
}), children);
|
|
8134
|
-
};
|
|
8138
|
+
});
|
|
8135
8139
|
Paragraph.displayName = 'Paragraph';
|
|
8136
8140
|
Paragraph.defaultProps = {
|
|
8137
8141
|
appearance: 'default'
|
|
8138
8142
|
};
|
|
8139
8143
|
|
|
8140
|
-
var css_248z$L = ".progressBar-module-ProgressBar-I9SrG-4-
|
|
8141
|
-
var styles$K = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-
|
|
8144
|
+
var css_248z$L = ".progressBar-module-ProgressBar-I9SrG-4-6-0 {\n width: 100%;\n border-radius: var(--spacing-m);\n background: var(--secondary-lighter);\n}\n\n.progressBar-module-ProgressBar-indicator-Wk5Cj-4-6-0 {\n background-color: var(--primary);\n border-radius: var(--spacing-m);\n transition: var(--duration--slow-01) var(--standard-expressive-curve);\n height: 100%;\n}\n\n.progressBar-module-ProgressBar-indicator--small-3qwXo-4-6-0 {\n height: var(--spacing-m);\n}\n\n.progressBar-module-ProgressBar-indicator--regular-XWwir-4-6-0 {\n height: var(--spacing);\n}\n\n.progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-6-0 {\n background-color: var(--primary);\n border-radius: var(--spacing-m);\n position: absolute;\n bottom: 0;\n top: 0;\n width: 32%;\n animation: progressBar-module-indeterminate-progress-bar-WrhBP-4-6-0 1.4s infinite linear;\n}\n\n@keyframes progressBar-module-indeterminate-progress-bar-WrhBP-4-6-0 {\n from {\n left: -32%;\n }\n to {\n left: 100%;\n }\n}\n";
|
|
8145
|
+
var styles$K = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-6-0","ProgressBar-indicator":"progressBar-module-ProgressBar-indicator-Wk5Cj-4-6-0","ProgressBar-indicator--small":"progressBar-module-ProgressBar-indicator--small-3qwXo-4-6-0","ProgressBar-indicator--regular":"progressBar-module-ProgressBar-indicator--regular-XWwir-4-6-0","ProgressBar-indicator--indeterminate":"progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-6-0","indeterminate-progress-bar":"progressBar-module-indeterminate-progress-bar-WrhBP-4-6-0"};
|
|
8142
8146
|
styleInject(css_248z$L);
|
|
8143
8147
|
|
|
8144
8148
|
var ProgressBar = function ProgressBar(props) {
|
|
8145
8149
|
var max = props.max,
|
|
8146
8150
|
value = props.value,
|
|
8147
8151
|
className = props.className,
|
|
8148
|
-
size = props.size
|
|
8152
|
+
size = props.size,
|
|
8153
|
+
state = props.state;
|
|
8149
8154
|
var baseProps = extractBaseProps(props);
|
|
8150
|
-
var style = {
|
|
8151
|
-
width: value > 0 ? "".concat(Math.min(value, max) * 100 / max, "%") : '0'
|
|
8152
|
-
};
|
|
8153
|
-
var ProgressBarClass = classnames(_defineProperty$1({}, styles$K.ProgressBar, true), className);
|
|
8154
|
-
var ProgressIndicatorClass = classnames(_defineProperty$1(_defineProperty$1(
|
|
8155
|
+
var style = state !== 'indeterminate' ? {
|
|
8156
|
+
width: value && value > 0 ? "".concat(Math.min(value, max) * 100 / max, "%") : '0'
|
|
8157
|
+
} : {};
|
|
8158
|
+
var ProgressBarClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$K.ProgressBar, true), styles$K['ProgressBar-indicator--small'], size === 'small'), styles$K['ProgressBar-indicator--regular'], size === 'regular'), 'position-relative overflow-hidden', state === 'indeterminate'), className);
|
|
8159
|
+
var ProgressIndicatorClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$K['ProgressBar-indicator'], true), styles$K['ProgressBar-indicator--indeterminate'], state === 'indeterminate'));
|
|
8155
8160
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
8156
8161
|
"data-test": "DesignSystem-ProgressBar"
|
|
8157
8162
|
}, baseProps, {
|
|
@@ -8165,14 +8170,15 @@ var ProgressBar = function ProgressBar(props) {
|
|
|
8165
8170
|
ProgressBar.displayName = 'ProgressBar';
|
|
8166
8171
|
ProgressBar.defaultProps = {
|
|
8167
8172
|
max: 100,
|
|
8168
|
-
size: 'regular'
|
|
8173
|
+
size: 'regular',
|
|
8174
|
+
state: 'default'
|
|
8169
8175
|
};
|
|
8170
8176
|
|
|
8171
|
-
var css_248z$K = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-
|
|
8172
|
-
var styles$J = {"Radio":"radio-module-Radio-sJTSN-4-
|
|
8177
|
+
var css_248z$K = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-6-0 {\n display: flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.radio-module-Radio-outerWrapper-y7yec-4-6-0 {\n position: relative;\n flex-shrink: 0;\n margin-top: var(--spacing-s);\n}\n\n.radio-module-Radio-defaultWrapper-42-VN-4-6-0 {\n border: var(--border);\n}\n\n.radio-module-Radio-errorWrapper-EIko4-4-6-0 {\n border: var(--border);\n border-color: var(--alert);\n}\n\n.radio-module-Radio-outerWrapper--regular-GAbrZ-4-6-0 {\n height: var(--spacing-2);\n width: var(--spacing-2);\n}\n\n.radio-module-Radio-outerWrapper--tiny-ICX4H-4-6-0 {\n height: var(--spacing-l);\n width: var(--spacing-l);\n}\n\n.radio-module-Radio-input-tMZXc-4-6-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-6-0 {\n padding-left: var(--spacing);\n display: flex;\n flex-direction: column;\n}\n\n.radio-module-Radio-Label-pyxfI-4-6-0 {\n display: flex;\n cursor: pointer;\n}\n\n.radio-module-Radio-wrapper-X9saa-4-6-0 {\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n position: absolute;\n border-radius: 50%;\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-6-0 {\n pointer-events: none;\n}\n\n.radio-module-Radio-sJTSN-4-6-0:hover .radio-module-Radio-wrapper-X9saa-4-6-0 {\n border: var(--spacing-xs) solid var(--secondary-dark);\n background-color: var(--secondary-lighter);\n}\n\n.radio-module-Radio-sJTSN-4-6-0:active .radio-module-Radio-wrapper-X9saa-4-6-0 {\n background-color: var(--secondary-light);\n border: var(--spacing-xs) solid var(--inverse-lightest);\n}\n\n.radio-module-Radio-sJTSN-4-6-0:hover .radio-module-Radio-errorWrapper-EIko4-4-6-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-6-0:active .radio-module-Radio-errorWrapper-EIko4-4-6-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-6-0:focus-within .radio-module-Radio-wrapper-X9saa-4-6-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n border-radius: 50%;\n}\n\n.radio-module-Radio-sJTSN-4-6-0:focus-within .radio-module-Radio-errorWrapper-EIko4-4-6-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n border-radius: 50%;\n}\n\n.radio-module-Radio-sJTSN-4-6-0:focus-within .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-6-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.radio-module-Radio-sJTSN-4-6-0:focus-within .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-6-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-6-0 .radio-module-Radio-wrapper-X9saa-4-6-0 {\n border: var(--spacing-xs) solid var(--secondary-light);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-6-0 .radio-module-Radio-errorWrapper-EIko4-4-6-0 {\n border: var(--spacing-xs) solid var(--alert-lighter);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-6-0 {\n border: var(--spacing-xs) solid var(--primary);\n}\n\n.radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-6-0 {\n border: var(--spacing-xs) solid var(--alert);\n}\n\n.radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-6-0:after {\n display: block;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.radio-module-Radio-wrapper-X9saa-4-6-0:after {\n content: '';\n display: none;\n border-radius: 50%;\n background: var(--primary);\n}\n\n.radio-module-Radio-wrapper--regular-bCOY2-4-6-0:after {\n width: var(--spacing);\n height: var(--spacing);\n}\n\n.radio-module-Radio-wrapper--tiny-V-uaD-4-6-0:after {\n width: var(--spacing-m);\n height: var(--spacing-m);\n border: var(--spacing-xs) solid var(--primary);\n}\n\n.radio-module-Radio-sJTSN-4-6-0:hover .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-6-0 {\n border: var(--spacing-xs) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-6-0:hover .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-6-0:after {\n background: var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-6-0:hover .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-6-0:after {\n border: var(--spacing-xs) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-6-0:active .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-6-0 {\n background-color: var(--secondary-light);\n border: var(--spacing-xs) solid var(--primary-darker);\n}\n\n.radio-module-Radio-sJTSN-4-6-0:hover .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-6-0 {\n background-color: var(--secondary-lighter);\n border: var(--spacing-xs) solid var(--alert-dark);\n}\n\n.radio-module-Radio-sJTSN-4-6-0:active .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-6-0 {\n background-color: var(--secondary-light);\n border: var(--spacing-xs) solid var(--alert-darker);\n}\n\n.radio-module-Radio-sJTSN-4-6-0:active .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-6-0:after {\n background: var(--primary-darker);\n}\n\n.radio-module-Radio-sJTSN-4-6-0:active .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-6-0:after {\n border: var(--spacing-xs) solid var(--primary-darker);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-6-0 .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-6-0 {\n border: var(--spacing-xs) solid var(--primary-lighter);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-6-0 .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-6-0 {\n border: var(--spacing-xs) solid var(--alert-lighter);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-6-0 .radio-module-Radio-input-tMZXc-4-6-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-6-0:after {\n background: var(--primary-lighter);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-6-0 .radio-module-Radio-input-tMZXc-4-6-0 ~ .radio-module-Radio-wrapper-X9saa-4-6-0:focus {\n box-shadow: none;\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-6-0 .radio-module-Radio-input-tMZXc-4-6-0 ~ .radio-module-Radio-errorWrapper-EIko4-4-6-0:focus {\n box-shadow: none;\n}\n";
|
|
8178
|
+
var styles$J = {"Radio":"radio-module-Radio-sJTSN-4-6-0","Radio-outerWrapper":"radio-module-Radio-outerWrapper-y7yec-4-6-0","Radio-defaultWrapper":"radio-module-Radio-defaultWrapper-42-VN-4-6-0","Radio-errorWrapper":"radio-module-Radio-errorWrapper-EIko4-4-6-0","Radio-outerWrapper--regular":"radio-module-Radio-outerWrapper--regular-GAbrZ-4-6-0","Radio-outerWrapper--tiny":"radio-module-Radio-outerWrapper--tiny-ICX4H-4-6-0","Radio-input":"radio-module-Radio-input-tMZXc-4-6-0","Radio-labelWrapper":"radio-module-Radio-labelWrapper-aPfU--4-6-0","Radio-Label":"radio-module-Radio-Label-pyxfI-4-6-0","Radio-wrapper":"radio-module-Radio-wrapper-X9saa-4-6-0","Radio--disabled":"radio-module-Radio--disabled-Mbuyd-4-6-0","Radio-wrapper--regular":"radio-module-Radio-wrapper--regular-bCOY2-4-6-0","Radio-wrapper--tiny":"radio-module-Radio-wrapper--tiny-V-uaD-4-6-0"};
|
|
8173
8179
|
styleInject(css_248z$K);
|
|
8174
8180
|
|
|
8175
|
-
var _excluded$
|
|
8181
|
+
var _excluded$Y = ["size", "label", "disabled", "onChange", "name", "value", "checked", "defaultChecked", "className", "helpText", "error"];
|
|
8176
8182
|
var Radio = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
8177
8183
|
var _props$size = props.size,
|
|
8178
8184
|
size = _props$size === void 0 ? 'regular' : _props$size,
|
|
@@ -8186,7 +8192,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
8186
8192
|
className = props.className,
|
|
8187
8193
|
helpText = props.helpText,
|
|
8188
8194
|
error = props.error,
|
|
8189
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8195
|
+
rest = _objectWithoutProperties(props, _excluded$Y);
|
|
8190
8196
|
var ref = React.useRef(null);
|
|
8191
8197
|
React.useImperativeHandle(forwardedRef, function () {
|
|
8192
8198
|
return ref.current;
|
|
@@ -8235,11 +8241,11 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
8235
8241
|
});
|
|
8236
8242
|
Radio.displayName = 'Radio';
|
|
8237
8243
|
|
|
8238
|
-
var _excluded$
|
|
8244
|
+
var _excluded$X = ["className", "children"];
|
|
8239
8245
|
var Row = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
8240
8246
|
var className = props.className,
|
|
8241
8247
|
children = props.children,
|
|
8242
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8248
|
+
rest = _objectWithoutProperties(props, _excluded$X);
|
|
8243
8249
|
var classes = classnames(_defineProperty$1({}, rowStyles.Row, true), className);
|
|
8244
8250
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
8245
8251
|
"data-test": "DesignSystem-Row",
|
|
@@ -8250,8 +8256,8 @@ var Row = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8250
8256
|
});
|
|
8251
8257
|
Row.displayName = 'Row';
|
|
8252
8258
|
|
|
8253
|
-
var css_248z$J = ".statusHint-module-StatusHint-20-9Y-4-
|
|
8254
|
-
var styles$I = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-
|
|
8259
|
+
var css_248z$J = ".statusHint-module-StatusHint-20-9Y-4-6-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-6-0 {\n flex-shrink: 0;\n border-radius: 50%;\n height: var(--spacing);\n width: var(--spacing);\n margin-right: var(--spacing);\n margin-top: var(--spacing-0-75);\n}\n\n.statusHint-module-StatusHint--alert-6GWUf-4-6-0 {\n background: var(--alert);\n}\n\n.statusHint-module-StatusHint--success-vLRLm-4-6-0 {\n background: var(--success);\n}\n\n.statusHint-module-StatusHint--warning-Go4Xc-4-6-0 {\n background: var(--warning);\n}\n\n.statusHint-module-StatusHint--info--Qb0E-4-6-0 {\n background: var(--primary);\n}\n\n.statusHint-module-StatusHint--default-XXxYB-4-6-0 {\n background: var(--secondary-light);\n}\n";
|
|
8260
|
+
var styles$I = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-6-0","StatusHint-icon":"statusHint-module-StatusHint-icon-XMbB3-4-6-0","StatusHint--alert":"statusHint-module-StatusHint--alert-6GWUf-4-6-0","StatusHint--success":"statusHint-module-StatusHint--success-vLRLm-4-6-0","StatusHint--warning":"statusHint-module-StatusHint--warning-Go4Xc-4-6-0","StatusHint--info":"statusHint-module-StatusHint--info--Qb0E-4-6-0","StatusHint--default":"statusHint-module-StatusHint--default-XXxYB-4-6-0"};
|
|
8255
8261
|
styleInject(css_248z$J);
|
|
8256
8262
|
|
|
8257
8263
|
var StatusHint = function StatusHint(props) {
|
|
@@ -8298,8 +8304,8 @@ StatusHint.defaultProps = {
|
|
|
8298
8304
|
appearance: 'default'
|
|
8299
8305
|
};
|
|
8300
8306
|
|
|
8301
|
-
var css_248z$I = ".pills-module-Pills--00hR-4-
|
|
8302
|
-
var styles$H = {"Pills":"pills-module-Pills--00hR-4-
|
|
8307
|
+
var css_248z$I = ".pills-module-Pills--00hR-4-6-0 {\n /* 160px */\n max-width: calc(var(--spacing-2) * 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-0-75);\n padding-left: var(--spacing-0-75);\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n border-radius: 20px;\n display: inline-block;\n box-sizing: border-box;\n font-weight: var(--font-weight-bold);\n cursor: default;\n}\n";
|
|
8308
|
+
var styles$H = {"Pills":"pills-module-Pills--00hR-4-6-0"};
|
|
8303
8309
|
styleInject(css_248z$I);
|
|
8304
8310
|
|
|
8305
8311
|
var Pills = function Pills(props) {
|
|
@@ -8320,8 +8326,8 @@ Pills.defaultProps = {
|
|
|
8320
8326
|
appearance: 'secondary'
|
|
8321
8327
|
};
|
|
8322
8328
|
|
|
8323
|
-
var css_248z$H = "@keyframes spinner-module-rotate--J0VK-4-
|
|
8324
|
-
var styles$G = {"Spinner":"spinner-module-Spinner-Gnrbl-4-
|
|
8329
|
+
var css_248z$H = "@keyframes spinner-module-rotate--J0VK-4-6-0 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spinner-module-spin-EtIAo-4-6-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-6-0 {\n animation: spinner-module-rotate--J0VK-4-6-0 2s linear infinite;\n}\n\n.spinner-module-Spinner--xsmall-fTG9G-4-6-0 {\n height: var(--spacing-l);\n width: var(--spacing-l);\n}\n\n.spinner-module-Spinner--small-H43c1-4-6-0 {\n height: var(--spacing-2);\n width: var(--spacing-2);\n}\n\n.spinner-module-Spinner--medium-FJ68A-4-6-0 {\n height: var(--spacing-3);\n width: var(--spacing-3);\n}\n\n.spinner-module-Spinner--large-mEm-A-4-6-0 {\n height: var(--spacing-4);\n width: var(--spacing-4);\n}\n\n.spinner-module-Circle--gSx3-4-6-0 {\n stroke-linecap: round;\n stroke-dasharray: 1 200;\n stroke-dashoffset: 0;\n animation: spinner-module-spin-EtIAo-4-6-0 1.5s ease-in-out infinite;\n}\n\n.spinner-module-Circle--primary-REY8w-4-6-0 {\n stroke: var(--primary);\n}\n\n.spinner-module-Circle--secondary-KzVQ8-4-6-0 {\n stroke: var(--secondary-dark);\n}\n\n.spinner-module-Circle--white-xc8CI-4-6-0 {\n stroke: var(--white);\n}\n";
|
|
8330
|
+
var styles$G = {"Spinner":"spinner-module-Spinner-Gnrbl-4-6-0","rotate":"spinner-module-rotate--J0VK-4-6-0","Spinner--xsmall":"spinner-module-Spinner--xsmall-fTG9G-4-6-0","Spinner--small":"spinner-module-Spinner--small-H43c1-4-6-0","Spinner--medium":"spinner-module-Spinner--medium-FJ68A-4-6-0","Spinner--large":"spinner-module-Spinner--large-mEm-A-4-6-0","Circle":"spinner-module-Circle--gSx3-4-6-0","spin":"spinner-module-spin-EtIAo-4-6-0","Circle--primary":"spinner-module-Circle--primary-REY8w-4-6-0","Circle--secondary":"spinner-module-Circle--secondary-KzVQ8-4-6-0","Circle--white":"spinner-module-Circle--white-xc8CI-4-6-0"};
|
|
8325
8331
|
styleInject(css_248z$H);
|
|
8326
8332
|
|
|
8327
8333
|
var Spinner = function Spinner(props) {
|
|
@@ -8360,13 +8366,13 @@ Spinner.defaultProps = {
|
|
|
8360
8366
|
size: 'medium'
|
|
8361
8367
|
};
|
|
8362
8368
|
|
|
8363
|
-
var _excluded$
|
|
8369
|
+
var _excluded$W = ["value", "defaultValue", "onRelease", "onChange"];
|
|
8364
8370
|
var Slider = function Slider(props) {
|
|
8365
8371
|
var valueProp = props.value,
|
|
8366
8372
|
defaultValue = props.defaultValue,
|
|
8367
8373
|
onRelease = props.onRelease,
|
|
8368
8374
|
onChange = props.onChange,
|
|
8369
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8375
|
+
rest = _objectWithoutProperties(props, _excluded$W);
|
|
8370
8376
|
var _React$useState = React.useState(valueProp === undefined ? defaultValue : valueProp),
|
|
8371
8377
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
8372
8378
|
value = _React$useState2[0],
|
|
@@ -8394,7 +8400,7 @@ Slider.defaultProps = _objectSpread2(_objectSpread2({}, MultiSlider.defaultProps
|
|
|
8394
8400
|
defaultValue: 0
|
|
8395
8401
|
});
|
|
8396
8402
|
|
|
8397
|
-
var _excluded$
|
|
8403
|
+
var _excluded$V = ["value", "defaultValue", "onChange", "onRelease"];
|
|
8398
8404
|
var RangeIndex = /*#__PURE__*/function (RangeIndex) {
|
|
8399
8405
|
RangeIndex[RangeIndex["START"] = 0] = "START";
|
|
8400
8406
|
RangeIndex[RangeIndex["END"] = 1] = "END";
|
|
@@ -8405,7 +8411,7 @@ var RangeSlider = function RangeSlider(props) {
|
|
|
8405
8411
|
defaultValue = props.defaultValue,
|
|
8406
8412
|
onChange = props.onChange,
|
|
8407
8413
|
onRelease = props.onRelease,
|
|
8408
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8414
|
+
rest = _objectWithoutProperties(props, _excluded$V);
|
|
8409
8415
|
var _React$useState = React.useState(valueProp === undefined ? defaultValue : valueProp),
|
|
8410
8416
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
8411
8417
|
value = _React$useState2[0],
|
|
@@ -8436,35 +8442,36 @@ RangeSlider.defaultProps = _objectSpread2(_objectSpread2({}, MultiSlider.default
|
|
|
8436
8442
|
defaultValue: [0, 10]
|
|
8437
8443
|
});
|
|
8438
8444
|
|
|
8439
|
-
var css_248z$G = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-
|
|
8440
|
-
var styles$F = {"Subheading":"subheading-module-Subheading-qdIJH-4-
|
|
8445
|
+
var css_248z$G = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-6-0 {\n margin: 0;\n font-weight: var(--font-weight-bolder);\n font-size: var(--spacing-l);\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-6-0 {\n color: var(--text);\n}\n\n.subheading-module-Subheading--subtle--rivS-4-6-0 {\n color: var(--text-subtle);\n}\n\n.subheading-module-Subheading--disabled-LAyqD-4-6-0 {\n color: var(--text-disabled);\n}\n\n.subheading-module-Subheading--white-Y8Awi-4-6-0 {\n color: var(--text-white);\n}\n";
|
|
8446
|
+
var styles$F = {"Subheading":"subheading-module-Subheading-qdIJH-4-6-0","Subheading--default":"subheading-module-Subheading--default-wlFtB-4-6-0","Subheading--subtle":"subheading-module-Subheading--subtle--rivS-4-6-0","Subheading--disabled":"subheading-module-Subheading--disabled-LAyqD-4-6-0","Subheading--white":"subheading-module-Subheading--white-Y8Awi-4-6-0"};
|
|
8441
8447
|
styleInject(css_248z$G);
|
|
8442
8448
|
|
|
8443
|
-
var _excluded$
|
|
8444
|
-
var Subheading = function
|
|
8449
|
+
var _excluded$U = ["appearance", "children", "className", "color"];
|
|
8450
|
+
var Subheading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
8445
8451
|
var appearance = props.appearance,
|
|
8446
8452
|
children = props.children,
|
|
8447
8453
|
className = props.className,
|
|
8448
8454
|
color = props.color,
|
|
8449
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8455
|
+
rest = _objectWithoutProperties(props, _excluded$U);
|
|
8450
8456
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$F.Subheading, true), styles$F["Subheading--".concat(appearance)], !color && appearance), "color-".concat(color), color), className);
|
|
8451
8457
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
8458
|
+
ref: ref,
|
|
8452
8459
|
"data-test": "DesignSystem-Subheading"
|
|
8453
8460
|
}, rest, {
|
|
8454
8461
|
className: classes,
|
|
8455
8462
|
componentType: 'h4'
|
|
8456
8463
|
}), children);
|
|
8457
|
-
};
|
|
8464
|
+
});
|
|
8458
8465
|
Subheading.displayName = 'Subheading';
|
|
8459
8466
|
Subheading.defaultProps = {
|
|
8460
8467
|
appearance: 'default'
|
|
8461
8468
|
};
|
|
8462
8469
|
|
|
8463
|
-
var css_248z$F = ".switch-module-Switch-QepNe-4-
|
|
8464
|
-
var styles$E = {"Switch":"switch-module-Switch-QepNe-4-
|
|
8470
|
+
var css_248z$F = ".switch-module-Switch-QepNe-4-6-0 {\n display: inline-flex;\n position: relative;\n}\n\n.switch-module-Switch--tiny-r1E6o-4-6-0 {\n height: var(--spacing-2);\n width: var(--spacing-3);\n}\n\n.switch-module-Switch--regular-ciyyD-4-6-0 {\n height: var(--spacing-xl);\n width: var(--spacing-4);\n}\n\n.switch-module-Switch--large-kX3JT-4-6-0 {\n height: var(--spacing-xl);\n width: var(--spacing-4);\n}\n\n.switch-module-Switch-input-5oT7E-4-6-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-6-0 {\n display: flex;\n align-items: center;\n line-height: 100%;\n padding: var(--spacing-s);\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-0-75);\n}\n\n.switch-module-Switch-input-5oT7E-4-6-0:focus ~ .switch-module-Switch-wrapper-btwpQ-4-6-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-6-0:focus ~ .switch-module-Switch-wrapper--checked-1oCxY-4-6-0 {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n background-color: var(--primary);\n}\n\n.switch-module-Switch-input-5oT7E-4-6-0:hover ~ .switch-module-Switch-wrapper-btwpQ-4-6-0 {\n background-color: var(--secondary);\n}\n\n.switch-module-Switch-input-5oT7E-4-6-0:hover ~ .switch-module-Switch-wrapper--checked-1oCxY-4-6-0 {\n background-color: var(--primary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-6-0:active ~ .switch-module-Switch-wrapper-btwpQ-4-6-0 {\n background-color: var(--secondary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-6-0:active ~ .switch-module-Switch-wrapper--checked-1oCxY-4-6-0 {\n background-color: var(--primary-darker);\n}\n\n.switch-module-Switch-wrapper--tiny--PBMV-4-6-0 {\n border-radius: 10px;\n}\n\n.switch-module-Switch-wrapper--regular-6j-AT-4-6-0 {\n border-radius: 34px;\n}\n\n.switch-module-Switch-wrapper--large-A8WkP-4-6-0 {\n border-radius: 34px;\n}\n\n.switch-module-Switch-wrapper-btwpQ-4-6-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: 50%;\n box-sizing: border-box;\n transition-duration: 80ms;\n}\n\n.switch-module-Switch-wrapper--checked-1oCxY-4-6-0 {\n background-color: var(--primary);\n transition: background 120ms ease;\n padding-left: var(--spacing-0-75);\n padding-right: 2px !important;\n}\n\n.switch-module-Switch-wrapper--checked-1oCxY-4-6-0:before {\n transform: translateX(100%);\n transition-duration: 80ms;\n}\n\n.switch-module-Switch--disabled-xXiea-4-6-0 {\n pointer-events: none;\n}\n\n.switch-module-Switch-wrapper--disabled-HghBP-4-6-0 {\n background-color: var(--secondary-lighter);\n}\n\n.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-6-0 {\n background-color: var(--primary-lighter);\n}\n";
|
|
8471
|
+
var styles$E = {"Switch":"switch-module-Switch-QepNe-4-6-0","Switch--tiny":"switch-module-Switch--tiny-r1E6o-4-6-0","Switch--regular":"switch-module-Switch--regular-ciyyD-4-6-0","Switch--large":"switch-module-Switch--large-kX3JT-4-6-0","Switch-input":"switch-module-Switch-input-5oT7E-4-6-0","Switch-wrapper":"switch-module-Switch-wrapper-btwpQ-4-6-0","Switch-wrapper--checked":"switch-module-Switch-wrapper--checked-1oCxY-4-6-0","Switch-wrapper--tiny":"switch-module-Switch-wrapper--tiny--PBMV-4-6-0","Switch-wrapper--regular":"switch-module-Switch-wrapper--regular-6j-AT-4-6-0","Switch-wrapper--large":"switch-module-Switch-wrapper--large-A8WkP-4-6-0","Switch--disabled":"switch-module-Switch--disabled-xXiea-4-6-0","Switch-wrapper--disabled":"switch-module-Switch-wrapper--disabled-HghBP-4-6-0","Switch-wrapper--checkedDisabled":"switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-6-0"};
|
|
8465
8472
|
styleInject(css_248z$F);
|
|
8466
8473
|
|
|
8467
|
-
var _excluded$
|
|
8474
|
+
var _excluded$T = ["size", "defaultChecked", "disabled", "onChange", "name", "value", "className", "appearance", "checked"];
|
|
8468
8475
|
/**
|
|
8469
8476
|
* ######Switch has two types:
|
|
8470
8477
|
* - [Controlled Switch](https://reactjs.org/docs/forms.html#controlled-components)
|
|
@@ -8481,7 +8488,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8481
8488
|
className = props.className;
|
|
8482
8489
|
props.appearance;
|
|
8483
8490
|
var checkedProp = props.checked,
|
|
8484
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8491
|
+
rest = _objectWithoutProperties(props, _excluded$T);
|
|
8485
8492
|
var _React$useState = React.useState(checkedProp === undefined ? defaultChecked : checkedProp),
|
|
8486
8493
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
8487
8494
|
checked = _React$useState2[0],
|
|
@@ -8516,11 +8523,11 @@ var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8516
8523
|
});
|
|
8517
8524
|
Switch.displayName = 'Switch';
|
|
8518
8525
|
|
|
8519
|
-
var css_248z$E = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-
|
|
8520
|
-
var styles$D = {"Textarea":"textarea-module-Textarea-Es1Ps-4-
|
|
8526
|
+
var css_248z$E = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-6-0 {\n min-height: var(--spacing-3);\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(--spacing-m);\n border: var(--border);\n color: var(--inverse);\n padding: var(--spacing) var(--spacing-l);\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-6-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-6-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-6-0::-ms-clear {\n display: none;\n}\n\n.textarea-module-Textarea-Es1Ps-4-6-0:focus-within {\n outline: none;\n border: var(--spacing-xs) solid var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.textarea-module-Textarea-Es1Ps-4-6-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-6-0 {\n pointer-events: none;\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n}\n\n.textarea-module-Textarea--error-gqkse-4-6-0 {\n border: var(--spacing-xs) solid var(--alert);\n}\n\n.textarea-module-Textarea--error-gqkse-4-6-0:focus-within {\n border: var(--spacing-xs) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.textarea-module-Textarea--resize-6QHWa-4-6-0 {\n resize: both;\n}\n";
|
|
8527
|
+
var styles$D = {"Textarea":"textarea-module-Textarea-Es1Ps-4-6-0","Textarea--readOnly":"textarea-module-Textarea--readOnly-mTqc8-4-6-0","Textarea--error":"textarea-module-Textarea--error-gqkse-4-6-0","Textarea--resize":"textarea-module-Textarea--resize-6QHWa-4-6-0"};
|
|
8521
8528
|
styleInject(css_248z$E);
|
|
8522
8529
|
|
|
8523
|
-
var _excluded$
|
|
8530
|
+
var _excluded$S = ["rows", "resize", "disabled", "name", "placeholder", "value", "defaultValue", "required", "error", "onChange", "onClick", "onBlur", "onFocus", "className", "readOnly"];
|
|
8524
8531
|
var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
8525
8532
|
var _props$rows = props.rows,
|
|
8526
8533
|
rows = _props$rows === void 0 ? 3 : _props$rows,
|
|
@@ -8539,7 +8546,7 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8539
8546
|
onFocus = props.onFocus,
|
|
8540
8547
|
className = props.className,
|
|
8541
8548
|
readOnly = props.readOnly,
|
|
8542
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8549
|
+
rest = _objectWithoutProperties(props, _excluded$S);
|
|
8543
8550
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$D.Textarea, true), styles$D['Textarea--resize'], resize), styles$D['Textarea--error'], error), styles$D['Textarea--readOnly'], readOnly), className);
|
|
8544
8551
|
return /*#__PURE__*/React.createElement("textarea", _extends$2({
|
|
8545
8552
|
"data-test": "DesignSystem-Textarea"
|
|
@@ -8561,8 +8568,8 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8561
8568
|
});
|
|
8562
8569
|
Textarea.displayName = 'Textarea';
|
|
8563
8570
|
|
|
8564
|
-
var css_248z$D = "/* toast */\n\n.toast-module-Toast-OpDhM-4-
|
|
8565
|
-
var styles$C = {"Toast":"toast-module-Toast-OpDhM-4-
|
|
8571
|
+
var css_248z$D = "/* toast */\n\n.toast-module-Toast-OpDhM-4-6-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(--spacing-m);\n padding-left: var(--spacing-2);\n padding-right: var(--spacing-l);\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-l);\n}\n\n.toast-module-Toast--withMessage-T8xPr-4-6-0 {\n padding-bottom: var(--spacing-2);\n}\n\n.toast-module-Toast--info-dEexw-4-6-0 {\n background-color: var(--primary);\n}\n\n.toast-module-Toast--alert-gxrp--4-6-0 {\n background-color: var(--alert);\n}\n\n.toast-module-Toast--success-gju3F-4-6-0 {\n background-color: var(--success);\n}\n\n.toast-module-Toast--warning-ELr9r-4-6-0 {\n background-color: var(--warning);\n}\n\n.toast-module-Toast--warning-ELr9r-4-6-0 {\n color: var(--text);\n}\n\n.toast-module-Toast-icon-RrG2q-4-6-0 {\n line-height: var(--font-height-m);\n}\n\n.toast-module-Toast-icon--left-dAfZv-4-6-0 {\n margin-right: var(--spacing-2);\n}\n\n.toast-module-Toast-icon--right--8Qmt-4-6-0 {\n cursor: pointer;\n margin-left: var(--spacing-l);\n border-radius: 50%;\n display: flex;\n align-items: center;\n padding-right: var(--spacing-m);\n padding-left: var(--spacing-m);\n height: var(--spacing-xl);\n box-sizing: initial;\n}\n\n.toast-module-Toast-icon--info-zE2SA-4-6-0,\n.toast-module-Toast-icon--success-SOr0z-4-6-0,\n.toast-module-Toast-icon--alert-TS0aE-4-6-0,\n.toast-module-Toast-icon--default-HsZ-7-4-6-0 {\n color: var(--text-white);\n}\n\n.toast-module-Toast-icon--warning-47OGV-4-6-0 {\n color: var(--warning-darker);\n}\n\n.toast-module-Toast-close-icon--warning-nuh9s-4-6-0:focus,\n.toast-module-Toast-close-icon--warning-nuh9s-4-6-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-6-0:hover,\n.toast-module-Toast-close-icon--warning-nuh9s-4-6-0:active {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-close-icon--success-fXEEm-4-6-0:focus,\n.toast-module-Toast-close-icon--success-fXEEm-4-6-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-6-0:hover,\n.toast-module-Toast-close-icon--success-fXEEm-4-6-0:active {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-close-icon--info-0vDSQ-4-6-0:focus,\n.toast-module-Toast-close-icon--info-0vDSQ-4-6-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-6-0:hover,\n.toast-module-Toast-close-icon--info-0vDSQ-4-6-0:active {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-close-icon--alert-cq8I3-4-6-0:focus,\n.toast-module-Toast-close-icon--alert-cq8I3-4-6-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-6-0:hover,\n.toast-module-Toast-close-icon--alert-cq8I3-4-6-0:active {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-body--5KGi-4-6-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.toast-module-Toast-title-4cVcs-4-6-0 {\n display: flex;\n}\n\n.toast-module-Toast-heading-BOc6U-4-6-0 {\n flex-grow: 1;\n}\n\n.toast-module-Toast-text-pwhPD-4-6-0 {\n padding-top: var(--spacing);\n}\n\n.toast-module-Toast-text--warning-J4ygg-4-6-0,\n.toast-module-Toast-heading--warning-sybsC-4-6-0 {\n color: var(--warning-darker) !important;\n}\n\n.toast-module-Toast-actions-3qfv--4-6-0 {\n display: flex;\n padding-top: var(--spacing-l);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-6-0 {\n color: var(--text-white);\n border-radius: var(--spacing-m);\n margin-right: var(--spacing);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-6-0:last-child {\n margin-right: 0;\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-6-0 {\n background: var(--inverse-light);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-6-0:hover,\n.toast-module-Toast-actionButton--default-UVS4L-4-6-0:active {\n background: var(--inverse);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-6-0:focus {\n box-shadow: var(--shadow-spread) rgba(112, 112, 112, 0.16);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-6-0 {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-6-0:hover,\n.toast-module-Toast-actionButton--info-MLC4o-4-6-0:active {\n background: var(--primary-darker);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-6-0:focus {\n box-shadow: var(--shadow-spread) rgba(0, 80, 159, 0.16);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-6-0 {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-6-0:hover,\n.toast-module-Toast-actionButton--success-vppAH-4-6-0:active {\n background: var(--success-darker);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-6-0:focus {\n box-shadow: var(--shadow-spread) rgba(34, 121, 52, 0.16);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-6-0 {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-6-0:hover,\n.toast-module-Toast-actionButton--alert-VMKO0-4-6-0:active {\n background: var(--alert-darker);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-6-0 {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-6-0:hover,\n.toast-module-Toast-actionButton--warning-GNDkx-4-6-0:active {\n background: var(--warning-darker);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--warning-shadow);\n}\n";
|
|
8572
|
+
var styles$C = {"Toast":"toast-module-Toast-OpDhM-4-6-0","Toast--withMessage":"toast-module-Toast--withMessage-T8xPr-4-6-0","Toast--info":"toast-module-Toast--info-dEexw-4-6-0","Toast--alert":"toast-module-Toast--alert-gxrp--4-6-0","Toast--success":"toast-module-Toast--success-gju3F-4-6-0","Toast--warning":"toast-module-Toast--warning-ELr9r-4-6-0","Toast-icon":"toast-module-Toast-icon-RrG2q-4-6-0","Toast-icon--left":"toast-module-Toast-icon--left-dAfZv-4-6-0","Toast-icon--right":"toast-module-Toast-icon--right--8Qmt-4-6-0","Toast-icon--info":"toast-module-Toast-icon--info-zE2SA-4-6-0","Toast-icon--success":"toast-module-Toast-icon--success-SOr0z-4-6-0","Toast-icon--alert":"toast-module-Toast-icon--alert-TS0aE-4-6-0","Toast-icon--default":"toast-module-Toast-icon--default-HsZ-7-4-6-0","Toast-icon--warning":"toast-module-Toast-icon--warning-47OGV-4-6-0","Toast-close-icon--warning":"toast-module-Toast-close-icon--warning-nuh9s-4-6-0","Toast-close-icon--success":"toast-module-Toast-close-icon--success-fXEEm-4-6-0","Toast-close-icon--info":"toast-module-Toast-close-icon--info-0vDSQ-4-6-0","Toast-close-icon--alert":"toast-module-Toast-close-icon--alert-cq8I3-4-6-0","Toast-body":"toast-module-Toast-body--5KGi-4-6-0","Toast-title":"toast-module-Toast-title-4cVcs-4-6-0","Toast-heading":"toast-module-Toast-heading-BOc6U-4-6-0","Toast-text":"toast-module-Toast-text-pwhPD-4-6-0","Toast-text--warning":"toast-module-Toast-text--warning-J4ygg-4-6-0","Toast-heading--warning":"toast-module-Toast-heading--warning-sybsC-4-6-0","Toast-actions":"toast-module-Toast-actions-3qfv--4-6-0","Toast-actionButton":"toast-module-Toast-actionButton-lfdEz-4-6-0","Toast-actionButton--default":"toast-module-Toast-actionButton--default-UVS4L-4-6-0","Toast-actionButton--info":"toast-module-Toast-actionButton--info-MLC4o-4-6-0","Toast-actionButton--success":"toast-module-Toast-actionButton--success-vppAH-4-6-0","Toast-actionButton--alert":"toast-module-Toast-actionButton--alert-VMKO0-4-6-0","Toast-actionButton--warning":"toast-module-Toast-actionButton--warning-GNDkx-4-6-0"};
|
|
8566
8573
|
styleInject(css_248z$D);
|
|
8567
8574
|
|
|
8568
8575
|
var ActionButton = function ActionButton(props) {
|
|
@@ -14059,11 +14066,11 @@ _defineProperty$1(PopperWrapper, "defaultProps", {
|
|
|
14059
14066
|
disabled: false
|
|
14060
14067
|
});
|
|
14061
14068
|
|
|
14062
|
-
var css_248z$C = ".popover-module-Popover-34Ge0-4-
|
|
14063
|
-
var styles$B = {"Popover":"popover-module-Popover-34Ge0-4-
|
|
14069
|
+
var css_248z$C = ".popover-module-Popover-34Ge0-4-6-0 {\n border-radius: var(--spacing-m);\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-6-0 {\n background: var(--inverse);\n color: var(--white);\n}\n\n.popover-module-Popover-34Ge0-4-6-0[data-hide='true'] {\n visibility: hidden;\n pointer-events: none;\n}\n\n@keyframes popover-module-popper-fade-in-pghyg-4-6-0 {\n 0% {\n opacity: 0;\n }\n 80% {\n opacity: var(--opacity-6);\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
14070
|
+
var styles$B = {"Popover":"popover-module-Popover-34Ge0-4-6-0","Popover--dark":"popover-module-Popover--dark-LYp8P-4-6-0","popper-fade-in":"popover-module-popper-fade-in-pghyg-4-6-0"};
|
|
14064
14071
|
styleInject(css_248z$C);
|
|
14065
14072
|
|
|
14066
|
-
var _excluded$
|
|
14073
|
+
var _excluded$R = ["position", "customStyle", "dark", "children", "onToggle", "className", "hideOnReferenceEscape", "boundaryElement", "name"];
|
|
14067
14074
|
var propsList = ['appendToBody', 'trigger', 'hoverable', 'on', 'open', 'closeOnBackdropClick', 'offset', 'closeOnScroll'];
|
|
14068
14075
|
var Popover = function Popover(props) {
|
|
14069
14076
|
var position = props.position,
|
|
@@ -14076,7 +14083,7 @@ var Popover = function Popover(props) {
|
|
|
14076
14083
|
_props$boundaryElemen = props.boundaryElement,
|
|
14077
14084
|
boundaryElement = _props$boundaryElemen === void 0 ? document.body : _props$boundaryElemen,
|
|
14078
14085
|
name = props.name,
|
|
14079
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
14086
|
+
rest = _objectWithoutProperties(props, _excluded$R);
|
|
14080
14087
|
var _React$useState = React.useState(!!props.open),
|
|
14081
14088
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
14082
14089
|
open = _React$useState2[0],
|
|
@@ -14124,11 +14131,11 @@ Popover.defaultProps = Object.assign({}, filterProps(PopperWrapper.defaultProps,
|
|
|
14124
14131
|
customStyle: {}
|
|
14125
14132
|
});
|
|
14126
14133
|
|
|
14127
|
-
var css_248z$B = ".chipInput-module-ChipInput-EQQlO-4-
|
|
14128
|
-
var styles$A = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-
|
|
14134
|
+
var css_248z$B = ".chipInput-module-ChipInput-EQQlO-4-6-0 {\n display: flex;\n border-radius: var(--spacing-m);\n box-shadow: inset 0 0 0 var(--spacing-xs) 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-6-0:focus,\n.chipInput-module-ChipInput-EQQlO-4-6-0:focus-visible {\n outline: var(--spacing-xs) var(--primary);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-6-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-6-0:focus-within {\n box-shadow: inset 0 0 0 var(--spacing-xs) var(--primary);\n background: var(--white);\n}\n\n.chipInput-module-ChipInput--disabled-Qa6ok-4-6-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-6-0 {\n padding-right: var(--spacing);\n}\n\n.chipInput-module-ChipInput--error-q8y-4-4-6-0,\n.chipInput-module-ChipInput--error-q8y-4-4-6-0:focus-within {\n box-shadow: inset 0 0 0 var(--spacing-xs) var(--alert);\n}\n\n.chipInput-module-ChipInput-wrapper-NzLiD-4-6-0 {\n display: flex;\n flex: 100%;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.chipInput-module-ChipInput-border-wempH-4-6-0:focus-within {\n border-radius: var(--spacing-m);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.chipInput-module-ChipInput-border--error-lX1Mm-4-6-0:focus-within {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.chipInput-module-ChipInput-input-ddUDt-4-6-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-xl);\n margin-top: var(--spacing-m);\n margin-bottom: var(--spacing-m);\n font-family: var(--font-family);\n font-size: var(--font-size);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-6-0:hover .chipInput-module-ChipInput-input-ddUDt-4-6-0 {\n background: var(--secondary-lighter);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-6-0:focus-within .chipInput-module-ChipInput-input-ddUDt-4-6-0 {\n background: var(--white);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-6-0 {\n height: var(--spacing-2);\n padding: var(--spacing-s);\n margin-left: var(--spacing);\n margin-top: var(--spacing-0-75);\n cursor: pointer;\n border-radius: 10px;\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-6-0:hover {\n background-color: var(--secondary);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-6-0:active {\n background-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-6-0:focus,\n.chipInput-module-ChipInput-icon-HQ7c4-4-6-0:focus-visible {\n outline: var(--spacing-s) solid var(--secondary-shadow);\n}\n";
|
|
14135
|
+
var styles$A = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-6-0","ChipInput--disabled":"chipInput-module-ChipInput--disabled-Qa6ok-4-6-0","ChipInput--withChips":"chipInput-module-ChipInput--withChips-svi7y-4-6-0","ChipInput--error":"chipInput-module-ChipInput--error-q8y-4-4-6-0","ChipInput-wrapper":"chipInput-module-ChipInput-wrapper-NzLiD-4-6-0","ChipInput-border":"chipInput-module-ChipInput-border-wempH-4-6-0","ChipInput-border--error":"chipInput-module-ChipInput-border--error-lX1Mm-4-6-0","ChipInput-input":"chipInput-module-ChipInput-input-ddUDt-4-6-0","ChipInput-icon":"chipInput-module-ChipInput-icon-HQ7c4-4-6-0"};
|
|
14129
14136
|
styleInject(css_248z$B);
|
|
14130
14137
|
|
|
14131
|
-
var _excluded$
|
|
14138
|
+
var _excluded$Q = ["type", "onClick"];
|
|
14132
14139
|
var keyCodes$1 = {
|
|
14133
14140
|
BACKSPACE: 'Backspace',
|
|
14134
14141
|
DELETE: 'Delete',
|
|
@@ -14146,7 +14153,8 @@ var ChipInput = function ChipInput(props) {
|
|
|
14146
14153
|
autoFocus = props.autoFocus,
|
|
14147
14154
|
onChange = props.onChange,
|
|
14148
14155
|
onBlur = props.onBlur,
|
|
14149
|
-
onFocus = props.onFocus
|
|
14156
|
+
onFocus = props.onFocus,
|
|
14157
|
+
chipValidator = props.chipValidator;
|
|
14150
14158
|
var inputRef = /*#__PURE__*/React.createRef();
|
|
14151
14159
|
var customRef = React.useRef();
|
|
14152
14160
|
var _React$useState = React.useState(value || defaultValue),
|
|
@@ -14185,6 +14193,9 @@ var ChipInput = function ChipInput(props) {
|
|
|
14185
14193
|
var onChipAddHandler = function onChipAddHandler() {
|
|
14186
14194
|
if (!inputValue) return;
|
|
14187
14195
|
var chip = inputValue.trim();
|
|
14196
|
+
if (chipValidator && !chipValidator(chip)) {
|
|
14197
|
+
return;
|
|
14198
|
+
}
|
|
14188
14199
|
if ((allowDuplicates || chips.indexOf(chip) === -1) && chip) {
|
|
14189
14200
|
var updatedChips = [].concat(_toConsumableArray(chips), [chip]);
|
|
14190
14201
|
if (!value) {
|
|
@@ -14240,7 +14251,7 @@ var ChipInput = function ChipInput(props) {
|
|
|
14240
14251
|
var _chipOptions$type = chipOptions.type,
|
|
14241
14252
|
type = _chipOptions$type === void 0 ? 'input' : _chipOptions$type,
|
|
14242
14253
|
_onClick = chipOptions.onClick,
|
|
14243
|
-
rest = _objectWithoutProperties(chipOptions, _excluded$
|
|
14254
|
+
rest = _objectWithoutProperties(chipOptions, _excluded$Q);
|
|
14244
14255
|
return /*#__PURE__*/React.createElement(Chip, _extends$2({
|
|
14245
14256
|
"data-test": "DesignSystem-ChipInput--Chip",
|
|
14246
14257
|
label: chip,
|
|
@@ -14362,8 +14373,8 @@ var getNavItemColor = function getNavItemColor(isActive, disabled) {
|
|
|
14362
14373
|
return disabled ? 'inverse-lightest' : isActive ? 'primary-dark' : 'inverse';
|
|
14363
14374
|
};
|
|
14364
14375
|
|
|
14365
|
-
var css_248z$A = ".verticalNav-module-VerticalNav-Dmfut-4-
|
|
14366
|
-
var styles$z = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-
|
|
14376
|
+
var css_248z$A = ".verticalNav-module-VerticalNav-Dmfut-4-6-0 {\n display: inline-flex;\n flex-direction: column;\n}\n\n.verticalNav-module-VerticalNav--expanded-YioJV-4-6-0 {\n width: 240px;\n}\n\n.verticalNav-module-VerticalNav-section-LKy0d-4-6-0 {\n text-transform: uppercase;\n padding-left: var(--spacing-2);\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-0-75);\n margin-top: var(--spacing);\n}\n\n.verticalNav-module-VerticalNav-section--border-II3bk-4-6-0 {\n border-top: var(--spacing-xs) solid var(--secondary-light);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-6-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-6-0 {\n height: var(--spacing-3);\n padding-right: var(--spacing-l);\n padding-left: var(--spacing-l);\n border-radius: var(--spacing-2);\n margin: 0 var(--spacing-xs);\n}\n\n.verticalNav-module-MenuItem--vertical-KTu0E-4-6-0 {\n margin-top: var(--spacing-m);\n margin-bottom: var(--spacing-m);\n}\n\n.verticalNav-module-MenuItem--collapsed-ksvh1-4-6-0 {\n height: 28px;\n width: 28px;\n margin-left: 10px;\n margin-right: 10px;\n justify-content: center;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.verticalNav-module-MenuItem--expanded-CNuEg-4-6-0 {\n padding-left: var(--spacing-2);\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n margin-right: var(--spacing);\n justify-content: space-between;\n border-radius: 0px var(--spacing-2) var(--spacing-2) 0px;\n}\n\n.verticalNav-module-MenuItem--disabled-UwXL1-4-6-0 {\n pointer-events: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-6-0:hover {\n background: var(--secondary);\n text-decoration: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-6-0:active {\n background: var(--secondary-dark);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.verticalNav-module-MenuItem--disabled-UwXL1-4-6-0:focus {\n box-shadow: none;\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-6-0 {\n background: var(--primary-lightest);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-6-0:hover {\n background: var(--primary-lighter);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-6-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-6-0:active .verticalNav-module-MenuItem-Text-5dxj5-4-6-0 {\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.verticalNav-module-MenuItem--rounded-7Cz5E-4-6-0 {\n border-radius: var(--spacing-2);\n}\n\n.verticalNav-module-MenuItem--subMenu-ZHEdU-4-6-0 {\n padding-left: 40px;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-6-0 .verticalNav-module-Text-pcT-x-4-6-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem--overflow-RfJ7G-4-6-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem-count-hxliH-4-6-0 {\n margin-right: var(--spacing-m);\n}\n\n.verticalNav-module-MenuItem-count--disabled-2tJFi-4-6-0 {\n opacity: var(--opacity-10);\n color: var(--text);\n}\n";
|
|
14377
|
+
var styles$z = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-6-0","VerticalNav--expanded":"verticalNav-module-VerticalNav--expanded-YioJV-4-6-0","VerticalNav-section":"verticalNav-module-VerticalNav-section-LKy0d-4-6-0","VerticalNav-section--border":"verticalNav-module-VerticalNav-section--border-II3bk-4-6-0","MenuItem":"verticalNav-module-MenuItem-tqOuM-4-6-0","MenuItem--horizontal":"verticalNav-module-MenuItem--horizontal-HqCw4-4-6-0","MenuItem--vertical":"verticalNav-module-MenuItem--vertical-KTu0E-4-6-0","MenuItem--collapsed":"verticalNav-module-MenuItem--collapsed-ksvh1-4-6-0","MenuItem--expanded":"verticalNav-module-MenuItem--expanded-CNuEg-4-6-0","MenuItem--disabled":"verticalNav-module-MenuItem--disabled-UwXL1-4-6-0","MenuItem--active":"verticalNav-module-MenuItem--active-ocJoe-4-6-0","MenuItem-Text":"verticalNav-module-MenuItem-Text-5dxj5-4-6-0","MenuItem--rounded":"verticalNav-module-MenuItem--rounded-7Cz5E-4-6-0","MenuItem--subMenu":"verticalNav-module-MenuItem--subMenu-ZHEdU-4-6-0","Text":"verticalNav-module-Text-pcT-x-4-6-0","MenuItem--overflow":"verticalNav-module-MenuItem--overflow-RfJ7G-4-6-0","MenuItem-count":"verticalNav-module-MenuItem-count-hxliH-4-6-0","MenuItem-count--disabled":"verticalNav-module-MenuItem-count--disabled-2tJFi-4-6-0"};
|
|
14367
14378
|
styleInject(css_248z$A);
|
|
14368
14379
|
|
|
14369
14380
|
var _MenuIcon = function MenuIcon(props) {
|
|
@@ -14615,8 +14626,8 @@ VerticalNav.defaultProps = {
|
|
|
14615
14626
|
showTooltip: false
|
|
14616
14627
|
};
|
|
14617
14628
|
|
|
14618
|
-
var css_248z$z = ".horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
14619
|
-
var styles$y = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
14629
|
+
var css_248z$z = ".horizontalNav-module-HorizontalNav-TaKHt-4-6-0 {\n display: flex;\n}\n\n.horizontalNav-module-HorizontalNav-menu-hc7-x-4-6-0 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n cursor: pointer;\n height: var(--spacing-3);\n padding-right: var(--spacing-l);\n padding-left: var(--spacing-l);\n border-radius: var(--spacing-2);\n margin: 0 var(--spacing-xs);\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-6-0 {\n pointer-events: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-6-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-6-0:focus {\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-6-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-6-0:hover {\n background-color: var(--secondary);\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-6-0:active {\n background-color: var(--secondary-dark);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-6-0 {\n background-color: var(--primary-lightest);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-6-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-6-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-6-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-6-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-6-0:active .horizontalNav-module-HorizontalNav-menuText-hlHtx-4-6-0 {\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menuText-hlHtx-4-6-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-6-0,\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-6-0 {\n transition-delay: var(--duration--fast-02);\n}\n\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-6-0 {\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.horizontalNav-module-HorizontalNav-pills-Ko7S--4-6-0 {\n margin-right: var(--spacing-m);\n}\n\n.horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-6-0 {\n opacity: var(--opacity-10);\n}\n";
|
|
14630
|
+
var styles$y = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-6-0","HorizontalNav-menu":"horizontalNav-module-HorizontalNav-menu-hc7-x-4-6-0","HorizontalNav-menu--disabled":"horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-6-0","HorizontalNav-menu--default":"horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-6-0","HorizontalNav-menu--active":"horizontalNav-module-HorizontalNav-menu--active-LO21D-4-6-0","HorizontalNav-menuText":"horizontalNav-module-HorizontalNav-menuText-hlHtx-4-6-0","HorizontalNav-animate":"horizontalNav-module-HorizontalNav-animate-HJvL2-4-6-0","HorizontalNav-pills":"horizontalNav-module-HorizontalNav-pills-Ko7S--4-6-0","HorizontalNav-pills--disabled":"horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-6-0"};
|
|
14620
14631
|
styleInject(css_248z$z);
|
|
14621
14632
|
|
|
14622
14633
|
var HorizontalNav = function HorizontalNav(props) {
|
|
@@ -14692,7 +14703,7 @@ var HorizontalNav = function HorizontalNav(props) {
|
|
|
14692
14703
|
}), list);
|
|
14693
14704
|
};
|
|
14694
14705
|
|
|
14695
|
-
var _excluded$
|
|
14706
|
+
var _excluded$P = ["children", "tooltip", "showTooltip", "showOnTruncation", "elementRef", "className"];
|
|
14696
14707
|
var tooltipPropsList = ['trigger', 'on', 'open', 'offset', 'onToggle', 'dark', 'customStyle', 'closeOnBackdropClick', 'hideOnReferenceEscape', 'closeOnScroll'];
|
|
14697
14708
|
var positionValue = {
|
|
14698
14709
|
bottom: 'bottom',
|
|
@@ -14716,7 +14727,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
14716
14727
|
showOnTruncation = props.showOnTruncation,
|
|
14717
14728
|
elementRef = props.elementRef,
|
|
14718
14729
|
className = props.className,
|
|
14719
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
14730
|
+
rest = _objectWithoutProperties(props, _excluded$P);
|
|
14720
14731
|
var childrenRef = React.useRef(null);
|
|
14721
14732
|
var _React$useState = React.useState(false),
|
|
14722
14733
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
@@ -14827,11 +14838,11 @@ Dialog.defaultProps = {
|
|
|
14827
14838
|
secondaryButtonAppearance: 'basic'
|
|
14828
14839
|
};
|
|
14829
14840
|
|
|
14830
|
-
var css_248z$y = ".overlay-module-OverlayHeader-X75uk-4-
|
|
14831
|
-
var styles$x = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-
|
|
14841
|
+
var css_248z$y = ".overlay-module-OverlayHeader-X75uk-4-6-0 {\n box-sizing: border-box;\n margin-left: var(--spacing-xl);\n}\n\n.overlay-module-OverlayHeader--withBackButton-P8Z6f-4-6-0 {\n margin-left: var(--spacing-2);\n}\n\n.overlay-module-OverlayHeader-headerWrapper-wDTqn-4-6-0 {\n display: flex;\n align-items: center;\n}\n\n.overlay-module-OverlayHeader-subheading-HGK3Q-4-6-0 {\n margin-top: var(--spacing-s);\n}\n\n.overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-6-0 {\n margin-left: var(--spacing);\n}\n\n.overlay-module-OverlayBody-0aiqy-4-6-0 {\n overflow-y: auto;\n}\n\n.overlay-module-Overlay-body--stickFooter-9u7pt-4-6-0 {\n margin-bottom: 80px;\n}\n\n.overlay-module-OverlayFooter-0Ne3i-4-6-0 {\n display: flex;\n align-items: center;\n width: 100%;\n box-sizing: border-box;\n padding-left: var(--spacing-xl);\n padding-right: var(--spacing-xl);\n}\n";
|
|
14842
|
+
var styles$x = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-6-0","OverlayHeader--withBackButton":"overlay-module-OverlayHeader--withBackButton-P8Z6f-4-6-0","OverlayHeader-headerWrapper":"overlay-module-OverlayHeader-headerWrapper-wDTqn-4-6-0","OverlayHeader-subheading":"overlay-module-OverlayHeader-subheading-HGK3Q-4-6-0","OverlayHeader-subheading--withBackButton":"overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-6-0","OverlayBody":"overlay-module-OverlayBody-0aiqy-4-6-0","Overlay-body--stickFooter":"overlay-module-Overlay-body--stickFooter-9u7pt-4-6-0","OverlayFooter":"overlay-module-OverlayFooter-0Ne3i-4-6-0"};
|
|
14832
14843
|
styleInject(css_248z$y);
|
|
14833
14844
|
|
|
14834
|
-
var _excluded$
|
|
14845
|
+
var _excluded$O = ["label"];
|
|
14835
14846
|
var OverlayFooter = function OverlayFooter(props) {
|
|
14836
14847
|
var open = props.open,
|
|
14837
14848
|
className = props.className,
|
|
@@ -14863,7 +14874,7 @@ var OverlayFooter = function OverlayFooter(props) {
|
|
|
14863
14874
|
className: classes
|
|
14864
14875
|
}), actions.map(function (_ref, index) {
|
|
14865
14876
|
_ref.label;
|
|
14866
|
-
var options = _objectWithoutProperties(_ref, _excluded$
|
|
14877
|
+
var options = _objectWithoutProperties(_ref, _excluded$O);
|
|
14867
14878
|
return /*#__PURE__*/React.createElement(Button, _extends$2({
|
|
14868
14879
|
type: "button"
|
|
14869
14880
|
}, options, {
|
|
@@ -15009,8 +15020,8 @@ var OverlayManager = /*#__PURE__*/function () {
|
|
|
15009
15020
|
var instance = new OverlayManager();
|
|
15010
15021
|
Object.freeze(instance);
|
|
15011
15022
|
|
|
15012
|
-
var css_248z$x = "@keyframes modal-module-modal-open-XetuH-4-
|
|
15013
|
-
var styles$w = {"Modal":"modal-module-Modal-jy6BE-4-
|
|
15023
|
+
var css_248z$x = "@keyframes modal-module-modal-open-XetuH-4-6-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-6-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-6-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(--spacing);\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-6-0 {\n display: flex;\n}\n\n.modal-module-Modal-animation--open-GPVLI-4-6-0 {\n animation: modal-module-modal-open-XetuH-4-6-0 var(--duration--moderate-02) var(--entrance-expressive-curve);\n}\n\n.modal-module-Modal-animation--close-re3FT-4-6-0 {\n animation: modal-module-modal-close-6bwSt-4-6-0 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n\n.modal-module-Modal-header-fdaxo-4-6-0 {\n display: flex;\n justify-content: flex-start;\n padding-top: var(--spacing-2);\n padding-bottom: var(--spacing-l);\n padding-right: var(--spacing-2);\n}\n\n.modal-module-Modal-header--withSeperator-JuBGt-4-6-0 {\n border-bottom: var(--border);\n}\n\n.modal-module-Modal-description-yJzzp-4-6-0 {\n padding: var(--spacing) 0;\n}\n\n.modal-module-Modal-footer-njNb3-4-6-0 {\n padding-top: var(--spacing-xl);\n padding-bottom: var(--spacing-xl);\n justify-content: flex-end;\n position: absolute;\n bottom: 0;\n}\n\n.modal-module-Modal-footer--withSeperator-E6Dfh-4-6-0 {\n border-top: var(--border);\n}\n\n.modal-module-Modal-body-kEuY3-4-6-0 {\n padding: 0 var(--spacing-xl);\n}\n\n.modal-module-Modal-body--withMargin-QJGL1-4-6-0 {\n margin-bottom: 80px;\n}\n\n.modal-module-Modal-body--withPadding-sX2cE-4-6-0 {\n padding-bottom: var(--spacing-2);\n}\n";
|
|
15024
|
+
var styles$w = {"Modal":"modal-module-Modal-jy6BE-4-6-0","Modal--open":"modal-module-Modal--open-pEOMN-4-6-0","Modal-animation--open":"modal-module-Modal-animation--open-GPVLI-4-6-0","modal-open":"modal-module-modal-open-XetuH-4-6-0","Modal-animation--close":"modal-module-Modal-animation--close-re3FT-4-6-0","modal-close":"modal-module-modal-close-6bwSt-4-6-0","Modal-header":"modal-module-Modal-header-fdaxo-4-6-0","Modal-header--withSeperator":"modal-module-Modal-header--withSeperator-JuBGt-4-6-0","Modal-description":"modal-module-Modal-description-yJzzp-4-6-0","Modal-footer":"modal-module-Modal-footer-njNb3-4-6-0","Modal-footer--withSeperator":"modal-module-Modal-footer--withSeperator-E6Dfh-4-6-0","Modal-body":"modal-module-Modal-body-kEuY3-4-6-0","Modal-body--withMargin":"modal-module-Modal-body--withMargin-QJGL1-4-6-0","Modal-body--withPadding":"modal-module-Modal-body--withPadding-sX2cE-4-6-0"};
|
|
15014
15025
|
styleInject(css_248z$x);
|
|
15015
15026
|
|
|
15016
15027
|
/**
|
|
@@ -15272,8 +15283,8 @@ var ModalFooter = function ModalFooter(props) {
|
|
|
15272
15283
|
};
|
|
15273
15284
|
ModalFooter.displayName = 'ModalFooter';
|
|
15274
15285
|
|
|
15275
|
-
var css_248z$w = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-
|
|
15276
|
-
var styles$v = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-
|
|
15286
|
+
var css_248z$w = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-6-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-6-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-6-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-4);\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-6-0 {\n animation: fullscreenModal-module-fullscreenModal-open-62v3L-4-6-0 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-6-0 {\n animation: fullscreenModal-module-fullscreenModal-close-7gVSl-4-6-0 120ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-header-sDsnU-4-6-0 {\n display: flex;\n justify-content: flex-start;\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-l);\n padding-right: var(--spacing-l);\n}\n\n.fullscreenModal-module-FullscreenModal-footer-iQzjY-4-6-0 {\n justify-content: flex-end;\n padding-top: var(--spacing-2);\n padding-bottom: var(--spacing-2);\n}\n\n.fullscreenModal-module-FullscreenModal-body-7vbJl-4-6-0 {\n padding: var(--spacing-2) var(--spacing-xl);\n}\n";
|
|
15287
|
+
var styles$v = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-6-0","FullscreenModal-animation--open":"fullscreenModal-module-FullscreenModal-animation--open--3N-S-4-6-0","fullscreenModal-open":"fullscreenModal-module-fullscreenModal-open-62v3L-4-6-0","FullscreenModal-animation--close":"fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-6-0","fullscreenModal-close":"fullscreenModal-module-fullscreenModal-close-7gVSl-4-6-0","FullscreenModal-header":"fullscreenModal-module-FullscreenModal-header-sDsnU-4-6-0","FullscreenModal-footer":"fullscreenModal-module-FullscreenModal-footer-iQzjY-4-6-0","FullscreenModal-body":"fullscreenModal-module-FullscreenModal-body-7vbJl-4-6-0"};
|
|
15277
15288
|
styleInject(css_248z$w);
|
|
15278
15289
|
|
|
15279
15290
|
var FullscreenModal = /*#__PURE__*/function (_React$Component) {
|
|
@@ -15437,8 +15448,8 @@ _defineProperty$1(FullscreenModal, "defaultProps", {
|
|
|
15437
15448
|
dimension: 'medium'
|
|
15438
15449
|
});
|
|
15439
15450
|
|
|
15440
|
-
var css_248z$v = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-
|
|
15441
|
-
var styles$u = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-
|
|
15451
|
+
var css_248z$v = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-6-0 {\n from {\n right: -100%;\n }\n to {\n right: 0;\n }\n}\n\n@keyframes sidesheet-module-sidesheet-close-iHEhI-4-6-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-6-0 {\n from {\n transform: translateX(calc(-1 * var(--spacing-3)));\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes sidesheet-module-shift-left-spacing-3-6M1aJ-4-6-0 {\n from {\n transform: translateX(var(--spacing-3));\n }\n to {\n transform: translateX(0);\n }\n}\n\n.sidesheet-module-Sidesheet-NOxgD-4-6-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-6-0 {\n visibility: visible;\n}\n\n.sidesheet-module-Sidesheet-animation--open-J-A5h-4-6-0 {\n animation: sidesheet-module-sidesheet-open-8Xjl--4-6-0 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.sidesheet-module-Sidesheet-animation--close-hu-c0-4-6-0 {\n animation: sidesheet-module-sidesheet-close-iHEhI-4-6-0 120ms cubic-bezier(0.4, 0.14, 1, 1);\n animation-fill-mode: forwards;\n}\n\n.sidesheet-module-Sidesheet-header--NeWW-4-6-0 {\n display: flex;\n justify-content: flex-start;\n padding-top: var(--spacing-2);\n padding-bottom: var(--spacing-l);\n padding-right: var(--spacing-2);\n}\n\n.sidesheet-module-Sidesheet-header--withSeperator-NT81x-4-6-0 {\n border-bottom: var(--spacing-xs) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-body-M4-ag-4-6-0 {\n padding: 0 var(--spacing-xl);\n}\n\n.sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-6-0 {\n margin-bottom: 80px;\n}\n\n.sidesheet-module-Sidesheet-footer-PXjKf-4-6-0 {\n padding-top: var(--spacing-xl);\n padding-bottom: var(--spacing-xl);\n}\n\n.sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-6-0 {\n border-top: var(--spacing-xs) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-6-0 {\n position: absolute;\n bottom: 0;\n}\n\n.sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-6-0 {\n animation: sidesheet-module-shift-right-spacing-3-0drfg-4-6-0 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-6-0 {\n animation: sidesheet-module-shift-left-spacing-3-6M1aJ-4-6-0 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-6-0 {\n animation: sidesheet-module-fadeIn-LZlsa-4-6-0 var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-6-0 {\n animation: sidesheet-module-fadeIn-LZlsa-4-6-0 var(--duration--fast-02) var(--standard-expressive-curve);\n}\n";
|
|
15452
|
+
var styles$u = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-6-0","Sidesheet--open":"sidesheet-module-Sidesheet--open-susbv-4-6-0","Sidesheet-animation--open":"sidesheet-module-Sidesheet-animation--open-J-A5h-4-6-0","sidesheet-open":"sidesheet-module-sidesheet-open-8Xjl--4-6-0","Sidesheet-animation--close":"sidesheet-module-Sidesheet-animation--close-hu-c0-4-6-0","sidesheet-close":"sidesheet-module-sidesheet-close-iHEhI-4-6-0","Sidesheet-header":"sidesheet-module-Sidesheet-header--NeWW-4-6-0","Sidesheet-header--withSeperator":"sidesheet-module-Sidesheet-header--withSeperator-NT81x-4-6-0","Sidesheet-body":"sidesheet-module-Sidesheet-body-M4-ag-4-6-0","Sidesheet-body--withMargin":"sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-6-0","Sidesheet-footer":"sidesheet-module-Sidesheet-footer-PXjKf-4-6-0","Sidesheet-footer--withSeperator":"sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-6-0","Sidesheet-footer--stickToBottom":"sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-6-0","Sidesheet-header--shiftRight":"sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-6-0","shift-right-spacing-3":"sidesheet-module-shift-right-spacing-3-0drfg-4-6-0","Sidesheet-header--shiftLeft":"sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-6-0","shift-left-spacing-3":"sidesheet-module-shift-left-spacing-3-6M1aJ-4-6-0","Sidesheet-body--nextPage":"sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-6-0","fadeIn":"sidesheet-module-fadeIn-LZlsa-4-6-0","Sidesheet-body--firstPage":"sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-6-0"};
|
|
15442
15453
|
styleInject(css_248z$v);
|
|
15443
15454
|
|
|
15444
15455
|
var sidesheetWidth = {
|
|
@@ -15629,8 +15640,8 @@ _defineProperty$1(Sidesheet, "defaultProps", {
|
|
|
15629
15640
|
headerOptions: {}
|
|
15630
15641
|
});
|
|
15631
15642
|
|
|
15632
|
-
var css_248z$u = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
15633
|
-
var styles$t = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
15643
|
+
var css_248z$u = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-6-0 {\n position: relative;\n z-index: 600;\n}\n\n.collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-6-0 {\n margin-right: 40px;\n}\n\n.collapsible-module-Collapsible-R-E0M-4-6-0 {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--secondary-lightest);\n width: var(--spacing-4);\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-6-0 {\n position: absolute;\n}\n\n.collapsible-module-Collapsible--shadow-ObNC6-4-6-0 {\n box-shadow: var(--shadow-l);\n clip-path: inset(0px -16px 0px 0px);\n}\n\n.collapsible-module-Collapsible-body-63KgR-4-6-0 {\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-6-0 {\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-6-0:hover {\n background-color: var(--secondary-lighter);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-6-0:focus,\n.collapsible-module-Collapsible-footer-cTQby-4-6-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-6-0:active {\n background-color: var(--secondary-light);\n}\n\n.collapsible-module-Collapsible-footer--seperator-4XHlt-4-6-0 {\n border-top: var(--spacing-xs) solid var(--secondary-light);\n}\n";
|
|
15644
|
+
var styles$t = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-6-0","Collapsible-wrapper--overlay":"collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-6-0","Collapsible":"collapsible-module-Collapsible-R-E0M-4-6-0","Collapsible--overlay":"collapsible-module-Collapsible--overlay-UiWwK-4-6-0","Collapsible--shadow":"collapsible-module-Collapsible--shadow-ObNC6-4-6-0","Collapsible-body":"collapsible-module-Collapsible-body-63KgR-4-6-0","Collapsible-footer":"collapsible-module-Collapsible-footer-cTQby-4-6-0","Collapsible-footer--seperator":"collapsible-module-Collapsible-footer--seperator-4XHlt-4-6-0"};
|
|
15634
15645
|
styleInject(css_248z$u);
|
|
15635
15646
|
|
|
15636
15647
|
var Collapsible = function Collapsible(props) {
|
|
@@ -15719,8 +15730,8 @@ Collapsible.defaultProps = {
|
|
|
15719
15730
|
withTrigger: true
|
|
15720
15731
|
};
|
|
15721
15732
|
|
|
15722
|
-
var css_248z$t = ".chat-module-Box-nVkrd-4-
|
|
15723
|
-
var styles$s = {"Box":"chat-module-Box-nVkrd-4-
|
|
15733
|
+
var css_248z$t = ".chat-module-Box-nVkrd-4-6-0 {\n width: 100%;\n border-radius: var(--spacing);\n padding: var(--spacing-l);\n}\n\n.chat-module-Box--typing-WmXRM-4-6-0 {\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n}\n\n.chat-module-Box--incoming-8KEhx-4-6-0 {\n border: var(--spacing-xs) solid var(--secondary-light);\n background-color: var(--white);\n}\n\n.chat-module-Box--outgoing-eC7L7-4-6-0 {\n background-color: var(--secondary-lightest);\n}\n\n.chat-module-Box-incoming--withStatus-gGxq9-4-6-0 {\n border-bottom-left-radius: 0px;\n}\n\n.chat-module-Box-outgoing--withStatus-fYw1d-4-6-0 {\n border-bottom-right-radius: 0px;\n}\n\n.chat-module-Box--urgent-LErV3-4-6-0 {\n border-color: var(--alert);\n}\n\n.chat-module-ChatMessage-status-snoof-4-6-0 {\n margin-top: var(--spacing-m);\n display: block;\n}\n";
|
|
15734
|
+
var styles$s = {"Box":"chat-module-Box-nVkrd-4-6-0","Box--typing":"chat-module-Box--typing-WmXRM-4-6-0","Box--incoming":"chat-module-Box--incoming-8KEhx-4-6-0","Box--outgoing":"chat-module-Box--outgoing-eC7L7-4-6-0","Box-incoming--withStatus":"chat-module-Box-incoming--withStatus-gGxq9-4-6-0","Box-outgoing--withStatus":"chat-module-Box-outgoing--withStatus-fYw1d-4-6-0","Box--urgent":"chat-module-Box--urgent-LErV3-4-6-0","ChatMessage-status":"chat-module-ChatMessage-status-snoof-4-6-0"};
|
|
15724
15735
|
styleInject(css_248z$t);
|
|
15725
15736
|
|
|
15726
15737
|
var Status$1 = function Status(props) {
|
|
@@ -15890,11 +15901,11 @@ ChatMessage.displayName = 'ChatMessage';
|
|
|
15890
15901
|
|
|
15891
15902
|
var EmptyStateContext = /*#__PURE__*/React.createContext({});
|
|
15892
15903
|
|
|
15893
|
-
var css_248z$s = ".emptyState-module-EmptyState-xAbqT-4-
|
|
15894
|
-
var styles$r = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-
|
|
15904
|
+
var css_248z$s = ".emptyState-module-EmptyState-xAbqT-4-6-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-6-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-6-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-6-0 {\n text-align: center;\n max-width: 480px;\n}\n\n.emptyState-module-EmptyState-description-orGdo-4-6-0 {\n text-align: center;\n margin-top: var(--spacing-m);\n max-width: 360px;\n}\n\n.emptyState-module-EmptyState-title--large-64J7i-4-6-0 {\n margin-top: var(--spacing-4);\n}\n\n.emptyState-module-EmptyState-title--small-lEDPt-4-6-0 {\n margin-top: var(--spacing-xl);\n}\n\n.emptyState-module-EmptyState-description--large-hMXtK-4-6-0 {\n margin-bottom: var(--spacing-xl);\n}\n\n.emptyState-module-EmptyState-description--small-gq50n-4-6-0 {\n margin-bottom: var(--spacing-2);\n}\n\n.emptyState-module-EmptyState-text-1y-HU-4-6-0 {\n display: flex;\n text-align: center;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-actions-xhSau-4-6-0 {\n display: flex;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-title--compressed-Pp9jF-4-6-0 {\n margin-top: var(--spacing-2);\n}\n.emptyState-module-EmptyState-title--standard-XtKl2-4-6-0 {\n margin-top: var(--spacing-xl);\n}\n.emptyState-module-EmptyState-title--tight-ZSyIK-4-6-0 {\n margin-top: var(--spacing-l);\n}\n\n.emptyState-module-EmptyState-actions--compressed-E8-g2-4-6-0 {\n margin-top: var(--spacing-2);\n}\n\n.emptyState-module-EmptyState-actions--standard-G3fT9-4-6-0 {\n margin-top: var(--spacing-xl);\n}\n\n.emptyState-module-EmptyState-actions--tight-mfayn-4-6-0 {\n margin-top: var(--spacing-l);\n}\n";
|
|
15905
|
+
var styles$r = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-6-0","EmptyState-Wrapper":"emptyState-module-EmptyState-Wrapper-IqIuE-4-6-0","EmptyState-image":"emptyState-module-EmptyState-image-GWUhK-4-6-0","EmptyState-title":"emptyState-module-EmptyState-title-VlvHo-4-6-0","EmptyState-description":"emptyState-module-EmptyState-description-orGdo-4-6-0","EmptyState-title--large":"emptyState-module-EmptyState-title--large-64J7i-4-6-0","EmptyState-title--small":"emptyState-module-EmptyState-title--small-lEDPt-4-6-0","EmptyState-description--large":"emptyState-module-EmptyState-description--large-hMXtK-4-6-0","EmptyState-description--small":"emptyState-module-EmptyState-description--small-gq50n-4-6-0","EmptyState-text":"emptyState-module-EmptyState-text-1y-HU-4-6-0","EmptyState-actions":"emptyState-module-EmptyState-actions-xhSau-4-6-0","EmptyState-title--compressed":"emptyState-module-EmptyState-title--compressed-Pp9jF-4-6-0","EmptyState-title--standard":"emptyState-module-EmptyState-title--standard-XtKl2-4-6-0","EmptyState-title--tight":"emptyState-module-EmptyState-title--tight-ZSyIK-4-6-0","EmptyState-actions--compressed":"emptyState-module-EmptyState-actions--compressed-E8-g2-4-6-0","EmptyState-actions--standard":"emptyState-module-EmptyState-actions--standard-G3fT9-4-6-0","EmptyState-actions--tight":"emptyState-module-EmptyState-actions--tight-mfayn-4-6-0"};
|
|
15895
15906
|
styleInject(css_248z$s);
|
|
15896
15907
|
|
|
15897
|
-
var _excluded$
|
|
15908
|
+
var _excluded$N = ["children", "maxHeight", "height", "minHeight", "src", "alt", "className"];
|
|
15898
15909
|
var imageHeight$1 = {
|
|
15899
15910
|
standard: '200px',
|
|
15900
15911
|
compressed: '150px',
|
|
@@ -15910,7 +15921,7 @@ var EmptyStateImage = function EmptyStateImage(props) {
|
|
|
15910
15921
|
src = props.src,
|
|
15911
15922
|
alt = props.alt,
|
|
15912
15923
|
className = props.className,
|
|
15913
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
15924
|
+
rest = _objectWithoutProperties(props, _excluded$N);
|
|
15914
15925
|
var contextProp = React__default.useContext(EmptyStateContext);
|
|
15915
15926
|
var imageClasses = classnames(_defineProperty$1({}, styles$r['EmptyState-image'], true), className);
|
|
15916
15927
|
var imageWrapperClasses = classnames(_defineProperty$1(_defineProperty$1({}, 'd-flex', true), 'justify-content-center', true), className);
|
|
@@ -15936,11 +15947,11 @@ var EmptyStateImage = function EmptyStateImage(props) {
|
|
|
15936
15947
|
}, rest))));
|
|
15937
15948
|
};
|
|
15938
15949
|
|
|
15939
|
-
var _excluded$
|
|
15950
|
+
var _excluded$M = ["children", "className"];
|
|
15940
15951
|
var EmptyStateTitle = function EmptyStateTitle(props) {
|
|
15941
15952
|
var children = props.children,
|
|
15942
15953
|
className = props.className,
|
|
15943
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
15954
|
+
rest = _objectWithoutProperties(props, _excluded$M);
|
|
15944
15955
|
var contextProp = React__default.useContext(EmptyStateContext);
|
|
15945
15956
|
var _contextProp$size = contextProp.size,
|
|
15946
15957
|
size = _contextProp$size === void 0 ? 'standard' : _contextProp$size;
|
|
@@ -15959,11 +15970,11 @@ var EmptyStateTitle = function EmptyStateTitle(props) {
|
|
|
15959
15970
|
}, rest), children);
|
|
15960
15971
|
};
|
|
15961
15972
|
|
|
15962
|
-
var _excluded$
|
|
15973
|
+
var _excluded$L = ["children", "className"];
|
|
15963
15974
|
var EmptyStateDescription = function EmptyStateDescription(props) {
|
|
15964
15975
|
var children = props.children,
|
|
15965
15976
|
className = props.className,
|
|
15966
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
15977
|
+
rest = _objectWithoutProperties(props, _excluded$L);
|
|
15967
15978
|
var contextProp = React__default.useContext(EmptyStateContext);
|
|
15968
15979
|
var _contextProp$size = contextProp.size,
|
|
15969
15980
|
size = _contextProp$size === void 0 ? 'standard' : _contextProp$size;
|
|
@@ -15981,11 +15992,11 @@ var EmptyStateDescription = function EmptyStateDescription(props) {
|
|
|
15981
15992
|
}, rest), children);
|
|
15982
15993
|
};
|
|
15983
15994
|
|
|
15984
|
-
var _excluded$
|
|
15995
|
+
var _excluded$K = ["children", "className"];
|
|
15985
15996
|
var EmptyStateActions = function EmptyStateActions(props) {
|
|
15986
15997
|
var children = props.children,
|
|
15987
15998
|
className = props.className,
|
|
15988
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
15999
|
+
rest = _objectWithoutProperties(props, _excluded$K);
|
|
15989
16000
|
var contextProp = React__default.useContext(EmptyStateContext);
|
|
15990
16001
|
var _contextProp$size = contextProp.size,
|
|
15991
16002
|
size = _contextProp$size === void 0 ? 'standard' : _contextProp$size;
|
|
@@ -16263,11 +16274,11 @@ Pagination.defaultProps = {
|
|
|
16263
16274
|
pageJumpDebounceDuration: 750
|
|
16264
16275
|
};
|
|
16265
16276
|
|
|
16266
|
-
var css_248z$r = ".editableInput-module-EditableInput-jeeBB-4-
|
|
16267
|
-
var styles$q = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-
|
|
16277
|
+
var css_248z$r = ".editableInput-module-EditableInput-jeeBB-4-6-0 {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n width: 100%;\n}\n\n.editableInput-module-EditableInput-actions-L90fR-4-6-0 {\n position: absolute;\n display: flex;\n justify-content: flex-end;\n margin-top: var(--spacing-m);\n width: 100%;\n}\n\n.editableInput-module-EditableInput-actions--regular-ShViM-4-6-0 {\n top: var(--spacing-3);\n}\n\n.editableInput-module-EditableInput-actions--tiny-kIRx4-4-6-0 {\n top: var(--spacing-xl);\n}\n\n.editableInput-module-EditableInput-default-PLtoY-4-6-0 {\n border: var(--spacing-xs) solid transparent;\n box-sizing: border-box;\n white-space: nowrap;\n padding-left: var(--spacing-l);\n padding-right: var(--spacing-l);\n display: flex;\n align-items: center;\n}\n\n.editableInput-module-EditableInput-default--regular-M9hwS-4-6-0 {\n min-width: var(--spacing-9);\n height: var(--spacing-3);\n}\n\n.editableInput-module-EditableInput-default--tiny-PMLyx-4-6-0 {\n min-width: var(--spacing-6);\n height: var(--spacing-xl);\n}\n\n.editableInput-module-EditableInput-Input--tiny-3FTNw-4-6-0 {\n min-width: var(--spacing-6) !important;\n width: 100%;\n}\n";
|
|
16278
|
+
var styles$q = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-6-0","EditableInput-actions":"editableInput-module-EditableInput-actions-L90fR-4-6-0","EditableInput-actions--regular":"editableInput-module-EditableInput-actions--regular-ShViM-4-6-0","EditableInput-actions--tiny":"editableInput-module-EditableInput-actions--tiny-kIRx4-4-6-0","EditableInput-default":"editableInput-module-EditableInput-default-PLtoY-4-6-0","EditableInput-default--regular":"editableInput-module-EditableInput-default--regular-M9hwS-4-6-0","EditableInput-default--tiny":"editableInput-module-EditableInput-default--tiny-PMLyx-4-6-0","EditableInput-Input--tiny":"editableInput-module-EditableInput-Input--tiny-3FTNw-4-6-0"};
|
|
16268
16279
|
styleInject(css_248z$r);
|
|
16269
16280
|
|
|
16270
|
-
var _excluded$
|
|
16281
|
+
var _excluded$J = ["onChange"];
|
|
16271
16282
|
var EditableInput = function EditableInput(props) {
|
|
16272
16283
|
var error = props.error,
|
|
16273
16284
|
size = props.size,
|
|
@@ -16278,7 +16289,7 @@ var EditableInput = function EditableInput(props) {
|
|
|
16278
16289
|
onChange = props.onChange,
|
|
16279
16290
|
className = props.className;
|
|
16280
16291
|
var onInputChange = inputOptions.onChange,
|
|
16281
|
-
rest = _objectWithoutProperties(inputOptions, _excluded$
|
|
16292
|
+
rest = _objectWithoutProperties(inputOptions, _excluded$J);
|
|
16282
16293
|
var _React$useState = React.useState(props.value),
|
|
16283
16294
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
16284
16295
|
inputValue = _React$useState2[0],
|
|
@@ -16424,11 +16435,11 @@ EditableInput.defaultProps = {
|
|
|
16424
16435
|
inputOptions: {}
|
|
16425
16436
|
};
|
|
16426
16437
|
|
|
16427
|
-
var css_248z$q = ".editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
16428
|
-
var styles$p = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
16438
|
+
var css_248z$q = ".editableChipInput-module-EditableChipInput-fDBaL-4-6-0 {\n position: relative;\n width: 100%;\n}\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-6-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-l);\n border-left: var(--spacing-xs) solid transparent;\n min-height: var(--spacing-3);\n flex-wrap: wrap;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-6-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing);\n border: var(--spacing-xs) solid transparent;\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n max-width: calc(100% - 28px);\n flex-wrap: wrap;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-6-0:hover,\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-6-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.editableChipInput-module-EditableChipInput-chipInput-5LAer-4-6-0 {\n padding-left: var(--spacing);\n}\n\n.editableChipInput-module-EditableChipInput-actions-S7NrY-4-6-0 {\n position: absolute;\n display: flex;\n justify-content: flex-end;\n margin-top: var(--spacing-m);\n width: 100%;\n}\n";
|
|
16439
|
+
var styles$p = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-6-0","EditableChipInput-default":"editableChipInput-module-EditableChipInput-default-ANzd8-4-6-0","EditableChipInput-defaultWithChips":"editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-6-0","EditableChipInput-chipInput":"editableChipInput-module-EditableChipInput-chipInput-5LAer-4-6-0","EditableChipInput-actions":"editableChipInput-module-EditableChipInput-actions-S7NrY-4-6-0"};
|
|
16429
16440
|
styleInject(css_248z$q);
|
|
16430
16441
|
|
|
16431
|
-
var _excluded$
|
|
16442
|
+
var _excluded$I = ["onChange", "chipOptions"],
|
|
16432
16443
|
_excluded2$2 = ["onClick"];
|
|
16433
16444
|
var EditableChipInput = function EditableChipInput(props) {
|
|
16434
16445
|
var placeholder = props.placeholder,
|
|
@@ -16439,7 +16450,7 @@ var EditableChipInput = function EditableChipInput(props) {
|
|
|
16439
16450
|
var onChipInputChange = chipInputOptions.onChange,
|
|
16440
16451
|
_chipInputOptions$chi = chipInputOptions.chipOptions,
|
|
16441
16452
|
chipOptions = _chipInputOptions$chi === void 0 ? {} : _chipInputOptions$chi,
|
|
16442
|
-
rest = _objectWithoutProperties(chipInputOptions, _excluded$
|
|
16453
|
+
rest = _objectWithoutProperties(chipInputOptions, _excluded$I);
|
|
16443
16454
|
var _onClick = chipOptions.onClick,
|
|
16444
16455
|
chipObject = _objectWithoutProperties(chipOptions, _excluded2$2);
|
|
16445
16456
|
var _React$useState = React.useState(props.value),
|
|
@@ -16582,8 +16593,8 @@ EditableChipInput.defaultProps = {
|
|
|
16582
16593
|
chipInputOptions: {}
|
|
16583
16594
|
};
|
|
16584
16595
|
|
|
16585
|
-
var css_248z$p = ".progressRing-module-Ring-6kz7n-4-
|
|
16586
|
-
var styles$o = {"Ring":"progressRing-module-Ring-6kz7n-4-
|
|
16596
|
+
var css_248z$p = ".progressRing-module-Ring-6kz7n-4-6-0 {\n transform: rotate(-90deg);\n}\n\n.progressRing-module-Ring--small-h-W58-4-6-0 {\n height: var(--spacing-2);\n width: var(--spacing-2);\n}\n\n.progressRing-module-Ring--regular-PU85S-4-6-0 {\n height: var(--spacing-3);\n width: var(--spacing-3);\n}\n\n.progressRing-module-Ring--large-2xhS6-4-6-0 {\n height: var(--spacing-4);\n width: var(--spacing-4);\n}\n\n.progressRing-module-Ring-6kz7n-4-6-0 Circle {\n fill: none;\n}\n\n.progressRing-module-Ring-background-Pxm3y-4-6-0 {\n stroke: var(--secondary-lightest);\n}\n\n.progressRing-module-Ring-indicator-OwMxU-4-6-0 {\n stroke: var(--primary);\n transition: var(--duration--slow-01) var(--standard-expressive-curve);\n}\n";
|
|
16597
|
+
var styles$o = {"Ring":"progressRing-module-Ring-6kz7n-4-6-0","Ring--small":"progressRing-module-Ring--small-h-W58-4-6-0","Ring--regular":"progressRing-module-Ring--regular-PU85S-4-6-0","Ring--large":"progressRing-module-Ring--large-2xhS6-4-6-0","Ring-background":"progressRing-module-Ring-background-Pxm3y-4-6-0","Ring-indicator":"progressRing-module-Ring-indicator-OwMxU-4-6-0"};
|
|
16587
16598
|
styleInject(css_248z$p);
|
|
16588
16599
|
|
|
16589
16600
|
var ProgressRing = function ProgressRing(props) {
|
|
@@ -16626,8 +16637,8 @@ ProgressRing.defaultProps = {
|
|
|
16626
16637
|
max: 100
|
|
16627
16638
|
};
|
|
16628
16639
|
|
|
16629
|
-
var css_248z$o = ".stepper-module-Stepper-2fHQy-4-
|
|
16630
|
-
var styles$n = {"Stepper":"stepper-module-Stepper-2fHQy-4-
|
|
16640
|
+
var css_248z$o = ".stepper-module-Stepper-2fHQy-4-6-0 {\n display: flex;\n}\n\n.stepper-module-Step-U1Ae--4-6-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-l);\n padding-right: var(--spacing-l);\n margin-left: var(--spacing-xs);\n margin-right: var(--spacing-xs);\n border-radius: var(--spacing-2);\n cursor: pointer;\n}\n\n.stepper-module-Step-U1Ae--4-6-0:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step-U1Ae--4-6-0:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step-U1Ae--4-6-0:focus,\n.stepper-module-Step-U1Ae--4-6-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-6-0 {\n color: var(--primary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-6-0:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-6-0:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-6-0:focus,\n.stepper-module-Step--completed-W1Ltb-4-6-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-6-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-6-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.stepper-module-Step--active-OpxVe-4-6-0:focus,\n.stepper-module-Step--active-OpxVe-4-6-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-6-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.stepper-module-Step--active-OpxVe-4-6-0:active .stepper-module-Stepper-text-1S78v-4-6-0 {\n color: var(--primary-darker);\n}\n\n/* Disabled State */\n\n.stepper-module-Step--disabled-2l-AC-4-6-0 {\n cursor: not-allowed;\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n\n.stepper-module-Stepper-animate-Tgb9L-4-6-0 {\n transition-delay: var(--duration--fast-02);\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n";
|
|
16641
|
+
var styles$n = {"Stepper":"stepper-module-Stepper-2fHQy-4-6-0","Step":"stepper-module-Step-U1Ae--4-6-0","Step--completed":"stepper-module-Step--completed-W1Ltb-4-6-0","Step--active":"stepper-module-Step--active-OpxVe-4-6-0","Stepper-text":"stepper-module-Stepper-text-1S78v-4-6-0","Step--disabled":"stepper-module-Step--disabled-2l-AC-4-6-0","Stepper-animate":"stepper-module-Stepper-animate-Tgb9L-4-6-0"};
|
|
16631
16642
|
styleInject(css_248z$o);
|
|
16632
16643
|
|
|
16633
16644
|
var Step$1 = function Step(props) {
|
|
@@ -16720,8 +16731,8 @@ Stepper.defaultProps = {
|
|
|
16720
16731
|
skipIndexes: []
|
|
16721
16732
|
};
|
|
16722
16733
|
|
|
16723
|
-
var css_248z$n = ".dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
16724
|
-
var styles$m = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
16734
|
+
var css_248z$n = ".dateRangePicker-module-DateRangePicker-XQroW-4-6-0 {\n display: flex;\n}\n\n.dateRangePicker-module-DateRangePicker--left-h3kfr-4-6-0 {\n flex-direction: row;\n}\n\n.dateRangePicker-module-DateRangePicker--right-0yzI--4-6-0 {\n flex-direction: row-reverse;\n}\n\n.dateRangePicker-module-DateRangePicker-input-OZjbS-4-6-0 {\n box-sizing: border-box;\n}\n\n.dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-6-0 {\n padding-right: var(--spacing-m);\n}\n\n.dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-6-0 {\n padding-left: var(--spacing-m);\n}\n\n@media (max-width: 576px) {\n .dateRangePicker-module-DateRangePicker-input-OZjbS-4-6-0 {\n padding: 0;\n }\n\n .dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-6-0 {\n padding-top: var(--spacing);\n }\n}\n";
|
|
16735
|
+
var styles$m = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-6-0","DateRangePicker--left":"dateRangePicker-module-DateRangePicker--left-h3kfr-4-6-0","DateRangePicker--right":"dateRangePicker-module-DateRangePicker--right-0yzI--4-6-0","DateRangePicker-input":"dateRangePicker-module-DateRangePicker-input-OZjbS-4-6-0","DateRangePicker-input--startDate":"dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-6-0","DateRangePicker-input--endDate":"dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-6-0"};
|
|
16725
16736
|
styleInject(css_248z$n);
|
|
16726
16737
|
|
|
16727
16738
|
var Trigger = function Trigger(props) {
|
|
@@ -17186,7 +17197,7 @@ var getCustomDates = function getCustomDates() {
|
|
|
17186
17197
|
};
|
|
17187
17198
|
};
|
|
17188
17199
|
|
|
17189
|
-
var _excluded$
|
|
17200
|
+
var _excluded$H = ["startDate", "endDate", "yearNav", "monthNav", "open", "inputFormat", "outputFormat", "startInputOptions", "endInputOptions", "validators", "withInput", "position", "disabledBefore", "disabledAfter", "onRangeChange", "rangeLimit"];
|
|
17190
17201
|
var DateRangePicker = /*#__PURE__*/function (_React$Component) {
|
|
17191
17202
|
function DateRangePicker(props) {
|
|
17192
17203
|
var _this;
|
|
@@ -17413,7 +17424,7 @@ var DateRangePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
17413
17424
|
disabledAfter = _this$props6.disabledAfter;
|
|
17414
17425
|
_this$props6.onRangeChange;
|
|
17415
17426
|
var rangeLimit = _this$props6.rangeLimit,
|
|
17416
|
-
rest = _objectWithoutProperties(_this$props6, _excluded$
|
|
17427
|
+
rest = _objectWithoutProperties(_this$props6, _excluded$H);
|
|
17417
17428
|
var _this$state3 = this.state,
|
|
17418
17429
|
startDate = _this$state3.startDate,
|
|
17419
17430
|
endDate = _this$state3.endDate,
|
|
@@ -17505,8 +17516,8 @@ _defineProperty$1(DateRangePicker, "defaultProps", _objectSpread2(_objectSpread2
|
|
|
17505
17516
|
}
|
|
17506
17517
|
}));
|
|
17507
17518
|
|
|
17508
|
-
var css_248z$m = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-
|
|
17509
|
-
var styles$l = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-
|
|
17519
|
+
var css_248z$m = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-6-0 {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.tabs-module-TabsWrapper-header-psflk-4-6-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-6-0 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-7anZt-4-6-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-xs));\n text-align: center;\n}\n\n.tabs-module-Tab--small-t-Ovt-4-6-0 {\n padding: var(--spacing) var(--spacing-l) var(--spacing-l);\n}\n\n.tabs-module-Tab--regular-f2Pf2-4-6-0 {\n padding: var(--spacing-l) var(--spacing-l) var(--spacing-2);\n}\n\n.tabs-module-Tab-7anZt-4-6-0:last-child {\n margin-right: 0;\n}\n\n.tabs-module-Tab-7anZt-4-6-0::after {\n position: absolute;\n left: 0;\n bottom: 0;\n content: '';\n width: calc(100% - 2 * var(--spacing-l));\n height: var(--spacing-s);\n background-color: transparent;\n margin-left: var(--spacing-l);\n border-top-left-radius: var(--spacing-xs);\n border-top-right-radius: var(--spacing-xs);\n}\n\n.tabs-module-Tab-7anZt-4-6-0:hover::after {\n background-color: var(--inverse-lighter);\n}\n\n.tabs-module-Tab-7anZt-4-6-0:active::after {\n background-color: var(--inverse-light);\n}\n\n.tabs-module-Tab--active-H398--4-6-0::after {\n background-color: var(--primary);\n}\n\n.tabs-module-Tab-7anZt-4-6-0:focus {\n outline: none;\n border-radius: 4px;\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-6-0:hover .tabs-module-Tab-selected-21aei-4-6-0 {\n color: var(--primary-dark);\n}\n\n.tabs-module-Tab-selected-21aei-4-6-0:hover::after {\n background-color: var(--primary-dark);\n}\n\n.tabs-module-Tab-7anZt-4-6-0:active:focus {\n box-shadow: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-6-0 {\n cursor: not-allowed;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-6-0:focus {\n box-shadow: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-6-0:hover::after {\n background-color: transparent;\n}\n\n.tabs-module-Tab-icon-s-gJG-4-6-0 {\n display: flex;\n min-width: inherit;\n justify-content: space-between;\n}\n\n.tabs-module-Tabs-oQ6zt-4-6-0 {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n}\n\n.tabs-module-Tabs--withSeparator-ENZzj-4-6-0 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-pills-i0on--4-6-0 {\n cursor: pointer;\n margin-right: var(--spacing);\n overflow: visible;\n}\n\n.tabs-module-Tab-pills--disabled-7RUAZ-4-6-0 {\n opacity: var(--opacity-10);\n cursor: not-allowed;\n}\n\n.tabs-module-DismissibleTab-icon--right--MDLa-4-6-0 {\n padding: var(--spacing-s);\n margin-left: var(--spacing-s);\n outline: none;\n border-radius: 10px;\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-6-0:focus-visible {\n outline: var(--spacing-s) solid var(--secondary-shadow);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-6-0:hover {\n background-color: var(--secondary);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-6-0:active {\n background-color: var(--secondary-dark);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-6-0:focus-visible {\n outline: var(--spacing-s) solid var(--primary-shadow);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-6-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-6-0:active {\n background-color: var(--primary-light);\n}\n\n.tabs-module-Tab--overflow-ZMfp0-4-6-0 {\n display: flex;\n box-sizing: border-box;\n}\n";
|
|
17520
|
+
var styles$l = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-6-0","TabsWrapper-header":"tabs-module-TabsWrapper-header-psflk-4-6-0","TabsWrapper-header--withSeparator":"tabs-module-TabsWrapper-header--withSeparator-gbJ63-4-6-0","Tab":"tabs-module-Tab-7anZt-4-6-0","Tab--small":"tabs-module-Tab--small-t-Ovt-4-6-0","Tab--regular":"tabs-module-Tab--regular-f2Pf2-4-6-0","Tab--active":"tabs-module-Tab--active-H398--4-6-0","Tab-selected":"tabs-module-Tab-selected-21aei-4-6-0","Tab--disabled":"tabs-module-Tab--disabled-jMmkz-4-6-0","Tab-icon":"tabs-module-Tab-icon-s-gJG-4-6-0","Tabs":"tabs-module-Tabs-oQ6zt-4-6-0","Tabs--withSeparator":"tabs-module-Tabs--withSeparator-ENZzj-4-6-0","Tab-pills":"tabs-module-Tab-pills-i0on--4-6-0","Tab-pills--disabled":"tabs-module-Tab-pills--disabled-7RUAZ-4-6-0","DismissibleTab-icon--right":"tabs-module-DismissibleTab-icon--right--MDLa-4-6-0","DismissibleTab-icon--default":"tabs-module-DismissibleTab-icon--default-Jh5TO-4-6-0","DismissibleTab-icon--selected":"tabs-module-DismissibleTab-icon--selected-9Fyvu-4-6-0","Tab--overflow":"tabs-module-Tab--overflow-ZMfp0-4-6-0"};
|
|
17510
17521
|
styleInject(css_248z$m);
|
|
17511
17522
|
|
|
17512
17523
|
var TabsWrapper = function TabsWrapper(props) {
|
|
@@ -18214,7 +18225,7 @@ function _fromFileEntry() {
|
|
|
18214
18225
|
return _fromFileEntry.apply(this, arguments);
|
|
18215
18226
|
}
|
|
18216
18227
|
|
|
18217
|
-
var _excluded$
|
|
18228
|
+
var _excluded$G = ["refKey", "onKeyDown", "onFocus", "onBlur", "onClick", "onDragEnterCallback", "onDragOverCallback", "onDragLeaveCallback", "onDropCallback"],
|
|
18218
18229
|
_excluded2$1 = ["refKey", "onChange", "onClick"];
|
|
18219
18230
|
var initialState = {
|
|
18220
18231
|
isFocused: false,
|
|
@@ -18457,7 +18468,7 @@ var DropzoneBase = function DropzoneBase(props) {
|
|
|
18457
18468
|
onDragOverCallback = _ref.onDragOverCallback,
|
|
18458
18469
|
onDragLeaveCallback = _ref.onDragLeaveCallback,
|
|
18459
18470
|
onDropCallback = _ref.onDropCallback,
|
|
18460
|
-
rest = _objectWithoutProperties(_ref, _excluded$
|
|
18471
|
+
rest = _objectWithoutProperties(_ref, _excluded$G);
|
|
18461
18472
|
return _objectSpread2(_defineProperty$1({
|
|
18462
18473
|
onDragEnter: composeDragHandler(composeEventHandlers(onDragEnterCallback, onDragEnterCb)),
|
|
18463
18474
|
onDragOver: composeDragHandler(composeEventHandlers(onDragOverCallback, onDragOverCb)),
|
|
@@ -18534,8 +18545,8 @@ DropzoneBase.defaultProps = {
|
|
|
18534
18545
|
}
|
|
18535
18546
|
};
|
|
18536
18547
|
|
|
18537
|
-
var css_248z$l = ".dropzone-module-Dropzone-xfBzQ-4-
|
|
18538
|
-
var styles$k = {"Dropzone":"dropzone-module-Dropzone-xfBzQ-4-
|
|
18548
|
+
var css_248z$l = ".dropzone-module-Dropzone-xfBzQ-4-6-0 {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--white);\n border-radius: var(--spacing-m);\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-2) var(--spacing-xs), var(--spacing-xs) var(--spacing-2);\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-6-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-2) var(--spacing-xs), var(--spacing-xs) var(--spacing-2);\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-6-0 {\n animation-delay: var(--duration--fast-02);\n animation-fill-mode: forwards;\n}\n\n.dropzone-module-Dropzone-animation--default-cuelA-4-6-0 {\n animation: dropzone-module-dropzoneDefault-5MWv4-4-6-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-animation--active-AlfVM-4-6-0 {\n animation: dropzone-module-dropzoneActive-DcbqH-4-6-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneDefault-5MWv4-4-6-0 {\n from {\n opacity: 0;\n padding-top: 20px;\n }\n\n to {\n opacity: 1;\n padding-top: var(--spacing-l);\n }\n}\n\n@keyframes dropzone-module-dropzoneActive-DcbqH-4-6-0 {\n from {\n opacity: 0;\n padding-top: 20px;\n }\n\n to {\n opacity: 1;\n padding-top: var(--spacing-l);\n }\n}\n\n.dropzone-module-Dropzone-standard--default-HMghu-4-6-0 {\n animation: dropzone-module-dropzoneStandardDefault-YIUej-4-6-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-standard--active-8ZfF7-4-6-0 {\n animation: dropzone-module-dropzoneStandardActive-ZiJ-w-4-6-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneStandardDefault-YIUej-4-6-0 {\n from {\n opacity: 0;\n padding-top: var(--spacing-2);\n }\n\n to {\n opacity: 1;\n padding-top: var(--spacing);\n }\n}\n\n@keyframes dropzone-module-dropzoneStandardActive-ZiJ-w-4-6-0 {\n from {\n opacity: 0;\n padding-top: var(--spacing-2);\n }\n\n to {\n opacity: 1;\n padding-top: var(--spacing);\n }\n}\n\n.dropzone-module-Dropzone--error-wcuXz-4-6-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-2) var(--spacing-xs), var(--spacing-xs) var(--spacing-2);\n}\n\n.dropzone-module-Dropzone--disabled-Z-6tQ-4-6-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-2) var(--spacing-xs), var(--spacing-xs) var(--spacing-2);\n}\n\n.dropzone-module-Dropzone--standard-BLqgV-4-6-0 {\n flex-direction: column;\n height: 196px;\n min-width: 480px;\n padding: var(--spacing) var(--spacing-xl) var(--spacing-2) var(--spacing-xl);\n}\n\n.dropzone-module-Dropzone--compressed-REqQ2-4-6-0 {\n flex-direction: row;\n height: 124px;\n min-width: 400px;\n padding: var(--spacing-l) var(--spacing-xl) var(--spacing-2) var(--spacing-xl);\n}\n\n.dropzone-module-Dropzone--tight--XZ-s-4-6-0 {\n height: 124px;\n min-width: 320px;\n padding: var(--spacing-l) var(--spacing-xl) var(--spacing-2) var(--spacing-xl);\n}\n\n.dropzone-module-DropzoneWrapper-sLmKQ-4-6-0 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.dropzone-module-DropzoneWrapper--standard-0fW8S-4-6-0,\n.dropzone-module-DropzoneWrapper--tight-Cg0sm-4-6-0 {\n align-items: center;\n}\n\n.dropzone-module-DropzoneWrapper--compressed-UKNax-4-6-0 {\n align-items: start;\n}\n\n.dropzone-module-Dropzone-icon--standard-Nv5eM-4-6-0 {\n margin-bottom: var(--spacing-l);\n}\n\n.dropzone-module-Dropzone-icon--compressed-lcmwS-4-6-0 {\n margin-right: var(--spacing-xl);\n}\n\n.dropzone-module-Dropzone-icon--disabled-8nN-d-4-6-0 {\n fill: var(--inverse-lightest);\n}\n\n.dropzone-module-Dropzone-icon--default-mwP9a-4-6-0 {\n fill: var(--inverse-lighter);\n}\n\n.dropzone-module-Dropzone-icon--active-qPLXO-4-6-0 {\n fill: var(--primary);\n}\n\n.dropzone-module-Dropzone-icon--error-ImiCw-4-6-0 {\n fill: var(--alert);\n}\n";
|
|
18549
|
+
var styles$k = {"Dropzone":"dropzone-module-Dropzone-xfBzQ-4-6-0","Dropzone--active":"dropzone-module-Dropzone--active-M0Gcb-4-6-0","Dropzone-animation":"dropzone-module-Dropzone-animation-qJQVf-4-6-0","Dropzone-animation--default":"dropzone-module-Dropzone-animation--default-cuelA-4-6-0","dropzoneDefault":"dropzone-module-dropzoneDefault-5MWv4-4-6-0","Dropzone-animation--active":"dropzone-module-Dropzone-animation--active-AlfVM-4-6-0","dropzoneActive":"dropzone-module-dropzoneActive-DcbqH-4-6-0","Dropzone-standard--default":"dropzone-module-Dropzone-standard--default-HMghu-4-6-0","dropzoneStandardDefault":"dropzone-module-dropzoneStandardDefault-YIUej-4-6-0","Dropzone-standard--active":"dropzone-module-Dropzone-standard--active-8ZfF7-4-6-0","dropzoneStandardActive":"dropzone-module-dropzoneStandardActive-ZiJ-w-4-6-0","Dropzone--error":"dropzone-module-Dropzone--error-wcuXz-4-6-0","Dropzone--disabled":"dropzone-module-Dropzone--disabled-Z-6tQ-4-6-0","Dropzone--standard":"dropzone-module-Dropzone--standard-BLqgV-4-6-0","Dropzone--compressed":"dropzone-module-Dropzone--compressed-REqQ2-4-6-0","Dropzone--tight":"dropzone-module-Dropzone--tight--XZ-s-4-6-0","DropzoneWrapper":"dropzone-module-DropzoneWrapper-sLmKQ-4-6-0","DropzoneWrapper--standard":"dropzone-module-DropzoneWrapper--standard-0fW8S-4-6-0","DropzoneWrapper--tight":"dropzone-module-DropzoneWrapper--tight-Cg0sm-4-6-0","DropzoneWrapper--compressed":"dropzone-module-DropzoneWrapper--compressed-UKNax-4-6-0","Dropzone-icon--standard":"dropzone-module-Dropzone-icon--standard-Nv5eM-4-6-0","Dropzone-icon--compressed":"dropzone-module-Dropzone-icon--compressed-lcmwS-4-6-0","Dropzone-icon--disabled":"dropzone-module-Dropzone-icon--disabled-8nN-d-4-6-0","Dropzone-icon--default":"dropzone-module-Dropzone-icon--default-mwP9a-4-6-0","Dropzone-icon--active":"dropzone-module-Dropzone-icon--active-qPLXO-4-6-0","Dropzone-icon--error":"dropzone-module-Dropzone-icon--error-ImiCw-4-6-0"};
|
|
18539
18550
|
styleInject(css_248z$l);
|
|
18540
18551
|
|
|
18541
18552
|
var svgCode = {
|
|
@@ -18666,8 +18677,8 @@ var FileUploaderFormat = function FileUploaderFormat(props) {
|
|
|
18666
18677
|
};
|
|
18667
18678
|
FileUploaderFormat.displayName = 'FileUploaderFormat';
|
|
18668
18679
|
|
|
18669
|
-
var css_248z$k = ".fileUploader-module-FileUploader--Pv73-4-
|
|
18670
|
-
var styles$j = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-
|
|
18680
|
+
var css_248z$k = ".fileUploader-module-FileUploader--Pv73-4-6-0 {\n display: flex;\n flex-direction: column;\n}\n\n.fileUploader-module-FileUploaderButton-qfMIr-4-6-0 {\n width: -moz-fit-content;\n width: fit-content;\n position: relative;\n}\n\n.fileUploader-module-FileUploaderButton-input-em151-4-6-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-6-0 {\n width: var(--spacing-9);\n}\n\n.fileUploader-module-FileUploaderItem-text-5ygMX-4-6-0 {\n width: var(--spacing-8);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.fileUploader-module-FileUploaderItem-file-HKKiB-4-6-0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n}\n";
|
|
18681
|
+
var styles$j = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-6-0","FileUploaderButton":"fileUploader-module-FileUploaderButton-qfMIr-4-6-0","FileUploaderButton-input":"fileUploader-module-FileUploaderButton-input-em151-4-6-0","FileUploaderItem":"fileUploader-module-FileUploaderItem-ukfM6-4-6-0","FileUploaderItem-text":"fileUploader-module-FileUploaderItem-text-5ygMX-4-6-0","FileUploaderItem-file":"fileUploader-module-FileUploaderItem-file-HKKiB-4-6-0"};
|
|
18671
18682
|
styleInject(css_248z$k);
|
|
18672
18683
|
|
|
18673
18684
|
var FileUploaderButton = function FileUploaderButton(props) {
|
|
@@ -19110,7 +19121,15 @@ var defaultProps$1 = {
|
|
|
19110
19121
|
error: false,
|
|
19111
19122
|
sortingList: [],
|
|
19112
19123
|
filterList: {},
|
|
19113
|
-
showFilters: true
|
|
19124
|
+
showFilters: true,
|
|
19125
|
+
infiniteScrollOptions: {
|
|
19126
|
+
fetchRowsCount: 200,
|
|
19127
|
+
fetchThreshold: 'balanced'
|
|
19128
|
+
},
|
|
19129
|
+
virtualRowOptions: {
|
|
19130
|
+
buffer: 10,
|
|
19131
|
+
visibleRows: 200
|
|
19132
|
+
}
|
|
19114
19133
|
};
|
|
19115
19134
|
|
|
19116
19135
|
var context = /*#__PURE__*/React.createContext(_objectSpread2(_objectSpread2({}, defaultProps$1), {}, {
|
|
@@ -19654,7 +19673,8 @@ var GridRow = function GridRow(props) {
|
|
|
19654
19673
|
};
|
|
19655
19674
|
var wrapperClasses = classnames(className, _defineProperty$1({}, gridStyles['Grid-rowWrapper'], true));
|
|
19656
19675
|
return /*#__PURE__*/React.createElement("div", {
|
|
19657
|
-
className: wrapperClasses
|
|
19676
|
+
className: wrapperClasses,
|
|
19677
|
+
"data-test": "DesignSystem-Grid-rowWrapper"
|
|
19658
19678
|
}, /*#__PURE__*/React.createElement("div", {
|
|
19659
19679
|
"data-test": "DesignSystem-Grid-row",
|
|
19660
19680
|
className: rowClasses,
|
|
@@ -19668,24 +19688,205 @@ GridRow.defaultProps = {
|
|
|
19668
19688
|
data: {}
|
|
19669
19689
|
};
|
|
19670
19690
|
|
|
19691
|
+
var _excluded$F = ["buffer", "length", "offset", "minItemHeight", "totalLength", "renderItem", "onScroll"];
|
|
19692
|
+
var isElementInView = function isElementInView(container, element) {
|
|
19693
|
+
var containerTop = container.offsetTop;
|
|
19694
|
+
var elementRect = element.getBoundingClientRect();
|
|
19695
|
+
var elementTop = elementRect.top;
|
|
19696
|
+
var elementHeight = elementRect.height;
|
|
19697
|
+
return elementHeight - (containerTop - elementTop) > 0;
|
|
19698
|
+
};
|
|
19699
|
+
var VirtualList = function VirtualList(props) {
|
|
19700
|
+
var _props$buffer = props.buffer,
|
|
19701
|
+
buffer = _props$buffer === void 0 ? 10 : _props$buffer,
|
|
19702
|
+
_props$length = props.length,
|
|
19703
|
+
length = _props$length === void 0 ? 200 : _props$length,
|
|
19704
|
+
_props$offset = props.offset,
|
|
19705
|
+
initialOffset = _props$offset === void 0 ? 0 : _props$offset,
|
|
19706
|
+
minItemHeight = props.minItemHeight,
|
|
19707
|
+
totalLength = props.totalLength,
|
|
19708
|
+
renderItem = props.renderItem,
|
|
19709
|
+
onScroll = props.onScroll,
|
|
19710
|
+
rest = _objectWithoutProperties(props, _excluded$F);
|
|
19711
|
+
var _useState = useState$3(initialOffset),
|
|
19712
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
19713
|
+
offset = _useState2[0],
|
|
19714
|
+
setOffset = _useState2[1];
|
|
19715
|
+
var _useState3 = useState$3(minItemHeight),
|
|
19716
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
19717
|
+
avgRowHeight = _useState4[0],
|
|
19718
|
+
setAvgRowHeight = _useState4[1];
|
|
19719
|
+
var _useState5 = useState$3(false),
|
|
19720
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
19721
|
+
init = _useState6[0],
|
|
19722
|
+
setInit = _useState6[1];
|
|
19723
|
+
var listRef = useRef(null);
|
|
19724
|
+
var lastScrollTop = useRef(0);
|
|
19725
|
+
useEffect$2(function () {
|
|
19726
|
+
updateOffset(initialOffset);
|
|
19727
|
+
}, [initialOffset]);
|
|
19728
|
+
var updateOffset = useCallback(function (prevOffset) {
|
|
19729
|
+
var offsetDiff = prevOffset - offset;
|
|
19730
|
+
if (listRef.current) {
|
|
19731
|
+
var el = listRef.current;
|
|
19732
|
+
var items = el.querySelectorAll('.VS-item');
|
|
19733
|
+
var heightAdded = 0;
|
|
19734
|
+
var currOffset = prevOffset;
|
|
19735
|
+
var _start = Math.min(offset, buffer);
|
|
19736
|
+
var _end = _start + offsetDiff;
|
|
19737
|
+
for (var i = Math.min(items.length, _end) - 1; i >= _start; i--) {
|
|
19738
|
+
var inView = isElementInView(el, items[i]);
|
|
19739
|
+
if (inView) {
|
|
19740
|
+
currOffset--;
|
|
19741
|
+
var rowHeight = items[i].clientHeight;
|
|
19742
|
+
heightAdded += rowHeight;
|
|
19743
|
+
} else {
|
|
19744
|
+
break;
|
|
19745
|
+
}
|
|
19746
|
+
}
|
|
19747
|
+
if (items.length < _end) {
|
|
19748
|
+
var diff = _end - items.length;
|
|
19749
|
+
heightAdded += diff * minItemHeight;
|
|
19750
|
+
currOffset -= diff;
|
|
19751
|
+
}
|
|
19752
|
+
var newAvgRowHeight = currOffset === 0 ? minItemHeight : (avgRowHeight * prevOffset - heightAdded) / currOffset;
|
|
19753
|
+
setOffset(currOffset);
|
|
19754
|
+
setAvgRowHeight(Math.max(minItemHeight, newAvgRowHeight));
|
|
19755
|
+
}
|
|
19756
|
+
}, [offset, buffer, avgRowHeight, minItemHeight]);
|
|
19757
|
+
var onScrollHandler = useCallback(function (event) {
|
|
19758
|
+
if (listRef.current) {
|
|
19759
|
+
var el = listRef.current;
|
|
19760
|
+
var scrollTop = el.scrollTop;
|
|
19761
|
+
var direction = Math.floor(scrollTop - lastScrollTop.current);
|
|
19762
|
+
if (direction === 0) return;
|
|
19763
|
+
var items = el.querySelectorAll('.VS-item');
|
|
19764
|
+
var newOffset = offset;
|
|
19765
|
+
var newAvgRowHeight = avgRowHeight;
|
|
19766
|
+
var _start2 = Math.min(offset, buffer);
|
|
19767
|
+
|
|
19768
|
+
// cursor scrolls down
|
|
19769
|
+
if (direction > 0) {
|
|
19770
|
+
if (offset < totalLength - length) {
|
|
19771
|
+
var heightAdded = 0;
|
|
19772
|
+
for (var i = _start2; i < items.length; i++) {
|
|
19773
|
+
var inView = isElementInView(el, items[i]);
|
|
19774
|
+
var rowHeight = items[i].clientHeight;
|
|
19775
|
+
if (!inView) {
|
|
19776
|
+
heightAdded += rowHeight;
|
|
19777
|
+
newOffset++;
|
|
19778
|
+
} else {
|
|
19779
|
+
break;
|
|
19780
|
+
}
|
|
19781
|
+
}
|
|
19782
|
+
if (heightAdded < direction) {
|
|
19783
|
+
var heightLeft = direction - heightAdded;
|
|
19784
|
+
var offsetToBeAdded = Math.floor(heightLeft / minItemHeight);
|
|
19785
|
+
newOffset += offsetToBeAdded;
|
|
19786
|
+
heightAdded += offsetToBeAdded * minItemHeight;
|
|
19787
|
+
}
|
|
19788
|
+
newAvgRowHeight = newOffset > 0 ? (offset * avgRowHeight + heightAdded) / newOffset : minItemHeight;
|
|
19789
|
+
setOffset(Math.min(newOffset, totalLength - length));
|
|
19790
|
+
setAvgRowHeight(Math.max(minItemHeight, newAvgRowHeight));
|
|
19791
|
+
}
|
|
19792
|
+
} else {
|
|
19793
|
+
var _items$_start;
|
|
19794
|
+
var scrollDiff = ((_items$_start = items[_start2]) === null || _items$_start === void 0 ? void 0 : _items$_start.getBoundingClientRect().y) - (el === null || el === void 0 ? void 0 : el.getBoundingClientRect().y);
|
|
19795
|
+
if (scrollDiff > 0) {
|
|
19796
|
+
var offsetDiff = Math.floor(scrollDiff / minItemHeight) || 1;
|
|
19797
|
+
var _newOffset = offset - offsetDiff;
|
|
19798
|
+
if (_newOffset < totalLength - (length + buffer)) {
|
|
19799
|
+
setOffset(Math.max(0, _newOffset));
|
|
19800
|
+
}
|
|
19801
|
+
}
|
|
19802
|
+
}
|
|
19803
|
+
lastScrollTop.current = scrollTop;
|
|
19804
|
+
if (onScroll) onScroll(event, el);
|
|
19805
|
+
}
|
|
19806
|
+
}, [offset, avgRowHeight, buffer, length, minItemHeight, totalLength, onScroll]);
|
|
19807
|
+
var renderItems = function renderItems(start, end) {
|
|
19808
|
+
return Array.from({
|
|
19809
|
+
length: end - start + 1
|
|
19810
|
+
}, function (_, index) {
|
|
19811
|
+
var rowIndex = start + index;
|
|
19812
|
+
var component = renderItem(rowIndex);
|
|
19813
|
+
return /*#__PURE__*/React__default.cloneElement(component, {
|
|
19814
|
+
key: rowIndex,
|
|
19815
|
+
className: ['VS-item', component.props.className].join(' ').trim()
|
|
19816
|
+
});
|
|
19817
|
+
});
|
|
19818
|
+
};
|
|
19819
|
+
var start = Math.max(0, offset - buffer);
|
|
19820
|
+
var end = Math.min(offset + (length + buffer) - 1, totalLength - 1);
|
|
19821
|
+
var topPadding = Math.max(0, start * avgRowHeight);
|
|
19822
|
+
var bottomPadding = Math.max(0, (totalLength - end - 1) * avgRowHeight);
|
|
19823
|
+
return /*#__PURE__*/React__default.createElement("div", _extends$2({}, rest, {
|
|
19824
|
+
ref: function ref(el) {
|
|
19825
|
+
listRef.current = el;
|
|
19826
|
+
if (!init) setInit(true);
|
|
19827
|
+
},
|
|
19828
|
+
onScroll: onScrollHandler
|
|
19829
|
+
}), init && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
19830
|
+
style: {
|
|
19831
|
+
flexShrink: 0,
|
|
19832
|
+
height: topPadding
|
|
19833
|
+
}
|
|
19834
|
+
}), renderItems(start, end), /*#__PURE__*/React__default.createElement("div", {
|
|
19835
|
+
style: {
|
|
19836
|
+
flexShrink: 0,
|
|
19837
|
+
height: bottomPadding
|
|
19838
|
+
}
|
|
19839
|
+
})));
|
|
19840
|
+
};
|
|
19841
|
+
|
|
19671
19842
|
var GridBody = function GridBody(props) {
|
|
19672
19843
|
var context$1 = React.useContext(context);
|
|
19673
19844
|
var data = context$1.data,
|
|
19674
19845
|
ref = context$1.ref,
|
|
19675
19846
|
loading = context$1.loading,
|
|
19676
|
-
error = context$1.error,
|
|
19677
19847
|
withPagination = context$1.withPagination,
|
|
19678
19848
|
page = context$1.page,
|
|
19679
19849
|
pageSize = context$1.pageSize,
|
|
19680
19850
|
totalRecords = context$1.totalRecords,
|
|
19681
|
-
|
|
19682
|
-
|
|
19683
|
-
return errorTemplate ? typeof errorTemplate === 'function' ? errorTemplate({}) : errorTemplate : null;
|
|
19684
|
-
}
|
|
19851
|
+
size = context$1.size;
|
|
19852
|
+
var listRef = React.useRef(null);
|
|
19685
19853
|
var schema = props.schema,
|
|
19686
19854
|
prevPageInfo = props.prevPageInfo,
|
|
19687
19855
|
updatePrevPageInfo = props.updatePrevPageInfo,
|
|
19688
|
-
onSelect = props.onSelect
|
|
19856
|
+
onSelect = props.onSelect,
|
|
19857
|
+
virtualRowOptions = props.virtualRowOptions,
|
|
19858
|
+
infiniteScrollOptions = props.infiniteScrollOptions,
|
|
19859
|
+
enableInfiniteScroll = props.enableInfiniteScroll,
|
|
19860
|
+
onScroll = props.onScroll,
|
|
19861
|
+
fetchDataOnScroll = props.fetchDataOnScroll,
|
|
19862
|
+
enableRowVirtualization = props.enableRowVirtualization;
|
|
19863
|
+
var buffer = virtualRowOptions.buffer,
|
|
19864
|
+
visibleRows = virtualRowOptions.visibleRows;
|
|
19865
|
+
var _React$useState = React.useState(false),
|
|
19866
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
19867
|
+
isLoadingMore = _React$useState2[0],
|
|
19868
|
+
setIsLoadingMore = _React$useState2[1];
|
|
19869
|
+
var _React$useState3 = React.useState(2),
|
|
19870
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
19871
|
+
currentPage = _React$useState4[0],
|
|
19872
|
+
setCurrentPage = _React$useState4[1];
|
|
19873
|
+
var _React$useState5 = React.useState(true),
|
|
19874
|
+
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
19875
|
+
hasMoreData = _React$useState6[0],
|
|
19876
|
+
setHasMoreData = _React$useState6[1];
|
|
19877
|
+
var _React$useState7 = React.useState(false),
|
|
19878
|
+
_React$useState8 = _slicedToArray(_React$useState7, 2),
|
|
19879
|
+
error = _React$useState8[0],
|
|
19880
|
+
setError = _React$useState8[1];
|
|
19881
|
+
var _React$useState9 = React.useState(false),
|
|
19882
|
+
_React$useState10 = _slicedToArray(_React$useState9, 2),
|
|
19883
|
+
retryDataFetch = _React$useState10[0],
|
|
19884
|
+
setRetryDataFetch = _React$useState10[1];
|
|
19885
|
+
var endReached = React.useRef(false);
|
|
19886
|
+
var fetchRowsCount = infiniteScrollOptions.fetchRowsCount;
|
|
19887
|
+
infiniteScrollOptions.fetchThreshold;
|
|
19888
|
+
var fetchErrorRenderer = infiniteScrollOptions.fetchErrorRenderer,
|
|
19889
|
+
retryFetchRenderer = infiniteScrollOptions.retryFetchRenderer;
|
|
19689
19890
|
React.useEffect(function () {
|
|
19690
19891
|
var gridBodyEl = ref.querySelector('.Grid-body');
|
|
19691
19892
|
var gridHeadEl = ref.querySelector('.Grid-head');
|
|
@@ -19709,7 +19910,7 @@ var GridBody = function GridBody(props) {
|
|
|
19709
19910
|
var totalPages = Math.ceil(totalRecords / pageSize);
|
|
19710
19911
|
var isLastPage = withPagination && page === totalPages;
|
|
19711
19912
|
var dataLength = isLastPage ? totalRecords - (page - 1) * pageSize : loading ? pageSize : withPagination ? Math.min(totalRecords, pageSize) : totalRecords;
|
|
19712
|
-
var renderRow = function
|
|
19913
|
+
var renderRow = React.useCallback(function (rowIndex, item) {
|
|
19713
19914
|
return /*#__PURE__*/React.createElement(GridRow, {
|
|
19714
19915
|
key: rowIndex,
|
|
19715
19916
|
rowIndex: rowIndex,
|
|
@@ -19717,6 +19918,12 @@ var GridBody = function GridBody(props) {
|
|
|
19717
19918
|
schema: schema,
|
|
19718
19919
|
onSelect: onSelect
|
|
19719
19920
|
});
|
|
19921
|
+
}, [data, schema, onSelect]);
|
|
19922
|
+
var minRowHeight = {
|
|
19923
|
+
comfortable: 40,
|
|
19924
|
+
standard: 40,
|
|
19925
|
+
compressed: 32,
|
|
19926
|
+
tight: 24
|
|
19720
19927
|
};
|
|
19721
19928
|
var getArrayList = function getArrayList() {
|
|
19722
19929
|
if (loading && !data.length) {
|
|
@@ -19726,10 +19933,180 @@ var GridBody = function GridBody(props) {
|
|
|
19726
19933
|
}
|
|
19727
19934
|
return data;
|
|
19728
19935
|
};
|
|
19936
|
+
var fetchNextRows = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
|
|
19937
|
+
var _ref2, fetchRowsCount, dataList;
|
|
19938
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
19939
|
+
while (1) switch (_context.prev = _context.next) {
|
|
19940
|
+
case 0:
|
|
19941
|
+
_ref2 = infiniteScrollOptions || {}, fetchRowsCount = _ref2.fetchRowsCount;
|
|
19942
|
+
if (!(fetchDataOnScroll && !isLoadingMore && hasMoreData && !error)) {
|
|
19943
|
+
_context.next = 18;
|
|
19944
|
+
break;
|
|
19945
|
+
}
|
|
19946
|
+
setIsLoadingMore(true);
|
|
19947
|
+
_context.prev = 3;
|
|
19948
|
+
_context.next = 6;
|
|
19949
|
+
return fetchDataOnScroll === null || fetchDataOnScroll === void 0 ? void 0 : fetchDataOnScroll({
|
|
19950
|
+
page: currentPage + 1,
|
|
19951
|
+
rowsCount: fetchRowsCount
|
|
19952
|
+
});
|
|
19953
|
+
case 6:
|
|
19954
|
+
dataList = _context.sent;
|
|
19955
|
+
if ((dataList === null || dataList === void 0 ? void 0 : dataList.length) === 0) {
|
|
19956
|
+
setHasMoreData(false);
|
|
19957
|
+
}
|
|
19958
|
+
setCurrentPage(function (prevPage) {
|
|
19959
|
+
return prevPage + 1;
|
|
19960
|
+
});
|
|
19961
|
+
setError(false);
|
|
19962
|
+
_context.next = 15;
|
|
19963
|
+
break;
|
|
19964
|
+
case 12:
|
|
19965
|
+
_context.prev = 12;
|
|
19966
|
+
_context.t0 = _context["catch"](3);
|
|
19967
|
+
setError(true);
|
|
19968
|
+
case 15:
|
|
19969
|
+
_context.prev = 15;
|
|
19970
|
+
setIsLoadingMore(false);
|
|
19971
|
+
return _context.finish(15);
|
|
19972
|
+
case 18:
|
|
19973
|
+
case "end":
|
|
19974
|
+
return _context.stop();
|
|
19975
|
+
}
|
|
19976
|
+
}, _callee, null, [[3, 12, 15, 18]]);
|
|
19977
|
+
})), [isLoadingMore, hasMoreData, currentPage, fetchRowsCount, error]);
|
|
19978
|
+
var thresholdMapper = {
|
|
19979
|
+
early: 0.5,
|
|
19980
|
+
balanced: 0.75,
|
|
19981
|
+
lazy: 0.9,
|
|
19982
|
+
'at-end': 0
|
|
19983
|
+
};
|
|
19984
|
+
var onScrollHandler = function onScrollHandler(event, listRef) {
|
|
19985
|
+
if (enableInfiniteScroll && infiniteScrollOptions && !withPagination) {
|
|
19986
|
+
var _fetchThreshold = infiniteScrollOptions.fetchThreshold;
|
|
19987
|
+
var scrollTop = listRef.scrollTop,
|
|
19988
|
+
scrollHeight = listRef.scrollHeight,
|
|
19989
|
+
clientHeight = listRef.clientHeight;
|
|
19990
|
+
var hasEndReached = _fetchThreshold === 'at-end' && scrollTop + clientHeight >= scrollHeight;
|
|
19991
|
+
var hasThresholdReached = _fetchThreshold !== 'at-end' && scrollTop + clientHeight >= scrollHeight * thresholdMapper[_fetchThreshold];
|
|
19992
|
+
|
|
19993
|
+
// Check if user has scrolled to the threshold
|
|
19994
|
+
if (hasEndReached || hasThresholdReached) {
|
|
19995
|
+
if (!endReached.current) {
|
|
19996
|
+
endReached.current = true;
|
|
19997
|
+
fetchNextRows();
|
|
19998
|
+
}
|
|
19999
|
+
} else if (!hasEndReached && !hasThresholdReached) {
|
|
20000
|
+
endReached.current = false;
|
|
20001
|
+
}
|
|
20002
|
+
}
|
|
20003
|
+
if (onScroll) {
|
|
20004
|
+
onScroll(event);
|
|
20005
|
+
}
|
|
20006
|
+
};
|
|
20007
|
+
var memoizedVirtualScroll = React.useMemo(function () {
|
|
20008
|
+
return /*#__PURE__*/React.createElement(VirtualList, {
|
|
20009
|
+
buffer: buffer,
|
|
20010
|
+
className: gridStyles['Grid-body'],
|
|
20011
|
+
length: visibleRows,
|
|
20012
|
+
minItemHeight: minRowHeight[size],
|
|
20013
|
+
totalLength: dataLength,
|
|
20014
|
+
renderItem: renderRow,
|
|
20015
|
+
onScroll: onScrollHandler
|
|
20016
|
+
});
|
|
20017
|
+
}, [dataLength, renderRow, minRowHeight, size]);
|
|
20018
|
+
var handleOnScroll = function handleOnScroll(event) {
|
|
20019
|
+
if (!enableRowVirtualization) {
|
|
20020
|
+
onScrollHandler(event.nativeEvent, listRef.current);
|
|
20021
|
+
}
|
|
20022
|
+
};
|
|
20023
|
+
var retryRowsFetch = /*#__PURE__*/function () {
|
|
20024
|
+
var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
|
|
20025
|
+
var dataList;
|
|
20026
|
+
return _regeneratorRuntime().wrap(function _callee2$(_context2) {
|
|
20027
|
+
while (1) switch (_context2.prev = _context2.next) {
|
|
20028
|
+
case 0:
|
|
20029
|
+
setError(false);
|
|
20030
|
+
setRetryDataFetch(true);
|
|
20031
|
+
setIsLoadingMore(true);
|
|
20032
|
+
_context2.prev = 3;
|
|
20033
|
+
_context2.next = 6;
|
|
20034
|
+
return fetchDataOnScroll === null || fetchDataOnScroll === void 0 ? void 0 : fetchDataOnScroll({
|
|
20035
|
+
page: currentPage + 1,
|
|
20036
|
+
rowsCount: fetchRowsCount
|
|
20037
|
+
});
|
|
20038
|
+
case 6:
|
|
20039
|
+
dataList = _context2.sent;
|
|
20040
|
+
if ((dataList === null || dataList === void 0 ? void 0 : dataList.length) === 0) {
|
|
20041
|
+
setHasMoreData(false);
|
|
20042
|
+
}
|
|
20043
|
+
setCurrentPage(function (prevPage) {
|
|
20044
|
+
return prevPage + 1;
|
|
20045
|
+
});
|
|
20046
|
+
setError(false);
|
|
20047
|
+
_context2.next = 15;
|
|
20048
|
+
break;
|
|
20049
|
+
case 12:
|
|
20050
|
+
_context2.prev = 12;
|
|
20051
|
+
_context2.t0 = _context2["catch"](3);
|
|
20052
|
+
setError(true);
|
|
20053
|
+
case 15:
|
|
20054
|
+
_context2.prev = 15;
|
|
20055
|
+
setIsLoadingMore(false);
|
|
20056
|
+
setRetryDataFetch(false);
|
|
20057
|
+
return _context2.finish(15);
|
|
20058
|
+
case 19:
|
|
20059
|
+
case "end":
|
|
20060
|
+
return _context2.stop();
|
|
20061
|
+
}
|
|
20062
|
+
}, _callee2, null, [[3, 12, 15, 19]]);
|
|
20063
|
+
}));
|
|
20064
|
+
return function retryRowsFetch() {
|
|
20065
|
+
return _ref3.apply(this, arguments);
|
|
20066
|
+
};
|
|
20067
|
+
}();
|
|
20068
|
+
var errorTemplate = function errorTemplate() {
|
|
20069
|
+
if (fetchErrorRenderer) {
|
|
20070
|
+
return fetchErrorRenderer(retryRowsFetch);
|
|
20071
|
+
}
|
|
20072
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
20073
|
+
className: "d-flex justify-content-center align-items-center my-5"
|
|
20074
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
20075
|
+
appearance: "subtle"
|
|
20076
|
+
}, "Failed to load data. Please try again."), /*#__PURE__*/React.createElement(Button, {
|
|
20077
|
+
size: "tiny",
|
|
20078
|
+
icon: "refresh",
|
|
20079
|
+
onClick: retryRowsFetch,
|
|
20080
|
+
className: "ml-6"
|
|
20081
|
+
}, "Try again"));
|
|
20082
|
+
};
|
|
20083
|
+
var retryFetchTemplate = function retryFetchTemplate() {
|
|
20084
|
+
if (retryFetchRenderer) {
|
|
20085
|
+
return retryFetchRenderer();
|
|
20086
|
+
}
|
|
20087
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
20088
|
+
className: "d-flex justify-content-center align-items-center my-5"
|
|
20089
|
+
}, /*#__PURE__*/React.createElement(Text, {
|
|
20090
|
+
appearance: "subtle"
|
|
20091
|
+
}, "Loading data, please wait..."), /*#__PURE__*/React.createElement(Button, {
|
|
20092
|
+
size: "tiny",
|
|
20093
|
+
icon: "refresh",
|
|
20094
|
+
disabled: isLoadingMore,
|
|
20095
|
+
className: "ml-6"
|
|
20096
|
+
}, "Try again"));
|
|
20097
|
+
};
|
|
19729
20098
|
return /*#__PURE__*/React.createElement("div", {
|
|
19730
|
-
className: gridStyles['Grid-body']
|
|
19731
|
-
|
|
20099
|
+
className: gridStyles['Grid-body'],
|
|
20100
|
+
onScroll: function onScroll(event) {
|
|
20101
|
+
return handleOnScroll(event);
|
|
20102
|
+
},
|
|
20103
|
+
ref: listRef
|
|
20104
|
+
}, enableRowVirtualization ? memoizedVirtualScroll : getArrayList().map(function (item, i) {
|
|
19732
20105
|
return renderRow(i, item);
|
|
20106
|
+
}), error && errorTemplate(), retryDataFetch && retryFetchTemplate(), isLoadingMore && /*#__PURE__*/React.createElement(ProgressBar, {
|
|
20107
|
+
state: "indeterminate",
|
|
20108
|
+
className: "position-absolute bottom-0",
|
|
20109
|
+
size: "small"
|
|
19733
20110
|
}));
|
|
19734
20111
|
};
|
|
19735
20112
|
|
|
@@ -19954,7 +20331,15 @@ var Grid = /*#__PURE__*/function (_React$Component) {
|
|
|
19954
20331
|
className = _this$props.className,
|
|
19955
20332
|
page = _this$props.page,
|
|
19956
20333
|
loading = _this$props.loading,
|
|
19957
|
-
loaderSchema = _this$props.loaderSchema
|
|
20334
|
+
loaderSchema = _this$props.loaderSchema,
|
|
20335
|
+
virtualRowOptions = _this$props.virtualRowOptions,
|
|
20336
|
+
infiniteScrollOptions = _this$props.infiniteScrollOptions,
|
|
20337
|
+
enableInfiniteScroll = _this$props.enableInfiniteScroll,
|
|
20338
|
+
enableRowVirtualization = _this$props.enableRowVirtualization,
|
|
20339
|
+
onScroll = _this$props.onScroll,
|
|
20340
|
+
fetchDataOnScroll = _this$props.fetchDataOnScroll,
|
|
20341
|
+
error = _this$props.error,
|
|
20342
|
+
errorTemplate = _this$props.errorTemplate;
|
|
19958
20343
|
var schema = getSchema(this.props.schema, loading, loaderSchema);
|
|
19959
20344
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, gridStyles.Grid, 'true'), gridStyles["Grid--".concat(type)], type), gridStyles["Grid--".concat(size)], size), className);
|
|
19960
20345
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
@@ -19975,12 +20360,18 @@ var Grid = /*#__PURE__*/function (_React$Component) {
|
|
|
19975
20360
|
onFilterChange: this.onFilterChange.bind(this),
|
|
19976
20361
|
updateColumnSchema: this.updateColumnSchema.bind(this),
|
|
19977
20362
|
reorderColumn: this.reorderColumn.bind(this)
|
|
19978
|
-
}), /*#__PURE__*/React.createElement(GridBody, {
|
|
20363
|
+
}), !loading && error ? errorTemplate && (typeof errorTemplate === 'function' ? errorTemplate({}) : errorTemplate) : /*#__PURE__*/React.createElement(GridBody, {
|
|
19979
20364
|
key: "".concat(page),
|
|
19980
20365
|
schema: schema,
|
|
19981
20366
|
prevPageInfo: prevPageInfo,
|
|
19982
20367
|
updatePrevPageInfo: this.updatePrevPageInfo.bind(this),
|
|
19983
|
-
onSelect: this.onSelect.bind(this)
|
|
20368
|
+
onSelect: this.onSelect.bind(this),
|
|
20369
|
+
enableRowVirtualization: enableRowVirtualization,
|
|
20370
|
+
virtualRowOptions: virtualRowOptions,
|
|
20371
|
+
infiniteScrollOptions: infiniteScrollOptions,
|
|
20372
|
+
enableInfiniteScroll: enableInfiniteScroll,
|
|
20373
|
+
onScroll: onScroll,
|
|
20374
|
+
fetchDataOnScroll: fetchDataOnScroll
|
|
19984
20375
|
})));
|
|
19985
20376
|
}
|
|
19986
20377
|
}]);
|
|
@@ -20376,8 +20767,8 @@ var DraggableDropdown = function DraggableDropdown(props) {
|
|
|
20376
20767
|
}, "Apply"))));
|
|
20377
20768
|
};
|
|
20378
20769
|
|
|
20379
|
-
var css_248z$j = ".table-module-Table--qR8j-4-
|
|
20380
|
-
var tableStyles = {"Table":"table-module-Table--qR8j-4-
|
|
20770
|
+
var css_248z$j = ".table-module-Table--qR8j-4-6-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-6-0 {\n height: 100%;\n overflow: hidden;\n z-index: 1;\n}\n\n.table-module-Table-pagination-8llhn-4-6-0 {\n display: flex;\n justify-content: center;\n background: var(--white);\n padding: var(--spacing) 0;\n border-top: var(--border);\n}\n\n.table-module-Table-Header--Divider--qPHO-4-6-0 {\n height: var(--spacing-xl);\n}\n\n.table-module-Table-Header-Label--hide-z7HVq-4-6-0 {\n animation: table-module-fadeOut-9yrts-4-6-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-6-0 {\n animation: table-module-fadeIn-YCXL6-4-6-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n animation-fill-mode: forwards;\n}\n";
|
|
20771
|
+
var tableStyles = {"Table":"table-module-Table--qR8j-4-6-0","Table-grid":"table-module-Table-grid-4jCRZ-4-6-0","Table-pagination":"table-module-Table-pagination-8llhn-4-6-0","Table-Header--Divider":"table-module-Table-Header--Divider--qPHO-4-6-0","Table-Header-Label--hide":"table-module-Table-Header-Label--hide-z7HVq-4-6-0","fadeOut":"table-module-fadeOut-9yrts-4-6-0","Table-Header-Label--show":"table-module-Table-Header-Label--show-bh0tC-4-6-0","fadeIn":"table-module-fadeIn-YCXL6-4-6-0"};
|
|
20381
20772
|
styleInject(css_248z$j);
|
|
20382
20773
|
|
|
20383
20774
|
var Header = function Header(props) {
|
|
@@ -20415,7 +20806,9 @@ var Header = function Header(props) {
|
|
|
20415
20806
|
onClearSelection = props.onClearSelection,
|
|
20416
20807
|
onSelectAllRows = props.onSelectAllRows,
|
|
20417
20808
|
selectionActionRenderer = props.selectionActionRenderer,
|
|
20418
|
-
uniqueColumnName = props.uniqueColumnName
|
|
20809
|
+
uniqueColumnName = props.uniqueColumnName,
|
|
20810
|
+
totalRowsCount = props.totalRowsCount,
|
|
20811
|
+
enableInfiniteScroll = props.enableInfiniteScroll;
|
|
20419
20812
|
var _React$useState = React.useState(false),
|
|
20420
20813
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
20421
20814
|
selectAllRecords = _React$useState2[0],
|
|
@@ -20516,8 +20909,10 @@ var Header = function Header(props) {
|
|
|
20516
20909
|
return "Showing 0 ".concat(customLabel, "s");
|
|
20517
20910
|
} else if (withPagination) {
|
|
20518
20911
|
return "Showing ".concat(startIndex, "-").concat(endIndex, " of ").concat(totalRecords, " ").concat(customLabel).concat(getPluralSuffix(totalRecords));
|
|
20912
|
+
} else if (enableInfiniteScroll && totalRowsCount) {
|
|
20913
|
+
return "Showing ".concat(totalRecords, " of ").concat(totalRowsCount, " ").concat(customLabel).concat(getPluralSuffix(totalRecords)); // here
|
|
20519
20914
|
}
|
|
20520
|
-
return "Showing ".concat(totalRecords, " ").concat(customLabel).concat(getPluralSuffix(totalRecords));
|
|
20915
|
+
return "Showing ".concat(totalRecords, " ").concat(customLabel).concat(getPluralSuffix(totalRecords)); // here
|
|
20521
20916
|
};
|
|
20522
20917
|
var getSelectedRowLabel = function getSelectedRowLabel() {
|
|
20523
20918
|
if (selectedRowsCount > 0 && uniqueColumnName && withCheckbox) {
|
|
@@ -20703,13 +21098,17 @@ var defaultProps = {
|
|
|
20703
21098
|
filterPosition: 'GRID',
|
|
20704
21099
|
searchDebounceDuration: 750,
|
|
20705
21100
|
pageJumpDebounceDuration: 750,
|
|
20706
|
-
errorTemplate: defaultErrorTemplate
|
|
21101
|
+
errorTemplate: defaultErrorTemplate,
|
|
21102
|
+
infiniteScrollOptions: {
|
|
21103
|
+
fetchRowsCount: 50,
|
|
21104
|
+
fetchThreshold: 'balanced'
|
|
21105
|
+
}
|
|
20707
21106
|
};
|
|
20708
21107
|
var Table = /*#__PURE__*/function (_React$Component) {
|
|
20709
|
-
function Table(
|
|
21108
|
+
function Table(_props) {
|
|
20710
21109
|
var _this;
|
|
20711
21110
|
_classCallCheck(this, Table);
|
|
20712
|
-
_this = _callSuper(this, Table, [
|
|
21111
|
+
_this = _callSuper(this, Table, [_props]);
|
|
20713
21112
|
_defineProperty$1(_this, "debounceUpdate", void 0);
|
|
20714
21113
|
_defineProperty$1(_this, "selectedRowsRef", /*#__PURE__*/React.createRef());
|
|
20715
21114
|
_defineProperty$1(_this, "clearSelectionRef", /*#__PURE__*/React.createRef());
|
|
@@ -20726,29 +21125,93 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
20726
21125
|
_this.updateDataFn();
|
|
20727
21126
|
}
|
|
20728
21127
|
});
|
|
21128
|
+
_defineProperty$1(_this, "fetchDataOnScroll", /*#__PURE__*/function () {
|
|
21129
|
+
var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(props) {
|
|
21130
|
+
var _this$state, sortingList, filterList, searchTerm, _this$props, fetchData, uniqueColumnName, page, rowsCount, opts, res;
|
|
21131
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
21132
|
+
while (1) switch (_context.prev = _context.next) {
|
|
21133
|
+
case 0:
|
|
21134
|
+
_this$state = _this.state, sortingList = _this$state.sortingList, filterList = _this$state.filterList, searchTerm = _this$state.searchTerm;
|
|
21135
|
+
_this$props = _this.props, fetchData = _this$props.fetchData, uniqueColumnName = _this$props.uniqueColumnName;
|
|
21136
|
+
page = props.page, rowsCount = props.rowsCount;
|
|
21137
|
+
opts = {
|
|
21138
|
+
page: page,
|
|
21139
|
+
pageSize: rowsCount,
|
|
21140
|
+
sortingList: sortingList,
|
|
21141
|
+
filterList: filterList,
|
|
21142
|
+
searchTerm: searchTerm
|
|
21143
|
+
};
|
|
21144
|
+
if (!fetchData) {
|
|
21145
|
+
_context.next = 16;
|
|
21146
|
+
break;
|
|
21147
|
+
}
|
|
21148
|
+
_context.prev = 5;
|
|
21149
|
+
_context.next = 8;
|
|
21150
|
+
return fetchData(opts);
|
|
21151
|
+
case 8:
|
|
21152
|
+
res = _context.sent;
|
|
21153
|
+
_this.setState(function (prevState) {
|
|
21154
|
+
var newList = [].concat(_toConsumableArray(prevState.data), _toConsumableArray(res.data));
|
|
21155
|
+
var dataReplica = JSON.parse(JSON.stringify(newList));
|
|
21156
|
+
var preSelectedRows = newList.filter(function (item) {
|
|
21157
|
+
return item._selected;
|
|
21158
|
+
});
|
|
21159
|
+
if (_this.clearSelectionRef.current) {
|
|
21160
|
+
_this.selectedRowsRef.current = [];
|
|
21161
|
+
} else {
|
|
21162
|
+
_this.selectedRowsRef.current = _this.selectedRowsRef.current ? removeDuplicate([].concat(_toConsumableArray(_this.selectedRowsRef.current), _toConsumableArray(preSelectedRows)), uniqueColumnName) : removeDuplicate(_toConsumableArray(preSelectedRows), uniqueColumnName);
|
|
21163
|
+
}
|
|
21164
|
+
var selectedData = getUpdatedData(dataReplica, _this.selectedRowsRef.current, uniqueColumnName, _this.clearSelectionRef.current, _this.selectAllRef.current);
|
|
21165
|
+
return {
|
|
21166
|
+
data: selectedData,
|
|
21167
|
+
totalRecords: selectedData.length,
|
|
21168
|
+
totalRowsCount: res.totalRowsCount || _this.state.totalRowsCount,
|
|
21169
|
+
loading: false,
|
|
21170
|
+
error: !selectedData.length
|
|
21171
|
+
};
|
|
21172
|
+
});
|
|
21173
|
+
return _context.abrupt("return", res.data);
|
|
21174
|
+
case 13:
|
|
21175
|
+
_context.prev = 13;
|
|
21176
|
+
_context.t0 = _context["catch"](5);
|
|
21177
|
+
throw new Error('Failed to fetch data');
|
|
21178
|
+
case 16:
|
|
21179
|
+
return _context.abrupt("return", []);
|
|
21180
|
+
case 17:
|
|
21181
|
+
case "end":
|
|
21182
|
+
return _context.stop();
|
|
21183
|
+
}
|
|
21184
|
+
}, _callee, null, [[5, 13]]);
|
|
21185
|
+
}));
|
|
21186
|
+
return function (_x) {
|
|
21187
|
+
return _ref.apply(this, arguments);
|
|
21188
|
+
};
|
|
21189
|
+
}());
|
|
20729
21190
|
_defineProperty$1(_this, "updateDataFn", function () {
|
|
20730
|
-
var _this$
|
|
20731
|
-
fetchData = _this$
|
|
20732
|
-
pageSize = _this$
|
|
20733
|
-
withPagination = _this$
|
|
20734
|
-
dataProp = _this$
|
|
20735
|
-
onSearch = _this$
|
|
20736
|
-
uniqueColumnName = _this$
|
|
20737
|
-
|
|
20738
|
-
|
|
20739
|
-
|
|
20740
|
-
|
|
20741
|
-
|
|
20742
|
-
|
|
21191
|
+
var _this$props2 = _this.props,
|
|
21192
|
+
fetchData = _this$props2.fetchData,
|
|
21193
|
+
pageSize = _this$props2.pageSize,
|
|
21194
|
+
withPagination = _this$props2.withPagination,
|
|
21195
|
+
dataProp = _this$props2.data,
|
|
21196
|
+
onSearch = _this$props2.onSearch,
|
|
21197
|
+
uniqueColumnName = _this$props2.uniqueColumnName,
|
|
21198
|
+
enableInfiniteScroll = _this$props2.enableInfiniteScroll,
|
|
21199
|
+
infiniteScrollOptions = _this$props2.infiniteScrollOptions;
|
|
21200
|
+
var _this$state2 = _this.state,
|
|
21201
|
+
async = _this$state2.async,
|
|
21202
|
+
page = _this$state2.page,
|
|
21203
|
+
sortingList = _this$state2.sortingList,
|
|
21204
|
+
filterList = _this$state2.filterList,
|
|
21205
|
+
searchTerm = _this$state2.searchTerm;
|
|
20743
21206
|
_this.onSelect(-1, false);
|
|
20744
21207
|
var opts = {
|
|
20745
21208
|
page: page,
|
|
20746
|
-
pageSize: pageSize,
|
|
21209
|
+
pageSize: enableInfiniteScroll && infiniteScrollOptions ? infiniteScrollOptions.fetchRowsCount * 2 : pageSize,
|
|
20747
21210
|
sortingList: sortingList,
|
|
20748
21211
|
filterList: filterList,
|
|
20749
21212
|
searchTerm: searchTerm
|
|
20750
21213
|
};
|
|
20751
|
-
if (!
|
|
21214
|
+
if (!withPagination && !enableInfiniteScroll) {
|
|
20752
21215
|
delete opts.page;
|
|
20753
21216
|
delete opts.pageSize;
|
|
20754
21217
|
}
|
|
@@ -20774,6 +21237,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
20774
21237
|
schema: schema,
|
|
20775
21238
|
selectAll: getSelectAll(selectedData, _this.props.selectDisabledRow, _this.clearSelectionRef.current),
|
|
20776
21239
|
totalRecords: res.count,
|
|
21240
|
+
totalRowsCount: res.totalRowsCount || _this.state.totalRowsCount,
|
|
20777
21241
|
loading: false,
|
|
20778
21242
|
error: !data.length,
|
|
20779
21243
|
errorType: 'NO_RECORDS_FOUND'
|
|
@@ -20815,15 +21279,16 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
20815
21279
|
selectAll: getSelectAll(renderedData, _this.props.selectDisabledRow, _this.clearSelectionRef.current),
|
|
20816
21280
|
schema: renderedSchema,
|
|
20817
21281
|
displayData: sortedData,
|
|
20818
|
-
data: selectedData
|
|
21282
|
+
data: selectedData,
|
|
21283
|
+
totalRowsCount: sortedData.length
|
|
20819
21284
|
});
|
|
20820
21285
|
}
|
|
20821
21286
|
});
|
|
20822
21287
|
_defineProperty$1(_this, "onSelect", function (rowIndexes, selected) {
|
|
20823
21288
|
var data = _this.state.data;
|
|
20824
|
-
var _this$
|
|
20825
|
-
onSelect = _this$
|
|
20826
|
-
uniqueColumnName = _this$
|
|
21289
|
+
var _this$props3 = _this.props,
|
|
21290
|
+
onSelect = _this$props3.onSelect,
|
|
21291
|
+
uniqueColumnName = _this$props3.uniqueColumnName;
|
|
20827
21292
|
if (_this.selectAllRef.current && rowIndexes !== -1 && !selected) {
|
|
20828
21293
|
_this.selectAllRef.current = false;
|
|
20829
21294
|
_this.selectedRowsRef.current = [];
|
|
@@ -20894,9 +21359,9 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
20894
21359
|
}
|
|
20895
21360
|
});
|
|
20896
21361
|
_defineProperty$1(_this, "onSelectAll", function (selected, selectAll, headerCheckbox) {
|
|
20897
|
-
var _this$
|
|
20898
|
-
onSelect = _this$
|
|
20899
|
-
uniqueColumnName = _this$
|
|
21362
|
+
var _this$props4 = _this.props,
|
|
21363
|
+
onSelect = _this$props4.onSelect,
|
|
21364
|
+
uniqueColumnName = _this$props4.uniqueColumnName;
|
|
20900
21365
|
var data = _this.state.data;
|
|
20901
21366
|
var indexes = Array.from({
|
|
20902
21367
|
length: data.length
|
|
@@ -20997,24 +21462,25 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
20997
21462
|
_this.onSelectAll(true, true);
|
|
20998
21463
|
});
|
|
20999
21464
|
var _async = 'fetchData' in _this.props;
|
|
21000
|
-
var _data =
|
|
21001
|
-
var _schema =
|
|
21465
|
+
var _data = _props.data || [];
|
|
21466
|
+
var _schema = _props.schema || [];
|
|
21002
21467
|
_this.state = {
|
|
21003
21468
|
async: _async,
|
|
21004
21469
|
data: !_async ? _data : [],
|
|
21005
21470
|
displayData: !_async ? _data : [],
|
|
21006
21471
|
schema: !_async ? _schema : [],
|
|
21007
|
-
page:
|
|
21008
|
-
sortingList:
|
|
21009
|
-
filterList:
|
|
21472
|
+
page: _props.page,
|
|
21473
|
+
sortingList: _props.sortingList,
|
|
21474
|
+
filterList: _props.filterList,
|
|
21010
21475
|
totalRecords: !_async ? _data.length : 0,
|
|
21011
|
-
loading: !_async ?
|
|
21012
|
-
error: !_async ?
|
|
21013
|
-
errorType:
|
|
21476
|
+
loading: !_async ? _props.loading : true,
|
|
21477
|
+
error: !_async ? _props.error : false,
|
|
21478
|
+
errorType: _props.errorType,
|
|
21014
21479
|
selectAll: getSelectAll([]),
|
|
21015
|
-
searchTerm: undefined
|
|
21480
|
+
searchTerm: undefined,
|
|
21481
|
+
totalRowsCount: !_async ? _data.length : 0
|
|
21016
21482
|
};
|
|
21017
|
-
_this.debounceUpdate = debounce$1(
|
|
21483
|
+
_this.debounceUpdate = debounce$1(_props.searchDebounceDuration, _this.updateDataFn);
|
|
21018
21484
|
return _this;
|
|
21019
21485
|
}
|
|
21020
21486
|
_inherits(Table, _React$Component);
|
|
@@ -21029,11 +21495,11 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21029
21495
|
var _this2 = this;
|
|
21030
21496
|
if (!this.state.async) {
|
|
21031
21497
|
if (prevProps.error !== this.props.error) {
|
|
21032
|
-
var _this$
|
|
21033
|
-
_this$
|
|
21034
|
-
data = _this$
|
|
21035
|
-
_this$
|
|
21036
|
-
schema = _this$
|
|
21498
|
+
var _this$props5 = this.props,
|
|
21499
|
+
_this$props5$data = _this$props5.data,
|
|
21500
|
+
data = _this$props5$data === void 0 ? [] : _this$props5$data,
|
|
21501
|
+
_this$props5$schema = _this$props5.schema,
|
|
21502
|
+
schema = _this$props5$schema === void 0 ? [] : _this$props5$schema;
|
|
21037
21503
|
this.setState({
|
|
21038
21504
|
data: data,
|
|
21039
21505
|
displayData: data,
|
|
@@ -21042,15 +21508,16 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21042
21508
|
errorType: this.props.errorType,
|
|
21043
21509
|
page: 1,
|
|
21044
21510
|
totalRecords: data.length || 0,
|
|
21045
|
-
selectAll: getSelectAll([])
|
|
21511
|
+
selectAll: getSelectAll([]),
|
|
21512
|
+
totalRowsCount: data.length || 0
|
|
21046
21513
|
});
|
|
21047
21514
|
}
|
|
21048
21515
|
if (prevProps.loading !== this.props.loading) {
|
|
21049
|
-
var _this$
|
|
21050
|
-
_this$
|
|
21051
|
-
_data2 = _this$
|
|
21052
|
-
_this$
|
|
21053
|
-
_schema2 = _this$
|
|
21516
|
+
var _this$props6 = this.props,
|
|
21517
|
+
_this$props6$data = _this$props6.data,
|
|
21518
|
+
_data2 = _this$props6$data === void 0 ? [] : _this$props6$data,
|
|
21519
|
+
_this$props6$schema = _this$props6.schema,
|
|
21520
|
+
_schema2 = _this$props6$schema === void 0 ? [] : _this$props6$schema;
|
|
21054
21521
|
this.setState({
|
|
21055
21522
|
data: _data2,
|
|
21056
21523
|
displayData: _data2,
|
|
@@ -21060,7 +21527,8 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21060
21527
|
errorType: this.props.errorType,
|
|
21061
21528
|
page: 1,
|
|
21062
21529
|
totalRecords: _data2.length || 0,
|
|
21063
|
-
selectAll: getSelectAll([])
|
|
21530
|
+
selectAll: getSelectAll([]),
|
|
21531
|
+
totalRowsCount: _data2.length || 0
|
|
21064
21532
|
}, function () {
|
|
21065
21533
|
_this2.updateData();
|
|
21066
21534
|
});
|
|
@@ -21072,15 +21540,6 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21072
21540
|
}
|
|
21073
21541
|
if (prevState.page !== this.state.page || prevState.filterList !== this.state.filterList || prevState.sortingList !== this.state.sortingList || prevState.searchTerm !== this.state.searchTerm) {
|
|
21074
21542
|
if (!this.props.loading) {
|
|
21075
|
-
// let errorType = "";
|
|
21076
|
-
// let errorCount = 0;
|
|
21077
|
-
// if(prevState.page !== this.state.page) errorType = "ON_PAGE_CHANGE", errorCount++;
|
|
21078
|
-
// if(prevState.filterList !== this.state.filterList) errorType = "ON_FILTER_CHANGE", errorCount++;
|
|
21079
|
-
// if(prevState.sortingList !== this.state.sortingList) errorType = "ON_SORTING_CHANGE", errorCount++;
|
|
21080
|
-
// if(prevState.searchTerm !== this.state.searchTerm) errorType = "ON_SEARCH_CHANGE", errorCount++;
|
|
21081
|
-
// this.setState({
|
|
21082
|
-
// errorType: errorCount > 1 ? "FAILED_TO_FETCH" : errorType
|
|
21083
|
-
// });
|
|
21084
21543
|
var searchUpdate = prevState.searchTerm !== this.state.searchTerm;
|
|
21085
21544
|
this.updateData(searchUpdate);
|
|
21086
21545
|
}
|
|
@@ -21089,34 +21548,38 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21089
21548
|
}, {
|
|
21090
21549
|
key: "render",
|
|
21091
21550
|
value: function render() {
|
|
21092
|
-
var _this$
|
|
21093
|
-
showHead = _this$
|
|
21094
|
-
type = _this$
|
|
21095
|
-
size = _this$
|
|
21096
|
-
headCellTooltip = _this$
|
|
21097
|
-
separator = _this$
|
|
21098
|
-
draggable = _this$
|
|
21099
|
-
nestedRows = _this$
|
|
21100
|
-
nestedRowRenderer = _this$
|
|
21101
|
-
withHeader = _this$
|
|
21102
|
-
headerOptions = _this$
|
|
21103
|
-
withCheckbox = _this$
|
|
21104
|
-
showMenu = _this$
|
|
21105
|
-
withPagination = _this$
|
|
21106
|
-
paginationType = _this$
|
|
21107
|
-
pageSize = _this$
|
|
21108
|
-
pageJumpDebounceDuration = _this$
|
|
21109
|
-
onRowClick = _this$
|
|
21110
|
-
loaderSchema = _this$
|
|
21111
|
-
errorTemplate = _this$
|
|
21112
|
-
className = _this$
|
|
21113
|
-
filterPosition = _this$
|
|
21114
|
-
uniqueColumnName = _this$
|
|
21115
|
-
checkboxAlignment = _this$
|
|
21551
|
+
var _this$props7 = this.props,
|
|
21552
|
+
showHead = _this$props7.showHead,
|
|
21553
|
+
type = _this$props7.type,
|
|
21554
|
+
size = _this$props7.size,
|
|
21555
|
+
headCellTooltip = _this$props7.headCellTooltip,
|
|
21556
|
+
separator = _this$props7.separator,
|
|
21557
|
+
draggable = _this$props7.draggable,
|
|
21558
|
+
nestedRows = _this$props7.nestedRows,
|
|
21559
|
+
nestedRowRenderer = _this$props7.nestedRowRenderer,
|
|
21560
|
+
withHeader = _this$props7.withHeader,
|
|
21561
|
+
headerOptions = _this$props7.headerOptions,
|
|
21562
|
+
withCheckbox = _this$props7.withCheckbox,
|
|
21563
|
+
showMenu = _this$props7.showMenu,
|
|
21564
|
+
withPagination = _this$props7.withPagination,
|
|
21565
|
+
paginationType = _this$props7.paginationType,
|
|
21566
|
+
pageSize = _this$props7.pageSize,
|
|
21567
|
+
pageJumpDebounceDuration = _this$props7.pageJumpDebounceDuration,
|
|
21568
|
+
onRowClick = _this$props7.onRowClick,
|
|
21569
|
+
loaderSchema = _this$props7.loaderSchema,
|
|
21570
|
+
errorTemplate = _this$props7.errorTemplate,
|
|
21571
|
+
className = _this$props7.className,
|
|
21572
|
+
filterPosition = _this$props7.filterPosition,
|
|
21573
|
+
uniqueColumnName = _this$props7.uniqueColumnName,
|
|
21574
|
+
checkboxAlignment = _this$props7.checkboxAlignment,
|
|
21575
|
+
virtualRowOptions = _this$props7.virtualRowOptions,
|
|
21576
|
+
enableInfiniteScroll = _this$props7.enableInfiniteScroll,
|
|
21577
|
+
infiniteScrollOptions = _this$props7.infiniteScrollOptions,
|
|
21578
|
+
onScroll = _this$props7.onScroll;
|
|
21116
21579
|
var baseProps = extractBaseProps(this.props);
|
|
21117
|
-
var
|
|
21118
|
-
headerChildren =
|
|
21119
|
-
headerAttr = _objectWithoutProperties(
|
|
21580
|
+
var _ref2 = headerOptions,
|
|
21581
|
+
headerChildren = _ref2.children,
|
|
21582
|
+
headerAttr = _objectWithoutProperties(_ref2, _excluded$E);
|
|
21120
21583
|
var classes = className ? " ".concat(className) : '';
|
|
21121
21584
|
var totalRecords = this.state.totalRecords;
|
|
21122
21585
|
var totalPages = getTotalPages(totalRecords, pageSize);
|
|
@@ -21127,10 +21590,7 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21127
21590
|
}), withHeader && /*#__PURE__*/React.createElement("div", {
|
|
21128
21591
|
"data-test": "DesignSystem-Table-header"
|
|
21129
21592
|
}, /*#__PURE__*/React.createElement(Header, _extends$2({}, this.state, {
|
|
21130
|
-
|
|
21131
|
-
updateSchema: this.updateSchema
|
|
21132
|
-
// updateSortingList={updateSortingList}
|
|
21133
|
-
,
|
|
21593
|
+
updateSchema: this.updateSchema,
|
|
21134
21594
|
updateFilterList: this.updateFilterList,
|
|
21135
21595
|
updateSearchTerm: this.updateSearchTerm,
|
|
21136
21596
|
showHead: showHead,
|
|
@@ -21143,7 +21603,8 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21143
21603
|
onClearSelection: this.onClearSelection,
|
|
21144
21604
|
onSelectAllRows: this.onSelectAllRows,
|
|
21145
21605
|
selectedAllRef: this.selectAllRef,
|
|
21146
|
-
uniqueColumnName: uniqueColumnName
|
|
21606
|
+
uniqueColumnName: uniqueColumnName,
|
|
21607
|
+
enableInfiniteScroll: enableInfiniteScroll
|
|
21147
21608
|
}, headerAttr), headerChildren)), /*#__PURE__*/React.createElement("div", {
|
|
21148
21609
|
className: tableStyles['Table-grid']
|
|
21149
21610
|
}, /*#__PURE__*/React.createElement(Grid, _extends$2({}, this.state, {
|
|
@@ -21172,7 +21633,13 @@ var Table = /*#__PURE__*/function (_React$Component) {
|
|
|
21172
21633
|
errorType: this.state.errorType
|
|
21173
21634
|
}),
|
|
21174
21635
|
onRowClick: onRowClick,
|
|
21175
|
-
showFilters: filterPosition === 'GRID'
|
|
21636
|
+
showFilters: filterPosition === 'GRID',
|
|
21637
|
+
fetchDataOnScroll: this.fetchDataOnScroll,
|
|
21638
|
+
virtualRowOptions: virtualRowOptions,
|
|
21639
|
+
enableRowVirtualization: this.props.enableRowVirtualization,
|
|
21640
|
+
enableInfiniteScroll: enableInfiniteScroll,
|
|
21641
|
+
infiniteScrollOptions: infiniteScrollOptions,
|
|
21642
|
+
onScroll: onScroll
|
|
21176
21643
|
}))), withPagination && !this.state.loading && !this.state.error && totalPages > 1 && /*#__PURE__*/React.createElement("div", {
|
|
21177
21644
|
className: tableStyles['Table-pagination']
|
|
21178
21645
|
}, /*#__PURE__*/React.createElement(Pagination, {
|
|
@@ -21202,8 +21669,8 @@ var List = function List(props) {
|
|
|
21202
21669
|
};
|
|
21203
21670
|
List.defaultProps = defaultProps;
|
|
21204
21671
|
|
|
21205
|
-
var css_248z$i = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-
|
|
21206
|
-
var styles$i = {"Navigation":"navigation-module-Navigation-fsK-Z-4-
|
|
21672
|
+
var css_248z$i = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-6-0 {\n display: flex;\n}\n\n.navigation-module-Navigation--horizontal-Nlczj-4-6-0 {\n flex-grow: 1;\n justify-content: center;\n}\n\n.navigation-module-Navigation--vertical-JMMGv-4-6-0 {\n flex-direction: column;\n height: 100%;\n width: var(--spacing-9);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-6-0 {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.navigation-module-Navigation-body-zfrYs-4-6-0 {\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n padding-right: var(--spacing);\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-6-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-6-0 {\n height: var(--spacing-3);\n padding-right: var(--spacing-l);\n padding-left: var(--spacing-l);\n border-radius: var(--spacing-2);\n margin: 0 var(--spacing-xs);\n}\n\n.navigation-module-Navigation-menu--disabled-6BCHc-4-6-0 {\n pointer-events: none;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-6-0:hover {\n background-color: var(--secondary-light);\n}\n\n.navigation-module-Navigation-menu--active-vLg2d-4-6-0,\n.navigation-module-Navigation-menu--active-vLg2d-4-6-0:hover {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menu--vertical-SD8c9-4-6-0 {\n /* padding-top: var(--spacing-m); */\n /* padding-bottom: var(--spacing-m); */\n padding-left: var(--spacing);\n margin-top: var(--spacing-m);\n margin-bottom: var(--spacing-m);\n /* margin-right: var(--spacing); */\n border-radius: 0px var(--spacing-2) var(--spacing-2) 0px;\n}\n\n.navigation-module-Navigation-menu--rounded-RK5tK-4-6-0 {\n border-radius: var(--spacing-2);\n}\n\n.navigation-module-Navigation-menu--subMenu-1Xkhm-4-6-0 {\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n padding-left: 40px;\n margin-top: 0;\n}\n\n.navigation-module-Navigation-menuIcon-mI-8A-4-6-0 {\n padding: 8px;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.navigation-module-Navigation-menuIcon--active-4-aoZ-4-6-0 {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menuLabel-qZLzA-4-6-0 {\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-6-0 .navigation-module-Text-4ez7T-4-6-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.navigation-module-Navigation-horizontalPills-CubKV-4-6-0 {\n margin-right: var(--spacing-m);\n}\n\n.navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-6-0 {\n opacity: var(--opacity-10);\n}\n\n.navigation-module-Navigation-footer-Ia0x--4-6-0 {\n display: flex;\n align-items: center;\n padding: var(--spacing-m) var(--spacing);\n}\n\n.navigation-module-Navigation-footer--border--gDQG-4-6-0 {\n border-top: var(--border);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-6-0 .navigation-module-Navigation-menuIcon--footer-I0MsK-4-6-0 {\n transform: rotate(180deg);\n}\n";
|
|
21673
|
+
var styles$i = {"Navigation":"navigation-module-Navigation-fsK-Z-4-6-0","Navigation--horizontal":"navigation-module-Navigation--horizontal-Nlczj-4-6-0","Navigation--vertical":"navigation-module-Navigation--vertical-JMMGv-4-6-0","Navigation--collapsed":"navigation-module-Navigation--collapsed-ubuOj-4-6-0","Navigation-body":"navigation-module-Navigation-body-zfrYs-4-6-0","Navigation-menu":"navigation-module-Navigation-menu-Afh6p-4-6-0","Navigation-menu--horizontal":"navigation-module-Navigation-menu--horizontal-DbG8C-4-6-0","Navigation-menu--disabled":"navigation-module-Navigation-menu--disabled-6BCHc-4-6-0","Navigation-menu--active":"navigation-module-Navigation-menu--active-vLg2d-4-6-0","Navigation-menu--vertical":"navigation-module-Navigation-menu--vertical-SD8c9-4-6-0","Navigation-menu--rounded":"navigation-module-Navigation-menu--rounded-RK5tK-4-6-0","Navigation-menu--subMenu":"navigation-module-Navigation-menu--subMenu-1Xkhm-4-6-0","Navigation-menuIcon":"navigation-module-Navigation-menuIcon-mI-8A-4-6-0","Navigation-menuIcon--active":"navigation-module-Navigation-menuIcon--active-4-aoZ-4-6-0","Navigation-menuLabel":"navigation-module-Navigation-menuLabel-qZLzA-4-6-0","Text":"navigation-module-Text-4ez7T-4-6-0","Navigation-horizontalPills":"navigation-module-Navigation-horizontalPills-CubKV-4-6-0","Navigation-horizontalPills--disabled":"navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-6-0","Navigation-footer":"navigation-module-Navigation-footer-Ia0x--4-6-0","Navigation-footer--border":"navigation-module-Navigation-footer--border--gDQG-4-6-0","Navigation-menuIcon--footer":"navigation-module-Navigation-menuIcon--footer-I0MsK-4-6-0"};
|
|
21207
21674
|
styleInject(css_248z$i);
|
|
21208
21675
|
|
|
21209
21676
|
var useState$1 = React.useState;
|
|
@@ -21524,8 +21991,8 @@ PageHeader.defaultProps = {
|
|
|
21524
21991
|
separator: true
|
|
21525
21992
|
};
|
|
21526
21993
|
|
|
21527
|
-
var css_248z$h = ".fileList-module-FileIcon-01qzb-4-
|
|
21528
|
-
var styles$h = {"FileIcon":"fileList-module-FileIcon-01qzb-4-
|
|
21994
|
+
var css_248z$h = ".fileList-module-FileIcon-01qzb-4-6-0 {\n padding: var(--spacing);\n border-radius: 50%;\n}\n.fileList-module-FileItem-HpCE9-4-6-0:not(:last-child) {\n border-bottom: var(--border);\n width: 100%;\n box-sizing: border-box;\n}\n.fileList-module-FileItem-HpCE9-4-6-0 {\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n padding-left: var(--spacing-l);\n padding-right: var(--spacing);\n}\n.fileList-module-FileItem-fileContent-vusoO-4-6-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n}\n.fileList-module-FileItem-actions-zH5Wo-4-6-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n}\n.fileList-module-FileItem-file-jkZDb-4-6-0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.fileList-module-FileItem-size-Jn3i4-4-6-0 {\n margin-right: var(--spacing);\n margin-left: var(--spacing);\n flex-shrink: 0;\n}\n.fileList-module-FileItem-text-JzD0s-4-6-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-right: var(--spacing);\n margin-left: var(--spacing-l);\n}\n.fileList-module-FileItem-error-srZSs-4-6-0 {\n margin-left: 40px;\n}\n\n.fileList-module-FileIcon--image-8GeUP-4-6-0 {\n background: var(--alert-lightest);\n color: var(--alert);\n}\n.fileList-module-FileIcon--audio-pU4It-4-6-0 {\n background: var(--accent1-lightest);\n color: var(--accent1);\n}\n.fileList-module-FileIcon--video-Yhyeo-4-6-0 {\n background: var(--accent2-lightest);\n color: var(--accent2);\n}\n.fileList-module-FileIcon--application-GCdsE-4-6-0 {\n background: var(--accent3-lightest);\n color: var(--accent3);\n}\n.fileList-module-FileIcon--others-EgUIw-4-6-0 {\n background: var(--success-lightest);\n color: var(--success);\n}\n.fileList-module-FileIcon--animate-uQCYr-4-6-0 {\n animation: fileList-module-fadeIn-CVtFA-4-6-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes fileList-module-fadeIn-CVtFA-4-6-0 {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
21995
|
+
var styles$h = {"FileIcon":"fileList-module-FileIcon-01qzb-4-6-0","FileItem":"fileList-module-FileItem-HpCE9-4-6-0","FileItem-fileContent":"fileList-module-FileItem-fileContent-vusoO-4-6-0","FileItem-actions":"fileList-module-FileItem-actions-zH5Wo-4-6-0","FileItem-file":"fileList-module-FileItem-file-jkZDb-4-6-0","FileItem-size":"fileList-module-FileItem-size-Jn3i4-4-6-0","FileItem-text":"fileList-module-FileItem-text-JzD0s-4-6-0","FileItem-error":"fileList-module-FileItem-error-srZSs-4-6-0","FileIcon--image":"fileList-module-FileIcon--image-8GeUP-4-6-0","FileIcon--audio":"fileList-module-FileIcon--audio-pU4It-4-6-0","FileIcon--video":"fileList-module-FileIcon--video-Yhyeo-4-6-0","FileIcon--application":"fileList-module-FileIcon--application-GCdsE-4-6-0","FileIcon--others":"fileList-module-FileIcon--others-EgUIw-4-6-0","FileIcon--animate":"fileList-module-FileIcon--animate-uQCYr-4-6-0","fadeIn":"fileList-module-fadeIn-CVtFA-4-6-0"};
|
|
21529
21996
|
styleInject(css_248z$h);
|
|
21530
21997
|
|
|
21531
21998
|
var useEffect = React.useEffect,
|
|
@@ -21849,8 +22316,8 @@ VerificationCodeInput.defaultProps = {
|
|
|
21849
22316
|
fields: 4
|
|
21850
22317
|
};
|
|
21851
22318
|
|
|
21852
|
-
var css_248z$g = ".inlineMessage-module-InlineMessage-eYA4x-4-
|
|
21853
|
-
var styles$g = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-
|
|
22319
|
+
var css_248z$g = ".inlineMessage-module-InlineMessage-eYA4x-4-6-0 {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n border-radius: var(--spacing-m);\n background-color: var(--white);\n align-items: flex-start;\n}\n\n.inlineMessage-module-InlineMessage-icon--regular-ULMAr-4-6-0 {\n padding-top: var(--spacing-s);\n padding-bottom: var(--spacing-s);\n margin-right: var(--spacing);\n}\n\n.inlineMessage-module-InlineMessage-icon--small-DcwRS-4-6-0 {\n padding-top: var(--spacing-xs);\n padding-bottom: var(--spacing-xs);\n margin-right: var(--spacing-m);\n}\n\n.inlineMessage-module-InlineMessage-text--warning-zlHbs-4-6-0,\n.inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-6-0 {\n color: var(--accent1);\n}\n\n.inlineMessage-module-InlineMessage-text--alert-rUpLF-4-6-0 {\n color: var(--alert);\n}\n\n.inlineMessage-module-InlineMessage-text--info-7X-lv-4-6-0 {\n color: var(--primary);\n}\n\n.inlineMessage-module-InlineMessage-text--success-UX2Vn-4-6-0 {\n color: var(--success);\n}\n";
|
|
22320
|
+
var styles$g = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-6-0","InlineMessage-icon--regular":"inlineMessage-module-InlineMessage-icon--regular-ULMAr-4-6-0","InlineMessage-icon--small":"inlineMessage-module-InlineMessage-icon--small-DcwRS-4-6-0","InlineMessage-text--warning":"inlineMessage-module-InlineMessage-text--warning-zlHbs-4-6-0","InlineMessage-icon--warning":"inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-6-0","InlineMessage-text--alert":"inlineMessage-module-InlineMessage-text--alert-rUpLF-4-6-0","InlineMessage-text--info":"inlineMessage-module-InlineMessage-text--info-7X-lv-4-6-0","InlineMessage-text--success":"inlineMessage-module-InlineMessage-text--success-UX2Vn-4-6-0"};
|
|
21854
22321
|
styleInject(css_248z$g);
|
|
21855
22322
|
|
|
21856
22323
|
var IconMapping = {
|
|
@@ -21894,11 +22361,11 @@ InlineMessage.defaultProps = {
|
|
|
21894
22361
|
size: 'regular'
|
|
21895
22362
|
};
|
|
21896
22363
|
|
|
21897
|
-
var css_248z$f = ".choiceList-module-ChoiceList-haiz--4-
|
|
21898
|
-
var styles$f = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-
|
|
22364
|
+
var css_248z$f = ".choiceList-module-ChoiceList-haiz--4-6-0 {\n margin: 0;\n padding: 0;\n border: none;\n}\n\n.choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-6-0 {\n margin-top: var(--spacing-m);\n}\n\n.choiceList-module-ChoiceList-radio--vertical-9uLgh-4-6-0 {\n margin-top: var(--spacing-m);\n}\n\n.choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-6-0 {\n display: flex;\n}\n\n.choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-6-0 {\n margin-left: var(--spacing-xl);\n}\n\n.choiceList-module-ChoiceList-radio--horizontal-67SGD-4-6-0 {\n margin-left: var(--spacing-xl);\n}\n";
|
|
22365
|
+
var styles$f = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-6-0","ChoiceList-checkbox--vertical":"choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-6-0","ChoiceList-radio--vertical":"choiceList-module-ChoiceList-radio--vertical-9uLgh-4-6-0","ChoiceList--alignHorizontal":"choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-6-0","ChoiceList-checkbox--horizontal":"choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-6-0","ChoiceList-radio--horizontal":"choiceList-module-ChoiceList-radio--horizontal-67SGD-4-6-0"};
|
|
21899
22366
|
styleInject(css_248z$f);
|
|
21900
22367
|
|
|
21901
|
-
var renderCheckbox = function renderCheckbox(list, handleOnChange, ChoiceListDisabled, size, alignment, selected) {
|
|
22368
|
+
var renderCheckbox = function renderCheckbox(list, handleOnChange, ChoiceListDisabled, size, alignment, selected, wrapLabel) {
|
|
21902
22369
|
return list.map(function (item, checkboxIndex) {
|
|
21903
22370
|
var name = item.name,
|
|
21904
22371
|
value = item.value,
|
|
@@ -21915,7 +22382,8 @@ var renderCheckbox = function renderCheckbox(list, handleOnChange, ChoiceListDis
|
|
|
21915
22382
|
name: name,
|
|
21916
22383
|
value: value,
|
|
21917
22384
|
defaultChecked: selected.length !== 0 && selected.includes(value),
|
|
21918
|
-
className: getCheckboxClassName(alignment, checkboxIndex)
|
|
22385
|
+
className: getCheckboxClassName(alignment, checkboxIndex),
|
|
22386
|
+
wrapLabel: wrapLabel
|
|
21919
22387
|
});
|
|
21920
22388
|
});
|
|
21921
22389
|
};
|
|
@@ -21960,7 +22428,8 @@ var ChoiceList = function ChoiceList(props) {
|
|
|
21960
22428
|
disabled = _props$disabled === void 0 ? false : _props$disabled,
|
|
21961
22429
|
_props$size = props.size,
|
|
21962
22430
|
size = _props$size === void 0 ? 'regular' : _props$size,
|
|
21963
|
-
className = props.className
|
|
22431
|
+
className = props.className,
|
|
22432
|
+
wrapLabel = props.wrapLabel;
|
|
21964
22433
|
var _props$selected = props.selected,
|
|
21965
22434
|
selected = _props$selected === void 0 ? [] : _props$selected;
|
|
21966
22435
|
var selectedChoiceValue = selected && selected || [];
|
|
@@ -21992,7 +22461,7 @@ var ChoiceList = function ChoiceList(props) {
|
|
|
21992
22461
|
withInput: true
|
|
21993
22462
|
}, title.trim()), allowMultiple ? /*#__PURE__*/React.createElement("div", {
|
|
21994
22463
|
className: "".concat(alignment === 'horizontal' ? ChoiceHorizontalClass : ChoiceListVerticalClass)
|
|
21995
|
-
}, renderCheckbox(choices, handleOnChange, disabled, size, alignment, selected)) : /*#__PURE__*/React.createElement("div", {
|
|
22464
|
+
}, renderCheckbox(choices, handleOnChange, disabled, size, alignment, selected, wrapLabel)) : /*#__PURE__*/React.createElement("div", {
|
|
21996
22465
|
className: "".concat(alignment === 'horizontal' ? ChoiceHorizontalClass : ChoiceListVerticalClass)
|
|
21997
22466
|
}, renderRadio(choices, handleOnChange, disabled, size, alignment, selected))));
|
|
21998
22467
|
};
|
|
@@ -22004,8 +22473,8 @@ ChoiceList.defaultProps = {
|
|
|
22004
22473
|
disabled: false
|
|
22005
22474
|
};
|
|
22006
22475
|
|
|
22007
|
-
var css_248z$e = ".divider-module-Divider-Fo0Gy-4-
|
|
22008
|
-
var styles$e = {"Divider":"divider-module-Divider-Fo0Gy-4-
|
|
22476
|
+
var css_248z$e = ".divider-module-Divider-Fo0Gy-4-6-0 {\n border: none;\n margin: 0;\n}\n\n.divider-module-Divider--vertical-Cdk22-4-6-0 {\n width: 1px;\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--horizontal-3Z0nC-4-6-0 {\n height: 1px;\n}\n\n.divider-module-Divider--basic-BqnEq-4-6-0 {\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--header-GMLJV-4-6-0 {\n background: var(--secondary-dark);\n}\n";
|
|
22477
|
+
var styles$e = {"Divider":"divider-module-Divider-Fo0Gy-4-6-0","Divider--vertical":"divider-module-Divider--vertical-Cdk22-4-6-0","Divider--horizontal":"divider-module-Divider--horizontal-3Z0nC-4-6-0","Divider--basic":"divider-module-Divider--basic-BqnEq-4-6-0","Divider--header":"divider-module-Divider--header-GMLJV-4-6-0"};
|
|
22009
22478
|
styleInject(css_248z$e);
|
|
22010
22479
|
|
|
22011
22480
|
var Divider = function Divider(props) {
|
|
@@ -22053,8 +22522,8 @@ var HelpText = function HelpText(props) {
|
|
|
22053
22522
|
};
|
|
22054
22523
|
HelpText.displayName = 'HelpText';
|
|
22055
22524
|
|
|
22056
|
-
var css_248z$d = ".linkButton-module-LinkButton--eCyD-4-
|
|
22057
|
-
var styles$d = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-
|
|
22525
|
+
var css_248z$d = ".linkButton-module-LinkButton--eCyD-4-6-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(--spacing-m);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.linkButton-module-LinkButton--iconAlign-right-BjcDC-4-6-0 {\n flex-direction: row-reverse;\n}\n\n.linkButton-module-LinkButton-icon-Id1IM-4-6-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.linkButton-module-LinkButton-icon--left-uCKUJ-4-6-0 {\n margin-right: var(--spacing-m);\n}\n\n.linkButton-module-LinkButton-icon--right-wxMEa-4-6-0 {\n margin-left: var(--spacing-m);\n}\n\n.linkButton-module-LinkButton--regular-QoGvH-4-6-0 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.linkButton-module-LinkButton--tiny-21d67-4-6-0 {\n line-height: var(--font-height-s);\n font-size: var(--font-size-s);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-6-0 {\n color: var(--primary);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-6-0:hover {\n color: var(--primary-dark);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-6-0:active {\n color: var(--primary-darker);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-6-0:focus,\n.linkButton-module-LinkButton--default-1cpsS-4-6-0:focus-visible {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-6-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-6-0 {\n color: var(--inverse-lighter);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-6-0:hover {\n color: var(--inverse-light);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-6-0:active {\n color: var(--inverse);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-6-0:focus,\n.linkButton-module-LinkButton--subtle-I8NtR-4-6-0:focus-visible {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-6-0:disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--inverse-lightest);\n}\n";
|
|
22526
|
+
var styles$d = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-6-0","LinkButton--iconAlign-right":"linkButton-module-LinkButton--iconAlign-right-BjcDC-4-6-0","LinkButton-icon":"linkButton-module-LinkButton-icon-Id1IM-4-6-0","LinkButton-icon--left":"linkButton-module-LinkButton-icon--left-uCKUJ-4-6-0","LinkButton-icon--right":"linkButton-module-LinkButton-icon--right-wxMEa-4-6-0","LinkButton--regular":"linkButton-module-LinkButton--regular-QoGvH-4-6-0","LinkButton--tiny":"linkButton-module-LinkButton--tiny-21d67-4-6-0","LinkButton--default":"linkButton-module-LinkButton--default-1cpsS-4-6-0","LinkButton--subtle":"linkButton-module-LinkButton--subtle-I8NtR-4-6-0"};
|
|
22058
22527
|
styleInject(css_248z$d);
|
|
22059
22528
|
|
|
22060
22529
|
var _excluded$C = ["children", "type", "className", "disabled", "tabIndex", "icon", "subtle", "size", "iconAlign", "iconType"];
|
|
@@ -22099,8 +22568,8 @@ LinkButton.defaultProps = {
|
|
|
22099
22568
|
iconAlign: 'left'
|
|
22100
22569
|
};
|
|
22101
22570
|
|
|
22102
|
-
var css_248z$c = ".actionCard-module-ActionCard-VTzbo-4-
|
|
22103
|
-
var styles$c = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-
|
|
22571
|
+
var css_248z$c = ".actionCard-module-ActionCard-VTzbo-4-6-0 {\n border-radius: var(--spacing-m);\n width: 100%;\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-6-0 {\n cursor: pointer;\n border: var(--spacing-xs) solid var(--secondary-dark);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-6-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-6-0:focus,\n.actionCard-module-ActionCard--default-ehk9Y-4-6-0:focus-visible {\n outline: none;\n border: var(--spacing-xs) solid var(--secondary-dark);\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-6-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-6-0 {\n cursor: not-allowed;\n position: relative;\n border: var(--spacing-xs) solid var(--secondary-lighter);\n}\n\n.actionCard-module-ActionCard-overlay--disabled-N4msm-4-6-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";
|
|
22572
|
+
var styles$c = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-6-0","ActionCard--default":"actionCard-module-ActionCard--default-ehk9Y-4-6-0","ActionCard--disabled":"actionCard-module-ActionCard--disabled-Xbnn0-4-6-0","ActionCard-overlay--disabled":"actionCard-module-ActionCard-overlay--disabled-N4msm-4-6-0"};
|
|
22104
22573
|
styleInject(css_248z$c);
|
|
22105
22574
|
|
|
22106
22575
|
var _excluded$B = ["children", "disabled", "className", "zIndex", "onClick"];
|
|
@@ -22202,8 +22671,8 @@ function useSingleSelect() {
|
|
|
22202
22671
|
};
|
|
22203
22672
|
}
|
|
22204
22673
|
|
|
22205
|
-
var css_248z$b = ".selectionCard-module-Selection-card-qn7-q-4-
|
|
22206
|
-
var styles$b = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-
|
|
22674
|
+
var css_248z$b = ".selectionCard-module-Selection-card-qn7-q-4-6-0 {\n border-radius: var(--spacing-m);\n position: relative;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-6-0 {\n cursor: pointer;\n box-shadow: inset 0 0 0 var(--spacing-xs) var(--secondary-dark);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-6-0:hover {\n box-shadow: inset 0 0 0 var(--spacing-s) var(--inverse-lightest);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-6-0:focus,\n.selectionCard-module-Selection-card--default-hU2T--4-6-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--secondary-shadow), inset 0 0 0 var(--spacing-xs) var(--secondary-dark);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-6-0:active {\n box-shadow: inset 0 0 0 var(--spacing-s) var(--primary);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.selectionCard-module-Selection-card--disabled-abVC--4-6-0 {\n cursor: not-allowed;\n outline: none;\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-6-0 {\n box-shadow: inset 0 0 0 var(--spacing-xs) var(--secondary-lighter);\n}\n\n/* selected states */\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-6-0 {\n box-shadow: inset 0 0 0 var(--spacing-s) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-6-0:hover {\n box-shadow: inset 0 0 0 var(--spacing-s) var(--primary-dark);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-6-0:focus,\n.selectionCard-module-Selection-card--selected-RWlWc-4-6-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--primary-shadow), inset 0 0 0 var(--spacing-s) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-6-0:active {\n box-shadow: inset 0 0 0 var(--spacing-s) var(--primary-darker);\n}\n\n.selectionCard-module-Selection-card--selected-disabled-pIKi1-4-6-0 {\n box-shadow: inset 0 0 0 var(--spacing-xs) var(--primary-lighter);\n}\n\n/* overlay classes */\n\n.selectionCard-module-Selection-card-overlay-9BMzm-4-6-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(--spacing-m);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-6-0:active .selectionCard-module-Selection-card-overlay-9BMzm-4-6-0 {\n background-color: var(--primary);\n opacity: var(--opacity-3);\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-6-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-6-0 {\n background-color: var(--secondary-lightest);\n opacity: var(--opacity-10);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-6-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-6-0 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-6-0:active .selectionCard-module-Selection-card-overlay-9BMzm-4-6-0 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-disabled-pIKi1-4-6-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-6-0 {\n background-color: var(--primary-lightest);\n opacity: var(--opacity-10);\n}\n";
|
|
22675
|
+
var styles$b = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-6-0","Selection-card--default":"selectionCard-module-Selection-card--default-hU2T--4-6-0","Selection-card--disabled":"selectionCard-module-Selection-card--disabled-abVC--4-6-0","Selection-card--default-disabled":"selectionCard-module-Selection-card--default-disabled-duc48-4-6-0","Selection-card--selected":"selectionCard-module-Selection-card--selected-RWlWc-4-6-0","Selection-card--selected-disabled":"selectionCard-module-Selection-card--selected-disabled-pIKi1-4-6-0","Selection-card-overlay":"selectionCard-module-Selection-card-overlay-9BMzm-4-6-0"};
|
|
22207
22676
|
styleInject(css_248z$b);
|
|
22208
22677
|
|
|
22209
22678
|
var _excluded$A = ["children", "onClick", "disabled", "id", "cardValue", "overlayZIndex", "selected", "className"];
|
|
@@ -22325,8 +22794,8 @@ var schd = function schd(fn) {
|
|
|
22325
22794
|
return wrapperFn;
|
|
22326
22795
|
};
|
|
22327
22796
|
|
|
22328
|
-
var css_248z$a = ".listbox-module-Listbox-SUVk--4-
|
|
22329
|
-
var styles$a = {"Listbox":"listbox-module-Listbox-SUVk--4-
|
|
22797
|
+
var css_248z$a = ".listbox-module-Listbox-SUVk--4-6-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-6-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-2);\n padding-right: var(--spacing-2);\n}\n\n.listbox-module-Listbox-item-wrapper-fbx8s-4-6-0 {\n width: 100%;\n}\n\n.listbox-module-Listbox-item-wrapper-fbx8s-4-6-0:last-child > .listbox-module-Listbox-divider-sZWin-4-6-0,\n.listbox-module-Listbox-item--draggable-3UvAw-4-6-0:last-child .listbox-module-Listbox-divider-sZWin-4-6-0 {\n background: transparent;\n}\n\n/* Sizes */\n\n.listbox-module-Listbox-item--tight-48bRS-4-6-0 {\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.listbox-module-Listbox-item--compressed-NDxwb-4-6-0 {\n padding-top: var(--spacing);\n padding-bottom: var(--spacing);\n}\n\n.listbox-module-Listbox-item--standard-q2FuW-4-6-0 {\n padding-top: var(--spacing-l);\n padding-bottom: var(--spacing-l);\n}\n\n/* Listbox type - option */\n\n.listbox-module-Listbox-item--option-FMiJ2-4-6-0 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-6-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-6-0:focus,\n.listbox-module-Listbox-item--option-FMiJ2-4-6-0:focus-visible {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-6-0:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-6-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-6-0:hover {\n background: rgba(151, 197, 240, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-6-0:focus,\n.listbox-module-Listbox-item--selected-mbKE--4-6-0:focus-visible {\n outline: 3px auto rgba(0, 112, 221, 0.16);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-6-0:active {\n background: var(--primary-lighter);\n}\n\n/* Listbox type - resource */\n\n.listbox-module-Listbox-item--resource-RGjFr-4-6-0 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-6-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-6-0:focus,\n.listbox-module-Listbox-item--resource-RGjFr-4-6-0:focus-visible {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-6-0:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--activated-tg1Eb-4-6-0 {\n background: var(--primary-lightest);\n}\n\n/* Listbox type - description */\n\n.listbox-module-Listbox-item--description-qiJzO-4-6-0:focus,\n.listbox-module-Listbox-item--description-qiJzO-4-6-0:focus-visible {\n outline: none;\n}\n\n/* Listbox type - disabled */\n\n.listbox-module-Listbox-item--disabled-x6TW2-4-6-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-6-0:focus {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-6-0 {\n cursor: grab;\n margin-right: var(--spacing);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-6-0:hover {\n color: var(--inverse);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-6-0:active {\n color: var(--primary);\n}\n";
|
|
22798
|
+
var styles$a = {"Listbox":"listbox-module-Listbox-SUVk--4-6-0","Listbox-item":"listbox-module-Listbox-item-YQzPV-4-6-0","Listbox-item-wrapper":"listbox-module-Listbox-item-wrapper-fbx8s-4-6-0","Listbox-divider":"listbox-module-Listbox-divider-sZWin-4-6-0","Listbox-item--draggable":"listbox-module-Listbox-item--draggable-3UvAw-4-6-0","Listbox-item--tight":"listbox-module-Listbox-item--tight-48bRS-4-6-0","Listbox-item--compressed":"listbox-module-Listbox-item--compressed-NDxwb-4-6-0","Listbox-item--standard":"listbox-module-Listbox-item--standard-q2FuW-4-6-0","Listbox-item--option":"listbox-module-Listbox-item--option-FMiJ2-4-6-0","Listbox-item--selected":"listbox-module-Listbox-item--selected-mbKE--4-6-0","Listbox-item--resource":"listbox-module-Listbox-item--resource-RGjFr-4-6-0","Listbox-item--activated":"listbox-module-Listbox-item--activated-tg1Eb-4-6-0","Listbox-item--description":"listbox-module-Listbox-item--description-qiJzO-4-6-0","Listbox-item--disabled":"listbox-module-Listbox-item--disabled-x6TW2-4-6-0","Listbox-item--drag-icon":"listbox-module-Listbox-item--drag-icon-Jt6Jw-4-6-0"};
|
|
22330
22799
|
styleInject(css_248z$a);
|
|
22331
22800
|
|
|
22332
22801
|
var AUTOSCROLL_ACTIVE_OFFSET = 200;
|
|
@@ -23226,8 +23695,8 @@ var SelectionAvatar = function SelectionAvatar(props) {
|
|
|
23226
23695
|
|
|
23227
23696
|
var AvatarSelectionContext = /*#__PURE__*/React.createContext({});
|
|
23228
23697
|
|
|
23229
|
-
var css_248z$9 = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
23230
|
-
var styles$9 = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
23698
|
+
var css_248z$9 = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-6-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-6-0 {\n margin-right: calc(var(--spacing-s) * -1);\n border-radius: 50%;\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-6-0:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-6-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-6-0:active {\n outline: var(--spacing-s) solid #00509f;\n outline-offset: var(--spacing-xs);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-6-0:hover .avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-6-0 {\n transform: translateY(-8px);\n}\n\n/* Selected Avatar Group Item */\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-6-0 {\n outline-offset: var(--spacing-xs);\n outline: var(--spacing-s) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-6-0:active {\n outline-offset: var(--spacing-xs);\n outline: var(--spacing-s) solid var(--primary-darker);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-6-0:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-6-0:focus-visible {\n box-shadow: 0 0 0 var(--spacing-xs) 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-6-0 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-6-0 {\n border-bottom: var(--spacing-xs) solid var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-6-0:focus-within {\n border-bottom: var(--spacing-xs) solid var(--primary);\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-6-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-6-0,\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-6-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-6-0:hover {\n background-color: #f4f4f4;\n}\n\n/* Selection Avatar Count */\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-6-0 {\n border-radius: 50%;\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-6-0:hover {\n background: var(--secondary);\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-6-0:active {\n background: var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-6-0:focus,\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-6-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-6-0 {\n outline-offset: var(--spacing-xs);\n outline: var(--spacing-s) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-6-0:focus,\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-6-0:focus-visible {\n box-shadow: 0 0 0 var(--spacing-xs) white, 0 0 0 3px var(--primary-dark), 0 0 0 3px var(--primary-shadow) !important;\n}\n";
|
|
23699
|
+
var styles$9 = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-6-0","SelectionAvatarGroup-item":"avatarSelection-module-SelectionAvatarGroup-item-1QsB6-4-6-0","SelectionAvatarGroup-item--active":"avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-6-0","SelectionAvatarGroup-wrapper":"avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-6-0","SelectionAvatarGroup-item--selected":"avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-6-0","SelectionAvatarGroup-popper":"avatarSelection-module-SelectionAvatarGroup-popper-Rcnff-4-6-0","SelectionAvatar-inputWrapper":"avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-6-0","SelectionAvatar-input":"avatarSelection-module-SelectionAvatar-input-OWRhy-4-6-0","SelectionAvatarCount-wrapper":"avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-6-0","SelectionAvatarCount":"avatarSelection-module-SelectionAvatarCount-s-0H0-4-6-0","SelectionAvatarCount--selected":"avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-6-0"};
|
|
23231
23700
|
styleInject(css_248z$9);
|
|
23232
23701
|
|
|
23233
23702
|
var _excluded$w = ["appearance", "firstName", "lastName", "icon", "image", "disabled", "tooltipSuffix"];
|
|
@@ -24726,8 +25195,8 @@ var handleInputKeyDown = function handleInputKeyDown(event, listRef, setFocusedO
|
|
|
24726
25195
|
setFocusedOption && setFocusedOption(targetOption);
|
|
24727
25196
|
};
|
|
24728
25197
|
|
|
24729
|
-
var css_248z$8 = ".select-module-Select-input-E3-1I-4-
|
|
24730
|
-
var styles$8 = {"Select-input":"select-module-Select-input-E3-1I-4-
|
|
25198
|
+
var css_248z$8 = ".select-module-Select-input-E3-1I-4-6-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.select-module-Select-input-E3-1I-4-6-0,\n.select-module-Select-input-E3-1I-4-6-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.select-module-Select-input-E3-1I-4-6-0:hover {\n background-color: #f4f4f4;\n}\n\n.select-module-Select-trigger-PT5nA-4-6-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-6-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-6-0:active,\n.select-module-Select-trigger--open-TseL8-4-6-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-6-0:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.select-module-Select-trigger-PT5nA-4-6-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-6-0 {\n border-bottom: var(--spacing-xs) solid var(--secondary-dark);\n}\n\n.select-module-Select-inputWrapper-LT8pe-4-6-0:focus-within {\n border-bottom: var(--spacing-xs) solid var(--primary);\n}\n\n.select-module-Select-trigger-wrapper-NMxls-4-6-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-6-0 {\n height: var(--spacing-xl);\n padding-right: var(--spacing);\n padding-left: var(--spacing);\n}\n\n.select-module-Select-trigger--text-7nEKU-4-6-0,\n.select-module-Select-option--text-WfcEP-4-6-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-6-0 {\n height: var(--spacing-3);\n padding-right: var(--spacing);\n padding-left: var(--spacing-l);\n}\n\n.select-module-Select-trigger--placeholder-1PVyt-4-6-0 {\n color: var(--text);\n}\n\n.select-module-Select-trigger--icon-eX-q0-4-6-0 {\n padding-left: var(--spacing);\n}\n\n.select-module-Select-buttonWrapper-Dm9cQ-4-6-0 {\n display: flex;\n justify-content: flex-end;\n padding-top: var(--spacing);\n padding-right: var(--spacing);\n padding-bottom: var(--spacing);\n border-top: var(--spacing-xs) solid var(--secondary-light);\n}\n\n.select-module-Select-crossButton-RUlwA-4-6-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: 50%;\n padding: var(--spacing-s);\n}\n\n.select-module-Select-crossButton-RUlwA-4-6-0:focus-visible,\n.select-module-Select-crossButton-RUlwA-4-6-0:focus {\n outline: var(--spacing-s) solid var(--secondary-shadow);\n}\n\n.select-module-Select-crossButton-RUlwA-4-6-0:hover {\n background-color: var(--secondary);\n}\n\n.select-module-Select-crossButton-RUlwA-4-6-0:active {\n background-color: var(--secondary-dark);\n}\n\n.select-module-Select-option-HDep4-4-6-0 {\n display: flex;\n align-items: flex-start;\n width: 100%;\n}\n";
|
|
25199
|
+
var styles$8 = {"Select-input":"select-module-Select-input-E3-1I-4-6-0","Select-trigger":"select-module-Select-trigger-PT5nA-4-6-0","Select-trigger--open":"select-module-Select-trigger--open-TseL8-4-6-0","Select-inputWrapper":"select-module-Select-inputWrapper-LT8pe-4-6-0","Select-trigger-wrapper":"select-module-Select-trigger-wrapper-NMxls-4-6-0","Select-trigger--small":"select-module-Select-trigger--small-v-qam-4-6-0","Select-trigger--text":"select-module-Select-trigger--text-7nEKU-4-6-0","Select-option--text":"select-module-Select-option--text-WfcEP-4-6-0","Select-trigger--regular":"select-module-Select-trigger--regular-Dx-fp-4-6-0","Select-trigger--placeholder":"select-module-Select-trigger--placeholder-1PVyt-4-6-0","Select-trigger--icon":"select-module-Select-trigger--icon-eX-q0-4-6-0","Select-buttonWrapper":"select-module-Select-buttonWrapper-Dm9cQ-4-6-0","Select-crossButton":"select-module-Select-crossButton-RUlwA-4-6-0","Select-option":"select-module-Select-option-HDep4-4-6-0"};
|
|
24731
25200
|
styleInject(css_248z$8);
|
|
24732
25201
|
|
|
24733
25202
|
var _excluded$q = ["children", "option", "checkedState", "onClick", "withCheckbox", "disabled"];
|
|
@@ -25193,8 +25662,8 @@ Select.SearchInput = SearchInput;
|
|
|
25193
25662
|
Select.EmptyTemplate = SelectEmptyTemplate;
|
|
25194
25663
|
Select.Footer = SelectFooter;
|
|
25195
25664
|
|
|
25196
|
-
var css_248z$7 = ".menu-module-Menu-AK6Tm-4-
|
|
25197
|
-
var styles$7 = {"Menu":"menu-module-Menu-AK6Tm-4-
|
|
25665
|
+
var css_248z$7 = ".menu-module-Menu-AK6Tm-4-6-0 {\n overflow-y: auto !important;\n padding-top: var(--spacing-m);\n padding-bottom: var(--spacing-m);\n}\n\n.menu-module-Menu-Trigger--active-jEVVp-4-6-0 {\n background-color: var(--secondary-dark);\n}\n\n.menu-module-Menu-Item-oX6Gf-4-6-0 {\n width: 100%;\n box-sizing: border-box;\n}\n\n.menu-module-Menu-Group-Label-Qj6zC-4-6-0 {\n display: flex;\n align-items: center;\n padding-bottom: var(--spacing-0-75);\n padding-top: var(--spacing-l);\n padding-left: var(--spacing-2);\n padding-right: var(--spacing-l);\n}\n\n.menu-module-Menu-Group-MAnuz-4-6-0:first-child .menu-module-Menu-Group-Label-Qj6zC-4-6-0 {\n padding-top: var(--spacing);\n}\n";
|
|
25666
|
+
var styles$7 = {"Menu":"menu-module-Menu-AK6Tm-4-6-0","Menu-Trigger--active":"menu-module-Menu-Trigger--active-jEVVp-4-6-0","Menu-Item":"menu-module-Menu-Item-oX6Gf-4-6-0","Menu-Group-Label":"menu-module-Menu-Group-Label-Qj6zC-4-6-0","Menu-Group":"menu-module-Menu-Group-MAnuz-4-6-0"};
|
|
25198
25667
|
styleInject(css_248z$7);
|
|
25199
25668
|
|
|
25200
25669
|
var _excluded$l = ["label", "children", "showDivider"];
|
|
@@ -25694,8 +26163,8 @@ var DateSeparator = function DateSeparator(props) {
|
|
|
25694
26163
|
}, rest), date);
|
|
25695
26164
|
};
|
|
25696
26165
|
|
|
25697
|
-
var css_248z$6 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
25698
|
-
var styles$6 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
26166
|
+
var css_248z$6 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-6-0 {\n border-radius: var(--spacing-2);\n padding: var(--spacing-s) var(--spacing-l) var(--spacing-s) var(--spacing);\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-6-0 {\n flex: 1;\n height: var(--spacing-xs);\n background-color: var(--primary);\n margin-right: var(--spacing-2);\n}\n\n.chatSeparator-module-NewMessage-Divider--right-PlY2h-4-6-0 {\n flex: 1;\n height: var(--spacing-xs);\n background-color: var(--primary);\n margin-left: var(--spacing-2);\n}\n";
|
|
26167
|
+
var styles$6 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-6-0","NewMessage-Divider--left":"chatSeparator-module-NewMessage-Divider--left-tvVhe-4-6-0","NewMessage-Divider--right":"chatSeparator-module-NewMessage-Divider--right-PlY2h-4-6-0"};
|
|
25699
26168
|
styleInject(css_248z$6);
|
|
25700
26169
|
|
|
25701
26170
|
var _excluded$g = ["text", "className"];
|
|
@@ -25760,8 +26229,8 @@ var TypingIndicator = function TypingIndicator(props) {
|
|
|
25760
26229
|
}, rest), text);
|
|
25761
26230
|
};
|
|
25762
26231
|
|
|
25763
|
-
var css_248z$5 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
25764
|
-
var styles$5 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
26232
|
+
var css_248z$5 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-6-0 {\n background-color: var(--primary-lightest);\n border-radius: var(--spacing);\n padding: var(--spacing) var(--spacing-l);\n}\n\n.chatBubble-module-ChatBubble-separator-JaN-K-4-6-0 {\n width: var(--spacing-m);\n height: var(--spacing-m);\n border-radius: 50%;\n margin: 0 var(--spacing);\n background: var(--inverse-lightest);\n}\n\n.chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-6-0 {\n margin-right: calc(var(--spacing-2) + var(--spacing-m));\n}\n\n.chatBubble-module-ChatBubble-box-hARs0-4-6-0 {\n width: 100%;\n}\n\n.chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-6-0 {\n width: -moz-max-content;\n width: max-content;\n margin-right: var(--spacing-m);\n margin-top: var(--spacing-0-75);\n}\n\n.chatBubble-module-ChatBubble-actionBar--incoming-gosX5-4-6-0 {\n width: -moz-max-content;\n width: max-content;\n margin-left: var(--spacing-m);\n margin-top: var(--spacing-0-75);\n}\n\n.chatBubble-module-ChatBubble-box--incoming-GK6D6-4-6-0 {\n background-color: var(--secondary-lightest);\n border-radius: var(--spacing);\n padding: var(--spacing) var(--spacing-l);\n}\n\n.chatBubble-module-ChatBubble-metaData--incoming-dovAY-4-6-0 {\n margin-left: calc(var(--spacing-3) + var(--spacing));\n}\n\n.chatBubble-module-ChatBubble-boxWrapper-aH59y-4-6-0 {\n flex: 0 0 auto;\n display: flex;\n max-width: 70%;\n}\n\n.chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-6-0 {\n flex: 0 0 auto;\n}\n";
|
|
26233
|
+
var styles$5 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-6-0","ChatBubble-separator":"chatBubble-module-ChatBubble-separator-JaN-K-4-6-0","ChatBubble-box--noSuccess":"chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-6-0","ChatBubble-box":"chatBubble-module-ChatBubble-box-hARs0-4-6-0","ChatBubble-actionBar--outgoing":"chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-6-0","ChatBubble-actionBar--incoming":"chatBubble-module-ChatBubble-actionBar--incoming-gosX5-4-6-0","ChatBubble-box--incoming":"chatBubble-module-ChatBubble-box--incoming-GK6D6-4-6-0","ChatBubble-metaData--incoming":"chatBubble-module-ChatBubble-metaData--incoming-dovAY-4-6-0","ChatBubble-boxWrapper":"chatBubble-module-ChatBubble-boxWrapper-aH59y-4-6-0","ChatBubble-actionBarWrapper":"chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-6-0"};
|
|
25765
26234
|
styleInject(css_248z$5);
|
|
25766
26235
|
|
|
25767
26236
|
var _excluded$d = ["time", "metaData", "urgentMessage", "avatarData", "showAvatar", "children", "actionBar"];
|
|
@@ -25991,8 +26460,8 @@ Chat.NewMessage = NewMessage;
|
|
|
25991
26460
|
Chat.TypingIndicator = TypingIndicator;
|
|
25992
26461
|
Chat.ChatBubble = ChatBubble;
|
|
25993
26462
|
|
|
25994
|
-
var css_248z$4 = ".meter-module-Meter-2i-mO-4-
|
|
25995
|
-
var styles$4 = {"Meter":"meter-module-Meter-2i-mO-4-
|
|
26463
|
+
var css_248z$4 = ".meter-module-Meter-2i-mO-4-6-0 {\n display: flex;\n align-items: center;\n}\n\n.meter-module-Meter-Step-4Z4g3-4-6-0 {\n border-radius: 50%;\n}\n\n.meter-module-Meter-Step--small-8AUww-4-6-0 {\n width: var(--spacing-m);\n height: var(--spacing);\n}\n\n.meter-module-Meter-Step--regular-5FlOq-4-6-0 {\n width: var(--spacing);\n height: var(--spacing);\n}\n\n.meter-module-Meter-Step--large-3n6Li-4-6-0 {\n width: var(--spacing-l);\n height: var(--spacing-l);\n}\n\n.meter-module-Meter-Step--info-dYKw1-4-6-0 {\n background: var(--primary);\n}\n\n.meter-module-Meter-Step--warning-1y3zc-4-6-0 {\n background: var(--warning);\n}\n\n.meter-module-Meter-Step--alert-hNfes-4-6-0 {\n background: var(--alert);\n}\n\n.meter-module-Meter-Step--success-sSboi-4-6-0 {\n background: var(--success);\n}\n";
|
|
26464
|
+
var styles$4 = {"Meter":"meter-module-Meter-2i-mO-4-6-0","Meter-Step":"meter-module-Meter-Step-4Z4g3-4-6-0","Meter-Step--small":"meter-module-Meter-Step--small-8AUww-4-6-0","Meter-Step--regular":"meter-module-Meter-Step--regular-5FlOq-4-6-0","Meter-Step--large":"meter-module-Meter-Step--large-3n6Li-4-6-0","Meter-Step--info":"meter-module-Meter-Step--info-dYKw1-4-6-0","Meter-Step--warning":"meter-module-Meter-Step--warning-1y3zc-4-6-0","Meter-Step--alert":"meter-module-Meter-Step--alert-hNfes-4-6-0","Meter-Step--success":"meter-module-Meter-Step--success-sSboi-4-6-0"};
|
|
25996
26465
|
styleInject(css_248z$4);
|
|
25997
26466
|
|
|
25998
26467
|
var Step = function Step(props) {
|
|
@@ -26171,8 +26640,8 @@ var img$3 = "data:image/svg+xml,%3csvg width='26' height='26' viewBox='0 0 26 26
|
|
|
26171
26640
|
|
|
26172
26641
|
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";
|
|
26173
26642
|
|
|
26174
|
-
var css_248z$3 = ".button-module-AIButton-Hcde0-4-
|
|
26175
|
-
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-
|
|
26643
|
+
var css_248z$3 = ".button-module-AIButton-Hcde0-4-6-0 {\n padding: var(--spacing) var(--spacing-l);\n border-radius: var(--spacing-m);\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-6-0:disabled {\n cursor: not-allowed;\n pointer-events: none;\n}\n\n.button-module-AIButton-Hcde0-4-6-0:focus {\n outline: 0;\n}\n\n/* Primary Button */\n\n.button-module-AIButton--primary-OPF1P-4-6-0 {\n background: var(--primary);\n color: var(--white);\n}\n\n.button-module-AIButton--primary-OPF1P-4-6-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-AIButton--primary-OPF1P-4-6-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-AIButton--primary-OPF1P-4-6-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-AIButton--primary-OPF1P-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n/* Basic Button */\n\n.button-module-AIButton--basic-DcVIe-4-6-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-AIButton--basic-DcVIe-4-6-0:hover {\n background: var(--secondary);\n}\n\n.button-module-AIButton--basic-DcVIe-4-6-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-AIButton--basic-DcVIe-4-6-0:disabled {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-AIButton--basic-DcVIe-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n/* Button Icon */\n\n.button-module-AIButton-Icon-ITLNV-4-6-0 {\n margin-right: var(--spacing);\n}\n";
|
|
26644
|
+
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-6-0","AIButton--primary":"button-module-AIButton--primary-OPF1P-4-6-0","AIButton--basic":"button-module-AIButton--basic-DcVIe-4-6-0","AIButton-Icon":"button-module-AIButton-Icon-ITLNV-4-6-0"};
|
|
26176
26645
|
styleInject(css_248z$3);
|
|
26177
26646
|
|
|
26178
26647
|
var _excluded$8 = ["appearance", "className", "children", "disabled"];
|
|
@@ -30345,8 +30814,8 @@ var SaraDisabledBottom = function SaraDisabledBottom(props) {
|
|
|
30345
30814
|
}))));
|
|
30346
30815
|
};
|
|
30347
30816
|
|
|
30348
|
-
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-
|
|
30349
|
-
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-
|
|
30817
|
+
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-6-0 {\n background: transparent;\n padding: var(--spacing);\n border-radius: var(--spacing-m);\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-BtFJz-4-6-0:hover {\n background: var(--secondary);\n color: var(--secondary) !important;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-6-0:active {\n background: var(--secondary-dark);\n color: var(--secondary-dark) !important;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-6-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-6-0:disabled {\n cursor: not-allowed;\n pointer-events: none;\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.iconButton-module-AIIconButton-icon-nj5xZ-4-6-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-6-0 {\n position: absolute;\n}\n\n.iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-6-0 {\n bottom: calc(var(--spacing-l) + var(--spacing-s)); /* 14px */\n left: calc(var(--spacing-l) + var(--spacing-xs)); /* 13px */\n}\n\n.iconButton-module-AIIconButton-AIIcon--largeTop-3HqjO-4-6-0 {\n bottom: calc(var(--spacing-2) + var(--spacing-s)); /* 18px */\n left: calc(var(--spacing-2) + var(--spacing-xs)); /* 17px */\n}\n\n.iconButton-module-AIIconButton-AIIcon--regularBottom-oQfDL-4-6-0 {\n top: calc(var(--spacing-l) + var(--spacing-xs)); /* 13px */\n left: calc(var(--spacing-l) + var(--spacing-s)); /* 14px */\n}\n\n.iconButton-module-AIIconButton-AIIcon--largeBottom-RQtt--4-6-0 {\n top: calc(var(--spacing-2) + var(--spacing-xs)); /* 17px */\n left: calc(var(--spacing-2) + var(--spacing-s)); /* 18px */\n}\n";
|
|
30818
|
+
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-6-0","AIIconButton-icon":"iconButton-module-AIIconButton-icon-nj5xZ-4-6-0","AIIconButton-AIIcon":"iconButton-module-AIIconButton-AIIcon-xdcj5-4-6-0","AIIconButton-AIIcon--regularTop":"iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-6-0","AIIconButton-AIIcon--largeTop":"iconButton-module-AIIconButton-AIIcon--largeTop-3HqjO-4-6-0","AIIconButton-AIIcon--regularBottom":"iconButton-module-AIIconButton-AIIcon--regularBottom-oQfDL-4-6-0","AIIconButton-AIIcon--largeBottom":"iconButton-module-AIIconButton-AIIcon--largeBottom-RQtt--4-6-0"};
|
|
30350
30819
|
styleInject(css_248z$2);
|
|
30351
30820
|
|
|
30352
30821
|
var SaraIcon = function SaraIcon(props) {
|
|
@@ -30428,8 +30897,8 @@ AIIconButton.defaultProps = {
|
|
|
30428
30897
|
strokeColor: '#fff'
|
|
30429
30898
|
};
|
|
30430
30899
|
|
|
30431
|
-
var css_248z$1 = ".chip-module-AIChip-BtOef-4-
|
|
30432
|
-
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-
|
|
30900
|
+
var css_248z$1 = ".chip-module-AIChip-BtOef-4-6-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--spacing-l);\n padding: var(--spacing-s) var(--spacing);\n background: var(--secondary-light);\n cursor: pointer;\n width: -moz-fit-content;\n width: fit-content;\n border: 0;\n}\n\n.chip-module-AIChip-BtOef-4-6-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-AIChip-BtOef-4-6-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-AIChip-BtOef-4-6-0:focus,\n.chip-module-AIChip-BtOef-4-6-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-AIChip-icon-n5kJL-4-6-0 {\n width: var(--spacing-2);\n height: var(--spacing-2);\n font-size: var(--spacing-2) !important;\n margin-right: var(--spacing-m);\n background: linear-gradient(to bottom, #ffc208 0%, #e31c79 100%);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n}\n\n.chip-module-AIChip-text-EfbZT-4-6-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-6-0 {\n background: var(--secondary-lighter);\n}\n\n.chip-module-AIChip-icon--disabled-UBH8e-4-6-0 {\n background: linear-gradient(to bottom, #ffe79e 0%, #f4a4c9 100%);\n -webkit-background-clip: text;\n background-clip: text;\n color: transparent;\n}\n\n.chip-module-AIChip-text--disabled-fCBlY-4-6-0 {\n color: var(--inverse-lightest);\n}\n\n.chip-module-AIChip-BtOef-4-6-0:disabled {\n cursor: not-allowed;\n pointer-events: none;\n}\n";
|
|
30901
|
+
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-6-0","AIChip-icon":"chip-module-AIChip-icon-n5kJL-4-6-0","AIChip-text":"chip-module-AIChip-text-EfbZT-4-6-0","AIChip--disabled":"chip-module-AIChip--disabled-R4qHn-4-6-0","AIChip-icon--disabled":"chip-module-AIChip-icon--disabled-UBH8e-4-6-0","AIChip-text--disabled":"chip-module-AIChip-text--disabled-fCBlY-4-6-0"};
|
|
30433
30902
|
styleInject(css_248z$1);
|
|
30434
30903
|
|
|
30435
30904
|
var _excluded$4 = ["label", "icon", "disabled", "name", "className"];
|
|
@@ -30457,8 +30926,8 @@ var AIChip = function AIChip(props) {
|
|
|
30457
30926
|
}, label));
|
|
30458
30927
|
};
|
|
30459
30928
|
|
|
30460
|
-
var css_248z = ".chat-module-AIResponse-box-AFv7W-4-
|
|
30461
|
-
var styles = {"AIResponse-box":"chat-module-AIResponse-box-AFv7W-4-
|
|
30929
|
+
var css_248z = ".chat-module-AIResponse-box-AFv7W-4-6-0 {\n background: linear-gradient(white, white) padding-box,\n linear-gradient(to right, rgba(255, 194, 8, 0.64), rgba(227, 28, 121, 0.64)) border-box;\n border-radius: var(--spacing-l);\n border: var(--spacing-s) solid transparent;\n border-top-left-radius: 0;\n padding: var(--spacing) var(--spacing-l);\n}\n\n.chat-module-AIResponse-actionBar-6fyXH-4-6-0 {\n margin-top: var(--spacing-m);\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-6-0 {\n opacity: var(--opacity-12);\n}\n\n.chat-module-AIResponse-box-AFv7W-4-6-0:hover .chat-module-AIResponse-button-kYbCE-4-6-0 {\n opacity: 1;\n}\n\n.chat-module-AIResponse-button--selected-2WUcQ-4-6-0 {\n opacity: 1;\n}\n";
|
|
30930
|
+
var styles = {"AIResponse-box":"chat-module-AIResponse-box-AFv7W-4-6-0","AIResponse-actionBar":"chat-module-AIResponse-actionBar-6fyXH-4-6-0","AIResponse-button":"chat-module-AIResponse-button-kYbCE-4-6-0","AIResponse-button--selected":"chat-module-AIResponse-button--selected-2WUcQ-4-6-0"};
|
|
30462
30931
|
styleInject(css_248z);
|
|
30463
30932
|
|
|
30464
30933
|
var _excluded$3 = ["children", "className"];
|
|
@@ -30524,6 +30993,6 @@ AIResponse.Button = ChatButton;
|
|
|
30524
30993
|
AIResponse.ActionBar = ChatActionBar;
|
|
30525
30994
|
AIResponse.Body = ChatBody;
|
|
30526
30995
|
|
|
30527
|
-
var version = "4.
|
|
30996
|
+
var version = "4.6.0";
|
|
30528
30997
|
|
|
30529
30998
|
export { AIButton, AIChip, AIIconButton, AIResponse, ActionCard, Avatar, AvatarGroup, AvatarSelection, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, Chat, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, Combobox, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, KeyValuePair, Label, Legend, Link, LinkButton, List, Listbox, Menu, Message, MetaList, Meter, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sara, SaraSparkle, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };
|