@innovaccer/design-system 4.26.1 → 4.28.0-1
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 +58 -0
- package/css/SCOPED_CSS.md +145 -0
- package/css/dist/index.css +36 -14
- package/css/dist/index.css.map +1 -1
- package/css/dist/mds-scoped.css +13826 -0
- package/css/gulpfile.js +34 -25
- package/css/scoped/package.json +5 -0
- package/css/scripts/build-scoped.mjs +313 -0
- package/css/scripts/css-sources.cjs +49 -0
- package/css/scripts/portal-roots.cjs +47 -0
- package/css/src/components/calendar.module.css +3 -4
- package/css/src/components/grid.module.css +18 -6
- package/css/src/components/horizontalNav.module.css +11 -0
- package/css/src/components/spinner.module.css +4 -4
- 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/dropdown/DropdownButton.d.ts +1 -0
- package/dist/core/components/atoms/input/Input.d.ts +1 -0
- package/dist/core/components/organisms/calendar/Calendar.d.ts +2 -0
- package/dist/core/components/organisms/calendar/utils.d.ts +5 -0
- package/dist/core/components/organisms/datePicker/DatePicker.d.ts +4 -0
- package/dist/core/components/organisms/datePicker/Trigger.d.ts +2 -0
- package/dist/core/components/organisms/dateRangePicker/DateRangePicker.d.ts +8 -0
- package/dist/core/components/organisms/dateRangePicker/SingleInputTrigger.d.ts +2 -0
- package/dist/core/components/organisms/dateRangePicker/Trigger.d.ts +6 -0
- package/dist/core/components/organisms/grid/columnUtility.d.ts +1 -1
- package/dist/core/components/organisms/select/Select.d.ts +2 -0
- package/dist/core/components/organisms/select/SelectOption.d.ts +1 -0
- package/dist/core/components/organisms/select/SelectTrigger.d.ts +2 -0
- package/dist/esm/index.js +744 -375
- package/dist/gzip/index.js +1 -1
- package/dist/gzip/index.js.gz +0 -0
- package/dist/index.js +609 -289
- package/dist/index.js.map +1 -1
- package/dist/index.umd.css +36 -14
- package/dist/index.umd.js +1 -1
- package/dist/types/tsconfig.type.tsbuildinfo +43 -39
- package/package.json +3 -2
package/dist/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* Generated on: 2026-
|
|
3
|
+
* Generated on: 2026-08-18T14:36:39.461Z
|
|
4
4
|
* Package: @innovaccer/design-system
|
|
5
|
-
* Version: v4.
|
|
5
|
+
* Version: v4.28.0-1
|
|
6
6
|
* License: MIT
|
|
7
7
|
* Docs: https://mds.innovaccer.com
|
|
8
8
|
*/
|
|
@@ -462,8 +462,8 @@
|
|
|
462
462
|
}
|
|
463
463
|
}
|
|
464
464
|
|
|
465
|
-
var css_248z$1p = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-
|
|
466
|
-
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-
|
|
465
|
+
var css_248z$1p = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-28-0-1 {\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-28-0-1:has(.avatar-module-Avatar-D8RSu-4-28-0-1: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-28-0-1: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-28-0-1:focus-visible {\n outline: none;\n }\n}\n\n.avatar-module-Avatar-wrapper--square--Pcj7-4-28-0-1 {\n padding: var(--spacing-2-5);\n box-sizing: border-box;\n}\n\n.avatar-module-Avatar-wrapper-EoBlf-4-28-0-1 {\n position: relative;\n}\n\n.avatar-module-Avatar--square-lGJGN-4-28-0-1 {\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-10);\n}\n\n.avatar-module-Avatar--regular-ewNzb-4-28-0-1 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.avatar-module-Avatar--tiny-Veo-U-4-28-0-1 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.avatar-module-Avatar--micro-H0bVd-4-28-0-1 {\n height: 20px;\n width: 20px;\n}\n\n.avatar-module-Avatar--noInitials-do2M4-4-28-0-1 {\n cursor: default;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-28-0-1 {\n cursor: not-allowed;\n}\n\n.avatar-module-Avatar--disabled-7nTRh-4-28-0-1::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-28-0-1 {\n background: var(--primary-300);\n}\n\n.avatar-module-Avatar--secondary-Fru0H-4-28-0-1 {\n background: var(--secondary-light);\n}\n\n.avatar-module-Avatar--success-KErql-4-28-0-1 {\n background: var(--success-300);\n}\n\n.avatar-module-Avatar--alert-mtBzz-4-28-0-1 {\n background: var(--alert-300);\n}\n\n.avatar-module-Avatar--warning-OUu3j-4-28-0-1 {\n background: var(--warning-300);\n}\n\n.avatar-module-Avatar--accent1-Q0YGB-4-28-0-1 {\n background: var(--accent1-300);\n}\n\n.avatar-module-Avatar--accent2-70bqJ-4-28-0-1 {\n background: var(--accent2-300);\n}\n\n.avatar-module-Avatar--accent3-GEYFR-4-28-0-1 {\n background: var(--accent3-300);\n}\n\n.avatar-module-Avatar--accent4-PHVye-4-28-0-1 {\n background: var(--accent4-300);\n}\n\n.avatar-module-Avatar-content--tiny-ZKHWg-4-28-0-1 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content--micro-qs9Ij-4-28-0-1 {\n line-height: var(--font-height-s) !important;\n font-size: 10px !important;\n}\n\n.avatar-module-Avatar-content--primary-APpou-4-28-0-1 {\n color: var(--primary-darker) !important;\n}\n\n.avatar-module-Avatar-content--secondary-otLfi-4-28-0-1 {\n color: var(--inverse) !important;\n}\n\n.avatar-module-Avatar-content--success-Zmxy6-4-28-0-1 {\n color: var(--success-darker) !important;\n}\n\n.avatar-module-Avatar-content--alert-ng-FC-4-28-0-1 {\n color: var(--alert-darker) !important;\n}\n\n.avatar-module-Avatar-content--warning-0Tidt-4-28-0-1 {\n color: var(--warning-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent1-f6QRu-4-28-0-1 {\n color: var(--accent1-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent2-y3plU-4-28-0-1 {\n color: var(--accent2-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent3-SDOJJ-4-28-0-1 {\n color: var(--accent3-darker) !important;\n}\n\n.avatar-module-Avatar-content--accent4-Dgi83-4-28-0-1 {\n color: var(--accent4-darker) !important;\n}\n\n.avatar-module-Avatar-presence-ByKmm-4-28-0-1 {\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-28-0-1 {\n background: var(--success);\n}\n\n.avatar-module-Avatar-presence--away-CDNWs-4-28-0-1 {\n background: var(--secondary-dark);\n}\n\n.avatar-module-Avatar-status-03nd7-4-28-0-1 {\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";
|
|
466
|
+
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-28-0-1","Avatar-wrapper":"avatar-module-Avatar-wrapper-EoBlf-4-28-0-1","Avatar-wrapper--square":"avatar-module-Avatar-wrapper--square--Pcj7-4-28-0-1","Avatar--square":"avatar-module-Avatar--square-lGJGN-4-28-0-1","Avatar--regular":"avatar-module-Avatar--regular-ewNzb-4-28-0-1","Avatar--tiny":"avatar-module-Avatar--tiny-Veo-U-4-28-0-1","Avatar--micro":"avatar-module-Avatar--micro-H0bVd-4-28-0-1","Avatar--noInitials":"avatar-module-Avatar--noInitials-do2M4-4-28-0-1","Avatar--disabled":"avatar-module-Avatar--disabled-7nTRh-4-28-0-1","Avatar--primary":"avatar-module-Avatar--primary-MthKO-4-28-0-1","Avatar--secondary":"avatar-module-Avatar--secondary-Fru0H-4-28-0-1","Avatar--success":"avatar-module-Avatar--success-KErql-4-28-0-1","Avatar--alert":"avatar-module-Avatar--alert-mtBzz-4-28-0-1","Avatar--warning":"avatar-module-Avatar--warning-OUu3j-4-28-0-1","Avatar--accent1":"avatar-module-Avatar--accent1-Q0YGB-4-28-0-1","Avatar--accent2":"avatar-module-Avatar--accent2-70bqJ-4-28-0-1","Avatar--accent3":"avatar-module-Avatar--accent3-GEYFR-4-28-0-1","Avatar--accent4":"avatar-module-Avatar--accent4-PHVye-4-28-0-1","Avatar-content--tiny":"avatar-module-Avatar-content--tiny-ZKHWg-4-28-0-1","Avatar-content--micro":"avatar-module-Avatar-content--micro-qs9Ij-4-28-0-1","Avatar-content--primary":"avatar-module-Avatar-content--primary-APpou-4-28-0-1","Avatar-content--secondary":"avatar-module-Avatar-content--secondary-otLfi-4-28-0-1","Avatar-content--success":"avatar-module-Avatar-content--success-Zmxy6-4-28-0-1","Avatar-content--alert":"avatar-module-Avatar-content--alert-ng-FC-4-28-0-1","Avatar-content--warning":"avatar-module-Avatar-content--warning-0Tidt-4-28-0-1","Avatar-content--accent1":"avatar-module-Avatar-content--accent1-f6QRu-4-28-0-1","Avatar-content--accent2":"avatar-module-Avatar-content--accent2-y3plU-4-28-0-1","Avatar-content--accent3":"avatar-module-Avatar-content--accent3-SDOJJ-4-28-0-1","Avatar-content--accent4":"avatar-module-Avatar-content--accent4-Dgi83-4-28-0-1","Avatar-presence":"avatar-module-Avatar-presence-ByKmm-4-28-0-1","Avatar-presence--active":"avatar-module-Avatar-presence--active-AU4X3-4-28-0-1","Avatar-presence--away":"avatar-module-Avatar-presence--away-CDNWs-4-28-0-1","Avatar-status":"avatar-module-Avatar-status-03nd7-4-28-0-1"};
|
|
467
467
|
styleInject$1(css_248z$1p);
|
|
468
468
|
|
|
469
469
|
var AvatarIcon = function AvatarIcon(props) {
|
|
@@ -676,8 +676,8 @@
|
|
|
676
676
|
strokeColor: 'var(--white)'
|
|
677
677
|
};
|
|
678
678
|
|
|
679
|
-
var css_248z$1o = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-
|
|
680
|
-
var styles$1b = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-
|
|
679
|
+
var css_248z$1o = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-28-0-1 {\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-28-0-1 {\n border-radius: var(--border-radius-10);\n}\n\n.avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-28-0-1 {\n height: var(--spacing-80);\n}\n\n.avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-28-0-1 {\n height: var(--spacing-60);\n margin-right: 0;\n}\n\n.avatarGroup-module-AvatarGroup-item--micro-RJOdk-4-28-0-1 {\n margin-right: var(--spacing-10);\n}\n\n.avatarGroup-module-AvatarGroup-Popper-z-iGj-4-28-0-1 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-28-0-1 {\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-28-0-1 {\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-28-0-1:focus-visible {\n outline: none;\n}\n\n.avatarGroup-module-AvatarCount-wrapper-k9GxW-4-28-0-1: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-28-0-1 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-28-0-1:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-28-0-1 {\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-28-0-1,\n.avatarGroup-module-AvatarGroup-input-pXgb--4-28-0-1:focus-within {\n border: unset !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.avatarGroup-module-AvatarGroup-input-pXgb--4-28-0-1:hover {\n background-color: var(--secondary-lightest);\n}\n\n.avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-28-0-1 {\n cursor: not-allowed;\n pointer-events: auto !important;\n}\n\n@media (forced-colors: active) {\n .avatarGroup-module-AvatarGroup-input-pXgb--4-28-0-1:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
680
|
+
var styles$1b = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-28-0-1","AvatarGroup-item--square":"avatarGroup-module-AvatarGroup-item--square-ghPcd-4-28-0-1","AvatarGroup-item--regular":"avatarGroup-module-AvatarGroup-item--regular-zOeeU-4-28-0-1","AvatarGroup-item--tiny":"avatarGroup-module-AvatarGroup-item--tiny-UfaCA-4-28-0-1","AvatarGroup-item--micro":"avatarGroup-module-AvatarGroup-item--micro-RJOdk-4-28-0-1","AvatarGroup-Popper":"avatarGroup-module-AvatarGroup-Popper-z-iGj-4-28-0-1","AvatarGroup-TextWrapper":"avatarGroup-module-AvatarGroup-TextWrapper-bg8co-4-28-0-1","AvatarCount-wrapper":"avatarGroup-module-AvatarCount-wrapper-k9GxW-4-28-0-1","AvatarGroup-inputWrapper":"avatarGroup-module-AvatarGroup-inputWrapper-VHc2A-4-28-0-1","AvatarGroup-input":"avatarGroup-module-AvatarGroup-input-pXgb--4-28-0-1","AvatarGroup-listItem--disabled":"avatarGroup-module-AvatarGroup-listItem--disabled-Ln1fi-4-28-0-1"};
|
|
681
681
|
styleInject$1(css_248z$1o);
|
|
682
682
|
|
|
683
683
|
var AvatarCount = function AvatarCount(props) {
|
|
@@ -972,8 +972,8 @@
|
|
|
972
972
|
size: 'regular'
|
|
973
973
|
};
|
|
974
974
|
|
|
975
|
-
var css_248z$1n = "@keyframes backdrop-module-backdrop-open-UtELd-4-
|
|
976
|
-
var styles$1a = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-
|
|
975
|
+
var css_248z$1n = "@keyframes backdrop-module-backdrop-open-UtELd-4-28-0-1 {\n from {\n opacity: 0;\n }\n to {\n opacity: var(--opacity-16);\n }\n}\n\n@keyframes backdrop-module-backdrop-close-s0fHr-4-28-0-1 {\n from {\n opacity: var(--opacity-16);\n }\n to {\n opacity: 0;\n }\n}\n\n.backdrop-module-Backdrop-HFSff-4-28-0-1 {\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-28-0-1 {\n display: flex;\n visibility: visible;\n}\n\n.backdrop-module-Backdrop-animation--open-uyxvi-4-28-0-1 {\n animation: backdrop-module-backdrop-open-UtELd-4-28-0-1 var(--duration--fast-02) var(--entrance-expressive-curve);\n}\n\n.backdrop-module-Backdrop-animation--close-Fe-PA-4-28-0-1 {\n animation: backdrop-module-backdrop-close-s0fHr-4-28-0-1 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n";
|
|
976
|
+
var styles$1a = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-28-0-1","Backdrop--open":"backdrop-module-Backdrop--open-H0Qal-4-28-0-1","Backdrop-animation--open":"backdrop-module-Backdrop-animation--open-uyxvi-4-28-0-1","backdrop-open":"backdrop-module-backdrop-open-UtELd-4-28-0-1","Backdrop-animation--close":"backdrop-module-Backdrop-animation--close-Fe-PA-4-28-0-1","backdrop-close":"backdrop-module-backdrop-close-s0fHr-4-28-0-1"};
|
|
977
977
|
styleInject$1(css_248z$1n);
|
|
978
978
|
|
|
979
979
|
var useEffect$1 = React__namespace.useEffect,
|
|
@@ -1031,12 +1031,12 @@
|
|
|
1031
1031
|
};
|
|
1032
1032
|
Backdrop.displayName = 'Backdrop';
|
|
1033
1033
|
|
|
1034
|
-
var css_248z$1m = "/* badge */\n\n.badge-module-Badge-axSjP-4-
|
|
1035
|
-
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-
|
|
1034
|
+
var css_248z$1m = "/* badge */\n\n.badge-module-Badge-axSjP-4-28-0-1 {\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-28-0-1 {\n background: var(--primary);\n color: var(--white);\n}\n\n.badge-module-Badge--secondary-WIu5q-4-28-0-1 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.badge-module-Badge--success-M-hkD-4-28-0-1 {\n background: var(--success);\n color: var(--white);\n}\n\n.badge-module-Badge--alert-zeKFm-4-28-0-1 {\n background: var(--alert);\n color: var(--white);\n}\n\n.badge-module-Badge--warning-CaLfS-4-28-0-1 {\n background: var(--warning);\n color: var(--warning-darker);\n}\n\n.badge-module-Badge--accent1-yRHhk-4-28-0-1 {\n background: var(--accent1);\n color: var(--white);\n}\n\n.badge-module-Badge--accent2-RXIlu-4-28-0-1 {\n background: var(--accent2);\n color: var(--white);\n}\n\n.badge-module-Badge--accent3-Ahofy-4-28-0-1 {\n background: var(--accent3);\n color: var(--white);\n}\n\n.badge-module-Badge--accent4-adMko-4-28-0-1 {\n background: var(--accent4);\n color: var(--white);\n}\n\n.badge-module-Badge--subtle-primary-egSuo-4-28-0-1 {\n color: var(--primary-darker);\n background: var(--primary-lightest);\n}\n\n.badge-module-Badge--subtle-secondary-ZZUuU-4-28-0-1 {\n color: var(--text);\n background: var(--secondary-light);\n}\n\n.badge-module-Badge--subtle-success-bZ7d6-4-28-0-1 {\n color: var(--success-darker);\n background: var(--success-lightest);\n}\n\n.badge-module-Badge--subtle-alert-Iu9LY-4-28-0-1 {\n color: var(--alert-darker);\n background: var(--alert-lightest);\n}\n\n.badge-module-Badge--subtle-warning-PERDW-4-28-0-1 {\n color: var(--warning-darker);\n background: var(--warning-300);\n}\n\n.badge-module-Badge--subtle-accent1-M14Ub-4-28-0-1 {\n color: var(--accent1-darker);\n background: var(--accent1-lightest);\n}\n\n.badge-module-Badge--subtle-accent2-e1DOS-4-28-0-1 {\n color: var(--accent2-darker);\n background: var(--accent2-lightest);\n}\n\n.badge-module-Badge--subtle-accent3-30YqY-4-28-0-1 {\n color: var(--accent3-darker);\n background: var(--accent3-lightest);\n}\n\n.badge-module-Badge--subtle-accent4-wHQ23-4-28-0-1 {\n color: var(--accent4-darker);\n background: var(--accent4-lightest);\n}\n";
|
|
1035
|
+
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-28-0-1","Badge--primary":"badge-module-Badge--primary-Bzypo-4-28-0-1","Badge--secondary":"badge-module-Badge--secondary-WIu5q-4-28-0-1","Badge--success":"badge-module-Badge--success-M-hkD-4-28-0-1","Badge--alert":"badge-module-Badge--alert-zeKFm-4-28-0-1","Badge--warning":"badge-module-Badge--warning-CaLfS-4-28-0-1","Badge--accent1":"badge-module-Badge--accent1-yRHhk-4-28-0-1","Badge--accent2":"badge-module-Badge--accent2-RXIlu-4-28-0-1","Badge--accent3":"badge-module-Badge--accent3-Ahofy-4-28-0-1","Badge--accent4":"badge-module-Badge--accent4-adMko-4-28-0-1","Badge--subtle-primary":"badge-module-Badge--subtle-primary-egSuo-4-28-0-1","Badge--subtle-secondary":"badge-module-Badge--subtle-secondary-ZZUuU-4-28-0-1","Badge--subtle-success":"badge-module-Badge--subtle-success-bZ7d6-4-28-0-1","Badge--subtle-alert":"badge-module-Badge--subtle-alert-Iu9LY-4-28-0-1","Badge--subtle-warning":"badge-module-Badge--subtle-warning-PERDW-4-28-0-1","Badge--subtle-accent1":"badge-module-Badge--subtle-accent1-M14Ub-4-28-0-1","Badge--subtle-accent2":"badge-module-Badge--subtle-accent2-e1DOS-4-28-0-1","Badge--subtle-accent3":"badge-module-Badge--subtle-accent3-30YqY-4-28-0-1","Badge--subtle-accent4":"badge-module-Badge--subtle-accent4-wHQ23-4-28-0-1"};
|
|
1036
1036
|
styleInject$1(css_248z$1m);
|
|
1037
1037
|
|
|
1038
|
-
var css_248z$1l = ".pageHeader-module-PageHeader-YgqsC-4-
|
|
1039
|
-
var styles$19 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-
|
|
1038
|
+
var css_248z$1l = ".pageHeader-module-PageHeader-YgqsC-4-28-0-1 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-wrapper-DOQ8C-4-28-0-1 {\n padding: var(--spacing-20) var(--spacing-40) var(--spacing-20) 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-28-0-1 {\n padding-bottom: 0;\n}\n\n.pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-28-0-1 .pageHeader-module-TabsWrapper-header-H-fcc-4-28-0-1 {\n border-bottom: none;\n}\n\n.pageHeader-module-PageHeader-bottom--withTabs-dc1u7-4-28-0-1 {\n margin-top: var(--spacing-30);\n}\n\n.pageHeader-module-PageHeader-YgqsC-4-28-0-1 .pageHeader-module-Row-beZ5Z-4-28-0-1 {\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-titleWrapper-QLuCf-4-28-0-1 {\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-28-0-1 .pageHeader-module-Badge-2T-RV-4-28-0-1 {\n margin-left: var(--spacing-30);\n flex-shrink: 0;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-28-0-1 {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n}\n\n.pageHeader-module-PageHeader-statusWrapper-RYrwh-4-28-0-1 .pageHeader-module-StatusHint-bRjnp-4-28-0-1 {\n margin-right: var(--spacing-20);\n}\n\n.pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-28-0-1 {\n margin-top: var(--spacing-30);\n}\n\n.pageHeader-module-PageHeader-navigationWrapper--noMargin-zdkZt-4-28-0-1 {\n margin-top: 0;\n}\n\n.pageHeader-module-PageHeader-title-mgCZA-4-28-0-1 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.pageHeader-module-PageHeader-actionsWrapper-tF81M-4-28-0-1 {\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-28-0-1 {\n display: flex;\n flex-wrap: wrap;\n align-items: start;\n width: 100%;\n}\n\n.pageHeader-module-PageHeader-group--title-Xxnou-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.pageHeader-module-PageHeader-group--title--stacked-nsh-X-4-28-0-1 {\n flex: 0 0 100%;\n order: 1;\n}\n\n.pageHeader-module-PageHeader-group--actions--stacked-rbym4-4-28-0-1 {\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-28-0-1 {\n padding-top: var(--spacing-30);\n }\n\n .pageHeader-module-PageHeader-bottom--level1Responsive-gfU-W-4-28-0-1 {\n margin-top: var(--spacing-30);\n }\n\n .pageHeader-module-PageHeader-navigationWrapper--noMarginSm-fbqg9-4-28-0-1 {\n margin-top: 0;\n }\n}\n";
|
|
1039
|
+
var styles$19 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-28-0-1","PageHeader-wrapper":"pageHeader-module-PageHeader-wrapper-DOQ8C-4-28-0-1","PageHeader-wrapper--withTabs":"pageHeader-module-PageHeader-wrapper--withTabs-T6lAs-4-28-0-1","TabsWrapper-header":"pageHeader-module-TabsWrapper-header-H-fcc-4-28-0-1","PageHeader-bottom--withTabs":"pageHeader-module-PageHeader-bottom--withTabs-dc1u7-4-28-0-1","Row":"pageHeader-module-Row-beZ5Z-4-28-0-1","PageHeader-titleWrapper":"pageHeader-module-PageHeader-titleWrapper-QLuCf-4-28-0-1","Badge":"pageHeader-module-Badge-2T-RV-4-28-0-1","PageHeader-statusWrapper":"pageHeader-module-PageHeader-statusWrapper-RYrwh-4-28-0-1","StatusHint":"pageHeader-module-StatusHint-bRjnp-4-28-0-1","PageHeader-navigationWrapper":"pageHeader-module-PageHeader-navigationWrapper-6p7EF-4-28-0-1","PageHeader-navigationWrapper--noMargin":"pageHeader-module-PageHeader-navigationWrapper--noMargin-zdkZt-4-28-0-1","PageHeader-title":"pageHeader-module-PageHeader-title-mgCZA-4-28-0-1","PageHeader-actionsWrapper":"pageHeader-module-PageHeader-actionsWrapper-tF81M-4-28-0-1","PageHeader-row":"pageHeader-module-PageHeader-row-9SWPh-4-28-0-1","PageHeader-group--title":"pageHeader-module-PageHeader-group--title-Xxnou-4-28-0-1","PageHeader-group--center":"pageHeader-module-PageHeader-group--center-sr6xA-4-28-0-1","PageHeader-group--actions":"pageHeader-module-PageHeader-group--actions-50gKz-4-28-0-1","PageHeader-row--withCenter":"pageHeader-module-PageHeader-row--withCenter-TRFcb-4-28-0-1","PageHeader-group--center--ghost":"pageHeader-module-PageHeader-group--center--ghost-1eK5--4-28-0-1","PageHeader-row--allStacked":"pageHeader-module-PageHeader-row--allStacked-7ozlo-4-28-0-1","PageHeader-group--title--stacked":"pageHeader-module-PageHeader-group--title--stacked-nsh-X-4-28-0-1","PageHeader-group--actions--stacked":"pageHeader-module-PageHeader-group--actions--stacked-rbym4-4-28-0-1","PageHeader-group--actions--level1Responsive":"pageHeader-module-PageHeader-group--actions--level1Responsive-XNCs--4-28-0-1","PageHeader-bottom--level1Responsive":"pageHeader-module-PageHeader-bottom--level1Responsive-gfU-W-4-28-0-1","PageHeader-navigationWrapper--noMarginSm":"pageHeader-module-PageHeader-navigationWrapper--noMarginSm-fbqg9-4-28-0-1"};
|
|
1040
1040
|
styleInject$1(css_248z$1l);
|
|
1041
1041
|
|
|
1042
1042
|
var Badge = function Badge(props) {
|
|
@@ -1059,8 +1059,8 @@
|
|
|
1059
1059
|
appearance: 'secondary'
|
|
1060
1060
|
};
|
|
1061
1061
|
|
|
1062
|
-
var css_248z$1k = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-
|
|
1063
|
-
var styles$18 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-
|
|
1062
|
+
var css_248z$1k = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-28-0-1 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-28-0-1 {\n display: flex;\n align-items: center;\n}\n\n.breadcrumbs-module-Breadcrumbs-link-aJJRG-4-28-0-1 {\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-28-0-1:active {\n color: var(--inverse);\n}\n\n.breadcrumbs-module-Breadcrumbs-item-M3i9B-4-28-0-1:first-child .breadcrumbs-module-Breadcrumbs-link-aJJRG-4-28-0-1 {\n margin-left: 0;\n}\n\n.breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-28-0-1 {\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-28-0-1 {\n height: var(--font-height-m);\n}\n\n.breadcrumbs-module-Breadcrumbs-Button-FybbI-4-28-0-1:focus {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n";
|
|
1063
|
+
var styles$18 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-28-0-1","Breadcrumbs-item":"breadcrumbs-module-Breadcrumbs-item-M3i9B-4-28-0-1","Breadcrumbs-link":"breadcrumbs-module-Breadcrumbs-link-aJJRG-4-28-0-1","Breadcrumbs-itemSeparator":"breadcrumbs-module-Breadcrumbs-itemSeparator-d2S2j-4-28-0-1","Breadcrumbs-dropdown":"breadcrumbs-module-Breadcrumbs-dropdown--CUKk-4-28-0-1","Breadcrumbs-Button":"breadcrumbs-module-Breadcrumbs-Button-FybbI-4-28-0-1"};
|
|
1064
1064
|
styleInject$1(css_248z$1k);
|
|
1065
1065
|
|
|
1066
1066
|
var RenderLink = function RenderLink(_a) {
|
|
@@ -1178,8 +1178,8 @@
|
|
|
1178
1178
|
return e.key === ' ' || e.key === 'Space' || e.key === 'Spacebar';
|
|
1179
1179
|
};
|
|
1180
1180
|
|
|
1181
|
-
var css_248z$1j = ".button-module-Button-xxWB4-4-26-1 {\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-26-1 {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-26-1: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-26-1 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-26-1 {\n margin-left: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-26-1 {\n margin-right: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button--tiny-ftCQP-4-26-1 {\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-26-1 {\n width: var(--spacing-60);\n}\n\n.button-module-Button--regular-Vs8An-4-26-1 {\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-26-1 {\n width: var(--spacing-80);\n}\n\n.button-module-Button--large-inVqO-4-26-1 {\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-26-1 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-26-1 .button-module-Button-icon-2Qw-d-4-26-1,\n.button-module-Button--largeSquare-puIze-4-26-1 .button-module-Button-icon-2Qw-d-4-26-1,\n.button-module-Button--tinySquare-JSE77-4-26-1 .button-module-Spinner-f7Izb-4-26-1,\n.button-module-Button--largeSquare-puIze-4-26-1 .button-module-Spinner-f7Izb-4-26-1 {\n padding-left: var(--spacing-05);\n padding-right: var(--spacing-05);\n}\n\n.button-module-Button--expanded-j33fV-4-26-1 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-26-1 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-26-1 {\n margin-right: var(--spacing-15);\n}\n\n.button-module-Button-icon--right-4iJWc-4-26-1 {\n margin-left: var(--spacing-15);\n}\n\n.button-module-Button--basic-99RJE-4-26-1 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-26-1:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-26-1:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-disabled-VTodO-4-26-1 {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-26-1 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-26-1:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-26-1:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-disabled-q4Gct-4-26-1 {\n background: var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon--primary-Voj8D-4-26-1 {\n color: var(--text-link);\n}\n\n.button-module-Button--success-UppQk-4-26-1 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-26-1:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-26-1:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-disabled-dJO00-4-26-1 {\n background: var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon--success-cmCsw-4-26-1 {\n color: var(--text-link);\n}\n\n.button-module-Button--alert-H5mRH-4-26-1 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-26-1:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-26-1:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-disabled-Ved-C-4-26-1 {\n background: var(--alert-lighter);\n}\n\n.button-module-Button-infoIcon--alert-ZdPD5-4-26-1 {\n color: var(--alert);\n}\n\n.button-module-Button--transparent-r8FxI-4-26-1 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-26-1:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-26-1:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-26-1:focus-visible:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-disabled-a45jn-4-26-1 {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-26-1 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-26-1 {\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-26-1:hover {\n background: var(--primary-lightest);\n}\n\n.button-module-Button--selected-vkcfl-4-26-1: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-26-1: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-26-1: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-26-1 {\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-26-1 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-26-1 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.button-module-Button-infoIconWrapper-dUlkA-4-26-1 {\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-26-1 {\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-26-1 {\n top: var(--spacing-2-5);\n right: var(--spacing-2-5);\n}\n\n.button-module-Button-infoIconWrapper-outlined--basic-fQkKz-4-26-1 {\n background: var(--secondary-lightest);\n}\n\n.button-module-Button-infoIconWrapper-outlined--primary-uhoBf-4-26-1 {\n background: var(--primary-ultra-light);\n}\n\n.button-module-Button-infoIconWrapper-outlined--alert-fj7nm-4-26-1 {\n background: var(--alert-ultra-light);\n}\n\n.button-module-Button-infoIconWrapper--basic-aScUb-4-26-1 {\n background: var(--secondary-lighter);\n}\n\n.button-module-Button-infoIconWrapper--primary-lK9Rs-4-26-1,\n.button-module-Button-infoIconWrapper--success-MgjVX-4-26-1 {\n background: var(--primary-lightest);\n}\n\n.button-module-Button-infoIconWrapper--alert-z8cyc-4-26-1 {\n background: var(--alert-lightest);\n}\n\n.button-module-Button-infoIcon-YjV4x-4-26-1 {\n color: var(--text-subtle);\n}\n\n/* outlined button styles */\n\n.button-module-Button-outlined--basic-YdB4n-4-26-1 {\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-26-1: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-26-1: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-26-1: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-26-1 {\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-26-1 {\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-26-1: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-26-1: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-26-1: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-26-1: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-26-1 {\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-26-1 {\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-26-1: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-26-1: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-26-1: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-26-1 {\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-26-1 {\n color: var(--text-link);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-26-1 {\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-26-1: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-26-1: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-26-1: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-26-1 {\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-26-1 {\n color: var(--alert);\n}\n\n.button-module-Button-srOnly-4lL8R-4-26-1 {\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-26-1,\n .button-module-Button--primary-beKmU-4-26-1,\n .button-module-Button--success-UppQk-4-26-1,\n .button-module-Button--alert-H5mRH-4-26-1,\n .button-module-Button--transparent-r8FxI-4-26-1 {\n border: var(--border-width-2-5) solid ButtonText;\n }\n\n .button-module-Button--basic-disabled-VTodO-4-26-1,\n .button-module-Button--primary-disabled-q4Gct-4-26-1,\n .button-module-Button--success-disabled-dJO00-4-26-1,\n .button-module-Button--alert-disabled-Ved-C-4-26-1,\n .button-module-Button--transparent-disabled-a45jn-4-26-1 {\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-26-1,\n .button-module-Button--selected-vkcfl-4-26-1:hover,\n .button-module-Button--selected-vkcfl-4-26-1:active,\n .button-module-Button--selected-disabled-w9ByQ-4-26-1 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button--selected-vkcfl-4-26-1:focus-visible,\n .button-module-Button--selected-vkcfl-4-26-1: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-26-1,\n .button-module-Button-outlined--basic-YdB4n-4-26-1:hover,\n .button-module-Button-outlined--basic-YdB4n-4-26-1:active,\n .button-module-Button-outlined--basic-disabled-mW-GC-4-26-1 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--basic-YdB4n-4-26-1: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-26-1,\n .button-module-Button-outlined--selected-M-y6e-4-26-1:hover,\n .button-module-Button-outlined--selected-M-y6e-4-26-1:active,\n .button-module-Button-outlined--selected-disabled-CqlPp-4-26-1 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--selected-M-y6e-4-26-1:focus-visible,\n .button-module-Button-outlined--selected-M-y6e-4-26-1: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-26-1,\n .button-module-Button-outlined--primary-7yL2I-4-26-1:hover,\n .button-module-Button-outlined--primary-7yL2I-4-26-1:active,\n .button-module-Button-outlined--primary-disabled-lu4xl-4-26-1 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--primary-7yL2I-4-26-1:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--alert-gnncZ-4-26-1,\n .button-module-Button-outlined--alert-gnncZ-4-26-1:hover,\n .button-module-Button-outlined--alert-gnncZ-4-26-1:active,\n .button-module-Button-outlined--alert-disabled-ttK9A-4-26-1 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--alert-gnncZ-4-26-1:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n}\n";
|
|
1182
|
-
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-
|
|
1181
|
+
var css_248z$1j = ".button-module-Button-xxWB4-4-28-0-1 {\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-28-0-1 {\n cursor: not-allowed;\n}\n\n.button-module-Button-xxWB4-4-28-0-1: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-28-0-1 {\n flex-direction: row-reverse;\n}\n\n.button-module-Button-regularIcon--left-eiSbs-4-28-0-1 {\n margin-left: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button-regularIcon--right-VaPke-4-28-0-1 {\n margin-right: calc(-1 * var(--spacing-05));\n}\n\n.button-module-Button--tiny-ftCQP-4-28-0-1 {\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-28-0-1 {\n width: var(--spacing-60);\n}\n\n.button-module-Button--regular-Vs8An-4-28-0-1 {\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-28-0-1 {\n width: var(--spacing-80);\n}\n\n.button-module-Button--large-inVqO-4-28-0-1 {\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-28-0-1 {\n width: 40px;\n}\n\n.button-module-Button--tinySquare-JSE77-4-28-0-1 .button-module-Button-icon-2Qw-d-4-28-0-1,\n.button-module-Button--largeSquare-puIze-4-28-0-1 .button-module-Button-icon-2Qw-d-4-28-0-1,\n.button-module-Button--tinySquare-JSE77-4-28-0-1 .button-module-Spinner-f7Izb-4-28-0-1,\n.button-module-Button--largeSquare-puIze-4-28-0-1 .button-module-Spinner-f7Izb-4-28-0-1 {\n padding-left: var(--spacing-05);\n padding-right: var(--spacing-05);\n}\n\n.button-module-Button--expanded-j33fV-4-28-0-1 {\n width: 100%;\n}\n\n.button-module-Button-icon-2Qw-d-4-28-0-1 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.button-module-Button-icon--left-UoJq5-4-28-0-1 {\n margin-right: var(--spacing-15);\n}\n\n.button-module-Button-icon--right-4iJWc-4-28-0-1 {\n margin-left: var(--spacing-15);\n}\n\n.button-module-Button--basic-99RJE-4-28-0-1 {\n background: var(--secondary-light);\n color: var(--inverse);\n}\n\n.button-module-Button--basic-99RJE-4-28-0-1:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--basic-99RJE-4-28-0-1:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--basic-disabled-VTodO-4-28-0-1 {\n background: var(--secondary-lighter);\n color: var(--inverse-lightest);\n}\n\n.button-module-Button--primary-beKmU-4-28-0-1 {\n background: var(--primary);\n}\n\n.button-module-Button--primary-beKmU-4-28-0-1:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--primary-beKmU-4-28-0-1:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--primary-disabled-q4Gct-4-28-0-1 {\n background: var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon--primary-Voj8D-4-28-0-1 {\n color: var(--text-link);\n}\n\n.button-module-Button--success-UppQk-4-28-0-1 {\n background: var(--primary);\n}\n\n.button-module-Button--success-UppQk-4-28-0-1:hover {\n background: var(--primary-dark);\n}\n\n.button-module-Button--success-UppQk-4-28-0-1:active {\n background: var(--primary-darker);\n}\n\n.button-module-Button--success-disabled-dJO00-4-28-0-1 {\n background: var(--primary-lighter);\n}\n\n.button-module-Button-infoIcon--success-cmCsw-4-28-0-1 {\n color: var(--text-link);\n}\n\n.button-module-Button--alert-H5mRH-4-28-0-1 {\n background: var(--alert);\n}\n\n.button-module-Button--alert-H5mRH-4-28-0-1:hover {\n background: var(--alert-dark);\n}\n\n.button-module-Button--alert-H5mRH-4-28-0-1:active {\n background: var(--alert-darker);\n}\n\n.button-module-Button--alert-disabled-Ved-C-4-28-0-1 {\n background: var(--alert-lighter);\n}\n\n.button-module-Button-infoIcon--alert-ZdPD5-4-28-0-1 {\n color: var(--alert);\n}\n\n.button-module-Button--transparent-r8FxI-4-28-0-1 {\n background: transparent;\n color: var(--inverse);\n}\n\n.button-module-Button--transparent-r8FxI-4-28-0-1:hover {\n background: var(--secondary);\n}\n\n.button-module-Button--transparent-r8FxI-4-28-0-1:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-r8FxI-4-28-0-1:focus-visible:active {\n background: var(--secondary-dark);\n}\n\n.button-module-Button--transparent-disabled-a45jn-4-28-0-1 {\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.button-module-Button-spinner-l5KLk-4-28-0-1 {\n display: flex;\n position: absolute;\n z-index: 1;\n}\n\n.button-module-Button--selected-vkcfl-4-28-0-1 {\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-28-0-1:hover {\n background: var(--primary-lightest);\n}\n\n.button-module-Button--selected-vkcfl-4-28-0-1: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-28-0-1: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-28-0-1: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-28-0-1 {\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-28-0-1 {\n visibility: hidden;\n}\n\n.button-module-Button-text-A8xeT-4-28-0-1 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.button-module-Button-infoIconWrapper-dUlkA-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n top: var(--spacing-2-5);\n right: var(--spacing-2-5);\n}\n\n.button-module-Button-infoIconWrapper-outlined--basic-fQkKz-4-28-0-1 {\n background: var(--secondary-lightest);\n}\n\n.button-module-Button-infoIconWrapper-outlined--primary-uhoBf-4-28-0-1 {\n background: var(--primary-ultra-light);\n}\n\n.button-module-Button-infoIconWrapper-outlined--alert-fj7nm-4-28-0-1 {\n background: var(--alert-ultra-light);\n}\n\n.button-module-Button-infoIconWrapper--basic-aScUb-4-28-0-1 {\n background: var(--secondary-lighter);\n}\n\n.button-module-Button-infoIconWrapper--primary-lK9Rs-4-28-0-1,\n.button-module-Button-infoIconWrapper--success-MgjVX-4-28-0-1 {\n background: var(--primary-lightest);\n}\n\n.button-module-Button-infoIconWrapper--alert-z8cyc-4-28-0-1 {\n background: var(--alert-lightest);\n}\n\n.button-module-Button-infoIcon-YjV4x-4-28-0-1 {\n color: var(--text-subtle);\n}\n\n/* outlined button styles */\n\n.button-module-Button-outlined--basic-YdB4n-4-28-0-1 {\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-28-0-1: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-28-0-1: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-28-0-1: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-28-0-1 {\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-28-0-1 {\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-28-0-1: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-28-0-1: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-28-0-1: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-28-0-1: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-28-0-1 {\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-28-0-1 {\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-28-0-1: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-28-0-1: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-28-0-1: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-28-0-1 {\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-28-0-1 {\n color: var(--text-link);\n}\n\n.button-module-Button-outlined--alert-gnncZ-4-28-0-1 {\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-28-0-1: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-28-0-1: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-28-0-1: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-28-0-1 {\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-28-0-1 {\n color: var(--alert);\n}\n\n.button-module-Button-srOnly-4lL8R-4-28-0-1 {\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-28-0-1,\n .button-module-Button--primary-beKmU-4-28-0-1,\n .button-module-Button--success-UppQk-4-28-0-1,\n .button-module-Button--alert-H5mRH-4-28-0-1,\n .button-module-Button--transparent-r8FxI-4-28-0-1 {\n border: var(--border-width-2-5) solid ButtonText;\n }\n\n .button-module-Button--basic-disabled-VTodO-4-28-0-1,\n .button-module-Button--primary-disabled-q4Gct-4-28-0-1,\n .button-module-Button--success-disabled-dJO00-4-28-0-1,\n .button-module-Button--alert-disabled-Ved-C-4-28-0-1,\n .button-module-Button--transparent-disabled-a45jn-4-28-0-1 {\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-28-0-1,\n .button-module-Button--selected-vkcfl-4-28-0-1:hover,\n .button-module-Button--selected-vkcfl-4-28-0-1:active,\n .button-module-Button--selected-disabled-w9ByQ-4-28-0-1 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button--selected-vkcfl-4-28-0-1:focus-visible,\n .button-module-Button--selected-vkcfl-4-28-0-1: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-28-0-1,\n .button-module-Button-outlined--basic-YdB4n-4-28-0-1:hover,\n .button-module-Button-outlined--basic-YdB4n-4-28-0-1:active,\n .button-module-Button-outlined--basic-disabled-mW-GC-4-28-0-1 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--basic-YdB4n-4-28-0-1: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-28-0-1,\n .button-module-Button-outlined--selected-M-y6e-4-28-0-1:hover,\n .button-module-Button-outlined--selected-M-y6e-4-28-0-1:active,\n .button-module-Button-outlined--selected-disabled-CqlPp-4-28-0-1 {\n border: var(--border-width-05) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--selected-M-y6e-4-28-0-1:focus-visible,\n .button-module-Button-outlined--selected-M-y6e-4-28-0-1: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-28-0-1,\n .button-module-Button-outlined--primary-7yL2I-4-28-0-1:hover,\n .button-module-Button-outlined--primary-7yL2I-4-28-0-1:active,\n .button-module-Button-outlined--primary-disabled-lu4xl-4-28-0-1 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--primary-7yL2I-4-28-0-1:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--alert-gnncZ-4-28-0-1,\n .button-module-Button-outlined--alert-gnncZ-4-28-0-1:hover,\n .button-module-Button-outlined--alert-gnncZ-4-28-0-1:active,\n .button-module-Button-outlined--alert-disabled-ttK9A-4-28-0-1 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .button-module-Button-outlined--alert-gnncZ-4-28-0-1:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n box-shadow: none;\n }\n}\n";
|
|
1182
|
+
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-28-0-1","Button--disabled":"button-module-Button--disabled-3Kfao-4-28-0-1","Button--iconAlign-right":"button-module-Button--iconAlign-right-tzezJ-4-28-0-1","Button-regularIcon--left":"button-module-Button-regularIcon--left-eiSbs-4-28-0-1","Button-regularIcon--right":"button-module-Button-regularIcon--right-VaPke-4-28-0-1","Button--tiny":"button-module-Button--tiny-ftCQP-4-28-0-1","Button--tinySquare":"button-module-Button--tinySquare-JSE77-4-28-0-1","Button--regular":"button-module-Button--regular-Vs8An-4-28-0-1","Button--regularSquare":"button-module-Button--regularSquare-VG89r-4-28-0-1","Button--large":"button-module-Button--large-inVqO-4-28-0-1","Button--largeSquare":"button-module-Button--largeSquare-puIze-4-28-0-1","Button-icon":"button-module-Button-icon-2Qw-d-4-28-0-1","Spinner":"button-module-Spinner-f7Izb-4-28-0-1","Button--expanded":"button-module-Button--expanded-j33fV-4-28-0-1","Button-icon--left":"button-module-Button-icon--left-UoJq5-4-28-0-1","Button-icon--right":"button-module-Button-icon--right-4iJWc-4-28-0-1","Button--basic":"button-module-Button--basic-99RJE-4-28-0-1","Button--basic-disabled":"button-module-Button--basic-disabled-VTodO-4-28-0-1","Button--primary":"button-module-Button--primary-beKmU-4-28-0-1","Button--primary-disabled":"button-module-Button--primary-disabled-q4Gct-4-28-0-1","Button-infoIcon--primary":"button-module-Button-infoIcon--primary-Voj8D-4-28-0-1","Button--success":"button-module-Button--success-UppQk-4-28-0-1","Button--success-disabled":"button-module-Button--success-disabled-dJO00-4-28-0-1","Button-infoIcon--success":"button-module-Button-infoIcon--success-cmCsw-4-28-0-1","Button--alert":"button-module-Button--alert-H5mRH-4-28-0-1","Button--alert-disabled":"button-module-Button--alert-disabled-Ved-C-4-28-0-1","Button-infoIcon--alert":"button-module-Button-infoIcon--alert-ZdPD5-4-28-0-1","Button--transparent":"button-module-Button--transparent-r8FxI-4-28-0-1","Button--transparent-disabled":"button-module-Button--transparent-disabled-a45jn-4-28-0-1","Button-spinner":"button-module-Button-spinner-l5KLk-4-28-0-1","Button--selected":"button-module-Button--selected-vkcfl-4-28-0-1","Button--selected-disabled":"button-module-Button--selected-disabled-w9ByQ-4-28-0-1","Button-text--hidden":"button-module-Button-text--hidden-iCXLu-4-28-0-1","Button-text":"button-module-Button-text-A8xeT-4-28-0-1","Button-infoIconWrapper":"button-module-Button-infoIconWrapper-dUlkA-4-28-0-1","Button-infoIconWrapper--transparent":"button-module-Button-infoIconWrapper--transparent-myFrQ-4-28-0-1","Button-infoIconWrapper--iconOnly-transparent":"button-module-Button-infoIconWrapper--iconOnly-transparent-Z0pEg-4-28-0-1","Button-infoIconWrapper-outlined--basic":"button-module-Button-infoIconWrapper-outlined--basic-fQkKz-4-28-0-1","Button-infoIconWrapper-outlined--primary":"button-module-Button-infoIconWrapper-outlined--primary-uhoBf-4-28-0-1","Button-infoIconWrapper-outlined--alert":"button-module-Button-infoIconWrapper-outlined--alert-fj7nm-4-28-0-1","Button-infoIconWrapper--basic":"button-module-Button-infoIconWrapper--basic-aScUb-4-28-0-1","Button-infoIconWrapper--primary":"button-module-Button-infoIconWrapper--primary-lK9Rs-4-28-0-1","Button-infoIconWrapper--success":"button-module-Button-infoIconWrapper--success-MgjVX-4-28-0-1","Button-infoIconWrapper--alert":"button-module-Button-infoIconWrapper--alert-z8cyc-4-28-0-1","Button-infoIcon":"button-module-Button-infoIcon-YjV4x-4-28-0-1","Button-outlined--basic":"button-module-Button-outlined--basic-YdB4n-4-28-0-1","Button-outlined--basic-disabled":"button-module-Button-outlined--basic-disabled-mW-GC-4-28-0-1","Button-outlined--selected":"button-module-Button-outlined--selected-M-y6e-4-28-0-1","Button-outlined--selected-disabled":"button-module-Button-outlined--selected-disabled-CqlPp-4-28-0-1","Button-outlined--primary":"button-module-Button-outlined--primary-7yL2I-4-28-0-1","Button-outlined--primary-disabled":"button-module-Button-outlined--primary-disabled-lu4xl-4-28-0-1","Button-infoIcon-outlined--primary":"button-module-Button-infoIcon-outlined--primary-Z69y7-4-28-0-1","Button-outlined--alert":"button-module-Button-outlined--alert-gnncZ-4-28-0-1","Button-outlined--alert-disabled":"button-module-Button-outlined--alert-disabled-ttK9A-4-28-0-1","Button-infoIcon-outlined--alert":"button-module-Button-infoIcon-outlined--alert-7TL4--4-28-0-1","Button-srOnly":"button-module-Button-srOnly-4lL8R-4-28-0-1"};
|
|
1183
1183
|
styleInject$1(css_248z$1j);
|
|
1184
1184
|
|
|
1185
1185
|
var uidGenerator = function uidGenerator() {
|
|
@@ -1345,8 +1345,8 @@
|
|
|
1345
1345
|
}, _typeof(o);
|
|
1346
1346
|
}
|
|
1347
1347
|
|
|
1348
|
-
var css_248z$1i = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-26-1 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.calendar-module-Calendar-7PxjX-4-26-1 {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.calendar-module-Calendar--small-A1CLy-4-26-1 {\n padding: var(--spacing-30);\n padding-bottom: var(--spacing-20);\n width: 212px;\n}\n\n.calendar-module-Calendar-date--small-CcxQJ-4-26-1 {\n height: 248px;\n}\n\n.calendar-module-Calendar-month--small-wkwYD-4-26-1 {\n height: 200px;\n}\n\n.calendar-module-Calendar-year--small-RdwBQ-4-26-1 {\n height: 200px;\n}\n\n.calendar-module-Calendar--large-sSoxU-4-26-1 {\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-26-1 {\n height: 324px;\n}\n\n.calendar-module-Calendar-month--large-5g0oP-4-26-1 {\n height: 276px;\n}\n\n.calendar-module-Calendar-year--large-jELMf-4-26-1 {\n height: 272px;\n}\n\n.calendar-module-Calendar-header--large-z3JIz-4-26-1 {\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-26-1 {\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-26-1 {\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-26-1 {\n left: 0;\n}\n\n.calendar-module-Calendar-headerIcon--next-ympYc-4-26-1 {\n right: 0;\n}\n\n.calendar-module-Calendar-headerContent-Ik37t-4-26-1 {\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-26-1 {\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-26-1: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-26-1:focus:not(:focus-visible) {\n outline: none;\n}\n\n.calendar-module-Calendar-body-d-N5F-4-26-1 {\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-26-1 {\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-26-1 {\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-26-1,\n.calendar-module-Calendar-yearValueWrapper-2xlz7-4-26-1 {\n display: inline-flex;\n justify-content: center;\n position: relative;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-26-1 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-26-1 .calendar-module-Calendar-inRangeValue-VoWIb-4-26-1:hover {\n background: var(--primary-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-26-1 .calendar-module-Calendar-inRangeValue-VoWIb-4-26-1:active {\n background: var(--primary-lighter);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-26-1 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--start-z-bt7-4-26-1 {\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-26-1 {\n background: linear-gradient(90deg, white 50%, var(--alert-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--end-3mDNa-4-26-1 {\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-26-1 {\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-26-1 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 10%);\n}\n\n.calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-26-1 {\n background: linear-gradient(90deg, var(--alert-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--startEnd-djqp--4-26-1 {\n background: transparent;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-26-1 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n cursor: pointer;\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n box-sizing: border-box;\n border-radius: var(--spacing-10);\n border: var(--border-width-2-5) solid transparent;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n\n /* Button reset (used on <button> for a11y) */\n background: transparent;\n padding: 0;\n margin: 0;\n font-family: inherit;\n color: inherit;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-26-1: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-26-1:focus:not(:focus-visible) {\n outline: none;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-26-1:hover {\n background: var(--secondary-light);\n border-color: var(--secondary-dark);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-26-1:active {\n background: var(--secondary);\n border-color: var(--secondary-dark);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-26-1:hover,\n.calendar-module-Calendar-value--end-975vB-4-26-1:hover {\n background: var(--primary-ultra-light);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-26-1:hover,\n.calendar-module-Calendar-value--endError-M5HbA-4-26-1:hover {\n background: var(--alert-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-26-1,\n.calendar-module-Calendar-value--end-975vB-4-26-1 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-26-1,\n.calendar-module-Calendar-value--endError-M5HbA-4-26-1 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-26-1 {\n background: var(--primary-ultra-light);\n border-color: var(--primary);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-26-1:hover {\n background: var(--primary-lightest);\n border-color: var(--primary);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-26-1:active {\n background: var(--primary-lighter);\n border-color: var(--primary-darker);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-26-1 {\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-26-1:hover {\n background: var(--primary-dark);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--active--twAB-4-26-1:active {\n background: var(--primary-darker);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-yearValue--small--xk4--4-26-1,\n.calendar-module-Calendar-monthValue--small-R3bKo-4-26-1 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.calendar-module-Calendar-yearValue--large-Lmlui-4-26-1,\n.calendar-module-Calendar-monthValue--large-kkWJR-4-26-1 {\n height: var(--spacing-80);\n width: var(--spacing-160);\n}\n\n.calendar-module-Calendar-dateValue--small-u5Af3-4-26-1 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.calendar-module-Calendar-dateValue--large-ngrnG-4-26-1 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-26-1 .calendar-module-Calendar-value--startError-bXXuR-4-26-1,\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-26-1 .calendar-module-Calendar-value--endError-M5HbA-4-26-1 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-26-1 .calendar-module-Calendar-value--startError-bXXuR-4-26-1:hover,\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-26-1 .calendar-module-Calendar-value--endError-M5HbA-4-26-1:hover {\n background: var(--alert-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-26-1 {\n opacity: var(--opacity-10);\n}\n\n.calendar-module-Calendar-value--disabled-xwiCL-4-26-1 {\n pointer-events: none;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-26-1 {\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-26-1 {\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-26-1 .calendar-module-Calendar-value-Ht0Qg-4-26-1 {\n padding: 0;\n cursor: default;\n border-color: transparent;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-26-1 .calendar-module-Calendar-value-Ht0Qg-4-26-1:hover,\n.calendar-module-Calendar-dayValues-EuWrN-4-26-1 .calendar-module-Calendar-value-Ht0Qg-4-26-1:active {\n background: transparent;\n border-color: transparent;\n}\n\n.calendar-module-Calendar-eventsIndicator-FoS6M-4-26-1 {\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-26-1 {\n width: 3px;\n height: 3px;\n}\n.calendar-module-Calendar-eventsIndicator--active-NHhLl-4-26-1 {\n background-color: var(--white);\n}\n\n.calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-26-1 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-26-1 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-26-1 .calendar-module-Calendar-inRangeValue-VoWIb-4-26-1 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-26-1 .calendar-module-Calendar-inRangeValue-VoWIb-4-26-1:hover {\n background: var(--primary-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-26-1 .calendar-module-Calendar-inRangeValue-VoWIb-4-26-1: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-26-1,\n .calendar-module-Calendar-valueWrapper--end-3mDNa-4-26-1,\n .calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-26-1,\n .calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-26-1,\n .calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-26-1,\n .calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-26-1,\n .calendar-module-Calendar-valueWrapper--inRange-fV605-4-26-1,\n .calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-26-1 .calendar-module-Calendar-inRangeValue-VoWIb-4-26-1 {\n background: Highlight;\n }\n\n .calendar-module-Calendar-valueWrapper--startError-RglvV-4-26-1,\n .calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-26-1,\n .calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-26-1 {\n background: Mark;\n }\n\n /* Active/selected date cell */\n .calendar-module-Calendar-value--active--twAB-4-26-1,\n .calendar-module-Calendar-value--active--twAB-4-26-1:hover,\n .calendar-module-Calendar-value--active--twAB-4-26-1: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-26-1 {\n border-color: ButtonText;\n }\n\n /* Event dot: use system color so it stays visible */\n .calendar-module-Calendar-eventsIndicator-FoS6M-4-26-1 {\n background-color: ButtonText;\n }\n\n .calendar-module-Calendar-eventsIndicator--active-NHhLl-4-26-1 {\n background-color: HighlightText;\n }\n\n /* Disabled dates use opacity — switch to GrayText */\n .calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-26-1 {\n opacity: 1;\n color: GrayText;\n }\n}\n";
|
|
1349
|
-
var styles$17 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-
|
|
1348
|
+
var css_248z$1i = "/* calendar */\n\n.calendar-module-Calendar-wrapper-bKSSk-4-28-0-1 {\n display: flex;\n flex-wrap: wrap;\n}\n\n.calendar-module-Calendar-7PxjX-4-28-0-1 {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n}\n\n.calendar-module-Calendar--small-A1CLy-4-28-0-1 {\n padding: var(--spacing-30);\n padding-bottom: var(--spacing-20);\n width: 212px;\n}\n\n.calendar-module-Calendar-date--small-CcxQJ-4-28-0-1 {\n height: 248px;\n}\n\n.calendar-module-Calendar-month--small-wkwYD-4-28-0-1 {\n height: 200px;\n}\n\n.calendar-module-Calendar-year--small-RdwBQ-4-28-0-1 {\n height: 200px;\n}\n\n.calendar-module-Calendar--large-sSoxU-4-28-0-1 {\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-28-0-1 {\n height: 324px;\n}\n\n.calendar-module-Calendar-month--large-5g0oP-4-28-0-1 {\n height: 276px;\n}\n\n.calendar-module-Calendar-year--large-jELMf-4-28-0-1 {\n height: 272px;\n}\n\n.calendar-module-Calendar-header--large-z3JIz-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n left: 0;\n}\n\n.calendar-module-Calendar-headerIcon--next-ympYc-4-28-0-1 {\n right: 0;\n}\n\n.calendar-module-Calendar-headerContent-Ik37t-4-28-0-1 {\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-28-0-1 {\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-28-0-1: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-28-0-1:focus:not(:focus-visible) {\n outline: none;\n}\n\n.calendar-module-Calendar-body-d-N5F-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1,\n.calendar-module-Calendar-yearValueWrapper-2xlz7-4-28-0-1 {\n display: inline-flex;\n justify-content: center;\n position: relative;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-28-0-1 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-28-0-1 .calendar-module-Calendar-inRangeValue-VoWIb-4-28-0-1:hover {\n background: var(--primary-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inRange-fV605-4-28-0-1 .calendar-module-Calendar-inRangeValue-VoWIb-4-28-0-1:active {\n background: var(--primary-lighter);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-28-0-1 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--start-z-bt7-4-28-0-1 {\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-28-0-1 {\n background: linear-gradient(90deg, white 50%, var(--alert-lightest) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--end-3mDNa-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 10%);\n}\n\n.calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-28-0-1 {\n background: linear-gradient(90deg, var(--alert-lightest) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--startEnd-djqp--4-28-0-1 {\n background: transparent;\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-28-0-1 {\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-28-0-1:focus,\n.calendar-module-Calendar-value-Ht0Qg-4-28-0-1: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-28-0-1:hover {\n background: var(--secondary-light);\n border-color: var(--secondary-dark);\n}\n\n.calendar-module-Calendar-value-Ht0Qg-4-28-0-1:active {\n background: var(--secondary);\n border-color: var(--secondary-dark);\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-28-0-1:hover,\n.calendar-module-Calendar-value--end-975vB-4-28-0-1:hover {\n background: var(--primary-ultra-light);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-28-0-1:hover,\n.calendar-module-Calendar-value--endError-M5HbA-4-28-0-1:hover {\n background: var(--alert-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--start-mlqzh-4-28-0-1,\n.calendar-module-Calendar-value--end-975vB-4-28-0-1 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-value--startError-bXXuR-4-28-0-1,\n.calendar-module-Calendar-value--endError-M5HbA-4-28-0-1 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-28-0-1 {\n background: var(--primary-ultra-light);\n border-color: var(--primary);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-28-0-1:hover {\n background: var(--primary-lightest);\n border-color: var(--primary);\n}\n\n.calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-28-0-1:active {\n background: var(--primary-lighter);\n border-color: var(--primary-darker);\n}\n\n.calendar-module-Calendar-value--active--twAB-4-28-0-1 {\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-28-0-1:hover {\n background: var(--primary-dark);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-value--active--twAB-4-28-0-1:active {\n background: var(--primary-darker);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-yearValue--small--xk4--4-28-0-1,\n.calendar-module-Calendar-monthValue--small-R3bKo-4-28-0-1 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.calendar-module-Calendar-yearValue--large-Lmlui-4-28-0-1,\n.calendar-module-Calendar-monthValue--large-kkWJR-4-28-0-1 {\n height: var(--spacing-80);\n width: var(--spacing-160);\n}\n\n.calendar-module-Calendar-dateValue--small-u5Af3-4-28-0-1 {\n height: var(--spacing-60);\n width: var(--spacing-60);\n}\n\n.calendar-module-Calendar-dateValue--large-ngrnG-4-28-0-1 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-28-0-1 .calendar-module-Calendar-value--startError-bXXuR-4-28-0-1,\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-28-0-1 .calendar-module-Calendar-value--endError-M5HbA-4-28-0-1 {\n background: var(--alert-lightest);\n}\n\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-28-0-1 .calendar-module-Calendar-value--startError-bXXuR-4-28-0-1:hover,\n.calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-28-0-1 .calendar-module-Calendar-value--endError-M5HbA-4-28-0-1:hover {\n background: var(--alert-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-28-0-1 {\n opacity: var(--opacity-10);\n}\n\n.calendar-module-Calendar-value--disabled-xwiCL-4-28-0-1 {\n pointer-events: none;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-28-0-1 {\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-28-0-1 {\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-28-0-1 .calendar-module-Calendar-value-Ht0Qg-4-28-0-1 {\n padding: 0;\n cursor: default;\n border-color: transparent;\n}\n\n.calendar-module-Calendar-dayValues-EuWrN-4-28-0-1 .calendar-module-Calendar-value-Ht0Qg-4-28-0-1:hover,\n.calendar-module-Calendar-dayValues-EuWrN-4-28-0-1 .calendar-module-Calendar-value-Ht0Qg-4-28-0-1:active {\n background: transparent;\n border-color: transparent;\n}\n\n.calendar-module-Calendar-eventsIndicator-FoS6M-4-28-0-1 {\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-28-0-1 {\n width: 3px;\n height: 3px;\n}\n.calendar-module-Calendar-eventsIndicator--active-NHhLl-4-28-0-1 {\n background-color: var(--white);\n}\n\n.calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-28-0-1 {\n background: linear-gradient(90deg, white 50%, var(--primary-ultra-light) 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-28-0-1 {\n background: linear-gradient(90deg, var(--primary-ultra-light) 50%, white 50%);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-28-0-1 .calendar-module-Calendar-inRangeValue-VoWIb-4-28-0-1 {\n background: var(--primary-ultra-light);\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-28-0-1 .calendar-module-Calendar-inRangeValue-VoWIb-4-28-0-1:hover {\n background: var(--primary-lightest);\n border-color: transparent;\n}\n\n.calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-28-0-1 .calendar-module-Calendar-inRangeValue-VoWIb-4-28-0-1: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-28-0-1,\n .calendar-module-Calendar-valueWrapper--end-3mDNa-4-28-0-1,\n .calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-28-0-1,\n .calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-28-0-1,\n .calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-28-0-1,\n .calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-28-0-1,\n .calendar-module-Calendar-valueWrapper--inRange-fV605-4-28-0-1,\n .calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-28-0-1 .calendar-module-Calendar-inRangeValue-VoWIb-4-28-0-1 {\n background: Highlight;\n }\n\n .calendar-module-Calendar-valueWrapper--startError-RglvV-4-28-0-1,\n .calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-28-0-1,\n .calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-28-0-1 {\n background: Mark;\n }\n\n /* Active/selected date cell */\n .calendar-module-Calendar-value--active--twAB-4-28-0-1,\n .calendar-module-Calendar-value--active--twAB-4-28-0-1:hover,\n .calendar-module-Calendar-value--active--twAB-4-28-0-1: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-28-0-1 {\n border-color: ButtonText;\n }\n\n /* Event dot: use system color so it stays visible */\n .calendar-module-Calendar-eventsIndicator-FoS6M-4-28-0-1 {\n background-color: ButtonText;\n }\n\n .calendar-module-Calendar-eventsIndicator--active-NHhLl-4-28-0-1 {\n background-color: HighlightText;\n }\n\n /* Disabled dates use opacity — switch to GrayText */\n .calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-28-0-1 {\n opacity: 1;\n color: GrayText;\n }\n}\n";
|
|
1349
|
+
var styles$17 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-28-0-1","Calendar":"calendar-module-Calendar-7PxjX-4-28-0-1","Calendar--small":"calendar-module-Calendar--small-A1CLy-4-28-0-1","Calendar-date--small":"calendar-module-Calendar-date--small-CcxQJ-4-28-0-1","Calendar-month--small":"calendar-module-Calendar-month--small-wkwYD-4-28-0-1","Calendar-year--small":"calendar-module-Calendar-year--small-RdwBQ-4-28-0-1","Calendar--large":"calendar-module-Calendar--large-sSoxU-4-28-0-1","Calendar-date--large":"calendar-module-Calendar-date--large-1ZITF-4-28-0-1","Calendar-month--large":"calendar-module-Calendar-month--large-5g0oP-4-28-0-1","Calendar-year--large":"calendar-module-Calendar-year--large-jELMf-4-28-0-1","Calendar-header--large":"calendar-module-Calendar-header--large-z3JIz-4-28-0-1","Calendar-header--small":"calendar-module-Calendar-header--small-dWwwm-4-28-0-1","Calendar-headerIcon":"calendar-module-Calendar-headerIcon-nsCVk-4-28-0-1","Calendar-headerIcon--prev":"calendar-module-Calendar-headerIcon--prev-1RFOJ-4-28-0-1","Calendar-headerIcon--next":"calendar-module-Calendar-headerIcon--next-ympYc-4-28-0-1","Calendar-headerContent":"calendar-module-Calendar-headerContent-Ik37t-4-28-0-1","Calendar-headerButton":"calendar-module-Calendar-headerButton-c6Ucj-4-28-0-1","Calendar-body":"calendar-module-Calendar-body-d-N5F-4-28-0-1","Calendar-valueRow":"calendar-module-Calendar-valueRow-85rKl-4-28-0-1","Calendar-valueWrapper":"calendar-module-Calendar-valueWrapper-H46Ub-4-28-0-1","Calendar-monthValueWrapper":"calendar-module-Calendar-monthValueWrapper-jHs9P-4-28-0-1","Calendar-yearValueWrapper":"calendar-module-Calendar-yearValueWrapper-2xlz7-4-28-0-1","Calendar-valueWrapper--inRange":"calendar-module-Calendar-valueWrapper--inRange-fV605-4-28-0-1","Calendar-inRangeValue":"calendar-module-Calendar-inRangeValue-VoWIb-4-28-0-1","Calendar-valueWrapper--inRangeError":"calendar-module-Calendar-valueWrapper--inRangeError-MfWMS-4-28-0-1","Calendar-valueWrapper--start":"calendar-module-Calendar-valueWrapper--start-z-bt7-4-28-0-1","Calendar-valueWrapper--startError":"calendar-module-Calendar-valueWrapper--startError-RglvV-4-28-0-1","Calendar-valueWrapper--end":"calendar-module-Calendar-valueWrapper--end-3mDNa-4-28-0-1","Calendar-valueWrapper--hoverDate":"calendar-module-Calendar-valueWrapper--hoverDate-WqHTe-4-28-0-1","Calendar-valueWrapper--hoverEndDate":"calendar-module-Calendar-valueWrapper--hoverEndDate-ZBQie-4-28-0-1","Calendar-valueWrapper--endError":"calendar-module-Calendar-valueWrapper--endError-Q6xFE-4-28-0-1","Calendar-valueWrapper--startEnd":"calendar-module-Calendar-valueWrapper--startEnd-djqp--4-28-0-1","Calendar-value":"calendar-module-Calendar-value-Ht0Qg-4-28-0-1","Calendar-value--start":"calendar-module-Calendar-value--start-mlqzh-4-28-0-1","Calendar-value--end":"calendar-module-Calendar-value--end-975vB-4-28-0-1","Calendar-value--startError":"calendar-module-Calendar-value--startError-bXXuR-4-28-0-1","Calendar-value--endError":"calendar-module-Calendar-value--endError-M5HbA-4-28-0-1","Calendar-value--currDateMonthYear":"calendar-module-Calendar-value--currDateMonthYear-IaAJg-4-28-0-1","Calendar-value--active":"calendar-module-Calendar-value--active--twAB-4-28-0-1","Calendar-yearValue--small":"calendar-module-Calendar-yearValue--small--xk4--4-28-0-1","Calendar-monthValue--small":"calendar-module-Calendar-monthValue--small-R3bKo-4-28-0-1","Calendar-yearValue--large":"calendar-module-Calendar-yearValue--large-Lmlui-4-28-0-1","Calendar-monthValue--large":"calendar-module-Calendar-monthValue--large-kkWJR-4-28-0-1","Calendar-dateValue--small":"calendar-module-Calendar-dateValue--small-u5Af3-4-28-0-1","Calendar-dateValue--large":"calendar-module-Calendar-dateValue--large-ngrnG-4-28-0-1","Calendar-valueWrapper--active-dummy":"calendar-module-Calendar-valueWrapper--active-dummy-fi7cK-4-28-0-1","Calendar-valueWrapper--disabled":"calendar-module-Calendar-valueWrapper--disabled-KJRyE-4-28-0-1","Calendar-value--disabled":"calendar-module-Calendar-value--disabled-xwiCL-4-28-0-1","Calendar-dayValues":"calendar-module-Calendar-dayValues-EuWrN-4-28-0-1","Calendar-dateValues":"calendar-module-Calendar-dateValues-sXhcu-4-28-0-1","Calendar-eventsIndicator":"calendar-module-Calendar-eventsIndicator-FoS6M-4-28-0-1","Calendar-eventsIndicator--small":"calendar-module-Calendar-eventsIndicator--small-94d0W-4-28-0-1","Calendar-eventsIndicator--active":"calendar-module-Calendar-eventsIndicator--active-NHhLl-4-28-0-1","Calendar-valueWrapper--inStartRange":"calendar-module-Calendar-valueWrapper--inStartRange-lfSXQ-4-28-0-1","Calendar-valueWrapper--inEndRange":"calendar-module-Calendar-valueWrapper--inEndRange-hiHYl-4-28-0-1","Calendar-valueWrapper--inEdgeRange":"calendar-module-Calendar-valueWrapper--inEdgeRange-GU8He-4-28-0-1"};
|
|
1350
1350
|
styleInject$1(css_248z$1i);
|
|
1351
1351
|
|
|
1352
1352
|
var config = {
|
|
@@ -1369,6 +1369,34 @@
|
|
|
1369
1369
|
var DATE_CELL_SELECTOR = '[data-calendar-date-cell]';
|
|
1370
1370
|
var MONTH_CELL_SELECTOR = '[data-calendar-month-cell]';
|
|
1371
1371
|
var YEAR_CELL_SELECTOR = '[data-calendar-year-cell]';
|
|
1372
|
+
var ENABLED_CELL_SELECTOR = ':not([aria-disabled="true"]):not([disabled])';
|
|
1373
|
+
var findFocusableCalendarCell = function findFocusableCalendarCell(root, options) {
|
|
1374
|
+
if (options === void 0) {
|
|
1375
|
+
options = {};
|
|
1376
|
+
}
|
|
1377
|
+
var preferredAriaLabel = options.preferredAriaLabel,
|
|
1378
|
+
_a = options.preferredSelectedIndex,
|
|
1379
|
+
preferredSelectedIndex = _a === void 0 ? 'first' : _a;
|
|
1380
|
+
var selectedDates = Array.from(root.querySelectorAll(DATE_CELL_SELECTOR + "[aria-selected=\"true\"]" + ENABLED_CELL_SELECTOR));
|
|
1381
|
+
if (preferredAriaLabel) {
|
|
1382
|
+
var preferred = selectedDates.find(function (cell) {
|
|
1383
|
+
return cell.getAttribute('aria-label') === preferredAriaLabel;
|
|
1384
|
+
});
|
|
1385
|
+
if (preferred) return preferred;
|
|
1386
|
+
}
|
|
1387
|
+
if (selectedDates.length > 0) {
|
|
1388
|
+
return preferredSelectedIndex === 'last' ? selectedDates[selectedDates.length - 1] : selectedDates[0];
|
|
1389
|
+
}
|
|
1390
|
+
var firstDate = root.querySelector("" + DATE_CELL_SELECTOR + ENABLED_CELL_SELECTOR);
|
|
1391
|
+
if (firstDate) return firstDate;
|
|
1392
|
+
var selectedMonth = root.querySelector(MONTH_CELL_SELECTOR + "[aria-selected=\"true\"]" + ENABLED_CELL_SELECTOR);
|
|
1393
|
+
if (selectedMonth) return selectedMonth;
|
|
1394
|
+
var firstMonth = root.querySelector("" + MONTH_CELL_SELECTOR + ENABLED_CELL_SELECTOR);
|
|
1395
|
+
if (firstMonth) return firstMonth;
|
|
1396
|
+
var selectedYear = root.querySelector(YEAR_CELL_SELECTOR + "[aria-selected=\"true\"]" + ENABLED_CELL_SELECTOR);
|
|
1397
|
+
if (selectedYear) return selectedYear;
|
|
1398
|
+
return root.querySelector("" + YEAR_CELL_SELECTOR + ENABLED_CELL_SELECTOR);
|
|
1399
|
+
};
|
|
1372
1400
|
var focusDateCell = function focusDateCell(container, row, col, monthIndex) {
|
|
1373
1401
|
var grid = monthIndex !== undefined ? container.querySelector("[data-calendar-index=\"" + monthIndex + "\"]") : container.querySelector('[data-calendar-index]') || container;
|
|
1374
1402
|
if (!grid) return false;
|
|
@@ -2858,6 +2886,16 @@
|
|
|
2858
2886
|
role: "grid"
|
|
2859
2887
|
}, view === 'year' && _this.renderBodyYear(), view === 'month' && _this.renderBodyMonth(), view === 'date' && _this.renderBodyDate(index)));
|
|
2860
2888
|
};
|
|
2889
|
+
_this.setCalendarWrapperRef = function (node) {
|
|
2890
|
+
_this.calendarWrapperRef.current = node;
|
|
2891
|
+
var wrapperRef = _this.props.wrapperRef;
|
|
2892
|
+
if (!wrapperRef) return;
|
|
2893
|
+
if (typeof wrapperRef === 'function') {
|
|
2894
|
+
wrapperRef(node);
|
|
2895
|
+
} else {
|
|
2896
|
+
wrapperRef.current = node;
|
|
2897
|
+
}
|
|
2898
|
+
};
|
|
2861
2899
|
var _a = _this.props,
|
|
2862
2900
|
rangePicker = _a.rangePicker,
|
|
2863
2901
|
startDate = _a.startDate,
|
|
@@ -3127,7 +3165,7 @@
|
|
|
3127
3165
|
var classes = classNames__default["default"]((_a = {}, _a[styles$17['Calendar-wrapper']] = true, _a), className);
|
|
3128
3166
|
var defaultAriaLabel = ariaLabelledBy ? undefined : 'Calendar';
|
|
3129
3167
|
return /*#__PURE__*/React__namespace.createElement("div", __assign$1({}, baseProps, {
|
|
3130
|
-
ref: this.
|
|
3168
|
+
ref: this.setCalendarWrapperRef,
|
|
3131
3169
|
className: classes,
|
|
3132
3170
|
"data-test": "DesignSystem-Calendar-Wrapper",
|
|
3133
3171
|
"aria-label": ariaLabel || defaultAriaLabel,
|
|
@@ -3148,8 +3186,8 @@
|
|
|
3148
3186
|
return Calendar;
|
|
3149
3187
|
}(React__namespace.Component);
|
|
3150
3188
|
|
|
3151
|
-
var css_248z$1h = "/* badge */\n\n.card-module-Card-3nZt4-4-
|
|
3152
|
-
var styles$16 = {"Card":"card-module-Card-3nZt4-4-
|
|
3189
|
+
var css_248z$1h = "/* badge */\n\n.card-module-Card-3nZt4-4-28-0-1 {\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-28-0-1,\n.card-module-Card--light-ef-kI-4-28-0-1,\n.card-module-Card--medium-hfCda-4-28-0-1,\n.card-module-Card--dark-z4IwI-4-28-0-1 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow10-EQ0Tc-4-28-0-1 {\n border: none;\n box-shadow: var(--shadow-s);\n}\n\n.card-module-Card--shadow20-r2kA9-4-28-0-1 {\n border: none;\n box-shadow: var(--shadow-m);\n}\n\n.card-module-Card--shadow30-7DdVE-4-28-0-1 {\n border: none;\n box-shadow: var(--shadow-l);\n}\n\n.card-module-Card-header-L-wfV-4-28-0-1 {\n padding: var(--spacing-40) var(--spacing-40) var(--spacing-30) var(--spacing-40);\n}\n\n.card-module-Card-body-AWtGZ-4-28-0-1 {\n padding-left: var(--spacing-40);\n padding-right: var(--spacing-40);\n}\n\n.card-module-Card-footer-Gomt8-4-28-0-1 {\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-28-0-1 {\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-28-0-1,\n .card-module-Card--light-ef-kI-4-28-0-1,\n .card-module-Card--medium-hfCda-4-28-0-1,\n .card-module-Card--dark-z4IwI-4-28-0-1,\n .card-module-Card--shadow10-EQ0Tc-4-28-0-1,\n .card-module-Card--shadow20-r2kA9-4-28-0-1,\n .card-module-Card--shadow30-7DdVE-4-28-0-1 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n}\n";
|
|
3190
|
+
var styles$16 = {"Card":"card-module-Card-3nZt4-4-28-0-1","Card--default":"card-module-Card--default-vE68u-4-28-0-1","Card--light":"card-module-Card--light-ef-kI-4-28-0-1","Card--medium":"card-module-Card--medium-hfCda-4-28-0-1","Card--dark":"card-module-Card--dark-z4IwI-4-28-0-1","Card--shadow10":"card-module-Card--shadow10-EQ0Tc-4-28-0-1","Card--shadow20":"card-module-Card--shadow20-r2kA9-4-28-0-1","Card--shadow30":"card-module-Card--shadow30-7DdVE-4-28-0-1","Card-header":"card-module-Card-header-L-wfV-4-28-0-1","Card-body":"card-module-Card-body-AWtGZ-4-28-0-1","Card-footer":"card-module-Card-footer-Gomt8-4-28-0-1","Card-footer--withSeperator":"card-module-Card-footer--withSeperator-xBISR-4-28-0-1"};
|
|
3153
3191
|
styleInject$1(css_248z$1h);
|
|
3154
3192
|
|
|
3155
3193
|
var Card = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -3172,8 +3210,8 @@
|
|
|
3172
3210
|
shadow: 'shadow10'
|
|
3173
3211
|
};
|
|
3174
3212
|
|
|
3175
|
-
var css_248z$1g = ".cardSubdued-module-CardSubdued-cRpHh-4-
|
|
3176
|
-
var styles$15 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-
|
|
3213
|
+
var css_248z$1g = ".cardSubdued-module-CardSubdued-cRpHh-4-28-0-1 {\n background: var(--card-subdued-bg);\n padding: var(--spacing-40);\n}\n\n.cardSubdued-module-CardSubdued--top-9xPTI-4-28-0-1 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--left-5pkIL-4-28-0-1 {\n border-left: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--right-vqxr4-4-28-0-1 {\n border-right: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.cardSubdued-module-CardSubdued--bottom-fOplq-4-28-0-1 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
3214
|
+
var styles$15 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-28-0-1","CardSubdued--top":"cardSubdued-module-CardSubdued--top-9xPTI-4-28-0-1","CardSubdued--left":"cardSubdued-module-CardSubdued--left-5pkIL-4-28-0-1","CardSubdued--right":"cardSubdued-module-CardSubdued--right-vqxr4-4-28-0-1","CardSubdued--bottom":"cardSubdued-module-CardSubdued--bottom-fOplq-4-28-0-1"};
|
|
3177
3215
|
styleInject$1(css_248z$1g);
|
|
3178
3216
|
|
|
3179
3217
|
var CardSubdued = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -3284,8 +3322,8 @@
|
|
|
3284
3322
|
});
|
|
3285
3323
|
};
|
|
3286
3324
|
|
|
3287
|
-
var css_248z$1f = "/* 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-
|
|
3288
|
-
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-
|
|
3325
|
+
var css_248z$1f = "/* 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-28-0-1 {\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-28-0-1 {\n color: var(--text-subtle);\n}\n\n.icon-module-Icon--disabled-cfSpt-4-28-0-1 {\n color: var(--text-disabled);\n}\n\n.icon-module-Icon--destructive-hh3wH-4-28-0-1 {\n color: var(--text-destructive);\n}\n\n.icon-module-Icon--white-xVSQx-4-28-0-1 {\n color: var(--text-white);\n}\n\n.icon-module-Icon--default-gUL8T-4-28-0-1 {\n color: var(--text);\n}\n\n.icon-module-Icon--info-NPl0c-4-28-0-1 {\n color: var(--primary);\n}\n\n.icon-module-Icon--success--1Pol-4-28-0-1 {\n color: var(--success);\n}\n\n.icon-module-Icon--warning-vkwDf-4-28-0-1 {\n color: var(--warning);\n}\n\n.icon-module-Icon--alert-9wT0L-4-28-0-1 {\n color: var(--alert);\n}\n\n.icon-module-Icon--primary-5RS0y-4-28-0-1 {\n color: var(--primary);\n}\n\n.icon-module-Icon--primaryLighter-G9i-U-4-28-0-1 {\n color: var(--primary-lighter);\n}\n\n.icon-module-Icon--primaryDark-Z9EK7-4-28-0-1 {\n color: var(--primary-dark);\n}\n\n.icon-module-Icon--primaryDarker-WzRg--4-28-0-1 {\n color: var(--primary-darker);\n}\n\n.icon-module-Icon--alertLighter-6B-e7-4-28-0-1 {\n color: var(--alert-lighter);\n}\n\n.icon-module-Icon--alertDark-k7w0--4-28-0-1 {\n color: var(--alert-dark);\n}\n\n.icon-module-Icon--alertDarker-ZGpJS-4-28-0-1 {\n color: var(--alert-darker);\n}\n\n.icon-module-Icon--successLighter-NJRIN-4-28-0-1 {\n color: var(--success-lighter);\n}\n\n.icon-module-Icon--successDark-w7jA3-4-28-0-1 {\n color: var(--success-dark);\n}\n\n.icon-module-Icon--successDarker-whOmv-4-28-0-1 {\n color: var(--success-darker);\n}\n\n.icon-module-Icon--warningLighter-IjeGH-4-28-0-1 {\n color: var(--warning-lighter);\n}\n\n.icon-module-Icon--warningDark-c0V89-4-28-0-1 {\n color: var(--warning-dark);\n}\n\n.icon-module-Icon--warningDarker-Y1Zk1-4-28-0-1 {\n color: var(--warning-darker);\n}\n\n.icon-module-Icon--accent1-joGUJ-4-28-0-1 {\n color: var(--accent1);\n}\n\n.icon-module-Icon--accent1Lighter-ecAka-4-28-0-1 {\n color: var(--accent1-lighter);\n}\n\n.icon-module-Icon--accent1Dark-kWavq-4-28-0-1 {\n color: var(--accent1-dark);\n}\n\n.icon-module-Icon--accent1Darker-xkikD-4-28-0-1 {\n color: var(--accent1-darker);\n}\n\n.icon-module-Icon--accent2-U6Nln-4-28-0-1 {\n color: var(--accent2);\n}\n\n.icon-module-Icon--accent2Lighter-l-bdc-4-28-0-1 {\n color: var(--accent2-lighter);\n}\n\n.icon-module-Icon--accent2Dark-fQYZp-4-28-0-1 {\n color: var(--accent2-dark);\n}\n\n.icon-module-Icon--accent2Darker-fPTcU-4-28-0-1 {\n color: var(--accent2-darker);\n}\n\n.icon-module-Icon--accent3-pqiXT-4-28-0-1 {\n color: var(--accent3);\n}\n\n.icon-module-Icon--accent3Lighter-GdEsf-4-28-0-1 {\n color: var(--accent3-lighter);\n}\n\n.icon-module-Icon--accent3Dark-UrkMU-4-28-0-1 {\n color: var(--accent3-dark);\n}\n\n.icon-module-Icon--accent3Darker-h-Kf4-4-28-0-1 {\n color: var(--accent3-darker);\n}\n\n.icon-module-Icon--accent4-URPLg-4-28-0-1 {\n color: var(--accent4);\n}\n\n.icon-module-Icon--accent4Lighter-TfLqj-4-28-0-1 {\n color: var(--accent4-lighter);\n}\n\n.icon-module-Icon--accent4Dark-eMTg--4-28-0-1 {\n color: var(--accent4-dark);\n}\n\n.icon-module-Icon--accent4Darker-zY0fj-4-28-0-1 {\n color: var(--accent4-darker);\n}\n\n.icon-module-Icon--inverse-PaEaG-4-28-0-1 {\n color: var(--inverse);\n}\n";
|
|
3326
|
+
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-28-0-1","Icon--subtle":"icon-module-Icon--subtle-LctKY-4-28-0-1","Icon--disabled":"icon-module-Icon--disabled-cfSpt-4-28-0-1","Icon--destructive":"icon-module-Icon--destructive-hh3wH-4-28-0-1","Icon--white":"icon-module-Icon--white-xVSQx-4-28-0-1","Icon--default":"icon-module-Icon--default-gUL8T-4-28-0-1","Icon--info":"icon-module-Icon--info-NPl0c-4-28-0-1","Icon--success":"icon-module-Icon--success--1Pol-4-28-0-1","Icon--warning":"icon-module-Icon--warning-vkwDf-4-28-0-1","Icon--alert":"icon-module-Icon--alert-9wT0L-4-28-0-1","Icon--primary":"icon-module-Icon--primary-5RS0y-4-28-0-1","Icon--primaryLighter":"icon-module-Icon--primaryLighter-G9i-U-4-28-0-1","Icon--primaryDark":"icon-module-Icon--primaryDark-Z9EK7-4-28-0-1","Icon--primaryDarker":"icon-module-Icon--primaryDarker-WzRg--4-28-0-1","Icon--alertLighter":"icon-module-Icon--alertLighter-6B-e7-4-28-0-1","Icon--alertDark":"icon-module-Icon--alertDark-k7w0--4-28-0-1","Icon--alertDarker":"icon-module-Icon--alertDarker-ZGpJS-4-28-0-1","Icon--successLighter":"icon-module-Icon--successLighter-NJRIN-4-28-0-1","Icon--successDark":"icon-module-Icon--successDark-w7jA3-4-28-0-1","Icon--successDarker":"icon-module-Icon--successDarker-whOmv-4-28-0-1","Icon--warningLighter":"icon-module-Icon--warningLighter-IjeGH-4-28-0-1","Icon--warningDark":"icon-module-Icon--warningDark-c0V89-4-28-0-1","Icon--warningDarker":"icon-module-Icon--warningDarker-Y1Zk1-4-28-0-1","Icon--accent1":"icon-module-Icon--accent1-joGUJ-4-28-0-1","Icon--accent1Lighter":"icon-module-Icon--accent1Lighter-ecAka-4-28-0-1","Icon--accent1Dark":"icon-module-Icon--accent1Dark-kWavq-4-28-0-1","Icon--accent1Darker":"icon-module-Icon--accent1Darker-xkikD-4-28-0-1","Icon--accent2":"icon-module-Icon--accent2-U6Nln-4-28-0-1","Icon--accent2Lighter":"icon-module-Icon--accent2Lighter-l-bdc-4-28-0-1","Icon--accent2Dark":"icon-module-Icon--accent2Dark-fQYZp-4-28-0-1","Icon--accent2Darker":"icon-module-Icon--accent2Darker-fPTcU-4-28-0-1","Icon--accent3":"icon-module-Icon--accent3-pqiXT-4-28-0-1","Icon--accent3Lighter":"icon-module-Icon--accent3Lighter-GdEsf-4-28-0-1","Icon--accent3Dark":"icon-module-Icon--accent3Dark-UrkMU-4-28-0-1","Icon--accent3Darker":"icon-module-Icon--accent3Darker-h-Kf4-4-28-0-1","Icon--accent4":"icon-module-Icon--accent4-URPLg-4-28-0-1","Icon--accent4Lighter":"icon-module-Icon--accent4Lighter-TfLqj-4-28-0-1","Icon--accent4Dark":"icon-module-Icon--accent4Dark-eMTg--4-28-0-1","Icon--accent4Darker":"icon-module-Icon--accent4Darker-zY0fj-4-28-0-1","Icon--inverse":"icon-module-Icon--inverse-PaEaG-4-28-0-1"};
|
|
3289
3327
|
styleInject$1(css_248z$1f);
|
|
3290
3328
|
|
|
3291
3329
|
var iconTypeMapper = {
|
|
@@ -3333,6 +3371,7 @@
|
|
|
3333
3371
|
var ariaLabel = rest['aria-label'];
|
|
3334
3372
|
var ariaLabelledby = rest['aria-labelledby'];
|
|
3335
3373
|
var labelledNonInteractive = !onClick && (ariaLabel || ariaLabelledby);
|
|
3374
|
+
var isDecorative = !onClick && !ariaLabel && !ariaLabelledby && rest.tabIndex === undefined;
|
|
3336
3375
|
var mapper = {
|
|
3337
3376
|
outline: 'outlined',
|
|
3338
3377
|
sharp: 'outlined',
|
|
@@ -3361,7 +3400,8 @@
|
|
|
3361
3400
|
}, baseProps, {
|
|
3362
3401
|
className: iconClass,
|
|
3363
3402
|
style: styles,
|
|
3364
|
-
role: labelledNonInteractive ? 'img' : undefined
|
|
3403
|
+
role: labelledNonInteractive ? 'img' : undefined,
|
|
3404
|
+
"aria-hidden": isDecorative || undefined
|
|
3365
3405
|
}, accessibilityProps), name);
|
|
3366
3406
|
};
|
|
3367
3407
|
Icon.displayName = 'Icon';
|
|
@@ -3382,8 +3422,8 @@
|
|
|
3382
3422
|
};
|
|
3383
3423
|
var Link$1 = /*#__PURE__*/React__namespace.forwardRef(GenericText);
|
|
3384
3424
|
|
|
3385
|
-
var css_248z$1e = "/* Text */\n.text-module-Text-s1VoI-4-
|
|
3386
|
-
var textStyles = {"Text":"text-module-Text-s1VoI-4-
|
|
3425
|
+
var css_248z$1e = "/* Text */\n.text-module-Text-s1VoI-4-28-0-1 {\n margin: 0;\n line-height: var(--font-height);\n}\n\n.text-module-Text--small-Jgkij-4-28-0-1 {\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-28-0-1 {\n font-size: var(--font-size);\n line-height: var(--font-height);\n}\n\n.text-module-Text--large-dvoDb-4-28-0-1 {\n font-size: var(--font-size-m);\n line-height: var(--font-height-m);\n}\n\n.text-module-Text--default-8sTrE-4-28-0-1 {\n color: var(--text);\n}\n\n.text-module-Text--subtle-dIroX-4-28-0-1 {\n color: var(--text-subtle);\n}\n\n.text-module-Text--disabled-n3vwU-4-28-0-1 {\n color: var(--text-disabled);\n}\n\n.text-module-Text--destructive-IyHaq-4-28-0-1 {\n color: var(--text-destructive);\n}\n\n.text-module-Text--white-7KdSH-4-28-0-1 {\n color: var(--text-white);\n}\n\n.text-module-Text--success---5U--4-28-0-1 {\n color: var(--text-success);\n}\n\n.text-module-Text--link-xbXRL-4-28-0-1 {\n color: var(--text-link);\n}\n\n.text-module-Text--medium-NJhdl-4-28-0-1 {\n font-weight: var(--font-weight-medium);\n}\n\n.text-module-Text--strong-V4cio-4-28-0-1 {\n font-weight: var(--font-weight-bold);\n}\n";
|
|
3426
|
+
var textStyles = {"Text":"text-module-Text-s1VoI-4-28-0-1","Text--small":"text-module-Text--small-Jgkij-4-28-0-1","Text--regular":"text-module-Text--regular-1srPn-4-28-0-1","Text--large":"text-module-Text--large-dvoDb-4-28-0-1","Text--default":"text-module-Text--default-8sTrE-4-28-0-1","Text--subtle":"text-module-Text--subtle-dIroX-4-28-0-1","Text--disabled":"text-module-Text--disabled-n3vwU-4-28-0-1","Text--destructive":"text-module-Text--destructive-IyHaq-4-28-0-1","Text--white":"text-module-Text--white-7KdSH-4-28-0-1","Text--success":"text-module-Text--success---5U--4-28-0-1","Text--link":"text-module-Text--link-xbXRL-4-28-0-1","Text--medium":"text-module-Text--medium-NJhdl-4-28-0-1","Text--strong":"text-module-Text--strong-V4cio-4-28-0-1"};
|
|
3387
3427
|
styleInject$1(css_248z$1e);
|
|
3388
3428
|
|
|
3389
3429
|
var Text$1 = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -3414,8 +3454,8 @@
|
|
|
3414
3454
|
size: 'regular'
|
|
3415
3455
|
};
|
|
3416
3456
|
|
|
3417
|
-
var css_248z$1d = ".chip-module-Chip-poUZ4-4-
|
|
3418
|
-
var styles$14 = {"Chip":"chip-module-Chip-poUZ4-4-
|
|
3457
|
+
var css_248z$1d = ".chip-module-Chip-poUZ4-4-28-0-1 {\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-28-0-1 {\n height: var(--spacing-60);\n}\n.chip-module-Chip-size--small-9pIoV-4-28-0-1 {\n height: 20px;\n}\n\n.chip-module-Chip-wrapper-pvcWT-4-28-0-1 {\n display: inline-flex;\n align-items: center;\n}\n\n.chip-module-Chip-content-07-mq-4-28-0-1 {\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-28-0-1 {\n padding-left: var(--spacing-20);\n}\n\n.chip-module-Chip-content--small-X2jbT-4-28-0-1 {\n padding-left: var(--spacing-15);\n}\n\n.chip-module-Chip-content-07-mq-4-28-0-1:focus-visible {\n outline: none;\n}\n\n.chip-module-Chip-icon--left-iQJW--4-28-0-1 {\n margin-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n background: var(--secondary-light);\n border: 0px;\n cursor: pointer;\n}\n\n.chip-module-Chip--action-xkWzq-4-28-0-1:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--action-xkWzq-4-28-0-1:has(.chip-module-Chip-content-07-mq-4-28-0-1: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-28-0-1:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-action--disabled-qik7a-4-28-0-1 {\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-28-0-1 {\n background: var(--shadow-0);\n border-color: var(--stone);\n cursor: pointer;\n}\n\n.chip-module-Chip--selection-OQh8T-4-28-0-1:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.chip-module-Chip--selection-OQh8T-4-28-0-1:has(.chip-module-Chip-content-07-mq-4-28-0-1: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-28-0-1:active {\n background: var(--secondary-light);\n border-color: var(--inverse-lightest);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-28-0-1 {\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-28-0-1 {\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-28-0-1: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-28-0-1:has(.chip-module-Chip-content-07-mq-4-28-0-1: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-28-0-1: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-28-0-1:active .chip-module-Chip-icon-lfFwr-4-28-0-1,\n.chip-module-Chip-selection--selected-N7Nmu-4-28-0-1:active .chip-module-Chip-text-Y9aWF-4-28-0-1 {\n color: var(--primary-darker);\n}\n\n.chip-module-Chip-text--truncate-FdQRv-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n background: var(--secondary-light);\n font-weight: var(--font-weight-normal);\n border: 0px;\n}\n\n.chip-module-Chip--input-76VFm-4-28-0-1:hover {\n background: var(--secondary);\n}\n\n.chip-module-Chip--input-76VFm-4-28-0-1:has(.chip-module-Chip-content-07-mq-4-28-0-1: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-28-0-1:active {\n background: var(--secondary-dark);\n}\n\n.chip-module-Chip-input--disabled-Xt12a-4-28-0-1 {\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-28-0-1: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-28-0-1:hover {\n background-color: var(--secondary);\n}\n\n.chip-module-Chip-icon--right-UOlsF-4-28-0-1:active {\n background-color: var(--secondary-dark);\n}\n\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-28-0-1 {\n pointer-events: none;\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-28-0-1 {\n border-radius: var(--border-radius-full);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-28-0-1: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-28-0-1:hover {\n background-color: var(--primary-lighter);\n}\n\n.chip-module-Chip-icon--selected-OTsQP-4-28-0-1:active {\n background-color: var(--primary-light);\n}\n\n.chip-module-Chip-selection--disabled-Wh7oX-4-28-0-1:has(.chip-module-Chip-content-07-mq-4-28-0-1:focus-visible),\n.chip-module-Chip-icon-disabled--right-Q8o-W-4-28-0-1:focus-visible,\n.chip-module-Chip-selection--selectedDisabled-cqtgW-4-28-0-1:has(.chip-module-Chip-content-07-mq-4-28-0-1:focus-visible),\n.chip-module-Chip-input--disabled-Xt12a-4-28-0-1:has(.chip-module-Chip-content-07-mq-4-28-0-1:focus-visible) {\n outline: none;\n}\n\n.chip-module-Chip-icon--clear-GujdY-4-28-0-1 .chip-module-Chip-content-07-mq-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1,\n .chip-module-Chip-selection--selected-N7Nmu-4-28-0-1:hover,\n .chip-module-Chip-selection--selected-N7Nmu-4-28-0-1:active,\n .chip-module-Chip-selection--selectedDisabled-cqtgW-4-28-0-1 {\n border-color: Highlight;\n box-shadow: none;\n }\n\n .chip-module-Chip-action--disabled-qik7a-4-28-0-1,\n .chip-module-Chip-input--disabled-Xt12a-4-28-0-1 {\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-28-0-1 {\n opacity: 1;\n color: GrayText;\n border-color: GrayText;\n }\n}\n";
|
|
3458
|
+
var styles$14 = {"Chip":"chip-module-Chip-poUZ4-4-28-0-1","Chip-size--regular":"chip-module-Chip-size--regular-VNFwg-4-28-0-1","Chip-size--small":"chip-module-Chip-size--small-9pIoV-4-28-0-1","Chip-wrapper":"chip-module-Chip-wrapper-pvcWT-4-28-0-1","Chip-content":"chip-module-Chip-content-07-mq-4-28-0-1","Chip-content--regular":"chip-module-Chip-content--regular-6UA96-4-28-0-1","Chip-content--small":"chip-module-Chip-content--small-X2jbT-4-28-0-1","Chip-icon--left":"chip-module-Chip-icon--left-iQJW--4-28-0-1","Chip-icon--right":"chip-module-Chip-icon--right-UOlsF-4-28-0-1","Chip-icon--rightSmall":"chip-module-Chip-icon--rightSmall-PKKxo-4-28-0-1","Chip--action":"chip-module-Chip--action-xkWzq-4-28-0-1","Chip-action--disabled":"chip-module-Chip-action--disabled-qik7a-4-28-0-1","Chip--selection":"chip-module-Chip--selection-OQh8T-4-28-0-1","Chip-selection--disabled":"chip-module-Chip-selection--disabled-Wh7oX-4-28-0-1","Chip-selection--selected":"chip-module-Chip-selection--selected-N7Nmu-4-28-0-1","Chip-icon":"chip-module-Chip-icon-lfFwr-4-28-0-1","Chip-text":"chip-module-Chip-text-Y9aWF-4-28-0-1","Chip-text--truncate":"chip-module-Chip-text--truncate-FdQRv-4-28-0-1","Chip-selection--selectedDisabled":"chip-module-Chip-selection--selectedDisabled-cqtgW-4-28-0-1","Chip--input":"chip-module-Chip--input-76VFm-4-28-0-1","Chip-input--disabled":"chip-module-Chip-input--disabled-Xt12a-4-28-0-1","Chip-icon-disabled--right":"chip-module-Chip-icon-disabled--right-Q8o-W-4-28-0-1","Chip-icon--selected":"chip-module-Chip-icon--selected-OTsQP-4-28-0-1","Chip-icon--clear":"chip-module-Chip-icon--clear-GujdY-4-28-0-1"};
|
|
3419
3459
|
styleInject$1(css_248z$1d);
|
|
3420
3460
|
|
|
3421
3461
|
var GenericChip = function GenericChip(props) {
|
|
@@ -3637,8 +3677,8 @@
|
|
|
3637
3677
|
maxWidth: 'var(--spacing-640)'
|
|
3638
3678
|
};
|
|
3639
3679
|
|
|
3640
|
-
var css_248z$1c = ".chipGroup-module-ChipGroup--1ERo-4-
|
|
3641
|
-
var styles$13 = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-
|
|
3680
|
+
var css_248z$1c = ".chipGroup-module-ChipGroup--1ERo-4-28-0-1 {\n display: inline-flex;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-28-0-1 {\n margin: 0 var(--spacing-10);\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-28-0-1:first-child {\n margin-left: 0;\n}\n\n.chipGroup-module-ChipGroup-item-5ygP--4-28-0-1:last-child {\n margin-right: 0;\n}\n";
|
|
3681
|
+
var styles$13 = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-28-0-1","ChipGroup-item":"chipGroup-module-ChipGroup-item-5ygP--4-28-0-1"};
|
|
3642
3682
|
styleInject$1(css_248z$1c);
|
|
3643
3683
|
|
|
3644
3684
|
var ChipGroup = function ChipGroup(props) {
|
|
@@ -3735,16 +3775,16 @@
|
|
|
3735
3775
|
}
|
|
3736
3776
|
};
|
|
3737
3777
|
|
|
3738
|
-
var css_248z$1b = ".checkbox-module-Checkbox-Bxzy6-4-
|
|
3739
|
-
var styles$12 = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-
|
|
3778
|
+
var css_248z$1b = ".checkbox-module-Checkbox-Bxzy6-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n display: flex;\n flex-direction: column;\n min-width: 0;\n}\n\n.checkbox-module-Checkbox-label-1c-Z--4-28-0-1 {\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-28-0-1 {\n font-weight: var(--font-weight-bold);\n}\n\n.checkbox-module-Checkbox-outerWrapper-47kQq-4-28-0-1 {\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-28-0-1 {\n height: var(--spacing-40);\n min-width: var(--spacing-40);\n}\n\n.checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-28-0-1 {\n height: var(--spacing-30);\n min-width: var(--spacing-30);\n}\n\n/* Type: Unchecked */\n\n.checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1 {\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-28-0-1:focus {\n outline: 0;\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-28-0-1:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1 {\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-28-0-1 ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-28-0-1 {\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-28-0-1:hover ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-28-0-1 {\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-28-0-1:active ~ .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-28-0-1 {\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-28-0-1 {\n pointer-events: none;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-28-0-1 .checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-28-0-1 {\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-28-0-1 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-28-0-1 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1 {\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-28-0-1:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-28-0-1:focus ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1 {\n background-color: var(--primary);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-28-0-1:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-28-0-1:hover ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1 {\n background-color: var(--primary-dark);\n border: 0;\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-28-0-1:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-28-0-1:active ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1 {\n background-color: var(--primary-darker);\n border: 0;\n}\n\n.checkbox-module-Checkbox--disabled-j-irf-4-28-0-1 .checkbox-module-Checkbox-input--checked-1V8bz-4-28-0-1 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1,\n.checkbox-module-Checkbox--disabled-j-irf-4-28-0-1 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-28-0-1 ~ .checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1 {\n background-color: var(--primary-lighter);\n border: 0;\n}\n\n/* Error State -> Default */\n\n.checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-28-0-1:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input-shIYv-4-28-0-1:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1 {\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-28-0-1 .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1 {\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-28-0-1 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-28-0-1 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-28-0-1:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-28-0-1:focus ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-28-0-1:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-28-0-1:hover ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1 {\n border: var(--border-width-2-5) solid var(--alert-dark);\n}\n\n.checkbox-module-Checkbox-input--checked-1V8bz-4-28-0-1:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1,\n.checkbox-module-Checkbox-input--indeterminate-yMTip-4-28-0-1:active ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1 {\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-28-0-1 .checkbox-module-Checkbox-input--checked-1V8bz-4-28-0-1 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1,\n.checkbox-module-Checkbox--disabled-j-irf-4-28-0-1 .checkbox-module-Checkbox-input--indeterminate-yMTip-4-28-0-1 ~ .checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1 {\n border: var(--border-width-2-5) solid var(--alert-lighter);\n}\n";
|
|
3779
|
+
var styles$12 = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-28-0-1","Checkbox-input":"checkbox-module-Checkbox-input-shIYv-4-28-0-1","Checkbox-labelWrapper":"checkbox-module-Checkbox-labelWrapper-8RA7S-4-28-0-1","Checkbox-label":"checkbox-module-Checkbox-label-1c-Z--4-28-0-1","Checkbox-label--tiny":"checkbox-module-Checkbox-label--tiny-4ICqD-4-28-0-1","Checkbox-outerWrapper":"checkbox-module-Checkbox-outerWrapper-47kQq-4-28-0-1","Checkbox-outerWrapper--regular":"checkbox-module-Checkbox-outerWrapper--regular-MXygQ-4-28-0-1","Checkbox-outerWrapper--tiny":"checkbox-module-Checkbox-outerWrapper--tiny-g9Lcz-4-28-0-1","Checkbox-wrapper":"checkbox-module-Checkbox-wrapper-iH4AL-4-28-0-1","Checkbox-wrapper--default":"checkbox-module-Checkbox-wrapper--default-Cs-Dj-4-28-0-1","Checkbox--disabled":"checkbox-module-Checkbox--disabled-j-irf-4-28-0-1","Checkbox-input--checked":"checkbox-module-Checkbox-input--checked-1V8bz-4-28-0-1","Checkbox-input--indeterminate":"checkbox-module-Checkbox-input--indeterminate-yMTip-4-28-0-1","Checkbox-wrapper--error":"checkbox-module-Checkbox-wrapper--error-pnJwU-4-28-0-1"};
|
|
3740
3780
|
styleInject$1(css_248z$1b);
|
|
3741
3781
|
|
|
3742
|
-
var css_248z$1a = ".dropdown-module-Dropdown--waM8-4-
|
|
3743
|
-
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-
|
|
3782
|
+
var css_248z$1a = ".dropdown-module-Dropdown--waM8-4-28-0-1 {\n width: 100%;\n position: relative;\n}\n\n.dropdown-module-Dropdown-wrapper-r0AX--4-28-0-1 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-28-0-1 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-28-0-1:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-28-0-1 {\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-28-0-1,\n.dropdown-module-Dropdown-input-ovmvS-4-28-0-1:focus-within {\n border: unset !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.dropdown-module-Dropdown-input-ovmvS-4-28-0-1:hover {\n background-color: var(--secondary-lightest);\n}\n\n.dropdown-module-Dropdown-section-rT604-4-28-0-1 {\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-28-0-1 {\n margin-top: var(--spacing-20);\n margin-bottom: var(--spacing-05);\n}\n\n.dropdown-module-Dropdown-buttonWrapper-hWHut-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1,\n.dropdown-module-Option-loading-niIYl-4-28-0-1 {\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-28-0-1 .dropdown-module-Checkbox-outerWrapper-X7RB4-4-28-0-1 {\n background-color: var(--shadow-0);\n}\n\n.dropdown-module-Option-checkboxWrapper-K7FXe-4-28-0-1 {\n display: block;\n}\n\n.dropdown-module-OptionCheckbox-sWOoI-4-28-0-1 {\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-28-0-1:hover,\n.dropdown-module-Option-checkbox--interactive-EiiG5-4-28-0-1:hover {\n background-color: var(--secondary-lightest);\n}\n\n.dropdown-module-Option--interactive-5AoOx-4-28-0-1:hover:active,\n.dropdown-module-Option-checkbox--interactive-EiiG5-4-28-0-1:hover:active {\n background-color: var(--secondary-light);\n}\n\n.dropdown-module-Option-9a9gu-4-28-0-1:focus,\n.dropdown-module-Option-9a9gu-4-28-0-1:focus-visible,\n.dropdown-module-Option-checkbox-m-8Hz-4-28-0-1:focus,\n.dropdown-module-Option-checkbox-m-8Hz-4-28-0-1: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-28-0-1:focus,\n.dropdown-module-OptionWrapper-OXl8n-4-28-0-1: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-28-0-1 {\n pointer-events: none;\n}\n\n.dropdown-module-Option--selected-N166--4-28-0-1 {\n background-color: var(--primary-lightest);\n}\n\n.dropdown-module-Option--selected-N166--4-28-0-1:focus,\n.dropdown-module-Option--selected-N166--4-28-0-1: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-28-0-1.dropdown-module-Option--interactive-5AoOx-4-28-0-1:hover {\n background-color: var(--primary-lighter);\n}\n\n.dropdown-module-Option--selected-N166--4-28-0-1.dropdown-module-Option--interactive-5AoOx-4-28-0-1:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--selected-N166--4-28-0-1:active .dropdown-module-Option-text-lXgSe-4-28-0-1,\n.dropdown-module-Option--selected-N166--4-28-0-1:active .dropdown-module-Option-subInfo-rCqn2-4-28-0-1 {\n color: var(--primary-darker);\n}\n\n.dropdown-module-Option--disabled-z9O1J-4-28-0-1,\n.dropdown-module-OptionWrapper--disabled-dDEXE-4-28-0-1 {\n pointer-events: auto;\n cursor: default;\n}\n\n.dropdown-module-Option-label-lSBP--4-28-0-1 {\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-28-0-1 {\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-28-0-1 .dropdown-module-Checkbox-label-HN9S6-4-28-0-1 {\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-28-0-1,\n.dropdown-module-OptionCheckbox-sWOoI-4-28-0-1 .dropdown-module-Text-wTZmG-4-28-0-1 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.dropdown-module-Option-text--wrap-RxZCx-4-28-0-1,\n.dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-28-0-1 .dropdown-module-OptionCheckbox-sWOoI-4-28-0-1 .dropdown-module-Text-wTZmG-4-28-0-1 {\n white-space: unset;\n}\n\n.dropdown-module-Option--icon-AA5JI-4-28-0-1 {\n padding-left: var(--spacing-20);\n}\n\n.dropdown-module-Option-icon-sux-R-4-28-0-1 {\n display: flex;\n}\n\n.dropdown-module-Option-icon-sux-R-4-28-0-1 {\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-28-0-1:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
3783
|
+
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-28-0-1","Dropdown-wrapper":"dropdown-module-Dropdown-wrapper-r0AX--4-28-0-1","Dropdown-inputWrapper":"dropdown-module-Dropdown-inputWrapper-4ZQ9m-4-28-0-1","Dropdown-input":"dropdown-module-Dropdown-input-ovmvS-4-28-0-1","Dropdown-section":"dropdown-module-Dropdown-section-rT604-4-28-0-1","Dropdown-section--withClear":"dropdown-module-Dropdown-section--withClear--R25A-4-28-0-1","Dropdown-buttonWrapper":"dropdown-module-Dropdown-buttonWrapper-hWHut-4-28-0-1","Dropdown-footer":"dropdown-module-Dropdown-footer-q2lkI-4-28-0-1","Option":"dropdown-module-Option-9a9gu-4-28-0-1","Option-loading":"dropdown-module-Option-loading-niIYl-4-28-0-1","Option-checkbox":"dropdown-module-Option-checkbox-m-8Hz-4-28-0-1","Checkbox-outerWrapper":"dropdown-module-Checkbox-outerWrapper-X7RB4-4-28-0-1","Option-checkboxWrapper":"dropdown-module-Option-checkboxWrapper-K7FXe-4-28-0-1","OptionCheckbox":"dropdown-module-OptionCheckbox-sWOoI-4-28-0-1","Option--interactive":"dropdown-module-Option--interactive-5AoOx-4-28-0-1","Option-checkbox--interactive":"dropdown-module-Option-checkbox--interactive-EiiG5-4-28-0-1","OptionWrapper":"dropdown-module-OptionWrapper-OXl8n-4-28-0-1","Option--selected":"dropdown-module-Option--selected-N166--4-28-0-1","Option-text":"dropdown-module-Option-text-lXgSe-4-28-0-1","Option-subInfo":"dropdown-module-Option-subInfo-rCqn2-4-28-0-1","Option--disabled":"dropdown-module-Option--disabled-z9O1J-4-28-0-1","OptionWrapper--disabled":"dropdown-module-OptionWrapper--disabled-dDEXE-4-28-0-1","Option-label":"dropdown-module-Option-label-lSBP--4-28-0-1","Option-checkIcon":"dropdown-module-Option-checkIcon-jg8-d-4-28-0-1","Checkbox-label":"dropdown-module-Checkbox-label-HN9S6-4-28-0-1","Text":"dropdown-module-Text-wTZmG-4-28-0-1","Option-text--wrap":"dropdown-module-Option-text--wrap-RxZCx-4-28-0-1","Dropdown-wrapper--wrap":"dropdown-module-Dropdown-wrapper--wrap-HMI-K-4-28-0-1","Option--icon":"dropdown-module-Option--icon-AA5JI-4-28-0-1","Option-icon":"dropdown-module-Option-icon-sux-R-4-28-0-1"};
|
|
3744
3784
|
styleInject$1(css_248z$1a);
|
|
3745
3785
|
|
|
3746
|
-
var css_248z$19 = ".grid-module-Grid-c7nCj-4-26-1 {\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-26-1 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-26-1 {\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-26-1::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-26-1 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-26-1 .grid-module-Grid-cell--head--JOK--4-26-1 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-26-1 .grid-module-Grid-cell--body--nkVA-4-26-1 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-26-1 .grid-module-Grid-cell--head--JOK--4-26-1 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-26-1 .grid-module-Grid-cell--body--nkVA-4-26-1 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-26-1 .grid-module-Grid-cell--head--JOK--4-26-1 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-26-1 .grid-module-Grid-cell--body--nkVA-4-26-1 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-26-1 .grid-module-Grid-cell--head--JOK--4-26-1 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-26-1 .grid-module-Grid-cell--body--nkVA-4-26-1 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-26-1 {\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-26-1::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-26-1 {\n display: flex;\n height: 100%;\n flex-direction: row;\n align-items: center;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-26-1 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-26-1: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-26-1 {\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-26-1 {\n display: contents;\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-26-1 {\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-26-1:last-child .grid-module-Grid-row--body-hzvsO-4-26-1 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-26-1 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-26-1 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-26-1 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-26-1 .grid-module-Grid-rowWrapper-cZ8-a-4-26-1 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-26-1 .grid-module-Grid-cell-GVffL-4-26-1:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-26-1 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-26-1 {\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-26-1 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-26-1 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-26-1 {\n z-index: 3;\n opacity: 1;\n background-color: inherit;\n color: inherit;\n}\n\n.grid-module-Grid-cell--separator-TYHdI-4-26-1 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-26-1 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-26-1 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-26-1.grid-module-Grid-cell-GVffL-4-26-1:first-of-type {\n border-left: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-26-1.grid-module-Grid-cell--selected-1zcBx-4-26-1 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-26-1 {\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-26-1 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-26-1 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-sortingIcons-Lwutu-4-26-1 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-26-1 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-26-1:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-26-1 {\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-26-1 .grid-module-Grid-cellContent-Ls-ZE-4-26-1 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cell--head--JOK--4-26-1 .grid-module-Grid-cellContent-Ls-ZE-4-26-1: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-26-1 {\n position: absolute;\n right: 0;\n width: var(--spacing-10);\n cursor: ew-resize;\n height: 100%;\n padding-right: var(--spacing-60);\n margin-right: calc(-1 * var(--spacing-60));\n box-sizing: content-box;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-26-1 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-26-1:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-26-1:hover {\n background: var(--primary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-26-1:focus-visible {\n background: var(--primary);\n outline: none;\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-26-1 {\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-26-1 {\n display: flex;\n box-sizing: border-box;\n height: 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-26-1 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-26-1 {\n left: 0;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-26-1 {\n right: 0;\n}\n\n.grid-module-Grid-c7nCj-4-26-1 .grid-module-Checkbox-wrapper-0R1-K-4-26-1 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-26-1 {\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-26-1 {\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-26-1 {\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-26-1 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--default-7p5Cq-4-26-1 {\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-26-1 {\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-26-1 .grid-module-StatusHint-R1JrO-4-26-1 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-26-1 .grid-module-StatusHint-R1JrO-4-26-1 .grid-module-Text-Fy3XX-4-26-1 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-26-1 .grid-module-Avatar-3XZ0C-4-26-1 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-26-1 {\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-26-1 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-26-1 .grid-module-Text-Fy3XX-4-26-1 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaSeparator-B6hFq-4-26-1 {\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-26-1 {\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell-mark--metaList-MwAIW-4-26-1 {\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-26-1 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-26-1 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-26-1 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-26-1 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-26-1 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-26-1 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-26-1 .grid-module-Checkbox-ETqg7-4-26-1 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-26-1 {\n display: flex;\n margin-left: var(--spacing-10);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-26-1 .grid-module-Dropdown-Ev9FG-4-26-1 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-26-1 .grid-module-Dropdown-wrapper-T1n1M-4-26-1 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-26-1 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-26-1 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-26-1 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-26-1 {\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-26-1 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-row-wBTps-4-26-1 {\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-26-1 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-26-1 .grid-module-Grid-row--body-hzvsO-4-26-1:hover {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-26-1 .grid-module-Grid-row--body-hzvsO-4-26-1:active {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-26-1 .grid-module-Grid-row--body-hzvsO-4-26-1: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-26-1 {\n background: rgba(214, 238, 255, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-26-1:hover {\n background: rgba(139, 202, 254, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-26-1:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-26-1: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-26-1 {\n background: var(--primary-lightest);\n}\n\n/* Pinned Columns Default State */\n\n.grid-module-Grid--resource-Wwxtj-4-26-1 .grid-module-Grid-row--body-hzvsO-4-26-1:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-26-1 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-26-1 .grid-module-Grid-row--body-hzvsO-4-26-1:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-26-1 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-26-1 .grid-module-Grid-row--body-hzvsO-4-26-1:focus-visible .grid-module-Grid-cellWrapper--pinned-0NirR-4-26-1 {\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-26-1 .grid-module-Grid-cellWrapper--pinned-0NirR-4-26-1 {\n background: rgba(214, 238, 255, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-26-1:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-26-1 {\n background: rgba(139, 202, 254, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-26-1:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-26-1 {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-26-1:focus-visible .grid-module-Grid-cellWrapper--pinned-0NirR-4-26-1 {\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-26-1 .grid-module-Grid-cellGroup--pinned-gR1WR-4-26-1 {\n background: var(--white);\n}\n\n.grid-module-Grid-row--head-FUyUu-4-26-1 .grid-module-Grid-cellGroup--pinned-left-EsISF-4-26-1 {\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-26-1 .grid-module-Grid-cellGroup--pinned-right-jWDJC-4-26-1 {\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-26-1 {\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-26-1 {\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";
|
|
3747
|
-
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-
|
|
3786
|
+
var css_248z$19 = ".grid-module-Grid-c7nCj-4-28-0-1 {\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-28-0-1 {\n display: flex;\n position: relative;\n overflow: hidden;\n height: 100%;\n}\n\n.grid-module-Grid--pinned-3JMcl-4-28-0-1 {\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-28-0-1::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid--main-zduCm-4-28-0-1 {\n flex-grow: 1;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-28-0-1 .grid-module-Grid-cell--head--JOK--4-28-0-1 {\n min-height: 40px;\n}\n\n.grid-module-Grid--comfortable-TOG1A-4-28-0-1 .grid-module-Grid-cell--body--nkVA-4-28-0-1 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--standard-vGamG-4-28-0-1 .grid-module-Grid-cell--head--JOK--4-28-0-1 {\n min-height: 40px;\n}\n\n.grid-module-Grid--standard-vGamG-4-28-0-1 .grid-module-Grid-cell--body--nkVA-4-28-0-1 {\n padding-top: var(--spacing-30);\n padding-bottom: var(--spacing-30);\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-28-0-1 .grid-module-Grid-cell--head--JOK--4-28-0-1 {\n min-height: 40px;\n}\n\n.grid-module-Grid--compressed-mwkZ6-4-28-0-1 .grid-module-Grid-cell--body--nkVA-4-28-0-1 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.grid-module-Grid--tight-1w1jV-4-28-0-1 .grid-module-Grid-cell--head--JOK--4-28-0-1 {\n min-height: var(--spacing-80);\n}\n\n.grid-module-Grid--tight-1w1jV-4-28-0-1 .grid-module-Grid-cell--body--nkVA-4-28-0-1 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.grid-module-Grid-head-WsxqC-4-28-0-1 {\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-28-0-1::-webkit-scrollbar {\n display: none;\n}\n\n.grid-module-Grid-headCell-OcJ4F-4-28-0-1 {\n display: flex;\n height: 100%;\n flex-direction: row;\n align-items: center;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-28-0-1 {\n cursor: grab;\n}\n\n.grid-module-Grid-headCell--draggable-WH7xi-4-28-0-1: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-28-0-1 {\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-28-0-1 {\n display: contents;\n}\n\n.grid-module-Grid-rowWrapper-cZ8-a-4-28-0-1 {\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-28-0-1:last-child .grid-module-Grid-row--body-hzvsO-4-28-0-1 {\n border-bottom: 0;\n}\n\n.grid-module-GridBody-padding-3KYKp-4-28-0-1 {\n flex-shrink: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-28-0-1 {\n width: 100%;\n overflow: hidden;\n}\n\n.grid-module-Grid-nestedRowTrigger--amMF-4-28-0-1 {\n margin-right: var(--spacing-30);\n cursor: pointer;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-28-0-1 .grid-module-Grid-rowWrapper-cZ8-a-4-28-0-1 {\n border-bottom: 0;\n}\n\n.grid-module-Grid-nestedRow-uxEsD-4-28-0-1 .grid-module-Grid-cell-GVffL-4-28-0-1:first-child {\n padding-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.grid-module-Grid-nestedRowPlaceholder-h98gD-4-28-0-1 {\n width: var(--spacing-60);\n margin-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell-GVffL-4-28-0-1 {\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-28-0-1 {\n padding-right: var(--spacing-30);\n}\n\n.grid-module-Grid-cell--head--JOK--4-28-0-1 {\n overflow: hidden;\n padding-right: var(--spacing-10);\n}\n\n.grid-module-Grid-cell--dragged-djAY0-4-28-0-1 {\n z-index: 3;\n opacity: 1;\n background-color: inherit;\n color: inherit;\n}\n\n.grid-module-Grid-cell--separator-TYHdI-4-28-0-1 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-28-0-1 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-cell--nestedRow-U3Dg5-4-28-0-1 {\n padding-left: var(--spacing-20);\n}\n\n.grid-module-Grid-cell--head--JOK--4-28-0-1.grid-module-Grid-cell-GVffL-4-28-0-1:first-of-type {\n border-left: none;\n}\n\n.grid-module-Grid-cell--head--JOK--4-28-0-1.grid-module-Grid-cell--selected-1zcBx-4-28-0-1 {\n background: var(--primary-light);\n}\n\n.grid-module-Grid-cell--checkbox-kWT4v-4-28-0-1 {\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-28-0-1 {\n border-left: var(--border);\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid-cell--selected-1zcBx-4-28-0-1 {\n background: var(--primary-lightest);\n}\n\n.grid-module-Grid-sortingIcons-Lwutu-4-28-0-1 {\n display: flex;\n align-items: center;\n padding-left: var(--spacing-10);\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-28-0-1 {\n display: flex;\n align-items: center;\n cursor: grab;\n}\n\n.grid-module-Grid-cellReorder-SMPMA-4-28-0-1:active {\n cursor: grabbing;\n}\n\n.grid-module-Grid-cellContent-Ls-ZE-4-28-0-1 {\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-28-0-1 .grid-module-Grid-cellContent-Ls-ZE-4-28-0-1 {\n overflow: hidden;\n}\n\n.grid-module-Grid-cell--head--JOK--4-28-0-1 .grid-module-Grid-cellContent-Ls-ZE-4-28-0-1: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-28-0-1 {\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-28-0-1::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-28-0-1:has(> .grid-module-Grid-cellResize-J-SJu-4-28-0-1) {\n padding-right: calc(var(--spacing-60) - var(--spacing-10));\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-28-0-1 {\n display: flex;\n align-items: center;\n cursor: pointer;\n}\n\n.grid-module-Grid-cellSortIcon-ZV0FF-4-28-0-1:hover {\n background: var(--secondary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-28-0-1:hover::after,\n.grid-module-Grid-cellResize-J-SJu-4-28-0-1:focus-visible::after {\n background: var(--primary);\n}\n\n.grid-module-Grid-cellResize-J-SJu-4-28-0-1:focus-visible {\n outline: none;\n}\n\n.grid-module-Grid-reorderHighlighter-UMzz7-4-28-0-1 {\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-28-0-1 {\n display: flex;\n box-sizing: border-box;\n height: 100%;\n}\n\n.grid-module-Grid-cellGroup--pinned-gR1WR-4-28-0-1 {\n position: sticky;\n z-index: 4;\n}\n\n.grid-module-Grid-cellGroup--pinned-left-EsISF-4-28-0-1 {\n left: 0;\n}\n\n.grid-module-Grid-cellGroup--pinned-right-jWDJC-4-28-0-1 {\n right: 0;\n}\n\n.grid-module-Grid-c7nCj-4-28-0-1 .grid-module-Checkbox-wrapper-0R1-K-4-28-0-1 {\n margin-right: 0;\n}\n\n/** Grid Cell **/\n\n.grid-module-GridCell-Atntl-4-28-0-1 {\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-28-0-1 {\n justify-content: flex-start;\n text-align: left;\n}\n\n.grid-module-GridCell--align-right-nMKtX-4-28-0-1 {\n justify-content: flex-end;\n text-align: right;\n}\n\n.grid-module-GridCell--align-center-dtOQN-4-28-0-1 {\n justify-content: center;\n text-align: center;\n}\n\n.grid-module-GridCell--default-7p5Cq-4-28-0-1 {\n}\n\n.grid-module-GridCell--metaList-wNdz6-4-28-0-1 {\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-28-0-1 .grid-module-StatusHint-R1JrO-4-28-0-1 {\n overflow: hidden;\n}\n\n.grid-module-GridCell--statusHint-UyDMp-4-28-0-1 .grid-module-StatusHint-R1JrO-4-28-0-1 .grid-module-Text-Fy3XX-4-28-0-1 {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.grid-module-GridCell--avatar-fZFWf-4-28-0-1 .grid-module-Avatar-3XZ0C-4-28-0-1 {\n margin: 0;\n}\n\n.grid-module-GridCell-metaListWrapper-C5Xha-4-28-0-1 {\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-28-0-1 {\n display: flex;\n}\n\n.grid-module-GridCell-metaList-Eu-pj-4-28-0-1 .grid-module-Text-Fy3XX-4-28-0-1 {\n display: flex;\n align-items: center;\n}\n\n.grid-module-GridCell-metaSeparator-B6hFq-4-28-0-1 {\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-28-0-1 {\n background: var(--warning-light);\n border-radius: var(--border-radius-05);\n}\n\n.grid-module-GridCell-mark--metaList-MwAIW-4-28-0-1 {\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-28-0-1 ul li:first-child {\n margin-left: 0;\n}\n\n/** Header **/\n\n/** Table-header **/\n\n.grid-module-Header-8rhUu-4-28-0-1 {\n background: var(--white);\n padding: var(--spacing-30);\n border-bottom: var(--border);\n}\n\n.grid-module-Header-content-0SgQi-4-28-0-1 {\n display: flex;\n}\n\n.grid-module-Header-content--bottom-bkVrG-4-28-0-1 {\n align-items: center;\n justify-content: space-between;\n}\n\n.grid-module-Header-search-4git6-4-28-0-1 {\n width: var(--spacing-640);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-label-B0-kh-4-28-0-1 {\n display: flex;\n flex-grow: 1;\n align-items: center;\n}\n\n.grid-module-Header-label-B0-kh-4-28-0-1 .grid-module-Checkbox-ETqg7-4-28-0-1 {\n margin-right: var(--spacing-20);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-28-0-1 {\n display: flex;\n margin-left: var(--spacing-10);\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-dropdown-xPNuH-4-28-0-1 .grid-module-Dropdown-Ev9FG-4-28-0-1 {\n margin: 0 var(--spacing-10);\n}\n\n.grid-module-Header-draggableDropdown-QkIiO-4-28-0-1 .grid-module-Dropdown-wrapper-T1n1M-4-28-0-1 {\n max-height: 200px;\n overflow-y: auto;\n}\n\n.grid-module-Header-filters-u0J3G-4-28-0-1 {\n display: flex;\n}\n\n.grid-module-Header-sorting-zOkI4-4-28-0-1 {\n display: flex;\n}\n\n.grid-module-Header-actions-WHtHK-4-28-0-1 {\n margin-bottom: var(--spacing-40);\n}\n\n.grid-module-Header-global-actions-e6dK3-4-28-0-1 {\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-28-0-1 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n.grid-module-Grid-row-wBTps-4-28-0-1 {\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-28-0-1 {\n border-color: var(--secondary-light);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-28-0-1 .grid-module-Grid-row--body-hzvsO-4-28-0-1:hover {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-28-0-1 .grid-module-Grid-row--body-hzvsO-4-28-0-1:active {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-28-0-1 .grid-module-Grid-row--body-hzvsO-4-28-0-1: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-28-0-1 {\n background: rgba(214, 238, 255, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-28-0-1:hover {\n background: rgba(139, 202, 254, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-28-0-1:active {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-28-0-1: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-28-0-1 {\n background: var(--primary-lightest);\n}\n\n/* Pinned Columns Default State */\n\n.grid-module-Grid--resource-Wwxtj-4-28-0-1 .grid-module-Grid-row--body-hzvsO-4-28-0-1:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-28-0-1 {\n cursor: pointer;\n background: var(--secondary-lightest);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-28-0-1 .grid-module-Grid-row--body-hzvsO-4-28-0-1:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-28-0-1 {\n background: var(--secondary-lighter);\n}\n\n.grid-module-Grid--resource-Wwxtj-4-28-0-1 .grid-module-Grid-row--body-hzvsO-4-28-0-1:focus-visible .grid-module-Grid-cellWrapper--pinned-0NirR-4-28-0-1 {\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-28-0-1 .grid-module-Grid-cellWrapper--pinned-0NirR-4-28-0-1 {\n background: rgba(214, 238, 255, 0.48);\n}\n\n.grid-module-Grid-row--selected-4THdv-4-28-0-1:hover .grid-module-Grid-cellWrapper--pinned-0NirR-4-28-0-1 {\n background: rgba(139, 202, 254, 0.48) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-28-0-1:active .grid-module-Grid-cellWrapper--pinned-0NirR-4-28-0-1 {\n background: var(--primary-lighter) !important;\n}\n\n.grid-module-Grid-row--selected-4THdv-4-28-0-1:focus-visible .grid-module-Grid-cellWrapper--pinned-0NirR-4-28-0-1 {\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-28-0-1 .grid-module-Grid-cellGroup--pinned-gR1WR-4-28-0-1 {\n background: var(--white);\n}\n\n.grid-module-Grid-row--head-FUyUu-4-28-0-1 .grid-module-Grid-cellGroup--pinned-left-EsISF-4-28-0-1 {\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-28-0-1 .grid-module-Grid-cellGroup--pinned-right-jWDJC-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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";
|
|
3787
|
+
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-28-0-1","Grid-wrapper":"grid-module-Grid-wrapper-lro6U-4-28-0-1","Grid--pinned":"grid-module-Grid--pinned-3JMcl-4-28-0-1","Grid-pinned":"grid-module-Grid-pinned-c-pxc-4-28-0-1","Grid--main":"grid-module-Grid--main-zduCm-4-28-0-1","Grid--comfortable":"grid-module-Grid--comfortable-TOG1A-4-28-0-1","Grid-cell--head":"grid-module-Grid-cell--head--JOK--4-28-0-1","Grid-cell--body":"grid-module-Grid-cell--body--nkVA-4-28-0-1","Grid--standard":"grid-module-Grid--standard-vGamG-4-28-0-1","Grid--compressed":"grid-module-Grid--compressed-mwkZ6-4-28-0-1","Grid--tight":"grid-module-Grid--tight-1w1jV-4-28-0-1","Grid-head":"grid-module-Grid-head-WsxqC-4-28-0-1","Grid-headCell":"grid-module-Grid-headCell-OcJ4F-4-28-0-1","Grid-headCell--draggable":"grid-module-Grid-headCell--draggable-WH7xi-4-28-0-1","Grid-body":"grid-module-Grid-body-pAJM6-4-28-0-1","Grid-rowGroup":"grid-module-Grid-rowGroup-RkiRn-4-28-0-1","Grid-rowWrapper":"grid-module-Grid-rowWrapper-cZ8-a-4-28-0-1","Grid-row--body":"grid-module-Grid-row--body-hzvsO-4-28-0-1","GridBody-padding":"grid-module-GridBody-padding-3KYKp-4-28-0-1","Grid-nestedRow":"grid-module-Grid-nestedRow-uxEsD-4-28-0-1","Grid-nestedRowTrigger":"grid-module-Grid-nestedRowTrigger--amMF-4-28-0-1","Grid-cell":"grid-module-Grid-cell-GVffL-4-28-0-1","Grid-nestedRowPlaceholder":"grid-module-Grid-nestedRowPlaceholder-h98gD-4-28-0-1","Grid-cell--dragged":"grid-module-Grid-cell--dragged-djAY0-4-28-0-1","Grid-cell--separator":"grid-module-Grid-cell--separator-TYHdI-4-28-0-1","Grid-cell--selected":"grid-module-Grid-cell--selected-1zcBx-4-28-0-1","Grid-cell--nestedRow":"grid-module-Grid-cell--nestedRow-U3Dg5-4-28-0-1","Grid-cell--checkbox":"grid-module-Grid-cell--checkbox-kWT4v-4-28-0-1","Grid-sortingIcons":"grid-module-Grid-sortingIcons-Lwutu-4-28-0-1","Grid-cellReorder":"grid-module-Grid-cellReorder-SMPMA-4-28-0-1","Grid-cellContent":"grid-module-Grid-cellContent-Ls-ZE-4-28-0-1","Grid-cellResize":"grid-module-Grid-cellResize-J-SJu-4-28-0-1","Grid-cellSortIcon":"grid-module-Grid-cellSortIcon-ZV0FF-4-28-0-1","Grid-reorderHighlighter":"grid-module-Grid-reorderHighlighter-UMzz7-4-28-0-1","Grid-cellGroup":"grid-module-Grid-cellGroup-Q3add-4-28-0-1","Grid-cellGroup--pinned":"grid-module-Grid-cellGroup--pinned-gR1WR-4-28-0-1","Grid-cellGroup--pinned-left":"grid-module-Grid-cellGroup--pinned-left-EsISF-4-28-0-1","Grid-cellGroup--pinned-right":"grid-module-Grid-cellGroup--pinned-right-jWDJC-4-28-0-1","Checkbox-wrapper":"grid-module-Checkbox-wrapper-0R1-K-4-28-0-1","GridCell":"grid-module-GridCell-Atntl-4-28-0-1","GridCell--align-left":"grid-module-GridCell--align-left-zURf7-4-28-0-1","GridCell--align-right":"grid-module-GridCell--align-right-nMKtX-4-28-0-1","GridCell--align-center":"grid-module-GridCell--align-center-dtOQN-4-28-0-1","GridCell--default":"grid-module-GridCell--default-7p5Cq-4-28-0-1","GridCell--metaList":"grid-module-GridCell--metaList-wNdz6-4-28-0-1","GridCell--statusHint":"grid-module-GridCell--statusHint-UyDMp-4-28-0-1","StatusHint":"grid-module-StatusHint-R1JrO-4-28-0-1","Text":"grid-module-Text-Fy3XX-4-28-0-1","GridCell--avatar":"grid-module-GridCell--avatar-fZFWf-4-28-0-1","Avatar":"grid-module-Avatar-3XZ0C-4-28-0-1","GridCell-metaListWrapper":"grid-module-GridCell-metaListWrapper-C5Xha-4-28-0-1","GridCell-metaList":"grid-module-GridCell-metaList-Eu-pj-4-28-0-1","GridCell-metaSeparator":"grid-module-GridCell-metaSeparator-B6hFq-4-28-0-1","GridCell-mark--default":"grid-module-GridCell-mark--default-pkKi7-4-28-0-1","GridCell-mark--metaList":"grid-module-GridCell-mark--metaList-MwAIW-4-28-0-1","Header":"grid-module-Header-8rhUu-4-28-0-1","Header-content":"grid-module-Header-content-0SgQi-4-28-0-1","Header-content--bottom":"grid-module-Header-content--bottom-bkVrG-4-28-0-1","Header-search":"grid-module-Header-search-4git6-4-28-0-1","Header-label":"grid-module-Header-label-B0-kh-4-28-0-1","Checkbox":"grid-module-Checkbox-ETqg7-4-28-0-1","Header-dropdown":"grid-module-Header-dropdown-xPNuH-4-28-0-1","Dropdown":"grid-module-Dropdown-Ev9FG-4-28-0-1","Header-draggableDropdown":"grid-module-Header-draggableDropdown-QkIiO-4-28-0-1","Dropdown-wrapper":"grid-module-Dropdown-wrapper-T1n1M-4-28-0-1","Header-filters":"grid-module-Header-filters-u0J3G-4-28-0-1","Header-sorting":"grid-module-Header-sorting-zOkI4-4-28-0-1","Header-actions":"grid-module-Header-actions-WHtHK-4-28-0-1","Header-global-actions":"grid-module-Header-global-actions-e6dK3-4-28-0-1","Grid-row--disabled":"grid-module-Grid-row--disabled-f0pzU-4-28-0-1","Grid-row":"grid-module-Grid-row-wBTps-4-28-0-1","Grid--resource":"grid-module-Grid--resource-Wwxtj-4-28-0-1","Grid-row--selected":"grid-module-Grid-row--selected-4THdv-4-28-0-1","Grid-row--activated":"grid-module-Grid-row--activated-nOoqM-4-28-0-1","Grid-cellWrapper--pinned":"grid-module-Grid-cellWrapper--pinned-0NirR-4-28-0-1","Grid-row--head":"grid-module-Grid-row--head-FUyUu-4-28-0-1","Grid-cellWrapper--pinned-left":"grid-module-Grid-cellWrapper--pinned-left-5Ic9Q-4-28-0-1","Grid-cellWrapper--pinned-right":"grid-module-Grid-cellWrapper--pinned-right-72w51-4-28-0-1"};
|
|
3748
3788
|
styleInject$1(css_248z$19);
|
|
3749
3789
|
|
|
3750
3790
|
var Checkbox = /*#__PURE__*/React__namespace.forwardRef(function (props, forwardedRef) {
|
|
@@ -3855,8 +3895,8 @@
|
|
|
3855
3895
|
});
|
|
3856
3896
|
Checkbox.displayName = 'Checkbox';
|
|
3857
3897
|
|
|
3858
|
-
var css_248z$18 = ".column-module-Row-LudWR-4-
|
|
3859
|
-
var rowStyles = {"Row":"column-module-Row-LudWR-4-
|
|
3898
|
+
var css_248z$18 = ".column-module-Row-LudWR-4-28-0-1 {\n display: flex;\n flex-wrap: wrap;\n flex: 1 100%;\n}\n\n.column-module-Col-BW4pl-4-28-0-1 {\n position: relative;\n box-sizing: border-box;\n flex: 1 0 0%;\n}\n\n.column-module-Col--auto-HnufQ-4-28-0-1 {\n flex: 0 0 auto;\n width: auto;\n}\n\n.column-module-Col--1-iSoXZ-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n}\n\n.column-module-Col--2-KR9Oj-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n}\n\n.column-module-Col--3-tRdfx-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n}\n\n.column-module-Col--4-SxYUZ-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n}\n\n.column-module-Col--5-Ghiks-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n}\n\n.column-module-Col--6-JO4qo-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n}\n\n.column-module-Col--7-SRnJx-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n}\n\n.column-module-Col--8-HBxc4-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n}\n\n.column-module-Col--9-eMJ9n-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n}\n\n.column-module-Col--10-VSo8k-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n}\n\n.column-module-Col--11-miljX-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n}\n\n.column-module-Col--12-9Obkj-4-28-0-1 {\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-28-0-1 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xs-1-KvELd-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xs-2-OUGOZ-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xs-3-G55n8-4-28-0-1 {\n flex: 0 0 auto;\n }\n .column-module-Col--xs-4-PADe9-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xs-5-Ex4rw-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xs-6-fzX37-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xs-7-zWOG--4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xs-8-gngfO-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xs-9-b-r8L-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xs-10-umLd0-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xs-11-KvOKo-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xs-12-u1Ks8-4-28-0-1 {\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-28-0-1 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--s-1-BVL5j-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--s-2-9s29P-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--s-3-69Bdl-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--s-4-nE4kT-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--s-5-B72Pu-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--s-6-AdMSU-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--s-7-e656U-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--s-8-1EhC1-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--s-9-rpHj--4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--s-10-GVB2t-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--s-11-3WJSe-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--s-12-eFxie-4-28-0-1 {\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-28-0-1 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--m-1-T7-6r-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--m-2-UJZxe-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--m-3-jgXEy-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--m-4-86-dP-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--m-5-RxZc2-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--m-6-RwrEz-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--m-7-HuA0i-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--m-8-qKE7R-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--m-9--8vSy-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--m-10-aBQ1l-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--m-11-08F-U-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--m-12-gZ47F-4-28-0-1 {\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-28-0-1 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--l-1-aLREn-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--l-2-0mG-c-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--l-3--aWDx-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--l-4-GTf5q-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--l-5-5MGhB-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--l-6-DY6jT-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--l-7-Wyv6Z-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--l-8-30knO-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--l-9-H-ap--4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--l-10-wgJl4-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--l-11-4dOz3-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--l-12-xC5rs-4-28-0-1 {\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-28-0-1 {\n flex: 0 0 auto;\n width: auto;\n }\n .column-module-Col--xl-1-ZCRQR-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 1);\n }\n .column-module-Col--xl-2-5agyW-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 2);\n }\n .column-module-Col--xl-3-e5vjv-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 3);\n }\n .column-module-Col--xl-4--aAZH-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 4);\n }\n .column-module-Col--xl-5-167j6-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 5);\n }\n .column-module-Col--xl-6-wXLZ--4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 6);\n }\n .column-module-Col--xl-7-QA116-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 7);\n }\n .column-module-Col--xl-8-Q22c5-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 8);\n }\n .column-module-Col--xl-9-bJrrK-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 9);\n }\n .column-module-Col--xl-10-IALsA-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 10);\n }\n .column-module-Col--xl-11-vrchj-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 11);\n }\n .column-module-Col--xl-12-6dUnj-4-28-0-1 {\n flex: 0 0 auto;\n width: calc(100% / var(--grid-columns) * 12);\n }\n}\n";
|
|
3899
|
+
var rowStyles = {"Row":"column-module-Row-LudWR-4-28-0-1","Col":"column-module-Col-BW4pl-4-28-0-1","Col--auto":"column-module-Col--auto-HnufQ-4-28-0-1","Col--1":"column-module-Col--1-iSoXZ-4-28-0-1","Col--2":"column-module-Col--2-KR9Oj-4-28-0-1","Col--3":"column-module-Col--3-tRdfx-4-28-0-1","Col--4":"column-module-Col--4-SxYUZ-4-28-0-1","Col--5":"column-module-Col--5-Ghiks-4-28-0-1","Col--6":"column-module-Col--6-JO4qo-4-28-0-1","Col--7":"column-module-Col--7-SRnJx-4-28-0-1","Col--8":"column-module-Col--8-HBxc4-4-28-0-1","Col--9":"column-module-Col--9-eMJ9n-4-28-0-1","Col--10":"column-module-Col--10-VSo8k-4-28-0-1","Col--11":"column-module-Col--11-miljX-4-28-0-1","Col--12":"column-module-Col--12-9Obkj-4-28-0-1","Col--xs-auto":"column-module-Col--xs-auto-oXQ2q-4-28-0-1","Col--xs-1":"column-module-Col--xs-1-KvELd-4-28-0-1","Col--xs-2":"column-module-Col--xs-2-OUGOZ-4-28-0-1","Col--xs-3":"column-module-Col--xs-3-G55n8-4-28-0-1","Col--xs-4":"column-module-Col--xs-4-PADe9-4-28-0-1","Col--xs-5":"column-module-Col--xs-5-Ex4rw-4-28-0-1","Col--xs-6":"column-module-Col--xs-6-fzX37-4-28-0-1","Col--xs-7":"column-module-Col--xs-7-zWOG--4-28-0-1","Col--xs-8":"column-module-Col--xs-8-gngfO-4-28-0-1","Col--xs-9":"column-module-Col--xs-9-b-r8L-4-28-0-1","Col--xs-10":"column-module-Col--xs-10-umLd0-4-28-0-1","Col--xs-11":"column-module-Col--xs-11-KvOKo-4-28-0-1","Col--xs-12":"column-module-Col--xs-12-u1Ks8-4-28-0-1","Col--s-auto":"column-module-Col--s-auto-rQS8S-4-28-0-1","Col--s-1":"column-module-Col--s-1-BVL5j-4-28-0-1","Col--s-2":"column-module-Col--s-2-9s29P-4-28-0-1","Col--s-3":"column-module-Col--s-3-69Bdl-4-28-0-1","Col--s-4":"column-module-Col--s-4-nE4kT-4-28-0-1","Col--s-5":"column-module-Col--s-5-B72Pu-4-28-0-1","Col--s-6":"column-module-Col--s-6-AdMSU-4-28-0-1","Col--s-7":"column-module-Col--s-7-e656U-4-28-0-1","Col--s-8":"column-module-Col--s-8-1EhC1-4-28-0-1","Col--s-9":"column-module-Col--s-9-rpHj--4-28-0-1","Col--s-10":"column-module-Col--s-10-GVB2t-4-28-0-1","Col--s-11":"column-module-Col--s-11-3WJSe-4-28-0-1","Col--s-12":"column-module-Col--s-12-eFxie-4-28-0-1","Col--m-auto":"column-module-Col--m-auto-DTvE1-4-28-0-1","Col--m-1":"column-module-Col--m-1-T7-6r-4-28-0-1","Col--m-2":"column-module-Col--m-2-UJZxe-4-28-0-1","Col--m-3":"column-module-Col--m-3-jgXEy-4-28-0-1","Col--m-4":"column-module-Col--m-4-86-dP-4-28-0-1","Col--m-5":"column-module-Col--m-5-RxZc2-4-28-0-1","Col--m-6":"column-module-Col--m-6-RwrEz-4-28-0-1","Col--m-7":"column-module-Col--m-7-HuA0i-4-28-0-1","Col--m-8":"column-module-Col--m-8-qKE7R-4-28-0-1","Col--m-9":"column-module-Col--m-9--8vSy-4-28-0-1","Col--m-10":"column-module-Col--m-10-aBQ1l-4-28-0-1","Col--m-11":"column-module-Col--m-11-08F-U-4-28-0-1","Col--m-12":"column-module-Col--m-12-gZ47F-4-28-0-1","Col--l-auto":"column-module-Col--l-auto-SxR1p-4-28-0-1","Col--l-1":"column-module-Col--l-1-aLREn-4-28-0-1","Col--l-2":"column-module-Col--l-2-0mG-c-4-28-0-1","Col--l-3":"column-module-Col--l-3--aWDx-4-28-0-1","Col--l-4":"column-module-Col--l-4-GTf5q-4-28-0-1","Col--l-5":"column-module-Col--l-5-5MGhB-4-28-0-1","Col--l-6":"column-module-Col--l-6-DY6jT-4-28-0-1","Col--l-7":"column-module-Col--l-7-Wyv6Z-4-28-0-1","Col--l-8":"column-module-Col--l-8-30knO-4-28-0-1","Col--l-9":"column-module-Col--l-9-H-ap--4-28-0-1","Col--l-10":"column-module-Col--l-10-wgJl4-4-28-0-1","Col--l-11":"column-module-Col--l-11-4dOz3-4-28-0-1","Col--l-12":"column-module-Col--l-12-xC5rs-4-28-0-1","Col--xl-auto":"column-module-Col--xl-auto-zH0n0-4-28-0-1","Col--xl-1":"column-module-Col--xl-1-ZCRQR-4-28-0-1","Col--xl-2":"column-module-Col--xl-2-5agyW-4-28-0-1","Col--xl-3":"column-module-Col--xl-3-e5vjv-4-28-0-1","Col--xl-4":"column-module-Col--xl-4--aAZH-4-28-0-1","Col--xl-5":"column-module-Col--xl-5-167j6-4-28-0-1","Col--xl-6":"column-module-Col--xl-6-wXLZ--4-28-0-1","Col--xl-7":"column-module-Col--xl-7-QA116-4-28-0-1","Col--xl-8":"column-module-Col--xl-8-Q22c5-4-28-0-1","Col--xl-9":"column-module-Col--xl-9-bJrrK-4-28-0-1","Col--xl-10":"column-module-Col--xl-10-IALsA-4-28-0-1","Col--xl-11":"column-module-Col--xl-11-vrchj-4-28-0-1","Col--xl-12":"column-module-Col--xl-12-6dUnj-4-28-0-1"};
|
|
3860
3900
|
styleInject$1(css_248z$18);
|
|
3861
3901
|
|
|
3862
3902
|
var Column = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -3885,7 +3925,9 @@
|
|
|
3885
3925
|
inputOptions = props.inputOptions,
|
|
3886
3926
|
validators = props.validators,
|
|
3887
3927
|
state = props.state,
|
|
3888
|
-
setState = props.setState
|
|
3928
|
+
setState = props.setState,
|
|
3929
|
+
inputRef = props.inputRef,
|
|
3930
|
+
onInputKeyDown = props.onInputKeyDown;
|
|
3889
3931
|
var init = state.init,
|
|
3890
3932
|
date$1 = state.date,
|
|
3891
3933
|
error = state.error;
|
|
@@ -3948,16 +3990,25 @@
|
|
|
3948
3990
|
return isValid(validators, val, inputFormat);
|
|
3949
3991
|
};
|
|
3950
3992
|
var mask = date[inputFormat];
|
|
3993
|
+
var optionsKeyDown = inputOptions.onKeyDown,
|
|
3994
|
+
inputRest = __rest(inputOptions, ["onKeyDown"]);
|
|
3951
3995
|
return /*#__PURE__*/React__namespace.createElement(X, __assign$1({
|
|
3952
3996
|
icon: "events",
|
|
3953
3997
|
placeholder: inputFormat
|
|
3954
|
-
},
|
|
3998
|
+
}, inputRest, {
|
|
3999
|
+
ref: inputRef,
|
|
3955
4000
|
error: showError,
|
|
3956
4001
|
mask: mask,
|
|
3957
4002
|
value: date$1 ? translateToString(inputFormat, date$1) : init ? X.utils.getDefaultValue(mask, placeholderChar) : '',
|
|
3958
4003
|
onChange: onChangeHandler,
|
|
3959
4004
|
onPaste: onPasteHandler,
|
|
3960
4005
|
onBlur: onBlurHandler,
|
|
4006
|
+
onKeyDown: function onKeyDown(e) {
|
|
4007
|
+
optionsKeyDown === null || optionsKeyDown === void 0 ? void 0 : optionsKeyDown(e);
|
|
4008
|
+
if (!e.defaultPrevented) {
|
|
4009
|
+
onInputKeyDown === null || onInputKeyDown === void 0 ? void 0 : onInputKeyDown(e);
|
|
4010
|
+
}
|
|
4011
|
+
},
|
|
3961
4012
|
onClear: onClearHandler,
|
|
3962
4013
|
caption: showError ? errorMessage : '',
|
|
3963
4014
|
validators: [inputValidator],
|
|
@@ -3966,14 +4017,42 @@
|
|
|
3966
4017
|
}));
|
|
3967
4018
|
};
|
|
3968
4019
|
|
|
3969
|
-
var css_248z$17 = ".datePicker-module-DatePicker-content-Iw4EE-4-
|
|
3970
|
-
var styles$11 = {"DatePicker-content":"datePicker-module-DatePicker-content-Iw4EE-4-
|
|
4020
|
+
var css_248z$17 = ".datePicker-module-DatePicker-content-Iw4EE-4-28-0-1 {\n display: flex;\n}\n\n@media (max-width: 576px) {\n .datePicker-module-DatePicker-content-Iw4EE-4-28-0-1 {\n flex-direction: column;\n }\n}\n";
|
|
4021
|
+
var styles$11 = {"DatePicker-content":"datePicker-module-DatePicker-content-Iw4EE-4-28-0-1"};
|
|
3971
4022
|
styleInject$1(css_248z$17);
|
|
3972
4023
|
|
|
3973
4024
|
var DatePicker = function (_super) {
|
|
3974
4025
|
__extends$1(DatePicker, _super);
|
|
3975
4026
|
function DatePicker(props) {
|
|
3976
4027
|
var _this = _super.call(this, props) || this;
|
|
4028
|
+
_this.inputRef = /*#__PURE__*/React__namespace.createRef();
|
|
4029
|
+
_this.calendarContainerRef = /*#__PURE__*/React__namespace.createRef();
|
|
4030
|
+
_this.focusCalendar = function () {
|
|
4031
|
+
var root = _this.calendarContainerRef.current;
|
|
4032
|
+
if (!root) return false;
|
|
4033
|
+
var target = findFocusableCalendarCell(root);
|
|
4034
|
+
if (!target) return false;
|
|
4035
|
+
target.focus({
|
|
4036
|
+
preventScroll: true,
|
|
4037
|
+
focusVisible: true
|
|
4038
|
+
});
|
|
4039
|
+
return true;
|
|
4040
|
+
};
|
|
4041
|
+
_this.onInputKeyDown = function (e) {
|
|
4042
|
+
if (!_this.state.open || e.defaultPrevented) return;
|
|
4043
|
+
if (e.key === 'ArrowDown' || e.key === 'Tab' && !e.shiftKey) {
|
|
4044
|
+
var root = _this.calendarContainerRef.current;
|
|
4045
|
+
var target_1 = root ? findFocusableCalendarCell(root) : null;
|
|
4046
|
+
if (!target_1) return;
|
|
4047
|
+
e.preventDefault();
|
|
4048
|
+
requestAnimationFrame(function () {
|
|
4049
|
+
target_1.focus({
|
|
4050
|
+
preventScroll: true,
|
|
4051
|
+
focusVisible: true
|
|
4052
|
+
});
|
|
4053
|
+
});
|
|
4054
|
+
}
|
|
4055
|
+
};
|
|
3977
4056
|
_this.getError = function (date) {
|
|
3978
4057
|
var _a = _this.props,
|
|
3979
4058
|
disabledBefore = _a.disabledBefore,
|
|
@@ -4019,10 +4098,20 @@
|
|
|
4019
4098
|
});
|
|
4020
4099
|
break;
|
|
4021
4100
|
case 'onClick':
|
|
4022
|
-
|
|
4023
|
-
open
|
|
4024
|
-
|
|
4025
|
-
|
|
4101
|
+
{
|
|
4102
|
+
var shouldFocusCalendar_1 = !_this.state.open;
|
|
4103
|
+
_this.setState({
|
|
4104
|
+
open: true
|
|
4105
|
+
}, function () {
|
|
4106
|
+
if (!shouldFocusCalendar_1) return;
|
|
4107
|
+
requestAnimationFrame(function () {
|
|
4108
|
+
requestAnimationFrame(function () {
|
|
4109
|
+
_this.focusCalendar();
|
|
4110
|
+
});
|
|
4111
|
+
});
|
|
4112
|
+
});
|
|
4113
|
+
break;
|
|
4114
|
+
}
|
|
4026
4115
|
}
|
|
4027
4116
|
};
|
|
4028
4117
|
var inputFormat = props.inputFormat,
|
|
@@ -4038,10 +4127,11 @@
|
|
|
4038
4127
|
return _this;
|
|
4039
4128
|
}
|
|
4040
4129
|
DatePicker.prototype.componentDidUpdate = function (prevProps, prevState) {
|
|
4130
|
+
var _a;
|
|
4041
4131
|
if (prevProps.date !== this.props.date) {
|
|
4042
|
-
var
|
|
4043
|
-
inputFormat =
|
|
4044
|
-
validators =
|
|
4132
|
+
var _b = this.props,
|
|
4133
|
+
inputFormat = _b.inputFormat,
|
|
4134
|
+
validators = _b.validators;
|
|
4045
4135
|
var d = convertToDate(this.props.date, inputFormat, validators);
|
|
4046
4136
|
this.setState({
|
|
4047
4137
|
date: d
|
|
@@ -4053,9 +4143,9 @@
|
|
|
4053
4143
|
});
|
|
4054
4144
|
}
|
|
4055
4145
|
if (prevState.date !== this.state.date) {
|
|
4056
|
-
var
|
|
4057
|
-
onDateChange =
|
|
4058
|
-
outputFormat =
|
|
4146
|
+
var _c = this.props,
|
|
4147
|
+
onDateChange = _c.onDateChange,
|
|
4148
|
+
outputFormat = _c.outputFormat;
|
|
4059
4149
|
var date = this.state.date;
|
|
4060
4150
|
var newError = this.getError(date);
|
|
4061
4151
|
this.setState({
|
|
@@ -4070,6 +4160,15 @@
|
|
|
4070
4160
|
}
|
|
4071
4161
|
}
|
|
4072
4162
|
}
|
|
4163
|
+
if (prevState.open && !this.state.open) {
|
|
4164
|
+
var active = document.activeElement;
|
|
4165
|
+
var calendarRoot = this.calendarContainerRef.current;
|
|
4166
|
+
if (!active || active === document.body || calendarRoot && calendarRoot.contains(active)) {
|
|
4167
|
+
(_a = this.inputRef.current) === null || _a === void 0 ? void 0 : _a.focus({
|
|
4168
|
+
preventScroll: true
|
|
4169
|
+
});
|
|
4170
|
+
}
|
|
4171
|
+
}
|
|
4073
4172
|
};
|
|
4074
4173
|
DatePicker.prototype.renderCalendar = function () {
|
|
4075
4174
|
var _this = this;
|
|
@@ -4122,7 +4221,8 @@
|
|
|
4122
4221
|
view: view,
|
|
4123
4222
|
disabledBefore: dateDisabledBefore,
|
|
4124
4223
|
disabledAfter: dateDisabledAfter,
|
|
4125
|
-
onDateChange: this.onDateChangeHandler
|
|
4224
|
+
onDateChange: this.onDateChangeHandler,
|
|
4225
|
+
wrapperRef: this.calendarContainerRef
|
|
4126
4226
|
}))), showTodayDate && (/*#__PURE__*/React__namespace.createElement("div", {
|
|
4127
4227
|
className: todayChipClass,
|
|
4128
4228
|
"data-test": "DesignSystem-Select--TodaysDate-wrapper"
|
|
@@ -4146,17 +4246,20 @@
|
|
|
4146
4246
|
popoverOptions = _a.popoverOptions;
|
|
4147
4247
|
var open = this.state.open;
|
|
4148
4248
|
if (withInput) {
|
|
4149
|
-
var triggerInputOptions = __assign$1(__assign$1({}, inputOptions), {
|
|
4150
|
-
'aria-label': inputOptions['aria-label'] || this.props['aria-label']
|
|
4249
|
+
var triggerInputOptions = __assign$1(__assign$1(__assign$1({}, inputOptions), inputOptions['aria-label'] || this.props['aria-label'] ? {
|
|
4250
|
+
'aria-label': inputOptions['aria-label'] || this.props['aria-label']
|
|
4251
|
+
} : {}), inputOptions['aria-labelledby'] || this.props['aria-labelledby'] ? {
|
|
4151
4252
|
'aria-labelledby': inputOptions['aria-labelledby'] || this.props['aria-labelledby']
|
|
4152
|
-
});
|
|
4253
|
+
} : {});
|
|
4153
4254
|
return /*#__PURE__*/React__namespace.createElement(Popover$1, __assign$1({
|
|
4154
4255
|
trigger: /*#__PURE__*/React__namespace.createElement(Trigger$1, {
|
|
4155
4256
|
inputFormat: inputFormat,
|
|
4156
4257
|
inputOptions: triggerInputOptions,
|
|
4157
4258
|
validators: validators,
|
|
4158
4259
|
state: this.state,
|
|
4159
|
-
setState: this.setState.bind(this)
|
|
4260
|
+
setState: this.setState.bind(this),
|
|
4261
|
+
inputRef: this.inputRef,
|
|
4262
|
+
onInputKeyDown: this.onInputKeyDown
|
|
4160
4263
|
}),
|
|
4161
4264
|
triggerClass: "w-100",
|
|
4162
4265
|
position: position,
|
|
@@ -4623,8 +4726,8 @@
|
|
|
4623
4726
|
return flattenedGroupList;
|
|
4624
4727
|
};
|
|
4625
4728
|
|
|
4626
|
-
var css_248z$16 = ".timePicker-module-TimePicker-trigger-fjkh7-4-
|
|
4627
|
-
var timePickerStyles = {"TimePicker-trigger":"timePicker-module-TimePicker-trigger-fjkh7-4-
|
|
4729
|
+
var css_248z$16 = ".timePicker-module-TimePicker-trigger-fjkh7-4-28-0-1 {\n width: calc(var(--spacing-40) * 20);\n min-width: calc(var(--spacing-40) * 16);\n}\n";
|
|
4730
|
+
var timePickerStyles = {"TimePicker-trigger":"timePicker-module-TimePicker-trigger-fjkh7-4-28-0-1"};
|
|
4628
4731
|
styleInject$1(css_248z$16);
|
|
4629
4732
|
|
|
4630
4733
|
var TimePickerWithSearch = function TimePickerWithSearch(props) {
|
|
@@ -4953,8 +5056,8 @@
|
|
|
4953
5056
|
return callback === undefined ? throttle(delay, atBegin, false) : throttle(delay, callback, atBegin !== false);
|
|
4954
5057
|
}
|
|
4955
5058
|
|
|
4956
|
-
var css_248z$15 = ".dropdownButton-module-DropdownButton-WEFAu-4-
|
|
4957
|
-
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-
|
|
5059
|
+
var css_248z$15 = ".dropdownButton-module-DropdownButton-WEFAu-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n text-align: left;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.dropdownButton-module-DropdownButton--tiny-Itu7p-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n padding-left: var(--spacing-10);\n padding-right: var(--spacing-10);\n}\n\n.dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-28-0-1 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--placeholder-P-OZc-4-28-0-1 {\n color: var(--text);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-28-0-1:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.dropdownButton-module-DropdownButton-WEFAu-4-28-0-1: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-28-0-1:active,\n.dropdownButton-module-DropdownButton--open-FO2da-4-28-0-1 {\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-28-0-1:disabled {\n background: var(--secondary-lighter);\n color: var(--text-disabled);\n pointer-events: none;\n}\n\n.dropdownButton-module-DropdownButton--icon-lOUG2-4-28-0-1 {\n padding-left: var(--spacing-20);\n}\n\n.dropdownButton-module-DropdownButton--error-WBIV1-4-28-0-1 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n";
|
|
5060
|
+
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-28-0-1","DropdownButton-wrapper":"dropdownButton-module-DropdownButton-wrapper--2rai-4-28-0-1","DropdownButton-text":"dropdownButton-module-DropdownButton-text-iFVYT-4-28-0-1","DropdownButton--tiny":"dropdownButton-module-DropdownButton--tiny-Itu7p-4-28-0-1","DropdownButton--regular":"dropdownButton-module-DropdownButton--regular--xsdh-4-28-0-1","DropdownButton--tinySquare":"dropdownButton-module-DropdownButton--tinySquare-h9ZCv-4-28-0-1","DropdownButton--regularSquare":"dropdownButton-module-DropdownButton--regularSquare-aHX5x-4-28-0-1","DropdownButton--placeholder":"dropdownButton-module-DropdownButton--placeholder-P-OZc-4-28-0-1","DropdownButton--open":"dropdownButton-module-DropdownButton--open-FO2da-4-28-0-1","DropdownButton--icon":"dropdownButton-module-DropdownButton--icon-lOUG2-4-28-0-1","DropdownButton--error":"dropdownButton-module-DropdownButton--error-WBIV1-4-28-0-1"};
|
|
4958
5061
|
styleInject$1(css_248z$15);
|
|
4959
5062
|
|
|
4960
5063
|
var DropdownButton = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -5414,8 +5517,8 @@
|
|
|
5414
5517
|
});
|
|
5415
5518
|
};
|
|
5416
5519
|
|
|
5417
|
-
var css_248z$14 = "@keyframes placeholder-module-shimmer-Lxrg3-4-
|
|
5418
|
-
var styles$10 = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-
|
|
5520
|
+
var css_248z$14 = "@keyframes placeholder-module-shimmer-Lxrg3-4-28-0-1 {\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-28-0-1 {\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-28-0-1;\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-28-0-1 {\n display: flex;\n flex-grow: 1;\n flex-shrink: 0;\n align-items: center;\n}\n\n.placeholder-module-Placeholder--withImage-yTlyC-4-28-0-1 {\n display: flex;\n justify-content: flex-start;\n}\n\n.placeholder-module-Placeholder-paragraph-6zgwj-4-28-0-1 {\n display: flex;\n flex-direction: column;\n flex: 1 0;\n}\n\n.placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-28-0-1 {\n margin-left: var(--spacing-20);\n}\n\n.placeholder-module-PlaceholderParagraph-02mKH-4-28-0-1 {\n display: flex;\n flex-grow: 1;\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-28-0-1 {\n display: flex;\n align-items: center;\n height: var(--font-height);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-small-hR-g8-4-28-0-1 {\n width: 33%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-28-0-1 {\n width: 66%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-28-0-1 {\n width: 100%;\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-28-0-1 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-28-0-1 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-28-0-1 {\n height: var(--font-height-s);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-28-0-1 {\n height: var(--font-height-m);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-28-0-1 {\n height: var(--font-height-l);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-28-0-1 {\n height: var(--font-height-xl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-28-0-1 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-28-0-1 {\n height: var(--font-height-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-28-0-1 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--xs-CZxRT-4-28-0-1 {\n height: var(--font-size-s);\n}\n\n.placeholder-module-PlaceholderParagraph--s-1TOed-4-28-0-1 {\n height: var(--font-size);\n}\n\n.placeholder-module-PlaceholderParagraph--m-umPOe-4-28-0-1 {\n height: var(--font-size-m);\n}\n\n.placeholder-module-PlaceholderParagraph--l-5tvMH-4-28-0-1 {\n height: var(--font-size-l);\n}\n\n.placeholder-module-PlaceholderParagraph--xl-M63Dg-4-28-0-1 {\n height: var(--font-size-xl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-28-0-1 {\n height: var(--font-size-xxl);\n}\n\n.placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-28-0-1 {\n height: var(--font-size-xxxl);\n}\n\n.placeholder-module-PlaceholderImage-tEdXI-4-28-0-1 {\n display: flex;\n flex-shrink: 0;\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--small-IZcYq-4-28-0-1 {\n width: 16px;\n height: 16px;\n}\n\n.placeholder-module-PlaceholderImage--medium-NA-GL-4-28-0-1 {\n width: 32px;\n height: 32px;\n}\n\n.placeholder-module-PlaceholderImage--large-z28GC-4-28-0-1 {\n width: 48px;\n height: 48px;\n}\n\n.placeholder-module-PlaceholderImage--round-IvhOF-4-28-0-1 {\n border-radius: var(--border-radius-full);\n}\n";
|
|
5521
|
+
var styles$10 = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-28-0-1","shimmer":"placeholder-module-shimmer-Lxrg3-4-28-0-1","Placeholder":"placeholder-module-Placeholder-vJUgz-4-28-0-1","Placeholder--withImage":"placeholder-module-Placeholder--withImage-yTlyC-4-28-0-1","Placeholder-paragraph":"placeholder-module-Placeholder-paragraph-6zgwj-4-28-0-1","Placeholder-paragraph--withImage":"placeholder-module-Placeholder-paragraph--withImage-6eoKu-4-28-0-1","PlaceholderParagraph":"placeholder-module-PlaceholderParagraph-02mKH-4-28-0-1","PlaceholderParagraph-wrapper":"placeholder-module-PlaceholderParagraph-wrapper-Sznyx-4-28-0-1","PlaceholderParagraph-wrapper--length-small":"placeholder-module-PlaceholderParagraph-wrapper--length-small-hR-g8-4-28-0-1","PlaceholderParagraph-wrapper--length-medium":"placeholder-module-PlaceholderParagraph-wrapper--length-medium-8Q4r0-4-28-0-1","PlaceholderParagraph-wrapper--length-large":"placeholder-module-PlaceholderParagraph-wrapper--length-large-3ieIN-4-28-0-1","PlaceholderParagraph-wrapper--size-xxs":"placeholder-module-PlaceholderParagraph-wrapper--size-xxs-VxxWI-4-28-0-1","PlaceholderParagraph-wrapper--size-xs":"placeholder-module-PlaceholderParagraph-wrapper--size-xs-hXLBa-4-28-0-1","PlaceholderParagraph-wrapper--size-s":"placeholder-module-PlaceholderParagraph-wrapper--size-s-HnFD1-4-28-0-1","PlaceholderParagraph-wrapper--size-m":"placeholder-module-PlaceholderParagraph-wrapper--size-m-fbcAd-4-28-0-1","PlaceholderParagraph-wrapper--size-l":"placeholder-module-PlaceholderParagraph-wrapper--size-l-85-g4-4-28-0-1","PlaceholderParagraph-wrapper--size-xl":"placeholder-module-PlaceholderParagraph-wrapper--size-xl-kd-HK-4-28-0-1","PlaceholderParagraph-wrapper--size-xxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxl-wK2D7-4-28-0-1","PlaceholderParagraph-wrapper--size-xxxl":"placeholder-module-PlaceholderParagraph-wrapper--size-xxxl-QwffS-4-28-0-1","PlaceholderParagraph--xxs":"placeholder-module-PlaceholderParagraph--xxs-dJyU6-4-28-0-1","PlaceholderParagraph--xs":"placeholder-module-PlaceholderParagraph--xs-CZxRT-4-28-0-1","PlaceholderParagraph--s":"placeholder-module-PlaceholderParagraph--s-1TOed-4-28-0-1","PlaceholderParagraph--m":"placeholder-module-PlaceholderParagraph--m-umPOe-4-28-0-1","PlaceholderParagraph--l":"placeholder-module-PlaceholderParagraph--l-5tvMH-4-28-0-1","PlaceholderParagraph--xl":"placeholder-module-PlaceholderParagraph--xl-M63Dg-4-28-0-1","PlaceholderParagraph--xxl":"placeholder-module-PlaceholderParagraph--xxl-yW2hv-4-28-0-1","PlaceholderParagraph--xxxl":"placeholder-module-PlaceholderParagraph--xxxl-hm8Ue-4-28-0-1","PlaceholderImage":"placeholder-module-PlaceholderImage-tEdXI-4-28-0-1","PlaceholderImage--small":"placeholder-module-PlaceholderImage--small-IZcYq-4-28-0-1","PlaceholderImage--medium":"placeholder-module-PlaceholderImage--medium-NA-GL-4-28-0-1","PlaceholderImage--large":"placeholder-module-PlaceholderImage--large-z28GC-4-28-0-1","PlaceholderImage--round":"placeholder-module-PlaceholderImage--round-IvhOF-4-28-0-1"};
|
|
5419
5522
|
styleInject$1(css_248z$14);
|
|
5420
5523
|
|
|
5421
5524
|
var PlaceholderParagraph = function PlaceholderParagraph(props) {
|
|
@@ -5653,6 +5756,7 @@
|
|
|
5653
5756
|
var dropdownCancelButtonRef = /*#__PURE__*/React__namespace.createRef();
|
|
5654
5757
|
var dropdownApplyButtonRef = /*#__PURE__*/React__namespace.createRef();
|
|
5655
5758
|
var dropdownFieldIdsPrefixRef = React__namespace.useRef("ds-dropdown-" + uidGenerator());
|
|
5759
|
+
var popupId = dropdownFieldIdsPrefixRef.current + "-popup";
|
|
5656
5760
|
var enableSearch = withSearch || props.async;
|
|
5657
5761
|
var _p = React__namespace.useState(),
|
|
5658
5762
|
popoverStyle = _p[0],
|
|
@@ -5733,7 +5837,8 @@
|
|
|
5733
5837
|
ref: dropdownTriggerRef,
|
|
5734
5838
|
iconType: iconType,
|
|
5735
5839
|
"aria-label": triggerAriaLabelledBy ? undefined : triggerAriaLabel,
|
|
5736
|
-
"aria-labelledby": triggerAriaLabelledBy
|
|
5840
|
+
"aria-labelledby": triggerAriaLabelledBy,
|
|
5841
|
+
"aria-controls": dropdownOpen ? popupId : undefined
|
|
5737
5842
|
}, triggerLabel));
|
|
5738
5843
|
var dropdownStyle = {
|
|
5739
5844
|
maxHeight: maxHeight,
|
|
@@ -6290,6 +6395,7 @@
|
|
|
6290
6395
|
}, popoverOptions, {
|
|
6291
6396
|
"data-test": "DesignSystem-Dropdown--Popover"
|
|
6292
6397
|
}), /*#__PURE__*/React__namespace.createElement("div", {
|
|
6398
|
+
id: popupId,
|
|
6293
6399
|
onKeyDown: onPopoverKeyDown,
|
|
6294
6400
|
ref: popoverContentRef,
|
|
6295
6401
|
role: "presentation"
|
|
@@ -6884,8 +6990,8 @@
|
|
|
6884
6990
|
return Dropdown;
|
|
6885
6991
|
}(React__namespace.Component);
|
|
6886
6992
|
|
|
6887
|
-
var css_248z$13 = "/* Flex component */\n.flex-module-Flex-zcDLv-4-
|
|
6888
|
-
var styles$$ = {"Flex":"flex-module-Flex-zcDLv-4-
|
|
6993
|
+
var css_248z$13 = "/* Flex component */\n.flex-module-Flex-zcDLv-4-28-0-1 {\n display: flex;\n}\n\n/* Direction variants */\n.flex-module-Flex--row-oJHr8-4-28-0-1 {\n flex-direction: row;\n}\n\n.flex-module-Flex--column-C3UQ2-4-28-0-1 {\n flex-direction: column;\n}\n\n.flex-module-Flex--rowReverse-Bilh8-4-28-0-1 {\n flex-direction: row-reverse;\n}\n\n.flex-module-Flex--columnReverse-mgG-Y-4-28-0-1 {\n flex-direction: column-reverse;\n}\n\n/* Justify content variants */\n.flex-module-Flex--justifyStart-gYZMn-4-28-0-1 {\n justify-content: flex-start;\n}\n\n.flex-module-Flex--justifyEnd-2jHF4-4-28-0-1 {\n justify-content: flex-end;\n}\n\n.flex-module-Flex--justifyCenter-cAi0h-4-28-0-1 {\n justify-content: center;\n}\n\n.flex-module-Flex--justifyBetween-QPAwb-4-28-0-1 {\n justify-content: space-between;\n}\n\n.flex-module-Flex--justifyAround-4mEpb-4-28-0-1 {\n justify-content: space-around;\n}\n\n.flex-module-Flex--justifyEvenly-hLJ-U-4-28-0-1 {\n justify-content: space-evenly;\n}\n\n/* Align items variants */\n.flex-module-Flex--alignStart-mbGzS-4-28-0-1 {\n align-items: flex-start;\n}\n\n.flex-module-Flex--alignEnd-Gvm6H-4-28-0-1 {\n align-items: flex-end;\n}\n\n.flex-module-Flex--alignCenter-0duDC-4-28-0-1 {\n align-items: center;\n}\n\n.flex-module-Flex--alignBaseline-f6tSl-4-28-0-1 {\n align-items: baseline;\n}\n\n.flex-module-Flex--alignStretch-HnLEh-4-28-0-1 {\n align-items: stretch;\n}\n\n/* Wrap variants */\n.flex-module-Flex--wrap-WhliA-4-28-0-1 {\n flex-wrap: wrap;\n}\n\n.flex-module-Flex--nowrap-2eXzJ-4-28-0-1 {\n flex-wrap: nowrap;\n}\n\n.flex-module-Flex--wrapReverse-ekLxU-4-28-0-1 {\n flex-wrap: wrap-reverse;\n}\n\n/* Gap variants */\n.flex-module-Flex--gap0-4XUg8-4-28-0-1 {\n gap: 0;\n}\n\n.flex-module-Flex--gap2-0K-5V-4-28-0-1 {\n gap: var(--spacing-05);\n}\n\n.flex-module-Flex--gap4-zDQWM-4-28-0-1 {\n gap: var(--spacing-10);\n}\n\n.flex-module-Flex--gap8-6xMEi-4-28-0-1 {\n gap: var(--spacing-20);\n}\n\n.flex-module-Flex--gap12-3NgKi-4-28-0-1 {\n gap: var(--spacing-30);\n}\n\n.flex-module-Flex--gap16-NCObj-4-28-0-1 {\n gap: var(--spacing-40);\n}\n\n.flex-module-Flex--gap24-D44Dr-4-28-0-1 {\n gap: var(--spacing-60);\n}\n\n.flex-module-Flex--gap32-s8Wwy-4-28-0-1 {\n gap: var(--spacing-80);\n}\n\n.flex-module-Flex--gap48-Fm1yU-4-28-0-1 {\n gap: var(--spacing-120);\n}\n";
|
|
6994
|
+
var styles$$ = {"Flex":"flex-module-Flex-zcDLv-4-28-0-1","Flex--row":"flex-module-Flex--row-oJHr8-4-28-0-1","Flex--column":"flex-module-Flex--column-C3UQ2-4-28-0-1","Flex--rowReverse":"flex-module-Flex--rowReverse-Bilh8-4-28-0-1","Flex--columnReverse":"flex-module-Flex--columnReverse-mgG-Y-4-28-0-1","Flex--justifyStart":"flex-module-Flex--justifyStart-gYZMn-4-28-0-1","Flex--justifyEnd":"flex-module-Flex--justifyEnd-2jHF4-4-28-0-1","Flex--justifyCenter":"flex-module-Flex--justifyCenter-cAi0h-4-28-0-1","Flex--justifyBetween":"flex-module-Flex--justifyBetween-QPAwb-4-28-0-1","Flex--justifyAround":"flex-module-Flex--justifyAround-4mEpb-4-28-0-1","Flex--justifyEvenly":"flex-module-Flex--justifyEvenly-hLJ-U-4-28-0-1","Flex--alignStart":"flex-module-Flex--alignStart-mbGzS-4-28-0-1","Flex--alignEnd":"flex-module-Flex--alignEnd-Gvm6H-4-28-0-1","Flex--alignCenter":"flex-module-Flex--alignCenter-0duDC-4-28-0-1","Flex--alignBaseline":"flex-module-Flex--alignBaseline-f6tSl-4-28-0-1","Flex--alignStretch":"flex-module-Flex--alignStretch-HnLEh-4-28-0-1","Flex--wrap":"flex-module-Flex--wrap-WhliA-4-28-0-1","Flex--nowrap":"flex-module-Flex--nowrap-2eXzJ-4-28-0-1","Flex--wrapReverse":"flex-module-Flex--wrapReverse-ekLxU-4-28-0-1","Flex--gap0":"flex-module-Flex--gap0-4XUg8-4-28-0-1","Flex--gap2":"flex-module-Flex--gap2-0K-5V-4-28-0-1","Flex--gap4":"flex-module-Flex--gap4-zDQWM-4-28-0-1","Flex--gap8":"flex-module-Flex--gap8-6xMEi-4-28-0-1","Flex--gap12":"flex-module-Flex--gap12-3NgKi-4-28-0-1","Flex--gap16":"flex-module-Flex--gap16-NCObj-4-28-0-1","Flex--gap24":"flex-module-Flex--gap24-D44Dr-4-28-0-1","Flex--gap32":"flex-module-Flex--gap32-s8Wwy-4-28-0-1","Flex--gap48":"flex-module-Flex--gap48-Fm1yU-4-28-0-1"};
|
|
6889
6995
|
styleInject$1(css_248z$13);
|
|
6890
6996
|
|
|
6891
6997
|
var spacingTokenMap$1 = {
|
|
@@ -7016,8 +7122,8 @@
|
|
|
7016
7122
|
wrap: 'nowrap'
|
|
7017
7123
|
};
|
|
7018
7124
|
|
|
7019
|
-
var css_248z$12 = "/* Heading */\n.heading-module-Heading-tmepg-4-
|
|
7020
|
-
var styles$_ = {"Heading":"heading-module-Heading-tmepg-4-
|
|
7125
|
+
var css_248z$12 = "/* Heading */\n.heading-module-Heading-tmepg-4-28-0-1 {\n margin: 0;\n}\n\n.heading-module-Heading--s-r3kT8-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n color: var(--text);\n}\n\n.heading-module-Heading--subtle-K3WJd-4-28-0-1 {\n color: var(--text-subtle);\n}\n\n.heading-module-Heading--disabled-dQRjW-4-28-0-1 {\n color: var(--text-disabled);\n}\n\n.heading-module-Heading--white-LK0i2-4-28-0-1 {\n color: var(--text-white);\n}\n";
|
|
7126
|
+
var styles$_ = {"Heading":"heading-module-Heading-tmepg-4-28-0-1","Heading--s":"heading-module-Heading--s-r3kT8-4-28-0-1","Heading--m":"heading-module-Heading--m-KypUv-4-28-0-1","Heading--l":"heading-module-Heading--l-6irdW-4-28-0-1","Heading--xl":"heading-module-Heading--xl-XGjXU-4-28-0-1","Heading--xxl":"heading-module-Heading--xxl-eD434-4-28-0-1","Heading--default":"heading-module-Heading--default-3YJIX-4-28-0-1","Heading--subtle":"heading-module-Heading--subtle-K3WJd-4-28-0-1","Heading--disabled":"heading-module-Heading--disabled-dQRjW-4-28-0-1","Heading--white":"heading-module-Heading--white-LK0i2-4-28-0-1"};
|
|
7021
7127
|
styleInject$1(css_248z$12);
|
|
7022
7128
|
|
|
7023
7129
|
var sizeMap = {
|
|
@@ -7049,8 +7155,8 @@
|
|
|
7049
7155
|
});
|
|
7050
7156
|
Heading.displayName = 'Heading';
|
|
7051
7157
|
|
|
7052
|
-
var css_248z$11 = ".actionButton-module-ActionButton-GMsQC-4-
|
|
7053
|
-
var styles$Z = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-
|
|
7158
|
+
var css_248z$11 = ".actionButton-module-ActionButton-GMsQC-4-28-0-1 {\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-28-0-1:focus-visible,\n.actionButton-module-ActionButton-GMsQC-4-28-0-1:focus {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-28-0-1:hover {\n background-color: var(--secondary);\n}\n\n.actionButton-module-ActionButton-GMsQC-4-28-0-1:active {\n background-color: var(--secondary-dark);\n}\n";
|
|
7159
|
+
var styles$Z = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-28-0-1"};
|
|
7054
7160
|
styleInject$1(css_248z$11);
|
|
7055
7161
|
|
|
7056
7162
|
var ActionButton$1 = function ActionButton(props) {
|
|
@@ -7071,12 +7177,12 @@
|
|
|
7071
7177
|
type: 'rounded'
|
|
7072
7178
|
};
|
|
7073
7179
|
|
|
7074
|
-
var css_248z$10 = "/* input */\n\n.input-module-Input-input-eQ8b8-4-
|
|
7075
|
-
var inputStyles = {"Input-input":"input-module-Input-input-eQ8b8-4-
|
|
7180
|
+
var css_248z$10 = "/* input */\n\n.input-module-Input-input-eQ8b8-4-28-0-1::-ms-clear {\n display: none;\n}\n\n.input-module-Input-4ywvi-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n cursor: text;\n}\n\n.input-module-Input-4ywvi-4-28-0-1: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-28-0-1:focus-within .input-module-Input-icon--left-F1r05-4-28-0-1 {\n color: var(--primary);\n}\n\n.input-module-Input--error-EGIUq-4-28-0-1:focus-within {\n border-color: var(--alert);\n}\n\n.input-module-Input--error-EGIUq-4-28-0-1:focus-within .input-module-Input-icon--left-F1r05-4-28-0-1 {\n color: var(--alert);\n}\n\n.input-module-Input--disabled-IRtQk-4-28-0-1 {\n background: var(--secondary-lightest);\n border-color: var(--secondary-lighter);\n pointer-events: none;\n}\n\n.input-module-Input--readOnly-4IaEw-4-28-0-1 {\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n pointer-events: none;\n}\n\n.input-module-Input--disabled-IRtQk-4-28-0-1 .input-module-Input-icon--left-F1r05-4-28-0-1 {\n color: var(--inverse-lightest);\n}\n\n.input-module-Input--error-EGIUq-4-28-0-1,\n.input-module-Input--error-EGIUq-4-28-0-1:hover {\n background: var(--white);\n border-color: var(--alert);\n}\n\n.input-module-Input-input-eQ8b8-4-28-0-1 {\n display: flex;\n width: 100%;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--night);\n padding: 0;\n border: none;\n background: transparent;\n}\n\n.input-module-Input-input-eQ8b8-4-28-0-1::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-28-0-1::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-28-0-1:focus {\n outline: 0;\n}\n\n.input-module-Input-input-eQ8b8-4-28-0-1:disabled .input-module-Input-input-eQ8b8-4-28-0-1::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input-eQ8b8-4-28-0-1:disabled .input-module-Input-input-eQ8b8-4-28-0-1::placeholder {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-input--regular-2cMTS-4-28-0-1 {\n line-height: var(--font-height);\n}\n\n.input-module-Input-input--large-Ps2E1-4-28-0-1 {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.input-module-Input-input--tiny-qQEuS-4-28-0-1 {\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-28-0-1 {\n display: flex;\n align-content: center;\n font-size: var(--font-size-m);\n}\n\n.input-module-Input-icon--left-F1r05-4-28-0-1 {\n margin-right: var(--spacing-20);\n color: var(--inverse);\n}\n\n.input-module-Input-icon--inputBlank-GkWyn-4-28-0-1 {\n color: var(--inverse-lighter);\n}\n\n.input-module-Input-icon--error-o9EcI-4-28-0-1 {\n color: var(--alert);\n}\n\n.input-module-Input-icon--right-A9G9E-4-28-0-1 {\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-28-0-1:focus-visible .input-module-Input-icon--right-A9G9E-4-28-0-1 {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.input-module-Input-icon--right-A9G9E-4-28-0-1: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-28-0-1:hover .input-module-Input-icon--right-A9G9E-4-28-0-1 {\n background-color: var(--secondary);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-28-0-1:active .input-module-Input-icon--right-A9G9E-4-28-0-1 {\n background-color: var(--secondary-dark);\n}\n\n.input-module-Input-inlineLabel-Sgbvs-4-28-0-1 {\n margin-right: var(--spacing-20);\n}\n\n.input-module-Input-iconWrapper--right-HdKL--4-28-0-1:focus-visible {\n outline: none;\n}\n";
|
|
7181
|
+
var inputStyles = {"Input-input":"input-module-Input-input-eQ8b8-4-28-0-1","Input":"input-module-Input-4ywvi-4-28-0-1","Input--tiny":"input-module-Input--tiny-NegXy-4-28-0-1","Input--regular":"input-module-Input--regular-YN-1C-4-28-0-1","Input--large":"input-module-Input--large-FqoAi-4-28-0-1","Input-icon--left":"input-module-Input-icon--left-F1r05-4-28-0-1","Input--error":"input-module-Input--error-EGIUq-4-28-0-1","Input--disabled":"input-module-Input--disabled-IRtQk-4-28-0-1","Input--readOnly":"input-module-Input--readOnly-4IaEw-4-28-0-1","Input-input--regular":"input-module-Input-input--regular-2cMTS-4-28-0-1","Input-input--large":"input-module-Input-input--large-Ps2E1-4-28-0-1","Input-input--tiny":"input-module-Input-input--tiny-qQEuS-4-28-0-1","Input-icon":"input-module-Input-icon-V1pYc-4-28-0-1","Input-icon--inputBlank":"input-module-Input-icon--inputBlank-GkWyn-4-28-0-1","Input-icon--error":"input-module-Input-icon--error-o9EcI-4-28-0-1","Input-icon--right":"input-module-Input-icon--right-A9G9E-4-28-0-1","Input-iconWrapper--right":"input-module-Input-iconWrapper--right-HdKL--4-28-0-1","Input-inlineLabel":"input-module-Input-inlineLabel-Sgbvs-4-28-0-1"};
|
|
7076
7182
|
styleInject$1(css_248z$10);
|
|
7077
7183
|
|
|
7078
|
-
var css_248z$$ = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
7079
|
-
var styles$Y = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
7184
|
+
var css_248z$$ = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-28-0-1 {\n display: inline-flex;\n width: 40px;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-28-0-1 .verificationCodeInput-module-Input-input-IIOUQ-4-28-0-1 {\n text-align: center;\n}\n\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-28-0-1 .verificationCodeInput-module-Input-input-IIOUQ-4-28-0-1::-webkit-inner-spin-button,\n.verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-28-0-1 .verificationCodeInput-module-Input-input-IIOUQ-4-28-0-1::-webkit-outer-spin-button {\n -webkit-appearance: none;\n margin: 0;\n}\n";
|
|
7185
|
+
var styles$Y = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-28-0-1","Input-input":"verificationCodeInput-module-Input-input-IIOUQ-4-28-0-1"};
|
|
7080
7186
|
styleInject$1(css_248z$$);
|
|
7081
7187
|
|
|
7082
7188
|
var sizeMapping$2 = {
|
|
@@ -7118,10 +7224,11 @@
|
|
|
7118
7224
|
disabled = props.disabled,
|
|
7119
7225
|
readOnly = props.readOnly,
|
|
7120
7226
|
iconType = props.iconType,
|
|
7227
|
+
clearButtonAriaLabel = props.clearButtonAriaLabel,
|
|
7121
7228
|
ariaInvalid = props["aria-invalid"],
|
|
7122
7229
|
ariaLabelledBy = props["aria-labelledby"],
|
|
7123
7230
|
tabIndexProp = props.tabIndex,
|
|
7124
|
-
rest = __rest(props, ["size", "type", "minWidth", "defaultValue", "name", "placeholder", "value", "icon", "inlineLabel", "required", "error", "info", "onChange", "onClick", "onClear", "onBlur", "onFocus", "onPaste", "actionIcon", "className", "autoFocus", "disabled", "readOnly", "iconType", 'aria-invalid', 'aria-labelledby', "tabIndex"]);
|
|
7231
|
+
rest = __rest(props, ["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"]);
|
|
7125
7232
|
var ref = React__namespace.useRef(null);
|
|
7126
7233
|
var _j = React__namespace.useState(!value),
|
|
7127
7234
|
isInputBlank = _j[0],
|
|
@@ -7151,7 +7258,7 @@
|
|
|
7151
7258
|
}
|
|
7152
7259
|
}
|
|
7153
7260
|
}, [type]);
|
|
7154
|
-
var resolvedClearButtonAriaLabel = props['aria-label'] ? "Clear " + props['aria-label'] : placeholder ? "Clear " + placeholder : 'Clear input';
|
|
7261
|
+
var resolvedClearButtonAriaLabel = clearButtonAriaLabel || (props['aria-label'] ? "Clear " + props['aria-label'] : undefined) || (placeholder ? "Clear " + placeholder : 'Clear input');
|
|
7155
7262
|
var baseProps = extractBaseProps(props);
|
|
7156
7263
|
var classes = classNames__default["default"]((_a = {}, _a[inputStyles['Input']] = true, _a[inputStyles["Input--" + size]] = size, _a[inputStyles['Input--disabled']] = disabled, _a[inputStyles['Input--error']] = error, _a[inputStyles['Input--readOnly']] = readOnly, _a), className);
|
|
7157
7264
|
var inputClass = classNames__default["default"]((_b = {}, _b[inputStyles['Input-input']] = true, _b[styles$Y['Input-input']] = true, _b[inputStyles["Input-input--" + size]] = size, _b["mr-4"] = actionIcon || onClear || info, _b));
|
|
@@ -7160,7 +7267,9 @@
|
|
|
7160
7267
|
var inputRightIconClass = classNames__default["default"]((_e = {}, _e[inputStyles['Input-icon--right']] = true, _e['p-3-5'] = size === 'tiny', _e['p-3'] = size === 'regular' || size === 'large', _e));
|
|
7161
7268
|
var trigger = /*#__PURE__*/React__namespace.createElement("div", {
|
|
7162
7269
|
className: rightIconClass,
|
|
7163
|
-
tabIndex: 0
|
|
7270
|
+
tabIndex: 0,
|
|
7271
|
+
role: "img",
|
|
7272
|
+
"aria-label": info
|
|
7164
7273
|
}, /*#__PURE__*/React__namespace.createElement(Icon, {
|
|
7165
7274
|
name: 'info',
|
|
7166
7275
|
size: sizeMapping$2[size],
|
|
@@ -7253,12 +7362,12 @@
|
|
|
7253
7362
|
ActionButton: ActionButton$1
|
|
7254
7363
|
});
|
|
7255
7364
|
|
|
7256
|
-
var css_248z$_ = ".metricInput-module-MetricInput-input-F33lA-4-
|
|
7257
|
-
var styles$X = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-
|
|
7365
|
+
var css_248z$_ = ".metricInput-module-MetricInput-input-F33lA-4-28-0-1::-ms-clear {\n display: none;\n}\n\n.metricInput-module-MetricInput--0hzO-4-28-0-1 {\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-28-0-1 {\n height: var(--spacing-80);\n}\n\n.metricInput-module-MetricInput--large-PHYvQ-4-28-0-1 {\n height: 40px;\n}\n\n.metricInput-module-MetricInput--small-73F16-4-28-0-1 {\n height: var(--spacing-60);\n}\n\n.metricInput-module-MetricInput--0hzO-4-28-0-1:hover {\n background: var(--secondary-lightest);\n cursor: text;\n}\n\n.metricInput-module-MetricInput--0hzO-4-28-0-1: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-28-0-1:focus-within:not(:has(.metricInput-module-MetricInput-arrowButton-ZHqEY-4-28-0-1: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-28-0-1:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-28-0-1 {\n color: var(--primary);\n}\n\n.metricInput-module-MetricInput--disabled-41NDQ-4-28-0-1 {\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-28-0-1 {\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-28-0-1 .metricInput-module-MetricInput-icon-xUfPZ-4-28-0-1 {\n color: var(--inverse-lightest);\n}\n\n.metricInput-module-MetricInput--error-FAM-w-4-28-0-1,\n.metricInput-module-MetricInput--error-FAM-w-4-28-0-1: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-28-0-1: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-28-0-1:focus-within:not(:has(.metricInput-module-MetricInput-arrowButton-ZHqEY-4-28-0-1: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-28-0-1:focus-within .metricInput-module-MetricInput-icon-xUfPZ-4-28-0-1 {\n color: var(--alert);\n}\n\n/* Content wrapper — holds icon, prefix, input, suffix */\n.metricInput-module-MetricInput-content-tI8cI-4-28-0-1 {\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-28-0-1 {\n padding: var(--spacing-15) var(--spacing-15);\n gap: var(--spacing-05);\n}\n\n.metricInput-module-MetricInput-content--large-jTJ08-4-28-0-1 {\n padding: var(--spacing-20) var(--spacing-15);\n gap: var(--spacing-15);\n}\n\n.metricInput-module-MetricInput-content--small-YzuJ5-4-28-0-1 {\n padding: var(--spacing-10) var(--spacing-15);\n gap: var(--spacing-05);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-28-0-1 {\n display: flex;\n width: 100%;\n font-family: var(--font-family);\n font-weight: var(--font-weight-normal);\n font-size: var(--font-size);\n line-height: var(--font-height-s);\n color: var(--night);\n padding: 0;\n border: none;\n background: transparent;\n}\n\n.metricInput-module-MetricInput-input--large-Xn7eL-4-28-0-1 {\n line-height: var(--font-height-m);\n font-size: var(--font-size-m);\n}\n\n.metricInput-module-MetricInput-input--regular-lel2M-4-28-0-1 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.metricInput-module-MetricInput-input--small-U6Uw5-4-28-0-1 {\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-28-0-1::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-28-0-1::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-28-0-1:focus {\n outline: 0;\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-28-0-1:disabled .metricInput-module-MetricInput-input-F33lA-4-28-0-1::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-28-0-1:disabled .metricInput-module-MetricInput-input-F33lA-4-28-0-1::placeholder {\n color: var(--inverse-lighter);\n}\n\n.metricInput-module-MetricInput-icon--regular-QqKyP-4-28-0-1 {\n margin-right: var(--spacing-20);\n line-height: var(--font-height-s);\n}\n\n.metricInput-module-MetricInput-icon--large-oSw1r-4-28-0-1 {\n margin-right: var(--spacing-30);\n line-height: var(--font-height-m);\n}\n\n.metricInput-module-MetricInput-icon--small--U0nf-4-28-0-1 {\n margin-right: var(--spacing-10);\n}\n\n.metricInput-module-MetricInput-input-F33lA-4-28-0-1::-webkit-inner-spin-button,\n.metricInput-module-MetricInput-input-F33lA-4-28-0-1::-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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1:hover {\n background: var(--secondary);\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-28-0-1:active {\n background: var(--secondary-dark);\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-28-0-1:focus {\n outline: 0;\n}\n\n.metricInput-module-MetricInput-arrowButton-ZHqEY-4-28-0-1: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-28-0-1 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n\n .metricInput-module-MetricInput--disabled-41NDQ-4-28-0-1 {\n border-color: GrayText;\n }\n\n /* Wrapper focus rings */\n .metricInput-module-MetricInput--0hzO-4-28-0-1:focus-within:not(:has(.metricInput-module-MetricInput-arrowButton-ZHqEY-4-28-0-1: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-28-0-1:focus-within:not(:has(.metricInput-module-MetricInput-arrowButton-ZHqEY-4-28-0-1: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-28-0-1:disabled {\n color: GrayText;\n }\n\n .metricInput-module-MetricInput-arrowButton-ZHqEY-4-28-0-1:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
7366
|
+
var styles$X = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-28-0-1","MetricInput":"metricInput-module-MetricInput--0hzO-4-28-0-1","MetricInput--regular":"metricInput-module-MetricInput--regular-qwE-W-4-28-0-1","MetricInput--large":"metricInput-module-MetricInput--large-PHYvQ-4-28-0-1","MetricInput--small":"metricInput-module-MetricInput--small-73F16-4-28-0-1","MetricInput-arrowButton":"metricInput-module-MetricInput-arrowButton-ZHqEY-4-28-0-1","MetricInput-icon":"metricInput-module-MetricInput-icon-xUfPZ-4-28-0-1","MetricInput--disabled":"metricInput-module-MetricInput--disabled-41NDQ-4-28-0-1","MetricInput--readOnly":"metricInput-module-MetricInput--readOnly-fVSGN-4-28-0-1","MetricInput--error":"metricInput-module-MetricInput--error-FAM-w-4-28-0-1","MetricInput-content":"metricInput-module-MetricInput-content-tI8cI-4-28-0-1","MetricInput-content--regular":"metricInput-module-MetricInput-content--regular-92X2e-4-28-0-1","MetricInput-content--large":"metricInput-module-MetricInput-content--large-jTJ08-4-28-0-1","MetricInput-content--small":"metricInput-module-MetricInput-content--small-YzuJ5-4-28-0-1","MetricInput-input--large":"metricInput-module-MetricInput-input--large-Xn7eL-4-28-0-1","MetricInput-input--regular":"metricInput-module-MetricInput-input--regular-lel2M-4-28-0-1","MetricInput-input--small":"metricInput-module-MetricInput-input--small-U6Uw5-4-28-0-1","MetricInput-icon--regular":"metricInput-module-MetricInput-icon--regular-QqKyP-4-28-0-1","MetricInput-icon--large":"metricInput-module-MetricInput-icon--large-oSw1r-4-28-0-1","MetricInput-icon--small":"metricInput-module-MetricInput-icon--small--U0nf-4-28-0-1","MetricInput-arrowButton--left":"metricInput-module-MetricInput-arrowButton--left-fEP4s-4-28-0-1","MetricInput-arrowButton--right":"metricInput-module-MetricInput-arrowButton--right-c54s0-4-28-0-1"};
|
|
7258
7367
|
styleInject$1(css_248z$_);
|
|
7259
7368
|
|
|
7260
|
-
var css_248z$Z = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-
|
|
7261
|
-
var styles$W = {"Pagination":"pagination-module-Pagination-DCmdy-4-
|
|
7369
|
+
var css_248z$Z = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-28-0-1 {\n display: flex;\n vertical-align: middle;\n flex-direction: row;\n flex-wrap: wrap;\n}\n\n.pagination-module-Pagination-button-bEn7d-4-28-0-1 {\n padding-left: var(--spacing-20);\n padding-right: var(--spacing-20);\n}\n\n.pagination-module-Pagination-buttonWrapper--hS-F-4-28-0-1 {\n display: flex;\n flex-direction: row;\n}\n\n.pagination-module-Pagination-pageIndex-bDTfx-4-28-0-1 {\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-28-0-1 {\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-28-0-1 .pagination-module-MetricInput-input-7icmp-4-28-0-1 {\n text-align: center;\n}\n.pagination-module-Pagination-MetricInput-SPkmy-4-28-0-1 .pagination-module-MetricInput-arrowIcons-6jLZm-4-28-0-1 {\n display: none;\n}\n\n@media (max-width: 575px) {\n .pagination-module-Pagination-pageIndex-bDTfx-4-28-0-1 {\n order: -1;\n flex-basis: 100%;\n }\n .pagination-module-Pagination-buttonWrapper--hS-F-4-28-0-1 {\n margin-top: var(--spacing-20);\n width: 50%;\n }\n .pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-28-0-1 {\n justify-content: flex-start;\n }\n .pagination-module-Pagination-buttonWrapper--previous--r33Z-4-28-0-1 {\n justify-content: flex-end;\n }\n}\n";
|
|
7370
|
+
var styles$W = {"Pagination":"pagination-module-Pagination-DCmdy-4-28-0-1","Pagination-button":"pagination-module-Pagination-button-bEn7d-4-28-0-1","Pagination-buttonWrapper":"pagination-module-Pagination-buttonWrapper--hS-F-4-28-0-1","Pagination-pageIndex":"pagination-module-Pagination-pageIndex-bDTfx-4-28-0-1","Pagination-MetricInput":"pagination-module-Pagination-MetricInput-SPkmy-4-28-0-1","MetricInput-input":"pagination-module-MetricInput-input-7icmp-4-28-0-1","MetricInput-arrowIcons":"pagination-module-MetricInput-arrowIcons-6jLZm-4-28-0-1","Pagination-buttonWrapper--next":"pagination-module-Pagination-buttonWrapper--next-5AZZQ-4-28-0-1","Pagination-buttonWrapper--previous":"pagination-module-Pagination-buttonWrapper--previous--r33Z-4-28-0-1"};
|
|
7262
7371
|
styleInject$1(css_248z$Z);
|
|
7263
7372
|
|
|
7264
7373
|
var sizeMapping$1 = {
|
|
@@ -7514,8 +7623,15 @@
|
|
|
7514
7623
|
label = props.label,
|
|
7515
7624
|
_e = props.autoComplete,
|
|
7516
7625
|
autoComplete = _e === void 0 ? 'off' : _e,
|
|
7626
|
+
clearButtonAriaLabelProp = props.clearButtonAriaLabel,
|
|
7517
7627
|
ariaDescribedBy = props["aria-describedby"],
|
|
7518
|
-
|
|
7628
|
+
ariaLabel = props["aria-label"],
|
|
7629
|
+
ariaLabelledBy = props["aria-labelledby"],
|
|
7630
|
+
rest = __rest(props, ["mask", "value", "placeholderChar", "validators", "clearOnEmptyBlur", "useDefaultValueOnEmpty", "defaultValue", "mask", "error", "caption", "required", "onChange", "onPaste", "onBlur", "onFocus", "onClear", "className", "helpText", "label", "autoComplete", "clearButtonAriaLabel", 'aria-describedby', 'aria-label', 'aria-labelledby']);
|
|
7631
|
+
var resolvedAriaLabelledBy = ariaLabelledBy;
|
|
7632
|
+
var resolvedAriaLabel = resolvedAriaLabelledBy ? undefined : ariaLabel || label || undefined;
|
|
7633
|
+
var clearNameSource = label || ariaLabel;
|
|
7634
|
+
var clearButtonAriaLabel = clearButtonAriaLabelProp || (clearNameSource ? "Clear " + clearNameSource : undefined);
|
|
7519
7635
|
var helpTextIdRef = React__namespace.useRef(null);
|
|
7520
7636
|
if (helpTextIdRef.current === null) {
|
|
7521
7637
|
helpTextIdRef.current = "InputMask-helpText-" + uidGenerator();
|
|
@@ -7768,10 +7884,7 @@
|
|
|
7768
7884
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
7769
7885
|
className: classes,
|
|
7770
7886
|
"data-test": "DesignSystem-InputMask--Wrapper"
|
|
7771
|
-
}, /*#__PURE__*/React__namespace.createElement(Input, __assign$1({
|
|
7772
|
-
label: label,
|
|
7773
|
-
"aria-label": label
|
|
7774
|
-
}, rest, {
|
|
7887
|
+
}, /*#__PURE__*/React__namespace.createElement(Input, __assign$1({}, rest, {
|
|
7775
7888
|
value: value,
|
|
7776
7889
|
error: error,
|
|
7777
7890
|
required: required,
|
|
@@ -7782,7 +7895,10 @@
|
|
|
7782
7895
|
onPaste: onPasteHandler,
|
|
7783
7896
|
autoComplete: autoComplete,
|
|
7784
7897
|
ref: ref,
|
|
7785
|
-
"aria-
|
|
7898
|
+
"aria-label": resolvedAriaLabel,
|
|
7899
|
+
"aria-labelledby": resolvedAriaLabelledBy,
|
|
7900
|
+
"aria-describedby": resolvedDescribedBy,
|
|
7901
|
+
clearButtonAriaLabel: clearButtonAriaLabel
|
|
7786
7902
|
})), /*#__PURE__*/React__namespace.createElement(HelpText, {
|
|
7787
7903
|
id: helpTextId,
|
|
7788
7904
|
message: helpMessage,
|
|
@@ -7795,8 +7911,8 @@
|
|
|
7795
7911
|
};
|
|
7796
7912
|
var X = InputMask;
|
|
7797
7913
|
|
|
7798
|
-
var css_248z$Y = "/* Label */\n.label-module-Label--OmlF-4-
|
|
7799
|
-
var styles$V = {"Label":"label-module-Label--OmlF-4-
|
|
7914
|
+
var css_248z$Y = "/* Label */\n.label-module-Label--OmlF-4-28-0-1 {\n display: inline-flex;\n}\n.label-module-Label--small-pPJnY-4-28-0-1 {\n font-size: var(--font-size-s);\n}\n\n.label-module-Label--withInput-RWqFC-4-28-0-1 {\n margin-bottom: var(--spacing-10);\n}\n\n.label-module-Label--optional-25o6w-4-28-0-1 {\n align-items: center;\n}\n\n.label-module-Label-text-SI451-4-28-0-1 {\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-28-0-1 {\n line-height: var(--font-height-s);\n margin-left: var(--spacing-10);\n}\n\n.label-module-Label-optionalText--small-hQbks-4-28-0-1 {\n font-size: var(--font-size-s);\n}\n\n.label-module-Label--disabled-06XI--4-28-0-1 {\n color: var(--text-disabled);\n}\n\n.label-module-Label-srOnly-JMorQ-4-28-0-1 {\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-28-0-1 {\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";
|
|
7915
|
+
var styles$V = {"Label":"label-module-Label--OmlF-4-28-0-1","Label--small":"label-module-Label--small-pPJnY-4-28-0-1","Label--withInput":"label-module-Label--withInput-RWqFC-4-28-0-1","Label--optional":"label-module-Label--optional-25o6w-4-28-0-1","Label-text":"label-module-Label-text-SI451-4-28-0-1","Label-optionalText":"label-module-Label-optionalText-BxJ0x-4-28-0-1","Label-optionalText--small":"label-module-Label-optionalText--small-hQbks-4-28-0-1","Label--disabled":"label-module-Label--disabled-06XI--4-28-0-1","Label-srOnly":"label-module-Label-srOnly-JMorQ-4-28-0-1","Label-requiredIndicator":"label-module-Label-requiredIndicator-4Cxyi-4-28-0-1"};
|
|
7800
7916
|
styleInject$1(css_248z$Y);
|
|
7801
7917
|
|
|
7802
7918
|
var Label = function Label(props) {
|
|
@@ -7870,8 +7986,8 @@
|
|
|
7870
7986
|
};
|
|
7871
7987
|
Label.displayName = 'Label';
|
|
7872
7988
|
|
|
7873
|
-
var css_248z$X = "/* Caption */\n.caption-module-Caption-x0-4O-4-
|
|
7874
|
-
var styles$U = {"Caption":"caption-module-Caption-x0-4O-4-
|
|
7989
|
+
var css_248z$X = "/* Caption */\n.caption-module-Caption-x0-4O-4-28-0-1 {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n}\n\n.caption-module-Caption--withInput-USihh-4-28-0-1 {\n margin-top: var(--spacing-10);\n}\n\n.caption-module-Caption-icon-BVGQm-4-28-0-1 {\n display: flex;\n align-content: center;\n margin-right: var(--spacing-10);\n}\n\n.caption-module-Caption--hidden-C-EcV-4-28-0-1 {\n display: none;\n}\n";
|
|
7990
|
+
var styles$U = {"Caption":"caption-module-Caption-x0-4O-4-28-0-1","Caption--withInput":"caption-module-Caption--withInput-USihh-4-28-0-1","Caption-icon":"caption-module-Caption-icon-BVGQm-4-28-0-1","Caption--hidden":"caption-module-Caption--hidden-C-EcV-4-28-0-1"};
|
|
7875
7991
|
styleInject$1(css_248z$X);
|
|
7876
7992
|
|
|
7877
7993
|
var Caption = function Caption(props) {
|
|
@@ -7901,8 +8017,8 @@
|
|
|
7901
8017
|
};
|
|
7902
8018
|
Caption.displayName = 'Caption';
|
|
7903
8019
|
|
|
7904
|
-
var css_248z$W = ".legend-module-Legend--0IVR-4-
|
|
7905
|
-
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-
|
|
8020
|
+
var css_248z$W = ".legend-module-Legend--0IVR-4-28-0-1 {\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-28-0-1 {\n border-radius: var(--border-radius-05);\n margin-right: var(--spacing-20);\n}\n";
|
|
8021
|
+
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-28-0-1","Legend-icon":"legend-module-Legend-icon-AAtts-4-28-0-1"};
|
|
7906
8022
|
styleInject$1(css_248z$W);
|
|
7907
8023
|
|
|
7908
8024
|
var Legend = function Legend(props) {
|
|
@@ -7985,8 +8101,8 @@
|
|
|
7985
8101
|
};
|
|
7986
8102
|
Editable.displayName = 'Editable';
|
|
7987
8103
|
|
|
7988
|
-
var css_248z$V = ".editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
7989
|
-
var styles$T = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
8104
|
+
var css_248z$V = ".editableDropdown-module-EditableDropdown-8s4sE-4-28-0-1 {\n width: 100%;\n}\n\n.editableDropdown-module-EditableDropdown-8s4sE-4-28-0-1:focus-visible {\n outline: none;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n color: var(--text-subtle);\n}\n\n.editableDropdown-module-EditableDropdown-icon-aWCHE-4-28-0-1 {\n visibility: hidden;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-28-0-1:hover .editableDropdown-module-EditableDropdown-icon-aWCHE-4-28-0-1,\n.editableDropdown-module-EditableDropdown-8s4sE-4-28-0-1:focus-visible .editableDropdown-module-EditableDropdown-icon-aWCHE-4-28-0-1 {\n visibility: visible;\n}\n\n.editableDropdown-module-EditableDropdown-default-YIYT0-4-28-0-1:hover {\n background: var(--secondary);\n}\n\n.editableDropdown-module-EditableDropdown-8s4sE-4-28-0-1:focus-visible .editableDropdown-module-EditableDropdown-default-YIYT0-4-28-0-1 {\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";
|
|
8105
|
+
var styles$T = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-28-0-1","EditableDropdown-default":"editableDropdown-module-EditableDropdown-default-YIYT0-4-28-0-1","EditableDropdown-wrapper":"editableDropdown-module-EditableDropdown-wrapper-5PCzu-4-28-0-1","EditableDropdown-text":"editableDropdown-module-EditableDropdown-text-E-azo-4-28-0-1","EditableDropdown-text--subtle":"editableDropdown-module-EditableDropdown-text--subtle-pyRLr-4-28-0-1","EditableDropdown-icon":"editableDropdown-module-EditableDropdown-icon-aWCHE-4-28-0-1"};
|
|
7990
8106
|
styleInject$1(css_248z$V);
|
|
7991
8107
|
|
|
7992
8108
|
var EditableDropdown = function EditableDropdown(props) {
|
|
@@ -8136,8 +8252,8 @@
|
|
|
8136
8252
|
dropdownOptions: {}
|
|
8137
8253
|
};
|
|
8138
8254
|
|
|
8139
|
-
var css_248z$U = ".link-module-Link-MwjNx-4-
|
|
8140
|
-
var styles$S = {"Link":"link-module-Link-MwjNx-4-
|
|
8255
|
+
var css_248z$U = ".link-module-Link-MwjNx-4-28-0-1 {\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-28-0-1 {\n transition: none;\n }\n}\n\n.link-module-Link-text-Gpzgr-4-28-0-1 {\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-28-0-1: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-28-0-1 {\n font-size: var(--font-size);\n height: var(--font-height);\n}\n\n.link-module-Link--tiny-5Wp1N-4-28-0-1 {\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-28-0-1 {\n color: var(--text-link);\n}\n\n.link-module-Link--subtle-RjZLu-4-28-0-1 {\n color: var(--inverse-lighter);\n border-bottom-color: transparent;\n}\n\n.link-module-Link-text--subtle-bd8ev-4-28-0-1 {\n border-bottom-color: transparent;\n}\n\n.link-module-Link--default-dCI0C-4-28-0-1:hover {\n color: var(--primary-dark);\n}\n\n.link-module-Link--subtle-RjZLu-4-28-0-1:hover {\n color: var(--inverse-light);\n}\n\n.link-module-Link--subtle-RjZLu-4-28-0-1:hover .link-module-Link-text--subtle-bd8ev-4-28-0-1 {\n border-bottom-color: currentColor;\n}\n\n.link-module-Link--default-dCI0C-4-28-0-1:active {\n color: var(--primary-darker);\n}\n\n.link-module-Link--subtle-RjZLu-4-28-0-1:active {\n color: var(--inverse);\n}\n\n.link-module-Link--subtle-RjZLu-4-28-0-1:active .link-module-Link-text--subtle-bd8ev-4-28-0-1 {\n border-bottom-color: transparent;\n}\n\n.link-module-Link--button-reset-GZzET-4-28-0-1 {\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-28-0-1 {\n color: var(--primary-lighter);\n pointer-events: none;\n}\n\n.link-module-Link--subtle-disabled-jeH3g-4-28-0-1 {\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n\n.link-module-Link-infoIconWrapper-i3NjW-4-28-0-1 {\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-28-0-1 {\n color: var(--text-subtle);\n pointer-events: none;\n}\n\n.link-module-Link-infoIcon--default--CPoD-4-28-0-1 {\n color: var(--primary);\n}\n\n.link-module-Link-infoIcon--subtle-PIigh-4-28-0-1 {\n color: var(--inverse-light);\n}\n\n.link-module-Link-tooltip--disabled--LfHb-4-28-0-1 {\n pointer-events: auto;\n cursor: not-allowed;\n}\n";
|
|
8256
|
+
var styles$S = {"Link":"link-module-Link-MwjNx-4-28-0-1","Link-text":"link-module-Link-text-Gpzgr-4-28-0-1","Link--regular":"link-module-Link--regular-hKQMh-4-28-0-1","Link--tiny":"link-module-Link--tiny-5Wp1N-4-28-0-1","Link--default":"link-module-Link--default-dCI0C-4-28-0-1","Link--subtle":"link-module-Link--subtle-RjZLu-4-28-0-1","Link-text--subtle":"link-module-Link-text--subtle-bd8ev-4-28-0-1","Link--button-reset":"link-module-Link--button-reset-GZzET-4-28-0-1","Link--default-disabled":"link-module-Link--default-disabled-4AGTL-4-28-0-1","Link--subtle-disabled":"link-module-Link--subtle-disabled-jeH3g-4-28-0-1","Link-infoIconWrapper":"link-module-Link-infoIconWrapper-i3NjW-4-28-0-1","Link-infoIcon":"link-module-Link-infoIcon-nCtZE-4-28-0-1","Link-infoIcon--default":"link-module-Link-infoIcon--default--CPoD-4-28-0-1","Link-infoIcon--subtle":"link-module-Link-infoIcon--subtle-PIigh-4-28-0-1","Link-tooltip--disabled":"link-module-Link-tooltip--disabled--LfHb-4-28-0-1"};
|
|
8141
8257
|
styleInject$1(css_248z$U);
|
|
8142
8258
|
|
|
8143
8259
|
var LinkElement = function LinkElement(props) {
|
|
@@ -8224,8 +8340,8 @@
|
|
|
8224
8340
|
disabled: false
|
|
8225
8341
|
};
|
|
8226
8342
|
|
|
8227
|
-
var css_248z$T = ".message-module-Message-5m7p--4-
|
|
8228
|
-
var styles$R = {"Message":"message-module-Message-5m7p--4-
|
|
8343
|
+
var css_248z$T = ".message-module-Message-5m7p--4-28-0-1 {\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-28-0-1 {\n padding: var(--spacing-20);\n}\n\n.message-module-Message--alert-VltpF-4-28-0-1 {\n border-color: var(--alert);\n background-color: rgba(189, 28, 0, 0.04);\n}\n\n.message-module-Message--success-8AZFe-4-28-0-1 {\n border-color: var(--success);\n background-color: rgba(0, 128, 0, 0.04);\n}\n\n.message-module-Message--info-N9C6k-4-28-0-1 {\n border-color: var(--primary);\n background-color: rgba(0, 96, 214, 0.04);\n}\n\n.message-module-Message--warning-sPwHB-4-28-0-1 {\n border-color: var(--accent1);\n background-color: rgba(189, 91, 0, 0.04);\n}\n\n.message-module-Message-icon--regular-t4xyh-4-28-0-1 {\n margin-right: var(--spacing-40);\n padding-top: var(--spacing-05);\n}\n\n.message-module-Message-icon--small-mS-r9-4-28-0-1 {\n margin-right: var(--spacing-20);\n padding-top: var(--spacing-05) !important;\n}\n\n.message-module-Message-icon--withTitle-l6DPU-4-28-0-1 {\n padding-top: var(--spacing-10);\n}\n\n.message-module-Message-icon--warning-IglaC-4-28-0-1 {\n color: var(--accent1);\n}\n\n.message-module-Message-heading--regular-TF8fn-4-28-0-1 {\n margin-bottom: var(--spacing-10);\n}\n\n.message-module-Message-heading--small-f4Ij3-4-28-0-1 {\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-28-0-1 {\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-28-0-1,\n.message-module-Message-text--alert-a8T-5-4-28-0-1 {\n color: var(--alert-darker) !important;\n}\n\n.message-module-Message-heading--info--Uzim-4-28-0-1,\n.message-module-Message-text--info-94pB0-4-28-0-1 {\n color: var(--primary-darker) !important;\n}\n\n.message-module-Message-heading--success-qk8Ep-4-28-0-1,\n.message-module-Message-text--success-hlaXA-4-28-0-1 {\n color: var(--success-darker) !important;\n}\n\n.message-module-Message-heading--warning-OWfuJ-4-28-0-1,\n.message-module-Message-text--warning-tPSB8-4-28-0-1 {\n color: var(--accent1-darker) !important;\n}\n\n.message-module-Message-actions-5bFUf-4-28-0-1 {\n display: flex;\n align-items: center;\n}\n\n.message-module-Message-actions--regular-04ICc-4-28-0-1 {\n margin-top: var(--spacing-30);\n}\n\n.message-module-Message-actions--small-Hj3w0-4-28-0-1 {\n margin-top: var(--spacing-10);\n}\n";
|
|
8344
|
+
var styles$R = {"Message":"message-module-Message-5m7p--4-28-0-1","Message--small":"message-module-Message--small-AOGUY-4-28-0-1","Message--alert":"message-module-Message--alert-VltpF-4-28-0-1","Message--success":"message-module-Message--success-8AZFe-4-28-0-1","Message--info":"message-module-Message--info-N9C6k-4-28-0-1","Message--warning":"message-module-Message--warning-sPwHB-4-28-0-1","Message-icon--regular":"message-module-Message-icon--regular-t4xyh-4-28-0-1","Message-icon--small":"message-module-Message-icon--small-mS-r9-4-28-0-1","Message-icon--withTitle":"message-module-Message-icon--withTitle-l6DPU-4-28-0-1","Message-icon--warning":"message-module-Message-icon--warning-IglaC-4-28-0-1","Message-heading--regular":"message-module-Message-heading--regular-TF8fn-4-28-0-1","Message-heading--small":"message-module-Message-heading--small-f4Ij3-4-28-0-1","Message-text--small":"message-module-Message-text--small-dsMhm-4-28-0-1","Message-heading--alert":"message-module-Message-heading--alert--cn2r-4-28-0-1","Message-text--alert":"message-module-Message-text--alert-a8T-5-4-28-0-1","Message-heading--info":"message-module-Message-heading--info--Uzim-4-28-0-1","Message-text--info":"message-module-Message-text--info-94pB0-4-28-0-1","Message-heading--success":"message-module-Message-heading--success-qk8Ep-4-28-0-1","Message-text--success":"message-module-Message-text--success-hlaXA-4-28-0-1","Message-heading--warning":"message-module-Message-heading--warning-OWfuJ-4-28-0-1","Message-text--warning":"message-module-Message-text--warning-tPSB8-4-28-0-1","Message-actions":"message-module-Message-actions-5bFUf-4-28-0-1","Message-actions--regular":"message-module-Message-actions--regular-04ICc-4-28-0-1","Message-actions--small":"message-module-Message-actions--small-Hj3w0-4-28-0-1"};
|
|
8229
8345
|
styleInject$1(css_248z$T);
|
|
8230
8346
|
|
|
8231
8347
|
var IconMapping$2 = {
|
|
@@ -8296,8 +8412,8 @@
|
|
|
8296
8412
|
description: ''
|
|
8297
8413
|
};
|
|
8298
8414
|
|
|
8299
|
-
var css_248z$S = ".metaList-module-Meta-dNPqh-4-
|
|
8300
|
-
var styles$Q = {"Meta":"metaList-module-Meta-dNPqh-4-
|
|
8415
|
+
var css_248z$S = ".metaList-module-Meta-dNPqh-4-28-0-1 {\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-28-0-1 {\n margin-left: var(--spacing-20);\n}\n.metaList-module-MetaList-seperator--left-eKtN8-4-28-0-1 {\n margin-right: var(--spacing-10);\n}\n.metaList-module-Meta-icon-JwRHR-4-28-0-1 {\n padding-right: var(--spacing-10);\n display: flex;\n align-items: center;\n}\n.metaList-module-MetaList-rB1dP-4-28-0-1 {\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-28-0-1 {\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-28-0-1:first-child {\n margin-left: 0;\n}\n\n.metaList-module-MetaList-item-S2e6p-4-28-0-1:last-child {\n margin-right: 0;\n}\n";
|
|
8416
|
+
var styles$Q = {"Meta":"metaList-module-Meta-dNPqh-4-28-0-1","MetaList-seperator":"metaList-module-MetaList-seperator-mjgNU-4-28-0-1","MetaList-seperator--left":"metaList-module-MetaList-seperator--left-eKtN8-4-28-0-1","Meta-icon":"metaList-module-Meta-icon-JwRHR-4-28-0-1","MetaList":"metaList-module-MetaList-rB1dP-4-28-0-1","MetaList-item":"metaList-module-MetaList-item-S2e6p-4-28-0-1"};
|
|
8301
8417
|
styleInject$1(css_248z$S);
|
|
8302
8418
|
|
|
8303
8419
|
var Meta = function Meta(props) {
|
|
@@ -8376,8 +8492,8 @@
|
|
|
8376
8492
|
size: 'regular'
|
|
8377
8493
|
};
|
|
8378
8494
|
|
|
8379
|
-
var css_248z$R = "/* MdsGrid */\n.mdsGrid-module-MdsGrid-SsvW3-4-
|
|
8380
|
-
var styles$P = {"MdsGrid":"mdsGrid-module-MdsGrid-SsvW3-4-
|
|
8495
|
+
var css_248z$R = "/* MdsGrid */\n.mdsGrid-module-MdsGrid-SsvW3-4-28-0-1 {\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-28-0-1 {\n gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-20-hF7Az-4-28-0-1 {\n gap: var(--spacing-20);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-30-9bsWk-4-28-0-1 {\n gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-40-1Zofh-4-28-0-1 {\n gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-60-NuzpU-4-28-0-1 {\n gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-80-rBc5a-4-28-0-1 {\n gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-120-MsDGS-4-28-0-1 {\n gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-gap--spacing-160-NT7nM-4-28-0-1 {\n gap: var(--spacing-160);\n}\n\n/* Column gap variations */\n.mdsGrid-module-MdsGrid-columnGap--spacing-10-KEZs4-4-28-0-1 {\n -moz-column-gap: var(--spacing-10);\n column-gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-20-Z6HMd-4-28-0-1 {\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-28-0-1 {\n -moz-column-gap: var(--spacing-30);\n column-gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-40-4KGum-4-28-0-1 {\n -moz-column-gap: var(--spacing-40);\n column-gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-60-Db1Bo-4-28-0-1 {\n -moz-column-gap: var(--spacing-60);\n column-gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-80-8dYNY-4-28-0-1 {\n -moz-column-gap: var(--spacing-80);\n column-gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-120-IiWsq-4-28-0-1 {\n -moz-column-gap: var(--spacing-120);\n column-gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-columnGap--spacing-160-xLma--4-28-0-1 {\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-28-0-1 {\n row-gap: var(--spacing-10);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-20-HJszq-4-28-0-1 {\n row-gap: var(--spacing-20);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-30-vJ-5p-4-28-0-1 {\n row-gap: var(--spacing-30);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-40-uKyUe-4-28-0-1 {\n row-gap: var(--spacing-40);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-60-fl0Ia-4-28-0-1 {\n row-gap: var(--spacing-60);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-80-vx3sD-4-28-0-1 {\n row-gap: var(--spacing-80);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-120-s4V9U-4-28-0-1 {\n row-gap: var(--spacing-120);\n}\n\n.mdsGrid-module-MdsGrid-rowGap--spacing-160-EdiFo-4-28-0-1 {\n row-gap: var(--spacing-160);\n}\n\n/* Justify items variations */\n.mdsGrid-module-MdsGrid-justifyItems--start-eHRaj-4-28-0-1 {\n justify-items: start;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--end-edjoX-4-28-0-1 {\n justify-items: end;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--center-2X7nZ-4-28-0-1 {\n justify-items: center;\n}\n\n.mdsGrid-module-MdsGrid-justifyItems--stretch-kn94P-4-28-0-1 {\n justify-items: stretch;\n}\n\n/* Align items variations */\n.mdsGrid-module-MdsGrid-alignItems--start-2Do86-4-28-0-1 {\n align-items: start;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--end-waknT-4-28-0-1 {\n align-items: end;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--center-yx4U8-4-28-0-1 {\n align-items: center;\n}\n\n.mdsGrid-module-MdsGrid-alignItems--stretch-Bqs-w-4-28-0-1 {\n align-items: stretch;\n}\n\n/* Auto flow variations */\n.mdsGrid-module-MdsGrid-autoFlow--row-hbgrw-4-28-0-1 {\n grid-auto-flow: row;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--column-rqFc3-4-28-0-1 {\n grid-auto-flow: column;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--row--dense-lbfql-4-28-0-1 {\n grid-auto-flow: row dense;\n}\n\n.mdsGrid-module-MdsGrid-autoFlow--column--dense-bJ3Pc-4-28-0-1 {\n grid-auto-flow: column dense;\n}\n\n/* Template columns variations */\n.mdsGrid-module-MdsGrid-templateColumns--repeat--1----1fr---LXjWZ-4-28-0-1 {\n grid-template-columns: repeat(1, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--2----1fr---Ib92--4-28-0-1 {\n grid-template-columns: repeat(2, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--3----1fr---kX-cN-4-28-0-1 {\n grid-template-columns: repeat(3, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--4----1fr---A8VSk-4-28-0-1 {\n grid-template-columns: repeat(4, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--repeat--12----1fr---vSCpW-4-28-0-1 {\n grid-template-columns: repeat(12, 1fr);\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--1fr--1fr--1fr-bvXnM-4-28-0-1 {\n grid-template-columns: 1fr 1fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--1fr--2fr-SG4cB-4-28-0-1 {\n grid-template-columns: 1fr 2fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--2fr--1fr-doRYF-4-28-0-1 {\n grid-template-columns: 2fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--2fr--1fr--1fr-PlTNP-4-28-0-1 {\n grid-template-columns: 2fr 1fr 1fr;\n}\n\n.mdsGrid-module-MdsGrid-templateColumns--200px--1fr--2fr-vKcqN-4-28-0-1 {\n grid-template-columns: 200px 1fr 2fr;\n}\n\n/* Template rows variations */\n.mdsGrid-module-MdsGrid-templateRows--auto--auto--auto-Xqtrn-4-28-0-1 {\n grid-template-rows: auto auto auto;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--100px--200px-3Vgry-4-28-0-1 {\n grid-template-rows: 100px 200px;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--1fr--2fr-Tix---4-28-0-1 {\n grid-template-rows: 1fr 2fr;\n}\n\n.mdsGrid-module-MdsGrid-templateRows--auto--1fr-zwVSp-4-28-0-1 {\n grid-template-rows: auto 1fr;\n}\n\n/* MdsGridItem */\n.mdsGrid-module-MdsGridItem--FsIK-4-28-0-1 {\n box-sizing: border-box;\n}\n\n/* Justify self variations */\n.mdsGrid-module-MdsGridItem-justifySelf--start-CHjwa-4-28-0-1 {\n justify-self: start;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--end-rvVbS-4-28-0-1 {\n justify-self: end;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--center-vasFQ-4-28-0-1 {\n justify-self: center;\n}\n\n.mdsGrid-module-MdsGridItem-justifySelf--stretch-YgtoO-4-28-0-1 {\n justify-self: stretch;\n}\n\n/* Align self variations */\n.mdsGrid-module-MdsGridItem-alignSelf--start-rz0Wg-4-28-0-1 {\n align-self: start;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--end-xtt0h-4-28-0-1 {\n align-self: end;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--center-T1fvd-4-28-0-1 {\n align-self: center;\n}\n\n.mdsGrid-module-MdsGridItem-alignSelf--stretch-tYo2v-4-28-0-1 {\n align-self: stretch;\n}\n\n/* Column span variations */\n.mdsGrid-module-MdsGridItem-columnSpan--1--rcAl-4-28-0-1 {\n grid-column: span 1;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--2-ocHQu-4-28-0-1 {\n grid-column: span 2;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--3-lRLzj-4-28-0-1 {\n grid-column: span 3;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--4-PkE3H-4-28-0-1 {\n grid-column: span 4;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--5-bIRoL-4-28-0-1 {\n grid-column: span 5;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--6-LngYK-4-28-0-1 {\n grid-column: span 6;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--7-8D5lx-4-28-0-1 {\n grid-column: span 7;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--8-6cOqO-4-28-0-1 {\n grid-column: span 8;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--9-YvDY7-4-28-0-1 {\n grid-column: span 9;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--10-Jda-6-4-28-0-1 {\n grid-column: span 10;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--11-0sVRm-4-28-0-1 {\n grid-column: span 11;\n}\n\n.mdsGrid-module-MdsGridItem-columnSpan--12-iYiVh-4-28-0-1 {\n grid-column: span 12;\n}\n\n/* Row span variations */\n.mdsGrid-module-MdsGridItem-rowSpan--1-UfSFY-4-28-0-1 {\n grid-row: span 1;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--2-RcCmm-4-28-0-1 {\n grid-row: span 2;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--3-2l-1t-4-28-0-1 {\n grid-row: span 3;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--4-w3b-k-4-28-0-1 {\n grid-row: span 4;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--5-xDjGB-4-28-0-1 {\n grid-row: span 5;\n}\n\n.mdsGrid-module-MdsGridItem-rowSpan--6-COx1o-4-28-0-1 {\n grid-row: span 6;\n}\n\n/* Column start variations */\n.mdsGrid-module-MdsGridItem-columnStart--1-8Egf8-4-28-0-1 {\n grid-column-start: 1;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--2-F8nbf-4-28-0-1 {\n grid-column-start: 2;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--3-PlzEc-4-28-0-1 {\n grid-column-start: 3;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--4-8S4L--4-28-0-1 {\n grid-column-start: 4;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--5-Ew-g2-4-28-0-1 {\n grid-column-start: 5;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--6-oBVoo-4-28-0-1 {\n grid-column-start: 6;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--7-Cnb7p-4-28-0-1 {\n grid-column-start: 7;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--8-xjKMr-4-28-0-1 {\n grid-column-start: 8;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--9-L9-zC-4-28-0-1 {\n grid-column-start: 9;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--10-lJThd-4-28-0-1 {\n grid-column-start: 10;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--11-ORr-q-4-28-0-1 {\n grid-column-start: 11;\n}\n\n.mdsGrid-module-MdsGridItem-columnStart--12-QFwjD-4-28-0-1 {\n grid-column-start: 12;\n}\n\n/* Row start variations */\n.mdsGrid-module-MdsGridItem-rowStart--1-IKxiL-4-28-0-1 {\n grid-row-start: 1;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--2-yaQUd-4-28-0-1 {\n grid-row-start: 2;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--3-JCrYv-4-28-0-1 {\n grid-row-start: 3;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--4-uCJy3-4-28-0-1 {\n grid-row-start: 4;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--5-5qYoX-4-28-0-1 {\n grid-row-start: 5;\n}\n\n.mdsGrid-module-MdsGridItem-rowStart--6-OvU4E-4-28-0-1 {\n grid-row-start: 6;\n}\n";
|
|
8496
|
+
var styles$P = {"MdsGrid":"mdsGrid-module-MdsGrid-SsvW3-4-28-0-1","MdsGrid-gap--spacing-10":"mdsGrid-module-MdsGrid-gap--spacing-10-mM7LL-4-28-0-1","MdsGrid-gap--spacing-20":"mdsGrid-module-MdsGrid-gap--spacing-20-hF7Az-4-28-0-1","MdsGrid-gap--spacing-30":"mdsGrid-module-MdsGrid-gap--spacing-30-9bsWk-4-28-0-1","MdsGrid-gap--spacing-40":"mdsGrid-module-MdsGrid-gap--spacing-40-1Zofh-4-28-0-1","MdsGrid-gap--spacing-60":"mdsGrid-module-MdsGrid-gap--spacing-60-NuzpU-4-28-0-1","MdsGrid-gap--spacing-80":"mdsGrid-module-MdsGrid-gap--spacing-80-rBc5a-4-28-0-1","MdsGrid-gap--spacing-120":"mdsGrid-module-MdsGrid-gap--spacing-120-MsDGS-4-28-0-1","MdsGrid-gap--spacing-160":"mdsGrid-module-MdsGrid-gap--spacing-160-NT7nM-4-28-0-1","MdsGrid-columnGap--spacing-10":"mdsGrid-module-MdsGrid-columnGap--spacing-10-KEZs4-4-28-0-1","MdsGrid-columnGap--spacing-20":"mdsGrid-module-MdsGrid-columnGap--spacing-20-Z6HMd-4-28-0-1","MdsGrid-columnGap--spacing-30":"mdsGrid-module-MdsGrid-columnGap--spacing-30-cIs-1-4-28-0-1","MdsGrid-columnGap--spacing-40":"mdsGrid-module-MdsGrid-columnGap--spacing-40-4KGum-4-28-0-1","MdsGrid-columnGap--spacing-60":"mdsGrid-module-MdsGrid-columnGap--spacing-60-Db1Bo-4-28-0-1","MdsGrid-columnGap--spacing-80":"mdsGrid-module-MdsGrid-columnGap--spacing-80-8dYNY-4-28-0-1","MdsGrid-columnGap--spacing-120":"mdsGrid-module-MdsGrid-columnGap--spacing-120-IiWsq-4-28-0-1","MdsGrid-columnGap--spacing-160":"mdsGrid-module-MdsGrid-columnGap--spacing-160-xLma--4-28-0-1","MdsGrid-rowGap--spacing-10":"mdsGrid-module-MdsGrid-rowGap--spacing-10-n84Bk-4-28-0-1","MdsGrid-rowGap--spacing-20":"mdsGrid-module-MdsGrid-rowGap--spacing-20-HJszq-4-28-0-1","MdsGrid-rowGap--spacing-30":"mdsGrid-module-MdsGrid-rowGap--spacing-30-vJ-5p-4-28-0-1","MdsGrid-rowGap--spacing-40":"mdsGrid-module-MdsGrid-rowGap--spacing-40-uKyUe-4-28-0-1","MdsGrid-rowGap--spacing-60":"mdsGrid-module-MdsGrid-rowGap--spacing-60-fl0Ia-4-28-0-1","MdsGrid-rowGap--spacing-80":"mdsGrid-module-MdsGrid-rowGap--spacing-80-vx3sD-4-28-0-1","MdsGrid-rowGap--spacing-120":"mdsGrid-module-MdsGrid-rowGap--spacing-120-s4V9U-4-28-0-1","MdsGrid-rowGap--spacing-160":"mdsGrid-module-MdsGrid-rowGap--spacing-160-EdiFo-4-28-0-1","MdsGrid-justifyItems--start":"mdsGrid-module-MdsGrid-justifyItems--start-eHRaj-4-28-0-1","MdsGrid-justifyItems--end":"mdsGrid-module-MdsGrid-justifyItems--end-edjoX-4-28-0-1","MdsGrid-justifyItems--center":"mdsGrid-module-MdsGrid-justifyItems--center-2X7nZ-4-28-0-1","MdsGrid-justifyItems--stretch":"mdsGrid-module-MdsGrid-justifyItems--stretch-kn94P-4-28-0-1","MdsGrid-alignItems--start":"mdsGrid-module-MdsGrid-alignItems--start-2Do86-4-28-0-1","MdsGrid-alignItems--end":"mdsGrid-module-MdsGrid-alignItems--end-waknT-4-28-0-1","MdsGrid-alignItems--center":"mdsGrid-module-MdsGrid-alignItems--center-yx4U8-4-28-0-1","MdsGrid-alignItems--stretch":"mdsGrid-module-MdsGrid-alignItems--stretch-Bqs-w-4-28-0-1","MdsGrid-autoFlow--row":"mdsGrid-module-MdsGrid-autoFlow--row-hbgrw-4-28-0-1","MdsGrid-autoFlow--column":"mdsGrid-module-MdsGrid-autoFlow--column-rqFc3-4-28-0-1","MdsGrid-autoFlow--row dense":"mdsGrid-module-MdsGrid-autoFlow--row--dense-lbfql-4-28-0-1","MdsGrid-autoFlow--column dense":"mdsGrid-module-MdsGrid-autoFlow--column--dense-bJ3Pc-4-28-0-1","MdsGrid-templateColumns--repeat(1, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--1----1fr---LXjWZ-4-28-0-1","MdsGrid-templateColumns--repeat(2, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--2----1fr---Ib92--4-28-0-1","MdsGrid-templateColumns--repeat(3, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--3----1fr---kX-cN-4-28-0-1","MdsGrid-templateColumns--repeat(4, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--4----1fr---A8VSk-4-28-0-1","MdsGrid-templateColumns--repeat(12, 1fr)":"mdsGrid-module-MdsGrid-templateColumns--repeat--12----1fr---vSCpW-4-28-0-1","MdsGrid-templateColumns--1fr 1fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--1fr--1fr--1fr-bvXnM-4-28-0-1","MdsGrid-templateColumns--1fr 2fr":"mdsGrid-module-MdsGrid-templateColumns--1fr--2fr-SG4cB-4-28-0-1","MdsGrid-templateColumns--2fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--2fr--1fr-doRYF-4-28-0-1","MdsGrid-templateColumns--2fr 1fr 1fr":"mdsGrid-module-MdsGrid-templateColumns--2fr--1fr--1fr-PlTNP-4-28-0-1","MdsGrid-templateColumns--200px 1fr 2fr":"mdsGrid-module-MdsGrid-templateColumns--200px--1fr--2fr-vKcqN-4-28-0-1","MdsGrid-templateRows--auto auto auto":"mdsGrid-module-MdsGrid-templateRows--auto--auto--auto-Xqtrn-4-28-0-1","MdsGrid-templateRows--100px 200px":"mdsGrid-module-MdsGrid-templateRows--100px--200px-3Vgry-4-28-0-1","MdsGrid-templateRows--1fr 2fr":"mdsGrid-module-MdsGrid-templateRows--1fr--2fr-Tix---4-28-0-1","MdsGrid-templateRows--auto 1fr":"mdsGrid-module-MdsGrid-templateRows--auto--1fr-zwVSp-4-28-0-1","MdsGridItem":"mdsGrid-module-MdsGridItem--FsIK-4-28-0-1","MdsGridItem-justifySelf--start":"mdsGrid-module-MdsGridItem-justifySelf--start-CHjwa-4-28-0-1","MdsGridItem-justifySelf--end":"mdsGrid-module-MdsGridItem-justifySelf--end-rvVbS-4-28-0-1","MdsGridItem-justifySelf--center":"mdsGrid-module-MdsGridItem-justifySelf--center-vasFQ-4-28-0-1","MdsGridItem-justifySelf--stretch":"mdsGrid-module-MdsGridItem-justifySelf--stretch-YgtoO-4-28-0-1","MdsGridItem-alignSelf--start":"mdsGrid-module-MdsGridItem-alignSelf--start-rz0Wg-4-28-0-1","MdsGridItem-alignSelf--end":"mdsGrid-module-MdsGridItem-alignSelf--end-xtt0h-4-28-0-1","MdsGridItem-alignSelf--center":"mdsGrid-module-MdsGridItem-alignSelf--center-T1fvd-4-28-0-1","MdsGridItem-alignSelf--stretch":"mdsGrid-module-MdsGridItem-alignSelf--stretch-tYo2v-4-28-0-1","MdsGridItem-columnSpan--1":"mdsGrid-module-MdsGridItem-columnSpan--1--rcAl-4-28-0-1","MdsGridItem-columnSpan--2":"mdsGrid-module-MdsGridItem-columnSpan--2-ocHQu-4-28-0-1","MdsGridItem-columnSpan--3":"mdsGrid-module-MdsGridItem-columnSpan--3-lRLzj-4-28-0-1","MdsGridItem-columnSpan--4":"mdsGrid-module-MdsGridItem-columnSpan--4-PkE3H-4-28-0-1","MdsGridItem-columnSpan--5":"mdsGrid-module-MdsGridItem-columnSpan--5-bIRoL-4-28-0-1","MdsGridItem-columnSpan--6":"mdsGrid-module-MdsGridItem-columnSpan--6-LngYK-4-28-0-1","MdsGridItem-columnSpan--7":"mdsGrid-module-MdsGridItem-columnSpan--7-8D5lx-4-28-0-1","MdsGridItem-columnSpan--8":"mdsGrid-module-MdsGridItem-columnSpan--8-6cOqO-4-28-0-1","MdsGridItem-columnSpan--9":"mdsGrid-module-MdsGridItem-columnSpan--9-YvDY7-4-28-0-1","MdsGridItem-columnSpan--10":"mdsGrid-module-MdsGridItem-columnSpan--10-Jda-6-4-28-0-1","MdsGridItem-columnSpan--11":"mdsGrid-module-MdsGridItem-columnSpan--11-0sVRm-4-28-0-1","MdsGridItem-columnSpan--12":"mdsGrid-module-MdsGridItem-columnSpan--12-iYiVh-4-28-0-1","MdsGridItem-rowSpan--1":"mdsGrid-module-MdsGridItem-rowSpan--1-UfSFY-4-28-0-1","MdsGridItem-rowSpan--2":"mdsGrid-module-MdsGridItem-rowSpan--2-RcCmm-4-28-0-1","MdsGridItem-rowSpan--3":"mdsGrid-module-MdsGridItem-rowSpan--3-2l-1t-4-28-0-1","MdsGridItem-rowSpan--4":"mdsGrid-module-MdsGridItem-rowSpan--4-w3b-k-4-28-0-1","MdsGridItem-rowSpan--5":"mdsGrid-module-MdsGridItem-rowSpan--5-xDjGB-4-28-0-1","MdsGridItem-rowSpan--6":"mdsGrid-module-MdsGridItem-rowSpan--6-COx1o-4-28-0-1","MdsGridItem-columnStart--1":"mdsGrid-module-MdsGridItem-columnStart--1-8Egf8-4-28-0-1","MdsGridItem-columnStart--2":"mdsGrid-module-MdsGridItem-columnStart--2-F8nbf-4-28-0-1","MdsGridItem-columnStart--3":"mdsGrid-module-MdsGridItem-columnStart--3-PlzEc-4-28-0-1","MdsGridItem-columnStart--4":"mdsGrid-module-MdsGridItem-columnStart--4-8S4L--4-28-0-1","MdsGridItem-columnStart--5":"mdsGrid-module-MdsGridItem-columnStart--5-Ew-g2-4-28-0-1","MdsGridItem-columnStart--6":"mdsGrid-module-MdsGridItem-columnStart--6-oBVoo-4-28-0-1","MdsGridItem-columnStart--7":"mdsGrid-module-MdsGridItem-columnStart--7-Cnb7p-4-28-0-1","MdsGridItem-columnStart--8":"mdsGrid-module-MdsGridItem-columnStart--8-xjKMr-4-28-0-1","MdsGridItem-columnStart--9":"mdsGrid-module-MdsGridItem-columnStart--9-L9-zC-4-28-0-1","MdsGridItem-columnStart--10":"mdsGrid-module-MdsGridItem-columnStart--10-lJThd-4-28-0-1","MdsGridItem-columnStart--11":"mdsGrid-module-MdsGridItem-columnStart--11-ORr-q-4-28-0-1","MdsGridItem-columnStart--12":"mdsGrid-module-MdsGridItem-columnStart--12-QFwjD-4-28-0-1","MdsGridItem-rowStart--1":"mdsGrid-module-MdsGridItem-rowStart--1-IKxiL-4-28-0-1","MdsGridItem-rowStart--2":"mdsGrid-module-MdsGridItem-rowStart--2-yaQUd-4-28-0-1","MdsGridItem-rowStart--3":"mdsGrid-module-MdsGridItem-rowStart--3-JCrYv-4-28-0-1","MdsGridItem-rowStart--4":"mdsGrid-module-MdsGridItem-rowStart--4-uCJy3-4-28-0-1","MdsGridItem-rowStart--5":"mdsGrid-module-MdsGridItem-rowStart--5-5qYoX-4-28-0-1","MdsGridItem-rowStart--6":"mdsGrid-module-MdsGridItem-rowStart--6-OvU4E-4-28-0-1"};
|
|
8381
8497
|
styleInject$1(css_248z$R);
|
|
8382
8498
|
|
|
8383
8499
|
var GridItem = function GridItem(props) {
|
|
@@ -8551,12 +8667,12 @@
|
|
|
8551
8667
|
return element != null && element.type != null;
|
|
8552
8668
|
}
|
|
8553
8669
|
|
|
8554
|
-
var css_248z$Q = ".slider-module-Slider-6TikH-4-
|
|
8555
|
-
var styles$O = {"Slider":"slider-module-Slider-6TikH-4-
|
|
8670
|
+
var css_248z$Q = ".slider-module-Slider-6TikH-4-28-0-1 {\n width: 100%;\n}\n\n.slider-module-Slider-wrapper-WM2J6-4-28-0-1 {\n position: relative;\n outline: none;\n cursor: pointer;\n}\n\n.slider-module-Slider-wrapper--disabled-NHJzG-4-28-0-1 {\n cursor: not-allowed;\n}\n\n.slider-module-Slider-track-d76a8-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n background: var(--primary);\n}\n\n.slider-module-Slider-progress--inRangeDisabled-zUebN-4-28-0-1 {\n border: var(--border);\n}\n\n.slider-module-Slider-axis-G4Rp0-4-28-0-1 {\n margin-top: calc(-1 * var(--spacing-20));\n}\n\n.slider-module-Slider-label-hbyPe-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n visibility: visible;\n}\n\n.slider-module-Slider-tooltip--hidden--RxsH-4-28-0-1 {\n visibility: hidden;\n}\n\n.slider-module-Slider-tooltip-GGohr-4-28-0-1 {\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-28-0-1 {\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-28-0-1::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-28-0-1:hover {\n background-color: var(--primary-lightest);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-28-0-1:active {\n background-color: var(--primary);\n}\n\n.slider-module-Slider-handle-WSP0Z-4-28-0-1: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-28-0-1: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-28-0-1 {\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-28-0-1: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-28-0-1 {\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-28-0-1:focus,\n .slider-module-Slider-handle-WSP0Z-4-28-0-1: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-28-0-1 {\n forced-color-adjust: none;\n background: Highlight;\n }\n}\n";
|
|
8671
|
+
var styles$O = {"Slider":"slider-module-Slider-6TikH-4-28-0-1","Slider-wrapper":"slider-module-Slider-wrapper-WM2J6-4-28-0-1","Slider-wrapper--disabled":"slider-module-Slider-wrapper--disabled-NHJzG-4-28-0-1","Slider-track":"slider-module-Slider-track-d76a8-4-28-0-1","Slider-progress":"slider-module-Slider-progress-371yB-4-28-0-1","Slider-progress--inRange":"slider-module-Slider-progress--inRange-GkXBe-4-28-0-1","Slider-progress--inRangeDisabled":"slider-module-Slider-progress--inRangeDisabled-zUebN-4-28-0-1","Slider-axis":"slider-module-Slider-axis-G4Rp0-4-28-0-1","Slider-label":"slider-module-Slider-label-hbyPe-4-28-0-1","Slider-ticks":"slider-module-Slider-ticks-J8lu0-4-28-0-1","Slider-tooltip--visible":"slider-module-Slider-tooltip--visible-O3adL-4-28-0-1","Slider-tooltip--hidden":"slider-module-Slider-tooltip--hidden--RxsH-4-28-0-1","Slider-tooltip":"slider-module-Slider-tooltip-GGohr-4-28-0-1","Slider-handle":"slider-module-Slider-handle-WSP0Z-4-28-0-1","Slider-handle--disabled":"slider-module-Slider-handle--disabled-SdL-F-4-28-0-1"};
|
|
8556
8672
|
styleInject$1(css_248z$Q);
|
|
8557
8673
|
|
|
8558
|
-
var css_248z$P = ".tooltip-module-Tooltip-BzFZs-4-
|
|
8559
|
-
var styles$N = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-
|
|
8674
|
+
var css_248z$P = ".tooltip-module-Tooltip-BzFZs-4-28-0-1 {\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-28-0-1 {\n line-height: var(--font-height-s);\n}\n\n.tooltip-module-Tooltip-text-tDwJG-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n animation: tooltip-module-tooltip-open-top-VGviE-4-28-0-1 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-top-p--Cg-4-28-0-1 {\n animation: tooltip-module-tooltip-close-top-xSYx8-4-28-0-1 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n@keyframes tooltip-module-tooltip-open-bottom-aJGl9-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n animation: tooltip-module-tooltip-open-bottom-aJGl9-4-28-0-1 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-28-0-1 {\n animation: tooltip-module-tooltip-close-bottom-eYZve-4-28-0-1 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-left-s3-1K-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n animation: tooltip-module-tooltip-open-left-s3-1K-4-28-0-1 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-left-vH8jz-4-28-0-1 {\n animation: tooltip-module-tooltip-close-left-yNuIX-4-28-0-1 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n@keyframes tooltip-module-tooltip-open-right-Ia-cr-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n animation: tooltip-module-tooltip-open-right-Ia-cr-4-28-0-1 120ms cubic-bezier(0, 0, 0.3, 1);\n animation-fill-mode: forwards;\n}\n.tooltip-module-Tooltip-animation-close-right-KMa4x-4-28-0-1 {\n animation: tooltip-module-tooltip-close-right-yOe2m-4-28-0-1 80ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.tooltip-module-Tooltip-container-iDy8C-4-28-0-1 {\n transition-delay: 400ms;\n animation-delay: 400ms;\n}\n";
|
|
8675
|
+
var styles$N = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-28-0-1","Tooltip--small":"tooltip-module-Tooltip--small-WsdO5-4-28-0-1","Tooltip-text":"tooltip-module-Tooltip-text-tDwJG-4-28-0-1","Tooltip-animation-open-top":"tooltip-module-Tooltip-animation-open-top-D0Bht-4-28-0-1","tooltip-open-top":"tooltip-module-tooltip-open-top-VGviE-4-28-0-1","Tooltip-animation-close-top":"tooltip-module-Tooltip-animation-close-top-p--Cg-4-28-0-1","tooltip-close-top":"tooltip-module-tooltip-close-top-xSYx8-4-28-0-1","Tooltip-animation-open-bottom":"tooltip-module-Tooltip-animation-open-bottom-WKD5b-4-28-0-1","tooltip-open-bottom":"tooltip-module-tooltip-open-bottom-aJGl9-4-28-0-1","Tooltip-animation-close-bottom":"tooltip-module-Tooltip-animation-close-bottom-0Nh14-4-28-0-1","tooltip-close-bottom":"tooltip-module-tooltip-close-bottom-eYZve-4-28-0-1","Tooltip-animation-open-left":"tooltip-module-Tooltip-animation-open-left-cZNy6-4-28-0-1","tooltip-open-left":"tooltip-module-tooltip-open-left-s3-1K-4-28-0-1","Tooltip-animation-close-left":"tooltip-module-Tooltip-animation-close-left-vH8jz-4-28-0-1","tooltip-close-left":"tooltip-module-tooltip-close-left-yNuIX-4-28-0-1","Tooltip-animation-open-right":"tooltip-module-Tooltip-animation-open-right-PzfHz-4-28-0-1","tooltip-open-right":"tooltip-module-tooltip-open-right-Ia-cr-4-28-0-1","Tooltip-animation-close-right":"tooltip-module-Tooltip-animation-close-right-KMa4x-4-28-0-1","tooltip-close-right":"tooltip-module-tooltip-close-right-yOe2m-4-28-0-1","Tooltip-container":"tooltip-module-Tooltip-container-iDy8C-4-28-0-1"};
|
|
8560
8676
|
styleInject$1(css_248z$P);
|
|
8561
8677
|
|
|
8562
8678
|
var Handle = function (_super) {
|
|
@@ -9257,8 +9373,8 @@
|
|
|
9257
9373
|
appearance: 'default'
|
|
9258
9374
|
};
|
|
9259
9375
|
|
|
9260
|
-
var css_248z$O = ".progressBar-module-ProgressBar-I9SrG-4-
|
|
9261
|
-
var styles$M = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-
|
|
9376
|
+
var css_248z$O = ".progressBar-module-ProgressBar-I9SrG-4-28-0-1 {\n width: 100%;\n border-radius: var(--border-radius-10);\n background: var(--secondary-lighter);\n}\n\n.progressBar-module-ProgressBar-indicator-Wk5Cj-4-28-0-1 {\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-28-0-1 {\n height: var(--spacing-10);\n}\n\n.progressBar-module-ProgressBar-indicator--regular-XWwir-4-28-0-1 {\n height: var(--spacing-20);\n}\n\n.progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-28-0-1 {\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-28-0-1 1.4s infinite linear;\n}\n\n@keyframes progressBar-module-indeterminate-progress-bar-WrhBP-4-28-0-1 {\n from {\n left: -32%;\n }\n to {\n left: 100%;\n }\n}\n";
|
|
9377
|
+
var styles$M = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-28-0-1","ProgressBar-indicator":"progressBar-module-ProgressBar-indicator-Wk5Cj-4-28-0-1","ProgressBar-indicator--small":"progressBar-module-ProgressBar-indicator--small-3qwXo-4-28-0-1","ProgressBar-indicator--regular":"progressBar-module-ProgressBar-indicator--regular-XWwir-4-28-0-1","ProgressBar-indicator--indeterminate":"progressBar-module-ProgressBar-indicator--indeterminate-ReTta-4-28-0-1","indeterminate-progress-bar":"progressBar-module-indeterminate-progress-bar-WrhBP-4-28-0-1"};
|
|
9262
9378
|
styleInject$1(css_248z$O);
|
|
9263
9379
|
|
|
9264
9380
|
var ProgressBar = function ProgressBar(props) {
|
|
@@ -9304,8 +9420,8 @@
|
|
|
9304
9420
|
state: 'default'
|
|
9305
9421
|
};
|
|
9306
9422
|
|
|
9307
|
-
var css_248z$N = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-
|
|
9308
|
-
var styles$L = {"Radio":"radio-module-Radio-sJTSN-4-
|
|
9423
|
+
var css_248z$N = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-28-0-1 {\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-28-0-1 {\n position: relative;\n flex-shrink: 0;\n margin-top: var(--spacing-05);\n}\n\n.radio-module-Radio-defaultWrapper-42-VN-4-28-0-1 {\n border: var(--border-width-2-5) solid var(--inverse-lighter);\n}\n\n.radio-module-Radio-errorWrapper-EIko4-4-28-0-1 {\n border: var(--border);\n border-color: var(--alert);\n}\n\n.radio-module-Radio-outerWrapper--regular-GAbrZ-4-28-0-1 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.radio-module-Radio-outerWrapper--tiny-ICX4H-4-28-0-1 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.radio-module-Radio-input-tMZXc-4-28-0-1 {\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-28-0-1 {\n padding-left: var(--spacing-20);\n display: flex;\n flex-direction: column;\n}\n\n.radio-module-Radio-Label-pyxfI-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n pointer-events: none;\n}\n\n.radio-module-Radio-sJTSN-4-28-0-1:hover .radio-module-Radio-wrapper-X9saa-4-28-0-1 {\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-28-0-1:active .radio-module-Radio-wrapper-X9saa-4-28-0-1 {\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-28-0-1:hover .radio-module-Radio-errorWrapper-EIko4-4-28-0-1 {\n border: var(--border);\n background-color: var(--secondary-lighter);\n border-color: var(--alert-dark);\n}\n\n.radio-module-Radio-sJTSN-4-28-0-1:active .radio-module-Radio-errorWrapper-EIko4-4-28-0-1 {\n border: var(--border);\n background-color: var(--secondary-light);\n border-color: var(--alert-darker);\n}\n\n.radio-module-Radio-sJTSN-4-28-0-1:focus-within .radio-module-Radio-wrapper-X9saa-4-28-0-1 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio-sJTSN-4-28-0-1:focus-within .radio-module-Radio-errorWrapper-EIko4-4-28-0-1 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio-sJTSN-4-28-0-1:focus-within .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-wrapper-X9saa-4-28-0-1 {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n\n.radio-module-Radio-sJTSN-4-28-0-1:focus-within .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-28-0-1 {\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-28-0-1 .radio-module-Radio-wrapper-X9saa-4-28-0-1 {\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-28-0-1 .radio-module-Radio-errorWrapper-EIko4-4-28-0-1 {\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-28-0-1:checked ~ .radio-module-Radio-wrapper-X9saa-4-28-0-1 {\n border: var(--border-width-2-5) solid var(--primary);\n}\n\n.radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-28-0-1 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-wrapper-X9saa-4-28-0-1:after {\n display: block;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.radio-module-Radio-wrapper-X9saa-4-28-0-1: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-28-0-1:after {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.radio-module-Radio-wrapper--tiny-V-uaD-4-28-0-1: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-28-0-1:hover .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-wrapper-X9saa-4-28-0-1 {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-28-0-1:hover .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-wrapper-X9saa-4-28-0-1:after {\n background: var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-28-0-1:hover .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-28-0-1:after {\n border: var(--border-width-2-5) solid var(--primary-dark);\n}\n\n.radio-module-Radio-sJTSN-4-28-0-1:active .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-wrapper-X9saa-4-28-0-1 {\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-28-0-1:hover .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-28-0-1 {\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-28-0-1:active .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-28-0-1 {\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-28-0-1:active .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-wrapper-X9saa-4-28-0-1:after {\n background: var(--primary-darker);\n}\n\n.radio-module-Radio-sJTSN-4-28-0-1:active .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-wrapper--tiny-V-uaD-4-28-0-1:after {\n border: var(--border-width-2-5) solid var(--primary-darker);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-28-0-1 .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-wrapper-X9saa-4-28-0-1 {\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-28-0-1 .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-errorWrapper-EIko4-4-28-0-1 {\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-28-0-1 .radio-module-Radio-input-tMZXc-4-28-0-1:checked ~ .radio-module-Radio-wrapper-X9saa-4-28-0-1:after {\n background: var(--primary-lighter);\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-28-0-1 .radio-module-Radio-input-tMZXc-4-28-0-1 ~ .radio-module-Radio-wrapper-X9saa-4-28-0-1:focus {\n outline: none;\n}\n\n.radio-module-Radio--disabled-Mbuyd-4-28-0-1 .radio-module-Radio-input-tMZXc-4-28-0-1 ~ .radio-module-Radio-errorWrapper-EIko4-4-28-0-1:focus {\n outline: none;\n}\n";
|
|
9424
|
+
var styles$L = {"Radio":"radio-module-Radio-sJTSN-4-28-0-1","Radio-outerWrapper":"radio-module-Radio-outerWrapper-y7yec-4-28-0-1","Radio-defaultWrapper":"radio-module-Radio-defaultWrapper-42-VN-4-28-0-1","Radio-errorWrapper":"radio-module-Radio-errorWrapper-EIko4-4-28-0-1","Radio-outerWrapper--regular":"radio-module-Radio-outerWrapper--regular-GAbrZ-4-28-0-1","Radio-outerWrapper--tiny":"radio-module-Radio-outerWrapper--tiny-ICX4H-4-28-0-1","Radio-input":"radio-module-Radio-input-tMZXc-4-28-0-1","Radio-labelWrapper":"radio-module-Radio-labelWrapper-aPfU--4-28-0-1","Radio-Label":"radio-module-Radio-Label-pyxfI-4-28-0-1","Radio-wrapper":"radio-module-Radio-wrapper-X9saa-4-28-0-1","Radio--disabled":"radio-module-Radio--disabled-Mbuyd-4-28-0-1","Radio-wrapper--regular":"radio-module-Radio-wrapper--regular-bCOY2-4-28-0-1","Radio-wrapper--tiny":"radio-module-Radio-wrapper--tiny-V-uaD-4-28-0-1"};
|
|
9309
9425
|
styleInject$1(css_248z$N);
|
|
9310
9426
|
|
|
9311
9427
|
var Radio = /*#__PURE__*/React__namespace.forwardRef(function (props, forwardedRef) {
|
|
@@ -9406,8 +9522,8 @@
|
|
|
9406
9522
|
});
|
|
9407
9523
|
Row.displayName = 'Row';
|
|
9408
9524
|
|
|
9409
|
-
var css_248z$M = ".statusHint-module-StatusHint-20-9Y-4-
|
|
9410
|
-
var styles$K = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-
|
|
9525
|
+
var css_248z$M = ".statusHint-module-StatusHint-20-9Y-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n background: var(--alert);\n}\n\n.statusHint-module-StatusHint--success-vLRLm-4-28-0-1 {\n background: var(--success);\n}\n\n.statusHint-module-StatusHint--warning-Go4Xc-4-28-0-1 {\n background: var(--warning);\n}\n\n.statusHint-module-StatusHint--info--Qb0E-4-28-0-1 {\n background: var(--primary);\n}\n\n.statusHint-module-StatusHint--default-XXxYB-4-28-0-1 {\n background: var(--secondary-light);\n}\n";
|
|
9526
|
+
var styles$K = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-28-0-1","StatusHint-icon":"statusHint-module-StatusHint-icon-XMbB3-4-28-0-1","StatusHint--alert":"statusHint-module-StatusHint--alert-6GWUf-4-28-0-1","StatusHint--success":"statusHint-module-StatusHint--success-vLRLm-4-28-0-1","StatusHint--warning":"statusHint-module-StatusHint--warning-Go4Xc-4-28-0-1","StatusHint--info":"statusHint-module-StatusHint--info--Qb0E-4-28-0-1","StatusHint--default":"statusHint-module-StatusHint--default-XXxYB-4-28-0-1"};
|
|
9411
9527
|
styleInject$1(css_248z$M);
|
|
9412
9528
|
|
|
9413
9529
|
var StatusHint = function StatusHint(props) {
|
|
@@ -9473,8 +9589,8 @@
|
|
|
9473
9589
|
appearance: 'default'
|
|
9474
9590
|
};
|
|
9475
9591
|
|
|
9476
|
-
var css_248z$L = ".pills-module-Pills--00hR-4-
|
|
9477
|
-
var styles$J = {"Pills":"pills-module-Pills--00hR-4-
|
|
9592
|
+
var css_248z$L = ".pills-module-Pills--00hR-4-28-0-1 {\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";
|
|
9593
|
+
var styles$J = {"Pills":"pills-module-Pills--00hR-4-28-0-1"};
|
|
9478
9594
|
styleInject$1(css_248z$L);
|
|
9479
9595
|
|
|
9480
9596
|
var Pills = function Pills(props) {
|
|
@@ -9499,8 +9615,8 @@
|
|
|
9499
9615
|
appearance: 'secondary'
|
|
9500
9616
|
};
|
|
9501
9617
|
|
|
9502
|
-
var css_248z$K = "@keyframes spinner-module-rotate
|
|
9503
|
-
var styles$I = {"Spinner":"spinner-module-Spinner-Gnrbl-4-
|
|
9618
|
+
var css_248z$K = "@keyframes spinner-module-mds-rotate-0PjQp-4-28-0-1 {\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n}\n\n@keyframes spinner-module-mds-spin-rFR6x-4-28-0-1 {\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-28-0-1 {\n animation: spinner-module-mds-rotate-0PjQp-4-28-0-1 2s linear infinite;\n}\n\n.spinner-module-Spinner--xsmall-fTG9G-4-28-0-1 {\n height: var(--spacing-30);\n width: var(--spacing-30);\n}\n\n.spinner-module-Spinner--small-H43c1-4-28-0-1 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.spinner-module-Spinner--medium-FJ68A-4-28-0-1 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.spinner-module-Spinner--large-mEm-A-4-28-0-1 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.spinner-module-Circle--gSx3-4-28-0-1 {\n stroke-linecap: round;\n stroke-dasharray: 1 200;\n stroke-dashoffset: 0;\n animation: spinner-module-mds-spin-rFR6x-4-28-0-1 1.5s ease-in-out infinite;\n}\n\n.spinner-module-Circle--primary-REY8w-4-28-0-1 {\n stroke: var(--primary-dark);\n}\n\n.spinner-module-Circle--secondary-KzVQ8-4-28-0-1 {\n stroke: var(--inverse-lighter);\n}\n\n.spinner-module-Circle--white-xc8CI-4-28-0-1 {\n stroke: var(--white);\n}\n\n.spinner-module-Circle--alert-KYAj6-4-28-0-1 {\n stroke: var(--alert-dark);\n}\n";
|
|
9619
|
+
var styles$I = {"Spinner":"spinner-module-Spinner-Gnrbl-4-28-0-1","mds-rotate":"spinner-module-mds-rotate-0PjQp-4-28-0-1","Spinner--xsmall":"spinner-module-Spinner--xsmall-fTG9G-4-28-0-1","Spinner--small":"spinner-module-Spinner--small-H43c1-4-28-0-1","Spinner--medium":"spinner-module-Spinner--medium-FJ68A-4-28-0-1","Spinner--large":"spinner-module-Spinner--large-mEm-A-4-28-0-1","Circle":"spinner-module-Circle--gSx3-4-28-0-1","mds-spin":"spinner-module-mds-spin-rFR6x-4-28-0-1","Circle--primary":"spinner-module-Circle--primary-REY8w-4-28-0-1","Circle--secondary":"spinner-module-Circle--secondary-KzVQ8-4-28-0-1","Circle--white":"spinner-module-Circle--white-xc8CI-4-28-0-1","Circle--alert":"spinner-module-Circle--alert-KYAj6-4-28-0-1"};
|
|
9504
9620
|
styleInject$1(css_248z$K);
|
|
9505
9621
|
|
|
9506
9622
|
var Spinner = function Spinner(props) {
|
|
@@ -9620,8 +9736,8 @@
|
|
|
9620
9736
|
defaultValue: [0, 10]
|
|
9621
9737
|
});
|
|
9622
9738
|
|
|
9623
|
-
var css_248z$J = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-
|
|
9624
|
-
var styles$H = {"Subheading":"subheading-module-Subheading-qdIJH-4-
|
|
9739
|
+
var css_248z$J = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-28-0-1 {\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-28-0-1 {\n color: var(--text);\n}\n\n.subheading-module-Subheading--subtle--rivS-4-28-0-1 {\n color: var(--text-subtle);\n}\n\n.subheading-module-Subheading--disabled-LAyqD-4-28-0-1 {\n color: var(--text-disabled);\n}\n\n.subheading-module-Subheading--white-Y8Awi-4-28-0-1 {\n color: var(--text-white);\n}\n";
|
|
9740
|
+
var styles$H = {"Subheading":"subheading-module-Subheading-qdIJH-4-28-0-1","Subheading--default":"subheading-module-Subheading--default-wlFtB-4-28-0-1","Subheading--subtle":"subheading-module-Subheading--subtle--rivS-4-28-0-1","Subheading--disabled":"subheading-module-Subheading--disabled-LAyqD-4-28-0-1","Subheading--white":"subheading-module-Subheading--white-Y8Awi-4-28-0-1"};
|
|
9625
9741
|
styleInject$1(css_248z$J);
|
|
9626
9742
|
|
|
9627
9743
|
var Subheading = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -9648,8 +9764,8 @@
|
|
|
9648
9764
|
appearance: 'default'
|
|
9649
9765
|
};
|
|
9650
9766
|
|
|
9651
|
-
var css_248z$I = ".switch-module-Switch-QepNe-4-
|
|
9652
|
-
var styles$G = {"Switch":"switch-module-Switch-QepNe-4-
|
|
9767
|
+
var css_248z$I = ".switch-module-Switch-QepNe-4-28-0-1 {\n display: inline-flex;\n position: relative;\n}\n\n.switch-module-Switch--tiny-r1E6o-4-28-0-1 {\n height: var(--spacing-40);\n width: var(--spacing-80);\n}\n\n.switch-module-Switch--regular-ciyyD-4-28-0-1 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch--large-kX3JT-4-28-0-1 {\n height: var(--spacing-60);\n width: var(--spacing-120);\n}\n\n.switch-module-Switch-input-5oT7E-4-28-0-1 {\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-28-0-1 {\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-28-0-1:focus ~ .switch-module-Switch-wrapper-btwpQ-4-28-0-1 {\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-28-0-1:focus ~ .switch-module-Switch-wrapper--checked-1oCxY-4-28-0-1 {\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-28-0-1:hover ~ .switch-module-Switch-wrapper-btwpQ-4-28-0-1 {\n background-color: var(--secondary);\n}\n\n.switch-module-Switch-input-5oT7E-4-28-0-1:hover ~ .switch-module-Switch-wrapper--checked-1oCxY-4-28-0-1 {\n background-color: var(--primary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-28-0-1:active ~ .switch-module-Switch-wrapper-btwpQ-4-28-0-1 {\n background-color: var(--secondary-dark);\n}\n\n.switch-module-Switch-input-5oT7E-4-28-0-1:active ~ .switch-module-Switch-wrapper--checked-1oCxY-4-28-0-1 {\n background-color: var(--primary-darker);\n}\n\n.switch-module-Switch-input-5oT7E-4-28-0-1:active ~ .switch-module-Switch-wrapper-btwpQ-4-28-0-1:before {\n border-color: var(--inverse-light);\n}\n\n.switch-module-Switch-input-5oT7E-4-28-0-1:active ~ .switch-module-Switch-wrapper--checked-1oCxY-4-28-0-1:before {\n border-color: transparent;\n}\n\n.switch-module-Switch-wrapper--tiny--PBMV-4-28-0-1 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--regular-6j-AT-4-28-0-1 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper--large-A8WkP-4-28-0-1 {\n border-radius: var(--border-radius-full);\n}\n\n.switch-module-Switch-wrapper-btwpQ-4-28-0-1: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-28-0-1 {\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-28-0-1:before {\n transform: translateX(100%);\n transition-duration: 80ms;\n border-color: transparent;\n}\n\n.switch-module-Switch--disabled-xXiea-4-28-0-1 {\n pointer-events: none;\n}\n\n.switch-module-Switch-wrapper--disabled-HghBP-4-28-0-1 {\n background-color: var(--secondary-lighter);\n}\n\n.switch-module-Switch-wrapper--disabled-HghBP-4-28-0-1:before {\n border-color: var(--secondary-dark);\n}\n\n.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-28-0-1 {\n background-color: var(--primary-lighter);\n}\n\n.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-28-0-1:before {\n border-color: transparent;\n}\n\n@media (forced-colors: active) {\n .switch-module-Switch-wrapper-btwpQ-4-28-0-1 {\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-28-0-1:not(.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-28-0-1) {\n background-color: Highlight;\n }\n\n .switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-28-0-1 {\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-28-0-1: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-28-0-1:not(.switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-28-0-1):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-28-0-1:before {\n border-color: GrayText;\n }\n\n /* Unchecked-disabled thumb */\n .switch-module-Switch-wrapper--disabled-HghBP-4-28-0-1:before {\n border-color: GrayText;\n }\n}\n";
|
|
9768
|
+
var styles$G = {"Switch":"switch-module-Switch-QepNe-4-28-0-1","Switch--tiny":"switch-module-Switch--tiny-r1E6o-4-28-0-1","Switch--regular":"switch-module-Switch--regular-ciyyD-4-28-0-1","Switch--large":"switch-module-Switch--large-kX3JT-4-28-0-1","Switch-input":"switch-module-Switch-input-5oT7E-4-28-0-1","Switch-wrapper":"switch-module-Switch-wrapper-btwpQ-4-28-0-1","Switch-wrapper--checked":"switch-module-Switch-wrapper--checked-1oCxY-4-28-0-1","Switch-wrapper--tiny":"switch-module-Switch-wrapper--tiny--PBMV-4-28-0-1","Switch-wrapper--regular":"switch-module-Switch-wrapper--regular-6j-AT-4-28-0-1","Switch-wrapper--large":"switch-module-Switch-wrapper--large-A8WkP-4-28-0-1","Switch--disabled":"switch-module-Switch--disabled-xXiea-4-28-0-1","Switch-wrapper--disabled":"switch-module-Switch-wrapper--disabled-HghBP-4-28-0-1","Switch-wrapper--checkedDisabled":"switch-module-Switch-wrapper--checkedDisabled-9Xe28-4-28-0-1"};
|
|
9653
9769
|
styleInject$1(css_248z$I);
|
|
9654
9770
|
|
|
9655
9771
|
var Switch = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -9708,8 +9824,8 @@
|
|
|
9708
9824
|
});
|
|
9709
9825
|
Switch.displayName = 'Switch';
|
|
9710
9826
|
|
|
9711
|
-
var css_248z$H = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-
|
|
9712
|
-
var styles$F = {"Textarea":"textarea-module-Textarea-Es1Ps-4-
|
|
9827
|
+
var css_248z$H = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-28-0-1 {\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-28-0-1::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-28-0-1::placeholder {\n color: var(--inverse-lighter);\n}\n\n.textarea-module-Textarea-Es1Ps-4-28-0-1::-ms-clear {\n display: none;\n}\n\n.textarea-module-Textarea-Es1Ps-4-28-0-1: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-28-0-1: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-28-0-1 {\n pointer-events: none;\n background: var(--secondary-lightest);\n border-color: var(--secondary);\n}\n\n.textarea-module-Textarea--error-gqkse-4-28-0-1 {\n border: var(--border-width-2-5) solid var(--alert);\n}\n\n.textarea-module-Textarea--error-gqkse-4-28-0-1: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-28-0-1 {\n resize: both;\n}\n\n.textarea-module-Textarea--small-reQLZ-4-28-0-1 {\n font-size: var(--font-size-s);\n font-weight: var(--font-weight-medium);\n line-height: var(--font-height-s);\n}\n";
|
|
9828
|
+
var styles$F = {"Textarea":"textarea-module-Textarea-Es1Ps-4-28-0-1","Textarea--readOnly":"textarea-module-Textarea--readOnly-mTqc8-4-28-0-1","Textarea--error":"textarea-module-Textarea--error-gqkse-4-28-0-1","Textarea--resize":"textarea-module-Textarea--resize-6QHWa-4-28-0-1","Textarea--small":"textarea-module-Textarea--small-reQLZ-4-28-0-1"};
|
|
9713
9829
|
styleInject$1(css_248z$H);
|
|
9714
9830
|
|
|
9715
9831
|
var Textarea = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -9757,8 +9873,8 @@
|
|
|
9757
9873
|
});
|
|
9758
9874
|
Textarea.displayName = 'Textarea';
|
|
9759
9875
|
|
|
9760
|
-
var css_248z$G = "/* toast */\n\n.toast-module-Toast-OpDhM-4-
|
|
9761
|
-
var styles$E = {"Toast":"toast-module-Toast-OpDhM-4-
|
|
9876
|
+
var css_248z$G = "/* toast */\n\n.toast-module-Toast-OpDhM-4-28-0-1 {\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-28-0-1 {\n padding-bottom: var(--spacing-40);\n}\n\n.toast-module-Toast--info-dEexw-4-28-0-1 {\n background-color: var(--primary);\n}\n\n.toast-module-Toast--alert-gxrp--4-28-0-1 {\n background-color: var(--alert);\n}\n\n.toast-module-Toast--success-gju3F-4-28-0-1 {\n background-color: var(--success);\n}\n\n.toast-module-Toast--warning-ELr9r-4-28-0-1 {\n background-color: var(--warning);\n}\n\n.toast-module-Toast--warning-ELr9r-4-28-0-1 {\n color: var(--text);\n}\n\n.toast-module-Toast-icon-RrG2q-4-28-0-1 {\n line-height: var(--font-height-m);\n}\n\n.toast-module-Toast-icon--left-dAfZv-4-28-0-1 {\n margin-right: var(--spacing-40);\n}\n\n.toast-module-Toast-icon--right--8Qmt-4-28-0-1 {\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-28-0-1,\n.toast-module-Toast-icon--success-SOr0z-4-28-0-1,\n.toast-module-Toast-icon--alert-TS0aE-4-28-0-1,\n.toast-module-Toast-icon--default-HsZ-7-4-28-0-1 {\n color: var(--text-white);\n}\n\n.toast-module-Toast-icon--warning-47OGV-4-28-0-1 {\n color: var(--warning-darker);\n}\n\n.toast-module-Toast-closeButton-X-cMT-4-28-0-1 {\n background: transparent;\n border: none;\n color: inherit;\n padding: 0;\n}\n\n.toast-module-Toast-close-icon-Mwg7W-4-28-0-1:focus,\n.toast-module-Toast-close-icon-Mwg7W-4-28-0-1: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-28-0-1:hover,\n.toast-module-Toast-close-icon--warning-nuh9s-4-28-0-1:active {\n background: var(--warning-dark);\n}\n\n.toast-module-Toast-close-icon--success-fXEEm-4-28-0-1:hover,\n.toast-module-Toast-close-icon--success-fXEEm-4-28-0-1:active {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-close-icon--info-0vDSQ-4-28-0-1:hover,\n.toast-module-Toast-close-icon--info-0vDSQ-4-28-0-1:active {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-close-icon--alert-cq8I3-4-28-0-1:hover,\n.toast-module-Toast-close-icon--alert-cq8I3-4-28-0-1:active {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-body--5KGi-4-28-0-1 {\n display: flex;\n flex-direction: column;\n flex-grow: 1;\n}\n\n.toast-module-Toast-title-4cVcs-4-28-0-1 {\n display: flex;\n}\n\n.toast-module-Toast-heading-BOc6U-4-28-0-1 {\n flex-grow: 1;\n}\n\n.toast-module-Toast-text-pwhPD-4-28-0-1 {\n padding-top: var(--spacing-20);\n}\n\n.toast-module-Toast-text--warning-J4ygg-4-28-0-1,\n.toast-module-Toast-heading--warning-sybsC-4-28-0-1 {\n color: var(--warning-darker) !important;\n}\n\n.toast-module-Toast-actions-3qfv--4-28-0-1 {\n display: flex;\n padding-top: var(--spacing-30);\n}\n\n.toast-module-Toast-actionButton-lfdEz-4-28-0-1 {\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-28-0-1: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-28-0-1:last-child {\n margin-right: 0;\n}\n\n.toast-module-Toast-actionButton-label-k-pcH-4-28-0-1 {\n color: inherit;\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-28-0-1 {\n background: var(--inverse-light);\n}\n\n.toast-module-Toast-actionButton--default-UVS4L-4-28-0-1:hover,\n.toast-module-Toast-actionButton--default-UVS4L-4-28-0-1:active {\n background: var(--inverse);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-28-0-1 {\n background: var(--primary-dark);\n}\n\n.toast-module-Toast-actionButton--info-MLC4o-4-28-0-1:hover,\n.toast-module-Toast-actionButton--info-MLC4o-4-28-0-1:active {\n background: var(--primary-darker);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-28-0-1 {\n background: var(--success-dark);\n}\n\n.toast-module-Toast-actionButton--success-vppAH-4-28-0-1:hover,\n.toast-module-Toast-actionButton--success-vppAH-4-28-0-1:active {\n background: var(--success-darker);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-28-0-1 {\n background: var(--alert-dark);\n}\n\n.toast-module-Toast-actionButton--alert-VMKO0-4-28-0-1:hover,\n.toast-module-Toast-actionButton--alert-VMKO0-4-28-0-1:active {\n background: var(--alert-darker);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-28-0-1 {\n background: var(--warning-dark);\n color: var(--text);\n}\n\n.toast-module-Toast-actionButton--warning-GNDkx-4-28-0-1:hover,\n.toast-module-Toast-actionButton--warning-GNDkx-4-28-0-1: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-28-0-1:focus,\n .toast-module-Toast-close-icon-Mwg7W-4-28-0-1:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n outline-offset: var(--spacing-05);\n box-shadow: none;\n }\n}\n";
|
|
9877
|
+
var styles$E = {"Toast":"toast-module-Toast-OpDhM-4-28-0-1","Toast--withMessage":"toast-module-Toast--withMessage-T8xPr-4-28-0-1","Toast--info":"toast-module-Toast--info-dEexw-4-28-0-1","Toast--alert":"toast-module-Toast--alert-gxrp--4-28-0-1","Toast--success":"toast-module-Toast--success-gju3F-4-28-0-1","Toast--warning":"toast-module-Toast--warning-ELr9r-4-28-0-1","Toast-icon":"toast-module-Toast-icon-RrG2q-4-28-0-1","Toast-icon--left":"toast-module-Toast-icon--left-dAfZv-4-28-0-1","Toast-icon--right":"toast-module-Toast-icon--right--8Qmt-4-28-0-1","Toast-icon--info":"toast-module-Toast-icon--info-zE2SA-4-28-0-1","Toast-icon--success":"toast-module-Toast-icon--success-SOr0z-4-28-0-1","Toast-icon--alert":"toast-module-Toast-icon--alert-TS0aE-4-28-0-1","Toast-icon--default":"toast-module-Toast-icon--default-HsZ-7-4-28-0-1","Toast-icon--warning":"toast-module-Toast-icon--warning-47OGV-4-28-0-1","Toast-closeButton":"toast-module-Toast-closeButton-X-cMT-4-28-0-1","Toast-close-icon":"toast-module-Toast-close-icon-Mwg7W-4-28-0-1","Toast-close-icon--warning":"toast-module-Toast-close-icon--warning-nuh9s-4-28-0-1","Toast-close-icon--success":"toast-module-Toast-close-icon--success-fXEEm-4-28-0-1","Toast-close-icon--info":"toast-module-Toast-close-icon--info-0vDSQ-4-28-0-1","Toast-close-icon--alert":"toast-module-Toast-close-icon--alert-cq8I3-4-28-0-1","Toast-body":"toast-module-Toast-body--5KGi-4-28-0-1","Toast-title":"toast-module-Toast-title-4cVcs-4-28-0-1","Toast-heading":"toast-module-Toast-heading-BOc6U-4-28-0-1","Toast-text":"toast-module-Toast-text-pwhPD-4-28-0-1","Toast-text--warning":"toast-module-Toast-text--warning-J4ygg-4-28-0-1","Toast-heading--warning":"toast-module-Toast-heading--warning-sybsC-4-28-0-1","Toast-actions":"toast-module-Toast-actions-3qfv--4-28-0-1","Toast-actionButton":"toast-module-Toast-actionButton-lfdEz-4-28-0-1","Toast-actionButton-label":"toast-module-Toast-actionButton-label-k-pcH-4-28-0-1","Toast-actionButton--default":"toast-module-Toast-actionButton--default-UVS4L-4-28-0-1","Toast-actionButton--info":"toast-module-Toast-actionButton--info-MLC4o-4-28-0-1","Toast-actionButton--success":"toast-module-Toast-actionButton--success-vppAH-4-28-0-1","Toast-actionButton--alert":"toast-module-Toast-actionButton--alert-VMKO0-4-28-0-1","Toast-actionButton--warning":"toast-module-Toast-actionButton--warning-GNDkx-4-28-0-1"};
|
|
9762
9878
|
styleInject$1(css_248z$G);
|
|
9763
9879
|
|
|
9764
9880
|
var ActionButton = function ActionButton(props) {
|
|
@@ -10320,8 +10436,8 @@
|
|
|
10320
10436
|
return PopperWrapper;
|
|
10321
10437
|
}(React__namespace.Component);
|
|
10322
10438
|
|
|
10323
|
-
var css_248z$F = ".popover-module-Popover-34Ge0-4-
|
|
10324
|
-
var styles$D = {"Popover":"popover-module-Popover-34Ge0-4-
|
|
10439
|
+
var css_248z$F = ".popover-module-Popover-34Ge0-4-28-0-1 {\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-28-0-1 {\n background: var(--inverse);\n color: var(--white);\n}\n\n.popover-module-Popover-34Ge0-4-28-0-1[data-hide='true'] {\n visibility: hidden;\n pointer-events: none;\n}\n\n@keyframes popover-module-popper-fade-in-pghyg-4-28-0-1 {\n 0% {\n opacity: 0;\n }\n 80% {\n opacity: var(--opacity-6);\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
10440
|
+
var styles$D = {"Popover":"popover-module-Popover-34Ge0-4-28-0-1","Popover--dark":"popover-module-Popover--dark-LYp8P-4-28-0-1","popper-fade-in":"popover-module-popper-fade-in-pghyg-4-28-0-1"};
|
|
10325
10441
|
styleInject$1(css_248z$F);
|
|
10326
10442
|
|
|
10327
10443
|
var propsList = ['appendToBody', 'trigger', 'hoverable', 'on', 'open', 'closeOnBackdropClick', 'offset', 'closeOnScroll'];
|
|
@@ -10383,8 +10499,8 @@
|
|
|
10383
10499
|
customStyle: {}
|
|
10384
10500
|
});
|
|
10385
10501
|
|
|
10386
|
-
var css_248z$E = ".chipInput-module-ChipInput-EQQlO-4-
|
|
10387
|
-
var styles$C = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-
|
|
10502
|
+
var css_248z$E = ".chipInput-module-ChipInput-EQQlO-4-28-0-1 {\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-28-0-1 {\n padding-left: 10px;\n padding-right: var(--spacing-15);\n}\n\n.chipInput-module-ChipInput--small-YXoDv-4-28-0-1 {\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-28-0-1: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-28-0-1:focus-within {\n background: var(--white);\n}\n\n.chipInput-module-ChipInput--disabled-Qa6ok-4-28-0-1 {\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-28-0-1 {\n padding-right: 0;\n}\n\n.chipInput-module-ChipInput--error-q8y-4-4-28-0-1 {\n box-shadow: inset 0 0 0 var(--spacing-2-5) var(--alert);\n}\n\n.chipInput-module-ChipInput-wrapper-NzLiD-4-28-0-1 {\n display: flex;\n flex: 100%;\n align-items: center;\n flex-wrap: wrap;\n}\n\n.chipInput-module-ChipInput--small-YXoDv-4-28-0-1 .chipInput-module-ChipInput-wrapper-NzLiD-4-28-0-1 {\n min-height: var(--spacing-60);\n}\n\n.chipInput-module-ChipInput-border--focusRing-Vpauu-4-28-0-1 {\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-28-0-1.chipInput-module-ChipInput-border--focusRing-Vpauu-4-28-0-1 {\n box-shadow: var(--shadow-spread) var(--alert-shadow);\n}\n\n.chipInput-module-ChipInput-input-ddUDt-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1:hover .chipInput-module-ChipInput-input-ddUDt-4-28-0-1 {\n background: var(--secondary-lighter);\n}\n\n.chipInput-module-ChipInput-EQQlO-4-28-0-1:focus-within .chipInput-module-ChipInput-input-ddUDt-4-28-0-1 {\n background: var(--white);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-28-0-1 {\n cursor: pointer;\n border-radius: var(--border-radius-full);\n}\n\n.chipInput-module-ChipInput-icon--small-PciKa-4-28-0-1 {\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-28-0-1 {\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-28-0-1:hover {\n background-color: var(--secondary);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-28-0-1:active {\n background-color: var(--secondary-dark);\n}\n\n.chipInput-module-ChipInput-icon-HQ7c4-4-28-0-1:focus,\n.chipInput-module-ChipInput-icon-HQ7c4-4-28-0-1:focus-visible {\n outline: var(--border-width-05) solid var(--primary-focus);\n outline-offset: var(--spacing-05);\n}\n";
|
|
10503
|
+
var styles$C = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-28-0-1","ChipInput--regular":"chipInput-module-ChipInput--regular-3ZvCo-4-28-0-1","ChipInput--small":"chipInput-module-ChipInput--small-YXoDv-4-28-0-1","ChipInput--disabled":"chipInput-module-ChipInput--disabled-Qa6ok-4-28-0-1","ChipInput--withChips":"chipInput-module-ChipInput--withChips-svi7y-4-28-0-1","ChipInput--error":"chipInput-module-ChipInput--error-q8y-4-4-28-0-1","ChipInput-wrapper":"chipInput-module-ChipInput-wrapper-NzLiD-4-28-0-1","ChipInput-border--focusRing":"chipInput-module-ChipInput-border--focusRing-Vpauu-4-28-0-1","ChipInput-border--error":"chipInput-module-ChipInput-border--error-lX1Mm-4-28-0-1","ChipInput-input":"chipInput-module-ChipInput-input-ddUDt-4-28-0-1","ChipInput-input--small":"chipInput-module-ChipInput-input--small-OzMCU-4-28-0-1","ChipInput-input--regular":"chipInput-module-ChipInput-input--regular-qiv6--4-28-0-1","ChipInput-icon":"chipInput-module-ChipInput-icon-HQ7c4-4-28-0-1","ChipInput-icon--small":"chipInput-module-ChipInput-icon--small-PciKa-4-28-0-1","ChipInput-icon--regular":"chipInput-module-ChipInput-icon--regular-AJM6E-4-28-0-1"};
|
|
10388
10504
|
styleInject$1(css_248z$E);
|
|
10389
10505
|
|
|
10390
10506
|
var getChipInputBorderFocusRegion = function getChipInputBorderFocusRegion(target, inputClassName) {
|
|
@@ -10665,8 +10781,8 @@
|
|
|
10665
10781
|
return '';
|
|
10666
10782
|
};
|
|
10667
10783
|
|
|
10668
|
-
var css_248z$D = ".verticalNav-module-VerticalNav-Dmfut-4-
|
|
10669
|
-
var styles$B = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-
|
|
10784
|
+
var css_248z$D = ".verticalNav-module-VerticalNav-Dmfut-4-28-0-1 {\n display: inline-flex;\n flex-direction: column;\n}\n\n.verticalNav-module-VerticalNav--expanded-YioJV-4-28-0-1 {\n width: 240px;\n}\n\n.verticalNav-module-VerticalNav-section-LKy0d-4-28-0-1 {\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-28-0-1 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n margin-top: var(--spacing-10);\n margin-bottom: var(--spacing-10);\n}\n\n.verticalNav-module-MenuItem--collapsed-ksvh1-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n pointer-events: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-28-0-1:hover {\n background: var(--secondary);\n text-decoration: none;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-28-0-1:active {\n background: var(--secondary-dark);\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-28-0-1: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-28-0-1:focus:not(:focus-visible) {\n outline: none;\n}\n\n.verticalNav-module-MenuItem--expanded-CNuEg-4-28-0-1:focus-visible {\n clip-path: inset(-6px -6px -6px 0);\n}\n\n.verticalNav-module-MenuItem--expandedRounded-u3k-c-4-28-0-1:focus-visible {\n clip-path: inset(-6px);\n}\n\n.verticalNav-module-MenuItem--disabled-UwXL1-4-28-0-1:focus-visible {\n outline: none;\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n box-shadow: inset 0 0 0 var(--border-width-2-5) var(--primary);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-28-0-1:hover {\n background: var(--primary-lightest);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-28-0-1: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-28-0-1: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-28-0-1: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-28-0-1:active .verticalNav-module-MenuItem-Text-5dxj5-4-28-0-1 {\n color: var(--primary-darker);\n}\n\n.verticalNav-module-MenuItem--active-ocJoe-4-28-0-1: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-28-0-1:focus:not(:focus-visible) {\n outline: none;\n}\n\n.verticalNav-module-MenuItem--rounded-7Cz5E-4-28-0-1 {\n border-radius: var(--border-radius-40);\n}\n\n.verticalNav-module-MenuItem--subMenu-ZHEdU-4-28-0-1 {\n padding-left: 40px;\n}\n\n.verticalNav-module-MenuItem-tqOuM-4-28-0-1 .verticalNav-module-Text-pcT-x-4-28-0-1 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem--overflow-RfJ7G-4-28-0-1 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.verticalNav-module-MenuItem-count-hxliH-4-28-0-1 {\n margin-right: var(--spacing-10);\n flex-shrink: 0;\n}\n\n.verticalNav-module-MenuItem-count--disabled-2tJFi-4-28-0-1 {\n opacity: var(--opacity-10);\n color: var(--text);\n}\n";
|
|
10785
|
+
var styles$B = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-28-0-1","VerticalNav--expanded":"verticalNav-module-VerticalNav--expanded-YioJV-4-28-0-1","VerticalNav-section":"verticalNav-module-VerticalNav-section-LKy0d-4-28-0-1","VerticalNav-section--border":"verticalNav-module-VerticalNav-section--border-II3bk-4-28-0-1","MenuItem":"verticalNav-module-MenuItem-tqOuM-4-28-0-1","MenuItem--horizontal":"verticalNav-module-MenuItem--horizontal-HqCw4-4-28-0-1","MenuItem--vertical":"verticalNav-module-MenuItem--vertical-KTu0E-4-28-0-1","MenuItem--collapsed":"verticalNav-module-MenuItem--collapsed-ksvh1-4-28-0-1","MenuItem--expanded":"verticalNav-module-MenuItem--expanded-CNuEg-4-28-0-1","MenuItem--disabled":"verticalNav-module-MenuItem--disabled-UwXL1-4-28-0-1","MenuItem--expandedRounded":"verticalNav-module-MenuItem--expandedRounded-u3k-c-4-28-0-1","MenuItem--active":"verticalNav-module-MenuItem--active-ocJoe-4-28-0-1","MenuItem--activeExpanded":"verticalNav-module-MenuItem--activeExpanded--GaYh-4-28-0-1","MenuItem--activeExpandedRounded":"verticalNav-module-MenuItem--activeExpandedRounded-hDqIf-4-28-0-1","MenuItem-Text":"verticalNav-module-MenuItem-Text-5dxj5-4-28-0-1","MenuItem--rounded":"verticalNav-module-MenuItem--rounded-7Cz5E-4-28-0-1","MenuItem--subMenu":"verticalNav-module-MenuItem--subMenu-ZHEdU-4-28-0-1","Text":"verticalNav-module-Text-pcT-x-4-28-0-1","MenuItem--overflow":"verticalNav-module-MenuItem--overflow-RfJ7G-4-28-0-1","MenuItem-count":"verticalNav-module-MenuItem-count-hxliH-4-28-0-1","MenuItem-count--disabled":"verticalNav-module-MenuItem-count--disabled-2tJFi-4-28-0-1"};
|
|
10670
10786
|
styleInject$1(css_248z$D);
|
|
10671
10787
|
|
|
10672
10788
|
var MenuIcon = function MenuIcon(props) {
|
|
@@ -11230,8 +11346,8 @@
|
|
|
11230
11346
|
showTooltip: false
|
|
11231
11347
|
};
|
|
11232
11348
|
|
|
11233
|
-
var css_248z$C = ".horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
11234
|
-
var styles$A = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
11349
|
+
var css_248z$C = ".horizontalNav-module-HorizontalNav-TaKHt-4-28-0-1 {\n display: flex;\n}\n\n.horizontalNav-module-HorizontalNav-list-j9LKM-4-28-0-1 {\n display: flex;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n.horizontalNav-module-HorizontalNav-listItem-JJsD1-4-28-0-1 {\n display: flex;\n}\n\n.horizontalNav-module-HorizontalNav-menu-hc7-x-4-28-0-1 {\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-28-0-1 {\n pointer-events: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-28-0-1:focus-visible,\n.horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-28-0-1:focus {\n outline: none;\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-28-0-1: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-28-0-1:hover {\n background-color: var(--secondary);\n}\n\n.horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-28-0-1:active {\n background-color: var(--secondary-dark);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-28-0-1 {\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-28-0-1: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-28-0-1:hover {\n background-color: var(--primary-lightest);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-28-0-1: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-28-0-1:active .horizontalNav-module-HorizontalNav-menuText-hlHtx-4-28-0-1 {\n color: var(--primary-darker);\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-28-0-1: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-28-0-1 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.horizontalNav-module-HorizontalNav-menu--active-LO21D-4-28-0-1,\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-28-0-1 {\n transition-delay: var(--duration--fast-02);\n}\n\n.horizontalNav-module-HorizontalNav-animate-HJvL2-4-28-0-1 {\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.horizontalNav-module-HorizontalNav-pills-Ko7S--4-28-0-1 {\n margin-right: var(--spacing-10);\n}\n\n.horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-28-0-1 {\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-28-0-1 {\n border: var(--border-width-2-5) solid Highlight;\n box-shadow: none;\n }\n\n .horizontalNav-module-HorizontalNav-menu--active-LO21D-4-28-0-1:active,\n .horizontalNav-module-HorizontalNav-menu--active-LO21D-4-28-0-1:focus-visible:active {\n border-color: Highlight;\n box-shadow: none;\n }\n}\n";
|
|
11350
|
+
var styles$A = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-28-0-1","HorizontalNav-list":"horizontalNav-module-HorizontalNav-list-j9LKM-4-28-0-1","HorizontalNav-listItem":"horizontalNav-module-HorizontalNav-listItem-JJsD1-4-28-0-1","HorizontalNav-menu":"horizontalNav-module-HorizontalNav-menu-hc7-x-4-28-0-1","HorizontalNav-menu--disabled":"horizontalNav-module-HorizontalNav-menu--disabled-WDs4e-4-28-0-1","HorizontalNav-menu--default":"horizontalNav-module-HorizontalNav-menu--default-iaSU9-4-28-0-1","HorizontalNav-menu--active":"horizontalNav-module-HorizontalNav-menu--active-LO21D-4-28-0-1","HorizontalNav-menuText":"horizontalNav-module-HorizontalNav-menuText-hlHtx-4-28-0-1","HorizontalNav-animate":"horizontalNav-module-HorizontalNav-animate-HJvL2-4-28-0-1","HorizontalNav-pills":"horizontalNav-module-HorizontalNav-pills-Ko7S--4-28-0-1","HorizontalNav-pills--disabled":"horizontalNav-module-HorizontalNav-pills--disabled-qc3Ao-4-28-0-1"};
|
|
11235
11351
|
styleInject$1(css_248z$C);
|
|
11236
11352
|
|
|
11237
11353
|
var HorizontalNav = function HorizontalNav(props) {
|
|
@@ -11295,38 +11411,43 @@
|
|
|
11295
11411
|
"data-test": "DesignSystem-HorizontalNav--Text",
|
|
11296
11412
|
className: textClasses
|
|
11297
11413
|
}, menu.label));
|
|
11298
|
-
|
|
11299
|
-
|
|
11300
|
-
|
|
11301
|
-
|
|
11302
|
-
|
|
11303
|
-
}
|
|
11304
|
-
|
|
11305
|
-
|
|
11306
|
-
|
|
11307
|
-
|
|
11414
|
+
var renderMenu = function renderMenu() {
|
|
11415
|
+
if (menu.disabled) {
|
|
11416
|
+
return /*#__PURE__*/React__namespace.createElement("span", __assign$1({}, commonProps, {
|
|
11417
|
+
"aria-disabled": "true"
|
|
11418
|
+
}), content);
|
|
11419
|
+
}
|
|
11420
|
+
if (menu.link) {
|
|
11421
|
+
return /*#__PURE__*/React__namespace.createElement("a", __assign$1({}, commonProps, {
|
|
11422
|
+
href: menu.link,
|
|
11423
|
+
"aria-current": isActive ? 'page' : undefined,
|
|
11424
|
+
onClick: function onClick(event) {
|
|
11425
|
+
return onClickHandler(event, menu);
|
|
11426
|
+
}
|
|
11427
|
+
}), content);
|
|
11428
|
+
}
|
|
11429
|
+
return /*#__PURE__*/React__namespace.createElement("button", __assign$1({
|
|
11430
|
+
type: "button"
|
|
11308
11431
|
}, commonProps, {
|
|
11309
|
-
href: menu.link,
|
|
11310
11432
|
"aria-current": isActive ? 'page' : undefined,
|
|
11311
11433
|
onClick: function onClick(event) {
|
|
11312
11434
|
return onClickHandler(event, menu);
|
|
11313
11435
|
}
|
|
11314
11436
|
}), content);
|
|
11315
|
-
}
|
|
11316
|
-
return /*#__PURE__*/React__namespace.createElement("
|
|
11317
|
-
|
|
11318
|
-
|
|
11319
|
-
},
|
|
11320
|
-
"aria-current": isActive ? 'page' : undefined,
|
|
11321
|
-
onClick: function onClick(event) {
|
|
11322
|
-
return onClickHandler(event, menu);
|
|
11323
|
-
}
|
|
11324
|
-
}), content);
|
|
11437
|
+
};
|
|
11438
|
+
return /*#__PURE__*/React__namespace.createElement("li", {
|
|
11439
|
+
key: index,
|
|
11440
|
+
className: styles$A['HorizontalNav-listItem']
|
|
11441
|
+
}, renderMenu());
|
|
11325
11442
|
});
|
|
11326
11443
|
return /*#__PURE__*/React__namespace.createElement("nav", __assign$1({}, baseProps, {
|
|
11327
11444
|
className: classes,
|
|
11328
11445
|
"aria-label": ariaLabel
|
|
11329
|
-
}), list
|
|
11446
|
+
}), list.length > 0 && (/*#__PURE__*/React__namespace.createElement("ul", {
|
|
11447
|
+
role: "list",
|
|
11448
|
+
className: styles$A['HorizontalNav-list'],
|
|
11449
|
+
"data-test": "DesignSystem-HorizontalNav--List"
|
|
11450
|
+
}, list)));
|
|
11330
11451
|
};
|
|
11331
11452
|
|
|
11332
11453
|
var tooltipPropsList = ['trigger', 'on', 'open', 'offset', 'onToggle', 'dark', 'customStyle', 'closeOnBackdropClick', 'hideOnReferenceEscape', 'closeOnScroll'];
|
|
@@ -11462,8 +11583,8 @@
|
|
|
11462
11583
|
secondaryButtonAppearance: 'basic'
|
|
11463
11584
|
};
|
|
11464
11585
|
|
|
11465
|
-
var css_248z$B = ".overlay-module-OverlayHeader-X75uk-4-
|
|
11466
|
-
var styles$z = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-
|
|
11586
|
+
var css_248z$B = ".overlay-module-OverlayHeader-X75uk-4-28-0-1 {\n box-sizing: border-box;\n margin-left: var(--spacing-60);\n}\n\n.overlay-module-OverlayHeader--withBackButton-P8Z6f-4-28-0-1 {\n margin-left: var(--spacing-40);\n}\n\n.overlay-module-OverlayHeader-headerWrapper-wDTqn-4-28-0-1 {\n display: flex;\n align-items: center;\n}\n\n.overlay-module-OverlayHeader-subheading-HGK3Q-4-28-0-1 {\n margin-top: var(--spacing-05);\n}\n\n.overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-28-0-1 {\n margin-left: var(--spacing-20);\n}\n\n.overlay-module-OverlayBody-0aiqy-4-28-0-1 {\n overflow-y: auto;\n}\n\n.overlay-module-Overlay-body--stickFooter-9u7pt-4-28-0-1 {\n margin-bottom: 80px;\n}\n\n.overlay-module-OverlayFooter-0Ne3i-4-28-0-1 {\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";
|
|
11587
|
+
var styles$z = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-28-0-1","OverlayHeader--withBackButton":"overlay-module-OverlayHeader--withBackButton-P8Z6f-4-28-0-1","OverlayHeader-headerWrapper":"overlay-module-OverlayHeader-headerWrapper-wDTqn-4-28-0-1","OverlayHeader-subheading":"overlay-module-OverlayHeader-subheading-HGK3Q-4-28-0-1","OverlayHeader-subheading--withBackButton":"overlay-module-OverlayHeader-subheading--withBackButton-vmR5i-4-28-0-1","OverlayBody":"overlay-module-OverlayBody-0aiqy-4-28-0-1","Overlay-body--stickFooter":"overlay-module-Overlay-body--stickFooter-9u7pt-4-28-0-1","OverlayFooter":"overlay-module-OverlayFooter-0Ne3i-4-28-0-1"};
|
|
11467
11588
|
styleInject$1(css_248z$B);
|
|
11468
11589
|
|
|
11469
11590
|
var OverlayFooter = function OverlayFooter(props) {
|
|
@@ -11542,6 +11663,7 @@
|
|
|
11542
11663
|
className: "mr-4",
|
|
11543
11664
|
icon: "arrow_back",
|
|
11544
11665
|
largeIcon: true,
|
|
11666
|
+
"aria-label": "Go back",
|
|
11545
11667
|
onClick: backButtonCallback || backIconCallback
|
|
11546
11668
|
})), heading && (/*#__PURE__*/React__namespace.createElement(Heading, {
|
|
11547
11669
|
id: headingId,
|
|
@@ -11606,9 +11728,9 @@
|
|
|
11606
11728
|
event.preventDefault();
|
|
11607
11729
|
}
|
|
11608
11730
|
};
|
|
11609
|
-
var FOCUSABLE_SELECTOR = '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"])';
|
|
11731
|
+
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"])';
|
|
11610
11732
|
var getFocusableElements$1 = function getFocusableElements(container) {
|
|
11611
|
-
var elements = container.querySelectorAll(FOCUSABLE_SELECTOR);
|
|
11733
|
+
var elements = container.querySelectorAll(FOCUSABLE_SELECTOR$1);
|
|
11612
11734
|
return Array.from(elements).filter(function (el) {
|
|
11613
11735
|
var style = window.getComputedStyle(el);
|
|
11614
11736
|
var isVisible = style.visibility !== 'hidden' && style.display !== 'none';
|
|
@@ -11731,8 +11853,8 @@
|
|
|
11731
11853
|
});
|
|
11732
11854
|
};
|
|
11733
11855
|
|
|
11734
|
-
var css_248z$A = "@keyframes modal-module-modal-open-XetuH-4-
|
|
11735
|
-
var styles$y = {"Modal":"modal-module-Modal-jy6BE-4-
|
|
11856
|
+
var css_248z$A = "@keyframes modal-module-modal-open-XetuH-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n display: flex;\n}\n\n.modal-module-Modal-animation--open-GPVLI-4-28-0-1 {\n animation: modal-module-modal-open-XetuH-4-28-0-1 var(--duration--moderate-02) var(--entrance-expressive-curve);\n}\n\n.modal-module-Modal-animation--close-re3FT-4-28-0-1 {\n animation: modal-module-modal-close-6bwSt-4-28-0-1 var(--duration--fast-02) var(--exit-expressive-curve);\n}\n\n.modal-module-Modal-header-fdaxo-4-28-0-1 {\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-28-0-1 {\n border-bottom: var(--border);\n}\n\n.modal-module-Modal-description-yJzzp-4-28-0-1 {\n padding: var(--spacing-20) 0;\n}\n\n.modal-module-Modal-footer-njNb3-4-28-0-1 {\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-28-0-1 {\n border-top: var(--border);\n}\n\n.modal-module-Modal-body-kEuY3-4-28-0-1 {\n padding: 0 var(--spacing-60);\n}\n\n.modal-module-Modal-body--withMargin-QJGL1-4-28-0-1 {\n margin-bottom: 80px;\n}\n\n.modal-module-Modal-body--withPadding-sX2cE-4-28-0-1 {\n padding-bottom: var(--spacing-40);\n}\n\n.modal-module-Modal-jy6BE-4-28-0-1:focus {\n outline: none;\n}\n\n.modal-module-Modal-header-fdaxo-4-28-0-1 [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-28-0-1 {\n border: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n}\n";
|
|
11857
|
+
var styles$y = {"Modal":"modal-module-Modal-jy6BE-4-28-0-1","Modal--open":"modal-module-Modal--open-pEOMN-4-28-0-1","Modal-animation--open":"modal-module-Modal-animation--open-GPVLI-4-28-0-1","modal-open":"modal-module-modal-open-XetuH-4-28-0-1","Modal-animation--close":"modal-module-Modal-animation--close-re3FT-4-28-0-1","modal-close":"modal-module-modal-close-6bwSt-4-28-0-1","Modal-header":"modal-module-Modal-header-fdaxo-4-28-0-1","Modal-header--withSeperator":"modal-module-Modal-header--withSeperator-JuBGt-4-28-0-1","Modal-description":"modal-module-Modal-description-yJzzp-4-28-0-1","Modal-footer":"modal-module-Modal-footer-njNb3-4-28-0-1","Modal-footer--withSeperator":"modal-module-Modal-footer--withSeperator-E6Dfh-4-28-0-1","Modal-body":"modal-module-Modal-body-kEuY3-4-28-0-1","Modal-body--withMargin":"modal-module-Modal-body--withMargin-QJGL1-4-28-0-1","Modal-body--withPadding":"modal-module-Modal-body--withPadding-sX2cE-4-28-0-1"};
|
|
11736
11858
|
styleInject$1(css_248z$A);
|
|
11737
11859
|
|
|
11738
11860
|
var modalInstanceCounter = 0;
|
|
@@ -12007,6 +12129,7 @@
|
|
|
12007
12129
|
}, /*#__PURE__*/React__namespace.createElement(Button, {
|
|
12008
12130
|
icon: "close",
|
|
12009
12131
|
appearance: "transparent",
|
|
12132
|
+
"aria-label": "Close",
|
|
12010
12133
|
"data-test": "DesignSystem-Modal--CloseButton",
|
|
12011
12134
|
onClick: function onClick(event) {
|
|
12012
12135
|
if (onClose) onClose(event, 'IconClick');
|
|
@@ -12047,8 +12170,8 @@
|
|
|
12047
12170
|
};
|
|
12048
12171
|
ModalFooter.displayName = 'ModalFooter';
|
|
12049
12172
|
|
|
12050
|
-
var css_248z$z = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-
|
|
12051
|
-
var styles$x = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-
|
|
12173
|
+
var css_248z$z = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n animation: fullscreenModal-module-fullscreenModal-open-62v3L-4-28-0-1 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-28-0-1 {\n animation: fullscreenModal-module-fullscreenModal-close-7gVSl-4-28-0-1 120ms cubic-bezier(0.4, 0.14, 1, 1);\n}\n\n.fullscreenModal-module-FullscreenModal-header-sDsnU-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n padding: var(--spacing-40) var(--spacing-60);\n}\n";
|
|
12174
|
+
var styles$x = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-28-0-1","FullscreenModal-animation--open":"fullscreenModal-module-FullscreenModal-animation--open--3N-S-4-28-0-1","fullscreenModal-open":"fullscreenModal-module-fullscreenModal-open-62v3L-4-28-0-1","FullscreenModal-animation--close":"fullscreenModal-module-FullscreenModal-animation--close-BR--s-4-28-0-1","fullscreenModal-close":"fullscreenModal-module-fullscreenModal-close-7gVSl-4-28-0-1","FullscreenModal-header":"fullscreenModal-module-FullscreenModal-header-sDsnU-4-28-0-1","FullscreenModal-footer":"fullscreenModal-module-FullscreenModal-footer-iQzjY-4-28-0-1","FullscreenModal-body":"fullscreenModal-module-FullscreenModal-body-7vbJl-4-28-0-1"};
|
|
12052
12175
|
styleInject$1(css_248z$z);
|
|
12053
12176
|
|
|
12054
12177
|
var fullscreenModalInstanceCounter = 0;
|
|
@@ -12220,8 +12343,8 @@
|
|
|
12220
12343
|
return FullscreenModal;
|
|
12221
12344
|
}(React__namespace.Component);
|
|
12222
12345
|
|
|
12223
|
-
var css_248z$y = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-
|
|
12224
|
-
var styles$w = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-
|
|
12346
|
+
var css_248z$y = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-28-0-1 {\n from {\n right: -100%;\n }\n to {\n right: 0;\n }\n}\n\n@keyframes sidesheet-module-sidesheet-close-iHEhI-4-28-0-1 {\n from {\n right: 0;\n }\n to {\n right: -100%;\n }\n}\n\n@keyframes sidesheet-module-shift-right-spacing-3-0drfg-4-28-0-1 {\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-28-0-1 {\n from {\n transform: translateX(var(--spacing-80));\n }\n to {\n transform: translateX(0);\n }\n}\n\n.sidesheet-module-Sidesheet-NOxgD-4-28-0-1 {\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-28-0-1 {\n visibility: visible;\n}\n\n.sidesheet-module-Sidesheet-animation--open-J-A5h-4-28-0-1 {\n animation: sidesheet-module-sidesheet-open-8Xjl--4-28-0-1 240ms cubic-bezier(0, 0, 0.3, 1);\n}\n\n.sidesheet-module-Sidesheet-animation--close-hu-c0-4-28-0-1 {\n animation: sidesheet-module-sidesheet-close-iHEhI-4-28-0-1 120ms cubic-bezier(0.4, 0.14, 1, 1);\n animation-fill-mode: forwards;\n}\n\n.sidesheet-module-Sidesheet-header--NeWW-4-28-0-1 {\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-28-0-1 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-body-M4-ag-4-28-0-1 {\n padding: 0 var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-28-0-1 {\n margin-bottom: 80px;\n}\n\n.sidesheet-module-Sidesheet-footer-PXjKf-4-28-0-1 {\n padding-top: var(--spacing-60);\n padding-bottom: var(--spacing-60);\n}\n\n.sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-28-0-1 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n\n.sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-28-0-1 {\n position: absolute;\n bottom: 0;\n}\n\n.sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-28-0-1 {\n animation: sidesheet-module-shift-right-spacing-3-0drfg-4-28-0-1 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-28-0-1 {\n animation: sidesheet-module-shift-left-spacing-3-6M1aJ-4-28-0-1 var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-28-0-1 {\n animation: sidesheet-module-fadeIn-LZlsa-4-28-0-1 var(--duration--fast-02) var(--standard-productive-curve);\n}\n\n.sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-28-0-1 {\n animation: sidesheet-module-fadeIn-LZlsa-4-28-0-1 var(--duration--fast-02) var(--standard-expressive-curve);\n}\n\n.sidesheet-module-Sidesheet-NOxgD-4-28-0-1:focus {\n outline: none;\n}\n\n.sidesheet-module-Sidesheet-header--NeWW-4-28-0-1 [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-28-0-1 {\n border-left: var(--border-width-2-5) solid ButtonText;\n box-shadow: none;\n }\n}\n";
|
|
12347
|
+
var styles$w = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-28-0-1","Sidesheet--open":"sidesheet-module-Sidesheet--open-susbv-4-28-0-1","Sidesheet-animation--open":"sidesheet-module-Sidesheet-animation--open-J-A5h-4-28-0-1","sidesheet-open":"sidesheet-module-sidesheet-open-8Xjl--4-28-0-1","Sidesheet-animation--close":"sidesheet-module-Sidesheet-animation--close-hu-c0-4-28-0-1","sidesheet-close":"sidesheet-module-sidesheet-close-iHEhI-4-28-0-1","Sidesheet-header":"sidesheet-module-Sidesheet-header--NeWW-4-28-0-1","Sidesheet-header--withSeperator":"sidesheet-module-Sidesheet-header--withSeperator-NT81x-4-28-0-1","Sidesheet-body":"sidesheet-module-Sidesheet-body-M4-ag-4-28-0-1","Sidesheet-body--withMargin":"sidesheet-module-Sidesheet-body--withMargin-sz-fg-4-28-0-1","Sidesheet-footer":"sidesheet-module-Sidesheet-footer-PXjKf-4-28-0-1","Sidesheet-footer--withSeperator":"sidesheet-module-Sidesheet-footer--withSeperator-dePlQ-4-28-0-1","Sidesheet-footer--stickToBottom":"sidesheet-module-Sidesheet-footer--stickToBottom-QdtOq-4-28-0-1","Sidesheet-header--shiftRight":"sidesheet-module-Sidesheet-header--shiftRight-cGhUZ-4-28-0-1","shift-right-spacing-3":"sidesheet-module-shift-right-spacing-3-0drfg-4-28-0-1","Sidesheet-header--shiftLeft":"sidesheet-module-Sidesheet-header--shiftLeft-t3PAU-4-28-0-1","shift-left-spacing-3":"sidesheet-module-shift-left-spacing-3-6M1aJ-4-28-0-1","Sidesheet-body--nextPage":"sidesheet-module-Sidesheet-body--nextPage-jIMMM-4-28-0-1","fadeIn":"sidesheet-module-fadeIn-LZlsa-4-28-0-1","Sidesheet-body--firstPage":"sidesheet-module-Sidesheet-body--firstPage-6LHoK-4-28-0-1"};
|
|
12225
12348
|
styleInject$1(css_248z$y);
|
|
12226
12349
|
|
|
12227
12350
|
var sidesheetWidth = {
|
|
@@ -12474,8 +12597,8 @@
|
|
|
12474
12597
|
return Sidesheet;
|
|
12475
12598
|
}(React__namespace.Component);
|
|
12476
12599
|
|
|
12477
|
-
var css_248z$x = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
12478
|
-
var styles$v = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
12600
|
+
var css_248z$x = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-28-0-1 {\n position: relative;\n z-index: 600;\n}\n\n.collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-28-0-1 {\n margin-right: 40px;\n}\n\n.collapsible-module-Collapsible-R-E0M-4-28-0-1 {\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-28-0-1 {\n position: absolute;\n}\n\n.collapsible-module-Collapsible--shadow-ObNC6-4-28-0-1 {\n box-shadow: var(--shadow-l);\n clip-path: inset(0px -16px 0px 0px);\n}\n\n.collapsible-module-Collapsible-body-63KgR-4-28-0-1 {\n flex-grow: 1;\n overflow-y: auto;\n overflow-x: hidden;\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-28-0-1 {\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-28-0-1:hover {\n background-color: var(--secondary-lighter);\n}\n\n.collapsible-module-Collapsible-footer-cTQby-4-28-0-1:focus,\n.collapsible-module-Collapsible-footer-cTQby-4-28-0-1: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-28-0-1:active {\n background-color: var(--secondary-light);\n}\n\n.collapsible-module-Collapsible-footer--seperator-4XHlt-4-28-0-1 {\n border-top: var(--border-width-2-5) solid var(--secondary-light);\n}\n";
|
|
12601
|
+
var styles$v = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-28-0-1","Collapsible-wrapper--overlay":"collapsible-module-Collapsible-wrapper--overlay-HpWG9-4-28-0-1","Collapsible":"collapsible-module-Collapsible-R-E0M-4-28-0-1","Collapsible--overlay":"collapsible-module-Collapsible--overlay-UiWwK-4-28-0-1","Collapsible--shadow":"collapsible-module-Collapsible--shadow-ObNC6-4-28-0-1","Collapsible-body":"collapsible-module-Collapsible-body-63KgR-4-28-0-1","Collapsible-footer":"collapsible-module-Collapsible-footer-cTQby-4-28-0-1","Collapsible-footer--seperator":"collapsible-module-Collapsible-footer--seperator-4XHlt-4-28-0-1"};
|
|
12479
12602
|
styleInject$1(css_248z$x);
|
|
12480
12603
|
|
|
12481
12604
|
var Collapsible = function Collapsible(props) {
|
|
@@ -12570,8 +12693,8 @@
|
|
|
12570
12693
|
withTrigger: true
|
|
12571
12694
|
};
|
|
12572
12695
|
|
|
12573
|
-
var css_248z$w = ".chat-module-Box-nVkrd-4-
|
|
12574
|
-
var styles$u = {"Box":"chat-module-Box-nVkrd-4-
|
|
12696
|
+
var css_248z$w = ".chat-module-Box-nVkrd-4-28-0-1 {\n width: 100%;\n border-radius: var(--border-radius-20);\n padding: var(--spacing-30);\n}\n\n.chat-module-Box--typing-WmXRM-4-28-0-1 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.chat-module-Box--incoming-8KEhx-4-28-0-1 {\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-28-0-1 {\n background-color: var(--secondary-lightest);\n}\n\n.chat-module-Box-incoming--withStatus-gGxq9-4-28-0-1 {\n border-bottom-left-radius: 0;\n}\n\n.chat-module-Box-outgoing--withStatus-fYw1d-4-28-0-1 {\n border-bottom-right-radius: 0;\n}\n\n.chat-module-Box--urgent-LErV3-4-28-0-1 {\n border-color: var(--alert);\n}\n\n.chat-module-ChatMessage-status-snoof-4-28-0-1 {\n margin-top: var(--spacing-10);\n display: block;\n}\n";
|
|
12697
|
+
var styles$u = {"Box":"chat-module-Box-nVkrd-4-28-0-1","Box--typing":"chat-module-Box--typing-WmXRM-4-28-0-1","Box--incoming":"chat-module-Box--incoming-8KEhx-4-28-0-1","Box--outgoing":"chat-module-Box--outgoing-eC7L7-4-28-0-1","Box-incoming--withStatus":"chat-module-Box-incoming--withStatus-gGxq9-4-28-0-1","Box-outgoing--withStatus":"chat-module-Box-outgoing--withStatus-fYw1d-4-28-0-1","Box--urgent":"chat-module-Box--urgent-LErV3-4-28-0-1","ChatMessage-status":"chat-module-ChatMessage-status-snoof-4-28-0-1"};
|
|
12575
12698
|
styleInject$1(css_248z$w);
|
|
12576
12699
|
|
|
12577
12700
|
var Status$1 = function Status(props) {
|
|
@@ -12749,8 +12872,8 @@
|
|
|
12749
12872
|
|
|
12750
12873
|
var EmptyStateContext = /*#__PURE__*/React__namespace.createContext({});
|
|
12751
12874
|
|
|
12752
|
-
var css_248z$v = ".emptyState-module-EmptyState-xAbqT-4-
|
|
12753
|
-
var styles$t = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-
|
|
12875
|
+
var css_248z$v = ".emptyState-module-EmptyState-xAbqT-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n text-align: center;\n max-width: 480px;\n}\n\n.emptyState-module-EmptyState-description-orGdo-4-28-0-1 {\n text-align: center;\n margin-top: var(--spacing-10);\n max-width: 360px;\n}\n\n.emptyState-module-EmptyState-title--large-64J7i-4-28-0-1 {\n margin-top: var(--spacing-120);\n}\n\n.emptyState-module-EmptyState-title--small-lEDPt-4-28-0-1 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--large-hMXtK-4-28-0-1 {\n margin-bottom: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-description--small-gq50n-4-28-0-1 {\n margin-bottom: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-text-1y-HU-4-28-0-1 {\n display: flex;\n text-align: center;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-actions-xhSau-4-28-0-1 {\n display: flex;\n justify-content: center;\n}\n\n.emptyState-module-EmptyState-title--compressed-Pp9jF-4-28-0-1 {\n margin-top: var(--spacing-40);\n}\n.emptyState-module-EmptyState-title--standard-XtKl2-4-28-0-1 {\n margin-top: var(--spacing-60);\n}\n.emptyState-module-EmptyState-title--tight-ZSyIK-4-28-0-1 {\n margin-top: var(--spacing-30);\n}\n\n.emptyState-module-EmptyState-actions--compressed-E8-g2-4-28-0-1 {\n margin-top: var(--spacing-40);\n}\n\n.emptyState-module-EmptyState-actions--standard-G3fT9-4-28-0-1 {\n margin-top: var(--spacing-60);\n}\n\n.emptyState-module-EmptyState-actions--tight-mfayn-4-28-0-1 {\n margin-top: var(--spacing-30);\n}\n";
|
|
12876
|
+
var styles$t = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-28-0-1","EmptyState-Wrapper":"emptyState-module-EmptyState-Wrapper-IqIuE-4-28-0-1","EmptyState-image":"emptyState-module-EmptyState-image-GWUhK-4-28-0-1","EmptyState-title":"emptyState-module-EmptyState-title-VlvHo-4-28-0-1","EmptyState-description":"emptyState-module-EmptyState-description-orGdo-4-28-0-1","EmptyState-title--large":"emptyState-module-EmptyState-title--large-64J7i-4-28-0-1","EmptyState-title--small":"emptyState-module-EmptyState-title--small-lEDPt-4-28-0-1","EmptyState-description--large":"emptyState-module-EmptyState-description--large-hMXtK-4-28-0-1","EmptyState-description--small":"emptyState-module-EmptyState-description--small-gq50n-4-28-0-1","EmptyState-text":"emptyState-module-EmptyState-text-1y-HU-4-28-0-1","EmptyState-actions":"emptyState-module-EmptyState-actions-xhSau-4-28-0-1","EmptyState-title--compressed":"emptyState-module-EmptyState-title--compressed-Pp9jF-4-28-0-1","EmptyState-title--standard":"emptyState-module-EmptyState-title--standard-XtKl2-4-28-0-1","EmptyState-title--tight":"emptyState-module-EmptyState-title--tight-ZSyIK-4-28-0-1","EmptyState-actions--compressed":"emptyState-module-EmptyState-actions--compressed-E8-g2-4-28-0-1","EmptyState-actions--standard":"emptyState-module-EmptyState-actions--standard-G3fT9-4-28-0-1","EmptyState-actions--tight":"emptyState-module-EmptyState-actions--tight-mfayn-4-28-0-1"};
|
|
12754
12877
|
styleInject$1(css_248z$v);
|
|
12755
12878
|
|
|
12756
12879
|
var imageHeight$1 = {
|
|
@@ -13129,8 +13252,8 @@
|
|
|
13129
13252
|
pageJumpDebounceDuration: 750
|
|
13130
13253
|
};
|
|
13131
13254
|
|
|
13132
|
-
var css_248z$u = ".editableInput-module-EditableInput-jeeBB-4-
|
|
13133
|
-
var styles$s = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-
|
|
13255
|
+
var css_248z$u = ".editableInput-module-EditableInput-jeeBB-4-28-0-1 {\n position: relative;\n display: inline-flex;\n flex-direction: column;\n width: 100%;\n}\n\n.editableInput-module-EditableInput-jeeBB-4-28-0-1:focus-visible {\n outline: none;\n}\n\n.editableInput-module-EditableInput-actions-L90fR-4-28-0-1 {\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-28-0-1 {\n top: var(--spacing-80);\n}\n\n.editableInput-module-EditableInput-actions--tiny-kIRx4-4-28-0-1 {\n top: var(--spacing-60);\n}\n\n.editableInput-module-EditableInput-default-PLtoY-4-28-0-1 {\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-28-0-1:hover {\n background: var(--secondary-lighter);\n border-color: var(--secondary-dark);\n}\n\n.editableInput-module-EditableInput-jeeBB-4-28-0-1:focus-visible .editableInput-module-EditableInput-default-PLtoY-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n min-width: var(--spacing-240) !important;\n width: 100%;\n}\n\n.editableInput-module-EditableInput-errorIcon--regular-srzrI-4-28-0-1 {\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-28-0-1 {\n margin-right: var(--spacing-10);\n margin-top: var(--spacing-05);\n margin-bottom: var(--spacing-05);\n}\n";
|
|
13256
|
+
var styles$s = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-28-0-1","EditableInput-actions":"editableInput-module-EditableInput-actions-L90fR-4-28-0-1","EditableInput-actions--regular":"editableInput-module-EditableInput-actions--regular-ShViM-4-28-0-1","EditableInput-actions--tiny":"editableInput-module-EditableInput-actions--tiny-kIRx4-4-28-0-1","EditableInput-default":"editableInput-module-EditableInput-default-PLtoY-4-28-0-1","EditableInput-default--regular":"editableInput-module-EditableInput-default--regular-M9hwS-4-28-0-1","EditableInput-default--tiny":"editableInput-module-EditableInput-default--tiny-PMLyx-4-28-0-1","EditableInput-Input--tiny":"editableInput-module-EditableInput-Input--tiny-3FTNw-4-28-0-1","EditableInput-errorIcon--regular":"editableInput-module-EditableInput-errorIcon--regular-srzrI-4-28-0-1","EditableInput-errorIcon--tiny":"editableInput-module-EditableInput-errorIcon--tiny-Is2wT-4-28-0-1"};
|
|
13134
13257
|
styleInject$1(css_248z$u);
|
|
13135
13258
|
|
|
13136
13259
|
var EditableInput = function EditableInput(props) {
|
|
@@ -13316,8 +13439,8 @@
|
|
|
13316
13439
|
inputOptions: {}
|
|
13317
13440
|
};
|
|
13318
13441
|
|
|
13319
|
-
var css_248z$t = ".editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
13320
|
-
var styles$r = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
13442
|
+
var css_248z$t = ".editableChipInput-module-EditableChipInput-fDBaL-4-28-0-1 {\n position: relative;\n width: 100%;\n}\n\n.editableChipInput-module-EditableChipInput-fDBaL-4-28-0-1:focus-visible {\n outline: none;\n}\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-28-0-1 {\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-28-0-1 {\n min-height: var(--spacing-60);\n padding-left: var(--spacing-20);\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-28-0-1 {\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-28-0-1 {\n min-height: var(--spacing-60);\n padding-top: 0;\n padding-bottom: 0;\n}\n\n.editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-28-0-1:hover,\n.editableChipInput-module-EditableChipInput-default-ANzd8-4-28-0-1: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-28-0-1:focus-visible .editableChipInput-module-EditableChipInput-default-ANzd8-4-28-0-1,\n.editableChipInput-module-EditableChipInput-fDBaL-4-28-0-1:focus-visible .editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-28-0-1 {\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-28-0-1 {\n padding-left: var(--spacing-20);\n}\n\n.editableChipInput-module-EditableChipInput-chip--regular-tu7Cr-4-28-0-1 {\n margin: var(--spacing-05);\n}\n\n.editableChipInput-module-EditableChipInput-chip--small-RrZ8t-4-28-0-1 {\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-28-0-1 {\n padding-top: 0;\n}\n\n.editableChipInput-module-EditableChipInput-actions-S7NrY-4-28-0-1 {\n position: absolute;\n display: flex;\n justify-content: flex-end;\n margin-top: var(--spacing-10);\n width: 100%;\n}\n";
|
|
13443
|
+
var styles$r = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-28-0-1","EditableChipInput-default":"editableChipInput-module-EditableChipInput-default-ANzd8-4-28-0-1","EditableChipInput-default--small":"editableChipInput-module-EditableChipInput-default--small-xl1hZ-4-28-0-1","EditableChipInput-defaultWithChips":"editableChipInput-module-EditableChipInput-defaultWithChips-L8I99-4-28-0-1","EditableChipInput-defaultWithChips--small":"editableChipInput-module-EditableChipInput-defaultWithChips--small-BobGP-4-28-0-1","EditableChipInput-chipInput":"editableChipInput-module-EditableChipInput-chipInput-5LAer-4-28-0-1","EditableChipInput-chip--regular":"editableChipInput-module-EditableChipInput-chip--regular-tu7Cr-4-28-0-1","EditableChipInput-chip--small":"editableChipInput-module-EditableChipInput-chip--small-RrZ8t-4-28-0-1","EditableChipInput-placeholder--small":"editableChipInput-module-EditableChipInput-placeholder--small-p3kgo-4-28-0-1","EditableChipInput-actions":"editableChipInput-module-EditableChipInput-actions-S7NrY-4-28-0-1"};
|
|
13321
13444
|
styleInject$1(css_248z$t);
|
|
13322
13445
|
|
|
13323
13446
|
var EditableChipInput = function EditableChipInput(props) {
|
|
@@ -13501,8 +13624,8 @@
|
|
|
13501
13624
|
chipInputOptions: {}
|
|
13502
13625
|
};
|
|
13503
13626
|
|
|
13504
|
-
var css_248z$s = ".progressRing-module-Ring-6kz7n-4-
|
|
13505
|
-
var styles$q = {"Ring":"progressRing-module-Ring-6kz7n-4-
|
|
13627
|
+
var css_248z$s = ".progressRing-module-Ring-6kz7n-4-28-0-1 {\n transform: rotate(-90deg);\n}\n\n.progressRing-module-Ring--small-h-W58-4-28-0-1 {\n height: var(--spacing-40);\n width: var(--spacing-40);\n}\n\n.progressRing-module-Ring--regular-PU85S-4-28-0-1 {\n height: var(--spacing-80);\n width: var(--spacing-80);\n}\n\n.progressRing-module-Ring--large-2xhS6-4-28-0-1 {\n height: var(--spacing-120);\n width: var(--spacing-120);\n}\n\n.progressRing-module-Ring-6kz7n-4-28-0-1 Circle {\n fill: none;\n}\n\n.progressRing-module-Ring-background-Pxm3y-4-28-0-1 {\n stroke: var(--secondary-lightest);\n}\n\n.progressRing-module-Ring-indicator-OwMxU-4-28-0-1 {\n stroke: var(--primary);\n transition: var(--duration--slow-01) var(--standard-expressive-curve);\n}\n";
|
|
13628
|
+
var styles$q = {"Ring":"progressRing-module-Ring-6kz7n-4-28-0-1","Ring--small":"progressRing-module-Ring--small-h-W58-4-28-0-1","Ring--regular":"progressRing-module-Ring--regular-PU85S-4-28-0-1","Ring--large":"progressRing-module-Ring--large-2xhS6-4-28-0-1","Ring-background":"progressRing-module-Ring-background-Pxm3y-4-28-0-1","Ring-indicator":"progressRing-module-Ring-indicator-OwMxU-4-28-0-1"};
|
|
13506
13629
|
styleInject$1(css_248z$s);
|
|
13507
13630
|
|
|
13508
13631
|
var ProgressRing = function ProgressRing(props) {
|
|
@@ -13557,8 +13680,8 @@
|
|
|
13557
13680
|
max: 100
|
|
13558
13681
|
};
|
|
13559
13682
|
|
|
13560
|
-
var css_248z$r = ".stepper-module-Stepper-2fHQy-4-
|
|
13561
|
-
var styles$p = {"Stepper":"stepper-module-Stepper-2fHQy-4-
|
|
13683
|
+
var css_248z$r = ".stepper-module-Stepper-2fHQy-4-28-0-1 {\n display: flex;\n}\n\n.stepper-module-Step-U1Ae--4-28-0-1 {\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-28-0-1:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step-U1Ae--4-28-0-1:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step-U1Ae--4-28-0-1:focus,\n.stepper-module-Step-U1Ae--4-28-0-1: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-28-0-1 {\n color: var(--primary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-28-0-1:hover {\n background-color: var(--secondary);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-28-0-1:active {\n background-color: var(--secondary-dark);\n}\n\n.stepper-module-Step--completed-W1Ltb-4-28-0-1:focus,\n.stepper-module-Step--completed-W1Ltb-4-28-0-1: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-28-0-1 {\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-28-0-1:hover {\n background-color: var(--primary-lighter);\n}\n\n.stepper-module-Step--active-OpxVe-4-28-0-1:focus,\n.stepper-module-Step--active-OpxVe-4-28-0-1: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-28-0-1:active {\n background-color: var(--primary-lighter);\n color: var(--primary-darker);\n}\n\n.stepper-module-Step--active-OpxVe-4-28-0-1:active .stepper-module-Stepper-text-1S78v-4-28-0-1 {\n color: var(--primary-darker);\n}\n\n/* Disabled State */\n\n.stepper-module-Step--disabled-2l-AC-4-28-0-1 {\n cursor: not-allowed;\n color: var(--inverse-lightest);\n pointer-events: none;\n}\n\n.stepper-module-Stepper-animate-Tgb9L-4-28-0-1 {\n transition-delay: var(--duration--fast-02);\n transition: var(--duration--fast-02) var(--standard-productive-curve);\n}\n";
|
|
13684
|
+
var styles$p = {"Stepper":"stepper-module-Stepper-2fHQy-4-28-0-1","Step":"stepper-module-Step-U1Ae--4-28-0-1","Step--completed":"stepper-module-Step--completed-W1Ltb-4-28-0-1","Step--active":"stepper-module-Step--active-OpxVe-4-28-0-1","Stepper-text":"stepper-module-Stepper-text-1S78v-4-28-0-1","Step--disabled":"stepper-module-Step--disabled-2l-AC-4-28-0-1","Stepper-animate":"stepper-module-Stepper-animate-Tgb9L-4-28-0-1"};
|
|
13562
13685
|
styleInject$1(css_248z$r);
|
|
13563
13686
|
|
|
13564
13687
|
var Step$1 = /*#__PURE__*/React__namespace.forwardRef(function (props, ref) {
|
|
@@ -13714,8 +13837,8 @@
|
|
|
13714
13837
|
skipIndexes: []
|
|
13715
13838
|
};
|
|
13716
13839
|
|
|
13717
|
-
var css_248z$q = ".dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
13718
|
-
var styles$o = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
13840
|
+
var css_248z$q = ".dateRangePicker-module-DateRangePicker-XQroW-4-28-0-1 {\n display: flex;\n}\n\n.dateRangePicker-module-DateRangePicker--left-h3kfr-4-28-0-1 {\n flex-direction: row;\n}\n\n.dateRangePicker-module-DateRangePicker--right-0yzI--4-28-0-1 {\n flex-direction: row-reverse;\n}\n\n.dateRangePicker-module-DateRangePicker-input-OZjbS-4-28-0-1 {\n box-sizing: border-box;\n}\n\n.dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-28-0-1 {\n padding-right: var(--spacing-10);\n}\n\n.dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-28-0-1 {\n padding-left: var(--spacing-10);\n}\n\n@media (max-width: 576px) {\n .dateRangePicker-module-DateRangePicker--left-h3kfr-4-28-0-1,\n .dateRangePicker-module-DateRangePicker--right-0yzI--4-28-0-1 {\n flex-direction: column;\n }\n\n .dateRangePicker-module-DateRangePicker-input-OZjbS-4-28-0-1 {\n padding: 0;\n }\n\n .dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-28-0-1 {\n padding-top: var(--spacing-20);\n }\n}\n";
|
|
13841
|
+
var styles$o = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-28-0-1","DateRangePicker--left":"dateRangePicker-module-DateRangePicker--left-h3kfr-4-28-0-1","DateRangePicker--right":"dateRangePicker-module-DateRangePicker--right-0yzI--4-28-0-1","DateRangePicker-input":"dateRangePicker-module-DateRangePicker-input-OZjbS-4-28-0-1","DateRangePicker-input--startDate":"dateRangePicker-module-DateRangePicker-input--startDate-bwoAB-4-28-0-1","DateRangePicker-input--endDate":"dateRangePicker-module-DateRangePicker-input--endDate-kxZGI-4-28-0-1"};
|
|
13719
13842
|
styleInject$1(css_248z$q);
|
|
13720
13843
|
|
|
13721
13844
|
var Trigger = function Trigger(props) {
|
|
@@ -13725,7 +13848,15 @@
|
|
|
13725
13848
|
endInputOptions = props.endInputOptions,
|
|
13726
13849
|
validators = props.validators,
|
|
13727
13850
|
state = props.state,
|
|
13728
|
-
setState = props.setState
|
|
13851
|
+
setState = props.setState,
|
|
13852
|
+
startInputRef = props.startInputRef,
|
|
13853
|
+
endInputRef = props.endInputRef,
|
|
13854
|
+
onStartInputKeyDown = props.onStartInputKeyDown,
|
|
13855
|
+
onEndInputKeyDown = props.onEndInputKeyDown,
|
|
13856
|
+
onStartInputActivate = props.onStartInputActivate,
|
|
13857
|
+
onEndInputActivate = props.onEndInputActivate;
|
|
13858
|
+
var startInputIdRef = React__namespace.useRef("DesignSystem-DateRangePicker-startInput-" + uidGenerator());
|
|
13859
|
+
var endInputIdRef = React__namespace.useRef("DesignSystem-DateRangePicker-endInput-" + uidGenerator());
|
|
13729
13860
|
var init = state.init,
|
|
13730
13861
|
startDate = state.startDate,
|
|
13731
13862
|
endDate = state.endDate,
|
|
@@ -13883,6 +14014,8 @@
|
|
|
13883
14014
|
}
|
|
13884
14015
|
};
|
|
13885
14016
|
var onClickHandler = function onClickHandler(type) {
|
|
14017
|
+
if (type === 'start') onStartInputActivate === null || onStartInputActivate === void 0 ? void 0 : onStartInputActivate();
|
|
14018
|
+
if (type === 'end') onEndInputActivate === null || onEndInputActivate === void 0 ? void 0 : onEndInputActivate();
|
|
13886
14019
|
var open = state.open;
|
|
13887
14020
|
if (!open) {
|
|
13888
14021
|
updateNav(type);
|
|
@@ -13895,8 +14028,16 @@
|
|
|
13895
14028
|
var showEndError = endInputOptions.error || endInputOptions.required && endError && init;
|
|
13896
14029
|
var startErrorMessage = startInputOptions.caption === undefined ? 'Invalid value' : startInputOptions.caption;
|
|
13897
14030
|
var endErrorMessage = endInputOptions.caption === undefined ? 'Invalid value' : endInputOptions.caption;
|
|
13898
|
-
var startLabel = startInputOptions.label
|
|
13899
|
-
|
|
14031
|
+
var startLabel = startInputOptions.label,
|
|
14032
|
+
startIdOption = startInputOptions.id,
|
|
14033
|
+
startOptionsKeyDown = startInputOptions.onKeyDown,
|
|
14034
|
+
startInputRest = __rest(startInputOptions, ["label", "id", "onKeyDown"]);
|
|
14035
|
+
var endLabel = endInputOptions.label,
|
|
14036
|
+
endIdOption = endInputOptions.id,
|
|
14037
|
+
endOptionsKeyDown = endInputOptions.onKeyDown,
|
|
14038
|
+
endInputRest = __rest(endInputOptions, ["label", "id", "onKeyDown"]);
|
|
14039
|
+
var startInputId = startIdOption || startInputIdRef.current;
|
|
14040
|
+
var endInputId = endIdOption || endInputIdRef.current;
|
|
13900
14041
|
var inputValidator = function inputValidator(val) {
|
|
13901
14042
|
return isValid(validators, val, inputFormat);
|
|
13902
14043
|
};
|
|
@@ -13910,11 +14051,15 @@
|
|
|
13910
14051
|
className: StartInputClassName
|
|
13911
14052
|
}, startLabel && (/*#__PURE__*/React__namespace.createElement(Label, {
|
|
13912
14053
|
required: startInputOptions.required,
|
|
13913
|
-
withInput: true
|
|
14054
|
+
withInput: true,
|
|
14055
|
+
htmlFor: startInputId
|
|
13914
14056
|
}, startLabel)), /*#__PURE__*/React__namespace.createElement(X, __assign$1({
|
|
13915
14057
|
icon: "events",
|
|
13916
14058
|
placeholder: inputFormat
|
|
13917
|
-
},
|
|
14059
|
+
}, startInputRest, {
|
|
14060
|
+
id: startInputId,
|
|
14061
|
+
label: startLabel,
|
|
14062
|
+
ref: startInputRef,
|
|
13918
14063
|
mask: mask,
|
|
13919
14064
|
value: startDate ? translateToString(inputFormat, startDate) : init ? X.utils.getDefaultValue(mask, startPlaceholderChar) : '',
|
|
13920
14065
|
onChange: function onChange(e, val) {
|
|
@@ -13926,6 +14071,12 @@
|
|
|
13926
14071
|
onBlur: function onBlur(e, val) {
|
|
13927
14072
|
onBlurHandler(e, val || '', 'start');
|
|
13928
14073
|
},
|
|
14074
|
+
onKeyDown: function onKeyDown(e) {
|
|
14075
|
+
startOptionsKeyDown === null || startOptionsKeyDown === void 0 ? void 0 : startOptionsKeyDown(e);
|
|
14076
|
+
if (!e.defaultPrevented) {
|
|
14077
|
+
onStartInputKeyDown === null || onStartInputKeyDown === void 0 ? void 0 : onStartInputKeyDown(e);
|
|
14078
|
+
}
|
|
14079
|
+
},
|
|
13929
14080
|
onClear: function onClear() {
|
|
13930
14081
|
return onClearHandler('start');
|
|
13931
14082
|
},
|
|
@@ -13942,11 +14093,15 @@
|
|
|
13942
14093
|
className: EndInputClassName
|
|
13943
14094
|
}, endLabel && (/*#__PURE__*/React__namespace.createElement(Label, {
|
|
13944
14095
|
required: endInputOptions.required,
|
|
13945
|
-
withInput: true
|
|
14096
|
+
withInput: true,
|
|
14097
|
+
htmlFor: endInputId
|
|
13946
14098
|
}, endLabel)), /*#__PURE__*/React__namespace.createElement(X, __assign$1({
|
|
13947
14099
|
icon: "events",
|
|
13948
14100
|
placeholder: inputFormat
|
|
13949
|
-
},
|
|
14101
|
+
}, endInputRest, {
|
|
14102
|
+
id: endInputId,
|
|
14103
|
+
label: endLabel,
|
|
14104
|
+
ref: endInputRef,
|
|
13950
14105
|
mask: mask,
|
|
13951
14106
|
value: endDate ? translateToString(inputFormat, endDate) : init ? X.utils.getDefaultValue(mask, endPlaceholderChar) : '',
|
|
13952
14107
|
onChange: function onChange(e, val) {
|
|
@@ -13958,6 +14113,12 @@
|
|
|
13958
14113
|
onBlur: function onBlur(e, val) {
|
|
13959
14114
|
onBlurHandler(e, val || '', 'end');
|
|
13960
14115
|
},
|
|
14116
|
+
onKeyDown: function onKeyDown(e) {
|
|
14117
|
+
endOptionsKeyDown === null || endOptionsKeyDown === void 0 ? void 0 : endOptionsKeyDown(e);
|
|
14118
|
+
if (!e.defaultPrevented) {
|
|
14119
|
+
onEndInputKeyDown === null || onEndInputKeyDown === void 0 ? void 0 : onEndInputKeyDown(e);
|
|
14120
|
+
}
|
|
14121
|
+
},
|
|
13961
14122
|
onClear: function onClear() {
|
|
13962
14123
|
return onClearHandler('end');
|
|
13963
14124
|
},
|
|
@@ -13976,7 +14137,10 @@
|
|
|
13976
14137
|
inputOptions = props.inputOptions,
|
|
13977
14138
|
validators = props.validators,
|
|
13978
14139
|
state = props.state,
|
|
13979
|
-
setState = props.setState
|
|
14140
|
+
setState = props.setState,
|
|
14141
|
+
inputRef = props.inputRef,
|
|
14142
|
+
onInputKeyDown = props.onInputKeyDown;
|
|
14143
|
+
var inputIdRef = React__namespace.useRef("DesignSystem-DateRangePicker-singleInput-" + uidGenerator());
|
|
13980
14144
|
var init = state.init,
|
|
13981
14145
|
startDate = state.startDate,
|
|
13982
14146
|
endDate = state.endDate,
|
|
@@ -14096,15 +14260,23 @@
|
|
|
14096
14260
|
monthNav: undefined
|
|
14097
14261
|
});
|
|
14098
14262
|
};
|
|
14263
|
+
var idOption = inputOptions.id,
|
|
14264
|
+
optionsKeyDown = inputOptions.onKeyDown,
|
|
14265
|
+
inputRest = __rest(inputOptions, ["id", "onKeyDown"]);
|
|
14266
|
+
var inputId = idOption || inputIdRef.current;
|
|
14099
14267
|
return /*#__PURE__*/React__namespace.createElement(Row, {
|
|
14100
14268
|
"data-test": "DesignSystem-DateRangePicker-SingleInputTrigger"
|
|
14101
14269
|
}, /*#__PURE__*/React__namespace.createElement(Column, null, label && (/*#__PURE__*/React__namespace.createElement(Label, {
|
|
14102
14270
|
required: inputOptions.required,
|
|
14103
|
-
withInput: true
|
|
14271
|
+
withInput: true,
|
|
14272
|
+
htmlFor: inputId
|
|
14104
14273
|
}, label)), /*#__PURE__*/React__namespace.createElement(X, __assign$1({
|
|
14105
14274
|
icon: "events",
|
|
14106
14275
|
placeholder: inputFormat + " - " + inputFormat
|
|
14107
|
-
},
|
|
14276
|
+
}, inputRest, {
|
|
14277
|
+
id: inputId,
|
|
14278
|
+
label: label,
|
|
14279
|
+
ref: inputRef,
|
|
14108
14280
|
mask: mask,
|
|
14109
14281
|
value: !startDate && !endDate && !init ? undefined : sValue + " - " + eValue,
|
|
14110
14282
|
onChange: function onChange(e, val) {
|
|
@@ -14116,6 +14288,12 @@
|
|
|
14116
14288
|
onPaste: function onPaste(e, val) {
|
|
14117
14289
|
onPasteHandler(e, val || '');
|
|
14118
14290
|
},
|
|
14291
|
+
onKeyDown: function onKeyDown(e) {
|
|
14292
|
+
optionsKeyDown === null || optionsKeyDown === void 0 ? void 0 : optionsKeyDown(e);
|
|
14293
|
+
if (!e.defaultPrevented) {
|
|
14294
|
+
onInputKeyDown === null || onInputKeyDown === void 0 ? void 0 : onInputKeyDown(e);
|
|
14295
|
+
}
|
|
14296
|
+
},
|
|
14119
14297
|
onClear: onClearHandler,
|
|
14120
14298
|
error: showError,
|
|
14121
14299
|
caption: showError ? errorMessage : '',
|
|
@@ -14184,6 +14362,56 @@
|
|
|
14184
14362
|
__extends$1(DateRangePicker, _super);
|
|
14185
14363
|
function DateRangePicker(props) {
|
|
14186
14364
|
var _this = _super.call(this, props) || this;
|
|
14365
|
+
_this.startInputRef = /*#__PURE__*/React__namespace.createRef();
|
|
14366
|
+
_this.endInputRef = /*#__PURE__*/React__namespace.createRef();
|
|
14367
|
+
_this.singleInputRef = /*#__PURE__*/React__namespace.createRef();
|
|
14368
|
+
_this.calendarContainerRef = /*#__PURE__*/React__namespace.createRef();
|
|
14369
|
+
_this.lastFocusedInput = 'start';
|
|
14370
|
+
_this.focusLastInput = function () {
|
|
14371
|
+
var _a;
|
|
14372
|
+
var ref = _this.lastFocusedInput === 'end' ? _this.endInputRef : _this.lastFocusedInput === 'single' ? _this.singleInputRef : _this.startInputRef;
|
|
14373
|
+
(_a = ref.current) === null || _a === void 0 ? void 0 : _a.focus({
|
|
14374
|
+
preventScroll: true
|
|
14375
|
+
});
|
|
14376
|
+
};
|
|
14377
|
+
_this.focusCalendar = function () {
|
|
14378
|
+
var root = _this.calendarContainerRef.current;
|
|
14379
|
+
if (!root) return false;
|
|
14380
|
+
var preferredDate = _this.lastFocusedInput === 'end' ? _this.state.endDate : _this.lastFocusedInput === 'start' ? _this.state.startDate : _this.state.startDate || _this.state.endDate;
|
|
14381
|
+
var target = findFocusableCalendarCell(root, {
|
|
14382
|
+
preferredAriaLabel: preferredDate ? formatDateAriaLabel(preferredDate) : undefined,
|
|
14383
|
+
preferredSelectedIndex: _this.lastFocusedInput === 'end' ? 'last' : 'first'
|
|
14384
|
+
});
|
|
14385
|
+
if (!target) return false;
|
|
14386
|
+
target.focus({
|
|
14387
|
+
preventScroll: true,
|
|
14388
|
+
focusVisible: true
|
|
14389
|
+
});
|
|
14390
|
+
return true;
|
|
14391
|
+
};
|
|
14392
|
+
_this.onInputKeyDown = function (input) {
|
|
14393
|
+
return function (e) {
|
|
14394
|
+
_this.lastFocusedInput = input;
|
|
14395
|
+
if (!_this.state.open || e.defaultPrevented) return;
|
|
14396
|
+
if (e.key === 'ArrowDown' || e.key === 'Tab' && !e.shiftKey) {
|
|
14397
|
+
var root = _this.calendarContainerRef.current;
|
|
14398
|
+
if (!root) return;
|
|
14399
|
+
var preferredDate = input === 'end' ? _this.state.endDate : input === 'start' ? _this.state.startDate : _this.state.startDate || _this.state.endDate;
|
|
14400
|
+
var target_1 = findFocusableCalendarCell(root, {
|
|
14401
|
+
preferredAriaLabel: preferredDate ? formatDateAriaLabel(preferredDate) : undefined,
|
|
14402
|
+
preferredSelectedIndex: input === 'end' ? 'last' : 'first'
|
|
14403
|
+
});
|
|
14404
|
+
if (!target_1) return;
|
|
14405
|
+
e.preventDefault();
|
|
14406
|
+
requestAnimationFrame(function () {
|
|
14407
|
+
target_1.focus({
|
|
14408
|
+
preventScroll: true,
|
|
14409
|
+
focusVisible: true
|
|
14410
|
+
});
|
|
14411
|
+
});
|
|
14412
|
+
}
|
|
14413
|
+
};
|
|
14414
|
+
};
|
|
14187
14415
|
_this.getDate = function (startDate, endDate) {
|
|
14188
14416
|
var inputFormat = _this.props.inputFormat;
|
|
14189
14417
|
var startVal = startDate ? translateToString(inputFormat, startDate) : '';
|
|
@@ -14276,10 +14504,20 @@
|
|
|
14276
14504
|
});
|
|
14277
14505
|
break;
|
|
14278
14506
|
case 'onClick':
|
|
14279
|
-
|
|
14280
|
-
open
|
|
14281
|
-
|
|
14282
|
-
|
|
14507
|
+
{
|
|
14508
|
+
var shouldFocusCalendar_1 = !_this.state.open;
|
|
14509
|
+
_this.setState({
|
|
14510
|
+
open: true
|
|
14511
|
+
}, function () {
|
|
14512
|
+
if (!shouldFocusCalendar_1) return;
|
|
14513
|
+
requestAnimationFrame(function () {
|
|
14514
|
+
requestAnimationFrame(function () {
|
|
14515
|
+
_this.focusCalendar();
|
|
14516
|
+
});
|
|
14517
|
+
});
|
|
14518
|
+
});
|
|
14519
|
+
break;
|
|
14520
|
+
}
|
|
14283
14521
|
}
|
|
14284
14522
|
};
|
|
14285
14523
|
var inputFormat = props.inputFormat,
|
|
@@ -14305,6 +14543,7 @@
|
|
|
14305
14543
|
monthNav: props.monthNav
|
|
14306
14544
|
};
|
|
14307
14545
|
_this.monthsInView = props.monthsInView || (props.withInput ? 2 : 1);
|
|
14546
|
+
_this.lastFocusedInput = props.singleInput ? 'single' : 'start';
|
|
14308
14547
|
return _this;
|
|
14309
14548
|
}
|
|
14310
14549
|
DateRangePicker.prototype.componentDidUpdate = function (prevProps, prevState) {
|
|
@@ -14381,6 +14620,13 @@
|
|
|
14381
14620
|
});
|
|
14382
14621
|
}
|
|
14383
14622
|
}
|
|
14623
|
+
if (prevState.open && !this.state.open) {
|
|
14624
|
+
var active = document.activeElement;
|
|
14625
|
+
var calendarRoot = this.calendarContainerRef.current;
|
|
14626
|
+
if (!active || active === document.body || calendarRoot && calendarRoot.contains(active)) {
|
|
14627
|
+
this.focusLastInput();
|
|
14628
|
+
}
|
|
14629
|
+
}
|
|
14384
14630
|
};
|
|
14385
14631
|
DateRangePicker.prototype.renderCalendar = function () {
|
|
14386
14632
|
var _a = this.props;
|
|
@@ -14416,11 +14662,13 @@
|
|
|
14416
14662
|
onRangeChange: this.onRangeChangeHandler,
|
|
14417
14663
|
yearNav: yearNav,
|
|
14418
14664
|
monthNav: monthNav,
|
|
14419
|
-
rangeLimit: rangeLimit
|
|
14665
|
+
rangeLimit: rangeLimit,
|
|
14666
|
+
wrapperRef: this.calendarContainerRef
|
|
14420
14667
|
}));
|
|
14421
14668
|
};
|
|
14422
14669
|
DateRangePicker.prototype.render = function () {
|
|
14423
14670
|
var _a;
|
|
14671
|
+
var _this = this;
|
|
14424
14672
|
var _b = this.props,
|
|
14425
14673
|
withInput = _b.withInput,
|
|
14426
14674
|
startInputOptions = _b.startInputOptions,
|
|
@@ -14437,31 +14685,50 @@
|
|
|
14437
14685
|
var open = this.state.open;
|
|
14438
14686
|
var RangePickerClass = classNames__default["default"]((_a = {}, _a[styles$o['DateRangePicker']] = true, _a[styles$o["DateRangePicker--" + contentAlign]] = contentAlign, _a));
|
|
14439
14687
|
if (withInput) {
|
|
14440
|
-
var
|
|
14441
|
-
|
|
14442
|
-
|
|
14443
|
-
});
|
|
14444
|
-
var
|
|
14445
|
-
'aria-label':
|
|
14446
|
-
|
|
14447
|
-
|
|
14448
|
-
|
|
14449
|
-
|
|
14450
|
-
'aria-
|
|
14451
|
-
})
|
|
14688
|
+
var defaults = DateRangePicker.defaultProps;
|
|
14689
|
+
var resolvedSingleInputOptions = __assign$1(__assign$1({}, defaults.inputOptions), inputOptions);
|
|
14690
|
+
var resolvedStartInputOptions = __assign$1(__assign$1({}, defaults.startInputOptions), startInputOptions);
|
|
14691
|
+
var resolvedEndInputOptions = __assign$1(__assign$1({}, defaults.endInputOptions), endInputOptions);
|
|
14692
|
+
var mergedSingleInputOptions = __assign$1(__assign$1(__assign$1({}, resolvedSingleInputOptions), resolvedSingleInputOptions['aria-label'] || ariaLabel ? {
|
|
14693
|
+
'aria-label': resolvedSingleInputOptions['aria-label'] || ariaLabel
|
|
14694
|
+
} : {}), resolvedSingleInputOptions['aria-labelledby'] || ariaLabelledBy ? {
|
|
14695
|
+
'aria-labelledby': resolvedSingleInputOptions['aria-labelledby'] || ariaLabelledBy
|
|
14696
|
+
} : {});
|
|
14697
|
+
var mergedStartInputOptions = __assign$1(__assign$1(__assign$1({}, resolvedStartInputOptions), resolvedStartInputOptions['aria-label'] ? {
|
|
14698
|
+
'aria-label': resolvedStartInputOptions['aria-label']
|
|
14699
|
+
} : {}), resolvedStartInputOptions['aria-labelledby'] || ariaLabelledBy ? {
|
|
14700
|
+
'aria-labelledby': resolvedStartInputOptions['aria-labelledby'] || ariaLabelledBy
|
|
14701
|
+
} : {});
|
|
14702
|
+
var mergedEndInputOptions = __assign$1(__assign$1(__assign$1({}, resolvedEndInputOptions), resolvedEndInputOptions['aria-label'] ? {
|
|
14703
|
+
'aria-label': resolvedEndInputOptions['aria-label']
|
|
14704
|
+
} : {}), resolvedEndInputOptions['aria-labelledby'] || ariaLabelledBy ? {
|
|
14705
|
+
'aria-labelledby': resolvedEndInputOptions['aria-labelledby'] || ariaLabelledBy
|
|
14706
|
+
} : {});
|
|
14452
14707
|
var trigger = singleInput ? (/*#__PURE__*/React__namespace.createElement(SingleInputTrigger, {
|
|
14453
14708
|
inputFormat: inputFormat,
|
|
14454
14709
|
inputOptions: mergedSingleInputOptions,
|
|
14455
14710
|
validators: validators,
|
|
14456
14711
|
state: this.state,
|
|
14457
|
-
setState: this.setState.bind(this)
|
|
14712
|
+
setState: this.setState.bind(this),
|
|
14713
|
+
inputRef: this.singleInputRef,
|
|
14714
|
+
onInputKeyDown: this.onInputKeyDown('single')
|
|
14458
14715
|
})) : (/*#__PURE__*/React__namespace.createElement(Trigger, {
|
|
14459
14716
|
inputFormat: inputFormat,
|
|
14460
14717
|
startInputOptions: mergedStartInputOptions,
|
|
14461
14718
|
endInputOptions: mergedEndInputOptions,
|
|
14462
14719
|
validators: validators,
|
|
14463
14720
|
state: this.state,
|
|
14464
|
-
setState: this.setState.bind(this)
|
|
14721
|
+
setState: this.setState.bind(this),
|
|
14722
|
+
startInputRef: this.startInputRef,
|
|
14723
|
+
endInputRef: this.endInputRef,
|
|
14724
|
+
onStartInputKeyDown: this.onInputKeyDown('start'),
|
|
14725
|
+
onEndInputKeyDown: this.onInputKeyDown('end'),
|
|
14726
|
+
onStartInputActivate: function onStartInputActivate() {
|
|
14727
|
+
_this.lastFocusedInput = 'start';
|
|
14728
|
+
},
|
|
14729
|
+
onEndInputActivate: function onEndInputActivate() {
|
|
14730
|
+
_this.lastFocusedInput = 'end';
|
|
14731
|
+
}
|
|
14465
14732
|
}));
|
|
14466
14733
|
return /*#__PURE__*/React__namespace.createElement(Popover$1, {
|
|
14467
14734
|
trigger: trigger,
|
|
@@ -14505,8 +14772,8 @@
|
|
|
14505
14772
|
return DateRangePicker;
|
|
14506
14773
|
}(React__namespace.Component);
|
|
14507
14774
|
|
|
14508
|
-
var css_248z$p = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-
|
|
14509
|
-
var styles$n = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-
|
|
14775
|
+
var css_248z$p = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-28-0-1 {\n display: flex;\n flex-grow: 1;\n flex-direction: column;\n}\n\n.tabs-module-TabsWrapper-header-psflk-4-28-0-1 {\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-28-0-1 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-7anZt-4-28-0-1 {\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-28-0-1 {\n padding: var(--spacing-20) var(--spacing-30) var(--spacing-30);\n}\n\n.tabs-module-Tab--regular-f2Pf2-4-28-0-1 {\n padding: var(--spacing-30) var(--spacing-30) var(--spacing-40);\n}\n\n.tabs-module-Tab--withIconRegular-k-DpQ-4-28-0-1 {\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-28-0-1 {\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-28-0-1:last-child {\n margin-right: 0;\n}\n\n.tabs-module-Tab-7anZt-4-28-0-1::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-28-0-1::after {\n margin-left: calc(var(--spacing-40) + var(--spacing-05));\n}\n\n.tabs-module-Tab-7anZt-4-28-0-1:hover::after {\n background-color: var(--inverse-lighter);\n}\n\n.tabs-module-Tab-7anZt-4-28-0-1:active::after {\n background-color: var(--inverse-light);\n}\n\n.tabs-module-Tab--active-H398--4-28-0-1::after {\n background-color: var(--primary);\n}\n\n.tabs-module-Tab-7anZt-4-28-0-1: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-28-0-1:hover .tabs-module-Tab-selected-21aei-4-28-0-1 {\n color: var(--primary-dark);\n}\n\n.tabs-module-Tab-selected-21aei-4-28-0-1:hover::after {\n background-color: var(--primary-dark);\n}\n\n.tabs-module-Tab-7anZt-4-28-0-1: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-28-0-1 {\n cursor: not-allowed;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-28-0-1:focus {\n outline: none;\n}\n\n.tabs-module-Tab--disabled-jMmkz-4-28-0-1:hover::after {\n background-color: transparent;\n}\n\n.tabs-module-Tab-icon-s-gJG-4-28-0-1 {\n display: flex;\n min-width: inherit;\n justify-content: space-between;\n}\n\n.tabs-module-Tabs-oQ6zt-4-28-0-1 {\n display: flex;\n box-sizing: border-box;\n flex-direction: row;\n}\n\n.tabs-module-Tabs--withSeparator-ENZzj-4-28-0-1 {\n border-bottom: var(--border);\n}\n\n.tabs-module-Tab-pills-i0on--4-28-0-1 {\n cursor: pointer;\n margin-right: var(--spacing-20);\n overflow: visible;\n}\n\n.tabs-module-Tab-pills--disabled-7RUAZ-4-28-0-1 {\n opacity: var(--opacity-10);\n cursor: not-allowed;\n}\n\n.tabs-module-DismissibleRegularTab-icon--right-OeLKI-4-28-0-1 {\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-28-0-1 {\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-28-0-1:focus-visible {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-28-0-1:hover {\n background-color: var(--secondary);\n}\n\n.tabs-module-DismissibleTab-icon--default-Jh5TO-4-28-0-1:active {\n background-color: var(--secondary-dark);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-28-0-1:focus-visible {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-28-0-1:hover {\n background-color: var(--primary-lighter);\n}\n\n.tabs-module-DismissibleTab-icon--selected-9Fyvu-4-28-0-1:active {\n background-color: var(--primary-light);\n}\n\n.tabs-module-Tab--overflow-ZMfp0-4-28-0-1 {\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-28-0-1:focus-visible,\n .tabs-module-DismissibleSmallTab-icon--right-03yfR-4-28-0-1:focus-visible {\n outline: var(--border-width-05) solid Highlight;\n }\n\n .tabs-module-Tab--active-H398--4-28-0-1::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-28-0-1 {\n opacity: 1;\n color: GrayText;\n }\n}\n";
|
|
14776
|
+
var styles$n = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-28-0-1","TabsWrapper-header":"tabs-module-TabsWrapper-header-psflk-4-28-0-1","TabsWrapper-header--withSeparator":"tabs-module-TabsWrapper-header--withSeparator-gbJ63-4-28-0-1","Tab":"tabs-module-Tab-7anZt-4-28-0-1","Tab--small":"tabs-module-Tab--small-t-Ovt-4-28-0-1","Tab--regular":"tabs-module-Tab--regular-f2Pf2-4-28-0-1","Tab--withIconRegular":"tabs-module-Tab--withIconRegular-k-DpQ-4-28-0-1","Tab--withIconSmall":"tabs-module-Tab--withIconSmall-vI4rb-4-28-0-1","Tab--withDismissIcon":"tabs-module-Tab--withDismissIcon-EExum-4-28-0-1","Tab--active":"tabs-module-Tab--active-H398--4-28-0-1","Tab-selected":"tabs-module-Tab-selected-21aei-4-28-0-1","Tab--disabled":"tabs-module-Tab--disabled-jMmkz-4-28-0-1","Tab-icon":"tabs-module-Tab-icon-s-gJG-4-28-0-1","Tabs":"tabs-module-Tabs-oQ6zt-4-28-0-1","Tabs--withSeparator":"tabs-module-Tabs--withSeparator-ENZzj-4-28-0-1","Tab-pills":"tabs-module-Tab-pills-i0on--4-28-0-1","Tab-pills--disabled":"tabs-module-Tab-pills--disabled-7RUAZ-4-28-0-1","DismissibleRegularTab-icon--right":"tabs-module-DismissibleRegularTab-icon--right-OeLKI-4-28-0-1","DismissibleSmallTab-icon--right":"tabs-module-DismissibleSmallTab-icon--right-03yfR-4-28-0-1","DismissibleTab-icon--default":"tabs-module-DismissibleTab-icon--default-Jh5TO-4-28-0-1","DismissibleTab-icon--selected":"tabs-module-DismissibleTab-icon--selected-9Fyvu-4-28-0-1","Tab--overflow":"tabs-module-Tab--overflow-ZMfp0-4-28-0-1"};
|
|
14510
14777
|
styleInject$1(css_248z$p);
|
|
14511
14778
|
|
|
14512
14779
|
var TabsWrapper = function TabsWrapper(props) {
|
|
@@ -14712,6 +14979,7 @@
|
|
|
14712
14979
|
"data-test": "DesignSystem-DismissibleTabs--Icon",
|
|
14713
14980
|
name: "clear",
|
|
14714
14981
|
appearance: iconAppearance,
|
|
14982
|
+
"aria-label": label ? "Close " + label + " tab" : 'Close tab',
|
|
14715
14983
|
className: dismissIconClass(disabled),
|
|
14716
14984
|
onClick: !disabled ? onCloseHandler : undefined,
|
|
14717
14985
|
tabIndex: disabled ? -1 : 0,
|
|
@@ -15483,8 +15751,8 @@
|
|
|
15483
15751
|
}
|
|
15484
15752
|
};
|
|
15485
15753
|
|
|
15486
|
-
var css_248z$o = ".dropzone-module-Dropzone-srOnly-DLkEf-4-
|
|
15487
|
-
var styles$m = {"Dropzone-srOnly":"dropzone-module-Dropzone-srOnly-DLkEf-4-
|
|
15754
|
+
var css_248z$o = ".dropzone-module-Dropzone-srOnly-DLkEf-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n animation-delay: var(--duration--fast-02);\n animation-fill-mode: forwards;\n}\n\n.dropzone-module-Dropzone-animation--default-cuelA-4-28-0-1 {\n animation: dropzone-module-dropzoneDefault-5MWv4-4-28-0-1 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-animation--active-AlfVM-4-28-0-1 {\n animation: dropzone-module-dropzoneActive-DcbqH-4-28-0-1 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneDefault-5MWv4-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n animation: dropzone-module-dropzoneStandardDefault-YIUej-4-28-0-1 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n.dropzone-module-Dropzone-standard--active-8ZfF7-4-28-0-1 {\n animation: dropzone-module-dropzoneStandardActive-ZiJ-w-4-28-0-1 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes dropzone-module-dropzoneStandardDefault-YIUej-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n}\n\n.dropzone-module-DropzoneWrapper--standard-0fW8S-4-28-0-1,\n.dropzone-module-DropzoneWrapper--tight-Cg0sm-4-28-0-1 {\n align-items: center;\n}\n\n.dropzone-module-DropzoneWrapper--compressed-UKNax-4-28-0-1 {\n align-items: start;\n}\n\n.dropzone-module-Dropzone-icon--standard-Nv5eM-4-28-0-1 {\n margin-bottom: var(--spacing-30);\n}\n\n.dropzone-module-Dropzone-icon--compressed-lcmwS-4-28-0-1 {\n margin-right: var(--spacing-60);\n}\n\n.dropzone-module-Dropzone-icon--disabled-8nN-d-4-28-0-1 {\n fill: var(--inverse-lightest);\n}\n\n.dropzone-module-Dropzone-icon--default-mwP9a-4-28-0-1 {\n fill: var(--inverse-lighter);\n}\n\n.dropzone-module-Dropzone-icon--active-qPLXO-4-28-0-1 {\n fill: var(--primary);\n}\n\n.dropzone-module-Dropzone-icon--error-ImiCw-4-28-0-1 {\n fill: var(--alert);\n}\n\n@media (forced-colors: active) {\n .dropzone-module-Dropzone-xfBzQ-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n border: var(--border-width-05) dashed ButtonText;\n background-image: none;\n }\n\n .dropzone-module-Dropzone--disabled-Z-6tQ-4-28-0-1 {\n border: var(--border-width-05) dashed GrayText;\n background-image: none;\n }\n}\n";
|
|
15755
|
+
var styles$m = {"Dropzone-srOnly":"dropzone-module-Dropzone-srOnly-DLkEf-4-28-0-1","Dropzone":"dropzone-module-Dropzone-xfBzQ-4-28-0-1","Dropzone--active":"dropzone-module-Dropzone--active-M0Gcb-4-28-0-1","Dropzone-animation":"dropzone-module-Dropzone-animation-qJQVf-4-28-0-1","Dropzone-animation--default":"dropzone-module-Dropzone-animation--default-cuelA-4-28-0-1","dropzoneDefault":"dropzone-module-dropzoneDefault-5MWv4-4-28-0-1","Dropzone-animation--active":"dropzone-module-Dropzone-animation--active-AlfVM-4-28-0-1","dropzoneActive":"dropzone-module-dropzoneActive-DcbqH-4-28-0-1","Dropzone-standard--default":"dropzone-module-Dropzone-standard--default-HMghu-4-28-0-1","dropzoneStandardDefault":"dropzone-module-dropzoneStandardDefault-YIUej-4-28-0-1","Dropzone-standard--active":"dropzone-module-Dropzone-standard--active-8ZfF7-4-28-0-1","dropzoneStandardActive":"dropzone-module-dropzoneStandardActive-ZiJ-w-4-28-0-1","Dropzone--error":"dropzone-module-Dropzone--error-wcuXz-4-28-0-1","Dropzone--disabled":"dropzone-module-Dropzone--disabled-Z-6tQ-4-28-0-1","Dropzone--standard":"dropzone-module-Dropzone--standard-BLqgV-4-28-0-1","Dropzone--compressed":"dropzone-module-Dropzone--compressed-REqQ2-4-28-0-1","Dropzone--tight":"dropzone-module-Dropzone--tight--XZ-s-4-28-0-1","DropzoneWrapper":"dropzone-module-DropzoneWrapper-sLmKQ-4-28-0-1","DropzoneWrapper--standard":"dropzone-module-DropzoneWrapper--standard-0fW8S-4-28-0-1","DropzoneWrapper--tight":"dropzone-module-DropzoneWrapper--tight-Cg0sm-4-28-0-1","DropzoneWrapper--compressed":"dropzone-module-DropzoneWrapper--compressed-UKNax-4-28-0-1","Dropzone-icon--standard":"dropzone-module-Dropzone-icon--standard-Nv5eM-4-28-0-1","Dropzone-icon--compressed":"dropzone-module-Dropzone-icon--compressed-lcmwS-4-28-0-1","Dropzone-icon--disabled":"dropzone-module-Dropzone-icon--disabled-8nN-d-4-28-0-1","Dropzone-icon--default":"dropzone-module-Dropzone-icon--default-mwP9a-4-28-0-1","Dropzone-icon--active":"dropzone-module-Dropzone-icon--active-qPLXO-4-28-0-1","Dropzone-icon--error":"dropzone-module-Dropzone-icon--error-ImiCw-4-28-0-1"};
|
|
15488
15756
|
styleInject$1(css_248z$o);
|
|
15489
15757
|
|
|
15490
15758
|
var svgCode = {
|
|
@@ -15625,8 +15893,8 @@
|
|
|
15625
15893
|
};
|
|
15626
15894
|
FileUploaderFormat.displayName = 'FileUploaderFormat';
|
|
15627
15895
|
|
|
15628
|
-
var css_248z$n = ".fileUploader-module-FileUploader--Pv73-4-
|
|
15629
|
-
var styles$l = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-
|
|
15896
|
+
var css_248z$n = ".fileUploader-module-FileUploader--Pv73-4-28-0-1 {\n display: flex;\n flex-direction: column;\n}\n\n.fileUploader-module-FileUploaderButton-qfMIr-4-28-0-1 {\n width: -moz-fit-content;\n width: fit-content;\n position: relative;\n}\n\n.fileUploader-module-FileUploaderButton-input-em151-4-28-0-1 {\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-28-0-1 {\n width: var(--spacing-640);\n}\n\n.fileUploader-module-FileUploaderItem-text-5ygMX-4-28-0-1 {\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-28-0-1 {\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";
|
|
15897
|
+
var styles$l = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-28-0-1","FileUploaderButton":"fileUploader-module-FileUploaderButton-qfMIr-4-28-0-1","FileUploaderButton-input":"fileUploader-module-FileUploaderButton-input-em151-4-28-0-1","FileUploaderItem":"fileUploader-module-FileUploaderItem-ukfM6-4-28-0-1","FileUploaderItem-text":"fileUploader-module-FileUploaderItem-text-5ygMX-4-28-0-1","FileUploaderItem-file":"fileUploader-module-FileUploaderItem-file-HKKiB-4-28-0-1"};
|
|
15630
15898
|
styleInject$1(css_248z$n);
|
|
15631
15899
|
|
|
15632
15900
|
var FileUploaderButton = function FileUploaderButton(props) {
|
|
@@ -15733,7 +16001,8 @@
|
|
|
15733
16001
|
FileUploader.displayName = 'FileUploader';
|
|
15734
16002
|
|
|
15735
16003
|
var FileUploaderStatus = function FileUploaderStatus(props) {
|
|
15736
|
-
var
|
|
16004
|
+
var file = props.file,
|
|
16005
|
+
progress = props.progress,
|
|
15737
16006
|
status = props.status,
|
|
15738
16007
|
onRetry = props.onRetry;
|
|
15739
16008
|
switch (status) {
|
|
@@ -15749,7 +16018,8 @@
|
|
|
15749
16018
|
size: "regular",
|
|
15750
16019
|
onClick: onRetry,
|
|
15751
16020
|
icon: "refresh",
|
|
15752
|
-
className: "mr-2"
|
|
16021
|
+
className: "mr-2",
|
|
16022
|
+
"aria-label": "Retry uploading " + file.name
|
|
15753
16023
|
});
|
|
15754
16024
|
default:
|
|
15755
16025
|
return null;
|
|
@@ -15814,7 +16084,8 @@
|
|
|
15814
16084
|
onClick: function onClick() {
|
|
15815
16085
|
return onDelete && onDelete(file, id);
|
|
15816
16086
|
},
|
|
15817
|
-
icon: "close"
|
|
16087
|
+
icon: "close",
|
|
16088
|
+
"aria-label": "Remove " + name
|
|
15818
16089
|
}))), status === 'error' && /*#__PURE__*/React__namespace.createElement(InlineMessage, {
|
|
15819
16090
|
size: "small",
|
|
15820
16091
|
appearance: "alert",
|
|
@@ -15857,14 +16128,16 @@
|
|
|
15857
16128
|
};
|
|
15858
16129
|
FileUploaderList.displayName = 'FileUploaderList';
|
|
15859
16130
|
|
|
15860
|
-
var resizeCol = function resizeCol(_a, name, el) {
|
|
16131
|
+
var resizeCol = function resizeCol(_a, name, el, pointerX) {
|
|
15861
16132
|
var updateColumnSchema = _a.updateColumnSchema;
|
|
15862
|
-
var
|
|
16133
|
+
var rect = el === null || el === void 0 ? void 0 : el.getBoundingClientRect();
|
|
16134
|
+
var elX = rect === null || rect === void 0 ? void 0 : rect.x;
|
|
16135
|
+
var grabOffset = rect && pointerX !== undefined ? rect.right - pointerX : 0;
|
|
15863
16136
|
function resizable(ev) {
|
|
15864
16137
|
ev.preventDefault();
|
|
15865
16138
|
if (elX) {
|
|
15866
16139
|
updateColumnSchema(name, {
|
|
15867
|
-
width: ev.pageX - elX
|
|
16140
|
+
width: ev.pageX - elX + grabOffset
|
|
15868
16141
|
});
|
|
15869
16142
|
}
|
|
15870
16143
|
}
|
|
@@ -16627,10 +16900,10 @@
|
|
|
16627
16900
|
minWidth: 176
|
|
16628
16901
|
}))))), schema.resizable && (/*#__PURE__*/React__namespace.createElement("span", {
|
|
16629
16902
|
className: gridStyles['Grid-cellResize'],
|
|
16630
|
-
onMouseDown: function onMouseDown() {
|
|
16903
|
+
onMouseDown: function onMouseDown(event) {
|
|
16631
16904
|
resizeCol({
|
|
16632
16905
|
updateColumnSchema: updateColumnSchema
|
|
16633
|
-
}, name, el.current);
|
|
16906
|
+
}, name, el.current, event.clientX);
|
|
16634
16907
|
setIsDragged(false);
|
|
16635
16908
|
},
|
|
16636
16909
|
onDoubleClick: autoFitColumn,
|
|
@@ -18217,6 +18490,7 @@
|
|
|
18217
18490
|
};
|
|
18218
18491
|
GridCell.displayName = 'GridCell';
|
|
18219
18492
|
|
|
18493
|
+
var FOCUSABLE_SELECTOR = 'input[type="checkbox"]:not([disabled]), button:not([disabled])';
|
|
18220
18494
|
var DraggableDropdown = function DraggableDropdown(props) {
|
|
18221
18495
|
var options = props.options,
|
|
18222
18496
|
onChange = props.onChange;
|
|
@@ -18256,10 +18530,14 @@
|
|
|
18256
18530
|
setOpen(newOpen);
|
|
18257
18531
|
};
|
|
18258
18532
|
var onCancelHandler = function onCancelHandler() {
|
|
18533
|
+
var _a;
|
|
18259
18534
|
setOpen(false);
|
|
18535
|
+
(_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
18260
18536
|
};
|
|
18261
18537
|
var onApplyHandler = function onApplyHandler() {
|
|
18538
|
+
var _a;
|
|
18262
18539
|
setOpen(false);
|
|
18540
|
+
(_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
18263
18541
|
if (onChange) onChange(tempOptions);
|
|
18264
18542
|
};
|
|
18265
18543
|
var onReorderHandleClick = function onReorderHandleClick(index) {
|
|
@@ -18291,11 +18569,35 @@
|
|
|
18291
18569
|
if (e.key === 'ArrowDown') {
|
|
18292
18570
|
e.preventDefault();
|
|
18293
18571
|
setOpen(true);
|
|
18294
|
-
|
|
18295
|
-
|
|
18296
|
-
|
|
18297
|
-
|
|
18298
|
-
|
|
18572
|
+
}
|
|
18573
|
+
};
|
|
18574
|
+
var getFocusableElements = function getFocusableElements() {
|
|
18575
|
+
var _a, _b;
|
|
18576
|
+
return Array.from((_b = (_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll(FOCUSABLE_SELECTOR)) !== null && _b !== void 0 ? _b : []);
|
|
18577
|
+
};
|
|
18578
|
+
var focusFirstControl = React__namespace.useCallback(function () {
|
|
18579
|
+
var _a, _b;
|
|
18580
|
+
(_b = (_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(FOCUSABLE_SELECTOR)) === null || _b === void 0 ? void 0 : _b.focus();
|
|
18581
|
+
}, []);
|
|
18582
|
+
var setDialogRef = React__namespace.useCallback(function (node) {
|
|
18583
|
+
dropdownRef.current = node;
|
|
18584
|
+
if (node) focusFirstControl();
|
|
18585
|
+
}, [focusFirstControl]);
|
|
18586
|
+
React__namespace.useLayoutEffect(function () {
|
|
18587
|
+
if (open) focusFirstControl();
|
|
18588
|
+
}, [open, focusFirstControl]);
|
|
18589
|
+
var onDialogKeyDown = function onDialogKeyDown(e) {
|
|
18590
|
+
if (e.key !== 'Tab') return;
|
|
18591
|
+
var focusable = getFocusableElements();
|
|
18592
|
+
if (!focusable.length) return;
|
|
18593
|
+
var first = focusable[0];
|
|
18594
|
+
var last = focusable[focusable.length - 1];
|
|
18595
|
+
if (e.shiftKey && document.activeElement === first) {
|
|
18596
|
+
e.preventDefault();
|
|
18597
|
+
last.focus();
|
|
18598
|
+
} else if (!e.shiftKey && document.activeElement === last) {
|
|
18599
|
+
e.preventDefault();
|
|
18600
|
+
first.focus();
|
|
18299
18601
|
}
|
|
18300
18602
|
};
|
|
18301
18603
|
React__namespace.useEffect(function () {
|
|
@@ -18339,7 +18641,11 @@
|
|
|
18339
18641
|
},
|
|
18340
18642
|
className: gridStyles['Header-draggableDropdown']
|
|
18341
18643
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
18342
|
-
ref:
|
|
18644
|
+
ref: setDialogRef,
|
|
18645
|
+
role: "dialog",
|
|
18646
|
+
"aria-modal": "true",
|
|
18647
|
+
"aria-label": "Choose columns",
|
|
18648
|
+
onKeyDown: onDialogKeyDown
|
|
18343
18649
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
18344
18650
|
className: gridStyles['Dropdown-wrapper']
|
|
18345
18651
|
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
@@ -18415,8 +18721,8 @@
|
|
|
18415
18721
|
}, "Apply")))));
|
|
18416
18722
|
};
|
|
18417
18723
|
|
|
18418
|
-
var css_248z$m = ".table-module-Table--qR8j-4-
|
|
18419
|
-
var tableStyles = {"Table":"table-module-Table--qR8j-4-
|
|
18724
|
+
var css_248z$m = ".table-module-Table--qR8j-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n height: var(--spacing-60);\n}\n\n.table-module-Table-Header-Label--hide-z7HVq-4-28-0-1 {\n animation: table-module-tableHeaderFadeOut-l6M3M-4-28-0-1 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-28-0-1 {\n animation: table-module-fadeIn-YCXL6-4-28-0-1 var(--duration--moderate-01) var(--entrance-productive-curve);\n animation-fill-mode: forwards;\n}\n\n@keyframes table-module-tableHeaderFadeOut-l6M3M-4-28-0-1 {\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-28-0-1,\n .table-module-Table-Header-Label--show-bh0tC-4-28-0-1 {\n animation-duration: 0.001ms;\n }\n}\n\n.table-module-Table-srOnly-0OZ0D-4-28-0-1 {\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";
|
|
18725
|
+
var tableStyles = {"Table":"table-module-Table--qR8j-4-28-0-1","Table-grid":"table-module-Table-grid-4jCRZ-4-28-0-1","Table-pagination":"table-module-Table-pagination-8llhn-4-28-0-1","Table-Header--Divider":"table-module-Table-Header--Divider--qPHO-4-28-0-1","Table-Header-Label--hide":"table-module-Table-Header-Label--hide-z7HVq-4-28-0-1","tableHeaderFadeOut":"table-module-tableHeaderFadeOut-l6M3M-4-28-0-1","Table-Header-Label--show":"table-module-Table-Header-Label--show-bh0tC-4-28-0-1","fadeIn":"table-module-fadeIn-YCXL6-4-28-0-1","Table-srOnly":"table-module-Table-srOnly-0OZ0D-4-28-0-1"};
|
|
18420
18726
|
styleInject$1(css_248z$m);
|
|
18421
18727
|
|
|
18422
18728
|
var Header = function Header(props) {
|
|
@@ -19382,8 +19688,8 @@
|
|
|
19382
19688
|
};
|
|
19383
19689
|
List.defaultProps = defaultProps;
|
|
19384
19690
|
|
|
19385
|
-
var css_248z$l = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-
|
|
19386
|
-
var styles$k = {"Navigation":"navigation-module-Navigation-fsK-Z-4-
|
|
19691
|
+
var css_248z$l = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-28-0-1 {\n display: flex;\n}\n\n.navigation-module-Navigation--horizontal-Nlczj-4-28-0-1 {\n flex-grow: 1;\n justify-content: center;\n}\n\n.navigation-module-Navigation--vertical-JMMGv-4-28-0-1 {\n flex-direction: column;\n height: 100%;\n width: var(--spacing-640);\n}\n\n.navigation-module-Navigation--collapsed-ubuOj-4-28-0-1 {\n width: -moz-fit-content;\n width: fit-content;\n}\n\n.navigation-module-Navigation-body-zfrYs-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n pointer-events: none;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-28-0-1:hover {\n background-color: var(--secondary-light);\n}\n\n.navigation-module-Navigation-menu--active-vLg2d-4-28-0-1,\n.navigation-module-Navigation-menu--active-vLg2d-4-28-0-1:hover {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menu--vertical-SD8c9-4-28-0-1 {\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-28-0-1 {\n border-radius: var(--border-radius-40);\n}\n\n.navigation-module-Navigation-menu--subMenu-1Xkhm-4-28-0-1 {\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-28-0-1 {\n padding: 8px;\n border-radius: 50%;\n cursor: pointer;\n}\n\n.navigation-module-Navigation-menuIcon--active-4-aoZ-4-28-0-1 {\n background: var(--primary-lightest);\n}\n\n.navigation-module-Navigation-menuLabel-qZLzA-4-28-0-1 {\n display: flex;\n flex-grow: 1;\n overflow: hidden;\n}\n\n.navigation-module-Navigation-menu-Afh6p-4-28-0-1 .navigation-module-Text-4ez7T-4-28-0-1 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.navigation-module-Navigation-horizontalPills-CubKV-4-28-0-1 {\n margin-right: var(--spacing-10);\n}\n\n.navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-28-0-1 {\n opacity: var(--opacity-10);\n}\n\n.navigation-module-Navigation-footer-Ia0x--4-28-0-1 {\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-28-0-1 {\n border-top: var(--border);\n}\n\n.navigation-module-Navigation-footerButton-HZKhA-4-28-0-1 {\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-28-0-1: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-28-0-1 .navigation-module-Navigation-menuIcon--footer-I0MsK-4-28-0-1 {\n transform: rotate(180deg);\n}\n";
|
|
19692
|
+
var styles$k = {"Navigation":"navigation-module-Navigation-fsK-Z-4-28-0-1","Navigation--horizontal":"navigation-module-Navigation--horizontal-Nlczj-4-28-0-1","Navigation--vertical":"navigation-module-Navigation--vertical-JMMGv-4-28-0-1","Navigation--collapsed":"navigation-module-Navigation--collapsed-ubuOj-4-28-0-1","Navigation-body":"navigation-module-Navigation-body-zfrYs-4-28-0-1","Navigation-menu":"navigation-module-Navigation-menu-Afh6p-4-28-0-1","Navigation-menu--horizontal":"navigation-module-Navigation-menu--horizontal-DbG8C-4-28-0-1","Navigation-menu--disabled":"navigation-module-Navigation-menu--disabled-6BCHc-4-28-0-1","Navigation-menu--active":"navigation-module-Navigation-menu--active-vLg2d-4-28-0-1","Navigation-menu--vertical":"navigation-module-Navigation-menu--vertical-SD8c9-4-28-0-1","Navigation-menu--rounded":"navigation-module-Navigation-menu--rounded-RK5tK-4-28-0-1","Navigation-menu--subMenu":"navigation-module-Navigation-menu--subMenu-1Xkhm-4-28-0-1","Navigation-menuIcon":"navigation-module-Navigation-menuIcon-mI-8A-4-28-0-1","Navigation-menuIcon--active":"navigation-module-Navigation-menuIcon--active-4-aoZ-4-28-0-1","Navigation-menuLabel":"navigation-module-Navigation-menuLabel-qZLzA-4-28-0-1","Text":"navigation-module-Text-4ez7T-4-28-0-1","Navigation-horizontalPills":"navigation-module-Navigation-horizontalPills-CubKV-4-28-0-1","Navigation-horizontalPills--disabled":"navigation-module-Navigation-horizontalPills--disabled-mMjCG-4-28-0-1","Navigation-footer":"navigation-module-Navigation-footer-Ia0x--4-28-0-1","Navigation-footer--border":"navigation-module-Navigation-footer--border--gDQG-4-28-0-1","Navigation-footerButton":"navigation-module-Navigation-footerButton-HZKhA-4-28-0-1","Navigation-menuIcon--footer":"navigation-module-Navigation-menuIcon--footer-I0MsK-4-28-0-1"};
|
|
19387
19693
|
styleInject$1(css_248z$l);
|
|
19388
19694
|
|
|
19389
19695
|
var useState$1 = React__namespace.useState;
|
|
@@ -19832,8 +20138,8 @@
|
|
|
19832
20138
|
separator: true
|
|
19833
20139
|
};
|
|
19834
20140
|
|
|
19835
|
-
var css_248z$k = ".fileList-module-FileIcon-01qzb-4-
|
|
19836
|
-
var styles$j = {"FileIcon":"fileList-module-FileIcon-01qzb-4-
|
|
20141
|
+
var css_248z$k = ".fileList-module-FileIcon-01qzb-4-28-0-1 {\n padding: var(--spacing-20);\n border-radius: var(--border-radius-full);\n}\n.fileList-module-FileItem-HpCE9-4-28-0-1:not(:last-child) {\n border-bottom: var(--border);\n width: 100%;\n box-sizing: border-box;\n}\n.fileList-module-FileItem-HpCE9-4-28-0-1 {\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-28-0-1 {\n display: flex;\n justify-content: center;\n align-items: center;\n min-width: 0;\n}\n.fileList-module-FileItem-actions-zH5Wo-4-28-0-1 {\n display: flex;\n justify-content: center;\n align-items: center;\n flex-shrink: 0;\n}\n.fileList-module-FileItem-file-jkZDb-4-28-0-1 {\n display: flex;\n align-items: center;\n justify-content: space-between;\n}\n.fileList-module-FileItem-size-Jn3i4-4-28-0-1 {\n margin-right: var(--spacing-20);\n margin-left: var(--spacing-20);\n flex-shrink: 0;\n}\n.fileList-module-FileItem-text-JzD0s-4-28-0-1 {\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-28-0-1 {\n margin-left: 40px;\n}\n\n.fileList-module-FileIcon--image-8GeUP-4-28-0-1 {\n background: var(--alert-lightest);\n color: var(--alert);\n}\n.fileList-module-FileIcon--audio-pU4It-4-28-0-1 {\n background: var(--accent1-lightest);\n color: var(--accent1);\n}\n.fileList-module-FileIcon--video-Yhyeo-4-28-0-1 {\n background: var(--accent2-lightest);\n color: var(--accent2);\n}\n.fileList-module-FileIcon--application-GCdsE-4-28-0-1 {\n background: var(--accent3-lightest);\n color: var(--accent3);\n}\n.fileList-module-FileIcon--others-EgUIw-4-28-0-1 {\n background: var(--success-lightest);\n color: var(--success);\n}\n.fileList-module-FileIcon--animate-uQCYr-4-28-0-1 {\n animation: fileList-module-fadeIn-CVtFA-4-28-0-1 var(--duration--moderate-01) var(--entrance-productive-curve);\n}\n\n@keyframes fileList-module-fadeIn-CVtFA-4-28-0-1 {\n 0% {\n opacity: 0;\n }\n 100% {\n opacity: 1;\n }\n}\n";
|
|
20142
|
+
var styles$j = {"FileIcon":"fileList-module-FileIcon-01qzb-4-28-0-1","FileItem":"fileList-module-FileItem-HpCE9-4-28-0-1","FileItem-fileContent":"fileList-module-FileItem-fileContent-vusoO-4-28-0-1","FileItem-actions":"fileList-module-FileItem-actions-zH5Wo-4-28-0-1","FileItem-file":"fileList-module-FileItem-file-jkZDb-4-28-0-1","FileItem-size":"fileList-module-FileItem-size-Jn3i4-4-28-0-1","FileItem-text":"fileList-module-FileItem-text-JzD0s-4-28-0-1","FileItem-error":"fileList-module-FileItem-error-srZSs-4-28-0-1","FileIcon--image":"fileList-module-FileIcon--image-8GeUP-4-28-0-1","FileIcon--audio":"fileList-module-FileIcon--audio-pU4It-4-28-0-1","FileIcon--video":"fileList-module-FileIcon--video-Yhyeo-4-28-0-1","FileIcon--application":"fileList-module-FileIcon--application-GCdsE-4-28-0-1","FileIcon--others":"fileList-module-FileIcon--others-EgUIw-4-28-0-1","FileIcon--animate":"fileList-module-FileIcon--animate-uQCYr-4-28-0-1","fadeIn":"fileList-module-fadeIn-CVtFA-4-28-0-1"};
|
|
19837
20143
|
styleInject$1(css_248z$k);
|
|
19838
20144
|
|
|
19839
20145
|
var useEffect = React__namespace.useEffect,
|
|
@@ -20166,8 +20472,8 @@
|
|
|
20166
20472
|
fields: 4
|
|
20167
20473
|
};
|
|
20168
20474
|
|
|
20169
|
-
var css_248z$j = ".inlineMessage-module-InlineMessage-eYA4x-4-
|
|
20170
|
-
var styles$i = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-
|
|
20475
|
+
var css_248z$j = ".inlineMessage-module-InlineMessage-eYA4x-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1,\n.inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-28-0-1 {\n color: var(--accent1-dark);\n}\n\n.inlineMessage-module-InlineMessage-text--alert-rUpLF-4-28-0-1 {\n color: var(--alert);\n}\n\n.inlineMessage-module-InlineMessage-text--info-7X-lv-4-28-0-1 {\n color: var(--primary);\n}\n\n.inlineMessage-module-InlineMessage-text--success-UX2Vn-4-28-0-1 {\n color: var(--success);\n}\n";
|
|
20476
|
+
var styles$i = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-28-0-1","InlineMessage-icon--regular":"inlineMessage-module-InlineMessage-icon--regular-ULMAr-4-28-0-1","InlineMessage-icon--small":"inlineMessage-module-InlineMessage-icon--small-DcwRS-4-28-0-1","InlineMessage-text--warning":"inlineMessage-module-InlineMessage-text--warning-zlHbs-4-28-0-1","InlineMessage-icon--warning":"inlineMessage-module-InlineMessage-icon--warning-UwGi4-4-28-0-1","InlineMessage-text--alert":"inlineMessage-module-InlineMessage-text--alert-rUpLF-4-28-0-1","InlineMessage-text--info":"inlineMessage-module-InlineMessage-text--info-7X-lv-4-28-0-1","InlineMessage-text--success":"inlineMessage-module-InlineMessage-text--success-UX2Vn-4-28-0-1"};
|
|
20171
20477
|
styleInject$1(css_248z$j);
|
|
20172
20478
|
|
|
20173
20479
|
var IconMapping = {
|
|
@@ -20214,8 +20520,8 @@
|
|
|
20214
20520
|
size: 'regular'
|
|
20215
20521
|
};
|
|
20216
20522
|
|
|
20217
|
-
var css_248z$i = ".choiceList-module-ChoiceList-haiz--4-
|
|
20218
|
-
var styles$h = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-
|
|
20523
|
+
var css_248z$i = ".choiceList-module-ChoiceList-haiz--4-28-0-1 {\n margin: 0;\n padding: 0;\n border: none;\n}\n\n.choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-28-0-1 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList-radio--vertical-9uLgh-4-28-0-1 {\n margin-top: var(--spacing-10);\n}\n\n.choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-28-0-1 {\n display: flex;\n}\n\n.choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-28-0-1 {\n margin-left: var(--spacing-60);\n}\n\n.choiceList-module-ChoiceList-radio--horizontal-67SGD-4-28-0-1 {\n margin-left: var(--spacing-60);\n}\n";
|
|
20524
|
+
var styles$h = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-28-0-1","ChoiceList-checkbox--vertical":"choiceList-module-ChoiceList-checkbox--vertical-cGAam-4-28-0-1","ChoiceList-radio--vertical":"choiceList-module-ChoiceList-radio--vertical-9uLgh-4-28-0-1","ChoiceList--alignHorizontal":"choiceList-module-ChoiceList--alignHorizontal-7FzTE-4-28-0-1","ChoiceList-checkbox--horizontal":"choiceList-module-ChoiceList-checkbox--horizontal-RqiZg-4-28-0-1","ChoiceList-radio--horizontal":"choiceList-module-ChoiceList-radio--horizontal-67SGD-4-28-0-1"};
|
|
20219
20525
|
styleInject$1(css_248z$i);
|
|
20220
20526
|
|
|
20221
20527
|
var renderCheckbox = function renderCheckbox(list, handleOnChange, ChoiceListDisabled, size, alignment, selected, wrapLabel) {
|
|
@@ -20353,8 +20659,8 @@
|
|
|
20353
20659
|
disabled: false
|
|
20354
20660
|
};
|
|
20355
20661
|
|
|
20356
|
-
var css_248z$h = ".divider-module-Divider-Fo0Gy-4-
|
|
20357
|
-
var styles$g = {"Divider":"divider-module-Divider-Fo0Gy-4-
|
|
20662
|
+
var css_248z$h = ".divider-module-Divider-Fo0Gy-4-28-0-1 {\n border: none;\n margin: 0;\n}\n\n.divider-module-Divider--vertical-Cdk22-4-28-0-1 {\n width: 1px;\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--horizontal-3Z0nC-4-28-0-1 {\n height: 1px;\n}\n\n.divider-module-Divider--basic-BqnEq-4-28-0-1 {\n background: var(--secondary-light);\n}\n\n.divider-module-Divider--header-GMLJV-4-28-0-1 {\n background: var(--secondary-dark);\n}\n";
|
|
20663
|
+
var styles$g = {"Divider":"divider-module-Divider-Fo0Gy-4-28-0-1","Divider--vertical":"divider-module-Divider--vertical-Cdk22-4-28-0-1","Divider--horizontal":"divider-module-Divider--horizontal-3Z0nC-4-28-0-1","Divider--basic":"divider-module-Divider--basic-BqnEq-4-28-0-1","Divider--header":"divider-module-Divider--header-GMLJV-4-28-0-1"};
|
|
20358
20664
|
styleInject$1(css_248z$h);
|
|
20359
20665
|
|
|
20360
20666
|
var Divider = function Divider(props) {
|
|
@@ -20415,8 +20721,8 @@
|
|
|
20415
20721
|
};
|
|
20416
20722
|
HelpText.displayName = 'HelpText';
|
|
20417
20723
|
|
|
20418
|
-
var css_248z$g = ".linkButton-module-LinkButton--eCyD-4-
|
|
20419
|
-
var styles$f = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-
|
|
20724
|
+
var css_248z$g = ".linkButton-module-LinkButton--eCyD-4-28-0-1 {\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-28-0-1 {\n flex-direction: row-reverse;\n}\n\n.linkButton-module-LinkButton-icon-Id1IM-4-28-0-1 {\n line-height: inherit;\n display: flex;\n align-items: center;\n}\n\n.linkButton-module-LinkButton-icon--left-uCKUJ-4-28-0-1 {\n margin-right: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton-icon--right-wxMEa-4-28-0-1 {\n margin-left: var(--spacing-10);\n}\n\n.linkButton-module-LinkButton--regular-QoGvH-4-28-0-1 {\n line-height: var(--font-height);\n font-size: var(--font-size);\n}\n\n.linkButton-module-LinkButton--tiny-21d67-4-28-0-1 {\n line-height: var(--font-height-s);\n font-size: var(--font-size-s);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-28-0-1,\n.linkButton-module-LinkButton--default-disabled-xeGOu-4-28-0-1 {\n color: var(--primary);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-28-0-1:hover {\n color: var(--primary-dark);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-28-0-1:active {\n color: var(--primary-darker);\n}\n\n.linkButton-module-LinkButton--default-1cpsS-4-28-0-1:focus-visible,\n.linkButton-module-LinkButton--default-disabled-xeGOu-4-28-0-1: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-28-0-1 {\n cursor: not-allowed;\n color: var(--primary-lighter);\n}\n\n.linkButton-module-LinkButton-infoIcon--default-s085k-4-28-0-1 {\n color: var(--text-link);\n}\n\n/* Subtle Appearance */\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-28-0-1,\n.linkButton-module-LinkButton--subtle-disabled-YBw-Z-4-28-0-1 {\n color: var(--inverse-lighter);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-28-0-1:hover {\n color: var(--inverse-light);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-28-0-1:active {\n color: var(--inverse);\n}\n\n.linkButton-module-LinkButton--subtle-I8NtR-4-28-0-1:focus-visible,\n.linkButton-module-LinkButton--subtle-disabled-YBw-Z-4-28-0-1: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-28-0-1 {\n cursor: not-allowed;\n color: var(--inverse-lightest);\n}\n\n.linkButton-module-LinkButton-infoIcon--subtle-Zid2H-4-28-0-1 {\n color: var(--inverse-light);\n}\n\n.linkButton-module-LinkButton-infoIconWrapper-gSvV3-4-28-0-1 {\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-28-0-1 {\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-30));\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--regularIcon-BHLsK-4-28-0-1 {\n top: 0px;\n right: calc(-1 * var(--spacing-05));\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--tinyIcon-Zfim1-4-28-0-1 {\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-05));\n}\n\n.linkButton-module-LinkButton-withInfo-foxxf-4-28-0-1 {\n padding-right: var(--spacing-20);\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--withChildren--wre--4-28-0-1 {\n right: calc(-1 * var(--spacing-30) + var(--spacing-20));\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--iconOnly-dr2nx-4-28-0-1 {\n right: calc(-1 * var(--spacing-10) + var(--spacing-20));\n}\n\n.linkButton-module-LinkButton-infoIconWrapper--tinyIcon-Zfim1-4-28-0-1 {\n right: calc(-1 * var(--spacing-05) + var(--spacing-20));\n}\n\n.linkButton-module-LinkButton-infoIcon-F8ygN-4-28-0-1 {\n color: inherit;\n}\n\n.linkButton-module-LinkButton-srOnly-k-6dO-4-28-0-1 {\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";
|
|
20725
|
+
var styles$f = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-28-0-1","LinkButton--iconAlign-right":"linkButton-module-LinkButton--iconAlign-right-BjcDC-4-28-0-1","LinkButton-icon":"linkButton-module-LinkButton-icon-Id1IM-4-28-0-1","LinkButton-icon--left":"linkButton-module-LinkButton-icon--left-uCKUJ-4-28-0-1","LinkButton-icon--right":"linkButton-module-LinkButton-icon--right-wxMEa-4-28-0-1","LinkButton--regular":"linkButton-module-LinkButton--regular-QoGvH-4-28-0-1","LinkButton--tiny":"linkButton-module-LinkButton--tiny-21d67-4-28-0-1","LinkButton--default":"linkButton-module-LinkButton--default-1cpsS-4-28-0-1","LinkButton--default-disabled":"linkButton-module-LinkButton--default-disabled-xeGOu-4-28-0-1","LinkButton-infoIcon--default":"linkButton-module-LinkButton-infoIcon--default-s085k-4-28-0-1","LinkButton--subtle":"linkButton-module-LinkButton--subtle-I8NtR-4-28-0-1","LinkButton--subtle-disabled":"linkButton-module-LinkButton--subtle-disabled-YBw-Z-4-28-0-1","LinkButton-infoIcon--subtle":"linkButton-module-LinkButton-infoIcon--subtle-Zid2H-4-28-0-1","LinkButton-infoIconWrapper":"linkButton-module-LinkButton-infoIconWrapper-gSvV3-4-28-0-1","LinkButton-infoIconWrapper--tiny":"linkButton-module-LinkButton-infoIconWrapper--tiny-b1mDf-4-28-0-1","LinkButton-infoIconWrapper--regularIcon":"linkButton-module-LinkButton-infoIconWrapper--regularIcon-BHLsK-4-28-0-1","LinkButton-infoIconWrapper--tinyIcon":"linkButton-module-LinkButton-infoIconWrapper--tinyIcon-Zfim1-4-28-0-1","LinkButton-withInfo":"linkButton-module-LinkButton-withInfo-foxxf-4-28-0-1","LinkButton-infoIconWrapper--withChildren":"linkButton-module-LinkButton-infoIconWrapper--withChildren--wre--4-28-0-1","LinkButton-infoIconWrapper--iconOnly":"linkButton-module-LinkButton-infoIconWrapper--iconOnly-dr2nx-4-28-0-1","LinkButton-infoIcon":"linkButton-module-LinkButton-infoIcon-F8ygN-4-28-0-1","LinkButton-srOnly":"linkButton-module-LinkButton-srOnly-k-6dO-4-28-0-1"};
|
|
20420
20726
|
styleInject$1(css_248z$g);
|
|
20421
20727
|
|
|
20422
20728
|
var sizeMapping = {
|
|
@@ -20531,8 +20837,8 @@
|
|
|
20531
20837
|
iconAlign: 'left'
|
|
20532
20838
|
};
|
|
20533
20839
|
|
|
20534
|
-
var css_248z$f = ".actionCard-module-ActionCard-VTzbo-4-
|
|
20535
|
-
var styles$e = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-
|
|
20840
|
+
var css_248z$f = ".actionCard-module-ActionCard-VTzbo-4-28-0-1 {\n border-radius: var(--border-radius-10);\n width: 100%;\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-28-0-1 {\n cursor: pointer;\n border: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.actionCard-module-ActionCard--default-ehk9Y-4-28-0-1: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-28-0-1:focus,\n.actionCard-module-ActionCard--default-ehk9Y-4-28-0-1: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-28-0-1: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-28-0-1 {\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-28-0-1 {\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";
|
|
20841
|
+
var styles$e = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-28-0-1","ActionCard--default":"actionCard-module-ActionCard--default-ehk9Y-4-28-0-1","ActionCard--disabled":"actionCard-module-ActionCard--disabled-Xbnn0-4-28-0-1","ActionCard-overlay--disabled":"actionCard-module-ActionCard-overlay--disabled-N4msm-4-28-0-1"};
|
|
20536
20842
|
styleInject$1(css_248z$f);
|
|
20537
20843
|
|
|
20538
20844
|
var ActionCard = function ActionCard(props) {
|
|
@@ -20631,8 +20937,8 @@
|
|
|
20631
20937
|
};
|
|
20632
20938
|
}
|
|
20633
20939
|
|
|
20634
|
-
var css_248z$e = ".selectionCard-module-Selection-card-qn7-q-4-
|
|
20635
|
-
var styles$d = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-
|
|
20940
|
+
var css_248z$e = ".selectionCard-module-Selection-card-qn7-q-4-28-0-1 {\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-28-0-1 {\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-28-0-1: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-28-0-1:focus,\n.selectionCard-module-Selection-card--default-hU2T--4-28-0-1: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-28-0-1: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-28-0-1 {\n cursor: not-allowed;\n outline: none;\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-28-0-1 {\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-28-0-1 {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-28-0-1:hover {\n box-shadow: inset 0 0 0 var(--spacing-05) var(--primary-dark);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-28-0-1:focus,\n.selectionCard-module-Selection-card--selected-RWlWc-4-28-0-1: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-28-0-1: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-28-0-1 {\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-28-0-1 {\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-28-0-1:active .selectionCard-module-Selection-card-overlay-9BMzm-4-28-0-1 {\n background-color: var(--primary);\n opacity: var(--opacity-3);\n}\n\n.selectionCard-module-Selection-card--default-disabled-duc48-4-28-0-1 .selectionCard-module-Selection-card-overlay-9BMzm-4-28-0-1 {\n background-color: var(--secondary-lightest);\n opacity: var(--opacity-10);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-28-0-1 .selectionCard-module-Selection-card-overlay-9BMzm-4-28-0-1 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-RWlWc-4-28-0-1:active .selectionCard-module-Selection-card-overlay-9BMzm-4-28-0-1 {\n background-color: var(--primary);\n opacity: var(--opacity-1);\n}\n\n.selectionCard-module-Selection-card--selected-disabled-pIKi1-4-28-0-1 .selectionCard-module-Selection-card-overlay-9BMzm-4-28-0-1 {\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-28-0-1,\n .selectionCard-module-Selection-card--default-hU2T--4-28-0-1:hover,\n .selectionCard-module-Selection-card--default-hU2T--4-28-0-1:active,\n .selectionCard-module-Selection-card--default-disabled-duc48-4-28-0-1 {\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-28-0-1,\n .selectionCard-module-Selection-card--selected-RWlWc-4-28-0-1:hover,\n .selectionCard-module-Selection-card--selected-RWlWc-4-28-0-1: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-28-0-1 {\n border: var(--border-width-2-5) solid GrayText;\n box-shadow: none;\n }\n\n .selectionCard-module-Selection-card--default-hU2T--4-28-0-1:focus,\n .selectionCard-module-Selection-card--default-hU2T--4-28-0-1:focus-visible,\n .selectionCard-module-Selection-card--selected-RWlWc-4-28-0-1:focus,\n .selectionCard-module-Selection-card--selected-RWlWc-4-28-0-1: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-28-0-1 {\n outline: none;\n }\n}\n";
|
|
20941
|
+
var styles$d = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-28-0-1","Selection-card--default":"selectionCard-module-Selection-card--default-hU2T--4-28-0-1","Selection-card--disabled":"selectionCard-module-Selection-card--disabled-abVC--4-28-0-1","Selection-card--default-disabled":"selectionCard-module-Selection-card--default-disabled-duc48-4-28-0-1","Selection-card--selected":"selectionCard-module-Selection-card--selected-RWlWc-4-28-0-1","Selection-card--selected-disabled":"selectionCard-module-Selection-card--selected-disabled-pIKi1-4-28-0-1","Selection-card-overlay":"selectionCard-module-Selection-card-overlay-9BMzm-4-28-0-1"};
|
|
20636
20942
|
styleInject$1(css_248z$e);
|
|
20637
20943
|
|
|
20638
20944
|
var SelectionCard = function SelectionCard(props) {
|
|
@@ -20756,8 +21062,8 @@
|
|
|
20756
21062
|
return wrapperFn;
|
|
20757
21063
|
};
|
|
20758
21064
|
|
|
20759
|
-
var css_248z$d = ".listbox-module-Listbox-SUVk--4-
|
|
20760
|
-
var styles$c = {"Listbox":"listbox-module-Listbox-SUVk--4-
|
|
21065
|
+
var css_248z$d = ".listbox-module-Listbox-SUVk--4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n width: 100%;\n}\n\n.listbox-module-Listbox-item-wrapper-fbx8s-4-28-0-1:last-child > .listbox-module-Listbox-divider-sZWin-4-28-0-1,\n.listbox-module-Listbox-item--draggable-3UvAw-4-28-0-1:last-child .listbox-module-Listbox-divider-sZWin-4-28-0-1 {\n background: transparent;\n}\n\n/* Sizes */\n\n.listbox-module-Listbox-item--tight-48bRS-4-28-0-1 {\n padding-top: var(--spacing-10);\n padding-bottom: var(--spacing-10);\n}\n\n.listbox-module-Listbox-item--compressed-NDxwb-4-28-0-1 {\n padding-top: var(--spacing-20);\n padding-bottom: var(--spacing-20);\n}\n\n.listbox-module-Listbox-item--standard-q2FuW-4-28-0-1 {\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-28-0-1 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-28-0-1:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--option-FMiJ2-4-28-0-1: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-28-0-1:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-28-0-1 {\n position: relative;\n background: rgba(214, 238, 255, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-28-0-1::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-28-0-1.listbox-module-Listbox-item--selected-mbKE--4-28-0-1::before {\n top: var(--spacing-05);\n left: var(--spacing-05);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-28-0-1:hover {\n background: rgba(139, 202, 254, 0.48);\n}\n\n.listbox-module-Listbox-item--selected-mbKE--4-28-0-1: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-28-0-1:active {\n background: var(--primary-lighter);\n}\n\n/* Listbox type - resource */\n\n.listbox-module-Listbox-item--resource-RGjFr-4-28-0-1 {\n cursor: pointer;\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-28-0-1:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--resource-RGjFr-4-28-0-1: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-28-0-1:active {\n background: var(--secondary-lighter);\n}\n\n.listbox-module-Listbox-item--activated-tg1Eb-4-28-0-1 {\n position: relative;\n background: var(--primary-lightest);\n}\n\n.listbox-module-Listbox-item--activated-tg1Eb-4-28-0-1::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-28-0-1.listbox-module-Listbox-item--activated-tg1Eb-4-28-0-1::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-28-0-1:focus-visible {\n outline: none;\n}\n\n/* Listbox type - disabled */\n\n.listbox-module-Listbox-item--disabled-x6TW2-4-28-0-1 {\n opacity: var(--opacity-10);\n pointer-events: none;\n}\n\n/* Listbox type - draggable */\n\n.listbox-module-Listbox-item--draggable-3UvAw-4-28-0-1:hover {\n background-color: var(--secondary-lightest);\n}\n\n.listbox-module-Listbox-item--draggable-3UvAw-4-28-0-1: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-28-0-1 {\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-28-0-1: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-28-0-1:hover {\n background-color: var(--secondary);\n color: var(--inverse);\n}\n\n.listbox-module-Listbox-item--drag-icon-Jt6Jw-4-28-0-1: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-28-0-1,\n.listbox-module-Listbox-item--drag-picked-ht640-4-28-0-1 {\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-28-0-1 .listbox-module-Listbox-item--selected-mbKE--4-28-0-1,\n.listbox-module-Listbox-item--drag-picked-ht640-4-28-0-1 .listbox-module-Listbox-item--selected-mbKE--4-28-0-1 {\n background-color: rgba(214, 238, 255, 0.48);\n}\n\n.listbox-module-Listbox-item--sticky-picked-o8Drq-4-28-0-1 .listbox-module-Listbox-item--drag-icon-Jt6Jw-4-28-0-1 {\n background-color: var(--primary);\n color: var(--text-white);\n}\n\n.listbox-module-Listbox-item--drag-picked-ht640-4-28-0-1 .listbox-module-Listbox-item--drag-icon-Jt6Jw-4-28-0-1 {\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-28-0-1 {\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-28-0-1: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-28-0-1 {\n opacity: 1;\n color: GrayText;\n }\n\n .listbox-module-Listbox-item--selected-mbKE--4-28-0-1::before,\n .listbox-module-Listbox-item--activated-tg1Eb-4-28-0-1::before {\n background-color: Highlight;\n }\n}\n";
|
|
21066
|
+
var styles$c = {"Listbox":"listbox-module-Listbox-SUVk--4-28-0-1","Listbox-item":"listbox-module-Listbox-item-YQzPV-4-28-0-1","Listbox-item-wrapper":"listbox-module-Listbox-item-wrapper-fbx8s-4-28-0-1","Listbox-divider":"listbox-module-Listbox-divider-sZWin-4-28-0-1","Listbox-item--draggable":"listbox-module-Listbox-item--draggable-3UvAw-4-28-0-1","Listbox-item--tight":"listbox-module-Listbox-item--tight-48bRS-4-28-0-1","Listbox-item--compressed":"listbox-module-Listbox-item--compressed-NDxwb-4-28-0-1","Listbox-item--standard":"listbox-module-Listbox-item--standard-q2FuW-4-28-0-1","Listbox-item--option":"listbox-module-Listbox-item--option-FMiJ2-4-28-0-1","Listbox-item--selected":"listbox-module-Listbox-item--selected-mbKE--4-28-0-1","Listbox-item--resource":"listbox-module-Listbox-item--resource-RGjFr-4-28-0-1","Listbox-item--activated":"listbox-module-Listbox-item--activated-tg1Eb-4-28-0-1","Listbox-item--description":"listbox-module-Listbox-item--description-qiJzO-4-28-0-1","Listbox-item--disabled":"listbox-module-Listbox-item--disabled-x6TW2-4-28-0-1","Listbox-item--drag-icon":"listbox-module-Listbox-item--drag-icon-Jt6Jw-4-28-0-1","Listbox-item--sticky-picked":"listbox-module-Listbox-item--sticky-picked-o8Drq-4-28-0-1","Listbox-item--drag-picked":"listbox-module-Listbox-item--drag-picked-ht640-4-28-0-1","Listbox-aria-live":"listbox-module-Listbox-aria-live-odEhw-4-28-0-1"};
|
|
20761
21067
|
styleInject$1(css_248z$d);
|
|
20762
21068
|
|
|
20763
21069
|
var AUTOSCROLL_ACTIVE_OFFSET = 200;
|
|
@@ -22088,8 +22394,8 @@
|
|
|
22088
22394
|
|
|
22089
22395
|
var AvatarSelectionContext = /*#__PURE__*/React__namespace.createContext({});
|
|
22090
22396
|
|
|
22091
|
-
var css_248z$c = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
22092
|
-
var styles$b = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
22397
|
+
var css_248z$c = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n margin-right: 0;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--micro-Qfz-a-4-28-0-1 {\n margin-right: var(--spacing-10);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-28-0-1:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-28-0-1:focus-visible {\n outline: 3px solid var(--primary-shadow);\n outline-offset: 3px;\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-28-0-1: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-28-0-1:active,\n.avatarSelection-module-SelectionAvatarGroup-item--active-micro-XTJS3-4-28-0-1:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--active-regular-BVSG9-4-28-0-1: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-28-0-1:hover .avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-28-0-1 {\n transform: translateY(-8px);\n}\n\n/* Selected Avatar Group Item */\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-28-0-1 {\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-28-0-1,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-28-0-1 {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-28-0-1 {\n outline: var(--border-width-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-28-0-1: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-28-0-1:active,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-28-0-1:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-28-0-1: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-28-0-1:focus,\n.avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-28-0-1: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-28-0-1 {\n overflow-y: auto;\n box-sizing: border-box;\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-28-0-1 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-28-0-1:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-28-0-1 {\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-28-0-1,\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-28-0-1:focus-within {\n border: unset !important;\n box-shadow: none !important;\n outline: none !important;\n}\n\n.avatarSelection-module-SelectionAvatar-input-OWRhy-4-28-0-1:hover {\n background-color: var(--secondary-lightest);\n}\n\n/* Selection Avatar Count */\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-28-0-1 {\n border-radius: var(--border-radius-full);\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper--micro-U5Hsw-4-28-0-1 {\n margin-right: 0;\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-28-0-1:hover {\n background: var(--secondary);\n}\n\n.avatarSelection-module-SelectionAvatarCount-s-0H0-4-28-0-1:active {\n background: var(--secondary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--open-vpUEs-4-28-0-1 {\n background: var(--secondary-dark) !important;\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-28-0-1:focus {\n outline: none;\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-28-0-1:focus-visible {\n outline: none;\n}\n\n.avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-28-0-1: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-28-0-1 {\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-28-0-1,\n.avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-28-0-1 {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-28-0-1 {\n outline: var(--border-width-05) solid var(--primary-dark);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-28-0-1: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-28-0-1:active,\n.avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-28-0-1:active {\n outline-offset: var(--spacing-05);\n}\n\n.avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-28-0-1: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-28-0-1:focus,\n.avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-28-0-1: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-28-0-1:focus,\n .avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-28-0-1: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-28-0-1:focus,\n .avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-28-0-1: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-28-0-1:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
22398
|
+
var styles$b = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-28-0-1","SelectionAvatarGroup-item":"avatarSelection-module-SelectionAvatarGroup-item-1QsB6-4-28-0-1","SelectionAvatarGroup-item--tiny":"avatarSelection-module-SelectionAvatarGroup-item--tiny-isNDd-4-28-0-1","SelectionAvatarGroup-item--micro":"avatarSelection-module-SelectionAvatarGroup-item--micro-Qfz-a-4-28-0-1","SelectionAvatarGroup-item--active":"avatarSelection-module-SelectionAvatarGroup-item--active-dofCY-4-28-0-1","SelectionAvatarGroup-item--active-tiny":"avatarSelection-module-SelectionAvatarGroup-item--active-tiny-tyofa-4-28-0-1","SelectionAvatarGroup-item--active-micro":"avatarSelection-module-SelectionAvatarGroup-item--active-micro-XTJS3-4-28-0-1","SelectionAvatarGroup-item--active-regular":"avatarSelection-module-SelectionAvatarGroup-item--active-regular-BVSG9-4-28-0-1","SelectionAvatarGroup-wrapper":"avatarSelection-module-SelectionAvatarGroup-wrapper-BtN8f-4-28-0-1","SelectionAvatarGroup-item--selected":"avatarSelection-module-SelectionAvatarGroup-item--selected-yhD56-4-28-0-1","SelectionAvatarGroup-item--selected-tiny":"avatarSelection-module-SelectionAvatarGroup-item--selected-tiny-I4OLi-4-28-0-1","SelectionAvatarGroup-item--selected-micro":"avatarSelection-module-SelectionAvatarGroup-item--selected-micro-VtYqS-4-28-0-1","SelectionAvatarGroup-item--selected-regular":"avatarSelection-module-SelectionAvatarGroup-item--selected-regular-lhnsU-4-28-0-1","SelectionAvatarGroup-popper":"avatarSelection-module-SelectionAvatarGroup-popper-Rcnff-4-28-0-1","SelectionAvatar-inputWrapper":"avatarSelection-module-SelectionAvatar-inputWrapper-13xTx-4-28-0-1","SelectionAvatar-input":"avatarSelection-module-SelectionAvatar-input-OWRhy-4-28-0-1","SelectionAvatarCount-wrapper":"avatarSelection-module-SelectionAvatarCount-wrapper-NrqFi-4-28-0-1","SelectionAvatarCount-wrapper--micro":"avatarSelection-module-SelectionAvatarCount-wrapper--micro-U5Hsw-4-28-0-1","SelectionAvatarCount":"avatarSelection-module-SelectionAvatarCount-s-0H0-4-28-0-1","SelectionAvatarCount--open":"avatarSelection-module-SelectionAvatarCount--open-vpUEs-4-28-0-1","SelectionAvatarCount--selected":"avatarSelection-module-SelectionAvatarCount--selected--P-iP-4-28-0-1","SelectionAvatarCount--selected-tiny":"avatarSelection-module-SelectionAvatarCount--selected-tiny-AlYgW-4-28-0-1","SelectionAvatarCount--selected-micro":"avatarSelection-module-SelectionAvatarCount--selected-micro-600q2-4-28-0-1","SelectionAvatarCount--selected-regular":"avatarSelection-module-SelectionAvatarCount--selected-regular-jklGD-4-28-0-1"};
|
|
22093
22399
|
styleInject$1(css_248z$c);
|
|
22094
22400
|
|
|
22095
22401
|
var SelectionAvatarsWrapper = function SelectionAvatarsWrapper(props) {
|
|
@@ -23914,22 +24220,23 @@
|
|
|
23914
24220
|
|
|
23915
24221
|
var SelectContext = /*#__PURE__*/React__namespace.createContext({});
|
|
23916
24222
|
|
|
23917
|
-
var css_248z$b = ".select-module-Select-input-E3-1I-4-
|
|
23918
|
-
var styles$a = {"Select-input":"select-module-Select-input-E3-1I-4-
|
|
24223
|
+
var css_248z$b = ".select-module-Select-input-E3-1I-4-28-0-1 {\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-28-0-1,\n.select-module-Select-input-E3-1I-4-28-0-1: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-28-0-1:hover {\n background-color: var(--secondary-lightest);\n}\n\n.select-module-Select-trigger-PT5nA-4-28-0-1 {\n width: 100%;\n justify-content: space-between;\n padding-top: unset;\n padding-bottom: unset;\n transition: var(--duration--fast-01) var(--standard-productive-curve);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-28-0-1 {\n background: var(--secondary-light);\n color: var(--text);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-28-0-1:disabled {\n background: var(--secondary-lighter);\n color: var(--text-disabled);\n pointer-events: none;\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-28-0-1:active,\n.select-module-Select-trigger--filledOpen-JwFDP-4-28-0-1 {\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-28-0-1:hover {\n background: var(--secondary);\n color: var(--text);\n}\n\n.select-module-Select-trigger--filled-mAjdO-4-28-0-1:focus-visible {\n background-color: var(--secondary-light);\n}\n\n/* styleType Outlined */\n\n.select-module-Select-trigger--outlined-EqpYO-4-28-0-1 {\n background: var(--white);\n color: var(--text);\n border: var(--border);\n}\n\n.select-module-Select-trigger--outlined-EqpYO-4-28-0-1: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-28-0-1:active,\n.select-module-Select-trigger--outlinedOpen-Qpz-c-4-28-0-1 {\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-28-0-1:disabled {\n color: var(--inverse-lightest) !important;\n background: var(--secondary-lightest) !important;\n border: var(--border-width-2-5) solid var(--secondary-lighter) !important;\n}\n\n.select-module-Select-inputWrapper-LT8pe-4-28-0-1 {\n border-bottom: var(--border-width-2-5) solid var(--secondary-dark);\n}\n\n.select-module-Select-inputWrapper-LT8pe-4-28-0-1:focus-within {\n border-bottom: var(--border-width-2-5) solid var(--primary);\n}\n\n.select-module-Select-trigger-wrapper-NMxls-4-28-0-1 {\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-28-0-1 {\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-28-0-1,\n.select-module-Select-option--text-WfcEP-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n color: var(--text);\n}\n\n.select-module-Select-trigger--outlinedPlaceholder-KskN9-4-28-0-1 {\n color: var(--inverse-lighter);\n}\n\n.select-module-Select-trigger--icon-eX-q0-4-28-0-1 {\n padding-left: var(--spacing-20);\n}\n\n.select-module-Select-buttonWrapper-Dm9cQ-4-28-0-1 {\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-28-0-1 {\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-28-0-1:focus-visible {\n outline: var(--spacing-05) solid var(--primary-focus);\n}\n\n.select-module-Select-crossButton-RUlwA-4-28-0-1:hover {\n background-color: var(--secondary);\n}\n\n.select-module-Select-crossButton-RUlwA-4-28-0-1:active {\n background-color: var(--secondary-dark);\n}\n\n.select-module-Select-option-HDep4-4-28-0-1 {\n display: flex;\n align-items: flex-start;\n width: 100%;\n}\n\n.select-module-Select-trigger--textSmall-jlpss-4-28-0-1 {\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-28-0-1 {\n padding: var(--spacing-10) var(--spacing-20);\n}\n\n.select-module-Select-input--tiny-mldAL-4-28-0-1 {\n padding-right: var(--spacing-10);\n height: var(--spacing-60);\n}\n\n.select-module-Select-option--textTight-soE6b-4-28-0-1 {\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-28-0-1 {\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-28-0-1:focus-within {\n outline: var(--border-width-05) solid Highlight !important;\n outline-offset: var(--spacing-05);\n }\n}\n";
|
|
24224
|
+
var styles$a = {"Select-input":"select-module-Select-input-E3-1I-4-28-0-1","Select-trigger":"select-module-Select-trigger-PT5nA-4-28-0-1","Select-trigger--filled":"select-module-Select-trigger--filled-mAjdO-4-28-0-1","Select-trigger--filledOpen":"select-module-Select-trigger--filledOpen-JwFDP-4-28-0-1","Select-trigger--outlined":"select-module-Select-trigger--outlined-EqpYO-4-28-0-1","Select-trigger--outlinedOpen":"select-module-Select-trigger--outlinedOpen-Qpz-c-4-28-0-1","Select-inputWrapper":"select-module-Select-inputWrapper-LT8pe-4-28-0-1","Select-trigger-wrapper":"select-module-Select-trigger-wrapper-NMxls-4-28-0-1","Select-trigger--small":"select-module-Select-trigger--small-v-qam-4-28-0-1","Select-trigger--text":"select-module-Select-trigger--text-7nEKU-4-28-0-1","Select-option--text":"select-module-Select-option--text-WfcEP-4-28-0-1","Select-trigger--regular":"select-module-Select-trigger--regular-Dx-fp-4-28-0-1","Select-trigger--filledPlaceholder":"select-module-Select-trigger--filledPlaceholder-XA5t6-4-28-0-1","Select-trigger--outlinedPlaceholder":"select-module-Select-trigger--outlinedPlaceholder-KskN9-4-28-0-1","Select-trigger--icon":"select-module-Select-trigger--icon-eX-q0-4-28-0-1","Select-buttonWrapper":"select-module-Select-buttonWrapper-Dm9cQ-4-28-0-1","Select-crossButton":"select-module-Select-crossButton-RUlwA-4-28-0-1","Select-option":"select-module-Select-option-HDep4-4-28-0-1","Select-trigger--textSmall":"select-module-Select-trigger--textSmall-jlpss-4-28-0-1","Select-option--tight":"select-module-Select-option--tight-vVqxV-4-28-0-1","Select-input--tiny":"select-module-Select-input--tiny-mldAL-4-28-0-1","Select-option--textTight":"select-module-Select-option--textTight-soE6b-4-28-0-1","Select-trigger--error":"select-module-Select-trigger--error-B4sEa-4-28-0-1"};
|
|
23919
24225
|
styleInject$1(css_248z$b);
|
|
23920
24226
|
|
|
23921
24227
|
var SelectOption = function SelectOption(props) {
|
|
23922
24228
|
var _a, _b, _c;
|
|
23923
|
-
var _d;
|
|
23924
24229
|
var children = props.children,
|
|
23925
24230
|
option = props.option,
|
|
23926
24231
|
checkedState = props.checkedState,
|
|
23927
24232
|
onClick = props.onClick,
|
|
23928
|
-
|
|
23929
|
-
withCheckbox =
|
|
24233
|
+
_d = props.withCheckbox,
|
|
24234
|
+
withCheckbox = _d === void 0 ? true : _d,
|
|
23930
24235
|
disabled = props.disabled,
|
|
23931
24236
|
index = props.index,
|
|
23932
|
-
|
|
24237
|
+
ariaLabel = props["aria-label"],
|
|
24238
|
+
ariaLabelledBy = props["aria-labelledby"],
|
|
24239
|
+
rest = __rest(props, ["children", "option", "checkedState", "onClick", "withCheckbox", "disabled", "index", 'aria-label', 'aria-labelledby']);
|
|
23933
24240
|
var contextProp = React__namespace.useContext(SelectContext);
|
|
23934
24241
|
var onOptionClick = contextProp.onOptionClick,
|
|
23935
24242
|
selectValue = contextProp.selectValue,
|
|
@@ -23973,13 +24280,16 @@
|
|
|
23973
24280
|
var checkboxInputId = idPrefix + "DesignSystem-SelectOption-checkbox-" + idSuffix;
|
|
23974
24281
|
var childCount = React__namespace.Children.count(children);
|
|
23975
24282
|
var optionLabelString = typeof option.label === 'string' ? option.label.trim() : '';
|
|
23976
|
-
var checkboxFallbackAriaLabel =
|
|
24283
|
+
var checkboxFallbackAriaLabel = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : optionLabelString || undefined;
|
|
23977
24284
|
var associateCheckboxWithOptionLabel = childCount > 0;
|
|
24285
|
+
var resolvedOptionLabelledBy = ariaLabelledBy || (!ariaLabel && childCount > 0 ? optionLabelId : undefined);
|
|
24286
|
+
var resolvedOptionAriaLabel = resolvedOptionLabelledBy ? undefined : ariaLabel || optionLabelString || undefined;
|
|
23978
24287
|
return /*#__PURE__*/React__namespace.createElement(Listbox.Item, __assign$1({
|
|
23979
24288
|
role: "option",
|
|
23980
24289
|
onClick: onClickHandler,
|
|
23981
24290
|
"aria-selected": checked,
|
|
23982
|
-
"aria-
|
|
24291
|
+
"aria-labelledby": resolvedOptionLabelledBy,
|
|
24292
|
+
"aria-label": resolvedOptionAriaLabel,
|
|
23983
24293
|
onKeyDown: function onKeyDown(event) {
|
|
23984
24294
|
return onKeyDownHandler(event);
|
|
23985
24295
|
},
|
|
@@ -24072,10 +24382,11 @@
|
|
|
24072
24382
|
var _a, _b;
|
|
24073
24383
|
var _c = props.triggerSize,
|
|
24074
24384
|
triggerSize = _c === void 0 ? 'regular' : _c,
|
|
24075
|
-
|
|
24076
|
-
|
|
24385
|
+
ariaLabel = props["aria-label"],
|
|
24386
|
+
ariaLabelledBy = props["aria-labelledby"],
|
|
24077
24387
|
placeholder = props.placeholder,
|
|
24078
24388
|
withClearButton = props.withClearButton,
|
|
24389
|
+
clearButtonAriaLabel = props.clearButtonAriaLabel,
|
|
24079
24390
|
icon = props.icon,
|
|
24080
24391
|
disabled = props.disabled,
|
|
24081
24392
|
inlineLabel = props.inlineLabel,
|
|
@@ -24086,7 +24397,7 @@
|
|
|
24086
24397
|
maxWidth = props.maxWidth;
|
|
24087
24398
|
props["aria-invalid"];
|
|
24088
24399
|
var ariaControls = props["aria-controls"],
|
|
24089
|
-
rest = __rest(props, ["triggerSize", 'aria-label', "placeholder", "withClearButton", "icon", "disabled", "inlineLabel", "iconType", "onClear", "setLabel", "minWidth", "maxWidth", 'aria-invalid', 'aria-controls']);
|
|
24400
|
+
rest = __rest(props, ["triggerSize", 'aria-label', 'aria-labelledby', "placeholder", "withClearButton", "clearButtonAriaLabel", "icon", "disabled", "inlineLabel", "iconType", "onClear", "setLabel", "minWidth", "maxWidth", 'aria-invalid', 'aria-controls']);
|
|
24090
24401
|
var contextProp = React__namespace.useContext(SelectContext);
|
|
24091
24402
|
var elementRef = React__namespace.useRef(null);
|
|
24092
24403
|
var openPopover = contextProp.openPopover,
|
|
@@ -24139,6 +24450,8 @@
|
|
|
24139
24450
|
var iconClass = classNames__default["default"]('align-items-center', 'mr-2', 'ml-3', 'p-3-5', styles$a['Select-crossButton']);
|
|
24140
24451
|
var iconSize = triggerSize === 'small' ? 14 : 16;
|
|
24141
24452
|
var triggerTextSize = triggerSize === 'small' ? 'small' : 'regular';
|
|
24453
|
+
var resolvedAriaLabel = ariaLabelledBy ? undefined : ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : trimmedPlaceholder;
|
|
24454
|
+
var resolvedClearButtonAriaLabel = clearButtonAriaLabel || (ariaLabel ? "Clear " + ariaLabel : undefined) || (trimmedPlaceholder ? "Clear " + trimmedPlaceholder : undefined) || 'Clear selection';
|
|
24142
24455
|
return /*#__PURE__*/React__namespace.createElement(Tooltip, {
|
|
24143
24456
|
showOnTruncation: true,
|
|
24144
24457
|
showTooltip: !openPopover,
|
|
@@ -24159,7 +24472,8 @@
|
|
|
24159
24472
|
"aria-controls": ariaControls,
|
|
24160
24473
|
"aria-expanded": openPopover,
|
|
24161
24474
|
"aria-haspopup": "listbox",
|
|
24162
|
-
"aria-label":
|
|
24475
|
+
"aria-label": resolvedAriaLabel,
|
|
24476
|
+
"aria-labelledby": ariaLabelledBy,
|
|
24163
24477
|
"data-test": "DesignSystem-Select-trigger"
|
|
24164
24478
|
}, rest), /*#__PURE__*/React__namespace.createElement("div", {
|
|
24165
24479
|
className: triggerClass
|
|
@@ -24184,7 +24498,7 @@
|
|
|
24184
24498
|
onKeyDown: function onKeyDown(e) {
|
|
24185
24499
|
return e.stopPropagation();
|
|
24186
24500
|
},
|
|
24187
|
-
"aria-label":
|
|
24501
|
+
"aria-label": resolvedClearButtonAriaLabel,
|
|
24188
24502
|
"data-test": "DesignSystem-Select--closeIcon"
|
|
24189
24503
|
}, /*#__PURE__*/React__namespace.createElement(Icon, {
|
|
24190
24504
|
appearance: buttonDisabled,
|
|
@@ -24325,6 +24639,8 @@
|
|
|
24325
24639
|
styleType = _b === void 0 ? 'filled' : _b,
|
|
24326
24640
|
_c = props.error,
|
|
24327
24641
|
error = _c === void 0 ? false : _c,
|
|
24642
|
+
ariaLabelProp = props["aria-label"],
|
|
24643
|
+
ariaLabelledByProp = props["aria-labelledby"],
|
|
24328
24644
|
ariaDescribedByProp = props["aria-describedby"],
|
|
24329
24645
|
ariaErrormessageProp = props["aria-errormessage"],
|
|
24330
24646
|
trapFocus = props.trapFocus;
|
|
@@ -24366,7 +24682,11 @@
|
|
|
24366
24682
|
var WrapperStyle = trigger ? {} : {
|
|
24367
24683
|
width: width
|
|
24368
24684
|
};
|
|
24369
|
-
var mergedTriggerOptions = __assign$1(__assign$1(__assign$1({}, triggerOptions), (triggerOptions == null || triggerOptions['aria-
|
|
24685
|
+
var mergedTriggerOptions = __assign$1(__assign$1(__assign$1(__assign$1(__assign$1({}, triggerOptions), (triggerOptions == null || triggerOptions['aria-label'] == null) && ariaLabelProp ? {
|
|
24686
|
+
'aria-label': ariaLabelProp
|
|
24687
|
+
} : {}), (triggerOptions == null || triggerOptions['aria-labelledby'] == null) && ariaLabelledByProp ? {
|
|
24688
|
+
'aria-labelledby': ariaLabelledByProp
|
|
24689
|
+
} : {}), (triggerOptions == null || triggerOptions['aria-describedby'] == null) && ariaDescribedByProp ? {
|
|
24370
24690
|
'aria-describedby': ariaDescribedByProp
|
|
24371
24691
|
} : {}), (triggerOptions == null || triggerOptions['aria-errormessage'] == null) && ariaErrormessageProp ? {
|
|
24372
24692
|
'aria-errormessage': ariaErrormessageProp
|
|
@@ -24644,8 +24964,8 @@
|
|
|
24644
24964
|
Select.EmptyTemplate = SelectEmptyTemplate;
|
|
24645
24965
|
Select.Footer = SelectFooter;
|
|
24646
24966
|
|
|
24647
|
-
var css_248z$a = ".menu-module-Menu-AK6Tm-4-
|
|
24648
|
-
var styles$9 = {"Menu":"menu-module-Menu-AK6Tm-4-
|
|
24967
|
+
var css_248z$a = ".menu-module-Menu-AK6Tm-4-28-0-1 {\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-28-0-1 {\n background-color: var(--secondary-dark);\n}\n\n.menu-module-Menu-Item-oX6Gf-4-28-0-1 {\n width: 100%;\n box-sizing: border-box;\n}\n\n.menu-module-Menu-Item--tight-6221H-4-28-0-1 {\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-28-0-1 {\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-28-0-1:first-child .menu-module-Menu-Group-Label-Qj6zC-4-28-0-1 {\n padding-top: var(--spacing-20);\n}\n";
|
|
24968
|
+
var styles$9 = {"Menu":"menu-module-Menu-AK6Tm-4-28-0-1","Menu-Trigger--active":"menu-module-Menu-Trigger--active-jEVVp-4-28-0-1","Menu-Item":"menu-module-Menu-Item-oX6Gf-4-28-0-1","Menu-Item--tight":"menu-module-Menu-Item--tight-6221H-4-28-0-1","Menu-Group-Label":"menu-module-Menu-Group-Label-Qj6zC-4-28-0-1","Menu-Group":"menu-module-Menu-Group-MAnuz-4-28-0-1"};
|
|
24649
24969
|
styleInject$1(css_248z$a);
|
|
24650
24970
|
|
|
24651
24971
|
var MenuGroup = function MenuGroup(props) {
|
|
@@ -25263,8 +25583,8 @@
|
|
|
25263
25583
|
}, rest), date);
|
|
25264
25584
|
};
|
|
25265
25585
|
|
|
25266
|
-
var css_248z$9 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
25267
|
-
var styles$8 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
25586
|
+
var css_248z$9 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n flex: 1;\n height: var(--spacing-2-5);\n background-color: var(--primary);\n margin-left: var(--spacing-40);\n}\n";
|
|
25587
|
+
var styles$8 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-28-0-1","NewMessage-Divider--left":"chatSeparator-module-NewMessage-Divider--left-tvVhe-4-28-0-1","NewMessage-Divider--right":"chatSeparator-module-NewMessage-Divider--right-PlY2h-4-28-0-1"};
|
|
25268
25588
|
styleInject$1(css_248z$9);
|
|
25269
25589
|
|
|
25270
25590
|
var UnreadMessage = function UnreadMessage(props) {
|
|
@@ -25356,8 +25676,8 @@
|
|
|
25356
25676
|
}, rest), text);
|
|
25357
25677
|
};
|
|
25358
25678
|
|
|
25359
|
-
var css_248z$8 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
25360
|
-
var styles$7 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
25679
|
+
var css_248z$8 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n margin-right: calc(var(--spacing-40) + var(--spacing-10));\n}\n\n.chatBubble-module-ChatBubble-box-hARs0-4-28-0-1 {\n width: 100%;\n}\n\n.chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n\n.chatBubble-module-ChatBubble-boxWrapper-aH59y-4-28-0-1 {\n flex: 0 0 auto;\n display: flex;\n max-width: 70%;\n}\n\n.chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-28-0-1 {\n flex: 0 0 auto;\n}\n\n.chatBubble-module-ChatBubble-actionBarWrapper--hidden-VPK2d-4-28-0-1 {\n width: 0;\n overflow: hidden;\n}\n";
|
|
25680
|
+
var styles$7 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-28-0-1","ChatBubble-separator":"chatBubble-module-ChatBubble-separator-JaN-K-4-28-0-1","ChatBubble-box--noSuccess":"chatBubble-module-ChatBubble-box--noSuccess-xsoeb-4-28-0-1","ChatBubble-box":"chatBubble-module-ChatBubble-box-hARs0-4-28-0-1","ChatBubble-actionBar--outgoing":"chatBubble-module-ChatBubble-actionBar--outgoing-uAsaH-4-28-0-1","ChatBubble-actionBar--incoming":"chatBubble-module-ChatBubble-actionBar--incoming-gosX5-4-28-0-1","ChatBubble-box--incoming":"chatBubble-module-ChatBubble-box--incoming-GK6D6-4-28-0-1","ChatBubble-metaData--incoming":"chatBubble-module-ChatBubble-metaData--incoming-dovAY-4-28-0-1","ChatBubble-boxWrapper":"chatBubble-module-ChatBubble-boxWrapper-aH59y-4-28-0-1","ChatBubble-actionBarWrapper":"chatBubble-module-ChatBubble-actionBarWrapper-8VKZb-4-28-0-1","ChatBubble-actionBarWrapper--hidden":"chatBubble-module-ChatBubble-actionBarWrapper--hidden-VPK2d-4-28-0-1"};
|
|
25361
25681
|
styleInject$1(css_248z$8);
|
|
25362
25682
|
|
|
25363
25683
|
var MetaSeparator$1 = function MetaSeparator() {
|
|
@@ -25600,8 +25920,8 @@
|
|
|
25600
25920
|
};
|
|
25601
25921
|
ChatBubble.displayName = 'ChatBubble';
|
|
25602
25922
|
|
|
25603
|
-
var css_248z$7 = ".chatInput-module-ChatInput-eHNHD-4-
|
|
25604
|
-
var styles$6 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-
|
|
25923
|
+
var css_248z$7 = ".chatInput-module-ChatInput-eHNHD-4-28-0-1 {\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-28-0-1 {\n flex-direction: column;\n align-items: flex-start;\n}\n\n.chatInput-module-ChatInput--disabled-2rn8F-4-28-0-1 {\n background: var(--secondary-lightest);\n cursor: not-allowed;\n}\n\n.chatInput-module-ChatInput-eHNHD-4-28-0-1:hover {\n background: var(--secondary-lighter);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-28-0-1:focus-within,\n.chatInput-module-ChatInput-eHNHD-4-28-0-1:focus,\n.chatInput-module-ChatInput-eHNHD-4-28-0-1: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-28-0-1 {\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-28-0-1::-moz-placeholder {\n color: var(--inverse-lighter);\n}\n\n.chatInput-module-ChatInput-textarea-qyw2Y-4-28-0-1::placeholder {\n color: var(--inverse-lighter);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-28-0-1 textarea:disabled::-moz-placeholder {\n color: var(--inverse-lightest);\n}\n\n.chatInput-module-ChatInput-eHNHD-4-28-0-1 textarea:disabled::placeholder {\n color: var(--inverse-lightest);\n}\n\n.chatInput-module-ChatInput-actions-TdLpp-4-28-0-1 {\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-28-0-1 {\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-28-0-1,\n .chatInput-module-ChatInput-actions-TdLpp-4-28-0-1,\n .chatInput-module-ChatInput-textarea-qyw2Y-4-28-0-1 {\n transition: none;\n }\n}\n";
|
|
25924
|
+
var styles$6 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-28-0-1","ChatInput--expanded":"chatInput-module-ChatInput--expanded-CQXYB-4-28-0-1","ChatInput--disabled":"chatInput-module-ChatInput--disabled-2rn8F-4-28-0-1","ChatInput-textarea":"chatInput-module-ChatInput-textarea-qyw2Y-4-28-0-1","ChatInput-actions":"chatInput-module-ChatInput-actions-TdLpp-4-28-0-1","ChatInput-actions--expanded":"chatInput-module-ChatInput-actions--expanded-tSHwG-4-28-0-1"};
|
|
25605
25925
|
styleInject$1(css_248z$7);
|
|
25606
25926
|
|
|
25607
25927
|
var ChatInput = function ChatInput(props) {
|
|
@@ -25730,8 +26050,8 @@
|
|
|
25730
26050
|
Chat.ChatBubble = ChatBubble;
|
|
25731
26051
|
Chat.ChatInput = ChatInput;
|
|
25732
26052
|
|
|
25733
|
-
var css_248z$6 = ".meter-module-Meter-2i-mO-4-
|
|
25734
|
-
var styles$5 = {"Meter":"meter-module-Meter-2i-mO-4-
|
|
26053
|
+
var css_248z$6 = ".meter-module-Meter-2i-mO-4-28-0-1 {\n display: flex;\n align-items: center;\n}\n\n.meter-module-Meter-Step-4Z4g3-4-28-0-1 {\n border-radius: 50%;\n}\n\n.meter-module-Meter-Step--small-8AUww-4-28-0-1 {\n width: var(--spacing-10);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--regular-5FlOq-4-28-0-1 {\n width: var(--spacing-20);\n height: var(--spacing-20);\n}\n\n.meter-module-Meter-Step--large-3n6Li-4-28-0-1 {\n width: var(--spacing-30);\n height: var(--spacing-30);\n}\n\n.meter-module-Meter-Step--info-dYKw1-4-28-0-1 {\n background: var(--primary);\n}\n\n.meter-module-Meter-Step--warning-1y3zc-4-28-0-1 {\n background: var(--warning);\n}\n\n.meter-module-Meter-Step--alert-hNfes-4-28-0-1 {\n background: var(--alert);\n}\n\n.meter-module-Meter-Step--success-sSboi-4-28-0-1 {\n background: var(--success);\n}\n";
|
|
26054
|
+
var styles$5 = {"Meter":"meter-module-Meter-2i-mO-4-28-0-1","Meter-Step":"meter-module-Meter-Step-4Z4g3-4-28-0-1","Meter-Step--small":"meter-module-Meter-Step--small-8AUww-4-28-0-1","Meter-Step--regular":"meter-module-Meter-Step--regular-5FlOq-4-28-0-1","Meter-Step--large":"meter-module-Meter-Step--large-3n6Li-4-28-0-1","Meter-Step--info":"meter-module-Meter-Step--info-dYKw1-4-28-0-1","Meter-Step--warning":"meter-module-Meter-Step--warning-1y3zc-4-28-0-1","Meter-Step--alert":"meter-module-Meter-Step--alert-hNfes-4-28-0-1","Meter-Step--success":"meter-module-Meter-Step--success-sSboi-4-28-0-1"};
|
|
25735
26055
|
styleInject$1(css_248z$6);
|
|
25736
26056
|
|
|
25737
26057
|
var Step = function Step(props) {
|
|
@@ -25898,8 +26218,8 @@
|
|
|
25898
26218
|
|
|
25899
26219
|
var SegmentedControlContext = /*#__PURE__*/React__namespace.createContext(null);
|
|
25900
26220
|
|
|
25901
|
-
var css_248z$5 = ".segmentedControl-module-SegmentedControl-vkYC9-4-
|
|
25902
|
-
var styles$4 = {"SegmentedControl":"segmentedControl-module-SegmentedControl-vkYC9-4-
|
|
26221
|
+
var css_248z$5 = ".segmentedControl-module-SegmentedControl-vkYC9-4-28-0-1 {\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-28-0-1 {\n width: 100%;\n display: flex;\n}\n\n.segmentedControl-module-SegmentedControl-segment--expanded-A9LYh-4-28-0-1 {\n flex: 1 1 0;\n min-width: 0;\n width: 0;\n}\n\n.segmentedControl-module-SegmentedControl-segment--equalWidth-FUQl8-4-28-0-1 {\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-28-0-1 .segmentedControl-module-SegmentedControl-segmentLabel-Jtu-B-4-28-0-1 {\n overflow: visible;\n text-overflow: clip;\n}\n\n.segmentedControl-module-SegmentedControl-segmentLabel--constrained-DpFL7-4-28-0-1 {\n overflow: hidden !important;\n text-overflow: ellipsis !important;\n}\n\n.segmentedControl-module-SegmentedControl--disabled-7MH7Y-4-28-0-1 {\n opacity: var(--opacity-16);\n cursor: not-allowed;\n}\n\n.segmentedControl-module-SegmentedControl-indicator-ac-l3-4-28-0-1 {\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-28-0-1 {\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-28-0-1: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-28-0-1: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-28-0-1:focus {\n outline: none;\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-28-0-1: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-28-0-1:hover:not(.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-28-0-1):not(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-28-0-1) {\n background-color: var(--secondary-lighter);\n}\n\n.segmentedControl-module-SegmentedControl-segment-rqh1W-4-28-0-1:active:not(.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-28-0-1):not(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-28-0-1) {\n color: var(--primary-dark);\n}\n\n.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-28-0-1 {\n color: var(--primary-dark);\n cursor: default;\n}\n\n.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-28-0-1.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-28-0-1 {\n color: var(--primary-dark);\n cursor: not-allowed;\n}\n\n.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-28-0-1.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-28-0-1::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-28-0-1:has(.segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-28-0-1.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-28-0-1)\n .segmentedControl-module-SegmentedControl-indicator-ac-l3-4-28-0-1 {\n opacity: calc(1 - var(--opacity-12));\n}\n\n.segmentedControl-module-SegmentedControl-segment--twoSegmentsSelected-GiHxv-4-28-0-1 {\n cursor: pointer;\n}\n\n.segmentedControl-module-SegmentedControl-segment--small-e41l--4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n height: auto;\n}\n\n.segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-28-0-1 {\n cursor: not-allowed;\n color: var(--text-disabled);\n background-color: transparent;\n}\n\n.segmentedControl-module-SegmentedControl-segment--iconOnly-d-e2J-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n margin: 0;\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--small-phj9R-4-28-0-1 {\n margin-right: var(--spacing-10);\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--regular-F6UoI-4-28-0-1 {\n margin-right: var(--spacing-15);\n}\n\n.segmentedControl-module-SegmentedControl-segmentIcon--large-5k6tL-4-28-0-1 {\n margin-right: var(--spacing-20);\n}\n\n.segmentedControl-module-SegmentedControl-segmentLabel-Jtu-B-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n opacity: 0;\n pointer-events: none;\n}\n\n.segmentedControl-module-SegmentedControl-divider--small-gv4uV-4-28-0-1 {\n height: 10px;\n}\n\n.segmentedControl-module-SegmentedControl-divider--regular-bWrw6-4-28-0-1 {\n height: var(--spacing-30);\n}\n\n.segmentedControl-module-SegmentedControl-divider--large-6pJIA-4-28-0-1 {\n height: 14px;\n}\n\n@media (prefers-contrast: high) {\n .segmentedControl-module-SegmentedControl-segment-rqh1W-4-28-0-1: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-28-0-1 {\n border-color: var(--primary);\n }\n}\n";
|
|
26222
|
+
var styles$4 = {"SegmentedControl":"segmentedControl-module-SegmentedControl-vkYC9-4-28-0-1","SegmentedControl--expanded":"segmentedControl-module-SegmentedControl--expanded-sdHW--4-28-0-1","SegmentedControl-segment--expanded":"segmentedControl-module-SegmentedControl-segment--expanded-A9LYh-4-28-0-1","SegmentedControl-segment--equalWidth":"segmentedControl-module-SegmentedControl-segment--equalWidth-FUQl8-4-28-0-1","SegmentedControl-segmentLabel":"segmentedControl-module-SegmentedControl-segmentLabel-Jtu-B-4-28-0-1","SegmentedControl-segmentLabel--constrained":"segmentedControl-module-SegmentedControl-segmentLabel--constrained-DpFL7-4-28-0-1","SegmentedControl--disabled":"segmentedControl-module-SegmentedControl--disabled-7MH7Y-4-28-0-1","SegmentedControl-indicator":"segmentedControl-module-SegmentedControl-indicator-ac-l3-4-28-0-1","SegmentedControl-segment":"segmentedControl-module-SegmentedControl-segment-rqh1W-4-28-0-1","SegmentedControl-segment--disabled":"segmentedControl-module-SegmentedControl-segment--disabled-gPHDD-4-28-0-1","SegmentedControl-segment--selected":"segmentedControl-module-SegmentedControl-segment--selected-l6YDK-4-28-0-1","SegmentedControl-segment--twoSegmentsSelected":"segmentedControl-module-SegmentedControl-segment--twoSegmentsSelected-GiHxv-4-28-0-1","SegmentedControl-segment--small":"segmentedControl-module-SegmentedControl-segment--small-e41l--4-28-0-1","SegmentedControl-segment--regular":"segmentedControl-module-SegmentedControl-segment--regular-NoNqD-4-28-0-1","SegmentedControl-segment--large":"segmentedControl-module-SegmentedControl-segment--large-34x1e-4-28-0-1","SegmentedControl-segment--customContent":"segmentedControl-module-SegmentedControl-segment--customContent-xIvUV-4-28-0-1","SegmentedControl-segment--iconOnly":"segmentedControl-module-SegmentedControl-segment--iconOnly-d-e2J-4-28-0-1","SegmentedControl-segment--smallIconOnly":"segmentedControl-module-SegmentedControl-segment--smallIconOnly--K8og-4-28-0-1","SegmentedControl-segment--largeIconOnly":"segmentedControl-module-SegmentedControl-segment--largeIconOnly-qVfJL-4-28-0-1","SegmentedControl-segmentIcon":"segmentedControl-module-SegmentedControl-segmentIcon-X6neD-4-28-0-1","SegmentedControl-segmentIcon--only":"segmentedControl-module-SegmentedControl-segmentIcon--only-Tb-d5-4-28-0-1","SegmentedControl-segmentIcon--small":"segmentedControl-module-SegmentedControl-segmentIcon--small-phj9R-4-28-0-1","SegmentedControl-segmentIcon--regular":"segmentedControl-module-SegmentedControl-segmentIcon--regular-F6UoI-4-28-0-1","SegmentedControl-segmentIcon--large":"segmentedControl-module-SegmentedControl-segmentIcon--large-5k6tL-4-28-0-1","SegmentedControl-divider":"segmentedControl-module-SegmentedControl-divider-CanUi-4-28-0-1","SegmentedControl-divider--hidden":"segmentedControl-module-SegmentedControl-divider--hidden-CUMGn-4-28-0-1","SegmentedControl-divider--small":"segmentedControl-module-SegmentedControl-divider--small-gv4uV-4-28-0-1","SegmentedControl-divider--regular":"segmentedControl-module-SegmentedControl-divider--regular-bWrw6-4-28-0-1","SegmentedControl-divider--large":"segmentedControl-module-SegmentedControl-divider--large-6pJIA-4-28-0-1"};
|
|
25903
26223
|
styleInject$1(css_248z$5);
|
|
25904
26224
|
|
|
25905
26225
|
var iconSizeMap = {
|
|
@@ -26376,8 +26696,8 @@
|
|
|
26376
26696
|
|
|
26377
26697
|
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";
|
|
26378
26698
|
|
|
26379
|
-
var css_248z$4 = ".button-module-AIButton-Hcde0-4-
|
|
26380
|
-
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-
|
|
26699
|
+
var css_248z$4 = ".button-module-AIButton-Hcde0-4-28-0-1 {\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-28-0-1:hover {\n background: linear-gradient(116deg, #fbe1c9 14.17%, #f8c5c6 50.06%, #f9cbdc 85.01%);\n}\n\n.button-module-AIButton-Hcde0-4-28-0-1: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-28-0-1: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-28-0-1: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-28-0-1 {\n margin-right: var(--spacing-20);\n}\n";
|
|
26700
|
+
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-28-0-1","AIButton-Icon":"button-module-AIButton-Icon-ITLNV-4-28-0-1"};
|
|
26381
26701
|
styleInject$1(css_248z$4);
|
|
26382
26702
|
|
|
26383
26703
|
var AIButton = function AIButton(props) {
|
|
@@ -30496,8 +30816,8 @@
|
|
|
30496
30816
|
}))));
|
|
30497
30817
|
};
|
|
30498
30818
|
|
|
30499
|
-
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-
|
|
30500
|
-
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-
|
|
30819
|
+
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-28-0-1 {\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-28-0-1 {\n padding: var(--spacing-0-75);\n}\n\n.iconButton-module-AIIconButton--regular-TAz71-4-28-0-1 {\n padding: var(--spacing);\n}\n\n.iconButton-module-AIIconButton-BtFJz-4-28-0-1: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-28-0-1: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-28-0-1: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-28-0-1:disabled {\n cursor: not-allowed;\n background: transparent;\n color: var(--inverse-lightest);\n}\n\n.iconButton-module-AIIconButton-icon-nj5xZ-4-28-0-1 {\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-28-0-1 {\n position: absolute;\n}\n\n.iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n top: calc(var(--spacing-40) + var(--spacing-2-5)); /* 17px */\n left: calc(var(--spacing-40) + var(--spacing-05)); /* 18px */\n}\n";
|
|
30820
|
+
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-28-0-1","AIIconButton--large":"iconButton-module-AIIconButton--large-2EnOg-4-28-0-1","AIIconButton--regular":"iconButton-module-AIIconButton--regular-TAz71-4-28-0-1","AIIconButton-icon":"iconButton-module-AIIconButton-icon-nj5xZ-4-28-0-1","AIIconButton-AIIcon":"iconButton-module-AIIconButton-AIIcon-xdcj5-4-28-0-1","AIIconButton-AIIcon--regularTop":"iconButton-module-AIIconButton-AIIcon--regularTop-vGg0e-4-28-0-1","AIIconButton-AIIcon--largeTop":"iconButton-module-AIIconButton-AIIcon--largeTop-3HqjO-4-28-0-1","AIIconButton-AIIcon--regularBottom":"iconButton-module-AIIconButton-AIIcon--regularBottom-oQfDL-4-28-0-1","AIIconButton-AIIcon--largeBottom":"iconButton-module-AIIconButton-AIIcon--largeBottom-RQtt--4-28-0-1"};
|
|
30501
30821
|
styleInject$1(css_248z$2);
|
|
30502
30822
|
|
|
30503
30823
|
var SaraIcon = function SaraIcon(props) {
|
|
@@ -30574,8 +30894,8 @@
|
|
|
30574
30894
|
strokeColor: 'var(--text-white)'
|
|
30575
30895
|
};
|
|
30576
30896
|
|
|
30577
|
-
var css_248z$1 = ".chip-module-AIChip-BtOef-4-
|
|
30578
|
-
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-
|
|
30897
|
+
var css_248z$1 = ".chip-module-AIChip-BtOef-4-28-0-1 {\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-28-0-1: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-28-0-1: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-28-0-1:focus,\n.chip-module-AIChip-BtOef-4-28-0-1: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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n -webkit-background-clip: text;\n background-clip: text;\n color: var(--inverse-lightest);\n}\n\n.chip-module-AIChip-text--disabled-fCBlY-4-28-0-1 {\n color: var(--inverse-lightest);\n}\n\n.chip-module-AIChip-BtOef-4-28-0-1: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-28-0-1 {\n position: absolute;\n top: calc(-1 * var(--spacing-05));\n right: calc(-1 * var(--spacing-05));\n}\n";
|
|
30898
|
+
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-28-0-1","AIChip-icon":"chip-module-AIChip-icon-n5kJL-4-28-0-1","AIChip-text":"chip-module-AIChip-text-EfbZT-4-28-0-1","AIChip--disabled":"chip-module-AIChip--disabled-R4qHn-4-28-0-1","AIChip-icon--disabled":"chip-module-AIChip-icon--disabled-UBH8e-4-28-0-1","AIChip-text--disabled":"chip-module-AIChip-text--disabled-fCBlY-4-28-0-1","AIChip-AIIcon":"chip-module-AIChip-AIIcon-H2Hgi-4-28-0-1"};
|
|
30579
30899
|
styleInject$1(css_248z$1);
|
|
30580
30900
|
|
|
30581
30901
|
var AIChip = function AIChip(props) {
|
|
@@ -30608,8 +30928,8 @@
|
|
|
30608
30928
|
})));
|
|
30609
30929
|
};
|
|
30610
30930
|
|
|
30611
|
-
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-
|
|
30612
|
-
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-
|
|
30931
|
+
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\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-28-0-1 {\n margin-left: calc(var(--spacing-80) + var(--spacing-20));\n}\n";
|
|
30932
|
+
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-28-0-1","AIResponse-container":"chat-module-AIResponse-container-OdpKS-4-28-0-1","AIResponse-box--glow":"chat-module-AIResponse-box--glow-V9QG9-4-28-0-1","AIResponse-actionBar":"chat-module-AIResponse-actionBar-6fyXH-4-28-0-1","AIResponse-metaData":"chat-module-AIResponse-metaData-eT5c3-4-28-0-1"};
|
|
30613
30933
|
styleInject$1(css_248z);
|
|
30614
30934
|
|
|
30615
30935
|
var ChatBox = function ChatBox(props) {
|
|
@@ -30712,7 +31032,7 @@
|
|
|
30712
31032
|
AIResponse.ActionBar = ChatActionBar;
|
|
30713
31033
|
AIResponse.Body = ChatBody;
|
|
30714
31034
|
|
|
30715
|
-
var version = "4.
|
|
31035
|
+
var version = "4.28.0-1";
|
|
30716
31036
|
|
|
30717
31037
|
exports.AIButton = AIButton;
|
|
30718
31038
|
exports.AIChip = AIChip;
|