@innovaccer/design-system 4.30.3 → 4.30.5
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 +56 -0
- package/css/dist/index.css +12 -0
- package/css/dist/index.css.map +1 -1
- package/css/dist/mds-scoped.css +12 -0
- package/css/src/components/calendar.module.css +12 -0
- package/dist/brotli/index.js +1 -1
- package/dist/brotli/index.js.br +0 -0
- package/dist/cjs/index.js +1 -1
- package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +11 -11
- package/dist/core/components/organisms/calendar/Calendar.d.ts +2 -1
- package/dist/core/components/organisms/calendar/utils.d.ts +1 -0
- package/dist/core/components/organisms/datePicker/DatePicker.d.ts +8 -0
- package/dist/core/components/organisms/datePicker/Trigger.d.ts +1 -0
- package/dist/core/components/organisms/menu/utils.d.ts +1 -0
- package/dist/core/utils/overlayHelper.d.ts +1 -0
- package/dist/esm/index.js +787 -661
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +626 -510
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +12 -0
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +29 -26
- package/package.json +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* Generated on: 2026-
|
|
3
|
+
* Generated on: 2026-10-19T10:39:56.001Z
|
|
4
4
|
* Package: @innovaccer/design-system
|
|
5
|
-
* Version: v4.30.
|
|
5
|
+
* Version: v4.30.5
|
|
6
6
|
* License: MIT
|
|
7
7
|
* Docs: https://mds.innovaccer.com
|
|
8
8
|
*/
|
|
@@ -994,8 +994,8 @@ function styleInject(css, ref) {
|
|
|
994
994
|
}
|
|
995
995
|
}
|
|
996
996
|
|
|
997
|
-
var css_248z$1o = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-30-
|
|
998
|
-
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-30-
|
|
997
|
+
var css_248z$1o = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-30-5 {\n display: flex;\n flex-grow: 0;\n flex-shrink: 0;\n justify-content: center;\n align-items: center;\n overflow: hidden;\n text-transform: uppercase;\n border-radius: var(--border-radius-full);\n cursor: default;\n position: relative;\n}\n\n.avatar-module-Avatar-wrapper-EoBlf-4-30-5:has(.avatar-module-Avatar-D8RSu-4-30-5:focus-visible)::after {\n content: '';\n position: absolute;\n top: calc(-1 * var(--spacing-20));\n bottom: calc(-1 * var(--spacing-20));\n left: calc(-1 * var(--spacing-10));\n right: calc(-1 * var(--spacing-10));\n border: var(--border-width-05) solid var(--primary-focus);\n border-radius: var(--border-radius-10);\n pointer-events: none;\n}\n\n.avatar-module-Avatar-D8RSu-4-30-5:focus-visible {\n /* Fallback focus ring for browsers without :has support */\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n@supports selector(.Avatar-wrapper:has(.Avatar:focus-visible)) {\n .avatar-module-Avatar-D8RSu-4-30-5:focus-visible {\n outline: none;\n }\n}\n\n.avatar-module-Avatar-wrapper--square--Pcj7-4-30-5 {\n padding: var(--spacing-2-5);\n box-sizing: border-box;\n}\n\n.avatar-module-Avatar-wrapper-EoBlf-4-30-5 {\n position: relative;\n}\n\n.avatar-module-Avatar--square-lGJGN-4-30-5 {\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-10);\n}\n\n.avatar-module-Avatar--regular-ewNzb-4-30-5 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.avatar-module-Avatar--tiny-Veo-U-4-30-5 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.avatar-module-Avatar--micro-H0bVd-4-30-5 {\n height: 20px;\n width: 20px;\n}\n\n.avatar-module-Avatar--noInitials-do2M4-4-30-5 {\n cursor: default;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-30-5 {\n cursor: not-allowed;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-30-5::after {\n opacity: var(--opacity-16);\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n position: absolute;\n pointer-events: none;\n content: '';\n background-color: var(--white);\n}\n\n.avatar-module-Avatar--primary-MthKO-4-30-5 {\n background: var(--primary-300);\n}\n\n.avatar-module-Avatar--secondary-Fru0H-4-30-5 {\n background: var(--secondary-light);\n}\n\n.avatar-module-Avatar--success-KErql-4-30-5 {\n background: var(--success-300);\n}\n\n.avatar-module-Avatar--alert-mtBzz-4-30-5 {\n background: var(--alert-300);\n}\n\n.avatar-module-Avatar--warning-OUu3j-4-30-5 {\n background: var(--warning-300);\n}\n\n.avatar-module-Avatar--accent1-Q0YGB-4-30-5 {\n background: var(--accent1-300);\n}\n\n.avatar-module-Avatar--accent2-70bqJ-4-30-5 {\n background: var(--accent2-300);\n}\n\n.avatar-module-Avatar--accent3-GEYFR-4-30-5 {\n background: var(--accent3-300);\n}\n\n.avatar-module-Avatar--accent4-PHVye-4-30-5 {\n background: var(--accent4-300);\n}\n\n.avatar-module-Avatar-content--tiny-ZKHWg-4-30-5 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content--micro-qs9Ij-4-30-5 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content--primary-APpou-4-30-5 {\n color: var(--primary-darker) !important;\n}\n\n.avatar-module-Avatar-content--secondary-otLfi-4-30-5 {\n color: var(--inverse) !important;\n}\n\n.avatar-module-Avatar-content--success-Zmxy6-4-30-5 {\n color: var(--success-darker) !important;\n}\n\n.avatar-module-Avatar-content--alert-ng-FC-4-30-5 {\n color: var(--alert-darker) !important;\n}\n\n.avatar-module-Avatar-content--warning-0Tidt-4-30-5 {\n color: var(--warning-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent1-f6QRu-4-30-5 {\n color: var(--accent1-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent2-y3plU-4-30-5 {\n color: var(--accent2-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent3-SDOJJ-4-30-5 {\n color: var(--accent3-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent4-Dgi83-4-30-5 {\n color: var(--accent4-darker) !important;\n}\n\n.avatar-module-Avatar-presence-ByKmm-4-30-5 {\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-30-5 {\n background: var(--success);\n}\n\n.avatar-module-Avatar-presence--away-CDNWs-4-30-5 {\n background: var(--secondary-dark);\n}\n\n.avatar-module-Avatar-status-03nd7-4-30-5 {\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-05));\n width: var(--spacing-30);\n height: var(--spacing-30);\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n position: absolute;\n cursor: pointer;\n overflow: hidden;\n}\n";
|
|
998
|
+
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-30-5","Avatar-wrapper":"avatar-module-Avatar-wrapper-EoBlf-4-30-5","Avatar-wrapper--square":"avatar-module-Avatar-wrapper--square--Pcj7-4-30-5","Avatar--square":"avatar-module-Avatar--square-lGJGN-4-30-5","Avatar--regular":"avatar-module-Avatar--regular-ewNzb-4-30-5","Avatar--tiny":"avatar-module-Avatar--tiny-Veo-U-4-30-5","Avatar--micro":"avatar-module-Avatar--micro-H0bVd-4-30-5","Avatar--noInitials":"avatar-module-Avatar--noInitials-do2M4-4-30-5","Avatar--disabled":"avatar-module-Avatar--disabled-7nTRh-4-30-5","Avatar--primary":"avatar-module-Avatar--primary-MthKO-4-30-5","Avatar--secondary":"avatar-module-Avatar--secondary-Fru0H-4-30-5","Avatar--success":"avatar-module-Avatar--success-KErql-4-30-5","Avatar--alert":"avatar-module-Avatar--alert-mtBzz-4-30-5","Avatar--warning":"avatar-module-Avatar--warning-OUu3j-4-30-5","Avatar--accent1":"avatar-module-Avatar--accent1-Q0YGB-4-30-5","Avatar--accent2":"avatar-module-Avatar--accent2-70bqJ-4-30-5","Avatar--accent3":"avatar-module-Avatar--accent3-GEYFR-4-30-5","Avatar--accent4":"avatar-module-Avatar--accent4-PHVye-4-30-5","Avatar-content--tiny":"avatar-module-Avatar-content--tiny-ZKHWg-4-30-5","Avatar-content--micro":"avatar-module-Avatar-content--micro-qs9Ij-4-30-5","Avatar-content--primary":"avatar-module-Avatar-content--primary-APpou-4-30-5","Avatar-content--secondary":"avatar-module-Avatar-content--secondary-otLfi-4-30-5","Avatar-content--success":"avatar-module-Avatar-content--success-Zmxy6-4-30-5","Avatar-content--alert":"avatar-module-Avatar-content--alert-ng-FC-4-30-5","Avatar-content--warning":"avatar-module-Avatar-content--warning-0Tidt-4-30-5","Avatar-content--accent1":"avatar-module-Avatar-content--accent1-f6QRu-4-30-5","Avatar-content--accent2":"avatar-module-Avatar-content--accent2-y3plU-4-30-5","Avatar-content--accent3":"avatar-module-Avatar-content--accent3-SDOJJ-4-30-5","Avatar-content--accent4":"avatar-module-Avatar-content--accent4-Dgi83-4-30-5","Avatar-presence":"avatar-module-Avatar-presence-ByKmm-4-30-5","Avatar-presence--active":"avatar-module-Avatar-presence--active-AU4X3-4-30-5","Avatar-presence--away":"avatar-module-Avatar-presence--away-CDNWs-4-30-5","Avatar-status":"avatar-module-Avatar-status-03nd7-4-30-5"};
|
|
999
999
|
styleInject(css_248z$1o);
|
|
1000
1000
|
|
|
1001
1001
|
var AvatarIcon = function AvatarIcon(props) {
|
|
@@ -1216,8 +1216,8 @@ var isSpaceKey = function isSpaceKey(e) {
|
|
|
1216
1216
|
return e.key === ' ' || e.key === 'Space' || e.key === 'Spacebar';
|
|
1217
1217
|
};
|
|
1218
1218
|
|
|
1219
|
-
var css_248z$1n = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-30-
|
|
1220
|
-
var styles$1b = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-30-
|
|
1219
|
+
var css_248z$1n = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-30-5 {\n border-radius: var(--border-radius-full);\n position: relative;\n margin-right: calc(var(--spacing-05) * -1);\n}\n\n.avatarGroup-module-AvatarGroup-item--square-ghPcd-4-30-5 {\n border-radius: var(--border-radius-10);\n}\n\n.avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-30-5 {\n height: var(--spacing-80);\n}\n\n.avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-30-5 {\n height: var(--spacing-60);\n margin-right: 0;\n}\n\n.avatarGroup-module-AvatarGroup-item--micro-RJOdk-4-30-5 {\n margin-right: var(--spacing-10);\n}\n\n.avatarGroup-module-AvatarGroup-Popper-z-iGj-4-30-5 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-30-5 {\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-30-5 {\n border-radius: var(--border-radius-full);\n position: relative;\n display: flex;\n align-items: center;\n}\n\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-30-5:focus-visible {\n outline: none;\n}\n\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-30-5:focus-visible::after {\n content: '';\n position: absolute;\n top: calc(-1 * var(--spacing-20));\n bottom: calc(-1 * var(--spacing-20));\n left: calc(-1 * var(--spacing-10));\n right: calc(-1 * var(--spacing-10));\n border: var(--border-width-05) solid var(--primary-focus);\n border-radius: var(--border-radius-10);\n pointer-events: none;\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-30-5 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-30-5:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-30-5 {\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-30-5,\n.avatarGroup-module-AvatarGroup-input-pXgb--4-30-5:focus-within {\n border: unset !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-30-5:hover {\n background-color: var(--secondary-lightest);\n}\n\n.avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-30-5 {\n cursor: not-allowed;\n pointer-events: auto !important;\n}\n\n@media (forced-colors: active) {\n .avatarGroup-module-AvatarGroup-input-pXgb--4-30-5:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
1220
|
+
var styles$1b = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-30-5","AvatarGroup-item--square":"avatarGroup-module-AvatarGroup-item--square-ghPcd-4-30-5","AvatarGroup-item--regular":"avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-30-5","AvatarGroup-item--tiny":"avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-30-5","AvatarGroup-item--micro":"avatarGroup-module-AvatarGroup-item--micro-RJOdk-4-30-5","AvatarGroup-Popper":"avatarGroup-module-AvatarGroup-Popper-z-iGj-4-30-5","AvatarGroup-TextWrapper":"avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-30-5","AvatarCount-wrapper":"avatarGroup-module-AvatarCount-wrapper-k9GxW-4-30-5","AvatarGroup-inputWrapper":"avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-30-5","AvatarGroup-input":"avatarGroup-module-AvatarGroup-input-pXgb--4-30-5","AvatarGroup-listItem--disabled":"avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-30-5"};
|
|
1221
1221
|
styleInject(css_248z$1n);
|
|
1222
1222
|
|
|
1223
1223
|
var AvatarCount = function AvatarCount(props) {
|
|
@@ -1533,8 +1533,8 @@ AvatarGroup.defaultProps = {
|
|
|
1533
1533
|
moreAvatarsLabel: 'more'
|
|
1534
1534
|
};
|
|
1535
1535
|
|
|
1536
|
-
var css_248z$1m = "@keyframes backdrop-module-backdrop-open-UtELd-4-30-
|
|
1537
|
-
var styles$1a = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-30-
|
|
1536
|
+
var css_248z$1m = "@keyframes backdrop-module-backdrop-open-UtELd-4-30-5 {\n from {\n opacity: 0;\n }\n to {\n opacity: var(--opacity-16);\n }\n}\n\n@keyframes backdrop-module-backdrop-close-s0fHr-4-30-5 {\n from {\n opacity: var(--opacity-16);\n }\n to {\n opacity: 0;\n }\n}\n\n.backdrop-module-Backdrop-HFSff-4-30-5 {\n background-color: rgba(26, 26, 26, 0.64);\n height: 100vh;\n width: 100vw;\n position: fixed;\n left: 0;\n top: 0;\n display: none;\n align-items: center;\n z-index: 1000;\n overflow: auto;\n flex-direction: column;\n justify-content: center;\n touch-action: none;\n visibility: hidden;\n}\n\n.backdrop-module-Backdrop--open-H0Qal-4-30-5 {\n display: flex;\n visibility: visible;\n}\n\n.backdrop-module-Backdrop-animation--open-uyxvi-4-30-5 {\n animation: backdrop-module-backdrop-open-UtELd-4-30-5 var(--duration--fast-02) var(--entrance-expressive-curve);\n}\n\n.backdrop-module-Backdrop-animation--close-Fe-PA-4-30-5 {\n animation: backdrop-module-backdrop-close-s0fHr-4-30-5 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n";
|
|
1537
|
+
var styles$1a = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-30-5","Backdrop--open":"backdrop-module-Backdrop--open-H0Qal-4-30-5","Backdrop-animation--open":"backdrop-module-Backdrop-animation--open-uyxvi-4-30-5","backdrop-open":"backdrop-module-backdrop-open-UtELd-4-30-5","Backdrop-animation--close":"backdrop-module-Backdrop-animation--close-Fe-PA-4-30-5","backdrop-close":"backdrop-module-backdrop-close-s0fHr-4-30-5"};
|
|
1538
1538
|
styleInject(css_248z$1m);
|
|
1539
1539
|
|
|
1540
1540
|
var useEffect$1 = React.useEffect,
|
|
@@ -1601,12 +1601,12 @@ var Backdrop = function Backdrop(props) {
|
|
|
1601
1601
|
};
|
|
1602
1602
|
Backdrop.displayName = 'Backdrop';
|
|
1603
1603
|
|
|
1604
|
-
var css_248z$1l = "/* badge */\n\n.badge-module-Badge-axSjP-4-30-
|
|
1605
|
-
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-30-
|
|
1604
|
+
var css_248z$1l = "/* badge */\n\n.badge-module-Badge-axSjP-4-30-5 {\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-30-5 {\n background: var(--primary);\n color: var(--white);\n}\n\n.badge-module-Badge--secondary-WIu5q-4-30-5 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.badge-module-Badge--success-M-hkD-4-30-5 {\n background: var(--success);\n color: var(--white);\n}\n\n.badge-module-Badge--alert-zeKFm-4-30-5 {\n background: var(--alert);\n color: var(--white);\n}\n\n.badge-module-Badge--warning-CaLfS-4-30-5 {\n background: var(--warning);\n color: var(--warning-darker);\n}\n\n.badge-module-Badge--accent1-yRHhk-4-30-5 {\n background: var(--accent1);\n color: var(--white);\n}\n\n.badge-module-Badge--accent2-RXIlu-4-30-5 {\n background: var(--accent2);\n color: var(--white);\n}\n\n.badge-module-Badge--accent3-Ahofy-4-30-5 {\n background: var(--accent3);\n color: var(--white);\n}\n\n.badge-module-Badge--accent4-adMko-4-30-5 {\n background: var(--accent4);\n color: var(--white);\n}\n\n.badge-module-Badge--subtle-primary-egSuo-4-30-5 {\n color: var(--primary-darker);\n background: var(--primary-lightest);\n}\n\n.badge-module-Badge--subtle-secondary-ZZUuU-4-30-5 {\n color: var(--text);\n background: var(--secondary-light);\n}\n\n.badge-module-Badge--subtle-success-bZ7d6-4-30-5 {\n color: var(--success-darker);\n background: var(--success-lightest);\n}\n\n.badge-module-Badge--subtle-alert-Iu9LY-4-30-5 {\n color: var(--alert-darker);\n background: var(--alert-lightest);\n}\n\n.badge-module-Badge--subtle-warning-PERDW-4-30-5 {\n color: var(--warning-darker);\n background: var(--warning-300);\n}\n\n.badge-module-Badge--subtle-accent1-M14Ub-4-30-5 {\n color: var(--accent1-darker);\n background: var(--accent1-lightest);\n}\n\n.badge-module-Badge--subtle-accent2-e1DOS-4-30-5 {\n color: var(--accent2-darker);\n background: var(--accent2-lightest);\n}\n\n.badge-module-Badge--subtle-accent3-30YqY-4-30-5 {\n color: var(--accent3-darker);\n background: var(--accent3-lightest);\n}\n\n.badge-module-Badge--subtle-accent4-wHQ23-4-30-5 {\n color: var(--accent4-darker);\n background: var(--accent4-lightest);\n}\n";
|
|
1605
|
+
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-30-5","Badge--primary":"badge-module-Badge--primary-Bzypo-4-30-5","Badge--secondary":"badge-module-Badge--secondary-WIu5q-4-30-5","Badge--success":"badge-module-Badge--success-M-hkD-4-30-5","Badge--alert":"badge-module-Badge--alert-zeKFm-4-30-5","Badge--warning":"badge-module-Badge--warning-CaLfS-4-30-5","Badge--accent1":"badge-module-Badge--accent1-yRHhk-4-30-5","Badge--accent2":"badge-module-Badge--accent2-RXIlu-4-30-5","Badge--accent3":"badge-module-Badge--accent3-Ahofy-4-30-5","Badge--accent4":"badge-module-Badge--accent4-adMko-4-30-5","Badge--subtle-primary":"badge-module-Badge--subtle-primary-egSuo-4-30-5","Badge--subtle-secondary":"badge-module-Badge--subtle-secondary-ZZUuU-4-30-5","Badge--subtle-success":"badge-module-Badge--subtle-success-bZ7d6-4-30-5","Badge--subtle-alert":"badge-module-Badge--subtle-alert-Iu9LY-4-30-5","Badge--subtle-warning":"badge-module-Badge--subtle-warning-PERDW-4-30-5","Badge--subtle-accent1":"badge-module-Badge--subtle-accent1-M14Ub-4-30-5","Badge--subtle-accent2":"badge-module-Badge--subtle-accent2-e1DOS-4-30-5","Badge--subtle-accent3":"badge-module-Badge--subtle-accent3-30YqY-4-30-5","Badge--subtle-accent4":"badge-module-Badge--subtle-accent4-wHQ23-4-30-5"};
|
|
1606
1606
|
styleInject(css_248z$1l);
|
|
1607
1607
|
|
|
1608
|
-
var css_248z$1k = ".pageHeader-module-PageHeader-YgqsC-4-30-
|
|
1609
|
-
var styles$19 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-30-
|
|
1608
|
+
var css_248z$1k = ".pageHeader-module-PageHeader-YgqsC-4-30-5 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-wrapper-DOQ8C-4-30-5 {\n padding: var(--spacing-20) var(--spacing-40) var(--spacing-20) 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-30-5 {\n padding-bottom: 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-30-5 .pageHeader-module-TabsWrapper-header-H-fcc-4-30-5 {\n border-bottom: none;\n}\n\n.pageHeader-module-PageHeader-bottom--withTabs-dc1u7-4-30-5 {\n margin-top: var(--spacing-30);\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-30-5 .pageHeader-module-Row-beZ5Z-4-30-5 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-titleWrapper-QLuCf-4-30-5 {\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-30-5 .pageHeader-module-Badge-2T-RV-4-30-5 {\n margin-left: var(--spacing-30);\n flex-shrink: 0;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-30-5 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-30-5 .pageHeader-module-StatusHint-bRjnp-4-30-5 {\n margin-right: var(--spacing-20);\n}\n\n.pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-30-5 {\n margin-top: var(--spacing-30);\n}\n\n.pageHeader-module-PageHeader-navigationWrapper--noMargin-zdkZt-4-30-5 {\n margin-top: 0;\n}\n\n.pageHeader-module-PageHeader-title-mgCZA-4-30-5 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.pageHeader-module-PageHeader-actionsWrapper-tF81M-4-30-5 {\n display: flex;\n justify-content: flex-end;\n padding-left: var(--spacing-20);\n}\n\n/* =====================================================\n Responsive main header row\n ===================================================== */\n\n/* Base: flex layout — used by all variants */\n.pageHeader-module-PageHeader-row-9SWPh-4-30-5 {\n display: flex;\n flex-wrap: wrap;\n align-items: start;\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-group--title-Xxnou-4-30-5 {\n flex: 1 1 auto;\n min-width: 0;\n order: 1;\n}\n\n/* Center-nav group — navigation/stepper in center position */\n.pageHeader-module-PageHeader-group--center-sr6xA-4-30-5 {\n flex: 0 0 auto;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 0 var(--spacing-20);\n min-width: 0;\n order: 2;\n}\n\n/* Actions / right-side group */\n.pageHeader-module-PageHeader-group--actions-50gKz-4-30-5 {\n flex: 0 0 auto;\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-end;\n align-items: center;\n padding-left: var(--spacing-20);\n row-gap: var(--spacing-30);\n order: 3;\n}\n\n/* Default (full): CSS Grid for true 3-col centering */\n.pageHeader-module-PageHeader-row--withCenter-TRFcb-4-30-5 {\n display: grid;\n grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);\n align-items: start;\n}\n\n/* Ghost: center nav stays in the grid for measurement but is invisible and out of flow.\n Used when collision detection moves the nav to PageHeader-bottom. */\n.pageHeader-module-PageHeader-group--center--ghost-1eK5--4-30-5 {\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n}\n\n/* All stacked: flex marker on the row + full-width children */\n.pageHeader-module-PageHeader-row--allStacked-7ozlo-4-30-5 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.pageHeader-module-PageHeader-group--title--stacked-nsh-X-4-30-5 {\n flex: 0 0 100%;\n order: 1;\n}\n\n.pageHeader-module-PageHeader-group--actions--stacked-rbym4-4-30-5 {\n flex: 0 0 100%;\n order: 2;\n padding-left: 0;\n padding-top: var(--spacing-10);\n justify-content: flex-start;\n}\n\n/* =====================================================\n Level 1: inter-section spacing when right group wraps\n ===================================================== */\n\n/* At < 576 px, the actions group sits between title and nav/stepper/tabs.\n For level 1 headers that have actions, increase the gap to 12 px so all\n three sections (title, actions, nav) have consistent breathing room. */\n@media (max-width: 575px) {\n .pageHeader-module-PageHeader-group--actions--level1Responsive-XNCs--4-30-5 {\n padding-top: var(--spacing-30);\n }\n\n .pageHeader-module-PageHeader-bottom--level1Responsive-gfU-W-4-30-5 {\n margin-top: var(--spacing-30);\n }\n\n .pageHeader-module-PageHeader-navigationWrapper--noMarginSm-fbqg9-4-30-5 {\n margin-top: 0;\n }\n}\n";
|
|
1609
|
+
var styles$19 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-30-5","PageHeader-wrapper":"pageHeader-module-PageHeader-wrapper-DOQ8C-4-30-5","PageHeader-wrapper--withTabs":"pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-30-5","TabsWrapper-header":"pageHeader-module-TabsWrapper-header-H-fcc-4-30-5","PageHeader-bottom--withTabs":"pageHeader-module-PageHeader-bottom--withTabs-dc1u7-4-30-5","Row":"pageHeader-module-Row-beZ5Z-4-30-5","PageHeader-titleWrapper":"pageHeader-module-PageHeader-titleWrapper-QLuCf-4-30-5","Badge":"pageHeader-module-Badge-2T-RV-4-30-5","PageHeader-statusWrapper":"pageHeader-module-PageHeader-statusWrapper-RYrwh-4-30-5","StatusHint":"pageHeader-module-StatusHint-bRjnp-4-30-5","PageHeader-navigationWrapper":"pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-30-5","PageHeader-navigationWrapper--noMargin":"pageHeader-module-PageHeader-navigationWrapper--noMargin-zdkZt-4-30-5","PageHeader-title":"pageHeader-module-PageHeader-title-mgCZA-4-30-5","PageHeader-actionsWrapper":"pageHeader-module-PageHeader-actionsWrapper-tF81M-4-30-5","PageHeader-row":"pageHeader-module-PageHeader-row-9SWPh-4-30-5","PageHeader-group--title":"pageHeader-module-PageHeader-group--title-Xxnou-4-30-5","PageHeader-group--center":"pageHeader-module-PageHeader-group--center-sr6xA-4-30-5","PageHeader-group--actions":"pageHeader-module-PageHeader-group--actions-50gKz-4-30-5","PageHeader-row--withCenter":"pageHeader-module-PageHeader-row--withCenter-TRFcb-4-30-5","PageHeader-group--center--ghost":"pageHeader-module-PageHeader-group--center--ghost-1eK5--4-30-5","PageHeader-row--allStacked":"pageHeader-module-PageHeader-row--allStacked-7ozlo-4-30-5","PageHeader-group--title--stacked":"pageHeader-module-PageHeader-group--title--stacked-nsh-X-4-30-5","PageHeader-group--actions--stacked":"pageHeader-module-PageHeader-group--actions--stacked-rbym4-4-30-5","PageHeader-group--actions--level1Responsive":"pageHeader-module-PageHeader-group--actions--level1Responsive-XNCs--4-30-5","PageHeader-bottom--level1Responsive":"pageHeader-module-PageHeader-bottom--level1Responsive-gfU-W-4-30-5","PageHeader-navigationWrapper--noMarginSm":"pageHeader-module-PageHeader-navigationWrapper--noMarginSm-fbqg9-4-30-5"};
|
|
1610
1610
|
styleInject(css_248z$1k);
|
|
1611
1611
|
|
|
1612
1612
|
var _excluded$1z = ["appearance", "children", "subtle", "className"];
|
|
@@ -1629,8 +1629,8 @@ Badge.defaultProps = {
|
|
|
1629
1629
|
appearance: 'secondary'
|
|
1630
1630
|
};
|
|
1631
1631
|
|
|
1632
|
-
var css_248z$1j = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-30-
|
|
1633
|
-
var styles$18 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-30-
|
|
1632
|
+
var css_248z$1j = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-30-5 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-30-5 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-link-aJJRG-4-30-5 {\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-30-5:active {\n color: var(--inverse);\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-30-5:first-child .breadcrumbs-module-Breadcrumbs-link-aJJRG-4-30-5 {\n margin-left: 0;\n}\n\n.breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-30-5 {\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-30-5 {\n height: var(--font-height-m);\n}\n\n.breadcrumbs-module-Breadcrumbs-Button-FybbI-4-30-5:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n";
|
|
1633
|
+
var styles$18 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-30-5","Breadcrumbs-item":"breadcrumbs-module-Breadcrumbs-item-M3i9B-4-30-5","Breadcrumbs-link":"breadcrumbs-module-Breadcrumbs-link-aJJRG-4-30-5","Breadcrumbs-itemSeparator":"breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-30-5","Breadcrumbs-dropdown":"breadcrumbs-module-Breadcrumbs-dropdown--CUKk-4-30-5","Breadcrumbs-Button":"breadcrumbs-module-Breadcrumbs-Button-FybbI-4-30-5"};
|
|
1634
1634
|
styleInject(css_248z$1j);
|
|
1635
1635
|
|
|
1636
1636
|
var RenderLink = function RenderLink(_ref) {
|
|
@@ -1747,8 +1747,8 @@ var Breadcrumbs = function Breadcrumbs(props) {
|
|
|
1747
1747
|
})));
|
|
1748
1748
|
};
|
|
1749
1749
|
|
|
1750
|
-
var css_248z$1i = ".button-module-Button-xxWB4-4-30-3 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n position: relative;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: 0;\n border-radius: var(--border-radius-10);\n\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n\n text-align: center;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--text-white);\n\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.button-module-Button--disabled-3Kfao-4-30-3 {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-30-3:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button--iconAlign-right-tzezJ-4-30-3 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-30-3 {\n margin-left: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-30-3 {\n margin-right: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button--tiny-ftCQP-4-30-3 {\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-30-3 {\n width: var(--spacing-60);\n}\n\n.button-module-Button--regular-Vs8An-4-30-3 {\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-30-3 {\n width: var(--spacing-80);\n}\n\n.button-module-Button--large-inVqO-4-30-3 {\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-30-3 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-30-3 .button-module-Button-icon-2Qw-d-4-30-3,\n.button-module-Button--largeSquare-puIze-4-30-3 .button-module-Button-icon-2Qw-d-4-30-3,\n.button-module-Button--tinySquare-JSE77-4-30-3 .button-module-Spinner-f7Izb-4-30-3,\n.button-module-Button--largeSquare-puIze-4-30-3 .button-module-Spinner-f7Izb-4-30-3 {\n padding-left: var(--spacing-05);\n padding-right: var(--spacing-05);\n}\n\n.button-module-Button--expanded-j33fV-4-30-3 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-30-3 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-30-3 {\n margin-right: var(--spacing-15);\n}\n\n.button-module-Button-icon--right-4iJWc-4-30-3 {\n margin-left: var(--spacing-15);\n}\n\n.button-module-Button--basic-99RJE-4-30-3 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-30-3:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-30-3:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-disabled-VTodO-4-30-3 {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-30-3 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-30-3:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-30-3:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-disabled-q4Gct-4-30-3 {\n background: var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon--primary-Voj8D-4-30-3 {\n color: var(--text-link);\n}\n\n.button-module-Button--success-UppQk-4-30-3 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-30-3:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-30-3:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-disabled-dJO00-4-30-3 {\n background: var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon--success-cmCsw-4-30-3 {\n color: var(--text-link);\n}\n\n.button-module-Button--alert-H5mRH-4-30-3 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-30-3:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-30-3:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-disabled-Ved-C-4-30-3 {\n background: var(--alert-lighter);\n}\n\n.button-module-Button-infoIcon--alert-ZdPD5-4-30-3 {\n color: var(--alert);\n}\n\n.button-module-Button--transparent-r8FxI-4-30-3 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-30-3:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-30-3:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-30-3:focus-visible:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-disabled-a45jn-4-30-3 {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-30-3 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-30-3 {\n background: var(--primary-ultra-light);\n color: var(--primary-dark);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button--selected-vkcfl-4-30-3:hover {\n background: var(--primary-lightest);\n}\n\n.button-module-Button--selected-vkcfl-4-30-3:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: inset 0 0 0 2px var(--primary-dark);\n}\n\n.button-module-Button--selected-vkcfl-4-30-3:focus-visible {\n background: var(--primary-ultra-light);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary);\n}\n\n.button-module-Button--selected-vkcfl-4-30-3:focus-visible:active {\n background: var(--primary-lighter);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary-dark);\n}\n\n.button-module-Button--selected-disabled-w9ByQ-4-30-3 {\n background: var(--primary-ultra-light);\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 2px var(--primary-lightest);\n}\n\n.button-module-Button-text--hidden-iCXLu-4-30-3 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-30-3 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.button-module-Button-infoIconWrapper-dUlkA-4-30-3 {\n position: absolute;\n top: -4px;\n right: -4px;\n width: var(--spacing-30);\n height: var(--spacing-30);\n box-sizing: border-box;\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border: var(--border-width-2-5) solid var(--secondary-lightest);\n pointer-events: none;\n}\n\n.button-module-Button-infoIconWrapper--transparent-myFrQ-4-30-3 {\n border: none;\n background: transparent;\n top: var(--spacing-2-5);\n right: var(--spacing-2-5);\n}\n\n.button-module-Button-infoIconWrapper--iconOnly-transparent-Z0pEg-4-30-3 {\n top: var(--spacing-2-5);\n right: var(--spacing-2-5);\n}\n\n.button-module-Button-infoIconWrapper-outlined--basic-fQkKz-4-30-3 {\n background: var(--secondary-lightest);\n}\n\n.button-module-Button-infoIconWrapper-outlined--primary-uhoBf-4-30-3 {\n background: var(--primary-ultra-light);\n}\n\n.button-module-Button-infoIconWrapper-outlined--alert-fj7nm-4-30-3 {\n background: var(--alert-ultra-light);\n}\n\n.button-module-Button-infoIconWrapper--basic-aScUb-4-30-3 {\n background: var(--secondary-lighter);\n}\n\n.button-module-Button-infoIconWrapper--primary-lK9Rs-4-30-3,\n.button-module-Button-infoIconWrapper--success-MgjVX-4-30-3 {\n background: var(--primary-lightest);\n}\n\n.button-module-Button-infoIconWrapper--alert-z8cyc-4-30-3 {\n background: var(--alert-lightest);\n}\n\n.button-module-Button-infoIcon-YjV4x-4-30-3 {\n color: var(--text-subtle);\n}\n\n/* outlined button styles */\n\n.button-module-Button-outlined--basic-YdB4n-4-30-3 {\n color: var(--inverse);\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--secondary);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-30-3:hover {\n background: var(--secondary-lighter);\n box-shadow: inset 0 0 0 1px var(--inverse-lightest);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-30-3:active {\n background: var(--secondary);\n box-shadow: inset 0 0 0 1px var(--inverse-lightest);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-30-3:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n}\n\n.button-module-Button-outlined--basic-disabled-mW-GC-4-30-3 {\n color: var(--inverse-lightest);\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--secondary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-30-3 {\n background: var(--primary-ultra-light);\n color: var(--primary-dark);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-30-3:hover {\n background: var(--primary-lightest);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-30-3:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: inset 0 0 0 2px var(--primary-dark);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-30-3:focus-visible {\n color: var(--primary-dark);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-30-3:focus-visible:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary-dark);\n}\n\n.button-module-Button-outlined--selected-disabled-CqlPp-4-30-3 {\n background: var(--primary-ultra-light);\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 2px var(--primary-lightest);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-30-3 {\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--primary);\n color: var(--primary);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-30-3:hover {\n background: var(--primary-ultra-light);\n box-shadow: inset 0 0 0 1px var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-30-3:active {\n background: var(--primary-lightest);\n box-shadow: inset 0 0 0 1px var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-30-3:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary);\n}\n\n.button-module-Button-outlined--primary-disabled-lu4xl-4-30-3 {\n background: transparent;\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 1px var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon-outlined--primary-Z69y7-4-30-3 {\n color: var(--text-link);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-30-3 {\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--alert);\n color: var(--alert);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-30-3:hover {\n background: var(--alert-ultra-light);\n box-shadow: inset 0 0 0 1px var(--alert-dark);\n color: var(--alert-dark);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-30-3:active {\n background: var(--alert-lightest);\n box-shadow: inset 0 0 0 1px var(--alert-dark);\n color: var(--alert-dark);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-30-3:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--alert);\n}\n\n.button-module-Button-outlined--alert-disabled-ttK9A-4-30-3 {\n background: transparent;\n color: var(--alert-lighter);\n box-shadow: inset 0 0 0 1px var(--alert-lighter);\n}\n\n.button-module-Button-infoIcon-outlined--alert-7TL4--4-30-3 {\n color: var(--alert);\n}\n\n.button-module-Button-srOnly-4lL8R-4-30-3 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n@media (forced-colors: active) {\n .button-module-Button--basic-99RJE-4-30-3,\n .button-module-Button--primary-beKmU-4-30-3,\n .button-module-Button--success-UppQk-4-30-3,\n .button-module-Button--alert-H5mRH-4-30-3,\n .button-module-Button--transparent-r8FxI-4-30-3 {\n border: var(--border-width-2-5) solid ButtonText;\n }\n\n .button-module-Button--basic-disabled-VTodO-4-30-3,\n .button-module-Button--primary-disabled-q4Gct-4-30-3,\n .button-module-Button--success-disabled-dJO00-4-30-3,\n .button-module-Button--alert-disabled-Ved-C-4-30-3,\n .button-module-Button--transparent-disabled-a45jn-4-30-3 {\n border: var(--border-width-2-5) solid GrayText;\n }\n\n /* Selected state: inset box-shadow acts as the visible border */\n .button-module-Button--selected-vkcfl-4-30-3,\n .button-module-Button--selected-vkcfl-4-30-3:hover,\n .button-module-Button--selected-vkcfl-4-30-3:active,\n .button-module-Button--selected-disabled-w9ByQ-4-30-3 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button--selected-vkcfl-4-30-3:focus-visible,\n .button-module-Button--selected-vkcfl-4-30-3:focus-visible:active {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n /* Outlined variants: inset box-shadow is the only visible border */\n .button-module-Button-outlined--basic-YdB4n-4-30-3,\n .button-module-Button-outlined--basic-YdB4n-4-30-3:hover,\n .button-module-Button-outlined--basic-YdB4n-4-30-3:active,\n .button-module-Button-outlined--basic-disabled-mW-GC-4-30-3 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--basic-YdB4n-4-30-3:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--selected-M-y6e-4-30-3,\n .button-module-Button-outlined--selected-M-y6e-4-30-3:hover,\n .button-module-Button-outlined--selected-M-y6e-4-30-3:active,\n .button-module-Button-outlined--selected-disabled-CqlPp-4-30-3 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--selected-M-y6e-4-30-3:focus-visible,\n .button-module-Button-outlined--selected-M-y6e-4-30-3:focus-visible:active {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--primary-7yL2I-4-30-3,\n .button-module-Button-outlined--primary-7yL2I-4-30-3:hover,\n .button-module-Button-outlined--primary-7yL2I-4-30-3:active,\n .button-module-Button-outlined--primary-disabled-lu4xl-4-30-3 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--primary-7yL2I-4-30-3:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--alert-gnncZ-4-30-3,\n .button-module-Button-outlined--alert-gnncZ-4-30-3:hover,\n .button-module-Button-outlined--alert-gnncZ-4-30-3:active,\n .button-module-Button-outlined--alert-disabled-ttK9A-4-30-3 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--alert-gnncZ-4-30-3:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n}\n";
|
|
1751
|
-
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-30-
|
|
1750
|
+
var css_248z$1i = ".button-module-Button-xxWB4-4-30-5 {\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n box-sizing: border-box;\n position: relative;\n vertical-align: middle;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n border: 0;\n border-radius: var(--border-radius-10);\n\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n\n text-align: center;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--text-white);\n\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.button-module-Button--disabled-3Kfao-4-30-5 {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.button-module-Button--iconAlign-right-tzezJ-4-30-5 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-30-5 {\n margin-left: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-30-5 {\n margin-right: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button--tiny-ftCQP-4-30-5 {\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-30-5 {\n width: var(--spacing-60);\n}\n\n.button-module-Button--regular-Vs8An-4-30-5 {\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-30-5 {\n width: var(--spacing-80);\n}\n\n.button-module-Button--large-inVqO-4-30-5 {\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-30-5 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-30-5 .button-module-Button-icon-2Qw-d-4-30-5,\n.button-module-Button--largeSquare-puIze-4-30-5 .button-module-Button-icon-2Qw-d-4-30-5,\n.button-module-Button--tinySquare-JSE77-4-30-5 .button-module-Spinner-f7Izb-4-30-5,\n.button-module-Button--largeSquare-puIze-4-30-5 .button-module-Spinner-f7Izb-4-30-5 {\n padding-left: var(--spacing-05);\n padding-right: var(--spacing-05);\n}\n\n.button-module-Button--expanded-j33fV-4-30-5 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-30-5 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-30-5 {\n margin-right: var(--spacing-15);\n}\n\n.button-module-Button-icon--right-4iJWc-4-30-5 {\n margin-left: var(--spacing-15);\n}\n\n.button-module-Button--basic-99RJE-4-30-5 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-30-5:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-30-5:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-disabled-VTodO-4-30-5 {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-30-5 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-30-5:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-30-5:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-disabled-q4Gct-4-30-5 {\n background: var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon--primary-Voj8D-4-30-5 {\n color: var(--text-link);\n}\n\n.button-module-Button--success-UppQk-4-30-5 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-30-5:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-30-5:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-disabled-dJO00-4-30-5 {\n background: var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon--success-cmCsw-4-30-5 {\n color: var(--text-link);\n}\n\n.button-module-Button--alert-H5mRH-4-30-5 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-30-5:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-30-5:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-disabled-Ved-C-4-30-5 {\n background: var(--alert-lighter);\n}\n\n.button-module-Button-infoIcon--alert-ZdPD5-4-30-5 {\n color: var(--alert);\n}\n\n.button-module-Button--transparent-r8FxI-4-30-5 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-30-5:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-30-5:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-30-5:focus-visible:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-disabled-a45jn-4-30-5 {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-30-5 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-30-5 {\n background: var(--primary-ultra-light);\n color: var(--primary-dark);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button--selected-vkcfl-4-30-5:hover {\n background: var(--primary-lightest);\n}\n\n.button-module-Button--selected-vkcfl-4-30-5:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: inset 0 0 0 2px var(--primary-dark);\n}\n\n.button-module-Button--selected-vkcfl-4-30-5:focus-visible {\n background: var(--primary-ultra-light);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary);\n}\n\n.button-module-Button--selected-vkcfl-4-30-5:focus-visible:active {\n background: var(--primary-lighter);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary-dark);\n}\n\n.button-module-Button--selected-disabled-w9ByQ-4-30-5 {\n background: var(--primary-ultra-light);\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 2px var(--primary-lightest);\n}\n\n.button-module-Button-text--hidden-iCXLu-4-30-5 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-30-5 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.button-module-Button-infoIconWrapper-dUlkA-4-30-5 {\n position: absolute;\n top: -4px;\n right: -4px;\n width: var(--spacing-30);\n height: var(--spacing-30);\n box-sizing: border-box;\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border: var(--border-width-2-5) solid var(--secondary-lightest);\n pointer-events: none;\n}\n\n.button-module-Button-infoIconWrapper--transparent-myFrQ-4-30-5 {\n border: none;\n background: transparent;\n top: var(--spacing-2-5);\n right: var(--spacing-2-5);\n}\n\n.button-module-Button-infoIconWrapper--iconOnly-transparent-Z0pEg-4-30-5 {\n top: var(--spacing-2-5);\n right: var(--spacing-2-5);\n}\n\n.button-module-Button-infoIconWrapper-outlined--basic-fQkKz-4-30-5 {\n background: var(--secondary-lightest);\n}\n\n.button-module-Button-infoIconWrapper-outlined--primary-uhoBf-4-30-5 {\n background: var(--primary-ultra-light);\n}\n\n.button-module-Button-infoIconWrapper-outlined--alert-fj7nm-4-30-5 {\n background: var(--alert-ultra-light);\n}\n\n.button-module-Button-infoIconWrapper--basic-aScUb-4-30-5 {\n background: var(--secondary-lighter);\n}\n\n.button-module-Button-infoIconWrapper--primary-lK9Rs-4-30-5,\n.button-module-Button-infoIconWrapper--success-MgjVX-4-30-5 {\n background: var(--primary-lightest);\n}\n\n.button-module-Button-infoIconWrapper--alert-z8cyc-4-30-5 {\n background: var(--alert-lightest);\n}\n\n.button-module-Button-infoIcon-YjV4x-4-30-5 {\n color: var(--text-subtle);\n}\n\n/* outlined button styles */\n\n.button-module-Button-outlined--basic-YdB4n-4-30-5 {\n color: var(--inverse);\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--secondary);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-30-5:hover {\n background: var(--secondary-lighter);\n box-shadow: inset 0 0 0 1px var(--inverse-lightest);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-30-5:active {\n background: var(--secondary);\n box-shadow: inset 0 0 0 1px var(--inverse-lightest);\n}\n\n.button-module-Button-outlined--basic-YdB4n-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n}\n\n.button-module-Button-outlined--basic-disabled-mW-GC-4-30-5 {\n color: var(--inverse-lightest);\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--secondary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-30-5 {\n background: var(--primary-ultra-light);\n color: var(--primary-dark);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-30-5:hover {\n background: var(--primary-lightest);\n box-shadow: inset 0 0 0 2px var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-30-5:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: inset 0 0 0 2px var(--primary-dark);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-30-5:focus-visible {\n color: var(--primary-dark);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary);\n}\n\n.button-module-Button-outlined--selected-M-y6e-4-30-5:focus-visible:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary-dark);\n}\n\n.button-module-Button-outlined--selected-disabled-CqlPp-4-30-5 {\n background: var(--primary-ultra-light);\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 2px var(--primary-lightest);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-30-5 {\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--primary);\n color: var(--primary);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-30-5:hover {\n background: var(--primary-ultra-light);\n box-shadow: inset 0 0 0 1px var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-30-5:active {\n background: var(--primary-lightest);\n box-shadow: inset 0 0 0 1px var(--primary-dark);\n color: var(--primary-dark);\n}\n\n.button-module-Button-outlined--primary-7yL2I-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary);\n}\n\n.button-module-Button-outlined--primary-disabled-lu4xl-4-30-5 {\n background: transparent;\n color: var(--primary-lighter);\n box-shadow: inset 0 0 0 1px var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon-outlined--primary-Z69y7-4-30-5 {\n color: var(--text-link);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-30-5 {\n background: transparent;\n box-shadow: inset 0 0 0 1px var(--alert);\n color: var(--alert);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-30-5:hover {\n background: var(--alert-ultra-light);\n box-shadow: inset 0 0 0 1px var(--alert-dark);\n color: var(--alert-dark);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-30-5:active {\n background: var(--alert-lightest);\n box-shadow: inset 0 0 0 1px var(--alert-dark);\n color: var(--alert-dark);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--alert);\n}\n\n.button-module-Button-outlined--alert-disabled-ttK9A-4-30-5 {\n background: transparent;\n color: var(--alert-lighter);\n box-shadow: inset 0 0 0 1px var(--alert-lighter);\n}\n\n.button-module-Button-infoIcon-outlined--alert-7TL4--4-30-5 {\n color: var(--alert);\n}\n\n.button-module-Button-srOnly-4lL8R-4-30-5 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n@media (forced-colors: active) {\n .button-module-Button--basic-99RJE-4-30-5,\n .button-module-Button--primary-beKmU-4-30-5,\n .button-module-Button--success-UppQk-4-30-5,\n .button-module-Button--alert-H5mRH-4-30-5,\n .button-module-Button--transparent-r8FxI-4-30-5 {\n border: var(--border-width-2-5) solid ButtonText;\n }\n\n .button-module-Button--basic-disabled-VTodO-4-30-5,\n .button-module-Button--primary-disabled-q4Gct-4-30-5,\n .button-module-Button--success-disabled-dJO00-4-30-5,\n .button-module-Button--alert-disabled-Ved-C-4-30-5,\n .button-module-Button--transparent-disabled-a45jn-4-30-5 {\n border: var(--border-width-2-5) solid GrayText;\n }\n\n /* Selected state: inset box-shadow acts as the visible border */\n .button-module-Button--selected-vkcfl-4-30-5,\n .button-module-Button--selected-vkcfl-4-30-5:hover,\n .button-module-Button--selected-vkcfl-4-30-5:active,\n .button-module-Button--selected-disabled-w9ByQ-4-30-5 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button--selected-vkcfl-4-30-5:focus-visible,\n .button-module-Button--selected-vkcfl-4-30-5:focus-visible:active {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n /* Outlined variants: inset box-shadow is the only visible border */\n .button-module-Button-outlined--basic-YdB4n-4-30-5,\n .button-module-Button-outlined--basic-YdB4n-4-30-5:hover,\n .button-module-Button-outlined--basic-YdB4n-4-30-5:active,\n .button-module-Button-outlined--basic-disabled-mW-GC-4-30-5 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--basic-YdB4n-4-30-5:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--selected-M-y6e-4-30-5,\n .button-module-Button-outlined--selected-M-y6e-4-30-5:hover,\n .button-module-Button-outlined--selected-M-y6e-4-30-5:active,\n .button-module-Button-outlined--selected-disabled-CqlPp-4-30-5 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--selected-M-y6e-4-30-5:focus-visible,\n .button-module-Button-outlined--selected-M-y6e-4-30-5:focus-visible:active {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--primary-7yL2I-4-30-5,\n .button-module-Button-outlined--primary-7yL2I-4-30-5:hover,\n .button-module-Button-outlined--primary-7yL2I-4-30-5:active,\n .button-module-Button-outlined--primary-disabled-lu4xl-4-30-5 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--primary-7yL2I-4-30-5:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--alert-gnncZ-4-30-5,\n .button-module-Button-outlined--alert-gnncZ-4-30-5:hover,\n .button-module-Button-outlined--alert-gnncZ-4-30-5:active,\n .button-module-Button-outlined--alert-disabled-ttK9A-4-30-5 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--alert-gnncZ-4-30-5:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n}\n";
|
|
1751
|
+
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-30-5","Button--disabled":"button-module-Button--disabled-3Kfao-4-30-5","Button--iconAlign-right":"button-module-Button--iconAlign-right-tzezJ-4-30-5","Button-regularIcon--left":"button-module-Button-regularIcon--left-eiSbs-4-30-5","Button-regularIcon--right":"button-module-Button-regularIcon--right-VaPke-4-30-5","Button--tiny":"button-module-Button--tiny-ftCQP-4-30-5","Button--tinySquare":"button-module-Button--tinySquare-JSE77-4-30-5","Button--regular":"button-module-Button--regular-Vs8An-4-30-5","Button--regularSquare":"button-module-Button--regularSquare-VG89r-4-30-5","Button--large":"button-module-Button--large-inVqO-4-30-5","Button--largeSquare":"button-module-Button--largeSquare-puIze-4-30-5","Button-icon":"button-module-Button-icon-2Qw-d-4-30-5","Spinner":"button-module-Spinner-f7Izb-4-30-5","Button--expanded":"button-module-Button--expanded-j33fV-4-30-5","Button-icon--left":"button-module-Button-icon--left-UoJq5-4-30-5","Button-icon--right":"button-module-Button-icon--right-4iJWc-4-30-5","Button--basic":"button-module-Button--basic-99RJE-4-30-5","Button--basic-disabled":"button-module-Button--basic-disabled-VTodO-4-30-5","Button--primary":"button-module-Button--primary-beKmU-4-30-5","Button--primary-disabled":"button-module-Button--primary-disabled-q4Gct-4-30-5","Button-infoIcon--primary":"button-module-Button-infoIcon--primary-Voj8D-4-30-5","Button--success":"button-module-Button--success-UppQk-4-30-5","Button--success-disabled":"button-module-Button--success-disabled-dJO00-4-30-5","Button-infoIcon--success":"button-module-Button-infoIcon--success-cmCsw-4-30-5","Button--alert":"button-module-Button--alert-H5mRH-4-30-5","Button--alert-disabled":"button-module-Button--alert-disabled-Ved-C-4-30-5","Button-infoIcon--alert":"button-module-Button-infoIcon--alert-ZdPD5-4-30-5","Button--transparent":"button-module-Button--transparent-r8FxI-4-30-5","Button--transparent-disabled":"button-module-Button--transparent-disabled-a45jn-4-30-5","Button-spinner":"button-module-Button-spinner-l5KLk-4-30-5","Button--selected":"button-module-Button--selected-vkcfl-4-30-5","Button--selected-disabled":"button-module-Button--selected-disabled-w9ByQ-4-30-5","Button-text--hidden":"button-module-Button-text--hidden-iCXLu-4-30-5","Button-text":"button-module-Button-text-A8xeT-4-30-5","Button-infoIconWrapper":"button-module-Button-infoIconWrapper-dUlkA-4-30-5","Button-infoIconWrapper--transparent":"button-module-Button-infoIconWrapper--transparent-myFrQ-4-30-5","Button-infoIconWrapper--iconOnly-transparent":"button-module-Button-infoIconWrapper--iconOnly-transparent-Z0pEg-4-30-5","Button-infoIconWrapper-outlined--basic":"button-module-Button-infoIconWrapper-outlined--basic-fQkKz-4-30-5","Button-infoIconWrapper-outlined--primary":"button-module-Button-infoIconWrapper-outlined--primary-uhoBf-4-30-5","Button-infoIconWrapper-outlined--alert":"button-module-Button-infoIconWrapper-outlined--alert-fj7nm-4-30-5","Button-infoIconWrapper--basic":"button-module-Button-infoIconWrapper--basic-aScUb-4-30-5","Button-infoIconWrapper--primary":"button-module-Button-infoIconWrapper--primary-lK9Rs-4-30-5","Button-infoIconWrapper--success":"button-module-Button-infoIconWrapper--success-MgjVX-4-30-5","Button-infoIconWrapper--alert":"button-module-Button-infoIconWrapper--alert-z8cyc-4-30-5","Button-infoIcon":"button-module-Button-infoIcon-YjV4x-4-30-5","Button-outlined--basic":"button-module-Button-outlined--basic-YdB4n-4-30-5","Button-outlined--basic-disabled":"button-module-Button-outlined--basic-disabled-mW-GC-4-30-5","Button-outlined--selected":"button-module-Button-outlined--selected-M-y6e-4-30-5","Button-outlined--selected-disabled":"button-module-Button-outlined--selected-disabled-CqlPp-4-30-5","Button-outlined--primary":"button-module-Button-outlined--primary-7yL2I-4-30-5","Button-outlined--primary-disabled":"button-module-Button-outlined--primary-disabled-lu4xl-4-30-5","Button-infoIcon-outlined--primary":"button-module-Button-infoIcon-outlined--primary-Z69y7-4-30-5","Button-outlined--alert":"button-module-Button-outlined--alert-gnncZ-4-30-5","Button-outlined--alert-disabled":"button-module-Button-outlined--alert-disabled-ttK9A-4-30-5","Button-infoIcon-outlined--alert":"button-module-Button-infoIcon-outlined--alert-7TL4--4-30-5","Button-srOnly":"button-module-Button-srOnly-4lL8R-4-30-5"};
|
|
1752
1752
|
styleInject(css_248z$1i);
|
|
1753
1753
|
|
|
1754
1754
|
var uidGenerator = function uidGenerator() {
|
|
@@ -1907,8 +1907,8 @@ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
1907
1907
|
});
|
|
1908
1908
|
Button.displayName = 'Button';
|
|
1909
1909
|
|
|
1910
|
-
var css_248z$1h = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-30-3 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.calendar-module-Calendar-7PxjX-4-30-3 {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.calendar-module-Calendar--small-A1CLy-4-30-3 {\n padding: var(--spacing-30);\n padding-bottom: var(--spacing-20);\n width: 212px;\n}\n\n.calendar-module-Calendar-date--small-CcxQJ-4-30-3 {\n height: 248px;\n}\n\n.calendar-module-Calendar-month--small-wkwYD-4-30-3 {\n height: 200px;\n}\n\n.calendar-module-Calendar-year--small-RdwBQ-4-30-3 {\n height: 200px;\n}\n\n.calendar-module-Calendar--large-sSoxU-4-30-3 {\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-30-3 {\n height: 324px;\n}\n\n.calendar-module-Calendar-month--large-5g0oP-4-30-3 {\n height: 276px;\n}\n\n.calendar-module-Calendar-year--large-jELMf-4-30-3 {\n height: 272px;\n}\n\n.calendar-module-Calendar-header--large-z3JIz-4-30-3 {\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-30-3 {\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-30-3 {\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-30-3 {\n left: 0;\n}\n\n.calendar-module-Calendar-headerIcon--next-ympYc-4-30-3 {\n right: 0;\n}\n\n.calendar-module-Calendar-headerContent-Ik37t-4-30-3 {\n display: flex;\n white-space: nowrap;\n cursor: pointer;\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.calendar-module-Calendar-headerButton-c6Ucj-4-30-3 {\n /* Reset button aesthetics */\n background: transparent;\n border: none;\n padding: 0;\n margin: 0;\n font-family: inherit;\n color: inherit;\n cursor: pointer;\n\n /* Maintain the existing Flexbox layout structure */\n display: flex;\n justify-content: center;\n align-items: center;\n\n /* Rounded corners for better focus outline appearance */\n border-radius: var(--border-radius-10);\n}\n\n.calendar-module-Calendar-headerButton-c6Ucj-4-30-3:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: 1px;\n}\n\n.calendar-module-Calendar-headerButton-c6Ucj-4-30-3:focus:not(:focus-visible) {\n outline: none;\n}\n\n.calendar-module-Calendar-body-d-N5F-4-30-3 {\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-30-3 {\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-30-3 {\n display: inline-flex;\n flex: 1 0 0;\n justify-content: center;\n position: relative;\n}\n\n.calendar-module-Calendar-monthValueWrapper-jHs9P-4-30-3,\n.calendar-module-Calendar-yearValueWrapper-2xlz7-4-30-3 {\n display: inline-flex;\n justify-content: center;\n position: relative;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-30-3 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-30-3 .calendar-module-Calendar-inRangeValue-VoWIb-4-30-3:hover {\n background: var(--primary-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-30-3 .calendar-module-Calendar-inRangeValue-VoWIb-4-30-3:active {\n background: var(--primary-lighter);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-30-3 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--start-z-bt7-4-30-3 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 50%);\n border-radius: var(--border-radius-10) 0 0 var(--border-radius-10);\n}\n\n.calendar-module-Calendar-valueWrapper--startError-RglvV-4-30-3 {\n background: linear-gradient(90deg, white 50%, var(--alert-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--end-3mDNa-4-30-3 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 50%, white 50%);\n border-radius: 0 var(--border-radius-10) var(--border-radius-10) 0;\n}\n\n.calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-30-3 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 10%, white 50%);\n border-radius: 0 var(--border-radius-10) var(--border-radius-10) 0;\n}\n\n.calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-30-3 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 10%);\n}\n\n.calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-30-3 {\n background: linear-gradient(90deg, var(--alert-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--startEnd-djqp--4-30-3 {\n background: transparent;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-30-3 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n border-radius: var(--spacing-10);\n border: var(--border-width-2-5) solid transparent;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n\n /* Button reset (used on <button> for a11y) */\n background: transparent;\n padding: 0;\n margin: 0;\n font-family: inherit;\n color: inherit;\n}\n\n/* Always show focus on calendar cells: open-via-click moves focus programmatically\n (mouse modality → :focus-visible is false), and roving tabindex needs a visible target. */\n.calendar-module-Calendar-value-Ht0Qg-4-30-3:focus,\n.calendar-module-Calendar-value-Ht0Qg-4-30-3:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: 1px;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-30-3:hover {\n background: var(--secondary-light);\n border-color: var(--secondary-dark);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-30-3:active {\n background: var(--secondary);\n border-color: var(--secondary-dark);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-30-3:hover,\n.calendar-module-Calendar-value--end-975vB-4-30-3:hover {\n background: var(--primary-ultra-light);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-30-3:hover,\n.calendar-module-Calendar-value--endError-M5HbA-4-30-3:hover {\n background: var(--alert-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-30-3,\n.calendar-module-Calendar-value--end-975vB-4-30-3 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-30-3,\n.calendar-module-Calendar-value--endError-M5HbA-4-30-3 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-30-3 {\n background: var(--primary-ultra-light);\n border-color: var(--primary);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-30-3:hover {\n background: var(--primary-lightest);\n border-color: var(--primary);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-30-3:active {\n background: var(--primary-lighter);\n border-color: var(--primary-darker);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-30-3 {\n background: var(--primary);\n font-weight: var(--font-weight-bold);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--active--twAB-4-30-3:hover {\n background: var(--primary-dark);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--active--twAB-4-30-3:active {\n background: var(--primary-darker);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-yearValue--small--xk4--4-30-3,\n.calendar-module-Calendar-monthValue--small-R3bKo-4-30-3 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.calendar-module-Calendar-yearValue--large-Lmlui-4-30-3,\n.calendar-module-Calendar-monthValue--large-kkWJR-4-30-3 {\n height: var(--spacing-80);\n width: var(--spacing-160);\n}\n\n.calendar-module-Calendar-dateValue--small-u5Af3-4-30-3 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.calendar-module-Calendar-dateValue--large-ngrnG-4-30-3 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-30-3 .calendar-module-Calendar-value--startError-bXXuR-4-30-3,\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-30-3 .calendar-module-Calendar-value--endError-M5HbA-4-30-3 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-30-3 .calendar-module-Calendar-value--startError-bXXuR-4-30-3:hover,\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-30-3 .calendar-module-Calendar-value--endError-M5HbA-4-30-3:hover {\n background: var(--alert-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-30-3 {\n opacity: var(--opacity-10);\n}\n\n.calendar-module-Calendar-value--disabled-xwiCL-4-30-3 {\n pointer-events: none;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-30-3 {\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-30-3 {\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-30-3 .calendar-module-Calendar-value-Ht0Qg-4-30-3 {\n padding: 0;\n cursor: default;\n border-color: transparent;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-30-3 .calendar-module-Calendar-value-Ht0Qg-4-30-3:hover,\n.calendar-module-Calendar-dayValues-EuWrN-4-30-3 .calendar-module-Calendar-value-Ht0Qg-4-30-3:active {\n background: transparent;\n border-color: transparent;\n}\n\n.calendar-module-Calendar-eventsIndicator-FoS6M-4-30-3 {\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-30-3 {\n width: 3px;\n height: 3px;\n}\n.calendar-module-Calendar-eventsIndicator--active-NHhLl-4-30-3 {\n background-color: var(--white);\n}\n\n.calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-30-3 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-30-3 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-30-3 .calendar-module-Calendar-inRangeValue-VoWIb-4-30-3 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-30-3 .calendar-module-Calendar-inRangeValue-VoWIb-4-30-3:hover {\n background: var(--primary-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-30-3 .calendar-module-Calendar-inRangeValue-VoWIb-4-30-3:active {\n background: var(--primary-lighter);\n border-color: transparent;\n}\n\n@media (forced-colors: active) {\n .calendar-module-Calendar-valueWrapper--start-z-bt7-4-30-3,\n .calendar-module-Calendar-valueWrapper--end-3mDNa-4-30-3,\n .calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-30-3,\n .calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-30-3,\n .calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-30-3,\n .calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-30-3,\n .calendar-module-Calendar-valueWrapper--inRange-fV605-4-30-3,\n .calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-30-3 .calendar-module-Calendar-inRangeValue-VoWIb-4-30-3 {\n background: Highlight;\n }\n\n .calendar-module-Calendar-valueWrapper--startError-RglvV-4-30-3,\n .calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-30-3,\n .calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-30-3 {\n background: Mark;\n }\n\n /* Active/selected date cell */\n .calendar-module-Calendar-value--active--twAB-4-30-3,\n .calendar-module-Calendar-value--active--twAB-4-30-3:hover,\n .calendar-module-Calendar-value--active--twAB-4-30-3:active {\n forced-color-adjust: none;\n background: Highlight;\n color: HighlightText;\n border-color: transparent;\n }\n\n /* Today's date marker ring */\n .calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-30-3 {\n border-color: ButtonText;\n }\n\n /* Event dot: use system color so it stays visible */\n .calendar-module-Calendar-eventsIndicator-FoS6M-4-30-3 {\n background-color: ButtonText;\n }\n\n .calendar-module-Calendar-eventsIndicator--active-NHhLl-4-30-3 {\n background-color: HighlightText;\n }\n\n /* Disabled dates use opacity — switch to GrayText */\n .calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-30-3 {\n opacity: 1;\n color: GrayText;\n }\n}\n";
|
|
1911
|
-
var styles$17 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-30-
|
|
1910
|
+
var css_248z$1h = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-30-5 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.calendar-module-Calendar-7PxjX-4-30-5 {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.calendar-module-Calendar--small-A1CLy-4-30-5 {\n padding: var(--spacing-30);\n padding-bottom: var(--spacing-20);\n width: 212px;\n}\n\n.calendar-module-Calendar-date--small-CcxQJ-4-30-5 {\n height: 248px;\n}\n\n.calendar-module-Calendar-month--small-wkwYD-4-30-5 {\n height: 200px;\n}\n\n.calendar-module-Calendar-year--small-RdwBQ-4-30-5 {\n height: 200px;\n}\n\n.calendar-module-Calendar--large-sSoxU-4-30-5 {\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-30-5 {\n height: 324px;\n}\n\n.calendar-module-Calendar-month--large-5g0oP-4-30-5 {\n height: 276px;\n}\n\n.calendar-module-Calendar-year--large-jELMf-4-30-5 {\n height: 272px;\n}\n\n.calendar-module-Calendar-header--large-z3JIz-4-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\n left: 0;\n}\n\n.calendar-module-Calendar-headerIcon--next-ympYc-4-30-5 {\n right: 0;\n}\n\n.calendar-module-Calendar-headerContent-Ik37t-4-30-5 {\n display: flex;\n white-space: nowrap;\n cursor: pointer;\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.calendar-module-Calendar-headerButton-c6Ucj-4-30-5 {\n /* Reset button aesthetics */\n background: transparent;\n border: none;\n padding: 0;\n margin: 0;\n font-family: inherit;\n color: inherit;\n cursor: pointer;\n\n /* Maintain the existing Flexbox layout structure */\n display: flex;\n justify-content: center;\n align-items: center;\n\n /* Rounded corners for better focus outline appearance */\n border-radius: var(--border-radius-10);\n}\n\n.calendar-module-Calendar-headerButton-c6Ucj-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: 1px;\n}\n\n.calendar-module-Calendar-headerButton-c6Ucj-4-30-5:focus:not(:focus-visible) {\n outline: none;\n}\n\n.calendar-module-Calendar-body-d-N5F-4-30-5 {\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-30-5 {\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-30-5 {\n display: inline-flex;\n flex: 1 0 0;\n justify-content: center;\n position: relative;\n}\n\n.calendar-module-Calendar-monthValueWrapper-jHs9P-4-30-5,\n.calendar-module-Calendar-yearValueWrapper-2xlz7-4-30-5 {\n display: inline-flex;\n justify-content: center;\n position: relative;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-30-5 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-30-5 .calendar-module-Calendar-inRangeValue-VoWIb-4-30-5:hover {\n background: var(--primary-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-30-5 .calendar-module-Calendar-inRangeValue-VoWIb-4-30-5:active {\n background: var(--primary-lighter);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-30-5 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--start-z-bt7-4-30-5 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 50%);\n border-radius: var(--border-radius-10) 0 0 var(--border-radius-10);\n}\n\n.calendar-module-Calendar-valueWrapper--startError-RglvV-4-30-5 {\n background: linear-gradient(90deg, white 50%, var(--alert-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--end-3mDNa-4-30-5 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 50%, white 50%);\n border-radius: 0 var(--border-radius-10) var(--border-radius-10) 0;\n}\n\n.calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-30-5 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 10%, white 50%);\n border-radius: 0 var(--border-radius-10) var(--border-radius-10) 0;\n}\n\n.calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-30-5 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 10%);\n}\n\n.calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-30-5 {\n background: linear-gradient(90deg, var(--alert-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--startEnd-djqp--4-30-5 {\n background: transparent;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-30-5 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n border-radius: var(--spacing-10);\n border: var(--border-width-2-5) solid transparent;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n\n /* Button reset (used on <button> for a11y) */\n background: transparent;\n padding: 0;\n margin: 0;\n font-family: inherit;\n color: inherit;\n}\n\n/* Always show focus on calendar cells: open-via-click moves focus programmatically\n (mouse modality → :focus-visible is false), and roving tabindex needs a visible target. */\n.calendar-module-Calendar-value-Ht0Qg-4-30-5:focus,\n.calendar-module-Calendar-value-Ht0Qg-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: 1px;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-30-5:hover {\n background: var(--secondary-light);\n border-color: var(--secondary-dark);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-30-5:active {\n background: var(--secondary);\n border-color: var(--secondary-dark);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-30-5:hover,\n.calendar-module-Calendar-value--end-975vB-4-30-5:hover {\n background: var(--primary-ultra-light);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-30-5:hover,\n.calendar-module-Calendar-value--endError-M5HbA-4-30-5:hover {\n background: var(--alert-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-30-5,\n.calendar-module-Calendar-value--end-975vB-4-30-5 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-30-5,\n.calendar-module-Calendar-value--endError-M5HbA-4-30-5 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-30-5 {\n background: var(--primary-ultra-light);\n border-color: var(--primary);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-30-5:hover {\n background: var(--primary-lightest);\n border-color: var(--primary);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-30-5:active {\n background: var(--primary-lighter);\n border-color: var(--primary-darker);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-30-5 {\n background: var(--primary);\n font-weight: var(--font-weight-bold);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--active--twAB-4-30-5:hover {\n background: var(--primary-dark);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--active--twAB-4-30-5:active {\n background: var(--primary-darker);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-yearValue--small--xk4--4-30-5,\n.calendar-module-Calendar-monthValue--small-R3bKo-4-30-5 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.calendar-module-Calendar-yearValue--large-Lmlui-4-30-5,\n.calendar-module-Calendar-monthValue--large-kkWJR-4-30-5 {\n height: var(--spacing-80);\n width: var(--spacing-160);\n}\n\n.calendar-module-Calendar-dateValue--small-u5Af3-4-30-5 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.calendar-module-Calendar-dateValue--large-ngrnG-4-30-5 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-30-5 .calendar-module-Calendar-value--startError-bXXuR-4-30-5,\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-30-5 .calendar-module-Calendar-value--endError-M5HbA-4-30-5 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-30-5 .calendar-module-Calendar-value--startError-bXXuR-4-30-5:hover,\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-30-5 .calendar-module-Calendar-value--endError-M5HbA-4-30-5:hover {\n background: var(--alert-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-30-5 {\n opacity: var(--opacity-10);\n}\n\n.calendar-module-Calendar-value--disabled-xwiCL-4-30-5 {\n pointer-events: none;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-30-5 {\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-30-5 {\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-30-5 .calendar-module-Calendar-value-Ht0Qg-4-30-5 {\n padding: 0;\n cursor: default;\n border-color: transparent;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-30-5 .calendar-module-Calendar-value-Ht0Qg-4-30-5:hover,\n.calendar-module-Calendar-dayValues-EuWrN-4-30-5 .calendar-module-Calendar-value-Ht0Qg-4-30-5:active {\n background: transparent;\n border-color: transparent;\n}\n\n.calendar-module-Calendar-eventsIndicator-FoS6M-4-30-5 {\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-30-5 {\n width: 3px;\n height: 3px;\n}\n.calendar-module-Calendar-eventsIndicator--active-NHhLl-4-30-5 {\n background-color: var(--white);\n}\n\n.calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-30-5 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-30-5 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-30-5 .calendar-module-Calendar-inRangeValue-VoWIb-4-30-5 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-30-5 .calendar-module-Calendar-inRangeValue-VoWIb-4-30-5:hover {\n background: var(--primary-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-30-5 .calendar-module-Calendar-inRangeValue-VoWIb-4-30-5:active {\n background: var(--primary-lighter);\n border-color: transparent;\n}\n\n@media (forced-colors: active) {\n .calendar-module-Calendar-valueWrapper--start-z-bt7-4-30-5,\n .calendar-module-Calendar-valueWrapper--end-3mDNa-4-30-5,\n .calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-30-5,\n .calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-30-5,\n .calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-30-5,\n .calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-30-5,\n .calendar-module-Calendar-valueWrapper--inRange-fV605-4-30-5,\n .calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-30-5 .calendar-module-Calendar-inRangeValue-VoWIb-4-30-5 {\n background: Highlight;\n }\n\n .calendar-module-Calendar-valueWrapper--startError-RglvV-4-30-5,\n .calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-30-5,\n .calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-30-5 {\n background: Mark;\n }\n\n /* Active/selected date cell */\n .calendar-module-Calendar-value--active--twAB-4-30-5,\n .calendar-module-Calendar-value--active--twAB-4-30-5:hover,\n .calendar-module-Calendar-value--active--twAB-4-30-5:active {\n forced-color-adjust: none;\n background: Highlight;\n color: HighlightText;\n border-color: transparent;\n }\n\n /* Today's date marker ring */\n .calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-30-5 {\n border-color: ButtonText;\n }\n\n /* Event dot: use system color so it stays visible */\n .calendar-module-Calendar-eventsIndicator-FoS6M-4-30-5 {\n background-color: ButtonText;\n }\n\n .calendar-module-Calendar-eventsIndicator--active-NHhLl-4-30-5 {\n background-color: HighlightText;\n }\n\n /* Disabled dates use opacity — switch to GrayText */\n .calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-30-5 {\n opacity: 1;\n color: GrayText;\n }\n}\n\n.calendar-module-Calendar-srOnly-fQhAu-4-30-5 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n";
|
|
1911
|
+
var styles$17 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-30-5","Calendar":"calendar-module-Calendar-7PxjX-4-30-5","Calendar--small":"calendar-module-Calendar--small-A1CLy-4-30-5","Calendar-date--small":"calendar-module-Calendar-date--small-CcxQJ-4-30-5","Calendar-month--small":"calendar-module-Calendar-month--small-wkwYD-4-30-5","Calendar-year--small":"calendar-module-Calendar-year--small-RdwBQ-4-30-5","Calendar--large":"calendar-module-Calendar--large-sSoxU-4-30-5","Calendar-date--large":"calendar-module-Calendar-date--large-1ZITF-4-30-5","Calendar-month--large":"calendar-module-Calendar-month--large-5g0oP-4-30-5","Calendar-year--large":"calendar-module-Calendar-year--large-jELMf-4-30-5","Calendar-header--large":"calendar-module-Calendar-header--large-z3JIz-4-30-5","Calendar-header--small":"calendar-module-Calendar-header--small-dWwwm-4-30-5","Calendar-headerIcon":"calendar-module-Calendar-headerIcon-nsCVk-4-30-5","Calendar-headerIcon--prev":"calendar-module-Calendar-headerIcon--prev-1RFOJ-4-30-5","Calendar-headerIcon--next":"calendar-module-Calendar-headerIcon--next-ympYc-4-30-5","Calendar-headerContent":"calendar-module-Calendar-headerContent-Ik37t-4-30-5","Calendar-headerButton":"calendar-module-Calendar-headerButton-c6Ucj-4-30-5","Calendar-body":"calendar-module-Calendar-body-d-N5F-4-30-5","Calendar-valueRow":"calendar-module-Calendar-valueRow-85rKl-4-30-5","Calendar-valueWrapper":"calendar-module-Calendar-valueWrapper-H46Ub-4-30-5","Calendar-monthValueWrapper":"calendar-module-Calendar-monthValueWrapper-jHs9P-4-30-5","Calendar-yearValueWrapper":"calendar-module-Calendar-yearValueWrapper-2xlz7-4-30-5","Calendar-valueWrapper--inRange":"calendar-module-Calendar-valueWrapper--inRange-fV605-4-30-5","Calendar-inRangeValue":"calendar-module-Calendar-inRangeValue-VoWIb-4-30-5","Calendar-valueWrapper--inRangeError":"calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-30-5","Calendar-valueWrapper--start":"calendar-module-Calendar-valueWrapper--start-z-bt7-4-30-5","Calendar-valueWrapper--startError":"calendar-module-Calendar-valueWrapper--startError-RglvV-4-30-5","Calendar-valueWrapper--end":"calendar-module-Calendar-valueWrapper--end-3mDNa-4-30-5","Calendar-valueWrapper--hoverDate":"calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-30-5","Calendar-valueWrapper--hoverEndDate":"calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-30-5","Calendar-valueWrapper--endError":"calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-30-5","Calendar-valueWrapper--startEnd":"calendar-module-Calendar-valueWrapper--startEnd-djqp--4-30-5","Calendar-value":"calendar-module-Calendar-value-Ht0Qg-4-30-5","Calendar-value--start":"calendar-module-Calendar-value--start-mlqzh-4-30-5","Calendar-value--end":"calendar-module-Calendar-value--end-975vB-4-30-5","Calendar-value--startError":"calendar-module-Calendar-value--startError-bXXuR-4-30-5","Calendar-value--endError":"calendar-module-Calendar-value--endError-M5HbA-4-30-5","Calendar-value--currDateMonthYear":"calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-30-5","Calendar-value--active":"calendar-module-Calendar-value--active--twAB-4-30-5","Calendar-yearValue--small":"calendar-module-Calendar-yearValue--small--xk4--4-30-5","Calendar-monthValue--small":"calendar-module-Calendar-monthValue--small-R3bKo-4-30-5","Calendar-yearValue--large":"calendar-module-Calendar-yearValue--large-Lmlui-4-30-5","Calendar-monthValue--large":"calendar-module-Calendar-monthValue--large-kkWJR-4-30-5","Calendar-dateValue--small":"calendar-module-Calendar-dateValue--small-u5Af3-4-30-5","Calendar-dateValue--large":"calendar-module-Calendar-dateValue--large-ngrnG-4-30-5","Calendar-valueWrapper--active-dummy":"calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-30-5","Calendar-valueWrapper--disabled":"calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-30-5","Calendar-value--disabled":"calendar-module-Calendar-value--disabled-xwiCL-4-30-5","Calendar-dayValues":"calendar-module-Calendar-dayValues-EuWrN-4-30-5","Calendar-dateValues":"calendar-module-Calendar-dateValues-sXhcu-4-30-5","Calendar-eventsIndicator":"calendar-module-Calendar-eventsIndicator-FoS6M-4-30-5","Calendar-eventsIndicator--small":"calendar-module-Calendar-eventsIndicator--small-94d0W-4-30-5","Calendar-eventsIndicator--active":"calendar-module-Calendar-eventsIndicator--active-NHhLl-4-30-5","Calendar-valueWrapper--inStartRange":"calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-30-5","Calendar-valueWrapper--inEndRange":"calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-30-5","Calendar-valueWrapper--inEdgeRange":"calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-30-5","Calendar-srOnly":"calendar-module-Calendar-srOnly-fQhAu-4-30-5"};
|
|
1912
1912
|
styleInject(css_248z$1h);
|
|
1913
1913
|
|
|
1914
1914
|
var config = {
|
|
@@ -1956,7 +1956,9 @@ var findFocusableCalendarCell = function findFocusableCalendarCell(root) {
|
|
|
1956
1956
|
var selectedDates = Array.from(root.querySelectorAll("".concat(DATE_CELL_SELECTOR, "[aria-selected=\"true\"]").concat(ENABLED_CELL_SELECTOR)));
|
|
1957
1957
|
if (preferredAriaLabel) {
|
|
1958
1958
|
var preferred = selectedDates.find(function (cell) {
|
|
1959
|
-
|
|
1959
|
+
var _cell$querySelector;
|
|
1960
|
+
var label = (_cell$querySelector = cell.querySelector('[data-calendar-cell-label]')) === null || _cell$querySelector === void 0 ? void 0 : _cell$querySelector.textContent;
|
|
1961
|
+
return label === preferredAriaLabel || label === selectedAriaLabel(preferredAriaLabel, true);
|
|
1960
1962
|
});
|
|
1961
1963
|
if (preferred) return preferred;
|
|
1962
1964
|
}
|
|
@@ -2023,6 +2025,9 @@ var focusYearCell = function focusYearCell(container, yearIndex) {
|
|
|
2023
2025
|
/**
|
|
2024
2026
|
* Format date for aria-label (e.g., "March 12, 2026")
|
|
2025
2027
|
*/
|
|
2028
|
+
var selectedAriaLabel = function selectedAriaLabel(label, selected) {
|
|
2029
|
+
return selected ? "".concat(label, ", selected") : label;
|
|
2030
|
+
};
|
|
2026
2031
|
var formatDateAriaLabel = function formatDateAriaLabel(d) {
|
|
2027
2032
|
var months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
|
|
2028
2033
|
return "".concat(months[d.getMonth()], " ").concat(d.getDate(), ", ").concat(d.getFullYear());
|
|
@@ -2863,7 +2868,6 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2863
2868
|
"data-year-index": offset,
|
|
2864
2869
|
className: valueClass,
|
|
2865
2870
|
tabIndex: isFocused ? 0 : -1,
|
|
2866
|
-
"aria-label": year.toString(),
|
|
2867
2871
|
"aria-disabled": disabled,
|
|
2868
2872
|
"aria-selected": active,
|
|
2869
2873
|
"aria-current": isCurrentYear() ? 'date' : undefined,
|
|
@@ -2883,7 +2887,9 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2883
2887
|
appearance: getTextAppearance(),
|
|
2884
2888
|
className: textClass,
|
|
2885
2889
|
weight: active ? 'strong' : undefined
|
|
2886
|
-
}, year)
|
|
2890
|
+
}, year), active && /*#__PURE__*/React.createElement("span", {
|
|
2891
|
+
className: styles$17['Calendar-srOnly']
|
|
2892
|
+
}, ", selected")));
|
|
2887
2893
|
}));
|
|
2888
2894
|
});
|
|
2889
2895
|
});
|
|
@@ -2956,7 +2962,6 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2956
2962
|
"data-month": month,
|
|
2957
2963
|
className: valueClass,
|
|
2958
2964
|
tabIndex: isFocused ? 0 : -1,
|
|
2959
|
-
"aria-label": months[month],
|
|
2960
2965
|
"aria-disabled": disabled,
|
|
2961
2966
|
"aria-selected": active,
|
|
2962
2967
|
"aria-current": isCurrentMonth() ? 'date' : undefined,
|
|
@@ -2976,7 +2981,9 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
2976
2981
|
appearance: getTextAppearance(),
|
|
2977
2982
|
className: textClass,
|
|
2978
2983
|
weight: active ? 'strong' : undefined
|
|
2979
|
-
}, months[month])
|
|
2984
|
+
}, months[month]), active && /*#__PURE__*/React.createElement("span", {
|
|
2985
|
+
className: styles$17['Calendar-srOnly']
|
|
2986
|
+
}, ", selected")));
|
|
2980
2987
|
}));
|
|
2981
2988
|
});
|
|
2982
2989
|
});
|
|
@@ -3431,7 +3438,6 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3431
3438
|
"data-test": "DesignSystem-Calendar--dateValue",
|
|
3432
3439
|
className: valueClass,
|
|
3433
3440
|
tabIndex: isFocused ? 0 : -1,
|
|
3434
|
-
"aria-label": formatDateAriaLabel(fullDate),
|
|
3435
3441
|
"aria-disabled": disabled,
|
|
3436
3442
|
"aria-selected": Boolean(active || activeDate),
|
|
3437
3443
|
"aria-current": today() ? 'date' : undefined,
|
|
@@ -3448,7 +3454,11 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3448
3454
|
},
|
|
3449
3455
|
onMouseOver: onMouseOverHandler(date),
|
|
3450
3456
|
onMouseEnter: onMouseEnterHandler.bind(_this, date, today(), disabled)
|
|
3451
|
-
}, /*#__PURE__*/React.createElement(
|
|
3457
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
3458
|
+
className: styles$17['Calendar-srOnly'],
|
|
3459
|
+
"data-calendar-cell-label": true
|
|
3460
|
+
}, selectedAriaLabel(formatDateAriaLabel(fullDate), Boolean(active || activeDate))), /*#__PURE__*/React.createElement(Text$1, {
|
|
3461
|
+
"aria-hidden": "true",
|
|
3452
3462
|
color: getTextAppearance() === 'default' || today() ? getTextColor : undefined,
|
|
3453
3463
|
appearance: getTextAppearance(),
|
|
3454
3464
|
size: size === 'small' ? 'small' : 'regular',
|
|
@@ -3541,8 +3551,15 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3541
3551
|
}
|
|
3542
3552
|
_inherits(Calendar, _React$Component);
|
|
3543
3553
|
return _createClass(Calendar, [{
|
|
3554
|
+
key: "getSnapshotBeforeUpdate",
|
|
3555
|
+
value: function getSnapshotBeforeUpdate(_prevProps, prevState) {
|
|
3556
|
+
if (prevState.view === this.state.view) return null;
|
|
3557
|
+
var container = this.calendarWrapperRef.current;
|
|
3558
|
+
return !!container && container.contains(document.activeElement);
|
|
3559
|
+
}
|
|
3560
|
+
}, {
|
|
3544
3561
|
key: "componentDidUpdate",
|
|
3545
|
-
value: function componentDidUpdate(prevProps, prevState) {
|
|
3562
|
+
value: function componentDidUpdate(prevProps, prevState, focusWasInside) {
|
|
3546
3563
|
var _prevState$startDate, _this$state$startDate, _this$state$endDate, _prevState$endDate, _this$state$endDate2;
|
|
3547
3564
|
var monthsInView = this.props.monthsInView;
|
|
3548
3565
|
if (prevProps.date !== this.props.date) {
|
|
@@ -3753,6 +3770,15 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3753
3770
|
}
|
|
3754
3771
|
}
|
|
3755
3772
|
}
|
|
3773
|
+
if (focusWasInside && prevState.view !== this.state.view && this.calendarWrapperRef.current) {
|
|
3774
|
+
var container = this.calendarWrapperRef.current;
|
|
3775
|
+
var target = container.querySelector('[role="gridcell"][tabindex="0"]') || container.querySelector('[role="gridcell"]:not([aria-disabled="true"])') || container.querySelector('[class*="Calendar-headerButton"]:not([disabled]), [class*="Calendar-headerIcon"] button:not([disabled])');
|
|
3776
|
+
if (target) {
|
|
3777
|
+
target.focus({
|
|
3778
|
+
preventScroll: true
|
|
3779
|
+
});
|
|
3780
|
+
}
|
|
3781
|
+
}
|
|
3756
3782
|
|
|
3757
3783
|
// Restore focus when it was dropped to body after nav (e.g. Next/Prev became disabled)
|
|
3758
3784
|
var navChanged = prevState.monthNav !== this.state.monthNav || prevState.yearNav !== this.state.yearNav || prevState.yearBlockNav !== this.state.yearBlockNav;
|
|
@@ -3808,8 +3834,8 @@ _defineProperty$1(Calendar, "defaultProps", {
|
|
|
3808
3834
|
jumpView: true
|
|
3809
3835
|
});
|
|
3810
3836
|
|
|
3811
|
-
var css_248z$1g = "/* badge */\n\n.card-module-Card-3nZt4-4-30-
|
|
3812
|
-
var styles$16 = {"Card":"card-module-Card-3nZt4-4-30-
|
|
3837
|
+
var css_248z$1g = "/* badge */\n\n.card-module-Card-3nZt4-4-30-5 {\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-30-5,\n.card-module-Card--light-ef-kI-4-30-5,\n.card-module-Card--medium-hfCda-4-30-5,\n.card-module-Card--dark-z4IwI-4-30-5 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow10-EQ0Tc-4-30-5 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow20-r2kA9-4-30-5 {\n border: none;\n box-shadow: var(--shadow-m);\n}\n\n.card-module-Card--shadow30-7DdVE-4-30-5 {\n border: none;\n box-shadow: var(--shadow-l);\n}\n\n.card-module-Card-header-L-wfV-4-30-5 {\n padding: var(--spacing-40) var(--spacing-40) var(--spacing-30) var(--spacing-40);\n}\n\n.card-module-Card-body-AWtGZ-4-30-5 {\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-40);\n}\n\n.card-module-Card-footer-Gomt8-4-30-5 {\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-30-5 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n@media (forced-colors: active) {\n /* box-shadow is stripped in forced-colors; add a real border so the card boundary is visible */\n .card-module-Card--default-vE68u-4-30-5,\n .card-module-Card--light-ef-kI-4-30-5,\n .card-module-Card--medium-hfCda-4-30-5,\n .card-module-Card--dark-z4IwI-4-30-5,\n .card-module-Card--shadow10-EQ0Tc-4-30-5,\n .card-module-Card--shadow20-r2kA9-4-30-5,\n .card-module-Card--shadow30-7DdVE-4-30-5 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n}\n";
|
|
3838
|
+
var styles$16 = {"Card":"card-module-Card-3nZt4-4-30-5","Card--default":"card-module-Card--default-vE68u-4-30-5","Card--light":"card-module-Card--light-ef-kI-4-30-5","Card--medium":"card-module-Card--medium-hfCda-4-30-5","Card--dark":"card-module-Card--dark-z4IwI-4-30-5","Card--shadow10":"card-module-Card--shadow10-EQ0Tc-4-30-5","Card--shadow20":"card-module-Card--shadow20-r2kA9-4-30-5","Card--shadow30":"card-module-Card--shadow30-7DdVE-4-30-5","Card-header":"card-module-Card-header-L-wfV-4-30-5","Card-body":"card-module-Card-body-AWtGZ-4-30-5","Card-footer":"card-module-Card-footer-Gomt8-4-30-5","Card-footer--withSeperator":"card-module-Card-footer--withSeperator-xBISR-4-30-5"};
|
|
3813
3839
|
styleInject(css_248z$1g);
|
|
3814
3840
|
|
|
3815
3841
|
var _excluded$1x = ["shadow", "children", "className"];
|
|
@@ -3832,8 +3858,8 @@ Card.defaultProps = {
|
|
|
3832
3858
|
shadow: 'shadow10'
|
|
3833
3859
|
};
|
|
3834
3860
|
|
|
3835
|
-
var css_248z$1f = ".cardSubdued-module-CardSubdued-cRpHh-4-30-
|
|
3836
|
-
var styles$15 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-30-
|
|
3861
|
+
var css_248z$1f = ".cardSubdued-module-CardSubdued-cRpHh-4-30-5 {\n background: var(--card-subdued-bg);\n padding: var(--spacing-40);\n}\n\n.cardSubdued-module-CardSubdued--top-9xPTI-4-30-5 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--left-5pkIL-4-30-5 {\n border-left: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--right-vqxr4-4-30-5 {\n border-right: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--bottom-fOplq-4-30-5 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
3862
|
+
var styles$15 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-30-5","CardSubdued--top":"cardSubdued-module-CardSubdued--top-9xPTI-4-30-5","CardSubdued--left":"cardSubdued-module-CardSubdued--left-5pkIL-4-30-5","CardSubdued--right":"cardSubdued-module-CardSubdued--right-vqxr4-4-30-5","CardSubdued--bottom":"cardSubdued-module-CardSubdued--bottom-fOplq-4-30-5"};
|
|
3837
3863
|
styleInject(css_248z$1f);
|
|
3838
3864
|
|
|
3839
3865
|
var _excluded$1w = ["border", "children", "className"];
|
|
@@ -3946,8 +3972,8 @@ var useAccessibilityProps = function useAccessibilityProps(_ref) {
|
|
|
3946
3972
|
});
|
|
3947
3973
|
};
|
|
3948
3974
|
|
|
3949
|
-
var css_248z$1e = "/* Although the icons in the font can be scaled to any size, in accordance with material design icons guidelines, \n * we recommend them to be shown in either 18, 24, 36 or 48px. The default being 24px. \n * https://google.github.io/material-design-icons/\n */\n\n/* Rules for sizing the icon. */\n\n/* .material-icons.md-18 { font-size: 18px; }\n.material-icons.md-24 { font-size: 24px; }\n.material-icons.md-36 { font-size: 36px; }\n.material-icons.md-48 { font-size: 48px; } */\n\n/* Rules for using icons as black on a light background. */\n\n/* .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }\n.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } */\n\n/* Rules for using icons as white on a dark background. */\n\n/* .material-icons.md-light { color: rgba(255, 255, 255, 1); }\n.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } */\n.icon-module-Icon-2ZCUa-4-30-
|
|
3950
|
-
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-30-
|
|
3975
|
+
var css_248z$1e = "/* Although the icons in the font can be scaled to any size, in accordance with material design icons guidelines, \n * we recommend them to be shown in either 18, 24, 36 or 48px. The default being 24px. \n * https://google.github.io/material-design-icons/\n */\n\n/* Rules for sizing the icon. */\n\n/* .material-icons.md-18 { font-size: 18px; }\n.material-icons.md-24 { font-size: 24px; }\n.material-icons.md-36 { font-size: 36px; }\n.material-icons.md-48 { font-size: 48px; } */\n\n/* Rules for using icons as black on a light background. */\n\n/* .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }\n.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } */\n\n/* Rules for using icons as white on a dark background. */\n\n/* .material-icons.md-light { color: rgba(255, 255, 255, 1); }\n.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } */\n.icon-module-Icon-2ZCUa-4-30-5 {\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-30-5 {\n color: var(--text-subtle);\n}\n\n.icon-module-Icon--disabled-cfSpt-4-30-5 {\n color: var(--text-disabled);\n}\n\n.icon-module-Icon--destructive-hh3wH-4-30-5 {\n color: var(--text-destructive);\n}\n\n.icon-module-Icon--white-xVSQx-4-30-5 {\n color: var(--text-white);\n}\n\n.icon-module-Icon--default-gUL8T-4-30-5 {\n color: var(--text);\n}\n\n.icon-module-Icon--info-NPl0c-4-30-5 {\n color: var(--primary);\n}\n\n.icon-module-Icon--success--1Pol-4-30-5 {\n color: var(--success);\n}\n\n.icon-module-Icon--warning-vkwDf-4-30-5 {\n color: var(--warning);\n}\n\n.icon-module-Icon--alert-9wT0L-4-30-5 {\n color: var(--alert);\n}\n\n.icon-module-Icon--primary-5RS0y-4-30-5 {\n color: var(--primary);\n}\n\n.icon-module-Icon--primaryLighter-G9i-U-4-30-5 {\n color: var(--primary-lighter);\n}\n\n.icon-module-Icon--primaryDark-Z9EK7-4-30-5 {\n color: var(--primary-dark);\n}\n\n.icon-module-Icon--primaryDarker-WzRg--4-30-5 {\n color: var(--primary-darker);\n}\n\n.icon-module-Icon--alertLighter-6B-e7-4-30-5 {\n color: var(--alert-lighter);\n}\n\n.icon-module-Icon--alertDark-k7w0--4-30-5 {\n color: var(--alert-dark);\n}\n\n.icon-module-Icon--alertDarker-ZGpJS-4-30-5 {\n color: var(--alert-darker);\n}\n\n.icon-module-Icon--successLighter-NJRIN-4-30-5 {\n color: var(--success-lighter);\n}\n\n.icon-module-Icon--successDark-w7jA3-4-30-5 {\n color: var(--success-dark);\n}\n\n.icon-module-Icon--successDarker-whOmv-4-30-5 {\n color: var(--success-darker);\n}\n\n.icon-module-Icon--warningLighter-IjeGH-4-30-5 {\n color: var(--warning-lighter);\n}\n\n.icon-module-Icon--warningDark-c0V89-4-30-5 {\n color: var(--warning-dark);\n}\n\n.icon-module-Icon--warningDarker-Y1Zk1-4-30-5 {\n color: var(--warning-darker);\n}\n\n.icon-module-Icon--accent1-joGUJ-4-30-5 {\n color: var(--accent1);\n}\n\n.icon-module-Icon--accent1Lighter-ecAka-4-30-5 {\n color: var(--accent1-lighter);\n}\n\n.icon-module-Icon--accent1Dark-kWavq-4-30-5 {\n color: var(--accent1-dark);\n}\n\n.icon-module-Icon--accent1Darker-xkikD-4-30-5 {\n color: var(--accent1-darker);\n}\n\n.icon-module-Icon--accent2-U6Nln-4-30-5 {\n color: var(--accent2);\n}\n\n.icon-module-Icon--accent2Lighter-l-bdc-4-30-5 {\n color: var(--accent2-lighter);\n}\n\n.icon-module-Icon--accent2Dark-fQYZp-4-30-5 {\n color: var(--accent2-dark);\n}\n\n.icon-module-Icon--accent2Darker-fPTcU-4-30-5 {\n color: var(--accent2-darker);\n}\n\n.icon-module-Icon--accent3-pqiXT-4-30-5 {\n color: var(--accent3);\n}\n\n.icon-module-Icon--accent3Lighter-GdEsf-4-30-5 {\n color: var(--accent3-lighter);\n}\n\n.icon-module-Icon--accent3Dark-UrkMU-4-30-5 {\n color: var(--accent3-dark);\n}\n\n.icon-module-Icon--accent3Darker-h-Kf4-4-30-5 {\n color: var(--accent3-darker);\n}\n\n.icon-module-Icon--accent4-URPLg-4-30-5 {\n color: var(--accent4);\n}\n\n.icon-module-Icon--accent4Lighter-TfLqj-4-30-5 {\n color: var(--accent4-lighter);\n}\n\n.icon-module-Icon--accent4Dark-eMTg--4-30-5 {\n color: var(--accent4-dark);\n}\n\n.icon-module-Icon--accent4Darker-zY0fj-4-30-5 {\n color: var(--accent4-darker);\n}\n\n.icon-module-Icon--inverse-PaEaG-4-30-5 {\n color: var(--inverse);\n}\n";
|
|
3976
|
+
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-30-5","Icon--subtle":"icon-module-Icon--subtle-LctKY-4-30-5","Icon--disabled":"icon-module-Icon--disabled-cfSpt-4-30-5","Icon--destructive":"icon-module-Icon--destructive-hh3wH-4-30-5","Icon--white":"icon-module-Icon--white-xVSQx-4-30-5","Icon--default":"icon-module-Icon--default-gUL8T-4-30-5","Icon--info":"icon-module-Icon--info-NPl0c-4-30-5","Icon--success":"icon-module-Icon--success--1Pol-4-30-5","Icon--warning":"icon-module-Icon--warning-vkwDf-4-30-5","Icon--alert":"icon-module-Icon--alert-9wT0L-4-30-5","Icon--primary":"icon-module-Icon--primary-5RS0y-4-30-5","Icon--primaryLighter":"icon-module-Icon--primaryLighter-G9i-U-4-30-5","Icon--primaryDark":"icon-module-Icon--primaryDark-Z9EK7-4-30-5","Icon--primaryDarker":"icon-module-Icon--primaryDarker-WzRg--4-30-5","Icon--alertLighter":"icon-module-Icon--alertLighter-6B-e7-4-30-5","Icon--alertDark":"icon-module-Icon--alertDark-k7w0--4-30-5","Icon--alertDarker":"icon-module-Icon--alertDarker-ZGpJS-4-30-5","Icon--successLighter":"icon-module-Icon--successLighter-NJRIN-4-30-5","Icon--successDark":"icon-module-Icon--successDark-w7jA3-4-30-5","Icon--successDarker":"icon-module-Icon--successDarker-whOmv-4-30-5","Icon--warningLighter":"icon-module-Icon--warningLighter-IjeGH-4-30-5","Icon--warningDark":"icon-module-Icon--warningDark-c0V89-4-30-5","Icon--warningDarker":"icon-module-Icon--warningDarker-Y1Zk1-4-30-5","Icon--accent1":"icon-module-Icon--accent1-joGUJ-4-30-5","Icon--accent1Lighter":"icon-module-Icon--accent1Lighter-ecAka-4-30-5","Icon--accent1Dark":"icon-module-Icon--accent1Dark-kWavq-4-30-5","Icon--accent1Darker":"icon-module-Icon--accent1Darker-xkikD-4-30-5","Icon--accent2":"icon-module-Icon--accent2-U6Nln-4-30-5","Icon--accent2Lighter":"icon-module-Icon--accent2Lighter-l-bdc-4-30-5","Icon--accent2Dark":"icon-module-Icon--accent2Dark-fQYZp-4-30-5","Icon--accent2Darker":"icon-module-Icon--accent2Darker-fPTcU-4-30-5","Icon--accent3":"icon-module-Icon--accent3-pqiXT-4-30-5","Icon--accent3Lighter":"icon-module-Icon--accent3Lighter-GdEsf-4-30-5","Icon--accent3Dark":"icon-module-Icon--accent3Dark-UrkMU-4-30-5","Icon--accent3Darker":"icon-module-Icon--accent3Darker-h-Kf4-4-30-5","Icon--accent4":"icon-module-Icon--accent4-URPLg-4-30-5","Icon--accent4Lighter":"icon-module-Icon--accent4Lighter-TfLqj-4-30-5","Icon--accent4Dark":"icon-module-Icon--accent4Dark-eMTg--4-30-5","Icon--accent4Darker":"icon-module-Icon--accent4Darker-zY0fj-4-30-5","Icon--inverse":"icon-module-Icon--inverse-PaEaG-4-30-5"};
|
|
3951
3977
|
styleInject(css_248z$1e);
|
|
3952
3978
|
|
|
3953
3979
|
var _excluded$1u = ["appearance", "className", "name", "size", "children", "type"];
|
|
@@ -4073,8 +4099,8 @@ var GenericText = function GenericText(_ref, ref) {
|
|
|
4073
4099
|
};
|
|
4074
4100
|
var Link$1 = /*#__PURE__*/React.forwardRef(GenericText);
|
|
4075
4101
|
|
|
4076
|
-
var css_248z$1d = "/* Text */\n.text-module-Text-s1VoI-4-30-
|
|
4077
|
-
var textStyles = {"Text":"text-module-Text-s1VoI-4-30-
|
|
4102
|
+
var css_248z$1d = "/* Text */\n.text-module-Text-s1VoI-4-30-5 {\n margin: 0;\n line-height: var(--font-height);\n}\n\n.text-module-Text--small-Jgkij-4-30-5 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-normal);\n font-weight: var(--font-weight-medium);\n}\n\n.text-module-Text--regular-1srPn-4-30-5 {\n font-size: var(--font-size);\n line-height: var(--font-height);\n}\n\n.text-module-Text--large-dvoDb-4-30-5 {\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.text-module-Text--default-8sTrE-4-30-5 {\n color: var(--text);\n}\n\n.text-module-Text--subtle-dIroX-4-30-5 {\n color: var(--text-subtle);\n}\n\n.text-module-Text--disabled-n3vwU-4-30-5 {\n color: var(--text-disabled);\n}\n\n.text-module-Text--destructive-IyHaq-4-30-5 {\n color: var(--text-destructive);\n}\n\n.text-module-Text--white-7KdSH-4-30-5 {\n color: var(--text-white);\n}\n\n.text-module-Text--success---5U--4-30-5 {\n color: var(--text-success);\n}\n\n.text-module-Text--link-xbXRL-4-30-5 {\n color: var(--text-link);\n}\n\n.text-module-Text--medium-NJhdl-4-30-5 {\n font-weight: var(--font-weight-medium);\n}\n\n.text-module-Text--strong-V4cio-4-30-5 {\n font-weight: var(--font-weight-bold);\n}\n";
|
|
4103
|
+
var textStyles = {"Text":"text-module-Text-s1VoI-4-30-5","Text--small":"text-module-Text--small-Jgkij-4-30-5","Text--regular":"text-module-Text--regular-1srPn-4-30-5","Text--large":"text-module-Text--large-dvoDb-4-30-5","Text--default":"text-module-Text--default-8sTrE-4-30-5","Text--subtle":"text-module-Text--subtle-dIroX-4-30-5","Text--disabled":"text-module-Text--disabled-n3vwU-4-30-5","Text--destructive":"text-module-Text--destructive-IyHaq-4-30-5","Text--white":"text-module-Text--white-7KdSH-4-30-5","Text--success":"text-module-Text--success---5U--4-30-5","Text--link":"text-module-Text--link-xbXRL-4-30-5","Text--medium":"text-module-Text--medium-NJhdl-4-30-5","Text--strong":"text-module-Text--strong-V4cio-4-30-5"};
|
|
4078
4104
|
styleInject(css_248z$1d);
|
|
4079
4105
|
|
|
4080
4106
|
var _excluded$1s = ["appearance", "size", "children", "weight", "small", "className", "color", "as"];
|
|
@@ -4105,8 +4131,8 @@ Text$1.defaultProps = {
|
|
|
4105
4131
|
size: 'regular'
|
|
4106
4132
|
};
|
|
4107
4133
|
|
|
4108
|
-
var css_248z$1c = ".chip-module-Chip-poUZ4-4-30-
|
|
4109
|
-
var styles$14 = {"Chip":"chip-module-Chip-poUZ4-4-30-
|
|
4134
|
+
var css_248z$1c = ".chip-module-Chip-poUZ4-4-30-5 {\n display: flex;\n box-sizing: border-box;\n border-radius: var(--border-radius-30);\n width: -moz-fit-content;\n width: fit-content;\n justify-content: space-between;\n border-style: solid;\n border-width: var(--border-width-2-5);\n align-items: center;\n flex-direction: row;\n cursor: default;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.chip-module-Chip-size--regular-VNFwg-4-30-5 {\n height: var(--spacing-60);\n}\n.chip-module-Chip-size--small-9pIoV-4-30-5 {\n height: 20px;\n}\n\n.chip-module-Chip-wrapper-pvcWT-4-30-5 {\n display: inline-flex;\n align-items: center;\n}\n\n.chip-module-Chip-content-07-mq-4-30-5 {\n display: flex;\n align-items: center;\n min-width: 0;\n flex: 1;\n align-self: stretch;\n padding-top: var(--spacing-05);\n padding-bottom: var(--spacing-05);\n padding-right: var(--spacing-20);\n}\n\n.chip-module-Chip-content--regular-6UA96-4-30-5 {\n padding-left: var(--spacing-20);\n}\n\n.chip-module-Chip-content--small-X2jbT-4-30-5 {\n padding-left: var(--spacing-15);\n}\n\n.chip-module-Chip-content-07-mq-4-30-5:focus-visible {\n outline: none;\n}\n\n.chip-module-Chip-icon--left-iQJW--4-30-5 {\n margin-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-30-5 {\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--border-radius-full);\n}\n\n.chip-module-Chip-icon--rightSmall-PKKxo-4-30-5 {\n width: var(--spacing-60);\n height: var(--spacing-60);\n box-sizing: border-box;\n padding: var(--spacing-15);\n margin-left: calc(var(--spacing-05) * -1);\n margin-right: calc((var(--spacing-05) + var(--spacing-2-5)) * -1);\n flex-shrink: 0;\n}\n\n.chip-module-Chip--action-xkWzq-4-30-5 {\n background: var(--secondary-light);\n border: 0px;\n cursor: pointer;\n}\n\n.chip-module-Chip--action-xkWzq-4-30-5:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--action-xkWzq-4-30-5:has(.chip-module-Chip-content-07-mq-4-30-5:focus-visible) {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chip-module-Chip--action-xkWzq-4-30-5:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-action--disabled-qik7a-4-30-5 {\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-30-5 {\n background: var(--shadow-0);\n border-color: var(--secondary);\n cursor: pointer;\n}\n\n.chip-module-Chip--selection-OQh8T-4-30-5:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chip-module-Chip--selection-OQh8T-4-30-5:has(.chip-module-Chip-content-07-mq-4-30-5:focus-visible) {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chip-module-Chip--selection-OQh8T-4-30-5:active {\n background: var(--secondary-light);\n border-color: var(--inverse-lightest);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-30-5 {\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-30-5 {\n background: var(--primary-ultra-light);\n border-color: var(--primary);\n box-shadow: inset 0 0 0 1px var(--primary);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-30-5:hover {\n background: var(--primary-lightest);\n border-color: var(--primary);\n box-shadow: inset 0 0 0 1px var(--primary);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-30-5:has(.chip-module-Chip-content-07-mq-4-30-5:focus-visible) {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-30-5:active {\n background: var(--primary-lighter);\n border-color: var(--primary-dark);\n box-shadow: inset 0 0 0 1px var(--primary-dark);\n}\n\n.chip-module-Chip-selection--selected-N7Nmu-4-30-5:active .chip-module-Chip-icon-lfFwr-4-30-5,\n.chip-module-Chip-selection--selected-N7Nmu-4-30-5:active .chip-module-Chip-text-Y9aWF-4-30-5 {\n color: var(--primary-darker);\n}\n\n.chip-module-Chip-text--truncate-FdQRv-4-30-5 {\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-30-5 {\n background: var(--primary-ultra-light);\n border-color: var(--primary-lightest);\n box-shadow: inset 0 0 0 1px var(--primary-lightest);\n opacity: 1;\n}\n\n.chip-module-Chip--input-76VFm-4-30-5 {\n background: var(--secondary-light);\n font-weight: var(--font-weight-normal);\n border: 0px;\n}\n\n.chip-module-Chip--input-76VFm-4-30-5:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--input-76VFm-4-30-5:has(.chip-module-Chip-content-07-mq-4-30-5:focus-visible) {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chip-module-Chip--input-76VFm-4-30-5:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-input--disabled-Xt12a-4-30-5 {\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-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-30-5:hover {\n background-color: var(--secondary);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-30-5:active {\n background-color: var(--secondary-dark);\n}\n\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-30-5 {\n pointer-events: none;\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-30-5 {\n border-radius: var(--border-radius-full);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-30-5:hover {\n background-color: var(--primary-lighter);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-30-5:active {\n background-color: var(--primary-light);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-30-5:has(.chip-module-Chip-content-07-mq-4-30-5:focus-visible),\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-30-5:focus-visible,\n.chip-module-Chip-selection--selectedDisabled-cqtgW-4-30-5:has(.chip-module-Chip-content-07-mq-4-30-5:focus-visible),\n.chip-module-Chip-input--disabled-Xt12a-4-30-5:has(.chip-module-Chip-content-07-mq-4-30-5:focus-visible) {\n outline: none;\n}\n\n.chip-module-Chip-icon--clear-GujdY-4-30-5 .chip-module-Chip-content-07-mq-4-30-5 {\n padding-right: 0;\n}\n\n@media (forced-colors: active) {\n /* Action chips: border:0 makes them invisible — add a real border */\n .chip-module-Chip--action-xkWzq-4-30-5 {\n border: var(--border-width-2-5) solid ButtonText;\n }\n\n /* Input chips: border:0 makes them invisible — add a real border */\n .chip-module-Chip--input-76VFm-4-30-5 {\n border: var(--border-width-2-5) solid ButtonText;\n }\n\n /* Selected state uses inset box-shadow as a double border on top of the existing border-color */\n .chip-module-Chip-selection--selected-N7Nmu-4-30-5,\n .chip-module-Chip-selection--selected-N7Nmu-4-30-5:hover,\n .chip-module-Chip-selection--selected-N7Nmu-4-30-5:active,\n .chip-module-Chip-selection--selectedDisabled-cqtgW-4-30-5 {\n border-color: Highlight;\n box-shadow: none;\n }\n\n .chip-module-Chip-action--disabled-qik7a-4-30-5,\n .chip-module-Chip-input--disabled-Xt12a-4-30-5 {\n opacity: 1;\n color: GrayText;\n border: var(--border-width-2-5) solid GrayText;\n }\n\n .chip-module-Chip-selection--disabled-Wh7oX-4-30-5 {\n opacity: 1;\n color: GrayText;\n border-color: GrayText;\n }\n}\n";
|
|
4135
|
+
var styles$14 = {"Chip":"chip-module-Chip-poUZ4-4-30-5","Chip-size--regular":"chip-module-Chip-size--regular-VNFwg-4-30-5","Chip-size--small":"chip-module-Chip-size--small-9pIoV-4-30-5","Chip-wrapper":"chip-module-Chip-wrapper-pvcWT-4-30-5","Chip-content":"chip-module-Chip-content-07-mq-4-30-5","Chip-content--regular":"chip-module-Chip-content--regular-6UA96-4-30-5","Chip-content--small":"chip-module-Chip-content--small-X2jbT-4-30-5","Chip-icon--left":"chip-module-Chip-icon--left-iQJW--4-30-5","Chip-icon--right":"chip-module-Chip-icon--right-UOlsF-4-30-5","Chip-icon--rightSmall":"chip-module-Chip-icon--rightSmall-PKKxo-4-30-5","Chip--action":"chip-module-Chip--action-xkWzq-4-30-5","Chip-action--disabled":"chip-module-Chip-action--disabled-qik7a-4-30-5","Chip--selection":"chip-module-Chip--selection-OQh8T-4-30-5","Chip-selection--disabled":"chip-module-Chip-selection--disabled-Wh7oX-4-30-5","Chip-selection--selected":"chip-module-Chip-selection--selected-N7Nmu-4-30-5","Chip-icon":"chip-module-Chip-icon-lfFwr-4-30-5","Chip-text":"chip-module-Chip-text-Y9aWF-4-30-5","Chip-text--truncate":"chip-module-Chip-text--truncate-FdQRv-4-30-5","Chip-selection--selectedDisabled":"chip-module-Chip-selection--selectedDisabled-cqtgW-4-30-5","Chip--input":"chip-module-Chip--input-76VFm-4-30-5","Chip-input--disabled":"chip-module-Chip-input--disabled-Xt12a-4-30-5","Chip-icon-disabled--right":"chip-module-Chip-icon-disabled--right-Q8o-W-4-30-5","Chip-icon--selected":"chip-module-Chip-icon--selected-OTsQP-4-30-5","Chip-icon--clear":"chip-module-Chip-icon--clear-GujdY-4-30-5"};
|
|
4110
4136
|
styleInject(css_248z$1c);
|
|
4111
4137
|
|
|
4112
4138
|
var GenericChip = function GenericChip(props) {
|
|
@@ -4326,8 +4352,8 @@ Chip.defaultProps = {
|
|
|
4326
4352
|
maxWidth: 'var(--spacing-640)'
|
|
4327
4353
|
};
|
|
4328
4354
|
|
|
4329
|
-
var css_248z$1b = ".chipGroup-module-ChipGroup--1ERo-4-30-
|
|
4330
|
-
var styles$13 = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-30-
|
|
4355
|
+
var css_248z$1b = ".chipGroup-module-ChipGroup--1ERo-4-30-5 {\n display: inline-flex;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-30-5 {\n margin: 0 var(--spacing-10);\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-30-5:first-child {\n margin-left: 0;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-30-5:last-child {\n margin-right: 0;\n}\n";
|
|
4356
|
+
var styles$13 = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-30-5","ChipGroup-item":"chipGroup-module-ChipGroup-item-5ygP--4-30-5"};
|
|
4331
4357
|
styleInject(css_248z$1b);
|
|
4332
4358
|
|
|
4333
4359
|
var _excluded$1r = ["onClick", "onClose"];
|
|
@@ -4424,16 +4450,16 @@ var CheckboxIcon = function CheckboxIcon(props) {
|
|
|
4424
4450
|
}
|
|
4425
4451
|
};
|
|
4426
4452
|
|
|
4427
|
-
var css_248z$1a = ".checkbox-module-Checkbox-Bxzy6-4-30-
|
|
4428
|
-
var styles$12 = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-30-
|
|
4453
|
+
var css_248z$1a = ".checkbox-module-Checkbox-Bxzy6-4-30-5 {\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-30-5 {\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-30-5 {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.checkbox-module-Checkbox-label-1c-Z--4-30-5 {\n display: flex;\n cursor: pointer;\n margin-left: calc(-1 * var(--spacing-20));\n padding-left: var(--spacing-20);\n}\n\n.checkbox-module-Checkbox-label--tiny-4ICqD-4-30-5 {\n font-weight: var(--font-weight-bold);\n}\n\n.checkbox-module-Checkbox-outerWrapper-47kQq-4-30-5 {\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-30-5 {\n height: var(--spacing-40);\n min-width: var(--spacing-40);\n}\n\n.checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-30-5 {\n height: var(--spacing-30);\n min-width: var(--spacing-30);\n}\n\n/* Type: Unchecked */\n\n.checkbox-module-Checkbox-wrapper-iH4AL-4-30-5 {\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-30-5:focus {\n outline: 0;\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-30-5:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-30-5 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-30-5 ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-30-5 {\n border: var(--border-width-2-5) solid var(--inverse-lighter);\n background-color: var(--shadow-0);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-30-5:hover ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-30-5 {\n border: var(--border-width-2-5) solid var(--inverse-light);\n background-color: var(--secondary-lighter);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-30-5:active ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-30-5 {\n border: var(--border-width-2-5) solid var(--inverse-light);\n background-color: var(--secondary-light);\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-30-5 {\n pointer-events: none;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-30-5 .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-30-5 {\n border: var(--border-width-2-5) solid var(--secondary);\n background-color: var(--secondary-lightest);\n}\n\n/* Type: checked && Type: indeterminate */\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-30-5 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-30-5,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-30-5 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-30-5 {\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-30-5:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-30-5,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-30-5:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-30-5 {\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-30-5:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-30-5,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-30-5:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-30-5 {\n background-color: var(--primary-dark);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-30-5:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-30-5,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-30-5:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-30-5 {\n background-color: var(--primary-darker);\n border: 0;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-30-5 .checkbox-module-Checkbox-input--checked-1V8bz-4-30-5 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-30-5,\n.checkbox-module-Checkbox--disabled-j-irf-4-30-5 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-30-5 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-30-5 {\n background-color: var(--primary-lighter);\n border: 0;\n}\n\n/* Error State -> Default */\n\n.checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-30-5:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-30-5:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5 {\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-30-5 .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5 {\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-30-5 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-30-5 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-30-5:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-30-5:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-30-5:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-30-5:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-30-5:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-30-5:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5 {\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-30-5 .checkbox-module-Checkbox-input--checked-1V8bz-4-30-5 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5,\n.checkbox-module-Checkbox--disabled-j-irf-4-30-5 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-30-5 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n}\n";
|
|
4454
|
+
var styles$12 = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-30-5","Checkbox-input":"checkbox-module-Checkbox-input-shIYv-4-30-5","Checkbox-labelWrapper":"checkbox-module-Checkbox-labelWrapper-8RA7S-4-30-5","Checkbox-label":"checkbox-module-Checkbox-label-1c-Z--4-30-5","Checkbox-label--tiny":"checkbox-module-Checkbox-label--tiny-4ICqD-4-30-5","Checkbox-outerWrapper":"checkbox-module-Checkbox-outerWrapper-47kQq-4-30-5","Checkbox-outerWrapper--regular":"checkbox-module-Checkbox-outerWrapper--regular-MXygQ-4-30-5","Checkbox-outerWrapper--tiny":"checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-30-5","Checkbox-wrapper":"checkbox-module-Checkbox-wrapper-iH4AL-4-30-5","Checkbox-wrapper--default":"checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-30-5","Checkbox--disabled":"checkbox-module-Checkbox--disabled-j-irf-4-30-5","Checkbox-input--checked":"checkbox-module-Checkbox-input--checked-1V8bz-4-30-5","Checkbox-input--indeterminate":"checkbox-module-Checkbox-input--indeterminate-yMTip-4-30-5","Checkbox-wrapper--error":"checkbox-module-Checkbox-wrapper--error-pnJwU-4-30-5"};
|
|
4429
4455
|
styleInject(css_248z$1a);
|
|
4430
4456
|
|
|
4431
|
-
var css_248z$19 = ".dropdown-module-Dropdown--waM8-4-30-
|
|
4432
|
-
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-30-
|
|
4457
|
+
var css_248z$19 = ".dropdown-module-Dropdown--waM8-4-30-5 {\n width: 100%;\n position: relative;\n}\n\n.dropdown-module-Dropdown-wrapper-r0AX--4-30-5 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-30-5 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-30-5:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-30-5 {\n min-width: unset !important;\n background: transparent;\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n height: 36px;\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-30-5,\n.dropdown-module-Dropdown-input-ovmvS-4-30-5:focus-within {\n border: unset !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-30-5:hover {\n background-color: var(--secondary-lightest);\n}\n\n.dropdown-module-Dropdown-section-rT604-4-30-5 {\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-30-5 {\n margin-top: var(--spacing-20);\n margin-bottom: var(--spacing-05);\n}\n\n.dropdown-module-Dropdown-buttonWrapper-hWHut-4-30-5 {\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-30-5 {\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-30-5 {\n display: flex;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n color: var(--text);\n cursor: pointer;\n}\n\n.dropdown-module-Option-9a9gu-4-30-5,\n.dropdown-module-Option-loading-niIYl-4-30-5 {\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-30-5 .dropdown-module-Checkbox-outerWrapper-X7RB4-4-30-5 {\n background-color: var(--shadow-0);\n}\n\n.dropdown-module-Option-checkboxWrapper-K7FXe-4-30-5 {\n display: block;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-30-5 {\n width: 100%;\n padding-left: var(--spacing-30);\n padding-top: var(--spacing-15);\n padding-bottom: var(--spacing-15);\n}\n\n.dropdown-module-Option--interactive-5AoOx-4-30-5:hover,\n.dropdown-module-Option-checkbox--interactive-EiiG5-4-30-5:hover {\n background-color: var(--secondary-lightest);\n}\n\n.dropdown-module-Option--interactive-5AoOx-4-30-5:hover:active,\n.dropdown-module-Option-checkbox--interactive-EiiG5-4-30-5:hover:active {\n background-color: var(--secondary-light);\n}\n\n.dropdown-module-Option-9a9gu-4-30-5:focus,\n.dropdown-module-Option-9a9gu-4-30-5:focus-visible,\n.dropdown-module-Option-checkbox-m-8Hz-4-30-5:focus,\n.dropdown-module-Option-checkbox-m-8Hz-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.dropdown-module-OptionWrapper-OXl8n-4-30-5:focus,\n.dropdown-module-OptionWrapper-OXl8n-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.dropdown-module-Option-loading-niIYl-4-30-5 {\n pointer-events: none;\n}\n\n.dropdown-module-Option--selected-N166--4-30-5 {\n background-color: var(--primary-lightest);\n}\n\n.dropdown-module-Option--selected-N166--4-30-5:focus,\n.dropdown-module-Option--selected-N166--4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.dropdown-module-Option--selected-N166--4-30-5.dropdown-module-Option--interactive-5AoOx-4-30-5:hover {\n background-color: var(--primary-lighter);\n}\n\n.dropdown-module-Option--selected-N166--4-30-5.dropdown-module-Option--interactive-5AoOx-4-30-5:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--selected-N166--4-30-5:active .dropdown-module-Option-text-lXgSe-4-30-5,\n.dropdown-module-Option--selected-N166--4-30-5:active .dropdown-module-Option-subInfo-rCqn2-4-30-5 {\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--disabled-z9O1J-4-30-5,\n.dropdown-module-OptionWrapper--disabled-dDEXE-4-30-5 {\n pointer-events: auto;\n cursor: default;\n}\n\n.dropdown-module-Option-label-lSBP--4-30-5 {\n overflow: hidden;\n display: flex;\n flex-direction: column;\n flex: 1;\n min-width: 0;\n}\n\n.dropdown-module-Option-checkIcon-jg8-d-4-30-5 {\n display: flex;\n flex-shrink: 0;\n align-self: center;\n margin-left: auto;\n padding-left: var(--spacing-20);\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-30-5 .dropdown-module-Checkbox-label-HN9S6-4-30-5 {\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-30-5,\n.dropdown-module-OptionCheckbox-sWOoI-4-30-5 .dropdown-module-Text-wTZmG-4-30-5 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.dropdown-module-Option-text--wrap-RxZCx-4-30-5,\n.dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-30-5 .dropdown-module-OptionCheckbox-sWOoI-4-30-5 .dropdown-module-Text-wTZmG-4-30-5 {\n white-space: unset;\n}\n\n.dropdown-module-Option--icon-AA5JI-4-30-5 {\n padding-left: var(--spacing-20);\n}\n\n.dropdown-module-Option-icon-sux-R-4-30-5 {\n display: flex;\n}\n\n.dropdown-module-Option-icon-sux-R-4-30-5 {\n height: -moz-fit-content;\n height: fit-content;\n line-height: var(--font-height);\n}\n\n@media (forced-colors: active) {\n .dropdown-module-Dropdown-input-ovmvS-4-30-5:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
4458
|
+
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-30-5","Dropdown-wrapper":"dropdown-module-Dropdown-wrapper-r0AX--4-30-5","Dropdown-inputWrapper":"dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-30-5","Dropdown-input":"dropdown-module-Dropdown-input-ovmvS-4-30-5","Dropdown-section":"dropdown-module-Dropdown-section-rT604-4-30-5","Dropdown-section--withClear":"dropdown-module-Dropdown-section--withClear--R25A-4-30-5","Dropdown-buttonWrapper":"dropdown-module-Dropdown-buttonWrapper-hWHut-4-30-5","Dropdown-footer":"dropdown-module-Dropdown-footer-q2lkI-4-30-5","Option":"dropdown-module-Option-9a9gu-4-30-5","Option-loading":"dropdown-module-Option-loading-niIYl-4-30-5","Option-checkbox":"dropdown-module-Option-checkbox-m-8Hz-4-30-5","Checkbox-outerWrapper":"dropdown-module-Checkbox-outerWrapper-X7RB4-4-30-5","Option-checkboxWrapper":"dropdown-module-Option-checkboxWrapper-K7FXe-4-30-5","OptionCheckbox":"dropdown-module-OptionCheckbox-sWOoI-4-30-5","Option--interactive":"dropdown-module-Option--interactive-5AoOx-4-30-5","Option-checkbox--interactive":"dropdown-module-Option-checkbox--interactive-EiiG5-4-30-5","OptionWrapper":"dropdown-module-OptionWrapper-OXl8n-4-30-5","Option--selected":"dropdown-module-Option--selected-N166--4-30-5","Option-text":"dropdown-module-Option-text-lXgSe-4-30-5","Option-subInfo":"dropdown-module-Option-subInfo-rCqn2-4-30-5","Option--disabled":"dropdown-module-Option--disabled-z9O1J-4-30-5","OptionWrapper--disabled":"dropdown-module-OptionWrapper--disabled-dDEXE-4-30-5","Option-label":"dropdown-module-Option-label-lSBP--4-30-5","Option-checkIcon":"dropdown-module-Option-checkIcon-jg8-d-4-30-5","Checkbox-label":"dropdown-module-Checkbox-label-HN9S6-4-30-5","Text":"dropdown-module-Text-wTZmG-4-30-5","Option-text--wrap":"dropdown-module-Option-text--wrap-RxZCx-4-30-5","Dropdown-wrapper--wrap":"dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-30-5","Option--icon":"dropdown-module-Option--icon-AA5JI-4-30-5","Option-icon":"dropdown-module-Option-icon-sux-R-4-30-5"};
|
|
4433
4459
|
styleInject(css_248z$19);
|
|
4434
4460
|
|
|
4435
|
-
var css_248z$18 = ".grid-module-Grid-c7nCj-4-30-3 {\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-30-3 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-30-3 {\n position: absolute;\n height: 100%;\n z-index: 5;\n overflow-x: hidden;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-right: var(--border-width-7-5) solid var(--secondary);\n}\n\n.grid-module-Grid-pinned-c-pxc-4-30-3::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-30-3 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-30-3 .grid-module-Grid-cell--head--JOK--4-30-3 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-30-3 .grid-module-Grid-cell--body--nkVA-4-30-3 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-30-3 .grid-module-Grid-cell--head--JOK--4-30-3 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-30-3 .grid-module-Grid-cell--body--nkVA-4-30-3 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-30-3 .grid-module-Grid-cell--head--JOK--4-30-3 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-30-3 .grid-module-Grid-cell--body--nkVA-4-30-3 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-30-3 .grid-module-Grid-cell--head--JOK--4-30-3 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-30-3 .grid-module-Grid-cell--body--nkVA-4-30-3 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-30-3 {\n display: flex;\n flex: 0 0 auto;\n overflow-x: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-head-WsxqC-4-30-3::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-30-3 {\n display: flex;\n height: 100%;\n flex-direction: row;\n align-items: center;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-30-3 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-30-3: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-30-3 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n overflow-x: auto;\n overflow-y: auto;\n}\n\n.grid-module-Grid-rowGroup-RkiRn-4-30-3 {\n display: contents;\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-30-3 {\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-30-3:last-child .grid-module-Grid-row--body-hzvsO-4-30-3 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-30-3 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-30-3 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-30-3 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-30-3 .grid-module-Grid-rowWrapper-cZ8-a-4-30-3 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-30-3 .grid-module-Grid-cell-GVffL-4-30-3:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-30-3 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-30-3 {\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-30-3 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-30-3 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-30-3 {\n z-index: 3;\n opacity: 1;\n background-color: inherit;\n color: inherit;\n}\n\n.grid-module-Grid-cell--separator-TYHdI-4-30-3 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-30-3 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-30-3 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-30-3.grid-module-Grid-cell-GVffL-4-30-3:first-of-type {\n border-left: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-30-3.grid-module-Grid-cell--selected-1zcBx-4-30-3 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-30-3 {\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-30-3 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-30-3 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-sortingIcons-Lwutu-4-30-3 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-30-3 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-30-3:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-30-3 {\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-30-3 .grid-module-Grid-cellContent-Ls-ZE-4-30-3 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cell--head--JOK--4-30-3 .grid-module-Grid-cellContent-Ls-ZE-4-30-3:focus-visible {\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary-focus);\n border-radius: var(--border-radius-10);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-30-3 {\n position: absolute;\n top: 0;\n right: 0;\n width: var(--spacing-60);\n height: 100%;\n cursor: ew-resize;\n box-sizing: border-box;\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-30-3::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: var(--spacing-10);\n height: 100%;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-30-3:has(> .grid-module-Grid-cellResize-J-SJu-4-30-3) {\n padding-right: calc(var(--spacing-60) - var(--spacing-10));\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-30-3 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-30-3:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-30-3:hover::after,\n.grid-module-Grid-cellResize-J-SJu-4-30-3:focus-visible::after {\n background: var(--primary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-30-3:focus-visible {\n outline: none;\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-30-3 {\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-30-3 {\n display: flex;\n box-sizing: border-box;\n height: 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-30-3 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-30-3 {\n left: 0;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-30-3 {\n right: 0;\n}\n\n.grid-module-Grid-c7nCj-4-30-3 .grid-module-Checkbox-wrapper-0R1-K-4-30-3 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-30-3 {\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-30-3 {\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-30-3 {\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-30-3 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--default-7p5Cq-4-30-3 {\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-30-3 {\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-30-3 .grid-module-StatusHint-R1JrO-4-30-3 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-30-3 .grid-module-StatusHint-R1JrO-4-30-3 .grid-module-Text-Fy3XX-4-30-3 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-30-3 .grid-module-Avatar-3XZ0C-4-30-3 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-30-3 {\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-30-3 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-30-3 .grid-module-Text-Fy3XX-4-30-3 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaSeparator-B6hFq-4-30-3 {\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-30-3 {\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell-mark--metaList-MwAIW-4-30-3 {\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-30-3 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-30-3 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-30-3 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-30-3 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-30-3 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-30-3 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-30-3 .grid-module-Checkbox-ETqg7-4-30-3 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-30-3 {\n display: flex;\n margin-left: var(--spacing-10);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-30-3 .grid-module-Dropdown-Ev9FG-4-30-3 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-30-3 .grid-module-Dropdown-wrapper-T1n1M-4-30-3 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-30-3 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-30-3 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-30-3 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-30-3 {\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-30-3 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-row-wBTps-4-30-3 {\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-30-3 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-30-3 .grid-module-Grid-row--body-hzvsO-4-30-3:hover {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-30-3 .grid-module-Grid-row--body-hzvsO-4-30-3:active {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-30-3 .grid-module-Grid-row--body-hzvsO-4-30-3:focus-visible {\n box-shadow: var(--shadow-spread) rgba(212, 212, 212, 0.16);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--spacing-05));\n}\n\n/* Selected States */\n\n.grid-module-Grid-row--selected-4THdv-4-30-3 {\n background: rgba(214, 238, 255, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-30-3:hover {\n background: rgba(139, 202, 254, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-30-3:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-30-3:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--spacing-05));\n box-shadow: var(--shadow-spread) rgba(0, 96, 214, 0.16);\n}\n\n/* Activated States */\n\n.grid-module-Grid-row--activated-nOoqM-4-30-3 {\n background: var(--primary-lightest);\n}\n\n/* Pinned Columns Default State */\n\n.grid-module-Grid--resource-Wwxtj-4-30-3 .grid-module-Grid-row--body-hzvsO-4-30-3:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-3 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-30-3 .grid-module-Grid-row--body-hzvsO-4-30-3:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-3 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-30-3 .grid-module-Grid-row--body-hzvsO-4-30-3:focus-visible .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-3 {\n box-shadow: var(--shadow-spread) rgba(212, 212, 212, 0.16);\n}\n\n/* Pinned Columns Selected State */\n\n.grid-module-Grid-row--selected-4THdv-4-30-3 .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-3 {\n background: rgba(214, 238, 255, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-30-3:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-3 {\n background: rgba(139, 202, 254, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-30-3:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-3 {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-30-3:focus-visible .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-3 {\n box-shadow: var(--shadow-spread) rgba(0, 96, 214, 0.16);\n}\n\n/* Grid header */\n.grid-module-Grid-row--head-FUyUu-4-30-3 .grid-module-Grid-cellGroup--pinned-gR1WR-4-30-3 {\n background: var(--white);\n}\n\n.grid-module-Grid-row--head-FUyUu-4-30-3 .grid-module-Grid-cellGroup--pinned-left-EsISF-4-30-3 {\n border-style: inset;\n border-right: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-row--head-FUyUu-4-30-3 .grid-module-Grid-cellGroup--pinned-right-jWDJC-4-30-3 {\n border-style: inset;\n border-left: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\n border-left-width: 4px;\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n/* Pinned Column Border */\n\n.grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-30-3 {\n border-style: inset;\n border-right: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-cellWrapper--pinned-right-72w51-4-30-3 {\n border-style: inset;\n border-left: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\n border-left-width: 4px;\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-srOnly-OZzXj-4-30-3 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n";
|
|
4436
|
-
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-30-
|
|
4461
|
+
var css_248z$18 = ".grid-module-Grid-c7nCj-4-30-5 {\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-30-5 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-30-5 {\n position: absolute;\n height: 100%;\n z-index: 5;\n overflow-x: hidden;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-right: var(--border-width-7-5) solid var(--secondary);\n}\n\n.grid-module-Grid-pinned-c-pxc-4-30-5::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-30-5 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-30-5 .grid-module-Grid-cell--head--JOK--4-30-5 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-30-5 .grid-module-Grid-cell--body--nkVA-4-30-5 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-30-5 .grid-module-Grid-cell--head--JOK--4-30-5 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-30-5 .grid-module-Grid-cell--body--nkVA-4-30-5 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-30-5 .grid-module-Grid-cell--head--JOK--4-30-5 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-30-5 .grid-module-Grid-cell--body--nkVA-4-30-5 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-30-5 .grid-module-Grid-cell--head--JOK--4-30-5 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-30-5 .grid-module-Grid-cell--body--nkVA-4-30-5 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-30-5 {\n display: flex;\n flex: 0 0 auto;\n overflow-x: auto;\n -ms-overflow-style: none;\n scrollbar-width: none;\n border-bottom: var(--border);\n}\n\n.grid-module-Grid-head-WsxqC-4-30-5::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-30-5 {\n display: flex;\n height: 100%;\n flex-direction: row;\n align-items: center;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-30-5 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-30-5: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-30-5 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n overflow-x: auto;\n overflow-y: auto;\n}\n\n.grid-module-Grid-rowGroup-RkiRn-4-30-5 {\n display: contents;\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-30-5 {\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-30-5:last-child .grid-module-Grid-row--body-hzvsO-4-30-5 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-30-5 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-30-5 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-30-5 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-30-5 .grid-module-Grid-rowWrapper-cZ8-a-4-30-5 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-30-5 .grid-module-Grid-cell-GVffL-4-30-5:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-30-5 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-30-5 {\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-30-5 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-30-5 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-30-5 {\n z-index: 3;\n opacity: 1;\n background-color: inherit;\n color: inherit;\n}\n\n.grid-module-Grid-cell--separator-TYHdI-4-30-5 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-30-5 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-30-5 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-30-5.grid-module-Grid-cell-GVffL-4-30-5:first-of-type {\n border-left: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-30-5.grid-module-Grid-cell--selected-1zcBx-4-30-5 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-30-5 {\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-30-5 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-30-5 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-sortingIcons-Lwutu-4-30-5 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-30-5 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-30-5:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-30-5 {\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-30-5 .grid-module-Grid-cellContent-Ls-ZE-4-30-5 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cell--head--JOK--4-30-5 .grid-module-Grid-cellContent-Ls-ZE-4-30-5:focus-visible {\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary-focus);\n border-radius: var(--border-radius-10);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-30-5 {\n position: absolute;\n top: 0;\n right: 0;\n width: var(--spacing-60);\n height: 100%;\n cursor: ew-resize;\n box-sizing: border-box;\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-30-5::after {\n content: '';\n position: absolute;\n top: 0;\n right: 0;\n width: var(--spacing-10);\n height: 100%;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-30-5:has(> .grid-module-Grid-cellResize-J-SJu-4-30-5) {\n padding-right: calc(var(--spacing-60) - var(--spacing-10));\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-30-5 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-30-5:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-30-5:hover::after,\n.grid-module-Grid-cellResize-J-SJu-4-30-5:focus-visible::after {\n background: var(--primary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-30-5:focus-visible {\n outline: none;\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-30-5 {\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-30-5 {\n display: flex;\n box-sizing: border-box;\n height: 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-30-5 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-30-5 {\n left: 0;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-30-5 {\n right: 0;\n}\n\n.grid-module-Grid-c7nCj-4-30-5 .grid-module-Checkbox-wrapper-0R1-K-4-30-5 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-30-5 {\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-30-5 {\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-30-5 {\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-30-5 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--default-7p5Cq-4-30-5 {\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-30-5 {\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-30-5 .grid-module-StatusHint-R1JrO-4-30-5 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-30-5 .grid-module-StatusHint-R1JrO-4-30-5 .grid-module-Text-Fy3XX-4-30-5 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-30-5 .grid-module-Avatar-3XZ0C-4-30-5 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-30-5 {\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-30-5 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-30-5 .grid-module-Text-Fy3XX-4-30-5 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaSeparator-B6hFq-4-30-5 {\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-30-5 {\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell-mark--metaList-MwAIW-4-30-5 {\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-30-5 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-30-5 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-30-5 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-30-5 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-30-5 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-30-5 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-30-5 .grid-module-Checkbox-ETqg7-4-30-5 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-30-5 {\n display: flex;\n margin-left: var(--spacing-10);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-30-5 .grid-module-Dropdown-Ev9FG-4-30-5 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-30-5 .grid-module-Dropdown-wrapper-T1n1M-4-30-5 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-30-5 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-30-5 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-30-5 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-30-5 {\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-30-5 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-row-wBTps-4-30-5 {\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-30-5 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-30-5 .grid-module-Grid-row--body-hzvsO-4-30-5:hover {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-30-5 .grid-module-Grid-row--body-hzvsO-4-30-5:active {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-30-5 .grid-module-Grid-row--body-hzvsO-4-30-5:focus-visible {\n box-shadow: var(--shadow-spread) rgba(212, 212, 212, 0.16);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--spacing-05));\n}\n\n/* Selected States */\n\n.grid-module-Grid-row--selected-4THdv-4-30-5 {\n background: rgba(214, 238, 255, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-30-5:hover {\n background: rgba(139, 202, 254, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-30-5:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--spacing-05));\n box-shadow: var(--shadow-spread) rgba(0, 96, 214, 0.16);\n}\n\n/* Activated States */\n\n.grid-module-Grid-row--activated-nOoqM-4-30-5 {\n background: var(--primary-lightest);\n}\n\n/* Pinned Columns Default State */\n\n.grid-module-Grid--resource-Wwxtj-4-30-5 .grid-module-Grid-row--body-hzvsO-4-30-5:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-5 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-30-5 .grid-module-Grid-row--body-hzvsO-4-30-5:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-5 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-30-5 .grid-module-Grid-row--body-hzvsO-4-30-5:focus-visible .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-5 {\n box-shadow: var(--shadow-spread) rgba(212, 212, 212, 0.16);\n}\n\n/* Pinned Columns Selected State */\n\n.grid-module-Grid-row--selected-4THdv-4-30-5 .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-5 {\n background: rgba(214, 238, 255, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-30-5:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-5 {\n background: rgba(139, 202, 254, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-30-5:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-5 {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-30-5:focus-visible .grid-module-Grid-cellWrapper--pinned-0NirR-4-30-5 {\n box-shadow: var(--shadow-spread) rgba(0, 96, 214, 0.16);\n}\n\n/* Grid header */\n.grid-module-Grid-row--head-FUyUu-4-30-5 .grid-module-Grid-cellGroup--pinned-gR1WR-4-30-5 {\n background: var(--white);\n}\n\n.grid-module-Grid-row--head-FUyUu-4-30-5 .grid-module-Grid-cellGroup--pinned-left-EsISF-4-30-5 {\n border-style: inset;\n border-right: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-row--head-FUyUu-4-30-5 .grid-module-Grid-cellGroup--pinned-right-jWDJC-4-30-5 {\n border-style: inset;\n border-left: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\n border-left-width: 4px;\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n/* Pinned Column Border */\n\n.grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-30-5 {\n border-style: inset;\n border-right: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\n border-right-width: 4px;\n -o-border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to right,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-cellWrapper--pinned-right-72w51-4-30-5 {\n border-style: inset;\n border-left: var(--spacing-2-5) solid rgba(224, 224, 224, 0.12);\n border-left-width: 4px;\n -o-border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n border-image: linear-gradient(\n to left,\n var(--secondary-light),\n var(--secondary-light) 25%,\n rgba(212, 212, 212, 0.1) 25%,\n rgba(212, 212, 212, 0.1)\n )\n 1 100%;\n}\n\n.grid-module-Grid-srOnly-OZzXj-4-30-5 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n";
|
|
4462
|
+
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-30-5","Grid-wrapper":"grid-module-Grid-wrapper-lro6U-4-30-5","Grid--pinned":"grid-module-Grid--pinned-3JMcl-4-30-5","Grid-pinned":"grid-module-Grid-pinned-c-pxc-4-30-5","Grid--main":"grid-module-Grid--main-zduCm-4-30-5","Grid--comfortable":"grid-module-Grid--comfortable-TOG1A-4-30-5","Grid-cell--head":"grid-module-Grid-cell--head--JOK--4-30-5","Grid-cell--body":"grid-module-Grid-cell--body--nkVA-4-30-5","Grid--standard":"grid-module-Grid--standard-vGamG-4-30-5","Grid--compressed":"grid-module-Grid--compressed-mwkZ6-4-30-5","Grid--tight":"grid-module-Grid--tight-1w1jV-4-30-5","Grid-head":"grid-module-Grid-head-WsxqC-4-30-5","Grid-headCell":"grid-module-Grid-headCell-OcJ4F-4-30-5","Grid-headCell--draggable":"grid-module-Grid-headCell--draggable-WH7xi-4-30-5","Grid-body":"grid-module-Grid-body-pAJM6-4-30-5","Grid-rowGroup":"grid-module-Grid-rowGroup-RkiRn-4-30-5","Grid-rowWrapper":"grid-module-Grid-rowWrapper-cZ8-a-4-30-5","Grid-row--body":"grid-module-Grid-row--body-hzvsO-4-30-5","GridBody-padding":"grid-module-GridBody-padding-3KYKp-4-30-5","Grid-nestedRow":"grid-module-Grid-nestedRow-uxEsD-4-30-5","Grid-nestedRowTrigger":"grid-module-Grid-nestedRowTrigger--amMF-4-30-5","Grid-cell":"grid-module-Grid-cell-GVffL-4-30-5","Grid-nestedRowPlaceholder":"grid-module-Grid-nestedRowPlaceholder-h98gD-4-30-5","Grid-cell--dragged":"grid-module-Grid-cell--dragged-djAY0-4-30-5","Grid-cell--separator":"grid-module-Grid-cell--separator-TYHdI-4-30-5","Grid-cell--selected":"grid-module-Grid-cell--selected-1zcBx-4-30-5","Grid-cell--nestedRow":"grid-module-Grid-cell--nestedRow-U3Dg5-4-30-5","Grid-cell--checkbox":"grid-module-Grid-cell--checkbox-kWT4v-4-30-5","Grid-sortingIcons":"grid-module-Grid-sortingIcons-Lwutu-4-30-5","Grid-cellReorder":"grid-module-Grid-cellReorder-SMPMA-4-30-5","Grid-cellContent":"grid-module-Grid-cellContent-Ls-ZE-4-30-5","Grid-cellResize":"grid-module-Grid-cellResize-J-SJu-4-30-5","Grid-cellSortIcon":"grid-module-Grid-cellSortIcon-ZV0FF-4-30-5","Grid-reorderHighlighter":"grid-module-Grid-reorderHighlighter-UMzz7-4-30-5","Grid-cellGroup":"grid-module-Grid-cellGroup-Q3add-4-30-5","Grid-cellGroup--pinned":"grid-module-Grid-cellGroup--pinned-gR1WR-4-30-5","Grid-cellGroup--pinned-left":"grid-module-Grid-cellGroup--pinned-left-EsISF-4-30-5","Grid-cellGroup--pinned-right":"grid-module-Grid-cellGroup--pinned-right-jWDJC-4-30-5","Checkbox-wrapper":"grid-module-Checkbox-wrapper-0R1-K-4-30-5","GridCell":"grid-module-GridCell-Atntl-4-30-5","GridCell--align-left":"grid-module-GridCell--align-left-zURf7-4-30-5","GridCell--align-right":"grid-module-GridCell--align-right-nMKtX-4-30-5","GridCell--align-center":"grid-module-GridCell--align-center-dtOQN-4-30-5","GridCell--default":"grid-module-GridCell--default-7p5Cq-4-30-5","GridCell--metaList":"grid-module-GridCell--metaList-wNdz6-4-30-5","GridCell--statusHint":"grid-module-GridCell--statusHint-UyDMp-4-30-5","StatusHint":"grid-module-StatusHint-R1JrO-4-30-5","Text":"grid-module-Text-Fy3XX-4-30-5","GridCell--avatar":"grid-module-GridCell--avatar-fZFWf-4-30-5","Avatar":"grid-module-Avatar-3XZ0C-4-30-5","GridCell-metaListWrapper":"grid-module-GridCell-metaListWrapper-C5Xha-4-30-5","GridCell-metaList":"grid-module-GridCell-metaList-Eu-pj-4-30-5","GridCell-metaSeparator":"grid-module-GridCell-metaSeparator-B6hFq-4-30-5","GridCell-mark--default":"grid-module-GridCell-mark--default-pkKi7-4-30-5","GridCell-mark--metaList":"grid-module-GridCell-mark--metaList-MwAIW-4-30-5","Header":"grid-module-Header-8rhUu-4-30-5","Header-content":"grid-module-Header-content-0SgQi-4-30-5","Header-content--bottom":"grid-module-Header-content--bottom-bkVrG-4-30-5","Header-search":"grid-module-Header-search-4git6-4-30-5","Header-label":"grid-module-Header-label-B0-kh-4-30-5","Checkbox":"grid-module-Checkbox-ETqg7-4-30-5","Header-dropdown":"grid-module-Header-dropdown-xPNuH-4-30-5","Dropdown":"grid-module-Dropdown-Ev9FG-4-30-5","Header-draggableDropdown":"grid-module-Header-draggableDropdown-QkIiO-4-30-5","Dropdown-wrapper":"grid-module-Dropdown-wrapper-T1n1M-4-30-5","Header-filters":"grid-module-Header-filters-u0J3G-4-30-5","Header-sorting":"grid-module-Header-sorting-zOkI4-4-30-5","Header-actions":"grid-module-Header-actions-WHtHK-4-30-5","Header-global-actions":"grid-module-Header-global-actions-e6dK3-4-30-5","Grid-row--disabled":"grid-module-Grid-row--disabled-f0pzU-4-30-5","Grid-row":"grid-module-Grid-row-wBTps-4-30-5","Grid--resource":"grid-module-Grid--resource-Wwxtj-4-30-5","Grid-row--selected":"grid-module-Grid-row--selected-4THdv-4-30-5","Grid-row--activated":"grid-module-Grid-row--activated-nOoqM-4-30-5","Grid-cellWrapper--pinned":"grid-module-Grid-cellWrapper--pinned-0NirR-4-30-5","Grid-row--head":"grid-module-Grid-row--head-FUyUu-4-30-5","Grid-cellWrapper--pinned-left":"grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-30-5","Grid-cellWrapper--pinned-right":"grid-module-Grid-cellWrapper--pinned-right-72w51-4-30-5","Grid-srOnly":"grid-module-Grid-srOnly-OZzXj-4-30-5"};
|
|
4437
4463
|
styleInject(css_248z$18);
|
|
4438
4464
|
|
|
4439
4465
|
var _excluded$1q = ["size", "tabIndex", "defaultChecked", "indeterminate", "label", "error", "disabled", "onChange", "name", "value", "className", "checked", "helpText", "id", "labelRef", "wrapLabel", "aria-describedby", "aria-label", "aria-labelledby"];
|
|
@@ -4545,8 +4571,8 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
4545
4571
|
});
|
|
4546
4572
|
Checkbox.displayName = 'Checkbox';
|
|
4547
4573
|
|
|
4548
|
-
var css_248z$17 = ".column-module-Row-LudWR-4-30-
|
|
4549
|
-
var rowStyles = {"Row":"column-module-Row-LudWR-4-30-
|
|
4574
|
+
var css_248z$17 = ".column-module-Row-LudWR-4-30-5 {\n display: flex;\n flex-wrap: wrap;\n flex: 1 100%;\n}\n\n.column-module-Col-BW4pl-4-30-5 {\n position: relative;\n box-sizing: border-box;\n flex: 1 0 0%;\n}\n\n.column-module-Col--auto-HnufQ-4-30-5 {\n flex: 0 0 auto;\n width: auto;\n}\n\n.column-module-Col--1-iSoXZ-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n}\n\n.column-module-Col--2-KR9Oj-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n}\n\n.column-module-Col--3-tRdfx-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n}\n\n.column-module-Col--4-SxYUZ-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n}\n\n.column-module-Col--5-Ghiks-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n}\n\n.column-module-Col--6-JO4qo-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n}\n\n.column-module-Col--7-SRnJx-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n}\n\n.column-module-Col--8-HBxc4-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n}\n\n.column-module-Col--9-eMJ9n-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n}\n\n.column-module-Col--10-VSo8k-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n}\n\n.column-module-Col--11-miljX-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n}\n\n.column-module-Col--12-9Obkj-4-30-5 {\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-30-5 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xs-1-KvELd-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xs-2-OUGOZ-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xs-3-G55n8-4-30-5 {\n flex: 0 0 auto;\n }\n .column-module-Col--xs-4-PADe9-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xs-5-Ex4rw-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xs-6-fzX37-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xs-7-zWOG--4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xs-8-gngfO-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xs-9-b-r8L-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xs-10-umLd0-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xs-11-KvOKo-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xs-12-u1Ks8-4-30-5 {\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-30-5 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--s-1-BVL5j-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--s-2-9s29P-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--s-3-69Bdl-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--s-4-nE4kT-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--s-5-B72Pu-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--s-6-AdMSU-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--s-7-e656U-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--s-8-1EhC1-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--s-9-rpHj--4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--s-10-GVB2t-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--s-11-3WJSe-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--s-12-eFxie-4-30-5 {\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-30-5 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--m-1-T7-6r-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--m-2-UJZxe-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--m-3-jgXEy-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--m-4-86-dP-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--m-5-RxZc2-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--m-6-RwrEz-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--m-7-HuA0i-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--m-8-qKE7R-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--m-9--8vSy-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--m-10-aBQ1l-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--m-11-08F-U-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--m-12-gZ47F-4-30-5 {\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-30-5 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--l-1-aLREn-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--l-2-0mG-c-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--l-3--aWDx-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--l-4-GTf5q-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--l-5-5MGhB-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--l-6-DY6jT-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--l-7-Wyv6Z-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--l-8-30knO-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--l-9-H-ap--4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--l-10-wgJl4-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--l-11-4dOz3-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--l-12-xC5rs-4-30-5 {\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-30-5 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xl-1-ZCRQR-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xl-2-5agyW-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xl-3-e5vjv-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--xl-4--aAZH-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xl-5-167j6-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xl-6-wXLZ--4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xl-7-QA116-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xl-8-Q22c5-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xl-9-bJrrK-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xl-10-IALsA-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xl-11-vrchj-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xl-12-6dUnj-4-30-5 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n }\n}\n";
|
|
4575
|
+
var rowStyles = {"Row":"column-module-Row-LudWR-4-30-5","Col":"column-module-Col-BW4pl-4-30-5","Col--auto":"column-module-Col--auto-HnufQ-4-30-5","Col--1":"column-module-Col--1-iSoXZ-4-30-5","Col--2":"column-module-Col--2-KR9Oj-4-30-5","Col--3":"column-module-Col--3-tRdfx-4-30-5","Col--4":"column-module-Col--4-SxYUZ-4-30-5","Col--5":"column-module-Col--5-Ghiks-4-30-5","Col--6":"column-module-Col--6-JO4qo-4-30-5","Col--7":"column-module-Col--7-SRnJx-4-30-5","Col--8":"column-module-Col--8-HBxc4-4-30-5","Col--9":"column-module-Col--9-eMJ9n-4-30-5","Col--10":"column-module-Col--10-VSo8k-4-30-5","Col--11":"column-module-Col--11-miljX-4-30-5","Col--12":"column-module-Col--12-9Obkj-4-30-5","Col--xs-auto":"column-module-Col--xs-auto-oXQ2q-4-30-5","Col--xs-1":"column-module-Col--xs-1-KvELd-4-30-5","Col--xs-2":"column-module-Col--xs-2-OUGOZ-4-30-5","Col--xs-3":"column-module-Col--xs-3-G55n8-4-30-5","Col--xs-4":"column-module-Col--xs-4-PADe9-4-30-5","Col--xs-5":"column-module-Col--xs-5-Ex4rw-4-30-5","Col--xs-6":"column-module-Col--xs-6-fzX37-4-30-5","Col--xs-7":"column-module-Col--xs-7-zWOG--4-30-5","Col--xs-8":"column-module-Col--xs-8-gngfO-4-30-5","Col--xs-9":"column-module-Col--xs-9-b-r8L-4-30-5","Col--xs-10":"column-module-Col--xs-10-umLd0-4-30-5","Col--xs-11":"column-module-Col--xs-11-KvOKo-4-30-5","Col--xs-12":"column-module-Col--xs-12-u1Ks8-4-30-5","Col--s-auto":"column-module-Col--s-auto-rQS8S-4-30-5","Col--s-1":"column-module-Col--s-1-BVL5j-4-30-5","Col--s-2":"column-module-Col--s-2-9s29P-4-30-5","Col--s-3":"column-module-Col--s-3-69Bdl-4-30-5","Col--s-4":"column-module-Col--s-4-nE4kT-4-30-5","Col--s-5":"column-module-Col--s-5-B72Pu-4-30-5","Col--s-6":"column-module-Col--s-6-AdMSU-4-30-5","Col--s-7":"column-module-Col--s-7-e656U-4-30-5","Col--s-8":"column-module-Col--s-8-1EhC1-4-30-5","Col--s-9":"column-module-Col--s-9-rpHj--4-30-5","Col--s-10":"column-module-Col--s-10-GVB2t-4-30-5","Col--s-11":"column-module-Col--s-11-3WJSe-4-30-5","Col--s-12":"column-module-Col--s-12-eFxie-4-30-5","Col--m-auto":"column-module-Col--m-auto-DTvE1-4-30-5","Col--m-1":"column-module-Col--m-1-T7-6r-4-30-5","Col--m-2":"column-module-Col--m-2-UJZxe-4-30-5","Col--m-3":"column-module-Col--m-3-jgXEy-4-30-5","Col--m-4":"column-module-Col--m-4-86-dP-4-30-5","Col--m-5":"column-module-Col--m-5-RxZc2-4-30-5","Col--m-6":"column-module-Col--m-6-RwrEz-4-30-5","Col--m-7":"column-module-Col--m-7-HuA0i-4-30-5","Col--m-8":"column-module-Col--m-8-qKE7R-4-30-5","Col--m-9":"column-module-Col--m-9--8vSy-4-30-5","Col--m-10":"column-module-Col--m-10-aBQ1l-4-30-5","Col--m-11":"column-module-Col--m-11-08F-U-4-30-5","Col--m-12":"column-module-Col--m-12-gZ47F-4-30-5","Col--l-auto":"column-module-Col--l-auto-SxR1p-4-30-5","Col--l-1":"column-module-Col--l-1-aLREn-4-30-5","Col--l-2":"column-module-Col--l-2-0mG-c-4-30-5","Col--l-3":"column-module-Col--l-3--aWDx-4-30-5","Col--l-4":"column-module-Col--l-4-GTf5q-4-30-5","Col--l-5":"column-module-Col--l-5-5MGhB-4-30-5","Col--l-6":"column-module-Col--l-6-DY6jT-4-30-5","Col--l-7":"column-module-Col--l-7-Wyv6Z-4-30-5","Col--l-8":"column-module-Col--l-8-30knO-4-30-5","Col--l-9":"column-module-Col--l-9-H-ap--4-30-5","Col--l-10":"column-module-Col--l-10-wgJl4-4-30-5","Col--l-11":"column-module-Col--l-11-4dOz3-4-30-5","Col--l-12":"column-module-Col--l-12-xC5rs-4-30-5","Col--xl-auto":"column-module-Col--xl-auto-zH0n0-4-30-5","Col--xl-1":"column-module-Col--xl-1-ZCRQR-4-30-5","Col--xl-2":"column-module-Col--xl-2-5agyW-4-30-5","Col--xl-3":"column-module-Col--xl-3-e5vjv-4-30-5","Col--xl-4":"column-module-Col--xl-4--aAZH-4-30-5","Col--xl-5":"column-module-Col--xl-5-167j6-4-30-5","Col--xl-6":"column-module-Col--xl-6-wXLZ--4-30-5","Col--xl-7":"column-module-Col--xl-7-QA116-4-30-5","Col--xl-8":"column-module-Col--xl-8-Q22c5-4-30-5","Col--xl-9":"column-module-Col--xl-9-bJrrK-4-30-5","Col--xl-10":"column-module-Col--xl-10-IALsA-4-30-5","Col--xl-11":"column-module-Col--xl-11-vrchj-4-30-5","Col--xl-12":"column-module-Col--xl-12-6dUnj-4-30-5"};
|
|
4550
4576
|
styleInject(css_248z$17);
|
|
4551
4577
|
|
|
4552
4578
|
var _excluded$1p = ["size", "sizeXS", "sizeS", "sizeM", "sizeL", "sizeXL", "className", "children"];
|
|
@@ -4570,6 +4596,465 @@ var Column = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4570
4596
|
});
|
|
4571
4597
|
Column.displayName = 'Column';
|
|
4572
4598
|
|
|
4599
|
+
var OverlayManager = /*#__PURE__*/function () {
|
|
4600
|
+
function OverlayManager() {
|
|
4601
|
+
_classCallCheck(this, OverlayManager);
|
|
4602
|
+
_defineProperty$1(this, "overlays", void 0);
|
|
4603
|
+
this.overlays = [];
|
|
4604
|
+
}
|
|
4605
|
+
return _createClass(OverlayManager, [{
|
|
4606
|
+
key: "add",
|
|
4607
|
+
value: function add(overlay) {
|
|
4608
|
+
if (overlay === null) return;
|
|
4609
|
+
var overlayIdx = this.overlays.indexOf(overlay);
|
|
4610
|
+
if (overlayIdx !== -1) {
|
|
4611
|
+
return overlayIdx;
|
|
4612
|
+
}
|
|
4613
|
+
overlayIdx = this.overlays.length;
|
|
4614
|
+
this.overlays.push(overlay);
|
|
4615
|
+
return overlayIdx;
|
|
4616
|
+
}
|
|
4617
|
+
}, {
|
|
4618
|
+
key: "remove",
|
|
4619
|
+
value: function remove(overlay) {
|
|
4620
|
+
if (overlay === null) return;
|
|
4621
|
+
var overlayIdx = this.overlays.indexOf(overlay);
|
|
4622
|
+
if (overlayIdx === -1) {
|
|
4623
|
+
return;
|
|
4624
|
+
}
|
|
4625
|
+
this.overlays.splice(overlayIdx, 1);
|
|
4626
|
+
}
|
|
4627
|
+
}, {
|
|
4628
|
+
key: "isTopOverlay",
|
|
4629
|
+
value: function isTopOverlay(overlay) {
|
|
4630
|
+
if (overlay === null) return;
|
|
4631
|
+
return !!this.overlays.length && this.overlays[this.overlays.length - 1] === overlay;
|
|
4632
|
+
}
|
|
4633
|
+
|
|
4634
|
+
/**
|
|
4635
|
+
* Overlays registered after `overlay` in the stack — i.e. opened while `overlay` was
|
|
4636
|
+
* already displayed (e.g. a Dropdown/DatePicker popper opened from within a Modal).
|
|
4637
|
+
* Used to extend a dialog's focus trap to portaled content that visually belongs to it
|
|
4638
|
+
* but isn't a DOM descendant (Poppers render into `document.body`, not the dialog).
|
|
4639
|
+
*/
|
|
4640
|
+
}, {
|
|
4641
|
+
key: "getOverlaysAfter",
|
|
4642
|
+
value: function getOverlaysAfter(overlay) {
|
|
4643
|
+
if (overlay === null) return [];
|
|
4644
|
+
var idx = this.overlays.indexOf(overlay);
|
|
4645
|
+
if (idx === -1) return [];
|
|
4646
|
+
return this.overlays.slice(idx + 1);
|
|
4647
|
+
}
|
|
4648
|
+
}]);
|
|
4649
|
+
}();
|
|
4650
|
+
var instance = new OverlayManager();
|
|
4651
|
+
Object.freeze(instance);
|
|
4652
|
+
|
|
4653
|
+
var getWrapperElement = function getWrapperElement() {
|
|
4654
|
+
var element = document.querySelector('.Overlay-wrapper');
|
|
4655
|
+
if (element === null) {
|
|
4656
|
+
element = document.createElement('div');
|
|
4657
|
+
element.classList.add('Overlay-wrapper');
|
|
4658
|
+
document.body.appendChild(element);
|
|
4659
|
+
}
|
|
4660
|
+
return element;
|
|
4661
|
+
};
|
|
4662
|
+
var getUpdatedZIndex = function getUpdatedZIndex(ele) {
|
|
4663
|
+
var containerClassName = ele.containerClassName,
|
|
4664
|
+
elementRef = ele.elementRef,
|
|
4665
|
+
element = ele.element;
|
|
4666
|
+
if (element === null) return;
|
|
4667
|
+
var elements = element.querySelectorAll(containerClassName);
|
|
4668
|
+
if (elements.length < 1) return;
|
|
4669
|
+
var siblings = Array.from(elements).filter(function (el) {
|
|
4670
|
+
return el !== elementRef.current;
|
|
4671
|
+
});
|
|
4672
|
+
var zIndex = -1;
|
|
4673
|
+
siblings.forEach(function (element) {
|
|
4674
|
+
var prevZIndex = parseInt(window.getComputedStyle(element).zIndex || '0', 10);
|
|
4675
|
+
zIndex = Math.max(zIndex, prevZIndex + 10);
|
|
4676
|
+
});
|
|
4677
|
+
return zIndex > 0 ? zIndex : undefined;
|
|
4678
|
+
};
|
|
4679
|
+
|
|
4680
|
+
// keyboard event, boolean?, (event: Event) => void
|
|
4681
|
+
var closeOnEscapeKeypress = function closeOnEscapeKeypress(event, isTopOverlay, onClose) {
|
|
4682
|
+
if (event.key === 'Escape' && isTopOverlay) {
|
|
4683
|
+
onClose(event);
|
|
4684
|
+
|
|
4685
|
+
// prevent browser-specific escape key behavior (Safari exits fullscreen)
|
|
4686
|
+
event.preventDefault();
|
|
4687
|
+
}
|
|
4688
|
+
};
|
|
4689
|
+
var getZIndex = function getZIndex(element) {
|
|
4690
|
+
return Number(window.getComputedStyle(element).zIndex);
|
|
4691
|
+
};
|
|
4692
|
+
var hasOpenLayerAbove = function hasOpenLayerAbove(overlay) {
|
|
4693
|
+
var layer = overlay === null || overlay === void 0 ? void 0 : overlay.closest('[data-layer]');
|
|
4694
|
+
if (!layer) return false;
|
|
4695
|
+
var layerZIndex = getZIndex(layer);
|
|
4696
|
+
return Array.from(document.querySelectorAll('[data-opened="true"]')).some(function (el) {
|
|
4697
|
+
return getZIndex(el) > layerZIndex;
|
|
4698
|
+
});
|
|
4699
|
+
};
|
|
4700
|
+
var FOCUSABLE_SELECTOR$1 = 'a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [contenteditable="true"], summary, area[href], [tabindex]:not([tabindex="-1"])';
|
|
4701
|
+
|
|
4702
|
+
/**
|
|
4703
|
+
* Returns focusable elements within a container, in DOM order.
|
|
4704
|
+
* Excludes elements with `visibility: hidden`, `display: none`, `aria-hidden="true"`,
|
|
4705
|
+
* `aria-disabled="true"`, or inside an `[inert]` subtree.
|
|
4706
|
+
*/
|
|
4707
|
+
var getFocusableElements$1 = function getFocusableElements(container) {
|
|
4708
|
+
var elements = container.querySelectorAll(FOCUSABLE_SELECTOR$1);
|
|
4709
|
+
return Array.from(elements).filter(function (el) {
|
|
4710
|
+
var style = window.getComputedStyle(el);
|
|
4711
|
+
var isVisible = style.visibility !== 'hidden' && style.display !== 'none';
|
|
4712
|
+
var isAriaHidden = el.getAttribute('aria-hidden') === 'true';
|
|
4713
|
+
var isAriaDisabled = el.getAttribute('aria-disabled') === 'true';
|
|
4714
|
+
var isInert = el.closest('[inert]') !== null;
|
|
4715
|
+
var isExplicitlyNonFocusable = el.getAttribute('tabindex') === '-1';
|
|
4716
|
+
return isVisible && !isAriaHidden && !isAriaDisabled && !isInert && !isExplicitlyNonFocusable;
|
|
4717
|
+
});
|
|
4718
|
+
};
|
|
4719
|
+
var SELF_CONTAINED_OVERLAY_SELECTOR = '[data-focus-contained]';
|
|
4720
|
+
var LISTBOX_OPTION_SELECTOR = '[role="option"]';
|
|
4721
|
+
|
|
4722
|
+
/**
|
|
4723
|
+
* Returns enabled, visible listbox options (`[role="option"]`) under a listbox root, in DOM order.
|
|
4724
|
+
* Matches combobox items that use roving `tabIndex={-1}` (excluded by {@link getFocusableElements}).
|
|
4725
|
+
*/
|
|
4726
|
+
var getListboxOptionElements = function getListboxOptionElements(listboxRoot) {
|
|
4727
|
+
var options = [];
|
|
4728
|
+
for (var _i = 0, _Array$from = Array.from(listboxRoot.children); _i < _Array$from.length; _i++) {
|
|
4729
|
+
var node = _Array$from[_i];
|
|
4730
|
+
if (!(node instanceof HTMLElement)) continue;
|
|
4731
|
+
var optionNode = null;
|
|
4732
|
+
if (node.matches(LISTBOX_OPTION_SELECTOR)) {
|
|
4733
|
+
optionNode = node;
|
|
4734
|
+
} else {
|
|
4735
|
+
for (var _i2 = 0, _Array$from2 = Array.from(node.children); _i2 < _Array$from2.length; _i2++) {
|
|
4736
|
+
var child = _Array$from2[_i2];
|
|
4737
|
+
if (child.matches(LISTBOX_OPTION_SELECTOR) || child.matches('[data-test="DesignSystem-Listbox-ItemWrapper"]')) {
|
|
4738
|
+
optionNode = child;
|
|
4739
|
+
break;
|
|
4740
|
+
}
|
|
4741
|
+
}
|
|
4742
|
+
}
|
|
4743
|
+
if (!optionNode) continue;
|
|
4744
|
+
var styleOuter = window.getComputedStyle(node);
|
|
4745
|
+
var styleInner = optionNode !== node ? window.getComputedStyle(optionNode) : styleOuter;
|
|
4746
|
+
var isVisible = styleOuter.visibility !== 'hidden' && styleOuter.display !== 'none' && styleInner.visibility !== 'hidden' && styleInner.display !== 'none';
|
|
4747
|
+
var isAriaHidden = node.getAttribute('aria-hidden') === 'true' || optionNode.getAttribute('aria-hidden') === 'true';
|
|
4748
|
+
var isAriaDisabled = node.getAttribute('aria-disabled') === 'true' || optionNode.getAttribute('aria-disabled') === 'true';
|
|
4749
|
+
var isInert = optionNode.closest('[inert]') !== null;
|
|
4750
|
+
var isDataDisabled = optionNode.getAttribute('data-disabled') === 'true' || node.getAttribute('data-disabled') === 'true';
|
|
4751
|
+
if (isVisible && !isAriaHidden && !isAriaDisabled && !isInert && !isDataDisabled) {
|
|
4752
|
+
options.push(optionNode);
|
|
4753
|
+
}
|
|
4754
|
+
}
|
|
4755
|
+
return options;
|
|
4756
|
+
};
|
|
4757
|
+
|
|
4758
|
+
/**
|
|
4759
|
+
* Focusable/interactive list descendants for keyboard navigation.
|
|
4760
|
+
* With `roleHint` `"listbox"`, returns `[role="option"]` elements under the listbox root(s), not generic tabbables
|
|
4761
|
+
* (listbox options often use `tabindex="-1"`).
|
|
4762
|
+
*/
|
|
4763
|
+
var getAllFocusableElements = function getAllFocusableElements(container, roleHint) {
|
|
4764
|
+
if (roleHint !== 'listbox') {
|
|
4765
|
+
return getFocusableElements$1(container);
|
|
4766
|
+
}
|
|
4767
|
+
var roots = [];
|
|
4768
|
+
if (container.getAttribute('role') === 'listbox') {
|
|
4769
|
+
roots.push(container);
|
|
4770
|
+
} else {
|
|
4771
|
+
roots.push.apply(roots, _toConsumableArray(Array.from(container.querySelectorAll('[role="listbox"]'))));
|
|
4772
|
+
}
|
|
4773
|
+
if (roots.length === 0) {
|
|
4774
|
+
return [];
|
|
4775
|
+
}
|
|
4776
|
+
var seen = new Set();
|
|
4777
|
+
var out = [];
|
|
4778
|
+
for (var _i3 = 0, _roots = roots; _i3 < _roots.length; _i3++) {
|
|
4779
|
+
var root = _roots[_i3];
|
|
4780
|
+
var _iterator = _createForOfIteratorHelper(getListboxOptionElements(root)),
|
|
4781
|
+
_step;
|
|
4782
|
+
try {
|
|
4783
|
+
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
4784
|
+
var el = _step.value;
|
|
4785
|
+
if (!seen.has(el)) {
|
|
4786
|
+
seen.add(el);
|
|
4787
|
+
out.push(el);
|
|
4788
|
+
}
|
|
4789
|
+
}
|
|
4790
|
+
} catch (err) {
|
|
4791
|
+
_iterator.e(err);
|
|
4792
|
+
} finally {
|
|
4793
|
+
_iterator.f();
|
|
4794
|
+
}
|
|
4795
|
+
}
|
|
4796
|
+
return out;
|
|
4797
|
+
};
|
|
4798
|
+
|
|
4799
|
+
/**
|
|
4800
|
+
* True if `element` is a dialog, or has one nested inside it. Modal/Sidesheet register
|
|
4801
|
+
* their *outer* wrapper with `OverlayManager` (the element carrying `role="dialog"` is a
|
|
4802
|
+
* descendant — always for Sidesheet, and for Modal whenever `backdropClose` is used), so
|
|
4803
|
+
* checking `element`'s own `role` attribute alone misses those cases.
|
|
4804
|
+
*/
|
|
4805
|
+
var isOrContainsDialog = function isOrContainsDialog(element) {
|
|
4806
|
+
return element.getAttribute('role') === 'dialog' || element.querySelector('[role="dialog"]') !== null;
|
|
4807
|
+
};
|
|
4808
|
+
|
|
4809
|
+
/**
|
|
4810
|
+
* Poppers (Dropdown menus, DatePicker calendars, ...) render their content into
|
|
4811
|
+
* `document.body` via a portal, so it is never a DOM descendant of the dialog that
|
|
4812
|
+
* spawned it even though it's visually layered on top of it. This returns such
|
|
4813
|
+
* currently-open portaled overlays — found via {@link OverlayManager}'s stack, which
|
|
4814
|
+
* records them in open order — so the dialog's focus trap can be extended to include
|
|
4815
|
+
* them instead of losing focus to the trap when it reaches one.
|
|
4816
|
+
*
|
|
4817
|
+
* Stops at the first nested dialog (a Modal or Sidesheet opened on top of this one — see
|
|
4818
|
+
* {@link isOrContainsDialog}) and excludes everything from that point on, not just the
|
|
4819
|
+
* dialog itself: a popper the nested dialog opens (e.g. its own DatePicker) is registered
|
|
4820
|
+
* with `OverlayManager` *after* that dialog too, so without stopping there it would also
|
|
4821
|
+
* be picked up here and wrongly absorbed into *this* (outer) trap — whose capture-phase
|
|
4822
|
+
* listener runs first and would hijack Tab away from the inner dialog's own trap.
|
|
4823
|
+
*
|
|
4824
|
+
* @param ownOverlayEl - The dialog's own element as registered with `OverlayManager`
|
|
4825
|
+
* (e.g. `this.modalRef.current`), used to find overlays opened after it.
|
|
4826
|
+
* @param container - The dialog's content container; used to exclude overlays that are
|
|
4827
|
+
* (unexpectedly) DOM descendants/ancestors of it.
|
|
4828
|
+
*/
|
|
4829
|
+
var getNestedOverlayElements = function getNestedOverlayElements(ownOverlayEl, container) {
|
|
4830
|
+
var nested = [];
|
|
4831
|
+
var _iterator2 = _createForOfIteratorHelper(instance.getOverlaysAfter(ownOverlayEl)),
|
|
4832
|
+
_step2;
|
|
4833
|
+
try {
|
|
4834
|
+
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
4835
|
+
var overlay = _step2.value;
|
|
4836
|
+
if (isOrContainsDialog(overlay)) break;
|
|
4837
|
+
if (!overlay.isConnected) continue;
|
|
4838
|
+
if (container.contains(overlay) || overlay.contains(container)) continue;
|
|
4839
|
+
nested.push(overlay);
|
|
4840
|
+
}
|
|
4841
|
+
} catch (err) {
|
|
4842
|
+
_iterator2.e(err);
|
|
4843
|
+
} finally {
|
|
4844
|
+
_iterator2.f();
|
|
4845
|
+
}
|
|
4846
|
+
return nested;
|
|
4847
|
+
};
|
|
4848
|
+
|
|
4849
|
+
/**
|
|
4850
|
+
* Handles Tab/Shift+Tab to trap focus within the container.
|
|
4851
|
+
*
|
|
4852
|
+
* @param staticFocusTarget - Optional non-tabbable element (tabindex="-1") that received
|
|
4853
|
+
* focus on overlay open (e.g. the dialog heading). It is not in the tabbable focusable
|
|
4854
|
+
* list, so without this parameter Shift+Tab from it would escape the trap.
|
|
4855
|
+
* @param nestedOverlays - Currently-open portaled overlays (see {@link getNestedOverlayElements})
|
|
4856
|
+
* that should be treated as part of the trapped region, in the order they were opened.
|
|
4857
|
+
*
|
|
4858
|
+
* Returns true if the event was handled (focus was redirected or prevented).
|
|
4859
|
+
*/
|
|
4860
|
+
var handleFocusTrapKeyDown = function handleFocusTrapKeyDown(event, container, staticFocusTarget) {
|
|
4861
|
+
var nestedOverlays = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
|
|
4862
|
+
if (event.key !== 'Tab') return false;
|
|
4863
|
+
var activeElement = document.activeElement;
|
|
4864
|
+
var selfContainedOverlay = activeElement ? nestedOverlays.find(function (overlay) {
|
|
4865
|
+
return overlay.contains(activeElement) && overlay.querySelector(SELF_CONTAINED_OVERLAY_SELECTOR);
|
|
4866
|
+
}) : undefined;
|
|
4867
|
+
var scopes = selfContainedOverlay ? [selfContainedOverlay] : [container].concat(_toConsumableArray(nestedOverlays));
|
|
4868
|
+
var focusable = scopes.reduce(function (acc, scope) {
|
|
4869
|
+
return acc.concat(getFocusableElements$1(scope));
|
|
4870
|
+
}, []);
|
|
4871
|
+
if (!activeElement || !scopes.some(function (scope) {
|
|
4872
|
+
return scope.contains(activeElement);
|
|
4873
|
+
})) {
|
|
4874
|
+
return false;
|
|
4875
|
+
}
|
|
4876
|
+
if (focusable.length === 0) {
|
|
4877
|
+
event.preventDefault();
|
|
4878
|
+
container.focus({
|
|
4879
|
+
preventScroll: true
|
|
4880
|
+
});
|
|
4881
|
+
return true;
|
|
4882
|
+
}
|
|
4883
|
+
var first = focusable[0];
|
|
4884
|
+
var last = focusable[focusable.length - 1];
|
|
4885
|
+
if (event.shiftKey) {
|
|
4886
|
+
var staticTargetPrecedesFirst = !!staticFocusTarget && activeElement === staticFocusTarget && !!(staticFocusTarget.compareDocumentPosition(first) & Node.DOCUMENT_POSITION_FOLLOWING);
|
|
4887
|
+
if (activeElement === first || staticTargetPrecedesFirst) {
|
|
4888
|
+
event.preventDefault();
|
|
4889
|
+
last.focus({
|
|
4890
|
+
preventScroll: true
|
|
4891
|
+
});
|
|
4892
|
+
return true;
|
|
4893
|
+
}
|
|
4894
|
+
} else {
|
|
4895
|
+
if (activeElement === last) {
|
|
4896
|
+
event.preventDefault();
|
|
4897
|
+
first.focus({
|
|
4898
|
+
preventScroll: true
|
|
4899
|
+
});
|
|
4900
|
+
return true;
|
|
4901
|
+
}
|
|
4902
|
+
}
|
|
4903
|
+
return false;
|
|
4904
|
+
};
|
|
4905
|
+
var NON_CONTENT_TAGS = new Set(['SCRIPT', 'STYLE']);
|
|
4906
|
+
|
|
4907
|
+
/**
|
|
4908
|
+
* Sets `aria-hidden="true"` on every `<body>` child other than `keepVisible`, so a screen
|
|
4909
|
+
* reader's virtual/browse cursor can't wander into the rest of the page while a dialog is
|
|
4910
|
+
* open. This is a distinct problem from keyboard focus trapping (arrow-key browse-mode
|
|
4911
|
+
* navigation ignores tabindex and DOM focus entirely) and is why `aria-modal` alone isn't
|
|
4912
|
+
* sufficient in every screen reader/browser combination — see WAI-ARIA APG dialog pattern.
|
|
4913
|
+
*
|
|
4914
|
+
* Skips `<script>`/`<style>` tags (never exposed to assistive tech regardless of
|
|
4915
|
+
* `aria-hidden`) and anything already `aria-hidden="true"`, so a dialog opened while
|
|
4916
|
+
* another is already active doesn't clobber the outer one's state.
|
|
4917
|
+
*
|
|
4918
|
+
* Returns a restore function that removes `aria-hidden` from exactly the elements this call
|
|
4919
|
+
* added it to.
|
|
4920
|
+
*/
|
|
4921
|
+
var hideBackgroundFromScreenReaders = function hideBackgroundFromScreenReaders(keepVisible) {
|
|
4922
|
+
var hidden = [];
|
|
4923
|
+
Array.from(document.body.children).forEach(function (child) {
|
|
4924
|
+
if (NON_CONTENT_TAGS.has(child.tagName)) return;
|
|
4925
|
+
if (keepVisible.includes(child)) return;
|
|
4926
|
+
if (child.getAttribute('aria-hidden') === 'true') return;
|
|
4927
|
+
child.setAttribute('aria-hidden', 'true');
|
|
4928
|
+
hidden.push(child);
|
|
4929
|
+
});
|
|
4930
|
+
return function () {
|
|
4931
|
+
hidden.forEach(function (child) {
|
|
4932
|
+
return child.removeAttribute('aria-hidden');
|
|
4933
|
+
});
|
|
4934
|
+
};
|
|
4935
|
+
};
|
|
4936
|
+
|
|
4937
|
+
/**
|
|
4938
|
+
* Ordered stack of currently-open dialog *content* elements (the one carrying
|
|
4939
|
+
* `role="dialog"` — e.g. `this.modalContentRef.current`) that share the singleton portal
|
|
4940
|
+
* returned by {@link getWrapperElement} (Modal/Sidesheet both render into it). Because they
|
|
4941
|
+
* share that one `document.body` child, hiding background siblings of the portal (see
|
|
4942
|
+
* {@link hideBackgroundFromScreenReaders}) can't by itself tell one stacked dialog's content
|
|
4943
|
+
* apart from another's — per the WAI-ARIA dialog pattern, only the *topmost* dialog should
|
|
4944
|
+
* stay exposed to a screen reader's browse cursor; every dialog underneath it must also be
|
|
4945
|
+
* `aria-hidden` until it's topmost again.
|
|
4946
|
+
*/
|
|
4947
|
+
var dialogRootStack = [];
|
|
4948
|
+
var restorePageBackground = null;
|
|
4949
|
+
|
|
4950
|
+
/**
|
|
4951
|
+
* All currently-open Popper-portaled overlays (Dropdown/DatePicker/Popover, ...) anywhere
|
|
4952
|
+
* in the `OverlayManager` stack, regardless of which dialog opened them. Used to build the
|
|
4953
|
+
* page-level "keep visible" set for {@link activateBackgroundHiding}: every one of them
|
|
4954
|
+
* shares the same `document.body`-level portal as the dialogs' own wrapper and must stay
|
|
4955
|
+
* exposed no matter how many dialogs are stacked or which one owns it.
|
|
4956
|
+
*
|
|
4957
|
+
* Unlike {@link getNestedOverlayElements} — which stops at the next dialog boundary to
|
|
4958
|
+
* scope one *specific* dialog's own focus trap — this deliberately keeps scanning past
|
|
4959
|
+
* dialog boundaries: dialog elements themselves are excluded, but a nested dialog's own
|
|
4960
|
+
* poppers must still be included.
|
|
4961
|
+
*/
|
|
4962
|
+
var getAllOpenPopperOverlays = function getAllOpenPopperOverlays() {
|
|
4963
|
+
return instance.overlays.filter(function (overlay) {
|
|
4964
|
+
return overlay.isConnected && !isOrContainsDialog(overlay);
|
|
4965
|
+
});
|
|
4966
|
+
};
|
|
4967
|
+
|
|
4968
|
+
/**
|
|
4969
|
+
* Marks `dialogRoot` as the new topmost dialog: `aria-hidden`s whichever dialog was
|
|
4970
|
+
* previously on top (if any), and — the first time the stack goes from empty to
|
|
4971
|
+
* non-empty — hides the rest of the page too.
|
|
4972
|
+
*
|
|
4973
|
+
* No-op if `dialogRoot` is already the topmost entry, so a duplicate activation call for
|
|
4974
|
+
* the same dialog can't push it twice or double-hide the previous top.
|
|
4975
|
+
*
|
|
4976
|
+
* @param dialogRoot - This dialog's own `role="dialog"` element.
|
|
4977
|
+
* @param portalRoot - The shared portal root to keep visible (e.g. `this.element`, from
|
|
4978
|
+
* {@link getWrapperElement}).
|
|
4979
|
+
*/
|
|
4980
|
+
var activateBackgroundHiding = function activateBackgroundHiding(dialogRoot, portalRoot) {
|
|
4981
|
+
if (dialogRootStack[dialogRootStack.length - 1] === dialogRoot) return;
|
|
4982
|
+
var previousTop = dialogRootStack[dialogRootStack.length - 1];
|
|
4983
|
+
if (previousTop) previousTop.setAttribute('aria-hidden', 'true');
|
|
4984
|
+
|
|
4985
|
+
// Undo a stale `aria-hidden` from a past cycle where this same dialog element got
|
|
4986
|
+
// covered and then closed without being reopened in between — the element persists
|
|
4987
|
+
// across opens/closes (only its content unmounts), so nothing else would clear it.
|
|
4988
|
+
dialogRoot.removeAttribute('aria-hidden');
|
|
4989
|
+
dialogRootStack.push(dialogRoot);
|
|
4990
|
+
if (dialogRootStack.length === 1) {
|
|
4991
|
+
// A Popper (Dropdown/DatePicker/Popover) that's already open on first render mounts its
|
|
4992
|
+
// `document.body` portal, as a child, before registering with `OverlayManager` via its
|
|
4993
|
+
// own `setTimeout(0)` (see `PopperWrapper.scheduleOverlayAdd`). Whether that registration
|
|
4994
|
+
// is queued *before* or *after* this one depends on whether the popper sits inside *this*
|
|
4995
|
+
// dialog (mounts first, so its timer is queued first) or a later-mounting nested dialog
|
|
4996
|
+
// (mounts after this dialog's own componentDidMount already queued this timer, so its
|
|
4997
|
+
// registration timer is queued after). A second deferred tick guarantees every such
|
|
4998
|
+
// registration made during the same synchronous commit has landed either way, so the
|
|
4999
|
+
// scan below never misses one and hides it as background for the dialog's whole lifetime.
|
|
5000
|
+
window.setTimeout(function () {
|
|
5001
|
+
window.setTimeout(function () {
|
|
5002
|
+
// This dialog closed (and possibly another opened) before the deferral elapsed;
|
|
5003
|
+
// whichever dialog is now at the bottom of the stack owns the page-background scan.
|
|
5004
|
+
if (dialogRootStack[0] !== dialogRoot) return;
|
|
5005
|
+
restorePageBackground = hideBackgroundFromScreenReaders([portalRoot].concat(_toConsumableArray(getAllOpenPopperOverlays())));
|
|
5006
|
+
}, 0);
|
|
5007
|
+
}, 0);
|
|
5008
|
+
}
|
|
5009
|
+
};
|
|
5010
|
+
|
|
5011
|
+
/**
|
|
5012
|
+
* Reverses {@link activateBackgroundHiding} for `dialogRoot`: removes it from the stack
|
|
5013
|
+
* and exposes whichever dialog is now topmost, or the page background if none remain.
|
|
5014
|
+
*
|
|
5015
|
+
* Idempotent — a dialog whose `open` prop flips to `false` can call this once from
|
|
5016
|
+
* `componentDidUpdate` and again from `componentWillUnmount` if it unmounts mid
|
|
5017
|
+
* close-animation (`state.open` hasn't settled to `false` yet); the second call finds
|
|
5018
|
+
* `dialogRoot` no longer in the stack and does nothing.
|
|
5019
|
+
*/
|
|
5020
|
+
var deactivateBackgroundHiding = function deactivateBackgroundHiding(dialogRoot) {
|
|
5021
|
+
var index = dialogRootStack.indexOf(dialogRoot);
|
|
5022
|
+
if (index === -1) return;
|
|
5023
|
+
dialogRootStack.splice(index, 1);
|
|
5024
|
+
var newTop = dialogRootStack[dialogRootStack.length - 1];
|
|
5025
|
+
if (newTop) {
|
|
5026
|
+
newTop.removeAttribute('aria-hidden');
|
|
5027
|
+
return;
|
|
5028
|
+
}
|
|
5029
|
+
if (restorePageBackground) {
|
|
5030
|
+
restorePageBackground();
|
|
5031
|
+
restorePageBackground = null;
|
|
5032
|
+
}
|
|
5033
|
+
};
|
|
5034
|
+
|
|
5035
|
+
/**
|
|
5036
|
+
* Returns focus to a previously focused element after an overlay closes.
|
|
5037
|
+
* When {@link closingOverlay} is provided, restoration is skipped if focus
|
|
5038
|
+
* is currently inside a *different* dialog — preventing a background
|
|
5039
|
+
* overlay from stealing focus away from the topmost focus-trapping dialog.
|
|
5040
|
+
*/
|
|
5041
|
+
var restoreFocusToElementIfConnected = function restoreFocusToElementIfConnected(element, closingOverlay) {
|
|
5042
|
+
if (!(element !== null && element !== void 0 && element.focus) || !element.isConnected) return;
|
|
5043
|
+
window.requestAnimationFrame(function () {
|
|
5044
|
+
if (!element.isConnected) return;
|
|
5045
|
+
if (closingOverlay) {
|
|
5046
|
+
var _document$activeEleme;
|
|
5047
|
+
var activeDialog = (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.closest('[role="dialog"]');
|
|
5048
|
+
if (activeDialog && activeDialog !== closingOverlay) {
|
|
5049
|
+
return;
|
|
5050
|
+
}
|
|
5051
|
+
}
|
|
5052
|
+
element.focus({
|
|
5053
|
+
preventScroll: true
|
|
5054
|
+
});
|
|
5055
|
+
});
|
|
5056
|
+
};
|
|
5057
|
+
|
|
4573
5058
|
var _excluded$1o = ["onKeyDown"];
|
|
4574
5059
|
var Trigger$1 = function Trigger(props) {
|
|
4575
5060
|
var inputFormat = props.inputFormat,
|
|
@@ -4578,10 +5063,12 @@ var Trigger$1 = function Trigger(props) {
|
|
|
4578
5063
|
state = props.state,
|
|
4579
5064
|
setState = props.setState,
|
|
4580
5065
|
inputRef = props.inputRef,
|
|
4581
|
-
onInputKeyDown = props.onInputKeyDown
|
|
5066
|
+
onInputKeyDown = props.onInputKeyDown,
|
|
5067
|
+
popupId = props.popupId;
|
|
4582
5068
|
var init = state.init,
|
|
4583
5069
|
date$1 = state.date,
|
|
4584
|
-
error = state.error
|
|
5070
|
+
error = state.error,
|
|
5071
|
+
open = state.open;
|
|
4585
5072
|
var _inputOptions$placeho = inputOptions.placeholderChar,
|
|
4586
5073
|
placeholderChar = _inputOptions$placeho === void 0 ? '_' : _inputOptions$placeho;
|
|
4587
5074
|
var onPasteHandler = function onPasteHandler(_e, val) {
|
|
@@ -4645,7 +5132,11 @@ var Trigger$1 = function Trigger(props) {
|
|
|
4645
5132
|
inputRest = _objectWithoutProperties(inputOptions, _excluded$1o);
|
|
4646
5133
|
return /*#__PURE__*/React.createElement(X, _extends$2({
|
|
4647
5134
|
icon: "events",
|
|
4648
|
-
placeholder: inputFormat
|
|
5135
|
+
placeholder: inputFormat,
|
|
5136
|
+
role: "combobox",
|
|
5137
|
+
"aria-haspopup": "dialog",
|
|
5138
|
+
"aria-expanded": open,
|
|
5139
|
+
"aria-controls": open ? popupId : undefined
|
|
4649
5140
|
}, inputRest, {
|
|
4650
5141
|
ref: inputRef,
|
|
4651
5142
|
error: showError,
|
|
@@ -4669,8 +5160,8 @@ var Trigger$1 = function Trigger(props) {
|
|
|
4669
5160
|
}));
|
|
4670
5161
|
};
|
|
4671
5162
|
|
|
4672
|
-
var css_248z$16 = ".datePicker-module-DatePicker-content-Iw4EE-4-30-
|
|
4673
|
-
var styles$11 = {"DatePicker-content":"datePicker-module-DatePicker-content-Iw4EE-4-30-
|
|
5163
|
+
var css_248z$16 = ".datePicker-module-DatePicker-content-Iw4EE-4-30-5 {\n display: flex;\n}\n\n@media (max-width: 576px) {\n .datePicker-module-DatePicker-content-Iw4EE-4-30-5 {\n flex-direction: column;\n }\n}\n";
|
|
5164
|
+
var styles$11 = {"DatePicker-content":"datePicker-module-DatePicker-content-Iw4EE-4-30-5"};
|
|
4674
5165
|
styleInject(css_248z$16);
|
|
4675
5166
|
|
|
4676
5167
|
var _excluded$1n = ["date", "open", "position", "inputFormat", "outputFormat", "inputOptions", "validators", "withInput", "disabledBefore", "disabledAfter", "onDateChange", "closeOnSelect", "size", "showTodayDate", "children", "view"];
|
|
@@ -4681,6 +5172,27 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4681
5172
|
_this = _callSuper(this, DatePicker, [props]);
|
|
4682
5173
|
_defineProperty$1(_this, "inputRef", /*#__PURE__*/React.createRef());
|
|
4683
5174
|
_defineProperty$1(_this, "calendarContainerRef", /*#__PURE__*/React.createRef());
|
|
5175
|
+
_defineProperty$1(_this, "popupRef", /*#__PURE__*/React.createRef());
|
|
5176
|
+
_defineProperty$1(_this, "focusTrapActive", false);
|
|
5177
|
+
_defineProperty$1(_this, "popupId", "DesignSystem-DatePicker-popup-".concat(uidGenerator()));
|
|
5178
|
+
_defineProperty$1(_this, "onFocusTrapKeyDown", function (event) {
|
|
5179
|
+
var container = _this.popupRef.current;
|
|
5180
|
+
if (container) handleFocusTrapKeyDown(event, container);
|
|
5181
|
+
});
|
|
5182
|
+
_defineProperty$1(_this, "removeFocusTrap", function () {
|
|
5183
|
+
if (!_this.focusTrapActive) return;
|
|
5184
|
+
document.removeEventListener('keydown', _this.onFocusTrapKeyDown, true);
|
|
5185
|
+
_this.focusTrapActive = false;
|
|
5186
|
+
});
|
|
5187
|
+
_defineProperty$1(_this, "syncFocusTrap", function () {
|
|
5188
|
+
if (_this.props.withInput && _this.state.open) {
|
|
5189
|
+
if (_this.focusTrapActive) return;
|
|
5190
|
+
document.addEventListener('keydown', _this.onFocusTrapKeyDown, true);
|
|
5191
|
+
_this.focusTrapActive = true;
|
|
5192
|
+
return;
|
|
5193
|
+
}
|
|
5194
|
+
_this.removeFocusTrap();
|
|
5195
|
+
});
|
|
4684
5196
|
_defineProperty$1(_this, "focusCalendar", function () {
|
|
4685
5197
|
var root = _this.calendarContainerRef.current;
|
|
4686
5198
|
if (!root) return false;
|
|
@@ -4696,7 +5208,14 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4696
5208
|
return true;
|
|
4697
5209
|
});
|
|
4698
5210
|
_defineProperty$1(_this, "onInputKeyDown", function (e) {
|
|
4699
|
-
if (
|
|
5211
|
+
if (e.defaultPrevented) return;
|
|
5212
|
+
if (!_this.state.open) {
|
|
5213
|
+
if (e.key === 'Enter' || e.key === 'ArrowDown') {
|
|
5214
|
+
e.preventDefault();
|
|
5215
|
+
_this.onToggleHandler(true, 'onClick');
|
|
5216
|
+
}
|
|
5217
|
+
return;
|
|
5218
|
+
}
|
|
4700
5219
|
|
|
4701
5220
|
// Keep typing uninterrupted; move focus into the portaled calendar on Tab / ArrowDown.
|
|
4702
5221
|
// Only prevent default when a focusable calendar cell exists (date/month/year views).
|
|
@@ -4790,6 +5309,16 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4790
5309
|
}
|
|
4791
5310
|
_inherits(DatePicker, _React$Component);
|
|
4792
5311
|
return _createClass(DatePicker, [{
|
|
5312
|
+
key: "componentDidMount",
|
|
5313
|
+
value: function componentDidMount() {
|
|
5314
|
+
this.syncFocusTrap();
|
|
5315
|
+
}
|
|
5316
|
+
}, {
|
|
5317
|
+
key: "componentWillUnmount",
|
|
5318
|
+
value: function componentWillUnmount() {
|
|
5319
|
+
this.removeFocusTrap();
|
|
5320
|
+
}
|
|
5321
|
+
}, {
|
|
4793
5322
|
key: "componentDidUpdate",
|
|
4794
5323
|
value: function componentDidUpdate(prevProps, prevState) {
|
|
4795
5324
|
if (prevProps.date !== this.props.date) {
|
|
@@ -4828,14 +5357,14 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4828
5357
|
// Return focus to the date input when the popover closes (select / Escape / outside click).
|
|
4829
5358
|
if (prevState.open && !this.state.open) {
|
|
4830
5359
|
var active = document.activeElement;
|
|
4831
|
-
|
|
4832
|
-
if (!active || active === document.body || calendarRoot && calendarRoot.contains(active)) {
|
|
5360
|
+
if (!active || active === document.body || active.closest('[data-focus-contained]')) {
|
|
4833
5361
|
var _this$inputRef$curren;
|
|
4834
5362
|
(_this$inputRef$curren = this.inputRef.current) === null || _this$inputRef$curren === void 0 || _this$inputRef$curren.focus({
|
|
4835
5363
|
preventScroll: true
|
|
4836
5364
|
});
|
|
4837
5365
|
}
|
|
4838
5366
|
}
|
|
5367
|
+
this.syncFocusTrap();
|
|
4839
5368
|
}
|
|
4840
5369
|
}, {
|
|
4841
5370
|
key: "renderCalendar",
|
|
@@ -4848,9 +5377,9 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4848
5377
|
var inputFormat = _this$props4.inputFormat;
|
|
4849
5378
|
_this$props4.outputFormat;
|
|
4850
5379
|
_this$props4.inputOptions;
|
|
4851
|
-
var validators = _this$props4.validators
|
|
4852
|
-
_this$props4.withInput
|
|
4853
|
-
|
|
5380
|
+
var validators = _this$props4.validators,
|
|
5381
|
+
withInput = _this$props4.withInput,
|
|
5382
|
+
disabledBefore = _this$props4.disabledBefore,
|
|
4854
5383
|
disabledAfter = _this$props4.disabledAfter;
|
|
4855
5384
|
_this$props4.onDateChange;
|
|
4856
5385
|
_this$props4.closeOnSelect;
|
|
@@ -4882,7 +5411,15 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4882
5411
|
'pb-6': size === 'large',
|
|
4883
5412
|
'pt-3': size === 'large' && view === 'year'
|
|
4884
5413
|
});
|
|
4885
|
-
|
|
5414
|
+
var popupProps = withInput ? {
|
|
5415
|
+
id: this.popupId,
|
|
5416
|
+
role: 'dialog',
|
|
5417
|
+
'aria-label': 'Calendar'
|
|
5418
|
+
} : {};
|
|
5419
|
+
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
5420
|
+
"data-focus-contained": true,
|
|
5421
|
+
ref: this.popupRef
|
|
5422
|
+
}, popupProps), /*#__PURE__*/React.createElement("div", {
|
|
4886
5423
|
className: styles$11['DatePicker-content']
|
|
4887
5424
|
}, children, /*#__PURE__*/React.createElement(Calendar, _extends$2({}, rest, {
|
|
4888
5425
|
size: size,
|
|
@@ -4930,7 +5467,8 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4930
5467
|
state: this.state,
|
|
4931
5468
|
setState: this.setState.bind(this),
|
|
4932
5469
|
inputRef: this.inputRef,
|
|
4933
|
-
onInputKeyDown: this.onInputKeyDown
|
|
5470
|
+
onInputKeyDown: this.onInputKeyDown,
|
|
5471
|
+
popupId: this.popupId
|
|
4934
5472
|
}),
|
|
4935
5473
|
triggerClass: "w-100",
|
|
4936
5474
|
position: position,
|
|
@@ -5501,8 +6039,8 @@ var groupListOptions = function groupListOptions(listOptions) {
|
|
|
5501
6039
|
return flattenedGroupList;
|
|
5502
6040
|
};
|
|
5503
6041
|
|
|
5504
|
-
var css_248z$15 = ".timePicker-module-TimePicker-trigger-fjkh7-4-30-
|
|
5505
|
-
var timePickerStyles = {"TimePicker-trigger":"timePicker-module-TimePicker-trigger-fjkh7-4-30-
|
|
6042
|
+
var css_248z$15 = ".timePicker-module-TimePicker-trigger-fjkh7-4-30-5 {\n width: calc(var(--spacing-40) * 20);\n min-width: calc(var(--spacing-40) * 16);\n}\n";
|
|
6043
|
+
var timePickerStyles = {"TimePicker-trigger":"timePicker-module-TimePicker-trigger-fjkh7-4-30-5"};
|
|
5506
6044
|
styleInject(css_248z$15);
|
|
5507
6045
|
|
|
5508
6046
|
var TimePickerWithSearch = function TimePickerWithSearch(props) {
|
|
@@ -5835,8 +6373,8 @@ function debounce$1 (delay, atBegin, callback) {
|
|
|
5835
6373
|
return callback === undefined ? throttle(delay, atBegin, false) : throttle(delay, callback, atBegin !== false);
|
|
5836
6374
|
}
|
|
5837
6375
|
|
|
5838
|
-
var css_248z$14 = ".dropdownButton-module-DropdownButton-WEFAu-4-30-
|
|
5839
|
-
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-30-
|
|
6376
|
+
var css_248z$14 = ".dropdownButton-module-DropdownButton-WEFAu-4-30-5 {\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-30-5 {\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-30-5 {\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.dropdownButton-module-DropdownButton--tiny-Itu7p-4-30-5 {\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-30-5 {\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-30-5 {\n padding-left: var(--spacing-10);\n padding-right: var(--spacing-10);\n}\n\n.dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-30-5 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--placeholder-P-OZc-4-30-5 {\n color: var(--text);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-30-5:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-30-5:focus-visible {\n background-color: var(--secondary-light);\n box-shadow: none;\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-30-5:active,\n.dropdownButton-module-DropdownButton--open-FO2da-4-30-5 {\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-30-5:disabled {\n background: var(--secondary-lighter);\n color: var(--text-disabled);\n pointer-events: none;\n}\n\n.dropdownButton-module-DropdownButton--icon-lOUG2-4-30-5 {\n padding-left: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--error-WBIV1-4-30-5 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n";
|
|
6377
|
+
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-30-5","DropdownButton-wrapper":"dropdownButton-module-DropdownButton-wrapper--2rai-4-30-5","DropdownButton-text":"dropdownButton-module-DropdownButton-text-iFVYT-4-30-5","DropdownButton--tiny":"dropdownButton-module-DropdownButton--tiny-Itu7p-4-30-5","DropdownButton--regular":"dropdownButton-module-DropdownButton--regular--xsdh-4-30-5","DropdownButton--tinySquare":"dropdownButton-module-DropdownButton--tinySquare-h9ZCv-4-30-5","DropdownButton--regularSquare":"dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-30-5","DropdownButton--placeholder":"dropdownButton-module-DropdownButton--placeholder-P-OZc-4-30-5","DropdownButton--open":"dropdownButton-module-DropdownButton--open-FO2da-4-30-5","DropdownButton--icon":"dropdownButton-module-DropdownButton--icon-lOUG2-4-30-5","DropdownButton--error":"dropdownButton-module-DropdownButton--error-WBIV1-4-30-5"};
|
|
5840
6378
|
styleInject(css_248z$14);
|
|
5841
6379
|
|
|
5842
6380
|
var _excluded$1m = ["triggerSize", "placeholder", "menu", "children", "icon", "disabled", "open", "inlineLabel", "error", "iconType", "id", "aria-label", "aria-labelledby"];
|
|
@@ -5865,6 +6403,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
5865
6403
|
var valueElementId = id && children ? "".concat(id, "-value") : undefined;
|
|
5866
6404
|
var triggerLabelledBy = ariaLabelledBy && valueElementId ? "".concat(ariaLabelledBy, " ").concat(valueElementId) : ariaLabelledBy;
|
|
5867
6405
|
var iconName = !menu ? open ? 'keyboard_arrow_up' : 'keyboard_arrow_down' : icon ? icon : 'more_horiz';
|
|
6406
|
+
var resolvedAriaLabel = ariaLabelledBy ? undefined : ariaLabel || (menu ? undefined : String(value));
|
|
5868
6407
|
var buttonClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, buttonStyles['Button'], true), dropdownButtonStyles.DropdownButton, true), dropdownButtonStyles["DropdownButton--".concat(triggerSize)], triggerSize), dropdownButtonStyles["DropdownButton--".concat(triggerSize, "Square")], menu), dropdownButtonStyles['DropdownButton--placeholder'], !children && !menu), dropdownButtonStyles['DropdownButton--icon'], icon), dropdownButtonStyles['DropdownButton--open'], open), dropdownButtonStyles['DropdownButton--error'], error));
|
|
5869
6408
|
var textClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, textStyles['Text'], true), textStyles['Text--regular'], true), dropdownButtonStyles['DropdownButton-text'], true));
|
|
5870
6409
|
return /*#__PURE__*/React.createElement("button", _extends$2({
|
|
@@ -5875,9 +6414,10 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
5875
6414
|
className: buttonClass,
|
|
5876
6415
|
disabled: disabled,
|
|
5877
6416
|
tabIndex: 0,
|
|
6417
|
+
role: menu ? undefined : 'combobox',
|
|
5878
6418
|
"aria-haspopup": menu ? 'menu' : 'listbox',
|
|
5879
|
-
"aria-expanded": open,
|
|
5880
|
-
"aria-label":
|
|
6419
|
+
"aria-expanded": !!open,
|
|
6420
|
+
"aria-label": resolvedAriaLabel,
|
|
5881
6421
|
"aria-labelledby": triggerLabelledBy,
|
|
5882
6422
|
"data-test": "DesignSystem-DropdownTrigger"
|
|
5883
6423
|
}, rest), !menu && /*#__PURE__*/React.createElement("div", {
|
|
@@ -6294,8 +6834,8 @@ var Option = function Option(props) {
|
|
|
6294
6834
|
});
|
|
6295
6835
|
};
|
|
6296
6836
|
|
|
6297
|
-
var css_248z$13 = "@keyframes placeholder-module-shimmer-Lxrg3-4-30-
|
|
6298
|
-
var styles$10 = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-30-
|
|
6837
|
+
var css_248z$13 = "@keyframes placeholder-module-shimmer-Lxrg3-4-30-5 {\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-30-5 {\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-30-5;\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-30-5 {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n align-items: center;\n}\n\n.placeholder-module-Placeholder--withImage-yTlyC-4-30-5 {\n display: flex;\n justify-content: flex-start;\n}\n\n.placeholder-module-Placeholder-paragraph-6zgwj-4-30-5 {\n display: flex;\n flex-direction: column;\n flex: 1 0;\n}\n\n.placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-30-5 {\n margin-left: var(--spacing-20);\n}\n\n.placeholder-module-PlaceholderParagraph-02mKH-4-30-5 {\n display: flex;\n flex-grow: 1;\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-30-5 {\n display: flex;\n align-items: center;\n height: var(--font-height);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-small-hR-g8-4-30-5 {\n width: 33%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-30-5 {\n width: 66%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-30-5 {\n width: 100%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-30-5 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-30-5 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-30-5 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-30-5 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-30-5 {\n height: var(--font-height-l);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-30-5 {\n height: var(--font-height-xl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-30-5 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-30-5 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-30-5 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--xs-CZxRT-4-30-5 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--s-1TOed-4-30-5 {\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph--m-umPOe-4-30-5 {\n height: var(--font-size-m);\n}\n\n.placeholder-module-PlaceholderParagraph--l-5tvMH-4-30-5 {\n height: var(--font-size-l);\n}\n\n.placeholder-module-PlaceholderParagraph--xl-M63Dg-4-30-5 {\n height: var(--font-size-xl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-30-5 {\n height: var(--font-size-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-30-5 {\n height: var(--font-size-xxxl);\n}\n\n.placeholder-module-PlaceholderImage-tEdXI-4-30-5 {\n display: flex;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--small-IZcYq-4-30-5 {\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--medium-NA-GL-4-30-5 {\n width: 32px;\n height: 32px;\n}\n\n.placeholder-module-PlaceholderImage--large-z28GC-4-30-5 {\n width: 48px;\n height: 48px;\n}\n\n.placeholder-module-PlaceholderImage--round-IvhOF-4-30-5 {\n border-radius: var(--border-radius-full);\n}\n";
|
|
6838
|
+
var styles$10 = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-30-5","shimmer":"placeholder-module-shimmer-Lxrg3-4-30-5","Placeholder":"placeholder-module-Placeholder-vJUgz-4-30-5","Placeholder--withImage":"placeholder-module-Placeholder--withImage-yTlyC-4-30-5","Placeholder-paragraph":"placeholder-module-Placeholder-paragraph-6zgwj-4-30-5","Placeholder-paragraph--withImage":"placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-30-5","PlaceholderParagraph":"placeholder-module-PlaceholderParagraph-02mKH-4-30-5","PlaceholderParagraph-wrapper":"placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-30-5","PlaceholderParagraph-wrapper--length-small":"placeholder-module-PlaceholderParagraph-wrapper--length-small-hR-g8-4-30-5","PlaceholderParagraph-wrapper--length-medium":"placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-30-5","PlaceholderParagraph-wrapper--length-large":"placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-30-5","PlaceholderParagraph-wrapper--size-xxs":"placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-30-5","PlaceholderParagraph-wrapper--size-xs":"placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-30-5","PlaceholderParagraph-wrapper--size-s":"placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-30-5","PlaceholderParagraph-wrapper--size-m":"placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-30-5","PlaceholderParagraph-wrapper--size-l":"placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-30-5","PlaceholderParagraph-wrapper--size-xl":"placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-30-5","PlaceholderParagraph-wrapper--size-xxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-30-5","PlaceholderParagraph-wrapper--size-xxxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-30-5","PlaceholderParagraph--xxs":"placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-30-5","PlaceholderParagraph--xs":"placeholder-module-PlaceholderParagraph--xs-CZxRT-4-30-5","PlaceholderParagraph--s":"placeholder-module-PlaceholderParagraph--s-1TOed-4-30-5","PlaceholderParagraph--m":"placeholder-module-PlaceholderParagraph--m-umPOe-4-30-5","PlaceholderParagraph--l":"placeholder-module-PlaceholderParagraph--l-5tvMH-4-30-5","PlaceholderParagraph--xl":"placeholder-module-PlaceholderParagraph--xl-M63Dg-4-30-5","PlaceholderParagraph--xxl":"placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-30-5","PlaceholderParagraph--xxxl":"placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-30-5","PlaceholderImage":"placeholder-module-PlaceholderImage-tEdXI-4-30-5","PlaceholderImage--small":"placeholder-module-PlaceholderImage--small-IZcYq-4-30-5","PlaceholderImage--medium":"placeholder-module-PlaceholderImage--medium-NA-GL-4-30-5","PlaceholderImage--large":"placeholder-module-PlaceholderImage--large-z28GC-4-30-5","PlaceholderImage--round":"placeholder-module-PlaceholderImage--round-IvhOF-4-30-5"};
|
|
6299
6839
|
styleInject(css_248z$13);
|
|
6300
6840
|
|
|
6301
6841
|
var PlaceholderParagraph = function PlaceholderParagraph(props) {
|
|
@@ -6693,7 +7233,7 @@ var DropdownList = function DropdownList(props) {
|
|
|
6693
7233
|
appearance: 'subtle'
|
|
6694
7234
|
}, footerLabel));
|
|
6695
7235
|
};
|
|
6696
|
-
var renderGroups = function renderGroups(group, selectedGroup, inOptionsComposite) {
|
|
7236
|
+
var renderGroups = function renderGroups(group, selectedGroup, inOptionsComposite, labelId) {
|
|
6697
7237
|
var onClearOptions = props.onClearOptions;
|
|
6698
7238
|
var isClearDisabled = selected.every(function (option) {
|
|
6699
7239
|
return option.disabled;
|
|
@@ -6702,6 +7242,7 @@ var DropdownList = function DropdownList(props) {
|
|
|
6702
7242
|
className: getDropdownSectionClass(selectedGroup),
|
|
6703
7243
|
role: inOptionsComposite ? 'presentation' : undefined
|
|
6704
7244
|
}, /*#__PURE__*/React.createElement(Text$1, {
|
|
7245
|
+
id: labelId,
|
|
6705
7246
|
size: "small",
|
|
6706
7247
|
appearance: 'subtle'
|
|
6707
7248
|
}, group), selectedGroup && /*#__PURE__*/React.createElement(Button, {
|
|
@@ -6856,6 +7397,24 @@ var DropdownList = function DropdownList(props) {
|
|
|
6856
7397
|
errorTemplate = _props$errorTemplate === void 0 ? defaultErrorTemplate : _props$errorTemplate;
|
|
6857
7398
|
var selectAllPresent = _isSelectAllPresent(searchTerm, remainingOptions, withSelectAll, withCheckbox);
|
|
6858
7399
|
var groupedListOptions = groupListOptions(listOptions);
|
|
7400
|
+
|
|
7401
|
+
// Split the flat, group-ordered list into runs of the same group (header shown on a run's first row).
|
|
7402
|
+
var groupChunks = [];
|
|
7403
|
+
groupedListOptions.forEach(function (option, index) {
|
|
7404
|
+
var prevGroup = index > 0 ? groupedListOptions[index - 1].group : selected.length ? selectedSectionLabel : undefined;
|
|
7405
|
+
var isGroupDifferent = prevGroup !== option.group;
|
|
7406
|
+
if (isGroupDifferent || !groupChunks.length) {
|
|
7407
|
+
groupChunks.push({
|
|
7408
|
+
group: option.group,
|
|
7409
|
+
showHeader: isGroupDifferent && !!option.group,
|
|
7410
|
+
items: []
|
|
7411
|
+
});
|
|
7412
|
+
}
|
|
7413
|
+
groupChunks[groupChunks.length - 1].items.push({
|
|
7414
|
+
option: option,
|
|
7415
|
+
index: index
|
|
7416
|
+
});
|
|
7417
|
+
});
|
|
6859
7418
|
var emptyMessageClass = classnames(_defineProperty$1(_defineProperty$1({}, dropdownStyles['Dropdown-wrapper'], true), 'w-100', true));
|
|
6860
7419
|
if (loadersCount && loadingOptions) {
|
|
6861
7420
|
return /*#__PURE__*/React.createElement("div", {
|
|
@@ -6893,16 +7452,26 @@ var DropdownList = function DropdownList(props) {
|
|
|
6893
7452
|
"aria-multiselectable": !menu && withCheckbox ? true : undefined
|
|
6894
7453
|
}, selectAllPresent && renderSelectAll(), selected.length > 0 && renderGroups(selectedSectionLabel, true, true), selected.map(function (option, index) {
|
|
6895
7454
|
return renderOptions(option, index);
|
|
6896
|
-
}), selected.length > 0 && listOptions.length - selected.length > 0 && !((_listOptions$0$group = listOptions[0].group) !== null && _listOptions$0$group !== void 0 && _listOptions$0$group.trim()) && renderGroups(allItemsSectionLabel, false, true),
|
|
6897
|
-
|
|
6898
|
-
|
|
6899
|
-
var
|
|
6900
|
-
var
|
|
6901
|
-
|
|
6902
|
-
|
|
6903
|
-
|
|
6904
|
-
|
|
6905
|
-
|
|
7455
|
+
}), selected.length > 0 && listOptions.length - selected.length > 0 && !((_listOptions$0$group = listOptions[0].group) !== null && _listOptions$0$group !== void 0 && _listOptions$0$group.trim()) && renderGroups(allItemsSectionLabel, false, true), groupChunks.map(function (chunk, chunkIndex) {
|
|
7456
|
+
// a11y: tie the visible group header to the options under it (WCAG 1.3.1). Only chunks that
|
|
7457
|
+
// render a header are wrapped in role="group"; ungrouped lists keep their existing DOM.
|
|
7458
|
+
var labelId = chunk.showHeader ? "".concat(dropdownFieldIdsPrefixRef.current, "-group-label-").concat(chunkIndex) : undefined;
|
|
7459
|
+
var rows = chunk.items.map(function (_ref, itemIndex) {
|
|
7460
|
+
var option = _ref.option,
|
|
7461
|
+
index = _ref.index;
|
|
7462
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
7463
|
+
className: dropdownStyles['Option-checkboxWrapper'],
|
|
7464
|
+
key: index,
|
|
7465
|
+
role: "presentation"
|
|
7466
|
+
}, itemIndex === 0 && chunk.showHeader && renderGroups(chunk.group, false, true, labelId), renderOptions(option, index + selected.length));
|
|
7467
|
+
});
|
|
7468
|
+
return labelId ? /*#__PURE__*/React.createElement("div", {
|
|
7469
|
+
role: "group",
|
|
7470
|
+
"aria-labelledby": labelId,
|
|
7471
|
+
key: "group-".concat(chunkIndex)
|
|
7472
|
+
}, rows) : /*#__PURE__*/React.createElement(React.Fragment, {
|
|
7473
|
+
key: "group-".concat(chunkIndex)
|
|
7474
|
+
}, rows);
|
|
6906
7475
|
})), props.async && remainingOptions > 0 && renderFooter());
|
|
6907
7476
|
};
|
|
6908
7477
|
var isFocusableOption = function isFocusableOption(node) {
|
|
@@ -7846,8 +8415,8 @@ _defineProperty$1(Dropdown, "defaultProps", {
|
|
|
7846
8415
|
searchDebounceDuration: 300
|
|
7847
8416
|
});
|
|
7848
8417
|
|
|
7849
|
-
var css_248z$12 = "/* Flex component */\n.flex-module-Flex-zcDLv-4-30-
|
|
7850
|
-
var styles$$ = {"Flex":"flex-module-Flex-zcDLv-4-30-
|
|
8418
|
+
var css_248z$12 = "/* Flex component */\n.flex-module-Flex-zcDLv-4-30-5 {\n display: flex;\n}\n\n/* Direction variants */\n.flex-module-Flex--row-oJHr8-4-30-5 {\n flex-direction: row;\n}\n\n.flex-module-Flex--column-C3UQ2-4-30-5 {\n flex-direction: column;\n}\n\n.flex-module-Flex--rowReverse-Bilh8-4-30-5 {\n flex-direction: row-reverse;\n}\n\n.flex-module-Flex--columnReverse-mgG-Y-4-30-5 {\n flex-direction: column-reverse;\n}\n\n/* Justify content variants */\n.flex-module-Flex--justifyStart-gYZMn-4-30-5 {\n justify-content: flex-start;\n}\n\n.flex-module-Flex--justifyEnd-2jHF4-4-30-5 {\n justify-content: flex-end;\n}\n\n.flex-module-Flex--justifyCenter-cAi0h-4-30-5 {\n justify-content: center;\n}\n\n.flex-module-Flex--justifyBetween-QPAwb-4-30-5 {\n justify-content: space-between;\n}\n\n.flex-module-Flex--justifyAround-4mEpb-4-30-5 {\n justify-content: space-around;\n}\n\n.flex-module-Flex--justifyEvenly-hLJ-U-4-30-5 {\n justify-content: space-evenly;\n}\n\n/* Align items variants */\n.flex-module-Flex--alignStart-mbGzS-4-30-5 {\n align-items: flex-start;\n}\n\n.flex-module-Flex--alignEnd-Gvm6H-4-30-5 {\n align-items: flex-end;\n}\n\n.flex-module-Flex--alignCenter-0duDC-4-30-5 {\n align-items: center;\n}\n\n.flex-module-Flex--alignBaseline-f6tSl-4-30-5 {\n align-items: baseline;\n}\n\n.flex-module-Flex--alignStretch-HnLEh-4-30-5 {\n align-items: stretch;\n}\n\n/* Wrap variants */\n.flex-module-Flex--wrap-WhliA-4-30-5 {\n flex-wrap: wrap;\n}\n\n.flex-module-Flex--nowrap-2eXzJ-4-30-5 {\n flex-wrap: nowrap;\n}\n\n.flex-module-Flex--wrapReverse-ekLxU-4-30-5 {\n flex-wrap: wrap-reverse;\n}\n\n/* Gap variants */\n.flex-module-Flex--gap0-4XUg8-4-30-5 {\n gap: 0;\n}\n\n.flex-module-Flex--gap2-0K-5V-4-30-5 {\n gap: var(--spacing-05);\n}\n\n.flex-module-Flex--gap4-zDQWM-4-30-5 {\n gap: var(--spacing-10);\n}\n\n.flex-module-Flex--gap8-6xMEi-4-30-5 {\n gap: var(--spacing-20);\n}\n\n.flex-module-Flex--gap12-3NgKi-4-30-5 {\n gap: var(--spacing-30);\n}\n\n.flex-module-Flex--gap16-NCObj-4-30-5 {\n gap: var(--spacing-40);\n}\n\n.flex-module-Flex--gap24-D44Dr-4-30-5 {\n gap: var(--spacing-60);\n}\n\n.flex-module-Flex--gap32-s8Wwy-4-30-5 {\n gap: var(--spacing-80);\n}\n\n.flex-module-Flex--gap48-Fm1yU-4-30-5 {\n gap: var(--spacing-120);\n}\n";
|
|
8419
|
+
var styles$$ = {"Flex":"flex-module-Flex-zcDLv-4-30-5","Flex--row":"flex-module-Flex--row-oJHr8-4-30-5","Flex--column":"flex-module-Flex--column-C3UQ2-4-30-5","Flex--rowReverse":"flex-module-Flex--rowReverse-Bilh8-4-30-5","Flex--columnReverse":"flex-module-Flex--columnReverse-mgG-Y-4-30-5","Flex--justifyStart":"flex-module-Flex--justifyStart-gYZMn-4-30-5","Flex--justifyEnd":"flex-module-Flex--justifyEnd-2jHF4-4-30-5","Flex--justifyCenter":"flex-module-Flex--justifyCenter-cAi0h-4-30-5","Flex--justifyBetween":"flex-module-Flex--justifyBetween-QPAwb-4-30-5","Flex--justifyAround":"flex-module-Flex--justifyAround-4mEpb-4-30-5","Flex--justifyEvenly":"flex-module-Flex--justifyEvenly-hLJ-U-4-30-5","Flex--alignStart":"flex-module-Flex--alignStart-mbGzS-4-30-5","Flex--alignEnd":"flex-module-Flex--alignEnd-Gvm6H-4-30-5","Flex--alignCenter":"flex-module-Flex--alignCenter-0duDC-4-30-5","Flex--alignBaseline":"flex-module-Flex--alignBaseline-f6tSl-4-30-5","Flex--alignStretch":"flex-module-Flex--alignStretch-HnLEh-4-30-5","Flex--wrap":"flex-module-Flex--wrap-WhliA-4-30-5","Flex--nowrap":"flex-module-Flex--nowrap-2eXzJ-4-30-5","Flex--wrapReverse":"flex-module-Flex--wrapReverse-ekLxU-4-30-5","Flex--gap0":"flex-module-Flex--gap0-4XUg8-4-30-5","Flex--gap2":"flex-module-Flex--gap2-0K-5V-4-30-5","Flex--gap4":"flex-module-Flex--gap4-zDQWM-4-30-5","Flex--gap8":"flex-module-Flex--gap8-6xMEi-4-30-5","Flex--gap12":"flex-module-Flex--gap12-3NgKi-4-30-5","Flex--gap16":"flex-module-Flex--gap16-NCObj-4-30-5","Flex--gap24":"flex-module-Flex--gap24-D44Dr-4-30-5","Flex--gap32":"flex-module-Flex--gap32-s8Wwy-4-30-5","Flex--gap48":"flex-module-Flex--gap48-Fm1yU-4-30-5"};
|
|
7851
8420
|
styleInject(css_248z$12);
|
|
7852
8421
|
|
|
7853
8422
|
var _excluded$1k = ["direction", "justifyContent", "alignItems", "wrap", "gap", "columnGap", "rowGap", "className", "style", "children"];
|
|
@@ -7977,8 +8546,8 @@ Flex.defaultProps = {
|
|
|
7977
8546
|
wrap: 'nowrap'
|
|
7978
8547
|
};
|
|
7979
8548
|
|
|
7980
|
-
var css_248z$11 = "/* Heading */\n.heading-module-Heading-tmepg-4-30-
|
|
7981
|
-
var styles$_ = {"Heading":"heading-module-Heading-tmepg-4-30-
|
|
8549
|
+
var css_248z$11 = "/* Heading */\n.heading-module-Heading-tmepg-4-30-5 {\n margin: 0;\n}\n\n.heading-module-Heading--s-r3kT8-4-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\n color: var(--text);\n}\n\n.heading-module-Heading--subtle-K3WJd-4-30-5 {\n color: var(--text-subtle);\n}\n\n.heading-module-Heading--disabled-dQRjW-4-30-5 {\n color: var(--text-disabled);\n}\n\n.heading-module-Heading--white-LK0i2-4-30-5 {\n color: var(--text-white);\n}\n";
|
|
8550
|
+
var styles$_ = {"Heading":"heading-module-Heading-tmepg-4-30-5","Heading--s":"heading-module-Heading--s-r3kT8-4-30-5","Heading--m":"heading-module-Heading--m-KypUv-4-30-5","Heading--l":"heading-module-Heading--l-6irdW-4-30-5","Heading--xl":"heading-module-Heading--xl-XGjXU-4-30-5","Heading--xxl":"heading-module-Heading--xxl-eD434-4-30-5","Heading--default":"heading-module-Heading--default-3YJIX-4-30-5","Heading--subtle":"heading-module-Heading--subtle-K3WJd-4-30-5","Heading--disabled":"heading-module-Heading--disabled-dQRjW-4-30-5","Heading--white":"heading-module-Heading--white-LK0i2-4-30-5"};
|
|
7982
8551
|
styleInject(css_248z$11);
|
|
7983
8552
|
|
|
7984
8553
|
var _excluded$1j = ["appearance", "size", "as", "children", "className", "color"];
|
|
@@ -8010,8 +8579,8 @@ var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
8010
8579
|
});
|
|
8011
8580
|
Heading.displayName = 'Heading';
|
|
8012
8581
|
|
|
8013
|
-
var css_248z$10 = ".actionButton-module-ActionButton-GMsQC-4-30-
|
|
8014
|
-
var styles$Z = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-30-
|
|
8582
|
+
var css_248z$10 = ".actionButton-module-ActionButton-GMsQC-4-30-5 {\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-30-5:focus-visible,\n.actionButton-module-ActionButton-GMsQC-4-30-5:focus {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-30-5:hover {\n background-color: var(--secondary);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-30-5:active {\n background-color: var(--secondary-dark);\n}\n";
|
|
8583
|
+
var styles$Z = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-30-5"};
|
|
8015
8584
|
styleInject(css_248z$10);
|
|
8016
8585
|
|
|
8017
8586
|
var _excluded$1i = ["className", "iconType"];
|
|
@@ -8032,12 +8601,12 @@ ActionButton$1.defaultProps = {
|
|
|
8032
8601
|
type: 'rounded'
|
|
8033
8602
|
};
|
|
8034
8603
|
|
|
8035
|
-
var css_248z$$ = "/* input */\n\n.input-module-Input-input-eQ8b8-4-30-
|
|
8036
|
-
var inputStyles = {"Input-input":"input-module-Input-input-eQ8b8-4-30-
|
|
8604
|
+
var css_248z$$ = "/* input */\n\n.input-module-Input-input-eQ8b8-4-30-5::-ms-clear {\n display: none;\n}\n\n.input-module-Input-4ywvi-4-30-5 {\n display: flex;\n flex-grow: 1;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--border-radius-10);\n border: var(--border);\n background: var(--white);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.input-module-Input--tiny-NegXy-4-30-5 {\n height: var(--font-height-m);\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-10);\n}\n\n.input-module-Input--regular-YN-1C-4-30-5 {\n height: var(--font-height-l);\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n padding-right: var(--spacing-15);\n padding-left: var(--spacing-20);\n}\n\n.input-module-Input--large-FqoAi-4-30-5 {\n height: 40px;\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n padding-right: var(--spacing-15);\n padding-left: var(--spacing-20);\n}\n\n.input-module-Input-4ywvi-4-30-5:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n cursor: text;\n}\n\n.input-module-Input-4ywvi-4-30-5:focus-within {\n background: var(--white);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.input-module-Input-4ywvi-4-30-5:focus-within .input-module-Input-icon--left-F1r05-4-30-5 {\n color: var(--primary);\n}\n\n.input-module-Input--error-EGIUq-4-30-5:focus-within {\n border-color: var(--alert);\n}\n\n.input-module-Input--error-EGIUq-4-30-5:focus-within .input-module-Input-icon--left-F1r05-4-30-5 {\n color: var(--alert);\n}\n\n.input-module-Input--disabled-IRtQk-4-30-5 {\n background: var(--secondary-lightest);\n border-color: var(--secondary-lighter);\n pointer-events: none;\n}\n\n.input-module-Input--readOnly-4IaEw-4-30-5 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.input-module-Input--disabled-IRtQk-4-30-5 .input-module-Input-icon--left-F1r05-4-30-5 {\n color: var(--inverse-lightest);\n}\n\n.input-module-Input--error-EGIUq-4-30-5,\n.input-module-Input--error-EGIUq-4-30-5:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.input-module-Input-input-eQ8b8-4-30-5 {\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(--inverse);\n padding: 0;\n border: none;\n background: transparent;\n}\n\n.input-module-Input-input-eQ8b8-4-30-5::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-30-5::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-30-5:focus {\n outline: 0;\n}\n\n.input-module-Input-input-eQ8b8-4-30-5:disabled .input-module-Input-input-eQ8b8-4-30-5::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-30-5:disabled .input-module-Input-input-eQ8b8-4-30-5::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input--regular-2cMTS-4-30-5 {\n line-height: var(--font-height);\n}\n\n.input-module-Input-input--large-Ps2E1-4-30-5 {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.input-module-Input-input--tiny-qQEuS-4-30-5 {\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-30-5 {\n display: flex;\n align-content: center;\n font-size: var(--font-size-m);\n}\n\n.input-module-Input-icon--left-F1r05-4-30-5 {\n margin-right: var(--spacing-20);\n color: var(--inverse);\n}\n\n.input-module-Input-icon--inputBlank-GkWyn-4-30-5 {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-icon--error-o9EcI-4-30-5 {\n color: var(--alert);\n}\n\n.input-module-Input-icon--right-A9G9E-4-30-5 {\n cursor: pointer;\n color: var(--inverse-lighter);\n border-radius: var(--border-radius-full);\n box-sizing: content-box;\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-30-5:focus-visible .input-module-Input-icon--right-A9G9E-4-30-5 {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.input-module-Input-icon--right-A9G9E-4-30-5:focus-visible {\n outline: var(--spacing-05) solid var(--primary-focus);\n border-radius: var(--border-radius-full);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-30-5:hover .input-module-Input-icon--right-A9G9E-4-30-5 {\n background-color: var(--secondary);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-30-5:active .input-module-Input-icon--right-A9G9E-4-30-5 {\n background-color: var(--secondary-dark);\n}\n\n.input-module-Input-inlineLabel-Sgbvs-4-30-5 {\n margin-right: var(--spacing-20);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-30-5:focus-visible {\n outline: none;\n}\n";
|
|
8605
|
+
var inputStyles = {"Input-input":"input-module-Input-input-eQ8b8-4-30-5","Input":"input-module-Input-4ywvi-4-30-5","Input--tiny":"input-module-Input--tiny-NegXy-4-30-5","Input--regular":"input-module-Input--regular-YN-1C-4-30-5","Input--large":"input-module-Input--large-FqoAi-4-30-5","Input-icon--left":"input-module-Input-icon--left-F1r05-4-30-5","Input--error":"input-module-Input--error-EGIUq-4-30-5","Input--disabled":"input-module-Input--disabled-IRtQk-4-30-5","Input--readOnly":"input-module-Input--readOnly-4IaEw-4-30-5","Input-input--regular":"input-module-Input-input--regular-2cMTS-4-30-5","Input-input--large":"input-module-Input-input--large-Ps2E1-4-30-5","Input-input--tiny":"input-module-Input-input--tiny-qQEuS-4-30-5","Input-icon":"input-module-Input-icon-V1pYc-4-30-5","Input-icon--inputBlank":"input-module-Input-icon--inputBlank-GkWyn-4-30-5","Input-icon--error":"input-module-Input-icon--error-o9EcI-4-30-5","Input-icon--right":"input-module-Input-icon--right-A9G9E-4-30-5","Input-iconWrapper--right":"input-module-Input-iconWrapper--right-HdKL--4-30-5","Input-inlineLabel":"input-module-Input-inlineLabel-Sgbvs-4-30-5"};
|
|
8037
8606
|
styleInject(css_248z$$);
|
|
8038
8607
|
|
|
8039
|
-
var css_248z$_ = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-30-
|
|
8040
|
-
var styles$Y = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-30-
|
|
8608
|
+
var css_248z$_ = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-30-5 {\n display: inline-flex;\n width: 40px;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-30-5 .verificationCodeInput-module-Input-input-IIOUQ-4-30-5 {\n text-align: center;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-30-5 .verificationCodeInput-module-Input-input-IIOUQ-4-30-5::-webkit-inner-spin-button,\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-30-5 .verificationCodeInput-module-Input-input-IIOUQ-4-30-5::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n";
|
|
8609
|
+
var styles$Y = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-30-5","Input-input":"verificationCodeInput-module-Input-input-IIOUQ-4-30-5"};
|
|
8041
8610
|
styleInject(css_248z$_);
|
|
8042
8611
|
|
|
8043
8612
|
var _excluded$1h = ["size", "type", "minWidth", "defaultValue", "name", "placeholder", "value", "icon", "inlineLabel", "required", "error", "info", "onChange", "onClick", "onClear", "onBlur", "onFocus", "onPaste", "actionIcon", "className", "autoFocus", "disabled", "readOnly", "iconType", "clearButtonAriaLabel", "aria-invalid", "aria-labelledby", "tabIndex"];
|
|
@@ -8229,12 +8798,12 @@ Object.assign(Input, {
|
|
|
8229
8798
|
ActionButton: ActionButton$1
|
|
8230
8799
|
});
|
|
8231
8800
|
|
|
8232
|
-
var css_248z$Z = ".metricInput-module-MetricInput-input-F33lA-4-30-
|
|
8233
|
-
var styles$X = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-30-
|
|
8801
|
+
var css_248z$Z = ".metricInput-module-MetricInput-input-F33lA-4-30-5::-ms-clear {\n display: none;\n}\n\n.metricInput-module-MetricInput--0hzO-4-30-5 {\n display: flex;\n width: 100%;\n flex-direction: row;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--border-radius-10);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n background: var(--white);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.metricInput-module-MetricInput--regular-qwE-W-4-30-5 {\n height: var(--spacing-80);\n}\n\n.metricInput-module-MetricInput--large-PHYvQ-4-30-5 {\n height: 40px;\n}\n\n.metricInput-module-MetricInput--small-73F16-4-30-5 {\n height: var(--spacing-60);\n}\n\n.metricInput-module-MetricInput--0hzO-4-30-5:hover {\n background: var(--secondary-lightest);\n cursor: text;\n}\n\n.metricInput-module-MetricInput--0hzO-4-30-5:focus-within {\n background: var(--white);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n}\n\n.metricInput-module-MetricInput--0hzO-4-30-5:focus-within:not(:has(.metricInput-module-MetricInput-arrowButton-ZHqEY-4-30-5:focus-visible)) {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.metricInput-module-MetricInput--0hzO-4-30-5:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-30-5 {\n color: var(--primary);\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-30-5 {\n background: var(--secondary-lightest);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary-light);\n pointer-events: none;\n}\n\n.metricInput-module-MetricInput--readOnly-fVSGN-4-30-5 {\n background: var(--secondary-lightest);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n pointer-events: none;\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-30-5 .metricInput-module-MetricInput-icon-xUfPZ-4-30-5 {\n color: var(--inverse-lightest);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-30-5,\n.metricInput-module-MetricInput--error-FAM-w-4-30-5:hover {\n background: var(--white);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--alert);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-30-5:focus-within {\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-30-5:focus-within:not(:has(.metricInput-module-MetricInput-arrowButton-ZHqEY-4-30-5:focus-visible)) {\n outline: var(--border-width-05) solid var(--alert);\n outline-offset: var(--spacing-05);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-30-5:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-30-5 {\n color: var(--alert);\n}\n\n/* Content wrapper — holds icon, prefix, input, suffix */\n.metricInput-module-MetricInput-content-tI8cI-4-30-5 {\n flex: 1;\n display: flex;\n align-items: center;\n min-width: 0;\n overflow: hidden;\n}\n\n.metricInput-module-MetricInput-content--regular-92X2e-4-30-5 {\n padding: var(--spacing-15) var(--spacing-15);\n gap: var(--spacing-05);\n}\n\n.metricInput-module-MetricInput-content--large-jTJ08-4-30-5 {\n padding: var(--spacing-20) var(--spacing-15);\n gap: var(--spacing-15);\n}\n\n.metricInput-module-MetricInput-content--small-YzuJ5-4-30-5 {\n padding: var(--spacing-10) var(--spacing-15);\n gap: var(--spacing-05);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-30-5 {\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(--inverse);\n padding: 0;\n border: none;\n background: transparent;\n}\n\n.metricInput-module-MetricInput-input--large-Xn7eL-4-30-5 {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.metricInput-module-MetricInput-input--regular-lel2M-4-30-5 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.metricInput-module-MetricInput-input--small-U6Uw5-4-30-5 {\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-30-5::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-30-5::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-30-5:focus {\n outline: 0;\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-30-5:disabled .metricInput-module-MetricInput-input-F33lA-4-30-5::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-30-5:disabled .metricInput-module-MetricInput-input-F33lA-4-30-5::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-icon--regular-QqKyP-4-30-5 {\n margin-right: var(--spacing-20);\n line-height: var(--font-height-s);\n}\n\n.metricInput-module-MetricInput-icon--large-oSw1r-4-30-5 {\n margin-right: var(--spacing-30);\n line-height: var(--font-height-m);\n}\n\n.metricInput-module-MetricInput-icon--small--U0nf-4-30-5 {\n margin-right: var(--spacing-10);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-30-5::-webkit-inner-spin-button,\n.metricInput-module-MetricInput-input-F33lA-4-30-5::-webkit-outer-spin-button {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n margin: 0;\n}\n\n/* Arrow buttons (decrement on left, increment on right) */\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-30-5 {\n flex-shrink: 0;\n align-self: stretch;\n width: var(--spacing-60);\n background: var(--secondary-light);\n color: var(--inverse);\n border: none;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0;\n margin: 0;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n}\n\n.metricInput-module-MetricInput-arrowButton--left-fEP4s-4-30-5 {\n border-right: var(--border);\n border-radius: var(--border-radius-10) 0 0 var(--border-radius-10);\n}\n\n.metricInput-module-MetricInput-arrowButton--right-c54s0-4-30-5 {\n border-left: var(--border);\n border-radius: 0 var(--border-radius-10) var(--border-radius-10) 0;\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-30-5:hover {\n background: var(--secondary);\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-30-5:active {\n background: var(--secondary-dark);\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-30-5:focus {\n outline: 0;\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n@media (forced-colors: active) {\n /* box-shadow is stripped — restore a real border for the wrapper boundary */\n .metricInput-module-MetricInput--0hzO-4-30-5 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .metricInput-module-MetricInput--disabled-41NDQ-4-30-5 {\n border-color: GrayText;\n }\n\n /* Wrapper focus rings */\n .metricInput-module-MetricInput--0hzO-4-30-5:focus-within:not(:has(.metricInput-module-MetricInput-arrowButton-ZHqEY-4-30-5:focus-visible)) {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n }\n\n .metricInput-module-MetricInput--error-FAM-w-4-30-5:focus-within:not(:has(.metricInput-module-MetricInput-arrowButton-ZHqEY-4-30-5:focus-visible)) {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n }\n\n /* Arrow button states */\n .metricInput-module-MetricInput-arrowButton-ZHqEY-4-30-5:disabled {\n color: GrayText;\n }\n\n .metricInput-module-MetricInput-arrowButton-ZHqEY-4-30-5:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
8802
|
+
var styles$X = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-30-5","MetricInput":"metricInput-module-MetricInput--0hzO-4-30-5","MetricInput--regular":"metricInput-module-MetricInput--regular-qwE-W-4-30-5","MetricInput--large":"metricInput-module-MetricInput--large-PHYvQ-4-30-5","MetricInput--small":"metricInput-module-MetricInput--small-73F16-4-30-5","MetricInput-arrowButton":"metricInput-module-MetricInput-arrowButton-ZHqEY-4-30-5","MetricInput-icon":"metricInput-module-MetricInput-icon-xUfPZ-4-30-5","MetricInput--disabled":"metricInput-module-MetricInput--disabled-41NDQ-4-30-5","MetricInput--readOnly":"metricInput-module-MetricInput--readOnly-fVSGN-4-30-5","MetricInput--error":"metricInput-module-MetricInput--error-FAM-w-4-30-5","MetricInput-content":"metricInput-module-MetricInput-content-tI8cI-4-30-5","MetricInput-content--regular":"metricInput-module-MetricInput-content--regular-92X2e-4-30-5","MetricInput-content--large":"metricInput-module-MetricInput-content--large-jTJ08-4-30-5","MetricInput-content--small":"metricInput-module-MetricInput-content--small-YzuJ5-4-30-5","MetricInput-input--large":"metricInput-module-MetricInput-input--large-Xn7eL-4-30-5","MetricInput-input--regular":"metricInput-module-MetricInput-input--regular-lel2M-4-30-5","MetricInput-input--small":"metricInput-module-MetricInput-input--small-U6Uw5-4-30-5","MetricInput-icon--regular":"metricInput-module-MetricInput-icon--regular-QqKyP-4-30-5","MetricInput-icon--large":"metricInput-module-MetricInput-icon--large-oSw1r-4-30-5","MetricInput-icon--small":"metricInput-module-MetricInput-icon--small--U0nf-4-30-5","MetricInput-arrowButton--left":"metricInput-module-MetricInput-arrowButton--left-fEP4s-4-30-5","MetricInput-arrowButton--right":"metricInput-module-MetricInput-arrowButton--right-c54s0-4-30-5"};
|
|
8234
8803
|
styleInject(css_248z$Z);
|
|
8235
8804
|
|
|
8236
|
-
var css_248z$Y = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-30-
|
|
8237
|
-
var styles$W = {"Pagination":"pagination-module-Pagination-DCmdy-4-30-
|
|
8805
|
+
var css_248z$Y = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-30-5 {\n display: flex;\n vertical-align: middle;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.pagination-module-Pagination-button-bEn7d-4-30-5 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.pagination-module-Pagination-buttonWrapper--hS-F-4-30-5 {\n display: flex;\n flex-direction: row;\n}\n\n.pagination-module-Pagination-pageIndex-bDTfx-4-30-5 {\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-30-5 {\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-30-5 .pagination-module-MetricInput-input-7icmp-4-30-5 {\n text-align: center;\n}\n.pagination-module-Pagination-MetricInput-SPkmy-4-30-5 .pagination-module-MetricInput-arrowIcons-6jLZm-4-30-5 {\n display: none;\n}\n\n@media (max-width: 575px) {\n .pagination-module-Pagination-pageIndex-bDTfx-4-30-5 {\n order: -1;\n flex-basis: 100%;\n }\n .pagination-module-Pagination-buttonWrapper--hS-F-4-30-5 {\n margin-top: var(--spacing-20);\n width: 50%;\n }\n .pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-30-5 {\n justify-content: flex-start;\n }\n .pagination-module-Pagination-buttonWrapper--previous--r33Z-4-30-5 {\n justify-content: flex-end;\n }\n}\n";
|
|
8806
|
+
var styles$W = {"Pagination":"pagination-module-Pagination-DCmdy-4-30-5","Pagination-button":"pagination-module-Pagination-button-bEn7d-4-30-5","Pagination-buttonWrapper":"pagination-module-Pagination-buttonWrapper--hS-F-4-30-5","Pagination-pageIndex":"pagination-module-Pagination-pageIndex-bDTfx-4-30-5","Pagination-MetricInput":"pagination-module-Pagination-MetricInput-SPkmy-4-30-5","MetricInput-input":"pagination-module-MetricInput-input-7icmp-4-30-5","MetricInput-arrowIcons":"pagination-module-MetricInput-arrowIcons-6jLZm-4-30-5","Pagination-buttonWrapper--next":"pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-30-5","Pagination-buttonWrapper--previous":"pagination-module-Pagination-buttonWrapper--previous--r33Z-4-30-5"};
|
|
8238
8807
|
styleInject(css_248z$Y);
|
|
8239
8808
|
|
|
8240
8809
|
var _excluded$1g = ["size", "defaultValue", "name", "placeholder", "icon", "prefix", "suffix", "error", "min", "max", "onChange", "onClick", "onBlur", "onFocus", "className", "autoFocus", "disabled", "readOnly", "value", "showActionButton", "onKeyDown", "iconType"];
|
|
@@ -8794,8 +9363,8 @@ InputMask.utils = {
|
|
|
8794
9363
|
};
|
|
8795
9364
|
var X = InputMask;
|
|
8796
9365
|
|
|
8797
|
-
var css_248z$X = "/* Label */\n.label-module-Label--OmlF-4-30-
|
|
8798
|
-
var styles$V = {"Label":"label-module-Label--OmlF-4-30-
|
|
9366
|
+
var css_248z$X = "/* Label */\n.label-module-Label--OmlF-4-30-5 {\n display: inline-flex;\n position: relative;\n}\n.label-module-Label--small-pPJnY-4-30-5 {\n font-size: var(--font-size-s);\n}\n\n.label-module-Label--withInput-RWqFC-4-30-5 {\n margin-bottom: var(--spacing-10);\n}\n\n.label-module-Label--optional-25o6w-4-30-5 {\n align-items: center;\n}\n\n.label-module-Label-text-SI451-4-30-5 {\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-30-5 {\n line-height: var(--font-height-s);\n margin-left: var(--spacing-10);\n}\n\n.label-module-Label-optionalText--small-hQbks-4-30-5 {\n font-size: var(--font-size-s);\n}\n\n.label-module-Label--disabled-06XI--4-30-5 {\n color: var(--text-disabled);\n}\n\n.label-module-Label-srOnly-JMorQ-4-30-5 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.label-module-Label-requiredIndicator-4Cxyi-4-30-5 {\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";
|
|
9367
|
+
var styles$V = {"Label":"label-module-Label--OmlF-4-30-5","Label--small":"label-module-Label--small-pPJnY-4-30-5","Label--withInput":"label-module-Label--withInput-RWqFC-4-30-5","Label--optional":"label-module-Label--optional-25o6w-4-30-5","Label-text":"label-module-Label-text-SI451-4-30-5","Label-optionalText":"label-module-Label-optionalText-BxJ0x-4-30-5","Label-optionalText--small":"label-module-Label-optionalText--small-hQbks-4-30-5","Label--disabled":"label-module-Label--disabled-06XI--4-30-5","Label-srOnly":"label-module-Label-srOnly-JMorQ-4-30-5","Label-requiredIndicator":"label-module-Label-requiredIndicator-4Cxyi-4-30-5"};
|
|
8799
9368
|
styleInject(css_248z$X);
|
|
8800
9369
|
|
|
8801
9370
|
var _excluded$1e = ["required", "optional", "withInput", "disabled", "children", "className", "info", "size"];
|
|
@@ -8870,8 +9439,8 @@ var Label = function Label(props) {
|
|
|
8870
9439
|
};
|
|
8871
9440
|
Label.displayName = 'Label';
|
|
8872
9441
|
|
|
8873
|
-
var css_248z$W = "/* Caption */\n.caption-module-Caption-x0-4O-4-30-
|
|
8874
|
-
var styles$U = {"Caption":"caption-module-Caption-x0-4O-4-30-
|
|
9442
|
+
var css_248z$W = "/* Caption */\n.caption-module-Caption-x0-4O-4-30-5 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.caption-module-Caption--withInput-USihh-4-30-5 {\n margin-top: var(--spacing-10);\n}\n\n.caption-module-Caption-icon-BVGQm-4-30-5 {\n display: flex;\n align-content: center;\n margin-right: var(--spacing-10);\n}\n\n.caption-module-Caption--hidden-C-EcV-4-30-5 {\n display: none;\n}\n";
|
|
9443
|
+
var styles$U = {"Caption":"caption-module-Caption-x0-4O-4-30-5","Caption--withInput":"caption-module-Caption--withInput-USihh-4-30-5","Caption-icon":"caption-module-Caption-icon-BVGQm-4-30-5","Caption--hidden":"caption-module-Caption--hidden-C-EcV-4-30-5"};
|
|
8875
9444
|
styleInject(css_248z$W);
|
|
8876
9445
|
|
|
8877
9446
|
var _excluded$1d = ["error", "hide", "withInput", "children", "className"];
|
|
@@ -8901,8 +9470,8 @@ var Caption = function Caption(props) {
|
|
|
8901
9470
|
};
|
|
8902
9471
|
Caption.displayName = 'Caption';
|
|
8903
9472
|
|
|
8904
|
-
var css_248z$V = ".legend-module-Legend--0IVR-4-30-
|
|
8905
|
-
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-30-
|
|
9473
|
+
var css_248z$V = ".legend-module-Legend--0IVR-4-30-5 {\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-30-5 {\n border-radius: var(--border-radius-05);\n margin-right: var(--spacing-20);\n}\n";
|
|
9474
|
+
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-30-5","Legend-icon":"legend-module-Legend-icon-AAtts-4-30-5"};
|
|
8906
9475
|
styleInject(css_248z$V);
|
|
8907
9476
|
|
|
8908
9477
|
var Legend = function Legend(props) {
|
|
@@ -8983,8 +9552,8 @@ var Editable = function Editable(props) {
|
|
|
8983
9552
|
};
|
|
8984
9553
|
Editable.displayName = 'Editable';
|
|
8985
9554
|
|
|
8986
|
-
var css_248z$U = ".editableDropdown-module-EditableDropdown-8s4sE-4-30-
|
|
8987
|
-
var styles$T = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-30-
|
|
9555
|
+
var css_248z$U = ".editableDropdown-module-EditableDropdown-8s4sE-4-30-5 {\n width: 100%;\n}\n\n.editableDropdown-module-EditableDropdown-8s4sE-4-30-5:focus-visible {\n outline: none;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-30-5 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n box-sizing: border-box;\n height: var(--spacing-80);\n padding-left: var(--spacing-30);\n padding-right: var(--spacing-20);\n border-radius: var(--border-radius-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n cursor: pointer;\n border: var(--border-width-2-5) solid transparent;\n}\n\n.editableDropdown-module-EditableDropdown-wrapper-5PCzu-4-30-5 {\n width: 100%;\n display: flex;\n flex-direction: row;\n overflow: hidden;\n align-items: center;\n}\n\n.editableDropdown-module-EditableDropdown-text-E-azo-4-30-5 {\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n color: var(--text);\n font-size: var(--font-size);\n line-height: var(--font-height);\n font-weight: var(--font-weight-normal);\n}\n\n.editableDropdown-module-EditableDropdown-text--subtle-pyRLr-4-30-5 {\n color: var(--text-subtle);\n}\n\n.editableDropdown-module-EditableDropdown-icon-aWCHE-4-30-5 {\n visibility: hidden;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-30-5:hover .editableDropdown-module-EditableDropdown-icon-aWCHE-4-30-5,\n.editableDropdown-module-EditableDropdown-8s4sE-4-30-5:focus-visible .editableDropdown-module-EditableDropdown-icon-aWCHE-4-30-5 {\n visibility: visible;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-30-5:hover {\n background: var(--secondary);\n}\n\n.editableDropdown-module-EditableDropdown-8s4sE-4-30-5:focus-visible .editableDropdown-module-EditableDropdown-default-YIYT0-4-30-5 {\n background: var(--secondary-light);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n border-radius: var(--border-radius-10);\n}\n";
|
|
9556
|
+
var styles$T = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-30-5","EditableDropdown-default":"editableDropdown-module-EditableDropdown-default-YIYT0-4-30-5","EditableDropdown-wrapper":"editableDropdown-module-EditableDropdown-wrapper-5PCzu-4-30-5","EditableDropdown-text":"editableDropdown-module-EditableDropdown-text-E-azo-4-30-5","EditableDropdown-text--subtle":"editableDropdown-module-EditableDropdown-text--subtle-pyRLr-4-30-5","EditableDropdown-icon":"editableDropdown-module-EditableDropdown-icon-aWCHE-4-30-5"};
|
|
8988
9557
|
styleInject(css_248z$U);
|
|
8989
9558
|
|
|
8990
9559
|
var _excluded$1c = ["onChange", "onClose", "disabled", "open", "onPopperToggle"];
|
|
@@ -9139,8 +9708,8 @@ EditableDropdown.defaultProps = {
|
|
|
9139
9708
|
dropdownOptions: {}
|
|
9140
9709
|
};
|
|
9141
9710
|
|
|
9142
|
-
var css_248z$T = ".link-module-Link-MwjNx-4-30-
|
|
9143
|
-
var styles$S = {"Link":"link-module-Link-MwjNx-4-30-
|
|
9711
|
+
var css_248z$T = ".link-module-Link-MwjNx-4-30-5 {\n text-decoration: none;\n font-weight: var(--font-weight-medium);\n transition: color var(--duration--fast-01) var(--standard-productive-curve),\n border-color var(--duration--fast-01) var(--standard-productive-curve);\n box-sizing: border-box;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .link-module-Link-MwjNx-4-30-5 {\n transition: none;\n }\n}\n\n.link-module-Link-text-Gpzgr-4-30-5 {\n display: inline-flex;\n vertical-align: middle;\n border-bottom: var(--border-width-2-5) solid currentColor;\n}\n\n.link-module-Link-MwjNx-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n border-radius: var(--border-radius-10);\n}\n\n.link-module-Link--regular-hKQMh-4-30-5 {\n font-size: var(--font-size);\n height: var(--font-height);\n}\n\n.link-module-Link--tiny-5Wp1N-4-30-5 {\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-30-5 {\n color: var(--text-link);\n}\n\n.link-module-Link--subtle-RjZLu-4-30-5 {\n color: var(--inverse-lighter);\n border-bottom-color: transparent;\n}\n\n.link-module-Link-text--subtle-bd8ev-4-30-5 {\n border-bottom-color: transparent;\n}\n\n.link-module-Link--default-dCI0C-4-30-5:hover {\n color: var(--primary-dark);\n}\n\n.link-module-Link--subtle-RjZLu-4-30-5:hover {\n color: var(--inverse-light);\n}\n\n.link-module-Link--subtle-RjZLu-4-30-5:hover .link-module-Link-text--subtle-bd8ev-4-30-5 {\n border-bottom-color: currentColor;\n}\n\n.link-module-Link--default-dCI0C-4-30-5:active {\n color: var(--primary-darker);\n}\n\n.link-module-Link--subtle-RjZLu-4-30-5:active {\n color: var(--inverse);\n}\n\n.link-module-Link--subtle-RjZLu-4-30-5:active .link-module-Link-text--subtle-bd8ev-4-30-5 {\n border-bottom-color: transparent;\n}\n\n.link-module-Link--button-reset-GZzET-4-30-5 {\n background: none;\n border-top: none;\n border-left: none;\n border-right: none;\n padding: 0;\n cursor: pointer;\n font-family: inherit;\n}\n\n.link-module-Link--default-disabled-4AGTL-4-30-5 {\n color: var(--primary-lighter);\n pointer-events: none;\n}\n\n.link-module-Link--subtle-disabled-jeH3g-4-30-5 {\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n\n.link-module-Link-infoIconWrapper-i3NjW-4-30-5 {\n display: inline-flex;\n vertical-align: middle;\n transform: translateY(calc(-1 * var(--spacing-15)));\n margin-left: var(--spacing-2-5);\n width: var(--spacing-30);\n height: var(--spacing-30);\n box-sizing: border-box;\n border-radius: var(--border-radius-full);\n align-items: center;\n justify-content: center;\n background: transparent;\n border: none;\n}\n\n.link-module-Link-infoIcon-nCtZE-4-30-5 {\n color: var(--text-subtle);\n pointer-events: none;\n}\n\n.link-module-Link-infoIcon--default--CPoD-4-30-5 {\n color: var(--primary);\n}\n\n.link-module-Link-infoIcon--subtle-PIigh-4-30-5 {\n color: var(--inverse-light);\n}\n\n.link-module-Link-tooltip--disabled--LfHb-4-30-5 {\n pointer-events: auto;\n cursor: not-allowed;\n}\n";
|
|
9712
|
+
var styles$S = {"Link":"link-module-Link-MwjNx-4-30-5","Link-text":"link-module-Link-text-Gpzgr-4-30-5","Link--regular":"link-module-Link--regular-hKQMh-4-30-5","Link--tiny":"link-module-Link--tiny-5Wp1N-4-30-5","Link--default":"link-module-Link--default-dCI0C-4-30-5","Link--subtle":"link-module-Link--subtle-RjZLu-4-30-5","Link-text--subtle":"link-module-Link-text--subtle-bd8ev-4-30-5","Link--button-reset":"link-module-Link--button-reset-GZzET-4-30-5","Link--default-disabled":"link-module-Link--default-disabled-4AGTL-4-30-5","Link--subtle-disabled":"link-module-Link--subtle-disabled-jeH3g-4-30-5","Link-infoIconWrapper":"link-module-Link-infoIconWrapper-i3NjW-4-30-5","Link-infoIcon":"link-module-Link-infoIcon-nCtZE-4-30-5","Link-infoIcon--default":"link-module-Link-infoIcon--default--CPoD-4-30-5","Link-infoIcon--subtle":"link-module-Link-infoIcon--subtle-PIigh-4-30-5","Link-tooltip--disabled":"link-module-Link-tooltip--disabled--LfHb-4-30-5"};
|
|
9144
9713
|
styleInject(css_248z$T);
|
|
9145
9714
|
|
|
9146
9715
|
var _excluded$1b = ["children", "className", "appearance", "size", "disabled", "href", "target", "rel", "download", "hreflang", "onClick", "tooltip", "onKeyDown"];
|
|
@@ -9233,8 +9802,8 @@ Link.defaultProps = {
|
|
|
9233
9802
|
disabled: false
|
|
9234
9803
|
};
|
|
9235
9804
|
|
|
9236
|
-
var css_248z$S = ".message-module-Message-5m7p--4-30-
|
|
9237
|
-
var styles$R = {"Message":"message-module-Message-5m7p--4-30-
|
|
9805
|
+
var css_248z$S = ".message-module-Message-5m7p--4-30-5 {\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-30-5 {\n padding: var(--spacing-20);\n}\n\n.message-module-Message--alert-VltpF-4-30-5 {\n border-color: var(--alert);\n background-color: rgba(189, 28, 0, 0.04);\n}\n\n.message-module-Message--success-8AZFe-4-30-5 {\n border-color: var(--success);\n background-color: rgba(0, 128, 0, 0.04);\n}\n\n.message-module-Message--info-N9C6k-4-30-5 {\n border-color: var(--primary);\n background-color: rgba(0, 96, 214, 0.04);\n}\n\n.message-module-Message--warning-sPwHB-4-30-5 {\n border-color: var(--accent1);\n background-color: rgba(189, 91, 0, 0.04);\n}\n\n.message-module-Message-icon--regular-t4xyh-4-30-5 {\n margin-right: var(--spacing-40);\n padding-top: var(--spacing-05);\n}\n\n.message-module-Message-icon--small-mS-r9-4-30-5 {\n margin-right: var(--spacing-20);\n padding-top: var(--spacing-05) !important;\n}\n\n.message-module-Message-icon--withTitle-l6DPU-4-30-5 {\n padding-top: var(--spacing-10);\n}\n\n.message-module-Message-icon--warning-IglaC-4-30-5 {\n color: var(--accent1);\n}\n\n.message-module-Message-heading--regular-TF8fn-4-30-5 {\n margin-bottom: var(--spacing-10);\n}\n\n.message-module-Message-heading--small-f4Ij3-4-30-5 {\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-30-5 {\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-30-5,\n.message-module-Message-text--alert-a8T-5-4-30-5 {\n color: var(--alert-darker) !important;\n}\n\n.message-module-Message-heading--info--Uzim-4-30-5,\n.message-module-Message-text--info-94pB0-4-30-5 {\n color: var(--primary-darker) !important;\n}\n\n.message-module-Message-heading--success-qk8Ep-4-30-5,\n.message-module-Message-text--success-hlaXA-4-30-5 {\n color: var(--success-darker) !important;\n}\n\n.message-module-Message-heading--warning-OWfuJ-4-30-5,\n.message-module-Message-text--warning-tPSB8-4-30-5 {\n color: var(--accent1-darker) !important;\n}\n\n.message-module-Message-actions-5bFUf-4-30-5 {\n display: flex;\n align-items: center;\n}\n\n.message-module-Message-actions--regular-04ICc-4-30-5 {\n margin-top: var(--spacing-30);\n}\n\n.message-module-Message-actions--small-Hj3w0-4-30-5 {\n margin-top: var(--spacing-10);\n}\n";
|
|
9806
|
+
var styles$R = {"Message":"message-module-Message-5m7p--4-30-5","Message--small":"message-module-Message--small-AOGUY-4-30-5","Message--alert":"message-module-Message--alert-VltpF-4-30-5","Message--success":"message-module-Message--success-8AZFe-4-30-5","Message--info":"message-module-Message--info-N9C6k-4-30-5","Message--warning":"message-module-Message--warning-sPwHB-4-30-5","Message-icon--regular":"message-module-Message-icon--regular-t4xyh-4-30-5","Message-icon--small":"message-module-Message-icon--small-mS-r9-4-30-5","Message-icon--withTitle":"message-module-Message-icon--withTitle-l6DPU-4-30-5","Message-icon--warning":"message-module-Message-icon--warning-IglaC-4-30-5","Message-heading--regular":"message-module-Message-heading--regular-TF8fn-4-30-5","Message-heading--small":"message-module-Message-heading--small-f4Ij3-4-30-5","Message-text--small":"message-module-Message-text--small-dsMhm-4-30-5","Message-heading--alert":"message-module-Message-heading--alert--cn2r-4-30-5","Message-text--alert":"message-module-Message-text--alert-a8T-5-4-30-5","Message-heading--info":"message-module-Message-heading--info--Uzim-4-30-5","Message-text--info":"message-module-Message-text--info-94pB0-4-30-5","Message-heading--success":"message-module-Message-heading--success-qk8Ep-4-30-5","Message-text--success":"message-module-Message-text--success-hlaXA-4-30-5","Message-heading--warning":"message-module-Message-heading--warning-OWfuJ-4-30-5","Message-text--warning":"message-module-Message-text--warning-tPSB8-4-30-5","Message-actions":"message-module-Message-actions-5bFUf-4-30-5","Message-actions--regular":"message-module-Message-actions--regular-04ICc-4-30-5","Message-actions--small":"message-module-Message-actions--small-Hj3w0-4-30-5"};
|
|
9238
9807
|
styleInject(css_248z$S);
|
|
9239
9808
|
|
|
9240
9809
|
var IconMapping$2 = {
|
|
@@ -9304,8 +9873,8 @@ Message.defaultProps = {
|
|
|
9304
9873
|
description: ''
|
|
9305
9874
|
};
|
|
9306
9875
|
|
|
9307
|
-
var css_248z$R = ".metaList-module-Meta-dNPqh-4-30-
|
|
9308
|
-
var styles$Q = {"Meta":"metaList-module-Meta-dNPqh-4-30-
|
|
9876
|
+
var css_248z$R = ".metaList-module-Meta-dNPqh-4-30-5 {\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-30-5 {\n margin-left: var(--spacing-20);\n}\n.metaList-module-MetaList-seperator--left-eKtN8-4-30-5 {\n margin-right: var(--spacing-10);\n}\n.metaList-module-Meta-icon-JwRHR-4-30-5 {\n padding-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n.metaList-module-MetaList-rB1dP-4-30-5 {\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-30-5 {\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-30-5:first-child {\n margin-left: 0;\n}\n\n.metaList-module-MetaList-item-S2e6p-4-30-5:last-child {\n margin-right: 0;\n}\n";
|
|
9877
|
+
var styles$Q = {"Meta":"metaList-module-Meta-dNPqh-4-30-5","MetaList-seperator":"metaList-module-MetaList-seperator-mjgNU-4-30-5","MetaList-seperator--left":"metaList-module-MetaList-seperator--left-eKtN8-4-30-5","Meta-icon":"metaList-module-Meta-icon-JwRHR-4-30-5","MetaList":"metaList-module-MetaList-rB1dP-4-30-5","MetaList-item":"metaList-module-MetaList-item-S2e6p-4-30-5"};
|
|
9309
9878
|
styleInject(css_248z$R);
|
|
9310
9879
|
|
|
9311
9880
|
var Meta = function Meta(props) {
|
|
@@ -9383,8 +9952,8 @@ MetaList.defaultProps = {
|
|
|
9383
9952
|
size: 'regular'
|
|
9384
9953
|
};
|
|
9385
9954
|
|
|
9386
|
-
var css_248z$Q = "/* MdsGrid */\n.mdsGrid-module-MdsGrid-SsvW3-4-30-
|
|
9387
|
-
var styles$P = {"MdsGrid":"mdsGrid-module-MdsGrid-SsvW3-4-30-
|
|
9955
|
+
var css_248z$Q = "/* MdsGrid */\n.mdsGrid-module-MdsGrid-SsvW3-4-30-5 {\n display: grid;\n box-sizing: border-box;\n width: 100%;\n}\n\n/* Gap variations */\n.mdsGrid-module-MdsGrid-gap--spacing-10-mM7LL-4-30-5 {\n gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-20-hF7Az-4-30-5 {\n gap: var(--spacing-20);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-30-9bsWk-4-30-5 {\n gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-40-1Zofh-4-30-5 {\n gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-60-NuzpU-4-30-5 {\n gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-80-rBc5a-4-30-5 {\n gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-120-MsDGS-4-30-5 {\n gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-160-NT7nM-4-30-5 {\n gap: var(--spacing-160);\n}\n\n/* Column gap variations */\n.mdsGrid-module-MdsGrid-columnGap--spacing-10-KEZs4-4-30-5 {\n -moz-column-gap: var(--spacing-10);\n column-gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-20-Z6HMd-4-30-5 {\n -moz-column-gap: var(--spacing-20);\n column-gap: var(--spacing-20);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-30-cIs-1-4-30-5 {\n -moz-column-gap: var(--spacing-30);\n column-gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-40-4KGum-4-30-5 {\n -moz-column-gap: var(--spacing-40);\n column-gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-60-Db1Bo-4-30-5 {\n -moz-column-gap: var(--spacing-60);\n column-gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-80-8dYNY-4-30-5 {\n -moz-column-gap: var(--spacing-80);\n column-gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-120-IiWsq-4-30-5 {\n -moz-column-gap: var(--spacing-120);\n column-gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-160-xLma--4-30-5 {\n -moz-column-gap: var(--spacing-160);\n column-gap: var(--spacing-160);\n}\n\n/* Row gap variations */\n.mdsGrid-module-MdsGrid-rowGap--spacing-10-n84Bk-4-30-5 {\n row-gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-20-HJszq-4-30-5 {\n row-gap: var(--spacing-20);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-30-vJ-5p-4-30-5 {\n row-gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-40-uKyUe-4-30-5 {\n row-gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-60-fl0Ia-4-30-5 {\n row-gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-80-vx3sD-4-30-5 {\n row-gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-120-s4V9U-4-30-5 {\n row-gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-160-EdiFo-4-30-5 {\n row-gap: var(--spacing-160);\n}\n\n/* Justify items variations */\n.mdsGrid-module-MdsGrid-justifyItems--start-eHRaj-4-30-5 {\n justify-items: start;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--end-edjoX-4-30-5 {\n justify-items: end;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--center-2X7nZ-4-30-5 {\n justify-items: center;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--stretch-kn94P-4-30-5 {\n justify-items: stretch;\n}\n\n/* Align items variations */\n.mdsGrid-module-MdsGrid-alignItems--start-2Do86-4-30-5 {\n align-items: start;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--end-waknT-4-30-5 {\n align-items: end;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--center-yx4U8-4-30-5 {\n align-items: center;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--stretch-Bqs-w-4-30-5 {\n align-items: stretch;\n}\n\n/* Auto flow variations */\n.mdsGrid-module-MdsGrid-autoFlow--row-hbgrw-4-30-5 {\n grid-auto-flow: row;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--column-rqFc3-4-30-5 {\n grid-auto-flow: column;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--row--dense-lbfql-4-30-5 {\n grid-auto-flow: row dense;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--column--dense-bJ3Pc-4-30-5 {\n grid-auto-flow: column dense;\n}\n\n/* Template columns variations */\n.mdsGrid-module-MdsGrid-templateColumns--repeat--1----1fr---LXjWZ-4-30-5 {\n grid-template-columns: repeat(1, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--2----1fr---Ib92--4-30-5 {\n grid-template-columns: repeat(2, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--3----1fr---kX-cN-4-30-5 {\n grid-template-columns: repeat(3, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--4----1fr---A8VSk-4-30-5 {\n grid-template-columns: repeat(4, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--12----1fr---vSCpW-4-30-5 {\n grid-template-columns: repeat(12, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--1fr--1fr--1fr-bvXnM-4-30-5 {\n grid-template-columns: 1fr 1fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--1fr--2fr-SG4cB-4-30-5 {\n grid-template-columns: 1fr 2fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--2fr--1fr-doRYF-4-30-5 {\n grid-template-columns: 2fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--2fr--1fr--1fr-PlTNP-4-30-5 {\n grid-template-columns: 2fr 1fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--200px--1fr--2fr-vKcqN-4-30-5 {\n grid-template-columns: 200px 1fr 2fr;\n}\n\n/* Template rows variations */\n.mdsGrid-module-MdsGrid-templateRows--auto--auto--auto-Xqtrn-4-30-5 {\n grid-template-rows: auto auto auto;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--100px--200px-3Vgry-4-30-5 {\n grid-template-rows: 100px 200px;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--1fr--2fr-Tix---4-30-5 {\n grid-template-rows: 1fr 2fr;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--auto--1fr-zwVSp-4-30-5 {\n grid-template-rows: auto 1fr;\n}\n\n/* MdsGridItem */\n.mdsGrid-module-MdsGridItem--FsIK-4-30-5 {\n box-sizing: border-box;\n}\n\n/* Justify self variations */\n.mdsGrid-module-MdsGridItem-justifySelf--start-CHjwa-4-30-5 {\n justify-self: start;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--end-rvVbS-4-30-5 {\n justify-self: end;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--center-vasFQ-4-30-5 {\n justify-self: center;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--stretch-YgtoO-4-30-5 {\n justify-self: stretch;\n}\n\n/* Align self variations */\n.mdsGrid-module-MdsGridItem-alignSelf--start-rz0Wg-4-30-5 {\n align-self: start;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--end-xtt0h-4-30-5 {\n align-self: end;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--center-T1fvd-4-30-5 {\n align-self: center;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--stretch-tYo2v-4-30-5 {\n align-self: stretch;\n}\n\n/* Column span variations */\n.mdsGrid-module-MdsGridItem-columnSpan--1--rcAl-4-30-5 {\n grid-column: span 1;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--2-ocHQu-4-30-5 {\n grid-column: span 2;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--3-lRLzj-4-30-5 {\n grid-column: span 3;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--4-PkE3H-4-30-5 {\n grid-column: span 4;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--5-bIRoL-4-30-5 {\n grid-column: span 5;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--6-LngYK-4-30-5 {\n grid-column: span 6;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--7-8D5lx-4-30-5 {\n grid-column: span 7;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--8-6cOqO-4-30-5 {\n grid-column: span 8;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--9-YvDY7-4-30-5 {\n grid-column: span 9;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--10-Jda-6-4-30-5 {\n grid-column: span 10;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--11-0sVRm-4-30-5 {\n grid-column: span 11;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--12-iYiVh-4-30-5 {\n grid-column: span 12;\n}\n\n/* Row span variations */\n.mdsGrid-module-MdsGridItem-rowSpan--1-UfSFY-4-30-5 {\n grid-row: span 1;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--2-RcCmm-4-30-5 {\n grid-row: span 2;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--3-2l-1t-4-30-5 {\n grid-row: span 3;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--4-w3b-k-4-30-5 {\n grid-row: span 4;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--5-xDjGB-4-30-5 {\n grid-row: span 5;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--6-COx1o-4-30-5 {\n grid-row: span 6;\n}\n\n/* Column start variations */\n.mdsGrid-module-MdsGridItem-columnStart--1-8Egf8-4-30-5 {\n grid-column-start: 1;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--2-F8nbf-4-30-5 {\n grid-column-start: 2;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--3-PlzEc-4-30-5 {\n grid-column-start: 3;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--4-8S4L--4-30-5 {\n grid-column-start: 4;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--5-Ew-g2-4-30-5 {\n grid-column-start: 5;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--6-oBVoo-4-30-5 {\n grid-column-start: 6;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--7-Cnb7p-4-30-5 {\n grid-column-start: 7;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--8-xjKMr-4-30-5 {\n grid-column-start: 8;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--9-L9-zC-4-30-5 {\n grid-column-start: 9;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--10-lJThd-4-30-5 {\n grid-column-start: 10;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--11-ORr-q-4-30-5 {\n grid-column-start: 11;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--12-QFwjD-4-30-5 {\n grid-column-start: 12;\n}\n\n/* Row start variations */\n.mdsGrid-module-MdsGridItem-rowStart--1-IKxiL-4-30-5 {\n grid-row-start: 1;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--2-yaQUd-4-30-5 {\n grid-row-start: 2;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--3-JCrYv-4-30-5 {\n grid-row-start: 3;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--4-uCJy3-4-30-5 {\n grid-row-start: 4;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--5-5qYoX-4-30-5 {\n grid-row-start: 5;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--6-OvU4E-4-30-5 {\n grid-row-start: 6;\n}\n";
|
|
9956
|
+
var styles$P = {"MdsGrid":"mdsGrid-module-MdsGrid-SsvW3-4-30-5","MdsGrid-gap--spacing-10":"mdsGrid-module-MdsGrid-gap--spacing-10-mM7LL-4-30-5","MdsGrid-gap--spacing-20":"mdsGrid-module-MdsGrid-gap--spacing-20-hF7Az-4-30-5","MdsGrid-gap--spacing-30":"mdsGrid-module-MdsGrid-gap--spacing-30-9bsWk-4-30-5","MdsGrid-gap--spacing-40":"mdsGrid-module-MdsGrid-gap--spacing-40-1Zofh-4-30-5","MdsGrid-gap--spacing-60":"mdsGrid-module-MdsGrid-gap--spacing-60-NuzpU-4-30-5","MdsGrid-gap--spacing-80":"mdsGrid-module-MdsGrid-gap--spacing-80-rBc5a-4-30-5","MdsGrid-gap--spacing-120":"mdsGrid-module-MdsGrid-gap--spacing-120-MsDGS-4-30-5","MdsGrid-gap--spacing-160":"mdsGrid-module-MdsGrid-gap--spacing-160-NT7nM-4-30-5","MdsGrid-columnGap--spacing-10":"mdsGrid-module-MdsGrid-columnGap--spacing-10-KEZs4-4-30-5","MdsGrid-columnGap--spacing-20":"mdsGrid-module-MdsGrid-columnGap--spacing-20-Z6HMd-4-30-5","MdsGrid-columnGap--spacing-30":"mdsGrid-module-MdsGrid-columnGap--spacing-30-cIs-1-4-30-5","MdsGrid-columnGap--spacing-40":"mdsGrid-module-MdsGrid-columnGap--spacing-40-4KGum-4-30-5","MdsGrid-columnGap--spacing-60":"mdsGrid-module-MdsGrid-columnGap--spacing-60-Db1Bo-4-30-5","MdsGrid-columnGap--spacing-80":"mdsGrid-module-MdsGrid-columnGap--spacing-80-8dYNY-4-30-5","MdsGrid-columnGap--spacing-120":"mdsGrid-module-MdsGrid-columnGap--spacing-120-IiWsq-4-30-5","MdsGrid-columnGap--spacing-160":"mdsGrid-module-MdsGrid-columnGap--spacing-160-xLma--4-30-5","MdsGrid-rowGap--spacing-10":"mdsGrid-module-MdsGrid-rowGap--spacing-10-n84Bk-4-30-5","MdsGrid-rowGap--spacing-20":"mdsGrid-module-MdsGrid-rowGap--spacing-20-HJszq-4-30-5","MdsGrid-rowGap--spacing-30":"mdsGrid-module-MdsGrid-rowGap--spacing-30-vJ-5p-4-30-5","MdsGrid-rowGap--spacing-40":"mdsGrid-module-MdsGrid-rowGap--spacing-40-uKyUe-4-30-5","MdsGrid-rowGap--spacing-60":"mdsGrid-module-MdsGrid-rowGap--spacing-60-fl0Ia-4-30-5","MdsGrid-rowGap--spacing-80":"mdsGrid-module-MdsGrid-rowGap--spacing-80-vx3sD-4-30-5","MdsGrid-rowGap--spacing-120":"mdsGrid-module-MdsGrid-rowGap--spacing-120-s4V9U-4-30-5","MdsGrid-rowGap--spacing-160":"mdsGrid-module-MdsGrid-rowGap--spacing-160-EdiFo-4-30-5","MdsGrid-justifyItems--start":"mdsGrid-module-MdsGrid-justifyItems--start-eHRaj-4-30-5","MdsGrid-justifyItems--end":"mdsGrid-module-MdsGrid-justifyItems--end-edjoX-4-30-5","MdsGrid-justifyItems--center":"mdsGrid-module-MdsGrid-justifyItems--center-2X7nZ-4-30-5","MdsGrid-justifyItems--stretch":"mdsGrid-module-MdsGrid-justifyItems--stretch-kn94P-4-30-5","MdsGrid-alignItems--start":"mdsGrid-module-MdsGrid-alignItems--start-2Do86-4-30-5","MdsGrid-alignItems--end":"mdsGrid-module-MdsGrid-alignItems--end-waknT-4-30-5","MdsGrid-alignItems--center":"mdsGrid-module-MdsGrid-alignItems--center-yx4U8-4-30-5","MdsGrid-alignItems--stretch":"mdsGrid-module-MdsGrid-alignItems--stretch-Bqs-w-4-30-5","MdsGrid-autoFlow--row":"mdsGrid-module-MdsGrid-autoFlow--row-hbgrw-4-30-5","MdsGrid-autoFlow--column":"mdsGrid-module-MdsGrid-autoFlow--column-rqFc3-4-30-5","MdsGrid-autoFlow--row dense":"mdsGrid-module-MdsGrid-autoFlow--row--dense-lbfql-4-30-5","MdsGrid-autoFlow--column dense":"mdsGrid-module-MdsGrid-autoFlow--column--dense-bJ3Pc-4-30-5","MdsGrid-templateColumns--repeat(1, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--1----1fr---LXjWZ-4-30-5","MdsGrid-templateColumns--repeat(2, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--2----1fr---Ib92--4-30-5","MdsGrid-templateColumns--repeat(3, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--3----1fr---kX-cN-4-30-5","MdsGrid-templateColumns--repeat(4, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--4----1fr---A8VSk-4-30-5","MdsGrid-templateColumns--repeat(12, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--12----1fr---vSCpW-4-30-5","MdsGrid-templateColumns--1fr 1fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--1fr--1fr--1fr-bvXnM-4-30-5","MdsGrid-templateColumns--1fr 2fr":"mdsGrid-module-MdsGrid-templateColumns--1fr--2fr-SG4cB-4-30-5","MdsGrid-templateColumns--2fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--2fr--1fr-doRYF-4-30-5","MdsGrid-templateColumns--2fr 1fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--2fr--1fr--1fr-PlTNP-4-30-5","MdsGrid-templateColumns--200px 1fr 2fr":"mdsGrid-module-MdsGrid-templateColumns--200px--1fr--2fr-vKcqN-4-30-5","MdsGrid-templateRows--auto auto auto":"mdsGrid-module-MdsGrid-templateRows--auto--auto--auto-Xqtrn-4-30-5","MdsGrid-templateRows--100px 200px":"mdsGrid-module-MdsGrid-templateRows--100px--200px-3Vgry-4-30-5","MdsGrid-templateRows--1fr 2fr":"mdsGrid-module-MdsGrid-templateRows--1fr--2fr-Tix---4-30-5","MdsGrid-templateRows--auto 1fr":"mdsGrid-module-MdsGrid-templateRows--auto--1fr-zwVSp-4-30-5","MdsGridItem":"mdsGrid-module-MdsGridItem--FsIK-4-30-5","MdsGridItem-justifySelf--start":"mdsGrid-module-MdsGridItem-justifySelf--start-CHjwa-4-30-5","MdsGridItem-justifySelf--end":"mdsGrid-module-MdsGridItem-justifySelf--end-rvVbS-4-30-5","MdsGridItem-justifySelf--center":"mdsGrid-module-MdsGridItem-justifySelf--center-vasFQ-4-30-5","MdsGridItem-justifySelf--stretch":"mdsGrid-module-MdsGridItem-justifySelf--stretch-YgtoO-4-30-5","MdsGridItem-alignSelf--start":"mdsGrid-module-MdsGridItem-alignSelf--start-rz0Wg-4-30-5","MdsGridItem-alignSelf--end":"mdsGrid-module-MdsGridItem-alignSelf--end-xtt0h-4-30-5","MdsGridItem-alignSelf--center":"mdsGrid-module-MdsGridItem-alignSelf--center-T1fvd-4-30-5","MdsGridItem-alignSelf--stretch":"mdsGrid-module-MdsGridItem-alignSelf--stretch-tYo2v-4-30-5","MdsGridItem-columnSpan--1":"mdsGrid-module-MdsGridItem-columnSpan--1--rcAl-4-30-5","MdsGridItem-columnSpan--2":"mdsGrid-module-MdsGridItem-columnSpan--2-ocHQu-4-30-5","MdsGridItem-columnSpan--3":"mdsGrid-module-MdsGridItem-columnSpan--3-lRLzj-4-30-5","MdsGridItem-columnSpan--4":"mdsGrid-module-MdsGridItem-columnSpan--4-PkE3H-4-30-5","MdsGridItem-columnSpan--5":"mdsGrid-module-MdsGridItem-columnSpan--5-bIRoL-4-30-5","MdsGridItem-columnSpan--6":"mdsGrid-module-MdsGridItem-columnSpan--6-LngYK-4-30-5","MdsGridItem-columnSpan--7":"mdsGrid-module-MdsGridItem-columnSpan--7-8D5lx-4-30-5","MdsGridItem-columnSpan--8":"mdsGrid-module-MdsGridItem-columnSpan--8-6cOqO-4-30-5","MdsGridItem-columnSpan--9":"mdsGrid-module-MdsGridItem-columnSpan--9-YvDY7-4-30-5","MdsGridItem-columnSpan--10":"mdsGrid-module-MdsGridItem-columnSpan--10-Jda-6-4-30-5","MdsGridItem-columnSpan--11":"mdsGrid-module-MdsGridItem-columnSpan--11-0sVRm-4-30-5","MdsGridItem-columnSpan--12":"mdsGrid-module-MdsGridItem-columnSpan--12-iYiVh-4-30-5","MdsGridItem-rowSpan--1":"mdsGrid-module-MdsGridItem-rowSpan--1-UfSFY-4-30-5","MdsGridItem-rowSpan--2":"mdsGrid-module-MdsGridItem-rowSpan--2-RcCmm-4-30-5","MdsGridItem-rowSpan--3":"mdsGrid-module-MdsGridItem-rowSpan--3-2l-1t-4-30-5","MdsGridItem-rowSpan--4":"mdsGrid-module-MdsGridItem-rowSpan--4-w3b-k-4-30-5","MdsGridItem-rowSpan--5":"mdsGrid-module-MdsGridItem-rowSpan--5-xDjGB-4-30-5","MdsGridItem-rowSpan--6":"mdsGrid-module-MdsGridItem-rowSpan--6-COx1o-4-30-5","MdsGridItem-columnStart--1":"mdsGrid-module-MdsGridItem-columnStart--1-8Egf8-4-30-5","MdsGridItem-columnStart--2":"mdsGrid-module-MdsGridItem-columnStart--2-F8nbf-4-30-5","MdsGridItem-columnStart--3":"mdsGrid-module-MdsGridItem-columnStart--3-PlzEc-4-30-5","MdsGridItem-columnStart--4":"mdsGrid-module-MdsGridItem-columnStart--4-8S4L--4-30-5","MdsGridItem-columnStart--5":"mdsGrid-module-MdsGridItem-columnStart--5-Ew-g2-4-30-5","MdsGridItem-columnStart--6":"mdsGrid-module-MdsGridItem-columnStart--6-oBVoo-4-30-5","MdsGridItem-columnStart--7":"mdsGrid-module-MdsGridItem-columnStart--7-Cnb7p-4-30-5","MdsGridItem-columnStart--8":"mdsGrid-module-MdsGridItem-columnStart--8-xjKMr-4-30-5","MdsGridItem-columnStart--9":"mdsGrid-module-MdsGridItem-columnStart--9-L9-zC-4-30-5","MdsGridItem-columnStart--10":"mdsGrid-module-MdsGridItem-columnStart--10-lJThd-4-30-5","MdsGridItem-columnStart--11":"mdsGrid-module-MdsGridItem-columnStart--11-ORr-q-4-30-5","MdsGridItem-columnStart--12":"mdsGrid-module-MdsGridItem-columnStart--12-QFwjD-4-30-5","MdsGridItem-rowStart--1":"mdsGrid-module-MdsGridItem-rowStart--1-IKxiL-4-30-5","MdsGridItem-rowStart--2":"mdsGrid-module-MdsGridItem-rowStart--2-yaQUd-4-30-5","MdsGridItem-rowStart--3":"mdsGrid-module-MdsGridItem-rowStart--3-JCrYv-4-30-5","MdsGridItem-rowStart--4":"mdsGrid-module-MdsGridItem-rowStart--4-uCJy3-4-30-5","MdsGridItem-rowStart--5":"mdsGrid-module-MdsGridItem-rowStart--5-5qYoX-4-30-5","MdsGridItem-rowStart--6":"mdsGrid-module-MdsGridItem-rowStart--6-OvU4E-4-30-5"};
|
|
9388
9957
|
styleInject(css_248z$Q);
|
|
9389
9958
|
|
|
9390
9959
|
var _excluded$1a = ["columnSpan", "rowSpan", "columnStart", "rowStart", "justifySelf", "alignSelf", "className", "children"];
|
|
@@ -9560,12 +10129,12 @@ function isElementOfType(element) {
|
|
|
9560
10129
|
return element != null && element.type != null;
|
|
9561
10130
|
}
|
|
9562
10131
|
|
|
9563
|
-
var css_248z$P = ".slider-module-Slider-6TikH-4-30-
|
|
9564
|
-
var styles$O = {"Slider":"slider-module-Slider-6TikH-4-30-
|
|
10132
|
+
var css_248z$P = ".slider-module-Slider-6TikH-4-30-5 {\n width: 100%;\n}\n\n.slider-module-Slider-wrapper-WM2J6-4-30-5 {\n position: relative;\n outline: none;\n cursor: pointer;\n}\n\n.slider-module-Slider-wrapper--disabled-NHJzG-4-30-5 {\n cursor: not-allowed;\n}\n\n.slider-module-Slider-track-d76a8-4-30-5 {\n border-radius: var(--border-radius-10);\n height: var(--spacing-40);\n display: flex;\n align-items: center;\n overflow: hidden;\n padding-bottom: var(--spacing-20);\n}\n\n.slider-module-Slider-progress-371yB-4-30-5 {\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-30-5 {\n background: var(--primary);\n}\n\n.slider-module-Slider-progress--inRangeDisabled-zUebN-4-30-5 {\n border: var(--border);\n}\n\n.slider-module-Slider-axis-G4Rp0-4-30-5 {\n margin-top: calc(-1 * var(--spacing-20));\n}\n\n.slider-module-Slider-label-hbyPe-4-30-5 {\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-30-5 {\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-30-5 {\n visibility: visible;\n}\n\n.slider-module-Slider-tooltip--hidden--RxsH-4-30-5 {\n visibility: hidden;\n}\n\n.slider-module-Slider-tooltip-GGohr-4-30-5 {\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-30-5 {\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-30-5::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: var(--spacing-60);\n height: var(--spacing-60);\n background-color: transparent;\n border-radius: var(--border-radius-full);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-30-5:hover {\n background-color: var(--primary-lightest);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-30-5:active {\n background-color: var(--primary);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-30-5:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.slider-module-Slider-handle--disabled-SdL-F-4-30-5 {\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-30-5:focus {\n outline: none;\n box-shadow: none;\n}\n\n@media (forced-colors: active) {\n /* Handle elevation comes from box-shadow only — add a real border so it stays visible */\n .slider-module-Slider-handle-WSP0Z-4-30-5 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n /* Restore focus ring on the handle (outline:none is set unconditionally) */\n .slider-module-Slider-handle-WSP0Z-4-30-5:focus,\n .slider-module-Slider-handle-WSP0Z-4-30-5:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n }\n\n /* Filled portion of the track */\n .slider-module-Slider-progress--inRange-GkXBe-4-30-5 {\n forced-color-adjust: none;\n background: Highlight;\n }\n}\n";
|
|
10133
|
+
var styles$O = {"Slider":"slider-module-Slider-6TikH-4-30-5","Slider-wrapper":"slider-module-Slider-wrapper-WM2J6-4-30-5","Slider-wrapper--disabled":"slider-module-Slider-wrapper--disabled-NHJzG-4-30-5","Slider-track":"slider-module-Slider-track-d76a8-4-30-5","Slider-progress":"slider-module-Slider-progress-371yB-4-30-5","Slider-progress--inRange":"slider-module-Slider-progress--inRange-GkXBe-4-30-5","Slider-progress--inRangeDisabled":"slider-module-Slider-progress--inRangeDisabled-zUebN-4-30-5","Slider-axis":"slider-module-Slider-axis-G4Rp0-4-30-5","Slider-label":"slider-module-Slider-label-hbyPe-4-30-5","Slider-ticks":"slider-module-Slider-ticks-J8lu0-4-30-5","Slider-tooltip--visible":"slider-module-Slider-tooltip--visible-O3adL-4-30-5","Slider-tooltip--hidden":"slider-module-Slider-tooltip--hidden--RxsH-4-30-5","Slider-tooltip":"slider-module-Slider-tooltip-GGohr-4-30-5","Slider-handle":"slider-module-Slider-handle-WSP0Z-4-30-5","Slider-handle--disabled":"slider-module-Slider-handle--disabled-SdL-F-4-30-5"};
|
|
9565
10134
|
styleInject(css_248z$P);
|
|
9566
10135
|
|
|
9567
|
-
var css_248z$O = ".tooltip-module-Tooltip-BzFZs-4-30-
|
|
9568
|
-
var styles$N = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-30-
|
|
10136
|
+
var css_248z$O = ".tooltip-module-Tooltip-BzFZs-4-30-5 {\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-30-5 {\n line-height: var(--font-height-s);\n}\n\n.tooltip-module-Tooltip-text-tDwJG-4-30-5 {\n white-space: pre-wrap;\n word-break: break-word;\n -webkit-hyphens: auto;\n hyphens: auto;\n}\n\n@keyframes tooltip-module-tooltip-open-top-VGviE-4-30-5 {\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-30-5 {\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-30-5 {\n animation: tooltip-module-tooltip-open-top-VGviE-4-30-5 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-top-p--Cg-4-30-5 {\n animation: tooltip-module-tooltip-close-top-xSYx8-4-30-5 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n@keyframes tooltip-module-tooltip-open-bottom-aJGl9-4-30-5 {\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-30-5 {\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-30-5 {\n animation: tooltip-module-tooltip-open-bottom-aJGl9-4-30-5 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-30-5 {\n animation: tooltip-module-tooltip-close-bottom-eYZve-4-30-5 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-left-s3-1K-4-30-5 {\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-30-5 {\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-30-5 {\n animation: tooltip-module-tooltip-open-left-s3-1K-4-30-5 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-left-vH8jz-4-30-5 {\n animation: tooltip-module-tooltip-close-left-yNuIX-4-30-5 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-right-Ia-cr-4-30-5 {\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-30-5 {\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-30-5 {\n animation: tooltip-module-tooltip-open-right-Ia-cr-4-30-5 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-right-KMa4x-4-30-5 {\n animation: tooltip-module-tooltip-close-right-yOe2m-4-30-5 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.tooltip-module-Tooltip-container-iDy8C-4-30-5 {\n transition-delay: 400ms;\n animation-delay: 400ms;\n}\n";
|
|
10137
|
+
var styles$N = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-30-5","Tooltip--small":"tooltip-module-Tooltip--small-WsdO5-4-30-5","Tooltip-text":"tooltip-module-Tooltip-text-tDwJG-4-30-5","Tooltip-animation-open-top":"tooltip-module-Tooltip-animation-open-top-D0Bht-4-30-5","tooltip-open-top":"tooltip-module-tooltip-open-top-VGviE-4-30-5","Tooltip-animation-close-top":"tooltip-module-Tooltip-animation-close-top-p--Cg-4-30-5","tooltip-close-top":"tooltip-module-tooltip-close-top-xSYx8-4-30-5","Tooltip-animation-open-bottom":"tooltip-module-Tooltip-animation-open-bottom-WKD5b-4-30-5","tooltip-open-bottom":"tooltip-module-tooltip-open-bottom-aJGl9-4-30-5","Tooltip-animation-close-bottom":"tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-30-5","tooltip-close-bottom":"tooltip-module-tooltip-close-bottom-eYZve-4-30-5","Tooltip-animation-open-left":"tooltip-module-Tooltip-animation-open-left-cZNy6-4-30-5","tooltip-open-left":"tooltip-module-tooltip-open-left-s3-1K-4-30-5","Tooltip-animation-close-left":"tooltip-module-Tooltip-animation-close-left-vH8jz-4-30-5","tooltip-close-left":"tooltip-module-tooltip-close-left-yNuIX-4-30-5","Tooltip-animation-open-right":"tooltip-module-Tooltip-animation-open-right-PzfHz-4-30-5","tooltip-open-right":"tooltip-module-tooltip-open-right-Ia-cr-4-30-5","Tooltip-animation-close-right":"tooltip-module-Tooltip-animation-close-right-KMa4x-4-30-5","tooltip-close-right":"tooltip-module-tooltip-close-right-yOe2m-4-30-5","Tooltip-container":"tooltip-module-Tooltip-container-iDy8C-4-30-5"};
|
|
9569
10138
|
styleInject(css_248z$O);
|
|
9570
10139
|
|
|
9571
10140
|
var Handle = /*#__PURE__*/function (_React$Component) {
|
|
@@ -10319,8 +10888,8 @@ Paragraph.defaultProps = {
|
|
|
10319
10888
|
appearance: 'default'
|
|
10320
10889
|
};
|
|
10321
10890
|
|
|
10322
|
-
var css_248z$N = ".progressBar-module-ProgressBar-I9SrG-4-30-
|
|
10323
|
-
var styles$M = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-30-
|
|
10891
|
+
var css_248z$N = ".progressBar-module-ProgressBar-I9SrG-4-30-5 {\n width: 100%;\n border-radius: var(--border-radius-10);\n background: var(--secondary-lighter);\n}\n\n.progressBar-module-ProgressBar-indicator-Wk5Cj-4-30-5 {\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-30-5 {\n height: var(--spacing-10);\n}\n\n.progressBar-module-ProgressBar-indicator--regular-XWwir-4-30-5 {\n height: var(--spacing-20);\n}\n\n.progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-30-5 {\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-30-5 1.4s infinite linear;\n}\n\n@keyframes progressBar-module-indeterminate-progress-bar-WrhBP-4-30-5 {\n from {\n left: -32%;\n }\n to {\n left: 100%;\n }\n}\n";
|
|
10892
|
+
var styles$M = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-30-5","ProgressBar-indicator":"progressBar-module-ProgressBar-indicator-Wk5Cj-4-30-5","ProgressBar-indicator--small":"progressBar-module-ProgressBar-indicator--small-3qwXo-4-30-5","ProgressBar-indicator--regular":"progressBar-module-ProgressBar-indicator--regular-XWwir-4-30-5","ProgressBar-indicator--indeterminate":"progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-30-5","indeterminate-progress-bar":"progressBar-module-indeterminate-progress-bar-WrhBP-4-30-5"};
|
|
10324
10893
|
styleInject(css_248z$N);
|
|
10325
10894
|
|
|
10326
10895
|
var ProgressBar = function ProgressBar(props) {
|
|
@@ -10365,8 +10934,8 @@ ProgressBar.defaultProps = {
|
|
|
10365
10934
|
state: 'default'
|
|
10366
10935
|
};
|
|
10367
10936
|
|
|
10368
|
-
var css_248z$M = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-30-
|
|
10369
|
-
var styles$L = {"Radio":"radio-module-Radio-sJTSN-4-30-
|
|
10937
|
+
var css_248z$M = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-30-5 {\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-30-5 {\n position: relative;\n flex-shrink: 0;\n margin-top: var(--spacing-05);\n}\n\n.radio-module-Radio-defaultWrapper-42-VN-4-30-5 {\n border: var(--border-width-2-5) solid var(--inverse-lighter);\n}\n\n.radio-module-Radio-errorWrapper-EIko4-4-30-5 {\n border: var(--border);\n border-color: var(--alert);\n}\n\n.radio-module-Radio-outerWrapper--regular-GAbrZ-4-30-5 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.radio-module-Radio-outerWrapper--tiny-ICX4H-4-30-5 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.radio-module-Radio-input-tMZXc-4-30-5 {\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-30-5 {\n padding-left: var(--spacing-20);\n display: flex;\n flex-direction: column;\n}\n\n.radio-module-Radio-Label-pyxfI-4-30-5 {\n display: flex;\n cursor: pointer;\n margin-left: calc(-1 * var(--spacing-20));\n padding-left: var(--spacing-20);\n}\n\n.radio-module-Radio-wrapper-X9saa-4-30-5 {\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-30-5 {\n pointer-events: none;\n}\n\n.radio-module-Radio-sJTSN-4-30-5:hover .radio-module-Radio-wrapper-X9saa-4-30-5 {\n border: var(--border-width-2-5) solid var(--inverse-light);\n background-color: var(--secondary-lighter);\n}\n\n.radio-module-Radio-sJTSN-4-30-5:active .radio-module-Radio-wrapper-X9saa-4-30-5 {\n background-color: var(--secondary-light);\n border: var(--border-width-2-5) solid var(--inverse-light);\n}\n\n.radio-module-Radio-sJTSN-4-30-5:hover .radio-module-Radio-errorWrapper-EIko4-4-30-5 {\n border: var(--border);\n background-color: var(--secondary-lighter);\n border-color: var(--alert-dark);\n}\n\n.radio-module-Radio-sJTSN-4-30-5:active .radio-module-Radio-errorWrapper-EIko4-4-30-5 {\n border: var(--border);\n background-color: var(--secondary-light);\n border-color: var(--alert-darker);\n}\n\n.radio-module-Radio-sJTSN-4-30-5:focus-within .radio-module-Radio-wrapper-X9saa-4-30-5 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio-sJTSN-4-30-5:focus-within .radio-module-Radio-errorWrapper-EIko4-4-30-5 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio-sJTSN-4-30-5:focus-within .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-wrapper-X9saa-4-30-5 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio-sJTSN-4-30-5:focus-within .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-30-5 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-30-5 .radio-module-Radio-wrapper-X9saa-4-30-5 {\n border: var(--border-width-2-5) solid var(--secondary);\n background-color: var(--secondary-lightest);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-30-5 .radio-module-Radio-errorWrapper-EIko4-4-30-5 {\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-30-5:checked ~ .radio-module-Radio-wrapper-X9saa-4-30-5 {\n border: var(--border-width-2-5) solid var(--primary);\n}\n\n.radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-30-5 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-wrapper-X9saa-4-30-5:after {\n display: block;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.radio-module-Radio-wrapper-X9saa-4-30-5: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-30-5:after {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.radio-module-Radio-wrapper--tiny-V-uaD-4-30-5: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-30-5:hover .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-wrapper-X9saa-4-30-5 {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-30-5:hover .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-wrapper-X9saa-4-30-5:after {\n background: var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-30-5:hover .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-30-5:after {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-30-5:active .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-wrapper-X9saa-4-30-5 {\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-30-5:hover .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-30-5 {\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-30-5:active .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-30-5 {\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-30-5:active .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-wrapper-X9saa-4-30-5:after {\n background: var(--primary-darker);\n}\n\n.radio-module-Radio-sJTSN-4-30-5:active .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-30-5:after {\n border: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-30-5 .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-wrapper-X9saa-4-30-5 {\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-30-5 .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-30-5 {\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-30-5 .radio-module-Radio-input-tMZXc-4-30-5:checked ~ .radio-module-Radio-wrapper-X9saa-4-30-5:after {\n background: var(--primary-lighter);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-30-5 .radio-module-Radio-input-tMZXc-4-30-5 ~ .radio-module-Radio-wrapper-X9saa-4-30-5:focus {\n outline: none;\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-30-5 .radio-module-Radio-input-tMZXc-4-30-5 ~ .radio-module-Radio-errorWrapper-EIko4-4-30-5:focus {\n outline: none;\n}\n";
|
|
10938
|
+
var styles$L = {"Radio":"radio-module-Radio-sJTSN-4-30-5","Radio-outerWrapper":"radio-module-Radio-outerWrapper-y7yec-4-30-5","Radio-defaultWrapper":"radio-module-Radio-defaultWrapper-42-VN-4-30-5","Radio-errorWrapper":"radio-module-Radio-errorWrapper-EIko4-4-30-5","Radio-outerWrapper--regular":"radio-module-Radio-outerWrapper--regular-GAbrZ-4-30-5","Radio-outerWrapper--tiny":"radio-module-Radio-outerWrapper--tiny-ICX4H-4-30-5","Radio-input":"radio-module-Radio-input-tMZXc-4-30-5","Radio-labelWrapper":"radio-module-Radio-labelWrapper-aPfU--4-30-5","Radio-Label":"radio-module-Radio-Label-pyxfI-4-30-5","Radio-wrapper":"radio-module-Radio-wrapper-X9saa-4-30-5","Radio--disabled":"radio-module-Radio--disabled-Mbuyd-4-30-5","Radio-wrapper--regular":"radio-module-Radio-wrapper--regular-bCOY2-4-30-5","Radio-wrapper--tiny":"radio-module-Radio-wrapper--tiny-V-uaD-4-30-5"};
|
|
10370
10939
|
styleInject(css_248z$M);
|
|
10371
10940
|
|
|
10372
10941
|
var _excluded$16 = ["size", "label", "disabled", "onChange", "name", "value", "checked", "defaultChecked", "className", "helpText", "error", "aria-label", "aria-labelledby", "aria-describedby", "id"];
|
|
@@ -10470,8 +11039,8 @@ var Row = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10470
11039
|
});
|
|
10471
11040
|
Row.displayName = 'Row';
|
|
10472
11041
|
|
|
10473
|
-
var css_248z$L = ".statusHint-module-StatusHint-20-9Y-4-30-
|
|
10474
|
-
var styles$K = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-30-
|
|
11042
|
+
var css_248z$L = ".statusHint-module-StatusHint-20-9Y-4-30-5 {\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-30-5 {\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-30-5 {\n background: var(--alert);\n}\n\n.statusHint-module-StatusHint--success-vLRLm-4-30-5 {\n background: var(--success);\n}\n\n.statusHint-module-StatusHint--warning-Go4Xc-4-30-5 {\n background: var(--warning);\n}\n\n.statusHint-module-StatusHint--info--Qb0E-4-30-5 {\n background: var(--primary);\n}\n\n.statusHint-module-StatusHint--default-XXxYB-4-30-5 {\n background: var(--secondary-light);\n}\n";
|
|
11043
|
+
var styles$K = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-30-5","StatusHint-icon":"statusHint-module-StatusHint-icon-XMbB3-4-30-5","StatusHint--alert":"statusHint-module-StatusHint--alert-6GWUf-4-30-5","StatusHint--success":"statusHint-module-StatusHint--success-vLRLm-4-30-5","StatusHint--warning":"statusHint-module-StatusHint--warning-Go4Xc-4-30-5","StatusHint--info":"statusHint-module-StatusHint--info--Qb0E-4-30-5","StatusHint--default":"statusHint-module-StatusHint--default-XXxYB-4-30-5"};
|
|
10475
11044
|
styleInject(css_248z$L);
|
|
10476
11045
|
|
|
10477
11046
|
var _excluded$14 = ["appearance", "children", "onMouseEnter", "onMouseLeave", "onClick", "truncateLabel", "className", "size"];
|
|
@@ -10537,8 +11106,8 @@ StatusHint.defaultProps = {
|
|
|
10537
11106
|
appearance: 'default'
|
|
10538
11107
|
};
|
|
10539
11108
|
|
|
10540
|
-
var css_248z$K = ".pills-module-Pills--00hR-4-30-
|
|
10541
|
-
var styles$J = {"Pills":"pills-module-Pills--00hR-4-30-
|
|
11109
|
+
var css_248z$K = ".pills-module-Pills--00hR-4-30-5 {\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";
|
|
11110
|
+
var styles$J = {"Pills":"pills-module-Pills--00hR-4-30-5"};
|
|
10542
11111
|
styleInject(css_248z$K);
|
|
10543
11112
|
|
|
10544
11113
|
var Pills = function Pills(props) {
|
|
@@ -10562,8 +11131,8 @@ Pills.defaultProps = {
|
|
|
10562
11131
|
appearance: 'secondary'
|
|
10563
11132
|
};
|
|
10564
11133
|
|
|
10565
|
-
var css_248z$J = "@keyframes spinner-module-mds-rotate-0PjQp-4-30-
|
|
10566
|
-
var styles$I = {"Spinner":"spinner-module-Spinner-Gnrbl-4-30-
|
|
11134
|
+
var css_248z$J = "@keyframes spinner-module-mds-rotate-0PjQp-4-30-5 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spinner-module-mds-spin-rFR6x-4-30-5 {\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-30-5 {\n animation: spinner-module-mds-rotate-0PjQp-4-30-5 2s linear infinite;\n}\n\n.spinner-module-Spinner--xsmall-fTG9G-4-30-5 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.spinner-module-Spinner--small-H43c1-4-30-5 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.spinner-module-Spinner--medium-FJ68A-4-30-5 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.spinner-module-Spinner--large-mEm-A-4-30-5 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.spinner-module-Circle--gSx3-4-30-5 {\n stroke-linecap: round;\n stroke-dasharray: 1 200;\n stroke-dashoffset: 0;\n animation: spinner-module-mds-spin-rFR6x-4-30-5 1.5s ease-in-out infinite;\n}\n\n.spinner-module-Circle--primary-REY8w-4-30-5 {\n stroke: var(--primary-dark);\n}\n\n.spinner-module-Circle--secondary-KzVQ8-4-30-5 {\n stroke: var(--inverse-lighter);\n}\n\n.spinner-module-Circle--white-xc8CI-4-30-5 {\n stroke: var(--white);\n}\n\n.spinner-module-Circle--alert-KYAj6-4-30-5 {\n stroke: var(--alert-dark);\n}\n";
|
|
11135
|
+
var styles$I = {"Spinner":"spinner-module-Spinner-Gnrbl-4-30-5","mds-rotate":"spinner-module-mds-rotate-0PjQp-4-30-5","Spinner--xsmall":"spinner-module-Spinner--xsmall-fTG9G-4-30-5","Spinner--small":"spinner-module-Spinner--small-H43c1-4-30-5","Spinner--medium":"spinner-module-Spinner--medium-FJ68A-4-30-5","Spinner--large":"spinner-module-Spinner--large-mEm-A-4-30-5","Circle":"spinner-module-Circle--gSx3-4-30-5","mds-spin":"spinner-module-mds-spin-rFR6x-4-30-5","Circle--primary":"spinner-module-Circle--primary-REY8w-4-30-5","Circle--secondary":"spinner-module-Circle--secondary-KzVQ8-4-30-5","Circle--white":"spinner-module-Circle--white-xc8CI-4-30-5","Circle--alert":"spinner-module-Circle--alert-KYAj6-4-30-5"};
|
|
10567
11136
|
styleInject(css_248z$J);
|
|
10568
11137
|
|
|
10569
11138
|
var Spinner = function Spinner(props) {
|
|
@@ -10686,8 +11255,8 @@ RangeSlider.defaultProps = _objectSpread2(_objectSpread2({}, MultiSlider.default
|
|
|
10686
11255
|
defaultValue: [0, 10]
|
|
10687
11256
|
});
|
|
10688
11257
|
|
|
10689
|
-
var css_248z$I = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-30-
|
|
10690
|
-
var styles$H = {"Subheading":"subheading-module-Subheading-qdIJH-4-30-
|
|
11258
|
+
var css_248z$I = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-30-5 {\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-30-5 {\n color: var(--text);\n}\n\n.subheading-module-Subheading--subtle--rivS-4-30-5 {\n color: var(--text-subtle);\n}\n\n.subheading-module-Subheading--disabled-LAyqD-4-30-5 {\n color: var(--text-disabled);\n}\n\n.subheading-module-Subheading--white-Y8Awi-4-30-5 {\n color: var(--text-white);\n}\n";
|
|
11259
|
+
var styles$H = {"Subheading":"subheading-module-Subheading-qdIJH-4-30-5","Subheading--default":"subheading-module-Subheading--default-wlFtB-4-30-5","Subheading--subtle":"subheading-module-Subheading--subtle--rivS-4-30-5","Subheading--disabled":"subheading-module-Subheading--disabled-LAyqD-4-30-5","Subheading--white":"subheading-module-Subheading--white-Y8Awi-4-30-5"};
|
|
10691
11260
|
styleInject(css_248z$I);
|
|
10692
11261
|
|
|
10693
11262
|
var _excluded$11 = ["appearance", "as", "children", "className", "color"];
|
|
@@ -10714,8 +11283,8 @@ Subheading.defaultProps = {
|
|
|
10714
11283
|
appearance: 'default'
|
|
10715
11284
|
};
|
|
10716
11285
|
|
|
10717
|
-
var css_248z$H = ".switch-module-Switch-QepNe-4-30-
|
|
10718
|
-
var styles$G = {"Switch":"switch-module-Switch-QepNe-4-30-
|
|
11286
|
+
var css_248z$H = ".switch-module-Switch-QepNe-4-30-5 {\n display: inline-flex;\n position: relative;\n}\n\n.switch-module-Switch--tiny-r1E6o-4-30-5 {\n height: var(--spacing-40);\n width: var(--spacing-80);\n}\n\n.switch-module-Switch--regular-ciyyD-4-30-5 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch--large-kX3JT-4-30-5 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch-input-5oT7E-4-30-5 {\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-30-5 {\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-30-5:focus ~ .switch-module-Switch-wrapper-btwpQ-4-30-5 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n background-color: var(--secondary-light);\n}\n\n.switch-module-Switch-input-5oT7E-4-30-5:focus ~ .switch-module-Switch-wrapper--checked-1oCxY-4-30-5 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n background-color: var(--primary);\n}\n\n.switch-module-Switch-input-5oT7E-4-30-5:hover ~ .switch-module-Switch-wrapper-btwpQ-4-30-5 {\n background-color: var(--secondary);\n}\n\n.switch-module-Switch-input-5oT7E-4-30-5:hover ~ .switch-module-Switch-wrapper--checked-1oCxY-4-30-5 {\n background-color: var(--primary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-30-5:active ~ .switch-module-Switch-wrapper-btwpQ-4-30-5 {\n background-color: var(--secondary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-30-5:active ~ .switch-module-Switch-wrapper--checked-1oCxY-4-30-5 {\n background-color: var(--primary-darker);\n}\n\n.switch-module-Switch-input-5oT7E-4-30-5:active ~ .switch-module-Switch-wrapper-btwpQ-4-30-5:before {\n border-color: var(--inverse-light);\n}\n\n.switch-module-Switch-input-5oT7E-4-30-5:active ~ .switch-module-Switch-wrapper--checked-1oCxY-4-30-5:before {\n border-color: transparent;\n}\n\n.switch-module-Switch-wrapper--tiny--PBMV-4-30-5 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--regular-6j-AT-4-30-5 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--large-A8WkP-4-30-5 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper-btwpQ-4-30-5:before {\n content: '';\n height: 100%;\n width: 50%;\n background-color: var(--shadow-0);\n box-shadow: var(--shadow-m);\n border-radius: var(--border-radius-full);\n box-sizing: border-box;\n transition-duration: 80ms;\n border: var(--border-width-2-5) solid var(--inverse-lighter);\n}\n\n.switch-module-Switch-wrapper--checked-1oCxY-4-30-5 {\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-30-5:before {\n transform: translateX(100%);\n transition-duration: 80ms;\n border-color: transparent;\n}\n\n.switch-module-Switch--disabled-xXiea-4-30-5 {\n pointer-events: none;\n}\n\n.switch-module-Switch-wrapper--disabled-HghBP-4-30-5 {\n background-color: var(--secondary-lighter);\n}\n\n.switch-module-Switch-wrapper--disabled-HghBP-4-30-5:before {\n border-color: var(--secondary-dark);\n}\n\n.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-30-5 {\n background-color: var(--primary-lighter);\n}\n\n.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-30-5:before {\n border-color: transparent;\n}\n\n@media (forced-colors: active) {\n .switch-module-Switch-wrapper-btwpQ-4-30-5 {\n outline: var(--border-width-2-5) solid ButtonText;\n outline-offset: calc(-1 * var(--border-width-2-5));\n box-shadow: none;\n }\n\n /* Checked (enabled) track: use Highlight to distinguish on-state */\n .switch-module-Switch-wrapper--checked-1oCxY-4-30-5:not(.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-30-5) {\n background-color: Highlight;\n }\n\n .switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-30-5 {\n background-color: ButtonFace;\n outline-color: GrayText;\n }\n\n /* Thumb: box-shadow is removed in forced-colors mode — ensure the existing border is visible */\n .switch-module-Switch-wrapper-btwpQ-4-30-5:before {\n box-shadow: none;\n border-color: ButtonText;\n }\n\n /* In the checked (enabled) state the thumb border is transparent — make it contrast against the track */\n .switch-module-Switch-wrapper--checked-1oCxY-4-30-5:not(.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-30-5):before {\n border-color: HighlightText;\n }\n\n /* Checked-disabled thumb: use GrayText so it reads as disabled */\n .switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-30-5:before {\n border-color: GrayText;\n }\n\n /* Unchecked-disabled thumb */\n .switch-module-Switch-wrapper--disabled-HghBP-4-30-5:before {\n border-color: GrayText;\n }\n}\n";
|
|
11287
|
+
var styles$G = {"Switch":"switch-module-Switch-QepNe-4-30-5","Switch--tiny":"switch-module-Switch--tiny-r1E6o-4-30-5","Switch--regular":"switch-module-Switch--regular-ciyyD-4-30-5","Switch--large":"switch-module-Switch--large-kX3JT-4-30-5","Switch-input":"switch-module-Switch-input-5oT7E-4-30-5","Switch-wrapper":"switch-module-Switch-wrapper-btwpQ-4-30-5","Switch-wrapper--checked":"switch-module-Switch-wrapper--checked-1oCxY-4-30-5","Switch-wrapper--tiny":"switch-module-Switch-wrapper--tiny--PBMV-4-30-5","Switch-wrapper--regular":"switch-module-Switch-wrapper--regular-6j-AT-4-30-5","Switch-wrapper--large":"switch-module-Switch-wrapper--large-A8WkP-4-30-5","Switch--disabled":"switch-module-Switch--disabled-xXiea-4-30-5","Switch-wrapper--disabled":"switch-module-Switch-wrapper--disabled-HghBP-4-30-5","Switch-wrapper--checkedDisabled":"switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-30-5"};
|
|
10719
11288
|
styleInject(css_248z$H);
|
|
10720
11289
|
|
|
10721
11290
|
var _excluded$10 = ["size", "defaultChecked", "disabled", "onChange", "name", "value", "className", "appearance", "checked"];
|
|
@@ -10780,8 +11349,8 @@ var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10780
11349
|
});
|
|
10781
11350
|
Switch.displayName = 'Switch';
|
|
10782
11351
|
|
|
10783
|
-
var css_248z$G = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-30-
|
|
10784
|
-
var styles$F = {"Textarea":"textarea-module-Textarea-Es1Ps-4-30-
|
|
11352
|
+
var css_248z$G = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-30-5 {\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-30-5::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-30-5::placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-30-5::-ms-clear {\n display: none;\n}\n\n.textarea-module-Textarea-Es1Ps-4-30-5:focus-within {\n border-color: var(--secondary);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-2-5);\n}\n\n.textarea-module-Textarea-Es1Ps-4-30-5: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-30-5 {\n pointer-events: none;\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n}\n\n.textarea-module-Textarea--error-gqkse-4-30-5 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.textarea-module-Textarea--error-gqkse-4-30-5:focus-within {\n border-color: var(--alert);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-2-5);\n}\n\n.textarea-module-Textarea--resize-6QHWa-4-30-5 {\n resize: both;\n}\n\n.textarea-module-Textarea--small-reQLZ-4-30-5 {\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-height-s);\n}\n";
|
|
11353
|
+
var styles$F = {"Textarea":"textarea-module-Textarea-Es1Ps-4-30-5","Textarea--readOnly":"textarea-module-Textarea--readOnly-mTqc8-4-30-5","Textarea--error":"textarea-module-Textarea--error-gqkse-4-30-5","Textarea--resize":"textarea-module-Textarea--resize-6QHWa-4-30-5","Textarea--small":"textarea-module-Textarea--small-reQLZ-4-30-5"};
|
|
10785
11354
|
styleInject(css_248z$G);
|
|
10786
11355
|
|
|
10787
11356
|
var _excluded$$ = ["size", "rows", "resize", "disabled", "name", "placeholder", "value", "defaultValue", "required", "error", "onChange", "onClick", "onBlur", "onFocus", "className", "readOnly"];
|
|
@@ -10829,8 +11398,8 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10829
11398
|
});
|
|
10830
11399
|
Textarea.displayName = 'Textarea';
|
|
10831
11400
|
|
|
10832
|
-
var css_248z$F = "/* toast */\n\n.toast-module-Toast-OpDhM-4-30-
|
|
10833
|
-
var styles$E = {"Toast":"toast-module-Toast-OpDhM-4-30-
|
|
11401
|
+
var css_248z$F = "/* toast */\n\n.toast-module-Toast-OpDhM-4-30-5 {\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-30-5 {\n padding-bottom: var(--spacing-40);\n}\n\n.toast-module-Toast--info-dEexw-4-30-5 {\n background-color: var(--primary);\n}\n\n.toast-module-Toast--alert-gxrp--4-30-5 {\n background-color: var(--alert);\n}\n\n.toast-module-Toast--success-gju3F-4-30-5 {\n background-color: var(--success);\n}\n\n.toast-module-Toast--warning-ELr9r-4-30-5 {\n background-color: var(--warning);\n}\n\n.toast-module-Toast--warning-ELr9r-4-30-5 {\n color: var(--text);\n}\n\n.toast-module-Toast-icon-RrG2q-4-30-5 {\n line-height: var(--font-height-m);\n}\n\n.toast-module-Toast-icon--left-dAfZv-4-30-5 {\n margin-right: var(--spacing-40);\n}\n\n.toast-module-Toast-icon--right--8Qmt-4-30-5 {\n cursor: pointer;\n margin-left: var(--spacing-30);\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n padding-right: var(--spacing-10);\n padding-left: var(--spacing-10);\n height: var(--spacing-60);\n box-sizing: initial;\n background: transparent;\n border: none;\n}\n\n.toast-module-Toast-icon--info-zE2SA-4-30-5,\n.toast-module-Toast-icon--success-SOr0z-4-30-5,\n.toast-module-Toast-icon--alert-TS0aE-4-30-5,\n.toast-module-Toast-icon--default-HsZ-7-4-30-5 {\n color: var(--text-white);\n}\n\n.toast-module-Toast-icon--warning-47OGV-4-30-5 {\n color: var(--warning-darker);\n}\n\n.toast-module-Toast-closeButton-X-cMT-4-30-5 {\n background: transparent;\n border: none;\n color: inherit;\n padding: 0;\n}\n\n.toast-module-Toast-close-icon-Mwg7W-4-30-5:focus,\n.toast-module-Toast-close-icon-Mwg7W-4-30-5:focus-visible {\n outline: none;\n box-shadow: var(--shadow-spread) var(--inverse-focus);\n}\n\n.toast-module-Toast-close-icon--warning-nuh9s-4-30-5:hover,\n.toast-module-Toast-close-icon--warning-nuh9s-4-30-5:active {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-close-icon--success-fXEEm-4-30-5:hover,\n.toast-module-Toast-close-icon--success-fXEEm-4-30-5:active {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-close-icon--info-0vDSQ-4-30-5:hover,\n.toast-module-Toast-close-icon--info-0vDSQ-4-30-5:active {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-close-icon--alert-cq8I3-4-30-5:hover,\n.toast-module-Toast-close-icon--alert-cq8I3-4-30-5:active {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-body--5KGi-4-30-5 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.toast-module-Toast-title-4cVcs-4-30-5 {\n display: flex;\n}\n\n.toast-module-Toast-heading-BOc6U-4-30-5 {\n flex-grow: 1;\n}\n\n.toast-module-Toast-text-pwhPD-4-30-5 {\n padding-top: var(--spacing-20);\n}\n\n.toast-module-Toast-text--warning-J4ygg-4-30-5,\n.toast-module-Toast-heading--warning-sybsC-4-30-5 {\n color: var(--warning-darker) !important;\n}\n\n.toast-module-Toast-actions-3qfv--4-30-5 {\n display: flex;\n padding-top: var(--spacing-30);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-30-5 {\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-30-5:focus {\n outline: var(--border-width-05) solid var(--inverse-focus);\n outline-offset: var(--spacing-05);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-30-5:last-child {\n margin-right: 0;\n}\n\n.toast-module-Toast-actionButton-label-k-pcH-4-30-5 {\n color: inherit;\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-30-5 {\n background: var(--inverse-light);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-30-5:hover,\n.toast-module-Toast-actionButton--default-UVS4L-4-30-5:active {\n background: var(--inverse);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-30-5 {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-30-5:hover,\n.toast-module-Toast-actionButton--info-MLC4o-4-30-5:active {\n background: var(--primary-darker);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-30-5 {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-30-5:hover,\n.toast-module-Toast-actionButton--success-vppAH-4-30-5:active {\n background: var(--success-darker);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-30-5 {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-30-5:hover,\n.toast-module-Toast-actionButton--alert-VMKO0-4-30-5:active {\n background: var(--alert-darker);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-30-5 {\n background: var(--warning-dark);\n color: var(--text);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-30-5:hover,\n.toast-module-Toast-actionButton--warning-GNDkx-4-30-5:active {\n background: var(--warning-darker);\n color: var(--text-white);\n}\n\n@media (forced-colors: active) {\n /* Close icon focus ring is conveyed via box-shadow only — replace with outline */\n .toast-module-Toast-close-icon-Mwg7W-4-30-5:focus,\n .toast-module-Toast-close-icon-Mwg7W-4-30-5:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n box-shadow: none;\n }\n}\n";
|
|
11402
|
+
var styles$E = {"Toast":"toast-module-Toast-OpDhM-4-30-5","Toast--withMessage":"toast-module-Toast--withMessage-T8xPr-4-30-5","Toast--info":"toast-module-Toast--info-dEexw-4-30-5","Toast--alert":"toast-module-Toast--alert-gxrp--4-30-5","Toast--success":"toast-module-Toast--success-gju3F-4-30-5","Toast--warning":"toast-module-Toast--warning-ELr9r-4-30-5","Toast-icon":"toast-module-Toast-icon-RrG2q-4-30-5","Toast-icon--left":"toast-module-Toast-icon--left-dAfZv-4-30-5","Toast-icon--right":"toast-module-Toast-icon--right--8Qmt-4-30-5","Toast-icon--info":"toast-module-Toast-icon--info-zE2SA-4-30-5","Toast-icon--success":"toast-module-Toast-icon--success-SOr0z-4-30-5","Toast-icon--alert":"toast-module-Toast-icon--alert-TS0aE-4-30-5","Toast-icon--default":"toast-module-Toast-icon--default-HsZ-7-4-30-5","Toast-icon--warning":"toast-module-Toast-icon--warning-47OGV-4-30-5","Toast-closeButton":"toast-module-Toast-closeButton-X-cMT-4-30-5","Toast-close-icon":"toast-module-Toast-close-icon-Mwg7W-4-30-5","Toast-close-icon--warning":"toast-module-Toast-close-icon--warning-nuh9s-4-30-5","Toast-close-icon--success":"toast-module-Toast-close-icon--success-fXEEm-4-30-5","Toast-close-icon--info":"toast-module-Toast-close-icon--info-0vDSQ-4-30-5","Toast-close-icon--alert":"toast-module-Toast-close-icon--alert-cq8I3-4-30-5","Toast-body":"toast-module-Toast-body--5KGi-4-30-5","Toast-title":"toast-module-Toast-title-4cVcs-4-30-5","Toast-heading":"toast-module-Toast-heading-BOc6U-4-30-5","Toast-text":"toast-module-Toast-text-pwhPD-4-30-5","Toast-text--warning":"toast-module-Toast-text--warning-J4ygg-4-30-5","Toast-heading--warning":"toast-module-Toast-heading--warning-sybsC-4-30-5","Toast-actions":"toast-module-Toast-actions-3qfv--4-30-5","Toast-actionButton":"toast-module-Toast-actionButton-lfdEz-4-30-5","Toast-actionButton-label":"toast-module-Toast-actionButton-label-k-pcH-4-30-5","Toast-actionButton--default":"toast-module-Toast-actionButton--default-UVS4L-4-30-5","Toast-actionButton--info":"toast-module-Toast-actionButton--info-MLC4o-4-30-5","Toast-actionButton--success":"toast-module-Toast-actionButton--success-vppAH-4-30-5","Toast-actionButton--alert":"toast-module-Toast-actionButton--alert-VMKO0-4-30-5","Toast-actionButton--warning":"toast-module-Toast-actionButton--warning-GNDkx-4-30-5"};
|
|
10834
11403
|
styleInject(css_248z$F);
|
|
10835
11404
|
|
|
10836
11405
|
var ActionButton = function ActionButton(props) {
|
|
@@ -15926,60 +16495,6 @@ function Reference(props) {
|
|
|
15926
16495
|
});
|
|
15927
16496
|
}
|
|
15928
16497
|
|
|
15929
|
-
var OverlayManager = /*#__PURE__*/function () {
|
|
15930
|
-
function OverlayManager() {
|
|
15931
|
-
_classCallCheck(this, OverlayManager);
|
|
15932
|
-
_defineProperty$1(this, "overlays", void 0);
|
|
15933
|
-
this.overlays = [];
|
|
15934
|
-
}
|
|
15935
|
-
return _createClass(OverlayManager, [{
|
|
15936
|
-
key: "add",
|
|
15937
|
-
value: function add(overlay) {
|
|
15938
|
-
if (overlay === null) return;
|
|
15939
|
-
var overlayIdx = this.overlays.indexOf(overlay);
|
|
15940
|
-
if (overlayIdx !== -1) {
|
|
15941
|
-
return overlayIdx;
|
|
15942
|
-
}
|
|
15943
|
-
overlayIdx = this.overlays.length;
|
|
15944
|
-
this.overlays.push(overlay);
|
|
15945
|
-
return overlayIdx;
|
|
15946
|
-
}
|
|
15947
|
-
}, {
|
|
15948
|
-
key: "remove",
|
|
15949
|
-
value: function remove(overlay) {
|
|
15950
|
-
if (overlay === null) return;
|
|
15951
|
-
var overlayIdx = this.overlays.indexOf(overlay);
|
|
15952
|
-
if (overlayIdx === -1) {
|
|
15953
|
-
return;
|
|
15954
|
-
}
|
|
15955
|
-
this.overlays.splice(overlayIdx, 1);
|
|
15956
|
-
}
|
|
15957
|
-
}, {
|
|
15958
|
-
key: "isTopOverlay",
|
|
15959
|
-
value: function isTopOverlay(overlay) {
|
|
15960
|
-
if (overlay === null) return;
|
|
15961
|
-
return !!this.overlays.length && this.overlays[this.overlays.length - 1] === overlay;
|
|
15962
|
-
}
|
|
15963
|
-
|
|
15964
|
-
/**
|
|
15965
|
-
* Overlays registered after `overlay` in the stack — i.e. opened while `overlay` was
|
|
15966
|
-
* already displayed (e.g. a Dropdown/DatePicker popper opened from within a Modal).
|
|
15967
|
-
* Used to extend a dialog's focus trap to portaled content that visually belongs to it
|
|
15968
|
-
* but isn't a DOM descendant (Poppers render into `document.body`, not the dialog).
|
|
15969
|
-
*/
|
|
15970
|
-
}, {
|
|
15971
|
-
key: "getOverlaysAfter",
|
|
15972
|
-
value: function getOverlaysAfter(overlay) {
|
|
15973
|
-
if (overlay === null) return [];
|
|
15974
|
-
var idx = this.overlays.indexOf(overlay);
|
|
15975
|
-
if (idx === -1) return [];
|
|
15976
|
-
return this.overlays.slice(idx + 1);
|
|
15977
|
-
}
|
|
15978
|
-
}]);
|
|
15979
|
-
}();
|
|
15980
|
-
var instance = new OverlayManager();
|
|
15981
|
-
Object.freeze(instance);
|
|
15982
|
-
|
|
15983
16498
|
var PopperWrapper = /*#__PURE__*/function (_React$Component) {
|
|
15984
16499
|
function PopperWrapper(props) {
|
|
15985
16500
|
var _this;
|
|
@@ -16458,8 +16973,8 @@ _defineProperty$1(PopperWrapper, "defaultProps", {
|
|
|
16458
16973
|
disabled: false
|
|
16459
16974
|
});
|
|
16460
16975
|
|
|
16461
|
-
var css_248z$E = ".popover-module-Popover-34Ge0-4-30-
|
|
16462
|
-
var styles$D = {"Popover":"popover-module-Popover-34Ge0-4-30-
|
|
16976
|
+
var css_248z$E = ".popover-module-Popover-34Ge0-4-30-5 {\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-30-5 {\n background: var(--inverse);\n color: var(--white);\n}\n\n.popover-module-Popover-34Ge0-4-30-5[data-hide='true'] {\n visibility: hidden;\n pointer-events: none;\n}\n\n@keyframes popover-module-popper-fade-in-pghyg-4-30-5 {\n 0% {\n opacity: 0;\n }\n 80% {\n opacity: var(--opacity-6);\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
16977
|
+
var styles$D = {"Popover":"popover-module-Popover-34Ge0-4-30-5","Popover--dark":"popover-module-Popover--dark-LYp8P-4-30-5","popper-fade-in":"popover-module-popper-fade-in-pghyg-4-30-5"};
|
|
16463
16978
|
styleInject(css_248z$E);
|
|
16464
16979
|
|
|
16465
16980
|
var _excluded$_ = ["position", "customStyle", "dark", "children", "onToggle", "className", "hideOnReferenceEscape", "boundaryElement", "name"];
|
|
@@ -16523,8 +17038,8 @@ Popover.defaultProps = Object.assign({}, filterProps(PopperWrapper.defaultProps,
|
|
|
16523
17038
|
customStyle: {}
|
|
16524
17039
|
});
|
|
16525
17040
|
|
|
16526
|
-
var css_248z$D = ".chipInput-module-ChipInput-EQQlO-4-30-
|
|
16527
|
-
var styles$C = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-30-
|
|
17041
|
+
var css_248z$D = ".chipInput-module-ChipInput-EQQlO-4-30-5 {\n display: flex;\n box-sizing: border-box;\n border-radius: var(--border-radius-10);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary);\n background: var(--white);\n cursor: text;\n flex: 100%;\n}\n\n.chipInput-module-ChipInput--regular-3ZvCo-4-30-5 {\n padding-left: 10px;\n padding-right: var(--spacing-15);\n}\n\n.chipInput-module-ChipInput--small-YXoDv-4-30-5 {\n align-items: center;\n min-height: var(--spacing-60);\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-10);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-30-5:hover {\n background: var(--secondary-lighter);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-30-5:focus-within {\n background: var(--white);\n}\n\n.chipInput-module-ChipInput--disabled-Qa6ok-4-30-5 {\n background: var(--secondary-lightest);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary-light);\n pointer-events: none;\n}\n\n.chipInput-module-ChipInput--withChips-svi7y-4-30-5 {\n padding-right: 0;\n}\n\n.chipInput-module-ChipInput--error-q8y-4-4-30-5 {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--alert);\n}\n\n.chipInput-module-ChipInput-wrapper-NzLiD-4-30-5 {\n display: flex;\n flex: 100%;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.chipInput-module-ChipInput--small-YXoDv-4-30-5 .chipInput-module-ChipInput-wrapper-NzLiD-4-30-5 {\n min-height: var(--spacing-60);\n}\n\n.chipInput-module-ChipInput-border--focusRing-Vpauu-4-30-5 {\n border-radius: var(--border-radius-10);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chipInput-module-ChipInput-border--error-lX1Mm-4-30-5.chipInput-module-ChipInput-border--focusRing-Vpauu-4-30-5 {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.chipInput-module-ChipInput-input-ddUDt-4-30-5 {\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-30-5 {\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-30-5 {\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-30-5:hover .chipInput-module-ChipInput-input-ddUDt-4-30-5 {\n background: var(--secondary-lighter);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-30-5:focus-within .chipInput-module-ChipInput-input-ddUDt-4-30-5 {\n background: var(--white);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-30-5 {\n cursor: pointer;\n border-radius: var(--border-radius-full);\n}\n\n.chipInput-module-ChipInput-icon--small-PciKa-4-30-5 {\n flex-shrink: 0;\n align-self: center;\n margin-left: var(--spacing-15);\n height: var(--spacing-30);\n}\n\n.chipInput-module-ChipInput-icon--regular-AJM6E-4-30-5 {\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-30-5:hover {\n background-color: var(--secondary);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-30-5:active {\n background-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-30-5:focus,\n.chipInput-module-ChipInput-icon-HQ7c4-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n";
|
|
17042
|
+
var styles$C = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-30-5","ChipInput--regular":"chipInput-module-ChipInput--regular-3ZvCo-4-30-5","ChipInput--small":"chipInput-module-ChipInput--small-YXoDv-4-30-5","ChipInput--disabled":"chipInput-module-ChipInput--disabled-Qa6ok-4-30-5","ChipInput--withChips":"chipInput-module-ChipInput--withChips-svi7y-4-30-5","ChipInput--error":"chipInput-module-ChipInput--error-q8y-4-4-30-5","ChipInput-wrapper":"chipInput-module-ChipInput-wrapper-NzLiD-4-30-5","ChipInput-border--focusRing":"chipInput-module-ChipInput-border--focusRing-Vpauu-4-30-5","ChipInput-border--error":"chipInput-module-ChipInput-border--error-lX1Mm-4-30-5","ChipInput-input":"chipInput-module-ChipInput-input-ddUDt-4-30-5","ChipInput-input--small":"chipInput-module-ChipInput-input--small-OzMCU-4-30-5","ChipInput-input--regular":"chipInput-module-ChipInput-input--regular-qiv6--4-30-5","ChipInput-icon":"chipInput-module-ChipInput-icon-HQ7c4-4-30-5","ChipInput-icon--small":"chipInput-module-ChipInput-icon--small-PciKa-4-30-5","ChipInput-icon--regular":"chipInput-module-ChipInput-icon--regular-AJM6E-4-30-5"};
|
|
16528
17043
|
styleInject(css_248z$D);
|
|
16529
17044
|
|
|
16530
17045
|
var getChipInputBorderFocusRegion = function getChipInputBorderFocusRegion(target, inputClassName) {
|
|
@@ -16826,8 +17341,8 @@ var formatCount = function formatCount(count) {
|
|
|
16826
17341
|
return '';
|
|
16827
17342
|
};
|
|
16828
17343
|
|
|
16829
|
-
var css_248z$C = ".verticalNav-module-VerticalNav-Dmfut-4-30-
|
|
16830
|
-
var styles$B = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-30-
|
|
17344
|
+
var css_248z$C = ".verticalNav-module-VerticalNav-Dmfut-4-30-5 {\n display: inline-flex;\n flex-direction: column;\n}\n\n.verticalNav-module-VerticalNav--expanded-YioJV-4-30-5 {\n width: 240px;\n}\n\n.verticalNav-module-VerticalNav-section-LKy0d-4-30-5 {\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-30-5 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-30-5 {\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-30-5 {\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-30-5 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.verticalNav-module-MenuItem--collapsed-ksvh1-4-30-5 {\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-30-5 {\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-30-5 {\n pointer-events: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-30-5:hover {\n background: var(--secondary);\n text-decoration: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-30-5:active {\n background: var(--secondary-dark);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-30-5:focus:not(:focus-visible) {\n outline: none;\n}\n\n.verticalNav-module-MenuItem--expanded-CNuEg-4-30-5:focus-visible {\n clip-path: inset(-6px -6px -6px 0);\n}\n\n.verticalNav-module-MenuItem--expandedRounded-u3k-c-4-30-5:focus-visible {\n clip-path: inset(-6px);\n}\n\n.verticalNav-module-MenuItem--disabled-UwXL1-4-30-5:focus-visible {\n outline: none;\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-30-5 {\n background: var(--primary-ultra-light);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary);\n}\n\n.verticalNav-module-MenuItem--activeExpanded--GaYh-4-30-5 {\n box-shadow: inset 0 var(--border-width-2-5) 0 0 var(--primary),\n inset calc(-1 * var(--border-width-2-5)) 0 0 0 var(--primary),\n inset 0 calc(-1 * var(--border-width-2-5)) 0 0 var(--primary);\n}\n\n.verticalNav-module-MenuItem--activeExpandedRounded-hDqIf-4-30-5 {\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-30-5:hover {\n background: var(--primary-lightest);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-30-5:active {\n background: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary-dark);\n}\n\n.verticalNav-module-MenuItem--activeExpanded--GaYh-4-30-5:active {\n box-shadow: inset 0 var(--border-width-2-5) 0 0 var(--primary-dark),\n inset calc(-1 * var(--border-width-2-5)) 0 0 0 var(--primary-dark),\n inset 0 calc(-1 * var(--border-width-2-5)) 0 0 var(--primary-dark);\n}\n\n.verticalNav-module-MenuItem--activeExpandedRounded-hDqIf-4-30-5:active {\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary-dark);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-30-5:active .verticalNav-module-MenuItem-Text-5dxj5-4-30-5 {\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-30-5:focus:not(:focus-visible) {\n outline: none;\n}\n\n.verticalNav-module-MenuItem--rounded-7Cz5E-4-30-5 {\n border-radius: var(--border-radius-40);\n}\n\n.verticalNav-module-MenuItem--subMenu-ZHEdU-4-30-5 {\n padding-left: 40px;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-30-5 .verticalNav-module-Text-pcT-x-4-30-5 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem--overflow-RfJ7G-4-30-5 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem-count-hxliH-4-30-5 {\n margin-right: var(--spacing-10);\n flex-shrink: 0;\n}\n\n.verticalNav-module-MenuItem-count--disabled-2tJFi-4-30-5 {\n opacity: var(--opacity-10);\n color: var(--text);\n}\n";
|
|
17345
|
+
var styles$B = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-30-5","VerticalNav--expanded":"verticalNav-module-VerticalNav--expanded-YioJV-4-30-5","VerticalNav-section":"verticalNav-module-VerticalNav-section-LKy0d-4-30-5","VerticalNav-section--border":"verticalNav-module-VerticalNav-section--border-II3bk-4-30-5","MenuItem":"verticalNav-module-MenuItem-tqOuM-4-30-5","MenuItem--horizontal":"verticalNav-module-MenuItem--horizontal-HqCw4-4-30-5","MenuItem--vertical":"verticalNav-module-MenuItem--vertical-KTu0E-4-30-5","MenuItem--collapsed":"verticalNav-module-MenuItem--collapsed-ksvh1-4-30-5","MenuItem--expanded":"verticalNav-module-MenuItem--expanded-CNuEg-4-30-5","MenuItem--disabled":"verticalNav-module-MenuItem--disabled-UwXL1-4-30-5","MenuItem--expandedRounded":"verticalNav-module-MenuItem--expandedRounded-u3k-c-4-30-5","MenuItem--active":"verticalNav-module-MenuItem--active-ocJoe-4-30-5","MenuItem--activeExpanded":"verticalNav-module-MenuItem--activeExpanded--GaYh-4-30-5","MenuItem--activeExpandedRounded":"verticalNav-module-MenuItem--activeExpandedRounded-hDqIf-4-30-5","MenuItem-Text":"verticalNav-module-MenuItem-Text-5dxj5-4-30-5","MenuItem--rounded":"verticalNav-module-MenuItem--rounded-7Cz5E-4-30-5","MenuItem--subMenu":"verticalNav-module-MenuItem--subMenu-ZHEdU-4-30-5","Text":"verticalNav-module-Text-pcT-x-4-30-5","MenuItem--overflow":"verticalNav-module-MenuItem--overflow-RfJ7G-4-30-5","MenuItem-count":"verticalNav-module-MenuItem-count-hxliH-4-30-5","MenuItem-count--disabled":"verticalNav-module-MenuItem-count--disabled-2tJFi-4-30-5"};
|
|
16831
17346
|
styleInject(css_248z$C);
|
|
16832
17347
|
|
|
16833
17348
|
var MenuIcon = function MenuIcon(props) {
|
|
@@ -17460,8 +17975,8 @@ VerticalNav.defaultProps = {
|
|
|
17460
17975
|
showTooltip: false
|
|
17461
17976
|
};
|
|
17462
17977
|
|
|
17463
|
-
var css_248z$B = ".horizontalNav-module-HorizontalNav-TaKHt-4-30-
|
|
17464
|
-
var styles$A = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-30-
|
|
17978
|
+
var css_248z$B = ".horizontalNav-module-HorizontalNav-TaKHt-4-30-5 {\n display: flex;\n}\n\n.horizontalNav-module-HorizontalNav-list-j9LKM-4-30-5 {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.horizontalNav-module-HorizontalNav-listItem-JJsD1-4-30-5 {\n display: flex;\n}\n\n.horizontalNav-module-HorizontalNav-menu-hc7-x-4-30-5 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n cursor: pointer;\n border: 0;\n background: transparent;\n font: inherit;\n text-decoration: none;\n height: var(--spacing-80);\n padding-right: var(--spacing-30);\n padding-left: var(--spacing-30);\n border-radius: var(--border-radius-40);\n margin: 0 var(--spacing-2-5);\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-30-5 {\n pointer-events: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-30-5:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-30-5:focus {\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-30-5:hover {\n background-color: var(--secondary);\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-30-5:active {\n background-color: var(--secondary-dark);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-30-5 {\n background-color: var(--primary-ultra-light);\n box-shadow: 0 0 0 var(--border-width-05) var(--primary);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-30-5:focus-visible {\n background-color: var(--primary-ultra-light);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-10);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-30-5:hover {\n background-color: var(--primary-lightest);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-30-5:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n box-shadow: 0 0 0 var(--border-width-05) var(--primary-dark);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-30-5:active .horizontalNav-module-HorizontalNav-menuText-hlHtx-4-30-5 {\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-30-5:focus-visible:active {\n background-color: var(--primary-lighter);\n box-shadow: 0 0 0 var(--border-width-05) var(--primary-dark);\n}\n\n.horizontalNav-module-HorizontalNav-menuText-hlHtx-4-30-5 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-30-5,\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-30-5 {\n transition-delay: var(--duration--fast-02);\n}\n\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-30-5 {\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.horizontalNav-module-HorizontalNav-pills-Ko7S--4-30-5 {\n margin-right: var(--spacing-10);\n}\n\n.horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-30-5 {\n opacity: var(--opacity-10);\n}\n\n@media (forced-colors: active) {\n /* Active nav item uses box-shadow as its visible ring — replace with a real border */\n .horizontalNav-module-HorizontalNav-menu--active-LO21D-4-30-5 {\n border: var(--border-width-2-5) solid Highlight;\n box-shadow: none;\n }\n\n .horizontalNav-module-HorizontalNav-menu--active-LO21D-4-30-5:active,\n .horizontalNav-module-HorizontalNav-menu--active-LO21D-4-30-5:focus-visible:active {\n border-color: Highlight;\n box-shadow: none;\n }\n}\n";
|
|
17979
|
+
var styles$A = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-30-5","HorizontalNav-list":"horizontalNav-module-HorizontalNav-list-j9LKM-4-30-5","HorizontalNav-listItem":"horizontalNav-module-HorizontalNav-listItem-JJsD1-4-30-5","HorizontalNav-menu":"horizontalNav-module-HorizontalNav-menu-hc7-x-4-30-5","HorizontalNav-menu--disabled":"horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-30-5","HorizontalNav-menu--default":"horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-30-5","HorizontalNav-menu--active":"horizontalNav-module-HorizontalNav-menu--active-LO21D-4-30-5","HorizontalNav-menuText":"horizontalNav-module-HorizontalNav-menuText-hlHtx-4-30-5","HorizontalNav-animate":"horizontalNav-module-HorizontalNav-animate-HJvL2-4-30-5","HorizontalNav-pills":"horizontalNav-module-HorizontalNav-pills-Ko7S--4-30-5","HorizontalNav-pills--disabled":"horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-30-5"};
|
|
17465
17980
|
styleInject(css_248z$B);
|
|
17466
17981
|
|
|
17467
17982
|
var HorizontalNav = function HorizontalNav(props) {
|
|
@@ -17775,8 +18290,8 @@ Dialog.defaultProps = {
|
|
|
17775
18290
|
secondaryButtonAppearance: 'basic'
|
|
17776
18291
|
};
|
|
17777
18292
|
|
|
17778
|
-
var css_248z$A = ".overlay-module-OverlayHeader-X75uk-4-30-
|
|
17779
|
-
var styles$z = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-30-
|
|
18293
|
+
var css_248z$A = ".overlay-module-OverlayHeader-X75uk-4-30-5 {\n box-sizing: border-box;\n margin-left: var(--spacing-60);\n}\n\n.overlay-module-OverlayHeader--withBackButton-P8Z6f-4-30-5 {\n margin-left: var(--spacing-40);\n}\n\n.overlay-module-OverlayHeader-headerWrapper-wDTqn-4-30-5 {\n display: flex;\n align-items: center;\n}\n\n.overlay-module-OverlayHeader-subheading-HGK3Q-4-30-5 {\n margin-top: var(--spacing-05);\n}\n\n.overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-30-5 {\n margin-left: var(--spacing-20);\n}\n\n.overlay-module-OverlayBody-0aiqy-4-30-5 {\n overflow-y: auto;\n}\n\n.overlay-module-Overlay-body--stickFooter-9u7pt-4-30-5 {\n margin-bottom: 80px;\n}\n\n.overlay-module-OverlayFooter-0Ne3i-4-30-5 {\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";
|
|
18294
|
+
var styles$z = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-30-5","OverlayHeader--withBackButton":"overlay-module-OverlayHeader--withBackButton-P8Z6f-4-30-5","OverlayHeader-headerWrapper":"overlay-module-OverlayHeader-headerWrapper-wDTqn-4-30-5","OverlayHeader-subheading":"overlay-module-OverlayHeader-subheading-HGK3Q-4-30-5","OverlayHeader-subheading--withBackButton":"overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-30-5","OverlayBody":"overlay-module-OverlayBody-0aiqy-4-30-5","Overlay-body--stickFooter":"overlay-module-Overlay-body--stickFooter-9u7pt-4-30-5","OverlayFooter":"overlay-module-OverlayFooter-0Ne3i-4-30-5"};
|
|
17780
18295
|
styleInject(css_248z$A);
|
|
17781
18296
|
|
|
17782
18297
|
var _excluded$X = ["label"];
|
|
@@ -17886,398 +18401,8 @@ OverlayBody.defaultProps = {
|
|
|
17886
18401
|
};
|
|
17887
18402
|
OverlayBody.displayName = 'OverlayBody';
|
|
17888
18403
|
|
|
17889
|
-
var
|
|
17890
|
-
|
|
17891
|
-
if (element === null) {
|
|
17892
|
-
element = document.createElement('div');
|
|
17893
|
-
element.classList.add('Overlay-wrapper');
|
|
17894
|
-
document.body.appendChild(element);
|
|
17895
|
-
}
|
|
17896
|
-
return element;
|
|
17897
|
-
};
|
|
17898
|
-
var getUpdatedZIndex = function getUpdatedZIndex(ele) {
|
|
17899
|
-
var containerClassName = ele.containerClassName,
|
|
17900
|
-
elementRef = ele.elementRef,
|
|
17901
|
-
element = ele.element;
|
|
17902
|
-
if (element === null) return;
|
|
17903
|
-
var elements = element.querySelectorAll(containerClassName);
|
|
17904
|
-
if (elements.length < 1) return;
|
|
17905
|
-
var siblings = Array.from(elements).filter(function (el) {
|
|
17906
|
-
return el !== elementRef.current;
|
|
17907
|
-
});
|
|
17908
|
-
var zIndex = -1;
|
|
17909
|
-
siblings.forEach(function (element) {
|
|
17910
|
-
var prevZIndex = parseInt(window.getComputedStyle(element).zIndex || '0', 10);
|
|
17911
|
-
zIndex = Math.max(zIndex, prevZIndex + 10);
|
|
17912
|
-
});
|
|
17913
|
-
return zIndex > 0 ? zIndex : undefined;
|
|
17914
|
-
};
|
|
17915
|
-
|
|
17916
|
-
// keyboard event, boolean?, (event: Event) => void
|
|
17917
|
-
var closeOnEscapeKeypress = function closeOnEscapeKeypress(event, isTopOverlay, onClose) {
|
|
17918
|
-
if (event.key === 'Escape' && isTopOverlay) {
|
|
17919
|
-
onClose(event);
|
|
17920
|
-
|
|
17921
|
-
// prevent browser-specific escape key behavior (Safari exits fullscreen)
|
|
17922
|
-
event.preventDefault();
|
|
17923
|
-
}
|
|
17924
|
-
};
|
|
17925
|
-
var FOCUSABLE_SELECTOR$1 = 'a[href], button:not([disabled]), input:not([disabled]):not([type="hidden"]), select:not([disabled]), textarea:not([disabled]), [contenteditable="true"], summary, area[href], [tabindex]:not([tabindex="-1"])';
|
|
17926
|
-
|
|
17927
|
-
/**
|
|
17928
|
-
* Returns focusable elements within a container, in DOM order.
|
|
17929
|
-
* Excludes elements with `visibility: hidden`, `display: none`, `aria-hidden="true"`,
|
|
17930
|
-
* `aria-disabled="true"`, or inside an `[inert]` subtree.
|
|
17931
|
-
*/
|
|
17932
|
-
var getFocusableElements$1 = function getFocusableElements(container) {
|
|
17933
|
-
var elements = container.querySelectorAll(FOCUSABLE_SELECTOR$1);
|
|
17934
|
-
return Array.from(elements).filter(function (el) {
|
|
17935
|
-
var style = window.getComputedStyle(el);
|
|
17936
|
-
var isVisible = style.visibility !== 'hidden' && style.display !== 'none';
|
|
17937
|
-
var isAriaHidden = el.getAttribute('aria-hidden') === 'true';
|
|
17938
|
-
var isAriaDisabled = el.getAttribute('aria-disabled') === 'true';
|
|
17939
|
-
var isInert = el.closest('[inert]') !== null;
|
|
17940
|
-
var isExplicitlyNonFocusable = el.getAttribute('tabindex') === '-1';
|
|
17941
|
-
return isVisible && !isAriaHidden && !isAriaDisabled && !isInert && !isExplicitlyNonFocusable;
|
|
17942
|
-
});
|
|
17943
|
-
};
|
|
17944
|
-
var LISTBOX_OPTION_SELECTOR = '[role="option"]';
|
|
17945
|
-
|
|
17946
|
-
/**
|
|
17947
|
-
* Returns enabled, visible listbox options (`[role="option"]`) under a listbox root, in DOM order.
|
|
17948
|
-
* Matches combobox items that use roving `tabIndex={-1}` (excluded by {@link getFocusableElements}).
|
|
17949
|
-
*/
|
|
17950
|
-
var getListboxOptionElements = function getListboxOptionElements(listboxRoot) {
|
|
17951
|
-
var options = [];
|
|
17952
|
-
for (var _i = 0, _Array$from = Array.from(listboxRoot.children); _i < _Array$from.length; _i++) {
|
|
17953
|
-
var node = _Array$from[_i];
|
|
17954
|
-
if (!(node instanceof HTMLElement)) continue;
|
|
17955
|
-
var optionNode = null;
|
|
17956
|
-
if (node.matches(LISTBOX_OPTION_SELECTOR)) {
|
|
17957
|
-
optionNode = node;
|
|
17958
|
-
} else {
|
|
17959
|
-
for (var _i2 = 0, _Array$from2 = Array.from(node.children); _i2 < _Array$from2.length; _i2++) {
|
|
17960
|
-
var child = _Array$from2[_i2];
|
|
17961
|
-
if (child.matches(LISTBOX_OPTION_SELECTOR) || child.matches('[data-test="DesignSystem-Listbox-ItemWrapper"]')) {
|
|
17962
|
-
optionNode = child;
|
|
17963
|
-
break;
|
|
17964
|
-
}
|
|
17965
|
-
}
|
|
17966
|
-
}
|
|
17967
|
-
if (!optionNode) continue;
|
|
17968
|
-
var styleOuter = window.getComputedStyle(node);
|
|
17969
|
-
var styleInner = optionNode !== node ? window.getComputedStyle(optionNode) : styleOuter;
|
|
17970
|
-
var isVisible = styleOuter.visibility !== 'hidden' && styleOuter.display !== 'none' && styleInner.visibility !== 'hidden' && styleInner.display !== 'none';
|
|
17971
|
-
var isAriaHidden = node.getAttribute('aria-hidden') === 'true' || optionNode.getAttribute('aria-hidden') === 'true';
|
|
17972
|
-
var isAriaDisabled = node.getAttribute('aria-disabled') === 'true' || optionNode.getAttribute('aria-disabled') === 'true';
|
|
17973
|
-
var isInert = optionNode.closest('[inert]') !== null;
|
|
17974
|
-
var isDataDisabled = optionNode.getAttribute('data-disabled') === 'true' || node.getAttribute('data-disabled') === 'true';
|
|
17975
|
-
if (isVisible && !isAriaHidden && !isAriaDisabled && !isInert && !isDataDisabled) {
|
|
17976
|
-
options.push(optionNode);
|
|
17977
|
-
}
|
|
17978
|
-
}
|
|
17979
|
-
return options;
|
|
17980
|
-
};
|
|
17981
|
-
|
|
17982
|
-
/**
|
|
17983
|
-
* Focusable/interactive list descendants for keyboard navigation.
|
|
17984
|
-
* With `roleHint` `"listbox"`, returns `[role="option"]` elements under the listbox root(s), not generic tabbables
|
|
17985
|
-
* (listbox options often use `tabindex="-1"`).
|
|
17986
|
-
*/
|
|
17987
|
-
var getAllFocusableElements = function getAllFocusableElements(container, roleHint) {
|
|
17988
|
-
if (roleHint !== 'listbox') {
|
|
17989
|
-
return getFocusableElements$1(container);
|
|
17990
|
-
}
|
|
17991
|
-
var roots = [];
|
|
17992
|
-
if (container.getAttribute('role') === 'listbox') {
|
|
17993
|
-
roots.push(container);
|
|
17994
|
-
} else {
|
|
17995
|
-
roots.push.apply(roots, _toConsumableArray(Array.from(container.querySelectorAll('[role="listbox"]'))));
|
|
17996
|
-
}
|
|
17997
|
-
if (roots.length === 0) {
|
|
17998
|
-
return [];
|
|
17999
|
-
}
|
|
18000
|
-
var seen = new Set();
|
|
18001
|
-
var out = [];
|
|
18002
|
-
for (var _i3 = 0, _roots = roots; _i3 < _roots.length; _i3++) {
|
|
18003
|
-
var root = _roots[_i3];
|
|
18004
|
-
var _iterator = _createForOfIteratorHelper(getListboxOptionElements(root)),
|
|
18005
|
-
_step;
|
|
18006
|
-
try {
|
|
18007
|
-
for (_iterator.s(); !(_step = _iterator.n()).done;) {
|
|
18008
|
-
var el = _step.value;
|
|
18009
|
-
if (!seen.has(el)) {
|
|
18010
|
-
seen.add(el);
|
|
18011
|
-
out.push(el);
|
|
18012
|
-
}
|
|
18013
|
-
}
|
|
18014
|
-
} catch (err) {
|
|
18015
|
-
_iterator.e(err);
|
|
18016
|
-
} finally {
|
|
18017
|
-
_iterator.f();
|
|
18018
|
-
}
|
|
18019
|
-
}
|
|
18020
|
-
return out;
|
|
18021
|
-
};
|
|
18022
|
-
|
|
18023
|
-
/**
|
|
18024
|
-
* True if `element` is a dialog, or has one nested inside it. Modal/Sidesheet register
|
|
18025
|
-
* their *outer* wrapper with `OverlayManager` (the element carrying `role="dialog"` is a
|
|
18026
|
-
* descendant — always for Sidesheet, and for Modal whenever `backdropClose` is used), so
|
|
18027
|
-
* checking `element`'s own `role` attribute alone misses those cases.
|
|
18028
|
-
*/
|
|
18029
|
-
var isOrContainsDialog = function isOrContainsDialog(element) {
|
|
18030
|
-
return element.getAttribute('role') === 'dialog' || element.querySelector('[role="dialog"]') !== null;
|
|
18031
|
-
};
|
|
18032
|
-
|
|
18033
|
-
/**
|
|
18034
|
-
* Poppers (Dropdown menus, DatePicker calendars, ...) render their content into
|
|
18035
|
-
* `document.body` via a portal, so it is never a DOM descendant of the dialog that
|
|
18036
|
-
* spawned it even though it's visually layered on top of it. This returns such
|
|
18037
|
-
* currently-open portaled overlays — found via {@link OverlayManager}'s stack, which
|
|
18038
|
-
* records them in open order — so the dialog's focus trap can be extended to include
|
|
18039
|
-
* them instead of losing focus to the trap when it reaches one.
|
|
18040
|
-
*
|
|
18041
|
-
* Stops at the first nested dialog (a Modal or Sidesheet opened on top of this one — see
|
|
18042
|
-
* {@link isOrContainsDialog}) and excludes everything from that point on, not just the
|
|
18043
|
-
* dialog itself: a popper the nested dialog opens (e.g. its own DatePicker) is registered
|
|
18044
|
-
* with `OverlayManager` *after* that dialog too, so without stopping there it would also
|
|
18045
|
-
* be picked up here and wrongly absorbed into *this* (outer) trap — whose capture-phase
|
|
18046
|
-
* listener runs first and would hijack Tab away from the inner dialog's own trap.
|
|
18047
|
-
*
|
|
18048
|
-
* @param ownOverlayEl - The dialog's own element as registered with `OverlayManager`
|
|
18049
|
-
* (e.g. `this.modalRef.current`), used to find overlays opened after it.
|
|
18050
|
-
* @param container - The dialog's content container; used to exclude overlays that are
|
|
18051
|
-
* (unexpectedly) DOM descendants/ancestors of it.
|
|
18052
|
-
*/
|
|
18053
|
-
var getNestedOverlayElements = function getNestedOverlayElements(ownOverlayEl, container) {
|
|
18054
|
-
var nested = [];
|
|
18055
|
-
var _iterator2 = _createForOfIteratorHelper(instance.getOverlaysAfter(ownOverlayEl)),
|
|
18056
|
-
_step2;
|
|
18057
|
-
try {
|
|
18058
|
-
for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
|
|
18059
|
-
var overlay = _step2.value;
|
|
18060
|
-
if (isOrContainsDialog(overlay)) break;
|
|
18061
|
-
if (!overlay.isConnected) continue;
|
|
18062
|
-
if (container.contains(overlay) || overlay.contains(container)) continue;
|
|
18063
|
-
nested.push(overlay);
|
|
18064
|
-
}
|
|
18065
|
-
} catch (err) {
|
|
18066
|
-
_iterator2.e(err);
|
|
18067
|
-
} finally {
|
|
18068
|
-
_iterator2.f();
|
|
18069
|
-
}
|
|
18070
|
-
return nested;
|
|
18071
|
-
};
|
|
18072
|
-
|
|
18073
|
-
/**
|
|
18074
|
-
* Handles Tab/Shift+Tab to trap focus within the container.
|
|
18075
|
-
*
|
|
18076
|
-
* @param staticFocusTarget - Optional non-tabbable element (tabindex="-1") that received
|
|
18077
|
-
* focus on overlay open (e.g. the dialog heading). It is not in the tabbable focusable
|
|
18078
|
-
* list, so without this parameter Shift+Tab from it would escape the trap.
|
|
18079
|
-
* @param nestedOverlays - Currently-open portaled overlays (see {@link getNestedOverlayElements})
|
|
18080
|
-
* that should be treated as part of the trapped region, in the order they were opened.
|
|
18081
|
-
*
|
|
18082
|
-
* Returns true if the event was handled (focus was redirected or prevented).
|
|
18083
|
-
*/
|
|
18084
|
-
var handleFocusTrapKeyDown = function handleFocusTrapKeyDown(event, container, staticFocusTarget) {
|
|
18085
|
-
var nestedOverlays = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : [];
|
|
18086
|
-
if (event.key !== 'Tab') return false;
|
|
18087
|
-
var scopes = [container].concat(_toConsumableArray(nestedOverlays));
|
|
18088
|
-
var focusable = scopes.reduce(function (acc, scope) {
|
|
18089
|
-
return acc.concat(getFocusableElements$1(scope));
|
|
18090
|
-
}, []);
|
|
18091
|
-
var activeElement = document.activeElement;
|
|
18092
|
-
if (!activeElement || !scopes.some(function (scope) {
|
|
18093
|
-
return scope.contains(activeElement);
|
|
18094
|
-
})) {
|
|
18095
|
-
return false;
|
|
18096
|
-
}
|
|
18097
|
-
if (focusable.length === 0) {
|
|
18098
|
-
event.preventDefault();
|
|
18099
|
-
container.focus({
|
|
18100
|
-
preventScroll: true
|
|
18101
|
-
});
|
|
18102
|
-
return true;
|
|
18103
|
-
}
|
|
18104
|
-
var first = focusable[0];
|
|
18105
|
-
var last = focusable[focusable.length - 1];
|
|
18106
|
-
if (event.shiftKey) {
|
|
18107
|
-
var staticTargetPrecedesFirst = !!staticFocusTarget && activeElement === staticFocusTarget && !!(staticFocusTarget.compareDocumentPosition(first) & Node.DOCUMENT_POSITION_FOLLOWING);
|
|
18108
|
-
if (activeElement === first || staticTargetPrecedesFirst) {
|
|
18109
|
-
event.preventDefault();
|
|
18110
|
-
last.focus({
|
|
18111
|
-
preventScroll: true
|
|
18112
|
-
});
|
|
18113
|
-
return true;
|
|
18114
|
-
}
|
|
18115
|
-
} else {
|
|
18116
|
-
if (activeElement === last) {
|
|
18117
|
-
event.preventDefault();
|
|
18118
|
-
first.focus({
|
|
18119
|
-
preventScroll: true
|
|
18120
|
-
});
|
|
18121
|
-
return true;
|
|
18122
|
-
}
|
|
18123
|
-
}
|
|
18124
|
-
return false;
|
|
18125
|
-
};
|
|
18126
|
-
var NON_CONTENT_TAGS = new Set(['SCRIPT', 'STYLE']);
|
|
18127
|
-
|
|
18128
|
-
/**
|
|
18129
|
-
* Sets `aria-hidden="true"` on every `<body>` child other than `keepVisible`, so a screen
|
|
18130
|
-
* reader's virtual/browse cursor can't wander into the rest of the page while a dialog is
|
|
18131
|
-
* open. This is a distinct problem from keyboard focus trapping (arrow-key browse-mode
|
|
18132
|
-
* navigation ignores tabindex and DOM focus entirely) and is why `aria-modal` alone isn't
|
|
18133
|
-
* sufficient in every screen reader/browser combination — see WAI-ARIA APG dialog pattern.
|
|
18134
|
-
*
|
|
18135
|
-
* Skips `<script>`/`<style>` tags (never exposed to assistive tech regardless of
|
|
18136
|
-
* `aria-hidden`) and anything already `aria-hidden="true"`, so a dialog opened while
|
|
18137
|
-
* another is already active doesn't clobber the outer one's state.
|
|
18138
|
-
*
|
|
18139
|
-
* Returns a restore function that removes `aria-hidden` from exactly the elements this call
|
|
18140
|
-
* added it to.
|
|
18141
|
-
*/
|
|
18142
|
-
var hideBackgroundFromScreenReaders = function hideBackgroundFromScreenReaders(keepVisible) {
|
|
18143
|
-
var hidden = [];
|
|
18144
|
-
Array.from(document.body.children).forEach(function (child) {
|
|
18145
|
-
if (NON_CONTENT_TAGS.has(child.tagName)) return;
|
|
18146
|
-
if (keepVisible.includes(child)) return;
|
|
18147
|
-
if (child.getAttribute('aria-hidden') === 'true') return;
|
|
18148
|
-
child.setAttribute('aria-hidden', 'true');
|
|
18149
|
-
hidden.push(child);
|
|
18150
|
-
});
|
|
18151
|
-
return function () {
|
|
18152
|
-
hidden.forEach(function (child) {
|
|
18153
|
-
return child.removeAttribute('aria-hidden');
|
|
18154
|
-
});
|
|
18155
|
-
};
|
|
18156
|
-
};
|
|
18157
|
-
|
|
18158
|
-
/**
|
|
18159
|
-
* Ordered stack of currently-open dialog *content* elements (the one carrying
|
|
18160
|
-
* `role="dialog"` — e.g. `this.modalContentRef.current`) that share the singleton portal
|
|
18161
|
-
* returned by {@link getWrapperElement} (Modal/Sidesheet both render into it). Because they
|
|
18162
|
-
* share that one `document.body` child, hiding background siblings of the portal (see
|
|
18163
|
-
* {@link hideBackgroundFromScreenReaders}) can't by itself tell one stacked dialog's content
|
|
18164
|
-
* apart from another's — per the WAI-ARIA dialog pattern, only the *topmost* dialog should
|
|
18165
|
-
* stay exposed to a screen reader's browse cursor; every dialog underneath it must also be
|
|
18166
|
-
* `aria-hidden` until it's topmost again.
|
|
18167
|
-
*/
|
|
18168
|
-
var dialogRootStack = [];
|
|
18169
|
-
var restorePageBackground = null;
|
|
18170
|
-
|
|
18171
|
-
/**
|
|
18172
|
-
* All currently-open Popper-portaled overlays (Dropdown/DatePicker/Popover, ...) anywhere
|
|
18173
|
-
* in the `OverlayManager` stack, regardless of which dialog opened them. Used to build the
|
|
18174
|
-
* page-level "keep visible" set for {@link activateBackgroundHiding}: every one of them
|
|
18175
|
-
* shares the same `document.body`-level portal as the dialogs' own wrapper and must stay
|
|
18176
|
-
* exposed no matter how many dialogs are stacked or which one owns it.
|
|
18177
|
-
*
|
|
18178
|
-
* Unlike {@link getNestedOverlayElements} — which stops at the next dialog boundary to
|
|
18179
|
-
* scope one *specific* dialog's own focus trap — this deliberately keeps scanning past
|
|
18180
|
-
* dialog boundaries: dialog elements themselves are excluded, but a nested dialog's own
|
|
18181
|
-
* poppers must still be included.
|
|
18182
|
-
*/
|
|
18183
|
-
var getAllOpenPopperOverlays = function getAllOpenPopperOverlays() {
|
|
18184
|
-
return instance.overlays.filter(function (overlay) {
|
|
18185
|
-
return overlay.isConnected && !isOrContainsDialog(overlay);
|
|
18186
|
-
});
|
|
18187
|
-
};
|
|
18188
|
-
|
|
18189
|
-
/**
|
|
18190
|
-
* Marks `dialogRoot` as the new topmost dialog: `aria-hidden`s whichever dialog was
|
|
18191
|
-
* previously on top (if any), and — the first time the stack goes from empty to
|
|
18192
|
-
* non-empty — hides the rest of the page too.
|
|
18193
|
-
*
|
|
18194
|
-
* No-op if `dialogRoot` is already the topmost entry, so a duplicate activation call for
|
|
18195
|
-
* the same dialog can't push it twice or double-hide the previous top.
|
|
18196
|
-
*
|
|
18197
|
-
* @param dialogRoot - This dialog's own `role="dialog"` element.
|
|
18198
|
-
* @param portalRoot - The shared portal root to keep visible (e.g. `this.element`, from
|
|
18199
|
-
* {@link getWrapperElement}).
|
|
18200
|
-
*/
|
|
18201
|
-
var activateBackgroundHiding = function activateBackgroundHiding(dialogRoot, portalRoot) {
|
|
18202
|
-
if (dialogRootStack[dialogRootStack.length - 1] === dialogRoot) return;
|
|
18203
|
-
var previousTop = dialogRootStack[dialogRootStack.length - 1];
|
|
18204
|
-
if (previousTop) previousTop.setAttribute('aria-hidden', 'true');
|
|
18205
|
-
|
|
18206
|
-
// Undo a stale `aria-hidden` from a past cycle where this same dialog element got
|
|
18207
|
-
// covered and then closed without being reopened in between — the element persists
|
|
18208
|
-
// across opens/closes (only its content unmounts), so nothing else would clear it.
|
|
18209
|
-
dialogRoot.removeAttribute('aria-hidden');
|
|
18210
|
-
dialogRootStack.push(dialogRoot);
|
|
18211
|
-
if (dialogRootStack.length === 1) {
|
|
18212
|
-
// A Popper (Dropdown/DatePicker/Popover) that's already open on first render mounts its
|
|
18213
|
-
// `document.body` portal, as a child, before registering with `OverlayManager` via its
|
|
18214
|
-
// own `setTimeout(0)` (see `PopperWrapper.scheduleOverlayAdd`). Whether that registration
|
|
18215
|
-
// is queued *before* or *after* this one depends on whether the popper sits inside *this*
|
|
18216
|
-
// dialog (mounts first, so its timer is queued first) or a later-mounting nested dialog
|
|
18217
|
-
// (mounts after this dialog's own componentDidMount already queued this timer, so its
|
|
18218
|
-
// registration timer is queued after). A second deferred tick guarantees every such
|
|
18219
|
-
// registration made during the same synchronous commit has landed either way, so the
|
|
18220
|
-
// scan below never misses one and hides it as background for the dialog's whole lifetime.
|
|
18221
|
-
window.setTimeout(function () {
|
|
18222
|
-
window.setTimeout(function () {
|
|
18223
|
-
// This dialog closed (and possibly another opened) before the deferral elapsed;
|
|
18224
|
-
// whichever dialog is now at the bottom of the stack owns the page-background scan.
|
|
18225
|
-
if (dialogRootStack[0] !== dialogRoot) return;
|
|
18226
|
-
restorePageBackground = hideBackgroundFromScreenReaders([portalRoot].concat(_toConsumableArray(getAllOpenPopperOverlays())));
|
|
18227
|
-
}, 0);
|
|
18228
|
-
}, 0);
|
|
18229
|
-
}
|
|
18230
|
-
};
|
|
18231
|
-
|
|
18232
|
-
/**
|
|
18233
|
-
* Reverses {@link activateBackgroundHiding} for `dialogRoot`: removes it from the stack
|
|
18234
|
-
* and exposes whichever dialog is now topmost, or the page background if none remain.
|
|
18235
|
-
*
|
|
18236
|
-
* Idempotent — a dialog whose `open` prop flips to `false` can call this once from
|
|
18237
|
-
* `componentDidUpdate` and again from `componentWillUnmount` if it unmounts mid
|
|
18238
|
-
* close-animation (`state.open` hasn't settled to `false` yet); the second call finds
|
|
18239
|
-
* `dialogRoot` no longer in the stack and does nothing.
|
|
18240
|
-
*/
|
|
18241
|
-
var deactivateBackgroundHiding = function deactivateBackgroundHiding(dialogRoot) {
|
|
18242
|
-
var index = dialogRootStack.indexOf(dialogRoot);
|
|
18243
|
-
if (index === -1) return;
|
|
18244
|
-
dialogRootStack.splice(index, 1);
|
|
18245
|
-
var newTop = dialogRootStack[dialogRootStack.length - 1];
|
|
18246
|
-
if (newTop) {
|
|
18247
|
-
newTop.removeAttribute('aria-hidden');
|
|
18248
|
-
return;
|
|
18249
|
-
}
|
|
18250
|
-
if (restorePageBackground) {
|
|
18251
|
-
restorePageBackground();
|
|
18252
|
-
restorePageBackground = null;
|
|
18253
|
-
}
|
|
18254
|
-
};
|
|
18255
|
-
|
|
18256
|
-
/**
|
|
18257
|
-
* Returns focus to a previously focused element after an overlay closes.
|
|
18258
|
-
* When {@link closingOverlay} is provided, restoration is skipped if focus
|
|
18259
|
-
* is currently inside a *different* dialog — preventing a background
|
|
18260
|
-
* overlay from stealing focus away from the topmost focus-trapping dialog.
|
|
18261
|
-
*/
|
|
18262
|
-
var restoreFocusToElementIfConnected = function restoreFocusToElementIfConnected(element, closingOverlay) {
|
|
18263
|
-
if (!(element !== null && element !== void 0 && element.focus) || !element.isConnected) return;
|
|
18264
|
-
window.requestAnimationFrame(function () {
|
|
18265
|
-
if (!element.isConnected) return;
|
|
18266
|
-
if (closingOverlay) {
|
|
18267
|
-
var _document$activeEleme;
|
|
18268
|
-
var activeDialog = (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.closest('[role="dialog"]');
|
|
18269
|
-
if (activeDialog && activeDialog !== closingOverlay) {
|
|
18270
|
-
return;
|
|
18271
|
-
}
|
|
18272
|
-
}
|
|
18273
|
-
element.focus({
|
|
18274
|
-
preventScroll: true
|
|
18275
|
-
});
|
|
18276
|
-
});
|
|
18277
|
-
};
|
|
18278
|
-
|
|
18279
|
-
var css_248z$z = "@keyframes modal-module-modal-open-XetuH-4-30-3 {\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-30-3 {\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-30-3 {\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-30-3 {\n display: flex;\n}\n\n.modal-module-Modal-animation--open-GPVLI-4-30-3 {\n animation: modal-module-modal-open-XetuH-4-30-3 var(--duration--moderate-02) var(--entrance-expressive-curve);\n}\n\n.modal-module-Modal-animation--close-re3FT-4-30-3 {\n animation: modal-module-modal-close-6bwSt-4-30-3 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n\n.modal-module-Modal-header-fdaxo-4-30-3 {\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-30-3 {\n border-bottom: var(--border);\n}\n\n.modal-module-Modal-description-yJzzp-4-30-3 {\n padding: var(--spacing-20) 0;\n}\n\n.modal-module-Modal-footer-njNb3-4-30-3 {\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-30-3 {\n border-top: var(--border);\n}\n\n.modal-module-Modal-body-kEuY3-4-30-3 {\n padding: 0 var(--spacing-60);\n}\n\n.modal-module-Modal-body--withMargin-QJGL1-4-30-3 {\n margin-bottom: 80px;\n}\n\n.modal-module-Modal-body--withPadding-sX2cE-4-30-3 {\n padding-bottom: var(--spacing-40);\n}\n\n.modal-module-Modal-jy6BE-4-30-3:focus {\n outline: none;\n}\n\n.modal-module-Modal-header-fdaxo-4-30-3 [tabindex='-1']:focus {\n outline: none;\n}\n\n@media (forced-colors: active) {\n /* box-shadow is the only visual boundary; add a real border so the modal is visible */\n .modal-module-Modal-jy6BE-4-30-3 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n}\n";
|
|
18280
|
-
var styles$y = {"Modal":"modal-module-Modal-jy6BE-4-30-3","Modal--open":"modal-module-Modal--open-pEOMN-4-30-3","Modal-animation--open":"modal-module-Modal-animation--open-GPVLI-4-30-3","modal-open":"modal-module-modal-open-XetuH-4-30-3","Modal-animation--close":"modal-module-Modal-animation--close-re3FT-4-30-3","modal-close":"modal-module-modal-close-6bwSt-4-30-3","Modal-header":"modal-module-Modal-header-fdaxo-4-30-3","Modal-header--withSeperator":"modal-module-Modal-header--withSeperator-JuBGt-4-30-3","Modal-description":"modal-module-Modal-description-yJzzp-4-30-3","Modal-footer":"modal-module-Modal-footer-njNb3-4-30-3","Modal-footer--withSeperator":"modal-module-Modal-footer--withSeperator-E6Dfh-4-30-3","Modal-body":"modal-module-Modal-body-kEuY3-4-30-3","Modal-body--withMargin":"modal-module-Modal-body--withMargin-QJGL1-4-30-3","Modal-body--withPadding":"modal-module-Modal-body--withPadding-sX2cE-4-30-3"};
|
|
18404
|
+
var css_248z$z = "@keyframes modal-module-modal-open-XetuH-4-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\n display: flex;\n}\n\n.modal-module-Modal-animation--open-GPVLI-4-30-5 {\n animation: modal-module-modal-open-XetuH-4-30-5 var(--duration--moderate-02) var(--entrance-expressive-curve);\n}\n\n.modal-module-Modal-animation--close-re3FT-4-30-5 {\n animation: modal-module-modal-close-6bwSt-4-30-5 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n\n.modal-module-Modal-header-fdaxo-4-30-5 {\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-30-5 {\n border-bottom: var(--border);\n}\n\n.modal-module-Modal-description-yJzzp-4-30-5 {\n padding: var(--spacing-20) 0;\n}\n\n.modal-module-Modal-footer-njNb3-4-30-5 {\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-30-5 {\n border-top: var(--border);\n}\n\n.modal-module-Modal-body-kEuY3-4-30-5 {\n padding: 0 var(--spacing-60);\n}\n\n.modal-module-Modal-body--withMargin-QJGL1-4-30-5 {\n margin-bottom: 80px;\n}\n\n.modal-module-Modal-body--withPadding-sX2cE-4-30-5 {\n padding-bottom: var(--spacing-40);\n}\n\n.modal-module-Modal-jy6BE-4-30-5:focus {\n outline: none;\n}\n\n.modal-module-Modal-header-fdaxo-4-30-5 [tabindex='-1']:focus {\n outline: none;\n}\n\n@media (forced-colors: active) {\n /* box-shadow is the only visual boundary; add a real border so the modal is visible */\n .modal-module-Modal-jy6BE-4-30-5 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n}\n";
|
|
18405
|
+
var styles$y = {"Modal":"modal-module-Modal-jy6BE-4-30-5","Modal--open":"modal-module-Modal--open-pEOMN-4-30-5","Modal-animation--open":"modal-module-Modal-animation--open-GPVLI-4-30-5","modal-open":"modal-module-modal-open-XetuH-4-30-5","Modal-animation--close":"modal-module-Modal-animation--close-re3FT-4-30-5","modal-close":"modal-module-modal-close-6bwSt-4-30-5","Modal-header":"modal-module-Modal-header-fdaxo-4-30-5","Modal-header--withSeperator":"modal-module-Modal-header--withSeperator-JuBGt-4-30-5","Modal-description":"modal-module-Modal-description-yJzzp-4-30-5","Modal-footer":"modal-module-Modal-footer-njNb3-4-30-5","Modal-footer--withSeperator":"modal-module-Modal-footer--withSeperator-E6Dfh-4-30-5","Modal-body":"modal-module-Modal-body-kEuY3-4-30-5","Modal-body--withMargin":"modal-module-Modal-body--withMargin-QJGL1-4-30-5","Modal-body--withPadding":"modal-module-Modal-body--withPadding-sX2cE-4-30-5"};
|
|
18281
18406
|
styleInject(css_248z$z);
|
|
18282
18407
|
|
|
18283
18408
|
var modalInstanceCounter = 0;
|
|
@@ -18298,7 +18423,8 @@ var Modal = /*#__PURE__*/function (_React$Component) {
|
|
|
18298
18423
|
_defineProperty$1(_this, "autoHeadingId", void 0);
|
|
18299
18424
|
_defineProperty$1(_this, "element", void 0);
|
|
18300
18425
|
_defineProperty$1(_this, "onCloseHandler", function (event) {
|
|
18301
|
-
|
|
18426
|
+
var modalElement = _this.modalRef.current;
|
|
18427
|
+
closeOnEscapeKeypress(event, instance.isTopOverlay(modalElement) && !hasOpenLayerAbove(modalElement), _this.onOutsideClickHandler);
|
|
18302
18428
|
});
|
|
18303
18429
|
_defineProperty$1(_this, "onFocusTrapKeyDown", function (event) {
|
|
18304
18430
|
var container = _this.modalContentRef.current;
|
|
@@ -18623,8 +18749,8 @@ var ModalFooter = function ModalFooter(props) {
|
|
|
18623
18749
|
};
|
|
18624
18750
|
ModalFooter.displayName = 'ModalFooter';
|
|
18625
18751
|
|
|
18626
|
-
var css_248z$y = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-30-
|
|
18627
|
-
var styles$x = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-30-
|
|
18752
|
+
var css_248z$y = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\n animation: fullscreenModal-module-fullscreenModal-open-62v3L-4-30-5 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-30-5 {\n animation: fullscreenModal-module-fullscreenModal-close-7gVSl-4-30-5 120ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-header-sDsnU-4-30-5 {\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-30-5 {\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-30-5 {\n padding: var(--spacing-40) var(--spacing-60);\n}\n";
|
|
18753
|
+
var styles$x = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-30-5","FullscreenModal-animation--open":"fullscreenModal-module-FullscreenModal-animation--open--3N-S-4-30-5","fullscreenModal-open":"fullscreenModal-module-fullscreenModal-open-62v3L-4-30-5","FullscreenModal-animation--close":"fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-30-5","fullscreenModal-close":"fullscreenModal-module-fullscreenModal-close-7gVSl-4-30-5","FullscreenModal-header":"fullscreenModal-module-FullscreenModal-header-sDsnU-4-30-5","FullscreenModal-footer":"fullscreenModal-module-FullscreenModal-footer-iQzjY-4-30-5","FullscreenModal-body":"fullscreenModal-module-FullscreenModal-body-7vbJl-4-30-5"};
|
|
18628
18754
|
styleInject(css_248z$y);
|
|
18629
18755
|
|
|
18630
18756
|
var fullscreenModalInstanceCounter = 0;
|
|
@@ -18807,8 +18933,8 @@ _defineProperty$1(FullscreenModal, "defaultProps", {
|
|
|
18807
18933
|
dimension: 'medium'
|
|
18808
18934
|
});
|
|
18809
18935
|
|
|
18810
|
-
var css_248z$x = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-30-
|
|
18811
|
-
var styles$w = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-30-
|
|
18936
|
+
var css_248z$x = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-30-5 {\n from {\n right: -100%;\n }\n to {\n right: 0;\n }\n}\n\n@keyframes sidesheet-module-sidesheet-close-iHEhI-4-30-5 {\n from {\n right: 0;\n }\n to {\n right: -100%;\n }\n}\n\n@keyframes sidesheet-module-shift-right-spacing-3-0drfg-4-30-5 {\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-30-5 {\n from {\n transform: translateX(var(--spacing-80));\n }\n to {\n transform: translateX(0);\n }\n}\n\n.sidesheet-module-Sidesheet-NOxgD-4-30-5 {\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-30-5 {\n visibility: visible;\n}\n\n.sidesheet-module-Sidesheet-animation--open-J-A5h-4-30-5 {\n animation: sidesheet-module-sidesheet-open-8Xjl--4-30-5 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.sidesheet-module-Sidesheet-animation--close-hu-c0-4-30-5 {\n animation: sidesheet-module-sidesheet-close-iHEhI-4-30-5 120ms cubic-bezier(0.4, 0.14, 1, 1);\n animation-fill-mode: forwards;\n}\n\n.sidesheet-module-Sidesheet-header--NeWW-4-30-5 {\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-30-5 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-body-M4-ag-4-30-5 {\n padding: 0 var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-30-5 {\n margin-bottom: 80px;\n}\n\n.sidesheet-module-Sidesheet-footer-PXjKf-4-30-5 {\n padding-top: var(--spacing-60);\n padding-bottom: var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-30-5 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-30-5 {\n position: absolute;\n bottom: 0;\n}\n\n.sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-30-5 {\n animation: sidesheet-module-shift-right-spacing-3-0drfg-4-30-5 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-30-5 {\n animation: sidesheet-module-shift-left-spacing-3-6M1aJ-4-30-5 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-30-5 {\n animation: sidesheet-module-fadeIn-LZlsa-4-30-5 var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-30-5 {\n animation: sidesheet-module-fadeIn-LZlsa-4-30-5 var(--duration--fast-02) var(--standard-expressive-curve);\n}\n\n.sidesheet-module-Sidesheet-NOxgD-4-30-5:focus {\n outline: none;\n}\n\n.sidesheet-module-Sidesheet-header--NeWW-4-30-5 [tabindex='-1']:focus {\n outline: none;\n}\n\n@media (forced-colors: active) {\n /* box-shadow is the only visual boundary; add a real left border so the panel edge is visible */\n .sidesheet-module-Sidesheet-NOxgD-4-30-5 {\n border-left: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n}\n";
|
|
18937
|
+
var styles$w = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-30-5","Sidesheet--open":"sidesheet-module-Sidesheet--open-susbv-4-30-5","Sidesheet-animation--open":"sidesheet-module-Sidesheet-animation--open-J-A5h-4-30-5","sidesheet-open":"sidesheet-module-sidesheet-open-8Xjl--4-30-5","Sidesheet-animation--close":"sidesheet-module-Sidesheet-animation--close-hu-c0-4-30-5","sidesheet-close":"sidesheet-module-sidesheet-close-iHEhI-4-30-5","Sidesheet-header":"sidesheet-module-Sidesheet-header--NeWW-4-30-5","Sidesheet-header--withSeperator":"sidesheet-module-Sidesheet-header--withSeperator-NT81x-4-30-5","Sidesheet-body":"sidesheet-module-Sidesheet-body-M4-ag-4-30-5","Sidesheet-body--withMargin":"sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-30-5","Sidesheet-footer":"sidesheet-module-Sidesheet-footer-PXjKf-4-30-5","Sidesheet-footer--withSeperator":"sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-30-5","Sidesheet-footer--stickToBottom":"sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-30-5","Sidesheet-header--shiftRight":"sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-30-5","shift-right-spacing-3":"sidesheet-module-shift-right-spacing-3-0drfg-4-30-5","Sidesheet-header--shiftLeft":"sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-30-5","shift-left-spacing-3":"sidesheet-module-shift-left-spacing-3-6M1aJ-4-30-5","Sidesheet-body--nextPage":"sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-30-5","fadeIn":"sidesheet-module-fadeIn-LZlsa-4-30-5","Sidesheet-body--firstPage":"sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-30-5"};
|
|
18812
18938
|
styleInject(css_248z$x);
|
|
18813
18939
|
|
|
18814
18940
|
var sidesheetWidth = {
|
|
@@ -19087,8 +19213,8 @@ _defineProperty$1(Sidesheet, "defaultProps", {
|
|
|
19087
19213
|
closeOnEscape: true
|
|
19088
19214
|
});
|
|
19089
19215
|
|
|
19090
|
-
var css_248z$w = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-30-
|
|
19091
|
-
var styles$v = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-30-
|
|
19216
|
+
var css_248z$w = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-30-5 {\n position: relative;\n z-index: 600;\n}\n\n.collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-30-5 {\n margin-right: 40px;\n}\n\n.collapsible-module-Collapsible-R-E0M-4-30-5 {\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-30-5 {\n position: absolute;\n}\n\n.collapsible-module-Collapsible--shadow-ObNC6-4-30-5 {\n box-shadow: var(--shadow-l);\n clip-path: inset(0px -16px 0px 0px);\n}\n\n.collapsible-module-Collapsible-body-63KgR-4-30-5 {\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-30-5 {\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-30-5:hover {\n background-color: var(--secondary-lighter);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-30-5:focus,\n.collapsible-module-Collapsible-footer-cTQby-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-30-5:active {\n background-color: var(--secondary-light);\n}\n\n.collapsible-module-Collapsible-footer--seperator-4XHlt-4-30-5 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
19217
|
+
var styles$v = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-30-5","Collapsible-wrapper--overlay":"collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-30-5","Collapsible":"collapsible-module-Collapsible-R-E0M-4-30-5","Collapsible--overlay":"collapsible-module-Collapsible--overlay-UiWwK-4-30-5","Collapsible--shadow":"collapsible-module-Collapsible--shadow-ObNC6-4-30-5","Collapsible-body":"collapsible-module-Collapsible-body-63KgR-4-30-5","Collapsible-footer":"collapsible-module-Collapsible-footer-cTQby-4-30-5","Collapsible-footer--seperator":"collapsible-module-Collapsible-footer--seperator-4XHlt-4-30-5"};
|
|
19092
19218
|
styleInject(css_248z$w);
|
|
19093
19219
|
|
|
19094
19220
|
var Collapsible = function Collapsible(props) {
|
|
@@ -19184,8 +19310,8 @@ Collapsible.defaultProps = {
|
|
|
19184
19310
|
withTrigger: true
|
|
19185
19311
|
};
|
|
19186
19312
|
|
|
19187
|
-
var css_248z$v = ".chat-module-Box-nVkrd-4-30-
|
|
19188
|
-
var styles$u = {"Box":"chat-module-Box-nVkrd-4-30-
|
|
19313
|
+
var css_248z$v = ".chat-module-Box-nVkrd-4-30-5 {\n width: 100%;\n border-radius: var(--border-radius-20);\n padding: var(--spacing-30);\n}\n\n.chat-module-Box--typing-WmXRM-4-30-5 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.chat-module-Box--incoming-8KEhx-4-30-5 {\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-30-5 {\n background-color: var(--secondary-lightest);\n}\n\n.chat-module-Box-incoming--withStatus-gGxq9-4-30-5 {\n border-bottom-left-radius: 0;\n}\n\n.chat-module-Box-outgoing--withStatus-fYw1d-4-30-5 {\n border-bottom-right-radius: 0;\n}\n\n.chat-module-Box--urgent-LErV3-4-30-5 {\n border-color: var(--alert);\n}\n\n.chat-module-ChatMessage-status-snoof-4-30-5 {\n margin-top: var(--spacing-10);\n display: block;\n}\n";
|
|
19314
|
+
var styles$u = {"Box":"chat-module-Box-nVkrd-4-30-5","Box--typing":"chat-module-Box--typing-WmXRM-4-30-5","Box--incoming":"chat-module-Box--incoming-8KEhx-4-30-5","Box--outgoing":"chat-module-Box--outgoing-eC7L7-4-30-5","Box-incoming--withStatus":"chat-module-Box-incoming--withStatus-gGxq9-4-30-5","Box-outgoing--withStatus":"chat-module-Box-outgoing--withStatus-fYw1d-4-30-5","Box--urgent":"chat-module-Box--urgent-LErV3-4-30-5","ChatMessage-status":"chat-module-ChatMessage-status-snoof-4-30-5"};
|
|
19189
19315
|
styleInject(css_248z$v);
|
|
19190
19316
|
|
|
19191
19317
|
var Status$1 = function Status(props) {
|
|
@@ -19363,8 +19489,8 @@ ChatMessage.displayName = 'ChatMessage';
|
|
|
19363
19489
|
|
|
19364
19490
|
var EmptyStateContext = /*#__PURE__*/React.createContext({});
|
|
19365
19491
|
|
|
19366
|
-
var css_248z$u = ".emptyState-module-EmptyState-xAbqT-4-30-
|
|
19367
|
-
var styles$t = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-30-
|
|
19492
|
+
var css_248z$u = ".emptyState-module-EmptyState-xAbqT-4-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\n text-align: center;\n max-width: 480px;\n}\n\n.emptyState-module-EmptyState-description-orGdo-4-30-5 {\n text-align: center;\n margin-top: var(--spacing-10);\n max-width: 360px;\n}\n\n.emptyState-module-EmptyState-title--large-64J7i-4-30-5 {\n margin-top: var(--spacing-120);\n}\n\n.emptyState-module-EmptyState-title--small-lEDPt-4-30-5 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--large-hMXtK-4-30-5 {\n margin-bottom: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--small-gq50n-4-30-5 {\n margin-bottom: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-text-1y-HU-4-30-5 {\n display: flex;\n text-align: center;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-actions-xhSau-4-30-5 {\n display: flex;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-title--compressed-Pp9jF-4-30-5 {\n margin-top: var(--spacing-40);\n}\n.emptyState-module-EmptyState-title--standard-XtKl2-4-30-5 {\n margin-top: var(--spacing-60);\n}\n.emptyState-module-EmptyState-title--tight-ZSyIK-4-30-5 {\n margin-top: var(--spacing-30);\n}\n\n.emptyState-module-EmptyState-actions--compressed-E8-g2-4-30-5 {\n margin-top: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-actions--standard-G3fT9-4-30-5 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-actions--tight-mfayn-4-30-5 {\n margin-top: var(--spacing-30);\n}\n";
|
|
19493
|
+
var styles$t = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-30-5","EmptyState-Wrapper":"emptyState-module-EmptyState-Wrapper-IqIuE-4-30-5","EmptyState-image":"emptyState-module-EmptyState-image-GWUhK-4-30-5","EmptyState-title":"emptyState-module-EmptyState-title-VlvHo-4-30-5","EmptyState-description":"emptyState-module-EmptyState-description-orGdo-4-30-5","EmptyState-title--large":"emptyState-module-EmptyState-title--large-64J7i-4-30-5","EmptyState-title--small":"emptyState-module-EmptyState-title--small-lEDPt-4-30-5","EmptyState-description--large":"emptyState-module-EmptyState-description--large-hMXtK-4-30-5","EmptyState-description--small":"emptyState-module-EmptyState-description--small-gq50n-4-30-5","EmptyState-text":"emptyState-module-EmptyState-text-1y-HU-4-30-5","EmptyState-actions":"emptyState-module-EmptyState-actions-xhSau-4-30-5","EmptyState-title--compressed":"emptyState-module-EmptyState-title--compressed-Pp9jF-4-30-5","EmptyState-title--standard":"emptyState-module-EmptyState-title--standard-XtKl2-4-30-5","EmptyState-title--tight":"emptyState-module-EmptyState-title--tight-ZSyIK-4-30-5","EmptyState-actions--compressed":"emptyState-module-EmptyState-actions--compressed-E8-g2-4-30-5","EmptyState-actions--standard":"emptyState-module-EmptyState-actions--standard-G3fT9-4-30-5","EmptyState-actions--tight":"emptyState-module-EmptyState-actions--tight-mfayn-4-30-5"};
|
|
19368
19494
|
styleInject(css_248z$u);
|
|
19369
19495
|
|
|
19370
19496
|
var _excluded$W = ["children", "maxHeight", "height", "minHeight", "src", "alt", "className"];
|
|
@@ -19760,8 +19886,8 @@ Pagination.defaultProps = {
|
|
|
19760
19886
|
pageJumpDebounceDuration: 750
|
|
19761
19887
|
};
|
|
19762
19888
|
|
|
19763
|
-
var css_248z$t = ".editableInput-module-EditableInput-jeeBB-4-30-
|
|
19764
|
-
var styles$s = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-30-
|
|
19889
|
+
var css_248z$t = ".editableInput-module-EditableInput-jeeBB-4-30-5 {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n width: 100%;\n}\n\n.editableInput-module-EditableInput-jeeBB-4-30-5:focus-visible {\n outline: none;\n}\n\n.editableInput-module-EditableInput-actions-L90fR-4-30-5 {\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-30-5 {\n top: var(--spacing-80);\n}\n\n.editableInput-module-EditableInput-actions--tiny-kIRx4-4-30-5 {\n top: var(--spacing-60);\n}\n\n.editableInput-module-EditableInput-default-PLtoY-4-30-5 {\n border: var(--border-width-2-5) solid transparent;\n box-sizing: border-box;\n white-space: nowrap;\n display: flex;\n align-items: center;\n border-radius: var(--border-radius-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n cursor: pointer;\n}\n\n.editableInput-module-EditableInput-default-PLtoY-4-30-5:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.editableInput-module-EditableInput-jeeBB-4-30-5:focus-visible .editableInput-module-EditableInput-default-PLtoY-4-30-5 {\n background: var(--white);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n border-color: transparent;\n}\n\n.editableInput-module-EditableInput-default--regular-M9hwS-4-30-5 {\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-30-5 {\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-30-5 {\n min-width: var(--spacing-240) !important;\n width: 100%;\n}\n\n.editableInput-module-EditableInput-errorIcon--regular-srzrI-4-30-5 {\n margin-right: var(--spacing-20);\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.editableInput-module-EditableInput-errorIcon--tiny-Is2wT-4-30-5 {\n margin-right: var(--spacing-10);\n margin-top: var(--spacing-05);\n margin-bottom: var(--spacing-05);\n}\n";
|
|
19890
|
+
var styles$s = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-30-5","EditableInput-actions":"editableInput-module-EditableInput-actions-L90fR-4-30-5","EditableInput-actions--regular":"editableInput-module-EditableInput-actions--regular-ShViM-4-30-5","EditableInput-actions--tiny":"editableInput-module-EditableInput-actions--tiny-kIRx4-4-30-5","EditableInput-default":"editableInput-module-EditableInput-default-PLtoY-4-30-5","EditableInput-default--regular":"editableInput-module-EditableInput-default--regular-M9hwS-4-30-5","EditableInput-default--tiny":"editableInput-module-EditableInput-default--tiny-PMLyx-4-30-5","EditableInput-Input--tiny":"editableInput-module-EditableInput-Input--tiny-3FTNw-4-30-5","EditableInput-errorIcon--regular":"editableInput-module-EditableInput-errorIcon--regular-srzrI-4-30-5","EditableInput-errorIcon--tiny":"editableInput-module-EditableInput-errorIcon--tiny-Is2wT-4-30-5"};
|
|
19765
19891
|
styleInject(css_248z$t);
|
|
19766
19892
|
|
|
19767
19893
|
var _excluded$S = ["onChange", "icon", "disabled"];
|
|
@@ -19955,8 +20081,8 @@ EditableInput.defaultProps = {
|
|
|
19955
20081
|
inputOptions: {}
|
|
19956
20082
|
};
|
|
19957
20083
|
|
|
19958
|
-
var css_248z$s = ".editableChipInput-module-EditableChipInput-fDBaL-4-30-
|
|
19959
|
-
var styles$r = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-30-
|
|
20084
|
+
var css_248z$s = ".editableChipInput-module-EditableChipInput-fDBaL-4-30-5 {\n position: relative;\n width: 100%;\n}\n\n.editableChipInput-module-EditableChipInput-fDBaL-4-30-5:focus-visible {\n outline: none;\n}\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-30-5 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n padding-left: var(--spacing-30);\n border-left: var(--border-width-2-5) solid transparent;\n min-height: var(--spacing-80);\n flex-wrap: wrap;\n border-radius: var(--border-radius-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n cursor: pointer;\n}\n\n.editableChipInput-module-EditableChipInput-default--small-xl1hZ-4-30-5 {\n min-height: var(--spacing-60);\n padding-left: var(--spacing-20);\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-30-5 {\n box-sizing: border-box;\n display: flex;\n align-items: center;\n padding-left: var(--spacing-20);\n border: var(--border-width-2-5) solid transparent;\n padding-top: var(--spacing-2-5);\n padding-bottom: var(--spacing-2-5);\n max-width: calc(100% - 28px);\n flex-wrap: wrap;\n border-radius: var(--border-radius-10);\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n cursor: pointer;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips--small-BobGP-4-30-5 {\n min-height: var(--spacing-60);\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-30-5:hover,\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-30-5:hover {\n background-color: var(--secondary-lighter);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary-dark);\n}\n\n.editableChipInput-module-EditableChipInput-fDBaL-4-30-5:focus-visible .editableChipInput-module-EditableChipInput-default-ANzd8-4-30-5,\n.editableChipInput-module-EditableChipInput-fDBaL-4-30-5:focus-visible .editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-30-5 {\n background: var(--white);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary);\n}\n\n.editableChipInput-module-EditableChipInput-chipInput-5LAer-4-30-5 {\n padding-left: var(--spacing-20);\n}\n\n.editableChipInput-module-EditableChipInput-chip--regular-tu7Cr-4-30-5 {\n margin: var(--spacing-05);\n}\n\n.editableChipInput-module-EditableChipInput-chip--small-RrZ8t-4-30-5 {\n margin-left: var(--spacing-05);\n margin-right: var(--spacing-05);\n margin-top: 0;\n margin-bottom: 0;\n}\n\n.editableChipInput-module-EditableChipInput-placeholder--small-p3kgo-4-30-5 {\n padding-top: 0;\n}\n\n.editableChipInput-module-EditableChipInput-actions-S7NrY-4-30-5 {\n position: absolute;\n display: flex;\n justify-content: flex-end;\n margin-top: var(--spacing-10);\n width: 100%;\n}\n";
|
|
20085
|
+
var styles$r = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-30-5","EditableChipInput-default":"editableChipInput-module-EditableChipInput-default-ANzd8-4-30-5","EditableChipInput-default--small":"editableChipInput-module-EditableChipInput-default--small-xl1hZ-4-30-5","EditableChipInput-defaultWithChips":"editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-30-5","EditableChipInput-defaultWithChips--small":"editableChipInput-module-EditableChipInput-defaultWithChips--small-BobGP-4-30-5","EditableChipInput-chipInput":"editableChipInput-module-EditableChipInput-chipInput-5LAer-4-30-5","EditableChipInput-chip--regular":"editableChipInput-module-EditableChipInput-chip--regular-tu7Cr-4-30-5","EditableChipInput-chip--small":"editableChipInput-module-EditableChipInput-chip--small-RrZ8t-4-30-5","EditableChipInput-placeholder--small":"editableChipInput-module-EditableChipInput-placeholder--small-p3kgo-4-30-5","EditableChipInput-actions":"editableChipInput-module-EditableChipInput-actions-S7NrY-4-30-5"};
|
|
19960
20086
|
styleInject(css_248z$s);
|
|
19961
20087
|
|
|
19962
20088
|
var _excluded$R = ["onChange", "chipOptions", "autoFocus", "disabled"],
|
|
@@ -20144,8 +20270,8 @@ EditableChipInput.defaultProps = {
|
|
|
20144
20270
|
chipInputOptions: {}
|
|
20145
20271
|
};
|
|
20146
20272
|
|
|
20147
|
-
var css_248z$r = ".progressRing-module-Ring-6kz7n-4-30-
|
|
20148
|
-
var styles$q = {"Ring":"progressRing-module-Ring-6kz7n-4-30-
|
|
20273
|
+
var css_248z$r = ".progressRing-module-Ring-6kz7n-4-30-5 {\n transform: rotate(-90deg);\n}\n\n.progressRing-module-Ring--small-h-W58-4-30-5 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.progressRing-module-Ring--regular-PU85S-4-30-5 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.progressRing-module-Ring--large-2xhS6-4-30-5 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.progressRing-module-Ring-6kz7n-4-30-5 Circle {\n fill: none;\n}\n\n.progressRing-module-Ring-background-Pxm3y-4-30-5 {\n stroke: var(--secondary-lightest);\n}\n\n.progressRing-module-Ring-indicator-OwMxU-4-30-5 {\n stroke: var(--primary);\n transition: var(--duration--slow-01) var(--standard-expressive-curve);\n}\n";
|
|
20274
|
+
var styles$q = {"Ring":"progressRing-module-Ring-6kz7n-4-30-5","Ring--small":"progressRing-module-Ring--small-h-W58-4-30-5","Ring--regular":"progressRing-module-Ring--regular-PU85S-4-30-5","Ring--large":"progressRing-module-Ring--large-2xhS6-4-30-5","Ring-background":"progressRing-module-Ring-background-Pxm3y-4-30-5","Ring-indicator":"progressRing-module-Ring-indicator-OwMxU-4-30-5"};
|
|
20149
20275
|
styleInject(css_248z$r);
|
|
20150
20276
|
|
|
20151
20277
|
var ProgressRing = function ProgressRing(props) {
|
|
@@ -20199,8 +20325,8 @@ ProgressRing.defaultProps = {
|
|
|
20199
20325
|
max: 100
|
|
20200
20326
|
};
|
|
20201
20327
|
|
|
20202
|
-
var css_248z$q = ".stepper-module-Stepper-2fHQy-4-30-
|
|
20203
|
-
var styles$p = {"Stepper":"stepper-module-Stepper-2fHQy-4-30-
|
|
20328
|
+
var css_248z$q = ".stepper-module-Stepper-2fHQy-4-30-5 {\n display: flex;\n}\n\n.stepper-module-Step-U1Ae--4-30-5 {\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-30-5:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step-U1Ae--4-30-5:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step-U1Ae--4-30-5:focus,\n.stepper-module-Step-U1Ae--4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n/* Completed State */\n\n.stepper-module-Step--completed-W1Ltb-4-30-5 {\n color: var(--primary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-30-5:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-30-5:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-30-5:focus,\n.stepper-module-Step--completed-W1Ltb-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n/* Active State */\n\n.stepper-module-Step--active-OpxVe-4-30-5 {\n background-color: var(--primary-lightest);\n color: var(--primary-dark);\n transition-delay: var(--duration--fast-02);\n box-shadow: inset 0 0 0 var(--border-width-05) var(--primary);\n}\n\n.stepper-module-Step--active-OpxVe-4-30-5:hover {\n background-color: var(--primary-lighter);\n}\n\n.stepper-module-Step--active-OpxVe-4-30-5:focus,\n.stepper-module-Step--active-OpxVe-4-30-5:focus-visible {\n background-color: var(--primary-lightest);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.stepper-module-Step--active-OpxVe-4-30-5:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.stepper-module-Step--active-OpxVe-4-30-5:active .stepper-module-Stepper-text-1S78v-4-30-5 {\n color: var(--primary-darker);\n}\n\n/* Disabled State */\n\n.stepper-module-Step--disabled-2l-AC-4-30-5 {\n cursor: not-allowed;\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n\n.stepper-module-Stepper-animate-Tgb9L-4-30-5 {\n transition-delay: var(--duration--fast-02);\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n";
|
|
20329
|
+
var styles$p = {"Stepper":"stepper-module-Stepper-2fHQy-4-30-5","Step":"stepper-module-Step-U1Ae--4-30-5","Step--completed":"stepper-module-Step--completed-W1Ltb-4-30-5","Step--active":"stepper-module-Step--active-OpxVe-4-30-5","Stepper-text":"stepper-module-Stepper-text-1S78v-4-30-5","Step--disabled":"stepper-module-Step--disabled-2l-AC-4-30-5","Stepper-animate":"stepper-module-Stepper-animate-Tgb9L-4-30-5"};
|
|
20204
20330
|
styleInject(css_248z$q);
|
|
20205
20331
|
|
|
20206
20332
|
var Step$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -20360,8 +20486,8 @@ Stepper.defaultProps = {
|
|
|
20360
20486
|
skipIndexes: []
|
|
20361
20487
|
};
|
|
20362
20488
|
|
|
20363
|
-
var css_248z$p = ".dateRangePicker-module-DateRangePicker-XQroW-4-30-
|
|
20364
|
-
var styles$o = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-30-
|
|
20489
|
+
var css_248z$p = ".dateRangePicker-module-DateRangePicker-XQroW-4-30-5 {\n display: flex;\n}\n\n.dateRangePicker-module-DateRangePicker--left-h3kfr-4-30-5 {\n flex-direction: row;\n}\n\n.dateRangePicker-module-DateRangePicker--right-0yzI--4-30-5 {\n flex-direction: row-reverse;\n}\n\n.dateRangePicker-module-DateRangePicker-input-OZjbS-4-30-5 {\n box-sizing: border-box;\n}\n\n.dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-30-5 {\n padding-right: var(--spacing-10);\n}\n\n.dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-30-5 {\n padding-left: var(--spacing-10);\n}\n\n@media (max-width: 576px) {\n .dateRangePicker-module-DateRangePicker--left-h3kfr-4-30-5,\n .dateRangePicker-module-DateRangePicker--right-0yzI--4-30-5 {\n flex-direction: column;\n }\n\n .dateRangePicker-module-DateRangePicker-input-OZjbS-4-30-5 {\n padding: 0;\n }\n\n .dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-30-5 {\n padding-top: var(--spacing-20);\n }\n}\n";
|
|
20490
|
+
var styles$o = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-30-5","DateRangePicker--left":"dateRangePicker-module-DateRangePicker--left-h3kfr-4-30-5","DateRangePicker--right":"dateRangePicker-module-DateRangePicker--right-0yzI--4-30-5","DateRangePicker-input":"dateRangePicker-module-DateRangePicker-input-OZjbS-4-30-5","DateRangePicker-input--startDate":"dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-30-5","DateRangePicker-input--endDate":"dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-30-5"};
|
|
20365
20491
|
styleInject(css_248z$p);
|
|
20366
20492
|
|
|
20367
20493
|
var _excluded$Q = ["label", "id", "onKeyDown"],
|
|
@@ -21318,8 +21444,8 @@ _defineProperty$1(DateRangePicker, "defaultProps", _objectSpread2(_objectSpread2
|
|
|
21318
21444
|
}
|
|
21319
21445
|
}));
|
|
21320
21446
|
|
|
21321
|
-
var css_248z$o = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-30-
|
|
21322
|
-
var styles$n = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-30-
|
|
21447
|
+
var css_248z$o = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-30-5 {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.tabs-module-TabsWrapper-header-psflk-4-30-5 {\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-30-5 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-7anZt-4-30-5 {\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-30-5 {\n padding: var(--spacing-20) var(--spacing-30) var(--spacing-30);\n}\n\n.tabs-module-Tab--regular-f2Pf2-4-30-5 {\n padding: var(--spacing-30) var(--spacing-30) var(--spacing-40);\n}\n\n.tabs-module-Tab--withIconRegular-k-DpQ-4-30-5 {\n padding-top: calc(var(--spacing-20) + var(--spacing-05));\n padding-bottom: calc(var(--spacing-20) + var(--spacing-15));\n padding-right: var(--spacing-15);\n padding-left: calc(var(--spacing-40) + var(--spacing-05));\n align-items: center;\n}\n\n.tabs-module-Tab--withIconSmall-vI4rb-4-30-5 {\n padding-top: var(--spacing-15);\n padding-bottom: calc(var(--spacing-20) + var(--spacing-05));\n padding-right: var(--spacing-15);\n padding-left: calc(var(--spacing-40) + var(--spacing-05));\n align-items: center;\n}\n\n.tabs-module-Tab-7anZt-4-30-5:last-child {\n margin-right: 0;\n}\n\n.tabs-module-Tab-7anZt-4-30-5::after {\n position: absolute;\n left: 0;\n bottom: 0;\n content: '';\n width: calc(100% - 2 * var(--spacing-30));\n height: var(--spacing-05);\n background-color: transparent;\n margin-left: var(--spacing-30);\n border-top-left-radius: var(--border-radius-2-5);\n border-top-right-radius: var(--border-radius-2-5);\n}\n\n.tabs-module-Tab--withDismissIcon-EExum-4-30-5::after {\n margin-left: calc(var(--spacing-40) + var(--spacing-05));\n}\n\n.tabs-module-Tab-7anZt-4-30-5:hover::after {\n background-color: var(--inverse-lighter);\n}\n\n.tabs-module-Tab-7anZt-4-30-5:active::after {\n background-color: var(--inverse-light);\n}\n\n.tabs-module-Tab--active-H398--4-30-5::after {\n background-color: var(--primary);\n}\n\n.tabs-module-Tab-7anZt-4-30-5:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: 0;\n border-radius: var(--border-radius-10);\n}\n\n.tabs-module-Tab--active-H398--4-30-5:hover .tabs-module-Tab-selected-21aei-4-30-5 {\n color: var(--primary-dark);\n}\n\n.tabs-module-Tab-selected-21aei-4-30-5:hover::after {\n background-color: var(--primary-dark);\n}\n\n.tabs-module-Tab-7anZt-4-30-5:active:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: 0;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-30-5 {\n cursor: not-allowed;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-30-5:focus {\n outline: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-30-5:hover::after {\n background-color: transparent;\n}\n\n.tabs-module-Tab-icon-s-gJG-4-30-5 {\n display: flex;\n min-width: inherit;\n justify-content: space-between;\n}\n\n.tabs-module-Tabs-oQ6zt-4-30-5 {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n}\n\n.tabs-module-Tabs--withSeparator-ENZzj-4-30-5 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-pills-i0on--4-30-5 {\n cursor: pointer;\n margin-right: var(--spacing-20);\n overflow: visible;\n}\n\n.tabs-module-Tab-pills--disabled-7RUAZ-4-30-5 {\n opacity: var(--opacity-10);\n cursor: not-allowed;\n}\n\n.tabs-module-DismissibleRegularTab-icon--right-OeLKI-4-30-5 {\n padding: var(--spacing-10);\n outline: none;\n border-radius: var(--border-radius-full);\n}\n\n.tabs-module-DismissibleSmallTab-icon--right-03yfR-4-30-5 {\n padding: var(--spacing-15);\n outline: none;\n border-radius: var(--border-radius-full);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-30-5:focus-visible {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-30-5:hover {\n background-color: var(--secondary);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-30-5:active {\n background-color: var(--secondary-dark);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-30-5:focus-visible {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-30-5:hover {\n background-color: var(--primary-lighter);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-30-5:active {\n background-color: var(--primary-light);\n}\n\n.tabs-module-Tab--overflow-ZMfp0-4-30-5 {\n display: flex;\n box-sizing: border-box;\n}\n\n@media (forced-colors: active) {\n /* Dismissible tab close icons have outline:none unconditionally — restore focus ring in forced-colors mode */\n .tabs-module-DismissibleRegularTab-icon--right-OeLKI-4-30-5:focus-visible,\n .tabs-module-DismissibleSmallTab-icon--right-03yfR-4-30-5:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n }\n\n .tabs-module-Tab--active-H398--4-30-5::after {\n background-color: transparent;\n border-top: var(--spacing-05) solid Highlight;\n box-sizing: border-box;\n }\n\n /* Disabled tab pills use opacity — use GrayText instead */\n .tabs-module-Tab-pills--disabled-7RUAZ-4-30-5 {\n opacity: 1;\n color: GrayText;\n }\n}\n";
|
|
21448
|
+
var styles$n = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-30-5","TabsWrapper-header":"tabs-module-TabsWrapper-header-psflk-4-30-5","TabsWrapper-header--withSeparator":"tabs-module-TabsWrapper-header--withSeparator-gbJ63-4-30-5","Tab":"tabs-module-Tab-7anZt-4-30-5","Tab--small":"tabs-module-Tab--small-t-Ovt-4-30-5","Tab--regular":"tabs-module-Tab--regular-f2Pf2-4-30-5","Tab--withIconRegular":"tabs-module-Tab--withIconRegular-k-DpQ-4-30-5","Tab--withIconSmall":"tabs-module-Tab--withIconSmall-vI4rb-4-30-5","Tab--withDismissIcon":"tabs-module-Tab--withDismissIcon-EExum-4-30-5","Tab--active":"tabs-module-Tab--active-H398--4-30-5","Tab-selected":"tabs-module-Tab-selected-21aei-4-30-5","Tab--disabled":"tabs-module-Tab--disabled-jMmkz-4-30-5","Tab-icon":"tabs-module-Tab-icon-s-gJG-4-30-5","Tabs":"tabs-module-Tabs-oQ6zt-4-30-5","Tabs--withSeparator":"tabs-module-Tabs--withSeparator-ENZzj-4-30-5","Tab-pills":"tabs-module-Tab-pills-i0on--4-30-5","Tab-pills--disabled":"tabs-module-Tab-pills--disabled-7RUAZ-4-30-5","DismissibleRegularTab-icon--right":"tabs-module-DismissibleRegularTab-icon--right-OeLKI-4-30-5","DismissibleSmallTab-icon--right":"tabs-module-DismissibleSmallTab-icon--right-03yfR-4-30-5","DismissibleTab-icon--default":"tabs-module-DismissibleTab-icon--default-Jh5TO-4-30-5","DismissibleTab-icon--selected":"tabs-module-DismissibleTab-icon--selected-9Fyvu-4-30-5","Tab--overflow":"tabs-module-Tab--overflow-ZMfp0-4-30-5"};
|
|
21323
21449
|
styleInject(css_248z$o);
|
|
21324
21450
|
|
|
21325
21451
|
var tabsWrapperInstanceCounter = 0;
|
|
@@ -22420,8 +22546,8 @@ DropzoneBase.defaultProps = {
|
|
|
22420
22546
|
}
|
|
22421
22547
|
};
|
|
22422
22548
|
|
|
22423
|
-
var css_248z$n = ".dropzone-module-Dropzone-srOnly-DLkEf-4-30-
|
|
22424
|
-
var styles$m = {"Dropzone-srOnly":"dropzone-module-Dropzone-srOnly-DLkEf-4-30-
|
|
22549
|
+
var css_248z$n = ".dropzone-module-Dropzone-srOnly-DLkEf-4-30-5 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.dropzone-module-Dropzone-xfBzQ-4-30-5 {\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-30-5 {\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-30-5 {\n animation-delay: var(--duration--fast-02);\n animation-fill-mode: forwards;\n}\n\n.dropzone-module-Dropzone-animation--default-cuelA-4-30-5 {\n animation: dropzone-module-dropzoneDefault-5MWv4-4-30-5 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-animation--active-AlfVM-4-30-5 {\n animation: dropzone-module-dropzoneActive-DcbqH-4-30-5 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneDefault-5MWv4-4-30-5 {\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-30-5 {\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-30-5 {\n animation: dropzone-module-dropzoneStandardDefault-YIUej-4-30-5 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-standard--active-8ZfF7-4-30-5 {\n animation: dropzone-module-dropzoneStandardActive-ZiJ-w-4-30-5 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneStandardDefault-YIUej-4-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.dropzone-module-DropzoneWrapper--standard-0fW8S-4-30-5,\n.dropzone-module-DropzoneWrapper--tight-Cg0sm-4-30-5 {\n align-items: center;\n}\n\n.dropzone-module-DropzoneWrapper--compressed-UKNax-4-30-5 {\n align-items: start;\n}\n\n.dropzone-module-Dropzone-icon--standard-Nv5eM-4-30-5 {\n margin-bottom: var(--spacing-30);\n}\n\n.dropzone-module-Dropzone-icon--compressed-lcmwS-4-30-5 {\n margin-right: var(--spacing-60);\n}\n\n.dropzone-module-Dropzone-icon--disabled-8nN-d-4-30-5 {\n fill: var(--inverse-lightest);\n}\n\n.dropzone-module-Dropzone-icon--default-mwP9a-4-30-5 {\n fill: var(--inverse-lighter);\n}\n\n.dropzone-module-Dropzone-icon--active-qPLXO-4-30-5 {\n fill: var(--primary);\n}\n\n.dropzone-module-Dropzone-icon--error-ImiCw-4-30-5 {\n fill: var(--alert);\n}\n\n@media (forced-colors: active) {\n .dropzone-module-Dropzone-xfBzQ-4-30-5 {\n border: var(--border-width-05) dashed ButtonText;\n background-image: none;\n background-color: Canvas;\n }\n\n .dropzone-module-Dropzone--active-M0Gcb-4-30-5 {\n border: var(--border-width-05) dashed Highlight;\n background-image: none;\n background-color: Canvas;\n }\n\n .dropzone-module-Dropzone--error-wcuXz-4-30-5 {\n border: var(--border-width-05) dashed ButtonText;\n background-image: none;\n }\n\n .dropzone-module-Dropzone--disabled-Z-6tQ-4-30-5 {\n border: var(--border-width-05) dashed GrayText;\n background-image: none;\n }\n}\n";
|
|
22550
|
+
var styles$m = {"Dropzone-srOnly":"dropzone-module-Dropzone-srOnly-DLkEf-4-30-5","Dropzone":"dropzone-module-Dropzone-xfBzQ-4-30-5","Dropzone--active":"dropzone-module-Dropzone--active-M0Gcb-4-30-5","Dropzone-animation":"dropzone-module-Dropzone-animation-qJQVf-4-30-5","Dropzone-animation--default":"dropzone-module-Dropzone-animation--default-cuelA-4-30-5","dropzoneDefault":"dropzone-module-dropzoneDefault-5MWv4-4-30-5","Dropzone-animation--active":"dropzone-module-Dropzone-animation--active-AlfVM-4-30-5","dropzoneActive":"dropzone-module-dropzoneActive-DcbqH-4-30-5","Dropzone-standard--default":"dropzone-module-Dropzone-standard--default-HMghu-4-30-5","dropzoneStandardDefault":"dropzone-module-dropzoneStandardDefault-YIUej-4-30-5","Dropzone-standard--active":"dropzone-module-Dropzone-standard--active-8ZfF7-4-30-5","dropzoneStandardActive":"dropzone-module-dropzoneStandardActive-ZiJ-w-4-30-5","Dropzone--error":"dropzone-module-Dropzone--error-wcuXz-4-30-5","Dropzone--disabled":"dropzone-module-Dropzone--disabled-Z-6tQ-4-30-5","Dropzone--standard":"dropzone-module-Dropzone--standard-BLqgV-4-30-5","Dropzone--compressed":"dropzone-module-Dropzone--compressed-REqQ2-4-30-5","Dropzone--tight":"dropzone-module-Dropzone--tight--XZ-s-4-30-5","DropzoneWrapper":"dropzone-module-DropzoneWrapper-sLmKQ-4-30-5","DropzoneWrapper--standard":"dropzone-module-DropzoneWrapper--standard-0fW8S-4-30-5","DropzoneWrapper--tight":"dropzone-module-DropzoneWrapper--tight-Cg0sm-4-30-5","DropzoneWrapper--compressed":"dropzone-module-DropzoneWrapper--compressed-UKNax-4-30-5","Dropzone-icon--standard":"dropzone-module-Dropzone-icon--standard-Nv5eM-4-30-5","Dropzone-icon--compressed":"dropzone-module-Dropzone-icon--compressed-lcmwS-4-30-5","Dropzone-icon--disabled":"dropzone-module-Dropzone-icon--disabled-8nN-d-4-30-5","Dropzone-icon--default":"dropzone-module-Dropzone-icon--default-mwP9a-4-30-5","Dropzone-icon--active":"dropzone-module-Dropzone-icon--active-qPLXO-4-30-5","Dropzone-icon--error":"dropzone-module-Dropzone-icon--error-ImiCw-4-30-5"};
|
|
22425
22551
|
styleInject(css_248z$n);
|
|
22426
22552
|
|
|
22427
22553
|
var svgCode = {
|
|
@@ -22561,8 +22687,8 @@ var FileUploaderFormat = function FileUploaderFormat(props) {
|
|
|
22561
22687
|
};
|
|
22562
22688
|
FileUploaderFormat.displayName = 'FileUploaderFormat';
|
|
22563
22689
|
|
|
22564
|
-
var css_248z$m = ".fileUploader-module-FileUploader--Pv73-4-30-
|
|
22565
|
-
var styles$l = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-30-
|
|
22690
|
+
var css_248z$m = ".fileUploader-module-FileUploader--Pv73-4-30-5 {\n display: flex;\n flex-direction: column;\n}\n\n.fileUploader-module-FileUploaderButton-qfMIr-4-30-5 {\n width: -moz-fit-content;\n width: fit-content;\n position: relative;\n}\n\n.fileUploader-module-FileUploaderButton-input-em151-4-30-5 {\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-30-5 {\n width: var(--spacing-640);\n}\n\n.fileUploader-module-FileUploaderItem-text-5ygMX-4-30-5 {\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-30-5 {\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";
|
|
22691
|
+
var styles$l = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-30-5","FileUploaderButton":"fileUploader-module-FileUploaderButton-qfMIr-4-30-5","FileUploaderButton-input":"fileUploader-module-FileUploaderButton-input-em151-4-30-5","FileUploaderItem":"fileUploader-module-FileUploaderItem-ukfM6-4-30-5","FileUploaderItem-text":"fileUploader-module-FileUploaderItem-text-5ygMX-4-30-5","FileUploaderItem-file":"fileUploader-module-FileUploaderItem-file-HKKiB-4-30-5"};
|
|
22566
22692
|
styleInject(css_248z$m);
|
|
22567
22693
|
|
|
22568
22694
|
var FileUploaderButton = function FileUploaderButton(props) {
|
|
@@ -25605,8 +25731,8 @@ var DraggableDropdown = function DraggableDropdown(props) {
|
|
|
25605
25731
|
}, "Apply")))));
|
|
25606
25732
|
};
|
|
25607
25733
|
|
|
25608
|
-
var css_248z$l = ".table-module-Table--qR8j-4-30-
|
|
25609
|
-
var tableStyles = {"Table":"table-module-Table--qR8j-4-30-
|
|
25734
|
+
var css_248z$l = ".table-module-Table--qR8j-4-30-5 {\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-30-5 {\n height: 100%;\n min-height: 0;\n overflow: hidden;\n z-index: 1;\n flex: 1 1 auto;\n}\n\n.table-module-Table-pagination-8llhn-4-30-5 {\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-30-5 {\n height: var(--spacing-60);\n}\n\n.table-module-Table-Header-Label--hide-z7HVq-4-30-5 {\n animation: table-module-tableHeaderFadeOut-l6M3M-4-30-5 var(--duration--fast-02) var(--exit-productive-curve);\n animation-fill-mode: forwards;\n pointer-events: none;\n}\n\n.table-module-Table-Header-Label--show-bh0tC-4-30-5 {\n animation: table-module-fadeIn-YCXL6-4-30-5 var(--duration--moderate-01) var(--entrance-productive-curve);\n animation-fill-mode: forwards;\n}\n\n@keyframes table-module-tableHeaderFadeOut-l6M3M-4-30-5 {\n from {\n opacity: 1;\n visibility: visible;\n }\n to {\n opacity: 0;\n visibility: hidden;\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .table-module-Table-Header-Label--hide-z7HVq-4-30-5,\n .table-module-Table-Header-Label--show-bh0tC-4-30-5 {\n animation-duration: 0.001ms;\n }\n}\n\n.table-module-Table-srOnly-0OZ0D-4-30-5 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n";
|
|
25735
|
+
var tableStyles = {"Table":"table-module-Table--qR8j-4-30-5","Table-grid":"table-module-Table-grid-4jCRZ-4-30-5","Table-pagination":"table-module-Table-pagination-8llhn-4-30-5","Table-Header--Divider":"table-module-Table-Header--Divider--qPHO-4-30-5","Table-Header-Label--hide":"table-module-Table-Header-Label--hide-z7HVq-4-30-5","tableHeaderFadeOut":"table-module-tableHeaderFadeOut-l6M3M-4-30-5","Table-Header-Label--show":"table-module-Table-Header-Label--show-bh0tC-4-30-5","fadeIn":"table-module-fadeIn-YCXL6-4-30-5","Table-srOnly":"table-module-Table-srOnly-0OZ0D-4-30-5"};
|
|
25610
25736
|
styleInject(css_248z$l);
|
|
25611
25737
|
|
|
25612
25738
|
var Header = function Header(props) {
|
|
@@ -26610,8 +26736,8 @@ var List = function List(props) {
|
|
|
26610
26736
|
};
|
|
26611
26737
|
List.defaultProps = defaultProps;
|
|
26612
26738
|
|
|
26613
|
-
var css_248z$k = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-30-
|
|
26614
|
-
var styles$k = {"Navigation":"navigation-module-Navigation-fsK-Z-4-30-
|
|
26739
|
+
var css_248z$k = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-30-5 {\n display: flex;\n}\n\n.navigation-module-Navigation--horizontal-Nlczj-4-30-5 {\n flex-grow: 1;\n justify-content: center;\n}\n\n.navigation-module-Navigation--vertical-JMMGv-4-30-5 {\n flex-direction: column;\n height: 100%;\n width: var(--spacing-640);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-30-5 {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.navigation-module-Navigation-body-zfrYs-4-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\n pointer-events: none;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-30-5:hover {\n background-color: var(--secondary-light);\n}\n\n.navigation-module-Navigation-menu--active-vLg2d-4-30-5,\n.navigation-module-Navigation-menu--active-vLg2d-4-30-5:hover {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menu--vertical-SD8c9-4-30-5 {\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-30-5 {\n border-radius: var(--border-radius-40);\n}\n\n.navigation-module-Navigation-menu--subMenu-1Xkhm-4-30-5 {\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-30-5 {\n padding: 8px;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.navigation-module-Navigation-menuIcon--active-4-aoZ-4-30-5 {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menuLabel-qZLzA-4-30-5 {\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-30-5 .navigation-module-Text-4ez7T-4-30-5 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.navigation-module-Navigation-horizontalPills-CubKV-4-30-5 {\n margin-right: var(--spacing-10);\n}\n\n.navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-30-5 {\n opacity: var(--opacity-10);\n}\n\n.navigation-module-Navigation-footer-Ia0x--4-30-5 {\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-30-5 {\n border-top: var(--border);\n}\n\n.navigation-module-Navigation-footerButton-HZKhA-4-30-5 {\n display: flex;\n align-items: center;\n justify-content: center;\n background: none;\n border: none;\n padding: 0;\n cursor: pointer;\n border-radius: 50%;\n}\n\n.navigation-module-Navigation-footerButton-HZKhA-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-30-5 .navigation-module-Navigation-menuIcon--footer-I0MsK-4-30-5 {\n transform: rotate(180deg);\n}\n";
|
|
26740
|
+
var styles$k = {"Navigation":"navigation-module-Navigation-fsK-Z-4-30-5","Navigation--horizontal":"navigation-module-Navigation--horizontal-Nlczj-4-30-5","Navigation--vertical":"navigation-module-Navigation--vertical-JMMGv-4-30-5","Navigation--collapsed":"navigation-module-Navigation--collapsed-ubuOj-4-30-5","Navigation-body":"navigation-module-Navigation-body-zfrYs-4-30-5","Navigation-menu":"navigation-module-Navigation-menu-Afh6p-4-30-5","Navigation-menu--horizontal":"navigation-module-Navigation-menu--horizontal-DbG8C-4-30-5","Navigation-menu--disabled":"navigation-module-Navigation-menu--disabled-6BCHc-4-30-5","Navigation-menu--active":"navigation-module-Navigation-menu--active-vLg2d-4-30-5","Navigation-menu--vertical":"navigation-module-Navigation-menu--vertical-SD8c9-4-30-5","Navigation-menu--rounded":"navigation-module-Navigation-menu--rounded-RK5tK-4-30-5","Navigation-menu--subMenu":"navigation-module-Navigation-menu--subMenu-1Xkhm-4-30-5","Navigation-menuIcon":"navigation-module-Navigation-menuIcon-mI-8A-4-30-5","Navigation-menuIcon--active":"navigation-module-Navigation-menuIcon--active-4-aoZ-4-30-5","Navigation-menuLabel":"navigation-module-Navigation-menuLabel-qZLzA-4-30-5","Text":"navigation-module-Text-4ez7T-4-30-5","Navigation-horizontalPills":"navigation-module-Navigation-horizontalPills-CubKV-4-30-5","Navigation-horizontalPills--disabled":"navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-30-5","Navigation-footer":"navigation-module-Navigation-footer-Ia0x--4-30-5","Navigation-footer--border":"navigation-module-Navigation-footer--border--gDQG-4-30-5","Navigation-footerButton":"navigation-module-Navigation-footerButton-HZKhA-4-30-5","Navigation-menuIcon--footer":"navigation-module-Navigation-menuIcon--footer-I0MsK-4-30-5"};
|
|
26615
26741
|
styleInject(css_248z$k);
|
|
26616
26742
|
|
|
26617
26743
|
var useState$1 = React.useState;
|
|
@@ -27095,8 +27221,8 @@ PageHeader.defaultProps = {
|
|
|
27095
27221
|
separator: true
|
|
27096
27222
|
};
|
|
27097
27223
|
|
|
27098
|
-
var css_248z$j = ".fileList-module-FileIcon-01qzb-4-30-
|
|
27099
|
-
var styles$j = {"FileIcon":"fileList-module-FileIcon-01qzb-4-30-
|
|
27224
|
+
var css_248z$j = ".fileList-module-FileIcon-01qzb-4-30-5 {\n padding: var(--spacing-20);\n border-radius: var(--border-radius-full);\n}\n.fileList-module-FileItem-HpCE9-4-30-5:not(:last-child) {\n border-bottom: var(--border);\n width: 100%;\n box-sizing: border-box;\n}\n.fileList-module-FileItem-HpCE9-4-30-5 {\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-30-5 {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n}\n.fileList-module-FileItem-actions-zH5Wo-4-30-5 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n}\n.fileList-module-FileItem-file-jkZDb-4-30-5 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.fileList-module-FileItem-size-Jn3i4-4-30-5 {\n margin-right: var(--spacing-20);\n margin-left: var(--spacing-20);\n flex-shrink: 0;\n}\n.fileList-module-FileItem-text-JzD0s-4-30-5 {\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-30-5 {\n margin-left: 40px;\n}\n\n.fileList-module-FileIcon--image-8GeUP-4-30-5 {\n background: var(--alert-lightest);\n color: var(--alert);\n}\n.fileList-module-FileIcon--audio-pU4It-4-30-5 {\n background: var(--accent1-lightest);\n color: var(--accent1);\n}\n.fileList-module-FileIcon--video-Yhyeo-4-30-5 {\n background: var(--accent2-lightest);\n color: var(--accent2);\n}\n.fileList-module-FileIcon--application-GCdsE-4-30-5 {\n background: var(--accent3-lightest);\n color: var(--accent3);\n}\n.fileList-module-FileIcon--others-EgUIw-4-30-5 {\n background: var(--success-lightest);\n color: var(--success);\n}\n.fileList-module-FileIcon--animate-uQCYr-4-30-5 {\n animation: fileList-module-fadeIn-CVtFA-4-30-5 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes fileList-module-fadeIn-CVtFA-4-30-5 {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
27225
|
+
var styles$j = {"FileIcon":"fileList-module-FileIcon-01qzb-4-30-5","FileItem":"fileList-module-FileItem-HpCE9-4-30-5","FileItem-fileContent":"fileList-module-FileItem-fileContent-vusoO-4-30-5","FileItem-actions":"fileList-module-FileItem-actions-zH5Wo-4-30-5","FileItem-file":"fileList-module-FileItem-file-jkZDb-4-30-5","FileItem-size":"fileList-module-FileItem-size-Jn3i4-4-30-5","FileItem-text":"fileList-module-FileItem-text-JzD0s-4-30-5","FileItem-error":"fileList-module-FileItem-error-srZSs-4-30-5","FileIcon--image":"fileList-module-FileIcon--image-8GeUP-4-30-5","FileIcon--audio":"fileList-module-FileIcon--audio-pU4It-4-30-5","FileIcon--video":"fileList-module-FileIcon--video-Yhyeo-4-30-5","FileIcon--application":"fileList-module-FileIcon--application-GCdsE-4-30-5","FileIcon--others":"fileList-module-FileIcon--others-EgUIw-4-30-5","FileIcon--animate":"fileList-module-FileIcon--animate-uQCYr-4-30-5","fadeIn":"fileList-module-fadeIn-CVtFA-4-30-5"};
|
|
27100
27226
|
styleInject(css_248z$j);
|
|
27101
27227
|
|
|
27102
27228
|
var useEffect = React.useEffect,
|
|
@@ -27431,8 +27557,8 @@ VerificationCodeInput.defaultProps = {
|
|
|
27431
27557
|
fields: 4
|
|
27432
27558
|
};
|
|
27433
27559
|
|
|
27434
|
-
var css_248z$i = ".inlineMessage-module-InlineMessage-eYA4x-4-30-
|
|
27435
|
-
var styles$i = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-30-
|
|
27560
|
+
var css_248z$i = ".inlineMessage-module-InlineMessage-eYA4x-4-30-5 {\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-30-5 {\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-30-5 {\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-30-5,\n.inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-30-5 {\n color: var(--accent1-dark);\n}\n\n.inlineMessage-module-InlineMessage-text--alert-rUpLF-4-30-5 {\n color: var(--alert);\n}\n\n.inlineMessage-module-InlineMessage-text--info-7X-lv-4-30-5 {\n color: var(--primary);\n}\n\n.inlineMessage-module-InlineMessage-text--success-UX2Vn-4-30-5 {\n color: var(--success);\n}\n";
|
|
27561
|
+
var styles$i = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-30-5","InlineMessage-icon--regular":"inlineMessage-module-InlineMessage-icon--regular-ULMAr-4-30-5","InlineMessage-icon--small":"inlineMessage-module-InlineMessage-icon--small-DcwRS-4-30-5","InlineMessage-text--warning":"inlineMessage-module-InlineMessage-text--warning-zlHbs-4-30-5","InlineMessage-icon--warning":"inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-30-5","InlineMessage-text--alert":"inlineMessage-module-InlineMessage-text--alert-rUpLF-4-30-5","InlineMessage-text--info":"inlineMessage-module-InlineMessage-text--info-7X-lv-4-30-5","InlineMessage-text--success":"inlineMessage-module-InlineMessage-text--success-UX2Vn-4-30-5"};
|
|
27436
27562
|
styleInject(css_248z$i);
|
|
27437
27563
|
|
|
27438
27564
|
var _excluded$I = ["appearance", "className", "description", "size"];
|
|
@@ -27479,8 +27605,8 @@ InlineMessage.defaultProps = {
|
|
|
27479
27605
|
size: 'regular'
|
|
27480
27606
|
};
|
|
27481
27607
|
|
|
27482
|
-
var css_248z$h = ".choiceList-module-ChoiceList-haiz--4-30-
|
|
27483
|
-
var styles$h = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-30-
|
|
27608
|
+
var css_248z$h = ".choiceList-module-ChoiceList-haiz--4-30-5 {\n margin: 0;\n padding: 0;\n border: none;\n}\n\n.choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-30-5 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList-radio--vertical-9uLgh-4-30-5 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-30-5 {\n display: flex;\n}\n\n.choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-30-5 {\n margin-left: var(--spacing-60);\n}\n\n.choiceList-module-ChoiceList-radio--horizontal-67SGD-4-30-5 {\n margin-left: var(--spacing-60);\n}\n";
|
|
27609
|
+
var styles$h = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-30-5","ChoiceList-checkbox--vertical":"choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-30-5","ChoiceList-radio--vertical":"choiceList-module-ChoiceList-radio--vertical-9uLgh-4-30-5","ChoiceList--alignHorizontal":"choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-30-5","ChoiceList-checkbox--horizontal":"choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-30-5","ChoiceList-radio--horizontal":"choiceList-module-ChoiceList-radio--horizontal-67SGD-4-30-5"};
|
|
27484
27610
|
styleInject(css_248z$h);
|
|
27485
27611
|
|
|
27486
27612
|
var renderCheckbox = function renderCheckbox(list, handleOnChange, ChoiceListDisabled, size, alignment, selected, wrapLabel) {
|
|
@@ -27615,8 +27741,8 @@ ChoiceList.defaultProps = {
|
|
|
27615
27741
|
disabled: false
|
|
27616
27742
|
};
|
|
27617
27743
|
|
|
27618
|
-
var css_248z$g = ".divider-module-Divider-Fo0Gy-4-30-
|
|
27619
|
-
var styles$g = {"Divider":"divider-module-Divider-Fo0Gy-4-30-
|
|
27744
|
+
var css_248z$g = ".divider-module-Divider-Fo0Gy-4-30-5 {\n border: none;\n margin: 0;\n}\n\n.divider-module-Divider--vertical-Cdk22-4-30-5 {\n width: 1px;\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--horizontal-3Z0nC-4-30-5 {\n height: 1px;\n}\n\n.divider-module-Divider--basic-BqnEq-4-30-5 {\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--header-GMLJV-4-30-5 {\n background: var(--secondary-dark);\n}\n";
|
|
27745
|
+
var styles$g = {"Divider":"divider-module-Divider-Fo0Gy-4-30-5","Divider--vertical":"divider-module-Divider--vertical-Cdk22-4-30-5","Divider--horizontal":"divider-module-Divider--horizontal-3Z0nC-4-30-5","Divider--basic":"divider-module-Divider--basic-BqnEq-4-30-5","Divider--header":"divider-module-Divider--header-GMLJV-4-30-5"};
|
|
27620
27746
|
styleInject(css_248z$g);
|
|
27621
27747
|
|
|
27622
27748
|
var Divider = function Divider(props) {
|
|
@@ -27676,8 +27802,8 @@ var HelpText = function HelpText(props) {
|
|
|
27676
27802
|
};
|
|
27677
27803
|
HelpText.displayName = 'HelpText';
|
|
27678
27804
|
|
|
27679
|
-
var css_248z$f = ".linkButton-module-LinkButton--eCyD-4-30-
|
|
27680
|
-
var styles$f = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-30-
|
|
27805
|
+
var css_248z$f = ".linkButton-module-LinkButton--eCyD-4-30-5 {\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-30-5 {\n flex-direction: row-reverse;\n}\n\n.linkButton-module-LinkButton-icon-Id1IM-4-30-5 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.linkButton-module-LinkButton-icon--left-uCKUJ-4-30-5 {\n margin-right: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton-icon--right-wxMEa-4-30-5 {\n margin-left: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton--regular-QoGvH-4-30-5 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.linkButton-module-LinkButton--tiny-21d67-4-30-5 {\n line-height: var(--font-height-s);\n font-size: var(--font-size-s);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-30-5,\n.linkButton-module-LinkButton--default-disabled-xeGOu-4-30-5 {\n color: var(--primary);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-30-5:hover {\n color: var(--primary-dark);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-30-5:active {\n color: var(--primary-darker);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-30-5:focus-visible,\n.linkButton-module-LinkButton--default-disabled-xeGOu-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.linkButton-module-LinkButton--default-disabled-xeGOu-4-30-5 {\n cursor: not-allowed;\n color: var(--primary-lighter);\n}\n\n.linkButton-module-LinkButton-infoIcon--default-s085k-4-30-5 {\n color: var(--text-link);\n}\n\n/* Subtle Appearance */\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-30-5,\n.linkButton-module-LinkButton--subtle-disabled-YBw-Z-4-30-5 {\n color: var(--inverse-lighter);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-30-5:hover {\n color: var(--inverse-light);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-30-5:active {\n color: var(--inverse);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-30-5:focus-visible,\n.linkButton-module-LinkButton--subtle-disabled-YBw-Z-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.linkButton-module-LinkButton--subtle-disabled-YBw-Z-4-30-5 {\n cursor: not-allowed;\n color: var(--inverse-lightest);\n}\n\n.linkButton-module-LinkButton-infoIcon--subtle-Zid2H-4-30-5 {\n color: var(--inverse-light);\n}\n\n.linkButton-module-LinkButton-infoIconWrapper-gSvV3-4-30-5 {\n position: absolute;\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-30));\n width: var(--spacing-30);\n height: var(--spacing-30);\n box-sizing: border-box;\n border-radius: var(--border-radius-full);\n display: flex;\n align-items: center;\n justify-content: center;\n overflow: hidden;\n border: none;\n background: transparent;\n pointer-events: none;\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--tiny-b1mDf-4-30-5 {\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-30));\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--regularIcon-BHLsK-4-30-5 {\n top: 0px;\n right: calc(-1 * var(--spacing-05));\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--tinyIcon-Zfim1-4-30-5 {\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-05));\n}\n\n.linkButton-module-LinkButton-withInfo-foxxf-4-30-5 {\n padding-right: var(--spacing-20);\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--withChildren--wre--4-30-5 {\n right: calc(-1 * var(--spacing-30) + var(--spacing-20));\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--iconOnly-dr2nx-4-30-5 {\n right: calc(-1 * var(--spacing-10) + var(--spacing-20));\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--tinyIcon-Zfim1-4-30-5 {\n right: calc(-1 * var(--spacing-05) + var(--spacing-20));\n}\n\n.linkButton-module-LinkButton-infoIcon-F8ygN-4-30-5 {\n color: inherit;\n}\n\n.linkButton-module-LinkButton-srOnly-k-6dO-4-30-5 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n";
|
|
27806
|
+
var styles$f = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-30-5","LinkButton--iconAlign-right":"linkButton-module-LinkButton--iconAlign-right-BjcDC-4-30-5","LinkButton-icon":"linkButton-module-LinkButton-icon-Id1IM-4-30-5","LinkButton-icon--left":"linkButton-module-LinkButton-icon--left-uCKUJ-4-30-5","LinkButton-icon--right":"linkButton-module-LinkButton-icon--right-wxMEa-4-30-5","LinkButton--regular":"linkButton-module-LinkButton--regular-QoGvH-4-30-5","LinkButton--tiny":"linkButton-module-LinkButton--tiny-21d67-4-30-5","LinkButton--default":"linkButton-module-LinkButton--default-1cpsS-4-30-5","LinkButton--default-disabled":"linkButton-module-LinkButton--default-disabled-xeGOu-4-30-5","LinkButton-infoIcon--default":"linkButton-module-LinkButton-infoIcon--default-s085k-4-30-5","LinkButton--subtle":"linkButton-module-LinkButton--subtle-I8NtR-4-30-5","LinkButton--subtle-disabled":"linkButton-module-LinkButton--subtle-disabled-YBw-Z-4-30-5","LinkButton-infoIcon--subtle":"linkButton-module-LinkButton-infoIcon--subtle-Zid2H-4-30-5","LinkButton-infoIconWrapper":"linkButton-module-LinkButton-infoIconWrapper-gSvV3-4-30-5","LinkButton-infoIconWrapper--tiny":"linkButton-module-LinkButton-infoIconWrapper--tiny-b1mDf-4-30-5","LinkButton-infoIconWrapper--regularIcon":"linkButton-module-LinkButton-infoIconWrapper--regularIcon-BHLsK-4-30-5","LinkButton-infoIconWrapper--tinyIcon":"linkButton-module-LinkButton-infoIconWrapper--tinyIcon-Zfim1-4-30-5","LinkButton-withInfo":"linkButton-module-LinkButton-withInfo-foxxf-4-30-5","LinkButton-infoIconWrapper--withChildren":"linkButton-module-LinkButton-infoIconWrapper--withChildren--wre--4-30-5","LinkButton-infoIconWrapper--iconOnly":"linkButton-module-LinkButton-infoIconWrapper--iconOnly-dr2nx-4-30-5","LinkButton-infoIcon":"linkButton-module-LinkButton-infoIcon-F8ygN-4-30-5","LinkButton-srOnly":"linkButton-module-LinkButton-srOnly-k-6dO-4-30-5"};
|
|
27681
27807
|
styleInject(css_248z$f);
|
|
27682
27808
|
|
|
27683
27809
|
var _excluded$H = ["children", "type", "className", "disabled", "tabIndex", "icon", "subtle", "size", "iconAlign", "iconType", "tooltip", "onClick", "onKeyDown", "aria-describedby"];
|
|
@@ -27792,8 +27918,8 @@ LinkButton.defaultProps = {
|
|
|
27792
27918
|
iconAlign: 'left'
|
|
27793
27919
|
};
|
|
27794
27920
|
|
|
27795
|
-
var css_248z$e = ".actionCard-module-ActionCard-VTzbo-4-30-
|
|
27796
|
-
var styles$e = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-30-
|
|
27921
|
+
var css_248z$e = ".actionCard-module-ActionCard-VTzbo-4-30-5 {\n border-radius: var(--border-radius-10);\n width: 100%;\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-30-5 {\n cursor: pointer;\n border: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-30-5: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-30-5:focus,\n.actionCard-module-ActionCard--default-ehk9Y-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-30-5: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-30-5 {\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-30-5 {\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";
|
|
27922
|
+
var styles$e = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-30-5","ActionCard--default":"actionCard-module-ActionCard--default-ehk9Y-4-30-5","ActionCard--disabled":"actionCard-module-ActionCard--disabled-Xbnn0-4-30-5","ActionCard-overlay--disabled":"actionCard-module-ActionCard-overlay--disabled-N4msm-4-30-5"};
|
|
27797
27923
|
styleInject(css_248z$e);
|
|
27798
27924
|
|
|
27799
27925
|
var _excluded$G = ["children", "disabled", "className", "zIndex", "onClick"];
|
|
@@ -27895,8 +28021,8 @@ function useSingleSelect() {
|
|
|
27895
28021
|
};
|
|
27896
28022
|
}
|
|
27897
28023
|
|
|
27898
|
-
var css_248z$d = ".selectionCard-module-Selection-card-qn7-q-4-30-
|
|
27899
|
-
var styles$d = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-30-
|
|
28024
|
+
var css_248z$d = ".selectionCard-module-Selection-card-qn7-q-4-30-5 {\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-30-5 {\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-30-5: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-30-5:focus,\n.selectionCard-module-Selection-card--default-hU2T--4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--secondary-dark);\n}\n\n.selectionCard-module-Selection-card--default-hU2T--4-30-5: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-30-5 {\n cursor: not-allowed;\n outline: none;\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-30-5 {\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-30-5 {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-30-5:hover {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary-dark);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-30-5:focus,\n.selectionCard-module-Selection-card--selected-RWlWc-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-30-5: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-30-5 {\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-30-5 {\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-30-5:active .selectionCard-module-Selection-card-overlay-9BMzm-4-30-5 {\n background-color: var(--primary);\n opacity: var(--opacity-3);\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-30-5 .selectionCard-module-Selection-card-overlay-9BMzm-4-30-5 {\n background-color: var(--secondary-lightest);\n opacity: var(--opacity-10);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-30-5 .selectionCard-module-Selection-card-overlay-9BMzm-4-30-5 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-30-5:active .selectionCard-module-Selection-card-overlay-9BMzm-4-30-5 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-disabled-pIKi1-4-30-5 .selectionCard-module-Selection-card-overlay-9BMzm-4-30-5 {\n background-color: var(--primary-lightest);\n opacity: var(--opacity-10);\n}\n\n@media (forced-colors: active) {\n /* All states use inset box-shadow as the sole border — replace with real borders */\n .selectionCard-module-Selection-card--default-hU2T--4-30-5,\n .selectionCard-module-Selection-card--default-hU2T--4-30-5:hover,\n .selectionCard-module-Selection-card--default-hU2T--4-30-5:active,\n .selectionCard-module-Selection-card--default-disabled-duc48-4-30-5 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n /* Interactive selected states — use Highlight to signal selection */\n .selectionCard-module-Selection-card--selected-RWlWc-4-30-5,\n .selectionCard-module-Selection-card--selected-RWlWc-4-30-5:hover,\n .selectionCard-module-Selection-card--selected-RWlWc-4-30-5:active {\n border: var(--border-width-2-5) solid Highlight;\n box-shadow: none;\n }\n\n .selectionCard-module-Selection-card--selected-disabled-pIKi1-4-30-5 {\n border: var(--border-width-2-5) solid GrayText;\n box-shadow: none;\n }\n\n .selectionCard-module-Selection-card--default-hU2T--4-30-5:focus,\n .selectionCard-module-Selection-card--default-hU2T--4-30-5:focus-visible,\n .selectionCard-module-Selection-card--selected-RWlWc-4-30-5:focus,\n .selectionCard-module-Selection-card--selected-RWlWc-4-30-5:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n box-shadow: none;\n }\n\n /* Disabled: suppress the focus indicator */\n .selectionCard-module-Selection-card--disabled-abVC--4-30-5 {\n outline: none;\n }\n}\n";
|
|
28025
|
+
var styles$d = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-30-5","Selection-card--default":"selectionCard-module-Selection-card--default-hU2T--4-30-5","Selection-card--disabled":"selectionCard-module-Selection-card--disabled-abVC--4-30-5","Selection-card--default-disabled":"selectionCard-module-Selection-card--default-disabled-duc48-4-30-5","Selection-card--selected":"selectionCard-module-Selection-card--selected-RWlWc-4-30-5","Selection-card--selected-disabled":"selectionCard-module-Selection-card--selected-disabled-pIKi1-4-30-5","Selection-card-overlay":"selectionCard-module-Selection-card-overlay-9BMzm-4-30-5"};
|
|
27900
28026
|
styleInject(css_248z$d);
|
|
27901
28027
|
|
|
27902
28028
|
var _excluded$F = ["children", "onClick", "disabled", "id", "cardValue", "overlayZIndex", "selected", "className"];
|
|
@@ -28020,8 +28146,8 @@ var schd = function schd(fn) {
|
|
|
28020
28146
|
return wrapperFn;
|
|
28021
28147
|
};
|
|
28022
28148
|
|
|
28023
|
-
var css_248z$c = ".listbox-module-Listbox-SUVk--4-30-
|
|
28024
|
-
var styles$c = {"Listbox":"listbox-module-Listbox-SUVk--4-30-
|
|
28149
|
+
var css_248z$c = ".listbox-module-Listbox-SUVk--4-30-5 {\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-30-5 {\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-30-5 {\n width: 100%;\n}\n\n.listbox-module-Listbox-item-wrapper-fbx8s-4-30-5:last-child > .listbox-module-Listbox-divider-sZWin-4-30-5,\n.listbox-module-Listbox-item--draggable-3UvAw-4-30-5:last-child .listbox-module-Listbox-divider-sZWin-4-30-5 {\n background: transparent;\n}\n\n/* Sizes */\n\n.listbox-module-Listbox-item--tight-48bRS-4-30-5 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.listbox-module-Listbox-item--compressed-NDxwb-4-30-5 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.listbox-module-Listbox-item--standard-q2FuW-4-30-5 {\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-30-5 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-30-5:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-30-5:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-30-5 {\n position: relative;\n background: rgba(214, 238, 255, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-30-5::before {\n content: '';\n position: absolute;\n top: var(--spacing-10);\n left: var(--spacing-10);\n width: var(--spacing-20);\n height: var(--spacing-20);\n background-color: var(--primary);\n clip-path: polygon(0 0, 100% 0, 0 100%);\n}\n\n.listbox-module-Listbox-item--tight-48bRS-4-30-5.listbox-module-Listbox-item--selected-mbKE--4-30-5::before {\n top: var(--spacing-05);\n left: var(--spacing-05);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-30-5:hover {\n background: rgba(139, 202, 254, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-30-5:active {\n background: var(--primary-lighter);\n}\n\n/* Listbox type - resource */\n\n.listbox-module-Listbox-item--resource-RGjFr-4-30-5 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-30-5:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-30-5:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--activated-tg1Eb-4-30-5 {\n position: relative;\n background: var(--primary-lightest);\n}\n\n.listbox-module-Listbox-item--activated-tg1Eb-4-30-5::before {\n content: '';\n position: absolute;\n top: var(--spacing-10);\n left: var(--spacing-10);\n width: var(--spacing-20);\n height: var(--spacing-20);\n background-color: var(--primary);\n clip-path: polygon(0 0, 100% 0, 0 100%);\n}\n\n.listbox-module-Listbox-item--tight-48bRS-4-30-5.listbox-module-Listbox-item--activated-tg1Eb-4-30-5::before {\n top: var(--spacing-05);\n left: var(--spacing-05);\n}\n\n/* Listbox type - description */\n\n.listbox-module-Listbox-item--description-qiJzO-4-30-5:focus-visible {\n outline: none;\n}\n\n/* Listbox type - disabled */\n\n.listbox-module-Listbox-item--disabled-x6TW2-4-30-5 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n/* Listbox type - draggable */\n\n.listbox-module-Listbox-item--draggable-3UvAw-4-30-5:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--draggable-3UvAw-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: calc(-1 * var(--border-width-05));\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-30-5 {\n cursor: grab;\n padding: var(--spacing-10);\n margin-right: calc(var(--spacing-20) - var(--spacing-10));\n margin-left: calc(-1 * var(--spacing-10));\n border-radius: var(--border-radius-10);\n transition: background-color var(--duration--moderate-01) var(--standard-productive-curve),\n color var(--duration--moderate-01) var(--standard-productive-curve),\n box-shadow var(--duration--moderate-01) var(--standard-productive-curve);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-30-5:hover {\n background-color: var(--secondary);\n color: var(--inverse);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-30-5:active {\n background-color: var(--secondary-dark);\n color: var(--primary);\n}\n\n/* Drag and reorder interaction states */\n\n.listbox-module-Listbox-item--sticky-picked-o8Drq-4-30-5,\n.listbox-module-Listbox-item--drag-picked-ht640-4-30-5 {\n background-color: var(--text-white);\n box-shadow: var(--shadow-l);\n rotate: 0.5deg;\n cursor: grabbing;\n z-index: 1000;\n position: relative;\n}\n\n.listbox-module-Listbox-item--sticky-picked-o8Drq-4-30-5 .listbox-module-Listbox-item--selected-mbKE--4-30-5,\n.listbox-module-Listbox-item--drag-picked-ht640-4-30-5 .listbox-module-Listbox-item--selected-mbKE--4-30-5 {\n background-color: rgba(214, 238, 255, 0.48);\n}\n\n.listbox-module-Listbox-item--sticky-picked-o8Drq-4-30-5 .listbox-module-Listbox-item--drag-icon-Jt6Jw-4-30-5 {\n background-color: var(--primary);\n color: var(--text-white);\n}\n\n.listbox-module-Listbox-item--drag-picked-ht640-4-30-5 .listbox-module-Listbox-item--drag-icon-Jt6Jw-4-30-5 {\n background-color: var(--primary-ultra-light);\n color: var(--primary);\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary);\n}\n\n.listbox-module-Listbox-aria-live-odEhw-4-30-5 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n@media (forced-colors: active) {\n .listbox-module-Listbox-item--description-qiJzO-4-30-5:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: calc(-1 * var(--border-width-05));\n }\n\n .listbox-module-Listbox-item--disabled-x6TW2-4-30-5 {\n opacity: 1;\n color: GrayText;\n }\n\n .listbox-module-Listbox-item--selected-mbKE--4-30-5::before,\n .listbox-module-Listbox-item--activated-tg1Eb-4-30-5::before {\n background-color: Highlight;\n }\n}\n";
|
|
28150
|
+
var styles$c = {"Listbox":"listbox-module-Listbox-SUVk--4-30-5","Listbox-item":"listbox-module-Listbox-item-YQzPV-4-30-5","Listbox-item-wrapper":"listbox-module-Listbox-item-wrapper-fbx8s-4-30-5","Listbox-divider":"listbox-module-Listbox-divider-sZWin-4-30-5","Listbox-item--draggable":"listbox-module-Listbox-item--draggable-3UvAw-4-30-5","Listbox-item--tight":"listbox-module-Listbox-item--tight-48bRS-4-30-5","Listbox-item--compressed":"listbox-module-Listbox-item--compressed-NDxwb-4-30-5","Listbox-item--standard":"listbox-module-Listbox-item--standard-q2FuW-4-30-5","Listbox-item--option":"listbox-module-Listbox-item--option-FMiJ2-4-30-5","Listbox-item--selected":"listbox-module-Listbox-item--selected-mbKE--4-30-5","Listbox-item--resource":"listbox-module-Listbox-item--resource-RGjFr-4-30-5","Listbox-item--activated":"listbox-module-Listbox-item--activated-tg1Eb-4-30-5","Listbox-item--description":"listbox-module-Listbox-item--description-qiJzO-4-30-5","Listbox-item--disabled":"listbox-module-Listbox-item--disabled-x6TW2-4-30-5","Listbox-item--drag-icon":"listbox-module-Listbox-item--drag-icon-Jt6Jw-4-30-5","Listbox-item--sticky-picked":"listbox-module-Listbox-item--sticky-picked-o8Drq-4-30-5","Listbox-item--drag-picked":"listbox-module-Listbox-item--drag-picked-ht640-4-30-5","Listbox-aria-live":"listbox-module-Listbox-aria-live-odEhw-4-30-5"};
|
|
28025
28151
|
styleInject(css_248z$c);
|
|
28026
28152
|
|
|
28027
28153
|
var AUTOSCROLL_ACTIVE_OFFSET = 200;
|
|
@@ -29405,8 +29531,8 @@ var SelectionAvatar = function SelectionAvatar(props) {
|
|
|
29405
29531
|
|
|
29406
29532
|
var AvatarSelectionContext = /*#__PURE__*/React.createContext({});
|
|
29407
29533
|
|
|
29408
|
-
var css_248z$b = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-30-
|
|
29409
|
-
var styles$b = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-30-
|
|
29534
|
+
var css_248z$b = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-30-5 {\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-30-5 {\n margin-right: calc(var(--spacing-05) * -1);\n border-radius: var(--border-radius-full);\n display: flex;\n transition: transform var(--duration--fast-01) var(--standard-productive-curve);\n position: relative;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--tiny-isNDd-4-30-5 {\n margin-right: 0;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--micro-Qfz-a-4-30-5 {\n margin-right: var(--spacing-10);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-30-5:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-30-5:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-30-5:active {\n outline: var(--border-width-2-5) solid var(--primary-dark);\n outline-offset: var(--spacing-2-5);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-tiny-tyofa-4-30-5:active,\n.avatarSelection-module-SelectionAvatarGroup-item--active-micro-XTJS3-4-30-5:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-regular-BVSG9-4-30-5:active {\n outline: var(--border-width-05) solid var(--primary-dark);\n outline-offset: var(--spacing-2-5);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-30-5:hover .avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-30-5 {\n transform: translateY(-8px);\n}\n\n/* Selected Avatar Group Item */\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-30-5 {\n outline-offset: var(--spacing-2-5);\n outline: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-tiny-I4OLi-4-30-5,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-30-5 {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-30-5 {\n outline: var(--border-width-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-30-5:active {\n outline-offset: var(--spacing-2-5);\n outline: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-tiny-I4OLi-4-30-5:active,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-30-5:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-30-5:active {\n outline-offset: var(--spacing-2-5);\n outline: var(--border-width-05) solid var(--primary-darker);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-30-5:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-30-5: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-30-5 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarSelection-module-AvatarSelection-srOnly-pUWhy-4-30-5 {\n position: absolute;\n width: var(--spacing-2-5);\n height: var(--spacing-2-5);\n padding: 0;\n margin: calc(-1 * var(--spacing-2-5));\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-30-5 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-30-5:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-30-5 {\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-30-5,\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-30-5:focus-within {\n border: unset !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-30-5:hover {\n background-color: var(--secondary-lightest);\n}\n\n/* Selection Avatar Count */\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-30-5 {\n border-radius: var(--border-radius-full);\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper--micro-U5Hsw-4-30-5 {\n margin-right: 0;\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-30-5:hover {\n background: var(--secondary);\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-30-5:active {\n background: var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--open-vpUEs-4-30-5 {\n background: var(--secondary-dark) !important;\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-30-5:focus {\n outline: none;\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-30-5:focus-visible {\n outline: none;\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-30-5:focus-visible::after {\n content: '';\n position: absolute;\n top: calc(-1 * var(--spacing-20));\n bottom: calc(-1 * var(--spacing-20));\n left: calc(-1 * var(--spacing-10));\n right: calc(-1 * var(--spacing-10));\n border: var(--border-width-05) solid var(--primary-focus);\n border-radius: var(--border-radius-10);\n pointer-events: none;\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-30-5 {\n outline-offset: var(--spacing-2-5);\n outline: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-tiny-AlYgW-4-30-5,\n.avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-30-5 {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-30-5 {\n outline: var(--border-width-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-30-5:active {\n outline-offset: var(--spacing-2-5);\n outline: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-tiny-AlYgW-4-30-5:active,\n.avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-30-5:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-30-5:active {\n outline-offset: var(--spacing-2-5);\n outline: var(--border-width-05) solid var(--primary-darker);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-30-5:focus,\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-30-5:focus-visible {\n box-shadow: 0 0 0 var(--spacing-2-5) white, 0 0 0 3px var(--primary-dark), 0 0 0 3px var(--primary-shadow) !important;\n}\n\n@media (forced-colors: active) {\n .avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-30-5:focus,\n .avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-30-5:focus-visible {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-2-5);\n box-shadow: none !important;\n }\n\n .avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-30-5:focus,\n .avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-30-5:focus-visible {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-2-5);\n box-shadow: none !important;\n }\n\n /* The inner search input uses outline:none !important — restore it in forced-colors mode */\n .avatarSelection-module-SelectionAvatar-input-OWRhy-4-30-5:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
29535
|
+
var styles$b = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-30-5","SelectionAvatarGroup-item":"avatarSelection-module-SelectionAvatarGroup-item-1QsB6-4-30-5","SelectionAvatarGroup-item--tiny":"avatarSelection-module-SelectionAvatarGroup-item--tiny-isNDd-4-30-5","SelectionAvatarGroup-item--micro":"avatarSelection-module-SelectionAvatarGroup-item--micro-Qfz-a-4-30-5","SelectionAvatarGroup-item--active":"avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-30-5","SelectionAvatarGroup-item--active-tiny":"avatarSelection-module-SelectionAvatarGroup-item--active-tiny-tyofa-4-30-5","SelectionAvatarGroup-item--active-micro":"avatarSelection-module-SelectionAvatarGroup-item--active-micro-XTJS3-4-30-5","SelectionAvatarGroup-item--active-regular":"avatarSelection-module-SelectionAvatarGroup-item--active-regular-BVSG9-4-30-5","SelectionAvatarGroup-wrapper":"avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-30-5","SelectionAvatarGroup-item--selected":"avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-30-5","SelectionAvatarGroup-item--selected-tiny":"avatarSelection-module-SelectionAvatarGroup-item--selected-tiny-I4OLi-4-30-5","SelectionAvatarGroup-item--selected-micro":"avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-30-5","SelectionAvatarGroup-item--selected-regular":"avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-30-5","SelectionAvatarGroup-popper":"avatarSelection-module-SelectionAvatarGroup-popper-Rcnff-4-30-5","AvatarSelection-srOnly":"avatarSelection-module-AvatarSelection-srOnly-pUWhy-4-30-5","SelectionAvatar-inputWrapper":"avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-30-5","SelectionAvatar-input":"avatarSelection-module-SelectionAvatar-input-OWRhy-4-30-5","SelectionAvatarCount-wrapper":"avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-30-5","SelectionAvatarCount-wrapper--micro":"avatarSelection-module-SelectionAvatarCount-wrapper--micro-U5Hsw-4-30-5","SelectionAvatarCount":"avatarSelection-module-SelectionAvatarCount-s-0H0-4-30-5","SelectionAvatarCount--open":"avatarSelection-module-SelectionAvatarCount--open-vpUEs-4-30-5","SelectionAvatarCount--selected":"avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-30-5","SelectionAvatarCount--selected-tiny":"avatarSelection-module-SelectionAvatarCount--selected-tiny-AlYgW-4-30-5","SelectionAvatarCount--selected-micro":"avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-30-5","SelectionAvatarCount--selected-regular":"avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-30-5"};
|
|
29410
29536
|
styleInject(css_248z$b);
|
|
29411
29537
|
|
|
29412
29538
|
var SelectionAvatarsWrapper = function SelectionAvatarsWrapper(props) {
|
|
@@ -31314,8 +31440,8 @@ Combobox.Option = ComboboxOption;
|
|
|
31314
31440
|
|
|
31315
31441
|
var SelectContext = /*#__PURE__*/React.createContext({});
|
|
31316
31442
|
|
|
31317
|
-
var css_248z$a = ".select-module-Select-input-E3-1I-4-30-
|
|
31318
|
-
var styles$a = {"Select-input":"select-module-Select-input-E3-1I-4-30-
|
|
31443
|
+
var css_248z$a = ".select-module-Select-input-E3-1I-4-30-5 {\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-30-5,\n.select-module-Select-input-E3-1I-4-30-5:focus-within {\n border: unset !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.select-module-Select-input-E3-1I-4-30-5:hover {\n background-color: var(--secondary-lightest);\n}\n\n.select-module-Select-trigger-PT5nA-4-30-5 {\n width: 100%;\n justify-content: space-between;\n padding-top: unset;\n padding-bottom: unset;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.select-module-Select-trigger-PT5nA-4-30-5:has(.select-module-Select-trigger-control-CzpBM-4-30-5:focus-visible) {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.select-module-Select-trigger--disabled-YdpUd-4-30-5 {\n pointer-events: none;\n color: var(--text-disabled);\n}\n\n.select-module-Select-trigger-control-CzpBM-4-30-5 {\n display: flex;\n align-items: center;\n flex: 1;\n min-width: 0;\n height: 100%;\n background: transparent;\n border: 0;\n padding: 0;\n cursor: pointer;\n color: inherit;\n font: inherit;\n}\n\n.select-module-Select-trigger-control-CzpBM-4-30-5:focus-visible {\n outline: none;\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-30-5 {\n background: var(--secondary-light);\n color: var(--text);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-30-5.select-module-Select-trigger--disabled-YdpUd-4-30-5 {\n background: var(--secondary-lighter);\n color: var(--text-disabled);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-30-5:active,\n.select-module-Select-trigger--filledOpen-JwFDP-4-30-5 {\n background-color: var(--secondary-dark) !important;\n color: var(--text) !important;\n animation-timing-function: cubic-bezier(0, 0, 0.38, 0.9);\n animation-duration: 120ms;\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-30-5:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-30-5:has(.select-module-Select-trigger-control-CzpBM-4-30-5:focus-visible) {\n background-color: var(--secondary-light);\n}\n\n/* styleType Outlined */\n\n.select-module-Select-trigger--outlined-EqpYO-4-30-5 {\n background: var(--white);\n color: var(--text);\n border: var(--border);\n}\n\n.select-module-Select-trigger--outlined-EqpYO-4-30-5:hover {\n background: var(--secondary-lighter);\n color: var(--inverse);\n border: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.select-module-Select-trigger--outlined-EqpYO-4-30-5:active,\n.select-module-Select-trigger--outlinedOpen-Qpz-c-4-30-5 {\n color: var(--inverse) !important;\n background: var(--secondary) !important;\n border: var(--border-width-2-5) solid var(--inverse-lightest) !important;\n animation-timing-function: var(--entrance-productive-curve);\n animation-duration: var(--duration--fast-02);\n}\n\n.select-module-Select-trigger--outlined-EqpYO-4-30-5.select-module-Select-trigger--disabled-YdpUd-4-30-5 {\n color: var(--inverse-lightest) !important;\n background: var(--secondary-lightest) !important;\n border: var(--border-width-2-5) solid var(--secondary-lighter) !important;\n}\n\n.select-module-Select-inputWrapper-LT8pe-4-30-5 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.select-module-Select-inputWrapper-LT8pe-4-30-5:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.select-module-Select-trigger-wrapper-NMxls-4-30-5 {\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-30-5 {\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-30-5,\n.select-module-Select-option--text-WfcEP-4-30-5 {\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-30-5 {\n height: var(--spacing-80);\n padding-right: var(--spacing-20);\n padding-left: var(--spacing-30);\n}\n\n.select-module-Select-trigger--filledPlaceholder-XA5t6-4-30-5 {\n color: var(--text);\n}\n\n.select-module-Select-trigger--outlinedPlaceholder-KskN9-4-30-5 {\n color: var(--inverse-lighter);\n}\n\n.select-module-Select-trigger--icon-eX-q0-4-30-5 {\n padding-left: var(--spacing-20);\n}\n\n.select-module-Select-buttonWrapper-Dm9cQ-4-30-5 {\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-30-5 {\n display: flex;\n flex-shrink: 0;\n overflow: hidden;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n cursor: pointer;\n border-radius: var(--border-radius-full);\n padding: var(--spacing-05);\n border: none;\n background: transparent;\n}\n\n.select-module-Select-crossButton-RUlwA-4-30-5:focus-visible {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.select-module-Select-crossButton-RUlwA-4-30-5:hover {\n background-color: var(--secondary);\n}\n\n.select-module-Select-crossButton-RUlwA-4-30-5:active {\n background-color: var(--secondary-dark);\n}\n\n.select-module-Select-option-HDep4-4-30-5 {\n display: flex;\n align-items: flex-start;\n width: 100%;\n}\n\n.select-module-Select-trigger--textSmall-jlpss-4-30-5 {\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-30-5 {\n padding: var(--spacing-10) var(--spacing-20);\n}\n\n.select-module-Select-input--tiny-mldAL-4-30-5 {\n padding-right: var(--spacing-10);\n height: var(--spacing-60);\n}\n\n.select-module-Select-option--textTight-soE6b-4-30-5 {\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.select-module-Select-trigger--error-B4sEa-4-30-5 {\n border: var(--border-width-2-5) solid var(--alert) !important;\n}\n\n@media (forced-colors: active) {\n .select-module-Select-input-E3-1I-4-30-5:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
31444
|
+
var styles$a = {"Select-input":"select-module-Select-input-E3-1I-4-30-5","Select-trigger":"select-module-Select-trigger-PT5nA-4-30-5","Select-trigger-control":"select-module-Select-trigger-control-CzpBM-4-30-5","Select-trigger--disabled":"select-module-Select-trigger--disabled-YdpUd-4-30-5","Select-trigger--filled":"select-module-Select-trigger--filled-mAjdO-4-30-5","Select-trigger--filledOpen":"select-module-Select-trigger--filledOpen-JwFDP-4-30-5","Select-trigger--outlined":"select-module-Select-trigger--outlined-EqpYO-4-30-5","Select-trigger--outlinedOpen":"select-module-Select-trigger--outlinedOpen-Qpz-c-4-30-5","Select-inputWrapper":"select-module-Select-inputWrapper-LT8pe-4-30-5","Select-trigger-wrapper":"select-module-Select-trigger-wrapper-NMxls-4-30-5","Select-trigger--small":"select-module-Select-trigger--small-v-qam-4-30-5","Select-trigger--text":"select-module-Select-trigger--text-7nEKU-4-30-5","Select-option--text":"select-module-Select-option--text-WfcEP-4-30-5","Select-trigger--regular":"select-module-Select-trigger--regular-Dx-fp-4-30-5","Select-trigger--filledPlaceholder":"select-module-Select-trigger--filledPlaceholder-XA5t6-4-30-5","Select-trigger--outlinedPlaceholder":"select-module-Select-trigger--outlinedPlaceholder-KskN9-4-30-5","Select-trigger--icon":"select-module-Select-trigger--icon-eX-q0-4-30-5","Select-buttonWrapper":"select-module-Select-buttonWrapper-Dm9cQ-4-30-5","Select-crossButton":"select-module-Select-crossButton-RUlwA-4-30-5","Select-option":"select-module-Select-option-HDep4-4-30-5","Select-trigger--textSmall":"select-module-Select-trigger--textSmall-jlpss-4-30-5","Select-option--tight":"select-module-Select-option--tight-vVqxV-4-30-5","Select-input--tiny":"select-module-Select-input--tiny-mldAL-4-30-5","Select-option--textTight":"select-module-Select-option--textTight-soE6b-4-30-5","Select-trigger--error":"select-module-Select-trigger--error-B4sEa-4-30-5"};
|
|
31319
31445
|
styleInject(css_248z$a);
|
|
31320
31446
|
|
|
31321
31447
|
var _excluded$u = ["children", "option", "checkedState", "onClick", "withCheckbox", "disabled", "index", "aria-label", "aria-labelledby"];
|
|
@@ -32121,8 +32247,8 @@ Select.SearchInput = SearchInput;
|
|
|
32121
32247
|
Select.EmptyTemplate = SelectEmptyTemplate;
|
|
32122
32248
|
Select.Footer = SelectFooter;
|
|
32123
32249
|
|
|
32124
|
-
var css_248z$9 = ".menu-module-Menu-AK6Tm-4-30-
|
|
32125
|
-
var styles$9 = {"Menu":"menu-module-Menu-AK6Tm-4-30-
|
|
32250
|
+
var css_248z$9 = ".menu-module-Menu-AK6Tm-4-30-5 {\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-30-5 {\n background-color: var(--secondary-dark);\n}\n\n.menu-module-Menu-Item-oX6Gf-4-30-5 {\n width: 100%;\n box-sizing: border-box;\n}\n\n.menu-module-Menu-Item--tight-6221H-4-30-5 {\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-30-5 {\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-30-5:first-child .menu-module-Menu-Group-Label-Qj6zC-4-30-5 {\n padding-top: var(--spacing-20);\n}\n";
|
|
32251
|
+
var styles$9 = {"Menu":"menu-module-Menu-AK6Tm-4-30-5","Menu-Trigger--active":"menu-module-Menu-Trigger--active-jEVVp-4-30-5","Menu-Item":"menu-module-Menu-Item-oX6Gf-4-30-5","Menu-Item--tight":"menu-module-Menu-Item--tight-6221H-4-30-5","Menu-Group-Label":"menu-module-Menu-Group-Label-Qj6zC-4-30-5","Menu-Group":"menu-module-Menu-Group-MAnuz-4-30-5"};
|
|
32126
32252
|
styleInject(css_248z$9);
|
|
32127
32253
|
|
|
32128
32254
|
var _excluded$o = ["label", "children", "showDivider"];
|
|
@@ -32240,7 +32366,7 @@ var handleKeyDown$1 = function handleKeyDown(event, focusedOption, setFocusedOpt
|
|
|
32240
32366
|
break;
|
|
32241
32367
|
}
|
|
32242
32368
|
};
|
|
32243
|
-
var MENU_LIST_ITEM_SELECTOR = '[data-test="DesignSystem-Menu-ListItem"]';
|
|
32369
|
+
var MENU_LIST_ITEM_SELECTOR = '[role="menuitem"], [data-test="DesignSystem-Menu-ListItem"]';
|
|
32244
32370
|
var navigateOptions = function navigateOptions(direction, focusedOption, setFocusedOption, listRef) {
|
|
32245
32371
|
var _listRef$current, _targetOption$scrollI;
|
|
32246
32372
|
var listItems = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.querySelectorAll(MENU_LIST_ITEM_SELECTOR);
|
|
@@ -32404,7 +32530,7 @@ var handleKeyDown = function handleKeyDown(event, setOpenPopover, setHighlightFi
|
|
|
32404
32530
|
};
|
|
32405
32531
|
var focusListItem = function focusListItem(position, setFocusedOption, listRef) {
|
|
32406
32532
|
var _listRef$current, _targetOption;
|
|
32407
|
-
var listItems = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.querySelectorAll(
|
|
32533
|
+
var listItems = (_listRef$current = listRef.current) === null || _listRef$current === void 0 ? void 0 : _listRef$current.querySelectorAll(MENU_LIST_ITEM_SELECTOR);
|
|
32408
32534
|
if (!(listItems !== null && listItems !== void 0 && listItems.length)) {
|
|
32409
32535
|
return;
|
|
32410
32536
|
}
|
|
@@ -32489,7 +32615,7 @@ var SubMenu = function SubMenu(props) {
|
|
|
32489
32615
|
if (shouldFocusFirstItem && isSubmenuOpen) {
|
|
32490
32616
|
requestAnimationFrame(function () {
|
|
32491
32617
|
var _subListRef$current, _listItems$;
|
|
32492
|
-
var listItems = (_subListRef$current = subListRef.current) === null || _subListRef$current === void 0 ? void 0 : _subListRef$current.querySelectorAll(
|
|
32618
|
+
var listItems = (_subListRef$current = subListRef.current) === null || _subListRef$current === void 0 ? void 0 : _subListRef$current.querySelectorAll(MENU_LIST_ITEM_SELECTOR);
|
|
32493
32619
|
listItems === null || listItems === void 0 || (_listItems$ = listItems[0]) === null || _listItems$ === void 0 || _listItems$.focus();
|
|
32494
32620
|
setShouldFocusFirstItem(false);
|
|
32495
32621
|
});
|
|
@@ -32763,8 +32889,8 @@ var DateSeparator = function DateSeparator(props) {
|
|
|
32763
32889
|
}, rest), date);
|
|
32764
32890
|
};
|
|
32765
32891
|
|
|
32766
|
-
var css_248z$8 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-30-
|
|
32767
|
-
var styles$8 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-30-
|
|
32892
|
+
var css_248z$8 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-30-5 {\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-30-5 {\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-30-5 {\n flex: 1;\n height: var(--spacing-2-5);\n background-color: var(--primary);\n margin-left: var(--spacing-40);\n}\n";
|
|
32893
|
+
var styles$8 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-30-5","NewMessage-Divider--left":"chatSeparator-module-NewMessage-Divider--left-tvVhe-4-30-5","NewMessage-Divider--right":"chatSeparator-module-NewMessage-Divider--right-PlY2h-4-30-5"};
|
|
32768
32894
|
styleInject(css_248z$8);
|
|
32769
32895
|
|
|
32770
32896
|
var _excluded$i = ["text", "className"];
|
|
@@ -32859,8 +32985,8 @@ var TypingIndicator = function TypingIndicator(props) {
|
|
|
32859
32985
|
}, rest), text);
|
|
32860
32986
|
};
|
|
32861
32987
|
|
|
32862
|
-
var css_248z$7 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-30-
|
|
32863
|
-
var styles$7 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-30-
|
|
32988
|
+
var css_248z$7 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-30-5 {\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-30-5 {\n width: var(--spacing-10);\n height: var(--spacing-10);\n border-radius: var(--border-radius-full);\n margin: 0 var(--spacing-20);\n background: var(--inverse-lighter);\n}\n\n.chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-30-5 {\n margin-right: calc(var(--spacing-40) + var(--spacing-10));\n}\n\n.chatBubble-module-ChatBubble-box-hARs0-4-30-5 {\n width: 100%;\n}\n\n.chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.chatBubble-module-ChatBubble-boxWrapper-aH59y-4-30-5 {\n flex: 0 0 auto;\n display: flex;\n max-width: 70%;\n}\n\n.chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-30-5 {\n flex: 0 0 auto;\n}\n\n.chatBubble-module-ChatBubble-actionBarWrapper--hidden-VPK2d-4-30-5 {\n width: 0;\n overflow: hidden;\n}\n";
|
|
32989
|
+
var styles$7 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-30-5","ChatBubble-separator":"chatBubble-module-ChatBubble-separator-JaN-K-4-30-5","ChatBubble-box--noSuccess":"chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-30-5","ChatBubble-box":"chatBubble-module-ChatBubble-box-hARs0-4-30-5","ChatBubble-actionBar--outgoing":"chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-30-5","ChatBubble-actionBar--incoming":"chatBubble-module-ChatBubble-actionBar--incoming-gosX5-4-30-5","ChatBubble-box--incoming":"chatBubble-module-ChatBubble-box--incoming-GK6D6-4-30-5","ChatBubble-metaData--incoming":"chatBubble-module-ChatBubble-metaData--incoming-dovAY-4-30-5","ChatBubble-boxWrapper":"chatBubble-module-ChatBubble-boxWrapper-aH59y-4-30-5","ChatBubble-actionBarWrapper":"chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-30-5","ChatBubble-actionBarWrapper--hidden":"chatBubble-module-ChatBubble-actionBarWrapper--hidden-VPK2d-4-30-5"};
|
|
32864
32990
|
styleInject(css_248z$7);
|
|
32865
32991
|
|
|
32866
32992
|
var _excluded$f = ["time", "metaData", "urgentMessage", "avatarData", "showAvatar", "children", "actionBar"];
|
|
@@ -33106,8 +33232,8 @@ var ChatBubble = function ChatBubble(props) {
|
|
|
33106
33232
|
};
|
|
33107
33233
|
ChatBubble.displayName = 'ChatBubble';
|
|
33108
33234
|
|
|
33109
|
-
var css_248z$6 = ".chatInput-module-ChatInput-eHNHD-4-30-
|
|
33110
|
-
var styles$6 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-30-
|
|
33235
|
+
var css_248z$6 = ".chatInput-module-ChatInput-eHNHD-4-30-5 {\n display: flex;\n flex-direction: row;\n align-items: center;\n border: var(--border-width-2-5) solid var(--secondary-dark);\n padding: var(--spacing-20);\n border-radius: var(--border-radius-10);\n background: var(--white);\n max-width: 100%;\n min-width: var(--spacing-640);\n transition: background-color var(--duration--slow-01) var(--standard-productive-curve),\n border-color var(--duration--slow-01) var(--standard-productive-curve),\n outline var(--duration--slow-01) var(--standard-productive-curve);\n max-height: var(--spacing-440);\n position: relative;\n box-sizing: border-box;\n line-height: var(--font-height-m);\n}\n\n.chatInput-module-ChatInput--expanded-CQXYB-4-30-5 {\n flex-direction: column;\n align-items: flex-start;\n}\n\n.chatInput-module-ChatInput--disabled-2rn8F-4-30-5 {\n background: var(--secondary-lightest);\n cursor: not-allowed;\n}\n\n.chatInput-module-ChatInput-eHNHD-4-30-5:hover {\n background: var(--secondary-lighter);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-30-5:focus-within,\n.chatInput-module-ChatInput-eHNHD-4-30-5:focus,\n.chatInput-module-ChatInput-eHNHD-4-30-5:focus-visible {\n background: var(--white);\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.chatInput-module-ChatInput-textarea-qyw2Y-4-30-5 {\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-30-5::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.chatInput-module-ChatInput-textarea-qyw2Y-4-30-5::placeholder {\n color: var(--inverse-lighter);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-30-5 textarea:disabled::-moz-placeholder {\n color: var(--inverse-lightest);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-30-5 textarea:disabled::placeholder {\n color: var(--inverse-lightest);\n}\n\n.chatInput-module-ChatInput-actions-TdLpp-4-30-5 {\n display: flex;\n flex-shrink: 0;\n transition: margin var(--duration--slow-01) var(--standard-productive-curve),\n width var(--duration--slow-01) var(--standard-productive-curve);\n margin-left: var(--spacing-20);\n align-items: center;\n}\n\n.chatInput-module-ChatInput-actions--expanded-tSHwG-4-30-5 {\n width: 100%;\n justify-content: flex-end;\n margin-top: var(--spacing-20);\n margin-left: 0;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .chatInput-module-ChatInput-eHNHD-4-30-5,\n .chatInput-module-ChatInput-actions-TdLpp-4-30-5,\n .chatInput-module-ChatInput-textarea-qyw2Y-4-30-5 {\n transition: none;\n }\n}\n";
|
|
33236
|
+
var styles$6 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-30-5","ChatInput--expanded":"chatInput-module-ChatInput--expanded-CQXYB-4-30-5","ChatInput--disabled":"chatInput-module-ChatInput--disabled-2rn8F-4-30-5","ChatInput-textarea":"chatInput-module-ChatInput-textarea-qyw2Y-4-30-5","ChatInput-actions":"chatInput-module-ChatInput-actions-TdLpp-4-30-5","ChatInput-actions--expanded":"chatInput-module-ChatInput-actions--expanded-tSHwG-4-30-5"};
|
|
33111
33237
|
styleInject(css_248z$6);
|
|
33112
33238
|
|
|
33113
33239
|
var _excluded$c = ["defaultValue", "showStopButton", "onChange", "onSend", "disabled", "readOnly", "actionRenderer", "onStopGenerating", "className", "aria-label"];
|
|
@@ -33239,8 +33365,8 @@ Chat.TypingIndicator = TypingIndicator;
|
|
|
33239
33365
|
Chat.ChatBubble = ChatBubble;
|
|
33240
33366
|
Chat.ChatInput = ChatInput;
|
|
33241
33367
|
|
|
33242
|
-
var css_248z$5 = ".meter-module-Meter-2i-mO-4-30-
|
|
33243
|
-
var styles$5 = {"Meter":"meter-module-Meter-2i-mO-4-30-
|
|
33368
|
+
var css_248z$5 = ".meter-module-Meter-2i-mO-4-30-5 {\n display: flex;\n align-items: center;\n}\n\n.meter-module-Meter-Step-4Z4g3-4-30-5 {\n border-radius: 50%;\n}\n\n.meter-module-Meter-Step--small-8AUww-4-30-5 {\n width: var(--spacing-10);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--regular-5FlOq-4-30-5 {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--large-3n6Li-4-30-5 {\n width: var(--spacing-30);\n height: var(--spacing-30);\n}\n\n.meter-module-Meter-Step--info-dYKw1-4-30-5 {\n background: var(--primary);\n}\n\n.meter-module-Meter-Step--warning-1y3zc-4-30-5 {\n background: var(--warning);\n}\n\n.meter-module-Meter-Step--alert-hNfes-4-30-5 {\n background: var(--alert);\n}\n\n.meter-module-Meter-Step--success-sSboi-4-30-5 {\n background: var(--success);\n}\n";
|
|
33369
|
+
var styles$5 = {"Meter":"meter-module-Meter-2i-mO-4-30-5","Meter-Step":"meter-module-Meter-Step-4Z4g3-4-30-5","Meter-Step--small":"meter-module-Meter-Step--small-8AUww-4-30-5","Meter-Step--regular":"meter-module-Meter-Step--regular-5FlOq-4-30-5","Meter-Step--large":"meter-module-Meter-Step--large-3n6Li-4-30-5","Meter-Step--info":"meter-module-Meter-Step--info-dYKw1-4-30-5","Meter-Step--warning":"meter-module-Meter-Step--warning-1y3zc-4-30-5","Meter-Step--alert":"meter-module-Meter-Step--alert-hNfes-4-30-5","Meter-Step--success":"meter-module-Meter-Step--success-sSboi-4-30-5"};
|
|
33244
33370
|
styleInject(css_248z$5);
|
|
33245
33371
|
|
|
33246
33372
|
var Step = function Step(props) {
|
|
@@ -33416,8 +33542,8 @@ Meter.useMeterValues = useMeterValues;
|
|
|
33416
33542
|
|
|
33417
33543
|
var SegmentedControlContext = /*#__PURE__*/React.createContext(null);
|
|
33418
33544
|
|
|
33419
|
-
var css_248z$4 = ".segmentedControl-module-SegmentedControl-vkYC9-4-30-
|
|
33420
|
-
var styles$4 = {"SegmentedControl":"segmentedControl-module-SegmentedControl-vkYC9-4-30-
|
|
33545
|
+
var css_248z$4 = ".segmentedControl-module-SegmentedControl-vkYC9-4-30-5 {\n display: inline-flex;\n align-items: stretch;\n position: relative;\n border-radius: var(--border-radius-10);\n max-width: 100%;\n box-sizing: border-box;\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--secondary);\n overflow: visible;\n}\n\n.segmentedControl-module-SegmentedControl--expanded-sdHW--4-30-5 {\n width: 100%;\n display: flex;\n}\n\n.segmentedControl-module-SegmentedControl-segment--expanded-A9LYh-4-30-5 {\n flex: 1 1 0;\n min-width: 0;\n width: 0;\n}\n\n.segmentedControl-module-SegmentedControl-segment--equalWidth-FUQl8-4-30-5 {\n width: var(--segment-equal-width, -moz-max-content);\n width: var(--segment-equal-width, max-content);\n flex: 0 0 auto;\n min-width: var(--segment-equal-width, -moz-max-content);\n min-width: var(--segment-equal-width, max-content);\n}\n\n.segmentedControl-module-SegmentedControl-segment--equalWidth-FUQl8-4-30-5 .segmentedControl-module-SegmentedControl-segmentLabel-Jtu-B-4-30-5 {\n overflow: visible;\n text-overflow: clip;\n}\n\n.segmentedControl-module-SegmentedControl-segmentLabel--constrained-DpFL7-4-30-5 {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n}\n\n.segmentedControl-module-SegmentedControl--disabled-7MH7Y-4-30-5 {\n opacity: var(--opacity-16);\n cursor: not-allowed;\n}\n\n.segmentedControl-module-SegmentedControl-indicator-ac-l3-4-30-5 {\n position: absolute;\n left: 0;\n box-sizing: border-box;\n background-color: var(--primary-ultra-light);\n border: var(--border-width-05) solid var(--primary);\n border-radius: var(--border-radius-10);\n pointer-events: none;\n z-index: 2;\n transition: transform var(--duration--moderate-02) var(--standard-productive-curve),\n width var(--duration--moderate-02) var(--standard-productive-curve),\n top var(--duration--moderate-02) var(--standard-productive-curve),\n height var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-30-5 {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: var(--border-width-2-5) solid transparent;\n background-clip: padding-box;\n border-radius: 0;\n background-color: transparent;\n position: relative;\n color: var(--text);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: var(--spacing-15) var(--spacing-30);\n cursor: pointer;\n font-family: inherit;\n font-size: var(--font-size);\n line-height: var(--font-height);\n font-weight: var(--font-weight-normal);\n text-decoration: none;\n max-width: var(--segment-max-width, none);\n min-width: 0;\n z-index: 3;\n transition: color var(--duration--moderate-02) var(--standard-productive-curve),\n background-color var(--duration--moderate-02) var(--standard-productive-curve),\n box-shadow var(--duration--moderate-02) var(--standard-productive-curve),\n font-weight var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-30-5:nth-of-type(1) {\n border-top-left-radius: var(--border-radius-10);\n border-bottom-left-radius: var(--border-radius-10);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-30-5:last-child {\n border-top-right-radius: var(--border-radius-10);\n border-bottom-right-radius: var(--border-radius-10);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-30-5:focus {\n outline: none;\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n border-radius: var(--border-radius-10);\n z-index: 100;\n position: relative;\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-30-5:hover:not(.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-30-5):not(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-30-5) {\n background-color: var(--secondary-lighter);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-30-5:active:not(.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-30-5):not(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-30-5) {\n color: var(--primary-dark);\n}\n\n.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-30-5 {\n color: var(--primary-dark);\n cursor: default;\n}\n\n.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-30-5.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-30-5 {\n color: var(--primary-dark);\n cursor: not-allowed;\n}\n\n.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-30-5.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-30-5::after {\n content: '';\n position: absolute;\n top: var(--border-width-2-5);\n left: var(--border-width-2-5);\n right: var(--border-width-2-5);\n bottom: var(--border-width-2-5);\n background-color: var(--white);\n opacity: var(--opacity-12);\n border-radius: calc(var(--border-radius-10) - var(--border-width-2-5));\n pointer-events: none;\n z-index: 1;\n}\n\n.segmentedControl-module-SegmentedControl-vkYC9-4-30-5:has(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-30-5.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-30-5)\n .segmentedControl-module-SegmentedControl-indicator-ac-l3-4-30-5 {\n opacity: calc(1 - var(--opacity-12));\n}\n\n.segmentedControl-module-SegmentedControl-segment--twoSegmentsSelected-GiHxv-4-30-5 {\n cursor: pointer;\n}\n\n.segmentedControl-module-SegmentedControl-segment--small-e41l--4-30-5 {\n padding: var(--spacing-10) var(--spacing-20);\n height: var(--spacing-60);\n font-size: var(--font-size-s);\n line-height: var(--font-height-s);\n font-weight: var(--font-weight-medium);\n}\n\n.segmentedControl-module-SegmentedControl-segment--regular-NoNqD-4-30-5 {\n padding: var(--spacing-15) var(--spacing-30);\n height: var(--spacing-80);\n line-height: var(--font-height);\n}\n\n.segmentedControl-module-SegmentedControl-segment--large-34x1e-4-30-5 {\n padding: var(--spacing-20) var(--spacing-40);\n height: 40px;\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.segmentedControl-module-SegmentedControl-segment--customContent-xIvUV-4-30-5 {\n height: auto;\n}\n\n.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-30-5 {\n cursor: not-allowed;\n color: var(--text-disabled);\n background-color: transparent;\n}\n\n.segmentedControl-module-SegmentedControl-segment--iconOnly-d-e2J-4-30-5 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n padding: var(--spacing-15) var(--spacing-20);\n box-sizing: border-box;\n}\n\n.segmentedControl-module-SegmentedControl-segment--smallIconOnly--K8og-4-30-5 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n padding: var(--spacing-10) var(--spacing-15);\n box-sizing: border-box;\n}\n\n.segmentedControl-module-SegmentedControl-segment--largeIconOnly-qVfJL-4-30-5 {\n height: 40px;\n width: 40px;\n padding: var(--spacing-20) var(--spacing-30);\n box-sizing: border-box;\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon-X6neD-4-30-5 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin: 0;\n transition: color var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--only-Tb-d5-4-30-5 {\n margin: 0;\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--small-phj9R-4-30-5 {\n margin-right: var(--spacing-10);\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--regular-F6UoI-4-30-5 {\n margin-right: var(--spacing-15);\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--large-5k6tL-4-30-5 {\n margin-right: var(--spacing-20);\n}\n\n.segmentedControl-module-SegmentedControl-segmentLabel-Jtu-B-4-30-5 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n transition: color var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-divider-CanUi-4-30-5 {\n width: var(--border-width-2-5);\n background-color: var(--secondary);\n align-self: center;\n flex-shrink: 0;\n transition: opacity var(--duration--moderate-02) var(--standard-productive-curve);\n}\n\n.segmentedControl-module-SegmentedControl-divider--hidden-CUMGn-4-30-5 {\n opacity: 0;\n pointer-events: none;\n}\n\n.segmentedControl-module-SegmentedControl-divider--small-gv4uV-4-30-5 {\n height: 10px;\n}\n\n.segmentedControl-module-SegmentedControl-divider--regular-bWrw6-4-30-5 {\n height: var(--spacing-30);\n}\n\n.segmentedControl-module-SegmentedControl-divider--large-6pJIA-4-30-5 {\n height: 14px;\n}\n\n@media (prefers-contrast: high) {\n .segmentedControl-module-SegmentedControl-segment-rqh1W-4-30-5:focus-visible {\n outline-width: var(--border-width-10);\n outline-offset: var(--spacing-05);\n }\n\n .segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-30-5 {\n border-color: var(--primary);\n }\n}\n";
|
|
33546
|
+
var styles$4 = {"SegmentedControl":"segmentedControl-module-SegmentedControl-vkYC9-4-30-5","SegmentedControl--expanded":"segmentedControl-module-SegmentedControl--expanded-sdHW--4-30-5","SegmentedControl-segment--expanded":"segmentedControl-module-SegmentedControl-segment--expanded-A9LYh-4-30-5","SegmentedControl-segment--equalWidth":"segmentedControl-module-SegmentedControl-segment--equalWidth-FUQl8-4-30-5","SegmentedControl-segmentLabel":"segmentedControl-module-SegmentedControl-segmentLabel-Jtu-B-4-30-5","SegmentedControl-segmentLabel--constrained":"segmentedControl-module-SegmentedControl-segmentLabel--constrained-DpFL7-4-30-5","SegmentedControl--disabled":"segmentedControl-module-SegmentedControl--disabled-7MH7Y-4-30-5","SegmentedControl-indicator":"segmentedControl-module-SegmentedControl-indicator-ac-l3-4-30-5","SegmentedControl-segment":"segmentedControl-module-SegmentedControl-segment-rqh1W-4-30-5","SegmentedControl-segment--disabled":"segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-30-5","SegmentedControl-segment--selected":"segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-30-5","SegmentedControl-segment--twoSegmentsSelected":"segmentedControl-module-SegmentedControl-segment--twoSegmentsSelected-GiHxv-4-30-5","SegmentedControl-segment--small":"segmentedControl-module-SegmentedControl-segment--small-e41l--4-30-5","SegmentedControl-segment--regular":"segmentedControl-module-SegmentedControl-segment--regular-NoNqD-4-30-5","SegmentedControl-segment--large":"segmentedControl-module-SegmentedControl-segment--large-34x1e-4-30-5","SegmentedControl-segment--customContent":"segmentedControl-module-SegmentedControl-segment--customContent-xIvUV-4-30-5","SegmentedControl-segment--iconOnly":"segmentedControl-module-SegmentedControl-segment--iconOnly-d-e2J-4-30-5","SegmentedControl-segment--smallIconOnly":"segmentedControl-module-SegmentedControl-segment--smallIconOnly--K8og-4-30-5","SegmentedControl-segment--largeIconOnly":"segmentedControl-module-SegmentedControl-segment--largeIconOnly-qVfJL-4-30-5","SegmentedControl-segmentIcon":"segmentedControl-module-SegmentedControl-segmentIcon-X6neD-4-30-5","SegmentedControl-segmentIcon--only":"segmentedControl-module-SegmentedControl-segmentIcon--only-Tb-d5-4-30-5","SegmentedControl-segmentIcon--small":"segmentedControl-module-SegmentedControl-segmentIcon--small-phj9R-4-30-5","SegmentedControl-segmentIcon--regular":"segmentedControl-module-SegmentedControl-segmentIcon--regular-F6UoI-4-30-5","SegmentedControl-segmentIcon--large":"segmentedControl-module-SegmentedControl-segmentIcon--large-5k6tL-4-30-5","SegmentedControl-divider":"segmentedControl-module-SegmentedControl-divider-CanUi-4-30-5","SegmentedControl-divider--hidden":"segmentedControl-module-SegmentedControl-divider--hidden-CUMGn-4-30-5","SegmentedControl-divider--small":"segmentedControl-module-SegmentedControl-divider--small-gv4uV-4-30-5","SegmentedControl-divider--regular":"segmentedControl-module-SegmentedControl-divider--regular-bWrw6-4-30-5","SegmentedControl-divider--large":"segmentedControl-module-SegmentedControl-divider--large-6pJIA-4-30-5"};
|
|
33421
33547
|
styleInject(css_248z$4);
|
|
33422
33548
|
|
|
33423
33549
|
var iconSizeMap = {
|
|
@@ -33924,8 +34050,8 @@ SegmentedControl.Item = SegmentedControlItem;
|
|
|
33924
34050
|
|
|
33925
34051
|
var img$2 = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 8C4.86599 8 8 4.86599 8 1C8 4.86599 11.134 8 15 8C11.134 8 8 11.134 8 15C8 11.134 4.86599 8 1 8Z' fill='url(%23paint0_linear_64038_5798)'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 8C4.86599 8 8 4.86599 8 1C8 4.86599 11.134 8 15 8C11.134 8 8 11.134 8 15C8 11.134 4.86599 8 1 8Z' fill='url(%23paint1_linear_64038_5798)' fill-opacity='0.24'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 8C4.86599 8 8 4.86599 8 1C8 4.86599 11.134 8 15 8C11.134 8 8 11.134 8 15C8 11.134 4.86599 8 1 8Z' fill='none' stroke='%23CA1822' stroke-width='1' vector-effect='non-scaling-stroke' clip-path='url(%23clip0_64038_5798)'/%3e%3cdefs%3e%3cclipPath id='clip0_64038_5798'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 8C4.86599 8 8 4.86599 8 1C8 4.86599 11.134 8 15 8C11.134 8 8 11.134 8 15C8 11.134 4.86599 8 1 8Z'/%3e%3c/clipPath%3e%3clinearGradient id='paint0_linear_64038_5798' x1='3.4375' y1='2.4375' x2='12.4063' y2='13' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23E81F76' stop-opacity='0.8'/%3e%3cstop offset='1' stop-color='%23EB5324'/%3e%3c/linearGradient%3e%3clinearGradient id='paint1_linear_64038_5798' x1='9.3125' y1='10.8438' x2='12.5937' y2='15.6563' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FFC208' stop-opacity='0'/%3e%3cstop offset='1' stop-color='%23FFC208'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";
|
|
33926
34052
|
|
|
33927
|
-
var css_248z$3 = ".button-module-AIButton-Hcde0-4-30-
|
|
33928
|
-
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-30-
|
|
34053
|
+
var css_248z$3 = ".button-module-AIButton-Hcde0-4-30-5 {\n padding: var(--spacing-20) var(--spacing-30);\n border-radius: var(--border-radius-10);\n cursor: pointer;\n border: 0;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n display: flex;\n align-items: center;\n color: var(--inverse);\n background: linear-gradient(109deg, #fdead8 10.28%, #fbdfd5 32.82%, #f9d1d5 63.38%, #fad9e7 96.05%);\n}\n\n.button-module-AIButton-Hcde0-4-30-5:hover {\n background: linear-gradient(116deg, #fbe1c9 14.17%, #f8c5c6 50.06%, #f9cbdc 85.01%);\n}\n\n.button-module-AIButton-Hcde0-4-30-5:active {\n background: linear-gradient(106deg, #fad1ae 20.06%, #f5aea9 44.48%, #f4a0ad 67.83%, #f6b3ce 86.55%);\n}\n\n.button-module-AIButton-Hcde0-4-30-5:disabled {\n cursor: not-allowed;\n opacity: var(--opacity-10);\n background: linear-gradient(109deg, #fdead8 10.28%, #fbdfd5 32.82%, #f9d1d5 63.38%, #fad9e7 96.05%);\n}\n\n.button-module-AIButton-Hcde0-4-30-5:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n/* Button Icon */\n\n.button-module-AIButton-Icon-ITLNV-4-30-5 {\n margin-right: var(--spacing-20);\n}\n";
|
|
34054
|
+
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-30-5","AIButton-Icon":"button-module-AIButton-Icon-ITLNV-4-30-5"};
|
|
33929
34055
|
styleInject(css_248z$3);
|
|
33930
34056
|
|
|
33931
34057
|
var _excluded$9 = ["appearance", "className", "children", "disabled", "withSparkle"];
|
|
@@ -38032,8 +38158,8 @@ var SaraIconDisabled = function SaraIconDisabled(props) {
|
|
|
38032
38158
|
}))));
|
|
38033
38159
|
};
|
|
38034
38160
|
|
|
38035
|
-
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-30-
|
|
38036
|
-
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-30-
|
|
38161
|
+
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-30-5 {\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-30-5 {\n padding: var(--spacing-0-75);\n}\n\n.iconButton-module-AIIconButton--regular-TAz71-4-30-5 {\n padding: var(--spacing);\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-30-5:hover {\n background: linear-gradient(143deg, #fad1b2 10.84%, #f8c4c1 51.71%, #f8c8d7 91.5%);\n color: var(--secondary) !important;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-30-5:active {\n background: linear-gradient(144deg, #f7ba8c 14.82%, #f6af98 40.53%, #f5a8a0 55.69%, #f5adc5 79.29%);\n color: var(--secondary-dark) !important;\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-30-5:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-30-5:disabled {\n cursor: not-allowed;\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.iconButton-module-AIIconButton-icon-nj5xZ-4-30-5 {\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-30-5 {\n position: absolute;\n}\n\n.iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\n top: calc(var(--spacing-40) + var(--spacing-2-5)); /* 17px */\n left: calc(var(--spacing-40) + var(--spacing-05)); /* 18px */\n}\n";
|
|
38162
|
+
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-30-5","AIIconButton--large":"iconButton-module-AIIconButton--large-2EnOg-4-30-5","AIIconButton--regular":"iconButton-module-AIIconButton--regular-TAz71-4-30-5","AIIconButton-icon":"iconButton-module-AIIconButton-icon-nj5xZ-4-30-5","AIIconButton-AIIcon":"iconButton-module-AIIconButton-AIIcon-xdcj5-4-30-5","AIIconButton-AIIcon--regularTop":"iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-30-5","AIIconButton-AIIcon--largeTop":"iconButton-module-AIIconButton-AIIcon--largeTop-3HqjO-4-30-5","AIIconButton-AIIcon--regularBottom":"iconButton-module-AIIconButton-AIIcon--regularBottom-oQfDL-4-30-5","AIIconButton-AIIcon--largeBottom":"iconButton-module-AIIconButton-AIIcon--largeBottom-RQtt--4-30-5"};
|
|
38037
38163
|
styleInject(css_248z$2);
|
|
38038
38164
|
|
|
38039
38165
|
var SaraIcon = function SaraIcon(props) {
|
|
@@ -38109,8 +38235,8 @@ AIIconButton.defaultProps = {
|
|
|
38109
38235
|
strokeColor: 'var(--text-white)'
|
|
38110
38236
|
};
|
|
38111
38237
|
|
|
38112
|
-
var css_248z$1 = ".chip-module-AIChip-BtOef-4-30-
|
|
38113
|
-
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-30-
|
|
38238
|
+
var css_248z$1 = ".chip-module-AIChip-BtOef-4-30-5 {\n display: flex;\n justify-content: center;\n align-items: center;\n border-radius: var(--border-radius-30);\n padding: var(--spacing-05) var(--spacing-20);\n cursor: pointer;\n width: -moz-fit-content;\n width: fit-content;\n border: 0;\n position: relative;\n background: linear-gradient(109deg, #fdead8 10.28%, #fbdfd5 32.82%, #f9d1d5 63.38%, #fad9e7 96.05%);\n}\n\n.chip-module-AIChip-BtOef-4-30-5:hover {\n background: linear-gradient(108deg, #fad3b0 15.89%, #f9cdb7 33.52%, #f8c6bf 54.17%, #f7bfc7 70.92%);\n}\n\n.chip-module-AIChip-BtOef-4-30-5:active {\n background: linear-gradient(106deg, #f7bd89 20.06%, #f6b196 44.48%, #f4a4a5 67.83%, #f39faa 86.55%);\n}\n\n.chip-module-AIChip-BtOef-4-30-5:focus,\n.chip-module-AIChip-BtOef-4-30-5:focus-visible {\n outline: var(--border-width-05) solid var(--primary-dark);\n outline-offset: var(--spacing-05);\n border-radius: var(--border-radius-full);\n}\n\n.chip-module-AIChip-icon-n5kJL-4-30-5 {\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-30-5 {\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-30-5 {\n background: linear-gradient(109deg, #fdead8 10.28%, #fbdfd5 32.82%, #f9d1d5 63.38%, #fad9e7 96.05%);\n}\n\n.chip-module-AIChip-icon--disabled-UBH8e-4-30-5 {\n -webkit-background-clip: text;\n background-clip: text;\n color: var(--inverse-lightest);\n}\n\n.chip-module-AIChip-text--disabled-fCBlY-4-30-5 {\n color: var(--inverse-lightest);\n}\n\n.chip-module-AIChip-BtOef-4-30-5:disabled {\n cursor: not-allowed;\n background: linear-gradient(109deg, #fdead8 10.28%, #fbdfd5 32.82%, #f9d1d5 63.38%, #fad9e7 96.05%);\n}\n\n.chip-module-AIChip-AIIcon-H2Hgi-4-30-5 {\n position: absolute;\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-05));\n}\n";
|
|
38239
|
+
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-30-5","AIChip-icon":"chip-module-AIChip-icon-n5kJL-4-30-5","AIChip-text":"chip-module-AIChip-text-EfbZT-4-30-5","AIChip--disabled":"chip-module-AIChip--disabled-R4qHn-4-30-5","AIChip-icon--disabled":"chip-module-AIChip-icon--disabled-UBH8e-4-30-5","AIChip-text--disabled":"chip-module-AIChip-text--disabled-fCBlY-4-30-5","AIChip-AIIcon":"chip-module-AIChip-AIIcon-H2Hgi-4-30-5"};
|
|
38114
38240
|
styleInject(css_248z$1);
|
|
38115
38241
|
|
|
38116
38242
|
var _excluded$5 = ["label", "icon", "disabled", "name", "className"];
|
|
@@ -38143,8 +38269,8 @@ var AIChip = function AIChip(props) {
|
|
|
38143
38269
|
}));
|
|
38144
38270
|
};
|
|
38145
38271
|
|
|
38146
|
-
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-30-
|
|
38147
|
-
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-30-
|
|
38272
|
+
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-30-5 {\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-30-5 {\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-30-5 {\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-30-5 {\n margin-top: var(--spacing-10);\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n}\n\n.chat-module-AIResponse-metaData-eT5c3-4-30-5 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n";
|
|
38273
|
+
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-30-5","AIResponse-container":"chat-module-AIResponse-container-OdpKS-4-30-5","AIResponse-box--glow":"chat-module-AIResponse-box--glow-V9QG9-4-30-5","AIResponse-actionBar":"chat-module-AIResponse-actionBar-6fyXH-4-30-5","AIResponse-metaData":"chat-module-AIResponse-metaData-eT5c3-4-30-5"};
|
|
38148
38274
|
styleInject(css_248z);
|
|
38149
38275
|
|
|
38150
38276
|
var _excluded$4 = ["children", "className", "showGlow"];
|
|
@@ -38248,6 +38374,6 @@ AIResponse.Button = ChatButton;
|
|
|
38248
38374
|
AIResponse.ActionBar = ChatActionBar;
|
|
38249
38375
|
AIResponse.Body = ChatBody;
|
|
38250
38376
|
|
|
38251
|
-
var version = "4.30.
|
|
38377
|
+
var version = "4.30.5";
|
|
38252
38378
|
|
|
38253
38379
|
export { AIButton, AIChip, AIIconButton, AIResponse, ActionCard, Avatar, AvatarGroup, AvatarSelection, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, Chat, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, Combobox, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, Flex, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, KeyValuePair, Label, Legend, Link, LinkButton, List, Listbox, MdsGrid, Menu, Message, MetaList, Meter, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sara, SaraSparkle, SegmentedControl, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text$1 as Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };
|