@innovaccer/design-system 4.11.2 → 4.13.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 +101 -0
- package/css/dist/index.css +209 -26
- package/css/dist/index.css.map +1 -1
- package/css/src/components/button.module.css +2 -0
- package/css/src/components/chip.module.css +10 -2
- package/css/src/components/chipInput.module.css +36 -8
- package/css/src/components/editableInput.module.css +7 -2
- package/css/src/components/input.module.css +8 -0
- package/css/src/components/label.module.css +7 -0
- package/css/src/components/link.module.css +1 -0
- package/css/src/components/menu.module.css +7 -0
- package/css/src/components/message.module.css +30 -2
- package/css/src/components/metricInput.module.css +66 -9
- package/css/src/components/select.module.css +22 -1
- package/css/src/components/statusHint.module.css +1 -2
- package/css/src/components/textarea.module.css +6 -0
- package/css/src/components/tooltip.module.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/common.type.d.ts +1 -0
- package/dist/core/components/atoms/_chip/index.d.ts +2 -1
- package/dist/core/components/atoms/badge/Badge.d.ts +2 -2
- package/dist/core/components/atoms/chip/Chip.d.ts +2 -0
- package/dist/core/components/atoms/label/Label.d.ts +2 -0
- package/dist/core/components/atoms/message/Message.d.ts +2 -0
- package/dist/core/components/atoms/metricInput/MetricInput.d.ts +1 -1
- package/dist/core/components/atoms/statusHint/StatusHint.d.ts +2 -0
- package/dist/core/components/atoms/textarea/Textarea.d.ts +2 -0
- package/dist/core/components/molecules/chipInput/ChipInput.d.ts +2 -0
- package/dist/core/components/molecules/editableChipInput/EditableChipInput.d.ts +2 -0
- package/dist/core/components/molecules/tooltip/Tooltip.d.ts +2 -0
- package/dist/core/components/organisms/grid/Cell.d.ts +7 -2
- package/dist/core/components/organisms/grid/Grid.d.ts +3 -0
- package/dist/core/components/organisms/grid/GridContext.d.ts +2 -0
- package/dist/core/components/organisms/grid/utility.d.ts +1 -0
- package/dist/core/components/organisms/menu/MenuList.d.ts +3 -0
- package/dist/core/components/organisms/select/SelectContext.d.ts +2 -1
- package/dist/core/components/organisms/table/Header.d.ts +2 -0
- package/dist/core/components/organisms/verticalNav/MenuItem.d.ts +1 -0
- package/dist/core/components/organisms/verticalNav/VerticalNav.d.ts +1 -0
- package/dist/esm/index.js +464 -280
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +505 -325
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +209 -26
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +66 -62
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* Generated on: 2025-
|
|
3
|
+
* Generated on: 2025-09-22T18:44:14.190Z
|
|
4
4
|
* Package: @innovaccer/design-system
|
|
5
|
-
* Version: v4.
|
|
5
|
+
* Version: v4.13.0
|
|
6
6
|
* License: MIT
|
|
7
7
|
* Docs: https://mds.innovaccer.com
|
|
8
8
|
*/
|
|
@@ -450,8 +450,8 @@
|
|
|
450
450
|
}
|
|
451
451
|
}
|
|
452
452
|
|
|
453
|
-
var css_248z$1k = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-
|
|
454
|
-
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-
|
|
453
|
+
var css_248z$1k = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-13-0 {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n text-transform: uppercase;\n border-radius: var(--border-radius-full);\n cursor: default;\n position: relative;\n}\n\n.avatar-module-Avatar--default-0YGXC-4-13-0:focus,\n.avatar-module-Avatar--default-0YGXC-4-13-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatar-module-Avatar-wrapper--square--Pcj7-4-13-0 {\n padding: var(--spacing-2-5);\n box-sizing: border-box;\n}\n\n.avatar-module-Avatar--square-lGJGN-4-13-0 {\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-10);\n}\n\n.avatar-module-Avatar--regular-ewNzb-4-13-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.avatar-module-Avatar--tiny-Veo-U-4-13-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.avatar-module-Avatar--noInitials-do2M4-4-13-0 {\n cursor: default;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-13-0 {\n cursor: not-allowed;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-13-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-13-0 {\n background: var(--primary);\n}\n\n.avatar-module-Avatar--secondary-Fru0H-4-13-0 {\n background: var(--secondary-light);\n}\n\n.avatar-module-Avatar--success-KErql-4-13-0 {\n background: var(--success);\n}\n\n.avatar-module-Avatar--alert-mtBzz-4-13-0 {\n background: var(--alert);\n}\n\n.avatar-module-Avatar--warning-OUu3j-4-13-0 {\n background: var(--warning);\n}\n\n.avatar-module-Avatar--accent1-Q0YGB-4-13-0 {\n background: var(--accent1);\n}\n\n.avatar-module-Avatar--accent2-70bqJ-4-13-0 {\n background: var(--accent2);\n}\n\n.avatar-module-Avatar--accent3-GEYFR-4-13-0 {\n background: var(--accent3);\n}\n\n.avatar-module-Avatar--accent4-PHVye-4-13-0 {\n background: var(--accent4);\n}\n\n.avatar-module-Avatar-content--tiny-ZKHWg-4-13-0 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content-lNC3F-4-13-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-13-0 {\n position: absolute;\n border-radius: var(--border-radius-full);\n width: var(--spacing-20);\n height: var(--spacing-20);\n right: 0;\n bottom: 0;\n}\n\n.avatar-module-Avatar-presence--active-AU4X3-4-13-0 {\n background: var(--success);\n}\n\n.avatar-module-Avatar-presence--away-CDNWs-4-13-0 {\n background: var(--secondary-dark);\n}\n\n.avatar-module-Avatar-status-03nd7-4-13-0 {\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-05));\n width: var(--spacing-30);\n height: var(--spacing-30);\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n cursor: pointer;\n overflow: hidden;\n}\n";
|
|
454
|
+
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-13-0","Avatar--default":"avatar-module-Avatar--default-0YGXC-4-13-0","Avatar-wrapper--square":"avatar-module-Avatar-wrapper--square--Pcj7-4-13-0","Avatar--square":"avatar-module-Avatar--square-lGJGN-4-13-0","Avatar--regular":"avatar-module-Avatar--regular-ewNzb-4-13-0","Avatar--tiny":"avatar-module-Avatar--tiny-Veo-U-4-13-0","Avatar--noInitials":"avatar-module-Avatar--noInitials-do2M4-4-13-0","Avatar--disabled":"avatar-module-Avatar--disabled-7nTRh-4-13-0","Avatar--primary":"avatar-module-Avatar--primary-MthKO-4-13-0","Avatar--secondary":"avatar-module-Avatar--secondary-Fru0H-4-13-0","Avatar--success":"avatar-module-Avatar--success-KErql-4-13-0","Avatar--alert":"avatar-module-Avatar--alert-mtBzz-4-13-0","Avatar--warning":"avatar-module-Avatar--warning-OUu3j-4-13-0","Avatar--accent1":"avatar-module-Avatar--accent1-Q0YGB-4-13-0","Avatar--accent2":"avatar-module-Avatar--accent2-70bqJ-4-13-0","Avatar--accent3":"avatar-module-Avatar--accent3-GEYFR-4-13-0","Avatar--accent4":"avatar-module-Avatar--accent4-PHVye-4-13-0","Avatar-content--tiny":"avatar-module-Avatar-content--tiny-ZKHWg-4-13-0","Avatar-content":"avatar-module-Avatar-content-lNC3F-4-13-0","Avatar-presence":"avatar-module-Avatar-presence-ByKmm-4-13-0","Avatar-presence--active":"avatar-module-Avatar-presence--active-AU4X3-4-13-0","Avatar-presence--away":"avatar-module-Avatar-presence--away-CDNWs-4-13-0","Avatar-status":"avatar-module-Avatar-status-03nd7-4-13-0"};
|
|
455
455
|
styleInject$1(css_248z$1k);
|
|
456
456
|
|
|
457
457
|
var appearanceMapper = {
|
|
@@ -652,8 +652,8 @@
|
|
|
652
652
|
strokeColor: 'var(--white)'
|
|
653
653
|
};
|
|
654
654
|
|
|
655
|
-
var css_248z$1j = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-
|
|
656
|
-
var styles$17 = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-
|
|
655
|
+
var css_248z$1j = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-13-0 {\n border-radius: var(--border-radius-full);\n position: relative;\n margin-right: calc(var(--spacing-05) * -1);\n}\n\n.avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-13-0 {\n height: var(--spacing-80);\n}\n\n.avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-13-0 {\n height: var(--spacing-60);\n}\n\n.avatarGroup-module-AvatarGroup-Popper-z-iGj-4-13-0 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-13-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-13-0 {\n border-radius: var(--border-radius-full);\n position: relative;\n}\n\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-13-0:focus,\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-13-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-13-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-13-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-13-0 {\n min-width: unset !important;\n background: transparent;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n height: calc(var(--spacing-80) + var(--spacing-10)) !important;\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-13-0,\n.avatarGroup-module-AvatarGroup-input-pXgb--4-13-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-13-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-13-0 {\n cursor: not-allowed;\n pointer-events: auto !important;\n}\n";
|
|
656
|
+
var styles$17 = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-13-0","AvatarGroup-item--regular":"avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-13-0","AvatarGroup-item--tiny":"avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-13-0","AvatarGroup-Popper":"avatarGroup-module-AvatarGroup-Popper-z-iGj-4-13-0","AvatarGroup-TextWrapper":"avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-13-0","AvatarCount-wrapper":"avatarGroup-module-AvatarCount-wrapper-k9GxW-4-13-0","AvatarGroup-inputWrapper":"avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-13-0","AvatarGroup-input":"avatarGroup-module-AvatarGroup-input-pXgb--4-13-0","AvatarGroup-listItem--disabled":"avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-13-0"};
|
|
657
657
|
styleInject$1(css_248z$1j);
|
|
658
658
|
|
|
659
659
|
var AvatarCount = function AvatarCount(props) {
|
|
@@ -936,8 +936,8 @@
|
|
|
936
936
|
size: 'regular'
|
|
937
937
|
};
|
|
938
938
|
|
|
939
|
-
var css_248z$1i = "@keyframes backdrop-module-backdrop-open-UtELd-4-
|
|
940
|
-
var styles$16 = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-
|
|
939
|
+
var css_248z$1i = "@keyframes backdrop-module-backdrop-open-UtELd-4-13-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-13-0 {\n from {\n opacity: var(--opacity-16);\n }\n to {\n opacity: 0;\n }\n}\n\n.backdrop-module-Backdrop-HFSff-4-13-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-13-0 {\n display: flex;\n visibility: visible;\n}\n\n.backdrop-module-Backdrop-animation--open-uyxvi-4-13-0 {\n animation: backdrop-module-backdrop-open-UtELd-4-13-0 var(--duration--fast-02) var(--entrance-expressive-curve);\n}\n\n.backdrop-module-Backdrop-animation--close-Fe-PA-4-13-0 {\n animation: backdrop-module-backdrop-close-s0fHr-4-13-0 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n";
|
|
940
|
+
var styles$16 = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-13-0","Backdrop--open":"backdrop-module-Backdrop--open-H0Qal-4-13-0","Backdrop-animation--open":"backdrop-module-Backdrop-animation--open-uyxvi-4-13-0","backdrop-open":"backdrop-module-backdrop-open-UtELd-4-13-0","Backdrop-animation--close":"backdrop-module-Backdrop-animation--close-Fe-PA-4-13-0","backdrop-close":"backdrop-module-backdrop-close-s0fHr-4-13-0"};
|
|
941
941
|
styleInject$1(css_248z$1i);
|
|
942
942
|
|
|
943
943
|
var useEffect$1 = React__namespace.useEffect,
|
|
@@ -995,12 +995,12 @@
|
|
|
995
995
|
};
|
|
996
996
|
Backdrop.displayName = 'Backdrop';
|
|
997
997
|
|
|
998
|
-
var css_248z$1h = "/* badge */\n\n.badge-module-Badge-axSjP-4-
|
|
999
|
-
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-
|
|
998
|
+
var css_248z$1h = "/* badge */\n\n.badge-module-Badge-axSjP-4-13-0 {\n /* 160px */\n max-width: calc(var(--spacing-40) * 10);\n /* truncate */\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n text-transform: uppercase;\n padding-right: var(--spacing-10);\n padding-left: var(--spacing-10);\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n border-radius: var(--border-radius-10);\n display: inline-block;\n box-sizing: border-box;\n font-weight: var(--font-weight-bold);\n cursor: default;\n}\n\n.badge-module-Badge--primary-Bzypo-4-13-0 {\n background: var(--primary);\n color: var(--white);\n}\n\n.badge-module-Badge--secondary-WIu5q-4-13-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.badge-module-Badge--success-M-hkD-4-13-0 {\n background: var(--success);\n color: var(--white);\n}\n\n.badge-module-Badge--alert-zeKFm-4-13-0 {\n background: var(--alert);\n color: var(--white);\n}\n\n.badge-module-Badge--warning-CaLfS-4-13-0 {\n background: var(--warning);\n color: var(--warning-darker);\n}\n\n.badge-module-Badge--accent1-yRHhk-4-13-0 {\n background: var(--accent1);\n color: var(--white);\n}\n\n.badge-module-Badge--accent2-RXIlu-4-13-0 {\n background: var(--accent2);\n color: var(--white);\n}\n\n.badge-module-Badge--accent3-Ahofy-4-13-0 {\n background: var(--accent3);\n color: var(--white);\n}\n\n.badge-module-Badge--accent4-adMko-4-13-0 {\n background: var(--accent4);\n color: var(--accent4-darker);\n}\n\n.badge-module-Badge--subtle-primary-egSuo-4-13-0 {\n color: var(--primary-darker);\n background: var(--primary-lightest);\n}\n\n.badge-module-Badge--subtle-secondary-ZZUuU-4-13-0 {\n color: var(--text);\n background: var(--secondary-light);\n}\n\n.badge-module-Badge--subtle-success-bZ7d6-4-13-0 {\n color: var(--success-darker);\n background: var(--success-lightest);\n}\n\n.badge-module-Badge--subtle-alert-Iu9LY-4-13-0 {\n color: var(--alert-darker);\n background: var(--alert-lightest);\n}\n\n.badge-module-Badge--subtle-warning-PERDW-4-13-0 {\n color: var(--warning-darker);\n background: var(--warning-lightest);\n}\n\n.badge-module-Badge--subtle-accent1-M14Ub-4-13-0 {\n color: var(--accent1-darker);\n background: var(--accent1-lightest);\n}\n\n.badge-module-Badge--subtle-accent2-e1DOS-4-13-0 {\n color: var(--accent2-darker);\n background: var(--accent2-lightest);\n}\n\n.badge-module-Badge--subtle-accent3-30YqY-4-13-0 {\n color: var(--accent3-darker);\n background: var(--accent3-lightest);\n}\n\n.badge-module-Badge--subtle-accent4-wHQ23-4-13-0 {\n color: var(--accent4-darker);\n background: var(--accent4-lightest);\n}\n";
|
|
999
|
+
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-13-0","Badge--primary":"badge-module-Badge--primary-Bzypo-4-13-0","Badge--secondary":"badge-module-Badge--secondary-WIu5q-4-13-0","Badge--success":"badge-module-Badge--success-M-hkD-4-13-0","Badge--alert":"badge-module-Badge--alert-zeKFm-4-13-0","Badge--warning":"badge-module-Badge--warning-CaLfS-4-13-0","Badge--accent1":"badge-module-Badge--accent1-yRHhk-4-13-0","Badge--accent2":"badge-module-Badge--accent2-RXIlu-4-13-0","Badge--accent3":"badge-module-Badge--accent3-Ahofy-4-13-0","Badge--accent4":"badge-module-Badge--accent4-adMko-4-13-0","Badge--subtle-primary":"badge-module-Badge--subtle-primary-egSuo-4-13-0","Badge--subtle-secondary":"badge-module-Badge--subtle-secondary-ZZUuU-4-13-0","Badge--subtle-success":"badge-module-Badge--subtle-success-bZ7d6-4-13-0","Badge--subtle-alert":"badge-module-Badge--subtle-alert-Iu9LY-4-13-0","Badge--subtle-warning":"badge-module-Badge--subtle-warning-PERDW-4-13-0","Badge--subtle-accent1":"badge-module-Badge--subtle-accent1-M14Ub-4-13-0","Badge--subtle-accent2":"badge-module-Badge--subtle-accent2-e1DOS-4-13-0","Badge--subtle-accent3":"badge-module-Badge--subtle-accent3-30YqY-4-13-0","Badge--subtle-accent4":"badge-module-Badge--subtle-accent4-wHQ23-4-13-0"};
|
|
1000
1000
|
styleInject$1(css_248z$1h);
|
|
1001
1001
|
|
|
1002
|
-
var css_248z$1g = ".pageHeader-module-PageHeader-YgqsC-4-
|
|
1003
|
-
var styles$15 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-
|
|
1002
|
+
var css_248z$1g = ".pageHeader-module-PageHeader-YgqsC-4-13-0 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-wrapper-DOQ8C-4-13-0 {\n padding: var(--spacing-20) var(--spacing-40) var(--spacing-20) 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-13-0 {\n padding-bottom: 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-13-0 .pageHeader-module-TabsWrapper-header-H-fcc-4-13-0 {\n border-bottom: none;\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-13-0 .pageHeader-module-Row-beZ5Z-4-13-0 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-titleWrapper-QLuCf-4-13-0 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n padding-right: var(--spacing-20);\n}\n\n.pageHeader-module-PageHeader-titleWrapper-QLuCf-4-13-0 .pageHeader-module-Badge-2T-RV-4-13-0 {\n margin-left: var(--spacing-30);\n flex-shrink: 0;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-13-0 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-13-0 .pageHeader-module-StatusHint-bRjnp-4-13-0 {\n margin-right: var(--spacing-20);\n}\n\n.pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-13-0 {\n margin-top: var(--spacing-10);\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-13-0 .pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-13-0 {\n justify-content: center;\n align-items: center;\n margin-top: 0 !important;\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-20);\n display: flex;\n}\n\n.pageHeader-module-PageHeader-title-mgCZA-4-13-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.pageHeader-module-PageHeader-actionsWrapper-tF81M-4-13-0 {\n display: flex;\n justify-content: flex-end;\n padding-left: var(--spacing-20);\n}\n";
|
|
1003
|
+
var styles$15 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-13-0","PageHeader-wrapper":"pageHeader-module-PageHeader-wrapper-DOQ8C-4-13-0","PageHeader-wrapper--withTabs":"pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-13-0","TabsWrapper-header":"pageHeader-module-TabsWrapper-header-H-fcc-4-13-0","Row":"pageHeader-module-Row-beZ5Z-4-13-0","PageHeader-titleWrapper":"pageHeader-module-PageHeader-titleWrapper-QLuCf-4-13-0","Badge":"pageHeader-module-Badge-2T-RV-4-13-0","PageHeader-statusWrapper":"pageHeader-module-PageHeader-statusWrapper-RYrwh-4-13-0","StatusHint":"pageHeader-module-StatusHint-bRjnp-4-13-0","PageHeader-navigationWrapper":"pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-13-0","PageHeader-title":"pageHeader-module-PageHeader-title-mgCZA-4-13-0","PageHeader-actionsWrapper":"pageHeader-module-PageHeader-actionsWrapper-tF81M-4-13-0"};
|
|
1004
1004
|
styleInject$1(css_248z$1g);
|
|
1005
1005
|
|
|
1006
1006
|
var Badge = function Badge(props) {
|
|
@@ -1008,22 +1008,23 @@
|
|
|
1008
1008
|
var appearance = props.appearance,
|
|
1009
1009
|
children = props.children,
|
|
1010
1010
|
subtle = props.subtle,
|
|
1011
|
-
className = props.className
|
|
1011
|
+
className = props.className,
|
|
1012
|
+
rest = __rest(props, ["appearance", "children", "subtle", "className"]);
|
|
1012
1013
|
var baseProps = extractBaseProps(props);
|
|
1013
1014
|
var classes = classNames__default["default"]((_a = {}, _a[badgeStyles.Badge] = true, _a[styles$15.Badge] = true, _a[badgeStyles["Badge--" + appearance]] = appearance && !subtle, _a[badgeStyles["Badge--subtle-" + appearance]] = subtle, _a), className);
|
|
1014
1015
|
return /*#__PURE__*/React__namespace.createElement("span", __assign$1({
|
|
1015
1016
|
"data-test": "DesignSystem-Badge"
|
|
1016
1017
|
}, baseProps, {
|
|
1017
1018
|
className: classes
|
|
1018
|
-
}), children);
|
|
1019
|
+
}, rest), children);
|
|
1019
1020
|
};
|
|
1020
1021
|
Badge.displayName = 'Badge';
|
|
1021
1022
|
Badge.defaultProps = {
|
|
1022
1023
|
appearance: 'secondary'
|
|
1023
1024
|
};
|
|
1024
1025
|
|
|
1025
|
-
var css_248z$1f = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-
|
|
1026
|
-
var styles$14 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-
|
|
1026
|
+
var css_248z$1f = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-13-0 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-13-0 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-link-aJJRG-4-13-0 {\n /* 160px */\n max-width: calc(var(--spacing-40) * 10);\n margin: var(--spacing-10) 0;\n}\n\n.breadcrumbs-module-Breadcrumbs-link-aJJRG-4-13-0:active {\n color: var(--inverse);\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-13-0:first-child .breadcrumbs-module-Breadcrumbs-link-aJJRG-4-13-0 {\n margin-left: 0;\n}\n\n.breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-13-0 {\n color: var(--secondary);\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n width: var(--spacing-10);\n margin: 0 var(--spacing-10);\n}\n\n.breadcrumbs-module-Breadcrumbs-dropdown--CUKk-4-13-0 {\n height: var(--font-height-m);\n}\n\n.breadcrumbs-module-Breadcrumbs-Button-FybbI-4-13-0:focus {\n background: var(--secondary) !important;\n}\n";
|
|
1027
|
+
var styles$14 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-13-0","Breadcrumbs-item":"breadcrumbs-module-Breadcrumbs-item-M3i9B-4-13-0","Breadcrumbs-link":"breadcrumbs-module-Breadcrumbs-link-aJJRG-4-13-0","Breadcrumbs-itemSeparator":"breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-13-0","Breadcrumbs-dropdown":"breadcrumbs-module-Breadcrumbs-dropdown--CUKk-4-13-0","Breadcrumbs-Button":"breadcrumbs-module-Breadcrumbs-Button-FybbI-4-13-0"};
|
|
1027
1028
|
styleInject$1(css_248z$1f);
|
|
1028
1029
|
|
|
1029
1030
|
var RenderLink = function RenderLink(_a) {
|
|
@@ -1135,8 +1136,8 @@
|
|
|
1135
1136
|
}))));
|
|
1136
1137
|
};
|
|
1137
1138
|
|
|
1138
|
-
var css_248z$1e = ".button-module-Button-xxWB4-4-
|
|
1139
|
-
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-
|
|
1139
|
+
var css_248z$1e = ".button-module-Button-xxWB4-4-13-0 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n position: relative;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: 0;\n border-radius: var(--border-radius-10);\n\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n\n text-align: center;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--text-white);\n\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.button-module-Button-xxWB4-4-13-0:disabled {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-13-0:focus {\n outline: 0;\n}\n\n.button-module-Button--iconAlign-right-tzezJ-4-13-0 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-13-0 {\n margin-left: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-13-0 {\n margin-right: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button--tiny-ftCQP-4-13-0 {\n height: var(--spacing-60);\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-20);\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n}\n\n.button-module-Button--tinySquare-JSE77-4-13-0 {\n width: var(--spacing-60);\n}\n\n.button-module-Button--regular-Vs8An-4-13-0 {\n height: var(--spacing-80);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n}\n\n.button-module-Button--regularSquare-VG89r-4-13-0 {\n width: var(--spacing-80);\n}\n\n.button-module-Button--large-inVqO-4-13-0 {\n height: 40px;\n padding-right: var(--spacing-40);\n padding-left: var(--spacing-40);\n\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.button-module-Button--largeSquare-puIze-4-13-0 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-13-0 .button-module-Button-icon-2Qw-d-4-13-0,\n.button-module-Button--largeSquare-puIze-4-13-0 .button-module-Button-icon-2Qw-d-4-13-0,\n.button-module-Button--tinySquare-JSE77-4-13-0 .button-module-Spinner-f7Izb-4-13-0,\n.button-module-Button--largeSquare-puIze-4-13-0 .button-module-Spinner-f7Izb-4-13-0 {\n padding-left: var(--spacing-05);\n padding-right: var(--spacing-05);\n}\n\n.button-module-Button--expanded-j33fV-4-13-0 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-13-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-13-0 {\n margin-right: var(--spacing-15);\n}\n\n.button-module-Button-icon--right-4iJWc-4-13-0 {\n margin-left: var(--spacing-15);\n}\n\n.button-module-Button--tiny-ftCQP-4-13-0 .button-module-Button-icon--left-UoJq5-4-13-0 {\n margin-right: var(--spacing-10);\n}\n.button-module-Button--tiny-ftCQP-4-13-0 .button-module-Button-icon--right-4iJWc-4-13-0 {\n margin-left: var(--spacing-10);\n}\n\n.button-module-Button--basic-99RJE-4-13-0 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-13-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-13-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-99RJE-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.button-module-Button--basic-99RJE-4-13-0:disabled {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-13-0 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-13-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-13-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-beKmU-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--primary-beKmU-4-13-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--success-UppQk-4-13-0 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-13-0:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-13-0:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-UppQk-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.button-module-Button--success-UppQk-4-13-0:disabled {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--alert-H5mRH-4-13-0 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-13-0:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-13-0:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-H5mRH-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.button-module-Button--alert-H5mRH-4-13-0:disabled {\n background: var(--alert-lighter);\n}\n\n.button-module-Button--transparent-r8FxI-4-13-0 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-13-0:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.button-module-Button--transparent-r8FxI-4-13-0:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-13-0:focus:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-13-0:disabled {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-13-0 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-13-0 {\n background: var(--primary-lightest);\n color: var(--primary-dark);\n}\n\n.button-module-Button--selected-vkcfl-4-13-0:hover {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-13-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.button-module-Button--selected-vkcfl-4-13-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-13-0:focus:active {\n background: var(--primary-lighter);\n}\n\n.button-module-Button--selected-vkcfl-4-13-0:disabled {\n background: var(--primary-lightest);\n color: var(--primary-lighter);\n}\n\n.button-module-Button-text--hidden-iCXLu-4-13-0 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-13-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n";
|
|
1140
|
+
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-13-0","Button--iconAlign-right":"button-module-Button--iconAlign-right-tzezJ-4-13-0","Button-regularIcon--left":"button-module-Button-regularIcon--left-eiSbs-4-13-0","Button-regularIcon--right":"button-module-Button-regularIcon--right-VaPke-4-13-0","Button--tiny":"button-module-Button--tiny-ftCQP-4-13-0","Button--tinySquare":"button-module-Button--tinySquare-JSE77-4-13-0","Button--regular":"button-module-Button--regular-Vs8An-4-13-0","Button--regularSquare":"button-module-Button--regularSquare-VG89r-4-13-0","Button--large":"button-module-Button--large-inVqO-4-13-0","Button--largeSquare":"button-module-Button--largeSquare-puIze-4-13-0","Button-icon":"button-module-Button-icon-2Qw-d-4-13-0","Spinner":"button-module-Spinner-f7Izb-4-13-0","Button--expanded":"button-module-Button--expanded-j33fV-4-13-0","Button-icon--left":"button-module-Button-icon--left-UoJq5-4-13-0","Button-icon--right":"button-module-Button-icon--right-4iJWc-4-13-0","Button--basic":"button-module-Button--basic-99RJE-4-13-0","Button--primary":"button-module-Button--primary-beKmU-4-13-0","Button--success":"button-module-Button--success-UppQk-4-13-0","Button--alert":"button-module-Button--alert-H5mRH-4-13-0","Button--transparent":"button-module-Button--transparent-r8FxI-4-13-0","Button-spinner":"button-module-Button-spinner-l5KLk-4-13-0","Button--selected":"button-module-Button--selected-vkcfl-4-13-0","Button-text--hidden":"button-module-Button-text--hidden-iCXLu-4-13-0","Button-text":"button-module-Button-text-A8xeT-4-13-0"};
|
|
1140
1141
|
styleInject$1(css_248z$1e);
|
|
1141
1142
|
|
|
1142
1143
|
var sizeMapping$3 = {
|
|
@@ -1170,6 +1171,7 @@
|
|
|
1170
1171
|
var iconClass = classNames__default["default"]((_b = {}, _b[buttonStyles['Button-icon']] = true, _b[buttonStyles["Button-icon--" + iconAlign]] = children && iconAlign, _b[buttonStyles["Button-regularIcon--" + iconAlign]] = children && iconAlign && size === 'regular' && !expanded, _b));
|
|
1171
1172
|
var buttonTextClass = classNames__default["default"]((_c = {}, _c[buttonStyles['Button-text']] = true, _c[buttonStyles['Button-text--hidden']] = true, _c));
|
|
1172
1173
|
var spinnerSize = size === 'large' && children ? 'small' : 'xsmall';
|
|
1174
|
+
var iconSize = size === 'tiny' ? 14 : largeIcon && !children ? sizeMapping$3[size] + 4 : sizeMapping$3[size];
|
|
1173
1175
|
return /*#__PURE__*/React__namespace.createElement("button", __assign$1({
|
|
1174
1176
|
"data-test": "DesignSystem-Button",
|
|
1175
1177
|
ref: ref,
|
|
@@ -1191,7 +1193,7 @@
|
|
|
1191
1193
|
"data-test": "DesignSystem-Button--Icon",
|
|
1192
1194
|
name: icon,
|
|
1193
1195
|
type: iconType,
|
|
1194
|
-
size:
|
|
1196
|
+
size: iconSize
|
|
1195
1197
|
}))), children && /*#__PURE__*/React__namespace.createElement("span", {
|
|
1196
1198
|
className: buttonStyles['Button-text']
|
|
1197
1199
|
}, children))));
|
|
@@ -1220,8 +1222,8 @@
|
|
|
1220
1222
|
}, _typeof(o);
|
|
1221
1223
|
}
|
|
1222
1224
|
|
|
1223
|
-
var css_248z$1d = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-
|
|
1224
|
-
var styles$13 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-
|
|
1225
|
+
var css_248z$1d = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-13-0 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.calendar-module-Calendar-7PxjX-4-13-0 {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.calendar-module-Calendar--small-A1CLy-4-13-0 {\n padding: var(--spacing-30);\n padding-bottom: var(--spacing-20);\n width: 212px;\n}\n\n.calendar-module-Calendar-date--small-CcxQJ-4-13-0 {\n height: 248px;\n}\n\n.calendar-module-Calendar-month--small-wkwYD-4-13-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar-year--small-RdwBQ-4-13-0 {\n height: 200px;\n}\n\n.calendar-module-Calendar--large-sSoxU-4-13-0 {\n padding-top: var(--spacing-40);\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-40);\n padding-bottom: var(--spacing-30);\n width: 316px;\n}\n\n.calendar-module-Calendar-date--large-1ZITF-4-13-0 {\n height: 324px;\n}\n\n.calendar-module-Calendar-month--large-5g0oP-4-13-0 {\n height: 276px;\n}\n\n.calendar-module-Calendar-year--large-jELMf-4-13-0 {\n height: 272px;\n}\n\n.calendar-module-Calendar-header--large-z3JIz-4-13-0 {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-bottom: var(--spacing-30);\n}\n\n.calendar-module-Calendar-header--small-dWwwm-4-13-0 {\n position: relative;\n display: flex;\n justify-content: center;\n align-items: center;\n padding-bottom: var(--spacing-20);\n}\n\n.calendar-module-Calendar-headerIcon-nsCVk-4-13-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-13-0 {\n left: 0;\n}\n\n.calendar-module-Calendar-headerIcon--next-ympYc-4-13-0 {\n right: 0;\n}\n\n.calendar-module-Calendar-headerContent-Ik37t-4-13-0 {\n display: flex;\n white-space: nowrap;\n cursor: pointer;\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.calendar-module-Calendar-body-d-N5F-4-13-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-13-0 {\n display: flex;\n justify-content: space-between;\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n}\n\n.calendar-module-Calendar-valueWrapper-H46Ub-4-13-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-13-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-13-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-13-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-13-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-13-0:active {\n background: var(--primary-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-13-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--start-z-bt7-4-13-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 50%);\n border-radius: var(--border-radius-10) 0 0 var(--border-radius-10);\n}\n\n.calendar-module-Calendar-valueWrapper--startError-RglvV-4-13-0 {\n background: linear-gradient(90deg, white 50%, var(--alert-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--end-3mDNa-4-13-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 50%, white 50%);\n border-radius: 0 var(--border-radius-10) var(--border-radius-10) 0;\n}\n\n.calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-13-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 10%, white 50%);\n border-radius: 0 var(--border-radius-10) var(--border-radius-10) 0;\n}\n\n.calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-13-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 10%);\n}\n\n.calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-13-0 {\n background: linear-gradient(90deg, var(--alert-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--startEnd-djqp--4-13-0 {\n background: transparent;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-13-0 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border-radius: var(--spacing-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-13-0:hover {\n background: var(--secondary-light);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-13-0:active {\n background: var(--secondary);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-13-0:active .calendar-module-Calendar-value--currDate-GxbmJ-4-13-0 {\n color: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-13-0:hover,\n.calendar-module-Calendar-value--end-975vB-4-13-0:hover {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-13-0:hover,\n.calendar-module-Calendar-value--endError-M5HbA-4-13-0:hover {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-13-0,\n.calendar-module-Calendar-value--end-975vB-4-13-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-13-0,\n.calendar-module-Calendar-value--endError-M5HbA-4-13-0 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-13-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-13-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-13-0:active {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-value--currDate-GxbmJ-4-13-0:active {\n color: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-13-0 {\n background: var(--primary);\n font-weight: var(--font-weight-bold);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-13-0:hover {\n background: var(--primary-dark);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-13-0:active {\n background: var(--primary-darker);\n}\n\n.calendar-module-Calendar-yearValue--small--xk4--4-13-0,\n.calendar-module-Calendar-monthValue--small-R3bKo-4-13-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.calendar-module-Calendar-yearValue--large-Lmlui-4-13-0,\n.calendar-module-Calendar-monthValue--large-kkWJR-4-13-0 {\n height: var(--spacing-80);\n width: var(--spacing-160);\n}\n\n.calendar-module-Calendar-dateValue--small-u5Af3-4-13-0 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.calendar-module-Calendar-dateValue--large-ngrnG-4-13-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.calendar-module-Calendar-valueWrapper--dummy-QDC-R-4-13-0 {\n opacity: var(--opacity-20);\n}\n\n.calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-13-0 {\n opacity: var(--opacity-10);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-13-0 {\n opacity: var(--opacity-16);\n}\n\n.calendar-module-Calendar-value--disabled-xwiCL-4-13-0 {\n pointer-events: none;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-13-0 {\n display: flex;\n justify-content: center;\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.calendar-module-Calendar-dateValues-sXhcu-4-13-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-13-0 .calendar-module-Calendar-value-Ht0Qg-4-13-0 {\n padding: 0;\n}\n\n.calendar-module-Calendar-eventsIndicator-FoS6M-4-13-0 {\n position: absolute;\n bottom: var(--spacing-05);\n width: var(--spacing-10);\n height: var(--spacing-10);\n background-color: var(--alert);\n border-radius: var(--border-radius-full);\n}\n.calendar-module-Calendar-eventsIndicator--small-94d0W-4-13-0 {\n width: 3px;\n height: 3px;\n}\n.calendar-module-Calendar-eventsIndicator--active-NHhLl-4-13-0 {\n background-color: var(--white);\n}\n\n.calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-13-0 {\n background: linear-gradient(90deg, white 50%, var(--primary-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-13-0 {\n background: linear-gradient(90deg, var(--primary-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-13-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-13-0 {\n background: var(--primary-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-13-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-13-0:hover {\n background: var(--primary-lighter);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-13-0 .calendar-module-Calendar-inRangeValue-VoWIb-4-13-0:active {\n background: var(--primary-light);\n}\n";
|
|
1226
|
+
var styles$13 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-13-0","Calendar":"calendar-module-Calendar-7PxjX-4-13-0","Calendar--small":"calendar-module-Calendar--small-A1CLy-4-13-0","Calendar-date--small":"calendar-module-Calendar-date--small-CcxQJ-4-13-0","Calendar-month--small":"calendar-module-Calendar-month--small-wkwYD-4-13-0","Calendar-year--small":"calendar-module-Calendar-year--small-RdwBQ-4-13-0","Calendar--large":"calendar-module-Calendar--large-sSoxU-4-13-0","Calendar-date--large":"calendar-module-Calendar-date--large-1ZITF-4-13-0","Calendar-month--large":"calendar-module-Calendar-month--large-5g0oP-4-13-0","Calendar-year--large":"calendar-module-Calendar-year--large-jELMf-4-13-0","Calendar-header--large":"calendar-module-Calendar-header--large-z3JIz-4-13-0","Calendar-header--small":"calendar-module-Calendar-header--small-dWwwm-4-13-0","Calendar-headerIcon":"calendar-module-Calendar-headerIcon-nsCVk-4-13-0","Calendar-headerIcon--prev":"calendar-module-Calendar-headerIcon--prev-1RFOJ-4-13-0","Calendar-headerIcon--next":"calendar-module-Calendar-headerIcon--next-ympYc-4-13-0","Calendar-headerContent":"calendar-module-Calendar-headerContent-Ik37t-4-13-0","Calendar-body":"calendar-module-Calendar-body-d-N5F-4-13-0","Calendar-valueRow":"calendar-module-Calendar-valueRow-85rKl-4-13-0","Calendar-valueWrapper":"calendar-module-Calendar-valueWrapper-H46Ub-4-13-0","Calendar-valueWrapper--inRange":"calendar-module-Calendar-valueWrapper--inRange-fV605-4-13-0","Calendar-inRangeValue":"calendar-module-Calendar-inRangeValue-VoWIb-4-13-0","Calendar-valueWrapper--inRangeError":"calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-13-0","Calendar-valueWrapper--start":"calendar-module-Calendar-valueWrapper--start-z-bt7-4-13-0","Calendar-valueWrapper--startError":"calendar-module-Calendar-valueWrapper--startError-RglvV-4-13-0","Calendar-valueWrapper--end":"calendar-module-Calendar-valueWrapper--end-3mDNa-4-13-0","Calendar-valueWrapper--hoverDate":"calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-13-0","Calendar-valueWrapper--hoverEndDate":"calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-13-0","Calendar-valueWrapper--endError":"calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-13-0","Calendar-valueWrapper--startEnd":"calendar-module-Calendar-valueWrapper--startEnd-djqp--4-13-0","Calendar-value":"calendar-module-Calendar-value-Ht0Qg-4-13-0","Calendar-value--currDate":"calendar-module-Calendar-value--currDate-GxbmJ-4-13-0","Calendar-value--start":"calendar-module-Calendar-value--start-mlqzh-4-13-0","Calendar-value--end":"calendar-module-Calendar-value--end-975vB-4-13-0","Calendar-value--startError":"calendar-module-Calendar-value--startError-bXXuR-4-13-0","Calendar-value--endError":"calendar-module-Calendar-value--endError-M5HbA-4-13-0","Calendar-value--currDateMonthYear":"calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-13-0","Calendar-value--active":"calendar-module-Calendar-value--active--twAB-4-13-0","Calendar-yearValue--small":"calendar-module-Calendar-yearValue--small--xk4--4-13-0","Calendar-monthValue--small":"calendar-module-Calendar-monthValue--small-R3bKo-4-13-0","Calendar-yearValue--large":"calendar-module-Calendar-yearValue--large-Lmlui-4-13-0","Calendar-monthValue--large":"calendar-module-Calendar-monthValue--large-kkWJR-4-13-0","Calendar-dateValue--small":"calendar-module-Calendar-dateValue--small-u5Af3-4-13-0","Calendar-dateValue--large":"calendar-module-Calendar-dateValue--large-ngrnG-4-13-0","Calendar-valueWrapper--dummy":"calendar-module-Calendar-valueWrapper--dummy-QDC-R-4-13-0","Calendar-valueWrapper--disabled":"calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-13-0","Calendar-valueWrapper--active-dummy":"calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-13-0","Calendar-value--disabled":"calendar-module-Calendar-value--disabled-xwiCL-4-13-0","Calendar-dayValues":"calendar-module-Calendar-dayValues-EuWrN-4-13-0","Calendar-dateValues":"calendar-module-Calendar-dateValues-sXhcu-4-13-0","Calendar-eventsIndicator":"calendar-module-Calendar-eventsIndicator-FoS6M-4-13-0","Calendar-eventsIndicator--small":"calendar-module-Calendar-eventsIndicator--small-94d0W-4-13-0","Calendar-eventsIndicator--active":"calendar-module-Calendar-eventsIndicator--active-NHhLl-4-13-0","Calendar-valueWrapper--inStartRange":"calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-13-0","Calendar-valueWrapper--inEndRange":"calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-13-0","Calendar-valueWrapper--inEdgeRange":"calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-13-0"};
|
|
1225
1227
|
styleInject$1(css_248z$1d);
|
|
1226
1228
|
|
|
1227
1229
|
var config = {
|
|
@@ -2290,8 +2292,8 @@
|
|
|
2290
2292
|
return Calendar;
|
|
2291
2293
|
}(React__namespace.Component);
|
|
2292
2294
|
|
|
2293
|
-
var css_248z$1c = "/* badge */\n\n.card-module-Card-3nZt4-4-
|
|
2294
|
-
var styles$12 = {"Card":"card-module-Card-3nZt4-4-
|
|
2295
|
+
var css_248z$1c = "/* badge */\n\n.card-module-Card-3nZt4-4-13-0 {\n border-radius: var(--border-radius-10);\n border: var(--border-width-2-5) solid var(--secondary-light);\n position: relative;\n background-color: var(--white);\n}\n\n.card-module-Card--default-vE68u-4-13-0,\n.card-module-Card--light-ef-kI-4-13-0,\n.card-module-Card--medium-hfCda-4-13-0,\n.card-module-Card--dark-z4IwI-4-13-0 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow10-EQ0Tc-4-13-0 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow20-r2kA9-4-13-0 {\n border: none;\n box-shadow: var(--shadow-m);\n}\n\n.card-module-Card--shadow30-7DdVE-4-13-0 {\n border: none;\n box-shadow: var(--shadow-l);\n}\n\n.card-module-Card-header-L-wfV-4-13-0 {\n padding: var(--spacing-40) var(--spacing-40) var(--spacing-30) var(--spacing-40);\n}\n\n.card-module-Card-body-AWtGZ-4-13-0 {\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-40);\n}\n\n.card-module-Card-footer-Gomt8-4-13-0 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n position: absolute;\n bottom: 0;\n width: 100%;\n padding: var(--spacing-40);\n}\n\n.card-module-Card-footer--withSeperator-xBISR-4-13-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
2296
|
+
var styles$12 = {"Card":"card-module-Card-3nZt4-4-13-0","Card--default":"card-module-Card--default-vE68u-4-13-0","Card--light":"card-module-Card--light-ef-kI-4-13-0","Card--medium":"card-module-Card--medium-hfCda-4-13-0","Card--dark":"card-module-Card--dark-z4IwI-4-13-0","Card--shadow10":"card-module-Card--shadow10-EQ0Tc-4-13-0","Card--shadow20":"card-module-Card--shadow20-r2kA9-4-13-0","Card--shadow30":"card-module-Card--shadow30-7DdVE-4-13-0","Card-header":"card-module-Card-header-L-wfV-4-13-0","Card-body":"card-module-Card-body-AWtGZ-4-13-0","Card-footer":"card-module-Card-footer-Gomt8-4-13-0","Card-footer--withSeperator":"card-module-Card-footer--withSeperator-xBISR-4-13-0"};
|
|
2295
2297
|
styleInject$1(css_248z$1c);
|
|
2296
2298
|
|
|
2297
2299
|
var Card = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -2314,8 +2316,8 @@
|
|
|
2314
2316
|
shadow: 'shadow10'
|
|
2315
2317
|
};
|
|
2316
2318
|
|
|
2317
|
-
var css_248z$1b = ".cardSubdued-module-CardSubdued-cRpHh-4-
|
|
2318
|
-
var styles$11 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-
|
|
2319
|
+
var css_248z$1b = ".cardSubdued-module-CardSubdued-cRpHh-4-13-0 {\n background: var(--card-subdued-bg);\n padding: var(--spacing-40);\n}\n\n.cardSubdued-module-CardSubdued--top-9xPTI-4-13-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--left-5pkIL-4-13-0 {\n border-left: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--right-vqxr4-4-13-0 {\n border-right: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--bottom-fOplq-4-13-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
2320
|
+
var styles$11 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-13-0","CardSubdued--top":"cardSubdued-module-CardSubdued--top-9xPTI-4-13-0","CardSubdued--left":"cardSubdued-module-CardSubdued--left-5pkIL-4-13-0","CardSubdued--right":"cardSubdued-module-CardSubdued--right-vqxr4-4-13-0","CardSubdued--bottom":"cardSubdued-module-CardSubdued--bottom-fOplq-4-13-0"};
|
|
2319
2321
|
styleInject$1(css_248z$1b);
|
|
2320
2322
|
|
|
2321
2323
|
var CardSubdued = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -2429,8 +2431,8 @@
|
|
|
2429
2431
|
});
|
|
2430
2432
|
};
|
|
2431
2433
|
|
|
2432
|
-
var css_248z$1a = "/* Although the icons in the font can be scaled to any size, in accordance with material design icons guidelines, \n * we recommend them to be shown in either 18, 24, 36 or 48px. The default being 24px. \n * https://google.github.io/material-design-icons/\n */\n\n/* Rules for sizing the icon. */\n\n/* .material-icons.md-18 { font-size: 18px; }\n.material-icons.md-24 { font-size: 24px; }\n.material-icons.md-36 { font-size: 36px; }\n.material-icons.md-48 { font-size: 48px; } */\n\n/* Rules for using icons as black on a light background. */\n\n/* .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }\n.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } */\n\n/* Rules for using icons as white on a dark background. */\n\n/* .material-icons.md-light { color: rgba(255, 255, 255, 1); }\n.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } */\n.icon-module-Icon-2ZCUa-4-
|
|
2433
|
-
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-
|
|
2434
|
+
var css_248z$1a = "/* 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-13-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-13-0 {\n color: var(--text-subtle);\n}\n\n.icon-module-Icon--disabled-cfSpt-4-13-0 {\n color: var(--text-disabled);\n}\n\n.icon-module-Icon--destructive-hh3wH-4-13-0 {\n color: var(--text-destructive);\n}\n\n.icon-module-Icon--white-xVSQx-4-13-0 {\n color: var(--text-white);\n}\n\n.icon-module-Icon--default-gUL8T-4-13-0 {\n color: var(--text);\n}\n\n.icon-module-Icon--info-NPl0c-4-13-0 {\n color: var(--primary);\n}\n\n.icon-module-Icon--success--1Pol-4-13-0 {\n color: var(--success);\n}\n\n.icon-module-Icon--warning-vkwDf-4-13-0 {\n color: var(--warning);\n}\n\n.icon-module-Icon--alert-9wT0L-4-13-0 {\n color: var(--alert);\n}\n\n.icon-module-Icon--primary-5RS0y-4-13-0 {\n color: var(--primary);\n}\n\n.icon-module-Icon--primaryLighter-G9i-U-4-13-0 {\n color: var(--primary-lighter);\n}\n\n.icon-module-Icon--primaryDark-Z9EK7-4-13-0 {\n color: var(--primary-dark);\n}\n\n.icon-module-Icon--primaryDarker-WzRg--4-13-0 {\n color: var(--primary-darker);\n}\n\n.icon-module-Icon--alertLighter-6B-e7-4-13-0 {\n color: var(--alert-lighter);\n}\n\n.icon-module-Icon--alertDark-k7w0--4-13-0 {\n color: var(--alert-dark);\n}\n\n.icon-module-Icon--alertDarker-ZGpJS-4-13-0 {\n color: var(--alert-darker);\n}\n\n.icon-module-Icon--successLighter-NJRIN-4-13-0 {\n color: var(--success-lighter);\n}\n\n.icon-module-Icon--successDark-w7jA3-4-13-0 {\n color: var(--success-dark);\n}\n\n.icon-module-Icon--successDarker-whOmv-4-13-0 {\n color: var(--success-darker);\n}\n\n.icon-module-Icon--warningLighter-IjeGH-4-13-0 {\n color: var(--warning-lighter);\n}\n\n.icon-module-Icon--warningDark-c0V89-4-13-0 {\n color: var(--warning-dark);\n}\n\n.icon-module-Icon--warningDarker-Y1Zk1-4-13-0 {\n color: var(--warning-darker);\n}\n\n.icon-module-Icon--accent1-joGUJ-4-13-0 {\n color: var(--accent1);\n}\n\n.icon-module-Icon--accent1Lighter-ecAka-4-13-0 {\n color: var(--accent1-lighter);\n}\n\n.icon-module-Icon--accent1Dark-kWavq-4-13-0 {\n color: var(--accent1-dark);\n}\n\n.icon-module-Icon--accent1Darker-xkikD-4-13-0 {\n color: var(--accent1-darker);\n}\n\n.icon-module-Icon--accent2-U6Nln-4-13-0 {\n color: var(--accent2);\n}\n\n.icon-module-Icon--accent2Lighter-l-bdc-4-13-0 {\n color: var(--accent2-lighter);\n}\n\n.icon-module-Icon--accent2Dark-fQYZp-4-13-0 {\n color: var(--accent2-dark);\n}\n\n.icon-module-Icon--accent2Darker-fPTcU-4-13-0 {\n color: var(--accent2-darker);\n}\n\n.icon-module-Icon--accent3-pqiXT-4-13-0 {\n color: var(--accent3);\n}\n\n.icon-module-Icon--accent3Lighter-GdEsf-4-13-0 {\n color: var(--accent3-lighter);\n}\n\n.icon-module-Icon--accent3Dark-UrkMU-4-13-0 {\n color: var(--accent3-dark);\n}\n\n.icon-module-Icon--accent3Darker-h-Kf4-4-13-0 {\n color: var(--accent3-darker);\n}\n\n.icon-module-Icon--accent4-URPLg-4-13-0 {\n color: var(--accent4);\n}\n\n.icon-module-Icon--accent4Lighter-TfLqj-4-13-0 {\n color: var(--accent4-lighter);\n}\n\n.icon-module-Icon--accent4Dark-eMTg--4-13-0 {\n color: var(--accent4-dark);\n}\n\n.icon-module-Icon--accent4Darker-zY0fj-4-13-0 {\n color: var(--accent4-darker);\n}\n\n.icon-module-Icon--inverse-PaEaG-4-13-0 {\n color: var(--inverse);\n}\n";
|
|
2435
|
+
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-13-0","Icon--subtle":"icon-module-Icon--subtle-LctKY-4-13-0","Icon--disabled":"icon-module-Icon--disabled-cfSpt-4-13-0","Icon--destructive":"icon-module-Icon--destructive-hh3wH-4-13-0","Icon--white":"icon-module-Icon--white-xVSQx-4-13-0","Icon--default":"icon-module-Icon--default-gUL8T-4-13-0","Icon--info":"icon-module-Icon--info-NPl0c-4-13-0","Icon--success":"icon-module-Icon--success--1Pol-4-13-0","Icon--warning":"icon-module-Icon--warning-vkwDf-4-13-0","Icon--alert":"icon-module-Icon--alert-9wT0L-4-13-0","Icon--primary":"icon-module-Icon--primary-5RS0y-4-13-0","Icon--primaryLighter":"icon-module-Icon--primaryLighter-G9i-U-4-13-0","Icon--primaryDark":"icon-module-Icon--primaryDark-Z9EK7-4-13-0","Icon--primaryDarker":"icon-module-Icon--primaryDarker-WzRg--4-13-0","Icon--alertLighter":"icon-module-Icon--alertLighter-6B-e7-4-13-0","Icon--alertDark":"icon-module-Icon--alertDark-k7w0--4-13-0","Icon--alertDarker":"icon-module-Icon--alertDarker-ZGpJS-4-13-0","Icon--successLighter":"icon-module-Icon--successLighter-NJRIN-4-13-0","Icon--successDark":"icon-module-Icon--successDark-w7jA3-4-13-0","Icon--successDarker":"icon-module-Icon--successDarker-whOmv-4-13-0","Icon--warningLighter":"icon-module-Icon--warningLighter-IjeGH-4-13-0","Icon--warningDark":"icon-module-Icon--warningDark-c0V89-4-13-0","Icon--warningDarker":"icon-module-Icon--warningDarker-Y1Zk1-4-13-0","Icon--accent1":"icon-module-Icon--accent1-joGUJ-4-13-0","Icon--accent1Lighter":"icon-module-Icon--accent1Lighter-ecAka-4-13-0","Icon--accent1Dark":"icon-module-Icon--accent1Dark-kWavq-4-13-0","Icon--accent1Darker":"icon-module-Icon--accent1Darker-xkikD-4-13-0","Icon--accent2":"icon-module-Icon--accent2-U6Nln-4-13-0","Icon--accent2Lighter":"icon-module-Icon--accent2Lighter-l-bdc-4-13-0","Icon--accent2Dark":"icon-module-Icon--accent2Dark-fQYZp-4-13-0","Icon--accent2Darker":"icon-module-Icon--accent2Darker-fPTcU-4-13-0","Icon--accent3":"icon-module-Icon--accent3-pqiXT-4-13-0","Icon--accent3Lighter":"icon-module-Icon--accent3Lighter-GdEsf-4-13-0","Icon--accent3Dark":"icon-module-Icon--accent3Dark-UrkMU-4-13-0","Icon--accent3Darker":"icon-module-Icon--accent3Darker-h-Kf4-4-13-0","Icon--accent4":"icon-module-Icon--accent4-URPLg-4-13-0","Icon--accent4Lighter":"icon-module-Icon--accent4Lighter-TfLqj-4-13-0","Icon--accent4Dark":"icon-module-Icon--accent4Dark-eMTg--4-13-0","Icon--accent4Darker":"icon-module-Icon--accent4Darker-zY0fj-4-13-0","Icon--inverse":"icon-module-Icon--inverse-PaEaG-4-13-0"};
|
|
2434
2436
|
styleInject$1(css_248z$1a);
|
|
2435
2437
|
|
|
2436
2438
|
var iconTypeMapper = {
|
|
@@ -2520,8 +2522,8 @@
|
|
|
2520
2522
|
};
|
|
2521
2523
|
var Link$1 = /*#__PURE__*/React__namespace.forwardRef(GenericText);
|
|
2522
2524
|
|
|
2523
|
-
var css_248z$19 = "/* Text */\n.text-module-Text-s1VoI-4-
|
|
2524
|
-
var textStyles = {"Text":"text-module-Text-s1VoI-4-
|
|
2525
|
+
var css_248z$19 = "/* Text */\n.text-module-Text-s1VoI-4-13-0 {\n margin: 0;\n line-height: var(--font-height);\n}\n\n.text-module-Text--small-Jgkij-4-13-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n}\n\n.text-module-Text--regular-1srPn-4-13-0 {\n font-size: var(--font-size);\n line-height: var(--font-height);\n}\n\n.text-module-Text--large-dvoDb-4-13-0 {\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.text-module-Text--default-8sTrE-4-13-0 {\n color: var(--text);\n}\n\n.text-module-Text--subtle-dIroX-4-13-0 {\n color: var(--text-subtle);\n}\n\n.text-module-Text--disabled-n3vwU-4-13-0 {\n color: var(--text-disabled);\n}\n\n.text-module-Text--destructive-IyHaq-4-13-0 {\n color: var(--text-destructive);\n}\n\n.text-module-Text--white-7KdSH-4-13-0 {\n color: var(--text-white);\n}\n\n.text-module-Text--success---5U--4-13-0 {\n color: var(--text-success);\n}\n\n.text-module-Text--link-xbXRL-4-13-0 {\n color: var(--text-link);\n}\n\n.text-module-Text--medium-NJhdl-4-13-0 {\n font-weight: var(--font-weight-medium);\n}\n\n.text-module-Text--strong-V4cio-4-13-0 {\n font-weight: var(--font-weight-bold);\n}\n";
|
|
2526
|
+
var textStyles = {"Text":"text-module-Text-s1VoI-4-13-0","Text--small":"text-module-Text--small-Jgkij-4-13-0","Text--regular":"text-module-Text--regular-1srPn-4-13-0","Text--large":"text-module-Text--large-dvoDb-4-13-0","Text--default":"text-module-Text--default-8sTrE-4-13-0","Text--subtle":"text-module-Text--subtle-dIroX-4-13-0","Text--disabled":"text-module-Text--disabled-n3vwU-4-13-0","Text--destructive":"text-module-Text--destructive-IyHaq-4-13-0","Text--white":"text-module-Text--white-7KdSH-4-13-0","Text--success":"text-module-Text--success---5U--4-13-0","Text--link":"text-module-Text--link-xbXRL-4-13-0","Text--medium":"text-module-Text--medium-NJhdl-4-13-0","Text--strong":"text-module-Text--strong-V4cio-4-13-0"};
|
|
2525
2527
|
styleInject$1(css_248z$19);
|
|
2526
2528
|
|
|
2527
2529
|
var Text = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -2551,8 +2553,8 @@
|
|
|
2551
2553
|
size: 'regular'
|
|
2552
2554
|
};
|
|
2553
2555
|
|
|
2554
|
-
var css_248z$18 = ".chip-module-Chip-poUZ4-4-
|
|
2555
|
-
var styles$10 = {"Chip":"chip-module-Chip-poUZ4-4-
|
|
2556
|
+
var css_248z$18 = ".chip-module-Chip-poUZ4-4-13-0 {\n display: flex;\n box-sizing: border-box;\n border-radius: var(--border-radius-30);\n padding-right: var(--spacing-20);\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n width: -moz-fit-content;\n width: fit-content;\n justify-content: space-between;\n border-style: solid;\n border-width: var(--border-width-2-5);\n align-items: center;\n flex-direction: row;\n cursor: default;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.chip-module-Chip-size--regular-VNFwg-4-13-0 {\n height: var(--spacing-60);\n padding-left: var(--spacing-20);\n}\n.chip-module-Chip-size--small-9pIoV-4-13-0 {\n height: 20px;\n padding-left: var(--spacing-15);\n}\n\n.chip-module-Chip-wrapper-pvcWT-4-13-0 {\n display: inline-flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--left-iQJW--4-13-0 {\n margin-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-13-0 {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--border-radius-full);\n margin-left: var(--spacing-05);\n}\n\n.chip-module-Chip--action-xkWzq-4-13-0 {\n background: var(--secondary-light);\n border: 0px;\n cursor: pointer;\n}\n\n.chip-module-Chip--action-xkWzq-4-13-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--action-xkWzq-4-13-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--action-xkWzq-4-13-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-action--disabled-qik7a-4-13-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-13-0 {\n background: var(--shadow-0);\n border-color: var(--stone);\n cursor: pointer;\n}\n\n.chip-module-Chip--selection-OQh8T-4-13-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chip-module-Chip--selection-OQh8T-4-13-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--selection-OQh8T-4-13-0:active {\n background: var(--secondary-light);\n border-color: var(--inverse-lightest);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-13-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-13-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-13-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-13-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-13-0:active {\n background: var(--primary-lighter);\n border-color: var(--primary-dark);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-13-0:active .chip-module-Chip-icon-lfFwr-4-13-0,\n.chip-module-Chip-selection--selected-N7Nmu-4-13-0:active .chip-module-Chip-text-Y9aWF-4-13-0 {\n color: var(--primary-darker);\n}\n\n.chip-module-Chip-text--truncate-FdQRv-4-13-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-13-0 {\n background: rgba(220, 236, 249, 0.48);\n border-color: var(--primary-lighter);\n}\n\n.chip-module-Chip--input-76VFm-4-13-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-13-0:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--input-76VFm-4-13-0:focus-visible,\n.chip-module-Chip--input-76VFm-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-Chip--input-76VFm-4-13-0:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-input--disabled-Xt12a-4-13-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-13-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-13-0:hover {\n background-color: var(--secondary);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-13-0:active {\n background-color: var(--secondary-dark);\n}\n\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-13-0 {\n pointer-events: none;\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-13-0 {\n border-radius: var(--border-radius-full);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-13-0:focus-visible {\n outline: var(--spacing-05) solid var(--primary-shadow);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-13-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-13-0:active {\n background-color: var(--primary-light);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-13-0:focus-visible,\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-13-0:focus-visible,\n.chip-module-Chip-selection--selectedDisabled-cqtgW-4-13-0:focus-visible,\n.chip-module-Chip-input--disabled-Xt12a-4-13-0:focus-visible {\n outline: none;\n}\n\n.chip-module-Chip-icon--clear-GujdY-4-13-0 {\n padding-right: var(--spacing-05);\n}\n";
|
|
2557
|
+
var styles$10 = {"Chip":"chip-module-Chip-poUZ4-4-13-0","Chip-size--regular":"chip-module-Chip-size--regular-VNFwg-4-13-0","Chip-size--small":"chip-module-Chip-size--small-9pIoV-4-13-0","Chip-wrapper":"chip-module-Chip-wrapper-pvcWT-4-13-0","Chip-icon--left":"chip-module-Chip-icon--left-iQJW--4-13-0","Chip-icon--right":"chip-module-Chip-icon--right-UOlsF-4-13-0","Chip--action":"chip-module-Chip--action-xkWzq-4-13-0","Chip-action--disabled":"chip-module-Chip-action--disabled-qik7a-4-13-0","Chip--selection":"chip-module-Chip--selection-OQh8T-4-13-0","Chip-selection--disabled":"chip-module-Chip-selection--disabled-Wh7oX-4-13-0","Chip-selection--selected":"chip-module-Chip-selection--selected-N7Nmu-4-13-0","Chip-icon":"chip-module-Chip-icon-lfFwr-4-13-0","Chip-text":"chip-module-Chip-text-Y9aWF-4-13-0","Chip-text--truncate":"chip-module-Chip-text--truncate-FdQRv-4-13-0","Chip-selection--selectedDisabled":"chip-module-Chip-selection--selectedDisabled-cqtgW-4-13-0","Chip--input":"chip-module-Chip--input-76VFm-4-13-0","Chip-input--disabled":"chip-module-Chip-input--disabled-Xt12a-4-13-0","Chip-icon-disabled--right":"chip-module-Chip-icon-disabled--right-Q8o-W-4-13-0","Chip-icon--selected":"chip-module-Chip-icon--selected-OTsQP-4-13-0","Chip-icon--clear":"chip-module-Chip-icon--clear-GujdY-4-13-0"};
|
|
2556
2558
|
styleInject$1(css_248z$18);
|
|
2557
2559
|
|
|
2558
2560
|
var GenericChip = function GenericChip(props) {
|
|
@@ -2567,15 +2569,19 @@
|
|
|
2567
2569
|
onClick = props.onClick,
|
|
2568
2570
|
labelPrefix = props.labelPrefix,
|
|
2569
2571
|
iconType = props.iconType,
|
|
2570
|
-
maxWidth = props.maxWidth
|
|
2572
|
+
maxWidth = props.maxWidth,
|
|
2573
|
+
_d = props.size,
|
|
2574
|
+
size = _d === void 0 ? 'regular' : _d;
|
|
2571
2575
|
var wrapperStyle = {
|
|
2572
2576
|
maxWidth: maxWidth
|
|
2573
2577
|
};
|
|
2574
|
-
var
|
|
2575
|
-
isTextTruncated =
|
|
2576
|
-
setIsTextTruncated =
|
|
2578
|
+
var _e = React__namespace.useState(false),
|
|
2579
|
+
isTextTruncated = _e[0],
|
|
2580
|
+
setIsTextTruncated = _e[1];
|
|
2577
2581
|
var detectTruncation = Tooltip.useAutoTooltip().detectTruncation;
|
|
2578
2582
|
var contentRef = /*#__PURE__*/React__namespace.createRef();
|
|
2583
|
+
var IconSize = size === 'small' ? 14 : 16;
|
|
2584
|
+
var ClearIconSize = size === 'small' ? 12 : 16;
|
|
2579
2585
|
React__namespace.useEffect(function () {
|
|
2580
2586
|
var isTruncated = detectTruncation(contentRef);
|
|
2581
2587
|
setIsTextTruncated(isTruncated);
|
|
@@ -2621,6 +2627,7 @@
|
|
|
2621
2627
|
className: chipTextClass
|
|
2622
2628
|
}, labelPrefix)), /*#__PURE__*/React__namespace.createElement(Text, {
|
|
2623
2629
|
"data-test": "DesignSystem-GenericChip--Text",
|
|
2630
|
+
size: size,
|
|
2624
2631
|
color: textColor,
|
|
2625
2632
|
className: styles$10['Chip-text']
|
|
2626
2633
|
}, label));
|
|
@@ -2652,6 +2659,7 @@
|
|
|
2652
2659
|
"data-test": "DesignSystem-GenericChip--Icon",
|
|
2653
2660
|
name: icon,
|
|
2654
2661
|
type: iconType,
|
|
2662
|
+
size: IconSize,
|
|
2655
2663
|
appearance: iconAppearance('left'),
|
|
2656
2664
|
className: iconClass('left')
|
|
2657
2665
|
})), renderLabel(), clearButton && (/*#__PURE__*/React__namespace.createElement("div", {
|
|
@@ -2664,7 +2672,7 @@
|
|
|
2664
2672
|
}, /*#__PURE__*/React__namespace.createElement(Icon, {
|
|
2665
2673
|
name: "clear",
|
|
2666
2674
|
appearance: iconAppearance('right'),
|
|
2667
|
-
|
|
2675
|
+
size: ClearIconSize
|
|
2668
2676
|
})))));
|
|
2669
2677
|
};
|
|
2670
2678
|
GenericChip.displayName = 'GenericChip';
|
|
@@ -2677,6 +2685,8 @@
|
|
|
2677
2685
|
var label = props.label,
|
|
2678
2686
|
icon = props.icon,
|
|
2679
2687
|
clearButton = props.clearButton,
|
|
2688
|
+
_b = props.size,
|
|
2689
|
+
size = _b === void 0 ? 'regular' : _b,
|
|
2680
2690
|
type = props.type,
|
|
2681
2691
|
disabled = props.disabled,
|
|
2682
2692
|
selected = props.selected,
|
|
@@ -2696,13 +2706,14 @@
|
|
|
2696
2706
|
};
|
|
2697
2707
|
var clearbutton = type === 'action' ? false : clearButton;
|
|
2698
2708
|
var select = type === 'selection' && selected ? true : false;
|
|
2699
|
-
var chipClass = classNames__default["default"]((_a = {}, _a[styles$10.Chip] = true, _a[styles$10["Chip-" + type + "--disabled"]] = disabled, _a[styles$10["Chip--" + type]] = type && !disabled, _a[styles$10["Chip-" + type + "--selected"]] = selected && !disabled, _a[styles$10["Chip-selection--selectedDisabled"]] = type === 'selection' && selected && disabled, _a[styles$10['Chip-icon--clear']] = clearbutton, _a), className);
|
|
2709
|
+
var chipClass = classNames__default["default"]((_a = {}, _a[styles$10.Chip] = true, _a[styles$10["Chip-" + type + "--disabled"]] = disabled, _a[styles$10["Chip--" + type]] = type && !disabled, _a[styles$10["Chip-" + type + "--selected"]] = selected && !disabled, _a[styles$10["Chip-selection--selectedDisabled"]] = type === 'selection' && selected && disabled, _a[styles$10['Chip-icon--clear']] = clearbutton, _a[styles$10["Chip-size--" + size]] = size, _a), className);
|
|
2700
2710
|
return /*#__PURE__*/React__namespace.createElement(GenericChip, __assign$1({
|
|
2701
2711
|
"data-test": "DesignSystem-Chip--GenericChip"
|
|
2702
2712
|
}, baseProps, {
|
|
2703
2713
|
label: label,
|
|
2704
2714
|
selected: select,
|
|
2705
2715
|
icon: icon,
|
|
2716
|
+
size: size,
|
|
2706
2717
|
iconType: iconType,
|
|
2707
2718
|
clearButton: clearbutton,
|
|
2708
2719
|
disabled: disabled,
|
|
@@ -2720,8 +2731,8 @@
|
|
|
2720
2731
|
maxWidth: 'var(--spacing-640)'
|
|
2721
2732
|
};
|
|
2722
2733
|
|
|
2723
|
-
var css_248z$17 = ".chipGroup-module-ChipGroup--1ERo-4-
|
|
2724
|
-
var styles$$ = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-
|
|
2734
|
+
var css_248z$17 = ".chipGroup-module-ChipGroup--1ERo-4-13-0 {\n display: inline-flex;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-13-0 {\n margin: 0 var(--spacing-10);\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-13-0:first-child {\n margin-left: 0;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-13-0:last-child {\n margin-right: 0;\n}\n";
|
|
2735
|
+
var styles$$ = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-13-0","ChipGroup-item":"chipGroup-module-ChipGroup-item-5ygP--4-13-0"};
|
|
2725
2736
|
styleInject$1(css_248z$17);
|
|
2726
2737
|
|
|
2727
2738
|
var ChipGroup = function ChipGroup(props) {
|
|
@@ -2842,16 +2853,16 @@
|
|
|
2842
2853
|
}
|
|
2843
2854
|
};
|
|
2844
2855
|
|
|
2845
|
-
var css_248z$16 = ".checkbox-module-Checkbox-Bxzy6-4-
|
|
2846
|
-
var checkboxStyles = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-
|
|
2856
|
+
var css_248z$16 = ".checkbox-module-Checkbox-Bxzy6-4-13-0 {\n display: flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n line-height: initial;\n box-sizing: border-box;\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-13-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-13-0 {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.checkbox-module-Checkbox-label-1c-Z--4-13-0 {\n display: flex;\n cursor: pointer;\n}\n\n.checkbox-module-Checkbox-label--tiny-4ICqD-4-13-0 {\n font-weight: var(--font-weight-bold);\n}\n\n.checkbox-module-Checkbox-outerWrapper-47kQq-4-13-0 {\n position: relative;\n margin-top: var(--spacing-05);\n margin-right: var(--spacing-20);\n}\n\n.checkbox-module-Checkbox-outerWrapper--regular-MXygQ-4-13-0 {\n height: var(--spacing-40);\n min-width: var(--spacing-40);\n}\n\n.checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-13-0 {\n height: var(--spacing-30);\n min-width: var(--spacing-30);\n}\n\n/* Type: Unchecked */\n\n.checkbox-module-Checkbox-wrapper-iH4AL-4-13-0 {\n top: 0;\n left: 0;\n border-radius: var(--border-radius-05);\n display: flex;\n align-items: center;\n box-sizing: border-box;\n height: 100%;\n width: 100%;\n justify-content: center;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-13-0:focus {\n outline: 0;\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-13-0 ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-13-0 {\n border: var(--border-width-2-5) solid var(--secondary-dark);\n background-color: var(--shadow-0);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-13-0:focus ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-13-0 {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-13-0:hover ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-13-0 {\n border: var(--border-width-2-5) solid var(--inverse-lightest);\n background-color: var(--shadow-0);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-13-0:active ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-13-0 {\n border: var(--border-width-2-5) solid var(--inverse-lightest);\n background-color: var(--secondary-light);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-13-0 {\n pointer-events: none;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-13-0 .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-13-0 {\n border: var(--border-width-2-5) solid var(--secondary-light);\n background-color: var(--secondary-lightest);\n}\n\n/* Type: checked && Type: indeterminate */\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-13-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-13-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-13-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-13-0 {\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-13-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-13-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-13-0:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-13-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-13-0:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-13-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-13-0:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-13-0 {\n background-color: var(--primary-dark);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-13-0:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-13-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-13-0:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-13-0 {\n background-color: var(--primary-darker);\n border: 0;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-13-0 .checkbox-module-Checkbox-input--checked-1V8bz-4-13-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-13-0,\n.checkbox-module-Checkbox--disabled-j-irf-4-13-0 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-13-0 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-13-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-13-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-13-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0 {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-13-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-13-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0 {\n border: var(--border-width-2-5) solid var(--alert-darker);\n background-color: var(--secondary-light);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-13-0 .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n background-color: var(--secondary-lightest);\n}\n\n/* Error State -> Checked & Indeterminate */\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-13-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-13-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-13-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-13-0:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0 {\n border: var(--border-width-2-5) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-13-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-13-0:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-13-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-13-0:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0 {\n background-color: var(--primary-darker);\n border: var(--border-width-2-5) solid var(--alert-darker);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-13-0 .checkbox-module-Checkbox-input--checked-1V8bz-4-13-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0,\n.checkbox-module-Checkbox--disabled-j-irf-4-13-0 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-13-0 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n}\n";
|
|
2857
|
+
var checkboxStyles = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-13-0","Checkbox-input":"checkbox-module-Checkbox-input-shIYv-4-13-0","Checkbox-labelWrapper":"checkbox-module-Checkbox-labelWrapper-8RA7S-4-13-0","Checkbox-label":"checkbox-module-Checkbox-label-1c-Z--4-13-0","Checkbox-label--tiny":"checkbox-module-Checkbox-label--tiny-4ICqD-4-13-0","Checkbox-outerWrapper":"checkbox-module-Checkbox-outerWrapper-47kQq-4-13-0","Checkbox-outerWrapper--regular":"checkbox-module-Checkbox-outerWrapper--regular-MXygQ-4-13-0","Checkbox-outerWrapper--tiny":"checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-13-0","Checkbox-wrapper":"checkbox-module-Checkbox-wrapper-iH4AL-4-13-0","Checkbox-wrapper--default":"checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-13-0","Checkbox--disabled":"checkbox-module-Checkbox--disabled-j-irf-4-13-0","Checkbox-input--checked":"checkbox-module-Checkbox-input--checked-1V8bz-4-13-0","Checkbox-input--indeterminate":"checkbox-module-Checkbox-input--indeterminate-yMTip-4-13-0","Checkbox-wrapper--error":"checkbox-module-Checkbox-wrapper--error-pnJwU-4-13-0"};
|
|
2847
2858
|
styleInject$1(css_248z$16);
|
|
2848
2859
|
|
|
2849
|
-
var css_248z$15 = ".dropdown-module-Dropdown--waM8-4-
|
|
2850
|
-
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-
|
|
2860
|
+
var css_248z$15 = ".dropdown-module-Dropdown--waM8-4-13-0 {\n width: 100%;\n position: relative;\n}\n\n.dropdown-module-Dropdown-wrapper-r0AX--4-13-0 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-13-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-13-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-13-0 {\n min-width: unset !important;\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-13-0,\n.dropdown-module-Dropdown-input-ovmvS-4-13-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.dropdown-module-Dropdown-section-rT604-4-13-0 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n margin-left: var(--spacing-30);\n margin-top: var(--spacing-30);\n margin-bottom: var(--spacing-15);\n}\n\n.dropdown-module-Dropdown-section--withClear--R25A-4-13-0 {\n margin-top: var(--spacing-20);\n margin-bottom: var(--spacing-05);\n}\n\n.dropdown-module-Dropdown-buttonWrapper-hWHut-4-13-0 {\n display: flex;\n justify-content: flex-end;\n padding-top: var(--spacing-20);\n padding-right: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.dropdown-module-Dropdown-footer-q2lkI-4-13-0 {\n padding-left: var(--spacing-30);\n padding-bottom: var(--spacing-10);\n padding-top: var(--spacing-20);\n box-sizing: border-box;\n}\n\n.dropdown-module-Option-9a9gu-4-13-0 {\n display: flex;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.dropdown-module-Option-9a9gu-4-13-0,\n.dropdown-module-Option-loading-niIYl-4-13-0 {\n padding-top: var(--spacing-15);\n padding-bottom: var(--spacing-15);\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-20);\n}\n\n.dropdown-module-Option-checkbox-m-8Hz-4-13-0 .dropdown-module-Checkbox-outerWrapper-X7RB4-4-13-0 {\n background-color: var(--shadow-0);\n}\n\n.dropdown-module-Option-checkboxWrapper-K7FXe-4-13-0 {\n display: block;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-13-0 {\n width: 100%;\n padding-left: var(--spacing-30);\n padding-top: var(--spacing-15);\n padding-bottom: var(--spacing-15);\n}\n\n.dropdown-module-Option--active-gTg8I-4-13-0,\n.dropdown-module-Option-checkbox--active-vN71f-4-13-0 {\n background-color: var(--secondary-lightest);\n cursor: pointer;\n}\n\n.dropdown-module-Option--active-gTg8I-4-13-0:hover,\n.dropdown-module-Option-checkbox--active-vN71f-4-13-0:hover {\n background-color: var(--secondary-lighter);\n}\n\n.dropdown-module-Option--active-gTg8I-4-13-0:active,\n.dropdown-module-Option-checkbox--active-vN71f-4-13-0:active {\n background-color: var(--secondary-light);\n cursor: pointer;\n}\n\n.dropdown-module-Option--active-gTg8I-4-13-0 {\n transition: var(--standard-productive-curve);\n}\n\n.dropdown-module-Option-loading-niIYl-4-13-0 {\n pointer-events: none;\n}\n\n.dropdown-module-Option--selected-N166--4-13-0 {\n background-color: var(--primary-lightest);\n}\n\n.dropdown-module-Option--selected-N166--4-13-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.dropdown-module-Option--selected-N166--4-13-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--selected-N166--4-13-0:active .dropdown-module-Option-text-lXgSe-4-13-0,\n.dropdown-module-Option--selected-N166--4-13-0:active .dropdown-module-Option-subInfo-rCqn2-4-13-0 {\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--disabled-z9O1J-4-13-0,\n.dropdown-module-OptionWrapper--disabled-dDEXE-4-13-0 {\n pointer-events: auto;\n cursor: default;\n}\n\n.dropdown-module-Option-label-lSBP--4-13-0 {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-13-0 .dropdown-module-Checkbox-label-HN9S6-4-13-0 {\n padding-right: var(--spacing-30);\n width: 100%;\n display: flex;\n overflow: hidden;\n cursor: pointer;\n}\n\n.dropdown-module-Option-text-lXgSe-4-13-0,\n.dropdown-module-OptionCheckbox-sWOoI-4-13-0 .dropdown-module-Text-wTZmG-4-13-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.dropdown-module-Option-text--wrap-RxZCx-4-13-0,\n.dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-13-0 .dropdown-module-OptionCheckbox-sWOoI-4-13-0 .dropdown-module-Text-wTZmG-4-13-0 {\n white-space: unset;\n}\n\n.dropdown-module-Option--icon-AA5JI-4-13-0 {\n padding-left: var(--spacing-20);\n}\n\n.dropdown-module-Option-icon-sux-R-4-13-0 {\n display: flex;\n}\n\n.dropdown-module-Option-icon-sux-R-4-13-0 {\n height: -moz-fit-content;\n height: fit-content;\n line-height: var(--font-height);\n}\n";
|
|
2861
|
+
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-13-0","Dropdown-wrapper":"dropdown-module-Dropdown-wrapper-r0AX--4-13-0","Dropdown-inputWrapper":"dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-13-0","Dropdown-input":"dropdown-module-Dropdown-input-ovmvS-4-13-0","Dropdown-section":"dropdown-module-Dropdown-section-rT604-4-13-0","Dropdown-section--withClear":"dropdown-module-Dropdown-section--withClear--R25A-4-13-0","Dropdown-buttonWrapper":"dropdown-module-Dropdown-buttonWrapper-hWHut-4-13-0","Dropdown-footer":"dropdown-module-Dropdown-footer-q2lkI-4-13-0","Option":"dropdown-module-Option-9a9gu-4-13-0","Option-loading":"dropdown-module-Option-loading-niIYl-4-13-0","Option-checkbox":"dropdown-module-Option-checkbox-m-8Hz-4-13-0","Checkbox-outerWrapper":"dropdown-module-Checkbox-outerWrapper-X7RB4-4-13-0","Option-checkboxWrapper":"dropdown-module-Option-checkboxWrapper-K7FXe-4-13-0","OptionCheckbox":"dropdown-module-OptionCheckbox-sWOoI-4-13-0","Option--active":"dropdown-module-Option--active-gTg8I-4-13-0","Option-checkbox--active":"dropdown-module-Option-checkbox--active-vN71f-4-13-0","Option--selected":"dropdown-module-Option--selected-N166--4-13-0","Option-text":"dropdown-module-Option-text-lXgSe-4-13-0","Option-subInfo":"dropdown-module-Option-subInfo-rCqn2-4-13-0","Option--disabled":"dropdown-module-Option--disabled-z9O1J-4-13-0","OptionWrapper--disabled":"dropdown-module-OptionWrapper--disabled-dDEXE-4-13-0","Option-label":"dropdown-module-Option-label-lSBP--4-13-0","Checkbox-label":"dropdown-module-Checkbox-label-HN9S6-4-13-0","Text":"dropdown-module-Text-wTZmG-4-13-0","Option-text--wrap":"dropdown-module-Option-text--wrap-RxZCx-4-13-0","Dropdown-wrapper--wrap":"dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-13-0","Option--icon":"dropdown-module-Option--icon-AA5JI-4-13-0","Option-icon":"dropdown-module-Option-icon-sux-R-4-13-0"};
|
|
2851
2862
|
styleInject$1(css_248z$15);
|
|
2852
2863
|
|
|
2853
|
-
var css_248z$14 = ".grid-module-Grid-c7nCj-4-11-2 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n height: 100%;\n overflow: hidden;\n background: var(--white);\n}\n\n.grid-module-Grid-wrapper-lro6U-4-11-2 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-11-2 {\n position: absolute;\n height: 100%;\n z-index: 5;\n overflow-x: hidden;\n -ms-overflow-style: none;\n border-right: var(--border-width-7-5) solid var(--secondary);\n}\n\n.grid-module-Grid-pinned-c-pxc-4-11-2::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-11-2 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-11-2 .grid-module-Grid-cell--head--JOK--4-11-2 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-11-2 .grid-module-Grid-cell--body--nkVA-4-11-2 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-11-2 .grid-module-Grid-cell--head--JOK--4-11-2 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-11-2 .grid-module-Grid-cell--body--nkVA-4-11-2 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-11-2 .grid-module-Grid-cell--head--JOK--4-11-2 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-11-2 .grid-module-Grid-cell--body--nkVA-4-11-2 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-11-2 .grid-module-Grid-cell--head--JOK--4-11-2 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-11-2 .grid-module-Grid-cell--body--nkVA-4-11-2 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-11-2 {\n display: flex;\n flex: 0 0 auto;\n overflow-x: auto;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-head-WsxqC-4-11-2::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-11-2 {\n display: flex;\n height: 100%;\n flex-direction: row;\n align-items: center;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-11-2 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-11-2:active {\n cursor: grabbing;\n z-index: 3;\n opacity: 1;\n background-color: inherit;\n color: inherit;\n}\n\n.grid-module-Grid-body-pAJM6-4-11-2 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n overflow-x: auto;\n overflow-y: overlay;\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-11-2 {\n display: inline-flex;\n flex-direction: column;\n min-width: -moz-fit-content;\n min-width: fit-content;\n flex-shrink: 0;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-11-2:last-child .grid-module-Grid-row--body-hzvsO-4-11-2 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-11-2 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-11-2 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-11-2 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-11-2 .grid-module-Grid-rowWrapper-cZ8-a-4-11-2 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-11-2 .grid-module-Grid-cell-GVffL-4-11-2:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-11-2 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-11-2 {\n position: relative;\n box-sizing: border-box;\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-30);\n flex-grow: 1;\n}\n\n.grid-module-Grid-cell--body--nkVA-4-11-2 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-11-2 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-11-2 {\n z-index: 3;\n opacity: 1;\n background-color: inherit;\n color: inherit;\n}\n\n.grid-module-Grid-cell--separator-TYHdI-4-11-2 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-11-2 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-11-2 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-11-2.grid-module-Grid-cell-GVffL-4-11-2:first-of-type {\n border-left: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-11-2.grid-module-Grid-cell--selected-1zcBx-4-11-2 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-11-2 {\n width: unset;\n min-width: unset;\n display: flex;\n align-items: center;\n z-index: 1;\n padding-right: 0 !important;\n overflow: visible !important;\n}\n\n.grid-module-Grid-cell--separator-TYHdI-4-11-2 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-11-2 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-sortingIcons-Lwutu-4-11-2 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-11-2 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-11-2:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-11-2 {\n display: flex;\n align-items: center;\n flex-grow: 1;\n height: 100%;\n box-sizing: border-box;\n z-index: inherit;\n}\n\n.grid-module-Grid-cell--head--JOK--4-11-2 .grid-module-Grid-cellContent-Ls-ZE-4-11-2 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-11-2 {\n position: absolute;\n right: 0;\n width: var(--spacing-10);\n cursor: ew-resize;\n height: 100%;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-11-2 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-11-2:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-11-2:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-11-2 {\n position: absolute;\n height: 100%;\n border: var(--border-width-7-5) solid var(--primary-light);\n z-index: 10;\n}\n\n.grid-module-Grid-cellGroup-Q3add-4-11-2 {\n display: flex;\n box-sizing: border-box;\n height: 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-11-2 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-11-2 {\n left: 0;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-11-2 {\n right: 0;\n}\n\n.grid-module-Grid-c7nCj-4-11-2 .grid-module-Checkbox-wrapper-0R1-K-4-11-2 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-11-2 {\n display: flex;\n align-items: center;\n width: 100%;\n box-sizing: border-box;\n}\n\n.grid-module-GridCell--align-left-zURf7-4-11-2 {\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-11-2 {\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-11-2 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--default-7p5Cq-4-11-2 {\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-11-2 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: flex-start;\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-11-2 .grid-module-StatusHint-R1JrO-4-11-2 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-11-2 .grid-module-StatusHint-R1JrO-4-11-2 .grid-module-Text-Fy3XX-4-11-2 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-11-2 .grid-module-Avatar-3XZ0C-4-11-2 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-11-2 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-11-2 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-11-2 .grid-module-Text-Fy3XX-4-11-2 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaSeparator-B6hFq-4-11-2 {\n content: '';\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-10);\n height: var(--spacing-10);\n border-radius: var(--border-radius-full);\n background: var(--inverse-lightest);\n margin: 0 var(--spacing-20);\n}\n\n.grid-module-GridCell-mark--default-pkKi7-4-11-2 {\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell-mark--metaList-MwAIW-4-11-2 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n color: var(--text-subtle);\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-11-2 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-11-2 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-11-2 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-11-2 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-11-2 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-11-2 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-11-2 .grid-module-Checkbox-ETqg7-4-11-2 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-11-2 {\n display: flex;\n margin-left: var(--spacing-10);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-11-2 .grid-module-Dropdown-Ev9FG-4-11-2 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-11-2 .grid-module-Dropdown-wrapper-T1n1M-4-11-2 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-11-2 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-11-2 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-11-2 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-11-2 {\n justify-content: flex-end;\n margin-left: auto;\n margin-bottom: var(--spacing-40);\n}\n\n/* Grid row */\n\n.grid-module-Grid-row--disabled-f0pzU-4-11-2 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-row-wBTps-4-11-2 {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n box-sizing: border-box;\n background: var(--white);\n}\n\n.grid-module-Grid-row--body-hzvsO-4-11-2 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-11-2 .grid-module-Grid-row--body-hzvsO-4-11-2:hover {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-11-2 .grid-module-Grid-row--body-hzvsO-4-11-2:active {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-11-2 .grid-module-Grid-row--body-hzvsO-4-11-2:focus {\n box-shadow: var(--shadow-spread) rgba(213, 213, 213, 0.16);\n outline: none;\n}\n\n/* Selected States */\n\n.grid-module-Grid-row--selected-4THdv-4-11-2 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-11-2:hover {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-11-2:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-11-2:focus {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(0, 112, 221, 0.16);\n}\n\n/* Activated States */\n\n.grid-module-Grid-row--activated-nOoqM-4-11-2 {\n background: var(--primary-lightest);\n}\n\n/* Pinned Columns Default State */\n\n.grid-module-Grid--resource-Wwxtj-4-11-2 .grid-module-Grid-row--body-hzvsO-4-11-2:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-11-2 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-11-2 .grid-module-Grid-row--body-hzvsO-4-11-2:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-11-2 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-11-2 .grid-module-Grid-row--body-hzvsO-4-11-2:focus .grid-module-Grid-cellWrapper--pinned-0NirR-4-11-2 {\n box-shadow: var(--shadow-spread) rgba(213, 213, 213, 0.16);\n outline: none;\n}\n\n/* Pinned Columns Selected State */\n\n.grid-module-Grid-row--selected-4THdv-4-11-2 .grid-module-Grid-cellWrapper--pinned-0NirR-4-11-2 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-11-2:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-11-2 {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-11-2:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-11-2 {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-11-2:focus .grid-module-Grid-cellWrapper--pinned-0NirR-4-11-2 {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(0, 112, 221, 0.16);\n}\n\n/* Grid header */\n.grid-module-Grid-row--head-FUyUu-4-11-2 .grid-module-Grid-cellGroup--pinned-gR1WR-4-11-2 {\n background: var(--white);\n}\n\n.grid-module-Grid-row--head-FUyUu-4-11-2 .grid-module-Grid-cellGroup--pinned-left-EsISF-4-11-2 {\n border-style: inset;\n border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-row--head-FUyUu-4-11-2 .grid-module-Grid-cellGroup--pinned-right-jWDJC-4-11-2 {\n border-style: inset;\n border-left: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-left-width: 4px;\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n/* Pinned Column Border */\n\n.grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-11-2 {\n border-style: inset;\n border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-cellWrapper--pinned-right-72w51-4-11-2 {\n border-style: inset;\n border-left: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-left-width: 4px;\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n";
|
|
2854
|
-
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-
|
|
2864
|
+
var css_248z$14 = ".grid-module-Grid-c7nCj-4-13-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n height: 100%;\n overflow: hidden;\n background: var(--white);\n}\n\n.grid-module-Grid-wrapper-lro6U-4-13-0 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-13-0 {\n position: absolute;\n height: 100%;\n z-index: 5;\n overflow-x: hidden;\n -ms-overflow-style: none;\n border-right: var(--border-width-7-5) solid var(--secondary);\n}\n\n.grid-module-Grid-pinned-c-pxc-4-13-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-13-0 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-13-0 .grid-module-Grid-cell--head--JOK--4-13-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-13-0 .grid-module-Grid-cell--body--nkVA-4-13-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-13-0 .grid-module-Grid-cell--head--JOK--4-13-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-13-0 .grid-module-Grid-cell--body--nkVA-4-13-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-13-0 .grid-module-Grid-cell--head--JOK--4-13-0 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-13-0 .grid-module-Grid-cell--body--nkVA-4-13-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-13-0 .grid-module-Grid-cell--head--JOK--4-13-0 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-13-0 .grid-module-Grid-cell--body--nkVA-4-13-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-13-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-13-0::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-13-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-13-0 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-13-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-13-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-13-0 {\n display: inline-flex;\n flex-direction: column;\n min-width: -moz-fit-content;\n min-width: fit-content;\n flex-shrink: 0;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-13-0:last-child .grid-module-Grid-row--body-hzvsO-4-13-0 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-13-0 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-13-0 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-13-0 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-13-0 .grid-module-Grid-rowWrapper-cZ8-a-4-13-0 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-13-0 .grid-module-Grid-cell-GVffL-4-13-0:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-13-0 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-13-0 {\n position: relative;\n box-sizing: border-box;\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-30);\n flex-grow: 1;\n}\n\n.grid-module-Grid-cell--body--nkVA-4-13-0 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-13-0 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-13-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-13-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-13-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-13-0 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-13-0.grid-module-Grid-cell-GVffL-4-13-0:first-of-type {\n border-left: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-13-0.grid-module-Grid-cell--selected-1zcBx-4-13-0 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-13-0 {\n width: unset;\n min-width: unset;\n display: flex;\n align-items: center;\n z-index: 1;\n padding-right: 0 !important;\n overflow: visible !important;\n}\n\n.grid-module-Grid-cell--separator-TYHdI-4-13-0 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-13-0 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-sortingIcons-Lwutu-4-13-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-13-0 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-13-0:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-13-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-13-0 .grid-module-Grid-cellContent-Ls-ZE-4-13-0 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-13-0 {\n position: absolute;\n right: 0;\n width: var(--spacing-10);\n cursor: ew-resize;\n height: 100%;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-13-0 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-13-0:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-13-0:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-13-0 {\n position: absolute;\n height: 100%;\n border: var(--border-width-7-5) solid var(--primary-light);\n z-index: 10;\n}\n\n.grid-module-Grid-cellGroup-Q3add-4-13-0 {\n display: flex;\n box-sizing: border-box;\n height: 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-13-0 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-13-0 {\n left: 0;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-13-0 {\n right: 0;\n}\n\n.grid-module-Grid-c7nCj-4-13-0 .grid-module-Checkbox-wrapper-0R1-K-4-13-0 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-13-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-13-0 {\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-13-0 {\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-13-0 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--default-7p5Cq-4-13-0 {\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-13-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-13-0 .grid-module-StatusHint-R1JrO-4-13-0 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-13-0 .grid-module-StatusHint-R1JrO-4-13-0 .grid-module-Text-Fy3XX-4-13-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-13-0 .grid-module-Avatar-3XZ0C-4-13-0 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-13-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-13-0 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-13-0 .grid-module-Text-Fy3XX-4-13-0 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaSeparator-B6hFq-4-13-0 {\n content: '';\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: var(--spacing-10);\n height: var(--spacing-10);\n border-radius: var(--border-radius-full);\n background: var(--inverse-lightest);\n margin: 0 var(--spacing-20);\n}\n\n.grid-module-GridCell-mark--default-pkKi7-4-13-0 {\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell-mark--metaList-MwAIW-4-13-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n color: var(--text-subtle);\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-13-0 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-13-0 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-13-0 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-13-0 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-13-0 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-13-0 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-13-0 .grid-module-Checkbox-ETqg7-4-13-0 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-13-0 {\n display: flex;\n margin-left: var(--spacing-10);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-13-0 .grid-module-Dropdown-Ev9FG-4-13-0 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-13-0 .grid-module-Dropdown-wrapper-T1n1M-4-13-0 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-13-0 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-13-0 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-13-0 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-13-0 {\n justify-content: flex-end;\n margin-left: auto;\n margin-bottom: var(--spacing-40);\n}\n\n/* Grid row */\n\n.grid-module-Grid-row--disabled-f0pzU-4-13-0 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-row-wBTps-4-13-0 {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n box-sizing: border-box;\n background: var(--white);\n}\n\n.grid-module-Grid-row--body-hzvsO-4-13-0 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-13-0 .grid-module-Grid-row--body-hzvsO-4-13-0:hover {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-13-0 .grid-module-Grid-row--body-hzvsO-4-13-0:active {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-13-0 .grid-module-Grid-row--body-hzvsO-4-13-0:focus {\n box-shadow: var(--shadow-spread) rgba(213, 213, 213, 0.16);\n outline: none;\n}\n\n/* Selected States */\n\n.grid-module-Grid-row--selected-4THdv-4-13-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-13-0:hover {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-13-0:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-13-0:focus {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(0, 112, 221, 0.16);\n}\n\n/* Activated States */\n\n.grid-module-Grid-row--activated-nOoqM-4-13-0 {\n background: var(--primary-lightest);\n}\n\n/* Pinned Columns Default State */\n\n.grid-module-Grid--resource-Wwxtj-4-13-0 .grid-module-Grid-row--body-hzvsO-4-13-0:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-13-0 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-13-0 .grid-module-Grid-row--body-hzvsO-4-13-0:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-13-0 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-13-0 .grid-module-Grid-row--body-hzvsO-4-13-0:focus .grid-module-Grid-cellWrapper--pinned-0NirR-4-13-0 {\n box-shadow: var(--shadow-spread) rgba(213, 213, 213, 0.16);\n outline: none;\n}\n\n/* Pinned Columns Selected State */\n\n.grid-module-Grid-row--selected-4THdv-4-13-0 .grid-module-Grid-cellWrapper--pinned-0NirR-4-13-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-13-0:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-13-0 {\n background: rgba(151, 197, 240, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-13-0:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-13-0 {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-13-0:focus .grid-module-Grid-cellWrapper--pinned-0NirR-4-13-0 {\n outline: none;\n box-shadow: var(--shadow-spread) rgba(0, 112, 221, 0.16);\n}\n\n/* Grid header */\n.grid-module-Grid-row--head-FUyUu-4-13-0 .grid-module-Grid-cellGroup--pinned-gR1WR-4-13-0 {\n background: var(--white);\n}\n\n.grid-module-Grid-row--head-FUyUu-4-13-0 .grid-module-Grid-cellGroup--pinned-left-EsISF-4-13-0 {\n border-style: inset;\n border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-row--head-FUyUu-4-13-0 .grid-module-Grid-cellGroup--pinned-right-jWDJC-4-13-0 {\n border-style: inset;\n border-left: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-left-width: 4px;\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n/* Pinned Column Border */\n\n.grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-13-0 {\n border-style: inset;\n border-right: var(--spacing-xs) solid rgba(213, 213, 213, var(--opacity-3));\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(213, 213, 213, 0.1) 25%,\n rgba(213, 213, 213, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-cellWrapper--pinned-right-72w51-4-13-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";
|
|
2865
|
+
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-13-0","Grid-wrapper":"grid-module-Grid-wrapper-lro6U-4-13-0","Grid--pinned":"grid-module-Grid--pinned-3JMcl-4-13-0","Grid-pinned":"grid-module-Grid-pinned-c-pxc-4-13-0","Grid--main":"grid-module-Grid--main-zduCm-4-13-0","Grid--comfortable":"grid-module-Grid--comfortable-TOG1A-4-13-0","Grid-cell--head":"grid-module-Grid-cell--head--JOK--4-13-0","Grid-cell--body":"grid-module-Grid-cell--body--nkVA-4-13-0","Grid--standard":"grid-module-Grid--standard-vGamG-4-13-0","Grid--compressed":"grid-module-Grid--compressed-mwkZ6-4-13-0","Grid--tight":"grid-module-Grid--tight-1w1jV-4-13-0","Grid-head":"grid-module-Grid-head-WsxqC-4-13-0","Grid-headCell":"grid-module-Grid-headCell-OcJ4F-4-13-0","Grid-headCell--draggable":"grid-module-Grid-headCell--draggable-WH7xi-4-13-0","Grid-body":"grid-module-Grid-body-pAJM6-4-13-0","Grid-rowWrapper":"grid-module-Grid-rowWrapper-cZ8-a-4-13-0","Grid-row--body":"grid-module-Grid-row--body-hzvsO-4-13-0","GridBody-padding":"grid-module-GridBody-padding-3KYKp-4-13-0","Grid-nestedRow":"grid-module-Grid-nestedRow-uxEsD-4-13-0","Grid-nestedRowTrigger":"grid-module-Grid-nestedRowTrigger--amMF-4-13-0","Grid-cell":"grid-module-Grid-cell-GVffL-4-13-0","Grid-nestedRowPlaceholder":"grid-module-Grid-nestedRowPlaceholder-h98gD-4-13-0","Grid-cell--dragged":"grid-module-Grid-cell--dragged-djAY0-4-13-0","Grid-cell--separator":"grid-module-Grid-cell--separator-TYHdI-4-13-0","Grid-cell--selected":"grid-module-Grid-cell--selected-1zcBx-4-13-0","Grid-cell--nestedRow":"grid-module-Grid-cell--nestedRow-U3Dg5-4-13-0","Grid-cell--checkbox":"grid-module-Grid-cell--checkbox-kWT4v-4-13-0","Grid-sortingIcons":"grid-module-Grid-sortingIcons-Lwutu-4-13-0","Grid-cellReorder":"grid-module-Grid-cellReorder-SMPMA-4-13-0","Grid-cellContent":"grid-module-Grid-cellContent-Ls-ZE-4-13-0","Grid-cellResize":"grid-module-Grid-cellResize-J-SJu-4-13-0","Grid-cellSortIcon":"grid-module-Grid-cellSortIcon-ZV0FF-4-13-0","Grid-reorderHighlighter":"grid-module-Grid-reorderHighlighter-UMzz7-4-13-0","Grid-cellGroup":"grid-module-Grid-cellGroup-Q3add-4-13-0","Grid-cellGroup--pinned":"grid-module-Grid-cellGroup--pinned-gR1WR-4-13-0","Grid-cellGroup--pinned-left":"grid-module-Grid-cellGroup--pinned-left-EsISF-4-13-0","Grid-cellGroup--pinned-right":"grid-module-Grid-cellGroup--pinned-right-jWDJC-4-13-0","Checkbox-wrapper":"grid-module-Checkbox-wrapper-0R1-K-4-13-0","GridCell":"grid-module-GridCell-Atntl-4-13-0","GridCell--align-left":"grid-module-GridCell--align-left-zURf7-4-13-0","GridCell--align-right":"grid-module-GridCell--align-right-nMKtX-4-13-0","GridCell--align-center":"grid-module-GridCell--align-center-dtOQN-4-13-0","GridCell--default":"grid-module-GridCell--default-7p5Cq-4-13-0","GridCell--metaList":"grid-module-GridCell--metaList-wNdz6-4-13-0","GridCell--statusHint":"grid-module-GridCell--statusHint-UyDMp-4-13-0","StatusHint":"grid-module-StatusHint-R1JrO-4-13-0","Text":"grid-module-Text-Fy3XX-4-13-0","GridCell--avatar":"grid-module-GridCell--avatar-fZFWf-4-13-0","Avatar":"grid-module-Avatar-3XZ0C-4-13-0","GridCell-metaListWrapper":"grid-module-GridCell-metaListWrapper-C5Xha-4-13-0","GridCell-metaList":"grid-module-GridCell-metaList-Eu-pj-4-13-0","GridCell-metaSeparator":"grid-module-GridCell-metaSeparator-B6hFq-4-13-0","GridCell-mark--default":"grid-module-GridCell-mark--default-pkKi7-4-13-0","GridCell-mark--metaList":"grid-module-GridCell-mark--metaList-MwAIW-4-13-0","Header":"grid-module-Header-8rhUu-4-13-0","Header-content":"grid-module-Header-content-0SgQi-4-13-0","Header-content--bottom":"grid-module-Header-content--bottom-bkVrG-4-13-0","Header-search":"grid-module-Header-search-4git6-4-13-0","Header-label":"grid-module-Header-label-B0-kh-4-13-0","Checkbox":"grid-module-Checkbox-ETqg7-4-13-0","Header-dropdown":"grid-module-Header-dropdown-xPNuH-4-13-0","Dropdown":"grid-module-Dropdown-Ev9FG-4-13-0","Header-draggableDropdown":"grid-module-Header-draggableDropdown-QkIiO-4-13-0","Dropdown-wrapper":"grid-module-Dropdown-wrapper-T1n1M-4-13-0","Header-filters":"grid-module-Header-filters-u0J3G-4-13-0","Header-sorting":"grid-module-Header-sorting-zOkI4-4-13-0","Header-actions":"grid-module-Header-actions-WHtHK-4-13-0","Header-global-actions":"grid-module-Header-global-actions-e6dK3-4-13-0","Grid-row--disabled":"grid-module-Grid-row--disabled-f0pzU-4-13-0","Grid-row":"grid-module-Grid-row-wBTps-4-13-0","Grid--resource":"grid-module-Grid--resource-Wwxtj-4-13-0","Grid-row--selected":"grid-module-Grid-row--selected-4THdv-4-13-0","Grid-row--activated":"grid-module-Grid-row--activated-nOoqM-4-13-0","Grid-cellWrapper--pinned":"grid-module-Grid-cellWrapper--pinned-0NirR-4-13-0","Grid-row--head":"grid-module-Grid-row--head-FUyUu-4-13-0","Grid-cellWrapper--pinned-left":"grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-13-0","Grid-cellWrapper--pinned-right":"grid-module-Grid-cellWrapper--pinned-right-72w51-4-13-0"};
|
|
2855
2866
|
styleInject$1(css_248z$14);
|
|
2856
2867
|
|
|
2857
2868
|
var Checkbox = /*#__PURE__*/React__namespace.forwardRef(function (props, forwardedRef) {
|
|
@@ -2951,8 +2962,8 @@
|
|
|
2951
2962
|
});
|
|
2952
2963
|
Checkbox.displayName = 'Checkbox';
|
|
2953
2964
|
|
|
2954
|
-
var css_248z$13 = ".column-module-Row-LudWR-4-
|
|
2955
|
-
var rowStyles = {"Row":"column-module-Row-LudWR-4-
|
|
2965
|
+
var css_248z$13 = ".column-module-Row-LudWR-4-13-0 {\n display: flex;\n flex-wrap: wrap;\n flex: 1 100%;\n}\n\n.column-module-Col-BW4pl-4-13-0 {\n position: relative;\n box-sizing: border-box;\n flex: 1 0 0%;\n}\n\n.column-module-Col--auto-HnufQ-4-13-0 {\n flex: 0 0 auto;\n width: auto;\n}\n\n.column-module-Col--1-iSoXZ-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n}\n\n.column-module-Col--2-KR9Oj-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n}\n\n.column-module-Col--3-tRdfx-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n}\n\n.column-module-Col--4-SxYUZ-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n}\n\n.column-module-Col--5-Ghiks-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n}\n\n.column-module-Col--6-JO4qo-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n}\n\n.column-module-Col--7-SRnJx-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n}\n\n.column-module-Col--8-HBxc4-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n}\n\n.column-module-Col--9-eMJ9n-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n}\n\n.column-module-Col--10-VSo8k-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n}\n\n.column-module-Col--11-miljX-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n}\n\n.column-module-Col--12-9Obkj-4-13-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-13-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xs-1-KvELd-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xs-2-OUGOZ-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xs-3-G55n8-4-13-0 {\n flex: 0 0 auto;\n }\n .column-module-Col--xs-4-PADe9-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xs-5-Ex4rw-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xs-6-fzX37-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xs-7-zWOG--4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xs-8-gngfO-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xs-9-b-r8L-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xs-10-umLd0-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xs-11-KvOKo-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xs-12-u1Ks8-4-13-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-13-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--s-1-BVL5j-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--s-2-9s29P-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--s-3-69Bdl-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--s-4-nE4kT-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--s-5-B72Pu-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--s-6-AdMSU-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--s-7-e656U-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--s-8-1EhC1-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--s-9-rpHj--4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--s-10-GVB2t-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--s-11-3WJSe-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--s-12-eFxie-4-13-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-13-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--m-1-T7-6r-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--m-2-UJZxe-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--m-3-jgXEy-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--m-4-86-dP-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--m-5-RxZc2-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--m-6-RwrEz-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--m-7-HuA0i-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--m-8-qKE7R-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--m-9--8vSy-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--m-10-aBQ1l-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--m-11-08F-U-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--m-12-gZ47F-4-13-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-13-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--l-1-aLREn-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--l-2-0mG-c-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--l-3--aWDx-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--l-4-GTf5q-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--l-5-5MGhB-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--l-6-DY6jT-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--l-7-Wyv6Z-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--l-8-30knO-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--l-9-H-ap--4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--l-10-wgJl4-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--l-11-4dOz3-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--l-12-xC5rs-4-13-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-13-0 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xl-1-ZCRQR-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xl-2-5agyW-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xl-3-e5vjv-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--xl-4--aAZH-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xl-5-167j6-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xl-6-wXLZ--4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xl-7-QA116-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xl-8-Q22c5-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xl-9-bJrrK-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xl-10-IALsA-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xl-11-vrchj-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xl-12-6dUnj-4-13-0 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n }\n}\n";
|
|
2966
|
+
var rowStyles = {"Row":"column-module-Row-LudWR-4-13-0","Col":"column-module-Col-BW4pl-4-13-0","Col--auto":"column-module-Col--auto-HnufQ-4-13-0","Col--1":"column-module-Col--1-iSoXZ-4-13-0","Col--2":"column-module-Col--2-KR9Oj-4-13-0","Col--3":"column-module-Col--3-tRdfx-4-13-0","Col--4":"column-module-Col--4-SxYUZ-4-13-0","Col--5":"column-module-Col--5-Ghiks-4-13-0","Col--6":"column-module-Col--6-JO4qo-4-13-0","Col--7":"column-module-Col--7-SRnJx-4-13-0","Col--8":"column-module-Col--8-HBxc4-4-13-0","Col--9":"column-module-Col--9-eMJ9n-4-13-0","Col--10":"column-module-Col--10-VSo8k-4-13-0","Col--11":"column-module-Col--11-miljX-4-13-0","Col--12":"column-module-Col--12-9Obkj-4-13-0","Col--xs-auto":"column-module-Col--xs-auto-oXQ2q-4-13-0","Col--xs-1":"column-module-Col--xs-1-KvELd-4-13-0","Col--xs-2":"column-module-Col--xs-2-OUGOZ-4-13-0","Col--xs-3":"column-module-Col--xs-3-G55n8-4-13-0","Col--xs-4":"column-module-Col--xs-4-PADe9-4-13-0","Col--xs-5":"column-module-Col--xs-5-Ex4rw-4-13-0","Col--xs-6":"column-module-Col--xs-6-fzX37-4-13-0","Col--xs-7":"column-module-Col--xs-7-zWOG--4-13-0","Col--xs-8":"column-module-Col--xs-8-gngfO-4-13-0","Col--xs-9":"column-module-Col--xs-9-b-r8L-4-13-0","Col--xs-10":"column-module-Col--xs-10-umLd0-4-13-0","Col--xs-11":"column-module-Col--xs-11-KvOKo-4-13-0","Col--xs-12":"column-module-Col--xs-12-u1Ks8-4-13-0","Col--s-auto":"column-module-Col--s-auto-rQS8S-4-13-0","Col--s-1":"column-module-Col--s-1-BVL5j-4-13-0","Col--s-2":"column-module-Col--s-2-9s29P-4-13-0","Col--s-3":"column-module-Col--s-3-69Bdl-4-13-0","Col--s-4":"column-module-Col--s-4-nE4kT-4-13-0","Col--s-5":"column-module-Col--s-5-B72Pu-4-13-0","Col--s-6":"column-module-Col--s-6-AdMSU-4-13-0","Col--s-7":"column-module-Col--s-7-e656U-4-13-0","Col--s-8":"column-module-Col--s-8-1EhC1-4-13-0","Col--s-9":"column-module-Col--s-9-rpHj--4-13-0","Col--s-10":"column-module-Col--s-10-GVB2t-4-13-0","Col--s-11":"column-module-Col--s-11-3WJSe-4-13-0","Col--s-12":"column-module-Col--s-12-eFxie-4-13-0","Col--m-auto":"column-module-Col--m-auto-DTvE1-4-13-0","Col--m-1":"column-module-Col--m-1-T7-6r-4-13-0","Col--m-2":"column-module-Col--m-2-UJZxe-4-13-0","Col--m-3":"column-module-Col--m-3-jgXEy-4-13-0","Col--m-4":"column-module-Col--m-4-86-dP-4-13-0","Col--m-5":"column-module-Col--m-5-RxZc2-4-13-0","Col--m-6":"column-module-Col--m-6-RwrEz-4-13-0","Col--m-7":"column-module-Col--m-7-HuA0i-4-13-0","Col--m-8":"column-module-Col--m-8-qKE7R-4-13-0","Col--m-9":"column-module-Col--m-9--8vSy-4-13-0","Col--m-10":"column-module-Col--m-10-aBQ1l-4-13-0","Col--m-11":"column-module-Col--m-11-08F-U-4-13-0","Col--m-12":"column-module-Col--m-12-gZ47F-4-13-0","Col--l-auto":"column-module-Col--l-auto-SxR1p-4-13-0","Col--l-1":"column-module-Col--l-1-aLREn-4-13-0","Col--l-2":"column-module-Col--l-2-0mG-c-4-13-0","Col--l-3":"column-module-Col--l-3--aWDx-4-13-0","Col--l-4":"column-module-Col--l-4-GTf5q-4-13-0","Col--l-5":"column-module-Col--l-5-5MGhB-4-13-0","Col--l-6":"column-module-Col--l-6-DY6jT-4-13-0","Col--l-7":"column-module-Col--l-7-Wyv6Z-4-13-0","Col--l-8":"column-module-Col--l-8-30knO-4-13-0","Col--l-9":"column-module-Col--l-9-H-ap--4-13-0","Col--l-10":"column-module-Col--l-10-wgJl4-4-13-0","Col--l-11":"column-module-Col--l-11-4dOz3-4-13-0","Col--l-12":"column-module-Col--l-12-xC5rs-4-13-0","Col--xl-auto":"column-module-Col--xl-auto-zH0n0-4-13-0","Col--xl-1":"column-module-Col--xl-1-ZCRQR-4-13-0","Col--xl-2":"column-module-Col--xl-2-5agyW-4-13-0","Col--xl-3":"column-module-Col--xl-3-e5vjv-4-13-0","Col--xl-4":"column-module-Col--xl-4--aAZH-4-13-0","Col--xl-5":"column-module-Col--xl-5-167j6-4-13-0","Col--xl-6":"column-module-Col--xl-6-wXLZ--4-13-0","Col--xl-7":"column-module-Col--xl-7-QA116-4-13-0","Col--xl-8":"column-module-Col--xl-8-Q22c5-4-13-0","Col--xl-9":"column-module-Col--xl-9-bJrrK-4-13-0","Col--xl-10":"column-module-Col--xl-10-IALsA-4-13-0","Col--xl-11":"column-module-Col--xl-11-vrchj-4-13-0","Col--xl-12":"column-module-Col--xl-12-6dUnj-4-13-0"};
|
|
2956
2967
|
styleInject$1(css_248z$13);
|
|
2957
2968
|
|
|
2958
2969
|
var Column = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -4031,8 +4042,8 @@
|
|
|
4031
4042
|
return callback === undefined ? throttle(delay, atBegin, false) : throttle(delay, callback, atBegin !== false);
|
|
4032
4043
|
}
|
|
4033
4044
|
|
|
4034
|
-
var css_248z$12 = ".dropdownButton-module-DropdownButton-WEFAu-4-
|
|
4035
|
-
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-
|
|
4045
|
+
var css_248z$12 = ".dropdownButton-module-DropdownButton-WEFAu-4-13-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-13-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-13-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-13-0 {\n height: var(--spacing-60);\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--regular--xsdh-4-13-0 {\n height: var(--spacing-80);\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-30);\n}\n\n.dropdownButton-module-DropdownButton--tinySquare-h9ZCv-4-13-0 {\n padding-left: var(--spacing-10);\n padding-right: var(--spacing-10);\n}\n\n.dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-13-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--placeholder-P-OZc-4-13-0 {\n color: var(--text-subtle);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-13-0:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-13-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-13-0:active,\n.dropdownButton-module-DropdownButton--open-FO2da-4-13-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-13-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-13-0 {\n padding-left: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--error-WBIV1-4-13-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n";
|
|
4046
|
+
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-13-0","DropdownButton-wrapper":"dropdownButton-module-DropdownButton-wrapper--2rai-4-13-0","DropdownButton-text":"dropdownButton-module-DropdownButton-text-iFVYT-4-13-0","DropdownButton--tiny":"dropdownButton-module-DropdownButton--tiny-Itu7p-4-13-0","DropdownButton--regular":"dropdownButton-module-DropdownButton--regular--xsdh-4-13-0","DropdownButton--tinySquare":"dropdownButton-module-DropdownButton--tinySquare-h9ZCv-4-13-0","DropdownButton--regularSquare":"dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-13-0","DropdownButton--placeholder":"dropdownButton-module-DropdownButton--placeholder-P-OZc-4-13-0","DropdownButton--open":"dropdownButton-module-DropdownButton--open-FO2da-4-13-0","DropdownButton--icon":"dropdownButton-module-DropdownButton--icon-lOUG2-4-13-0","DropdownButton--error":"dropdownButton-module-DropdownButton--error-WBIV1-4-13-0"};
|
|
4036
4047
|
styleInject$1(css_248z$12);
|
|
4037
4048
|
|
|
4038
4049
|
var DropdownButton = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -4360,8 +4371,8 @@
|
|
|
4360
4371
|
});
|
|
4361
4372
|
};
|
|
4362
4373
|
|
|
4363
|
-
var css_248z$11 = "@keyframes placeholder-module-shimmer-Lxrg3-4-
|
|
4364
|
-
var styles$_ = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-
|
|
4374
|
+
var css_248z$11 = "@keyframes placeholder-module-shimmer-Lxrg3-4-13-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-13-0 {\n border-radius: var(--border-radius-05);\n animation-duration: 1.5s;\n animation-fill-mode: forwards;\n animation-iteration-count: infinite;\n animation-name: placeholder-module-shimmer-Lxrg3-4-13-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-13-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-13-0 {\n display: flex;\n justify-content: flex-start;\n}\n\n.placeholder-module-Placeholder-paragraph-6zgwj-4-13-0 {\n display: flex;\n flex-direction: column;\n flex: 1 0;\n}\n\n.placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-13-0 {\n margin-left: var(--spacing-20);\n}\n\n.placeholder-module-PlaceholderParagraph-02mKH-4-13-0 {\n display: flex;\n flex-grow: 1;\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-13-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-13-0 {\n width: 33%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-13-0 {\n width: 66%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-13-0 {\n width: 100%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-13-0 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-13-0 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-13-0 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-13-0 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-13-0 {\n height: var(--font-height-l);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-13-0 {\n height: var(--font-height-xl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-13-0 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-13-0 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-13-0 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--xs-CZxRT-4-13-0 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--s-1TOed-4-13-0 {\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph--m-umPOe-4-13-0 {\n height: var(--font-size-m);\n}\n\n.placeholder-module-PlaceholderParagraph--l-5tvMH-4-13-0 {\n height: var(--font-size-l);\n}\n\n.placeholder-module-PlaceholderParagraph--xl-M63Dg-4-13-0 {\n height: var(--font-size-xl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-13-0 {\n height: var(--font-size-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-13-0 {\n height: var(--font-size-xxxl);\n}\n\n.placeholder-module-PlaceholderImage-tEdXI-4-13-0 {\n display: flex;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--small-IZcYq-4-13-0 {\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--medium-NA-GL-4-13-0 {\n width: 32px;\n height: 32px;\n}\n\n.placeholder-module-PlaceholderImage--large-z28GC-4-13-0 {\n width: 48px;\n height: 48px;\n}\n\n.placeholder-module-PlaceholderImage--round-IvhOF-4-13-0 {\n border-radius: var(--border-radius-full);\n}\n";
|
|
4375
|
+
var styles$_ = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-13-0","shimmer":"placeholder-module-shimmer-Lxrg3-4-13-0","Placeholder":"placeholder-module-Placeholder-vJUgz-4-13-0","Placeholder--withImage":"placeholder-module-Placeholder--withImage-yTlyC-4-13-0","Placeholder-paragraph":"placeholder-module-Placeholder-paragraph-6zgwj-4-13-0","Placeholder-paragraph--withImage":"placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-13-0","PlaceholderParagraph":"placeholder-module-PlaceholderParagraph-02mKH-4-13-0","PlaceholderParagraph-wrapper":"placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-13-0","PlaceholderParagraph-wrapper--length-small":"placeholder-module-PlaceholderParagraph-wrapper--length-small-hR-g8-4-13-0","PlaceholderParagraph-wrapper--length-medium":"placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-13-0","PlaceholderParagraph-wrapper--length-large":"placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-13-0","PlaceholderParagraph-wrapper--size-xxs":"placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-13-0","PlaceholderParagraph-wrapper--size-xs":"placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-13-0","PlaceholderParagraph-wrapper--size-s":"placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-13-0","PlaceholderParagraph-wrapper--size-m":"placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-13-0","PlaceholderParagraph-wrapper--size-l":"placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-13-0","PlaceholderParagraph-wrapper--size-xl":"placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-13-0","PlaceholderParagraph-wrapper--size-xxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-13-0","PlaceholderParagraph-wrapper--size-xxxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-13-0","PlaceholderParagraph--xxs":"placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-13-0","PlaceholderParagraph--xs":"placeholder-module-PlaceholderParagraph--xs-CZxRT-4-13-0","PlaceholderParagraph--s":"placeholder-module-PlaceholderParagraph--s-1TOed-4-13-0","PlaceholderParagraph--m":"placeholder-module-PlaceholderParagraph--m-umPOe-4-13-0","PlaceholderParagraph--l":"placeholder-module-PlaceholderParagraph--l-5tvMH-4-13-0","PlaceholderParagraph--xl":"placeholder-module-PlaceholderParagraph--xl-M63Dg-4-13-0","PlaceholderParagraph--xxl":"placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-13-0","PlaceholderParagraph--xxxl":"placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-13-0","PlaceholderImage":"placeholder-module-PlaceholderImage-tEdXI-4-13-0","PlaceholderImage--small":"placeholder-module-PlaceholderImage--small-IZcYq-4-13-0","PlaceholderImage--medium":"placeholder-module-PlaceholderImage--medium-NA-GL-4-13-0","PlaceholderImage--large":"placeholder-module-PlaceholderImage--large-z28GC-4-13-0","PlaceholderImage--round":"placeholder-module-PlaceholderImage--round-IvhOF-4-13-0"};
|
|
4365
4376
|
styleInject$1(css_248z$11);
|
|
4366
4377
|
|
|
4367
4378
|
var PlaceholderParagraph = function PlaceholderParagraph(props) {
|
|
@@ -5585,8 +5596,8 @@
|
|
|
5585
5596
|
return Dropdown;
|
|
5586
5597
|
}(React__namespace.Component);
|
|
5587
5598
|
|
|
5588
|
-
var css_248z$10 = "/* Heading */\n.heading-module-Heading-tmepg-4-
|
|
5589
|
-
var styles$Z = {"Heading":"heading-module-Heading-tmepg-4-
|
|
5599
|
+
var css_248z$10 = "/* Heading */\n.heading-module-Heading-tmepg-4-13-0 {\n margin: 0;\n}\n\n.heading-module-Heading--s-r3kT8-4-13-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-13-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-13-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-13-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-13-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-13-0 {\n color: var(--text);\n}\n\n.heading-module-Heading--subtle-K3WJd-4-13-0 {\n color: var(--text-subtle);\n}\n\n.heading-module-Heading--disabled-dQRjW-4-13-0 {\n color: var(--text-disabled);\n}\n\n.heading-module-Heading--white-LK0i2-4-13-0 {\n color: var(--text-white);\n}\n";
|
|
5600
|
+
var styles$Z = {"Heading":"heading-module-Heading-tmepg-4-13-0","Heading--s":"heading-module-Heading--s-r3kT8-4-13-0","Heading--m":"heading-module-Heading--m-KypUv-4-13-0","Heading--l":"heading-module-Heading--l-6irdW-4-13-0","Heading--xl":"heading-module-Heading--xl-XGjXU-4-13-0","Heading--xxl":"heading-module-Heading--xxl-eD434-4-13-0","Heading--default":"heading-module-Heading--default-3YJIX-4-13-0","Heading--subtle":"heading-module-Heading--subtle-K3WJd-4-13-0","Heading--disabled":"heading-module-Heading--disabled-dQRjW-4-13-0","Heading--white":"heading-module-Heading--white-LK0i2-4-13-0"};
|
|
5590
5601
|
styleInject$1(css_248z$10);
|
|
5591
5602
|
|
|
5592
5603
|
var sizeMap = {
|
|
@@ -5617,8 +5628,8 @@
|
|
|
5617
5628
|
});
|
|
5618
5629
|
Heading.displayName = 'Heading';
|
|
5619
5630
|
|
|
5620
|
-
var css_248z$$ = ".actionButton-module-ActionButton-GMsQC-4-
|
|
5621
|
-
var styles$Y = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-
|
|
5631
|
+
var css_248z$$ = ".actionButton-module-ActionButton-GMsQC-4-13-0 {\n display: flex;\n flex-shrink: 0;\n overflow: hidden;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n cursor: pointer;\n color: var(--inverse-lighter);\n border-radius: var(--border-radius-full);\n padding: var(--spacing-05);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-13-0:focus-visible,\n.actionButton-module-ActionButton-GMsQC-4-13-0:focus {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-13-0:hover {\n background-color: var(--secondary);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-13-0:active {\n background-color: var(--secondary-dark);\n}\n";
|
|
5632
|
+
var styles$Y = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-13-0"};
|
|
5622
5633
|
styleInject$1(css_248z$$);
|
|
5623
5634
|
|
|
5624
5635
|
var ActionButton$1 = function ActionButton(props) {
|
|
@@ -5639,12 +5650,12 @@
|
|
|
5639
5650
|
type: 'rounded'
|
|
5640
5651
|
};
|
|
5641
5652
|
|
|
5642
|
-
var css_248z$_ = "/* input */\n\n.input-module-Input-input-eQ8b8-4-
|
|
5643
|
-
var styles$X = {"Input-input":"input-module-Input-input-eQ8b8-4-
|
|
5653
|
+
var css_248z$_ = "/* input */\n\n.input-module-Input-input-eQ8b8-4-13-0::-ms-clear {\n display: none;\n}\n\n.input-module-Input-4ywvi-4-13-0 {\n display: flex;\n flex-grow: 1;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--border-radius-10);\n border: var(--border);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n background: var(--white);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.input-module-Input--tiny-NegXy-4-13-0 {\n height: var(--font-height-m);\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.input-module-Input--regular-YN-1C-4-13-0 {\n height: var(--font-height-l);\n padding-top: var(--spacing-15);\n padding-bottom: var(--spacing-15);\n}\n\n.input-module-Input--large-FqoAi-4-13-0 {\n height: 40px;\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.input-module-Input-4ywvi-4-13-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n cursor: text;\n}\n\n.input-module-Input-4ywvi-4-13-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-13-0:focus-within .input-module-Input-icon--left-F1r05-4-13-0 {\n color: var(--primary);\n}\n\n.input-module-Input--error-EGIUq-4-13-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-13-0:focus-within .input-module-Input-icon--left-F1r05-4-13-0 {\n color: var(--alert);\n}\n\n.input-module-Input--disabled-IRtQk-4-13-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-13-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.input-module-Input--disabled-IRtQk-4-13-0 .input-module-Input-icon--left-F1r05-4-13-0 {\n color: var(--inverse-lightest);\n}\n\n.input-module-Input--error-EGIUq-4-13-0,\n.input-module-Input--error-EGIUq-4-13-0:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.input-module-Input-input-eQ8b8-4-13-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-13-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-13-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-13-0:focus {\n outline: 0;\n}\n\n.input-module-Input-input-eQ8b8-4-13-0:disabled .input-module-Input-input-eQ8b8-4-13-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-13-0:disabled .input-module-Input-input-eQ8b8-4-13-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input--regular-2cMTS-4-13-0 {\n line-height: var(--font-height);\n}\n\n.input-module-Input-input--large-Ps2E1-4-13-0 {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.input-module-Input-input--tiny-qQEuS-4-13-0 {\n line-height: var(--font-height-s);\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n}\n\n.input-module-Input-icon-V1pYc-4-13-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-13-0 {\n margin-right: var(--spacing-20);\n color: var(--inverse);\n}\n\n.input-module-Input-icon--inputBlank-GkWyn-4-13-0 {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-icon--error-o9EcI-4-13-0 {\n color: var(--alert);\n}\n\n.input-module-Input-icon--right-A9G9E-4-13-0 {\n cursor: pointer;\n color: var(--inverse-lighter);\n border-radius: var(--border-radius-full);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-13-0:focus-visible .input-module-Input-icon--right-A9G9E-4-13-0 {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.input-module-Input-icon--right-A9G9E-4-13-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n border-radius: var(--border-radius-full);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-13-0:hover .input-module-Input-icon--right-A9G9E-4-13-0 {\n background-color: var(--secondary);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-13-0:active .input-module-Input-icon--right-A9G9E-4-13-0 {\n background-color: var(--secondary-dark);\n}\n\n.input-module-Input-inlineLabel-Sgbvs-4-13-0 {\n margin-right: var(--spacing-20);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-13-0:focus-visible {\n outline: none;\n}\n";
|
|
5654
|
+
var styles$X = {"Input-input":"input-module-Input-input-eQ8b8-4-13-0","Input":"input-module-Input-4ywvi-4-13-0","Input--tiny":"input-module-Input--tiny-NegXy-4-13-0","Input--regular":"input-module-Input--regular-YN-1C-4-13-0","Input--large":"input-module-Input--large-FqoAi-4-13-0","Input-icon--left":"input-module-Input-icon--left-F1r05-4-13-0","Input--error":"input-module-Input--error-EGIUq-4-13-0","Input--disabled":"input-module-Input--disabled-IRtQk-4-13-0","Input--readOnly":"input-module-Input--readOnly-4IaEw-4-13-0","Input-input--regular":"input-module-Input-input--regular-2cMTS-4-13-0","Input-input--large":"input-module-Input-input--large-Ps2E1-4-13-0","Input-input--tiny":"input-module-Input-input--tiny-qQEuS-4-13-0","Input-icon":"input-module-Input-icon-V1pYc-4-13-0","Input-icon--inputBlank":"input-module-Input-icon--inputBlank-GkWyn-4-13-0","Input-icon--error":"input-module-Input-icon--error-o9EcI-4-13-0","Input-icon--right":"input-module-Input-icon--right-A9G9E-4-13-0","Input-iconWrapper--right":"input-module-Input-iconWrapper--right-HdKL--4-13-0","Input-inlineLabel":"input-module-Input-inlineLabel-Sgbvs-4-13-0"};
|
|
5644
5655
|
styleInject$1(css_248z$_);
|
|
5645
5656
|
|
|
5646
|
-
var css_248z$Z = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
5647
|
-
var styles$W = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
5657
|
+
var css_248z$Z = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-13-0 {\n display: inline-flex;\n width: 40px;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-13-0 .verificationCodeInput-module-Input-input-IIOUQ-4-13-0 {\n text-align: center;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-13-0 .verificationCodeInput-module-Input-input-IIOUQ-4-13-0::-webkit-inner-spin-button,\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-13-0 .verificationCodeInput-module-Input-input-IIOUQ-4-13-0::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n";
|
|
5658
|
+
var styles$W = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-13-0","Input-input":"verificationCodeInput-module-Input-input-IIOUQ-4-13-0"};
|
|
5648
5659
|
styleInject$1(css_248z$Z);
|
|
5649
5660
|
|
|
5650
5661
|
var sizeMapping$2 = {
|
|
@@ -5708,8 +5719,8 @@
|
|
|
5708
5719
|
}, [type]);
|
|
5709
5720
|
var baseProps = extractBaseProps(props);
|
|
5710
5721
|
var classes = classNames__default["default"]((_a = {}, _a[styles$X['Input']] = true, _a[styles$X["Input--" + size]] = size, _a[styles$X['Input--disabled']] = disabled, _a[styles$X['Input--error']] = error, _a[styles$X['Input--readOnly']] = readOnly, _a), className);
|
|
5711
|
-
var inputClass = classNames__default["default"]((_b = {}, _b[styles$X['Input-input']] = true, _b[styles$W['Input-input']] = true, _b[styles$X["Input-input--" + size]] = size, _b));
|
|
5712
|
-
var leftIconClass = classNames__default["default"]((_c = {}, _c[styles$X['Input-icon']] = true, _c[styles$X['Input-icon--left']] = true, _c[styles$X['Input-icon--inputBlank']] = isInputBlank, _c[styles$X['Input-icon--error']] = error, _c));
|
|
5722
|
+
var inputClass = classNames__default["default"]((_b = {}, _b[styles$X['Input-input']] = true, _b[styles$W['Input-input']] = true, _b[styles$X["Input-input--" + size]] = size, _b["mr-4"] = actionIcon || onClear || info, _b));
|
|
5723
|
+
var leftIconClass = classNames__default["default"]((_c = {}, _c[styles$X['Input-icon']] = true, _c[styles$X['Input-icon--left']] = true, _c[styles$X['Input-icon--inputBlank']] = isInputBlank, _c[styles$X['Input-icon--error']] = error, _c['mr-3'] = size && size === 'tiny', _c));
|
|
5713
5724
|
var rightIconClass = classNames__default["default"]((_d = {}, _d[styles$X['Input-icon']] = true, _d[styles$X['Input-iconWrapper--right']] = true, _d));
|
|
5714
5725
|
var trigger = /*#__PURE__*/React__namespace.createElement("div", {
|
|
5715
5726
|
className: rightIconClass,
|
|
@@ -5719,6 +5730,7 @@
|
|
|
5719
5730
|
size: sizeMapping$2[size],
|
|
5720
5731
|
className: styles$X['Input-icon--right']
|
|
5721
5732
|
}));
|
|
5733
|
+
var iconSize = size === 'tiny' ? 14 : sizeMapping$2[size];
|
|
5722
5734
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
5723
5735
|
"data-test": "DesignSystem-InputWrapper",
|
|
5724
5736
|
className: classes,
|
|
@@ -5738,11 +5750,11 @@
|
|
|
5738
5750
|
className: styles$X['Input-inlineLabel']
|
|
5739
5751
|
}, /*#__PURE__*/React__namespace.createElement(Text, {
|
|
5740
5752
|
appearance: "subtle"
|
|
5741
|
-
}, inlineLabel))),
|
|
5753
|
+
}, inlineLabel))), icon && (/*#__PURE__*/React__namespace.createElement("div", {
|
|
5742
5754
|
className: leftIconClass
|
|
5743
5755
|
}, /*#__PURE__*/React__namespace.createElement(Icon, {
|
|
5744
5756
|
name: icon,
|
|
5745
|
-
size:
|
|
5757
|
+
size: iconSize,
|
|
5746
5758
|
type: iconType
|
|
5747
5759
|
}))), /*#__PURE__*/React__namespace.createElement("input", __assign$1({
|
|
5748
5760
|
"data-test": "DesignSystem-Input"
|
|
@@ -5787,18 +5799,24 @@
|
|
|
5787
5799
|
ActionButton: ActionButton$1
|
|
5788
5800
|
});
|
|
5789
5801
|
|
|
5790
|
-
var css_248z$Y = ".metricInput-module-MetricInput-input-F33lA-4-
|
|
5791
|
-
var styles$V = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-
|
|
5802
|
+
var css_248z$Y = ".metricInput-module-MetricInput-input-F33lA-4-13-0::-ms-clear {\n display: none;\n}\n\n.metricInput-module-MetricInput--0hzO-4-13-0 {\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--border-radius-10);\n border: var(--border);\n background: var(--white);\n overflow: hidden;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.metricInput-module-MetricInput--regular-qwE-W-4-13-0 {\n height: var(--spacing-80);\n padding-left: var(--spacing-30);\n}\n\n.metricInput-module-MetricInput--large-PHYvQ-4-13-0 {\n height: 40px;\n padding-left: var(--spacing-40);\n}\n\n.metricInput-module-MetricInput--small-73F16-4-13-0 {\n height: var(--spacing-60);\n padding-left: var(--spacing-20);\n}\n\n.metricInput-module-MetricInput--0hzO-4-13-0:hover {\n background: var(--secondary-lightest);\n cursor: text;\n}\n\n.metricInput-module-MetricInput--0hzO-4-13-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-13-0:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-13-0 {\n color: var(--primary);\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-13-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-13-0 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-13-0 .metricInput-module-MetricInput-icon-xUfPZ-4-13-0 {\n color: var(--inverse-lightest);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-13-0,\n.metricInput-module-MetricInput--error-FAM-w-4-13-0:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-13-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-13-0:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-13-0 {\n color: var(--alert);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-13-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-13-0 {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.metricInput-module-MetricInput-input--regular-lel2M-4-13-0 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.metricInput-module-MetricInput-input--small-U6Uw5-4-13-0 {\n line-height: var(--font-height-s);\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-13-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-13-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-13-0:focus {\n outline: 0;\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-13-0:disabled .metricInput-module-MetricInput-input-F33lA-4-13-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-13-0:disabled .metricInput-module-MetricInput-input-F33lA-4-13-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-icon--regular-QqKyP-4-13-0 {\n margin-right: var(--spacing-20);\n line-height: var(--font-height-s);\n}\n\n.metricInput-module-MetricInput-icon--large-oSw1r-4-13-0 {\n margin-right: var(--spacing-30);\n line-height: var(--font-height-m);\n}\n\n.metricInput-module-MetricInput-icon--small--U0nf-4-13-0 {\n margin-right: var(--spacing-10);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-13-0::-webkit-inner-spin-button,\n.metricInput-module-MetricInput-input-F33lA-4-13-0::-webkit-outer-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin: 0;\n}\n\n.metricInput-module-MetricInput-arrowIcons-z8PUu-4-13-0 {\n border-left: var(--border);\n box-sizing: border-box;\n border-radius: 0;\n background: transparent;\n display: flex;\n flex-direction: column;\n height: 100%;\n flex-shrink: 0;\n overflow: hidden;\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-13-0 {\n height: 50%;\n border: none;\n background: var(--secondary-light);\n color: var(--inverse);\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n overflow: hidden;\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-13-0:hover {\n background: var(--secondary);\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-13-0:active {\n background: var(--secondary-dark);\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-13-0:focus {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.metricInput-module-MetricInput-arrowIcons--small-oUPeS-4-13-0,\n.metricInput-module-MetricInput-arrowIcons--regular-XXiBM-4-13-0 {\n width: 20px;\n}\n\n.metricInput-module-MetricInput-arrowIcons--large-Faphg-4-13-0 {\n width: var(--spacing-60);\n}\n";
|
|
5803
|
+
var styles$V = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-13-0","MetricInput":"metricInput-module-MetricInput--0hzO-4-13-0","MetricInput--regular":"metricInput-module-MetricInput--regular-qwE-W-4-13-0","MetricInput--large":"metricInput-module-MetricInput--large-PHYvQ-4-13-0","MetricInput--small":"metricInput-module-MetricInput--small-73F16-4-13-0","MetricInput-icon":"metricInput-module-MetricInput-icon-xUfPZ-4-13-0","MetricInput--disabled":"metricInput-module-MetricInput--disabled-41NDQ-4-13-0","MetricInput--readOnly":"metricInput-module-MetricInput--readOnly-fVSGN-4-13-0","MetricInput--error":"metricInput-module-MetricInput--error-FAM-w-4-13-0","MetricInput-input--large":"metricInput-module-MetricInput-input--large-Xn7eL-4-13-0","MetricInput-input--regular":"metricInput-module-MetricInput-input--regular-lel2M-4-13-0","MetricInput-input--small":"metricInput-module-MetricInput-input--small-U6Uw5-4-13-0","MetricInput-icon--regular":"metricInput-module-MetricInput-icon--regular-QqKyP-4-13-0","MetricInput-icon--large":"metricInput-module-MetricInput-icon--large-oSw1r-4-13-0","MetricInput-icon--small":"metricInput-module-MetricInput-icon--small--U0nf-4-13-0","MetricInput-arrowIcons":"metricInput-module-MetricInput-arrowIcons-z8PUu-4-13-0","MetricInput-arrowButton":"metricInput-module-MetricInput-arrowButton-ZHqEY-4-13-0","MetricInput-arrowIcons--small":"metricInput-module-MetricInput-arrowIcons--small-oUPeS-4-13-0","MetricInput-arrowIcons--regular":"metricInput-module-MetricInput-arrowIcons--regular-XXiBM-4-13-0","MetricInput-arrowIcons--large":"metricInput-module-MetricInput-arrowIcons--large-Faphg-4-13-0"};
|
|
5792
5804
|
styleInject$1(css_248z$Y);
|
|
5793
5805
|
|
|
5794
|
-
var css_248z$X = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-
|
|
5795
|
-
var styles$U = {"Pagination":"pagination-module-Pagination-DCmdy-4-
|
|
5806
|
+
var css_248z$X = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-13-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-13-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.pagination-module-Pagination-buttonWrapper--hS-F-4-13-0 {\n display: flex;\n flex-direction: row;\n}\n\n.pagination-module-Pagination-pageIndex-bDTfx-4-13-0 {\n display: flex;\n align-items: center;\n justify-content: center;\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-30);\n}\n\n.pagination-module-Pagination-MetricInput-SPkmy-4-13-0 {\n width: var(--spacing-120);\n margin-right: var(--spacing-20);\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.pagination-module-Pagination-MetricInput-SPkmy-4-13-0 .pagination-module-MetricInput-input-7icmp-4-13-0 {\n text-align: center;\n}\n.pagination-module-Pagination-MetricInput-SPkmy-4-13-0 .pagination-module-MetricInput-arrowIcons-6jLZm-4-13-0 {\n display: none;\n}\n\n@media (max-width: 575px) {\n .pagination-module-Pagination-pageIndex-bDTfx-4-13-0 {\n order: -1;\n flex-basis: 100%;\n }\n .pagination-module-Pagination-buttonWrapper--hS-F-4-13-0 {\n margin-top: var(--spacing-20);\n width: 50%;\n }\n .pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-13-0 {\n justify-content: flex-start;\n }\n .pagination-module-Pagination-buttonWrapper--previous--r33Z-4-13-0 {\n justify-content: flex-end;\n }\n}\n";
|
|
5807
|
+
var styles$U = {"Pagination":"pagination-module-Pagination-DCmdy-4-13-0","Pagination-button":"pagination-module-Pagination-button-bEn7d-4-13-0","Pagination-buttonWrapper":"pagination-module-Pagination-buttonWrapper--hS-F-4-13-0","Pagination-pageIndex":"pagination-module-Pagination-pageIndex-bDTfx-4-13-0","Pagination-MetricInput":"pagination-module-Pagination-MetricInput-SPkmy-4-13-0","MetricInput-input":"pagination-module-MetricInput-input-7icmp-4-13-0","MetricInput-arrowIcons":"pagination-module-MetricInput-arrowIcons-6jLZm-4-13-0","Pagination-buttonWrapper--next":"pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-13-0","Pagination-buttonWrapper--previous":"pagination-module-Pagination-buttonWrapper--previous--r33Z-4-13-0"};
|
|
5796
5808
|
styleInject$1(css_248z$X);
|
|
5797
5809
|
|
|
5798
5810
|
var sizeMapping$1 = {
|
|
5811
|
+
small: 14,
|
|
5799
5812
|
regular: 16,
|
|
5800
5813
|
large: 20
|
|
5801
5814
|
};
|
|
5815
|
+
var actionButtonIconSizeMapping = {
|
|
5816
|
+
small: 12,
|
|
5817
|
+
regular: 14,
|
|
5818
|
+
large: 16
|
|
5819
|
+
};
|
|
5802
5820
|
var capMin = function capMin(min, value) {
|
|
5803
5821
|
if (min === void 0) {
|
|
5804
5822
|
min = -Infinity;
|
|
@@ -5812,9 +5830,9 @@
|
|
|
5812
5830
|
return isNaN(max) || !max && max !== 0 || isNaN(value) || !value && value !== 0 ? value : Math.min(max, value);
|
|
5813
5831
|
};
|
|
5814
5832
|
var MetricInput = /*#__PURE__*/React__namespace.forwardRef(function (props, forwardedRef) {
|
|
5815
|
-
var _a, _b, _c, _d, _e, _f;
|
|
5816
|
-
var
|
|
5817
|
-
size =
|
|
5833
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
5834
|
+
var _h = props.size,
|
|
5835
|
+
size = _h === void 0 ? 'regular' : _h,
|
|
5818
5836
|
defaultValue = props.defaultValue,
|
|
5819
5837
|
name = props.name,
|
|
5820
5838
|
placeholder = props.placeholder,
|
|
@@ -5833,16 +5851,16 @@
|
|
|
5833
5851
|
disabled = props.disabled,
|
|
5834
5852
|
readOnly = props.readOnly,
|
|
5835
5853
|
valueProp = props.value,
|
|
5836
|
-
|
|
5837
|
-
showActionButton =
|
|
5854
|
+
_j = props.showActionButton,
|
|
5855
|
+
showActionButton = _j === void 0 ? true : _j,
|
|
5838
5856
|
onKeyDown = props.onKeyDown,
|
|
5839
5857
|
iconType = props.iconType,
|
|
5840
5858
|
rest = __rest(props, ["size", "defaultValue", "name", "placeholder", "icon", "prefix", "suffix", "error", "min", "max", "onChange", "onClick", "onBlur", "onFocus", "className", "autoFocus", "disabled", "readOnly", "value", "showActionButton", "onKeyDown", "iconType"]);
|
|
5841
5859
|
var ref = React__namespace.useRef(null);
|
|
5842
5860
|
var isUncontrolled = valueProp === undefined;
|
|
5843
|
-
var
|
|
5844
|
-
value =
|
|
5845
|
-
setValue =
|
|
5861
|
+
var _k = React__namespace.useState(valueProp || defaultValue),
|
|
5862
|
+
value = _k[0],
|
|
5863
|
+
setValue = _k[1];
|
|
5846
5864
|
React__namespace.useImperativeHandle(forwardedRef, function () {
|
|
5847
5865
|
return ref.current;
|
|
5848
5866
|
});
|
|
@@ -5859,11 +5877,13 @@
|
|
|
5859
5877
|
}, [valueProp]);
|
|
5860
5878
|
var baseProps = extractBaseProps(props);
|
|
5861
5879
|
var classes = classNames__default["default"]((_a = {}, _a[styles$V['MetricInput']] = true, _a[styles$V["MetricInput--" + size]] = size, _a[styles$V['MetricInput--disabled']] = disabled, _a[styles$V['MetricInput--readOnly']] = readOnly, _a[styles$V['MetricInput--error']] = error, _a), className);
|
|
5862
|
-
var inputClass = classNames__default["default"]((_b = {}, _b[styles$V['MetricInput-input']] = true, _b[styles$U['MetricInput-input']] = true, _b[styles$V["MetricInput-input--" + size]] = size, _b[
|
|
5880
|
+
var inputClass = classNames__default["default"]((_b = {}, _b[styles$V['MetricInput-input']] = true, _b[styles$U['MetricInput-input']] = true, _b[styles$V["MetricInput-input--" + size]] = size, _b['mr-4'] = !suffix && !showActionButton && size === 'small', _b['mr-5'] = !suffix && !showActionButton && size === 'regular', _b['mr-6'] = !suffix && !showActionButton && size === 'large', _b));
|
|
5863
5881
|
var iconClass = classNames__default["default"]((_c = {}, _c[styles$V['MetricInput-icon']] = true, _c[styles$V["MetricInput-icon--" + size]] = size, _c));
|
|
5864
|
-
var prefixClass = classNames__default["default"]((_d = {}, _d['mr-4'] = size === 'regular', _d['mr-5'] = size
|
|
5865
|
-
var suffixClass = classNames__default["default"]((_e = {}, _e['ml-4 mr-
|
|
5866
|
-
var
|
|
5882
|
+
var prefixClass = classNames__default["default"]((_d = {}, _d['mr-4'] = size === 'regular' || size === 'small', _d['mr-5'] = size === 'large', _d));
|
|
5883
|
+
var suffixClass = classNames__default["default"]((_e = {}, _e['ml-4 mr-4'] = size === 'regular' || size === 'small', _e['mx-5'] = size === 'large', _e));
|
|
5884
|
+
var arrowIconsClass = classNames__default["default"]((_f = {}, _f[styles$V['MetricInput-arrowIcons']] = true, _f[styles$V["MetricInput-arrowIcons--" + size]] = size, _f['ml-3'] = showActionButton && !suffix, _f));
|
|
5885
|
+
var arrowButtonClass = classNames__default["default"]((_g = {}, _g[styles$V['MetricInput-arrowButton']] = true, _g));
|
|
5886
|
+
var actionButtonIconSize = actionButtonIconSizeMapping[size];
|
|
5867
5887
|
var onChangeHandler = function onChangeHandler(e) {
|
|
5868
5888
|
if (isUncontrolled) {
|
|
5869
5889
|
setValue(e.target.value);
|
|
@@ -5911,7 +5931,6 @@
|
|
|
5911
5931
|
onKeyDownHandler(e);
|
|
5912
5932
|
}
|
|
5913
5933
|
};
|
|
5914
|
-
var actionButtonSize = size === 'large' ? 'regular' : 'tiny';
|
|
5915
5934
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
5916
5935
|
"data-test": "DesignSystem-MetricInputWrapper",
|
|
5917
5936
|
className: classes,
|
|
@@ -5952,26 +5971,30 @@
|
|
|
5952
5971
|
size: size,
|
|
5953
5972
|
appearance: "subtle"
|
|
5954
5973
|
}, suffix)), showActionButton && (/*#__PURE__*/React__namespace.createElement("div", {
|
|
5955
|
-
className:
|
|
5956
|
-
}, /*#__PURE__*/React__namespace.createElement(
|
|
5974
|
+
className: arrowIconsClass
|
|
5975
|
+
}, /*#__PURE__*/React__namespace.createElement("button", {
|
|
5957
5976
|
type: "button",
|
|
5958
|
-
|
|
5959
|
-
size: actionButtonSize,
|
|
5960
|
-
className: actionButton + " mb-2",
|
|
5977
|
+
className: arrowButtonClass + " border-bottom",
|
|
5961
5978
|
onClick: function onClick(e) {
|
|
5962
5979
|
return onArrowClick(e, 'up');
|
|
5963
5980
|
},
|
|
5981
|
+
"aria-label": "Increment value",
|
|
5964
5982
|
"data-test": "DesignSystem-MetricInput--upIcon"
|
|
5965
|
-
}
|
|
5983
|
+
}, /*#__PURE__*/React__namespace.createElement(Icon, {
|
|
5984
|
+
name: "keyboard_arrow_up",
|
|
5985
|
+
size: actionButtonIconSize
|
|
5986
|
+
})), /*#__PURE__*/React__namespace.createElement("button", {
|
|
5966
5987
|
type: "button",
|
|
5967
|
-
|
|
5968
|
-
size: actionButtonSize,
|
|
5969
|
-
className: actionButton,
|
|
5988
|
+
className: arrowButtonClass + " border-bottom-0",
|
|
5970
5989
|
onClick: function onClick(e) {
|
|
5971
5990
|
return onArrowClick(e, 'down');
|
|
5972
5991
|
},
|
|
5992
|
+
"aria-label": "Decrement value",
|
|
5973
5993
|
"data-test": "DesignSystem-MetricInput--downIcon"
|
|
5974
|
-
}
|
|
5994
|
+
}, /*#__PURE__*/React__namespace.createElement(Icon, {
|
|
5995
|
+
name: "keyboard_arrow_down",
|
|
5996
|
+
size: actionButtonIconSize
|
|
5997
|
+
})))));
|
|
5975
5998
|
});
|
|
5976
5999
|
MetricInput.displayName = 'MetricInput';
|
|
5977
6000
|
|
|
@@ -6276,12 +6299,12 @@
|
|
|
6276
6299
|
};
|
|
6277
6300
|
var X = InputMask;
|
|
6278
6301
|
|
|
6279
|
-
var css_248z$W = "/* Label */\n.label-module-Label--OmlF-4-
|
|
6280
|
-
var styles$T = {"Label":"label-module-Label--OmlF-4-
|
|
6302
|
+
var css_248z$W = "/* Label */\n.label-module-Label--OmlF-4-13-0 {\n display: inline-flex;\n}\n.label-module-Label--small-pPJnY-4-13-0 {\n font-size: var(--font-size-s);\n}\n\n.label-module-Label--withInput-RWqFC-4-13-0 {\n margin-bottom: var(--spacing-10);\n}\n\n.label-module-Label--optional-25o6w-4-13-0 {\n align-items: center;\n}\n\n.label-module-Label-text-SI451-4-13-0 {\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n word-break: break-word;\n}\n\n.label-module-Label-optionalText-BxJ0x-4-13-0 {\n line-height: var(--font-height-s);\n margin-left: var(--spacing-10);\n}\n\n.label-module-Label-optionalText--small-hQbks-4-13-0 {\n font-size: var(--font-size-s);\n}\n\n.label-module-Label--disabled-06XI--4-13-0 {\n color: var(--text-disabled);\n}\n\n.label-module-Label-requiredIndicator-4Cxyi-4-13-0 {\n height: var(--spacing-15);\n width: var(--spacing-15);\n border-radius: var(--border-radius-full);\n background: var(--alert);\n margin-left: var(--spacing-10);\n margin-bottom: var(--spacing-15);\n display: inline-flex;\n}\n";
|
|
6303
|
+
var styles$T = {"Label":"label-module-Label--OmlF-4-13-0","Label--small":"label-module-Label--small-pPJnY-4-13-0","Label--withInput":"label-module-Label--withInput-RWqFC-4-13-0","Label--optional":"label-module-Label--optional-25o6w-4-13-0","Label-text":"label-module-Label-text-SI451-4-13-0","Label-optionalText":"label-module-Label-optionalText-BxJ0x-4-13-0","Label-optionalText--small":"label-module-Label-optionalText--small-hQbks-4-13-0","Label--disabled":"label-module-Label--disabled-06XI--4-13-0","Label-requiredIndicator":"label-module-Label-requiredIndicator-4Cxyi-4-13-0"};
|
|
6281
6304
|
styleInject$1(css_248z$W);
|
|
6282
6305
|
|
|
6283
6306
|
var Label = function Label(props) {
|
|
6284
|
-
var _a, _b;
|
|
6307
|
+
var _a, _b, _c;
|
|
6285
6308
|
var required = props.required,
|
|
6286
6309
|
optional = props.optional,
|
|
6287
6310
|
withInput = props.withInput,
|
|
@@ -6289,10 +6312,13 @@
|
|
|
6289
6312
|
children = props.children,
|
|
6290
6313
|
className = props.className,
|
|
6291
6314
|
info = props.info,
|
|
6292
|
-
|
|
6315
|
+
_d = props.size,
|
|
6316
|
+
size = _d === void 0 ? 'regular' : _d,
|
|
6317
|
+
rest = __rest(props, ["required", "optional", "withInput", "disabled", "children", "className", "info", "size"]);
|
|
6293
6318
|
var baseProps = extractBaseProps(props);
|
|
6294
6319
|
var LabelClass = classNames__default["default"]((_a = {}, _a[styles$T.Label] = true, _a[styles$T['Label--withInput']] = withInput, _a[styles$T['Label--optional']] = optional, _a), className);
|
|
6295
|
-
var classes = classNames__default["default"]((_b = {}, _b[styles$T['Label-text']] = true, _b[styles$T['Label--disabled']] = disabled, _b));
|
|
6320
|
+
var classes = classNames__default["default"]((_b = {}, _b[styles$T['Label-text']] = true, _b[styles$T['Label--disabled']] = disabled, _b[styles$T['Label--small']] = size && size === 'small', _b));
|
|
6321
|
+
var OptionalClasses = classNames__default["default"]((_c = {}, _c[styles$T['Label-optionalText']] = true, _c[styles$T['Label-optionalText--small']] = size && size === 'small', _c));
|
|
6296
6322
|
var renderInfo = function renderInfo(isRequired, isOptional) {
|
|
6297
6323
|
if (isRequired === void 0) {
|
|
6298
6324
|
isRequired = false;
|
|
@@ -6307,7 +6333,7 @@
|
|
|
6307
6333
|
return /*#__PURE__*/React__namespace.createElement(Text, {
|
|
6308
6334
|
"data-test": "DesignSystem-Label--OptionalText",
|
|
6309
6335
|
appearance: "subtle",
|
|
6310
|
-
className:
|
|
6336
|
+
className: OptionalClasses
|
|
6311
6337
|
}, "(optional)");
|
|
6312
6338
|
}
|
|
6313
6339
|
return null;
|
|
@@ -6335,8 +6361,8 @@
|
|
|
6335
6361
|
};
|
|
6336
6362
|
Label.displayName = 'Label';
|
|
6337
6363
|
|
|
6338
|
-
var css_248z$V = "/* Caption */\n.caption-module-Caption-x0-4O-4-
|
|
6339
|
-
var styles$S = {"Caption":"caption-module-Caption-x0-4O-4-
|
|
6364
|
+
var css_248z$V = "/* Caption */\n.caption-module-Caption-x0-4O-4-13-0 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.caption-module-Caption--withInput-USihh-4-13-0 {\n margin-top: var(--spacing-10);\n}\n\n.caption-module-Caption-icon-BVGQm-4-13-0 {\n display: flex;\n align-content: center;\n margin-right: var(--spacing-10);\n}\n\n.caption-module-Caption--hidden-C-EcV-4-13-0 {\n display: none;\n}\n";
|
|
6365
|
+
var styles$S = {"Caption":"caption-module-Caption-x0-4O-4-13-0","Caption--withInput":"caption-module-Caption--withInput-USihh-4-13-0","Caption-icon":"caption-module-Caption-icon-BVGQm-4-13-0","Caption--hidden":"caption-module-Caption--hidden-C-EcV-4-13-0"};
|
|
6340
6366
|
styleInject$1(css_248z$V);
|
|
6341
6367
|
|
|
6342
6368
|
var Caption = function Caption(props) {
|
|
@@ -6366,8 +6392,8 @@
|
|
|
6366
6392
|
};
|
|
6367
6393
|
Caption.displayName = 'Caption';
|
|
6368
6394
|
|
|
6369
|
-
var css_248z$U = ".legend-module-Legend--0IVR-4-
|
|
6370
|
-
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-
|
|
6395
|
+
var css_248z$U = ".legend-module-Legend--0IVR-4-13-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-13-0 {\n border-radius: var(--border-radius-05);\n margin-right: var(--spacing-20);\n}\n";
|
|
6396
|
+
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-13-0","Legend-icon":"legend-module-Legend-icon-AAtts-4-13-0"};
|
|
6371
6397
|
styleInject$1(css_248z$U);
|
|
6372
6398
|
|
|
6373
6399
|
var Legend = function Legend(props) {
|
|
@@ -6440,8 +6466,8 @@
|
|
|
6440
6466
|
};
|
|
6441
6467
|
Editable.displayName = 'Editable';
|
|
6442
6468
|
|
|
6443
|
-
var css_248z$T = ".editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
6444
|
-
var styles$R = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
6469
|
+
var css_248z$T = ".editableDropdown-module-EditableDropdown-8s4sE-4-13-0 {\n width: 100%;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-13-0 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n height: var(--spacing-80);\n padding-left: var(--spacing-30);\n}\n";
|
|
6470
|
+
var styles$R = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-13-0","EditableDropdown-default":"editableDropdown-module-EditableDropdown-default-YIYT0-4-13-0"};
|
|
6445
6471
|
styleInject$1(css_248z$T);
|
|
6446
6472
|
|
|
6447
6473
|
var EditableDropdown = function EditableDropdown(props) {
|
|
@@ -6520,8 +6546,8 @@
|
|
|
6520
6546
|
dropdownOptions: {}
|
|
6521
6547
|
};
|
|
6522
6548
|
|
|
6523
|
-
var css_248z$S = ".link-module-Link-MwjNx-4-
|
|
6524
|
-
var styles$Q = {"Link":"link-module-Link-MwjNx-4-
|
|
6549
|
+
var css_248z$S = ".link-module-Link-MwjNx-4-13-0 {\n text-decoration: none;\n font-weight: var(--font-weight-medium);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n box-sizing: border-box;\n border-bottom: var(--border-width-2-5) solid transparent;\n}\n\n.link-module-Link-MwjNx-4-13-0:focus-visible {\n outline: none;\n}\n\n.link-module-Link--regular-hKQMh-4-13-0 {\n font-size: var(--font-size);\n height: var(--font-height);\n}\n\n.link-module-Link--tiny-5Wp1N-4-13-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-13-0 {\n color: var(--text-link);\n}\n\n.link-module-Link--subtle-RjZLu-4-13-0 {\n color: var(--inverse-lighter);\n}\n\n.link-module-Link--default-dCI0C-4-13-0:hover {\n border-bottom: var(--border-width-2-5) solid var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.link-module-Link--subtle-RjZLu-4-13-0:hover {\n border-bottom: var(--border-width-2-5) solid var(--inverse-light);\n color: var(--inverse-light);\n}\n\n.link-module-Link--default-dCI0C-4-13-0:active {\n color: var(--primary-darker);\n border: none;\n}\n\n.link-module-Link--subtle-RjZLu-4-13-0:active {\n color: var(--inverse);\n border: none;\n}\n\n.link-module-Link--default-dCI0C-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n border-radius: var(--border-radius-10);\n}\n\n.link-module-Link--subtle-RjZLu-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n border-radius: var(--border-radius-10);\n}\n\n.link-module-Link--default-disabled-4AGTL-4-13-0 {\n color: var(--primary-lighter);\n pointer-events: none;\n}\n\n.link-module-Link--subtle-disabled-jeH3g-4-13-0 {\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n";
|
|
6550
|
+
var styles$Q = {"Link":"link-module-Link-MwjNx-4-13-0","Link--regular":"link-module-Link--regular-hKQMh-4-13-0","Link--tiny":"link-module-Link--tiny-5Wp1N-4-13-0","Link--default":"link-module-Link--default-dCI0C-4-13-0","Link--subtle":"link-module-Link--subtle-RjZLu-4-13-0","Link--default-disabled":"link-module-Link--default-disabled-4AGTL-4-13-0","Link--subtle-disabled":"link-module-Link--subtle-disabled-jeH3g-4-13-0"};
|
|
6525
6551
|
styleInject$1(css_248z$S);
|
|
6526
6552
|
|
|
6527
6553
|
var Link = function Link(props) {
|
|
@@ -6547,8 +6573,8 @@
|
|
|
6547
6573
|
disabled: false
|
|
6548
6574
|
};
|
|
6549
6575
|
|
|
6550
|
-
var css_248z$R = ".message-module-Message-5m7p--4-
|
|
6551
|
-
var styles$P = {"Message":"message-module-Message-5m7p--4-
|
|
6576
|
+
var css_248z$R = ".message-module-Message-5m7p--4-13-0 {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n padding: var(--spacing-30) var(--spacing-60) var(--spacing-30) var(--spacing-40);\n border: var(--border-width-2-5) solid;\n width: 100%;\n border-radius: var(--border-radius-10);\n box-sizing: border-box;\n}\n\n.message-module-Message--small-AOGUY-4-13-0 {\n padding: var(--spacing-20);\n}\n\n.message-module-Message--alert-VltpF-4-13-0 {\n border-color: var(--alert);\n background-color: rgba(217, 55, 55, 0.04);\n}\n\n.message-module-Message--success-8AZFe-4-13-0 {\n border-color: var(--success);\n background-color: rgba(46, 168, 67, 0.04);\n}\n\n.message-module-Message--info-N9C6k-4-13-0 {\n border-color: var(--primary);\n background-color: rgba(0, 112, 221, 0.04);\n}\n\n.message-module-Message--warning-sPwHB-4-13-0 {\n border-color: var(--accent1);\n background-color: rgba(240, 125, 0, 0.04);\n}\n\n.message-module-Message-icon--regular-t4xyh-4-13-0 {\n margin-right: var(--spacing-40);\n padding-top: var(--spacing-05);\n}\n\n.message-module-Message-icon--small-mS-r9-4-13-0 {\n margin-right: var(--spacing-20);\n padding-top: var(--spacing-05) !important;\n}\n\n.message-module-Message-icon--withTitle-l6DPU-4-13-0 {\n padding-top: var(--spacing-10);\n}\n\n.message-module-Message-icon--warning-IglaC-4-13-0 {\n color: var(--accent1);\n}\n\n.message-module-Message-heading--regular-TF8fn-4-13-0 {\n margin-bottom: var(--spacing-10);\n}\n\n.message-module-Message-heading--small-f4Ij3-4-13-0 {\n font-size: var(--font-size);\n line-height: var(--font-height);\n margin-bottom: var(--spacing-05);\n}\n\n.message-module-Message-text--small-dsMhm-4-13-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.message-module-Message-heading--alert--cn2r-4-13-0,\n.message-module-Message-text--alert-a8T-5-4-13-0 {\n color: var(--alert-darker) !important;\n}\n\n.message-module-Message-heading--info--Uzim-4-13-0,\n.message-module-Message-text--info-94pB0-4-13-0 {\n color: var(--primary-darker) !important;\n}\n\n.message-module-Message-heading--success-qk8Ep-4-13-0,\n.message-module-Message-text--success-hlaXA-4-13-0 {\n color: var(--success-darker) !important;\n}\n\n.message-module-Message-heading--warning-OWfuJ-4-13-0,\n.message-module-Message-text--warning-tPSB8-4-13-0 {\n color: var(--accent1-darker) !important;\n}\n\n.message-module-Message-actions-5bFUf-4-13-0 {\n display: flex;\n align-items: center;\n}\n\n.message-module-Message-actions--regular-04ICc-4-13-0 {\n margin-top: var(--spacing-30);\n}\n\n.message-module-Message-actions--small-Hj3w0-4-13-0 {\n margin-top: var(--spacing-10);\n}\n";
|
|
6577
|
+
var styles$P = {"Message":"message-module-Message-5m7p--4-13-0","Message--small":"message-module-Message--small-AOGUY-4-13-0","Message--alert":"message-module-Message--alert-VltpF-4-13-0","Message--success":"message-module-Message--success-8AZFe-4-13-0","Message--info":"message-module-Message--info-N9C6k-4-13-0","Message--warning":"message-module-Message--warning-sPwHB-4-13-0","Message-icon--regular":"message-module-Message-icon--regular-t4xyh-4-13-0","Message-icon--small":"message-module-Message-icon--small-mS-r9-4-13-0","Message-icon--withTitle":"message-module-Message-icon--withTitle-l6DPU-4-13-0","Message-icon--warning":"message-module-Message-icon--warning-IglaC-4-13-0","Message-heading--regular":"message-module-Message-heading--regular-TF8fn-4-13-0","Message-heading--small":"message-module-Message-heading--small-f4Ij3-4-13-0","Message-text--small":"message-module-Message-text--small-dsMhm-4-13-0","Message-heading--alert":"message-module-Message-heading--alert--cn2r-4-13-0","Message-text--alert":"message-module-Message-text--alert-a8T-5-4-13-0","Message-heading--info":"message-module-Message-heading--info--Uzim-4-13-0","Message-text--info":"message-module-Message-text--info-94pB0-4-13-0","Message-heading--success":"message-module-Message-heading--success-qk8Ep-4-13-0","Message-text--success":"message-module-Message-text--success-hlaXA-4-13-0","Message-heading--warning":"message-module-Message-heading--warning-OWfuJ-4-13-0","Message-text--warning":"message-module-Message-text--warning-tPSB8-4-13-0","Message-actions":"message-module-Message-actions-5bFUf-4-13-0","Message-actions--regular":"message-module-Message-actions--regular-04ICc-4-13-0","Message-actions--small":"message-module-Message-actions--small-Hj3w0-4-13-0"};
|
|
6552
6578
|
styleInject$1(css_248z$R);
|
|
6553
6579
|
|
|
6554
6580
|
var IconMapping$2 = {
|
|
@@ -6558,17 +6584,20 @@
|
|
|
6558
6584
|
alert: 'error'
|
|
6559
6585
|
};
|
|
6560
6586
|
var Message = function Message(props) {
|
|
6561
|
-
var _a, _b, _c, _d;
|
|
6587
|
+
var _a, _b, _c, _d, _e;
|
|
6562
6588
|
var actions = props.actions,
|
|
6563
6589
|
title = props.title,
|
|
6564
|
-
className = props.className
|
|
6590
|
+
className = props.className,
|
|
6591
|
+
_f = props.size,
|
|
6592
|
+
size = _f === void 0 ? 'regular' : _f;
|
|
6565
6593
|
var appearance = props.appearance;
|
|
6566
6594
|
appearance = appearance === 'default' ? 'info' : appearance;
|
|
6567
6595
|
var baseProps = extractBaseProps(props);
|
|
6568
|
-
var MessageClass = classNames__default["default"]((_a = {}, _a[styles$P['Message']] = true, _a[styles$P["Message--" + appearance]] = appearance, _a), className);
|
|
6569
|
-
var IconClass = classNames__default["default"]((_b = {}, _b[styles$P[
|
|
6570
|
-
var TitleClass = classNames__default["default"]((_c = {}, _c[styles$P[
|
|
6571
|
-
var DescriptionClass = classNames__default["default"]((_d = {}, _d[styles$P[
|
|
6596
|
+
var MessageClass = classNames__default["default"]((_a = {}, _a[styles$P['Message']] = true, _a[styles$P["Message--" + appearance]] = appearance, _a[styles$P["Message--" + size]] = size && size === 'small', _a), className);
|
|
6597
|
+
var IconClass = classNames__default["default"]((_b = {}, _b[styles$P["Message-icon--" + appearance]] = appearance, _b[styles$P["Message-icon--" + size]] = size, _b[styles$P['Message-icon--withTitle']] = title, _b));
|
|
6598
|
+
var TitleClass = classNames__default["default"]((_c = {}, _c[styles$P["Message-heading--" + appearance]] = appearance, _c[styles$P["Message-heading--" + size]] = size, _c));
|
|
6599
|
+
var DescriptionClass = classNames__default["default"]((_d = {}, _d[styles$P["Message-text--" + appearance]] = appearance, _d[styles$P["Message-text--" + size]] = size, _d));
|
|
6600
|
+
var ActionsClass = classNames__default["default"]((_e = {}, _e[styles$P['Message-actions']] = true, _e[styles$P["Message-actions--" + size]] = size, _e));
|
|
6572
6601
|
var renderDescription = function renderDescription(description, children) {
|
|
6573
6602
|
if (description || typeof children === 'string') {
|
|
6574
6603
|
return /*#__PURE__*/React__namespace.createElement(Text, {
|
|
@@ -6591,6 +6620,7 @@
|
|
|
6591
6620
|
}), /*#__PURE__*/React__namespace.createElement(Icon, {
|
|
6592
6621
|
"data-test": "DesignSystem-Message--Icon",
|
|
6593
6622
|
name: IconMapping$2[appearance],
|
|
6623
|
+
size: size === 'small' ? 14 : 16,
|
|
6594
6624
|
appearance: appearance,
|
|
6595
6625
|
className: IconClass
|
|
6596
6626
|
}), /*#__PURE__*/React__namespace.createElement("div", null, title && (/*#__PURE__*/React__namespace.createElement(Heading, {
|
|
@@ -6599,7 +6629,7 @@
|
|
|
6599
6629
|
className: TitleClass
|
|
6600
6630
|
}, title)), renderDescription(props.description, props.children), actions && (/*#__PURE__*/React__namespace.createElement("div", {
|
|
6601
6631
|
"data-test": "DesignSystem-Message--actions",
|
|
6602
|
-
className:
|
|
6632
|
+
className: ActionsClass
|
|
6603
6633
|
}, actions))));
|
|
6604
6634
|
};
|
|
6605
6635
|
Message.displayName = 'Message';
|
|
@@ -6608,8 +6638,8 @@
|
|
|
6608
6638
|
description: ''
|
|
6609
6639
|
};
|
|
6610
6640
|
|
|
6611
|
-
var css_248z$Q = ".metaList-module-Meta-dNPqh-4-
|
|
6612
|
-
var styles$O = {"Meta":"metaList-module-Meta-dNPqh-4-
|
|
6641
|
+
var css_248z$Q = ".metaList-module-Meta-dNPqh-4-13-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-13-0 {\n margin-left: var(--spacing-20);\n}\n.metaList-module-MetaList-seperator--left-eKtN8-4-13-0 {\n margin-right: var(--spacing-10);\n}\n.metaList-module-Meta-icon-JwRHR-4-13-0 {\n padding-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n.metaList-module-MetaList-rB1dP-4-13-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-13-0 {\n margin: 0 var(--spacing-10);\n display: flex;\n flex-direction: row;\n align-items: center;\n width: -moz-fit-content;\n width: fit-content;\n font-size: var(--font-size);\n}\n\n.metaList-module-MetaList-item-S2e6p-4-13-0:first-child {\n margin-left: 0;\n}\n\n.metaList-module-MetaList-item-S2e6p-4-13-0:last-child {\n margin-right: 0;\n}\n";
|
|
6642
|
+
var styles$O = {"Meta":"metaList-module-Meta-dNPqh-4-13-0","MetaList-seperator":"metaList-module-MetaList-seperator-mjgNU-4-13-0","MetaList-seperator--left":"metaList-module-MetaList-seperator--left-eKtN8-4-13-0","Meta-icon":"metaList-module-Meta-icon-JwRHR-4-13-0","MetaList":"metaList-module-MetaList-rB1dP-4-13-0","MetaList-item":"metaList-module-MetaList-item-S2e6p-4-13-0"};
|
|
6613
6643
|
styleInject$1(css_248z$Q);
|
|
6614
6644
|
|
|
6615
6645
|
var Meta = function Meta(props) {
|
|
@@ -6742,12 +6772,12 @@
|
|
|
6742
6772
|
return element != null && element.type != null;
|
|
6743
6773
|
}
|
|
6744
6774
|
|
|
6745
|
-
var css_248z$P = ".slider-module-Slider-6TikH-4-
|
|
6746
|
-
var styles$N = {"Slider":"slider-module-Slider-6TikH-4-
|
|
6775
|
+
var css_248z$P = ".slider-module-Slider-6TikH-4-13-0 {\n width: 100%;\n}\n\n.slider-module-Slider-wrapper-WM2J6-4-13-0 {\n position: relative;\n outline: none;\n cursor: pointer;\n}\n\n.slider-module-Slider-wrapper--disabled-NHJzG-4-13-0 {\n cursor: not-allowed;\n}\n\n.slider-module-Slider-track-d76a8-4-13-0 {\n border-radius: var(--border-radius-10);\n height: var(--spacing-40);\n display: flex;\n align-items: center;\n overflow: hidden;\n}\n\n.slider-module-Slider-progress-371yB-4-13-0 {\n background: var(--secondary-lighter);\n height: var(--spacing-05);\n box-sizing: border-box;\n border-radius: var(--border-radius-05);\n}\n\n.slider-module-Slider-progress--inRange-GkXBe-4-13-0 {\n background: var(--primary);\n}\n\n.slider-module-Slider-progress--inRangeDisabled-zUebN-4-13-0 {\n border: var(--border);\n}\n\n.slider-module-Slider-label-hbyPe-4-13-0 {\n margin-top: var(--spacing-10);\n transform: translate(-50%, 0px);\n display: flex;\n align-items: center;\n flex-direction: column;\n position: absolute;\n -webkit-user-select: none;\n user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n}\n\n.slider-module-Slider-ticks-J8lu0-4-13-0 {\n width: var(--spacing-05);\n height: var(--spacing-10);\n border-radius: var(--border-radius-2-5);\n background-color: var(--secondary-dark);\n}\n\n.slider-module-Slider-tooltip--visible-O3adL-4-13-0 {\n visibility: visible;\n}\n\n.slider-module-Slider-tooltip--hidden--RxsH-4-13-0 {\n visibility: hidden;\n}\n\n.slider-module-Slider-tooltip-GGohr-4-13-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-13-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n position: absolute;\n left: 0;\n top: 0;\n border-radius: var(--border-radius-full);\n background-color: var(--white);\n border: var(--border-width-05) solid var(--primary);\n box-shadow: var(--shadow-s);\n cursor: pointer;\n box-sizing: border-box;\n outline: none;\n display: flex;\n transition: border var(--duration--fast-01) var(--standard-productive-curve),\n background-color var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-13-0:hover {\n background-color: var(--primary-lightest);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-13-0:active {\n background-color: var(--primary);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-13-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-13-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-13-0:focus {\n box-shadow: none;\n}\n";
|
|
6776
|
+
var styles$N = {"Slider":"slider-module-Slider-6TikH-4-13-0","Slider-wrapper":"slider-module-Slider-wrapper-WM2J6-4-13-0","Slider-wrapper--disabled":"slider-module-Slider-wrapper--disabled-NHJzG-4-13-0","Slider-track":"slider-module-Slider-track-d76a8-4-13-0","Slider-progress":"slider-module-Slider-progress-371yB-4-13-0","Slider-progress--inRange":"slider-module-Slider-progress--inRange-GkXBe-4-13-0","Slider-progress--inRangeDisabled":"slider-module-Slider-progress--inRangeDisabled-zUebN-4-13-0","Slider-label":"slider-module-Slider-label-hbyPe-4-13-0","Slider-ticks":"slider-module-Slider-ticks-J8lu0-4-13-0","Slider-tooltip--visible":"slider-module-Slider-tooltip--visible-O3adL-4-13-0","Slider-tooltip--hidden":"slider-module-Slider-tooltip--hidden--RxsH-4-13-0","Slider-tooltip":"slider-module-Slider-tooltip-GGohr-4-13-0","Slider-handle":"slider-module-Slider-handle-WSP0Z-4-13-0","Slider-handle--disabled":"slider-module-Slider-handle--disabled-SdL-F-4-13-0"};
|
|
6747
6777
|
styleInject$1(css_248z$P);
|
|
6748
6778
|
|
|
6749
|
-
var css_248z$O = ".tooltip-module-Tooltip-BzFZs-4-
|
|
6750
|
-
var styles$M = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-
|
|
6779
|
+
var css_248z$O = ".tooltip-module-Tooltip-BzFZs-4-13-0 {\n max-width: var(--spacing-640);\n padding: var(--spacing-10) var(--spacing-20);\n border-radius: var(--border-radius-10);\n z-index: 500;\n background: var(--inverse);\n overflow: hidden;\n box-sizing: border-box;\n transition: opacity 120ms;\n transition-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n}\n\n.tooltip-module-Tooltip--small-WsdO5-4-13-0 {\n line-height: var(--font-height-s);\n}\n\n.tooltip-module-Tooltip-text-tDwJG-4-13-0 {\n word-break: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n\n@keyframes tooltip-module-tooltip-open-top-VGviE-4-13-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-13-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-13-0 {\n animation: tooltip-module-tooltip-open-top-VGviE-4-13-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-13-0 {\n animation: tooltip-module-tooltip-close-top-xSYx8-4-13-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n@keyframes tooltip-module-tooltip-open-bottom-aJGl9-4-13-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-13-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-13-0 {\n animation: tooltip-module-tooltip-open-bottom-aJGl9-4-13-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-13-0 {\n animation: tooltip-module-tooltip-close-bottom-eYZve-4-13-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-left-s3-1K-4-13-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-13-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-13-0 {\n animation: tooltip-module-tooltip-open-left-s3-1K-4-13-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-left-vH8jz-4-13-0 {\n animation: tooltip-module-tooltip-close-left-yNuIX-4-13-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-right-Ia-cr-4-13-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-13-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-13-0 {\n animation: tooltip-module-tooltip-open-right-Ia-cr-4-13-0 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-right-KMa4x-4-13-0 {\n animation: tooltip-module-tooltip-close-right-yOe2m-4-13-0 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.tooltip-module-Tooltip-container-iDy8C-4-13-0 {\n transition-delay: 400ms;\n animation-delay: 400ms;\n}\n";
|
|
6780
|
+
var styles$M = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-13-0","Tooltip--small":"tooltip-module-Tooltip--small-WsdO5-4-13-0","Tooltip-text":"tooltip-module-Tooltip-text-tDwJG-4-13-0","Tooltip-animation-open-top":"tooltip-module-Tooltip-animation-open-top-D0Bht-4-13-0","tooltip-open-top":"tooltip-module-tooltip-open-top-VGviE-4-13-0","Tooltip-animation-close-top":"tooltip-module-Tooltip-animation-close-top-p--Cg-4-13-0","tooltip-close-top":"tooltip-module-tooltip-close-top-xSYx8-4-13-0","Tooltip-animation-open-bottom":"tooltip-module-Tooltip-animation-open-bottom-WKD5b-4-13-0","tooltip-open-bottom":"tooltip-module-tooltip-open-bottom-aJGl9-4-13-0","Tooltip-animation-close-bottom":"tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-13-0","tooltip-close-bottom":"tooltip-module-tooltip-close-bottom-eYZve-4-13-0","Tooltip-animation-open-left":"tooltip-module-Tooltip-animation-open-left-cZNy6-4-13-0","tooltip-open-left":"tooltip-module-tooltip-open-left-s3-1K-4-13-0","Tooltip-animation-close-left":"tooltip-module-Tooltip-animation-close-left-vH8jz-4-13-0","tooltip-close-left":"tooltip-module-tooltip-close-left-yNuIX-4-13-0","Tooltip-animation-open-right":"tooltip-module-Tooltip-animation-open-right-PzfHz-4-13-0","tooltip-open-right":"tooltip-module-tooltip-open-right-Ia-cr-4-13-0","Tooltip-animation-close-right":"tooltip-module-Tooltip-animation-close-right-KMa4x-4-13-0","tooltip-close-right":"tooltip-module-tooltip-close-right-yOe2m-4-13-0","Tooltip-container":"tooltip-module-Tooltip-container-iDy8C-4-13-0"};
|
|
6751
6781
|
styleInject$1(css_248z$O);
|
|
6752
6782
|
|
|
6753
6783
|
var Handle = function (_super) {
|
|
@@ -7316,8 +7346,8 @@
|
|
|
7316
7346
|
appearance: 'default'
|
|
7317
7347
|
};
|
|
7318
7348
|
|
|
7319
|
-
var css_248z$N = ".progressBar-module-ProgressBar-I9SrG-4-
|
|
7320
|
-
var styles$L = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-
|
|
7349
|
+
var css_248z$N = ".progressBar-module-ProgressBar-I9SrG-4-13-0 {\n width: 100%;\n border-radius: var(--border-radius-10);\n background: var(--secondary-lighter);\n}\n\n.progressBar-module-ProgressBar-indicator-Wk5Cj-4-13-0 {\n background-color: var(--primary);\n border-radius: var(--border-radius-10);\n transition: var(--duration--slow-01) var(--standard-expressive-curve);\n height: 100%;\n}\n\n.progressBar-module-ProgressBar-indicator--small-3qwXo-4-13-0 {\n height: var(--spacing-10);\n}\n\n.progressBar-module-ProgressBar-indicator--regular-XWwir-4-13-0 {\n height: var(--spacing-20);\n}\n\n.progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-13-0 {\n background-color: var(--primary);\n border-radius: var(--border-radius-10);\n position: absolute;\n bottom: 0;\n top: 0;\n width: 32%;\n animation: progressBar-module-indeterminate-progress-bar-WrhBP-4-13-0 1.4s infinite linear;\n}\n\n@keyframes progressBar-module-indeterminate-progress-bar-WrhBP-4-13-0 {\n from {\n left: -32%;\n }\n to {\n left: 100%;\n }\n}\n";
|
|
7350
|
+
var styles$L = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-13-0","ProgressBar-indicator":"progressBar-module-ProgressBar-indicator-Wk5Cj-4-13-0","ProgressBar-indicator--small":"progressBar-module-ProgressBar-indicator--small-3qwXo-4-13-0","ProgressBar-indicator--regular":"progressBar-module-ProgressBar-indicator--regular-XWwir-4-13-0","ProgressBar-indicator--indeterminate":"progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-13-0","indeterminate-progress-bar":"progressBar-module-indeterminate-progress-bar-WrhBP-4-13-0"};
|
|
7321
7351
|
styleInject$1(css_248z$N);
|
|
7322
7352
|
|
|
7323
7353
|
var ProgressBar = function ProgressBar(props) {
|
|
@@ -7350,8 +7380,8 @@
|
|
|
7350
7380
|
state: 'default'
|
|
7351
7381
|
};
|
|
7352
7382
|
|
|
7353
|
-
var css_248z$M = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-
|
|
7354
|
-
var styles$K = {"Radio":"radio-module-Radio-sJTSN-4-
|
|
7383
|
+
var css_248z$M = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-13-0 {\n display: flex;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.radio-module-Radio-outerWrapper-y7yec-4-13-0 {\n position: relative;\n flex-shrink: 0;\n margin-top: var(--spacing-05);\n}\n\n.radio-module-Radio-defaultWrapper-42-VN-4-13-0 {\n border: var(--border);\n}\n\n.radio-module-Radio-errorWrapper-EIko4-4-13-0 {\n border: var(--border);\n border-color: var(--alert);\n}\n\n.radio-module-Radio-outerWrapper--regular-GAbrZ-4-13-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.radio-module-Radio-outerWrapper--tiny-ICX4H-4-13-0 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.radio-module-Radio-input-tMZXc-4-13-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-13-0 {\n padding-left: var(--spacing-20);\n display: flex;\n flex-direction: column;\n}\n\n.radio-module-Radio-Label-pyxfI-4-13-0 {\n display: flex;\n cursor: pointer;\n}\n\n.radio-module-Radio-wrapper-X9saa-4-13-0 {\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n position: absolute;\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n z-index: 1;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-13-0 {\n pointer-events: none;\n}\n\n.radio-module-Radio-sJTSN-4-13-0:hover .radio-module-Radio-wrapper-X9saa-4-13-0 {\n border: var(--border-width-2-5) solid var(--secondary-dark);\n background-color: var(--secondary-lighter);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:active .radio-module-Radio-wrapper-X9saa-4-13-0 {\n background-color: var(--secondary-light);\n border: var(--border-width-2-5) solid var(--inverse-lightest);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:hover .radio-module-Radio-errorWrapper-EIko4-4-13-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-13-0:active .radio-module-Radio-errorWrapper-EIko4-4-13-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-13-0:focus-within .radio-module-Radio-wrapper-X9saa-4-13-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n border-radius: var(--border-radius-full);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:focus-within .radio-module-Radio-errorWrapper-EIko4-4-13-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n border-radius: var(--border-radius-full);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:focus-within .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-13-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:focus-within .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-13-0 {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-13-0 .radio-module-Radio-wrapper-X9saa-4-13-0 {\n border: var(--border-width-2-5) solid var(--secondary-light);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-13-0 .radio-module-Radio-errorWrapper-EIko4-4-13-0 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-13-0 {\n border: var(--border-width-2-5) solid var(--primary);\n}\n\n.radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-13-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-13-0:after {\n display: block;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.radio-module-Radio-wrapper-X9saa-4-13-0:after {\n content: '';\n display: none;\n border-radius: var(--border-radius-full);\n background: var(--primary);\n}\n\n.radio-module-Radio-wrapper--regular-bCOY2-4-13-0:after {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.radio-module-Radio-wrapper--tiny-V-uaD-4-13-0:after {\n width: var(--spacing-10);\n height: var(--spacing-10);\n border: var(--border-width-2-5) solid var(--primary);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:hover .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-13-0 {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:hover .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-13-0:after {\n background: var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:hover .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-13-0:after {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:active .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-13-0 {\n background-color: var(--secondary-light);\n border: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:hover .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-13-0 {\n background-color: var(--secondary-lighter);\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:active .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-13-0 {\n background-color: var(--secondary-light);\n border: var(--border-width-2-5) solid var(--alert-darker);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:active .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-13-0:after {\n background: var(--primary-darker);\n}\n\n.radio-module-Radio-sJTSN-4-13-0:active .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-13-0:after {\n border: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-13-0 .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-13-0 {\n border: var(--border-width-2-5) solid var(--primary-lighter);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-13-0 .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-13-0 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-13-0 .radio-module-Radio-input-tMZXc-4-13-0:checked ~ .radio-module-Radio-wrapper-X9saa-4-13-0:after {\n background: var(--primary-lighter);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-13-0 .radio-module-Radio-input-tMZXc-4-13-0 ~ .radio-module-Radio-wrapper-X9saa-4-13-0:focus {\n box-shadow: none;\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-13-0 .radio-module-Radio-input-tMZXc-4-13-0 ~ .radio-module-Radio-errorWrapper-EIko4-4-13-0:focus {\n box-shadow: none;\n}\n";
|
|
7384
|
+
var styles$K = {"Radio":"radio-module-Radio-sJTSN-4-13-0","Radio-outerWrapper":"radio-module-Radio-outerWrapper-y7yec-4-13-0","Radio-defaultWrapper":"radio-module-Radio-defaultWrapper-42-VN-4-13-0","Radio-errorWrapper":"radio-module-Radio-errorWrapper-EIko4-4-13-0","Radio-outerWrapper--regular":"radio-module-Radio-outerWrapper--regular-GAbrZ-4-13-0","Radio-outerWrapper--tiny":"radio-module-Radio-outerWrapper--tiny-ICX4H-4-13-0","Radio-input":"radio-module-Radio-input-tMZXc-4-13-0","Radio-labelWrapper":"radio-module-Radio-labelWrapper-aPfU--4-13-0","Radio-Label":"radio-module-Radio-Label-pyxfI-4-13-0","Radio-wrapper":"radio-module-Radio-wrapper-X9saa-4-13-0","Radio--disabled":"radio-module-Radio--disabled-Mbuyd-4-13-0","Radio-wrapper--regular":"radio-module-Radio-wrapper--regular-bCOY2-4-13-0","Radio-wrapper--tiny":"radio-module-Radio-wrapper--tiny-V-uaD-4-13-0"};
|
|
7355
7385
|
styleInject$1(css_248z$M);
|
|
7356
7386
|
|
|
7357
7387
|
var Radio = /*#__PURE__*/React__namespace.forwardRef(function (props, forwardedRef) {
|
|
@@ -7432,8 +7462,8 @@
|
|
|
7432
7462
|
});
|
|
7433
7463
|
Row.displayName = 'Row';
|
|
7434
7464
|
|
|
7435
|
-
var css_248z$L = ".statusHint-module-StatusHint-20-9Y-4-
|
|
7436
|
-
var styles$J = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-
|
|
7465
|
+
var css_248z$L = ".statusHint-module-StatusHint-20-9Y-4-13-0 {\n display: flex;\n flex-direction: row;\n width: -moz-fit-content;\n width: fit-content;\n align-items: center;\n}\n\n.statusHint-module-StatusHint-icon-XMbB3-4-13-0 {\n flex-shrink: 0;\n border-radius: var(--border-radius-full);\n height: var(--spacing-20);\n width: var(--spacing-20);\n}\n\n.statusHint-module-StatusHint--alert-6GWUf-4-13-0 {\n background: var(--alert);\n}\n\n.statusHint-module-StatusHint--success-vLRLm-4-13-0 {\n background: var(--success);\n}\n\n.statusHint-module-StatusHint--warning-Go4Xc-4-13-0 {\n background: var(--warning);\n}\n\n.statusHint-module-StatusHint--info--Qb0E-4-13-0 {\n background: var(--primary);\n}\n\n.statusHint-module-StatusHint--default-XXxYB-4-13-0 {\n background: var(--secondary-light);\n}\n";
|
|
7466
|
+
var styles$J = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-13-0","StatusHint-icon":"statusHint-module-StatusHint-icon-XMbB3-4-13-0","StatusHint--alert":"statusHint-module-StatusHint--alert-6GWUf-4-13-0","StatusHint--success":"statusHint-module-StatusHint--success-vLRLm-4-13-0","StatusHint--warning":"statusHint-module-StatusHint--warning-Go4Xc-4-13-0","StatusHint--info":"statusHint-module-StatusHint--info--Qb0E-4-13-0","StatusHint--default":"statusHint-module-StatusHint--default-XXxYB-4-13-0"};
|
|
7437
7467
|
styleInject$1(css_248z$L);
|
|
7438
7468
|
|
|
7439
7469
|
var StatusHint = function StatusHint(props) {
|
|
@@ -7444,17 +7474,20 @@
|
|
|
7444
7474
|
_onMouseLeave = props.onMouseLeave,
|
|
7445
7475
|
_onClick = props.onClick,
|
|
7446
7476
|
truncateLabel = props.truncateLabel,
|
|
7447
|
-
className = props.className
|
|
7477
|
+
className = props.className,
|
|
7478
|
+
_d = props.size,
|
|
7479
|
+
size = _d === void 0 ? 'regular' : _d;
|
|
7448
7480
|
var baseProps = extractBaseProps(props);
|
|
7449
7481
|
var StatusHintClass = classNames__default["default"]((_a = {}, _a[styles$J.StatusHint] = true, _a[styles$15.StatusHint] = true, _a), className);
|
|
7450
|
-
var StatusHintIconClass = classNames__default["default"]((_b = {}, _b[styles$J['StatusHint-icon']] = true, _b[styles$J["StatusHint--" + appearance]] = appearance, _b));
|
|
7482
|
+
var StatusHintIconClass = classNames__default["default"]((_b = {}, _b[styles$J['StatusHint-icon']] = true, _b[styles$J["StatusHint--" + appearance]] = appearance, _b['mr-3-5'] = size === 'small', _b['mr-4'] = size === 'regular', _b));
|
|
7451
7483
|
var StatusHintTextClass = classNames__default["default"]((_c = {}, _c['ellipsis--noWrap'] = truncateLabel, _c));
|
|
7452
7484
|
var renderChildren = function renderChildren() {
|
|
7453
7485
|
if (typeof children === 'string' || typeof children === 'number') {
|
|
7454
7486
|
return /*#__PURE__*/React__namespace.createElement(Text, {
|
|
7455
7487
|
"data-test": "DesignSystem-StatusHint--Text",
|
|
7456
7488
|
weight: 'medium',
|
|
7457
|
-
className: StatusHintTextClass
|
|
7489
|
+
className: StatusHintTextClass,
|
|
7490
|
+
size: size
|
|
7458
7491
|
}, children);
|
|
7459
7492
|
}
|
|
7460
7493
|
return children;
|
|
@@ -7482,8 +7515,8 @@
|
|
|
7482
7515
|
appearance: 'default'
|
|
7483
7516
|
};
|
|
7484
7517
|
|
|
7485
|
-
var css_248z$K = ".pills-module-Pills--00hR-4-
|
|
7486
|
-
var styles$I = {"Pills":"pills-module-Pills--00hR-4-
|
|
7518
|
+
var css_248z$K = ".pills-module-Pills--00hR-4-13-0 {\n /* 160px */\n max-width: calc(var(--spacing-40) * 10);\n /* truncate */\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n text-transform: uppercase;\n padding-right: var(--spacing-15);\n padding-left: var(--spacing-15);\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n border-radius: var(--border-radius-full);\n display: inline-block;\n box-sizing: border-box;\n font-weight: var(--font-weight-bold);\n cursor: default;\n}\n";
|
|
7519
|
+
var styles$I = {"Pills":"pills-module-Pills--00hR-4-13-0"};
|
|
7487
7520
|
styleInject$1(css_248z$K);
|
|
7488
7521
|
|
|
7489
7522
|
var Pills = function Pills(props) {
|
|
@@ -7505,8 +7538,8 @@
|
|
|
7505
7538
|
appearance: 'secondary'
|
|
7506
7539
|
};
|
|
7507
7540
|
|
|
7508
|
-
var css_248z$J = "@keyframes spinner-module-rotate--J0VK-4-
|
|
7509
|
-
var styles$H = {"Spinner":"spinner-module-Spinner-Gnrbl-4-
|
|
7541
|
+
var css_248z$J = "@keyframes spinner-module-rotate--J0VK-4-13-0 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spinner-module-spin-EtIAo-4-13-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-13-0 {\n animation: spinner-module-rotate--J0VK-4-13-0 2s linear infinite;\n}\n\n.spinner-module-Spinner--xsmall-fTG9G-4-13-0 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.spinner-module-Spinner--small-H43c1-4-13-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.spinner-module-Spinner--medium-FJ68A-4-13-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.spinner-module-Spinner--large-mEm-A-4-13-0 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.spinner-module-Circle--gSx3-4-13-0 {\n stroke-linecap: round;\n stroke-dasharray: 1 200;\n stroke-dashoffset: 0;\n animation: spinner-module-spin-EtIAo-4-13-0 1.5s ease-in-out infinite;\n}\n\n.spinner-module-Circle--primary-REY8w-4-13-0 {\n stroke: var(--primary);\n}\n\n.spinner-module-Circle--secondary-KzVQ8-4-13-0 {\n stroke: var(--secondary-dark);\n}\n\n.spinner-module-Circle--white-xc8CI-4-13-0 {\n stroke: var(--white);\n}\n";
|
|
7542
|
+
var styles$H = {"Spinner":"spinner-module-Spinner-Gnrbl-4-13-0","rotate":"spinner-module-rotate--J0VK-4-13-0","Spinner--xsmall":"spinner-module-Spinner--xsmall-fTG9G-4-13-0","Spinner--small":"spinner-module-Spinner--small-H43c1-4-13-0","Spinner--medium":"spinner-module-Spinner--medium-FJ68A-4-13-0","Spinner--large":"spinner-module-Spinner--large-mEm-A-4-13-0","Circle":"spinner-module-Circle--gSx3-4-13-0","spin":"spinner-module-spin-EtIAo-4-13-0","Circle--primary":"spinner-module-Circle--primary-REY8w-4-13-0","Circle--secondary":"spinner-module-Circle--secondary-KzVQ8-4-13-0","Circle--white":"spinner-module-Circle--white-xc8CI-4-13-0"};
|
|
7510
7543
|
styleInject$1(css_248z$J);
|
|
7511
7544
|
|
|
7512
7545
|
var Spinner = function Spinner(props) {
|
|
@@ -7618,8 +7651,8 @@
|
|
|
7618
7651
|
defaultValue: [0, 10]
|
|
7619
7652
|
});
|
|
7620
7653
|
|
|
7621
|
-
var css_248z$I = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-
|
|
7622
|
-
var styles$G = {"Subheading":"subheading-module-Subheading-qdIJH-4-
|
|
7654
|
+
var css_248z$I = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-13-0 {\n margin: 0;\n font-weight: var(--font-weight-bolder);\n font-size: var(--spacing-30);\n line-height: var(--font-height-m);\n letter-spacing: var(--letter-spacing);\n text-transform: uppercase;\n}\n\n.subheading-module-Subheading--default-wlFtB-4-13-0 {\n color: var(--text);\n}\n\n.subheading-module-Subheading--subtle--rivS-4-13-0 {\n color: var(--text-subtle);\n}\n\n.subheading-module-Subheading--disabled-LAyqD-4-13-0 {\n color: var(--text-disabled);\n}\n\n.subheading-module-Subheading--white-Y8Awi-4-13-0 {\n color: var(--text-white);\n}\n";
|
|
7655
|
+
var styles$G = {"Subheading":"subheading-module-Subheading-qdIJH-4-13-0","Subheading--default":"subheading-module-Subheading--default-wlFtB-4-13-0","Subheading--subtle":"subheading-module-Subheading--subtle--rivS-4-13-0","Subheading--disabled":"subheading-module-Subheading--disabled-LAyqD-4-13-0","Subheading--white":"subheading-module-Subheading--white-Y8Awi-4-13-0"};
|
|
7623
7656
|
styleInject$1(css_248z$I);
|
|
7624
7657
|
|
|
7625
7658
|
var Subheading = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -7644,8 +7677,8 @@
|
|
|
7644
7677
|
appearance: 'default'
|
|
7645
7678
|
};
|
|
7646
7679
|
|
|
7647
|
-
var css_248z$H = ".switch-module-Switch-QepNe-4-
|
|
7648
|
-
var styles$F = {"Switch":"switch-module-Switch-QepNe-4-
|
|
7680
|
+
var css_248z$H = ".switch-module-Switch-QepNe-4-13-0 {\n display: inline-flex;\n position: relative;\n}\n\n.switch-module-Switch--tiny-r1E6o-4-13-0 {\n height: var(--spacing-40);\n width: var(--spacing-80);\n}\n\n.switch-module-Switch--regular-ciyyD-4-13-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch--large-kX3JT-4-13-0 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch-input-5oT7E-4-13-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-13-0 {\n display: flex;\n align-items: center;\n line-height: 100%;\n padding: var(--spacing-05);\n top: 0;\n left: 0;\n width: 100%;\n background-color: var(--secondary-light);\n transition: background 120ms ease;\n padding-right: var(--spacing-15);\n}\n\n.switch-module-Switch-input-5oT7E-4-13-0:focus ~ .switch-module-Switch-wrapper-btwpQ-4-13-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-13-0:focus ~ .switch-module-Switch-wrapper--checked-1oCxY-4-13-0 {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n background-color: var(--primary);\n}\n\n.switch-module-Switch-input-5oT7E-4-13-0:hover ~ .switch-module-Switch-wrapper-btwpQ-4-13-0 {\n background-color: var(--secondary);\n}\n\n.switch-module-Switch-input-5oT7E-4-13-0:hover ~ .switch-module-Switch-wrapper--checked-1oCxY-4-13-0 {\n background-color: var(--primary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-13-0:active ~ .switch-module-Switch-wrapper-btwpQ-4-13-0 {\n background-color: var(--secondary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-13-0:active ~ .switch-module-Switch-wrapper--checked-1oCxY-4-13-0 {\n background-color: var(--primary-darker);\n}\n\n.switch-module-Switch-wrapper--tiny--PBMV-4-13-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--regular-6j-AT-4-13-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--large-A8WkP-4-13-0 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper-btwpQ-4-13-0:before {\n content: '';\n height: 100%;\n width: 50%;\n background-color: var(--shadow-0);\n box-shadow: var(--shadow-m);\n border-radius: var(--border-radius-full);\n box-sizing: border-box;\n transition-duration: 80ms;\n}\n\n.switch-module-Switch-wrapper--checked-1oCxY-4-13-0 {\n background-color: var(--primary);\n transition: background 120ms ease;\n padding-left: var(--spacing-15);\n padding-right: 2px !important;\n}\n\n.switch-module-Switch-wrapper--checked-1oCxY-4-13-0:before {\n transform: translateX(100%);\n transition-duration: 80ms;\n}\n\n.switch-module-Switch--disabled-xXiea-4-13-0 {\n pointer-events: none;\n}\n\n.switch-module-Switch-wrapper--disabled-HghBP-4-13-0 {\n background-color: var(--secondary-lighter);\n}\n\n.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-13-0 {\n background-color: var(--primary-lighter);\n}\n";
|
|
7681
|
+
var styles$F = {"Switch":"switch-module-Switch-QepNe-4-13-0","Switch--tiny":"switch-module-Switch--tiny-r1E6o-4-13-0","Switch--regular":"switch-module-Switch--regular-ciyyD-4-13-0","Switch--large":"switch-module-Switch--large-kX3JT-4-13-0","Switch-input":"switch-module-Switch-input-5oT7E-4-13-0","Switch-wrapper":"switch-module-Switch-wrapper-btwpQ-4-13-0","Switch-wrapper--checked":"switch-module-Switch-wrapper--checked-1oCxY-4-13-0","Switch-wrapper--tiny":"switch-module-Switch-wrapper--tiny--PBMV-4-13-0","Switch-wrapper--regular":"switch-module-Switch-wrapper--regular-6j-AT-4-13-0","Switch-wrapper--large":"switch-module-Switch-wrapper--large-A8WkP-4-13-0","Switch--disabled":"switch-module-Switch--disabled-xXiea-4-13-0","Switch-wrapper--disabled":"switch-module-Switch-wrapper--disabled-HghBP-4-13-0","Switch-wrapper--checkedDisabled":"switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-13-0"};
|
|
7649
7682
|
styleInject$1(css_248z$H);
|
|
7650
7683
|
|
|
7651
7684
|
var Switch = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -7694,16 +7727,18 @@
|
|
|
7694
7727
|
});
|
|
7695
7728
|
Switch.displayName = 'Switch';
|
|
7696
7729
|
|
|
7697
|
-
var css_248z$G = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-
|
|
7698
|
-
var styles$E = {"Textarea":"textarea-module-Textarea-Es1Ps-4-
|
|
7730
|
+
var css_248z$G = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-13-0 {\n min-height: var(--spacing-80);\n width: 100%;\n display: block;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n line-height: var(--font-height);\n font-size: var(--font-size);\n box-sizing: border-box;\n border-radius: var(--border-radius-10);\n border: var(--border);\n color: var(--inverse);\n padding: var(--spacing-20) var(--spacing-30);\n resize: none;\n cursor: auto; /* this ensures text cursor over text, and pointer cursor over scroll*/\n}\n\n.textarea-module-Textarea-Es1Ps-4-13-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-13-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-13-0::-ms-clear {\n display: none;\n}\n\n.textarea-module-Textarea-Es1Ps-4-13-0:focus-within {\n outline: none;\n border: var(--border-width-2-5) solid var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.textarea-module-Textarea-Es1Ps-4-13-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-13-0 {\n pointer-events: none;\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n}\n\n.textarea-module-Textarea--error-gqkse-4-13-0 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.textarea-module-Textarea--error-gqkse-4-13-0:focus-within {\n border: var(--border-width-2-5) solid var(--alert);\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.textarea-module-Textarea--resize-6QHWa-4-13-0 {\n resize: both;\n}\n\n.textarea-module-Textarea--small-reQLZ-4-13-0 {\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-height-s);\n}\n";
|
|
7731
|
+
var styles$E = {"Textarea":"textarea-module-Textarea-Es1Ps-4-13-0","Textarea--readOnly":"textarea-module-Textarea--readOnly-mTqc8-4-13-0","Textarea--error":"textarea-module-Textarea--error-gqkse-4-13-0","Textarea--resize":"textarea-module-Textarea--resize-6QHWa-4-13-0","Textarea--small":"textarea-module-Textarea--small-reQLZ-4-13-0"};
|
|
7699
7732
|
styleInject$1(css_248z$G);
|
|
7700
7733
|
|
|
7701
7734
|
var Textarea = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
7702
7735
|
var _a;
|
|
7703
|
-
var _b = props.
|
|
7704
|
-
|
|
7705
|
-
_c = props.
|
|
7706
|
-
|
|
7736
|
+
var _b = props.size,
|
|
7737
|
+
size = _b === void 0 ? 'regular' : _b,
|
|
7738
|
+
_c = props.rows,
|
|
7739
|
+
rows = _c === void 0 ? 3 : _c,
|
|
7740
|
+
_d = props.resize,
|
|
7741
|
+
resize = _d === void 0 ? true : _d,
|
|
7707
7742
|
disabled = props.disabled,
|
|
7708
7743
|
name = props.name,
|
|
7709
7744
|
placeholder = props.placeholder,
|
|
@@ -7717,8 +7752,8 @@
|
|
|
7717
7752
|
onFocus = props.onFocus,
|
|
7718
7753
|
className = props.className,
|
|
7719
7754
|
readOnly = props.readOnly,
|
|
7720
|
-
rest = __rest(props, ["rows", "resize", "disabled", "name", "placeholder", "value", "defaultValue", "required", "error", "onChange", "onClick", "onBlur", "onFocus", "className", "readOnly"]);
|
|
7721
|
-
var classes = classNames__default["default"]((_a = {}, _a[styles$E.Textarea] = true, _a[styles$E['Textarea--resize']] = resize, _a[styles$E['Textarea--error']] = error, _a[styles$E['Textarea--readOnly']] = readOnly, _a), className);
|
|
7755
|
+
rest = __rest(props, ["size", "rows", "resize", "disabled", "name", "placeholder", "value", "defaultValue", "required", "error", "onChange", "onClick", "onBlur", "onFocus", "className", "readOnly"]);
|
|
7756
|
+
var classes = classNames__default["default"]((_a = {}, _a[styles$E.Textarea] = true, _a[styles$E['Textarea--resize']] = resize, _a[styles$E['Textarea--error']] = error, _a[styles$E['Textarea--readOnly']] = readOnly, _a[styles$E['Textarea--small']] = size && size === 'small', _a), className);
|
|
7722
7757
|
return /*#__PURE__*/React__namespace.createElement("textarea", __assign$1({
|
|
7723
7758
|
"data-test": "DesignSystem-Textarea"
|
|
7724
7759
|
}, rest, {
|
|
@@ -7739,8 +7774,8 @@
|
|
|
7739
7774
|
});
|
|
7740
7775
|
Textarea.displayName = 'Textarea';
|
|
7741
7776
|
|
|
7742
|
-
var css_248z$F = "/* toast */\n\n.toast-module-Toast-OpDhM-4-
|
|
7743
|
-
var styles$D = {"Toast":"toast-module-Toast-OpDhM-4-
|
|
7777
|
+
var css_248z$F = "/* toast */\n\n.toast-module-Toast-OpDhM-4-13-0 {\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n word-break: break-word;\n width: 360px;\n border-radius: var(--border-radius-10);\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-30);\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.toast-module-Toast--withMessage-T8xPr-4-13-0 {\n padding-bottom: var(--spacing-40);\n}\n\n.toast-module-Toast--info-dEexw-4-13-0 {\n background-color: var(--primary);\n}\n\n.toast-module-Toast--alert-gxrp--4-13-0 {\n background-color: var(--alert);\n}\n\n.toast-module-Toast--success-gju3F-4-13-0 {\n background-color: var(--success);\n}\n\n.toast-module-Toast--warning-ELr9r-4-13-0 {\n background-color: var(--warning);\n}\n\n.toast-module-Toast--warning-ELr9r-4-13-0 {\n color: var(--text);\n}\n\n.toast-module-Toast-icon-RrG2q-4-13-0 {\n line-height: var(--font-height-m);\n}\n\n.toast-module-Toast-icon--left-dAfZv-4-13-0 {\n margin-right: var(--spacing-40);\n}\n\n.toast-module-Toast-icon--right--8Qmt-4-13-0 {\n cursor: pointer;\n margin-left: var(--spacing-30);\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n padding-right: var(--spacing-10);\n padding-left: var(--spacing-10);\n height: var(--spacing-60);\n box-sizing: initial;\n}\n\n.toast-module-Toast-icon--info-zE2SA-4-13-0,\n.toast-module-Toast-icon--success-SOr0z-4-13-0,\n.toast-module-Toast-icon--alert-TS0aE-4-13-0,\n.toast-module-Toast-icon--default-HsZ-7-4-13-0 {\n color: var(--text-white);\n}\n\n.toast-module-Toast-icon--warning-47OGV-4-13-0 {\n color: var(--warning-darker);\n}\n\n.toast-module-Toast-close-icon--warning-nuh9s-4-13-0:focus,\n.toast-module-Toast-close-icon--warning-nuh9s-4-13-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-13-0:hover,\n.toast-module-Toast-close-icon--warning-nuh9s-4-13-0:active {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-close-icon--success-fXEEm-4-13-0:focus,\n.toast-module-Toast-close-icon--success-fXEEm-4-13-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-13-0:hover,\n.toast-module-Toast-close-icon--success-fXEEm-4-13-0:active {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-close-icon--info-0vDSQ-4-13-0:focus,\n.toast-module-Toast-close-icon--info-0vDSQ-4-13-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-13-0:hover,\n.toast-module-Toast-close-icon--info-0vDSQ-4-13-0:active {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-close-icon--alert-cq8I3-4-13-0:focus,\n.toast-module-Toast-close-icon--alert-cq8I3-4-13-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-13-0:hover,\n.toast-module-Toast-close-icon--alert-cq8I3-4-13-0:active {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-body--5KGi-4-13-0 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.toast-module-Toast-title-4cVcs-4-13-0 {\n display: flex;\n}\n\n.toast-module-Toast-heading-BOc6U-4-13-0 {\n flex-grow: 1;\n}\n\n.toast-module-Toast-text-pwhPD-4-13-0 {\n padding-top: var(--spacing-20);\n}\n\n.toast-module-Toast-text--warning-J4ygg-4-13-0,\n.toast-module-Toast-heading--warning-sybsC-4-13-0 {\n color: var(--warning-darker) !important;\n}\n\n.toast-module-Toast-actions-3qfv--4-13-0 {\n display: flex;\n padding-top: var(--spacing-30);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-13-0 {\n color: var(--text-white);\n border-radius: var(--border-radius-10);\n margin-right: var(--spacing-20);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-13-0:last-child {\n margin-right: 0;\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-13-0 {\n background: var(--inverse-light);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-13-0:hover,\n.toast-module-Toast-actionButton--default-UVS4L-4-13-0:active {\n background: var(--inverse);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-13-0:focus {\n box-shadow: var(--shadow-spread) rgba(112, 112, 112, 0.16);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-13-0 {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-13-0:hover,\n.toast-module-Toast-actionButton--info-MLC4o-4-13-0:active {\n background: var(--primary-darker);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-13-0:focus {\n box-shadow: var(--shadow-spread) rgba(0, 80, 159, 0.16);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-13-0 {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-13-0:hover,\n.toast-module-Toast-actionButton--success-vppAH-4-13-0:active {\n background: var(--success-darker);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-13-0:focus {\n box-shadow: var(--shadow-spread) rgba(34, 121, 52, 0.16);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-13-0 {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-13-0:hover,\n.toast-module-Toast-actionButton--alert-VMKO0-4-13-0:active {\n background: var(--alert-darker);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-13-0 {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-13-0:hover,\n.toast-module-Toast-actionButton--warning-GNDkx-4-13-0:active {\n background: var(--warning-darker);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--warning-shadow);\n}\n";
|
|
7778
|
+
var styles$D = {"Toast":"toast-module-Toast-OpDhM-4-13-0","Toast--withMessage":"toast-module-Toast--withMessage-T8xPr-4-13-0","Toast--info":"toast-module-Toast--info-dEexw-4-13-0","Toast--alert":"toast-module-Toast--alert-gxrp--4-13-0","Toast--success":"toast-module-Toast--success-gju3F-4-13-0","Toast--warning":"toast-module-Toast--warning-ELr9r-4-13-0","Toast-icon":"toast-module-Toast-icon-RrG2q-4-13-0","Toast-icon--left":"toast-module-Toast-icon--left-dAfZv-4-13-0","Toast-icon--right":"toast-module-Toast-icon--right--8Qmt-4-13-0","Toast-icon--info":"toast-module-Toast-icon--info-zE2SA-4-13-0","Toast-icon--success":"toast-module-Toast-icon--success-SOr0z-4-13-0","Toast-icon--alert":"toast-module-Toast-icon--alert-TS0aE-4-13-0","Toast-icon--default":"toast-module-Toast-icon--default-HsZ-7-4-13-0","Toast-icon--warning":"toast-module-Toast-icon--warning-47OGV-4-13-0","Toast-close-icon--warning":"toast-module-Toast-close-icon--warning-nuh9s-4-13-0","Toast-close-icon--success":"toast-module-Toast-close-icon--success-fXEEm-4-13-0","Toast-close-icon--info":"toast-module-Toast-close-icon--info-0vDSQ-4-13-0","Toast-close-icon--alert":"toast-module-Toast-close-icon--alert-cq8I3-4-13-0","Toast-body":"toast-module-Toast-body--5KGi-4-13-0","Toast-title":"toast-module-Toast-title-4cVcs-4-13-0","Toast-heading":"toast-module-Toast-heading-BOc6U-4-13-0","Toast-text":"toast-module-Toast-text-pwhPD-4-13-0","Toast-text--warning":"toast-module-Toast-text--warning-J4ygg-4-13-0","Toast-heading--warning":"toast-module-Toast-heading--warning-sybsC-4-13-0","Toast-actions":"toast-module-Toast-actions-3qfv--4-13-0","Toast-actionButton":"toast-module-Toast-actionButton-lfdEz-4-13-0","Toast-actionButton--default":"toast-module-Toast-actionButton--default-UVS4L-4-13-0","Toast-actionButton--info":"toast-module-Toast-actionButton--info-MLC4o-4-13-0","Toast-actionButton--success":"toast-module-Toast-actionButton--success-vppAH-4-13-0","Toast-actionButton--alert":"toast-module-Toast-actionButton--alert-VMKO0-4-13-0","Toast-actionButton--warning":"toast-module-Toast-actionButton--warning-GNDkx-4-13-0"};
|
|
7744
7779
|
styleInject$1(css_248z$F);
|
|
7745
7780
|
|
|
7746
7781
|
var ActionButton = function ActionButton(props) {
|
|
@@ -8205,8 +8240,8 @@
|
|
|
8205
8240
|
return PopperWrapper;
|
|
8206
8241
|
}(React__namespace.Component);
|
|
8207
8242
|
|
|
8208
|
-
var css_248z$E = ".popover-module-Popover-34Ge0-4-
|
|
8209
|
-
var styles$C = {"Popover":"popover-module-Popover-34Ge0-4-
|
|
8243
|
+
var css_248z$E = ".popover-module-Popover-34Ge0-4-13-0 {\n border-radius: var(--border-radius-10);\n position: absolute;\n z-index: 500;\n background: var(--white);\n box-shadow: var(--shadow-l);\n}\n\n.popover-module-Popover--dark-LYp8P-4-13-0 {\n background: var(--inverse);\n color: var(--white);\n}\n\n.popover-module-Popover-34Ge0-4-13-0[data-hide='true'] {\n visibility: hidden;\n pointer-events: none;\n}\n\n@keyframes popover-module-popper-fade-in-pghyg-4-13-0 {\n 0% {\n opacity: 0;\n }\n 80% {\n opacity: var(--opacity-6);\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
8244
|
+
var styles$C = {"Popover":"popover-module-Popover-34Ge0-4-13-0","Popover--dark":"popover-module-Popover--dark-LYp8P-4-13-0","popper-fade-in":"popover-module-popper-fade-in-pghyg-4-13-0"};
|
|
8210
8245
|
styleInject$1(css_248z$E);
|
|
8211
8246
|
|
|
8212
8247
|
var propsList = ['appendToBody', 'trigger', 'hoverable', 'on', 'open', 'closeOnBackdropClick', 'offset', 'closeOnScroll'];
|
|
@@ -8268,8 +8303,8 @@
|
|
|
8268
8303
|
customStyle: {}
|
|
8269
8304
|
});
|
|
8270
8305
|
|
|
8271
|
-
var css_248z$D = ".chipInput-module-ChipInput-EQQlO-4-
|
|
8272
|
-
var styles$B = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-
|
|
8306
|
+
var css_248z$D = ".chipInput-module-ChipInput-EQQlO-4-13-0 {\n display: flex;\n border-radius: var(--border-radius-10);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary);\n background: var(--white);\n cursor: text;\n flex: 100%;\n}\n\n.chipInput-module-ChipInput--regular-3ZvCo-4-13-0 {\n padding-left: 10px;\n padding-right: 10px;\n}\n\n.chipInput-module-ChipInput--small-YXoDv-4-13-0 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-13-0:focus,\n.chipInput-module-ChipInput-EQQlO-4-13-0:focus-visible {\n outline: var(--spacing-2-5) var(--primary);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-13-0:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-13-0:focus-within {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--primary);\n background: var(--white);\n}\n\n.chipInput-module-ChipInput--disabled-Qa6ok-4-13-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-13-0 {\n padding-right: var(--spacing-20);\n}\n\n.chipInput-module-ChipInput--error-q8y-4-4-13-0,\n.chipInput-module-ChipInput--error-q8y-4-4-13-0:focus-within {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--alert);\n}\n\n.chipInput-module-ChipInput-wrapper-NzLiD-4-13-0 {\n display: flex;\n flex: 100%;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.chipInput-module-ChipInput-border-wempH-4-13-0:focus-within {\n border-radius: var(--border-radius-10);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.chipInput-module-ChipInput-border--error-lX1Mm-4-13-0:focus-within {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.chipInput-module-ChipInput-input-ddUDt-4-13-0 {\n border: none;\n outline: none;\n display: flex;\n width: 100%;\n min-width: 15%;\n flex: 0px;\n box-sizing: border-box;\n font-family: var(--font-family);\n font-size: var(--font-size);\n}\n\n.chipInput-module-ChipInput-input--small-OzMCU-4-13-0 {\n height: 20px;\n margin-top: var(--spacing-05);\n margin-bottom: var(--spacing-05);\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.chipInput-module-ChipInput-input--regular-qiv6--4-13-0 {\n height: var(--spacing-60);\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-13-0:hover .chipInput-module-ChipInput-input-ddUDt-4-13-0 {\n background: var(--secondary-lighter);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-13-0:focus-within .chipInput-module-ChipInput-input-ddUDt-4-13-0 {\n background: var(--white);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-13-0 {\n cursor: pointer;\n border-radius: var(--border-radius-full);\n}\n\n.chipInput-module-ChipInput-icon--small-PciKa-4-13-0 {\n margin-left: var(--spacing-15);\n margin-top: var(--spacing-15);\n height: var(--spacing-30);\n}\n\n.chipInput-module-ChipInput-icon--regular-AJM6E-4-13-0 {\n height: var(--spacing-40);\n margin-left: var(--spacing-20);\n margin-top: var(--spacing-20);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-13-0:hover {\n background-color: var(--secondary);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-13-0:active {\n background-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-13-0:focus,\n.chipInput-module-ChipInput-icon-HQ7c4-4-13-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n";
|
|
8307
|
+
var styles$B = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-13-0","ChipInput--regular":"chipInput-module-ChipInput--regular-3ZvCo-4-13-0","ChipInput--small":"chipInput-module-ChipInput--small-YXoDv-4-13-0","ChipInput--disabled":"chipInput-module-ChipInput--disabled-Qa6ok-4-13-0","ChipInput--withChips":"chipInput-module-ChipInput--withChips-svi7y-4-13-0","ChipInput--error":"chipInput-module-ChipInput--error-q8y-4-4-13-0","ChipInput-wrapper":"chipInput-module-ChipInput-wrapper-NzLiD-4-13-0","ChipInput-border":"chipInput-module-ChipInput-border-wempH-4-13-0","ChipInput-border--error":"chipInput-module-ChipInput-border--error-lX1Mm-4-13-0","ChipInput-input":"chipInput-module-ChipInput-input-ddUDt-4-13-0","ChipInput-input--small":"chipInput-module-ChipInput-input--small-OzMCU-4-13-0","ChipInput-input--regular":"chipInput-module-ChipInput-input--regular-qiv6--4-13-0","ChipInput-icon":"chipInput-module-ChipInput-icon-HQ7c4-4-13-0","ChipInput-icon--small":"chipInput-module-ChipInput-icon--small-PciKa-4-13-0","ChipInput-icon--regular":"chipInput-module-ChipInput-icon--regular-AJM6E-4-13-0"};
|
|
8273
8308
|
styleInject$1(css_248z$D);
|
|
8274
8309
|
|
|
8275
8310
|
var keyCodes$1 = {
|
|
@@ -8278,9 +8313,11 @@
|
|
|
8278
8313
|
ENTER: 'Enter'
|
|
8279
8314
|
};
|
|
8280
8315
|
var ChipInput = function ChipInput(props) {
|
|
8281
|
-
var _a, _b;
|
|
8316
|
+
var _a, _b, _c, _d, _e;
|
|
8282
8317
|
var chipOptions = props.chipOptions,
|
|
8283
8318
|
allowDuplicates = props.allowDuplicates,
|
|
8319
|
+
_f = props.size,
|
|
8320
|
+
size = _f === void 0 ? 'regular' : _f,
|
|
8284
8321
|
disabled = props.disabled,
|
|
8285
8322
|
error = props.error,
|
|
8286
8323
|
placeholder = props.placeholder,
|
|
@@ -8294,12 +8331,12 @@
|
|
|
8294
8331
|
chipValidator = props.chipValidator;
|
|
8295
8332
|
var inputRef = /*#__PURE__*/React__namespace.createRef();
|
|
8296
8333
|
var customRef = React__namespace.useRef();
|
|
8297
|
-
var
|
|
8298
|
-
chips =
|
|
8299
|
-
setChips =
|
|
8300
|
-
var
|
|
8301
|
-
inputValue =
|
|
8302
|
-
setInputValue =
|
|
8334
|
+
var _g = React__namespace.useState(value || defaultValue),
|
|
8335
|
+
chips = _g[0],
|
|
8336
|
+
setChips = _g[1];
|
|
8337
|
+
var _h = React__namespace.useState(''),
|
|
8338
|
+
inputValue = _h[0],
|
|
8339
|
+
setInputValue = _h[1];
|
|
8303
8340
|
var baseProps = extractBaseProps(props);
|
|
8304
8341
|
React__namespace.useEffect(function () {
|
|
8305
8342
|
if (value !== undefined) {
|
|
@@ -8313,7 +8350,10 @@
|
|
|
8313
8350
|
}
|
|
8314
8351
|
}, [inputValue]);
|
|
8315
8352
|
var ChipInputBorderClass = classNames__default["default"]((_a = {}, _a[styles$B['ChipInput-border']] = true, _a[styles$B['ChipInput-border--error']] = error, _a));
|
|
8316
|
-
var ChipInputClass = classNames__default["default"]((_b = {}, _b[styles$B.ChipInput] = true, _b[styles$B['ChipInput--disabled']] = disabled, _b[styles$B['ChipInput--withChips']] = chips && chips.length > 0, _b[styles$B['ChipInput--error']] = error, _b), className);
|
|
8353
|
+
var ChipInputClass = classNames__default["default"]((_b = {}, _b[styles$B.ChipInput] = true, _b[styles$B['ChipInput--disabled']] = disabled, _b[styles$B['ChipInput--withChips']] = chips && chips.length > 0, _b[styles$B['ChipInput--error']] = error, _b[styles$B["ChipInput--" + size]] = size, _b), className);
|
|
8354
|
+
var InputClass = classNames__default["default"]((_c = {}, _c[styles$B['ChipInput-input']] = true, _c[styles$B["ChipInput-input--" + size]] = size, _c['p-0'] = true, _c));
|
|
8355
|
+
var ChipClass = classNames__default["default"]((_d = {}, _d['mr-3'] = true, _d['my-2'] = size === 'small', _d['my-3'] = size === 'regular', _d));
|
|
8356
|
+
var IconClass = classNames__default["default"]((_e = {}, _e[styles$B['ChipInput-icon']] = true, _e[styles$B["ChipInput-icon--" + size]] = size, _e));
|
|
8317
8357
|
var onUpdateChips = function onUpdateChips(updatedChips) {
|
|
8318
8358
|
if (onChange) onChange(updatedChips);
|
|
8319
8359
|
};
|
|
@@ -8391,9 +8431,10 @@
|
|
|
8391
8431
|
label: chip,
|
|
8392
8432
|
name: chip,
|
|
8393
8433
|
type: type,
|
|
8434
|
+
size: size,
|
|
8394
8435
|
disabled: disabled,
|
|
8395
8436
|
key: index,
|
|
8396
|
-
className:
|
|
8437
|
+
className: ChipClass,
|
|
8397
8438
|
onClick: function onClick() {
|
|
8398
8439
|
return _onClick && _onClick(chip, index);
|
|
8399
8440
|
},
|
|
@@ -8402,6 +8443,7 @@
|
|
|
8402
8443
|
}
|
|
8403
8444
|
}, rest));
|
|
8404
8445
|
});
|
|
8446
|
+
var iconSize = size === 'small' ? 12 : 16;
|
|
8405
8447
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
8406
8448
|
"data-test": "DesignSystem-ChipInput--Border",
|
|
8407
8449
|
className: ChipInputBorderClass
|
|
@@ -8417,7 +8459,7 @@
|
|
|
8417
8459
|
}, chips && chips.length > 0 && chipComponents, /*#__PURE__*/React__namespace.createElement("input", {
|
|
8418
8460
|
"data-test": "DesignSystem-ChipInput--Input",
|
|
8419
8461
|
ref: inputRef,
|
|
8420
|
-
className:
|
|
8462
|
+
className: InputClass,
|
|
8421
8463
|
autoFocus: autoFocus,
|
|
8422
8464
|
placeholder: chips && chips.length > 0 ? '' : placeholder,
|
|
8423
8465
|
disabled: disabled,
|
|
@@ -8429,8 +8471,9 @@
|
|
|
8429
8471
|
})), chips.length > 0 && (/*#__PURE__*/React__namespace.createElement(Icon, {
|
|
8430
8472
|
"data-test": "DesignSystem-ChipInput--Icon",
|
|
8431
8473
|
name: "close",
|
|
8474
|
+
size: iconSize,
|
|
8432
8475
|
appearance: disabled ? 'disabled' : 'subtle',
|
|
8433
|
-
className:
|
|
8476
|
+
className: IconClass,
|
|
8434
8477
|
onClick: onDeleteAllHandler,
|
|
8435
8478
|
tabIndex: disabled ? -1 : 0
|
|
8436
8479
|
}))));
|
|
@@ -8499,8 +8542,8 @@
|
|
|
8499
8542
|
return '';
|
|
8500
8543
|
};
|
|
8501
8544
|
|
|
8502
|
-
var css_248z$C = ".verticalNav-module-VerticalNav-Dmfut-4-
|
|
8503
|
-
var styles$A = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-
|
|
8545
|
+
var css_248z$C = ".verticalNav-module-VerticalNav-Dmfut-4-13-0 {\n display: inline-flex;\n flex-direction: column;\n}\n\n.verticalNav-module-VerticalNav--expanded-YioJV-4-13-0 {\n width: 240px;\n}\n\n.verticalNav-module-VerticalNav-section-LKy0d-4-13-0 {\n text-transform: uppercase;\n padding-left: var(--spacing-40);\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-15);\n margin-top: var(--spacing-20);\n}\n\n.verticalNav-module-VerticalNav-section--border-II3bk-4-13-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-13-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-13-0 {\n height: var(--spacing-80);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n border-radius: var(--border-radius-40);\n margin: 0 var(--spacing-2-5);\n}\n\n.verticalNav-module-MenuItem--vertical-KTu0E-4-13-0 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.verticalNav-module-MenuItem--collapsed-ksvh1-4-13-0 {\n height: 28px;\n width: 28px;\n margin-left: 10px;\n margin-right: 10px;\n justify-content: center;\n border-radius: var(--border-radius-full);\n cursor: pointer;\n}\n\n.verticalNav-module-MenuItem--expanded-CNuEg-4-13-0 {\n padding-left: var(--spacing-40);\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n margin-right: var(--spacing-20);\n justify-content: space-between;\n border-radius: 0px var(--border-radius-40) var(--border-radius-40) 0px;\n}\n\n.verticalNav-module-MenuItem--disabled-UwXL1-4-13-0 {\n pointer-events: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-13-0:hover {\n background: var(--secondary);\n text-decoration: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-13-0:active {\n background: var(--secondary-dark);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.verticalNav-module-MenuItem--disabled-UwXL1-4-13-0:focus {\n box-shadow: none;\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-13-0 {\n background: var(--primary-lightest);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-13-0:hover {\n background: var(--primary-lighter);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-13-0:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-13-0:active .verticalNav-module-MenuItem-Text-5dxj5-4-13-0 {\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n outline: none;\n}\n\n.verticalNav-module-MenuItem--rounded-7Cz5E-4-13-0 {\n border-radius: var(--border-radius-40);\n}\n\n.verticalNav-module-MenuItem--subMenu-ZHEdU-4-13-0 {\n padding-left: 40px;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-13-0 .verticalNav-module-Text-pcT-x-4-13-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem--overflow-RfJ7G-4-13-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem-count-hxliH-4-13-0 {\n margin-right: var(--spacing-10);\n flex-shrink: 0;\n}\n\n.verticalNav-module-MenuItem-count--disabled-2tJFi-4-13-0 {\n opacity: var(--opacity-10);\n color: var(--text);\n}\n";
|
|
8546
|
+
var styles$A = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-13-0","VerticalNav--expanded":"verticalNav-module-VerticalNav--expanded-YioJV-4-13-0","VerticalNav-section":"verticalNav-module-VerticalNav-section-LKy0d-4-13-0","VerticalNav-section--border":"verticalNav-module-VerticalNav-section--border-II3bk-4-13-0","MenuItem":"verticalNav-module-MenuItem-tqOuM-4-13-0","MenuItem--horizontal":"verticalNav-module-MenuItem--horizontal-HqCw4-4-13-0","MenuItem--vertical":"verticalNav-module-MenuItem--vertical-KTu0E-4-13-0","MenuItem--collapsed":"verticalNav-module-MenuItem--collapsed-ksvh1-4-13-0","MenuItem--expanded":"verticalNav-module-MenuItem--expanded-CNuEg-4-13-0","MenuItem--disabled":"verticalNav-module-MenuItem--disabled-UwXL1-4-13-0","MenuItem--active":"verticalNav-module-MenuItem--active-ocJoe-4-13-0","MenuItem-Text":"verticalNav-module-MenuItem-Text-5dxj5-4-13-0","MenuItem--rounded":"verticalNav-module-MenuItem--rounded-7Cz5E-4-13-0","MenuItem--subMenu":"verticalNav-module-MenuItem--subMenu-ZHEdU-4-13-0","Text":"verticalNav-module-Text-pcT-x-4-13-0","MenuItem--overflow":"verticalNav-module-MenuItem--overflow-RfJ7G-4-13-0","MenuItem-count":"verticalNav-module-MenuItem-count-hxliH-4-13-0","MenuItem-count--disabled":"verticalNav-module-MenuItem-count--disabled-2tJFi-4-13-0"};
|
|
8504
8547
|
styleInject$1(css_248z$C);
|
|
8505
8548
|
|
|
8506
8549
|
var _MenuIcon = function MenuIcon(props) {
|
|
@@ -8523,6 +8566,13 @@
|
|
|
8523
8566
|
"data-test": "DesignSystem-VerticalNav--Pills"
|
|
8524
8567
|
}, count);
|
|
8525
8568
|
};
|
|
8569
|
+
var _MenuWrapper = function MenuWrapper(props) {
|
|
8570
|
+
var children = props.children;
|
|
8571
|
+
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({
|
|
8572
|
+
"data-test": "DesignSystem-VerticalNav--MenuWrapper",
|
|
8573
|
+
className: "d-flex align-items-center overflow-hidden"
|
|
8574
|
+
}, props), children);
|
|
8575
|
+
};
|
|
8526
8576
|
var MenuItem$1 = function MenuItem(props) {
|
|
8527
8577
|
var _a;
|
|
8528
8578
|
var menu = props.menu,
|
|
@@ -8533,7 +8583,8 @@
|
|
|
8533
8583
|
isChildren = props.isChildren,
|
|
8534
8584
|
isChildrenVisible = props.isChildrenVisible,
|
|
8535
8585
|
onClick = props.onClick,
|
|
8536
|
-
customItemRenderer = props.customItemRenderer
|
|
8586
|
+
customItemRenderer = props.customItemRenderer,
|
|
8587
|
+
customOptionRenderer = props.customOptionRenderer;
|
|
8537
8588
|
var _b = React__namespace.useState(false),
|
|
8538
8589
|
isTextTruncated = _b[0],
|
|
8539
8590
|
setIsTextTruncated = _b[1];
|
|
@@ -8596,6 +8647,9 @@
|
|
|
8596
8647
|
labelColor: itemColor
|
|
8597
8648
|
});
|
|
8598
8649
|
},
|
|
8650
|
+
MenuWrapper: function MenuWrapper(props) {
|
|
8651
|
+
return _MenuWrapper(props);
|
|
8652
|
+
},
|
|
8599
8653
|
MenuPills: function MenuPills() {
|
|
8600
8654
|
return menu.count !== undefined ? _MenuPills({
|
|
8601
8655
|
disabled: menu.disabled,
|
|
@@ -8611,7 +8665,7 @@
|
|
|
8611
8665
|
}, /*#__PURE__*/React__namespace.createElement(Link$1, __assign$1({
|
|
8612
8666
|
componentType: "a",
|
|
8613
8667
|
className: ItemClass
|
|
8614
|
-
}, baseProps), /*#__PURE__*/React__namespace.createElement("div", {
|
|
8668
|
+
}, baseProps), customOptionRenderer ? customOptionRenderer(customItemProps) : (/*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", {
|
|
8615
8669
|
className: "d-flex align-items-center overflow-hidden"
|
|
8616
8670
|
}, menu.icon && (/*#__PURE__*/React__namespace.createElement(Icon, {
|
|
8617
8671
|
"data-test": "DesignSystem-VerticalNav--Icon",
|
|
@@ -8621,7 +8675,7 @@
|
|
|
8621
8675
|
})), expanded && /*#__PURE__*/React__namespace.createElement(_MenuLabel, {
|
|
8622
8676
|
label: menu.label,
|
|
8623
8677
|
labelColor: itemColor
|
|
8624
|
-
})), expanded && renderSubMenu())));
|
|
8678
|
+
})), expanded && renderSubMenu())))));
|
|
8625
8679
|
};
|
|
8626
8680
|
MenuItem$1.defaultProps = {
|
|
8627
8681
|
isActive: false
|
|
@@ -8636,7 +8690,8 @@
|
|
|
8636
8690
|
rounded = props.rounded,
|
|
8637
8691
|
autoCollapse = props.autoCollapse,
|
|
8638
8692
|
className = props.className,
|
|
8639
|
-
customItemRenderer = props.customItemRenderer
|
|
8693
|
+
customItemRenderer = props.customItemRenderer,
|
|
8694
|
+
customOptionRenderer = props.customOptionRenderer;
|
|
8640
8695
|
var _b = React__namespace.useState({}),
|
|
8641
8696
|
subMenuExpandedState = _b[0],
|
|
8642
8697
|
setSubMenuExpandedState = _b[1];
|
|
@@ -8718,7 +8773,8 @@
|
|
|
8718
8773
|
rounded: rounded,
|
|
8719
8774
|
isChildrenVisible: isChildrenVisible,
|
|
8720
8775
|
onClick: onClickHandler,
|
|
8721
|
-
customItemRenderer: customItemRenderer
|
|
8776
|
+
customItemRenderer: customItemRenderer,
|
|
8777
|
+
customOptionRenderer: customOptionRenderer
|
|
8722
8778
|
}), isChildrenVisible && menu.subMenu.map(function (subMenu, id) {
|
|
8723
8779
|
return /*#__PURE__*/React__namespace.createElement(MenuItem$1, {
|
|
8724
8780
|
key: id,
|
|
@@ -8729,7 +8785,8 @@
|
|
|
8729
8785
|
rounded: rounded,
|
|
8730
8786
|
onClick: onClickHandler,
|
|
8731
8787
|
isActive: isMenuActive(menus, subMenu, active),
|
|
8732
|
-
customItemRenderer: customItemRenderer
|
|
8788
|
+
customItemRenderer: customItemRenderer,
|
|
8789
|
+
customOptionRenderer: customOptionRenderer
|
|
8733
8790
|
});
|
|
8734
8791
|
}));
|
|
8735
8792
|
});
|
|
@@ -8747,8 +8804,8 @@
|
|
|
8747
8804
|
showTooltip: false
|
|
8748
8805
|
};
|
|
8749
8806
|
|
|
8750
|
-
var css_248z$B = ".horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
8751
|
-
var styles$z = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
8807
|
+
var css_248z$B = ".horizontalNav-module-HorizontalNav-TaKHt-4-13-0 {\n display: flex;\n}\n\n.horizontalNav-module-HorizontalNav-menu-hc7-x-4-13-0 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n cursor: pointer;\n height: var(--spacing-80);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n border-radius: var(--border-radius-40);\n margin: 0 var(--spacing-2-5);\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-13-0 {\n pointer-events: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-13-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-13-0:focus {\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-13-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-13-0:focus {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-13-0:hover {\n background-color: var(--secondary);\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-13-0:active {\n background-color: var(--secondary-dark);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-13-0 {\n background-color: var(--primary-lightest);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-13-0:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-13-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-13-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-13-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-13-0:active .horizontalNav-module-HorizontalNav-menuText-hlHtx-4-13-0 {\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menuText-hlHtx-4-13-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-13-0,\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-13-0 {\n transition-delay: var(--duration--fast-02);\n}\n\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-13-0 {\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.horizontalNav-module-HorizontalNav-pills-Ko7S--4-13-0 {\n margin-right: var(--spacing-10);\n}\n\n.horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-13-0 {\n opacity: var(--opacity-10);\n}\n";
|
|
8808
|
+
var styles$z = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-13-0","HorizontalNav-menu":"horizontalNav-module-HorizontalNav-menu-hc7-x-4-13-0","HorizontalNav-menu--disabled":"horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-13-0","HorizontalNav-menu--default":"horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-13-0","HorizontalNav-menu--active":"horizontalNav-module-HorizontalNav-menu--active-LO21D-4-13-0","HorizontalNav-menuText":"horizontalNav-module-HorizontalNav-menuText-hlHtx-4-13-0","HorizontalNav-animate":"horizontalNav-module-HorizontalNav-animate-HJvL2-4-13-0","HorizontalNav-pills":"horizontalNav-module-HorizontalNav-pills-Ko7S--4-13-0","HorizontalNav-pills--disabled":"horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-13-0"};
|
|
8752
8809
|
styleInject$1(css_248z$B);
|
|
8753
8810
|
|
|
8754
8811
|
var HorizontalNav = function HorizontalNav(props) {
|
|
@@ -8839,17 +8896,20 @@
|
|
|
8839
8896
|
return isTruncated;
|
|
8840
8897
|
};
|
|
8841
8898
|
var Tooltip = function Tooltip(props) {
|
|
8899
|
+
var _a;
|
|
8842
8900
|
var children = props.children,
|
|
8843
8901
|
tooltip = props.tooltip,
|
|
8844
8902
|
showTooltip = props.showTooltip,
|
|
8845
8903
|
showOnTruncation = props.showOnTruncation,
|
|
8846
8904
|
elementRef = props.elementRef,
|
|
8847
8905
|
className = props.className,
|
|
8848
|
-
|
|
8906
|
+
_b = props.size,
|
|
8907
|
+
size = _b === void 0 ? 'regular' : _b,
|
|
8908
|
+
rest = __rest(props, ["children", "tooltip", "showTooltip", "showOnTruncation", "elementRef", "className", "size"]);
|
|
8849
8909
|
var childrenRef = React__namespace.useRef(null);
|
|
8850
|
-
var
|
|
8851
|
-
isTruncated =
|
|
8852
|
-
setIsTruncated =
|
|
8910
|
+
var _c = React__namespace.useState(false),
|
|
8911
|
+
isTruncated = _c[0],
|
|
8912
|
+
setIsTruncated = _c[1];
|
|
8853
8913
|
React__namespace.useEffect(function () {
|
|
8854
8914
|
var element = elementRef ? elementRef : childrenRef;
|
|
8855
8915
|
setIsTruncated(detectTruncation(element));
|
|
@@ -8860,11 +8920,14 @@
|
|
|
8860
8920
|
if (!showTooltip) {
|
|
8861
8921
|
return children;
|
|
8862
8922
|
}
|
|
8923
|
+
var tooltipClass = classNames__default["default"]((_a = {}, _a[styles$M['Tooltip']] = true, _a[styles$M["Tooltip--small"]] = size === 'small', _a));
|
|
8863
8924
|
var tooltipWrapper = /*#__PURE__*/React__namespace.createElement("div", {
|
|
8864
|
-
className:
|
|
8925
|
+
className: tooltipClass,
|
|
8926
|
+
"data-test": "DesignSystem-Tooltip-Wrapper"
|
|
8865
8927
|
}, /*#__PURE__*/React__namespace.createElement(Text, {
|
|
8866
8928
|
className: styles$M['Tooltip-text'],
|
|
8867
|
-
appearance: "white"
|
|
8929
|
+
appearance: "white",
|
|
8930
|
+
size: size
|
|
8868
8931
|
}, tooltip));
|
|
8869
8932
|
var classes = classNames__default["default"](styles$M['Tooltip-container'], className);
|
|
8870
8933
|
if (showOnTruncation) {
|
|
@@ -8948,8 +9011,8 @@
|
|
|
8948
9011
|
secondaryButtonAppearance: 'basic'
|
|
8949
9012
|
};
|
|
8950
9013
|
|
|
8951
|
-
var css_248z$A = ".overlay-module-OverlayHeader-X75uk-4-
|
|
8952
|
-
var styles$y = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-
|
|
9014
|
+
var css_248z$A = ".overlay-module-OverlayHeader-X75uk-4-13-0 {\n box-sizing: border-box;\n margin-left: var(--spacing-60);\n}\n\n.overlay-module-OverlayHeader--withBackButton-P8Z6f-4-13-0 {\n margin-left: var(--spacing-40);\n}\n\n.overlay-module-OverlayHeader-headerWrapper-wDTqn-4-13-0 {\n display: flex;\n align-items: center;\n}\n\n.overlay-module-OverlayHeader-subheading-HGK3Q-4-13-0 {\n margin-top: var(--spacing-05);\n}\n\n.overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-13-0 {\n margin-left: var(--spacing-20);\n}\n\n.overlay-module-OverlayBody-0aiqy-4-13-0 {\n overflow-y: auto;\n}\n\n.overlay-module-Overlay-body--stickFooter-9u7pt-4-13-0 {\n margin-bottom: 80px;\n}\n\n.overlay-module-OverlayFooter-0Ne3i-4-13-0 {\n display: flex;\n align-items: center;\n width: 100%;\n box-sizing: border-box;\n padding-left: var(--spacing-60);\n padding-right: var(--spacing-60);\n}\n";
|
|
9015
|
+
var styles$y = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-13-0","OverlayHeader--withBackButton":"overlay-module-OverlayHeader--withBackButton-P8Z6f-4-13-0","OverlayHeader-headerWrapper":"overlay-module-OverlayHeader-headerWrapper-wDTqn-4-13-0","OverlayHeader-subheading":"overlay-module-OverlayHeader-subheading-HGK3Q-4-13-0","OverlayHeader-subheading--withBackButton":"overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-13-0","OverlayBody":"overlay-module-OverlayBody-0aiqy-4-13-0","Overlay-body--stickFooter":"overlay-module-Overlay-body--stickFooter-9u7pt-4-13-0","OverlayFooter":"overlay-module-OverlayFooter-0Ne3i-4-13-0"};
|
|
8953
9016
|
styleInject$1(css_248z$A);
|
|
8954
9017
|
|
|
8955
9018
|
var OverlayFooter = function OverlayFooter(props) {
|
|
@@ -9120,8 +9183,8 @@
|
|
|
9120
9183
|
var instance = new OverlayManager();
|
|
9121
9184
|
Object.freeze(instance);
|
|
9122
9185
|
|
|
9123
|
-
var css_248z$z = "@keyframes modal-module-modal-open-XetuH-4-
|
|
9124
|
-
var styles$x = {"Modal":"modal-module-Modal-jy6BE-4-
|
|
9186
|
+
var css_248z$z = "@keyframes modal-module-modal-open-XetuH-4-13-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-13-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-13-0 {\n position: fixed !important;\n max-height: calc(100vh - 128px);\n box-shadow: var(--shadow-m);\n background-color: var(--white);\n border-radius: var(--border-radius-20);\n overflow: auto;\n flex-direction: column;\n display: none;\n margin: auto;\n top: 0;\n right: 0;\n left: 0;\n bottom: 0;\n height: -moz-min-content;\n height: min-content;\n}\n\n.modal-module-Modal--open-pEOMN-4-13-0 {\n display: flex;\n}\n\n.modal-module-Modal-animation--open-GPVLI-4-13-0 {\n animation: modal-module-modal-open-XetuH-4-13-0 var(--duration--moderate-02) var(--entrance-expressive-curve);\n}\n\n.modal-module-Modal-animation--close-re3FT-4-13-0 {\n animation: modal-module-modal-close-6bwSt-4-13-0 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n\n.modal-module-Modal-header-fdaxo-4-13-0 {\n display: flex;\n justify-content: flex-start;\n padding-top: var(--spacing-40);\n padding-bottom: var(--spacing-30);\n padding-right: var(--spacing-40);\n}\n\n.modal-module-Modal-header--withSeperator-JuBGt-4-13-0 {\n border-bottom: var(--border);\n}\n\n.modal-module-Modal-description-yJzzp-4-13-0 {\n padding: var(--spacing-20) 0;\n}\n\n.modal-module-Modal-footer-njNb3-4-13-0 {\n padding-top: var(--spacing-60);\n padding-bottom: var(--spacing-60);\n justify-content: flex-end;\n position: absolute;\n bottom: 0;\n}\n\n.modal-module-Modal-footer--withSeperator-E6Dfh-4-13-0 {\n border-top: var(--border);\n}\n\n.modal-module-Modal-body-kEuY3-4-13-0 {\n padding: 0 var(--spacing-60);\n}\n\n.modal-module-Modal-body--withMargin-QJGL1-4-13-0 {\n margin-bottom: 80px;\n}\n\n.modal-module-Modal-body--withPadding-sX2cE-4-13-0 {\n padding-bottom: var(--spacing-40);\n}\n";
|
|
9187
|
+
var styles$x = {"Modal":"modal-module-Modal-jy6BE-4-13-0","Modal--open":"modal-module-Modal--open-pEOMN-4-13-0","Modal-animation--open":"modal-module-Modal-animation--open-GPVLI-4-13-0","modal-open":"modal-module-modal-open-XetuH-4-13-0","Modal-animation--close":"modal-module-Modal-animation--close-re3FT-4-13-0","modal-close":"modal-module-modal-close-6bwSt-4-13-0","Modal-header":"modal-module-Modal-header-fdaxo-4-13-0","Modal-header--withSeperator":"modal-module-Modal-header--withSeperator-JuBGt-4-13-0","Modal-description":"modal-module-Modal-description-yJzzp-4-13-0","Modal-footer":"modal-module-Modal-footer-njNb3-4-13-0","Modal-footer--withSeperator":"modal-module-Modal-footer--withSeperator-E6Dfh-4-13-0","Modal-body":"modal-module-Modal-body-kEuY3-4-13-0","Modal-body--withMargin":"modal-module-Modal-body--withMargin-QJGL1-4-13-0","Modal-body--withPadding":"modal-module-Modal-body--withPadding-sX2cE-4-13-0"};
|
|
9125
9188
|
styleInject$1(css_248z$z);
|
|
9126
9189
|
|
|
9127
9190
|
var Modal = function (_super) {
|
|
@@ -9370,8 +9433,8 @@
|
|
|
9370
9433
|
};
|
|
9371
9434
|
ModalFooter.displayName = 'ModalFooter';
|
|
9372
9435
|
|
|
9373
|
-
var css_248z$y = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-
|
|
9374
|
-
var styles$w = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-
|
|
9436
|
+
var css_248z$y = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-13-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-13-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-13-0 {\n position: fixed !important;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n box-sizing: border-box;\n padding-top: var(--spacing-120);\n background-color: var(--white);\n overflow: auto;\n display: flex;\n flex-direction: column;\n}\n\n.fullscreenModal-module-FullscreenModal-animation--open--3N-S-4-13-0 {\n animation: fullscreenModal-module-fullscreenModal-open-62v3L-4-13-0 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-13-0 {\n animation: fullscreenModal-module-fullscreenModal-close-7gVSl-4-13-0 120ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-header-sDsnU-4-13-0 {\n display: flex;\n justify-content: flex-start;\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n padding-right: var(--spacing-30);\n}\n\n.fullscreenModal-module-FullscreenModal-footer-iQzjY-4-13-0 {\n justify-content: flex-end;\n padding-top: var(--spacing-40);\n padding-bottom: var(--spacing-40);\n}\n\n.fullscreenModal-module-FullscreenModal-body-7vbJl-4-13-0 {\n padding: var(--spacing-40) var(--spacing-60);\n}\n";
|
|
9437
|
+
var styles$w = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-13-0","FullscreenModal-animation--open":"fullscreenModal-module-FullscreenModal-animation--open--3N-S-4-13-0","fullscreenModal-open":"fullscreenModal-module-fullscreenModal-open-62v3L-4-13-0","FullscreenModal-animation--close":"fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-13-0","fullscreenModal-close":"fullscreenModal-module-fullscreenModal-close-7gVSl-4-13-0","FullscreenModal-header":"fullscreenModal-module-FullscreenModal-header-sDsnU-4-13-0","FullscreenModal-footer":"fullscreenModal-module-FullscreenModal-footer-iQzjY-4-13-0","FullscreenModal-body":"fullscreenModal-module-FullscreenModal-body-7vbJl-4-13-0"};
|
|
9375
9438
|
styleInject$1(css_248z$y);
|
|
9376
9439
|
|
|
9377
9440
|
var FullscreenModal = function (_super) {
|
|
@@ -9525,8 +9588,8 @@
|
|
|
9525
9588
|
return FullscreenModal;
|
|
9526
9589
|
}(React__namespace.Component);
|
|
9527
9590
|
|
|
9528
|
-
var css_248z$x = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-
|
|
9529
|
-
var styles$v = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-
|
|
9591
|
+
var css_248z$x = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-13-0 {\n from {\n right: -100%;\n }\n to {\n right: 0;\n }\n}\n\n@keyframes sidesheet-module-sidesheet-close-iHEhI-4-13-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-13-0 {\n from {\n transform: translateX(calc(-1 * var(--spacing-80)));\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes sidesheet-module-shift-left-spacing-3-6M1aJ-4-13-0 {\n from {\n transform: translateX(var(--spacing-80));\n }\n to {\n transform: translateX(0);\n }\n}\n\n.sidesheet-module-Sidesheet-NOxgD-4-13-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-13-0 {\n visibility: visible;\n}\n\n.sidesheet-module-Sidesheet-animation--open-J-A5h-4-13-0 {\n animation: sidesheet-module-sidesheet-open-8Xjl--4-13-0 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.sidesheet-module-Sidesheet-animation--close-hu-c0-4-13-0 {\n animation: sidesheet-module-sidesheet-close-iHEhI-4-13-0 120ms cubic-bezier(0.4, 0.14, 1, 1);\n animation-fill-mode: forwards;\n}\n\n.sidesheet-module-Sidesheet-header--NeWW-4-13-0 {\n display: flex;\n justify-content: flex-start;\n padding-top: var(--spacing-40);\n padding-bottom: var(--spacing-30);\n padding-right: var(--spacing-40);\n}\n\n.sidesheet-module-Sidesheet-header--withSeperator-NT81x-4-13-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-body-M4-ag-4-13-0 {\n padding: 0 var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-13-0 {\n margin-bottom: 80px;\n}\n\n.sidesheet-module-Sidesheet-footer-PXjKf-4-13-0 {\n padding-top: var(--spacing-60);\n padding-bottom: var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-13-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-13-0 {\n position: absolute;\n bottom: 0;\n}\n\n.sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-13-0 {\n animation: sidesheet-module-shift-right-spacing-3-0drfg-4-13-0 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-13-0 {\n animation: sidesheet-module-shift-left-spacing-3-6M1aJ-4-13-0 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-13-0 {\n animation: sidesheet-module-fadeIn-LZlsa-4-13-0 var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-13-0 {\n animation: sidesheet-module-fadeIn-LZlsa-4-13-0 var(--duration--fast-02) var(--standard-expressive-curve);\n}\n";
|
|
9592
|
+
var styles$v = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-13-0","Sidesheet--open":"sidesheet-module-Sidesheet--open-susbv-4-13-0","Sidesheet-animation--open":"sidesheet-module-Sidesheet-animation--open-J-A5h-4-13-0","sidesheet-open":"sidesheet-module-sidesheet-open-8Xjl--4-13-0","Sidesheet-animation--close":"sidesheet-module-Sidesheet-animation--close-hu-c0-4-13-0","sidesheet-close":"sidesheet-module-sidesheet-close-iHEhI-4-13-0","Sidesheet-header":"sidesheet-module-Sidesheet-header--NeWW-4-13-0","Sidesheet-header--withSeperator":"sidesheet-module-Sidesheet-header--withSeperator-NT81x-4-13-0","Sidesheet-body":"sidesheet-module-Sidesheet-body-M4-ag-4-13-0","Sidesheet-body--withMargin":"sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-13-0","Sidesheet-footer":"sidesheet-module-Sidesheet-footer-PXjKf-4-13-0","Sidesheet-footer--withSeperator":"sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-13-0","Sidesheet-footer--stickToBottom":"sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-13-0","Sidesheet-header--shiftRight":"sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-13-0","shift-right-spacing-3":"sidesheet-module-shift-right-spacing-3-0drfg-4-13-0","Sidesheet-header--shiftLeft":"sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-13-0","shift-left-spacing-3":"sidesheet-module-shift-left-spacing-3-6M1aJ-4-13-0","Sidesheet-body--nextPage":"sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-13-0","fadeIn":"sidesheet-module-fadeIn-LZlsa-4-13-0","Sidesheet-body--firstPage":"sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-13-0"};
|
|
9530
9593
|
styleInject$1(css_248z$x);
|
|
9531
9594
|
|
|
9532
9595
|
var sidesheetWidth = {
|
|
@@ -9703,8 +9766,8 @@
|
|
|
9703
9766
|
return Sidesheet;
|
|
9704
9767
|
}(React__namespace.Component);
|
|
9705
9768
|
|
|
9706
|
-
var css_248z$w = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
9707
|
-
var styles$u = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
9769
|
+
var css_248z$w = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-13-0 {\n position: relative;\n z-index: 600;\n}\n\n.collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-13-0 {\n margin-right: 40px;\n}\n\n.collapsible-module-Collapsible-R-E0M-4-13-0 {\n display: inline-flex;\n flex-direction: column;\n background-color: var(--secondary-lightest);\n width: var(--spacing-120);\n height: 100%;\n transition: width 240ms;\n transition-timing-function: cubic-bezier(0.4, 0.14, 0.3, 1);\n}\n\n.collapsible-module-Collapsible--overlay-UiWwK-4-13-0 {\n position: absolute;\n}\n\n.collapsible-module-Collapsible--shadow-ObNC6-4-13-0 {\n box-shadow: var(--shadow-l);\n clip-path: inset(0px -16px 0px 0px);\n}\n\n.collapsible-module-Collapsible-body-63KgR-4-13-0 {\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-13-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n box-sizing: border-box;\n cursor: pointer;\n display: flex;\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-13-0:hover {\n background-color: var(--secondary-lighter);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-13-0:focus,\n.collapsible-module-Collapsible-footer-cTQby-4-13-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-13-0:active {\n background-color: var(--secondary-light);\n}\n\n.collapsible-module-Collapsible-footer--seperator-4XHlt-4-13-0 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
9770
|
+
var styles$u = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-13-0","Collapsible-wrapper--overlay":"collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-13-0","Collapsible":"collapsible-module-Collapsible-R-E0M-4-13-0","Collapsible--overlay":"collapsible-module-Collapsible--overlay-UiWwK-4-13-0","Collapsible--shadow":"collapsible-module-Collapsible--shadow-ObNC6-4-13-0","Collapsible-body":"collapsible-module-Collapsible-body-63KgR-4-13-0","Collapsible-footer":"collapsible-module-Collapsible-footer-cTQby-4-13-0","Collapsible-footer--seperator":"collapsible-module-Collapsible-footer--seperator-4XHlt-4-13-0"};
|
|
9708
9771
|
styleInject$1(css_248z$w);
|
|
9709
9772
|
|
|
9710
9773
|
var Collapsible = function Collapsible(props) {
|
|
@@ -9792,8 +9855,8 @@
|
|
|
9792
9855
|
withTrigger: true
|
|
9793
9856
|
};
|
|
9794
9857
|
|
|
9795
|
-
var css_248z$v = ".chat-module-Box-nVkrd-4-
|
|
9796
|
-
var styles$t = {"Box":"chat-module-Box-nVkrd-4-
|
|
9858
|
+
var css_248z$v = ".chat-module-Box-nVkrd-4-13-0 {\n width: 100%;\n border-radius: var(--border-radius-20);\n padding: var(--spacing-30);\n}\n\n.chat-module-Box--typing-WmXRM-4-13-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.chat-module-Box--incoming-8KEhx-4-13-0 {\n border: var(--border-width-2-5) solid var(--secondary-light);\n background-color: var(--white);\n}\n\n.chat-module-Box--outgoing-eC7L7-4-13-0 {\n background-color: var(--secondary-lightest);\n}\n\n.chat-module-Box-incoming--withStatus-gGxq9-4-13-0 {\n border-bottom-left-radius: 0;\n}\n\n.chat-module-Box-outgoing--withStatus-fYw1d-4-13-0 {\n border-bottom-right-radius: 0;\n}\n\n.chat-module-Box--urgent-LErV3-4-13-0 {\n border-color: var(--alert);\n}\n\n.chat-module-ChatMessage-status-snoof-4-13-0 {\n margin-top: var(--spacing-10);\n display: block;\n}\n";
|
|
9859
|
+
var styles$t = {"Box":"chat-module-Box-nVkrd-4-13-0","Box--typing":"chat-module-Box--typing-WmXRM-4-13-0","Box--incoming":"chat-module-Box--incoming-8KEhx-4-13-0","Box--outgoing":"chat-module-Box--outgoing-eC7L7-4-13-0","Box-incoming--withStatus":"chat-module-Box-incoming--withStatus-gGxq9-4-13-0","Box-outgoing--withStatus":"chat-module-Box-outgoing--withStatus-fYw1d-4-13-0","Box--urgent":"chat-module-Box--urgent-LErV3-4-13-0","ChatMessage-status":"chat-module-ChatMessage-status-snoof-4-13-0"};
|
|
9797
9860
|
styleInject$1(css_248z$v);
|
|
9798
9861
|
|
|
9799
9862
|
var Status$1 = function Status(props) {
|
|
@@ -9960,8 +10023,8 @@
|
|
|
9960
10023
|
|
|
9961
10024
|
var EmptyStateContext = /*#__PURE__*/React__namespace.createContext({});
|
|
9962
10025
|
|
|
9963
|
-
var css_248z$u = ".emptyState-module-EmptyState-xAbqT-4-
|
|
9964
|
-
var styles$s = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-
|
|
10026
|
+
var css_248z$u = ".emptyState-module-EmptyState-xAbqT-4-13-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-13-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-13-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-13-0 {\n text-align: center;\n max-width: 480px;\n}\n\n.emptyState-module-EmptyState-description-orGdo-4-13-0 {\n text-align: center;\n margin-top: var(--spacing-10);\n max-width: 360px;\n}\n\n.emptyState-module-EmptyState-title--large-64J7i-4-13-0 {\n margin-top: var(--spacing-120);\n}\n\n.emptyState-module-EmptyState-title--small-lEDPt-4-13-0 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--large-hMXtK-4-13-0 {\n margin-bottom: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--small-gq50n-4-13-0 {\n margin-bottom: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-text-1y-HU-4-13-0 {\n display: flex;\n text-align: center;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-actions-xhSau-4-13-0 {\n display: flex;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-title--compressed-Pp9jF-4-13-0 {\n margin-top: var(--spacing-40);\n}\n.emptyState-module-EmptyState-title--standard-XtKl2-4-13-0 {\n margin-top: var(--spacing-60);\n}\n.emptyState-module-EmptyState-title--tight-ZSyIK-4-13-0 {\n margin-top: var(--spacing-30);\n}\n\n.emptyState-module-EmptyState-actions--compressed-E8-g2-4-13-0 {\n margin-top: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-actions--standard-G3fT9-4-13-0 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-actions--tight-mfayn-4-13-0 {\n margin-top: var(--spacing-30);\n}\n";
|
|
10027
|
+
var styles$s = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-13-0","EmptyState-Wrapper":"emptyState-module-EmptyState-Wrapper-IqIuE-4-13-0","EmptyState-image":"emptyState-module-EmptyState-image-GWUhK-4-13-0","EmptyState-title":"emptyState-module-EmptyState-title-VlvHo-4-13-0","EmptyState-description":"emptyState-module-EmptyState-description-orGdo-4-13-0","EmptyState-title--large":"emptyState-module-EmptyState-title--large-64J7i-4-13-0","EmptyState-title--small":"emptyState-module-EmptyState-title--small-lEDPt-4-13-0","EmptyState-description--large":"emptyState-module-EmptyState-description--large-hMXtK-4-13-0","EmptyState-description--small":"emptyState-module-EmptyState-description--small-gq50n-4-13-0","EmptyState-text":"emptyState-module-EmptyState-text-1y-HU-4-13-0","EmptyState-actions":"emptyState-module-EmptyState-actions-xhSau-4-13-0","EmptyState-title--compressed":"emptyState-module-EmptyState-title--compressed-Pp9jF-4-13-0","EmptyState-title--standard":"emptyState-module-EmptyState-title--standard-XtKl2-4-13-0","EmptyState-title--tight":"emptyState-module-EmptyState-title--tight-ZSyIK-4-13-0","EmptyState-actions--compressed":"emptyState-module-EmptyState-actions--compressed-E8-g2-4-13-0","EmptyState-actions--standard":"emptyState-module-EmptyState-actions--standard-G3fT9-4-13-0","EmptyState-actions--tight":"emptyState-module-EmptyState-actions--tight-mfayn-4-13-0"};
|
|
9965
10028
|
styleInject$1(css_248z$u);
|
|
9966
10029
|
|
|
9967
10030
|
var imageHeight$1 = {
|
|
@@ -10320,8 +10383,8 @@
|
|
|
10320
10383
|
pageJumpDebounceDuration: 750
|
|
10321
10384
|
};
|
|
10322
10385
|
|
|
10323
|
-
var css_248z$t = ".editableInput-module-EditableInput-jeeBB-4-
|
|
10324
|
-
var styles$r = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-
|
|
10386
|
+
var css_248z$t = ".editableInput-module-EditableInput-jeeBB-4-13-0 {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n width: 100%;\n}\n\n.editableInput-module-EditableInput-actions-L90fR-4-13-0 {\n position: absolute;\n display: flex;\n justify-content: flex-end;\n margin-top: var(--spacing-10);\n width: 100%;\n}\n\n.editableInput-module-EditableInput-actions--regular-ShViM-4-13-0 {\n top: var(--spacing-80);\n}\n\n.editableInput-module-EditableInput-actions--tiny-kIRx4-4-13-0 {\n top: var(--spacing-60);\n}\n\n.editableInput-module-EditableInput-default-PLtoY-4-13-0 {\n border: var(--border-width-2-5) solid transparent;\n box-sizing: border-box;\n white-space: nowrap;\n display: flex;\n align-items: center;\n}\n\n.editableInput-module-EditableInput-default--regular-M9hwS-4-13-0 {\n min-width: var(--spacing-640);\n height: var(--spacing-80);\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-30);\n}\n\n.editableInput-module-EditableInput-default--tiny-PMLyx-4-13-0 {\n min-width: var(--spacing-240);\n height: var(--spacing-60);\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-height-s);\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.editableInput-module-EditableInput-Input--tiny-3FTNw-4-13-0 {\n min-width: var(--spacing-240) !important;\n width: 100%;\n}\n";
|
|
10387
|
+
var styles$r = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-13-0","EditableInput-actions":"editableInput-module-EditableInput-actions-L90fR-4-13-0","EditableInput-actions--regular":"editableInput-module-EditableInput-actions--regular-ShViM-4-13-0","EditableInput-actions--tiny":"editableInput-module-EditableInput-actions--tiny-kIRx4-4-13-0","EditableInput-default":"editableInput-module-EditableInput-default-PLtoY-4-13-0","EditableInput-default--regular":"editableInput-module-EditableInput-default--regular-M9hwS-4-13-0","EditableInput-default--tiny":"editableInput-module-EditableInput-default--tiny-PMLyx-4-13-0","EditableInput-Input--tiny":"editableInput-module-EditableInput-Input--tiny-3FTNw-4-13-0"};
|
|
10325
10388
|
styleInject$1(css_248z$t);
|
|
10326
10389
|
|
|
10327
10390
|
var EditableInput = function EditableInput(props) {
|
|
@@ -10469,8 +10532,8 @@
|
|
|
10469
10532
|
inputOptions: {}
|
|
10470
10533
|
};
|
|
10471
10534
|
|
|
10472
|
-
var css_248z$s = ".editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
10473
|
-
var styles$q = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
10535
|
+
var css_248z$s = ".editableChipInput-module-EditableChipInput-fDBaL-4-13-0 {\n position: relative;\n width: 100%;\n}\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-13-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-30);\n border-left: var(--border-width-2-5) solid transparent;\n min-height: var(--spacing-80);\n flex-wrap: wrap;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-13-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-20);\n border: var(--border-width-2-5) solid transparent;\n padding-top: var(--spacing-2-5);\n padding-bottom: var(--spacing-2-5);\n max-width: calc(100% - 28px);\n flex-wrap: wrap;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-13-0:hover,\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-13-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.editableChipInput-module-EditableChipInput-chipInput-5LAer-4-13-0 {\n padding-left: var(--spacing-20);\n}\n\n.editableChipInput-module-EditableChipInput-actions-S7NrY-4-13-0 {\n position: absolute;\n display: flex;\n justify-content: flex-end;\n margin-top: var(--spacing-10);\n width: 100%;\n}\n";
|
|
10536
|
+
var styles$q = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-13-0","EditableChipInput-default":"editableChipInput-module-EditableChipInput-default-ANzd8-4-13-0","EditableChipInput-defaultWithChips":"editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-13-0","EditableChipInput-chipInput":"editableChipInput-module-EditableChipInput-chipInput-5LAer-4-13-0","EditableChipInput-actions":"editableChipInput-module-EditableChipInput-actions-S7NrY-4-13-0"};
|
|
10474
10537
|
styleInject$1(css_248z$s);
|
|
10475
10538
|
|
|
10476
10539
|
var EditableChipInput = function EditableChipInput(props) {
|
|
@@ -10479,22 +10542,24 @@
|
|
|
10479
10542
|
onChange = props.onChange,
|
|
10480
10543
|
className = props.className,
|
|
10481
10544
|
disableSaveAction = props.disableSaveAction,
|
|
10482
|
-
chipInputOptions = props.chipInputOptions
|
|
10545
|
+
chipInputOptions = props.chipInputOptions,
|
|
10546
|
+
_e = props.size,
|
|
10547
|
+
size = _e === void 0 ? 'regular' : _e;
|
|
10483
10548
|
var onChipInputChange = chipInputOptions.onChange,
|
|
10484
|
-
|
|
10485
|
-
chipOptions =
|
|
10549
|
+
_f = chipInputOptions.chipOptions,
|
|
10550
|
+
chipOptions = _f === void 0 ? {} : _f,
|
|
10486
10551
|
rest = __rest(chipInputOptions, ["onChange", "chipOptions"]);
|
|
10487
10552
|
var _onClick = chipOptions.onClick,
|
|
10488
10553
|
chipObject = __rest(chipOptions, ["onClick"]);
|
|
10489
|
-
var _f = React__namespace.useState(props.value),
|
|
10490
|
-
inputValue = _f[0],
|
|
10491
|
-
setInputValue = _f[1];
|
|
10492
10554
|
var _g = React__namespace.useState(props.value),
|
|
10493
|
-
|
|
10494
|
-
|
|
10495
|
-
var _h = React__namespace.useState(
|
|
10496
|
-
|
|
10497
|
-
|
|
10555
|
+
inputValue = _g[0],
|
|
10556
|
+
setInputValue = _g[1];
|
|
10557
|
+
var _h = React__namespace.useState(props.value),
|
|
10558
|
+
value = _h[0],
|
|
10559
|
+
setValue = _h[1];
|
|
10560
|
+
var _j = React__namespace.useState(false),
|
|
10561
|
+
showComponent = _j[0],
|
|
10562
|
+
setShowComponent = _j[1];
|
|
10498
10563
|
var baseProps = extractBaseProps(props);
|
|
10499
10564
|
var isWithChips = inputValue && inputValue.length;
|
|
10500
10565
|
var isControlled = props.value !== undefined;
|
|
@@ -10558,6 +10623,7 @@
|
|
|
10558
10623
|
key: index,
|
|
10559
10624
|
name: val,
|
|
10560
10625
|
label: val,
|
|
10626
|
+
size: size,
|
|
10561
10627
|
className: "my-2 mx-2"
|
|
10562
10628
|
}, chipObject, {
|
|
10563
10629
|
onClose: function onClose() {
|
|
@@ -10582,6 +10648,7 @@
|
|
|
10582
10648
|
placeholder: placeholder,
|
|
10583
10649
|
onChange: onChipInputChangeHandler,
|
|
10584
10650
|
value: inputValue,
|
|
10651
|
+
size: size,
|
|
10585
10652
|
chipOptions: chipOptions
|
|
10586
10653
|
}, rest, {
|
|
10587
10654
|
className: inputClass
|
|
@@ -10623,8 +10690,8 @@
|
|
|
10623
10690
|
chipInputOptions: {}
|
|
10624
10691
|
};
|
|
10625
10692
|
|
|
10626
|
-
var css_248z$r = ".progressRing-module-Ring-6kz7n-4-
|
|
10627
|
-
var styles$p = {"Ring":"progressRing-module-Ring-6kz7n-4-
|
|
10693
|
+
var css_248z$r = ".progressRing-module-Ring-6kz7n-4-13-0 {\n transform: rotate(-90deg);\n}\n\n.progressRing-module-Ring--small-h-W58-4-13-0 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.progressRing-module-Ring--regular-PU85S-4-13-0 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.progressRing-module-Ring--large-2xhS6-4-13-0 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.progressRing-module-Ring-6kz7n-4-13-0 Circle {\n fill: none;\n}\n\n.progressRing-module-Ring-background-Pxm3y-4-13-0 {\n stroke: var(--secondary-lightest);\n}\n\n.progressRing-module-Ring-indicator-OwMxU-4-13-0 {\n stroke: var(--primary);\n transition: var(--duration--slow-01) var(--standard-expressive-curve);\n}\n";
|
|
10694
|
+
var styles$p = {"Ring":"progressRing-module-Ring-6kz7n-4-13-0","Ring--small":"progressRing-module-Ring--small-h-W58-4-13-0","Ring--regular":"progressRing-module-Ring--regular-PU85S-4-13-0","Ring--large":"progressRing-module-Ring--large-2xhS6-4-13-0","Ring-background":"progressRing-module-Ring-background-Pxm3y-4-13-0","Ring-indicator":"progressRing-module-Ring-indicator-OwMxU-4-13-0"};
|
|
10628
10695
|
styleInject$1(css_248z$r);
|
|
10629
10696
|
|
|
10630
10697
|
var ProgressRing = function ProgressRing(props) {
|
|
@@ -10668,8 +10735,8 @@
|
|
|
10668
10735
|
max: 100
|
|
10669
10736
|
};
|
|
10670
10737
|
|
|
10671
|
-
var css_248z$q = ".stepper-module-Stepper-2fHQy-4-
|
|
10672
|
-
var styles$o = {"Stepper":"stepper-module-Stepper-2fHQy-4-
|
|
10738
|
+
var css_248z$q = ".stepper-module-Stepper-2fHQy-4-13-0 {\n display: flex;\n}\n\n.stepper-module-Step-U1Ae--4-13-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-30);\n margin-left: var(--spacing-2-5);\n margin-right: var(--spacing-2-5);\n border-radius: var(--border-radius-40);\n cursor: pointer;\n}\n\n.stepper-module-Step-U1Ae--4-13-0:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step-U1Ae--4-13-0:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step-U1Ae--4-13-0:focus,\n.stepper-module-Step-U1Ae--4-13-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-13-0 {\n color: var(--primary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-13-0:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-13-0:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-13-0:focus,\n.stepper-module-Step--completed-W1Ltb-4-13-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-13-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-13-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.stepper-module-Step--active-OpxVe-4-13-0:focus,\n.stepper-module-Step--active-OpxVe-4-13-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-13-0:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.stepper-module-Step--active-OpxVe-4-13-0:active .stepper-module-Stepper-text-1S78v-4-13-0 {\n color: var(--primary-darker);\n}\n\n/* Disabled State */\n\n.stepper-module-Step--disabled-2l-AC-4-13-0 {\n cursor: not-allowed;\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n\n.stepper-module-Stepper-animate-Tgb9L-4-13-0 {\n transition-delay: var(--duration--fast-02);\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n";
|
|
10739
|
+
var styles$o = {"Stepper":"stepper-module-Stepper-2fHQy-4-13-0","Step":"stepper-module-Step-U1Ae--4-13-0","Step--completed":"stepper-module-Step--completed-W1Ltb-4-13-0","Step--active":"stepper-module-Step--active-OpxVe-4-13-0","Stepper-text":"stepper-module-Stepper-text-1S78v-4-13-0","Step--disabled":"stepper-module-Step--disabled-2l-AC-4-13-0","Stepper-animate":"stepper-module-Stepper-animate-Tgb9L-4-13-0"};
|
|
10673
10740
|
styleInject$1(css_248z$q);
|
|
10674
10741
|
|
|
10675
10742
|
var Step$1 = function Step(props) {
|
|
@@ -10759,8 +10826,8 @@
|
|
|
10759
10826
|
skipIndexes: []
|
|
10760
10827
|
};
|
|
10761
10828
|
|
|
10762
|
-
var css_248z$p = ".dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
10763
|
-
var styles$n = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
10829
|
+
var css_248z$p = ".dateRangePicker-module-DateRangePicker-XQroW-4-13-0 {\n display: flex;\n}\n\n.dateRangePicker-module-DateRangePicker--left-h3kfr-4-13-0 {\n flex-direction: row;\n}\n\n.dateRangePicker-module-DateRangePicker--right-0yzI--4-13-0 {\n flex-direction: row-reverse;\n}\n\n.dateRangePicker-module-DateRangePicker-input-OZjbS-4-13-0 {\n box-sizing: border-box;\n}\n\n.dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-13-0 {\n padding-right: var(--spacing-10);\n}\n\n.dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-13-0 {\n padding-left: var(--spacing-10);\n}\n\n@media (max-width: 576px) {\n .dateRangePicker-module-DateRangePicker-input-OZjbS-4-13-0 {\n padding: 0;\n }\n\n .dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-13-0 {\n padding-top: var(--spacing-20);\n }\n}\n";
|
|
10830
|
+
var styles$n = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-13-0","DateRangePicker--left":"dateRangePicker-module-DateRangePicker--left-h3kfr-4-13-0","DateRangePicker--right":"dateRangePicker-module-DateRangePicker--right-0yzI--4-13-0","DateRangePicker-input":"dateRangePicker-module-DateRangePicker-input-OZjbS-4-13-0","DateRangePicker-input--startDate":"dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-13-0","DateRangePicker-input--endDate":"dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-13-0"};
|
|
10764
10831
|
styleInject$1(css_248z$p);
|
|
10765
10832
|
|
|
10766
10833
|
var Trigger = function Trigger(props) {
|
|
@@ -11535,8 +11602,8 @@
|
|
|
11535
11602
|
return DateRangePicker;
|
|
11536
11603
|
}(React__namespace.Component);
|
|
11537
11604
|
|
|
11538
|
-
var css_248z$o = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-
|
|
11539
|
-
var styles$m = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-
|
|
11605
|
+
var css_248z$o = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-13-0 {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.tabs-module-TabsWrapper-header-psflk-4-13-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-13-0 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-7anZt-4-13-0 {\n position: relative;\n display: flex;\n flex-direction: row;\n cursor: pointer;\n min-width: 40px;\n margin-bottom: calc(-1 * var(--spacing-2-5));\n text-align: center;\n}\n\n.tabs-module-Tab--small-t-Ovt-4-13-0 {\n padding: var(--spacing-20) var(--spacing-30) var(--spacing-30);\n}\n\n.tabs-module-Tab--regular-f2Pf2-4-13-0 {\n padding: var(--spacing-30) var(--spacing-30) var(--spacing-40);\n}\n\n.tabs-module-Tab-7anZt-4-13-0:last-child {\n margin-right: 0;\n}\n\n.tabs-module-Tab-7anZt-4-13-0::after {\n position: absolute;\n left: 0;\n bottom: 0;\n content: '';\n width: calc(100% - 2 * var(--spacing-30));\n height: var(--spacing-05);\n background-color: transparent;\n margin-left: var(--spacing-30);\n border-top-left-radius: var(--border-radius-2-5);\n border-top-right-radius: var(--border-radius-2-5);\n}\n\n.tabs-module-Tab-7anZt-4-13-0:hover::after {\n background-color: var(--inverse-lighter);\n}\n\n.tabs-module-Tab-7anZt-4-13-0:active::after {\n background-color: var(--inverse-light);\n}\n\n.tabs-module-Tab--active-H398--4-13-0::after {\n background-color: var(--primary);\n}\n\n.tabs-module-Tab-7anZt-4-13-0:focus {\n outline: none;\n border-radius: var(--border-radius-10);\n /* Using box shadow instead of border as border shifts the div down which cuts the Icon & Text of label. */\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.tabs-module-Tab--active-H398--4-13-0:hover .tabs-module-Tab-selected-21aei-4-13-0 {\n color: var(--primary-dark);\n}\n\n.tabs-module-Tab-selected-21aei-4-13-0:hover::after {\n background-color: var(--primary-dark);\n}\n\n.tabs-module-Tab-7anZt-4-13-0:active:focus {\n box-shadow: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-13-0 {\n cursor: not-allowed;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-13-0:focus {\n box-shadow: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-13-0:hover::after {\n background-color: transparent;\n}\n\n.tabs-module-Tab-icon-s-gJG-4-13-0 {\n display: flex;\n min-width: inherit;\n justify-content: space-between;\n}\n\n.tabs-module-Tabs-oQ6zt-4-13-0 {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n}\n\n.tabs-module-Tabs--withSeparator-ENZzj-4-13-0 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-pills-i0on--4-13-0 {\n cursor: pointer;\n margin-right: var(--spacing-20);\n overflow: visible;\n}\n\n.tabs-module-Tab-pills--disabled-7RUAZ-4-13-0 {\n opacity: var(--opacity-10);\n cursor: not-allowed;\n}\n\n.tabs-module-DismissibleTab-icon--right--MDLa-4-13-0 {\n padding: var(--spacing-05);\n margin-left: var(--spacing-05);\n outline: none;\n border-radius: var(--border-radius-full);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-13-0:focus-visible {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-13-0:hover {\n background-color: var(--secondary);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-13-0:active {\n background-color: var(--secondary-dark);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-13-0:focus-visible {\n outline: var(--spacing-05) solid var(--primary-shadow);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-13-0:hover {\n background-color: var(--primary-lighter);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-13-0:active {\n background-color: var(--primary-light);\n}\n\n.tabs-module-Tab--overflow-ZMfp0-4-13-0 {\n display: flex;\n box-sizing: border-box;\n}\n";
|
|
11606
|
+
var styles$m = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-13-0","TabsWrapper-header":"tabs-module-TabsWrapper-header-psflk-4-13-0","TabsWrapper-header--withSeparator":"tabs-module-TabsWrapper-header--withSeparator-gbJ63-4-13-0","Tab":"tabs-module-Tab-7anZt-4-13-0","Tab--small":"tabs-module-Tab--small-t-Ovt-4-13-0","Tab--regular":"tabs-module-Tab--regular-f2Pf2-4-13-0","Tab--active":"tabs-module-Tab--active-H398--4-13-0","Tab-selected":"tabs-module-Tab-selected-21aei-4-13-0","Tab--disabled":"tabs-module-Tab--disabled-jMmkz-4-13-0","Tab-icon":"tabs-module-Tab-icon-s-gJG-4-13-0","Tabs":"tabs-module-Tabs-oQ6zt-4-13-0","Tabs--withSeparator":"tabs-module-Tabs--withSeparator-ENZzj-4-13-0","Tab-pills":"tabs-module-Tab-pills-i0on--4-13-0","Tab-pills--disabled":"tabs-module-Tab-pills--disabled-7RUAZ-4-13-0","DismissibleTab-icon--right":"tabs-module-DismissibleTab-icon--right--MDLa-4-13-0","DismissibleTab-icon--default":"tabs-module-DismissibleTab-icon--default-Jh5TO-4-13-0","DismissibleTab-icon--selected":"tabs-module-DismissibleTab-icon--selected-9Fyvu-4-13-0","Tab--overflow":"tabs-module-Tab--overflow-ZMfp0-4-13-0"};
|
|
11540
11607
|
styleInject$1(css_248z$o);
|
|
11541
11608
|
|
|
11542
11609
|
var TabsWrapper = function TabsWrapper(props) {
|
|
@@ -12485,8 +12552,8 @@
|
|
|
12485
12552
|
}
|
|
12486
12553
|
};
|
|
12487
12554
|
|
|
12488
|
-
var css_248z$n = ".dropzone-module-Dropzone-xfBzQ-4-
|
|
12489
|
-
var styles$l = {"Dropzone":"dropzone-module-Dropzone-xfBzQ-4-
|
|
12555
|
+
var css_248z$n = ".dropzone-module-Dropzone-xfBzQ-4-13-0 {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--white);\n border-radius: var(--border-radius-10);\n width: 100%;\n background-image: linear-gradient(to right, var(--secondary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--secondary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, var(--secondary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--secondary) 50%, rgba(255, 255, 255, 0) 0%);\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: var(--spacing-40) var(--spacing-2-5), var(--spacing-2-5) var(--spacing-40);\n transition: background-color var(--duration--moderate-01) var(--standard-productive-curve);\n box-sizing: border-box;\n}\n\n.dropzone-module-Dropzone--active-M0Gcb-4-13-0 {\n background-color: var(--primary-lightest);\n background-image: linear-gradient(to right, var(--primary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--primary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, var(--primary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--primary) 50%, rgba(255, 255, 255, 0) 0%);\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: var(--spacing-40) var(--spacing-2-5), var(--spacing-2-5) var(--spacing-40);\n transition: background-color var(--duration--moderate-01) var(--standard-productive-curve);\n box-sizing: border-box;\n}\n\n.dropzone-module-Dropzone-animation-qJQVf-4-13-0 {\n animation-delay: var(--duration--fast-02);\n animation-fill-mode: forwards;\n}\n\n.dropzone-module-Dropzone-animation--default-cuelA-4-13-0 {\n animation: dropzone-module-dropzoneDefault-5MWv4-4-13-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-animation--active-AlfVM-4-13-0 {\n animation: dropzone-module-dropzoneActive-DcbqH-4-13-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneDefault-5MWv4-4-13-0 {\n from {\n opacity: 0;\n padding-top: 20px;\n }\n\n to {\n opacity: 1;\n padding-top: var(--spacing-30);\n }\n}\n\n@keyframes dropzone-module-dropzoneActive-DcbqH-4-13-0 {\n from {\n opacity: 0;\n padding-top: 20px;\n }\n\n to {\n opacity: 1;\n padding-top: var(--spacing-30);\n }\n}\n\n.dropzone-module-Dropzone-standard--default-HMghu-4-13-0 {\n animation: dropzone-module-dropzoneStandardDefault-YIUej-4-13-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-standard--active-8ZfF7-4-13-0 {\n animation: dropzone-module-dropzoneStandardActive-ZiJ-w-4-13-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneStandardDefault-YIUej-4-13-0 {\n from {\n opacity: 0;\n padding-top: var(--spacing-40);\n }\n\n to {\n opacity: 1;\n padding-top: var(--spacing-20);\n }\n}\n\n@keyframes dropzone-module-dropzoneStandardActive-ZiJ-w-4-13-0 {\n from {\n opacity: 0;\n padding-top: var(--spacing-40);\n }\n\n to {\n opacity: 1;\n padding-top: var(--spacing-20);\n }\n}\n\n.dropzone-module-Dropzone--error-wcuXz-4-13-0 {\n background: var(--alert-lightest);\n background-image: linear-gradient(to right, var(--alert) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--alert) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, var(--alert) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--alert) 50%, rgba(255, 255, 255, 0) 0%);\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: var(--spacing-40) var(--spacing-2-5), var(--spacing-2-5) var(--spacing-40);\n}\n\n.dropzone-module-Dropzone--disabled-Z-6tQ-4-13-0 {\n background-image: linear-gradient(to right, var(--secondary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--secondary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(to right, var(--secondary) 50%, rgba(255, 255, 255, 0) 0%),\n linear-gradient(var(--secondary) 50%, rgba(255, 255, 255, 0) 0%);\n background-position: top, right, bottom, left;\n background-repeat: repeat-x, repeat-y;\n background-size: var(--spacing-40) var(--spacing-2-5), var(--spacing-2-5) var(--spacing-40);\n}\n\n.dropzone-module-Dropzone--standard-BLqgV-4-13-0 {\n flex-direction: column;\n height: 196px;\n min-width: 480px;\n padding: var(--spacing-20) var(--spacing-60) var(--spacing-40) var(--spacing-60);\n}\n\n.dropzone-module-Dropzone--compressed-REqQ2-4-13-0 {\n flex-direction: row;\n height: 124px;\n min-width: 400px;\n padding: var(--spacing-30) var(--spacing-60) var(--spacing-40) var(--spacing-60);\n}\n\n.dropzone-module-Dropzone--tight--XZ-s-4-13-0 {\n height: 124px;\n min-width: 320px;\n padding: var(--spacing-30) var(--spacing-60) var(--spacing-40) var(--spacing-60);\n}\n\n.dropzone-module-DropzoneWrapper-sLmKQ-4-13-0 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.dropzone-module-DropzoneWrapper--standard-0fW8S-4-13-0,\n.dropzone-module-DropzoneWrapper--tight-Cg0sm-4-13-0 {\n align-items: center;\n}\n\n.dropzone-module-DropzoneWrapper--compressed-UKNax-4-13-0 {\n align-items: start;\n}\n\n.dropzone-module-Dropzone-icon--standard-Nv5eM-4-13-0 {\n margin-bottom: var(--spacing-30);\n}\n\n.dropzone-module-Dropzone-icon--compressed-lcmwS-4-13-0 {\n margin-right: var(--spacing-60);\n}\n\n.dropzone-module-Dropzone-icon--disabled-8nN-d-4-13-0 {\n fill: var(--inverse-lightest);\n}\n\n.dropzone-module-Dropzone-icon--default-mwP9a-4-13-0 {\n fill: var(--inverse-lighter);\n}\n\n.dropzone-module-Dropzone-icon--active-qPLXO-4-13-0 {\n fill: var(--primary);\n}\n\n.dropzone-module-Dropzone-icon--error-ImiCw-4-13-0 {\n fill: var(--alert);\n}\n";
|
|
12556
|
+
var styles$l = {"Dropzone":"dropzone-module-Dropzone-xfBzQ-4-13-0","Dropzone--active":"dropzone-module-Dropzone--active-M0Gcb-4-13-0","Dropzone-animation":"dropzone-module-Dropzone-animation-qJQVf-4-13-0","Dropzone-animation--default":"dropzone-module-Dropzone-animation--default-cuelA-4-13-0","dropzoneDefault":"dropzone-module-dropzoneDefault-5MWv4-4-13-0","Dropzone-animation--active":"dropzone-module-Dropzone-animation--active-AlfVM-4-13-0","dropzoneActive":"dropzone-module-dropzoneActive-DcbqH-4-13-0","Dropzone-standard--default":"dropzone-module-Dropzone-standard--default-HMghu-4-13-0","dropzoneStandardDefault":"dropzone-module-dropzoneStandardDefault-YIUej-4-13-0","Dropzone-standard--active":"dropzone-module-Dropzone-standard--active-8ZfF7-4-13-0","dropzoneStandardActive":"dropzone-module-dropzoneStandardActive-ZiJ-w-4-13-0","Dropzone--error":"dropzone-module-Dropzone--error-wcuXz-4-13-0","Dropzone--disabled":"dropzone-module-Dropzone--disabled-Z-6tQ-4-13-0","Dropzone--standard":"dropzone-module-Dropzone--standard-BLqgV-4-13-0","Dropzone--compressed":"dropzone-module-Dropzone--compressed-REqQ2-4-13-0","Dropzone--tight":"dropzone-module-Dropzone--tight--XZ-s-4-13-0","DropzoneWrapper":"dropzone-module-DropzoneWrapper-sLmKQ-4-13-0","DropzoneWrapper--standard":"dropzone-module-DropzoneWrapper--standard-0fW8S-4-13-0","DropzoneWrapper--tight":"dropzone-module-DropzoneWrapper--tight-Cg0sm-4-13-0","DropzoneWrapper--compressed":"dropzone-module-DropzoneWrapper--compressed-UKNax-4-13-0","Dropzone-icon--standard":"dropzone-module-Dropzone-icon--standard-Nv5eM-4-13-0","Dropzone-icon--compressed":"dropzone-module-Dropzone-icon--compressed-lcmwS-4-13-0","Dropzone-icon--disabled":"dropzone-module-Dropzone-icon--disabled-8nN-d-4-13-0","Dropzone-icon--default":"dropzone-module-Dropzone-icon--default-mwP9a-4-13-0","Dropzone-icon--active":"dropzone-module-Dropzone-icon--active-qPLXO-4-13-0","Dropzone-icon--error":"dropzone-module-Dropzone-icon--error-ImiCw-4-13-0"};
|
|
12490
12557
|
styleInject$1(css_248z$n);
|
|
12491
12558
|
|
|
12492
12559
|
var svgCode = {
|
|
@@ -12618,8 +12685,8 @@
|
|
|
12618
12685
|
};
|
|
12619
12686
|
FileUploaderFormat.displayName = 'FileUploaderFormat';
|
|
12620
12687
|
|
|
12621
|
-
var css_248z$m = ".fileUploader-module-FileUploader--Pv73-4-
|
|
12622
|
-
var styles$k = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-
|
|
12688
|
+
var css_248z$m = ".fileUploader-module-FileUploader--Pv73-4-13-0 {\n display: flex;\n flex-direction: column;\n}\n\n.fileUploader-module-FileUploaderButton-qfMIr-4-13-0 {\n width: -moz-fit-content;\n width: fit-content;\n position: relative;\n}\n\n.fileUploader-module-FileUploaderButton-input-em151-4-13-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-13-0 {\n width: var(--spacing-640);\n}\n\n.fileUploader-module-FileUploaderItem-text-5ygMX-4-13-0 {\n width: var(--spacing-440);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.fileUploader-module-FileUploaderItem-file-HKKiB-4-13-0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n}\n";
|
|
12689
|
+
var styles$k = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-13-0","FileUploaderButton":"fileUploader-module-FileUploaderButton-qfMIr-4-13-0","FileUploaderButton-input":"fileUploader-module-FileUploaderButton-input-em151-4-13-0","FileUploaderItem":"fileUploader-module-FileUploaderItem-ukfM6-4-13-0","FileUploaderItem-text":"fileUploader-module-FileUploaderItem-text-5ygMX-4-13-0","FileUploaderItem-file":"fileUploader-module-FileUploaderItem-file-HKKiB-4-13-0"};
|
|
12623
12690
|
styleInject$1(css_248z$m);
|
|
12624
12691
|
|
|
12625
12692
|
var FileUploaderButton = function FileUploaderButton(props) {
|
|
@@ -13044,6 +13111,19 @@
|
|
|
13044
13111
|
var getPluralSuffix = function getPluralSuffix(count) {
|
|
13045
13112
|
return count > 1 ? 's' : '';
|
|
13046
13113
|
};
|
|
13114
|
+
var isScrollAtTop = function isScrollAtTop(enableRowVirtualization, ref) {
|
|
13115
|
+
var scrollableElement = null;
|
|
13116
|
+
if (enableRowVirtualization) {
|
|
13117
|
+
scrollableElement = ref === null || ref === void 0 ? void 0 : ref.querySelector('.VS-container');
|
|
13118
|
+
} else {
|
|
13119
|
+
scrollableElement = ref === null || ref === void 0 ? void 0 : ref.querySelector("." + gridStyles['Grid-body']);
|
|
13120
|
+
}
|
|
13121
|
+
if (!scrollableElement) {
|
|
13122
|
+
return false;
|
|
13123
|
+
}
|
|
13124
|
+
var isScrollAtTop = scrollableElement.scrollTop === 0;
|
|
13125
|
+
return isScrollAtTop;
|
|
13126
|
+
};
|
|
13047
13127
|
|
|
13048
13128
|
var defaultProps$1 = {
|
|
13049
13129
|
showHead: true,
|
|
@@ -13072,13 +13152,23 @@
|
|
|
13072
13152
|
};
|
|
13073
13153
|
|
|
13074
13154
|
var context = /*#__PURE__*/React__namespace.createContext(__assign$1(__assign$1({}, defaultProps$1), {
|
|
13075
|
-
ref: null
|
|
13155
|
+
ref: null,
|
|
13156
|
+
isSortingListUpdated: false,
|
|
13157
|
+
updateIsSortingListUpdated: function updateIsSortingListUpdated() {}
|
|
13076
13158
|
}));
|
|
13077
13159
|
var GridProvider = context.Provider;
|
|
13078
13160
|
|
|
13079
13161
|
var HeaderCell = function HeaderCell(props) {
|
|
13080
13162
|
var _a;
|
|
13081
13163
|
var context$1 = React__namespace.useContext(context);
|
|
13164
|
+
var loading = context$1.loading,
|
|
13165
|
+
draggable = context$1.draggable,
|
|
13166
|
+
showMenu = context$1.showMenu,
|
|
13167
|
+
sortingList = context$1.sortingList,
|
|
13168
|
+
filterList = context$1.filterList,
|
|
13169
|
+
headCellTooltip = context$1.headCellTooltip,
|
|
13170
|
+
showFilters = context$1.showFilters,
|
|
13171
|
+
schemaProp = context$1.schema;
|
|
13082
13172
|
var schema = props.schema,
|
|
13083
13173
|
setIsDragged = props.setIsDragged,
|
|
13084
13174
|
colIndex = props.colIndex,
|
|
@@ -13095,16 +13185,9 @@
|
|
|
13095
13185
|
onFilterChange: onFilterChange,
|
|
13096
13186
|
updateColumnSchema: updateColumnSchema,
|
|
13097
13187
|
reorderColumn: reorderColumn,
|
|
13098
|
-
setIsDragged: setIsDragged
|
|
13188
|
+
setIsDragged: setIsDragged,
|
|
13189
|
+
sortingList: sortingList
|
|
13099
13190
|
};
|
|
13100
|
-
var loading = context$1.loading,
|
|
13101
|
-
draggable = context$1.draggable,
|
|
13102
|
-
showMenu = context$1.showMenu,
|
|
13103
|
-
sortingList = context$1.sortingList,
|
|
13104
|
-
filterList = context$1.filterList,
|
|
13105
|
-
headCellTooltip = context$1.headCellTooltip,
|
|
13106
|
-
showFilters = context$1.showFilters,
|
|
13107
|
-
schemaProp = context$1.schema;
|
|
13108
13191
|
var _b = schema.sorting,
|
|
13109
13192
|
sorting = _b === void 0 ? true : _b,
|
|
13110
13193
|
name = schema.name,
|
|
@@ -13440,7 +13523,9 @@
|
|
|
13440
13523
|
if (!show || !withCheckbox) return null;
|
|
13441
13524
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
13442
13525
|
className: CheckboxClass
|
|
13443
|
-
}, loading ? /*#__PURE__*/React__namespace.createElement(Placeholder,
|
|
13526
|
+
}, loading ? /*#__PURE__*/React__namespace.createElement(Placeholder, {
|
|
13527
|
+
className: "mr-4"
|
|
13528
|
+
}) : /*#__PURE__*/React__namespace.createElement(Checkbox, __assign$1({}, selectAll, {
|
|
13444
13529
|
onChange: onSelectAll
|
|
13445
13530
|
})));
|
|
13446
13531
|
};
|
|
@@ -13566,7 +13651,9 @@
|
|
|
13566
13651
|
return e.stopPropagation();
|
|
13567
13652
|
},
|
|
13568
13653
|
"data-test": "DesignSystem-Grid-cellCheckbox"
|
|
13569
|
-
}, loading ? (/*#__PURE__*/React__namespace.createElement(Placeholder,
|
|
13654
|
+
}, loading ? (/*#__PURE__*/React__namespace.createElement(Placeholder, {
|
|
13655
|
+
className: "mr-4"
|
|
13656
|
+
})) : (/*#__PURE__*/React__namespace.createElement(Checkbox, {
|
|
13570
13657
|
checked: !!data._selected,
|
|
13571
13658
|
onChange: function onChange(event) {
|
|
13572
13659
|
onSelect(rI, event.target.checked);
|
|
@@ -13802,7 +13889,9 @@
|
|
|
13802
13889
|
pageSize = context$1.pageSize,
|
|
13803
13890
|
totalRecords = context$1.totalRecords,
|
|
13804
13891
|
size = context$1.size,
|
|
13805
|
-
sortingList = context$1.sortingList
|
|
13892
|
+
sortingList = context$1.sortingList,
|
|
13893
|
+
isSortingListUpdated = context$1.isSortingListUpdated,
|
|
13894
|
+
updateIsSortingListUpdated = context$1.updateIsSortingListUpdated;
|
|
13806
13895
|
var listRef = React__namespace.useRef(null);
|
|
13807
13896
|
var schema = props.schema,
|
|
13808
13897
|
prevPageInfo = props.prevPageInfo,
|
|
@@ -13935,7 +14024,7 @@
|
|
|
13935
14024
|
'at-end': 0
|
|
13936
14025
|
};
|
|
13937
14026
|
var onScrollHandler = function onScrollHandler(event, listRef) {
|
|
13938
|
-
if (enableInfiniteScroll && infiniteScrollOptions && !withPagination) {
|
|
14027
|
+
if (enableInfiniteScroll && infiniteScrollOptions && !withPagination && !isSortingListUpdated) {
|
|
13939
14028
|
var fetchThreshold_1 = infiniteScrollOptions.fetchThreshold;
|
|
13940
14029
|
var scrollTop = listRef.scrollTop,
|
|
13941
14030
|
scrollHeight = listRef.scrollHeight,
|
|
@@ -13954,6 +14043,9 @@
|
|
|
13954
14043
|
if (onScroll) {
|
|
13955
14044
|
onScroll(event);
|
|
13956
14045
|
}
|
|
14046
|
+
if (isSortingListUpdated && isScrollAtTop(enableRowVirtualization, ref)) {
|
|
14047
|
+
updateIsSortingListUpdated();
|
|
14048
|
+
}
|
|
13957
14049
|
};
|
|
13958
14050
|
var virtualScrollHandler = function virtualScrollHandler(event, element) {
|
|
13959
14051
|
var gridHeadEl = ref.querySelector("." + gridStyles['Grid-head']);
|
|
@@ -14121,10 +14213,37 @@
|
|
|
14121
14213
|
};
|
|
14122
14214
|
_this.updateSortingList = function (sortingList) {
|
|
14123
14215
|
var updateSortingList = _this.props.updateSortingList;
|
|
14216
|
+
var shouldScrollToTop = !isScrollAtTop(_this.props.enableRowVirtualization, _this.gridRef) && _this.props.enableInfiniteScroll;
|
|
14217
|
+
if (shouldScrollToTop) {
|
|
14218
|
+
_this.scrollToTop();
|
|
14219
|
+
}
|
|
14124
14220
|
if (updateSortingList) {
|
|
14125
14221
|
updateSortingList(sortingList);
|
|
14126
14222
|
}
|
|
14127
14223
|
};
|
|
14224
|
+
_this.scrollToTop = function () {
|
|
14225
|
+
var _a, _b;
|
|
14226
|
+
var scrollableElement = null;
|
|
14227
|
+
if (_this.props.enableRowVirtualization) {
|
|
14228
|
+
scrollableElement = (_a = _this.gridRef) === null || _a === void 0 ? void 0 : _a.querySelector('.VS-container');
|
|
14229
|
+
} else {
|
|
14230
|
+
scrollableElement = (_b = _this.gridRef) === null || _b === void 0 ? void 0 : _b.querySelector("." + gridStyles['Grid-body']);
|
|
14231
|
+
}
|
|
14232
|
+
if (scrollableElement) {
|
|
14233
|
+
scrollableElement.scrollTo({
|
|
14234
|
+
top: 0,
|
|
14235
|
+
behavior: 'smooth'
|
|
14236
|
+
});
|
|
14237
|
+
_this.setState({
|
|
14238
|
+
isSortingListUpdated: true
|
|
14239
|
+
});
|
|
14240
|
+
}
|
|
14241
|
+
};
|
|
14242
|
+
_this.updateIsSortingListUpdated = function () {
|
|
14243
|
+
_this.setState({
|
|
14244
|
+
isSortingListUpdated: false
|
|
14245
|
+
});
|
|
14246
|
+
};
|
|
14128
14247
|
_this.updateFilterList = function (filterList) {
|
|
14129
14248
|
var updateFilterList = _this.props.updateFilterList;
|
|
14130
14249
|
if (updateFilterList) {
|
|
@@ -14203,7 +14322,8 @@
|
|
|
14203
14322
|
};
|
|
14204
14323
|
_this.state = {
|
|
14205
14324
|
init: false,
|
|
14206
|
-
prevPageInfo: pageInfo
|
|
14325
|
+
prevPageInfo: pageInfo,
|
|
14326
|
+
isSortingListUpdated: false
|
|
14207
14327
|
};
|
|
14208
14328
|
return _this;
|
|
14209
14329
|
}
|
|
@@ -14262,7 +14382,7 @@
|
|
|
14262
14382
|
if (gridHeadEl && gridBodyEl) {
|
|
14263
14383
|
var hasVerticalScrollbar = gridBodyEl.scrollHeight > gridBodyEl.clientHeight;
|
|
14264
14384
|
var scrollbarWidth = gridBodyEl.offsetWidth - gridBodyEl.clientWidth;
|
|
14265
|
-
gridHeadEl.style.
|
|
14385
|
+
gridHeadEl.style.marginRight = hasVerticalScrollbar ? scrollbarWidth + "px" : '';
|
|
14266
14386
|
}
|
|
14267
14387
|
};
|
|
14268
14388
|
Grid.prototype.render = function () {
|
|
@@ -14300,7 +14420,9 @@
|
|
|
14300
14420
|
}
|
|
14301
14421
|
}), init && (/*#__PURE__*/React__namespace.createElement(GridProvider, {
|
|
14302
14422
|
value: __assign$1(__assign$1({}, this.props), {
|
|
14303
|
-
ref: this.gridRef
|
|
14423
|
+
ref: this.gridRef,
|
|
14424
|
+
isSortingListUpdated: this.state.isSortingListUpdated,
|
|
14425
|
+
updateIsSortingListUpdated: this.updateIsSortingListUpdated.bind(this)
|
|
14304
14426
|
})
|
|
14305
14427
|
}, showHead && (/*#__PURE__*/React__namespace.createElement(GridHead, {
|
|
14306
14428
|
schema: schema,
|
|
@@ -14778,8 +14900,8 @@
|
|
|
14778
14900
|
}, "Apply"))));
|
|
14779
14901
|
};
|
|
14780
14902
|
|
|
14781
|
-
var css_248z$l = ".table-module-Table--qR8j-4-
|
|
14782
|
-
var tableStyles = {"Table":"table-module-Table--qR8j-4-
|
|
14903
|
+
var css_248z$l = ".table-module-Table--qR8j-4-13-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-13-0 {\n height: 100%;\n overflow: hidden;\n z-index: 1;\n}\n\n.table-module-Table-pagination-8llhn-4-13-0 {\n display: flex;\n justify-content: center;\n background: var(--white);\n padding: var(--spacing-20) 0;\n border-top: var(--border);\n}\n\n.table-module-Table-Header--Divider--qPHO-4-13-0 {\n height: var(--spacing-60);\n}\n\n.table-module-Table-Header-Label--hide-z7HVq-4-13-0 {\n animation: table-module-fadeOut-9yrts-4-13-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-13-0 {\n animation: table-module-fadeIn-YCXL6-4-13-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n animation-fill-mode: forwards;\n}\n";
|
|
14904
|
+
var tableStyles = {"Table":"table-module-Table--qR8j-4-13-0","Table-grid":"table-module-Table-grid-4jCRZ-4-13-0","Table-pagination":"table-module-Table-pagination-8llhn-4-13-0","Table-Header--Divider":"table-module-Table-Header--Divider--qPHO-4-13-0","Table-Header-Label--hide":"table-module-Table-Header-Label--hide-z7HVq-4-13-0","fadeOut":"table-module-fadeOut-9yrts-4-13-0","Table-Header-Label--show":"table-module-Table-Header-Label--show-bh0tC-4-13-0","fadeIn":"table-module-fadeIn-YCXL6-4-13-0"};
|
|
14783
14905
|
styleInject$1(css_248z$l);
|
|
14784
14906
|
|
|
14785
14907
|
var Header = function Header(props) {
|
|
@@ -14820,7 +14942,9 @@
|
|
|
14820
14942
|
selectionActionRenderer = props.selectionActionRenderer,
|
|
14821
14943
|
uniqueColumnName = props.uniqueColumnName,
|
|
14822
14944
|
totalRowsCount = props.totalRowsCount,
|
|
14823
|
-
enableInfiniteScroll = props.enableInfiniteScroll
|
|
14945
|
+
enableInfiniteScroll = props.enableInfiniteScroll,
|
|
14946
|
+
selectedLabelRenderer = props.selectedLabelRenderer,
|
|
14947
|
+
unSelectedLabelRenderer = props.unSelectedLabelRenderer;
|
|
14824
14948
|
var _f = React__namespace.useState(false),
|
|
14825
14949
|
selectAllRecords = _f[0],
|
|
14826
14950
|
setSelectAllRecords = _f[1];
|
|
@@ -14834,6 +14958,25 @@
|
|
|
14834
14958
|
var startIndex = (page - 1) * pageSize + 1;
|
|
14835
14959
|
var endIndex = Math.min(page * pageSize, totalRecords);
|
|
14836
14960
|
var selectedRowsCount = (selectedAllRef === null || selectedAllRef === void 0 ? void 0 : selectedAllRef.current) === true ? totalRecords : ((_c = selectedRowsRef === null || selectedRowsRef === void 0 ? void 0 : selectedRowsRef.current) === null || _c === void 0 ? void 0 : _c.length) || 0;
|
|
14961
|
+
var customSelectedRowLabel = selectedLabelRenderer ? selectedLabelRenderer({
|
|
14962
|
+
selectedRowsCount: selectedRowsCount,
|
|
14963
|
+
uniqueColumnName: uniqueColumnName,
|
|
14964
|
+
withCheckbox: withCheckbox,
|
|
14965
|
+
selectedCount: selectedCount,
|
|
14966
|
+
withPagination: withPagination,
|
|
14967
|
+
startIndex: startIndex,
|
|
14968
|
+
endIndex: endIndex,
|
|
14969
|
+
totalRecords: totalRecords
|
|
14970
|
+
}) : undefined;
|
|
14971
|
+
var customUnSelectedRowLabel = unSelectedLabelRenderer ? unSelectedLabelRenderer({
|
|
14972
|
+
error: error,
|
|
14973
|
+
withPagination: withPagination,
|
|
14974
|
+
enableInfiniteScroll: enableInfiniteScroll,
|
|
14975
|
+
startIndex: startIndex,
|
|
14976
|
+
endIndex: endIndex,
|
|
14977
|
+
totalRecords: totalRecords,
|
|
14978
|
+
totalRowsCount: totalRowsCount
|
|
14979
|
+
}) : undefined;
|
|
14837
14980
|
var showSelectedRowLabel = withCheckbox && (selectedCount || selectedRowsCount > 0);
|
|
14838
14981
|
var _h = React__namespace.useState(true),
|
|
14839
14982
|
showSelectedLabel = _h[0],
|
|
@@ -14995,10 +15138,10 @@
|
|
|
14995
15138
|
}))), /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, showSelectedLabel ? (/*#__PURE__*/React__namespace.createElement("span", {
|
|
14996
15139
|
className: selectedRowLabelClass,
|
|
14997
15140
|
onAnimationEnd: onSelectAnimationEnd
|
|
14998
|
-
}, /*#__PURE__*/React__namespace.createElement(Label, null, getSelectedRowLabel()))) : (/*#__PURE__*/React__namespace.createElement("span", {
|
|
15141
|
+
}, /*#__PURE__*/React__namespace.createElement(Label, null, customSelectedRowLabel !== null && customSelectedRowLabel !== void 0 ? customSelectedRowLabel : getSelectedRowLabel()))) : (/*#__PURE__*/React__namespace.createElement("span", {
|
|
14999
15142
|
className: unselectedRowLabelClass,
|
|
15000
15143
|
onAnimationEnd: onUnSelectAnimationEnd
|
|
15001
|
-
}, /*#__PURE__*/React__namespace.createElement(Label, null, getUnSelectedRowLabel()))), selectedRowsCount > 0 && allowSelectAll && showSelectedLabel && (/*#__PURE__*/React__namespace.createElement("div", {
|
|
15144
|
+
}, /*#__PURE__*/React__namespace.createElement(Label, null, customUnSelectedRowLabel !== null && customUnSelectedRowLabel !== void 0 ? customUnSelectedRowLabel : getUnSelectedRowLabel()))), selectedRowsCount > 0 && allowSelectAll && showSelectedLabel && (/*#__PURE__*/React__namespace.createElement("div", {
|
|
15002
15145
|
className: selectedRowLabelClass
|
|
15003
15146
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
15004
15147
|
className: "ml-4 d-flex"
|
|
@@ -15681,8 +15824,8 @@
|
|
|
15681
15824
|
};
|
|
15682
15825
|
List.defaultProps = defaultProps;
|
|
15683
15826
|
|
|
15684
|
-
var css_248z$k = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-
|
|
15685
|
-
var styles$j = {"Navigation":"navigation-module-Navigation-fsK-Z-4-
|
|
15827
|
+
var css_248z$k = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-13-0 {\n display: flex;\n}\n\n.navigation-module-Navigation--horizontal-Nlczj-4-13-0 {\n flex-grow: 1;\n justify-content: center;\n}\n\n.navigation-module-Navigation--vertical-JMMGv-4-13-0 {\n flex-direction: column;\n height: 100%;\n width: var(--spacing-640);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-13-0 {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.navigation-module-Navigation-body-zfrYs-4-13-0 {\n height: 100%;\n overflow-y: auto;\n overflow-x: hidden;\n padding-right: var(--spacing-20);\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-13-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-13-0 {\n height: var(--spacing-80);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n border-radius: var(--border-radius-40);\n margin: 0 var(--spacing-2-5);\n}\n\n.navigation-module-Navigation-menu--disabled-6BCHc-4-13-0 {\n pointer-events: none;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-13-0:hover {\n background-color: var(--secondary-light);\n}\n\n.navigation-module-Navigation-menu--active-vLg2d-4-13-0,\n.navigation-module-Navigation-menu--active-vLg2d-4-13-0:hover {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menu--vertical-SD8c9-4-13-0 {\n /* padding-top: var(--spacing-10); */\n /* padding-bottom: var(--spacing-10); */\n padding-left: var(--spacing-20);\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n /* margin-right: var(--spacing-20); */\n border-radius: 0px var(--border-radius-40) var(--border-radius-40) 0px;\n}\n\n.navigation-module-Navigation-menu--rounded-RK5tK-4-13-0 {\n border-radius: var(--border-radius-40);\n}\n\n.navigation-module-Navigation-menu--subMenu-1Xkhm-4-13-0 {\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n padding-left: 40px;\n margin-top: 0;\n}\n\n.navigation-module-Navigation-menuIcon-mI-8A-4-13-0 {\n padding: 8px;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.navigation-module-Navigation-menuIcon--active-4-aoZ-4-13-0 {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menuLabel-qZLzA-4-13-0 {\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-13-0 .navigation-module-Text-4ez7T-4-13-0 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.navigation-module-Navigation-horizontalPills-CubKV-4-13-0 {\n margin-right: var(--spacing-10);\n}\n\n.navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-13-0 {\n opacity: var(--opacity-10);\n}\n\n.navigation-module-Navigation-footer-Ia0x--4-13-0 {\n display: flex;\n align-items: center;\n padding: var(--spacing-10) var(--spacing-20);\n}\n\n.navigation-module-Navigation-footer--border--gDQG-4-13-0 {\n border-top: var(--border);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-13-0 .navigation-module-Navigation-menuIcon--footer-I0MsK-4-13-0 {\n transform: rotate(180deg);\n}\n";
|
|
15828
|
+
var styles$j = {"Navigation":"navigation-module-Navigation-fsK-Z-4-13-0","Navigation--horizontal":"navigation-module-Navigation--horizontal-Nlczj-4-13-0","Navigation--vertical":"navigation-module-Navigation--vertical-JMMGv-4-13-0","Navigation--collapsed":"navigation-module-Navigation--collapsed-ubuOj-4-13-0","Navigation-body":"navigation-module-Navigation-body-zfrYs-4-13-0","Navigation-menu":"navigation-module-Navigation-menu-Afh6p-4-13-0","Navigation-menu--horizontal":"navigation-module-Navigation-menu--horizontal-DbG8C-4-13-0","Navigation-menu--disabled":"navigation-module-Navigation-menu--disabled-6BCHc-4-13-0","Navigation-menu--active":"navigation-module-Navigation-menu--active-vLg2d-4-13-0","Navigation-menu--vertical":"navigation-module-Navigation-menu--vertical-SD8c9-4-13-0","Navigation-menu--rounded":"navigation-module-Navigation-menu--rounded-RK5tK-4-13-0","Navigation-menu--subMenu":"navigation-module-Navigation-menu--subMenu-1Xkhm-4-13-0","Navigation-menuIcon":"navigation-module-Navigation-menuIcon-mI-8A-4-13-0","Navigation-menuIcon--active":"navigation-module-Navigation-menuIcon--active-4-aoZ-4-13-0","Navigation-menuLabel":"navigation-module-Navigation-menuLabel-qZLzA-4-13-0","Text":"navigation-module-Text-4ez7T-4-13-0","Navigation-horizontalPills":"navigation-module-Navigation-horizontalPills-CubKV-4-13-0","Navigation-horizontalPills--disabled":"navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-13-0","Navigation-footer":"navigation-module-Navigation-footer-Ia0x--4-13-0","Navigation-footer--border":"navigation-module-Navigation-footer--border--gDQG-4-13-0","Navigation-menuIcon--footer":"navigation-module-Navigation-menuIcon--footer-I0MsK-4-13-0"};
|
|
15686
15829
|
styleInject$1(css_248z$k);
|
|
15687
15830
|
|
|
15688
15831
|
var useState$1 = React__namespace.useState;
|
|
@@ -15999,8 +16142,8 @@
|
|
|
15999
16142
|
separator: true
|
|
16000
16143
|
};
|
|
16001
16144
|
|
|
16002
|
-
var css_248z$j = ".fileList-module-FileIcon-01qzb-4-
|
|
16003
|
-
var styles$i = {"FileIcon":"fileList-module-FileIcon-01qzb-4-
|
|
16145
|
+
var css_248z$j = ".fileList-module-FileIcon-01qzb-4-13-0 {\n padding: var(--spacing-20);\n border-radius: var(--border-radius-full);\n}\n.fileList-module-FileItem-HpCE9-4-13-0:not(:last-child) {\n border-bottom: var(--border);\n width: 100%;\n box-sizing: border-box;\n}\n.fileList-module-FileItem-HpCE9-4-13-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-20);\n}\n.fileList-module-FileItem-fileContent-vusoO-4-13-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n}\n.fileList-module-FileItem-actions-zH5Wo-4-13-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n}\n.fileList-module-FileItem-file-jkZDb-4-13-0 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.fileList-module-FileItem-size-Jn3i4-4-13-0 {\n margin-right: var(--spacing-20);\n margin-left: var(--spacing-20);\n flex-shrink: 0;\n}\n.fileList-module-FileItem-text-JzD0s-4-13-0 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n margin-right: var(--spacing-20);\n margin-left: var(--spacing-30);\n}\n.fileList-module-FileItem-error-srZSs-4-13-0 {\n margin-left: 40px;\n}\n\n.fileList-module-FileIcon--image-8GeUP-4-13-0 {\n background: var(--alert-lightest);\n color: var(--alert);\n}\n.fileList-module-FileIcon--audio-pU4It-4-13-0 {\n background: var(--accent1-lightest);\n color: var(--accent1);\n}\n.fileList-module-FileIcon--video-Yhyeo-4-13-0 {\n background: var(--accent2-lightest);\n color: var(--accent2);\n}\n.fileList-module-FileIcon--application-GCdsE-4-13-0 {\n background: var(--accent3-lightest);\n color: var(--accent3);\n}\n.fileList-module-FileIcon--others-EgUIw-4-13-0 {\n background: var(--success-lightest);\n color: var(--success);\n}\n.fileList-module-FileIcon--animate-uQCYr-4-13-0 {\n animation: fileList-module-fadeIn-CVtFA-4-13-0 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes fileList-module-fadeIn-CVtFA-4-13-0 {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
16146
|
+
var styles$i = {"FileIcon":"fileList-module-FileIcon-01qzb-4-13-0","FileItem":"fileList-module-FileItem-HpCE9-4-13-0","FileItem-fileContent":"fileList-module-FileItem-fileContent-vusoO-4-13-0","FileItem-actions":"fileList-module-FileItem-actions-zH5Wo-4-13-0","FileItem-file":"fileList-module-FileItem-file-jkZDb-4-13-0","FileItem-size":"fileList-module-FileItem-size-Jn3i4-4-13-0","FileItem-text":"fileList-module-FileItem-text-JzD0s-4-13-0","FileItem-error":"fileList-module-FileItem-error-srZSs-4-13-0","FileIcon--image":"fileList-module-FileIcon--image-8GeUP-4-13-0","FileIcon--audio":"fileList-module-FileIcon--audio-pU4It-4-13-0","FileIcon--video":"fileList-module-FileIcon--video-Yhyeo-4-13-0","FileIcon--application":"fileList-module-FileIcon--application-GCdsE-4-13-0","FileIcon--others":"fileList-module-FileIcon--others-EgUIw-4-13-0","FileIcon--animate":"fileList-module-FileIcon--animate-uQCYr-4-13-0","fadeIn":"fileList-module-fadeIn-CVtFA-4-13-0"};
|
|
16004
16147
|
styleInject$1(css_248z$j);
|
|
16005
16148
|
|
|
16006
16149
|
var useEffect = React__namespace.useEffect,
|
|
@@ -16317,8 +16460,8 @@
|
|
|
16317
16460
|
fields: 4
|
|
16318
16461
|
};
|
|
16319
16462
|
|
|
16320
|
-
var css_248z$i = ".inlineMessage-module-InlineMessage-eYA4x-4-
|
|
16321
|
-
var styles$h = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-
|
|
16463
|
+
var css_248z$i = ".inlineMessage-module-InlineMessage-eYA4x-4-13-0 {\n display: flex;\n flex-direction: row;\n overflow: hidden;\n border-radius: var(--border-radius-10);\n background-color: var(--white);\n align-items: flex-start;\n}\n\n.inlineMessage-module-InlineMessage-icon--regular-ULMAr-4-13-0 {\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n margin-right: var(--spacing-20);\n}\n\n.inlineMessage-module-InlineMessage-icon--small-DcwRS-4-13-0 {\n padding-top: var(--spacing-2-5);\n padding-bottom: var(--spacing-2-5);\n margin-right: var(--spacing-10);\n}\n\n.inlineMessage-module-InlineMessage-text--warning-zlHbs-4-13-0,\n.inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-13-0 {\n color: var(--accent1);\n}\n\n.inlineMessage-module-InlineMessage-text--alert-rUpLF-4-13-0 {\n color: var(--alert);\n}\n\n.inlineMessage-module-InlineMessage-text--info-7X-lv-4-13-0 {\n color: var(--primary);\n}\n\n.inlineMessage-module-InlineMessage-text--success-UX2Vn-4-13-0 {\n color: var(--success);\n}\n";
|
|
16464
|
+
var styles$h = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-13-0","InlineMessage-icon--regular":"inlineMessage-module-InlineMessage-icon--regular-ULMAr-4-13-0","InlineMessage-icon--small":"inlineMessage-module-InlineMessage-icon--small-DcwRS-4-13-0","InlineMessage-text--warning":"inlineMessage-module-InlineMessage-text--warning-zlHbs-4-13-0","InlineMessage-icon--warning":"inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-13-0","InlineMessage-text--alert":"inlineMessage-module-InlineMessage-text--alert-rUpLF-4-13-0","InlineMessage-text--info":"inlineMessage-module-InlineMessage-text--info-7X-lv-4-13-0","InlineMessage-text--success":"inlineMessage-module-InlineMessage-text--success-UX2Vn-4-13-0"};
|
|
16322
16465
|
styleInject$1(css_248z$i);
|
|
16323
16466
|
|
|
16324
16467
|
var IconMapping = {
|
|
@@ -16363,8 +16506,8 @@
|
|
|
16363
16506
|
size: 'regular'
|
|
16364
16507
|
};
|
|
16365
16508
|
|
|
16366
|
-
var css_248z$h = ".choiceList-module-ChoiceList-haiz--4-
|
|
16367
|
-
var styles$g = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-
|
|
16509
|
+
var css_248z$h = ".choiceList-module-ChoiceList-haiz--4-13-0 {\n margin: 0;\n padding: 0;\n border: none;\n}\n\n.choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-13-0 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList-radio--vertical-9uLgh-4-13-0 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-13-0 {\n display: flex;\n}\n\n.choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-13-0 {\n margin-left: var(--spacing-60);\n}\n\n.choiceList-module-ChoiceList-radio--horizontal-67SGD-4-13-0 {\n margin-left: var(--spacing-60);\n}\n";
|
|
16510
|
+
var styles$g = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-13-0","ChoiceList-checkbox--vertical":"choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-13-0","ChoiceList-radio--vertical":"choiceList-module-ChoiceList-radio--vertical-9uLgh-4-13-0","ChoiceList--alignHorizontal":"choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-13-0","ChoiceList-checkbox--horizontal":"choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-13-0","ChoiceList-radio--horizontal":"choiceList-module-ChoiceList-radio--horizontal-67SGD-4-13-0"};
|
|
16368
16511
|
styleInject$1(css_248z$h);
|
|
16369
16512
|
|
|
16370
16513
|
var renderCheckbox = function renderCheckbox(list, handleOnChange, ChoiceListDisabled, size, alignment, selected, wrapLabel) {
|
|
@@ -16478,8 +16621,8 @@
|
|
|
16478
16621
|
disabled: false
|
|
16479
16622
|
};
|
|
16480
16623
|
|
|
16481
|
-
var css_248z$g = ".divider-module-Divider-Fo0Gy-4-
|
|
16482
|
-
var styles$f = {"Divider":"divider-module-Divider-Fo0Gy-4-
|
|
16624
|
+
var css_248z$g = ".divider-module-Divider-Fo0Gy-4-13-0 {\n border: none;\n margin: 0;\n}\n\n.divider-module-Divider--vertical-Cdk22-4-13-0 {\n width: 1px;\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--horizontal-3Z0nC-4-13-0 {\n height: 1px;\n}\n\n.divider-module-Divider--basic-BqnEq-4-13-0 {\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--header-GMLJV-4-13-0 {\n background: var(--secondary-dark);\n}\n";
|
|
16625
|
+
var styles$f = {"Divider":"divider-module-Divider-Fo0Gy-4-13-0","Divider--vertical":"divider-module-Divider--vertical-Cdk22-4-13-0","Divider--horizontal":"divider-module-Divider--horizontal-3Z0nC-4-13-0","Divider--basic":"divider-module-Divider--basic-BqnEq-4-13-0","Divider--header":"divider-module-Divider--header-GMLJV-4-13-0"};
|
|
16483
16626
|
styleInject$1(css_248z$g);
|
|
16484
16627
|
|
|
16485
16628
|
var Divider = function Divider(props) {
|
|
@@ -16528,8 +16671,8 @@
|
|
|
16528
16671
|
};
|
|
16529
16672
|
HelpText.displayName = 'HelpText';
|
|
16530
16673
|
|
|
16531
|
-
var css_248z$f = ".linkButton-module-LinkButton--eCyD-4-
|
|
16532
|
-
var styles$e = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-
|
|
16674
|
+
var css_248z$f = ".linkButton-module-LinkButton--eCyD-4-13-0 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n position: relative;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: 0;\n text-align: center;\n padding: 0;\n background: transparent;\n font-weight: var(--font-weight-medium);\n font-family: var(--font-family);\n border-radius: var(--border-radius-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.linkButton-module-LinkButton--iconAlign-right-BjcDC-4-13-0 {\n flex-direction: row-reverse;\n}\n\n.linkButton-module-LinkButton-icon-Id1IM-4-13-0 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.linkButton-module-LinkButton-icon--left-uCKUJ-4-13-0 {\n margin-right: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton-icon--right-wxMEa-4-13-0 {\n margin-left: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton--regular-QoGvH-4-13-0 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.linkButton-module-LinkButton--tiny-21d67-4-13-0 {\n line-height: var(--font-height-s);\n font-size: var(--font-size-s);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-13-0 {\n color: var(--primary);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-13-0:hover {\n color: var(--primary-dark);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-13-0:active {\n color: var(--primary-darker);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-13-0:focus,\n.linkButton-module-LinkButton--default-1cpsS-4-13-0:focus-visible {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-13-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-13-0 {\n color: var(--inverse-lighter);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-13-0:hover {\n color: var(--inverse-light);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-13-0:active {\n color: var(--inverse);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-13-0:focus,\n.linkButton-module-LinkButton--subtle-I8NtR-4-13-0:focus-visible {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-13-0:disabled {\n cursor: not-allowed;\n pointer-events: none;\n color: var(--inverse-lightest);\n}\n";
|
|
16675
|
+
var styles$e = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-13-0","LinkButton--iconAlign-right":"linkButton-module-LinkButton--iconAlign-right-BjcDC-4-13-0","LinkButton-icon":"linkButton-module-LinkButton-icon-Id1IM-4-13-0","LinkButton-icon--left":"linkButton-module-LinkButton-icon--left-uCKUJ-4-13-0","LinkButton-icon--right":"linkButton-module-LinkButton-icon--right-wxMEa-4-13-0","LinkButton--regular":"linkButton-module-LinkButton--regular-QoGvH-4-13-0","LinkButton--tiny":"linkButton-module-LinkButton--tiny-21d67-4-13-0","LinkButton--default":"linkButton-module-LinkButton--default-1cpsS-4-13-0","LinkButton--subtle":"linkButton-module-LinkButton--subtle-I8NtR-4-13-0"};
|
|
16533
16676
|
styleInject$1(css_248z$f);
|
|
16534
16677
|
|
|
16535
16678
|
var sizeMapping = {
|
|
@@ -16574,8 +16717,8 @@
|
|
|
16574
16717
|
iconAlign: 'left'
|
|
16575
16718
|
};
|
|
16576
16719
|
|
|
16577
|
-
var css_248z$e = ".actionCard-module-ActionCard-VTzbo-4-
|
|
16578
|
-
var styles$d = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-
|
|
16720
|
+
var css_248z$e = ".actionCard-module-ActionCard-VTzbo-4-13-0 {\n border-radius: var(--border-radius-10);\n width: 100%;\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-13-0 {\n cursor: pointer;\n border: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-13-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-13-0:focus,\n.actionCard-module-ActionCard--default-ehk9Y-4-13-0:focus-visible {\n outline: none;\n border: var(--border-width-2-5) solid var(--secondary-dark);\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-13-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-13-0 {\n cursor: not-allowed;\n position: relative;\n border: var(--border-width-2-5) solid var(--secondary-lighter);\n}\n\n.actionCard-module-ActionCard-overlay--disabled-N4msm-4-13-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";
|
|
16721
|
+
var styles$d = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-13-0","ActionCard--default":"actionCard-module-ActionCard--default-ehk9Y-4-13-0","ActionCard--disabled":"actionCard-module-ActionCard--disabled-Xbnn0-4-13-0","ActionCard-overlay--disabled":"actionCard-module-ActionCard-overlay--disabled-N4msm-4-13-0"};
|
|
16579
16722
|
styleInject$1(css_248z$e);
|
|
16580
16723
|
|
|
16581
16724
|
var ActionCard = function ActionCard(props) {
|
|
@@ -16674,8 +16817,8 @@
|
|
|
16674
16817
|
};
|
|
16675
16818
|
}
|
|
16676
16819
|
|
|
16677
|
-
var css_248z$d = ".selectionCard-module-Selection-card-qn7-q-4-
|
|
16678
|
-
var styles$c = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-
|
|
16820
|
+
var css_248z$d = ".selectionCard-module-Selection-card-qn7-q-4-13-0 {\n border-radius: var(--border-radius-10);\n position: relative;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-13-0 {\n cursor: pointer;\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary-dark);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-13-0:hover {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--inverse-lightest);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-13-0:focus,\n.selectionCard-module-Selection-card--default-hU2T--4-13-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--secondary-shadow), inset 0 0 0 var(--spacing-2-5) var(--secondary-dark);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-13-0:active {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.selectionCard-module-Selection-card--disabled-abVC--4-13-0 {\n cursor: not-allowed;\n outline: none;\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-13-0 {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary-lighter);\n}\n\n/* selected states */\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-13-0 {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-13-0:hover {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary-dark);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-13-0:focus,\n.selectionCard-module-Selection-card--selected-RWlWc-4-13-0:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--primary-shadow), inset 0 0 0 var(--spacing-05) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-13-0:active {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary-darker);\n}\n\n.selectionCard-module-Selection-card--selected-disabled-pIKi1-4-13-0 {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--primary-lighter);\n}\n\n/* overlay classes */\n\n.selectionCard-module-Selection-card-overlay-9BMzm-4-13-0 {\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 2;\n position: absolute;\n pointer-events: none;\n border-radius: var(--border-radius-10);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-13-0:active .selectionCard-module-Selection-card-overlay-9BMzm-4-13-0 {\n background-color: var(--primary);\n opacity: var(--opacity-3);\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-13-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-13-0 {\n background-color: var(--secondary-lightest);\n opacity: var(--opacity-10);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-13-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-13-0 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-13-0:active .selectionCard-module-Selection-card-overlay-9BMzm-4-13-0 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-disabled-pIKi1-4-13-0 .selectionCard-module-Selection-card-overlay-9BMzm-4-13-0 {\n background-color: var(--primary-lightest);\n opacity: var(--opacity-10);\n}\n";
|
|
16821
|
+
var styles$c = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-13-0","Selection-card--default":"selectionCard-module-Selection-card--default-hU2T--4-13-0","Selection-card--disabled":"selectionCard-module-Selection-card--disabled-abVC--4-13-0","Selection-card--default-disabled":"selectionCard-module-Selection-card--default-disabled-duc48-4-13-0","Selection-card--selected":"selectionCard-module-Selection-card--selected-RWlWc-4-13-0","Selection-card--selected-disabled":"selectionCard-module-Selection-card--selected-disabled-pIKi1-4-13-0","Selection-card-overlay":"selectionCard-module-Selection-card-overlay-9BMzm-4-13-0"};
|
|
16679
16822
|
styleInject$1(css_248z$d);
|
|
16680
16823
|
|
|
16681
16824
|
var SelectionCard = function SelectionCard(props) {
|
|
@@ -16797,8 +16940,8 @@
|
|
|
16797
16940
|
return wrapperFn;
|
|
16798
16941
|
};
|
|
16799
16942
|
|
|
16800
|
-
var css_248z$c = ".listbox-module-Listbox-SUVk--4-
|
|
16801
|
-
var styles$b = {"Listbox":"listbox-module-Listbox-SUVk--4-
|
|
16943
|
+
var css_248z$c = ".listbox-module-Listbox-SUVk--4-13-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-13-0 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-40);\n}\n\n.listbox-module-Listbox-item-wrapper-fbx8s-4-13-0 {\n width: 100%;\n}\n\n.listbox-module-Listbox-item-wrapper-fbx8s-4-13-0:last-child > .listbox-module-Listbox-divider-sZWin-4-13-0,\n.listbox-module-Listbox-item--draggable-3UvAw-4-13-0:last-child .listbox-module-Listbox-divider-sZWin-4-13-0 {\n background: transparent;\n}\n\n/* Sizes */\n\n.listbox-module-Listbox-item--tight-48bRS-4-13-0 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.listbox-module-Listbox-item--compressed-NDxwb-4-13-0 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.listbox-module-Listbox-item--standard-q2FuW-4-13-0 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n/* Listbox type - option */\n\n.listbox-module-Listbox-item--option-FMiJ2-4-13-0 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-13-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-13-0:focus,\n.listbox-module-Listbox-item--option-FMiJ2-4-13-0:focus-visible {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-13-0:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-13-0 {\n background: rgba(220, 236, 249, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-13-0:hover {\n background: rgba(151, 197, 240, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-13-0:focus,\n.listbox-module-Listbox-item--selected-mbKE--4-13-0:focus-visible {\n outline: 3px auto rgba(0, 112, 221, 0.16);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-13-0:active {\n background: var(--primary-lighter);\n}\n\n/* Listbox type - resource */\n\n.listbox-module-Listbox-item--resource-RGjFr-4-13-0 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-13-0:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-13-0:focus,\n.listbox-module-Listbox-item--resource-RGjFr-4-13-0:focus-visible {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-13-0:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--activated-tg1Eb-4-13-0 {\n background: var(--primary-lightest);\n}\n\n/* Listbox type - description */\n\n.listbox-module-Listbox-item--description-qiJzO-4-13-0:focus,\n.listbox-module-Listbox-item--description-qiJzO-4-13-0:focus-visible {\n outline: none;\n}\n\n/* Listbox type - disabled */\n\n.listbox-module-Listbox-item--disabled-x6TW2-4-13-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-13-0:focus {\n outline: 3px auto var(--secondary-shadow);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-13-0 {\n cursor: grab;\n margin-right: var(--spacing-20);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-13-0:hover {\n color: var(--inverse);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-13-0:active {\n color: var(--primary);\n}\n";
|
|
16944
|
+
var styles$b = {"Listbox":"listbox-module-Listbox-SUVk--4-13-0","Listbox-item":"listbox-module-Listbox-item-YQzPV-4-13-0","Listbox-item-wrapper":"listbox-module-Listbox-item-wrapper-fbx8s-4-13-0","Listbox-divider":"listbox-module-Listbox-divider-sZWin-4-13-0","Listbox-item--draggable":"listbox-module-Listbox-item--draggable-3UvAw-4-13-0","Listbox-item--tight":"listbox-module-Listbox-item--tight-48bRS-4-13-0","Listbox-item--compressed":"listbox-module-Listbox-item--compressed-NDxwb-4-13-0","Listbox-item--standard":"listbox-module-Listbox-item--standard-q2FuW-4-13-0","Listbox-item--option":"listbox-module-Listbox-item--option-FMiJ2-4-13-0","Listbox-item--selected":"listbox-module-Listbox-item--selected-mbKE--4-13-0","Listbox-item--resource":"listbox-module-Listbox-item--resource-RGjFr-4-13-0","Listbox-item--activated":"listbox-module-Listbox-item--activated-tg1Eb-4-13-0","Listbox-item--description":"listbox-module-Listbox-item--description-qiJzO-4-13-0","Listbox-item--disabled":"listbox-module-Listbox-item--disabled-x6TW2-4-13-0","Listbox-item--drag-icon":"listbox-module-Listbox-item--drag-icon-Jt6Jw-4-13-0"};
|
|
16802
16945
|
styleInject$1(css_248z$c);
|
|
16803
16946
|
|
|
16804
16947
|
var AUTOSCROLL_ACTIVE_OFFSET = 200;
|
|
@@ -17547,14 +17690,16 @@
|
|
|
17547
17690
|
_d = props.max,
|
|
17548
17691
|
max = _d === void 0 ? 200 : _d,
|
|
17549
17692
|
_e = props.helpText,
|
|
17550
|
-
helpText = _e === void 0 ? ' ' : _e
|
|
17693
|
+
helpText = _e === void 0 ? ' ' : _e,
|
|
17694
|
+
_f = props.size,
|
|
17695
|
+
size = _f === void 0 ? 'regular' : _f;
|
|
17551
17696
|
var textareaRef = React__namespace.useRef(null);
|
|
17552
|
-
var
|
|
17553
|
-
inputText =
|
|
17554
|
-
setInputText =
|
|
17555
|
-
var
|
|
17556
|
-
helptextWidth =
|
|
17557
|
-
setHelptextWidth =
|
|
17697
|
+
var _g = React__namespace.useState(value),
|
|
17698
|
+
inputText = _g[0],
|
|
17699
|
+
setInputText = _g[1];
|
|
17700
|
+
var _h = React__namespace.useState(0),
|
|
17701
|
+
helptextWidth = _h[0],
|
|
17702
|
+
setHelptextWidth = _h[1];
|
|
17558
17703
|
var onChangeHandler = function onChangeHandler(e) {
|
|
17559
17704
|
setInputText(e.target.value);
|
|
17560
17705
|
if (onChange) onChange(e);
|
|
@@ -17577,7 +17722,8 @@
|
|
|
17577
17722
|
}, []);
|
|
17578
17723
|
return /*#__PURE__*/React__namespace.createElement("div", null, label && (/*#__PURE__*/React__namespace.createElement(Label, {
|
|
17579
17724
|
required: required,
|
|
17580
|
-
withInput: true
|
|
17725
|
+
withInput: true,
|
|
17726
|
+
size: size
|
|
17581
17727
|
}, label)), /*#__PURE__*/React__namespace.createElement(Textarea, __assign$1({}, props, {
|
|
17582
17728
|
resize: resize,
|
|
17583
17729
|
rows: rows,
|
|
@@ -17609,18 +17755,22 @@
|
|
|
17609
17755
|
_b = props.max,
|
|
17610
17756
|
max = _b === void 0 ? 200 : _b,
|
|
17611
17757
|
_c = props.helpText,
|
|
17612
|
-
helpText = _c === void 0 ? ' ' : _c
|
|
17613
|
-
|
|
17614
|
-
|
|
17615
|
-
|
|
17758
|
+
helpText = _c === void 0 ? ' ' : _c,
|
|
17759
|
+
_d = props.size,
|
|
17760
|
+
size = _d === void 0 ? 'regular' : _d;
|
|
17761
|
+
var _e = React__namespace.useState(value),
|
|
17762
|
+
inputText = _e[0],
|
|
17763
|
+
setInputText = _e[1];
|
|
17616
17764
|
var onChangeHandler = function onChangeHandler(event) {
|
|
17617
17765
|
setInputText(event.target.value);
|
|
17618
17766
|
if (onChange) onChange(event);
|
|
17619
17767
|
};
|
|
17620
17768
|
var inputError = error || inputText.length > max;
|
|
17769
|
+
var labelSize = size === 'tiny' ? 'small' : 'regular';
|
|
17621
17770
|
return /*#__PURE__*/React__namespace.createElement("div", null, label && (/*#__PURE__*/React__namespace.createElement(Label, {
|
|
17622
17771
|
required: required,
|
|
17623
|
-
withInput: true
|
|
17772
|
+
withInput: true,
|
|
17773
|
+
size: labelSize
|
|
17624
17774
|
}, label)), /*#__PURE__*/React__namespace.createElement(Input, __assign$1({}, props, {
|
|
17625
17775
|
error: inputError,
|
|
17626
17776
|
onChange: onChangeHandler
|
|
@@ -17668,8 +17818,8 @@
|
|
|
17668
17818
|
|
|
17669
17819
|
var AvatarSelectionContext = /*#__PURE__*/React__namespace.createContext({});
|
|
17670
17820
|
|
|
17671
|
-
var css_248z$b = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
17672
|
-
var styles$a = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
17821
|
+
var css_248z$b = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-13-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-13-0 {\n margin-right: calc(var(--spacing-05) * -1);\n border-radius: var(--border-radius-full);\n display: flex;\n transition: transform var(--duration--fast-01) var(--standard-productive-curve);\n position: relative;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-13-0:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-13-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-13-0:active {\n outline: var(--spacing-05) solid #00509f;\n outline-offset: var(--spacing-2-5);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-13-0:hover .avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-13-0 {\n transform: translateY(-8px);\n}\n\n/* Selected Avatar Group Item */\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-13-0 {\n outline-offset: var(--spacing-2-5);\n outline: var(--spacing-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-13-0:active {\n outline-offset: var(--spacing-2-5);\n outline: var(--spacing-05) solid var(--primary-darker);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-13-0:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-13-0:focus-visible {\n box-shadow: 0 0 0 var(--spacing-2-5) white, 0 0 0 3px var(--primary-dark), 0 0 0 3px var(--primary-shadow) !important;\n}\n\n/* Selection Avatar Popover */\n\n.avatarSelection-module-SelectionAvatarGroup-popper-Rcnff-4-13-0 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-13-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-13-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-13-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-13-0,\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-13-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-13-0:hover {\n background-color: #f4f4f4;\n}\n\n/* Selection Avatar Count */\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-13-0 {\n border-radius: var(--border-radius-full);\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-13-0:hover {\n background: var(--secondary);\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-13-0:active {\n background: var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-13-0:focus,\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-13-0:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-13-0 {\n outline-offset: var(--spacing-2-5);\n outline: var(--spacing-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-13-0:focus,\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-13-0:focus-visible {\n box-shadow: 0 0 0 var(--spacing-2-5) white, 0 0 0 3px var(--primary-dark), 0 0 0 3px var(--primary-shadow) !important;\n}\n";
|
|
17822
|
+
var styles$a = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-13-0","SelectionAvatarGroup-item":"avatarSelection-module-SelectionAvatarGroup-item-1QsB6-4-13-0","SelectionAvatarGroup-item--active":"avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-13-0","SelectionAvatarGroup-wrapper":"avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-13-0","SelectionAvatarGroup-item--selected":"avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-13-0","SelectionAvatarGroup-popper":"avatarSelection-module-SelectionAvatarGroup-popper-Rcnff-4-13-0","SelectionAvatar-inputWrapper":"avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-13-0","SelectionAvatar-input":"avatarSelection-module-SelectionAvatar-input-OWRhy-4-13-0","SelectionAvatarCount-wrapper":"avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-13-0","SelectionAvatarCount":"avatarSelection-module-SelectionAvatarCount-s-0H0-4-13-0","SelectionAvatarCount--selected":"avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-13-0"};
|
|
17673
17823
|
styleInject$1(css_248z$b);
|
|
17674
17824
|
|
|
17675
17825
|
var SelectionAvatarsWrapper = function SelectionAvatarsWrapper(props) {
|
|
@@ -18970,19 +19120,26 @@
|
|
|
18970
19120
|
maxHeight = contextProp.maxHeight,
|
|
18971
19121
|
multiSelect = contextProp.multiSelect;
|
|
18972
19122
|
var children = props.children,
|
|
18973
|
-
|
|
19123
|
+
size = props.size,
|
|
19124
|
+
rest = __rest(props, ["children", "size"]);
|
|
18974
19125
|
var searchInputHeight = 33;
|
|
18975
19126
|
var wrapperStyle = {
|
|
18976
19127
|
maxHeight: withSearch ? maxHeight - searchInputHeight : maxHeight,
|
|
18977
19128
|
overflowY: 'auto',
|
|
18978
19129
|
minHeight: minHeight
|
|
18979
19130
|
};
|
|
18980
|
-
|
|
19131
|
+
var updatedContextProp = __assign$1(__assign$1({}, contextProp), {
|
|
19132
|
+
size: size
|
|
19133
|
+
});
|
|
19134
|
+
return /*#__PURE__*/React__namespace.createElement(SelectContext.Provider, {
|
|
19135
|
+
value: updatedContextProp
|
|
19136
|
+
}, /*#__PURE__*/React__namespace.createElement(Listbox, __assign$1({
|
|
18981
19137
|
style: wrapperStyle,
|
|
18982
19138
|
"aria-label": "Options item list",
|
|
18983
19139
|
"aria-multiselectable": multiSelect,
|
|
18984
|
-
className: "my-3"
|
|
18985
|
-
|
|
19140
|
+
className: "my-3",
|
|
19141
|
+
size: size
|
|
19142
|
+
}, rest), children));
|
|
18986
19143
|
};
|
|
18987
19144
|
SelectList.defaultProps = {
|
|
18988
19145
|
type: 'option',
|
|
@@ -19146,18 +19303,18 @@
|
|
|
19146
19303
|
setFocusedOption && setFocusedOption(targetOption);
|
|
19147
19304
|
};
|
|
19148
19305
|
|
|
19149
|
-
var css_248z$a = ".select-module-Select-input-E3-1I-4-
|
|
19150
|
-
var styles$9 = {"Select-input":"select-module-Select-input-E3-1I-4-
|
|
19306
|
+
var css_248z$a = ".select-module-Select-input-E3-1I-4-13-0 {\n min-width: unset !important;\n background: transparent;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n height: 36px;\n}\n\n.select-module-Select-input-E3-1I-4-13-0,\n.select-module-Select-input-E3-1I-4-13-0:focus-within {\n border: unset !important;\n box-shadow: none !important;\n}\n\n.select-module-Select-input-E3-1I-4-13-0:hover {\n background-color: #f4f4f4;\n}\n\n.select-module-Select-trigger-PT5nA-4-13-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-13-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-13-0:active,\n.select-module-Select-trigger--open-TseL8-4-13-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-13-0:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.select-module-Select-trigger-PT5nA-4-13-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-13-0 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.select-module-Select-inputWrapper-LT8pe-4-13-0:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.select-module-Select-trigger-wrapper-NMxls-4-13-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-13-0 {\n height: var(--spacing-60);\n padding-right: var(--spacing-10);\n padding-left: var(--spacing-20);\n}\n\n.select-module-Select-trigger--text-7nEKU-4-13-0,\n.select-module-Select-option--text-WfcEP-4-13-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-13-0 {\n height: var(--spacing-80);\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-30);\n}\n\n.select-module-Select-trigger--placeholder-1PVyt-4-13-0 {\n color: var(--text);\n}\n\n.select-module-Select-trigger--icon-eX-q0-4-13-0 {\n padding-left: var(--spacing-20);\n}\n\n.select-module-Select-buttonWrapper-Dm9cQ-4-13-0 {\n display: flex;\n justify-content: flex-end;\n padding-top: var(--spacing-20);\n padding-right: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.select-module-Select-crossButton-RUlwA-4-13-0 {\n display: flex;\n flex-shrink: 0;\n overflow: hidden;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n cursor: pointer;\n border-radius: var(--border-radius-full);\n padding: var(--spacing-05);\n}\n\n.select-module-Select-crossButton-RUlwA-4-13-0:focus-visible,\n.select-module-Select-crossButton-RUlwA-4-13-0:focus {\n outline: var(--spacing-05) solid var(--secondary-shadow);\n}\n\n.select-module-Select-crossButton-RUlwA-4-13-0:hover {\n background-color: var(--secondary);\n}\n\n.select-module-Select-crossButton-RUlwA-4-13-0:active {\n background-color: var(--secondary-dark);\n}\n\n.select-module-Select-option-HDep4-4-13-0 {\n display: flex;\n align-items: flex-start;\n width: 100%;\n}\n\n.select-module-Select-trigger--textSmall-jlpss-4-13-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.select-module-Select-option--tight-vVqxV-4-13-0 {\n padding: var(--spacing-10) var(--spacing-20);\n}\n\n.select-module-Select-input--tiny-mldAL-4-13-0 {\n padding-right: var(--spacing-10);\n height: var(--spacing-60);\n}\n\n.select-module-Select-option--textTight-soE6b-4-13-0 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n";
|
|
19307
|
+
var styles$9 = {"Select-input":"select-module-Select-input-E3-1I-4-13-0","Select-trigger":"select-module-Select-trigger-PT5nA-4-13-0","Select-trigger--open":"select-module-Select-trigger--open-TseL8-4-13-0","Select-inputWrapper":"select-module-Select-inputWrapper-LT8pe-4-13-0","Select-trigger-wrapper":"select-module-Select-trigger-wrapper-NMxls-4-13-0","Select-trigger--small":"select-module-Select-trigger--small-v-qam-4-13-0","Select-trigger--text":"select-module-Select-trigger--text-7nEKU-4-13-0","Select-option--text":"select-module-Select-option--text-WfcEP-4-13-0","Select-trigger--regular":"select-module-Select-trigger--regular-Dx-fp-4-13-0","Select-trigger--placeholder":"select-module-Select-trigger--placeholder-1PVyt-4-13-0","Select-trigger--icon":"select-module-Select-trigger--icon-eX-q0-4-13-0","Select-buttonWrapper":"select-module-Select-buttonWrapper-Dm9cQ-4-13-0","Select-crossButton":"select-module-Select-crossButton-RUlwA-4-13-0","Select-option":"select-module-Select-option-HDep4-4-13-0","Select-trigger--textSmall":"select-module-Select-trigger--textSmall-jlpss-4-13-0","Select-option--tight":"select-module-Select-option--tight-vVqxV-4-13-0","Select-input--tiny":"select-module-Select-input--tiny-mldAL-4-13-0","Select-option--textTight":"select-module-Select-option--textTight-soE6b-4-13-0"};
|
|
19151
19308
|
styleInject$1(css_248z$a);
|
|
19152
19309
|
|
|
19153
19310
|
var SelectOption = function SelectOption(props) {
|
|
19154
|
-
var _a, _b;
|
|
19311
|
+
var _a, _b, _c;
|
|
19155
19312
|
var children = props.children,
|
|
19156
19313
|
option = props.option,
|
|
19157
19314
|
checkedState = props.checkedState,
|
|
19158
19315
|
onClick = props.onClick,
|
|
19159
|
-
|
|
19160
|
-
withCheckbox =
|
|
19316
|
+
_d = props.withCheckbox,
|
|
19317
|
+
withCheckbox = _d === void 0 ? true : _d,
|
|
19161
19318
|
disabled = props.disabled,
|
|
19162
19319
|
rest = __rest(props, ["children", "option", "checkedState", "onClick", "withCheckbox", "disabled"]);
|
|
19163
19320
|
var contextProp = React__namespace.useContext(SelectContext);
|
|
@@ -19173,7 +19330,8 @@
|
|
|
19173
19330
|
listRef = contextProp.listRef,
|
|
19174
19331
|
withSearch = contextProp.withSearch,
|
|
19175
19332
|
setOpenPopover = contextProp.setOpenPopover,
|
|
19176
|
-
triggerRef = contextProp.triggerRef
|
|
19333
|
+
triggerRef = contextProp.triggerRef,
|
|
19334
|
+
size = contextProp.size;
|
|
19177
19335
|
var onClickHandler = function onClickHandler() {
|
|
19178
19336
|
if (disabled) return;
|
|
19179
19337
|
if (onClick) {
|
|
@@ -19188,7 +19346,8 @@
|
|
|
19188
19346
|
var checked = checkedState === 'checked' || elementExist(option, selectValue) !== -1;
|
|
19189
19347
|
var indeterminate = checkedState === 'indeterminate';
|
|
19190
19348
|
var optionItemClass = classNames__default["default"]((_a = {}, _a[styles$9['Select-option']] = true, _a));
|
|
19191
|
-
var textClass = classNames__default["default"]((_b = {}, _b[styles$9['Select-option--text']] = true, _b['pt-2'] = multiSelect, _b));
|
|
19349
|
+
var textClass = classNames__default["default"]((_b = {}, _b[styles$9['Select-option--text']] = true, _b[styles$9['Select-option--textTight']] = size === 'tight', _b['pt-2'] = multiSelect, _b));
|
|
19350
|
+
var SelectOptionClass = classNames__default["default"]((_c = {}, _c[styles$9['Select-option--tight']] = size === 'tight', _c));
|
|
19192
19351
|
var onKeyDownHandler = function onKeyDownHandler(event) {
|
|
19193
19352
|
handleKeyDown$2(event, focusedOption, setFocusedOption, setHighlightFirstItem, setHighlightLastItem, listRef, withSearch, setOpenPopover, triggerRef);
|
|
19194
19353
|
};
|
|
@@ -19203,7 +19362,8 @@
|
|
|
19203
19362
|
selected: checked,
|
|
19204
19363
|
tabIndex: -1,
|
|
19205
19364
|
disabled: disabled,
|
|
19206
|
-
"data-test": "DesignSystem-Select-Option"
|
|
19365
|
+
"data-test": "DesignSystem-Select-Option",
|
|
19366
|
+
className: SelectOptionClass
|
|
19207
19367
|
}, rest), /*#__PURE__*/React__namespace.createElement("div", {
|
|
19208
19368
|
className: optionItemClass
|
|
19209
19369
|
}, multiSelect && withCheckbox && (/*#__PURE__*/React__namespace.createElement(Checkbox, {
|
|
@@ -19221,7 +19381,8 @@
|
|
|
19221
19381
|
|
|
19222
19382
|
var SelectTrigger = function SelectTrigger(props) {
|
|
19223
19383
|
var _a, _b;
|
|
19224
|
-
var
|
|
19384
|
+
var _c = props.triggerSize,
|
|
19385
|
+
triggerSize = _c === void 0 ? 'regular' : _c,
|
|
19225
19386
|
placeholder = props.placeholder,
|
|
19226
19387
|
withClearButton = props.withClearButton,
|
|
19227
19388
|
icon = props.icon,
|
|
@@ -19265,9 +19426,14 @@
|
|
|
19265
19426
|
}
|
|
19266
19427
|
};
|
|
19267
19428
|
var buttonClass = classNames__default["default"]((_a = {}, _a[buttonStyles['Button']] = true, _a[styles$9['Select-trigger']] = true, _a[styles$9["Select-trigger--" + triggerSize]] = triggerSize, _a[styles$9['Select-trigger--placeholder']] = !isOptionSelected, _a[styles$9['Select-trigger--icon']] = icon, _a[styles$9['Select-trigger--open']] = openPopover, _a));
|
|
19268
|
-
var textClass = classNames__default["default"]((_b = {}, _b[textStyles['Text']] = true, _b[textStyles['Text--regular']] = true, _b[styles$9['Select-trigger--text']] = true, _b));
|
|
19429
|
+
var textClass = classNames__default["default"]((_b = {}, _b[textStyles['Text']] = true, _b[textStyles['Text--regular']] = true, _b[styles$9['Select-trigger--text']] = true, _b[styles$9['Select-trigger--textSmall']] = triggerSize === 'small', _b));
|
|
19269
19430
|
var triggerClass = classNames__default["default"]([styles$9['Select-trigger-wrapper']], 'ellipsis--noWrap');
|
|
19431
|
+
var inlineLabelClass = classNames__default["default"]({
|
|
19432
|
+
'white-space-nowrap': true
|
|
19433
|
+
});
|
|
19270
19434
|
var iconClass = classNames__default["default"]('align-items-center', 'mr-2', 'ml-3', styles$9['Select-crossButton']);
|
|
19435
|
+
var iconSize = triggerSize === 'small' ? 14 : 16;
|
|
19436
|
+
var triggerTextSize = triggerSize === 'small' ? 'small' : 'regular';
|
|
19271
19437
|
return /*#__PURE__*/React__namespace.createElement(Tooltip, {
|
|
19272
19438
|
showOnTruncation: true,
|
|
19273
19439
|
showTooltip: !openPopover,
|
|
@@ -19292,12 +19458,14 @@
|
|
|
19292
19458
|
className: triggerClass
|
|
19293
19459
|
}, inlineLabel && (/*#__PURE__*/React__namespace.createElement(Text, {
|
|
19294
19460
|
appearance: "subtle",
|
|
19295
|
-
className: "mr-4
|
|
19461
|
+
className: inlineLabelClass + " mr-4",
|
|
19462
|
+
size: triggerTextSize
|
|
19296
19463
|
}, "" + inlineLabel.trim().charAt(0).toUpperCase() + inlineLabel.trim().slice(1))), icon && !inlineLabel && (/*#__PURE__*/React__namespace.createElement(Icon, {
|
|
19297
19464
|
appearance: buttonDisabled,
|
|
19298
19465
|
className: "d-flex align-items-center mr-4",
|
|
19299
19466
|
name: icon,
|
|
19300
|
-
type: iconType
|
|
19467
|
+
type: iconType,
|
|
19468
|
+
size: iconSize
|
|
19301
19469
|
})), value && (/*#__PURE__*/React__namespace.createElement("span", {
|
|
19302
19470
|
ref: elementRef,
|
|
19303
19471
|
className: textClass
|
|
@@ -19323,6 +19491,7 @@
|
|
|
19323
19491
|
};
|
|
19324
19492
|
|
|
19325
19493
|
var SearchInput = function SearchInput(props) {
|
|
19494
|
+
var _a;
|
|
19326
19495
|
var contextProp = React__namespace.useContext(SelectContext);
|
|
19327
19496
|
var setWithSearch = contextProp.setWithSearch,
|
|
19328
19497
|
maxHeight = contextProp.maxHeight,
|
|
@@ -19332,7 +19501,9 @@
|
|
|
19332
19501
|
triggerRef = contextProp.triggerRef;
|
|
19333
19502
|
var onChange = props.onChange,
|
|
19334
19503
|
onClear = props.onClear,
|
|
19335
|
-
|
|
19504
|
+
_b = props.size,
|
|
19505
|
+
size = _b === void 0 ? 'regular' : _b,
|
|
19506
|
+
rest = __rest(props, ["onChange", "onClear", "size"]);
|
|
19336
19507
|
React__namespace.useEffect(function () {
|
|
19337
19508
|
setWithSearch === null || setWithSearch === void 0 ? void 0 : setWithSearch(true);
|
|
19338
19509
|
}, [maxHeight]);
|
|
@@ -19342,10 +19513,12 @@
|
|
|
19342
19513
|
var searchClearHandler = function searchClearHandler(event) {
|
|
19343
19514
|
if (onClear) onClear(event);
|
|
19344
19515
|
};
|
|
19516
|
+
var inputClass = classNames__default["default"]((_a = {}, _a[styles$9['Select-input']] = true, _a[styles$9['Select-input--tiny']] = size === 'tiny', _a));
|
|
19345
19517
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
19346
19518
|
className: styles$9['Select-inputWrapper']
|
|
19347
19519
|
}, /*#__PURE__*/React__namespace.createElement(Input, __assign$1({}, rest, {
|
|
19348
19520
|
icon: 'search',
|
|
19521
|
+
size: size,
|
|
19349
19522
|
onKeyDown: function onKeyDown(event) {
|
|
19350
19523
|
return handleInputKeyDown(event, listRef, setFocusedOption, setOpenPopover, triggerRef);
|
|
19351
19524
|
},
|
|
@@ -19355,7 +19528,7 @@
|
|
|
19355
19528
|
autoComplete: 'off',
|
|
19356
19529
|
"aria-label": "Search",
|
|
19357
19530
|
"aria-haspopup": "listbox",
|
|
19358
|
-
className:
|
|
19531
|
+
className: inputClass,
|
|
19359
19532
|
"data-test": "DesignSystem-Select--Input"
|
|
19360
19533
|
})));
|
|
19361
19534
|
};
|
|
@@ -19598,8 +19771,8 @@
|
|
|
19598
19771
|
Select.EmptyTemplate = SelectEmptyTemplate;
|
|
19599
19772
|
Select.Footer = SelectFooter;
|
|
19600
19773
|
|
|
19601
|
-
var css_248z$9 = ".menu-module-Menu-AK6Tm-4-
|
|
19602
|
-
var styles$8 = {"Menu":"menu-module-Menu-AK6Tm-4-
|
|
19774
|
+
var css_248z$9 = ".menu-module-Menu-AK6Tm-4-13-0 {\n overflow-y: auto !important;\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.menu-module-Menu-Trigger--active-jEVVp-4-13-0 {\n background-color: var(--secondary-dark);\n}\n\n.menu-module-Menu-Item-oX6Gf-4-13-0 {\n width: 100%;\n box-sizing: border-box;\n}\n\n.menu-module-Menu-Item--tight-6221H-4-13-0 {\n padding: var(--spacing-10) var(--spacing-20);\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-height-s);\n}\n\n.menu-module-Menu-Group-Label-Qj6zC-4-13-0 {\n display: flex;\n align-items: center;\n padding-bottom: var(--spacing-15);\n padding-top: var(--spacing-30);\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-30);\n}\n\n.menu-module-Menu-Group-MAnuz-4-13-0:first-child .menu-module-Menu-Group-Label-Qj6zC-4-13-0 {\n padding-top: var(--spacing-20);\n}\n";
|
|
19775
|
+
var styles$8 = {"Menu":"menu-module-Menu-AK6Tm-4-13-0","Menu-Trigger--active":"menu-module-Menu-Trigger--active-jEVVp-4-13-0","Menu-Item":"menu-module-Menu-Item-oX6Gf-4-13-0","Menu-Item--tight":"menu-module-Menu-Item--tight-6221H-4-13-0","Menu-Group-Label":"menu-module-Menu-Group-Label-Qj6zC-4-13-0","Menu-Group":"menu-module-Menu-Group-MAnuz-4-13-0"};
|
|
19603
19776
|
styleInject$1(css_248z$9);
|
|
19604
19777
|
|
|
19605
19778
|
var MenuGroup = function MenuGroup(props) {
|
|
@@ -19703,7 +19876,27 @@
|
|
|
19703
19876
|
|
|
19704
19877
|
var SubMenuContext = /*#__PURE__*/React__namespace.createContext({});
|
|
19705
19878
|
|
|
19879
|
+
var MenuListContext = /*#__PURE__*/React__default["default"].createContext({});
|
|
19880
|
+
var MenuList = function MenuList(props) {
|
|
19881
|
+
var children = props.children,
|
|
19882
|
+
rest = __rest(props, ["children"]);
|
|
19883
|
+
return /*#__PURE__*/React__default["default"].createElement(Listbox, __assign$1({
|
|
19884
|
+
"data-test": "DesignSystem-Menu-List"
|
|
19885
|
+
}, rest), /*#__PURE__*/React__default["default"].createElement(MenuListContext.Provider, {
|
|
19886
|
+
value: {
|
|
19887
|
+
size: props.size
|
|
19888
|
+
}
|
|
19889
|
+
}, children));
|
|
19890
|
+
};
|
|
19891
|
+
MenuList.defaultProps = {
|
|
19892
|
+
type: 'option',
|
|
19893
|
+
showDivider: false,
|
|
19894
|
+
tagName: 'nav',
|
|
19895
|
+
size: 'compressed'
|
|
19896
|
+
};
|
|
19897
|
+
|
|
19706
19898
|
var MenuItem = function MenuItem(props) {
|
|
19899
|
+
var _a;
|
|
19707
19900
|
var children = props.children,
|
|
19708
19901
|
className = props.className,
|
|
19709
19902
|
onClick = props.onClick,
|
|
@@ -19712,6 +19905,7 @@
|
|
|
19712
19905
|
rest = __rest(props, ["children", "className", "onClick", "disabled", "onFocus"]);
|
|
19713
19906
|
var contextProp = React__default["default"].useContext(MenuContext);
|
|
19714
19907
|
var subMenuContextProp = React__default["default"].useContext(SubMenuContext);
|
|
19908
|
+
var size = React__default["default"].useContext(MenuListContext).size;
|
|
19715
19909
|
var isSubMenuTrigger = false;
|
|
19716
19910
|
var subListRef = null;
|
|
19717
19911
|
var triggerRef = subMenuContextProp.triggerRef,
|
|
@@ -19724,7 +19918,7 @@
|
|
|
19724
19918
|
setFocusedOption = contextProp.setFocusedOption,
|
|
19725
19919
|
menuTriggerRef = contextProp.menuTriggerRef,
|
|
19726
19920
|
listRef = contextProp.listRef;
|
|
19727
|
-
var MenuItemClassName = classNames__default["default"](styles$8['Menu-Item'], className);
|
|
19921
|
+
var MenuItemClassName = classNames__default["default"](styles$8['Menu-Item'], (_a = {}, _a[styles$8['Menu-Item--tight']] = size === 'tight', _a), className);
|
|
19728
19922
|
React__default["default"].useEffect(function () {
|
|
19729
19923
|
var _a, _b;
|
|
19730
19924
|
var handlePopoverOpen = function handlePopoverOpen() {
|
|
@@ -19774,20 +19968,6 @@
|
|
|
19774
19968
|
tagName: 'a'
|
|
19775
19969
|
};
|
|
19776
19970
|
|
|
19777
|
-
var MenuList = function MenuList(props) {
|
|
19778
|
-
var children = props.children,
|
|
19779
|
-
rest = __rest(props, ["children"]);
|
|
19780
|
-
return /*#__PURE__*/React__default["default"].createElement(Listbox, __assign$1({
|
|
19781
|
-
"data-test": "DesignSystem-Menu-List"
|
|
19782
|
-
}, rest), children);
|
|
19783
|
-
};
|
|
19784
|
-
MenuList.defaultProps = {
|
|
19785
|
-
type: 'option',
|
|
19786
|
-
showDivider: false,
|
|
19787
|
-
tagName: 'nav',
|
|
19788
|
-
size: 'compressed'
|
|
19789
|
-
};
|
|
19790
|
-
|
|
19791
19971
|
var handleKeyDown = function handleKeyDown(event, setOpenPopover, setHighlightFirstItem, setHighlightLastItem) {
|
|
19792
19972
|
switch (event.key) {
|
|
19793
19973
|
case 'ArrowUp':
|
|
@@ -20088,8 +20268,8 @@
|
|
|
20088
20268
|
}, rest), date);
|
|
20089
20269
|
};
|
|
20090
20270
|
|
|
20091
|
-
var css_248z$8 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
20092
|
-
var styles$7 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
20271
|
+
var css_248z$8 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-13-0 {\n border-radius: var(--border-radius-40);\n padding: var(--spacing-05) var(--spacing-30) var(--spacing-05) var(--spacing-20);\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--primary);\n cursor: pointer;\n}\n\n.chatSeparator-module-NewMessage-Divider--left-tvVhe-4-13-0 {\n flex: 1;\n height: var(--spacing-2-5);\n background-color: var(--primary);\n margin-right: var(--spacing-40);\n}\n\n.chatSeparator-module-NewMessage-Divider--right-PlY2h-4-13-0 {\n flex: 1;\n height: var(--spacing-2-5);\n background-color: var(--primary);\n margin-left: var(--spacing-40);\n}\n";
|
|
20272
|
+
var styles$7 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-13-0","NewMessage-Divider--left":"chatSeparator-module-NewMessage-Divider--left-tvVhe-4-13-0","NewMessage-Divider--right":"chatSeparator-module-NewMessage-Divider--right-PlY2h-4-13-0"};
|
|
20093
20273
|
styleInject$1(css_248z$8);
|
|
20094
20274
|
|
|
20095
20275
|
var UnreadMessage = function UnreadMessage(props) {
|
|
@@ -20151,8 +20331,8 @@
|
|
|
20151
20331
|
}, rest), text);
|
|
20152
20332
|
};
|
|
20153
20333
|
|
|
20154
|
-
var css_248z$7 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
20155
|
-
var styles$6 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
20334
|
+
var css_248z$7 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-13-0 {\n background-color: var(--primary-lightest);\n border-radius: var(--border-radius-20);\n padding: var(--spacing-20) var(--spacing-30);\n}\n\n.chatBubble-module-ChatBubble-separator-JaN-K-4-13-0 {\n width: var(--spacing-10);\n height: var(--spacing-10);\n border-radius: var(--border-radius-full);\n margin: 0 var(--spacing-20);\n background: var(--inverse-lightest);\n}\n\n.chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-13-0 {\n margin-right: calc(var(--spacing-40) + var(--spacing-10));\n}\n\n.chatBubble-module-ChatBubble-box-hARs0-4-13-0 {\n width: 100%;\n}\n\n.chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-13-0 {\n width: -moz-max-content;\n width: max-content;\n margin-right: var(--spacing-10);\n margin-top: var(--spacing-15);\n}\n\n.chatBubble-module-ChatBubble-actionBar--incoming-gosX5-4-13-0 {\n width: -moz-max-content;\n width: max-content;\n margin-left: var(--spacing-10);\n margin-top: var(--spacing-15);\n}\n\n.chatBubble-module-ChatBubble-box--incoming-GK6D6-4-13-0 {\n background-color: var(--secondary-lightest);\n border-radius: var(--border-radius-20);\n padding: var(--spacing-20) var(--spacing-30);\n}\n\n.chatBubble-module-ChatBubble-metaData--incoming-dovAY-4-13-0 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.chatBubble-module-ChatBubble-boxWrapper-aH59y-4-13-0 {\n flex: 0 0 auto;\n display: flex;\n max-width: 70%;\n}\n\n.chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-13-0 {\n flex: 0 0 auto;\n}\n";
|
|
20335
|
+
var styles$6 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-13-0","ChatBubble-separator":"chatBubble-module-ChatBubble-separator-JaN-K-4-13-0","ChatBubble-box--noSuccess":"chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-13-0","ChatBubble-box":"chatBubble-module-ChatBubble-box-hARs0-4-13-0","ChatBubble-actionBar--outgoing":"chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-13-0","ChatBubble-actionBar--incoming":"chatBubble-module-ChatBubble-actionBar--incoming-gosX5-4-13-0","ChatBubble-box--incoming":"chatBubble-module-ChatBubble-box--incoming-GK6D6-4-13-0","ChatBubble-metaData--incoming":"chatBubble-module-ChatBubble-metaData--incoming-dovAY-4-13-0","ChatBubble-boxWrapper":"chatBubble-module-ChatBubble-boxWrapper-aH59y-4-13-0","ChatBubble-actionBarWrapper":"chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-13-0"};
|
|
20156
20336
|
styleInject$1(css_248z$7);
|
|
20157
20337
|
|
|
20158
20338
|
var MetaSeparator$1 = function MetaSeparator() {
|
|
@@ -20365,8 +20545,8 @@
|
|
|
20365
20545
|
};
|
|
20366
20546
|
ChatBubble.displayName = 'ChatBubble';
|
|
20367
20547
|
|
|
20368
|
-
var css_248z$6 = ".chatInput-module-ChatInput-eHNHD-4-
|
|
20369
|
-
var styles$5 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-
|
|
20548
|
+
var css_248z$6 = ".chatInput-module-ChatInput-eHNHD-4-13-0 {\n display: flex;\n flex-direction: row;\n align-items: center;\n border: var(--border-width-2-5) solid var(--secondary);\n padding: var(--spacing-20);\n border-radius: var(--border-radius-10);\n background: var(--white);\n max-width: 100%;\n min-width: var(--spacing-640);\n transition: all var(--duration--slow-01) var(--standard-productive-curve);\n max-height: var(--spacing-440);\n position: relative;\n box-sizing: border-box;\n line-height: var(--font-height-m);\n}\n\n.chatInput-module-ChatInput--expanded-CQXYB-4-13-0 {\n flex-direction: column;\n align-items: flex-start;\n}\n\n.chatInput-module-ChatInput--disabled-2rn8F-4-13-0 {\n background: var(--secondary-lightest);\n cursor: not-allowed;\n}\n\n.chatInput-module-ChatInput-eHNHD-4-13-0:hover {\n background: var(--secondary-lighter);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-13-0:focus-within,\n.chatInput-module-ChatInput-eHNHD-4-13-0:focus,\n.chatInput-module-ChatInput-eHNHD-4-13-0:focus-visible {\n outline: none;\n border: var(--border-width-2-5) solid var(--primary);\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n.chatInput-module-ChatInput-textarea-qyw2Y-4-13-0 {\n flex: 1;\n height: var(--spacing-60);\n width: 100%;\n resize: none;\n border: none;\n outline: none;\n transition-delay: var(--duration--slow-01);\n transition: width var(--duration--slow-01) var(--standard-productive-curve);\n box-sizing: border-box;\n cursor: auto;\n padding: var(--spacing-05) 0;\n background: none;\n word-break: break-all;\n overflow-y: scroll;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n line-height: var(--font-height);\n font-size: var(--font-size);\n color: var(--inverse);\n}\n\n.chatInput-module-ChatInput-textarea-qyw2Y-4-13-0::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.chatInput-module-ChatInput-textarea-qyw2Y-4-13-0::placeholder {\n color: var(--inverse-lighter);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-13-0 textarea:disabled::-moz-placeholder {\n color: var(--inverse-lightest);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-13-0 textarea:disabled::placeholder {\n color: var(--inverse-lightest);\n}\n\n.chatInput-module-ChatInput-actions-TdLpp-4-13-0 {\n display: flex;\n flex-shrink: 0;\n transition: all var(--duration--slow-01) var(--standard-productive-curve);\n margin-left: var(--spacing-20);\n align-items: center;\n}\n\n.chatInput-module-ChatInput-actions--expanded-tSHwG-4-13-0 {\n width: 100%;\n justify-content: flex-end;\n margin-top: var(--spacing-20);\n margin-left: 0;\n}\n";
|
|
20549
|
+
var styles$5 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-13-0","ChatInput--expanded":"chatInput-module-ChatInput--expanded-CQXYB-4-13-0","ChatInput--disabled":"chatInput-module-ChatInput--disabled-2rn8F-4-13-0","ChatInput-textarea":"chatInput-module-ChatInput-textarea-qyw2Y-4-13-0","ChatInput-actions":"chatInput-module-ChatInput-actions-TdLpp-4-13-0","ChatInput-actions--expanded":"chatInput-module-ChatInput-actions--expanded-tSHwG-4-13-0"};
|
|
20370
20550
|
styleInject$1(css_248z$6);
|
|
20371
20551
|
|
|
20372
20552
|
var ChatInput = function ChatInput(props) {
|
|
@@ -20493,8 +20673,8 @@
|
|
|
20493
20673
|
Chat.ChatBubble = ChatBubble;
|
|
20494
20674
|
Chat.ChatInput = ChatInput;
|
|
20495
20675
|
|
|
20496
|
-
var css_248z$5 = ".meter-module-Meter-2i-mO-4-
|
|
20497
|
-
var styles$4 = {"Meter":"meter-module-Meter-2i-mO-4-
|
|
20676
|
+
var css_248z$5 = ".meter-module-Meter-2i-mO-4-13-0 {\n display: flex;\n align-items: center;\n}\n\n.meter-module-Meter-Step-4Z4g3-4-13-0 {\n border-radius: 50%;\n}\n\n.meter-module-Meter-Step--small-8AUww-4-13-0 {\n width: var(--spacing-10);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--regular-5FlOq-4-13-0 {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--large-3n6Li-4-13-0 {\n width: var(--spacing-30);\n height: var(--spacing-30);\n}\n\n.meter-module-Meter-Step--info-dYKw1-4-13-0 {\n background: var(--primary);\n}\n\n.meter-module-Meter-Step--warning-1y3zc-4-13-0 {\n background: var(--warning);\n}\n\n.meter-module-Meter-Step--alert-hNfes-4-13-0 {\n background: var(--alert);\n}\n\n.meter-module-Meter-Step--success-sSboi-4-13-0 {\n background: var(--success);\n}\n";
|
|
20677
|
+
var styles$4 = {"Meter":"meter-module-Meter-2i-mO-4-13-0","Meter-Step":"meter-module-Meter-Step-4Z4g3-4-13-0","Meter-Step--small":"meter-module-Meter-Step--small-8AUww-4-13-0","Meter-Step--regular":"meter-module-Meter-Step--regular-5FlOq-4-13-0","Meter-Step--large":"meter-module-Meter-Step--large-3n6Li-4-13-0","Meter-Step--info":"meter-module-Meter-Step--info-dYKw1-4-13-0","Meter-Step--warning":"meter-module-Meter-Step--warning-1y3zc-4-13-0","Meter-Step--alert":"meter-module-Meter-Step--alert-hNfes-4-13-0","Meter-Step--success":"meter-module-Meter-Step--success-sSboi-4-13-0"};
|
|
20498
20678
|
styleInject$1(css_248z$5);
|
|
20499
20679
|
|
|
20500
20680
|
var Step = function Step(props) {
|
|
@@ -20660,8 +20840,8 @@
|
|
|
20660
20840
|
|
|
20661
20841
|
var img$2 = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 8C4.86599 8 8 4.86599 8 1C8 4.86599 11.134 8 15 8C11.134 8 8 11.134 8 15C8 11.134 4.86599 8 1 8Z' fill='url(%23paint0_linear_64038_5798)'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 8C4.86599 8 8 4.86599 8 1C8 4.86599 11.134 8 15 8C11.134 8 8 11.134 8 15C8 11.134 4.86599 8 1 8Z' fill='url(%23paint1_linear_64038_5798)' fill-opacity='0.24'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_64038_5798' x1='3.4375' y1='2.4375' x2='12.4063' y2='13' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23E81F76' stop-opacity='0.8'/%3e%3cstop offset='1' stop-color='%23EB5324'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_64038_5798' x1='9.3125' y1='10.8438' x2='12.5937' y2='15.6563' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FFC208' stop-opacity='0'/%3e%3cstop offset='1' stop-color='%23FFC208'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
|
|
20662
20842
|
|
|
20663
|
-
var css_248z$4 = ".button-module-AIButton-Hcde0-4-
|
|
20664
|
-
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-
|
|
20843
|
+
var css_248z$4 = ".button-module-AIButton-Hcde0-4-13-0 {\n padding: var(--spacing-20) var(--spacing-30);\n border-radius: var(--border-radius-10);\n cursor: pointer;\n border: 0;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n display: flex;\n align-items: center;\n color: var(--inverse);\n background: linear-gradient(\n 277deg,\n rgba(227, 28, 121, 0.15) 0%,\n rgba(231, 56, 79, 0.24) 28%,\n rgba(240, 125, 0, 0.15) 100%\n );\n}\n\n.button-module-AIButton-Hcde0-4-13-0:hover {\n background: linear-gradient(\n 277deg,\n rgba(227, 28, 121, 0.2) 0%,\n rgba(231, 56, 79, 0.32) 28%,\n rgba(240, 125, 0, 0.2) 100%\n );\n}\n\n.button-module-AIButton-Hcde0-4-13-0:active {\n background: linear-gradient(\n 277deg,\n rgba(227, 28, 121, 0.31) 0%,\n rgba(231, 56, 79, 0.48) 28%,\n rgba(240, 125, 0, 0.31) 100%\n );\n}\n\n.button-module-AIButton-Hcde0-4-13-0:disabled {\n cursor: not-allowed;\n opacity: var(--opacity-10);\n background: linear-gradient(\n 277deg,\n rgba(227, 28, 121, 0.15) 0%,\n rgba(231, 56, 79, 0.24) 28%,\n rgba(240, 125, 0, 0.15) 100%\n );\n}\n\n.button-module-AIButton-Hcde0-4-13-0:focus {\n outline: 0;\n box-shadow: var(--shadow-spread) var(--primary-shadow);\n}\n\n/* Button Icon */\n\n.button-module-AIButton-Icon-ITLNV-4-13-0 {\n margin-right: var(--spacing-20);\n}\n";
|
|
20844
|
+
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-13-0","AIButton-Icon":"button-module-AIButton-Icon-ITLNV-4-13-0"};
|
|
20665
20845
|
styleInject$1(css_248z$4);
|
|
20666
20846
|
|
|
20667
20847
|
var AIButton = function AIButton(props) {
|
|
@@ -24745,8 +24925,8 @@
|
|
|
24745
24925
|
}))));
|
|
24746
24926
|
};
|
|
24747
24927
|
|
|
24748
|
-
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-
|
|
24749
|
-
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-
|
|
24928
|
+
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-13-0 {\n background: transparent;\n padding: var(--spacing-20);\n border-radius: var(--border-radius-10);\n cursor: pointer;\n border: 0;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n position: relative;\n}\n\n.iconButton-module-AIIconButton--large-2EnOg-4-13-0 {\n padding: var(--spacing-0-75);\n}\n\n.iconButton-module-AIIconButton--regular-TAz71-4-13-0 {\n padding: var(--spacing);\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-13-0:hover {\n background: linear-gradient(\n 315deg,\n rgba(227, 28, 121, 0.2) 0%,\n rgba(231, 56, 79, 0.32) 19.79%,\n rgba(240, 125, 0, 0.32) 100%\n );\n color: var(--secondary) !important;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-13-0:active {\n background: linear-gradient(\n 315deg,\n rgba(227, 28, 121, 0.31) 0%,\n rgba(231, 56, 79, 0.48) 19.79%,\n rgba(240, 125, 0, 0.48) 100%\n );\n color: var(--secondary-dark) !important;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-13-0:focus,\n.iconButton-module-AIIconButton-BtFJz-4-13-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-13-0:disabled {\n cursor: not-allowed;\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.iconButton-module-AIIconButton-icon-nj5xZ-4-13-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-13-0 {\n position: absolute;\n}\n\n.iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-13-0 {\n bottom: calc(var(--spacing-30) + var(--spacing-05)); /* 14px */\n left: calc(var(--spacing-30) + var(--spacing-2-5)); /* 13px */\n}\n\n.iconButton-module-AIIconButton-AIIcon--largeTop-3HqjO-4-13-0 {\n bottom: calc(var(--spacing-40) + var(--spacing-05)); /* 18px */\n left: calc(var(--spacing-40) + var(--spacing-2-5)); /* 17px */\n}\n\n.iconButton-module-AIIconButton-AIIcon--regularBottom-oQfDL-4-13-0 {\n top: calc(var(--spacing-30) + var(--spacing-2-5)); /* 13px */\n left: calc(var(--spacing-30) + var(--spacing-05)); /* 14px */\n}\n\n.iconButton-module-AIIconButton-AIIcon--largeBottom-RQtt--4-13-0 {\n top: calc(var(--spacing-40) + var(--spacing-2-5)); /* 17px */\n left: calc(var(--spacing-40) + var(--spacing-05)); /* 18px */\n}\n";
|
|
24929
|
+
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-13-0","AIIconButton--large":"iconButton-module-AIIconButton--large-2EnOg-4-13-0","AIIconButton--regular":"iconButton-module-AIIconButton--regular-TAz71-4-13-0","AIIconButton-icon":"iconButton-module-AIIconButton-icon-nj5xZ-4-13-0","AIIconButton-AIIcon":"iconButton-module-AIIconButton-AIIcon-xdcj5-4-13-0","AIIconButton-AIIcon--regularTop":"iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-13-0","AIIconButton-AIIcon--largeTop":"iconButton-module-AIIconButton-AIIcon--largeTop-3HqjO-4-13-0","AIIconButton-AIIcon--regularBottom":"iconButton-module-AIIconButton-AIIcon--regularBottom-oQfDL-4-13-0","AIIconButton-AIIcon--largeBottom":"iconButton-module-AIIconButton-AIIcon--largeBottom-RQtt--4-13-0"};
|
|
24750
24930
|
styleInject$1(css_248z$2);
|
|
24751
24931
|
|
|
24752
24932
|
var SaraIcon = function SaraIcon(props) {
|
|
@@ -24819,8 +24999,8 @@
|
|
|
24819
24999
|
strokeColor: '#fff'
|
|
24820
25000
|
};
|
|
24821
25001
|
|
|
24822
|
-
var css_248z$1 = ".chip-module-AIChip-BtOef-4-
|
|
24823
|
-
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-
|
|
25002
|
+
var css_248z$1 = ".chip-module-AIChip-BtOef-4-13-0 {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--border-radius-30);\n padding: var(--spacing-05) var(--spacing-20);\n cursor: pointer;\n width: -moz-fit-content;\n width: fit-content;\n border: 0;\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.24) 0%,\n rgba(231, 56, 79, 0.24) 19.79%,\n rgba(240, 125, 0, 0.24) 100%\n );\n}\n\n.chip-module-AIChip-BtOef-4-13-0:hover {\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.32) 0%,\n rgba(231, 56, 79, 0.32) 19.79%,\n rgba(240, 125, 0, 0.32) 100%\n );\n}\n\n.chip-module-AIChip-BtOef-4-13-0:active {\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.48) 0%,\n rgba(231, 56, 79, 0.48) 19.79%,\n rgba(240, 125, 0, 0.48) 100%\n );\n}\n\n.chip-module-AIChip-BtOef-4-13-0:focus,\n.chip-module-AIChip-BtOef-4-13-0:focus-visible {\n box-shadow: var(--shadow-spread) var(--secondary-shadow);\n outline: none;\n}\n\n.chip-module-AIChip-icon-n5kJL-4-13-0 {\n width: var(--spacing-40);\n height: var(--spacing-40);\n font-size: var(--spacing-40) !important;\n margin-right: var(--spacing-10);\n -webkit-background-clip: text;\n background-clip: text;\n color: var(--inverse);\n}\n\n.chip-module-AIChip-text-EfbZT-4-13-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-13-0 {\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.24) 0%,\n rgba(231, 56, 79, 0.24) 19.79%,\n rgba(240, 125, 0, 0.24) 100%\n );\n}\n\n.chip-module-AIChip-icon--disabled-UBH8e-4-13-0 {\n -webkit-background-clip: text;\n background-clip: text;\n color: var(--inverse-lightest);\n}\n\n.chip-module-AIChip-text--disabled-fCBlY-4-13-0 {\n color: var(--inverse-lightest);\n}\n\n.chip-module-AIChip-BtOef-4-13-0:disabled {\n cursor: not-allowed;\n background: linear-gradient(\n 274deg,\n rgba(231, 56, 79, 0.24) 0%,\n rgba(231, 56, 79, 0.24) 19.79%,\n rgba(240, 125, 0, 0.24) 100%\n );\n}\n";
|
|
25003
|
+
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-13-0","AIChip-icon":"chip-module-AIChip-icon-n5kJL-4-13-0","AIChip-text":"chip-module-AIChip-text-EfbZT-4-13-0","AIChip--disabled":"chip-module-AIChip--disabled-R4qHn-4-13-0","AIChip-icon--disabled":"chip-module-AIChip-icon--disabled-UBH8e-4-13-0","AIChip-text--disabled":"chip-module-AIChip-text--disabled-fCBlY-4-13-0"};
|
|
24824
25004
|
styleInject$1(css_248z$1);
|
|
24825
25005
|
|
|
24826
25006
|
var AIChip = function AIChip(props) {
|
|
@@ -24848,8 +25028,8 @@
|
|
|
24848
25028
|
}, label));
|
|
24849
25029
|
};
|
|
24850
25030
|
|
|
24851
|
-
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-
|
|
24852
|
-
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-
|
|
25031
|
+
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-13-0 {\n background: linear-gradient(white, white) padding-box,\n linear-gradient(to right, rgba(254, 172, 95, 1) 9%, rgba(255, 31, 136, 1) 48%, rgba(227, 28, 121, 0.48) 100%)\n border-box;\n border: var(--spacing-2-5) solid transparent;\n border-radius: var(--border-radius-30);\n}\n\n.chat-module-AIResponse-container-OdpKS-4-13-0 {\n border-radius: var(--border-radius-30);\n border: var(--border-width-2-5) solid var(--secondary);\n padding: var(--spacing-20) var(--spacing-30);\n}\n\n.chat-module-AIResponse-box--glow-V9QG9-4-13-0 {\n padding: var(--spacing-20) var(--spacing-30);\n border-radius: var(--spacing-30);\n background: linear-gradient(to right, rgba(240, 125, 0, 0.04), rgba(227, 28, 121, 0.0192));\n}\n\n.chat-module-AIResponse-actionBar-6fyXH-4-13-0 {\n margin-top: var(--spacing-10);\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.chat-module-AIResponse-button-kYbCE-4-13-0 {\n opacity: var(--opacity-12);\n}\n\n.chat-module-AIResponse-box-AFv7W-4-13-0:hover .chat-module-AIResponse-button-kYbCE-4-13-0,\n.chat-module-AIResponse-box--glow-V9QG9-4-13-0:hover .chat-module-AIResponse-button-kYbCE-4-13-0 {\n opacity: 1;\n}\n\n.chat-module-AIResponse-button--selected-2WUcQ-4-13-0 {\n opacity: 1;\n}\n\n.chat-module-AIResponse-metaData-eT5c3-4-13-0 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n";
|
|
25032
|
+
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-13-0","AIResponse-container":"chat-module-AIResponse-container-OdpKS-4-13-0","AIResponse-box--glow":"chat-module-AIResponse-box--glow-V9QG9-4-13-0","AIResponse-actionBar":"chat-module-AIResponse-actionBar-6fyXH-4-13-0","AIResponse-button":"chat-module-AIResponse-button-kYbCE-4-13-0","AIResponse-box":"chat-module-AIResponse-box-AFv7W-4-13-0","AIResponse-button--selected":"chat-module-AIResponse-button--selected-2WUcQ-4-13-0","AIResponse-metaData":"chat-module-AIResponse-metaData-eT5c3-4-13-0"};
|
|
24853
25033
|
styleInject$1(css_248z);
|
|
24854
25034
|
|
|
24855
25035
|
var ChatBox = function ChatBox(props) {
|
|
@@ -24954,7 +25134,7 @@
|
|
|
24954
25134
|
AIResponse.ActionBar = ChatActionBar;
|
|
24955
25135
|
AIResponse.Body = ChatBody;
|
|
24956
25136
|
|
|
24957
|
-
var version = "4.
|
|
25137
|
+
var version = "4.13.0";
|
|
24958
25138
|
|
|
24959
25139
|
exports.AIButton = AIButton;
|
|
24960
25140
|
exports.AIChip = AIChip;
|