@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/esm/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
|
|
2
2
|
/**
|
|
3
|
-
* Generated on: 2026-
|
|
3
|
+
* Generated on: 2026-08-18T14:36:39.255Z
|
|
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
|
*/
|
|
@@ -994,8 +994,8 @@ function styleInject(css, ref) {
|
|
|
994
994
|
}
|
|
995
995
|
}
|
|
996
996
|
|
|
997
|
-
var css_248z$1o = "/* Avatar */\n\n.avatar-module-Avatar-D8RSu-4-
|
|
998
|
-
var avatarStyles = {"Avatar":"avatar-module-Avatar-D8RSu-4-
|
|
997
|
+
var css_248z$1o = "/* 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";
|
|
998
|
+
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"};
|
|
999
999
|
styleInject(css_248z$1o);
|
|
1000
1000
|
|
|
1001
1001
|
var AvatarIcon = function AvatarIcon(props) {
|
|
@@ -1207,8 +1207,8 @@ Avatar.defaultProps = {
|
|
|
1207
1207
|
strokeColor: 'var(--white)'
|
|
1208
1208
|
};
|
|
1209
1209
|
|
|
1210
|
-
var css_248z$1n = ".avatarGroup-module-AvatarGroup-item-BdNGp-4-
|
|
1211
|
-
var styles$1b = {"AvatarGroup-item":"avatarGroup-module-AvatarGroup-item-BdNGp-4-
|
|
1210
|
+
var css_248z$1n = ".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";
|
|
1211
|
+
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"};
|
|
1212
1212
|
styleInject(css_248z$1n);
|
|
1213
1213
|
|
|
1214
1214
|
var AvatarCount = function AvatarCount(props) {
|
|
@@ -1499,8 +1499,8 @@ AvatarGroup.defaultProps = {
|
|
|
1499
1499
|
size: 'regular'
|
|
1500
1500
|
};
|
|
1501
1501
|
|
|
1502
|
-
var css_248z$1m = "@keyframes backdrop-module-backdrop-open-UtELd-4-
|
|
1503
|
-
var styles$1a = {"Backdrop":"backdrop-module-Backdrop-HFSff-4-
|
|
1502
|
+
var css_248z$1m = "@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";
|
|
1503
|
+
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"};
|
|
1504
1504
|
styleInject(css_248z$1m);
|
|
1505
1505
|
|
|
1506
1506
|
var useEffect$1 = React.useEffect,
|
|
@@ -1567,21 +1567,21 @@ var Backdrop = function Backdrop(props) {
|
|
|
1567
1567
|
};
|
|
1568
1568
|
Backdrop.displayName = 'Backdrop';
|
|
1569
1569
|
|
|
1570
|
-
var css_248z$1l = "/* badge */\n\n.badge-module-Badge-axSjP-4-
|
|
1571
|
-
var badgeStyles = {"Badge":"badge-module-Badge-axSjP-4-
|
|
1570
|
+
var css_248z$1l = "/* 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";
|
|
1571
|
+
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"};
|
|
1572
1572
|
styleInject(css_248z$1l);
|
|
1573
1573
|
|
|
1574
|
-
var css_248z$1k = ".pageHeader-module-PageHeader-YgqsC-4-
|
|
1575
|
-
var styles$19 = {"PageHeader":"pageHeader-module-PageHeader-YgqsC-4-
|
|
1574
|
+
var css_248z$1k = ".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";
|
|
1575
|
+
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"};
|
|
1576
1576
|
styleInject(css_248z$1k);
|
|
1577
1577
|
|
|
1578
|
-
var _excluded$
|
|
1578
|
+
var _excluded$1z = ["appearance", "children", "subtle", "className"];
|
|
1579
1579
|
var Badge = function Badge(props) {
|
|
1580
1580
|
var appearance = props.appearance,
|
|
1581
1581
|
children = props.children,
|
|
1582
1582
|
subtle = props.subtle,
|
|
1583
1583
|
className = props.className,
|
|
1584
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
1584
|
+
rest = _objectWithoutProperties(props, _excluded$1z);
|
|
1585
1585
|
var baseProps = extractBaseProps(props);
|
|
1586
1586
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, badgeStyles.Badge, true), styles$19.Badge, true), badgeStyles["Badge--".concat(appearance)], appearance && !subtle), badgeStyles["Badge--subtle-".concat(appearance)], subtle), className);
|
|
1587
1587
|
return /*#__PURE__*/React.createElement("span", _extends$2({
|
|
@@ -1595,8 +1595,8 @@ Badge.defaultProps = {
|
|
|
1595
1595
|
appearance: 'secondary'
|
|
1596
1596
|
};
|
|
1597
1597
|
|
|
1598
|
-
var css_248z$1j = "/* breadcrumbs */\n\n.breadcrumbs-module-Breadcrumbs-Uy-AK-4-
|
|
1599
|
-
var styles$18 = {"Breadcrumbs":"breadcrumbs-module-Breadcrumbs-Uy-AK-4-
|
|
1598
|
+
var css_248z$1j = "/* 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";
|
|
1599
|
+
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"};
|
|
1600
1600
|
styleInject(css_248z$1j);
|
|
1601
1601
|
|
|
1602
1602
|
var RenderLink = function RenderLink(_ref) {
|
|
@@ -1712,8 +1712,8 @@ var isSpaceKey = function isSpaceKey(e) {
|
|
|
1712
1712
|
return e.key === ' ' || e.key === 'Space' || e.key === 'Spacebar';
|
|
1713
1713
|
};
|
|
1714
1714
|
|
|
1715
|
-
var css_248z$1i = ".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";
|
|
1716
|
-
var buttonStyles = {"Button":"button-module-Button-xxWB4-4-
|
|
1715
|
+
var css_248z$1i = ".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";
|
|
1716
|
+
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"};
|
|
1717
1717
|
styleInject(css_248z$1i);
|
|
1718
1718
|
|
|
1719
1719
|
var uidGenerator = function uidGenerator() {
|
|
@@ -1727,7 +1727,7 @@ var uidGenerator = function uidGenerator() {
|
|
|
1727
1727
|
return uuid;
|
|
1728
1728
|
};
|
|
1729
1729
|
|
|
1730
|
-
var _excluded$
|
|
1730
|
+
var _excluded$1y = ["size", "appearance", "styleType", "iconAlign", "tabIndex", "largeIcon", "type", "children", "icon", "expanded", "selected", "loading", "disabled", "className", "tooltip", "iconType", "onClick", "onKeyDown", "aria-describedby"];
|
|
1731
1731
|
var sizeMapping$3 = {
|
|
1732
1732
|
tiny: 12,
|
|
1733
1733
|
regular: 16,
|
|
@@ -1761,7 +1761,7 @@ var ButtonElement = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
1761
1761
|
onClick = props.onClick,
|
|
1762
1762
|
onKeyDown = props.onKeyDown,
|
|
1763
1763
|
ariaDescribedBy = props['aria-describedby'],
|
|
1764
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
1764
|
+
rest = _objectWithoutProperties(props, _excluded$1y);
|
|
1765
1765
|
var buttonLabel = children ? String(children) : undefined;
|
|
1766
1766
|
var isIconOnly = icon && !children;
|
|
1767
1767
|
var tooltipIdRef = React.useRef(null);
|
|
@@ -1872,8 +1872,8 @@ var Button = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
1872
1872
|
});
|
|
1873
1873
|
Button.displayName = 'Button';
|
|
1874
1874
|
|
|
1875
|
-
var css_248z$1h = "/* 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";
|
|
1876
|
-
var styles$17 = {"Calendar-wrapper":"calendar-module-Calendar-wrapper-bKSSk-4-
|
|
1875
|
+
var css_248z$1h = "/* 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";
|
|
1876
|
+
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"};
|
|
1877
1877
|
styleInject(css_248z$1h);
|
|
1878
1878
|
|
|
1879
1879
|
var config = {
|
|
@@ -1908,6 +1908,37 @@ var MONTH_CELL_SELECTOR = '[data-calendar-month-cell]';
|
|
|
1908
1908
|
* Data attribute for calendar year cells
|
|
1909
1909
|
*/
|
|
1910
1910
|
var YEAR_CELL_SELECTOR = '[data-calendar-year-cell]';
|
|
1911
|
+
var ENABLED_CELL_SELECTOR = ':not([aria-disabled="true"]):not([disabled])';
|
|
1912
|
+
/**
|
|
1913
|
+
* Finds the best focus target in the currently rendered calendar view
|
|
1914
|
+
* (date, month, or year). Returns null when no enabled cell exists.
|
|
1915
|
+
*/
|
|
1916
|
+
var findFocusableCalendarCell = function findFocusableCalendarCell(root) {
|
|
1917
|
+
var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
|
|
1918
|
+
var preferredAriaLabel = options.preferredAriaLabel,
|
|
1919
|
+
_options$preferredSel = options.preferredSelectedIndex,
|
|
1920
|
+
preferredSelectedIndex = _options$preferredSel === void 0 ? 'first' : _options$preferredSel;
|
|
1921
|
+
var selectedDates = Array.from(root.querySelectorAll("".concat(DATE_CELL_SELECTOR, "[aria-selected=\"true\"]").concat(ENABLED_CELL_SELECTOR)));
|
|
1922
|
+
if (preferredAriaLabel) {
|
|
1923
|
+
var preferred = selectedDates.find(function (cell) {
|
|
1924
|
+
return cell.getAttribute('aria-label') === preferredAriaLabel;
|
|
1925
|
+
});
|
|
1926
|
+
if (preferred) return preferred;
|
|
1927
|
+
}
|
|
1928
|
+
if (selectedDates.length > 0) {
|
|
1929
|
+
return preferredSelectedIndex === 'last' ? selectedDates[selectedDates.length - 1] : selectedDates[0];
|
|
1930
|
+
}
|
|
1931
|
+
var firstDate = root.querySelector("".concat(DATE_CELL_SELECTOR).concat(ENABLED_CELL_SELECTOR));
|
|
1932
|
+
if (firstDate) return firstDate;
|
|
1933
|
+
var selectedMonth = root.querySelector("".concat(MONTH_CELL_SELECTOR, "[aria-selected=\"true\"]").concat(ENABLED_CELL_SELECTOR));
|
|
1934
|
+
if (selectedMonth) return selectedMonth;
|
|
1935
|
+
var firstMonth = root.querySelector("".concat(MONTH_CELL_SELECTOR).concat(ENABLED_CELL_SELECTOR));
|
|
1936
|
+
if (firstMonth) return firstMonth;
|
|
1937
|
+
var selectedYear = root.querySelector("".concat(YEAR_CELL_SELECTOR, "[aria-selected=\"true\"]").concat(ENABLED_CELL_SELECTOR));
|
|
1938
|
+
if (selectedYear) return selectedYear;
|
|
1939
|
+
return root.querySelector("".concat(YEAR_CELL_SELECTOR).concat(ENABLED_CELL_SELECTOR));
|
|
1940
|
+
};
|
|
1941
|
+
|
|
1911
1942
|
/**
|
|
1912
1943
|
* Focus a date cell at the given row and column within the calendar container.
|
|
1913
1944
|
* Used for date view grid navigation.
|
|
@@ -3436,6 +3467,16 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3436
3467
|
role: "grid"
|
|
3437
3468
|
}, view === 'year' && _this.renderBodyYear(), view === 'month' && _this.renderBodyMonth(), view === 'date' && _this.renderBodyDate(index)));
|
|
3438
3469
|
});
|
|
3470
|
+
_defineProperty$1(_this, "setCalendarWrapperRef", function (node) {
|
|
3471
|
+
_this.calendarWrapperRef.current = node;
|
|
3472
|
+
var wrapperRef = _this.props.wrapperRef;
|
|
3473
|
+
if (!wrapperRef) return;
|
|
3474
|
+
if (typeof wrapperRef === 'function') {
|
|
3475
|
+
wrapperRef(node);
|
|
3476
|
+
} else {
|
|
3477
|
+
wrapperRef.current = node;
|
|
3478
|
+
}
|
|
3479
|
+
});
|
|
3439
3480
|
var _this$props9 = _this.props,
|
|
3440
3481
|
_rangePicker = _this$props9.rangePicker,
|
|
3441
3482
|
_startDate = _this$props9.startDate,
|
|
@@ -3716,7 +3757,7 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
|
|
|
3716
3757
|
var classes = classnames(_defineProperty$1({}, styles$17['Calendar-wrapper'], true), className);
|
|
3717
3758
|
var defaultAriaLabel = ariaLabelledBy ? undefined : 'Calendar';
|
|
3718
3759
|
return /*#__PURE__*/React.createElement("div", _extends$2({}, baseProps, {
|
|
3719
|
-
ref: this.
|
|
3760
|
+
ref: this.setCalendarWrapperRef,
|
|
3720
3761
|
className: classes,
|
|
3721
3762
|
"data-test": "DesignSystem-Calendar-Wrapper",
|
|
3722
3763
|
"aria-label": ariaLabel || defaultAriaLabel,
|
|
@@ -3737,17 +3778,17 @@ _defineProperty$1(Calendar, "defaultProps", {
|
|
|
3737
3778
|
jumpView: true
|
|
3738
3779
|
});
|
|
3739
3780
|
|
|
3740
|
-
var css_248z$1g = "/* badge */\n\n.card-module-Card-3nZt4-4-
|
|
3741
|
-
var styles$16 = {"Card":"card-module-Card-3nZt4-4-
|
|
3781
|
+
var css_248z$1g = "/* 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";
|
|
3782
|
+
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"};
|
|
3742
3783
|
styleInject(css_248z$1g);
|
|
3743
3784
|
|
|
3744
|
-
var _excluded$
|
|
3785
|
+
var _excluded$1x = ["shadow", "children", "className"];
|
|
3745
3786
|
var Card = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3746
3787
|
var _props$shadow = props.shadow,
|
|
3747
3788
|
shadow = _props$shadow === void 0 ? 'shadow10' : _props$shadow,
|
|
3748
3789
|
children = props.children,
|
|
3749
3790
|
className = props.className,
|
|
3750
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
3791
|
+
rest = _objectWithoutProperties(props, _excluded$1x);
|
|
3751
3792
|
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$16.Card, true), styles$16["Card--".concat(shadow)], shadow), className);
|
|
3752
3793
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
3753
3794
|
"data-test": "DesignSystem-Card",
|
|
@@ -3761,16 +3802,16 @@ Card.defaultProps = {
|
|
|
3761
3802
|
shadow: 'shadow10'
|
|
3762
3803
|
};
|
|
3763
3804
|
|
|
3764
|
-
var css_248z$1f = ".cardSubdued-module-CardSubdued-cRpHh-4-
|
|
3765
|
-
var styles$15 = {"CardSubdued":"cardSubdued-module-CardSubdued-cRpHh-4-
|
|
3805
|
+
var css_248z$1f = ".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";
|
|
3806
|
+
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"};
|
|
3766
3807
|
styleInject(css_248z$1f);
|
|
3767
3808
|
|
|
3768
|
-
var _excluded$
|
|
3809
|
+
var _excluded$1w = ["border", "children", "className"];
|
|
3769
3810
|
var CardSubdued = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
3770
3811
|
var border = props.border,
|
|
3771
3812
|
children = props.children,
|
|
3772
3813
|
className = props.className,
|
|
3773
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
3814
|
+
rest = _objectWithoutProperties(props, _excluded$1w);
|
|
3774
3815
|
var classes = classnames(_defineProperty$1(_defineProperty$1({}, styles$15.CardSubdued, true), styles$15["CardSubdued--".concat(border)], border), className);
|
|
3775
3816
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
3776
3817
|
"data-test": "DesignSystem-CardSubdued",
|
|
@@ -3828,7 +3869,7 @@ var isEnterKey = function isEnterKey(e) {
|
|
|
3828
3869
|
return e.key === 'Enter';
|
|
3829
3870
|
};
|
|
3830
3871
|
|
|
3831
|
-
var _excluded$
|
|
3872
|
+
var _excluded$1v = ["onClick", "onKeyDown", "role", "tabIndex"];
|
|
3832
3873
|
var allowed = {
|
|
3833
3874
|
button: new Set(['Enter', 'Space', 'Spacebar', ' ']),
|
|
3834
3875
|
link: new Set(['Enter']),
|
|
@@ -3851,7 +3892,7 @@ var useAccessibilityProps = function useAccessibilityProps(_ref) {
|
|
|
3851
3892
|
_ref$role = _ref.role,
|
|
3852
3893
|
role = _ref$role === void 0 ? 'button' : _ref$role,
|
|
3853
3894
|
tabIndex = _ref.tabIndex,
|
|
3854
|
-
ariaProps = _objectWithoutProperties(_ref, _excluded$
|
|
3895
|
+
ariaProps = _objectWithoutProperties(_ref, _excluded$1v);
|
|
3855
3896
|
// Only add interactive props when onClick is provided.
|
|
3856
3897
|
if (!onClick) {
|
|
3857
3898
|
return _objectSpread2({}, ariaProps);
|
|
@@ -3875,11 +3916,11 @@ var useAccessibilityProps = function useAccessibilityProps(_ref) {
|
|
|
3875
3916
|
});
|
|
3876
3917
|
};
|
|
3877
3918
|
|
|
3878
|
-
var css_248z$1e = "/* Although the icons in the font can be scaled to any size, in accordance with material design icons guidelines, \n * we recommend them to be shown in either 18, 24, 36 or 48px. The default being 24px. \n * https://google.github.io/material-design-icons/\n */\n\n/* Rules for sizing the icon. */\n\n/* .material-icons.md-18 { font-size: 18px; }\n.material-icons.md-24 { font-size: 24px; }\n.material-icons.md-36 { font-size: 36px; }\n.material-icons.md-48 { font-size: 48px; } */\n\n/* Rules for using icons as black on a light background. */\n\n/* .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }\n.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } */\n\n/* Rules for using icons as white on a dark background. */\n\n/* .material-icons.md-light { color: rgba(255, 255, 255, 1); }\n.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } */\n.icon-module-Icon-2ZCUa-4-
|
|
3879
|
-
var iconStyles = {"Icon":"icon-module-Icon-2ZCUa-4-
|
|
3919
|
+
var css_248z$1e = "/* Although the icons in the font can be scaled to any size, in accordance with material design icons guidelines, \n * we recommend them to be shown in either 18, 24, 36 or 48px. The default being 24px. \n * https://google.github.io/material-design-icons/\n */\n\n/* Rules for sizing the icon. */\n\n/* .material-icons.md-18 { font-size: 18px; }\n.material-icons.md-24 { font-size: 24px; }\n.material-icons.md-36 { font-size: 36px; }\n.material-icons.md-48 { font-size: 48px; } */\n\n/* Rules for using icons as black on a light background. */\n\n/* .material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }\n.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); } */\n\n/* Rules for using icons as white on a dark background. */\n\n/* .material-icons.md-light { color: rgba(255, 255, 255, 1); }\n.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); } */\n.icon-module-Icon-2ZCUa-4-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";
|
|
3920
|
+
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"};
|
|
3880
3921
|
styleInject(css_248z$1e);
|
|
3881
3922
|
|
|
3882
|
-
var _excluded$
|
|
3923
|
+
var _excluded$1u = ["appearance", "className", "name", "size", "children", "type"];
|
|
3883
3924
|
|
|
3884
3925
|
// 'outline', 'rounded' to be deprecated soon.
|
|
3885
3926
|
|
|
@@ -3930,7 +3971,7 @@ var Icon = function Icon(props) {
|
|
|
3930
3971
|
size = props.size,
|
|
3931
3972
|
children = props.children,
|
|
3932
3973
|
propsType = props.type,
|
|
3933
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
3974
|
+
rest = _objectWithoutProperties(props, _excluded$1u);
|
|
3934
3975
|
var accessibilityProps = useAccessibilityProps(rest);
|
|
3935
3976
|
var baseProps = extractBaseProps(props);
|
|
3936
3977
|
var onClick = rest.onClick;
|
|
@@ -3942,6 +3983,13 @@ var Icon = function Icon(props) {
|
|
|
3942
3983
|
// accessible name and suppresses the ligature text. Interactive icons already get `role="button"`
|
|
3943
3984
|
// from `useAccessibilityProps` and must stay unchanged.
|
|
3944
3985
|
var labelledNonInteractive = !onClick && (ariaLabel || ariaLabelledby);
|
|
3986
|
+
// A decorative icon carries no name of its own and cannot be focused, so its material-symbols
|
|
3987
|
+
// ligature (e.g. `keyboard_arrow_down`) is a font implementation detail rather than content. Left
|
|
3988
|
+
// exposed, it is concatenated into the accessible name of any ancestor control, e.g. a disclosure
|
|
3989
|
+
// button announcing "keyboard_arrow_down AUTH POLICY". Hide it by default; consumers opt out by
|
|
3990
|
+
// passing `aria-label`/`aria-labelledby` (which switch on `role="img"` above), by making the icon
|
|
3991
|
+
// interactive with `onClick`, or with an explicit `aria-hidden={false}`.
|
|
3992
|
+
var isDecorative = !onClick && !ariaLabel && !ariaLabelledby && rest.tabIndex === undefined;
|
|
3945
3993
|
var mapper = {
|
|
3946
3994
|
outline: 'outlined',
|
|
3947
3995
|
sharp: 'outlined',
|
|
@@ -3972,7 +4020,8 @@ var Icon = function Icon(props) {
|
|
|
3972
4020
|
}, baseProps, {
|
|
3973
4021
|
className: iconClass,
|
|
3974
4022
|
style: styles,
|
|
3975
|
-
role: labelledNonInteractive ? 'img' : undefined
|
|
4023
|
+
role: labelledNonInteractive ? 'img' : undefined,
|
|
4024
|
+
"aria-hidden": isDecorative || undefined
|
|
3976
4025
|
}, accessibilityProps), name);
|
|
3977
4026
|
};
|
|
3978
4027
|
Icon.displayName = 'Icon';
|
|
@@ -3980,13 +4029,13 @@ Icon.defaultProps = {
|
|
|
3980
4029
|
size: 16
|
|
3981
4030
|
};
|
|
3982
4031
|
|
|
3983
|
-
var _excluded$
|
|
4032
|
+
var _excluded$1t = ["children", "componentType", "className"];
|
|
3984
4033
|
var GenericText = function GenericText(_ref, ref) {
|
|
3985
4034
|
var children = _ref.children,
|
|
3986
4035
|
_ref$componentType = _ref.componentType,
|
|
3987
4036
|
componentType = _ref$componentType === void 0 ? 'span' : _ref$componentType,
|
|
3988
4037
|
className = _ref.className,
|
|
3989
|
-
rest = _objectWithoutProperties(_ref, _excluded$
|
|
4038
|
+
rest = _objectWithoutProperties(_ref, _excluded$1t);
|
|
3990
4039
|
return /*#__PURE__*/React.createElement(componentType, _objectSpread2(_objectSpread2({}, rest), {}, {
|
|
3991
4040
|
className: className,
|
|
3992
4041
|
ref: ref
|
|
@@ -3994,11 +4043,11 @@ var GenericText = function GenericText(_ref, ref) {
|
|
|
3994
4043
|
};
|
|
3995
4044
|
var Link$1 = /*#__PURE__*/React.forwardRef(GenericText);
|
|
3996
4045
|
|
|
3997
|
-
var css_248z$1d = "/* Text */\n.text-module-Text-s1VoI-4-
|
|
3998
|
-
var textStyles = {"Text":"text-module-Text-s1VoI-4-
|
|
4046
|
+
var css_248z$1d = "/* 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";
|
|
4047
|
+
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"};
|
|
3999
4048
|
styleInject(css_248z$1d);
|
|
4000
4049
|
|
|
4001
|
-
var _excluded$
|
|
4050
|
+
var _excluded$1s = ["appearance", "size", "children", "weight", "small", "className", "color", "as"];
|
|
4002
4051
|
var Text$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
4003
4052
|
var _props$appearance = props.appearance,
|
|
4004
4053
|
appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
|
|
@@ -4010,7 +4059,7 @@ var Text$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4010
4059
|
className = props.className,
|
|
4011
4060
|
color = props.color,
|
|
4012
4061
|
as = props.as,
|
|
4013
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
4062
|
+
rest = _objectWithoutProperties(props, _excluded$1s);
|
|
4014
4063
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, textStyles.Text, true), textStyles["Text--".concat(appearance)], !color && appearance), textStyles["Text--".concat(weight)], weight), textStyles["Text--".concat(size)], size), "color-".concat(color), color), textStyles['Text--small'], size === 'small' || small), className);
|
|
4015
4064
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
4016
4065
|
ref: ref,
|
|
@@ -4026,8 +4075,8 @@ Text$1.defaultProps = {
|
|
|
4026
4075
|
size: 'regular'
|
|
4027
4076
|
};
|
|
4028
4077
|
|
|
4029
|
-
var css_248z$1c = ".chip-module-Chip-poUZ4-4-
|
|
4030
|
-
var styles$14 = {"Chip":"chip-module-Chip-poUZ4-4-
|
|
4078
|
+
var css_248z$1c = ".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";
|
|
4079
|
+
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"};
|
|
4031
4080
|
styleInject(css_248z$1c);
|
|
4032
4081
|
|
|
4033
4082
|
var GenericChip = function GenericChip(props) {
|
|
@@ -4247,11 +4296,11 @@ Chip.defaultProps = {
|
|
|
4247
4296
|
maxWidth: 'var(--spacing-640)'
|
|
4248
4297
|
};
|
|
4249
4298
|
|
|
4250
|
-
var css_248z$1b = ".chipGroup-module-ChipGroup--1ERo-4-
|
|
4251
|
-
var styles$13 = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-
|
|
4299
|
+
var css_248z$1b = ".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";
|
|
4300
|
+
var styles$13 = {"ChipGroup":"chipGroup-module-ChipGroup--1ERo-4-28-0-1","ChipGroup-item":"chipGroup-module-ChipGroup-item-5ygP--4-28-0-1"};
|
|
4252
4301
|
styleInject(css_248z$1b);
|
|
4253
4302
|
|
|
4254
|
-
var _excluded$
|
|
4303
|
+
var _excluded$1r = ["onClick", "onClose"];
|
|
4255
4304
|
var ChipGroup = function ChipGroup(props) {
|
|
4256
4305
|
var list = props.list,
|
|
4257
4306
|
onClick = props.onClick,
|
|
@@ -4272,7 +4321,7 @@ var ChipGroup = function ChipGroup(props) {
|
|
|
4272
4321
|
}), list.map(function (item, ind) {
|
|
4273
4322
|
item.onClick;
|
|
4274
4323
|
item.onClose;
|
|
4275
|
-
var chipProps = _objectWithoutProperties(item, _excluded$
|
|
4324
|
+
var chipProps = _objectWithoutProperties(item, _excluded$1r);
|
|
4276
4325
|
return /*#__PURE__*/React.createElement("span", {
|
|
4277
4326
|
key: ind,
|
|
4278
4327
|
className: styles$13['ChipGroup-item']
|
|
@@ -4345,19 +4394,19 @@ var CheckboxIcon = function CheckboxIcon(props) {
|
|
|
4345
4394
|
}
|
|
4346
4395
|
};
|
|
4347
4396
|
|
|
4348
|
-
var css_248z$1a = ".checkbox-module-Checkbox-Bxzy6-4-
|
|
4349
|
-
var styles$12 = {"Checkbox":"checkbox-module-Checkbox-Bxzy6-4-
|
|
4397
|
+
var css_248z$1a = ".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";
|
|
4398
|
+
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"};
|
|
4350
4399
|
styleInject(css_248z$1a);
|
|
4351
4400
|
|
|
4352
|
-
var css_248z$19 = ".dropdown-module-Dropdown--waM8-4-
|
|
4353
|
-
var dropdownStyles = {"Dropdown":"dropdown-module-Dropdown--waM8-4-
|
|
4401
|
+
var css_248z$19 = ".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";
|
|
4402
|
+
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"};
|
|
4354
4403
|
styleInject(css_248z$19);
|
|
4355
4404
|
|
|
4356
|
-
var css_248z$18 = ".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";
|
|
4357
|
-
var gridStyles = {"Grid":"grid-module-Grid-c7nCj-4-
|
|
4405
|
+
var css_248z$18 = ".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";
|
|
4406
|
+
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"};
|
|
4358
4407
|
styleInject(css_248z$18);
|
|
4359
4408
|
|
|
4360
|
-
var _excluded$
|
|
4409
|
+
var _excluded$1q = ["size", "tabIndex", "defaultChecked", "indeterminate", "label", "error", "disabled", "onChange", "name", "value", "className", "checked", "helpText", "id", "labelRef", "wrapLabel", "aria-describedby", "aria-label", "aria-labelledby"];
|
|
4361
4410
|
var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
4362
4411
|
var _props$size = props.size,
|
|
4363
4412
|
size = _props$size === void 0 ? 'regular' : _props$size,
|
|
@@ -4381,7 +4430,7 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
4381
4430
|
ariaDescribedby = props['aria-describedby'],
|
|
4382
4431
|
ariaLabel = props['aria-label'],
|
|
4383
4432
|
ariaLabelledBy = props['aria-labelledby'],
|
|
4384
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
4433
|
+
rest = _objectWithoutProperties(props, _excluded$1q);
|
|
4385
4434
|
var ref = React.useRef(null);
|
|
4386
4435
|
React.useImperativeHandle(forwardedRef, function () {
|
|
4387
4436
|
return ref.current;
|
|
@@ -4466,11 +4515,11 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
4466
4515
|
});
|
|
4467
4516
|
Checkbox.displayName = 'Checkbox';
|
|
4468
4517
|
|
|
4469
|
-
var css_248z$17 = ".column-module-Row-LudWR-4-
|
|
4470
|
-
var rowStyles = {"Row":"column-module-Row-LudWR-4-
|
|
4518
|
+
var css_248z$17 = ".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";
|
|
4519
|
+
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"};
|
|
4471
4520
|
styleInject(css_248z$17);
|
|
4472
4521
|
|
|
4473
|
-
var _excluded$
|
|
4522
|
+
var _excluded$1p = ["size", "sizeXS", "sizeS", "sizeM", "sizeL", "sizeXL", "className", "children"];
|
|
4474
4523
|
var Column = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
4475
4524
|
var size = props.size,
|
|
4476
4525
|
sizeXS = props.sizeXS,
|
|
@@ -4480,7 +4529,7 @@ var Column = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4480
4529
|
sizeXL = props.sizeXL,
|
|
4481
4530
|
className = props.className,
|
|
4482
4531
|
children = props.children,
|
|
4483
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
4532
|
+
rest = _objectWithoutProperties(props, _excluded$1p);
|
|
4484
4533
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, rowStyles['Col'], true), rowStyles["Col--".concat(size)], size), rowStyles["Col--xs-".concat(sizeXS)], sizeXS), rowStyles["Col--s-".concat(sizeS)], sizeS), rowStyles["Col--m-".concat(sizeM)], sizeM), rowStyles["Col--l-".concat(sizeL)], sizeL), rowStyles["Col--xl-".concat(sizeXL)], sizeXL), className);
|
|
4485
4534
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
4486
4535
|
ref: ref,
|
|
@@ -4491,12 +4540,15 @@ var Column = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
4491
4540
|
});
|
|
4492
4541
|
Column.displayName = 'Column';
|
|
4493
4542
|
|
|
4543
|
+
var _excluded$1o = ["onKeyDown"];
|
|
4494
4544
|
var Trigger$1 = function Trigger(props) {
|
|
4495
4545
|
var inputFormat = props.inputFormat,
|
|
4496
4546
|
inputOptions = props.inputOptions,
|
|
4497
4547
|
validators = props.validators,
|
|
4498
4548
|
state = props.state,
|
|
4499
|
-
setState = props.setState
|
|
4549
|
+
setState = props.setState,
|
|
4550
|
+
inputRef = props.inputRef,
|
|
4551
|
+
onInputKeyDown = props.onInputKeyDown;
|
|
4500
4552
|
var init = state.init,
|
|
4501
4553
|
date$1 = state.date,
|
|
4502
4554
|
error = state.error;
|
|
@@ -4559,16 +4611,26 @@ var Trigger$1 = function Trigger(props) {
|
|
|
4559
4611
|
return isValid(validators, val, inputFormat);
|
|
4560
4612
|
};
|
|
4561
4613
|
var mask = date[inputFormat];
|
|
4614
|
+
var optionsKeyDown = inputOptions.onKeyDown,
|
|
4615
|
+
inputRest = _objectWithoutProperties(inputOptions, _excluded$1o);
|
|
4562
4616
|
return /*#__PURE__*/React.createElement(X, _extends$2({
|
|
4563
4617
|
icon: "events",
|
|
4564
4618
|
placeholder: inputFormat
|
|
4565
|
-
},
|
|
4619
|
+
}, inputRest, {
|
|
4620
|
+
ref: inputRef,
|
|
4566
4621
|
error: showError,
|
|
4567
4622
|
mask: mask,
|
|
4568
4623
|
value: date$1 ? translateToString(inputFormat, date$1) : init ? X.utils.getDefaultValue(mask, placeholderChar) : '',
|
|
4569
4624
|
onChange: onChangeHandler,
|
|
4570
4625
|
onPaste: onPasteHandler,
|
|
4571
4626
|
onBlur: onBlurHandler,
|
|
4627
|
+
onKeyDown: function onKeyDown(e) {
|
|
4628
|
+
// Consumer first so preventDefault can cancel picker Tab/ArrowDown focus moves.
|
|
4629
|
+
optionsKeyDown === null || optionsKeyDown === void 0 || optionsKeyDown(e);
|
|
4630
|
+
if (!e.defaultPrevented) {
|
|
4631
|
+
onInputKeyDown === null || onInputKeyDown === void 0 || onInputKeyDown(e);
|
|
4632
|
+
}
|
|
4633
|
+
},
|
|
4572
4634
|
onClear: onClearHandler,
|
|
4573
4635
|
caption: showError ? errorMessage : '',
|
|
4574
4636
|
validators: [inputValidator],
|
|
@@ -4577,16 +4639,50 @@ var Trigger$1 = function Trigger(props) {
|
|
|
4577
4639
|
}));
|
|
4578
4640
|
};
|
|
4579
4641
|
|
|
4580
|
-
var css_248z$16 = ".datePicker-module-DatePicker-content-Iw4EE-4-
|
|
4581
|
-
var styles$11 = {"DatePicker-content":"datePicker-module-DatePicker-content-Iw4EE-4-
|
|
4642
|
+
var css_248z$16 = ".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";
|
|
4643
|
+
var styles$11 = {"DatePicker-content":"datePicker-module-DatePicker-content-Iw4EE-4-28-0-1"};
|
|
4582
4644
|
styleInject(css_248z$16);
|
|
4583
4645
|
|
|
4584
|
-
var _excluded$
|
|
4646
|
+
var _excluded$1n = ["date", "open", "position", "inputFormat", "outputFormat", "inputOptions", "validators", "withInput", "disabledBefore", "disabledAfter", "onDateChange", "closeOnSelect", "size", "showTodayDate", "children", "view"];
|
|
4585
4647
|
var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
4586
4648
|
function DatePicker(props) {
|
|
4587
4649
|
var _this;
|
|
4588
4650
|
_classCallCheck(this, DatePicker);
|
|
4589
4651
|
_this = _callSuper(this, DatePicker, [props]);
|
|
4652
|
+
_defineProperty$1(_this, "inputRef", /*#__PURE__*/React.createRef());
|
|
4653
|
+
_defineProperty$1(_this, "calendarContainerRef", /*#__PURE__*/React.createRef());
|
|
4654
|
+
_defineProperty$1(_this, "focusCalendar", function () {
|
|
4655
|
+
var root = _this.calendarContainerRef.current;
|
|
4656
|
+
if (!root) return false;
|
|
4657
|
+
var target = findFocusableCalendarCell(root);
|
|
4658
|
+
if (!target) return false;
|
|
4659
|
+
|
|
4660
|
+
// focusVisible keeps a ring after mouse-open in browsers that support it;
|
|
4661
|
+
// calendar CSS also paints :focus so the indicator is never silent.
|
|
4662
|
+
target.focus({
|
|
4663
|
+
preventScroll: true,
|
|
4664
|
+
focusVisible: true
|
|
4665
|
+
});
|
|
4666
|
+
return true;
|
|
4667
|
+
});
|
|
4668
|
+
_defineProperty$1(_this, "onInputKeyDown", function (e) {
|
|
4669
|
+
if (!_this.state.open || e.defaultPrevented) return;
|
|
4670
|
+
|
|
4671
|
+
// Keep typing uninterrupted; move focus into the portaled calendar on Tab / ArrowDown.
|
|
4672
|
+
// Only prevent default when a focusable calendar cell exists (date/month/year views).
|
|
4673
|
+
if (e.key === 'ArrowDown' || e.key === 'Tab' && !e.shiftKey) {
|
|
4674
|
+
var root = _this.calendarContainerRef.current;
|
|
4675
|
+
var target = root ? findFocusableCalendarCell(root) : null;
|
|
4676
|
+
if (!target) return;
|
|
4677
|
+
e.preventDefault();
|
|
4678
|
+
requestAnimationFrame(function () {
|
|
4679
|
+
target.focus({
|
|
4680
|
+
preventScroll: true,
|
|
4681
|
+
focusVisible: true
|
|
4682
|
+
});
|
|
4683
|
+
});
|
|
4684
|
+
}
|
|
4685
|
+
});
|
|
4590
4686
|
_defineProperty$1(_this, "getError", function (date) {
|
|
4591
4687
|
var _this$props = _this.props,
|
|
4592
4688
|
disabledBefore = _this$props.disabledBefore,
|
|
@@ -4632,10 +4728,22 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4632
4728
|
});
|
|
4633
4729
|
break;
|
|
4634
4730
|
case 'onClick':
|
|
4635
|
-
|
|
4636
|
-
open
|
|
4637
|
-
|
|
4638
|
-
|
|
4731
|
+
{
|
|
4732
|
+
// Only move focus when opening (closed → open). If already open (e.g. opened by typing),
|
|
4733
|
+
// keep focus in the input so the user can reposition the caret / select text.
|
|
4734
|
+
var shouldFocusCalendar = !_this.state.open;
|
|
4735
|
+
_this.setState({
|
|
4736
|
+
open: true
|
|
4737
|
+
}, function () {
|
|
4738
|
+
if (!shouldFocusCalendar) return;
|
|
4739
|
+
requestAnimationFrame(function () {
|
|
4740
|
+
requestAnimationFrame(function () {
|
|
4741
|
+
_this.focusCalendar();
|
|
4742
|
+
});
|
|
4743
|
+
});
|
|
4744
|
+
});
|
|
4745
|
+
break;
|
|
4746
|
+
}
|
|
4639
4747
|
}
|
|
4640
4748
|
});
|
|
4641
4749
|
var inputFormat = props.inputFormat,
|
|
@@ -4686,6 +4794,18 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4686
4794
|
}
|
|
4687
4795
|
}
|
|
4688
4796
|
}
|
|
4797
|
+
|
|
4798
|
+
// Return focus to the date input when the popover closes (select / Escape / outside click).
|
|
4799
|
+
if (prevState.open && !this.state.open) {
|
|
4800
|
+
var active = document.activeElement;
|
|
4801
|
+
var calendarRoot = this.calendarContainerRef.current;
|
|
4802
|
+
if (!active || active === document.body || calendarRoot && calendarRoot.contains(active)) {
|
|
4803
|
+
var _this$inputRef$curren;
|
|
4804
|
+
(_this$inputRef$curren = this.inputRef.current) === null || _this$inputRef$curren === void 0 || _this$inputRef$curren.focus({
|
|
4805
|
+
preventScroll: true
|
|
4806
|
+
});
|
|
4807
|
+
}
|
|
4808
|
+
}
|
|
4689
4809
|
}
|
|
4690
4810
|
}, {
|
|
4691
4811
|
key: "renderCalendar",
|
|
@@ -4710,7 +4830,7 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4710
4830
|
_this$props4$children = _this$props4.children,
|
|
4711
4831
|
children = _this$props4$children === void 0 ? /*#__PURE__*/React.createElement(React.Fragment, null) : _this$props4$children,
|
|
4712
4832
|
view = _this$props4.view,
|
|
4713
|
-
rest = _objectWithoutProperties(_this$props4, _excluded$
|
|
4833
|
+
rest = _objectWithoutProperties(_this$props4, _excluded$1n);
|
|
4714
4834
|
var date = this.state.date;
|
|
4715
4835
|
var months = config.months;
|
|
4716
4836
|
var todayDate = new Date(Date.now());
|
|
@@ -4740,7 +4860,8 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4740
4860
|
view: view,
|
|
4741
4861
|
disabledBefore: dateDisabledBefore,
|
|
4742
4862
|
disabledAfter: dateDisabledAfter,
|
|
4743
|
-
onDateChange: this.onDateChangeHandler
|
|
4863
|
+
onDateChange: this.onDateChangeHandler,
|
|
4864
|
+
wrapperRef: this.calendarContainerRef
|
|
4744
4865
|
}))), showTodayDate && /*#__PURE__*/React.createElement("div", {
|
|
4745
4866
|
className: todayChipClass,
|
|
4746
4867
|
"data-test": "DesignSystem-Select--TodaysDate-wrapper"
|
|
@@ -4766,17 +4887,20 @@ var DatePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
4766
4887
|
popoverOptions = _this$props5.popoverOptions;
|
|
4767
4888
|
var open = this.state.open;
|
|
4768
4889
|
if (withInput) {
|
|
4769
|
-
var triggerInputOptions = _objectSpread2(_objectSpread2({}, inputOptions),
|
|
4770
|
-
'aria-label': inputOptions['aria-label'] || this.props['aria-label']
|
|
4890
|
+
var triggerInputOptions = _objectSpread2(_objectSpread2(_objectSpread2({}, inputOptions), inputOptions['aria-label'] || this.props['aria-label'] ? {
|
|
4891
|
+
'aria-label': inputOptions['aria-label'] || this.props['aria-label']
|
|
4892
|
+
} : {}), inputOptions['aria-labelledby'] || this.props['aria-labelledby'] ? {
|
|
4771
4893
|
'aria-labelledby': inputOptions['aria-labelledby'] || this.props['aria-labelledby']
|
|
4772
|
-
});
|
|
4894
|
+
} : {});
|
|
4773
4895
|
return /*#__PURE__*/React.createElement(Popover, _extends$2({
|
|
4774
4896
|
trigger: /*#__PURE__*/React.createElement(Trigger$1, {
|
|
4775
4897
|
inputFormat: inputFormat,
|
|
4776
4898
|
inputOptions: triggerInputOptions,
|
|
4777
4899
|
validators: validators,
|
|
4778
4900
|
state: this.state,
|
|
4779
|
-
setState: this.setState.bind(this)
|
|
4901
|
+
setState: this.setState.bind(this),
|
|
4902
|
+
inputRef: this.inputRef,
|
|
4903
|
+
onInputKeyDown: this.onInputKeyDown
|
|
4780
4904
|
}),
|
|
4781
4905
|
triggerClass: "w-100",
|
|
4782
4906
|
position: position,
|
|
@@ -5347,8 +5471,8 @@ var groupListOptions = function groupListOptions(listOptions) {
|
|
|
5347
5471
|
return flattenedGroupList;
|
|
5348
5472
|
};
|
|
5349
5473
|
|
|
5350
|
-
var css_248z$15 = ".timePicker-module-TimePicker-trigger-fjkh7-4-
|
|
5351
|
-
var timePickerStyles = {"TimePicker-trigger":"timePicker-module-TimePicker-trigger-fjkh7-4-
|
|
5474
|
+
var css_248z$15 = ".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";
|
|
5475
|
+
var timePickerStyles = {"TimePicker-trigger":"timePicker-module-TimePicker-trigger-fjkh7-4-28-0-1"};
|
|
5352
5476
|
styleInject(css_248z$15);
|
|
5353
5477
|
|
|
5354
5478
|
var TimePickerWithSearch = function TimePickerWithSearch(props) {
|
|
@@ -5681,11 +5805,11 @@ function debounce$1 (delay, atBegin, callback) {
|
|
|
5681
5805
|
return callback === undefined ? throttle(delay, atBegin, false) : throttle(delay, callback, atBegin !== false);
|
|
5682
5806
|
}
|
|
5683
5807
|
|
|
5684
|
-
var css_248z$14 = ".dropdownButton-module-DropdownButton-WEFAu-4-
|
|
5685
|
-
var dropdownButtonStyles = {"DropdownButton":"dropdownButton-module-DropdownButton-WEFAu-4-
|
|
5808
|
+
var css_248z$14 = ".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";
|
|
5809
|
+
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"};
|
|
5686
5810
|
styleInject(css_248z$14);
|
|
5687
5811
|
|
|
5688
|
-
var _excluded$
|
|
5812
|
+
var _excluded$1m = ["triggerSize", "placeholder", "menu", "children", "icon", "disabled", "open", "inlineLabel", "error", "iconType", "id", "aria-label", "aria-labelledby"];
|
|
5689
5813
|
var DropdownButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
5690
5814
|
var _props$triggerSize = props.triggerSize,
|
|
5691
5815
|
triggerSize = _props$triggerSize === void 0 ? 'regular' : _props$triggerSize,
|
|
@@ -5703,7 +5827,7 @@ var DropdownButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
5703
5827
|
id = props.id,
|
|
5704
5828
|
ariaLabel = props['aria-label'],
|
|
5705
5829
|
ariaLabelledBy = props['aria-labelledby'],
|
|
5706
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
5830
|
+
rest = _objectWithoutProperties(props, _excluded$1m);
|
|
5707
5831
|
var buttonDisabled = disabled ? 'disabled' : 'default';
|
|
5708
5832
|
var trimmedPlaceholder = placeholder.trim();
|
|
5709
5833
|
var value = children ? children : trimmedPlaceholder;
|
|
@@ -6140,8 +6264,8 @@ var Option = function Option(props) {
|
|
|
6140
6264
|
});
|
|
6141
6265
|
};
|
|
6142
6266
|
|
|
6143
|
-
var css_248z$13 = "@keyframes placeholder-module-shimmer-Lxrg3-4-
|
|
6144
|
-
var styles$10 = {"Placeholder--animation":"placeholder-module-Placeholder--animation-aMGNi-4-
|
|
6267
|
+
var css_248z$13 = "@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";
|
|
6268
|
+
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"};
|
|
6145
6269
|
styleInject(css_248z$13);
|
|
6146
6270
|
|
|
6147
6271
|
var PlaceholderParagraph = function PlaceholderParagraph(props) {
|
|
@@ -6374,6 +6498,10 @@ var DropdownList = function DropdownList(props) {
|
|
|
6374
6498
|
var dropdownCancelButtonRef = /*#__PURE__*/React.createRef();
|
|
6375
6499
|
var dropdownApplyButtonRef = /*#__PURE__*/React.createRef();
|
|
6376
6500
|
var dropdownFieldIdsPrefixRef = React.useRef("ds-dropdown-".concat(uidGenerator()));
|
|
6501
|
+
// Target of the trigger's `aria-controls`. This sits on the popup wrapper rather than the
|
|
6502
|
+
// listbox, because the listbox is not rendered in the loading, empty and error states while
|
|
6503
|
+
// the trigger still reports itself as expanded.
|
|
6504
|
+
var popupId = "".concat(dropdownFieldIdsPrefixRef.current, "-popup");
|
|
6377
6505
|
var enableSearch = withSearch || props.async;
|
|
6378
6506
|
var _React$useState = React.useState(),
|
|
6379
6507
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
@@ -6459,7 +6587,8 @@ var DropdownList = function DropdownList(props) {
|
|
|
6459
6587
|
ref: dropdownTriggerRef,
|
|
6460
6588
|
iconType: iconType,
|
|
6461
6589
|
"aria-label": triggerAriaLabelledBy ? undefined : triggerAriaLabel,
|
|
6462
|
-
"aria-labelledby": triggerAriaLabelledBy
|
|
6590
|
+
"aria-labelledby": triggerAriaLabelledBy,
|
|
6591
|
+
"aria-controls": dropdownOpen ? popupId : undefined
|
|
6463
6592
|
}, triggerLabel);
|
|
6464
6593
|
var dropdownStyle = {
|
|
6465
6594
|
maxHeight: maxHeight,
|
|
@@ -7035,6 +7164,7 @@ var DropdownList = function DropdownList(props) {
|
|
|
7035
7164
|
}, popoverOptions, {
|
|
7036
7165
|
"data-test": "DesignSystem-Dropdown--Popover"
|
|
7037
7166
|
}), /*#__PURE__*/React.createElement("div", {
|
|
7167
|
+
id: popupId,
|
|
7038
7168
|
onKeyDown: onPopoverKeyDown,
|
|
7039
7169
|
ref: popoverContentRef,
|
|
7040
7170
|
role: "presentation"
|
|
@@ -7042,7 +7172,7 @@ var DropdownList = function DropdownList(props) {
|
|
|
7042
7172
|
};
|
|
7043
7173
|
DropdownList.displayName = 'DropdownList';
|
|
7044
7174
|
|
|
7045
|
-
var _excluded$
|
|
7175
|
+
var _excluded$1l = ["triggerOptions", "selected", "tabIndex"];
|
|
7046
7176
|
var inputRef = /*#__PURE__*/React.createRef();
|
|
7047
7177
|
/**
|
|
7048
7178
|
*
|
|
@@ -7628,7 +7758,7 @@ var Dropdown = /*#__PURE__*/function (_React$Component) {
|
|
|
7628
7758
|
triggerOptions = _this$props14$trigger === void 0 ? {} : _this$props14$trigger;
|
|
7629
7759
|
_this$props14.selected;
|
|
7630
7760
|
var tabIndex = _this$props14.tabIndex,
|
|
7631
|
-
rest = _objectWithoutProperties(_this$props14, _excluded$
|
|
7761
|
+
rest = _objectWithoutProperties(_this$props14, _excluded$1l);
|
|
7632
7762
|
var remainingOptionsLen = searchedOptionsLength - options.length;
|
|
7633
7763
|
var firstEnabledOption = tabIndex ? tabIndex : _isSelectAllPresent(searchTerm, remainingOptionsLen, withSelectAll, withCheckbox) ? 0 : options.findIndex(function (option) {
|
|
7634
7764
|
return !option.disabled;
|
|
@@ -7672,11 +7802,11 @@ _defineProperty$1(Dropdown, "defaultProps", {
|
|
|
7672
7802
|
searchDebounceDuration: 300
|
|
7673
7803
|
});
|
|
7674
7804
|
|
|
7675
|
-
var css_248z$12 = "/* Flex component */\n.flex-module-Flex-zcDLv-4-
|
|
7676
|
-
var styles$$ = {"Flex":"flex-module-Flex-zcDLv-4-
|
|
7805
|
+
var css_248z$12 = "/* 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";
|
|
7806
|
+
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"};
|
|
7677
7807
|
styleInject(css_248z$12);
|
|
7678
7808
|
|
|
7679
|
-
var _excluded$
|
|
7809
|
+
var _excluded$1k = ["direction", "justifyContent", "alignItems", "wrap", "gap", "columnGap", "rowGap", "className", "style", "children"];
|
|
7680
7810
|
var spacingTokenMap$1 = {
|
|
7681
7811
|
'spacing-10': 'var(--spacing-10)',
|
|
7682
7812
|
'spacing-20': 'var(--spacing-20)',
|
|
@@ -7753,7 +7883,7 @@ var Flex = function Flex(props) {
|
|
|
7753
7883
|
className = props.className,
|
|
7754
7884
|
style = props.style,
|
|
7755
7885
|
children = props.children,
|
|
7756
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
7886
|
+
rest = _objectWithoutProperties(props, _excluded$1k);
|
|
7757
7887
|
var inlineStyles = _objectSpread2({}, style);
|
|
7758
7888
|
if (direction) {
|
|
7759
7889
|
if (typeof direction === 'string') {
|
|
@@ -7803,11 +7933,11 @@ Flex.defaultProps = {
|
|
|
7803
7933
|
wrap: 'nowrap'
|
|
7804
7934
|
};
|
|
7805
7935
|
|
|
7806
|
-
var css_248z$11 = "/* Heading */\n.heading-module-Heading-tmepg-4-
|
|
7807
|
-
var styles$_ = {"Heading":"heading-module-Heading-tmepg-4-
|
|
7936
|
+
var css_248z$11 = "/* 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";
|
|
7937
|
+
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"};
|
|
7808
7938
|
styleInject(css_248z$11);
|
|
7809
7939
|
|
|
7810
|
-
var _excluded$
|
|
7940
|
+
var _excluded$1j = ["appearance", "size", "as", "children", "className", "color"];
|
|
7811
7941
|
var sizeMap = {
|
|
7812
7942
|
s: 'h5',
|
|
7813
7943
|
m: 'h4',
|
|
@@ -7824,7 +7954,7 @@ var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7824
7954
|
children = props.children,
|
|
7825
7955
|
className = props.className,
|
|
7826
7956
|
color = props.color,
|
|
7827
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
7957
|
+
rest = _objectWithoutProperties(props, _excluded$1j);
|
|
7828
7958
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$_.Heading, true), styles$_["Heading--".concat(size)], size), styles$_["Heading--".concat(appearance)], !color && appearance), "color-".concat(color), color), className);
|
|
7829
7959
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
7830
7960
|
ref: ref,
|
|
@@ -7836,15 +7966,15 @@ var Heading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
7836
7966
|
});
|
|
7837
7967
|
Heading.displayName = 'Heading';
|
|
7838
7968
|
|
|
7839
|
-
var css_248z$10 = ".actionButton-module-ActionButton-GMsQC-4-
|
|
7840
|
-
var styles$Z = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-
|
|
7969
|
+
var css_248z$10 = ".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";
|
|
7970
|
+
var styles$Z = {"ActionButton":"actionButton-module-ActionButton-GMsQC-4-28-0-1"};
|
|
7841
7971
|
styleInject(css_248z$10);
|
|
7842
7972
|
|
|
7843
|
-
var _excluded$
|
|
7973
|
+
var _excluded$1i = ["className", "iconType"];
|
|
7844
7974
|
var ActionButton$1 = function ActionButton(props) {
|
|
7845
7975
|
var className = props.className,
|
|
7846
7976
|
iconType = props.iconType,
|
|
7847
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
7977
|
+
rest = _objectWithoutProperties(props, _excluded$1i);
|
|
7848
7978
|
var iconClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$Z['ActionButton'], true), "".concat(className), className));
|
|
7849
7979
|
return /*#__PURE__*/React.createElement(Icon, _extends$2({
|
|
7850
7980
|
className: iconClass,
|
|
@@ -7858,15 +7988,15 @@ ActionButton$1.defaultProps = {
|
|
|
7858
7988
|
type: 'rounded'
|
|
7859
7989
|
};
|
|
7860
7990
|
|
|
7861
|
-
var css_248z$$ = "/* input */\n\n.input-module-Input-input-eQ8b8-4-
|
|
7862
|
-
var inputStyles = {"Input-input":"input-module-Input-input-eQ8b8-4-
|
|
7991
|
+
var css_248z$$ = "/* 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";
|
|
7992
|
+
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"};
|
|
7863
7993
|
styleInject(css_248z$$);
|
|
7864
7994
|
|
|
7865
|
-
var css_248z$_ = ".verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
7866
|
-
var styles$Y = {"VerificationCodeInput-Input":"verificationCodeInput-module-VerificationCodeInput-Input-bdn9x-4-
|
|
7995
|
+
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";
|
|
7996
|
+
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"};
|
|
7867
7997
|
styleInject(css_248z$_);
|
|
7868
7998
|
|
|
7869
|
-
var _excluded$
|
|
7999
|
+
var _excluded$1h = ["size", "type", "minWidth", "defaultValue", "name", "placeholder", "value", "icon", "inlineLabel", "required", "error", "info", "onChange", "onClick", "onClear", "onBlur", "onFocus", "onPaste", "actionIcon", "className", "autoFocus", "disabled", "readOnly", "iconType", "clearButtonAriaLabel", "aria-invalid", "aria-labelledby", "tabIndex"];
|
|
7870
8000
|
var sizeMapping$2 = {
|
|
7871
8001
|
tiny: 12,
|
|
7872
8002
|
regular: 16,
|
|
@@ -7911,10 +8041,11 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
7911
8041
|
disabled = props.disabled,
|
|
7912
8042
|
readOnly = props.readOnly,
|
|
7913
8043
|
iconType = props.iconType,
|
|
8044
|
+
clearButtonAriaLabel = props.clearButtonAriaLabel,
|
|
7914
8045
|
ariaInvalid = props['aria-invalid'],
|
|
7915
8046
|
ariaLabelledBy = props['aria-labelledby'],
|
|
7916
8047
|
tabIndexProp = props.tabIndex,
|
|
7917
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8048
|
+
rest = _objectWithoutProperties(props, _excluded$1h);
|
|
7918
8049
|
var ref = React.useRef(null);
|
|
7919
8050
|
var _React$useState = React.useState(!value),
|
|
7920
8051
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
@@ -7945,7 +8076,7 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
7945
8076
|
}
|
|
7946
8077
|
}
|
|
7947
8078
|
}, [type]);
|
|
7948
|
-
var resolvedClearButtonAriaLabel = props['aria-label'] ? "Clear ".concat(props['aria-label']) : placeholder ? "Clear ".concat(placeholder) : 'Clear input';
|
|
8079
|
+
var resolvedClearButtonAriaLabel = clearButtonAriaLabel || (props['aria-label'] ? "Clear ".concat(props['aria-label']) : undefined) || (placeholder ? "Clear ".concat(placeholder) : 'Clear input');
|
|
7949
8080
|
var baseProps = extractBaseProps(props);
|
|
7950
8081
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, inputStyles['Input'], true), inputStyles["Input--".concat(size)], size), inputStyles['Input--disabled'], disabled), inputStyles['Input--error'], error), inputStyles['Input--readOnly'], readOnly), className);
|
|
7951
8082
|
var inputClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, inputStyles['Input-input'], true), styles$Y['Input-input'], true), inputStyles["Input-input--".concat(size)], size), "mr-4", actionIcon || onClear || info));
|
|
@@ -7955,7 +8086,9 @@ var Input = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
7955
8086
|
var trigger = /*#__PURE__*/React.createElement("div", {
|
|
7956
8087
|
className: rightIconClass // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
|
|
7957
8088
|
,
|
|
7958
|
-
tabIndex: 0
|
|
8089
|
+
tabIndex: 0,
|
|
8090
|
+
role: "img",
|
|
8091
|
+
"aria-label": info
|
|
7959
8092
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
7960
8093
|
name: 'info',
|
|
7961
8094
|
size: sizeMapping$2[size],
|
|
@@ -8052,15 +8185,15 @@ Object.assign(Input, {
|
|
|
8052
8185
|
ActionButton: ActionButton$1
|
|
8053
8186
|
});
|
|
8054
8187
|
|
|
8055
|
-
var css_248z$Z = ".metricInput-module-MetricInput-input-F33lA-4-
|
|
8056
|
-
var styles$X = {"MetricInput-input":"metricInput-module-MetricInput-input-F33lA-4-
|
|
8188
|
+
var css_248z$Z = ".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";
|
|
8189
|
+
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"};
|
|
8057
8190
|
styleInject(css_248z$Z);
|
|
8058
8191
|
|
|
8059
|
-
var css_248z$Y = "/* pagination */\n\n.pagination-module-Pagination-DCmdy-4-
|
|
8060
|
-
var styles$W = {"Pagination":"pagination-module-Pagination-DCmdy-4-
|
|
8192
|
+
var css_248z$Y = "/* 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";
|
|
8193
|
+
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"};
|
|
8061
8194
|
styleInject(css_248z$Y);
|
|
8062
8195
|
|
|
8063
|
-
var _excluded$
|
|
8196
|
+
var _excluded$1g = ["size", "defaultValue", "name", "placeholder", "icon", "prefix", "suffix", "error", "min", "max", "onChange", "onClick", "onBlur", "onFocus", "className", "autoFocus", "disabled", "readOnly", "value", "showActionButton", "onKeyDown", "iconType"];
|
|
8064
8197
|
var sizeMapping$1 = {
|
|
8065
8198
|
small: 14,
|
|
8066
8199
|
regular: 16,
|
|
@@ -8112,7 +8245,7 @@ var MetricInput = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
8112
8245
|
showActionButton = _props$showActionButt === void 0 ? true : _props$showActionButt,
|
|
8113
8246
|
onKeyDown = props.onKeyDown,
|
|
8114
8247
|
iconType = props.iconType,
|
|
8115
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8248
|
+
rest = _objectWithoutProperties(props, _excluded$1g);
|
|
8116
8249
|
var ref = React.useRef(null);
|
|
8117
8250
|
var wrapperRef = React.useRef(null);
|
|
8118
8251
|
var isUncontrolled = valueProp === undefined;
|
|
@@ -8293,7 +8426,7 @@ var getDefaultValue = function getDefaultValue(mask, placeholderChar) {
|
|
|
8293
8426
|
return val;
|
|
8294
8427
|
};
|
|
8295
8428
|
|
|
8296
|
-
var _excluded$
|
|
8429
|
+
var _excluded$1f = ["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"];
|
|
8297
8430
|
/**
|
|
8298
8431
|
* It works as Uncontrolled Input
|
|
8299
8432
|
*
|
|
@@ -8325,8 +8458,19 @@ var InputMask = /*#__PURE__*/React.forwardRef(function (props, forwardRef) {
|
|
|
8325
8458
|
label = props.label,
|
|
8326
8459
|
_props$autoComplete = props.autoComplete,
|
|
8327
8460
|
autoComplete = _props$autoComplete === void 0 ? 'off' : _props$autoComplete,
|
|
8461
|
+
clearButtonAriaLabelProp = props.clearButtonAriaLabel,
|
|
8328
8462
|
ariaDescribedBy = props['aria-describedby'],
|
|
8329
|
-
|
|
8463
|
+
ariaLabel = props['aria-label'],
|
|
8464
|
+
ariaLabelledBy = props['aria-labelledby'],
|
|
8465
|
+
rest = _objectWithoutProperties(props, _excluded$1f);
|
|
8466
|
+
|
|
8467
|
+
// Prefer explicit aria-labelledby, then explicit aria-label, then visual `label`.
|
|
8468
|
+
// Pull aria-* out of `rest` so an explicit `undefined` from callers cannot wipe the fallback.
|
|
8469
|
+
// Prefer an explicit clearButtonAriaLabel (localized/product-specific) before generating one.
|
|
8470
|
+
var resolvedAriaLabelledBy = ariaLabelledBy;
|
|
8471
|
+
var resolvedAriaLabel = resolvedAriaLabelledBy ? undefined : ariaLabel || label || undefined;
|
|
8472
|
+
var clearNameSource = label || ariaLabel;
|
|
8473
|
+
var clearButtonAriaLabel = clearButtonAriaLabelProp || (clearNameSource ? "Clear ".concat(clearNameSource) : undefined);
|
|
8330
8474
|
var helpTextIdRef = React.useRef(null);
|
|
8331
8475
|
if (helpTextIdRef.current === null) {
|
|
8332
8476
|
helpTextIdRef.current = "InputMask-helpText-".concat(uidGenerator());
|
|
@@ -8574,10 +8718,7 @@ var InputMask = /*#__PURE__*/React.forwardRef(function (props, forwardRef) {
|
|
|
8574
8718
|
return /*#__PURE__*/React.createElement("div", {
|
|
8575
8719
|
className: classes,
|
|
8576
8720
|
"data-test": "DesignSystem-InputMask--Wrapper"
|
|
8577
|
-
}, /*#__PURE__*/React.createElement(Input, _extends$2({
|
|
8578
|
-
label: label,
|
|
8579
|
-
"aria-label": label
|
|
8580
|
-
}, rest, {
|
|
8721
|
+
}, /*#__PURE__*/React.createElement(Input, _extends$2({}, rest, {
|
|
8581
8722
|
value: value,
|
|
8582
8723
|
error: error,
|
|
8583
8724
|
required: required,
|
|
@@ -8588,7 +8729,10 @@ var InputMask = /*#__PURE__*/React.forwardRef(function (props, forwardRef) {
|
|
|
8588
8729
|
onPaste: onPasteHandler,
|
|
8589
8730
|
autoComplete: autoComplete,
|
|
8590
8731
|
ref: ref,
|
|
8591
|
-
"aria-
|
|
8732
|
+
"aria-label": resolvedAriaLabel,
|
|
8733
|
+
"aria-labelledby": resolvedAriaLabelledBy,
|
|
8734
|
+
"aria-describedby": resolvedDescribedBy,
|
|
8735
|
+
clearButtonAriaLabel: clearButtonAriaLabel
|
|
8592
8736
|
})), /*#__PURE__*/React.createElement(HelpText, {
|
|
8593
8737
|
id: helpTextId,
|
|
8594
8738
|
message: helpMessage,
|
|
@@ -8606,11 +8750,11 @@ InputMask.utils = {
|
|
|
8606
8750
|
};
|
|
8607
8751
|
var X = InputMask;
|
|
8608
8752
|
|
|
8609
|
-
var css_248z$X = "/* Label */\n.label-module-Label--OmlF-4-
|
|
8610
|
-
var styles$V = {"Label":"label-module-Label--OmlF-4-
|
|
8753
|
+
var css_248z$X = "/* 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";
|
|
8754
|
+
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"};
|
|
8611
8755
|
styleInject(css_248z$X);
|
|
8612
8756
|
|
|
8613
|
-
var _excluded$
|
|
8757
|
+
var _excluded$1e = ["required", "optional", "withInput", "disabled", "children", "className", "info", "size"];
|
|
8614
8758
|
/**
|
|
8615
8759
|
* *NOTE: Extends props with HTMLProps<HTMLLabelElement>*
|
|
8616
8760
|
*/
|
|
@@ -8624,7 +8768,7 @@ var Label = function Label(props) {
|
|
|
8624
8768
|
info = props.info,
|
|
8625
8769
|
_props$size = props.size,
|
|
8626
8770
|
size = _props$size === void 0 ? 'regular' : _props$size,
|
|
8627
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8771
|
+
rest = _objectWithoutProperties(props, _excluded$1e);
|
|
8628
8772
|
var baseProps = extractBaseProps(props);
|
|
8629
8773
|
var LabelClass = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$V.Label, true), styles$V['Label--withInput'], withInput), styles$V['Label--optional'], optional), className);
|
|
8630
8774
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$V['Label-text'], true), styles$V['Label--disabled'], disabled), styles$V['Label--small'], size && size === 'small'));
|
|
@@ -8682,18 +8826,18 @@ var Label = function Label(props) {
|
|
|
8682
8826
|
};
|
|
8683
8827
|
Label.displayName = 'Label';
|
|
8684
8828
|
|
|
8685
|
-
var css_248z$W = "/* Caption */\n.caption-module-Caption-x0-4O-4-
|
|
8686
|
-
var styles$U = {"Caption":"caption-module-Caption-x0-4O-4-
|
|
8829
|
+
var css_248z$W = "/* 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";
|
|
8830
|
+
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"};
|
|
8687
8831
|
styleInject(css_248z$W);
|
|
8688
8832
|
|
|
8689
|
-
var _excluded$
|
|
8833
|
+
var _excluded$1d = ["error", "hide", "withInput", "children", "className"];
|
|
8690
8834
|
var Caption = function Caption(props) {
|
|
8691
8835
|
var error = props.error,
|
|
8692
8836
|
hide = props.hide,
|
|
8693
8837
|
withInput = props.withInput,
|
|
8694
8838
|
children = props.children,
|
|
8695
8839
|
className = props.className,
|
|
8696
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
8840
|
+
rest = _objectWithoutProperties(props, _excluded$1d);
|
|
8697
8841
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$U.Caption, true), styles$U['Caption--hidden'], hide), styles$U['Caption--withInput'], withInput), className);
|
|
8698
8842
|
var errorIconClass = classnames(_defineProperty$1({}, styles$U['Caption-icon'], true));
|
|
8699
8843
|
return /*#__PURE__*/React.createElement("div", _extends$2({}, rest, {
|
|
@@ -8713,8 +8857,8 @@ var Caption = function Caption(props) {
|
|
|
8713
8857
|
};
|
|
8714
8858
|
Caption.displayName = 'Caption';
|
|
8715
8859
|
|
|
8716
|
-
var css_248z$V = ".legend-module-Legend--0IVR-4-
|
|
8717
|
-
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-
|
|
8860
|
+
var css_248z$V = ".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";
|
|
8861
|
+
var legendStyles = {"Legend":"legend-module-Legend--0IVR-4-28-0-1","Legend-icon":"legend-module-Legend-icon-AAtts-4-28-0-1"};
|
|
8718
8862
|
styleInject(css_248z$V);
|
|
8719
8863
|
|
|
8720
8864
|
var Legend = function Legend(props) {
|
|
@@ -8795,11 +8939,11 @@ var Editable = function Editable(props) {
|
|
|
8795
8939
|
};
|
|
8796
8940
|
Editable.displayName = 'Editable';
|
|
8797
8941
|
|
|
8798
|
-
var css_248z$U = ".editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
8799
|
-
var styles$T = {"EditableDropdown":"editableDropdown-module-EditableDropdown-8s4sE-4-
|
|
8942
|
+
var css_248z$U = ".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";
|
|
8943
|
+
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"};
|
|
8800
8944
|
styleInject(css_248z$U);
|
|
8801
8945
|
|
|
8802
|
-
var _excluded$
|
|
8946
|
+
var _excluded$1c = ["onChange", "onClose", "disabled", "open", "onPopperToggle"];
|
|
8803
8947
|
var EditableDropdown = function EditableDropdown(props) {
|
|
8804
8948
|
var placeholder = props.placeholder,
|
|
8805
8949
|
dropdownOptions = props.dropdownOptions,
|
|
@@ -8810,7 +8954,7 @@ var EditableDropdown = function EditableDropdown(props) {
|
|
|
8810
8954
|
dropdownDisabled = dropdownOptions.disabled;
|
|
8811
8955
|
dropdownOptions.open;
|
|
8812
8956
|
dropdownOptions.onPopperToggle;
|
|
8813
|
-
var rest = _objectWithoutProperties(dropdownOptions, _excluded$
|
|
8957
|
+
var rest = _objectWithoutProperties(dropdownOptions, _excluded$1c);
|
|
8814
8958
|
var _React$useState = React.useState(placeholder),
|
|
8815
8959
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
8816
8960
|
label = _React$useState2[0],
|
|
@@ -8951,11 +9095,11 @@ EditableDropdown.defaultProps = {
|
|
|
8951
9095
|
dropdownOptions: {}
|
|
8952
9096
|
};
|
|
8953
9097
|
|
|
8954
|
-
var css_248z$T = ".link-module-Link-MwjNx-4-
|
|
8955
|
-
var styles$S = {"Link":"link-module-Link-MwjNx-4-
|
|
9098
|
+
var css_248z$T = ".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";
|
|
9099
|
+
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"};
|
|
8956
9100
|
styleInject(css_248z$T);
|
|
8957
9101
|
|
|
8958
|
-
var _excluded$
|
|
9102
|
+
var _excluded$1b = ["children", "className", "appearance", "size", "disabled", "href", "target", "rel", "download", "hreflang", "onClick", "tooltip", "onKeyDown"];
|
|
8959
9103
|
/**
|
|
8960
9104
|
*
|
|
8961
9105
|
* The choice to use the appearance `subtle` property for the **Link** component, while using the `subtle` boolean prop for the **LinkButton** component, is based on the different roles of typography and action components.
|
|
@@ -8977,7 +9121,7 @@ var LinkElement = function LinkElement(props) {
|
|
|
8977
9121
|
onClick = props.onClick,
|
|
8978
9122
|
tooltip = props.tooltip,
|
|
8979
9123
|
onKeyDown = props.onKeyDown,
|
|
8980
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
9124
|
+
rest = _objectWithoutProperties(props, _excluded$1b);
|
|
8981
9125
|
var isAnchor = !!href;
|
|
8982
9126
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$S.Link, true), styles$S["Link--".concat(size)], size), styles$S["Link--".concat(appearance)], appearance && !disabled), styles$S["Link--".concat(appearance, "-disabled")], disabled), styles$S['Link-tooltip--disabled'], disabled && !!tooltip), styles$S['Link--button-reset'], !isAnchor), className);
|
|
8983
9127
|
var elementProps = isAnchor ? {
|
|
@@ -9045,8 +9189,8 @@ Link.defaultProps = {
|
|
|
9045
9189
|
disabled: false
|
|
9046
9190
|
};
|
|
9047
9191
|
|
|
9048
|
-
var css_248z$S = ".message-module-Message-5m7p--4-
|
|
9049
|
-
var styles$R = {"Message":"message-module-Message-5m7p--4-
|
|
9192
|
+
var css_248z$S = ".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";
|
|
9193
|
+
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"};
|
|
9050
9194
|
styleInject(css_248z$S);
|
|
9051
9195
|
|
|
9052
9196
|
var IconMapping$2 = {
|
|
@@ -9116,8 +9260,8 @@ Message.defaultProps = {
|
|
|
9116
9260
|
description: ''
|
|
9117
9261
|
};
|
|
9118
9262
|
|
|
9119
|
-
var css_248z$R = ".metaList-module-Meta-dNPqh-4-
|
|
9120
|
-
var styles$Q = {"Meta":"metaList-module-Meta-dNPqh-4-
|
|
9263
|
+
var css_248z$R = ".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";
|
|
9264
|
+
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"};
|
|
9121
9265
|
styleInject(css_248z$R);
|
|
9122
9266
|
|
|
9123
9267
|
var Meta = function Meta(props) {
|
|
@@ -9195,11 +9339,11 @@ MetaList.defaultProps = {
|
|
|
9195
9339
|
size: 'regular'
|
|
9196
9340
|
};
|
|
9197
9341
|
|
|
9198
|
-
var css_248z$Q = "/* MdsGrid */\n.mdsGrid-module-MdsGrid-SsvW3-4-
|
|
9199
|
-
var styles$P = {"MdsGrid":"mdsGrid-module-MdsGrid-SsvW3-4-
|
|
9342
|
+
var css_248z$Q = "/* 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";
|
|
9343
|
+
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"};
|
|
9200
9344
|
styleInject(css_248z$Q);
|
|
9201
9345
|
|
|
9202
|
-
var _excluded$
|
|
9346
|
+
var _excluded$1a = ["columnSpan", "rowSpan", "columnStart", "rowStart", "justifySelf", "alignSelf", "className", "children"];
|
|
9203
9347
|
var GridItem = function GridItem(props) {
|
|
9204
9348
|
var columnSpan = props.columnSpan,
|
|
9205
9349
|
rowSpan = props.rowSpan,
|
|
@@ -9209,7 +9353,7 @@ var GridItem = function GridItem(props) {
|
|
|
9209
9353
|
alignSelf = props.alignSelf,
|
|
9210
9354
|
className = props.className,
|
|
9211
9355
|
children = props.children,
|
|
9212
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
9356
|
+
rest = _objectWithoutProperties(props, _excluded$1a);
|
|
9213
9357
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$P.MdsGridItem, true), styles$P["MdsGridItem-justifySelf--".concat(justifySelf)], justifySelf), styles$P["MdsGridItem-alignSelf--".concat(alignSelf)], alignSelf), styles$P["MdsGridItem-columnSpan--".concat(columnSpan)], columnSpan), styles$P["MdsGridItem-rowSpan--".concat(rowSpan)], rowSpan), styles$P["MdsGridItem-columnStart--".concat(columnStart)], columnStart), styles$P["MdsGridItem-rowStart--".concat(rowStart)], rowStart), className);
|
|
9214
9358
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
9215
9359
|
"data-test": "DesignSystem-MdsGridItem"
|
|
@@ -9222,7 +9366,7 @@ GridItem.defaultProps = {
|
|
|
9222
9366
|
rowSpan: 1
|
|
9223
9367
|
};
|
|
9224
9368
|
|
|
9225
|
-
var _excluded$
|
|
9369
|
+
var _excluded$19 = ["templateColumns", "templateRows", "gap", "columnGap", "rowGap", "autoFlow", "justifyItems", "alignItems", "className", "style", "children"];
|
|
9226
9370
|
var spacingTokenMap = {
|
|
9227
9371
|
'spacing-10': 'var(--spacing-10)',
|
|
9228
9372
|
'spacing-20': 'var(--spacing-20)',
|
|
@@ -9270,7 +9414,7 @@ var MdsGrid = function MdsGrid(props) {
|
|
|
9270
9414
|
className = props.className,
|
|
9271
9415
|
style = props.style,
|
|
9272
9416
|
children = props.children,
|
|
9273
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
9417
|
+
rest = _objectWithoutProperties(props, _excluded$19);
|
|
9274
9418
|
var inlineStyles = _objectSpread2({}, style);
|
|
9275
9419
|
if (templateColumns) {
|
|
9276
9420
|
if (typeof templateColumns === 'string') {
|
|
@@ -9372,12 +9516,12 @@ function isElementOfType(element) {
|
|
|
9372
9516
|
return element != null && element.type != null;
|
|
9373
9517
|
}
|
|
9374
9518
|
|
|
9375
|
-
var css_248z$P = ".slider-module-Slider-6TikH-4-
|
|
9376
|
-
var styles$O = {"Slider":"slider-module-Slider-6TikH-4-
|
|
9519
|
+
var css_248z$P = ".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";
|
|
9520
|
+
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"};
|
|
9377
9521
|
styleInject(css_248z$P);
|
|
9378
9522
|
|
|
9379
|
-
var css_248z$O = ".tooltip-module-Tooltip-BzFZs-4-
|
|
9380
|
-
var styles$N = {"Tooltip":"tooltip-module-Tooltip-BzFZs-4-
|
|
9523
|
+
var css_248z$O = ".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";
|
|
9524
|
+
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"};
|
|
9381
9525
|
styleInject(css_248z$O);
|
|
9382
9526
|
|
|
9383
9527
|
var Handle = /*#__PURE__*/function (_React$Component) {
|
|
@@ -10073,14 +10217,14 @@ _defineProperty$1(MultiSlider, "defaultProps", {
|
|
|
10073
10217
|
});
|
|
10074
10218
|
_defineProperty$1(MultiSlider, "Handle", MultiSliderHandle);
|
|
10075
10219
|
|
|
10076
|
-
var _excluded$
|
|
10220
|
+
var _excluded$18 = ["children", "className", "onOutsideClick", "wrapperElement"];
|
|
10077
10221
|
var OutsideClick = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
10078
10222
|
var children = props.children,
|
|
10079
10223
|
className = props.className,
|
|
10080
10224
|
onOutsideClick = props.onOutsideClick,
|
|
10081
10225
|
_props$wrapperElement = props.wrapperElement,
|
|
10082
10226
|
wrapperElement = _props$wrapperElement === void 0 ? 'div' : _props$wrapperElement,
|
|
10083
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
10227
|
+
rest = _objectWithoutProperties(props, _excluded$18);
|
|
10084
10228
|
var innerRef = React.useRef(null);
|
|
10085
10229
|
React.useImperativeHandle(ref, function () {
|
|
10086
10230
|
return innerRef.current;
|
|
@@ -10109,14 +10253,14 @@ var OutsideClick = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10109
10253
|
});
|
|
10110
10254
|
OutsideClick.displayName = 'OutsideClick';
|
|
10111
10255
|
|
|
10112
|
-
var _excluded$
|
|
10256
|
+
var _excluded$17 = ["appearance", "children", "className", "color"];
|
|
10113
10257
|
var Paragraph = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
10114
10258
|
var _props$appearance = props.appearance,
|
|
10115
10259
|
appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
|
|
10116
10260
|
children = props.children,
|
|
10117
10261
|
className = props.className,
|
|
10118
10262
|
color = props.color,
|
|
10119
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
10263
|
+
rest = _objectWithoutProperties(props, _excluded$17);
|
|
10120
10264
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, textStyles.Text, true), textStyles["Text--".concat(appearance)], !color && appearance), "color-".concat(color), color), className);
|
|
10121
10265
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
10122
10266
|
ref: ref,
|
|
@@ -10131,8 +10275,8 @@ Paragraph.defaultProps = {
|
|
|
10131
10275
|
appearance: 'default'
|
|
10132
10276
|
};
|
|
10133
10277
|
|
|
10134
|
-
var css_248z$N = ".progressBar-module-ProgressBar-I9SrG-4-
|
|
10135
|
-
var styles$M = {"ProgressBar":"progressBar-module-ProgressBar-I9SrG-4-
|
|
10278
|
+
var css_248z$N = ".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";
|
|
10279
|
+
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"};
|
|
10136
10280
|
styleInject(css_248z$N);
|
|
10137
10281
|
|
|
10138
10282
|
var ProgressBar = function ProgressBar(props) {
|
|
@@ -10177,11 +10321,11 @@ ProgressBar.defaultProps = {
|
|
|
10177
10321
|
state: 'default'
|
|
10178
10322
|
};
|
|
10179
10323
|
|
|
10180
|
-
var css_248z$M = "/* Radio */\n\n.radio-module-Radio-sJTSN-4-
|
|
10181
|
-
var styles$L = {"Radio":"radio-module-Radio-sJTSN-4-
|
|
10324
|
+
var css_248z$M = "/* 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";
|
|
10325
|
+
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"};
|
|
10182
10326
|
styleInject(css_248z$M);
|
|
10183
10327
|
|
|
10184
|
-
var _excluded$
|
|
10328
|
+
var _excluded$16 = ["size", "label", "disabled", "onChange", "name", "value", "checked", "defaultChecked", "className", "helpText", "error", "aria-label", "aria-labelledby", "aria-describedby", "id"];
|
|
10185
10329
|
var Radio = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
10186
10330
|
var _props$size = props.size,
|
|
10187
10331
|
size = _props$size === void 0 ? 'regular' : _props$size,
|
|
@@ -10199,7 +10343,7 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
10199
10343
|
ariaLabelledBy = props['aria-labelledby'],
|
|
10200
10344
|
ariaDescribedBy = props['aria-describedby'],
|
|
10201
10345
|
idProp = props.id,
|
|
10202
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
10346
|
+
rest = _objectWithoutProperties(props, _excluded$16);
|
|
10203
10347
|
var ref = React.useRef(null);
|
|
10204
10348
|
var generatedIdRef = React.useRef(null);
|
|
10205
10349
|
if (generatedIdRef.current === null) {
|
|
@@ -10267,11 +10411,11 @@ var Radio = /*#__PURE__*/React.forwardRef(function (props, forwardedRef) {
|
|
|
10267
10411
|
});
|
|
10268
10412
|
Radio.displayName = 'Radio';
|
|
10269
10413
|
|
|
10270
|
-
var _excluded$
|
|
10414
|
+
var _excluded$15 = ["className", "children"];
|
|
10271
10415
|
var Row = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
10272
10416
|
var className = props.className,
|
|
10273
10417
|
children = props.children,
|
|
10274
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
10418
|
+
rest = _objectWithoutProperties(props, _excluded$15);
|
|
10275
10419
|
var classes = classnames(_defineProperty$1({}, rowStyles.Row, true), className);
|
|
10276
10420
|
return /*#__PURE__*/React.createElement("div", _extends$2({
|
|
10277
10421
|
"data-test": "DesignSystem-Row",
|
|
@@ -10282,11 +10426,11 @@ var Row = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10282
10426
|
});
|
|
10283
10427
|
Row.displayName = 'Row';
|
|
10284
10428
|
|
|
10285
|
-
var css_248z$L = ".statusHint-module-StatusHint-20-9Y-4-
|
|
10286
|
-
var styles$K = {"StatusHint":"statusHint-module-StatusHint-20-9Y-4-
|
|
10429
|
+
var css_248z$L = ".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";
|
|
10430
|
+
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"};
|
|
10287
10431
|
styleInject(css_248z$L);
|
|
10288
10432
|
|
|
10289
|
-
var _excluded$
|
|
10433
|
+
var _excluded$14 = ["appearance", "children", "onMouseEnter", "onMouseLeave", "onClick", "truncateLabel", "className", "size"];
|
|
10290
10434
|
var StatusHint = function StatusHint(props) {
|
|
10291
10435
|
var appearance = props.appearance,
|
|
10292
10436
|
children = props.children,
|
|
@@ -10297,7 +10441,7 @@ var StatusHint = function StatusHint(props) {
|
|
|
10297
10441
|
className = props.className,
|
|
10298
10442
|
_props$size = props.size,
|
|
10299
10443
|
size = _props$size === void 0 ? 'regular' : _props$size,
|
|
10300
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
10444
|
+
rest = _objectWithoutProperties(props, _excluded$14);
|
|
10301
10445
|
var baseProps = extractBaseProps(props);
|
|
10302
10446
|
var isClickable = Boolean(_onClick);
|
|
10303
10447
|
var handleKeyDown = function handleKeyDown(event) {
|
|
@@ -10349,8 +10493,8 @@ StatusHint.defaultProps = {
|
|
|
10349
10493
|
appearance: 'default'
|
|
10350
10494
|
};
|
|
10351
10495
|
|
|
10352
|
-
var css_248z$K = ".pills-module-Pills--00hR-4-
|
|
10353
|
-
var styles$J = {"Pills":"pills-module-Pills--00hR-4-
|
|
10496
|
+
var css_248z$K = ".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";
|
|
10497
|
+
var styles$J = {"Pills":"pills-module-Pills--00hR-4-28-0-1"};
|
|
10354
10498
|
styleInject(css_248z$K);
|
|
10355
10499
|
|
|
10356
10500
|
var Pills = function Pills(props) {
|
|
@@ -10374,8 +10518,8 @@ Pills.defaultProps = {
|
|
|
10374
10518
|
appearance: 'secondary'
|
|
10375
10519
|
};
|
|
10376
10520
|
|
|
10377
|
-
var css_248z$J = "@keyframes spinner-module-rotate
|
|
10378
|
-
var styles$I = {"Spinner":"spinner-module-Spinner-Gnrbl-4-
|
|
10521
|
+
var css_248z$J = "@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";
|
|
10522
|
+
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"};
|
|
10379
10523
|
styleInject(css_248z$J);
|
|
10380
10524
|
|
|
10381
10525
|
var Spinner = function Spinner(props) {
|
|
@@ -10422,13 +10566,13 @@ Spinner.defaultProps = {
|
|
|
10422
10566
|
'aria-label': 'Loading'
|
|
10423
10567
|
};
|
|
10424
10568
|
|
|
10425
|
-
var _excluded$
|
|
10569
|
+
var _excluded$13 = ["value", "defaultValue", "onRelease", "onChange"];
|
|
10426
10570
|
var Slider = function Slider(props) {
|
|
10427
10571
|
var valueProp = props.value,
|
|
10428
10572
|
defaultValue = props.defaultValue,
|
|
10429
10573
|
onRelease = props.onRelease,
|
|
10430
10574
|
onChange = props.onChange,
|
|
10431
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
10575
|
+
rest = _objectWithoutProperties(props, _excluded$13);
|
|
10432
10576
|
var _React$useState = React.useState(valueProp === undefined ? defaultValue : valueProp),
|
|
10433
10577
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
10434
10578
|
value = _React$useState2[0],
|
|
@@ -10456,7 +10600,7 @@ Slider.defaultProps = _objectSpread2(_objectSpread2({}, MultiSlider.defaultProps
|
|
|
10456
10600
|
defaultValue: 0
|
|
10457
10601
|
});
|
|
10458
10602
|
|
|
10459
|
-
var _excluded$
|
|
10603
|
+
var _excluded$12 = ["value", "defaultValue", "onChange", "onRelease"];
|
|
10460
10604
|
var RangeIndex = /*#__PURE__*/function (RangeIndex) {
|
|
10461
10605
|
RangeIndex[RangeIndex["START"] = 0] = "START";
|
|
10462
10606
|
RangeIndex[RangeIndex["END"] = 1] = "END";
|
|
@@ -10467,7 +10611,7 @@ var RangeSlider = function RangeSlider(props) {
|
|
|
10467
10611
|
defaultValue = props.defaultValue,
|
|
10468
10612
|
onChange = props.onChange,
|
|
10469
10613
|
onRelease = props.onRelease,
|
|
10470
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
10614
|
+
rest = _objectWithoutProperties(props, _excluded$12);
|
|
10471
10615
|
var _React$useState = React.useState(valueProp === undefined ? defaultValue : valueProp),
|
|
10472
10616
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
10473
10617
|
value = _React$useState2[0],
|
|
@@ -10498,11 +10642,11 @@ RangeSlider.defaultProps = _objectSpread2(_objectSpread2({}, MultiSlider.default
|
|
|
10498
10642
|
defaultValue: [0, 10]
|
|
10499
10643
|
});
|
|
10500
10644
|
|
|
10501
|
-
var css_248z$I = "/* Subheading */\n.subheading-module-Subheading-qdIJH-4-
|
|
10502
|
-
var styles$H = {"Subheading":"subheading-module-Subheading-qdIJH-4-
|
|
10645
|
+
var css_248z$I = "/* 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";
|
|
10646
|
+
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"};
|
|
10503
10647
|
styleInject(css_248z$I);
|
|
10504
10648
|
|
|
10505
|
-
var _excluded
|
|
10649
|
+
var _excluded$11 = ["appearance", "as", "children", "className", "color"];
|
|
10506
10650
|
var Subheading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
10507
10651
|
var _props$appearance = props.appearance,
|
|
10508
10652
|
appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
|
|
@@ -10510,7 +10654,7 @@ var Subheading = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10510
10654
|
children = props.children,
|
|
10511
10655
|
className = props.className,
|
|
10512
10656
|
color = props.color,
|
|
10513
|
-
rest = _objectWithoutProperties(props, _excluded
|
|
10657
|
+
rest = _objectWithoutProperties(props, _excluded$11);
|
|
10514
10658
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$H.Subheading, true), styles$H["Subheading--".concat(appearance)], !color && appearance), "color-".concat(color), color), className);
|
|
10515
10659
|
var componentType = as || 'h4';
|
|
10516
10660
|
return /*#__PURE__*/React.createElement(Link$1, _extends$2({
|
|
@@ -10526,11 +10670,11 @@ Subheading.defaultProps = {
|
|
|
10526
10670
|
appearance: 'default'
|
|
10527
10671
|
};
|
|
10528
10672
|
|
|
10529
|
-
var css_248z$H = ".switch-module-Switch-QepNe-4-
|
|
10530
|
-
var styles$G = {"Switch":"switch-module-Switch-QepNe-4-
|
|
10673
|
+
var css_248z$H = ".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";
|
|
10674
|
+
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"};
|
|
10531
10675
|
styleInject(css_248z$H);
|
|
10532
10676
|
|
|
10533
|
-
var _excluded$
|
|
10677
|
+
var _excluded$10 = ["size", "defaultChecked", "disabled", "onChange", "name", "value", "className", "appearance", "checked"];
|
|
10534
10678
|
/**
|
|
10535
10679
|
* ######Switch has two types:
|
|
10536
10680
|
* - [Controlled Switch](https://reactjs.org/docs/forms.html#controlled-components)
|
|
@@ -10547,7 +10691,7 @@ var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10547
10691
|
className = props.className;
|
|
10548
10692
|
props.appearance;
|
|
10549
10693
|
var checkedProp = props.checked,
|
|
10550
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
10694
|
+
rest = _objectWithoutProperties(props, _excluded$10);
|
|
10551
10695
|
var _React$useState = React.useState(checkedProp === undefined ? defaultChecked : checkedProp),
|
|
10552
10696
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
10553
10697
|
checked = _React$useState2[0],
|
|
@@ -10592,11 +10736,11 @@ var Switch = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10592
10736
|
});
|
|
10593
10737
|
Switch.displayName = 'Switch';
|
|
10594
10738
|
|
|
10595
|
-
var css_248z$G = "/* Textarea */\n\n.textarea-module-Textarea-Es1Ps-4-
|
|
10596
|
-
var styles$F = {"Textarea":"textarea-module-Textarea-Es1Ps-4-
|
|
10739
|
+
var css_248z$G = "/* 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";
|
|
10740
|
+
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"};
|
|
10597
10741
|
styleInject(css_248z$G);
|
|
10598
10742
|
|
|
10599
|
-
var _excluded
|
|
10743
|
+
var _excluded$$ = ["size", "rows", "resize", "disabled", "name", "placeholder", "value", "defaultValue", "required", "error", "onChange", "onClick", "onBlur", "onFocus", "className", "readOnly"];
|
|
10600
10744
|
var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
10601
10745
|
var _props$size = props.size,
|
|
10602
10746
|
size = _props$size === void 0 ? 'regular' : _props$size,
|
|
@@ -10617,7 +10761,7 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10617
10761
|
onFocus = props.onFocus,
|
|
10618
10762
|
className = props.className,
|
|
10619
10763
|
readOnly = props.readOnly,
|
|
10620
|
-
rest = _objectWithoutProperties(props, _excluded
|
|
10764
|
+
rest = _objectWithoutProperties(props, _excluded$$);
|
|
10621
10765
|
var classes = classnames(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1(_defineProperty$1({}, styles$F.Textarea, true), styles$F['Textarea--resize'], resize), styles$F['Textarea--error'], error), styles$F['Textarea--readOnly'], readOnly), styles$F['Textarea--small'], size && size === 'small'), className);
|
|
10622
10766
|
return /*#__PURE__*/React.createElement("textarea", _extends$2({
|
|
10623
10767
|
"data-test": "DesignSystem-Textarea",
|
|
@@ -10641,8 +10785,8 @@ var Textarea = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
10641
10785
|
});
|
|
10642
10786
|
Textarea.displayName = 'Textarea';
|
|
10643
10787
|
|
|
10644
|
-
var css_248z$F = "/* toast */\n\n.toast-module-Toast-OpDhM-4-
|
|
10645
|
-
var styles$E = {"Toast":"toast-module-Toast-OpDhM-4-
|
|
10788
|
+
var css_248z$F = "/* 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";
|
|
10789
|
+
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"};
|
|
10646
10790
|
styleInject(css_248z$F);
|
|
10647
10791
|
|
|
10648
10792
|
var ActionButton = function ActionButton(props) {
|
|
@@ -16255,11 +16399,11 @@ _defineProperty$1(PopperWrapper, "defaultProps", {
|
|
|
16255
16399
|
disabled: false
|
|
16256
16400
|
});
|
|
16257
16401
|
|
|
16258
|
-
var css_248z$E = ".popover-module-Popover-34Ge0-4-
|
|
16259
|
-
var styles$D = {"Popover":"popover-module-Popover-34Ge0-4-
|
|
16402
|
+
var css_248z$E = ".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";
|
|
16403
|
+
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"};
|
|
16260
16404
|
styleInject(css_248z$E);
|
|
16261
16405
|
|
|
16262
|
-
var _excluded$
|
|
16406
|
+
var _excluded$_ = ["position", "customStyle", "dark", "children", "onToggle", "className", "hideOnReferenceEscape", "boundaryElement", "name"];
|
|
16263
16407
|
var propsList = ['appendToBody', 'trigger', 'hoverable', 'on', 'open', 'closeOnBackdropClick', 'offset', 'closeOnScroll'];
|
|
16264
16408
|
var Popover = function Popover(props) {
|
|
16265
16409
|
var position = props.position,
|
|
@@ -16272,7 +16416,7 @@ var Popover = function Popover(props) {
|
|
|
16272
16416
|
_props$boundaryElemen = props.boundaryElement,
|
|
16273
16417
|
boundaryElement = _props$boundaryElemen === void 0 ? document.body : _props$boundaryElemen,
|
|
16274
16418
|
name = props.name,
|
|
16275
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
16419
|
+
rest = _objectWithoutProperties(props, _excluded$_);
|
|
16276
16420
|
var _React$useState = React.useState(!!props.open),
|
|
16277
16421
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
16278
16422
|
open = _React$useState2[0],
|
|
@@ -16320,8 +16464,8 @@ Popover.defaultProps = Object.assign({}, filterProps(PopperWrapper.defaultProps,
|
|
|
16320
16464
|
customStyle: {}
|
|
16321
16465
|
});
|
|
16322
16466
|
|
|
16323
|
-
var css_248z$D = ".chipInput-module-ChipInput-EQQlO-4-
|
|
16324
|
-
var styles$C = {"ChipInput":"chipInput-module-ChipInput-EQQlO-4-
|
|
16467
|
+
var css_248z$D = ".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";
|
|
16468
|
+
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"};
|
|
16325
16469
|
styleInject(css_248z$D);
|
|
16326
16470
|
|
|
16327
16471
|
var getChipInputBorderFocusRegion = function getChipInputBorderFocusRegion(target, inputClassName) {
|
|
@@ -16334,7 +16478,7 @@ var getChipInputBorderFocusRegion = function getChipInputBorderFocusRegion(targe
|
|
|
16334
16478
|
return 'fieldChrome';
|
|
16335
16479
|
};
|
|
16336
16480
|
|
|
16337
|
-
var _excluded$
|
|
16481
|
+
var _excluded$Z = ["type", "onClick"];
|
|
16338
16482
|
var keyCodes$1 = {
|
|
16339
16483
|
BACKSPACE: 'Backspace',
|
|
16340
16484
|
DELETE: 'Delete',
|
|
@@ -16468,7 +16612,7 @@ var ChipInput = function ChipInput(props) {
|
|
|
16468
16612
|
var _chipOptions$type = chipOptions.type,
|
|
16469
16613
|
type = _chipOptions$type === void 0 ? 'input' : _chipOptions$type,
|
|
16470
16614
|
_onClick = chipOptions.onClick,
|
|
16471
|
-
rest = _objectWithoutProperties(chipOptions, _excluded$
|
|
16615
|
+
rest = _objectWithoutProperties(chipOptions, _excluded$Z);
|
|
16472
16616
|
return /*#__PURE__*/React.createElement(Chip, _extends$2({
|
|
16473
16617
|
"data-test": "DesignSystem-ChipInput--Chip",
|
|
16474
16618
|
label: chip,
|
|
@@ -16623,8 +16767,8 @@ var formatCount = function formatCount(count) {
|
|
|
16623
16767
|
return '';
|
|
16624
16768
|
};
|
|
16625
16769
|
|
|
16626
|
-
var css_248z$C = ".verticalNav-module-VerticalNav-Dmfut-4-
|
|
16627
|
-
var styles$B = {"VerticalNav":"verticalNav-module-VerticalNav-Dmfut-4-
|
|
16770
|
+
var css_248z$C = ".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";
|
|
16771
|
+
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"};
|
|
16628
16772
|
styleInject(css_248z$C);
|
|
16629
16773
|
|
|
16630
16774
|
var MenuIcon = function MenuIcon(props) {
|
|
@@ -17257,8 +17401,8 @@ VerticalNav.defaultProps = {
|
|
|
17257
17401
|
showTooltip: false
|
|
17258
17402
|
};
|
|
17259
17403
|
|
|
17260
|
-
var css_248z$B = ".horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
17261
|
-
var styles$A = {"HorizontalNav":"horizontalNav-module-HorizontalNav-TaKHt-4-
|
|
17404
|
+
var css_248z$B = ".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";
|
|
17405
|
+
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"};
|
|
17262
17406
|
styleInject(css_248z$B);
|
|
17263
17407
|
|
|
17264
17408
|
var HorizontalNav = function HorizontalNav(props) {
|
|
@@ -17321,41 +17465,49 @@ var HorizontalNav = function HorizontalNav(props) {
|
|
|
17321
17465
|
"data-test": "DesignSystem-HorizontalNav--Text",
|
|
17322
17466
|
className: textClasses
|
|
17323
17467
|
}, menu.label));
|
|
17324
|
-
|
|
17325
|
-
|
|
17326
|
-
|
|
17327
|
-
|
|
17328
|
-
|
|
17329
|
-
}
|
|
17330
|
-
|
|
17331
|
-
|
|
17332
|
-
|
|
17333
|
-
|
|
17468
|
+
var renderMenu = function renderMenu() {
|
|
17469
|
+
if (menu.disabled) {
|
|
17470
|
+
return /*#__PURE__*/React.createElement("span", _extends$2({}, commonProps, {
|
|
17471
|
+
"aria-disabled": "true"
|
|
17472
|
+
}), content);
|
|
17473
|
+
}
|
|
17474
|
+
if (menu.link) {
|
|
17475
|
+
return /*#__PURE__*/React.createElement("a", _extends$2({}, commonProps, {
|
|
17476
|
+
href: menu.link,
|
|
17477
|
+
"aria-current": isActive ? 'page' : undefined,
|
|
17478
|
+
onClick: function onClick(event) {
|
|
17479
|
+
return onClickHandler(event, menu);
|
|
17480
|
+
}
|
|
17481
|
+
}), content);
|
|
17482
|
+
}
|
|
17483
|
+
return /*#__PURE__*/React.createElement("button", _extends$2({
|
|
17484
|
+
type: "button"
|
|
17334
17485
|
}, commonProps, {
|
|
17335
|
-
href: menu.link,
|
|
17336
17486
|
"aria-current": isActive ? 'page' : undefined,
|
|
17337
17487
|
onClick: function onClick(event) {
|
|
17338
17488
|
return onClickHandler(event, menu);
|
|
17339
17489
|
}
|
|
17340
17490
|
}), content);
|
|
17341
|
-
}
|
|
17342
|
-
return /*#__PURE__*/React.createElement("
|
|
17343
|
-
|
|
17344
|
-
|
|
17345
|
-
},
|
|
17346
|
-
"aria-current": isActive ? 'page' : undefined,
|
|
17347
|
-
onClick: function onClick(event) {
|
|
17348
|
-
return onClickHandler(event, menu);
|
|
17349
|
-
}
|
|
17350
|
-
}), content);
|
|
17491
|
+
};
|
|
17492
|
+
return /*#__PURE__*/React.createElement("li", {
|
|
17493
|
+
key: index,
|
|
17494
|
+
className: styles$A['HorizontalNav-listItem']
|
|
17495
|
+
}, renderMenu());
|
|
17351
17496
|
});
|
|
17352
17497
|
return /*#__PURE__*/React.createElement("nav", _extends$2({}, baseProps, {
|
|
17353
17498
|
className: classes,
|
|
17354
17499
|
"aria-label": ariaLabel
|
|
17355
|
-
}), list
|
|
17500
|
+
}), list.length > 0 &&
|
|
17501
|
+
/*#__PURE__*/
|
|
17502
|
+
// eslint-disable-next-line jsx-a11y/no-redundant-roles
|
|
17503
|
+
React.createElement("ul", {
|
|
17504
|
+
role: "list",
|
|
17505
|
+
className: styles$A['HorizontalNav-list'],
|
|
17506
|
+
"data-test": "DesignSystem-HorizontalNav--List"
|
|
17507
|
+
}, list));
|
|
17356
17508
|
};
|
|
17357
17509
|
|
|
17358
|
-
var _excluded$
|
|
17510
|
+
var _excluded$Y = ["children", "tooltip", "showTooltip", "showOnTruncation", "elementRef", "className", "size"];
|
|
17359
17511
|
var tooltipPropsList = ['trigger', 'on', 'open', 'offset', 'onToggle', 'dark', 'customStyle', 'closeOnBackdropClick', 'hideOnReferenceEscape', 'closeOnScroll'];
|
|
17360
17512
|
var positionValue = {
|
|
17361
17513
|
bottom: 'bottom',
|
|
@@ -17381,7 +17533,7 @@ var Tooltip = function Tooltip(props) {
|
|
|
17381
17533
|
className = props.className,
|
|
17382
17534
|
_props$size = props.size,
|
|
17383
17535
|
size = _props$size === void 0 ? 'regular' : _props$size,
|
|
17384
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
17536
|
+
rest = _objectWithoutProperties(props, _excluded$Y);
|
|
17385
17537
|
var childrenRef = React.useRef(null);
|
|
17386
17538
|
var _React$useState = React.useState(false),
|
|
17387
17539
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
@@ -17496,11 +17648,11 @@ Dialog.defaultProps = {
|
|
|
17496
17648
|
secondaryButtonAppearance: 'basic'
|
|
17497
17649
|
};
|
|
17498
17650
|
|
|
17499
|
-
var css_248z$A = ".overlay-module-OverlayHeader-X75uk-4-
|
|
17500
|
-
var styles$z = {"OverlayHeader":"overlay-module-OverlayHeader-X75uk-4-
|
|
17651
|
+
var css_248z$A = ".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";
|
|
17652
|
+
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"};
|
|
17501
17653
|
styleInject(css_248z$A);
|
|
17502
17654
|
|
|
17503
|
-
var _excluded$
|
|
17655
|
+
var _excluded$X = ["label"];
|
|
17504
17656
|
var OverlayFooter = function OverlayFooter(props) {
|
|
17505
17657
|
var open = props.open,
|
|
17506
17658
|
className = props.className,
|
|
@@ -17531,7 +17683,7 @@ var OverlayFooter = function OverlayFooter(props) {
|
|
|
17531
17683
|
className: classes
|
|
17532
17684
|
}), actions.map(function (_ref, index) {
|
|
17533
17685
|
_ref.label;
|
|
17534
|
-
var options = _objectWithoutProperties(_ref, _excluded$
|
|
17686
|
+
var options = _objectWithoutProperties(_ref, _excluded$X);
|
|
17535
17687
|
return /*#__PURE__*/React.createElement(Button, _extends$2({
|
|
17536
17688
|
type: "button"
|
|
17537
17689
|
}, options, {
|
|
@@ -17575,6 +17727,7 @@ var OverlayHeader = function OverlayHeader(props) {
|
|
|
17575
17727
|
className: "mr-4",
|
|
17576
17728
|
icon: "arrow_back",
|
|
17577
17729
|
largeIcon: true,
|
|
17730
|
+
"aria-label": "Go back",
|
|
17578
17731
|
onClick: backButtonCallback || backIconCallback
|
|
17579
17732
|
}), heading && /*#__PURE__*/React.createElement(Heading, {
|
|
17580
17733
|
id: headingId,
|
|
@@ -17642,7 +17795,7 @@ var closeOnEscapeKeypress = function closeOnEscapeKeypress(event, isTopOverlay,
|
|
|
17642
17795
|
event.preventDefault();
|
|
17643
17796
|
}
|
|
17644
17797
|
};
|
|
17645
|
-
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"])';
|
|
17798
|
+
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"])';
|
|
17646
17799
|
|
|
17647
17800
|
/**
|
|
17648
17801
|
* Returns focusable elements within a container, in DOM order.
|
|
@@ -17650,7 +17803,7 @@ var FOCUSABLE_SELECTOR = 'a[href], button:not([disabled]), input:not([disabled])
|
|
|
17650
17803
|
* `aria-disabled="true"`, or inside an `[inert]` subtree.
|
|
17651
17804
|
*/
|
|
17652
17805
|
var getFocusableElements$1 = function getFocusableElements(container) {
|
|
17653
|
-
var elements = container.querySelectorAll(FOCUSABLE_SELECTOR);
|
|
17806
|
+
var elements = container.querySelectorAll(FOCUSABLE_SELECTOR$1);
|
|
17654
17807
|
return Array.from(elements).filter(function (el) {
|
|
17655
17808
|
var style = window.getComputedStyle(el);
|
|
17656
17809
|
var isVisible = style.visibility !== 'hidden' && style.display !== 'none';
|
|
@@ -17809,8 +17962,8 @@ var restoreFocusToElementIfConnected = function restoreFocusToElementIfConnected
|
|
|
17809
17962
|
});
|
|
17810
17963
|
};
|
|
17811
17964
|
|
|
17812
|
-
var css_248z$z = "@keyframes modal-module-modal-open-XetuH-4-
|
|
17813
|
-
var styles$y = {"Modal":"modal-module-Modal-jy6BE-4-
|
|
17965
|
+
var css_248z$z = "@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";
|
|
17966
|
+
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"};
|
|
17814
17967
|
styleInject(css_248z$z);
|
|
17815
17968
|
|
|
17816
17969
|
var modalInstanceCounter = 0;
|
|
@@ -18110,6 +18263,7 @@ var ModalHeader = function ModalHeader(props) {
|
|
|
18110
18263
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
18111
18264
|
icon: "close",
|
|
18112
18265
|
appearance: "transparent",
|
|
18266
|
+
"aria-label": "Close",
|
|
18113
18267
|
"data-test": "DesignSystem-Modal--CloseButton",
|
|
18114
18268
|
onClick: function onClick(event) {
|
|
18115
18269
|
if (onClose) onClose(event, 'IconClick');
|
|
@@ -18148,8 +18302,8 @@ var ModalFooter = function ModalFooter(props) {
|
|
|
18148
18302
|
};
|
|
18149
18303
|
ModalFooter.displayName = 'ModalFooter';
|
|
18150
18304
|
|
|
18151
|
-
var css_248z$y = "@keyframes fullscreenModal-module-fullscreenModal-open-62v3L-4-
|
|
18152
|
-
var styles$x = {"FullscreenModal":"fullscreenModal-module-FullscreenModal-7WRgI-4-
|
|
18305
|
+
var css_248z$y = "@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";
|
|
18306
|
+
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"};
|
|
18153
18307
|
styleInject(css_248z$y);
|
|
18154
18308
|
|
|
18155
18309
|
var fullscreenModalInstanceCounter = 0;
|
|
@@ -18332,8 +18486,8 @@ _defineProperty$1(FullscreenModal, "defaultProps", {
|
|
|
18332
18486
|
dimension: 'medium'
|
|
18333
18487
|
});
|
|
18334
18488
|
|
|
18335
|
-
var css_248z$x = "@keyframes sidesheet-module-sidesheet-open-8Xjl--4-
|
|
18336
|
-
var styles$w = {"Sidesheet":"sidesheet-module-Sidesheet-NOxgD-4-
|
|
18489
|
+
var css_248z$x = "@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";
|
|
18490
|
+
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"};
|
|
18337
18491
|
styleInject(css_248z$x);
|
|
18338
18492
|
|
|
18339
18493
|
var sidesheetWidth = {
|
|
@@ -18605,8 +18759,8 @@ _defineProperty$1(Sidesheet, "defaultProps", {
|
|
|
18605
18759
|
closeOnEscape: true
|
|
18606
18760
|
});
|
|
18607
18761
|
|
|
18608
|
-
var css_248z$w = ".collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
18609
|
-
var styles$v = {"Collapsible-wrapper":"collapsible-module-Collapsible-wrapper-CZ6L2-4-
|
|
18762
|
+
var css_248z$w = ".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";
|
|
18763
|
+
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"};
|
|
18610
18764
|
styleInject(css_248z$w);
|
|
18611
18765
|
|
|
18612
18766
|
var Collapsible = function Collapsible(props) {
|
|
@@ -18702,8 +18856,8 @@ Collapsible.defaultProps = {
|
|
|
18702
18856
|
withTrigger: true
|
|
18703
18857
|
};
|
|
18704
18858
|
|
|
18705
|
-
var css_248z$v = ".chat-module-Box-nVkrd-4-
|
|
18706
|
-
var styles$u = {"Box":"chat-module-Box-nVkrd-4-
|
|
18859
|
+
var css_248z$v = ".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";
|
|
18860
|
+
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"};
|
|
18707
18861
|
styleInject(css_248z$v);
|
|
18708
18862
|
|
|
18709
18863
|
var Status$1 = function Status(props) {
|
|
@@ -18881,11 +19035,11 @@ ChatMessage.displayName = 'ChatMessage';
|
|
|
18881
19035
|
|
|
18882
19036
|
var EmptyStateContext = /*#__PURE__*/React.createContext({});
|
|
18883
19037
|
|
|
18884
|
-
var css_248z$u = ".emptyState-module-EmptyState-xAbqT-4-
|
|
18885
|
-
var styles$t = {"EmptyState":"emptyState-module-EmptyState-xAbqT-4-
|
|
19038
|
+
var css_248z$u = ".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";
|
|
19039
|
+
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"};
|
|
18886
19040
|
styleInject(css_248z$u);
|
|
18887
19041
|
|
|
18888
|
-
var _excluded$
|
|
19042
|
+
var _excluded$W = ["children", "maxHeight", "height", "minHeight", "src", "alt", "className"];
|
|
18889
19043
|
var imageHeight$1 = {
|
|
18890
19044
|
standard: '200px',
|
|
18891
19045
|
compressed: '150px',
|
|
@@ -18901,7 +19055,7 @@ var EmptyStateImage = function EmptyStateImage(props) {
|
|
|
18901
19055
|
src = props.src,
|
|
18902
19056
|
alt = props.alt,
|
|
18903
19057
|
className = props.className,
|
|
18904
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
19058
|
+
rest = _objectWithoutProperties(props, _excluded$W);
|
|
18905
19059
|
var contextProp = React__default.useContext(EmptyStateContext);
|
|
18906
19060
|
var imageClasses = classnames(_defineProperty$1({}, styles$t['EmptyState-image'], true), className);
|
|
18907
19061
|
var imageWrapperClasses = classnames(_defineProperty$1(_defineProperty$1({}, 'd-flex', true), 'justify-content-center', true), className);
|
|
@@ -18927,12 +19081,12 @@ var EmptyStateImage = function EmptyStateImage(props) {
|
|
|
18927
19081
|
}, rest))));
|
|
18928
19082
|
};
|
|
18929
19083
|
|
|
18930
|
-
var _excluded$
|
|
19084
|
+
var _excluded$V = ["children", "className", "as"];
|
|
18931
19085
|
var EmptyStateTitle = function EmptyStateTitle(props) {
|
|
18932
19086
|
var children = props.children,
|
|
18933
19087
|
className = props.className,
|
|
18934
19088
|
as = props.as,
|
|
18935
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
19089
|
+
rest = _objectWithoutProperties(props, _excluded$V);
|
|
18936
19090
|
var contextProp = React__default.useContext(EmptyStateContext);
|
|
18937
19091
|
var _contextProp$size = contextProp.size,
|
|
18938
19092
|
size = _contextProp$size === void 0 ? 'standard' : _contextProp$size;
|
|
@@ -18953,11 +19107,11 @@ var EmptyStateTitle = function EmptyStateTitle(props) {
|
|
|
18953
19107
|
}, rest), children);
|
|
18954
19108
|
};
|
|
18955
19109
|
|
|
18956
|
-
var _excluded$
|
|
19110
|
+
var _excluded$U = ["children", "className"];
|
|
18957
19111
|
var EmptyStateDescription = function EmptyStateDescription(props) {
|
|
18958
19112
|
var children = props.children,
|
|
18959
19113
|
className = props.className,
|
|
18960
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
19114
|
+
rest = _objectWithoutProperties(props, _excluded$U);
|
|
18961
19115
|
var contextProp = React__default.useContext(EmptyStateContext);
|
|
18962
19116
|
var _contextProp$size = contextProp.size,
|
|
18963
19117
|
size = _contextProp$size === void 0 ? 'standard' : _contextProp$size;
|
|
@@ -18975,11 +19129,11 @@ var EmptyStateDescription = function EmptyStateDescription(props) {
|
|
|
18975
19129
|
}, rest), children);
|
|
18976
19130
|
};
|
|
18977
19131
|
|
|
18978
|
-
var _excluded$
|
|
19132
|
+
var _excluded$T = ["children", "className"];
|
|
18979
19133
|
var EmptyStateActions = function EmptyStateActions(props) {
|
|
18980
19134
|
var children = props.children,
|
|
18981
19135
|
className = props.className,
|
|
18982
|
-
rest = _objectWithoutProperties(props, _excluded$
|
|
19136
|
+
rest = _objectWithoutProperties(props, _excluded$T);
|
|
18983
19137
|
var contextProp = React__default.useContext(EmptyStateContext);
|
|
18984
19138
|
var _contextProp$size = contextProp.size,
|
|
18985
19139
|
size = _contextProp$size === void 0 ? 'standard' : _contextProp$size;
|
|
@@ -19271,11 +19425,11 @@ Pagination.defaultProps = {
|
|
|
19271
19425
|
pageJumpDebounceDuration: 750
|
|
19272
19426
|
};
|
|
19273
19427
|
|
|
19274
|
-
var css_248z$t = ".editableInput-module-EditableInput-jeeBB-4-
|
|
19275
|
-
var styles$s = {"EditableInput":"editableInput-module-EditableInput-jeeBB-4-
|
|
19428
|
+
var css_248z$t = ".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";
|
|
19429
|
+
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"};
|
|
19276
19430
|
styleInject(css_248z$t);
|
|
19277
19431
|
|
|
19278
|
-
var _excluded$
|
|
19432
|
+
var _excluded$S = ["onChange", "icon", "disabled"];
|
|
19279
19433
|
var EditableInput = function EditableInput(props) {
|
|
19280
19434
|
var error = props.error,
|
|
19281
19435
|
size = props.size,
|
|
@@ -19292,7 +19446,7 @@ var EditableInput = function EditableInput(props) {
|
|
|
19292
19446
|
var onInputChange = inputOptions.onChange,
|
|
19293
19447
|
inputIcon = inputOptions.icon,
|
|
19294
19448
|
inputDisabled = inputOptions.disabled,
|
|
19295
|
-
rest = _objectWithoutProperties(inputOptions, _excluded$
|
|
19449
|
+
rest = _objectWithoutProperties(inputOptions, _excluded$S);
|
|
19296
19450
|
var _React$useState = React.useState(props.value),
|
|
19297
19451
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
19298
19452
|
inputValue = _React$useState2[0],
|
|
@@ -19466,12 +19620,12 @@ EditableInput.defaultProps = {
|
|
|
19466
19620
|
inputOptions: {}
|
|
19467
19621
|
};
|
|
19468
19622
|
|
|
19469
|
-
var css_248z$s = ".editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
19470
|
-
var styles$r = {"EditableChipInput":"editableChipInput-module-EditableChipInput-fDBaL-4-
|
|
19623
|
+
var css_248z$s = ".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";
|
|
19624
|
+
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"};
|
|
19471
19625
|
styleInject(css_248z$s);
|
|
19472
19626
|
|
|
19473
|
-
var _excluded$
|
|
19474
|
-
_excluded2$
|
|
19627
|
+
var _excluded$R = ["onChange", "chipOptions", "autoFocus", "disabled"],
|
|
19628
|
+
_excluded2$3 = ["onClick"];
|
|
19475
19629
|
var EditableChipInput = function EditableChipInput(props) {
|
|
19476
19630
|
var placeholder = props.placeholder,
|
|
19477
19631
|
onChange = props.onChange,
|
|
@@ -19485,9 +19639,9 @@ var EditableChipInput = function EditableChipInput(props) {
|
|
|
19485
19639
|
chipOptions = _chipInputOptions$chi === void 0 ? {} : _chipInputOptions$chi,
|
|
19486
19640
|
autoFocusOption = chipInputOptions.autoFocus,
|
|
19487
19641
|
chipInputDisabled = chipInputOptions.disabled,
|
|
19488
|
-
rest = _objectWithoutProperties(chipInputOptions, _excluded$
|
|
19642
|
+
rest = _objectWithoutProperties(chipInputOptions, _excluded$R);
|
|
19489
19643
|
var _onClick = chipOptions.onClick,
|
|
19490
|
-
chipObject = _objectWithoutProperties(chipOptions, _excluded2$
|
|
19644
|
+
chipObject = _objectWithoutProperties(chipOptions, _excluded2$3);
|
|
19491
19645
|
var _React$useState = React.useState(props.value),
|
|
19492
19646
|
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
19493
19647
|
inputValue = _React$useState2[0],
|
|
@@ -19655,8 +19809,8 @@ EditableChipInput.defaultProps = {
|
|
|
19655
19809
|
chipInputOptions: {}
|
|
19656
19810
|
};
|
|
19657
19811
|
|
|
19658
|
-
var css_248z$r = ".progressRing-module-Ring-6kz7n-4-
|
|
19659
|
-
var styles$q = {"Ring":"progressRing-module-Ring-6kz7n-4-
|
|
19812
|
+
var css_248z$r = ".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";
|
|
19813
|
+
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"};
|
|
19660
19814
|
styleInject(css_248z$r);
|
|
19661
19815
|
|
|
19662
19816
|
var ProgressRing = function ProgressRing(props) {
|
|
@@ -19710,8 +19864,8 @@ ProgressRing.defaultProps = {
|
|
|
19710
19864
|
max: 100
|
|
19711
19865
|
};
|
|
19712
19866
|
|
|
19713
|
-
var css_248z$q = ".stepper-module-Stepper-2fHQy-4-
|
|
19714
|
-
var styles$p = {"Stepper":"stepper-module-Stepper-2fHQy-4-
|
|
19867
|
+
var css_248z$q = ".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";
|
|
19868
|
+
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"};
|
|
19715
19869
|
styleInject(css_248z$q);
|
|
19716
19870
|
|
|
19717
19871
|
var Step$1 = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
@@ -19871,17 +20025,27 @@ Stepper.defaultProps = {
|
|
|
19871
20025
|
skipIndexes: []
|
|
19872
20026
|
};
|
|
19873
20027
|
|
|
19874
|
-
var css_248z$p = ".dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
19875
|
-
var styles$o = {"DateRangePicker":"dateRangePicker-module-DateRangePicker-XQroW-4-
|
|
20028
|
+
var css_248z$p = ".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";
|
|
20029
|
+
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"};
|
|
19876
20030
|
styleInject(css_248z$p);
|
|
19877
20031
|
|
|
20032
|
+
var _excluded$Q = ["label", "id", "onKeyDown"],
|
|
20033
|
+
_excluded2$2 = ["label", "id", "onKeyDown"];
|
|
19878
20034
|
var Trigger = function Trigger(props) {
|
|
19879
20035
|
var inputFormat = props.inputFormat,
|
|
19880
20036
|
startInputOptions = props.startInputOptions,
|
|
19881
20037
|
endInputOptions = props.endInputOptions,
|
|
19882
20038
|
validators = props.validators,
|
|
19883
20039
|
state = props.state,
|
|
19884
|
-
setState = props.setState
|
|
20040
|
+
setState = props.setState,
|
|
20041
|
+
startInputRef = props.startInputRef,
|
|
20042
|
+
endInputRef = props.endInputRef,
|
|
20043
|
+
onStartInputKeyDown = props.onStartInputKeyDown,
|
|
20044
|
+
onEndInputKeyDown = props.onEndInputKeyDown,
|
|
20045
|
+
onStartInputActivate = props.onStartInputActivate,
|
|
20046
|
+
onEndInputActivate = props.onEndInputActivate;
|
|
20047
|
+
var startInputIdRef = React.useRef("DesignSystem-DateRangePicker-startInput-".concat(uidGenerator()));
|
|
20048
|
+
var endInputIdRef = React.useRef("DesignSystem-DateRangePicker-endInput-".concat(uidGenerator()));
|
|
19885
20049
|
var init = state.init,
|
|
19886
20050
|
startDate = state.startDate,
|
|
19887
20051
|
endDate = state.endDate,
|
|
@@ -20039,6 +20203,8 @@ var Trigger = function Trigger(props) {
|
|
|
20039
20203
|
}
|
|
20040
20204
|
};
|
|
20041
20205
|
var onClickHandler = function onClickHandler(type) {
|
|
20206
|
+
if (type === 'start') onStartInputActivate === null || onStartInputActivate === void 0 || onStartInputActivate();
|
|
20207
|
+
if (type === 'end') onEndInputActivate === null || onEndInputActivate === void 0 || onEndInputActivate();
|
|
20042
20208
|
var open = state.open;
|
|
20043
20209
|
if (!open) {
|
|
20044
20210
|
updateNav(type);
|
|
@@ -20051,8 +20217,16 @@ var Trigger = function Trigger(props) {
|
|
|
20051
20217
|
var showEndError = endInputOptions.error || endInputOptions.required && endError && init;
|
|
20052
20218
|
var startErrorMessage = startInputOptions.caption === undefined ? 'Invalid value' : startInputOptions.caption;
|
|
20053
20219
|
var endErrorMessage = endInputOptions.caption === undefined ? 'Invalid value' : endInputOptions.caption;
|
|
20054
|
-
var startLabel = startInputOptions.label
|
|
20055
|
-
|
|
20220
|
+
var startLabel = startInputOptions.label,
|
|
20221
|
+
startIdOption = startInputOptions.id,
|
|
20222
|
+
startOptionsKeyDown = startInputOptions.onKeyDown,
|
|
20223
|
+
startInputRest = _objectWithoutProperties(startInputOptions, _excluded$Q);
|
|
20224
|
+
var endLabel = endInputOptions.label,
|
|
20225
|
+
endIdOption = endInputOptions.id,
|
|
20226
|
+
endOptionsKeyDown = endInputOptions.onKeyDown,
|
|
20227
|
+
endInputRest = _objectWithoutProperties(endInputOptions, _excluded2$2);
|
|
20228
|
+
var startInputId = startIdOption || startInputIdRef.current;
|
|
20229
|
+
var endInputId = endIdOption || endInputIdRef.current;
|
|
20056
20230
|
var inputValidator = function inputValidator(val) {
|
|
20057
20231
|
return isValid(validators, val, inputFormat);
|
|
20058
20232
|
};
|
|
@@ -20066,11 +20240,15 @@ var Trigger = function Trigger(props) {
|
|
|
20066
20240
|
className: StartInputClassName
|
|
20067
20241
|
}, startLabel && /*#__PURE__*/React.createElement(Label, {
|
|
20068
20242
|
required: startInputOptions.required,
|
|
20069
|
-
withInput: true
|
|
20243
|
+
withInput: true,
|
|
20244
|
+
htmlFor: startInputId
|
|
20070
20245
|
}, startLabel), /*#__PURE__*/React.createElement(X, _extends$2({
|
|
20071
20246
|
icon: "events",
|
|
20072
20247
|
placeholder: inputFormat
|
|
20073
|
-
},
|
|
20248
|
+
}, startInputRest, {
|
|
20249
|
+
id: startInputId,
|
|
20250
|
+
label: startLabel,
|
|
20251
|
+
ref: startInputRef,
|
|
20074
20252
|
mask: mask,
|
|
20075
20253
|
value: startDate ? translateToString(inputFormat, startDate) : init ? X.utils.getDefaultValue(mask, startPlaceholderChar) : '',
|
|
20076
20254
|
onChange: function onChange(e, val) {
|
|
@@ -20082,6 +20260,13 @@ var Trigger = function Trigger(props) {
|
|
|
20082
20260
|
onBlur: function onBlur(e, val) {
|
|
20083
20261
|
onBlurHandler(e, val || '', 'start');
|
|
20084
20262
|
},
|
|
20263
|
+
onKeyDown: function onKeyDown(e) {
|
|
20264
|
+
// Consumer first so preventDefault can cancel picker Tab/ArrowDown focus moves.
|
|
20265
|
+
startOptionsKeyDown === null || startOptionsKeyDown === void 0 || startOptionsKeyDown(e);
|
|
20266
|
+
if (!e.defaultPrevented) {
|
|
20267
|
+
onStartInputKeyDown === null || onStartInputKeyDown === void 0 || onStartInputKeyDown(e);
|
|
20268
|
+
}
|
|
20269
|
+
},
|
|
20085
20270
|
onClear: function onClear() {
|
|
20086
20271
|
return onClearHandler('start');
|
|
20087
20272
|
},
|
|
@@ -20098,11 +20283,15 @@ var Trigger = function Trigger(props) {
|
|
|
20098
20283
|
className: EndInputClassName
|
|
20099
20284
|
}, endLabel && /*#__PURE__*/React.createElement(Label, {
|
|
20100
20285
|
required: endInputOptions.required,
|
|
20101
|
-
withInput: true
|
|
20286
|
+
withInput: true,
|
|
20287
|
+
htmlFor: endInputId
|
|
20102
20288
|
}, endLabel), /*#__PURE__*/React.createElement(X, _extends$2({
|
|
20103
20289
|
icon: "events",
|
|
20104
20290
|
placeholder: inputFormat
|
|
20105
|
-
},
|
|
20291
|
+
}, endInputRest, {
|
|
20292
|
+
id: endInputId,
|
|
20293
|
+
label: endLabel,
|
|
20294
|
+
ref: endInputRef,
|
|
20106
20295
|
mask: mask,
|
|
20107
20296
|
value: endDate ? translateToString(inputFormat, endDate) : init ? X.utils.getDefaultValue(mask, endPlaceholderChar) : '',
|
|
20108
20297
|
onChange: function onChange(e, val) {
|
|
@@ -20114,6 +20303,13 @@ var Trigger = function Trigger(props) {
|
|
|
20114
20303
|
onBlur: function onBlur(e, val) {
|
|
20115
20304
|
onBlurHandler(e, val || '', 'end');
|
|
20116
20305
|
},
|
|
20306
|
+
onKeyDown: function onKeyDown(e) {
|
|
20307
|
+
// Consumer first so preventDefault can cancel picker Tab/ArrowDown focus moves.
|
|
20308
|
+
endOptionsKeyDown === null || endOptionsKeyDown === void 0 || endOptionsKeyDown(e);
|
|
20309
|
+
if (!e.defaultPrevented) {
|
|
20310
|
+
onEndInputKeyDown === null || onEndInputKeyDown === void 0 || onEndInputKeyDown(e);
|
|
20311
|
+
}
|
|
20312
|
+
},
|
|
20117
20313
|
onClear: function onClear() {
|
|
20118
20314
|
return onClearHandler('end');
|
|
20119
20315
|
},
|
|
@@ -20127,12 +20323,16 @@ var Trigger = function Trigger(props) {
|
|
|
20127
20323
|
}))));
|
|
20128
20324
|
};
|
|
20129
20325
|
|
|
20326
|
+
var _excluded$P = ["id", "onKeyDown"];
|
|
20130
20327
|
var SingleInputTrigger = function SingleInputTrigger(props) {
|
|
20131
20328
|
var inputFormat = props.inputFormat,
|
|
20132
20329
|
inputOptions = props.inputOptions,
|
|
20133
20330
|
validators = props.validators,
|
|
20134
20331
|
state = props.state,
|
|
20135
|
-
setState = props.setState
|
|
20332
|
+
setState = props.setState,
|
|
20333
|
+
inputRef = props.inputRef,
|
|
20334
|
+
onInputKeyDown = props.onInputKeyDown;
|
|
20335
|
+
var inputIdRef = React.useRef("DesignSystem-DateRangePicker-singleInput-".concat(uidGenerator()));
|
|
20136
20336
|
var init = state.init,
|
|
20137
20337
|
startDate = state.startDate,
|
|
20138
20338
|
endDate = state.endDate,
|
|
@@ -20253,15 +20453,23 @@ var SingleInputTrigger = function SingleInputTrigger(props) {
|
|
|
20253
20453
|
monthNav: undefined
|
|
20254
20454
|
});
|
|
20255
20455
|
};
|
|
20456
|
+
var idOption = inputOptions.id,
|
|
20457
|
+
optionsKeyDown = inputOptions.onKeyDown,
|
|
20458
|
+
inputRest = _objectWithoutProperties(inputOptions, _excluded$P);
|
|
20459
|
+
var inputId = idOption || inputIdRef.current;
|
|
20256
20460
|
return /*#__PURE__*/React.createElement(Row, {
|
|
20257
20461
|
"data-test": "DesignSystem-DateRangePicker-SingleInputTrigger"
|
|
20258
20462
|
}, /*#__PURE__*/React.createElement(Column, null, label && /*#__PURE__*/React.createElement(Label, {
|
|
20259
20463
|
required: inputOptions.required,
|
|
20260
|
-
withInput: true
|
|
20464
|
+
withInput: true,
|
|
20465
|
+
htmlFor: inputId
|
|
20261
20466
|
}, label), /*#__PURE__*/React.createElement(X, _extends$2({
|
|
20262
20467
|
icon: "events",
|
|
20263
20468
|
placeholder: "".concat(inputFormat, " - ").concat(inputFormat)
|
|
20264
|
-
},
|
|
20469
|
+
}, inputRest, {
|
|
20470
|
+
id: inputId,
|
|
20471
|
+
label: label,
|
|
20472
|
+
ref: inputRef,
|
|
20265
20473
|
mask: mask,
|
|
20266
20474
|
value: !startDate && !endDate && !init ? undefined : "".concat(sValue, " - ").concat(eValue),
|
|
20267
20475
|
onChange: function onChange(e, val) {
|
|
@@ -20273,6 +20481,13 @@ var SingleInputTrigger = function SingleInputTrigger(props) {
|
|
|
20273
20481
|
onPaste: function onPaste(e, val) {
|
|
20274
20482
|
onPasteHandler(e, val || '');
|
|
20275
20483
|
},
|
|
20484
|
+
onKeyDown: function onKeyDown(e) {
|
|
20485
|
+
// Consumer first so preventDefault can cancel picker Tab/ArrowDown focus moves.
|
|
20486
|
+
optionsKeyDown === null || optionsKeyDown === void 0 || optionsKeyDown(e);
|
|
20487
|
+
if (!e.defaultPrevented) {
|
|
20488
|
+
onInputKeyDown === null || onInputKeyDown === void 0 || onInputKeyDown(e);
|
|
20489
|
+
}
|
|
20490
|
+
},
|
|
20276
20491
|
onClear: onClearHandler,
|
|
20277
20492
|
error: showError,
|
|
20278
20493
|
caption: showError ? errorMessage : '',
|
|
@@ -20344,6 +20559,58 @@ var DateRangePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
20344
20559
|
_classCallCheck(this, DateRangePicker);
|
|
20345
20560
|
_this = _callSuper(this, DateRangePicker, [props]);
|
|
20346
20561
|
_defineProperty$1(_this, "monthsInView", void 0);
|
|
20562
|
+
_defineProperty$1(_this, "startInputRef", /*#__PURE__*/React.createRef());
|
|
20563
|
+
_defineProperty$1(_this, "endInputRef", /*#__PURE__*/React.createRef());
|
|
20564
|
+
_defineProperty$1(_this, "singleInputRef", /*#__PURE__*/React.createRef());
|
|
20565
|
+
_defineProperty$1(_this, "calendarContainerRef", /*#__PURE__*/React.createRef());
|
|
20566
|
+
_defineProperty$1(_this, "lastFocusedInput", 'start');
|
|
20567
|
+
_defineProperty$1(_this, "focusLastInput", function () {
|
|
20568
|
+
var _ref$current;
|
|
20569
|
+
var ref = _this.lastFocusedInput === 'end' ? _this.endInputRef : _this.lastFocusedInput === 'single' ? _this.singleInputRef : _this.startInputRef;
|
|
20570
|
+
(_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.focus({
|
|
20571
|
+
preventScroll: true
|
|
20572
|
+
});
|
|
20573
|
+
});
|
|
20574
|
+
_defineProperty$1(_this, "focusCalendar", function () {
|
|
20575
|
+
var root = _this.calendarContainerRef.current;
|
|
20576
|
+
if (!root) return false;
|
|
20577
|
+
var preferredDate = _this.lastFocusedInput === 'end' ? _this.state.endDate : _this.lastFocusedInput === 'start' ? _this.state.startDate : _this.state.startDate || _this.state.endDate;
|
|
20578
|
+
var target = findFocusableCalendarCell(root, {
|
|
20579
|
+
preferredAriaLabel: preferredDate ? formatDateAriaLabel(preferredDate) : undefined,
|
|
20580
|
+
preferredSelectedIndex: _this.lastFocusedInput === 'end' ? 'last' : 'first'
|
|
20581
|
+
});
|
|
20582
|
+
if (!target) return false;
|
|
20583
|
+
target.focus({
|
|
20584
|
+
preventScroll: true,
|
|
20585
|
+
focusVisible: true
|
|
20586
|
+
});
|
|
20587
|
+
return true;
|
|
20588
|
+
});
|
|
20589
|
+
_defineProperty$1(_this, "onInputKeyDown", function (input) {
|
|
20590
|
+
return function (e) {
|
|
20591
|
+
_this.lastFocusedInput = input;
|
|
20592
|
+
if (!_this.state.open || e.defaultPrevented) return;
|
|
20593
|
+
|
|
20594
|
+
// Only prevent default when a focusable calendar cell exists (date/month/year views).
|
|
20595
|
+
if (e.key === 'ArrowDown' || e.key === 'Tab' && !e.shiftKey) {
|
|
20596
|
+
var root = _this.calendarContainerRef.current;
|
|
20597
|
+
if (!root) return;
|
|
20598
|
+
var preferredDate = input === 'end' ? _this.state.endDate : input === 'start' ? _this.state.startDate : _this.state.startDate || _this.state.endDate;
|
|
20599
|
+
var target = findFocusableCalendarCell(root, {
|
|
20600
|
+
preferredAriaLabel: preferredDate ? formatDateAriaLabel(preferredDate) : undefined,
|
|
20601
|
+
preferredSelectedIndex: input === 'end' ? 'last' : 'first'
|
|
20602
|
+
});
|
|
20603
|
+
if (!target) return;
|
|
20604
|
+
e.preventDefault();
|
|
20605
|
+
requestAnimationFrame(function () {
|
|
20606
|
+
target.focus({
|
|
20607
|
+
preventScroll: true,
|
|
20608
|
+
focusVisible: true
|
|
20609
|
+
});
|
|
20610
|
+
});
|
|
20611
|
+
}
|
|
20612
|
+
};
|
|
20613
|
+
});
|
|
20347
20614
|
_defineProperty$1(_this, "getDate", function (startDate, endDate) {
|
|
20348
20615
|
var inputFormat = _this.props.inputFormat;
|
|
20349
20616
|
var startVal = startDate ? translateToString(inputFormat, startDate) : '';
|
|
@@ -20436,10 +20703,22 @@ var DateRangePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
20436
20703
|
});
|
|
20437
20704
|
break;
|
|
20438
20705
|
case 'onClick':
|
|
20439
|
-
|
|
20440
|
-
open
|
|
20441
|
-
|
|
20442
|
-
|
|
20706
|
+
{
|
|
20707
|
+
// Only move focus when opening (closed → open). If already open (e.g. opened by typing),
|
|
20708
|
+
// keep focus in the input so the user can reposition the caret / select text.
|
|
20709
|
+
var shouldFocusCalendar = !_this.state.open;
|
|
20710
|
+
_this.setState({
|
|
20711
|
+
open: true
|
|
20712
|
+
}, function () {
|
|
20713
|
+
if (!shouldFocusCalendar) return;
|
|
20714
|
+
requestAnimationFrame(function () {
|
|
20715
|
+
requestAnimationFrame(function () {
|
|
20716
|
+
_this.focusCalendar();
|
|
20717
|
+
});
|
|
20718
|
+
});
|
|
20719
|
+
});
|
|
20720
|
+
break;
|
|
20721
|
+
}
|
|
20443
20722
|
}
|
|
20444
20723
|
});
|
|
20445
20724
|
var _inputFormat = props.inputFormat,
|
|
@@ -20465,6 +20744,7 @@ var DateRangePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
20465
20744
|
monthNav: props.monthNav
|
|
20466
20745
|
};
|
|
20467
20746
|
_this.monthsInView = props.monthsInView || (props.withInput ? 2 : 1);
|
|
20747
|
+
_this.lastFocusedInput = props.singleInput ? 'single' : 'start';
|
|
20468
20748
|
return _this;
|
|
20469
20749
|
}
|
|
20470
20750
|
_inherits(DateRangePicker, _React$Component);
|
|
@@ -20544,6 +20824,15 @@ var DateRangePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
20544
20824
|
});
|
|
20545
20825
|
}
|
|
20546
20826
|
}
|
|
20827
|
+
|
|
20828
|
+
// Return focus to the last-used date input when the popover closes.
|
|
20829
|
+
if (prevState.open && !this.state.open) {
|
|
20830
|
+
var active = document.activeElement;
|
|
20831
|
+
var calendarRoot = this.calendarContainerRef.current;
|
|
20832
|
+
if (!active || active === document.body || calendarRoot && calendarRoot.contains(active)) {
|
|
20833
|
+
this.focusLastInput();
|
|
20834
|
+
}
|
|
20835
|
+
}
|
|
20547
20836
|
}
|
|
20548
20837
|
}, {
|
|
20549
20838
|
key: "renderCalendar",
|
|
@@ -20581,12 +20870,14 @@ var DateRangePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
20581
20870
|
onRangeChange: this.onRangeChangeHandler,
|
|
20582
20871
|
yearNav: yearNav,
|
|
20583
20872
|
monthNav: monthNav,
|
|
20584
|
-
rangeLimit: rangeLimit
|
|
20873
|
+
rangeLimit: rangeLimit,
|
|
20874
|
+
wrapperRef: this.calendarContainerRef
|
|
20585
20875
|
}));
|
|
20586
20876
|
}
|
|
20587
20877
|
}, {
|
|
20588
20878
|
key: "render",
|
|
20589
20879
|
value: function render() {
|
|
20880
|
+
var _this2 = this;
|
|
20590
20881
|
var _this$props7 = this.props,
|
|
20591
20882
|
withInput = _this$props7.withInput,
|
|
20592
20883
|
startInputOptions = _this$props7.startInputOptions,
|
|
@@ -20603,31 +20894,52 @@ var DateRangePicker = /*#__PURE__*/function (_React$Component) {
|
|
|
20603
20894
|
var open = this.state.open;
|
|
20604
20895
|
var RangePickerClass = classnames(_defineProperty$1(_defineProperty$1({}, styles$o['DateRangePicker'], true), styles$o["DateRangePicker--".concat(contentAlign)], contentAlign));
|
|
20605
20896
|
if (withInput) {
|
|
20606
|
-
|
|
20607
|
-
|
|
20608
|
-
|
|
20609
|
-
});
|
|
20610
|
-
var
|
|
20611
|
-
|
|
20612
|
-
|
|
20613
|
-
|
|
20614
|
-
|
|
20615
|
-
'aria-
|
|
20616
|
-
|
|
20617
|
-
})
|
|
20897
|
+
// React defaultProps do not deep-merge objects; restore default labels when callers
|
|
20898
|
+
// pass a partial inputOptions/startInputOptions/endInputOptions object.
|
|
20899
|
+
var defaults = DateRangePicker.defaultProps;
|
|
20900
|
+
var resolvedSingleInputOptions = _objectSpread2(_objectSpread2({}, defaults.inputOptions), inputOptions);
|
|
20901
|
+
var resolvedStartInputOptions = _objectSpread2(_objectSpread2({}, defaults.startInputOptions), startInputOptions);
|
|
20902
|
+
var resolvedEndInputOptions = _objectSpread2(_objectSpread2({}, defaults.endInputOptions), endInputOptions);
|
|
20903
|
+
var mergedSingleInputOptions = _objectSpread2(_objectSpread2(_objectSpread2({}, resolvedSingleInputOptions), resolvedSingleInputOptions['aria-label'] || ariaLabel ? {
|
|
20904
|
+
'aria-label': resolvedSingleInputOptions['aria-label'] || ariaLabel
|
|
20905
|
+
} : {}), resolvedSingleInputOptions['aria-labelledby'] || ariaLabelledBy ? {
|
|
20906
|
+
'aria-labelledby': resolvedSingleInputOptions['aria-labelledby'] || ariaLabelledBy
|
|
20907
|
+
} : {});
|
|
20908
|
+
var mergedStartInputOptions = _objectSpread2(_objectSpread2(_objectSpread2({}, resolvedStartInputOptions), resolvedStartInputOptions['aria-label'] ? {
|
|
20909
|
+
'aria-label': resolvedStartInputOptions['aria-label']
|
|
20910
|
+
} : {}), resolvedStartInputOptions['aria-labelledby'] || ariaLabelledBy ? {
|
|
20911
|
+
'aria-labelledby': resolvedStartInputOptions['aria-labelledby'] || ariaLabelledBy
|
|
20912
|
+
} : {});
|
|
20913
|
+
var mergedEndInputOptions = _objectSpread2(_objectSpread2(_objectSpread2({}, resolvedEndInputOptions), resolvedEndInputOptions['aria-label'] ? {
|
|
20914
|
+
'aria-label': resolvedEndInputOptions['aria-label']
|
|
20915
|
+
} : {}), resolvedEndInputOptions['aria-labelledby'] || ariaLabelledBy ? {
|
|
20916
|
+
'aria-labelledby': resolvedEndInputOptions['aria-labelledby'] || ariaLabelledBy
|
|
20917
|
+
} : {});
|
|
20618
20918
|
var trigger = singleInput ? /*#__PURE__*/React.createElement(SingleInputTrigger, {
|
|
20619
20919
|
inputFormat: inputFormat,
|
|
20620
20920
|
inputOptions: mergedSingleInputOptions,
|
|
20621
20921
|
validators: validators,
|
|
20622
20922
|
state: this.state,
|
|
20623
|
-
setState: this.setState.bind(this)
|
|
20923
|
+
setState: this.setState.bind(this),
|
|
20924
|
+
inputRef: this.singleInputRef,
|
|
20925
|
+
onInputKeyDown: this.onInputKeyDown('single')
|
|
20624
20926
|
}) : /*#__PURE__*/React.createElement(Trigger, {
|
|
20625
20927
|
inputFormat: inputFormat,
|
|
20626
20928
|
startInputOptions: mergedStartInputOptions,
|
|
20627
20929
|
endInputOptions: mergedEndInputOptions,
|
|
20628
20930
|
validators: validators,
|
|
20629
20931
|
state: this.state,
|
|
20630
|
-
setState: this.setState.bind(this)
|
|
20932
|
+
setState: this.setState.bind(this),
|
|
20933
|
+
startInputRef: this.startInputRef,
|
|
20934
|
+
endInputRef: this.endInputRef,
|
|
20935
|
+
onStartInputKeyDown: this.onInputKeyDown('start'),
|
|
20936
|
+
onEndInputKeyDown: this.onInputKeyDown('end'),
|
|
20937
|
+
onStartInputActivate: function onStartInputActivate() {
|
|
20938
|
+
_this2.lastFocusedInput = 'start';
|
|
20939
|
+
},
|
|
20940
|
+
onEndInputActivate: function onEndInputActivate() {
|
|
20941
|
+
_this2.lastFocusedInput = 'end';
|
|
20942
|
+
}
|
|
20631
20943
|
});
|
|
20632
20944
|
return /*#__PURE__*/React.createElement(Popover, {
|
|
20633
20945
|
trigger: trigger,
|
|
@@ -20671,8 +20983,8 @@ _defineProperty$1(DateRangePicker, "defaultProps", _objectSpread2(_objectSpread2
|
|
|
20671
20983
|
}
|
|
20672
20984
|
}));
|
|
20673
20985
|
|
|
20674
|
-
var css_248z$o = "/* tabs */\n\n.tabs-module-TabsWrapper-WFui--4-
|
|
20675
|
-
var styles$n = {"TabsWrapper":"tabs-module-TabsWrapper-WFui--4-
|
|
20986
|
+
var css_248z$o = "/* 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";
|
|
20987
|
+
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"};
|
|
20676
20988
|
styleInject(css_248z$o);
|
|
20677
20989
|
|
|
20678
20990
|
var TabsWrapper = function TabsWrapper(props) {
|
|
@@ -20874,6 +21186,7 @@ var Tabs = function Tabs(props) {
|
|
|
20874
21186
|
"data-test": "DesignSystem-DismissibleTabs--Icon",
|
|
20875
21187
|
name: "clear",
|
|
20876
21188
|
appearance: iconAppearance,
|
|
21189
|
+
"aria-label": label ? "Close ".concat(label, " tab") : 'Close tab',
|
|
20877
21190
|
className: dismissIconClass(disabled),
|
|
20878
21191
|
onClick: !disabled ? onCloseHandler : undefined,
|
|
20879
21192
|
tabIndex: disabled ? -1 : 0,
|
|
@@ -21718,8 +22031,8 @@ DropzoneBase.defaultProps = {
|
|
|
21718
22031
|
}
|
|
21719
22032
|
};
|
|
21720
22033
|
|
|
21721
|
-
var css_248z$n = ".dropzone-module-Dropzone-srOnly-DLkEf-4-
|
|
21722
|
-
var styles$m = {"Dropzone-srOnly":"dropzone-module-Dropzone-srOnly-DLkEf-4-
|
|
22034
|
+
var css_248z$n = ".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";
|
|
22035
|
+
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"};
|
|
21723
22036
|
styleInject(css_248z$n);
|
|
21724
22037
|
|
|
21725
22038
|
var svgCode = {
|
|
@@ -21859,8 +22172,8 @@ var FileUploaderFormat = function FileUploaderFormat(props) {
|
|
|
21859
22172
|
};
|
|
21860
22173
|
FileUploaderFormat.displayName = 'FileUploaderFormat';
|
|
21861
22174
|
|
|
21862
|
-
var css_248z$m = ".fileUploader-module-FileUploader--Pv73-4-
|
|
21863
|
-
var styles$l = {"FileUploader":"fileUploader-module-FileUploader--Pv73-4-
|
|
22175
|
+
var css_248z$m = ".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";
|
|
22176
|
+
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"};
|
|
21864
22177
|
styleInject(css_248z$m);
|
|
21865
22178
|
|
|
21866
22179
|
var FileUploaderButton = function FileUploaderButton(props) {
|
|
@@ -21965,7 +22278,8 @@ FileUploader.defaultProps = Object.assign({}, FileUploaderButton.defaultProps, {
|
|
|
21965
22278
|
FileUploader.displayName = 'FileUploader';
|
|
21966
22279
|
|
|
21967
22280
|
var FileUploaderStatus = function FileUploaderStatus(props) {
|
|
21968
|
-
var
|
|
22281
|
+
var file = props.file,
|
|
22282
|
+
progress = props.progress,
|
|
21969
22283
|
status = props.status,
|
|
21970
22284
|
onRetry = props.onRetry;
|
|
21971
22285
|
switch (status) {
|
|
@@ -21981,7 +22295,8 @@ var FileUploaderStatus = function FileUploaderStatus(props) {
|
|
|
21981
22295
|
size: "regular",
|
|
21982
22296
|
onClick: onRetry,
|
|
21983
22297
|
icon: "refresh",
|
|
21984
|
-
className: "mr-2"
|
|
22298
|
+
className: "mr-2",
|
|
22299
|
+
"aria-label": "Retry uploading ".concat(file.name)
|
|
21985
22300
|
});
|
|
21986
22301
|
default:
|
|
21987
22302
|
return null;
|
|
@@ -22045,7 +22360,8 @@ var FileUploaderItem = function FileUploaderItem(props) {
|
|
|
22045
22360
|
onClick: function onClick() {
|
|
22046
22361
|
return onDelete && onDelete(file, id);
|
|
22047
22362
|
},
|
|
22048
|
-
icon: "close"
|
|
22363
|
+
icon: "close",
|
|
22364
|
+
"aria-label": "Remove ".concat(name)
|
|
22049
22365
|
}))), status === 'error' && /*#__PURE__*/React.createElement(InlineMessage, {
|
|
22050
22366
|
size: "small",
|
|
22051
22367
|
appearance: "alert",
|
|
@@ -22087,14 +22403,18 @@ FileUploaderList.defaultProps = {
|
|
|
22087
22403
|
};
|
|
22088
22404
|
FileUploaderList.displayName = 'FileUploaderList';
|
|
22089
22405
|
|
|
22090
|
-
var resizeCol = function resizeCol(_ref, name, el) {
|
|
22406
|
+
var resizeCol = function resizeCol(_ref, name, el, pointerX) {
|
|
22091
22407
|
var updateColumnSchema = _ref.updateColumnSchema;
|
|
22092
|
-
var
|
|
22408
|
+
var rect = el === null || el === void 0 ? void 0 : el.getBoundingClientRect();
|
|
22409
|
+
var elX = rect === null || rect === void 0 ? void 0 : rect.x;
|
|
22410
|
+
// Distance between the pointer and the column edge when the drag started, so a
|
|
22411
|
+
// grab anywhere inside the resize hit area keeps the edge under the cursor.
|
|
22412
|
+
var grabOffset = rect && pointerX !== undefined ? rect.right - pointerX : 0;
|
|
22093
22413
|
function resizable(ev) {
|
|
22094
22414
|
ev.preventDefault();
|
|
22095
22415
|
if (elX) {
|
|
22096
22416
|
updateColumnSchema(name, {
|
|
22097
|
-
width: ev.pageX - elX
|
|
22417
|
+
width: ev.pageX - elX + grabOffset
|
|
22098
22418
|
});
|
|
22099
22419
|
}
|
|
22100
22420
|
}
|
|
@@ -22873,10 +23193,10 @@ var HeaderCell = function HeaderCell(props) {
|
|
|
22873
23193
|
minWidth: 176
|
|
22874
23194
|
}))), schema.resizable && /*#__PURE__*/React.createElement("span", {
|
|
22875
23195
|
className: gridStyles['Grid-cellResize'],
|
|
22876
|
-
onMouseDown: function onMouseDown() {
|
|
23196
|
+
onMouseDown: function onMouseDown(event) {
|
|
22877
23197
|
resizeCol({
|
|
22878
23198
|
updateColumnSchema: updateColumnSchema
|
|
22879
|
-
}, name, el.current);
|
|
23199
|
+
}, name, el.current, event.clientX);
|
|
22880
23200
|
setIsDragged(false);
|
|
22881
23201
|
},
|
|
22882
23202
|
onDoubleClick: autoFitColumn,
|
|
@@ -24592,6 +24912,7 @@ var GridCell = function GridCell(props) {
|
|
|
24592
24912
|
};
|
|
24593
24913
|
GridCell.displayName = 'GridCell';
|
|
24594
24914
|
|
|
24915
|
+
var FOCUSABLE_SELECTOR = 'input[type="checkbox"]:not([disabled]), button:not([disabled])';
|
|
24595
24916
|
var DraggableDropdown = function DraggableDropdown(props) {
|
|
24596
24917
|
var options = props.options,
|
|
24597
24918
|
onChange = props.onChange;
|
|
@@ -24635,10 +24956,14 @@ var DraggableDropdown = function DraggableDropdown(props) {
|
|
|
24635
24956
|
setOpen(newOpen);
|
|
24636
24957
|
};
|
|
24637
24958
|
var onCancelHandler = function onCancelHandler() {
|
|
24959
|
+
var _triggerRef$current;
|
|
24638
24960
|
setOpen(false);
|
|
24961
|
+
(_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 || _triggerRef$current.focus();
|
|
24639
24962
|
};
|
|
24640
24963
|
var onApplyHandler = function onApplyHandler() {
|
|
24964
|
+
var _triggerRef$current2;
|
|
24641
24965
|
setOpen(false);
|
|
24966
|
+
(_triggerRef$current2 = triggerRef.current) === null || _triggerRef$current2 === void 0 || _triggerRef$current2.focus();
|
|
24642
24967
|
if (onChange) onChange(tempOptions);
|
|
24643
24968
|
};
|
|
24644
24969
|
var onReorderHandleClick = function onReorderHandleClick(index) {
|
|
@@ -24670,20 +24995,44 @@ var DraggableDropdown = function DraggableDropdown(props) {
|
|
|
24670
24995
|
if (e.key === 'ArrowDown') {
|
|
24671
24996
|
e.preventDefault();
|
|
24672
24997
|
setOpen(true);
|
|
24673
|
-
|
|
24674
|
-
|
|
24675
|
-
|
|
24676
|
-
|
|
24677
|
-
|
|
24998
|
+
}
|
|
24999
|
+
};
|
|
25000
|
+
var getFocusableElements = function getFocusableElements() {
|
|
25001
|
+
var _dropdownRef$current$, _dropdownRef$current;
|
|
25002
|
+
return Array.from((_dropdownRef$current$ = (_dropdownRef$current = dropdownRef.current) === null || _dropdownRef$current === void 0 ? void 0 : _dropdownRef$current.querySelectorAll(FOCUSABLE_SELECTOR)) !== null && _dropdownRef$current$ !== void 0 ? _dropdownRef$current$ : []);
|
|
25003
|
+
};
|
|
25004
|
+
var focusFirstControl = React.useCallback(function () {
|
|
25005
|
+
var _dropdownRef$current2;
|
|
25006
|
+
(_dropdownRef$current2 = dropdownRef.current) === null || _dropdownRef$current2 === void 0 || (_dropdownRef$current2 = _dropdownRef$current2.querySelector(FOCUSABLE_SELECTOR)) === null || _dropdownRef$current2 === void 0 || _dropdownRef$current2.focus();
|
|
25007
|
+
}, []);
|
|
25008
|
+
var setDialogRef = React.useCallback(function (node) {
|
|
25009
|
+
dropdownRef.current = node;
|
|
25010
|
+
if (node) focusFirstControl();
|
|
25011
|
+
}, [focusFirstControl]);
|
|
25012
|
+
React.useLayoutEffect(function () {
|
|
25013
|
+
if (open) focusFirstControl();
|
|
25014
|
+
}, [open, focusFirstControl]);
|
|
25015
|
+
var onDialogKeyDown = function onDialogKeyDown(e) {
|
|
25016
|
+
if (e.key !== 'Tab') return;
|
|
25017
|
+
var focusable = getFocusableElements();
|
|
25018
|
+
if (!focusable.length) return;
|
|
25019
|
+
var first = focusable[0];
|
|
25020
|
+
var last = focusable[focusable.length - 1];
|
|
25021
|
+
if (e.shiftKey && document.activeElement === first) {
|
|
25022
|
+
e.preventDefault();
|
|
25023
|
+
last.focus();
|
|
25024
|
+
} else if (!e.shiftKey && document.activeElement === last) {
|
|
25025
|
+
e.preventDefault();
|
|
25026
|
+
first.focus();
|
|
24678
25027
|
}
|
|
24679
25028
|
};
|
|
24680
25029
|
React.useEffect(function () {
|
|
24681
25030
|
if (!open) return;
|
|
24682
25031
|
var handleEscape = function handleEscape(e) {
|
|
24683
25032
|
if (e.key === 'Escape') {
|
|
24684
|
-
var _triggerRef$
|
|
25033
|
+
var _triggerRef$current3;
|
|
24685
25034
|
setOpen(false);
|
|
24686
|
-
(_triggerRef$
|
|
25035
|
+
(_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 || _triggerRef$current3.focus();
|
|
24687
25036
|
}
|
|
24688
25037
|
};
|
|
24689
25038
|
document.addEventListener('keydown', handleEscape);
|
|
@@ -24718,7 +25067,11 @@ var DraggableDropdown = function DraggableDropdown(props) {
|
|
|
24718
25067
|
},
|
|
24719
25068
|
className: gridStyles['Header-draggableDropdown']
|
|
24720
25069
|
}, /*#__PURE__*/React.createElement("div", {
|
|
24721
|
-
ref:
|
|
25070
|
+
ref: setDialogRef,
|
|
25071
|
+
role: "dialog",
|
|
25072
|
+
"aria-modal": "true",
|
|
25073
|
+
"aria-label": "Choose columns",
|
|
25074
|
+
onKeyDown: onDialogKeyDown
|
|
24722
25075
|
}, /*#__PURE__*/React.createElement("div", {
|
|
24723
25076
|
className: gridStyles['Dropdown-wrapper']
|
|
24724
25077
|
}, /*#__PURE__*/React.createElement("div", {
|
|
@@ -24794,8 +25147,8 @@ var DraggableDropdown = function DraggableDropdown(props) {
|
|
|
24794
25147
|
}, "Apply")))));
|
|
24795
25148
|
};
|
|
24796
25149
|
|
|
24797
|
-
var css_248z$l = ".table-module-Table--qR8j-4-
|
|
24798
|
-
var tableStyles = {"Table":"table-module-Table--qR8j-4-
|
|
25150
|
+
var css_248z$l = ".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";
|
|
25151
|
+
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"};
|
|
24799
25152
|
styleInject(css_248z$l);
|
|
24800
25153
|
|
|
24801
25154
|
var Header = function Header(props) {
|
|
@@ -25795,8 +26148,8 @@ var List = function List(props) {
|
|
|
25795
26148
|
};
|
|
25796
26149
|
List.defaultProps = defaultProps;
|
|
25797
26150
|
|
|
25798
|
-
var css_248z$k = "/* Navigation */\n\n.navigation-module-Navigation-fsK-Z-4-
|
|
25799
|
-
var styles$k = {"Navigation":"navigation-module-Navigation-fsK-Z-4-
|
|
26151
|
+
var css_248z$k = "/* 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";
|
|
26152
|
+
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"};
|
|
25800
26153
|
styleInject(css_248z$k);
|
|
25801
26154
|
|
|
25802
26155
|
var useState$1 = React.useState;
|
|
@@ -26280,8 +26633,8 @@ PageHeader.defaultProps = {
|
|
|
26280
26633
|
separator: true
|
|
26281
26634
|
};
|
|
26282
26635
|
|
|
26283
|
-
var css_248z$j = ".fileList-module-FileIcon-01qzb-4-
|
|
26284
|
-
var styles$j = {"FileIcon":"fileList-module-FileIcon-01qzb-4-
|
|
26636
|
+
var css_248z$j = ".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";
|
|
26637
|
+
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"};
|
|
26285
26638
|
styleInject(css_248z$j);
|
|
26286
26639
|
|
|
26287
26640
|
var useEffect = React.useEffect,
|
|
@@ -26616,8 +26969,8 @@ VerificationCodeInput.defaultProps = {
|
|
|
26616
26969
|
fields: 4
|
|
26617
26970
|
};
|
|
26618
26971
|
|
|
26619
|
-
var css_248z$i = ".inlineMessage-module-InlineMessage-eYA4x-4-
|
|
26620
|
-
var styles$i = {"InlineMessage":"inlineMessage-module-InlineMessage-eYA4x-4-
|
|
26972
|
+
var css_248z$i = ".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";
|
|
26973
|
+
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"};
|
|
26621
26974
|
styleInject(css_248z$i);
|
|
26622
26975
|
|
|
26623
26976
|
var _excluded$I = ["appearance", "className", "description", "size"];
|
|
@@ -26664,8 +27017,8 @@ InlineMessage.defaultProps = {
|
|
|
26664
27017
|
size: 'regular'
|
|
26665
27018
|
};
|
|
26666
27019
|
|
|
26667
|
-
var css_248z$h = ".choiceList-module-ChoiceList-haiz--4-
|
|
26668
|
-
var styles$h = {"ChoiceList":"choiceList-module-ChoiceList-haiz--4-
|
|
27020
|
+
var css_248z$h = ".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";
|
|
27021
|
+
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"};
|
|
26669
27022
|
styleInject(css_248z$h);
|
|
26670
27023
|
|
|
26671
27024
|
var renderCheckbox = function renderCheckbox(list, handleOnChange, ChoiceListDisabled, size, alignment, selected, wrapLabel) {
|
|
@@ -26800,8 +27153,8 @@ ChoiceList.defaultProps = {
|
|
|
26800
27153
|
disabled: false
|
|
26801
27154
|
};
|
|
26802
27155
|
|
|
26803
|
-
var css_248z$g = ".divider-module-Divider-Fo0Gy-4-
|
|
26804
|
-
var styles$g = {"Divider":"divider-module-Divider-Fo0Gy-4-
|
|
27156
|
+
var css_248z$g = ".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";
|
|
27157
|
+
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"};
|
|
26805
27158
|
styleInject(css_248z$g);
|
|
26806
27159
|
|
|
26807
27160
|
var Divider = function Divider(props) {
|
|
@@ -26861,8 +27214,8 @@ var HelpText = function HelpText(props) {
|
|
|
26861
27214
|
};
|
|
26862
27215
|
HelpText.displayName = 'HelpText';
|
|
26863
27216
|
|
|
26864
|
-
var css_248z$f = ".linkButton-module-LinkButton--eCyD-4-
|
|
26865
|
-
var styles$f = {"LinkButton":"linkButton-module-LinkButton--eCyD-4-
|
|
27217
|
+
var css_248z$f = ".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";
|
|
27218
|
+
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"};
|
|
26866
27219
|
styleInject(css_248z$f);
|
|
26867
27220
|
|
|
26868
27221
|
var _excluded$H = ["children", "type", "className", "disabled", "tabIndex", "icon", "subtle", "size", "iconAlign", "iconType", "tooltip", "onClick", "onKeyDown", "aria-describedby"];
|
|
@@ -26977,8 +27330,8 @@ LinkButton.defaultProps = {
|
|
|
26977
27330
|
iconAlign: 'left'
|
|
26978
27331
|
};
|
|
26979
27332
|
|
|
26980
|
-
var css_248z$e = ".actionCard-module-ActionCard-VTzbo-4-
|
|
26981
|
-
var styles$e = {"ActionCard":"actionCard-module-ActionCard-VTzbo-4-
|
|
27333
|
+
var css_248z$e = ".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";
|
|
27334
|
+
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"};
|
|
26982
27335
|
styleInject(css_248z$e);
|
|
26983
27336
|
|
|
26984
27337
|
var _excluded$G = ["children", "disabled", "className", "zIndex", "onClick"];
|
|
@@ -27080,8 +27433,8 @@ function useSingleSelect() {
|
|
|
27080
27433
|
};
|
|
27081
27434
|
}
|
|
27082
27435
|
|
|
27083
|
-
var css_248z$d = ".selectionCard-module-Selection-card-qn7-q-4-
|
|
27084
|
-
var styles$d = {"Selection-card":"selectionCard-module-Selection-card-qn7-q-4-
|
|
27436
|
+
var css_248z$d = ".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";
|
|
27437
|
+
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"};
|
|
27085
27438
|
styleInject(css_248z$d);
|
|
27086
27439
|
|
|
27087
27440
|
var _excluded$F = ["children", "onClick", "disabled", "id", "cardValue", "overlayZIndex", "selected", "className"];
|
|
@@ -27205,8 +27558,8 @@ var schd = function schd(fn) {
|
|
|
27205
27558
|
return wrapperFn;
|
|
27206
27559
|
};
|
|
27207
27560
|
|
|
27208
|
-
var css_248z$c = ".listbox-module-Listbox-SUVk--4-
|
|
27209
|
-
var styles$c = {"Listbox":"listbox-module-Listbox-SUVk--4-
|
|
27561
|
+
var css_248z$c = ".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";
|
|
27562
|
+
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"};
|
|
27210
27563
|
styleInject(css_248z$c);
|
|
27211
27564
|
|
|
27212
27565
|
var AUTOSCROLL_ACTIVE_OFFSET = 200;
|
|
@@ -28590,8 +28943,8 @@ var SelectionAvatar = function SelectionAvatar(props) {
|
|
|
28590
28943
|
|
|
28591
28944
|
var AvatarSelectionContext = /*#__PURE__*/React.createContext({});
|
|
28592
28945
|
|
|
28593
|
-
var css_248z$b = "/* Selection avatar group */\n.avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
28594
|
-
var styles$b = {"SelectionAvatarGroup":"avatarSelection-module-SelectionAvatarGroup-yS1Px-4-
|
|
28946
|
+
var css_248z$b = "/* 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";
|
|
28947
|
+
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"};
|
|
28595
28948
|
styleInject(css_248z$b);
|
|
28596
28949
|
|
|
28597
28950
|
var SelectionAvatarsWrapper = function SelectionAvatarsWrapper(props) {
|
|
@@ -30489,13 +30842,12 @@ Combobox.Option = ComboboxOption;
|
|
|
30489
30842
|
|
|
30490
30843
|
var SelectContext = /*#__PURE__*/React.createContext({});
|
|
30491
30844
|
|
|
30492
|
-
var css_248z$a = ".select-module-Select-input-E3-1I-4-
|
|
30493
|
-
var styles$a = {"Select-input":"select-module-Select-input-E3-1I-4-
|
|
30845
|
+
var css_248z$a = ".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";
|
|
30846
|
+
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"};
|
|
30494
30847
|
styleInject(css_248z$a);
|
|
30495
30848
|
|
|
30496
|
-
var _excluded$u = ["children", "option", "checkedState", "onClick", "withCheckbox", "disabled", "index"];
|
|
30849
|
+
var _excluded$u = ["children", "option", "checkedState", "onClick", "withCheckbox", "disabled", "index", "aria-label", "aria-labelledby"];
|
|
30497
30850
|
var SelectOption = function SelectOption(props) {
|
|
30498
|
-
var _props$ariaLabel;
|
|
30499
30851
|
var children = props.children,
|
|
30500
30852
|
option = props.option,
|
|
30501
30853
|
checkedState = props.checkedState,
|
|
@@ -30504,6 +30856,8 @@ var SelectOption = function SelectOption(props) {
|
|
|
30504
30856
|
withCheckbox = _props$withCheckbox === void 0 ? true : _props$withCheckbox,
|
|
30505
30857
|
disabled = props.disabled,
|
|
30506
30858
|
index = props.index,
|
|
30859
|
+
ariaLabel = props['aria-label'],
|
|
30860
|
+
ariaLabelledBy = props['aria-labelledby'],
|
|
30507
30861
|
rest = _objectWithoutProperties(props, _excluded$u);
|
|
30508
30862
|
var contextProp = React.useContext(SelectContext);
|
|
30509
30863
|
var onOptionClick = contextProp.onOptionClick,
|
|
@@ -30548,13 +30902,17 @@ var SelectOption = function SelectOption(props) {
|
|
|
30548
30902
|
var checkboxInputId = "".concat(idPrefix, "DesignSystem-SelectOption-checkbox-").concat(idSuffix);
|
|
30549
30903
|
var childCount = React.Children.count(children);
|
|
30550
30904
|
var optionLabelString = typeof option.label === 'string' ? option.label.trim() : '';
|
|
30551
|
-
var checkboxFallbackAriaLabel =
|
|
30905
|
+
var checkboxFallbackAriaLabel = ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : optionLabelString || undefined;
|
|
30552
30906
|
var associateCheckboxWithOptionLabel = childCount > 0;
|
|
30907
|
+
// Naming precedence: explicit aria-labelledby > explicit aria-label > generated labelledby from children > option.label
|
|
30908
|
+
var resolvedOptionLabelledBy = ariaLabelledBy || (!ariaLabel && childCount > 0 ? optionLabelId : undefined);
|
|
30909
|
+
var resolvedOptionAriaLabel = resolvedOptionLabelledBy ? undefined : ariaLabel || optionLabelString || undefined;
|
|
30553
30910
|
return /*#__PURE__*/React.createElement(Listbox.Item, _extends$2({
|
|
30554
30911
|
role: "option",
|
|
30555
30912
|
onClick: onClickHandler,
|
|
30556
30913
|
"aria-selected": checked,
|
|
30557
|
-
"aria-
|
|
30914
|
+
"aria-labelledby": resolvedOptionLabelledBy,
|
|
30915
|
+
"aria-label": resolvedOptionAriaLabel,
|
|
30558
30916
|
onKeyDown: function onKeyDown(event) {
|
|
30559
30917
|
return onKeyDownHandler(event);
|
|
30560
30918
|
},
|
|
@@ -30648,14 +31006,15 @@ SelectList.defaultProps = {
|
|
|
30648
31006
|
tagName: 'ul'
|
|
30649
31007
|
};
|
|
30650
31008
|
|
|
30651
|
-
var _excluded$s = ["triggerSize", "aria-label", "placeholder", "withClearButton", "icon", "disabled", "inlineLabel", "iconType", "onClear", "setLabel", "minWidth", "maxWidth", "aria-invalid", "aria-controls"];
|
|
31009
|
+
var _excluded$s = ["triggerSize", "aria-label", "aria-labelledby", "placeholder", "withClearButton", "clearButtonAriaLabel", "icon", "disabled", "inlineLabel", "iconType", "onClear", "setLabel", "minWidth", "maxWidth", "aria-invalid", "aria-controls"];
|
|
30652
31010
|
var SelectTrigger = function SelectTrigger(props) {
|
|
30653
31011
|
var _props$triggerSize = props.triggerSize,
|
|
30654
31012
|
triggerSize = _props$triggerSize === void 0 ? 'regular' : _props$triggerSize,
|
|
30655
|
-
|
|
30656
|
-
|
|
31013
|
+
ariaLabel = props['aria-label'],
|
|
31014
|
+
ariaLabelledBy = props['aria-labelledby'],
|
|
30657
31015
|
placeholder = props.placeholder,
|
|
30658
31016
|
withClearButton = props.withClearButton,
|
|
31017
|
+
clearButtonAriaLabel = props.clearButtonAriaLabel,
|
|
30659
31018
|
icon = props.icon,
|
|
30660
31019
|
disabled = props.disabled,
|
|
30661
31020
|
inlineLabel = props.inlineLabel,
|
|
@@ -30719,6 +31078,9 @@ var SelectTrigger = function SelectTrigger(props) {
|
|
|
30719
31078
|
var iconClass = classnames('align-items-center', 'mr-2', 'ml-3', 'p-3-5', styles$a['Select-crossButton']);
|
|
30720
31079
|
var iconSize = triggerSize === 'small' ? 14 : 16;
|
|
30721
31080
|
var triggerTextSize = triggerSize === 'small' ? 'small' : 'regular';
|
|
31081
|
+
// Prefer explicit naming; otherwise mirror the visible placeholder so AccName matches trigger text (2.5.3).
|
|
31082
|
+
var resolvedAriaLabel = ariaLabelledBy ? undefined : ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : trimmedPlaceholder;
|
|
31083
|
+
var resolvedClearButtonAriaLabel = clearButtonAriaLabel || (ariaLabel ? "Clear ".concat(ariaLabel) : undefined) || (trimmedPlaceholder ? "Clear ".concat(trimmedPlaceholder) : undefined) || 'Clear selection';
|
|
30722
31084
|
return /*#__PURE__*/React.createElement(Tooltip, {
|
|
30723
31085
|
showOnTruncation: true,
|
|
30724
31086
|
showTooltip: !openPopover,
|
|
@@ -30739,7 +31101,8 @@ var SelectTrigger = function SelectTrigger(props) {
|
|
|
30739
31101
|
"aria-controls": ariaControls,
|
|
30740
31102
|
"aria-expanded": openPopover,
|
|
30741
31103
|
"aria-haspopup": "listbox",
|
|
30742
|
-
"aria-label":
|
|
31104
|
+
"aria-label": resolvedAriaLabel,
|
|
31105
|
+
"aria-labelledby": ariaLabelledBy,
|
|
30743
31106
|
"data-test": "DesignSystem-Select-trigger"
|
|
30744
31107
|
}, rest), /*#__PURE__*/React.createElement("div", {
|
|
30745
31108
|
className: triggerClass
|
|
@@ -30764,7 +31127,7 @@ var SelectTrigger = function SelectTrigger(props) {
|
|
|
30764
31127
|
onKeyDown: function onKeyDown(e) {
|
|
30765
31128
|
return e.stopPropagation();
|
|
30766
31129
|
},
|
|
30767
|
-
"aria-label":
|
|
31130
|
+
"aria-label": resolvedClearButtonAriaLabel,
|
|
30768
31131
|
"data-test": "DesignSystem-Select--closeIcon"
|
|
30769
31132
|
}, /*#__PURE__*/React.createElement(Icon, {
|
|
30770
31133
|
appearance: buttonDisabled,
|
|
@@ -30910,6 +31273,8 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
30910
31273
|
styleType = _props$styleType === void 0 ? 'filled' : _props$styleType,
|
|
30911
31274
|
_props$error = props.error,
|
|
30912
31275
|
error = _props$error === void 0 ? false : _props$error,
|
|
31276
|
+
ariaLabelProp = props['aria-label'],
|
|
31277
|
+
ariaLabelledByProp = props['aria-labelledby'],
|
|
30913
31278
|
ariaDescribedByProp = props['aria-describedby'],
|
|
30914
31279
|
ariaErrormessageProp = props['aria-errormessage'],
|
|
30915
31280
|
trapFocus = props.trapFocus;
|
|
@@ -30960,7 +31325,11 @@ var Select = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
30960
31325
|
var WrapperStyle = trigger ? {} : {
|
|
30961
31326
|
width: width
|
|
30962
31327
|
};
|
|
30963
|
-
var mergedTriggerOptions = _objectSpread2(_objectSpread2(_objectSpread2({}, triggerOptions), (triggerOptions == null || triggerOptions['aria-
|
|
31328
|
+
var mergedTriggerOptions = _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({}, triggerOptions), (triggerOptions == null || triggerOptions['aria-label'] == null) && ariaLabelProp ? {
|
|
31329
|
+
'aria-label': ariaLabelProp
|
|
31330
|
+
} : {}), (triggerOptions == null || triggerOptions['aria-labelledby'] == null) && ariaLabelledByProp ? {
|
|
31331
|
+
'aria-labelledby': ariaLabelledByProp
|
|
31332
|
+
} : {}), (triggerOptions == null || triggerOptions['aria-describedby'] == null) && ariaDescribedByProp ? {
|
|
30964
31333
|
'aria-describedby': ariaDescribedByProp
|
|
30965
31334
|
} : {}), (triggerOptions == null || triggerOptions['aria-errormessage'] == null) && ariaErrormessageProp ? {
|
|
30966
31335
|
'aria-errormessage': ariaErrormessageProp
|
|
@@ -31248,8 +31617,8 @@ Select.SearchInput = SearchInput;
|
|
|
31248
31617
|
Select.EmptyTemplate = SelectEmptyTemplate;
|
|
31249
31618
|
Select.Footer = SelectFooter;
|
|
31250
31619
|
|
|
31251
|
-
var css_248z$9 = ".menu-module-Menu-AK6Tm-4-
|
|
31252
|
-
var styles$9 = {"Menu":"menu-module-Menu-AK6Tm-4-
|
|
31620
|
+
var css_248z$9 = ".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";
|
|
31621
|
+
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"};
|
|
31253
31622
|
styleInject(css_248z$9);
|
|
31254
31623
|
|
|
31255
31624
|
var _excluded$o = ["label", "children", "showDivider"];
|
|
@@ -31890,8 +32259,8 @@ var DateSeparator = function DateSeparator(props) {
|
|
|
31890
32259
|
}, rest), date);
|
|
31891
32260
|
};
|
|
31892
32261
|
|
|
31893
|
-
var css_248z$8 = ".chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
31894
|
-
var styles$8 = {"Chat-UnreadMessage":"chatSeparator-module-Chat-UnreadMessage-JFwqI-4-
|
|
32262
|
+
var css_248z$8 = ".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";
|
|
32263
|
+
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"};
|
|
31895
32264
|
styleInject(css_248z$8);
|
|
31896
32265
|
|
|
31897
32266
|
var _excluded$i = ["text", "className"];
|
|
@@ -31986,8 +32355,8 @@ var TypingIndicator = function TypingIndicator(props) {
|
|
|
31986
32355
|
}, rest), text);
|
|
31987
32356
|
};
|
|
31988
32357
|
|
|
31989
|
-
var css_248z$7 = ".chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
31990
|
-
var styles$7 = {"ChatBubble-box--outgoing":"chatBubble-module-ChatBubble-box--outgoing-YSk5I-4-
|
|
32358
|
+
var css_248z$7 = ".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";
|
|
32359
|
+
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"};
|
|
31991
32360
|
styleInject(css_248z$7);
|
|
31992
32361
|
|
|
31993
32362
|
var _excluded$f = ["time", "metaData", "urgentMessage", "avatarData", "showAvatar", "children", "actionBar"];
|
|
@@ -32233,8 +32602,8 @@ var ChatBubble = function ChatBubble(props) {
|
|
|
32233
32602
|
};
|
|
32234
32603
|
ChatBubble.displayName = 'ChatBubble';
|
|
32235
32604
|
|
|
32236
|
-
var css_248z$6 = ".chatInput-module-ChatInput-eHNHD-4-
|
|
32237
|
-
var styles$6 = {"ChatInput":"chatInput-module-ChatInput-eHNHD-4-
|
|
32605
|
+
var css_248z$6 = ".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";
|
|
32606
|
+
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"};
|
|
32238
32607
|
styleInject(css_248z$6);
|
|
32239
32608
|
|
|
32240
32609
|
var _excluded$c = ["defaultValue", "showStopButton", "onChange", "onSend", "disabled", "readOnly", "actionRenderer", "onStopGenerating", "className", "aria-label"];
|
|
@@ -32366,8 +32735,8 @@ Chat.TypingIndicator = TypingIndicator;
|
|
|
32366
32735
|
Chat.ChatBubble = ChatBubble;
|
|
32367
32736
|
Chat.ChatInput = ChatInput;
|
|
32368
32737
|
|
|
32369
|
-
var css_248z$5 = ".meter-module-Meter-2i-mO-4-
|
|
32370
|
-
var styles$5 = {"Meter":"meter-module-Meter-2i-mO-4-
|
|
32738
|
+
var css_248z$5 = ".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";
|
|
32739
|
+
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"};
|
|
32371
32740
|
styleInject(css_248z$5);
|
|
32372
32741
|
|
|
32373
32742
|
var Step = function Step(props) {
|
|
@@ -32543,8 +32912,8 @@ Meter.useMeterValues = useMeterValues;
|
|
|
32543
32912
|
|
|
32544
32913
|
var SegmentedControlContext = /*#__PURE__*/React.createContext(null);
|
|
32545
32914
|
|
|
32546
|
-
var css_248z$4 = ".segmentedControl-module-SegmentedControl-vkYC9-4-
|
|
32547
|
-
var styles$4 = {"SegmentedControl":"segmentedControl-module-SegmentedControl-vkYC9-4-
|
|
32915
|
+
var css_248z$4 = ".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";
|
|
32916
|
+
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"};
|
|
32548
32917
|
styleInject(css_248z$4);
|
|
32549
32918
|
|
|
32550
32919
|
var iconSizeMap = {
|
|
@@ -33051,8 +33420,8 @@ SegmentedControl.Item = SegmentedControlItem;
|
|
|
33051
33420
|
|
|
33052
33421
|
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";
|
|
33053
33422
|
|
|
33054
|
-
var css_248z$3 = ".button-module-AIButton-Hcde0-4-
|
|
33055
|
-
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-
|
|
33423
|
+
var css_248z$3 = ".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";
|
|
33424
|
+
var styles$3 = {"AIButton":"button-module-AIButton-Hcde0-4-28-0-1","AIButton-Icon":"button-module-AIButton-Icon-ITLNV-4-28-0-1"};
|
|
33056
33425
|
styleInject(css_248z$3);
|
|
33057
33426
|
|
|
33058
33427
|
var _excluded$9 = ["appearance", "className", "children", "disabled", "withSparkle"];
|
|
@@ -37158,8 +37527,8 @@ var SaraIconDisabled = function SaraIconDisabled(props) {
|
|
|
37158
37527
|
}))));
|
|
37159
37528
|
};
|
|
37160
37529
|
|
|
37161
|
-
var css_248z$2 = ".iconButton-module-AIIconButton-BtFJz-4-
|
|
37162
|
-
var styles$2 = {"AIIconButton":"iconButton-module-AIIconButton-BtFJz-4-
|
|
37530
|
+
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";
|
|
37531
|
+
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"};
|
|
37163
37532
|
styleInject(css_248z$2);
|
|
37164
37533
|
|
|
37165
37534
|
var SaraIcon = function SaraIcon(props) {
|
|
@@ -37235,8 +37604,8 @@ AIIconButton.defaultProps = {
|
|
|
37235
37604
|
strokeColor: 'var(--text-white)'
|
|
37236
37605
|
};
|
|
37237
37606
|
|
|
37238
|
-
var css_248z$1 = ".chip-module-AIChip-BtOef-4-
|
|
37239
|
-
var styles$1 = {"AIChip":"chip-module-AIChip-BtOef-4-
|
|
37607
|
+
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";
|
|
37608
|
+
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"};
|
|
37240
37609
|
styleInject(css_248z$1);
|
|
37241
37610
|
|
|
37242
37611
|
var _excluded$5 = ["label", "icon", "disabled", "name", "className"];
|
|
@@ -37269,8 +37638,8 @@ var AIChip = function AIChip(props) {
|
|
|
37269
37638
|
}));
|
|
37270
37639
|
};
|
|
37271
37640
|
|
|
37272
|
-
var css_248z = ".chat-module-AIResponse-container--glow-33hYs-4-
|
|
37273
|
-
var styles = {"AIResponse-container--glow":"chat-module-AIResponse-container--glow-33hYs-4-
|
|
37641
|
+
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";
|
|
37642
|
+
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"};
|
|
37274
37643
|
styleInject(css_248z);
|
|
37275
37644
|
|
|
37276
37645
|
var _excluded$4 = ["children", "className", "showGlow"];
|
|
@@ -37374,6 +37743,6 @@ AIResponse.Button = ChatButton;
|
|
|
37374
37743
|
AIResponse.ActionBar = ChatActionBar;
|
|
37375
37744
|
AIResponse.Body = ChatBody;
|
|
37376
37745
|
|
|
37377
|
-
var version = "4.
|
|
37746
|
+
var version = "4.28.0-1";
|
|
37378
37747
|
|
|
37379
37748
|
export { AIButton, AIChip, AIIconButton, AIResponse, ActionCard, Avatar, AvatarGroup, AvatarSelection, Backdrop, Badge, Breadcrumbs, Button, Calendar, Caption, Card, CardBody, CardFooter, CardHeader, CardSubdued, Chat, ChatMessage, Checkbox, Chip, ChipGroup, ChipInput, ChoiceList, Collapsible, Column, Combobox, DatePicker, DateRangePicker, Dialog, Divider, Dropdown, Dropzone, EditableChipInput, EditableDropdown, EditableInput, EmptyState, FileList, FileUploader, FileUploaderList, Flex, FullscreenModal, Grid, GridCell, Heading, HelpText, HorizontalNav, Icon, InlineMessage, Input, X as InputMask, KeyValuePair, Label, Legend, Link, LinkButton, List, Listbox, MdsGrid, Menu, Message, MetaList, Meter, MetricInput, Modal, ModalBody, ModalDescription, ModalFooter, ModalHeader, MultiSlider, Navigation, OutsideClick, PageHeader, Pagination, Paragraph, Pills, Placeholder, PlaceholderImage, PlaceholderParagraph, Popover, ProgressBar, ProgressRing, Radio, RangeSlider, Row, Sara, SaraSparkle, SegmentedControl, Select, SelectionCard, Sidesheet, Slider, Spinner, StatusHint, Stepper, Subheading, Switch, Tab, Table, Tabs, TabsWrapper, Text$1 as Text, TextField, Textarea, TimePicker, Toast, Tooltip, index as Utils, VerificationCodeInput, VerticalNav, version };
|