@muraldevkit/ui-toolkit 4.65.3-dev-IWCo.1 → 4.66.0-dev-avUr.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/dist/cjs/components/avatar/MrlAvatar/MrlAvatar.js +127 -0
- package/dist/cjs/components/avatar/MrlAvatar/MrlAvatar.module.css +102 -0
- package/dist/cjs/components/avatar/MrlAvatar/MrlAvatar.module.scss.js +15 -0
- package/dist/cjs/components/avatar/MrlAvatar/index.js +17 -0
- package/dist/cjs/components/avatar/MrlAvatarButton/MrlAvatarButton.js +91 -0
- package/dist/cjs/components/avatar/MrlAvatarButton/MrlAvatarButton.module.css +251 -0
- package/dist/cjs/components/avatar/MrlAvatarButton/MrlAvatarButton.module.scss.js +11 -0
- package/dist/cjs/components/avatar/MrlAvatarButton/index.js +17 -0
- package/dist/cjs/components/avatar/index.js +18 -0
- package/dist/cjs/components/badge/MrlBadge/MrlBadge.js +79 -0
- package/dist/cjs/components/badge/MrlBadge/MrlBadge.module.css +38 -0
- package/dist/cjs/components/badge/MrlBadge/MrlBadge.module.scss.js +10 -0
- package/dist/cjs/components/badge/MrlBadge/index.js +17 -0
- package/dist/cjs/components/badge/MrlBadgeNotification/MrlBadgeNotification.js +59 -0
- package/dist/cjs/components/badge/MrlBadgeNotification/MrlBadgeNotification.module.css +37 -0
- package/dist/cjs/components/badge/MrlBadgeNotification/MrlBadgeNotification.module.scss.js +8 -0
- package/dist/cjs/components/badge/MrlBadgeNotification/index.js +17 -0
- package/dist/cjs/components/badge/index.js +18 -0
- package/dist/cjs/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.js +77 -0
- package/dist/cjs/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.module.css +148 -0
- package/dist/cjs/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.module.scss.js +13 -0
- package/dist/cjs/components/breadcrumb/MrlBreadcrumbItem/index.js +17 -0
- package/dist/cjs/components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.js +43 -0
- package/dist/cjs/components/breadcrumb/MrlBreadcrumbSeparator/index.js +17 -0
- package/dist/cjs/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.js +79 -0
- package/dist/cjs/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.module.css +5 -0
- package/dist/cjs/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.module.scss.js +6 -0
- package/dist/cjs/components/breadcrumb/MrlBreadcrumbs/index.js +17 -0
- package/dist/cjs/components/breadcrumb/index.js +19 -0
- package/dist/cjs/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.css +575 -0
- package/dist/cjs/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.js +177 -0
- package/dist/cjs/components/button/MrlAnimatedIconButton/index.js +5 -0
- package/dist/cjs/components/button/MrlButton/MrlButton.global.css +636 -0
- package/dist/cjs/components/button/MrlButton/MrlButton.js +95 -0
- package/dist/cjs/components/button/MrlButton/index.js +17 -0
- package/dist/cjs/components/button/MrlIconButton/MrlIconButton.css +562 -0
- package/dist/cjs/components/button/MrlIconButton/MrlIconButton.js +125 -0
- package/dist/cjs/components/button/MrlIconButton/index.js +17 -0
- package/dist/cjs/components/button/MrlProcessingButton/MrlProcessingButton.js +122 -0
- package/dist/cjs/components/button/MrlProcessingButton/MrlProcessingButton.module.css +6 -0
- package/dist/cjs/components/button/MrlProcessingButton/MrlProcessingButton.module.scss.js +7 -0
- package/dist/cjs/components/button/MrlProcessingButton/actions.js +39 -0
- package/dist/cjs/components/button/MrlProcessingButton/index.js +18 -0
- package/dist/cjs/components/button/constants.js +40 -0
- package/dist/cjs/components/button/helpers.js +70 -0
- package/dist/cjs/components/button/index.js +20 -0
- package/dist/cjs/components/callout/MrlCallout/MrlCallout.js +106 -0
- package/dist/cjs/components/callout/MrlCallout/MrlCallout.module.css +158 -0
- package/dist/cjs/components/callout/MrlCallout/MrlCallout.module.scss.js +16 -0
- package/dist/cjs/components/callout/MrlCallout/index.js +17 -0
- package/dist/cjs/components/callout/index.js +17 -0
- package/dist/cjs/components/container/MrlContainer/MrlContainer.js +64 -0
- package/dist/cjs/components/container/MrlContainer/MrlContainer.module.css +42 -0
- package/dist/cjs/components/container/MrlContainer/MrlContainer.module.scss.js +11 -0
- package/dist/cjs/components/container/MrlContainer/index.js +5 -0
- package/dist/cjs/components/container/constants.js +13 -0
- package/dist/cjs/components/container/index.js +5 -0
- package/dist/cjs/components/divider/MrlDivider/MrlDivider.js +86 -0
- package/dist/cjs/components/divider/MrlDivider/MrlDivider.module.css +59 -0
- package/dist/cjs/components/divider/MrlDivider/MrlDivider.module.scss.js +15 -0
- package/dist/cjs/components/divider/MrlDivider/index.js +5 -0
- package/dist/cjs/components/divider/constants.js +19 -0
- package/dist/cjs/components/divider/index.js +5 -0
- package/dist/cjs/components/empty/MrlEmpty.module.css +23 -0
- package/dist/cjs/components/empty/MrlEmpty.module.scss.js +11 -0
- package/dist/cjs/components/empty/default/MrlEmpty.js +65 -0
- package/dist/cjs/components/empty/default/index.js +17 -0
- package/dist/cjs/components/empty/index.js +18 -0
- package/dist/cjs/components/empty/large/MrlEmptyLarge.js +65 -0
- package/dist/cjs/components/empty/large/index.js +17 -0
- package/dist/cjs/components/error-boundary/MrlErrorBoundary.js +85 -0
- package/dist/cjs/components/error-boundary/index.js +17 -0
- package/dist/cjs/components/filter/MrlFilter/MrlFilter.js +58 -0
- package/dist/cjs/components/filter/MrlFilter/MrlFilter.module.css +5 -0
- package/dist/cjs/components/filter/MrlFilter/MrlFilter.module.scss.js +6 -0
- package/dist/cjs/components/filter/MrlFilter/index.js +17 -0
- package/dist/cjs/components/filter/MrlFilterContext/MrlFilterContext.js +82 -0
- package/dist/cjs/components/filter/MrlFilterContext/index.js +17 -0
- package/dist/cjs/components/filter/MrlFilterItem/MrlFilterItem.js +72 -0
- package/dist/cjs/components/filter/MrlFilterItem/MrlFilterItem.module.css +158 -0
- package/dist/cjs/components/filter/MrlFilterItem/MrlFilterItem.module.scss.js +11 -0
- package/dist/cjs/components/filter/MrlFilterItem/index.js +17 -0
- package/dist/cjs/components/filter/index.js +19 -0
- package/dist/cjs/components/focus-trap/MrlFocusTrap/MrlFocusTrap.js +68 -0
- package/dist/cjs/components/focus-trap/MrlFocusTrap/index.js +5 -0
- package/dist/cjs/components/focus-trap/index.js +5 -0
- package/dist/cjs/components/form/checkbox/MrlCheckbox/MrlCheckbox.global.css +97 -0
- package/dist/cjs/components/form/checkbox/MrlCheckbox/MrlCheckbox.js +77 -0
- package/dist/cjs/components/form/checkbox/MrlCheckbox/MrlCheckbox.module.css +98 -0
- package/dist/cjs/components/form/checkbox/MrlCheckbox/MrlCheckbox.module.scss.js +13 -0
- package/dist/cjs/components/form/checkbox/MrlCheckbox/index.js +17 -0
- package/dist/cjs/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.global.css +218 -0
- package/dist/cjs/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.js +84 -0
- package/dist/cjs/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.module.css +148 -0
- package/dist/cjs/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.module.scss.js +13 -0
- package/dist/cjs/components/form/checkbox/MrlCheckboxStandalone/index.js +17 -0
- package/dist/cjs/components/form/constants.js +78 -0
- package/dist/cjs/components/form/date-picker/MrlDatePicker.js +105 -0
- package/dist/cjs/components/form/date-picker/MrlDatePicker.module.css +185 -0
- package/dist/cjs/components/form/date-picker/MrlDatePicker.module.scss.js +18 -0
- package/dist/cjs/components/form/date-picker/index.js +17 -0
- package/dist/cjs/components/form/fieldset/MrlFieldset/MrlFieldset.js +60 -0
- package/dist/cjs/components/form/fieldset/MrlFieldset/MrlFieldset.module.css +107 -0
- package/dist/cjs/components/form/fieldset/MrlFieldset/MrlFieldset.module.scss.js +14 -0
- package/dist/cjs/components/form/fieldset/MrlFieldset/index.js +17 -0
- package/dist/cjs/components/form/hooks/useActiveColor.js +24 -0
- package/dist/cjs/components/form/hooks/useIsEditable.js +43 -0
- package/dist/cjs/components/form/index.js +35 -0
- package/dist/cjs/components/form/label/MrlLabel/MrlLabel.js +66 -0
- package/dist/cjs/components/form/label/MrlLabel/MrlLabel.module.css +107 -0
- package/dist/cjs/components/form/label/MrlLabel/MrlLabel.module.scss.js +14 -0
- package/dist/cjs/components/form/label/MrlLabel/index.js +17 -0
- package/dist/cjs/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.js +73 -0
- package/dist/cjs/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.module.css +64 -0
- package/dist/cjs/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.module.scss.js +14 -0
- package/dist/cjs/components/form/label/MrlLabelWithDescription/index.js +17 -0
- package/dist/cjs/components/form/legacy-select/MrlLegacySelect/MrlLegacySelect.js +295 -0
- package/dist/cjs/components/form/legacy-select/MrlLegacySelect/MrlLegacySelect.module.css +319 -0
- package/dist/cjs/components/form/legacy-select/MrlLegacySelect/MrlLegacySelect.module.scss.js +23 -0
- package/dist/cjs/components/form/legacy-select/MrlLegacySelect/index.js +5 -0
- package/dist/cjs/components/form/legacy-select/MrlLegacySelectItem/MrlLegacySelectItem.js +152 -0
- package/dist/cjs/components/form/legacy-select/MrlLegacySelectItem/MrlLegacySelectItem.module.css +148 -0
- package/dist/cjs/components/form/legacy-select/MrlLegacySelectItem/MrlLegacySelectItem.module.scss.js +17 -0
- package/dist/cjs/components/form/legacy-select/MrlLegacySelectItem/index.js +5 -0
- package/dist/cjs/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.js +114 -0
- package/dist/cjs/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.module.css +29 -0
- package/dist/cjs/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.module.scss.js +9 -0
- package/dist/cjs/components/form/legacy-select/MrlLegacySelectMenu/index.js +5 -0
- package/dist/cjs/components/form/legacy-select/context/SelectContext.js +113 -0
- package/dist/cjs/components/form/legacy-select/index.js +57 -0
- package/dist/cjs/components/form/legacy-select/stories.data.js +200 -0
- package/dist/cjs/components/form/radio/MrlRadioButton/MrlRadioButton.js +64 -0
- package/dist/cjs/components/form/radio/MrlRadioButton/MrlRadioButton.module.css +7 -0
- package/dist/cjs/components/form/radio/MrlRadioButton/MrlRadioButton.module.scss.js +6 -0
- package/dist/cjs/components/form/radio/MrlRadioButton/index.js +17 -0
- package/dist/cjs/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.global.css +122 -0
- package/dist/cjs/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.js +70 -0
- package/dist/cjs/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.module.css +154 -0
- package/dist/cjs/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.module.scss.js +14 -0
- package/dist/cjs/components/form/radio/MrlRadioButtonStandalone/index.js +17 -0
- package/dist/cjs/components/form/radio/MrlRadioGroup/MrlRadioGroup.js +54 -0
- package/dist/cjs/components/form/radio/MrlRadioGroup/index.js +17 -0
- package/dist/cjs/components/form/select/MrlCreatableSelect/MrlCreatableSelect.js +73 -0
- package/dist/cjs/components/form/select/MrlCreatableSelect/index.js +17 -0
- package/dist/cjs/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.js +73 -0
- package/dist/cjs/components/form/select/MrlMultiCreatableSelect/index.js +17 -0
- package/dist/cjs/components/form/select/MrlMultiSelect/MrlMultiSelect.js +75 -0
- package/dist/cjs/components/form/select/MrlMultiSelect/index.js +17 -0
- package/dist/cjs/components/form/select/MrlSelect/MrlSelect.js +72 -0
- package/dist/cjs/components/form/select/MrlSelect/index.js +17 -0
- package/dist/cjs/components/form/select/components/MrlSelectClearIndicator.js +40 -0
- package/dist/cjs/components/form/select/components/MrlSelectContainer.js +39 -0
- package/dist/cjs/components/form/select/components/MrlSelectDropdownIndicator.js +43 -0
- package/dist/cjs/components/form/select/components/MrlSelectMultiValue.js +55 -0
- package/dist/cjs/components/form/select/components/MrlSelectMultiValue.module.css +4 -0
- package/dist/cjs/components/form/select/components/MrlSelectMultiValue.module.scss.js +7 -0
- package/dist/cjs/components/form/select/components/MrlSelectMultiValueRemove.js +41 -0
- package/dist/cjs/components/form/select/components/MrlSelectOption.js +49 -0
- package/dist/cjs/components/form/select/components/MrlSelectValueContainer.js +39 -0
- package/dist/cjs/components/form/select/components/index.js +23 -0
- package/dist/cjs/components/form/select/index.js +22 -0
- package/dist/cjs/components/form/select/styles/default.js +179 -0
- package/dist/cjs/components/form/select/styles/index.js +26 -0
- package/dist/cjs/components/form/select/styles/inline.js +46 -0
- package/dist/cjs/components/form/select/styles/inlineNoLabel.js +52 -0
- package/dist/cjs/components/form/select/styles/inlineStacked.js +28 -0
- package/dist/cjs/components/form/select/types.js +2 -0
- package/dist/cjs/components/form/select/utils/closeMenuOnScroll.js +23 -0
- package/dist/cjs/components/form/select/utils/index.js +17 -0
- package/dist/cjs/components/form/switch/MrlSwitch/MrlSwitch.js +61 -0
- package/dist/cjs/components/form/switch/MrlSwitch/MrlSwitch.module.css +118 -0
- package/dist/cjs/components/form/switch/MrlSwitch/MrlSwitch.module.scss.js +16 -0
- package/dist/cjs/components/form/switch/MrlSwitch/index.js +17 -0
- package/dist/cjs/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.js +64 -0
- package/dist/cjs/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.module.css +174 -0
- package/dist/cjs/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.module.scss.js +13 -0
- package/dist/cjs/components/form/switch/MrlSwitchStandalone/index.js +17 -0
- package/dist/cjs/components/form/switch/index.js +18 -0
- package/dist/cjs/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.global.css +4 -0
- package/dist/cjs/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.js +170 -0
- package/dist/cjs/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.module.css +370 -0
- package/dist/cjs/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.module.scss.js +27 -0
- package/dist/cjs/components/form/text-input/MrlEditableTextInput/MrlEditableTextInputRightIcon.js +51 -0
- package/dist/cjs/components/form/text-input/MrlEditableTextInput/index.js +5 -0
- package/dist/cjs/components/form/text-input/MrlTextInput/MrlTextInput.js +164 -0
- package/dist/cjs/components/form/text-input/MrlTextInput/MrlTextInput.module.css +321 -0
- package/dist/cjs/components/form/text-input/MrlTextInput/MrlTextInput.module.scss.js +25 -0
- package/dist/cjs/components/form/text-input/MrlTextInput/MrlTextInputRightIcon.js +52 -0
- package/dist/cjs/components/form/text-input/MrlTextInput/index.js +5 -0
- package/dist/cjs/components/form/textarea/MrlEditableTextarea/MrlEditableTextarea.global.css +96 -0
- package/dist/cjs/components/form/textarea/MrlEditableTextarea/MrlEditableTextarea.js +169 -0
- package/dist/cjs/components/form/textarea/MrlEditableTextarea/MrlEditableTextarea.module.css +323 -0
- package/dist/cjs/components/form/textarea/MrlEditableTextarea/MrlEditableTextarea.module.scss.js +23 -0
- package/dist/cjs/components/form/textarea/MrlEditableTextarea/MrlEditableTextareaRightButton.js +51 -0
- package/dist/cjs/components/form/textarea/MrlEditableTextarea/index.js +17 -0
- package/dist/cjs/components/form/textarea/MrlTextarea/MrlTextarea.global.css +5 -0
- package/dist/cjs/components/form/textarea/MrlTextarea/MrlTextarea.js +107 -0
- package/dist/cjs/components/form/textarea/MrlTextarea/MrlTextarea.module.css +157 -0
- package/dist/cjs/components/form/textarea/MrlTextarea/MrlTextarea.module.scss.js +15 -0
- package/dist/cjs/components/form/textarea/MrlTextarea/index.js +17 -0
- package/dist/cjs/components/form/utils.js +229 -0
- package/dist/cjs/components/grid/MrlCol/MrlCol.js +99 -0
- package/dist/cjs/components/grid/MrlCol/index.js +5 -0
- package/dist/cjs/components/grid/MrlGrid/MrlGrid.js +55 -0
- package/dist/cjs/components/grid/MrlGrid/index.js +5 -0
- package/dist/cjs/components/grid/MrlRow/MrlRow.js +55 -0
- package/dist/cjs/components/grid/MrlRow/index.js +5 -0
- package/dist/cjs/components/grid/constants.js +15 -0
- package/dist/cjs/components/grid/grid.global.css +4109 -0
- package/dist/cjs/components/grid/grid.variables.css +0 -0
- package/dist/cjs/components/grid/index.js +19 -0
- package/dist/cjs/components/index.js +50 -0
- package/dist/cjs/components/keystroke/MrlKeystroke/MrlKeystroke.js +58 -0
- package/dist/cjs/components/keystroke/MrlKeystroke/MrlKeystroke.module.css +16 -0
- package/dist/cjs/components/keystroke/MrlKeystroke/MrlKeystroke.module.scss.js +6 -0
- package/dist/cjs/components/keystroke/MrlKeystroke/index.js +17 -0
- package/dist/cjs/components/keystroke/MrlKeystrokes/MrlKeystrokes.js +58 -0
- package/dist/cjs/components/keystroke/MrlKeystrokes/MrlKeystrokes.module.css +5 -0
- package/dist/cjs/components/keystroke/MrlKeystrokes/MrlKeystrokes.module.scss.js +6 -0
- package/dist/cjs/components/keystroke/MrlKeystrokes/index.js +17 -0
- package/dist/cjs/components/keystroke/index.js +18 -0
- package/dist/cjs/components/layout/MrlMain/MrlMain.js +58 -0
- package/dist/cjs/components/layout/MrlMain/MrlMain.module.css +29 -0
- package/dist/cjs/components/layout/MrlMain/MrlMain.module.scss.js +7 -0
- package/dist/cjs/components/layout/MrlMain/index.js +5 -0
- package/dist/cjs/components/layout/MrlPage/MrlPage.js +59 -0
- package/dist/cjs/components/layout/MrlPage/MrlPage.module.css +11 -0
- package/dist/cjs/components/layout/MrlPage/MrlPage.module.scss.js +7 -0
- package/dist/cjs/components/layout/MrlPage/index.js +52 -0
- package/dist/cjs/components/layout/MrlSidebar/MrlSidebar.js +122 -0
- package/dist/cjs/components/layout/MrlSidebar/MrlSidebar.module.css +64 -0
- package/dist/cjs/components/layout/MrlSidebar/MrlSidebar.module.scss.js +16 -0
- package/dist/cjs/components/layout/MrlSidebar/demo/MrlSidebarDemo.js +61 -0
- package/dist/cjs/components/layout/MrlSidebar/index.js +5 -0
- package/dist/cjs/components/layout/MrlTopbar/MrlTopbar.js +64 -0
- package/dist/cjs/components/layout/MrlTopbar/MrlTopbar.module.css +11 -0
- package/dist/cjs/components/layout/MrlTopbar/MrlTopbar.module.scss.js +8 -0
- package/dist/cjs/components/layout/MrlTopbar/index.js +5 -0
- package/dist/cjs/components/layout/constants.js +5 -0
- package/dist/cjs/components/layout/context/LayoutContext.js +63 -0
- package/dist/cjs/components/layout/error-page/MrlBrandColors/MrlBrandColors.js +67 -0
- package/dist/cjs/components/layout/error-page/MrlBrandColors/MrlBrandColors.module.css +106 -0
- package/dist/cjs/components/layout/error-page/MrlBrandColors/MrlBrandColors.module.scss.js +22 -0
- package/dist/cjs/components/layout/error-page/MrlBrandColors/index.js +17 -0
- package/dist/cjs/components/layout/error-page/MrlErrorPage/MrlErrorPage.js +68 -0
- package/dist/cjs/components/layout/error-page/MrlErrorPage/MrlErrorPage.module.css +40 -0
- package/dist/cjs/components/layout/error-page/MrlErrorPage/MrlErrorPage.module.scss.js +10 -0
- package/dist/cjs/components/layout/error-page/MrlErrorPage/index.js +17 -0
- package/dist/cjs/components/layout/error-page/index.js +18 -0
- package/dist/cjs/components/layout/index.js +21 -0
- package/dist/cjs/components/layout/utils.js +27 -0
- package/dist/cjs/components/link/MrlLink/MrlLink.js +68 -0
- package/dist/cjs/components/link/MrlLink/MrlLink.module.css +334 -0
- package/dist/cjs/components/link/MrlLink/MrlLink.module.scss.js +19 -0
- package/dist/cjs/components/link/MrlLink/index.js +17 -0
- package/dist/cjs/components/link/MrlLinkButton/MrlLinkButton.global.css +640 -0
- package/dist/cjs/components/link/MrlLinkButton/MrlLinkButton.js +83 -0
- package/dist/cjs/components/link/MrlLinkButton/index.js +17 -0
- package/dist/cjs/components/link/constants.js +32 -0
- package/dist/cjs/components/link/index.js +18 -0
- package/dist/cjs/components/live-region/MrlLiveRegion/MrlLiveRegion.js +73 -0
- package/dist/cjs/components/live-region/MrlLiveRegion/index.js +5 -0
- package/dist/cjs/components/live-region/demo/LiveRegionDemo.js +47 -0
- package/dist/cjs/components/live-region/index.js +17 -0
- package/dist/cjs/components/loader/MrlProgressBar/MrlProgressBar.js +95 -0
- package/dist/cjs/components/loader/MrlProgressBar/MrlProgressBar.module.css +62 -0
- package/dist/cjs/components/loader/MrlProgressBar/MrlProgressBar.module.scss.js +13 -0
- package/dist/cjs/components/loader/MrlProgressBar/index.js +17 -0
- package/dist/cjs/components/loader/MrlSpinner/MrlSpinner.js +78 -0
- package/dist/cjs/components/loader/MrlSpinner/MrlSpinner.module.css +98 -0
- package/dist/cjs/components/loader/MrlSpinner/MrlSpinner.module.scss.js +17 -0
- package/dist/cjs/components/loader/MrlSpinner/index.js +17 -0
- package/dist/cjs/components/loader/constants.js +23 -0
- package/dist/cjs/components/loader/index.js +19 -0
- package/dist/cjs/components/menu/MrlMenu/MrlMenu.js +472 -0
- package/dist/cjs/components/menu/MrlMenu/MrlMenu.module.css +41 -0
- package/dist/cjs/components/menu/MrlMenu/MrlMenu.module.scss.js +12 -0
- package/dist/cjs/components/menu/MrlMenu/index.js +17 -0
- package/dist/cjs/components/menu/MrlMenu/utilities.js +87 -0
- package/dist/cjs/components/menu/MrlMenuGroup/MrlMenuGroup.js +59 -0
- package/dist/cjs/components/menu/MrlMenuGroup/MrlMenuGroup.module.css +3 -0
- package/dist/cjs/components/menu/MrlMenuGroup/MrlMenuGroup.module.scss.js +6 -0
- package/dist/cjs/components/menu/MrlMenuGroup/index.js +17 -0
- package/dist/cjs/components/menu/MrlMenuItem/MrlMenuItem.js +169 -0
- package/dist/cjs/components/menu/MrlMenuItem/MrlMenuItem.module.css +156 -0
- package/dist/cjs/components/menu/MrlMenuItem/MrlMenuItem.module.scss.js +27 -0
- package/dist/cjs/components/menu/MrlMenuItem/index.js +17 -0
- package/dist/cjs/components/menu/MrlMenuItemLink/MrlMenuItemLink.js +69 -0
- package/dist/cjs/components/menu/MrlMenuItemLink/index.js +17 -0
- package/dist/cjs/components/menu/constants.js +2 -0
- package/dist/cjs/components/menu/context/MrlMenuContext.js +31 -0
- package/dist/cjs/components/menu/demo/MenuByConfig.js +59 -0
- package/dist/cjs/components/menu/demo/MenuWithPopover.js +60 -0
- package/dist/cjs/components/menu/demo/MenuWithSubmenu.js +86 -0
- package/dist/cjs/components/menu/demo/MenuWithTrigger.js +57 -0
- package/dist/cjs/components/menu/demo/MenuWithTrigger.module.css +9 -0
- package/dist/cjs/components/menu/demo/MenuWithTrigger.module.scss.js +8 -0
- package/dist/cjs/components/menu/hooks/useBrowserEdgeScroll.js +170 -0
- package/dist/cjs/components/menu/hooks/useMenuScroll.js +128 -0
- package/dist/cjs/components/menu/hooks/useSubMenuElementPosition.js +68 -0
- package/dist/cjs/components/menu/index.js +22 -0
- package/dist/cjs/components/menu/utilities/flip-position.js +23 -0
- package/dist/cjs/components/menu/utilities/get-scrollable-parent.js +24 -0
- package/dist/cjs/components/menu/utilities/index.js +18 -0
- package/dist/cjs/components/modal/MrlModal/MrlModal.global.css +338 -0
- package/dist/cjs/components/modal/MrlModal/MrlModal.js +233 -0
- package/dist/cjs/components/modal/MrlModal/MrlModal.module.css +363 -0
- package/dist/cjs/components/modal/MrlModal/MrlModal.module.scss.js +50 -0
- package/dist/cjs/components/modal/MrlModal/index.js +5 -0
- package/dist/cjs/components/modal/MrlModal/stories.css +33 -0
- package/dist/cjs/components/modal/MrlModalContent/MrlModalContent.js +89 -0
- package/dist/cjs/components/modal/MrlModalContent/MrlModalContent.module.css +43 -0
- package/dist/cjs/components/modal/MrlModalContent/MrlModalContent.module.scss.js +8 -0
- package/dist/cjs/components/modal/MrlModalContent/index.js +5 -0
- package/dist/cjs/components/modal/MrlModalContext/MrlModalContext.js +41 -0
- package/dist/cjs/components/modal/MrlModalContext/index.js +17 -0
- package/dist/cjs/components/modal/MrlModalFooter/MrlModalFooter.global.css +14 -0
- package/dist/cjs/components/modal/MrlModalFooter/MrlModalFooter.js +67 -0
- package/dist/cjs/components/modal/MrlModalFooter/MrlModalFooter.module.css +315 -0
- package/dist/cjs/components/modal/MrlModalFooter/MrlModalFooter.module.scss.js +42 -0
- package/dist/cjs/components/modal/MrlModalFooter/index.js +5 -0
- package/dist/cjs/components/modal/MrlModalHeader/MrlModalHeader.js +69 -0
- package/dist/cjs/components/modal/MrlModalHeader/MrlModalHeader.module.css +287 -0
- package/dist/cjs/components/modal/MrlModalHeader/MrlModalHeader.module.scss.js +41 -0
- package/dist/cjs/components/modal/MrlModalHeader/index.js +5 -0
- package/dist/cjs/components/modal/constants.js +21 -0
- package/dist/cjs/components/modal/demo/ModalWithTriggerDemo.js +97 -0
- package/dist/cjs/components/modal/index.js +21 -0
- package/dist/cjs/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.js +66 -0
- package/dist/cjs/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.module.css +8 -0
- package/dist/cjs/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.module.scss.js +7 -0
- package/dist/cjs/components/navigation-sidebar/MrlSidebarNavGroup/index.js +17 -0
- package/dist/cjs/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.js +63 -0
- package/dist/cjs/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.module.css +132 -0
- package/dist/cjs/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.module.scss.js +12 -0
- package/dist/cjs/components/navigation-sidebar/MrlSidebarNavItem/index.js +17 -0
- package/dist/cjs/components/navigation-sidebar/index.js +18 -0
- package/dist/cjs/components/notification/MrlBlockNotification/MrlBlockNotification.global.css +21 -0
- package/dist/cjs/components/notification/MrlBlockNotification/MrlBlockNotification.js +162 -0
- package/dist/cjs/components/notification/MrlBlockNotification/MrlBlockNotification.module.css +222 -0
- package/dist/cjs/components/notification/MrlBlockNotification/MrlBlockNotification.module.scss.js +15 -0
- package/dist/cjs/components/notification/MrlBlockNotification/index.js +5 -0
- package/dist/cjs/components/notification/MrlInlineMessage/MrlInlineMessage.js +86 -0
- package/dist/cjs/components/notification/MrlInlineMessage/MrlInlineMessage.module.css +39 -0
- package/dist/cjs/components/notification/MrlInlineMessage/MrlInlineMessage.module.scss.js +12 -0
- package/dist/cjs/components/notification/MrlInlineMessage/index.js +5 -0
- package/dist/cjs/components/notification/MrlToast/MrlToast.js +126 -0
- package/dist/cjs/components/notification/MrlToast/MrlToast.module.css +123 -0
- package/dist/cjs/components/notification/MrlToast/MrlToast.module.scss.js +29 -0
- package/dist/cjs/components/notification/MrlToast/index.js +5 -0
- package/dist/cjs/components/notification/constants.js +38 -0
- package/dist/cjs/components/notification/index.js +19 -0
- package/dist/cjs/components/pagination/MrlPagination/MrlPagination.js +56 -0
- package/dist/cjs/components/pagination/MrlPagination/MrlPagination.module.css +35 -0
- package/dist/cjs/components/pagination/MrlPagination/MrlPagination.module.scss.js +12 -0
- package/dist/cjs/components/pagination/MrlPagination/index.js +17 -0
- package/dist/cjs/components/pagination/MrlPaginationButton/MrlPaginationButton.js +71 -0
- package/dist/cjs/components/pagination/MrlPaginationButton/index.js +17 -0
- package/dist/cjs/components/pagination/MrlPaginationText/MrlPaginationText.js +66 -0
- package/dist/cjs/components/pagination/MrlPaginationText/index.js +17 -0
- package/dist/cjs/components/pagination/constants.js +2 -0
- package/dist/cjs/components/pagination/index.js +19 -0
- package/dist/cjs/components/panel/MrlPanel/MrlPanel.js +117 -0
- package/dist/cjs/components/panel/MrlPanel/MrlPanel.module.css +60 -0
- package/dist/cjs/components/panel/MrlPanel/MrlPanel.module.scss.js +15 -0
- package/dist/cjs/components/panel/MrlPanel/index.js +5 -0
- package/dist/cjs/components/panel/MrlPanelContext/MrlPanelContext.js +47 -0
- package/dist/cjs/components/panel/MrlPanelContext/index.js +17 -0
- package/dist/cjs/components/panel/MrlPanelFooter/MrlPanelFooter.js +58 -0
- package/dist/cjs/components/panel/MrlPanelFooter/MrlPanelFooter.module.css +12 -0
- package/dist/cjs/components/panel/MrlPanelFooter/MrlPanelFooter.module.scss.js +7 -0
- package/dist/cjs/components/panel/MrlPanelFooter/index.js +5 -0
- package/dist/cjs/components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.js +54 -0
- package/dist/cjs/components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.module.css +14 -0
- package/dist/cjs/components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.module.scss.js +6 -0
- package/dist/cjs/components/panel/MrlPanelStickyHeader/index.js +5 -0
- package/dist/cjs/components/panel/index.js +19 -0
- package/dist/cjs/components/popover/MrlPopover/MrlPopover.js +322 -0
- package/dist/cjs/components/popover/MrlPopover/MrlPopover.module.css +121 -0
- package/dist/cjs/components/popover/MrlPopover/MrlPopover.module.scss.js +16 -0
- package/dist/cjs/components/popover/MrlPopover/context/MrlPopoverContext.js +44 -0
- package/dist/cjs/components/popover/MrlPopover/hooks/use-mrl-popover-event-handlers.js +197 -0
- package/dist/cjs/components/popover/MrlPopover/index.js +18 -0
- package/dist/cjs/components/popover/MrlPopover/utilities/get-data-point.js +14 -0
- package/dist/cjs/components/popover/MrlPopover/utilities/get-offset.js +22 -0
- package/dist/cjs/components/popover/MrlPopover/utilities/index.js +18 -0
- package/dist/cjs/components/popover/demo/PopoverWithIconButton.js +51 -0
- package/dist/cjs/components/popover/demo/PopoverWithSelect.js +55 -0
- package/dist/cjs/components/popover/demo/PopoverWithTrigger.js +67 -0
- package/dist/cjs/components/popover/demo/PopoverWithTrigger.module.css +13 -0
- package/dist/cjs/components/popover/demo/PopoverWithTrigger.module.scss.js +9 -0
- package/dist/cjs/components/popover/index.js +17 -0
- package/dist/cjs/components/portal/MrlPortal.js +95 -0
- package/dist/cjs/components/portal/index.js +17 -0
- package/dist/cjs/components/rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.js +485 -0
- package/dist/cjs/components/rovingTabindex/MrlRovingTabindex/index.js +17 -0
- package/dist/cjs/components/rovingTabindex/index.js +17 -0
- package/dist/cjs/components/skeleton/MrlSkeleton/MrlSkeleton.js +59 -0
- package/dist/cjs/components/skeleton/MrlSkeleton/MrlSkeleton.module.css +41 -0
- package/dist/cjs/components/skeleton/MrlSkeleton/MrlSkeleton.module.scss.js +8 -0
- package/dist/cjs/components/skeleton/MrlSkeleton/index.js +17 -0
- package/dist/cjs/components/skeleton/MrlSkeletonText/MrlSkeletonText.js +66 -0
- package/dist/cjs/components/skeleton/MrlSkeletonText/MrlSkeletonText.module.css +67 -0
- package/dist/cjs/components/skeleton/MrlSkeletonText/MrlSkeletonText.module.scss.js +12 -0
- package/dist/cjs/components/skeleton/MrlSkeletonText/index.js +17 -0
- package/dist/cjs/components/skeleton/index.js +18 -0
- package/dist/cjs/components/svg/MrlSvg/MrlSvg.js +169 -0
- package/dist/cjs/components/svg/MrlSvg/MrlSvg.module.css +46 -0
- package/dist/cjs/components/svg/MrlSvg/MrlSvg.module.scss.js +13 -0
- package/dist/cjs/components/svg/MrlSvg/index.js +5 -0
- package/dist/cjs/components/svg/MrlSvgAnimate/MrlSvgAnimate.js +109 -0
- package/dist/cjs/components/svg/MrlSvgAnimate/index.js +5 -0
- package/dist/cjs/components/svg/config.js +119 -0
- package/dist/cjs/components/svg/constants.js +37 -0
- package/dist/cjs/components/svg/index.js +19 -0
- package/dist/cjs/components/table/MrlSmartTable/MrlSmartTable.js +284 -0
- package/dist/cjs/components/table/MrlSmartTable/MrlSmartTable.module.css +184 -0
- package/dist/cjs/components/table/MrlSmartTable/MrlSmartTable.module.scss.js +18 -0
- package/dist/cjs/components/table/MrlSmartTable/components/DefaultCellContent.js +42 -0
- package/dist/cjs/components/table/MrlSmartTable/index.js +17 -0
- package/dist/cjs/components/table/MrlSmartTable/storybook-utils.js +128 -0
- package/dist/cjs/components/table/MrlTable/MrlTable.js +57 -0
- package/dist/cjs/components/table/MrlTable/MrlTable.module.css +35 -0
- package/dist/cjs/components/table/MrlTable/MrlTable.module.scss.js +7 -0
- package/dist/cjs/components/table/MrlTable/index.js +17 -0
- package/dist/cjs/components/table/MrlTableBody/MrlTableBody.js +58 -0
- package/dist/cjs/components/table/MrlTableBody/MrlTableBody.module.css +31 -0
- package/dist/cjs/components/table/MrlTableBody/MrlTableBody.module.scss.js +7 -0
- package/dist/cjs/components/table/MrlTableBody/index.js +17 -0
- package/dist/cjs/components/table/MrlTableCell/MrlTableCell.js +63 -0
- package/dist/cjs/components/table/MrlTableCell/MrlTableCell.module.css +100 -0
- package/dist/cjs/components/table/MrlTableCell/MrlTableCell.module.scss.js +16 -0
- package/dist/cjs/components/table/MrlTableCell/index.js +17 -0
- package/dist/cjs/components/table/MrlTableColumn/MrlTableColumn.js +64 -0
- package/dist/cjs/components/table/MrlTableColumn/MrlTableColumn.module.css +117 -0
- package/dist/cjs/components/table/MrlTableColumn/MrlTableColumn.module.scss.js +15 -0
- package/dist/cjs/components/table/MrlTableColumn/index.js +17 -0
- package/dist/cjs/components/table/MrlTableEmptyState/MrlTableEmptyState.js +54 -0
- package/dist/cjs/components/table/MrlTableEmptyState/MrlTableEmptyState.module.css +44 -0
- package/dist/cjs/components/table/MrlTableEmptyState/MrlTableEmptyState.module.scss.js +7 -0
- package/dist/cjs/components/table/MrlTableEmptyState/index.js +17 -0
- package/dist/cjs/components/table/MrlTableHeader/MrlTableHeader.js +59 -0
- package/dist/cjs/components/table/MrlTableHeader/MrlTableHeader.module.css +36 -0
- package/dist/cjs/components/table/MrlTableHeader/MrlTableHeader.module.scss.js +8 -0
- package/dist/cjs/components/table/MrlTableHeader/index.js +17 -0
- package/dist/cjs/components/table/MrlTableRow/MrlTableRow.js +73 -0
- package/dist/cjs/components/table/MrlTableRow/MrlTableRow.module.css +155 -0
- package/dist/cjs/components/table/MrlTableRow/MrlTableRow.module.scss.js +12 -0
- package/dist/cjs/components/table/MrlTableRow/index.js +17 -0
- package/dist/cjs/components/table/constants.js +12 -0
- package/dist/cjs/components/table/fixtures.js +6203 -0
- package/dist/cjs/components/table/index.js +25 -0
- package/dist/cjs/components/table/utils.js +53 -0
- package/dist/cjs/components/tabs/MrlTab/MrlTab.js +72 -0
- package/dist/cjs/components/tabs/MrlTab/MrlTab.module.css +202 -0
- package/dist/cjs/components/tabs/MrlTab/MrlTab.module.scss.js +12 -0
- package/dist/cjs/components/tabs/MrlTab/index.js +17 -0
- package/dist/cjs/components/tabs/MrlTabContent/MrlTabContent.js +61 -0
- package/dist/cjs/components/tabs/MrlTabContent/MrlTabContent.module.css +7 -0
- package/dist/cjs/components/tabs/MrlTabContent/MrlTabContent.module.scss.js +7 -0
- package/dist/cjs/components/tabs/MrlTabContent/index.js +17 -0
- package/dist/cjs/components/tabs/MrlTabGroup/MrlTabGroup.js +157 -0
- package/dist/cjs/components/tabs/MrlTabGroup/MrlTabGroup.module.css +63 -0
- package/dist/cjs/components/tabs/MrlTabGroup/MrlTabGroup.module.scss.js +13 -0
- package/dist/cjs/components/tabs/MrlTabGroup/index.js +17 -0
- package/dist/cjs/components/tabs/MrlTabLink/MrlTabLink.js +75 -0
- package/dist/cjs/components/tabs/MrlTabLink/index.js +17 -0
- package/dist/cjs/components/tabs/MrlTabs/MrlTabs.js +78 -0
- package/dist/cjs/components/tabs/MrlTabs/index.js +17 -0
- package/dist/cjs/components/tabs/constants.js +2 -0
- package/dist/cjs/components/tabs/index.js +21 -0
- package/dist/cjs/components/text/MrlText/MrlText.js +71 -0
- package/dist/cjs/components/text/MrlText/MrlText.module.css +30 -0
- package/dist/cjs/components/text/MrlText/MrlText.module.scss.js +10 -0
- package/dist/cjs/components/text/MrlText/index.js +17 -0
- package/dist/cjs/components/text/MrlTextHeading/MrlTextHeading.js +77 -0
- package/dist/cjs/components/text/MrlTextHeading/MrlTextHeading.module.css +108 -0
- package/dist/cjs/components/text/MrlTextHeading/MrlTextHeading.module.scss.js +18 -0
- package/dist/cjs/components/text/MrlTextHeading/index.js +17 -0
- package/dist/cjs/components/text/constants.js +42 -0
- package/dist/cjs/components/text/index.js +18 -0
- package/dist/cjs/components/toolbar/MrlToolbar/MrlToolbar.js +151 -0
- package/dist/cjs/components/toolbar/MrlToolbar/MrlToolbar.module.css +55 -0
- package/dist/cjs/components/toolbar/MrlToolbar/MrlToolbar.module.scss.js +13 -0
- package/dist/cjs/components/toolbar/MrlToolbar/index.js +17 -0
- package/dist/cjs/components/toolbar/MrlToolbarButton/MrlToolbarButton.js +63 -0
- package/dist/cjs/components/toolbar/MrlToolbarButton/MrlToolbarButton.module.css +3 -0
- package/dist/cjs/components/toolbar/MrlToolbarButton/MrlToolbarButton.module.scss.js +6 -0
- package/dist/cjs/components/toolbar/MrlToolbarButton/index.js +17 -0
- package/dist/cjs/components/toolbar/MrlToolbarItem/MrlToolbarItem.js +17 -0
- package/dist/cjs/components/toolbar/MrlToolbarItem/index.js +17 -0
- package/dist/cjs/components/toolbar/index.js +19 -0
- package/dist/cjs/components/tooltip/MrlTooltip/MrlTooltip.js +177 -0
- package/dist/cjs/components/tooltip/MrlTooltip/index.js +5 -0
- package/dist/cjs/components/tooltip/MrlTooltipContent/MrlTooltipContent.global.css +170 -0
- package/dist/cjs/components/tooltip/MrlTooltipContent/MrlTooltipContent.js +68 -0
- package/dist/cjs/components/tooltip/MrlTooltipContent/index.js +5 -0
- package/dist/cjs/components/tooltip/constants.js +22 -0
- package/dist/cjs/components/tooltip/index.js +18 -0
- package/dist/cjs/components/tooltip/useTooltipPosition/constants.js +2 -0
- package/dist/cjs/components/tooltip/useTooltipPosition/index.js +123 -0
- package/dist/cjs/components/tooltip/useTooltipPosition/utilities.js +72 -0
- package/dist/cjs/components/tooltip/utils.js +21 -0
- package/dist/cjs/contexts/MrlTabContext/MrlTabContext.js +10 -0
- package/dist/cjs/contexts/MrlTabContext/index.js +17 -0
- package/dist/cjs/contexts/index.js +17 -0
- package/dist/cjs/hooks/index.js +21 -0
- package/dist/cjs/hooks/useAutoClose/index.js +17 -0
- package/dist/cjs/hooks/useAutoClose/useAutoClose.js +70 -0
- package/dist/cjs/hooks/useBreakpoint/index.js +65 -0
- package/dist/cjs/hooks/useBreakpoint/useBreakpointDemo.js +39 -0
- package/dist/cjs/hooks/useClickOutside/index.js +46 -0
- package/dist/cjs/hooks/useCoordinate/index.js +118 -0
- package/dist/cjs/hooks/useElementDimensions/index.js +69 -0
- package/dist/cjs/hooks/useHasFocusableDescendant/index.js +74 -0
- package/dist/cjs/hooks/useScrollbarInfo/index.js +73 -0
- package/dist/cjs/hooks/useTriggerPosition/constants.js +2 -0
- package/dist/cjs/hooks/useTriggerPosition/index.js +135 -0
- package/dist/cjs/hooks/useTriggerPosition/utilities.js +258 -0
- package/dist/cjs/index.js +20 -0
- package/dist/cjs/styles/shared/a11y-helpers/a11y.global.css +10 -0
- package/dist/cjs/utils/checkInvalidAttributes/index.js +22 -0
- package/dist/cjs/utils/commonProps/index.js +2 -0
- package/dist/cjs/utils/dataQa/index.js +2 -0
- package/dist/cjs/utils/findAdjacentInteractiveElement/findAdjacentInteractiveElement.js +37 -0
- package/dist/cjs/utils/findAdjacentInteractiveElement/index.js +17 -0
- package/dist/cjs/utils/frameDebounce/index.js +37 -0
- package/dist/cjs/utils/getCamelCase/getCamelCase.js +22 -0
- package/dist/cjs/utils/getCamelCase/index.js +5 -0
- package/dist/cjs/utils/getScrollableContainer/getScrollableContainer.js +61 -0
- package/dist/cjs/utils/getScrollableContainer/index.js +17 -0
- package/dist/cjs/utils/hasHorizontalScroll/hasHorizontalScroll.js +17 -0
- package/dist/cjs/utils/hasHorizontalScroll/index.js +17 -0
- package/dist/cjs/utils/hasScrollContent/hasScrollContent.js +16 -0
- package/dist/cjs/utils/hasScrollContent/index.js +17 -0
- package/dist/cjs/utils/index.js +32 -0
- package/dist/cjs/utils/isElementAriaDisabled/index.js +17 -0
- package/dist/cjs/utils/isElementAriaDisabled/isElementAriaDisabled.js +16 -0
- package/dist/cjs/utils/isElementScrollable/index.js +13 -0
- package/dist/cjs/utils/isImagePath/index.js +47 -0
- package/dist/cjs/utils/isImageUri/index.js +22 -0
- package/dist/cjs/utils/isObject/index.js +5 -0
- package/dist/cjs/utils/isObject/isObject.js +17 -0
- package/dist/cjs/utils/isTouch/index.js +12 -0
- package/dist/cjs/utils/layers/index.js +32 -0
- package/dist/cjs/utils/noop/index.js +12 -0
- package/dist/cjs/utils/preventDefault/index.js +17 -0
- package/dist/cjs/utils/preventDefault/preventDefault.js +13 -0
- package/dist/cjs/utils/setAttributes/index.js +7 -0
- package/dist/cjs/utils/setAttributes/setAttributes.js +87 -0
- package/dist/cjs/utils/trapFocus/index.js +152 -0
- package/dist/components/avatar/MrlAvatarButton/MrlAvatarButton.d.ts +2 -1
- package/dist/components/form/text-input/MrlEditableTextInput/MrlEditableTextInputRightIcon.d.ts +1 -1
- package/dist/components/form/textarea/MrlEditableTextarea/MrlEditableTextarea.d.ts +1 -1
- package/dist/components/form/textarea/MrlEditableTextarea/MrlEditableTextareaRightButton.d.ts +1 -1
- package/dist/components/menu/MrlMenu/MrlMenu.d.ts +1 -1
- package/dist/components/notification/MrlBlockNotification/MrlBlockNotification.d.ts +1 -1
- package/dist/components/pagination/MrlPaginationButton/MrlPaginationButton.d.ts +1 -1
- package/dist/esm/components/avatar/MrlAvatar/MrlAvatar.js +97 -0
- package/dist/esm/components/avatar/MrlAvatar/MrlAvatar.module.css +102 -0
- package/dist/esm/components/avatar/MrlAvatar/MrlAvatar.module.scss.js +13 -0
- package/dist/esm/components/avatar/MrlAvatar/index.js +1 -0
- package/dist/esm/components/avatar/MrlAvatarButton/MrlAvatarButton.js +61 -0
- package/dist/esm/components/avatar/MrlAvatarButton/MrlAvatarButton.module.css +251 -0
- package/dist/esm/components/avatar/MrlAvatarButton/MrlAvatarButton.module.scss.js +9 -0
- package/dist/esm/components/avatar/MrlAvatarButton/index.js +1 -0
- package/dist/esm/components/avatar/index.js +2 -0
- package/dist/esm/components/badge/MrlBadge/MrlBadge.js +49 -0
- package/dist/esm/components/badge/MrlBadge/MrlBadge.module.css +38 -0
- package/dist/esm/components/badge/MrlBadge/MrlBadge.module.scss.js +8 -0
- package/dist/esm/components/badge/MrlBadge/index.js +1 -0
- package/dist/esm/components/badge/MrlBadgeNotification/MrlBadgeNotification.js +29 -0
- package/dist/esm/components/badge/MrlBadgeNotification/MrlBadgeNotification.module.css +37 -0
- package/dist/esm/components/badge/MrlBadgeNotification/MrlBadgeNotification.module.scss.js +6 -0
- package/dist/esm/components/badge/MrlBadgeNotification/index.js +1 -0
- package/dist/esm/components/badge/index.js +2 -0
- package/dist/esm/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.js +47 -0
- package/dist/esm/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.module.css +148 -0
- package/dist/esm/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.module.scss.js +11 -0
- package/dist/esm/components/breadcrumb/MrlBreadcrumbItem/index.js +1 -0
- package/dist/esm/components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.js +13 -0
- package/dist/esm/components/breadcrumb/MrlBreadcrumbSeparator/index.js +1 -0
- package/dist/esm/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.js +49 -0
- package/dist/esm/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.module.css +5 -0
- package/dist/esm/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.module.scss.js +4 -0
- package/dist/esm/components/breadcrumb/MrlBreadcrumbs/index.js +1 -0
- package/dist/esm/components/breadcrumb/index.js +3 -0
- package/dist/esm/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.css +575 -0
- package/dist/esm/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.js +148 -0
- package/dist/esm/components/button/MrlAnimatedIconButton/index.js +1 -0
- package/dist/esm/components/button/MrlButton/MrlButton.global.css +636 -0
- package/dist/esm/components/button/MrlButton/MrlButton.js +66 -0
- package/dist/esm/components/button/MrlButton/index.js +1 -0
- package/dist/esm/components/button/MrlIconButton/MrlIconButton.css +562 -0
- package/dist/esm/components/button/MrlIconButton/MrlIconButton.js +96 -0
- package/dist/esm/components/button/MrlIconButton/index.js +1 -0
- package/dist/esm/components/button/MrlProcessingButton/MrlProcessingButton.js +92 -0
- package/dist/esm/components/button/MrlProcessingButton/MrlProcessingButton.module.css +6 -0
- package/dist/esm/components/button/MrlProcessingButton/MrlProcessingButton.module.scss.js +5 -0
- package/dist/esm/components/button/MrlProcessingButton/actions.js +35 -0
- package/dist/esm/components/button/MrlProcessingButton/index.js +2 -0
- package/dist/esm/components/button/constants.js +37 -0
- package/dist/esm/components/button/helpers.js +63 -0
- package/dist/esm/components/button/index.js +4 -0
- package/dist/esm/components/callout/MrlCallout/MrlCallout.js +76 -0
- package/dist/esm/components/callout/MrlCallout/MrlCallout.module.css +158 -0
- package/dist/esm/components/callout/MrlCallout/MrlCallout.module.scss.js +14 -0
- package/dist/esm/components/callout/MrlCallout/index.js +1 -0
- package/dist/esm/components/callout/index.js +1 -0
- package/dist/esm/components/container/MrlContainer/MrlContainer.js +34 -0
- package/dist/esm/components/container/MrlContainer/MrlContainer.module.css +42 -0
- package/dist/esm/components/container/MrlContainer/MrlContainer.module.scss.js +9 -0
- package/dist/esm/components/container/MrlContainer/index.js +1 -0
- package/dist/esm/components/container/constants.js +10 -0
- package/dist/esm/components/container/index.js +1 -0
- package/dist/esm/components/divider/MrlDivider/MrlDivider.js +56 -0
- package/dist/esm/components/divider/MrlDivider/MrlDivider.module.css +59 -0
- package/dist/esm/components/divider/MrlDivider/MrlDivider.module.scss.js +13 -0
- package/dist/esm/components/divider/MrlDivider/index.js +1 -0
- package/dist/esm/components/divider/constants.js +16 -0
- package/dist/esm/components/divider/index.js +1 -0
- package/dist/esm/components/empty/MrlEmpty.module.css +23 -0
- package/dist/esm/components/empty/MrlEmpty.module.scss.js +9 -0
- package/dist/esm/components/empty/default/MrlEmpty.js +35 -0
- package/dist/esm/components/empty/default/index.js +1 -0
- package/dist/esm/components/empty/index.js +2 -0
- package/dist/esm/components/empty/large/MrlEmptyLarge.js +35 -0
- package/dist/esm/components/empty/large/index.js +1 -0
- package/dist/esm/components/error-boundary/MrlErrorBoundary.js +59 -0
- package/dist/esm/components/error-boundary/index.js +1 -0
- package/dist/esm/components/filter/MrlFilter/MrlFilter.js +28 -0
- package/dist/esm/components/filter/MrlFilter/MrlFilter.module.css +5 -0
- package/dist/esm/components/filter/MrlFilter/MrlFilter.module.scss.js +4 -0
- package/dist/esm/components/filter/MrlFilter/index.js +1 -0
- package/dist/esm/components/filter/MrlFilterContext/MrlFilterContext.js +54 -0
- package/dist/esm/components/filter/MrlFilterContext/index.js +1 -0
- package/dist/esm/components/filter/MrlFilterItem/MrlFilterItem.js +42 -0
- package/dist/esm/components/filter/MrlFilterItem/MrlFilterItem.module.css +158 -0
- package/dist/esm/components/filter/MrlFilterItem/MrlFilterItem.module.scss.js +9 -0
- package/dist/esm/components/filter/MrlFilterItem/index.js +1 -0
- package/dist/esm/components/filter/index.js +3 -0
- package/dist/esm/components/focus-trap/MrlFocusTrap/MrlFocusTrap.js +41 -0
- package/dist/esm/components/focus-trap/MrlFocusTrap/index.js +1 -0
- package/dist/esm/components/focus-trap/index.js +1 -0
- package/dist/esm/components/form/checkbox/MrlCheckbox/MrlCheckbox.global.css +97 -0
- package/dist/esm/components/form/checkbox/MrlCheckbox/MrlCheckbox.js +47 -0
- package/dist/esm/components/form/checkbox/MrlCheckbox/MrlCheckbox.module.css +98 -0
- package/dist/esm/components/form/checkbox/MrlCheckbox/MrlCheckbox.module.scss.js +11 -0
- package/dist/esm/components/form/checkbox/MrlCheckbox/index.js +1 -0
- package/dist/esm/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.global.css +218 -0
- package/dist/esm/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.js +54 -0
- package/dist/esm/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.module.css +148 -0
- package/dist/esm/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.module.scss.js +11 -0
- package/dist/esm/components/form/checkbox/MrlCheckboxStandalone/index.js +1 -0
- package/dist/esm/components/form/constants.js +75 -0
- package/dist/esm/components/form/date-picker/MrlDatePicker.js +76 -0
- package/dist/esm/components/form/date-picker/MrlDatePicker.module.css +185 -0
- package/dist/esm/components/form/date-picker/MrlDatePicker.module.scss.js +16 -0
- package/dist/esm/components/form/date-picker/index.js +1 -0
- package/dist/esm/components/form/fieldset/MrlFieldset/MrlFieldset.js +30 -0
- package/dist/esm/components/form/fieldset/MrlFieldset/MrlFieldset.module.css +107 -0
- package/dist/esm/components/form/fieldset/MrlFieldset/MrlFieldset.module.scss.js +12 -0
- package/dist/esm/components/form/fieldset/MrlFieldset/index.js +1 -0
- package/dist/esm/components/form/hooks/useActiveColor.js +20 -0
- package/dist/esm/components/form/hooks/useIsEditable.js +39 -0
- package/dist/esm/components/form/index.js +19 -0
- package/dist/esm/components/form/label/MrlLabel/MrlLabel.js +36 -0
- package/dist/esm/components/form/label/MrlLabel/MrlLabel.module.css +107 -0
- package/dist/esm/components/form/label/MrlLabel/MrlLabel.module.scss.js +12 -0
- package/dist/esm/components/form/label/MrlLabel/index.js +1 -0
- package/dist/esm/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.js +43 -0
- package/dist/esm/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.module.css +64 -0
- package/dist/esm/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.module.scss.js +12 -0
- package/dist/esm/components/form/label/MrlLabelWithDescription/index.js +1 -0
- package/dist/esm/components/form/legacy-select/MrlLegacySelect/MrlLegacySelect.js +265 -0
- package/dist/esm/components/form/legacy-select/MrlLegacySelect/MrlLegacySelect.module.css +319 -0
- package/dist/esm/components/form/legacy-select/MrlLegacySelect/MrlLegacySelect.module.scss.js +21 -0
- package/dist/esm/components/form/legacy-select/MrlLegacySelect/index.js +1 -0
- package/dist/esm/components/form/legacy-select/MrlLegacySelectItem/MrlLegacySelectItem.js +122 -0
- package/dist/esm/components/form/legacy-select/MrlLegacySelectItem/MrlLegacySelectItem.module.css +148 -0
- package/dist/esm/components/form/legacy-select/MrlLegacySelectItem/MrlLegacySelectItem.module.scss.js +15 -0
- package/dist/esm/components/form/legacy-select/MrlLegacySelectItem/index.js +1 -0
- package/dist/esm/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.js +84 -0
- package/dist/esm/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.module.css +29 -0
- package/dist/esm/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.module.scss.js +7 -0
- package/dist/esm/components/form/legacy-select/MrlLegacySelectMenu/index.js +1 -0
- package/dist/esm/components/form/legacy-select/context/SelectContext.js +86 -0
- package/dist/esm/components/form/legacy-select/index.js +30 -0
- package/dist/esm/components/form/legacy-select/stories.data.js +197 -0
- package/dist/esm/components/form/radio/MrlRadioButton/MrlRadioButton.js +34 -0
- package/dist/esm/components/form/radio/MrlRadioButton/MrlRadioButton.module.css +7 -0
- package/dist/esm/components/form/radio/MrlRadioButton/MrlRadioButton.module.scss.js +4 -0
- package/dist/esm/components/form/radio/MrlRadioButton/index.js +1 -0
- package/dist/esm/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.global.css +122 -0
- package/dist/esm/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.js +40 -0
- package/dist/esm/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.module.css +154 -0
- package/dist/esm/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.module.scss.js +12 -0
- package/dist/esm/components/form/radio/MrlRadioButtonStandalone/index.js +1 -0
- package/dist/esm/components/form/radio/MrlRadioGroup/MrlRadioGroup.js +27 -0
- package/dist/esm/components/form/radio/MrlRadioGroup/index.js +1 -0
- package/dist/esm/components/form/select/MrlCreatableSelect/MrlCreatableSelect.js +43 -0
- package/dist/esm/components/form/select/MrlCreatableSelect/index.js +1 -0
- package/dist/esm/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.js +43 -0
- package/dist/esm/components/form/select/MrlMultiCreatableSelect/index.js +1 -0
- package/dist/esm/components/form/select/MrlMultiSelect/MrlMultiSelect.js +45 -0
- package/dist/esm/components/form/select/MrlMultiSelect/index.js +1 -0
- package/dist/esm/components/form/select/MrlSelect/MrlSelect.js +42 -0
- package/dist/esm/components/form/select/MrlSelect/index.js +1 -0
- package/dist/esm/components/form/select/components/MrlSelectClearIndicator.js +13 -0
- package/dist/esm/components/form/select/components/MrlSelectContainer.js +12 -0
- package/dist/esm/components/form/select/components/MrlSelectDropdownIndicator.js +16 -0
- package/dist/esm/components/form/select/components/MrlSelectMultiValue.js +25 -0
- package/dist/esm/components/form/select/components/MrlSelectMultiValue.module.css +4 -0
- package/dist/esm/components/form/select/components/MrlSelectMultiValue.module.scss.js +5 -0
- package/dist/esm/components/form/select/components/MrlSelectMultiValueRemove.js +14 -0
- package/dist/esm/components/form/select/components/MrlSelectOption.js +22 -0
- package/dist/esm/components/form/select/components/MrlSelectValueContainer.js +12 -0
- package/dist/esm/components/form/select/components/index.js +7 -0
- package/dist/esm/components/form/select/index.js +6 -0
- package/dist/esm/components/form/select/styles/default.js +175 -0
- package/dist/esm/components/form/select/styles/index.js +22 -0
- package/dist/esm/components/form/select/styles/inline.js +42 -0
- package/dist/esm/components/form/select/styles/inlineNoLabel.js +48 -0
- package/dist/esm/components/form/select/styles/inlineStacked.js +24 -0
- package/dist/esm/components/form/select/types.js +1 -0
- package/dist/esm/components/form/select/utils/closeMenuOnScroll.js +19 -0
- package/dist/esm/components/form/select/utils/index.js +1 -0
- package/dist/esm/components/form/switch/MrlSwitch/MrlSwitch.js +32 -0
- package/dist/esm/components/form/switch/MrlSwitch/MrlSwitch.module.css +118 -0
- package/dist/esm/components/form/switch/MrlSwitch/MrlSwitch.module.scss.js +14 -0
- package/dist/esm/components/form/switch/MrlSwitch/index.js +1 -0
- package/dist/esm/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.js +35 -0
- package/dist/esm/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.module.css +174 -0
- package/dist/esm/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.module.scss.js +11 -0
- package/dist/esm/components/form/switch/MrlSwitchStandalone/index.js +1 -0
- package/dist/esm/components/form/switch/index.js +2 -0
- package/dist/esm/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.global.css +4 -0
- package/dist/esm/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.js +141 -0
- package/dist/esm/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.module.css +370 -0
- package/dist/esm/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.module.scss.js +25 -0
- package/dist/esm/components/form/text-input/MrlEditableTextInput/MrlEditableTextInputRightIcon.js +22 -0
- package/dist/esm/components/form/text-input/MrlEditableTextInput/index.js +1 -0
- package/dist/esm/components/form/text-input/MrlTextInput/MrlTextInput.js +135 -0
- package/dist/esm/components/form/text-input/MrlTextInput/MrlTextInput.module.css +321 -0
- package/dist/esm/components/form/text-input/MrlTextInput/MrlTextInput.module.scss.js +23 -0
- package/dist/esm/components/form/text-input/MrlTextInput/MrlTextInputRightIcon.js +22 -0
- package/dist/esm/components/form/text-input/MrlTextInput/index.js +1 -0
- package/dist/esm/components/form/textarea/MrlEditableTextarea/MrlEditableTextarea.global.css +96 -0
- package/dist/esm/components/form/textarea/MrlEditableTextarea/MrlEditableTextarea.js +140 -0
- package/dist/esm/components/form/textarea/MrlEditableTextarea/MrlEditableTextarea.module.css +323 -0
- package/dist/esm/components/form/textarea/MrlEditableTextarea/MrlEditableTextarea.module.scss.js +21 -0
- package/dist/esm/components/form/textarea/MrlEditableTextarea/MrlEditableTextareaRightButton.js +22 -0
- package/dist/esm/components/form/textarea/MrlEditableTextarea/index.js +1 -0
- package/dist/esm/components/form/textarea/MrlTextarea/MrlTextarea.global.css +5 -0
- package/dist/esm/components/form/textarea/MrlTextarea/MrlTextarea.js +77 -0
- package/dist/esm/components/form/textarea/MrlTextarea/MrlTextarea.module.css +157 -0
- package/dist/esm/components/form/textarea/MrlTextarea/MrlTextarea.module.scss.js +13 -0
- package/dist/esm/components/form/textarea/MrlTextarea/index.js +1 -0
- package/dist/esm/components/form/utils.js +219 -0
- package/dist/esm/components/grid/MrlCol/MrlCol.js +69 -0
- package/dist/esm/components/grid/MrlCol/index.js +1 -0
- package/dist/esm/components/grid/MrlGrid/MrlGrid.js +25 -0
- package/dist/esm/components/grid/MrlGrid/index.js +1 -0
- package/dist/esm/components/grid/MrlRow/MrlRow.js +25 -0
- package/dist/esm/components/grid/MrlRow/index.js +1 -0
- package/dist/esm/components/grid/constants.js +12 -0
- package/dist/esm/components/grid/grid.global.css +4109 -0
- package/dist/esm/components/grid/grid.variables.css +0 -0
- package/dist/esm/components/grid/index.js +3 -0
- package/dist/esm/components/index.js +34 -0
- package/dist/esm/components/keystroke/MrlKeystroke/MrlKeystroke.js +28 -0
- package/dist/esm/components/keystroke/MrlKeystroke/MrlKeystroke.module.css +16 -0
- package/dist/esm/components/keystroke/MrlKeystroke/MrlKeystroke.module.scss.js +4 -0
- package/dist/esm/components/keystroke/MrlKeystroke/index.js +1 -0
- package/dist/esm/components/keystroke/MrlKeystrokes/MrlKeystrokes.js +28 -0
- package/dist/esm/components/keystroke/MrlKeystrokes/MrlKeystrokes.module.css +5 -0
- package/dist/esm/components/keystroke/MrlKeystrokes/MrlKeystrokes.module.scss.js +4 -0
- package/dist/esm/components/keystroke/MrlKeystrokes/index.js +1 -0
- package/dist/esm/components/keystroke/index.js +2 -0
- package/dist/esm/components/layout/MrlMain/MrlMain.js +28 -0
- package/dist/esm/components/layout/MrlMain/MrlMain.module.css +29 -0
- package/dist/esm/components/layout/MrlMain/MrlMain.module.scss.js +5 -0
- package/dist/esm/components/layout/MrlMain/index.js +1 -0
- package/dist/esm/components/layout/MrlPage/MrlPage.js +29 -0
- package/dist/esm/components/layout/MrlPage/MrlPage.module.css +11 -0
- package/dist/esm/components/layout/MrlPage/MrlPage.module.scss.js +5 -0
- package/dist/esm/components/layout/MrlPage/index.js +25 -0
- package/dist/esm/components/layout/MrlSidebar/MrlSidebar.js +93 -0
- package/dist/esm/components/layout/MrlSidebar/MrlSidebar.module.css +64 -0
- package/dist/esm/components/layout/MrlSidebar/MrlSidebar.module.scss.js +14 -0
- package/dist/esm/components/layout/MrlSidebar/demo/MrlSidebarDemo.js +34 -0
- package/dist/esm/components/layout/MrlSidebar/index.js +1 -0
- package/dist/esm/components/layout/MrlTopbar/MrlTopbar.js +34 -0
- package/dist/esm/components/layout/MrlTopbar/MrlTopbar.module.css +11 -0
- package/dist/esm/components/layout/MrlTopbar/MrlTopbar.module.scss.js +6 -0
- package/dist/esm/components/layout/MrlTopbar/index.js +1 -0
- package/dist/esm/components/layout/constants.js +2 -0
- package/dist/esm/components/layout/context/LayoutContext.js +35 -0
- package/dist/esm/components/layout/error-page/MrlBrandColors/MrlBrandColors.js +37 -0
- package/dist/esm/components/layout/error-page/MrlBrandColors/MrlBrandColors.module.css +106 -0
- package/dist/esm/components/layout/error-page/MrlBrandColors/MrlBrandColors.module.scss.js +20 -0
- package/dist/esm/components/layout/error-page/MrlBrandColors/index.js +1 -0
- package/dist/esm/components/layout/error-page/MrlErrorPage/MrlErrorPage.js +38 -0
- package/dist/esm/components/layout/error-page/MrlErrorPage/MrlErrorPage.module.css +40 -0
- package/dist/esm/components/layout/error-page/MrlErrorPage/MrlErrorPage.module.scss.js +8 -0
- package/dist/esm/components/layout/error-page/MrlErrorPage/index.js +1 -0
- package/dist/esm/components/layout/error-page/index.js +2 -0
- package/dist/esm/components/layout/index.js +5 -0
- package/dist/esm/components/layout/utils.js +22 -0
- package/dist/esm/components/link/MrlLink/MrlLink.js +38 -0
- package/dist/esm/components/link/MrlLink/MrlLink.module.css +334 -0
- package/dist/esm/components/link/MrlLink/MrlLink.module.scss.js +17 -0
- package/dist/esm/components/link/MrlLink/index.js +1 -0
- package/dist/esm/components/link/MrlLinkButton/MrlLinkButton.global.css +640 -0
- package/dist/esm/components/link/MrlLinkButton/MrlLinkButton.js +54 -0
- package/dist/esm/components/link/MrlLinkButton/index.js +1 -0
- package/dist/esm/components/link/constants.js +29 -0
- package/dist/esm/components/link/index.js +2 -0
- package/dist/esm/components/live-region/MrlLiveRegion/MrlLiveRegion.js +43 -0
- package/dist/esm/components/live-region/MrlLiveRegion/index.js +1 -0
- package/dist/esm/components/live-region/demo/LiveRegionDemo.js +20 -0
- package/dist/esm/components/live-region/index.js +1 -0
- package/dist/esm/components/loader/MrlProgressBar/MrlProgressBar.js +65 -0
- package/dist/esm/components/loader/MrlProgressBar/MrlProgressBar.module.css +62 -0
- package/dist/esm/components/loader/MrlProgressBar/MrlProgressBar.module.scss.js +11 -0
- package/dist/esm/components/loader/MrlProgressBar/index.js +1 -0
- package/dist/esm/components/loader/MrlSpinner/MrlSpinner.js +48 -0
- package/dist/esm/components/loader/MrlSpinner/MrlSpinner.module.css +98 -0
- package/dist/esm/components/loader/MrlSpinner/MrlSpinner.module.scss.js +15 -0
- package/dist/esm/components/loader/MrlSpinner/index.js +1 -0
- package/dist/esm/components/loader/constants.js +20 -0
- package/dist/esm/components/loader/index.js +3 -0
- package/dist/esm/components/menu/MrlMenu/MrlMenu.js +442 -0
- package/dist/esm/components/menu/MrlMenu/MrlMenu.module.css +41 -0
- package/dist/esm/components/menu/MrlMenu/MrlMenu.module.scss.js +10 -0
- package/dist/esm/components/menu/MrlMenu/index.js +1 -0
- package/dist/esm/components/menu/MrlMenu/utilities.js +81 -0
- package/dist/esm/components/menu/MrlMenuGroup/MrlMenuGroup.js +29 -0
- package/dist/esm/components/menu/MrlMenuGroup/MrlMenuGroup.module.css +3 -0
- package/dist/esm/components/menu/MrlMenuGroup/MrlMenuGroup.module.scss.js +4 -0
- package/dist/esm/components/menu/MrlMenuGroup/index.js +1 -0
- package/dist/esm/components/menu/MrlMenuItem/MrlMenuItem.js +139 -0
- package/dist/esm/components/menu/MrlMenuItem/MrlMenuItem.module.css +156 -0
- package/dist/esm/components/menu/MrlMenuItem/MrlMenuItem.module.scss.js +25 -0
- package/dist/esm/components/menu/MrlMenuItem/index.js +1 -0
- package/dist/esm/components/menu/MrlMenuItemLink/MrlMenuItemLink.js +39 -0
- package/dist/esm/components/menu/MrlMenuItemLink/index.js +1 -0
- package/dist/esm/components/menu/constants.js +1 -0
- package/dist/esm/components/menu/context/MrlMenuContext.js +5 -0
- package/dist/esm/components/menu/demo/MenuByConfig.js +32 -0
- package/dist/esm/components/menu/demo/MenuWithPopover.js +30 -0
- package/dist/esm/components/menu/demo/MenuWithSubmenu.js +56 -0
- package/dist/esm/components/menu/demo/MenuWithTrigger.js +27 -0
- package/dist/esm/components/menu/demo/MenuWithTrigger.module.css +9 -0
- package/dist/esm/components/menu/demo/MenuWithTrigger.module.scss.js +6 -0
- package/dist/esm/components/menu/hooks/useBrowserEdgeScroll.js +163 -0
- package/dist/esm/components/menu/hooks/useMenuScroll.js +124 -0
- package/dist/esm/components/menu/hooks/useSubMenuElementPosition.js +64 -0
- package/dist/esm/components/menu/index.js +6 -0
- package/dist/esm/components/menu/utilities/flip-position.js +19 -0
- package/dist/esm/components/menu/utilities/get-scrollable-parent.js +20 -0
- package/dist/esm/components/menu/utilities/index.js +2 -0
- package/dist/esm/components/modal/MrlModal/MrlModal.global.css +338 -0
- package/dist/esm/components/modal/MrlModal/MrlModal.js +204 -0
- package/dist/esm/components/modal/MrlModal/MrlModal.module.css +363 -0
- package/dist/esm/components/modal/MrlModal/MrlModal.module.scss.js +48 -0
- package/dist/esm/components/modal/MrlModal/index.js +1 -0
- package/dist/esm/components/modal/MrlModal/stories.css +33 -0
- package/dist/esm/components/modal/MrlModalContent/MrlModalContent.js +59 -0
- package/dist/esm/components/modal/MrlModalContent/MrlModalContent.module.css +43 -0
- package/dist/esm/components/modal/MrlModalContent/MrlModalContent.module.scss.js +6 -0
- package/dist/esm/components/modal/MrlModalContent/index.js +1 -0
- package/dist/esm/components/modal/MrlModalContext/MrlModalContext.js +14 -0
- package/dist/esm/components/modal/MrlModalContext/index.js +1 -0
- package/dist/esm/components/modal/MrlModalFooter/MrlModalFooter.global.css +14 -0
- package/dist/esm/components/modal/MrlModalFooter/MrlModalFooter.js +37 -0
- package/dist/esm/components/modal/MrlModalFooter/MrlModalFooter.module.css +315 -0
- package/dist/esm/components/modal/MrlModalFooter/MrlModalFooter.module.scss.js +40 -0
- package/dist/esm/components/modal/MrlModalFooter/index.js +1 -0
- package/dist/esm/components/modal/MrlModalHeader/MrlModalHeader.js +39 -0
- package/dist/esm/components/modal/MrlModalHeader/MrlModalHeader.module.css +287 -0
- package/dist/esm/components/modal/MrlModalHeader/MrlModalHeader.module.scss.js +39 -0
- package/dist/esm/components/modal/MrlModalHeader/index.js +1 -0
- package/dist/esm/components/modal/constants.js +18 -0
- package/dist/esm/components/modal/demo/ModalWithTriggerDemo.js +70 -0
- package/dist/esm/components/modal/index.js +5 -0
- package/dist/esm/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.js +36 -0
- package/dist/esm/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.module.css +8 -0
- package/dist/esm/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.module.scss.js +5 -0
- package/dist/esm/components/navigation-sidebar/MrlSidebarNavGroup/index.js +1 -0
- package/dist/esm/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.js +33 -0
- package/dist/esm/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.module.css +132 -0
- package/dist/esm/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.module.scss.js +10 -0
- package/dist/esm/components/navigation-sidebar/MrlSidebarNavItem/index.js +1 -0
- package/dist/esm/components/navigation-sidebar/index.js +2 -0
- package/dist/esm/components/notification/MrlBlockNotification/MrlBlockNotification.global.css +21 -0
- package/dist/esm/components/notification/MrlBlockNotification/MrlBlockNotification.js +132 -0
- package/dist/esm/components/notification/MrlBlockNotification/MrlBlockNotification.module.css +222 -0
- package/dist/esm/components/notification/MrlBlockNotification/MrlBlockNotification.module.scss.js +13 -0
- package/dist/esm/components/notification/MrlBlockNotification/index.js +1 -0
- package/dist/esm/components/notification/MrlInlineMessage/MrlInlineMessage.js +56 -0
- package/dist/esm/components/notification/MrlInlineMessage/MrlInlineMessage.module.css +39 -0
- package/dist/esm/components/notification/MrlInlineMessage/MrlInlineMessage.module.scss.js +10 -0
- package/dist/esm/components/notification/MrlInlineMessage/index.js +1 -0
- package/dist/esm/components/notification/MrlToast/MrlToast.js +96 -0
- package/dist/esm/components/notification/MrlToast/MrlToast.module.css +123 -0
- package/dist/esm/components/notification/MrlToast/MrlToast.module.scss.js +27 -0
- package/dist/esm/components/notification/MrlToast/index.js +1 -0
- package/dist/esm/components/notification/constants.js +35 -0
- package/dist/esm/components/notification/index.js +3 -0
- package/dist/esm/components/pagination/MrlPagination/MrlPagination.js +26 -0
- package/dist/esm/components/pagination/MrlPagination/MrlPagination.module.css +35 -0
- package/dist/esm/components/pagination/MrlPagination/MrlPagination.module.scss.js +10 -0
- package/dist/esm/components/pagination/MrlPagination/index.js +1 -0
- package/dist/esm/components/pagination/MrlPaginationButton/MrlPaginationButton.js +41 -0
- package/dist/esm/components/pagination/MrlPaginationButton/index.js +1 -0
- package/dist/esm/components/pagination/MrlPaginationText/MrlPaginationText.js +36 -0
- package/dist/esm/components/pagination/MrlPaginationText/index.js +1 -0
- package/dist/esm/components/pagination/constants.js +1 -0
- package/dist/esm/components/pagination/index.js +3 -0
- package/dist/esm/components/panel/MrlPanel/MrlPanel.js +88 -0
- package/dist/esm/components/panel/MrlPanel/MrlPanel.module.css +60 -0
- package/dist/esm/components/panel/MrlPanel/MrlPanel.module.scss.js +13 -0
- package/dist/esm/components/panel/MrlPanel/index.js +1 -0
- package/dist/esm/components/panel/MrlPanelContext/MrlPanelContext.js +20 -0
- package/dist/esm/components/panel/MrlPanelContext/index.js +1 -0
- package/dist/esm/components/panel/MrlPanelFooter/MrlPanelFooter.js +29 -0
- package/dist/esm/components/panel/MrlPanelFooter/MrlPanelFooter.module.css +12 -0
- package/dist/esm/components/panel/MrlPanelFooter/MrlPanelFooter.module.scss.js +5 -0
- package/dist/esm/components/panel/MrlPanelFooter/index.js +1 -0
- package/dist/esm/components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.js +24 -0
- package/dist/esm/components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.module.css +14 -0
- package/dist/esm/components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.module.scss.js +4 -0
- package/dist/esm/components/panel/MrlPanelStickyHeader/index.js +1 -0
- package/dist/esm/components/panel/index.js +3 -0
- package/dist/esm/components/popover/MrlPopover/MrlPopover.js +292 -0
- package/dist/esm/components/popover/MrlPopover/MrlPopover.module.css +121 -0
- package/dist/esm/components/popover/MrlPopover/MrlPopover.module.scss.js +14 -0
- package/dist/esm/components/popover/MrlPopover/context/MrlPopoverContext.js +17 -0
- package/dist/esm/components/popover/MrlPopover/hooks/use-mrl-popover-event-handlers.js +170 -0
- package/dist/esm/components/popover/MrlPopover/index.js +2 -0
- package/dist/esm/components/popover/MrlPopover/utilities/get-data-point.js +10 -0
- package/dist/esm/components/popover/MrlPopover/utilities/get-offset.js +18 -0
- package/dist/esm/components/popover/MrlPopover/utilities/index.js +2 -0
- package/dist/esm/components/popover/demo/PopoverWithIconButton.js +21 -0
- package/dist/esm/components/popover/demo/PopoverWithSelect.js +25 -0
- package/dist/esm/components/popover/demo/PopoverWithTrigger.js +37 -0
- package/dist/esm/components/popover/demo/PopoverWithTrigger.module.css +13 -0
- package/dist/esm/components/popover/demo/PopoverWithTrigger.module.scss.js +7 -0
- package/dist/esm/components/popover/index.js +1 -0
- package/dist/esm/components/portal/MrlPortal.js +68 -0
- package/dist/esm/components/portal/index.js +1 -0
- package/dist/esm/components/rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.js +458 -0
- package/dist/esm/components/rovingTabindex/MrlRovingTabindex/index.js +1 -0
- package/dist/esm/components/rovingTabindex/index.js +1 -0
- package/dist/esm/components/skeleton/MrlSkeleton/MrlSkeleton.js +29 -0
- package/dist/esm/components/skeleton/MrlSkeleton/MrlSkeleton.module.css +41 -0
- package/dist/esm/components/skeleton/MrlSkeleton/MrlSkeleton.module.scss.js +6 -0
- package/dist/esm/components/skeleton/MrlSkeleton/index.js +1 -0
- package/dist/esm/components/skeleton/MrlSkeletonText/MrlSkeletonText.js +36 -0
- package/dist/esm/components/skeleton/MrlSkeletonText/MrlSkeletonText.module.css +67 -0
- package/dist/esm/components/skeleton/MrlSkeletonText/MrlSkeletonText.module.scss.js +10 -0
- package/dist/esm/components/skeleton/MrlSkeletonText/index.js +1 -0
- package/dist/esm/components/skeleton/index.js +2 -0
- package/dist/esm/components/svg/MrlSvg/MrlSvg.js +140 -0
- package/dist/esm/components/svg/MrlSvg/MrlSvg.module.css +46 -0
- package/dist/esm/components/svg/MrlSvg/MrlSvg.module.scss.js +11 -0
- package/dist/esm/components/svg/MrlSvg/index.js +1 -0
- package/dist/esm/components/svg/MrlSvgAnimate/MrlSvgAnimate.js +79 -0
- package/dist/esm/components/svg/MrlSvgAnimate/index.js +1 -0
- package/dist/esm/components/svg/config.js +116 -0
- package/dist/esm/components/svg/constants.js +34 -0
- package/dist/esm/components/svg/index.js +3 -0
- package/dist/esm/components/table/MrlSmartTable/MrlSmartTable.js +254 -0
- package/dist/esm/components/table/MrlSmartTable/MrlSmartTable.module.css +184 -0
- package/dist/esm/components/table/MrlSmartTable/MrlSmartTable.module.scss.js +16 -0
- package/dist/esm/components/table/MrlSmartTable/components/DefaultCellContent.js +15 -0
- package/dist/esm/components/table/MrlSmartTable/index.js +1 -0
- package/dist/esm/components/table/MrlSmartTable/storybook-utils.js +102 -0
- package/dist/esm/components/table/MrlTable/MrlTable.js +28 -0
- package/dist/esm/components/table/MrlTable/MrlTable.module.css +35 -0
- package/dist/esm/components/table/MrlTable/MrlTable.module.scss.js +5 -0
- package/dist/esm/components/table/MrlTable/index.js +1 -0
- package/dist/esm/components/table/MrlTableBody/MrlTableBody.js +28 -0
- package/dist/esm/components/table/MrlTableBody/MrlTableBody.module.css +31 -0
- package/dist/esm/components/table/MrlTableBody/MrlTableBody.module.scss.js +5 -0
- package/dist/esm/components/table/MrlTableBody/index.js +1 -0
- package/dist/esm/components/table/MrlTableCell/MrlTableCell.js +33 -0
- package/dist/esm/components/table/MrlTableCell/MrlTableCell.module.css +100 -0
- package/dist/esm/components/table/MrlTableCell/MrlTableCell.module.scss.js +14 -0
- package/dist/esm/components/table/MrlTableCell/index.js +1 -0
- package/dist/esm/components/table/MrlTableColumn/MrlTableColumn.js +34 -0
- package/dist/esm/components/table/MrlTableColumn/MrlTableColumn.module.css +117 -0
- package/dist/esm/components/table/MrlTableColumn/MrlTableColumn.module.scss.js +13 -0
- package/dist/esm/components/table/MrlTableColumn/index.js +1 -0
- package/dist/esm/components/table/MrlTableEmptyState/MrlTableEmptyState.js +24 -0
- package/dist/esm/components/table/MrlTableEmptyState/MrlTableEmptyState.module.css +44 -0
- package/dist/esm/components/table/MrlTableEmptyState/MrlTableEmptyState.module.scss.js +5 -0
- package/dist/esm/components/table/MrlTableEmptyState/index.js +1 -0
- package/dist/esm/components/table/MrlTableHeader/MrlTableHeader.js +29 -0
- package/dist/esm/components/table/MrlTableHeader/MrlTableHeader.module.css +36 -0
- package/dist/esm/components/table/MrlTableHeader/MrlTableHeader.module.scss.js +6 -0
- package/dist/esm/components/table/MrlTableHeader/index.js +1 -0
- package/dist/esm/components/table/MrlTableRow/MrlTableRow.js +44 -0
- package/dist/esm/components/table/MrlTableRow/MrlTableRow.module.css +155 -0
- package/dist/esm/components/table/MrlTableRow/MrlTableRow.module.scss.js +10 -0
- package/dist/esm/components/table/MrlTableRow/index.js +1 -0
- package/dist/esm/components/table/constants.js +9 -0
- package/dist/esm/components/table/fixtures.js +6200 -0
- package/dist/esm/components/table/index.js +9 -0
- package/dist/esm/components/table/utils.js +45 -0
- package/dist/esm/components/tabs/MrlTab/MrlTab.js +42 -0
- package/dist/esm/components/tabs/MrlTab/MrlTab.module.css +202 -0
- package/dist/esm/components/tabs/MrlTab/MrlTab.module.scss.js +10 -0
- package/dist/esm/components/tabs/MrlTab/index.js +1 -0
- package/dist/esm/components/tabs/MrlTabContent/MrlTabContent.js +32 -0
- package/dist/esm/components/tabs/MrlTabContent/MrlTabContent.module.css +7 -0
- package/dist/esm/components/tabs/MrlTabContent/MrlTabContent.module.scss.js +5 -0
- package/dist/esm/components/tabs/MrlTabContent/index.js +1 -0
- package/dist/esm/components/tabs/MrlTabGroup/MrlTabGroup.js +128 -0
- package/dist/esm/components/tabs/MrlTabGroup/MrlTabGroup.module.css +63 -0
- package/dist/esm/components/tabs/MrlTabGroup/MrlTabGroup.module.scss.js +11 -0
- package/dist/esm/components/tabs/MrlTabGroup/index.js +1 -0
- package/dist/esm/components/tabs/MrlTabLink/MrlTabLink.js +45 -0
- package/dist/esm/components/tabs/MrlTabLink/index.js +1 -0
- package/dist/esm/components/tabs/MrlTabs/MrlTabs.js +48 -0
- package/dist/esm/components/tabs/MrlTabs/index.js +1 -0
- package/dist/esm/components/tabs/constants.js +1 -0
- package/dist/esm/components/tabs/index.js +5 -0
- package/dist/esm/components/text/MrlText/MrlText.js +41 -0
- package/dist/esm/components/text/MrlText/MrlText.module.css +30 -0
- package/dist/esm/components/text/MrlText/MrlText.module.scss.js +8 -0
- package/dist/esm/components/text/MrlText/index.js +1 -0
- package/dist/esm/components/text/MrlTextHeading/MrlTextHeading.js +47 -0
- package/dist/esm/components/text/MrlTextHeading/MrlTextHeading.module.css +108 -0
- package/dist/esm/components/text/MrlTextHeading/MrlTextHeading.module.scss.js +16 -0
- package/dist/esm/components/text/MrlTextHeading/index.js +1 -0
- package/dist/esm/components/text/constants.js +39 -0
- package/dist/esm/components/text/index.js +2 -0
- package/dist/esm/components/toolbar/MrlToolbar/MrlToolbar.js +122 -0
- package/dist/esm/components/toolbar/MrlToolbar/MrlToolbar.module.css +55 -0
- package/dist/esm/components/toolbar/MrlToolbar/MrlToolbar.module.scss.js +11 -0
- package/dist/esm/components/toolbar/MrlToolbar/index.js +1 -0
- package/dist/esm/components/toolbar/MrlToolbarButton/MrlToolbarButton.js +34 -0
- package/dist/esm/components/toolbar/MrlToolbarButton/MrlToolbarButton.module.css +3 -0
- package/dist/esm/components/toolbar/MrlToolbarButton/MrlToolbarButton.module.scss.js +4 -0
- package/dist/esm/components/toolbar/MrlToolbarButton/index.js +1 -0
- package/dist/esm/components/toolbar/MrlToolbarItem/MrlToolbarItem.js +13 -0
- package/dist/esm/components/toolbar/MrlToolbarItem/index.js +1 -0
- package/dist/esm/components/toolbar/index.js +3 -0
- package/dist/esm/components/tooltip/MrlTooltip/MrlTooltip.js +148 -0
- package/dist/esm/components/tooltip/MrlTooltip/index.js +1 -0
- package/dist/esm/components/tooltip/MrlTooltipContent/MrlTooltipContent.global.css +170 -0
- package/dist/esm/components/tooltip/MrlTooltipContent/MrlTooltipContent.js +38 -0
- package/dist/esm/components/tooltip/MrlTooltipContent/index.js +1 -0
- package/dist/esm/components/tooltip/constants.js +19 -0
- package/dist/esm/components/tooltip/index.js +2 -0
- package/dist/esm/components/tooltip/useTooltipPosition/constants.js +1 -0
- package/dist/esm/components/tooltip/useTooltipPosition/index.js +116 -0
- package/dist/esm/components/tooltip/useTooltipPosition/utilities.js +67 -0
- package/dist/esm/components/tooltip/utils.js +17 -0
- package/dist/esm/contexts/MrlTabContext/MrlTabContext.js +7 -0
- package/dist/esm/contexts/MrlTabContext/index.js +1 -0
- package/dist/esm/contexts/index.js +1 -0
- package/dist/esm/hooks/index.js +5 -0
- package/dist/esm/hooks/useAutoClose/index.js +1 -0
- package/dist/esm/hooks/useAutoClose/useAutoClose.js +43 -0
- package/dist/esm/hooks/useBreakpoint/index.js +61 -0
- package/dist/esm/hooks/useBreakpoint/useBreakpointDemo.js +12 -0
- package/dist/esm/hooks/useClickOutside/index.js +42 -0
- package/dist/esm/hooks/useCoordinate/index.js +114 -0
- package/dist/esm/hooks/useElementDimensions/index.js +42 -0
- package/dist/esm/hooks/useHasFocusableDescendant/index.js +47 -0
- package/dist/esm/hooks/useScrollbarInfo/index.js +46 -0
- package/dist/esm/hooks/useTriggerPosition/constants.js +1 -0
- package/dist/esm/hooks/useTriggerPosition/index.js +128 -0
- package/dist/esm/hooks/useTriggerPosition/utilities.js +254 -0
- package/dist/esm/index.js +4 -0
- package/dist/esm/styles/shared/a11y-helpers/a11y.global.css +10 -0
- package/dist/esm/utils/checkInvalidAttributes/index.js +18 -0
- package/dist/esm/utils/commonProps/index.js +1 -0
- package/dist/esm/utils/dataQa/index.js +1 -0
- package/dist/esm/utils/findAdjacentInteractiveElement/findAdjacentInteractiveElement.js +33 -0
- package/dist/esm/utils/findAdjacentInteractiveElement/index.js +1 -0
- package/dist/esm/utils/frameDebounce/index.js +33 -0
- package/dist/esm/utils/getCamelCase/getCamelCase.js +18 -0
- package/dist/esm/utils/getCamelCase/index.js +2 -0
- package/dist/esm/utils/getScrollableContainer/getScrollableContainer.js +57 -0
- package/dist/esm/utils/getScrollableContainer/index.js +1 -0
- package/dist/esm/utils/hasHorizontalScroll/hasHorizontalScroll.js +13 -0
- package/dist/esm/utils/hasHorizontalScroll/index.js +1 -0
- package/dist/esm/utils/hasScrollContent/hasScrollContent.js +12 -0
- package/dist/esm/utils/hasScrollContent/index.js +1 -0
- package/dist/esm/utils/index.js +16 -0
- package/dist/esm/utils/isElementAriaDisabled/index.js +1 -0
- package/dist/esm/utils/isElementAriaDisabled/isElementAriaDisabled.js +12 -0
- package/dist/esm/utils/isElementScrollable/index.js +9 -0
- package/dist/esm/utils/isImagePath/index.js +20 -0
- package/dist/esm/utils/isImageUri/index.js +18 -0
- package/dist/esm/utils/isObject/index.js +2 -0
- package/dist/esm/utils/isObject/isObject.js +13 -0
- package/dist/esm/utils/isTouch/index.js +8 -0
- package/dist/esm/utils/layers/index.js +28 -0
- package/dist/esm/utils/noop/index.js +8 -0
- package/dist/esm/utils/preventDefault/index.js +1 -0
- package/dist/esm/utils/preventDefault/preventDefault.js +9 -0
- package/dist/esm/utils/setAttributes/index.js +2 -0
- package/dist/esm/utils/setAttributes/setAttributes.js +78 -0
- package/dist/esm/utils/trapFocus/index.js +146 -0
- package/dist/index.js +1 -2
- package/dist/styles.css +8 -8
- package/dist/types/components/avatar/MrlAvatar/MrlAvatar.d.ts +31 -0
- package/dist/types/components/avatar/MrlAvatar/index.d.ts +1 -0
- package/dist/types/components/avatar/MrlAvatarButton/MrlAvatarButton.d.ts +62 -0
- package/dist/types/components/avatar/MrlAvatarButton/index.d.ts +1 -0
- package/dist/types/components/avatar/index.d.ts +2 -0
- package/dist/types/components/badge/MrlBadge/MrlBadge.d.ts +25 -0
- package/dist/types/components/badge/MrlBadge/index.d.ts +1 -0
- package/dist/types/components/badge/MrlBadgeNotification/MrlBadgeNotification.d.ts +24 -0
- package/dist/types/components/badge/MrlBadgeNotification/index.d.ts +1 -0
- package/dist/types/components/badge/index.d.ts +2 -0
- package/dist/types/components/breadcrumb/MrlBreadcrumbItem/MrlBreadcrumbItem.d.ts +43 -0
- package/dist/types/components/breadcrumb/MrlBreadcrumbItem/index.d.ts +1 -0
- package/dist/types/components/breadcrumb/MrlBreadcrumbSeparator/MrlBreadcrumbSeparator.d.ts +6 -0
- package/dist/types/components/breadcrumb/MrlBreadcrumbSeparator/index.d.ts +1 -0
- package/dist/types/components/breadcrumb/MrlBreadcrumbs/MrlBreadcrumbs.d.ts +28 -0
- package/dist/types/components/breadcrumb/MrlBreadcrumbs/index.d.ts +1 -0
- package/dist/types/components/breadcrumb/index.d.ts +3 -0
- package/dist/types/components/button/MrlAnimatedIconButton/MrlAnimatedIconButton.d.ts +9 -0
- package/dist/types/components/button/MrlAnimatedIconButton/index.d.ts +1 -0
- package/dist/types/components/button/MrlButton/MrlButton.d.ts +105 -0
- package/dist/types/components/button/MrlButton/index.d.ts +1 -0
- package/dist/types/components/button/MrlIconButton/MrlIconButton.d.ts +112 -0
- package/dist/types/components/button/MrlIconButton/index.d.ts +1 -0
- package/dist/types/components/button/MrlProcessingButton/MrlProcessingButton.d.ts +51 -0
- package/dist/types/components/button/MrlProcessingButton/actions.d.ts +13 -0
- package/dist/types/components/button/MrlProcessingButton/index.d.ts +2 -0
- package/dist/types/components/button/constants.d.ts +33 -0
- package/dist/types/components/button/helpers.d.ts +40 -0
- package/dist/types/components/button/index.d.ts +4 -0
- package/dist/types/components/callout/MrlCallout/MrlCallout.d.ts +34 -0
- package/dist/types/components/callout/MrlCallout/index.d.ts +1 -0
- package/dist/types/components/callout/index.d.ts +1 -0
- package/dist/types/components/container/MrlContainer/MrlContainer.d.ts +22 -0
- package/dist/types/components/container/MrlContainer/index.d.ts +1 -0
- package/dist/types/components/container/constants.d.ts +12 -0
- package/dist/types/components/container/index.d.ts +1 -0
- package/dist/types/components/divider/MrlDivider/MrlDivider.d.ts +50 -0
- package/dist/types/components/divider/MrlDivider/index.d.ts +1 -0
- package/dist/types/components/divider/constants.d.ts +21 -0
- package/dist/types/components/divider/index.d.ts +1 -0
- package/dist/types/components/empty/default/MrlEmpty.d.ts +14 -0
- package/dist/types/components/empty/default/index.d.ts +1 -0
- package/dist/types/components/empty/index.d.ts +2 -0
- package/dist/types/components/empty/large/MrlEmptyLarge.d.ts +14 -0
- package/dist/types/components/empty/large/index.d.ts +1 -0
- package/dist/types/components/error-boundary/MrlErrorBoundary.d.ts +62 -0
- package/dist/types/components/error-boundary/index.d.ts +1 -0
- package/dist/types/components/filter/MrlFilter/MrlFilter.d.ts +28 -0
- package/dist/types/components/filter/MrlFilter/index.d.ts +1 -0
- package/dist/types/components/filter/MrlFilterContext/MrlFilterContext.d.ts +34 -0
- package/dist/types/components/filter/MrlFilterContext/index.d.ts +1 -0
- package/dist/types/components/filter/MrlFilterItem/MrlFilterItem.d.ts +23 -0
- package/dist/types/components/filter/MrlFilterItem/index.d.ts +1 -0
- package/dist/types/components/filter/index.d.ts +3 -0
- package/dist/types/components/focus-trap/MrlFocusTrap/MrlFocusTrap.d.ts +29 -0
- package/dist/types/components/focus-trap/MrlFocusTrap/index.d.ts +1 -0
- package/dist/types/components/focus-trap/index.d.ts +1 -0
- package/dist/types/components/form/checkbox/MrlCheckbox/MrlCheckbox.d.ts +42 -0
- package/dist/types/components/form/checkbox/MrlCheckbox/index.d.ts +1 -0
- package/dist/types/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.d.ts +21 -0
- package/dist/types/components/form/checkbox/MrlCheckboxStandalone/index.d.ts +1 -0
- package/dist/types/components/form/constants.d.ts +85 -0
- package/dist/types/components/form/date-picker/MrlDatePicker.d.ts +30 -0
- package/dist/types/components/form/date-picker/index.d.ts +1 -0
- package/dist/types/components/form/fieldset/MrlFieldset/MrlFieldset.d.ts +19 -0
- package/dist/types/components/form/fieldset/MrlFieldset/index.d.ts +1 -0
- package/dist/types/components/form/hooks/useActiveColor.d.ts +13 -0
- package/dist/types/components/form/hooks/useIsEditable.d.ts +28 -0
- package/dist/types/components/form/index.d.ts +19 -0
- package/dist/types/components/form/label/MrlLabel/MrlLabel.d.ts +32 -0
- package/dist/types/components/form/label/MrlLabel/index.d.ts +1 -0
- package/dist/types/components/form/label/MrlLabelWithDescription/MrlLabelWithDescription.d.ts +32 -0
- package/dist/types/components/form/label/MrlLabelWithDescription/index.d.ts +1 -0
- package/dist/types/components/form/legacy-select/MrlLegacySelect/MrlLegacySelect.d.ts +58 -0
- package/dist/types/components/form/legacy-select/MrlLegacySelect/index.d.ts +1 -0
- package/dist/types/components/form/legacy-select/MrlLegacySelectItem/MrlLegacySelectItem.d.ts +36 -0
- package/dist/types/components/form/legacy-select/MrlLegacySelectItem/index.d.ts +1 -0
- package/dist/types/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.d.ts +43 -0
- package/dist/types/components/form/legacy-select/MrlLegacySelectMenu/index.d.ts +1 -0
- package/dist/types/components/form/legacy-select/context/SelectContext.d.ts +68 -0
- package/dist/types/components/form/legacy-select/index.d.ts +9 -0
- package/dist/types/components/form/legacy-select/stories.data.d.ts +1 -0
- package/dist/types/components/form/radio/MrlRadioButton/MrlRadioButton.d.ts +48 -0
- package/dist/types/components/form/radio/MrlRadioButton/index.d.ts +1 -0
- package/dist/types/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.d.ts +26 -0
- package/dist/types/components/form/radio/MrlRadioButtonStandalone/index.d.ts +1 -0
- package/dist/types/components/form/radio/MrlRadioGroup/MrlRadioGroup.d.ts +21 -0
- package/dist/types/components/form/radio/MrlRadioGroup/index.d.ts +1 -0
- package/dist/types/components/form/select/MrlCreatableSelect/MrlCreatableSelect.d.ts +26 -0
- package/dist/types/components/form/select/MrlCreatableSelect/index.d.ts +1 -0
- package/dist/types/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.d.ts +26 -0
- package/dist/types/components/form/select/MrlMultiCreatableSelect/index.d.ts +1 -0
- package/dist/types/components/form/select/MrlMultiSelect/MrlMultiSelect.d.ts +24 -0
- package/dist/types/components/form/select/MrlMultiSelect/index.d.ts +1 -0
- package/dist/types/components/form/select/MrlSelect/MrlSelect.d.ts +24 -0
- package/dist/types/components/form/select/MrlSelect/index.d.ts +1 -0
- package/dist/types/components/form/select/components/MrlSelectClearIndicator.d.ts +8 -0
- package/dist/types/components/form/select/components/MrlSelectContainer.d.ts +9 -0
- package/dist/types/components/form/select/components/MrlSelectDropdownIndicator.d.ts +9 -0
- package/dist/types/components/form/select/components/MrlSelectMultiValue.d.ts +10 -0
- package/dist/types/components/form/select/components/MrlSelectMultiValueRemove.d.ts +9 -0
- package/dist/types/components/form/select/components/MrlSelectOption.d.ts +9 -0
- package/dist/types/components/form/select/components/MrlSelectValueContainer.d.ts +9 -0
- package/dist/types/components/form/select/components/index.d.ts +7 -0
- package/dist/types/components/form/select/index.d.ts +6 -0
- package/dist/types/components/form/select/styles/default.d.ts +6 -0
- package/dist/types/components/form/select/styles/index.d.ts +9 -0
- package/dist/types/components/form/select/styles/inline.d.ts +7 -0
- package/dist/types/components/form/select/styles/inlineNoLabel.d.ts +7 -0
- package/dist/types/components/form/select/styles/inlineStacked.d.ts +7 -0
- package/dist/types/components/form/select/types.d.ts +5 -0
- package/dist/types/components/form/select/utils/closeMenuOnScroll.d.ts +10 -0
- package/dist/types/components/form/select/utils/index.d.ts +1 -0
- package/dist/types/components/form/switch/MrlSwitch/MrlSwitch.d.ts +15 -0
- package/dist/types/components/form/switch/MrlSwitch/index.d.ts +1 -0
- package/dist/types/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.d.ts +10 -0
- package/dist/types/components/form/switch/MrlSwitchStandalone/index.d.ts +1 -0
- package/dist/types/components/form/switch/index.d.ts +2 -0
- package/dist/types/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.d.ts +36 -0
- package/dist/types/components/form/text-input/MrlEditableTextInput/MrlEditableTextInputRightIcon.d.ts +25 -0
- package/dist/types/components/form/text-input/MrlEditableTextInput/index.d.ts +1 -0
- package/dist/types/components/form/text-input/MrlTextInput/MrlTextInput.d.ts +43 -0
- package/dist/types/components/form/text-input/MrlTextInput/MrlTextInputRightIcon.d.ts +24 -0
- package/dist/types/components/form/text-input/MrlTextInput/index.d.ts +1 -0
- package/dist/types/components/form/textarea/MrlEditableTextarea/MrlEditableTextarea.d.ts +44 -0
- package/dist/types/components/form/textarea/MrlEditableTextarea/MrlEditableTextareaRightButton.d.ts +25 -0
- package/dist/types/components/form/textarea/MrlEditableTextarea/index.d.ts +1 -0
- package/dist/types/components/form/textarea/MrlTextarea/MrlTextarea.d.ts +38 -0
- package/dist/types/components/form/textarea/MrlTextarea/index.d.ts +1 -0
- package/dist/types/components/form/utils.d.ts +94 -0
- package/dist/types/components/grid/MrlCol/MrlCol.d.ts +11 -0
- package/dist/types/components/grid/MrlCol/index.d.ts +1 -0
- package/dist/types/components/grid/MrlGrid/MrlGrid.d.ts +10 -0
- package/dist/types/components/grid/MrlGrid/index.d.ts +1 -0
- package/dist/types/components/grid/MrlRow/MrlRow.d.ts +24 -0
- package/dist/types/components/grid/MrlRow/index.d.ts +1 -0
- package/dist/types/components/grid/constants.d.ts +50 -0
- package/dist/types/components/grid/index.d.ts +3 -0
- package/dist/types/components/index.d.ts +34 -0
- package/dist/types/components/keystroke/MrlKeystroke/MrlKeystroke.d.ts +17 -0
- package/dist/types/components/keystroke/MrlKeystroke/index.d.ts +1 -0
- package/dist/types/components/keystroke/MrlKeystrokes/MrlKeystrokes.d.ts +17 -0
- package/dist/types/components/keystroke/MrlKeystrokes/index.d.ts +1 -0
- package/dist/types/components/keystroke/index.d.ts +2 -0
- package/dist/types/components/layout/MrlMain/MrlMain.d.ts +8 -0
- package/dist/types/components/layout/MrlMain/index.d.ts +1 -0
- package/dist/types/components/layout/MrlPage/MrlPage.d.ts +10 -0
- package/dist/types/components/layout/MrlPage/index.d.ts +11 -0
- package/dist/types/components/layout/MrlSidebar/MrlSidebar.d.ts +21 -0
- package/dist/types/components/layout/MrlSidebar/demo/MrlSidebarDemo.d.ts +8 -0
- package/dist/types/components/layout/MrlSidebar/index.d.ts +1 -0
- package/dist/types/components/layout/MrlTopbar/MrlTopbar.d.ts +10 -0
- package/dist/types/components/layout/MrlTopbar/index.d.ts +1 -0
- package/dist/types/components/layout/constants.d.ts +16 -0
- package/dist/types/components/layout/context/LayoutContext.d.ts +24 -0
- package/dist/types/components/layout/error-page/MrlBrandColors/MrlBrandColors.d.ts +13 -0
- package/dist/types/components/layout/error-page/MrlBrandColors/index.d.ts +1 -0
- package/dist/types/components/layout/error-page/MrlErrorPage/MrlErrorPage.d.ts +28 -0
- package/dist/types/components/layout/error-page/MrlErrorPage/index.d.ts +1 -0
- package/dist/types/components/layout/error-page/index.d.ts +2 -0
- package/dist/types/components/layout/index.d.ts +5 -0
- package/dist/types/components/layout/utils.d.ts +15 -0
- package/dist/types/components/link/MrlLink/MrlLink.d.ts +49 -0
- package/dist/types/components/link/MrlLink/index.d.ts +1 -0
- package/dist/types/components/link/MrlLinkButton/MrlLinkButton.d.ts +54 -0
- package/dist/types/components/link/MrlLinkButton/index.d.ts +1 -0
- package/dist/types/components/link/constants.d.ts +24 -0
- package/dist/types/components/link/index.d.ts +2 -0
- package/dist/types/components/live-region/MrlLiveRegion/MrlLiveRegion.d.ts +19 -0
- package/dist/types/components/live-region/MrlLiveRegion/index.d.ts +1 -0
- package/dist/types/components/live-region/demo/LiveRegionDemo.d.ts +7 -0
- package/dist/types/components/live-region/index.d.ts +1 -0
- package/dist/types/components/loader/MrlProgressBar/MrlProgressBar.d.ts +10 -0
- package/dist/types/components/loader/MrlProgressBar/index.d.ts +1 -0
- package/dist/types/components/loader/MrlSpinner/MrlSpinner.d.ts +10 -0
- package/dist/types/components/loader/MrlSpinner/index.d.ts +1 -0
- package/dist/types/components/loader/constants.d.ts +88 -0
- package/dist/types/components/loader/index.d.ts +3 -0
- package/dist/types/components/menu/MrlMenu/MrlMenu.d.ts +119 -0
- package/dist/types/components/menu/MrlMenu/index.d.ts +1 -0
- package/dist/types/components/menu/MrlMenu/utilities.d.ts +29 -0
- package/dist/types/components/menu/MrlMenuGroup/MrlMenuGroup.d.ts +12 -0
- package/dist/types/components/menu/MrlMenuGroup/index.d.ts +1 -0
- package/dist/types/components/menu/MrlMenuItem/MrlMenuItem.d.ts +50 -0
- package/dist/types/components/menu/MrlMenuItem/index.d.ts +1 -0
- package/dist/types/components/menu/MrlMenuItemLink/MrlMenuItemLink.d.ts +36 -0
- package/dist/types/components/menu/MrlMenuItemLink/index.d.ts +1 -0
- package/dist/types/components/menu/constants.d.ts +46 -0
- package/dist/types/components/menu/context/MrlMenuContext.d.ts +24 -0
- package/dist/types/components/menu/demo/MenuByConfig.d.ts +7 -0
- package/dist/types/components/menu/demo/MenuWithPopover.d.ts +18 -0
- package/dist/types/components/menu/demo/MenuWithSubmenu.d.ts +18 -0
- package/dist/types/components/menu/demo/MenuWithTrigger.d.ts +19 -0
- package/dist/types/components/menu/hooks/useBrowserEdgeScroll.d.ts +22 -0
- package/dist/types/components/menu/hooks/useMenuScroll.d.ts +40 -0
- package/dist/types/components/menu/hooks/useSubMenuElementPosition.d.ts +18 -0
- package/dist/types/components/menu/index.d.ts +6 -0
- package/dist/types/components/menu/utilities/flip-position.d.ts +8 -0
- package/dist/types/components/menu/utilities/get-scrollable-parent.d.ts +7 -0
- package/dist/types/components/menu/utilities/index.d.ts +2 -0
- package/dist/types/components/modal/MrlModal/MrlModal.d.ts +49 -0
- package/dist/types/components/modal/MrlModal/index.d.ts +1 -0
- package/dist/types/components/modal/MrlModalContent/MrlModalContent.d.ts +19 -0
- package/dist/types/components/modal/MrlModalContent/index.d.ts +1 -0
- package/dist/types/components/modal/MrlModalContext/MrlModalContext.d.ts +19 -0
- package/dist/types/components/modal/MrlModalContext/index.d.ts +1 -0
- package/dist/types/components/modal/MrlModalFooter/MrlModalFooter.d.ts +20 -0
- package/dist/types/components/modal/MrlModalFooter/index.d.ts +1 -0
- package/dist/types/components/modal/MrlModalHeader/MrlModalHeader.d.ts +23 -0
- package/dist/types/components/modal/MrlModalHeader/index.d.ts +1 -0
- package/dist/types/components/modal/constants.d.ts +18 -0
- package/dist/types/components/modal/demo/ModalWithTriggerDemo.d.ts +16 -0
- package/dist/types/components/modal/index.d.ts +5 -0
- package/dist/types/components/navigation-sidebar/MrlSidebarNavGroup/MrlSidebarNavGroup.d.ts +25 -0
- package/dist/types/components/navigation-sidebar/MrlSidebarNavGroup/index.d.ts +1 -0
- package/dist/types/components/navigation-sidebar/MrlSidebarNavItem/MrlSidebarNavItem.d.ts +31 -0
- package/dist/types/components/navigation-sidebar/MrlSidebarNavItem/index.d.ts +1 -0
- package/dist/types/components/navigation-sidebar/index.d.ts +2 -0
- package/dist/types/components/notification/MrlBlockNotification/MrlBlockNotification.d.ts +97 -0
- package/dist/types/components/notification/MrlBlockNotification/index.d.ts +1 -0
- package/dist/types/components/notification/MrlInlineMessage/MrlInlineMessage.d.ts +39 -0
- package/dist/types/components/notification/MrlInlineMessage/index.d.ts +1 -0
- package/dist/types/components/notification/MrlToast/MrlToast.d.ts +66 -0
- package/dist/types/components/notification/MrlToast/index.d.ts +1 -0
- package/dist/types/components/notification/constants.d.ts +26 -0
- package/dist/types/components/notification/index.d.ts +3 -0
- package/dist/types/components/pagination/MrlPagination/MrlPagination.d.ts +19 -0
- package/dist/types/components/pagination/MrlPagination/index.d.ts +1 -0
- package/dist/types/components/pagination/MrlPaginationButton/MrlPaginationButton.d.ts +29 -0
- package/dist/types/components/pagination/MrlPaginationButton/index.d.ts +1 -0
- package/dist/types/components/pagination/MrlPaginationText/MrlPaginationText.d.ts +22 -0
- package/dist/types/components/pagination/MrlPaginationText/index.d.ts +1 -0
- package/dist/types/components/pagination/constants.d.ts +1 -0
- package/dist/types/components/pagination/index.d.ts +3 -0
- package/dist/types/components/panel/MrlPanel/MrlPanel.d.ts +53 -0
- package/dist/types/components/panel/MrlPanel/index.d.ts +1 -0
- package/dist/types/components/panel/MrlPanelContext/MrlPanelContext.d.ts +11 -0
- package/dist/types/components/panel/MrlPanelContext/index.d.ts +1 -0
- package/dist/types/components/panel/MrlPanelFooter/MrlPanelFooter.d.ts +22 -0
- package/dist/types/components/panel/MrlPanelFooter/index.d.ts +1 -0
- package/dist/types/components/panel/MrlPanelStickyHeader/MrlPanelStickyHeader.d.ts +18 -0
- package/dist/types/components/panel/MrlPanelStickyHeader/index.d.ts +1 -0
- package/dist/types/components/panel/index.d.ts +3 -0
- package/dist/types/components/popover/MrlPopover/MrlPopover.d.ts +132 -0
- package/dist/types/components/popover/MrlPopover/context/MrlPopoverContext.d.ts +20 -0
- package/dist/types/components/popover/MrlPopover/hooks/use-mrl-popover-event-handlers.d.ts +33 -0
- package/dist/types/components/popover/MrlPopover/index.d.ts +2 -0
- package/dist/types/components/popover/MrlPopover/utilities/get-data-point.d.ts +9 -0
- package/dist/types/components/popover/MrlPopover/utilities/get-offset.d.ts +9 -0
- package/dist/types/components/popover/MrlPopover/utilities/index.d.ts +2 -0
- package/dist/types/components/popover/demo/PopoverWithIconButton.d.ts +21 -0
- package/dist/types/components/popover/demo/PopoverWithSelect.d.ts +24 -0
- package/dist/types/components/popover/demo/PopoverWithTrigger.d.ts +26 -0
- package/dist/types/components/popover/index.d.ts +1 -0
- package/dist/types/components/portal/MrlPortal.d.ts +20 -0
- package/dist/types/components/portal/index.d.ts +1 -0
- package/dist/types/components/rovingTabindex/MrlRovingTabindex/MrlRovingTabindex.d.ts +142 -0
- package/dist/types/components/rovingTabindex/MrlRovingTabindex/index.d.ts +1 -0
- package/dist/types/components/rovingTabindex/index.d.ts +1 -0
- package/dist/types/components/skeleton/MrlSkeleton/MrlSkeleton.d.ts +20 -0
- package/dist/types/components/skeleton/MrlSkeleton/index.d.ts +1 -0
- package/dist/types/components/skeleton/MrlSkeletonText/MrlSkeletonText.d.ts +22 -0
- package/dist/types/components/skeleton/MrlSkeletonText/index.d.ts +1 -0
- package/dist/types/components/skeleton/index.d.ts +2 -0
- package/dist/types/components/svg/MrlSvg/MrlSvg.d.ts +35 -0
- package/dist/types/components/svg/MrlSvg/index.d.ts +1 -0
- package/dist/types/components/svg/MrlSvgAnimate/MrlSvgAnimate.d.ts +50 -0
- package/dist/types/components/svg/MrlSvgAnimate/index.d.ts +1 -0
- package/dist/types/components/svg/config.d.ts +112 -0
- package/dist/types/components/svg/constants.d.ts +36 -0
- package/dist/types/components/svg/index.d.ts +3 -0
- package/dist/types/components/table/MrlSmartTable/MrlSmartTable.d.ts +224 -0
- package/dist/types/components/table/MrlSmartTable/components/DefaultCellContent.d.ts +4 -0
- package/dist/types/components/table/MrlSmartTable/index.d.ts +1 -0
- package/dist/types/components/table/MrlSmartTable/storybook-utils.d.ts +11 -0
- package/dist/types/components/table/MrlTable/MrlTable.d.ts +17 -0
- package/dist/types/components/table/MrlTable/index.d.ts +1 -0
- package/dist/types/components/table/MrlTableBody/MrlTableBody.d.ts +17 -0
- package/dist/types/components/table/MrlTableBody/index.d.ts +1 -0
- package/dist/types/components/table/MrlTableCell/MrlTableCell.d.ts +26 -0
- package/dist/types/components/table/MrlTableCell/index.d.ts +1 -0
- package/dist/types/components/table/MrlTableColumn/MrlTableColumn.d.ts +26 -0
- package/dist/types/components/table/MrlTableColumn/index.d.ts +1 -0
- package/dist/types/components/table/MrlTableEmptyState/MrlTableEmptyState.d.ts +14 -0
- package/dist/types/components/table/MrlTableEmptyState/index.d.ts +1 -0
- package/dist/types/components/table/MrlTableHeader/MrlTableHeader.d.ts +17 -0
- package/dist/types/components/table/MrlTableHeader/index.d.ts +1 -0
- package/dist/types/components/table/MrlTableRow/MrlTableRow.d.ts +26 -0
- package/dist/types/components/table/MrlTableRow/index.d.ts +1 -0
- package/dist/types/components/table/constants.d.ts +22 -0
- package/dist/types/components/table/fixtures.d.ts +107 -0
- package/dist/types/components/table/index.d.ts +9 -0
- package/dist/types/components/table/utils.d.ts +43 -0
- package/dist/types/components/tabs/MrlTab/MrlTab.d.ts +20 -0
- package/dist/types/components/tabs/MrlTab/index.d.ts +1 -0
- package/dist/types/components/tabs/MrlTabContent/MrlTabContent.d.ts +9 -0
- package/dist/types/components/tabs/MrlTabContent/index.d.ts +1 -0
- package/dist/types/components/tabs/MrlTabGroup/MrlTabGroup.d.ts +10 -0
- package/dist/types/components/tabs/MrlTabGroup/index.d.ts +1 -0
- package/dist/types/components/tabs/MrlTabLink/MrlTabLink.d.ts +28 -0
- package/dist/types/components/tabs/MrlTabLink/index.d.ts +1 -0
- package/dist/types/components/tabs/MrlTabs/MrlTabs.d.ts +21 -0
- package/dist/types/components/tabs/MrlTabs/index.d.ts +1 -0
- package/dist/types/components/tabs/constants.d.ts +1 -0
- package/dist/types/components/tabs/index.d.ts +5 -0
- package/dist/types/components/text/MrlText/MrlText.d.ts +26 -0
- package/dist/types/components/text/MrlText/index.d.ts +1 -0
- package/dist/types/components/text/MrlTextHeading/MrlTextHeading.d.ts +39 -0
- package/dist/types/components/text/MrlTextHeading/index.d.ts +1 -0
- package/dist/types/components/text/constants.d.ts +40 -0
- package/dist/types/components/text/index.d.ts +2 -0
- package/dist/types/components/toolbar/MrlToolbar/MrlToolbar.d.ts +39 -0
- package/dist/types/components/toolbar/MrlToolbar/index.d.ts +1 -0
- package/dist/types/components/toolbar/MrlToolbarButton/MrlToolbarButton.d.ts +57 -0
- package/dist/types/components/toolbar/MrlToolbarButton/index.d.ts +1 -0
- package/dist/types/components/toolbar/MrlToolbarItem/MrlToolbarItem.d.ts +30 -0
- package/dist/types/components/toolbar/MrlToolbarItem/index.d.ts +1 -0
- package/dist/types/components/toolbar/index.d.ts +3 -0
- package/dist/types/components/tooltip/MrlTooltip/MrlTooltip.d.ts +54 -0
- package/dist/types/components/tooltip/MrlTooltip/index.d.ts +1 -0
- package/dist/types/components/tooltip/MrlTooltipContent/MrlTooltipContent.d.ts +43 -0
- package/dist/types/components/tooltip/MrlTooltipContent/index.d.ts +1 -0
- package/dist/types/components/tooltip/constants.d.ts +27 -0
- package/dist/types/components/tooltip/index.d.ts +2 -0
- package/dist/types/components/tooltip/useTooltipPosition/constants.d.ts +9 -0
- package/dist/types/components/tooltip/useTooltipPosition/index.d.ts +14 -0
- package/dist/types/components/tooltip/useTooltipPosition/utilities.d.ts +19 -0
- package/dist/types/components/tooltip/utils.d.ts +9 -0
- package/dist/types/contexts/MrlTabContext/MrlTabContext.d.ts +6 -0
- package/dist/types/contexts/MrlTabContext/index.d.ts +1 -0
- package/dist/types/contexts/index.d.ts +1 -0
- package/dist/types/hooks/index.d.ts +5 -0
- package/dist/types/hooks/useAutoClose/index.d.ts +1 -0
- package/dist/types/hooks/useAutoClose/useAutoClose.d.ts +11 -0
- package/dist/types/hooks/useBreakpoint/index.d.ts +15 -0
- package/dist/types/hooks/useBreakpoint/useBreakpointDemo.d.ts +7 -0
- package/dist/types/hooks/useClickOutside/index.d.ts +11 -0
- package/dist/types/hooks/useCoordinate/index.d.ts +18 -0
- package/dist/types/hooks/useElementDimensions/index.d.ts +16 -0
- package/dist/types/hooks/useHasFocusableDescendant/index.d.ts +23 -0
- package/dist/types/hooks/useScrollbarInfo/index.d.ts +24 -0
- package/dist/types/hooks/useTriggerPosition/constants.d.ts +11 -0
- package/dist/types/hooks/useTriggerPosition/index.d.ts +17 -0
- package/dist/types/hooks/useTriggerPosition/utilities.d.ts +12 -0
- package/dist/types/index.d.ts +4 -0
- package/dist/types/utils/checkInvalidAttributes/index.d.ts +7 -0
- package/dist/types/utils/commonProps/index.d.ts +20 -0
- package/dist/types/utils/dataQa/index.d.ts +6 -0
- package/dist/types/utils/findAdjacentInteractiveElement/findAdjacentInteractiveElement.d.ts +8 -0
- package/dist/types/utils/findAdjacentInteractiveElement/index.d.ts +1 -0
- package/dist/types/utils/frameDebounce/index.d.ts +22 -0
- package/dist/types/utils/getCamelCase/getCamelCase.d.ts +7 -0
- package/dist/types/utils/getCamelCase/index.d.ts +2 -0
- package/dist/types/utils/getScrollableContainer/getScrollableContainer.d.ts +10 -0
- package/dist/types/utils/getScrollableContainer/index.d.ts +1 -0
- package/dist/types/utils/hasHorizontalScroll/hasHorizontalScroll.d.ts +11 -0
- package/dist/types/utils/hasHorizontalScroll/index.d.ts +1 -0
- package/dist/types/utils/hasScrollContent/hasScrollContent.d.ts +11 -0
- package/dist/types/utils/hasScrollContent/index.d.ts +1 -0
- package/dist/types/utils/index.d.ts +16 -0
- package/dist/types/utils/isElementAriaDisabled/index.d.ts +1 -0
- package/dist/types/utils/isElementAriaDisabled/isElementAriaDisabled.d.ts +7 -0
- package/dist/types/utils/isElementScrollable/index.d.ts +7 -0
- package/dist/types/utils/isImagePath/index.d.ts +7 -0
- package/dist/types/utils/isImageUri/index.d.ts +7 -0
- package/dist/types/utils/isObject/index.d.ts +2 -0
- package/dist/types/utils/isObject/isObject.d.ts +14 -0
- package/dist/types/utils/isTouch/index.d.ts +6 -0
- package/dist/types/utils/layers/index.d.ts +52 -0
- package/dist/types/utils/noop/index.d.ts +7 -0
- package/dist/types/utils/preventDefault/index.d.ts +1 -0
- package/dist/types/utils/preventDefault/preventDefault.d.ts +6 -0
- package/dist/types/utils/setAttributes/index.d.ts +2 -0
- package/dist/types/utils/setAttributes/setAttributes.d.ts +35 -0
- package/dist/types/utils/trapFocus/index.d.ts +22 -0
- package/package.json +21 -2
- package/dist/index.js.LICENSE.txt +0 -8
package/dist/styles.css
CHANGED
|
@@ -1,4 +1,8 @@
|
|
|
1
|
+
.MrlSvgContainer--xWawW,.MrlSvg--StPVX{--mrl-svg-size: var(--mrl-spacing-07)}.MrlSvgContainer--small--wLRCd,.MrlSvg--small--zP1On{--mrl-svg-size: var(--mrl-spacing-06)}.MrlSvgContainer--large--UEMQG,.MrlSvg--large--HeoAa{--mrl-svg-size: var(--mrl-spacing-10)}.MrlSvgContainer--auto--vhRxy,.MrlSvg--auto--w9gVr{--mrl-svg-size: 100%}.MrlSvgContainer--xWawW{color:inherit;display:inline-flex;height:var(--mrl-svg-size);width:var(--mrl-svg-size)}.MrlSvgContainer--auto--vhRxy{height:100%;width:100%}.MrlSvg--StPVX{display:inline-block;fill:currentcolor;height:auto;width:var(--mrl-svg-size)}.MrlSvg--StPVX *{pointer-events:none}.MrlSvg--auto--w9gVr{height:100%;width:100%}
|
|
1
2
|
.MrlAvatar-content--E7qX_{border:var(--mrl-stroke-02) solid rgba(0,0,0,0);border-radius:var(--mrl-radii-03);display:block;font-size:var(--mrl-font-size-04);font-weight:var(--mrl-font-weight-04);height:100%;line-height:2.875rem;max-width:100%;overflow:hidden;text-align:center;width:100%}.MrlAvatar-content--E7qX_ .MrlSvgContainer{display:block;height:auto;max-width:100%;width:100%}.MrlAvatar--e8VFH{border-radius:var(--mrl-radii-03);box-shadow:0 0 1px 1px rgba(0,0,0,.04) inset;box-sizing:border-box;display:block;height:var(--mrl-spacing-10);position:relative;width:var(--mrl-spacing-10)}.MrlAvatar--xsmall--jn6uR{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlAvatar--xsmall--jn6uR .MrlAvatar-content--E7qX_{font-size:var(--mrl-font-size-02);line-height:1.375rem}.MrlAvatar--small--DdBZ7{height:var(--mrl-spacing-08);width:var(--mrl-spacing-08)}.MrlAvatar--small--DdBZ7 .MrlAvatar-content--E7qX_{font-size:var(--mrl-font-size-02);line-height:1.875rem}.MrlAvatar--large--eT7KW{border-radius:var(--mrl-radii-06);height:var(--mrl-spacing-13);width:var(--mrl-spacing-13)}.MrlAvatar--large--eT7KW .MrlAvatar-content--E7qX_{border-radius:var(--mrl-radii-06);font-size:var(--mrl-font-size-07);line-height:5.875rem}.MrlAvatar-image--lWg5A{display:block;height:auto;max-width:100%;width:100%}.MrlAvatar-icon-container--xUwiS{border-radius:1rem;bottom:-0.1875rem;color:var(--mrl-color-background);position:absolute}.MrlAvatar-icon-container--xUwiS .MrlAvatar-icon--tfC5v{display:block;left:50%;position:absolute}.MrlAvatar-icon-container--xUwiS .MrlAvatar-icon--tfC5v .mrl-svg{margin:0}.MrlAvatar-icon-container--small--_IFIA{height:1rem;right:-0.1875rem;width:1rem}.MrlAvatar-icon-container--small--_IFIA .MrlAvatar-icon--tfC5v{height:1rem;margin-left:-0.3125rem;top:0;width:.625rem}.MrlAvatar-icon-container--xsmall--oIGsd{border-radius:.75rem;height:.75rem;right:-0.125rem;width:.75rem}.MrlAvatar-icon-container--xsmall--oIGsd .MrlAvatar-icon--tfC5v{height:.5rem;margin-left:-0.225rem;top:-0.1rem;width:.5rem}
|
|
3
|
+
@keyframes spin--uLQTd{from{transform:rotate(0)}to{transform:rotate(360deg)}}.MrlSpinner-container--BbU6W{height:var(--mrl-spacing-06);overflow:hidden;position:relative;width:var(--mrl-spacing-06)}.MrlSpinner-container--xsmall--vY91J{align-items:center;display:flex;height:var(--mrl-spacing-05);justify-content:center;width:var(--mrl-spacing-05)}.MrlSpinner-container--medium--fCwTF{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner-container--large--UE9f9{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner-container--large--UE9f9.MrlSpinner-container--logo--BrgYx{height:93px}.MrlSpinner--PDiRC{align-items:center;animation:500ms spin--uLQTd var(--mrl-timing-m3) infinite;display:flex;height:var(--mrl-spacing-06);justify-content:center;width:var(--mrl-spacing-06)}.MrlSpinner--PDiRC::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-blue-70), 0) 0deg, rgba(var(--mrl-blue-70), 0) 0.26deg, rgba(var(--mrl-blue-70), 0) 60deg, rgba(var(--mrl-blue-70), 0.26) 114.38deg, rgba(var(--mrl-blue-70), 1) 217.5deg, rgba(var(--mrl-blue-70), 1) 360deg);border-radius:6px;clip-path:path("M10 1c0-.552-.449-1.005-.999-.95C3.947.55 0 4.813 0 10c0 5.523 4.477 10 10 10s10-4.477 10-10a9.987 9.987 0 0 0-4.152-8.112c-.452-.327-1.073-.154-1.347.332-.268.477-.099 1.077.337 1.408a8 8 0 1 1-5.836-1.566C9.55 1.993 10 1.552 10 1Z");content:"";display:block;height:20px;width:20px}.MrlSpinner--xsmall--lKxwJ{height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlSpinner--xsmall--lKxwJ::before{transform:scale(0.6)}.MrlSpinner--medium--TkBU7{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner--medium--TkBU7::before{transform:scale(1.2)}.MrlSpinner--large--m3U6M{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner--large--m3U6M::before{transform:scale(2)}.MrlSpinner--inverse--SsPk0::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-white), 0) 0deg, rgba(var(--mrl-white), 0) 0.26deg, rgba(var(--mrl-white), 0) 60deg, rgba(var(--mrl-white), 0.26) 114.38deg, rgba(var(--mrl-white), 1) 217.5deg, rgba(var(--mrl-white), 1) 360deg)}.MrlSpinner-container--logo--BrgYx{text-align:center}.MrlSpinner-container--logo--BrgYx.MrlSpinner-container--BbU6W{display:block;min-height:calc(var(--mrl-spacing-12) + var(--mrl-spacing-02));width:99px}.MrlSpinner-container--logo--BrgYx .MrlSpinner--PDiRC{margin:0 auto}.MrlSpinnerLogo--DZqlx{display:block;margin-top:var(--mrl-spacing-07);width:99px}@media(prefers-reduced-motion){.MrlSpinner--PDiRC{animation:1.5s spin--uLQTd linear 4}}
|
|
4
|
+
.mrl-visually-hidden{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
|
|
5
|
+
.mrl-tooltip-content{--mrl-tooltip-background-color: var(--mrl-color-background-inverse);--mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary);--mrl-tooltip-border-radius: var(--mrl-border-radius-content-large);--mrl-tooltip-font-size: var(--mrl-type-size-text-xsmall);--mrl-tooltip-line-height: var(--mrl-type-line-height-text-xsmall);--mrl-tooltip-padding: var(--mrl-spacing-02) var(--mrl-spacing-03);--mrl-tooltip-arrow-size: 8px;--mrl-tooltip-arrow-border-radius: 1px;--mrl-tooltip-arrow-spacing: var(--mrl-spacing-06);--mrl-tooltip-arrow-display-left-right: none;--mrl-tooltip-trigger-offset: var(--mrl-spacing-03)}.mrl-tooltip-content--inverse{--mrl-tooltip-background-color: var(--mrl-gray-80);--mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary)}.mrl-tooltip-content{background:var(--mrl-tooltip-background-color);border-radius:var(--mrl-tooltip-border-radius);color:var(--mrl-tooltip-text-color);cursor:default;display:flex;font-family:var(--mrl-body-font);font-size:var(--mrl-tooltip-font-size);font-weight:var(--mrl-type-weight-title-secondary);gap:var(--mrl-spacing-02);line-height:var(--mrl-tooltip-line-height);max-width:calc(var(--mrl-spacing-09)*7);overflow-wrap:break-word;padding:var(--mrl-tooltip-padding);position:absolute;transition-property:opacity;white-space:normal;width:max-content;z-index:900}.mrl-tooltip-content.has-custom-render{padding-right:var(--mrl-spacing-02)}.mrl-tooltip-content__hover{background:rgba(0,0,0,0);position:absolute}.mrl-tooltip-content::after{background:rgba(0,0,0,0);border-bottom:9.4339811321px solid var(--mrl-tooltip-background-color);border-right:9.4339811321px solid rgba(0,0,0,0);content:"";height:0;position:absolute;transform:rotate(135deg);width:0}.mrl-tooltip-content[data-position=top]{bottom:100%;margin-bottom:var(--mrl-tooltip-trigger-offset);right:50%;transform:translateX(50%)}.mrl-tooltip-content[data-position=top]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);bottom:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);left:calc(50% - var(--mrl-tooltip-arrow-size)/2);transform:rotate(315deg)}.mrl-tooltip-content[data-position=top] .mrl-tooltip-content__hover{height:10px;left:0;top:100%;width:100%}.mrl-tooltip-content[data-anchor=start]{left:0;right:initial;transform:none}.mrl-tooltip-content[data-anchor=start]::after{left:var(--mrl-tooltip-arrow-spacing)}.mrl-tooltip-content[data-anchor=start].mrlIconButton--small-wrapper::after{left:var(--mrl-spacing-04)}.mrl-tooltip-content[data-anchor=start].mrlIconButton--xsmall-wrapper::after{left:var(--mrl-spacing-03)}.mrl-tooltip-content[data-anchor=end]{right:0;transform:none}.mrl-tooltip-content[data-anchor=end]::after{left:auto;right:var(--mrl-tooltip-arrow-spacing)}.mrl-tooltip-content[data-anchor=end].mrlIconButton--small-wrapper::after{left:auto;right:var(--mrl-spacing-04)}.mrl-tooltip-content[data-anchor=end].mrlIconButton--xsmall-wrapper::after{left:auto;right:var(--mrl-spacing-03)}.mrl-tooltip-content[data-position=bottom]{margin-top:var(--mrl-tooltip-trigger-offset);top:100%}.mrl-tooltip-content[data-position=bottom]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);top:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px)}.mrl-tooltip-content[data-position=bottom] .mrl-tooltip-content__hover{height:10px;left:0;top:-10px;width:100%}.mrl-tooltip-content[data-position=bottom][data-anchor=center]{right:50%;transform:translateX(50%)}.mrl-tooltip-content[data-position=bottom][data-anchor=center]::after{left:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=left]{left:initial;margin-right:var(--mrl-tooltip-trigger-offset);right:100%;top:50%;transform:translateY(-50%)}.mrl-tooltip-content[data-position=left]::after{border-top-right-radius:var(--mrl-tooltip-arrow-border-radius);display:var(--mrl-tooltip-arrow-display-left-right);right:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);top:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=left] .mrl-tooltip-content__hover{height:23px;right:-10px;top:0;width:100%}.mrl-tooltip-content[data-position=right]{left:100%;margin-left:var(--mrl-tooltip-trigger-offset);top:50%;transform:translateY(-50%)}.mrl-tooltip-content[data-position=right]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);display:var(--mrl-tooltip-arrow-display-left-right);left:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);top:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=right] .mrl-tooltip-content__hover{height:23px;left:-10px;top:0;width:100%}
|
|
2
6
|
.mrl-u-focus-wrapper--l91TH{position:relative}.MrlAvatarButton--b_ja8{background-color:rgba(0,0,0,0);border:none;border-radius:var(--mrl-radii-03);margin:0;outline:none;padding:0;position:relative}.MrlAvatarButton--b_ja8::after{background-color:rgba(0,0,0,0);border-radius:var(--mrl-radii-03);content:"";display:block;inset:0;position:absolute}.MrlAvatarButton--b_ja8:focus-visible{position:relative}.MrlAvatarButton--b_ja8:focus-visible:focus-visible{outline:none}.MrlAvatarButton--b_ja8:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
3
7
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
4
8
|
);bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1;animation-name:border-animation--vEDGJ}@keyframes border-animation--vEDGJ{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
@@ -38,8 +42,6 @@
|
|
|
38
42
|
)*-1)}}@keyframes outline-animation--mZ8TC{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlAvatarButton--large--m1iPW::after{border-radius:var(--mrl-radii-06)}
|
|
39
43
|
.MrlBadge--qJnMn{align-items:center;background-color:var(--mrl-black-opacity-01);border-radius:var(--mrl-radii-04);color:var(--mrl-color-text-emph);display:inline-flex;flex-shrink:1;font-size:var(--mrl-font-size-02);font-weight:var(--mrl-font-weight-02);height:var(--mrl-spacing-06);padding:var(--mrl-spacing-01) calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));width:auto}.MrlBadge--qJnMn .MrlSvgContainer{flex-shrink:0;height:var(--mrl-spacing-04);margin-left:var(--mrl-spacing-02);width:var(--mrl-spacing-04)}.MrlBadge--error--bn1gA{background-color:var(--mrl-color-background-error-light);color:var(--mrl-color-text-error)}.MrlBadge--info--sHw3k{background-color:var(--mrl-color-background-info-light);color:rgb(var(--mrl-status-info))}.MrlBadge--success--xHWDK{background-color:var(--mrl-color-background-success-light);color:rgb(var(--mrl-status-success))}.MrlBadge--warning--L7ZsA{background-color:var(--mrl-color-background-warning-light);color:var(--mrl-color-text-warning-light)}.MrlBadge--warning--L7ZsA .MrlSvgContainer{color:rgb(var(--mrl-status-warning))}
|
|
40
44
|
.MrlBadgeNotification--eAK4M{align-items:center;background-color:rgb(var(--mrl-gray-90));border:var(--mrl-line-width-border-fine) solid rgb(var(--mrl-white));border-radius:var(--mrl-radii-04);box-sizing:border-box;color:var(--mrl-color-text-inverse);display:inline-flex;flex-shrink:1;font-size:var(--mrl-font-size-02);font-weight:var(--mrl-font-weight-02);height:var(--mrl-spacing-03);justify-content:center;padding:0;width:var(--mrl-spacing-03)}.MrlBadgeNotification--info--YY6Sg{background-color:var(--mrl-color-background-info)}.MrlBadgeNotification--numeric--jVYpk{font-size:.5625rem;height:var(--mrl-spacing-05);padding:0 var(--mrl-spacing-01);width:var(--mrl-spacing-05)}.mrlButton .MrlBadgeNotification--eAK4M,.mrlIconButton .MrlBadgeNotification--eAK4M{position:absolute;right:0;top:0}.mrlButton .MrlBadgeNotification--numeric--jVYpk,.mrlIconButton .MrlBadgeNotification--numeric--jVYpk{right:calc(var(--mrl-spacing-01)*-1);top:calc(var(--mrl-spacing-01)*-1)}
|
|
41
|
-
.mrl-tooltip-content{--mrl-tooltip-background-color: var(--mrl-color-background-inverse);--mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary);--mrl-tooltip-border-radius: var(--mrl-border-radius-content-large);--mrl-tooltip-font-size: var(--mrl-type-size-text-xsmall);--mrl-tooltip-line-height: var(--mrl-type-line-height-text-xsmall);--mrl-tooltip-padding: var(--mrl-spacing-02) var(--mrl-spacing-03);--mrl-tooltip-arrow-size: 8px;--mrl-tooltip-arrow-border-radius: 1px;--mrl-tooltip-arrow-spacing: var(--mrl-spacing-06);--mrl-tooltip-arrow-display-left-right: none;--mrl-tooltip-trigger-offset: var(--mrl-spacing-03)}.mrl-tooltip-content--inverse{--mrl-tooltip-background-color: var(--mrl-gray-80);--mrl-tooltip-text-color: var(--mrl-color-text-inverse-secondary)}.mrl-tooltip-content{background:var(--mrl-tooltip-background-color);border-radius:var(--mrl-tooltip-border-radius);color:var(--mrl-tooltip-text-color);cursor:default;display:flex;font-family:var(--mrl-body-font);font-size:var(--mrl-tooltip-font-size);font-weight:var(--mrl-type-weight-title-secondary);gap:var(--mrl-spacing-02);line-height:var(--mrl-tooltip-line-height);max-width:calc(var(--mrl-spacing-09)*7);overflow-wrap:break-word;padding:var(--mrl-tooltip-padding);position:absolute;transition-property:opacity;white-space:normal;width:max-content;z-index:900}.mrl-tooltip-content.has-custom-render{padding-right:var(--mrl-spacing-02)}.mrl-tooltip-content__hover{background:rgba(0,0,0,0);position:absolute}.mrl-tooltip-content::after{background:rgba(0,0,0,0);border-bottom:9.4339811321px solid var(--mrl-tooltip-background-color);border-right:9.4339811321px solid rgba(0,0,0,0);content:"";height:0;position:absolute;transform:rotate(135deg);width:0}.mrl-tooltip-content[data-position=top]{bottom:100%;margin-bottom:var(--mrl-tooltip-trigger-offset);right:50%;transform:translateX(50%)}.mrl-tooltip-content[data-position=top]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);bottom:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);left:calc(50% - var(--mrl-tooltip-arrow-size)/2);transform:rotate(315deg)}.mrl-tooltip-content[data-position=top] .mrl-tooltip-content__hover{height:10px;left:0;top:100%;width:100%}.mrl-tooltip-content[data-anchor=start]{left:0;right:initial;transform:none}.mrl-tooltip-content[data-anchor=start]::after{left:var(--mrl-tooltip-arrow-spacing)}.mrl-tooltip-content[data-anchor=start].mrlIconButton--small-wrapper::after{left:var(--mrl-spacing-04)}.mrl-tooltip-content[data-anchor=start].mrlIconButton--xsmall-wrapper::after{left:var(--mrl-spacing-03)}.mrl-tooltip-content[data-anchor=end]{right:0;transform:none}.mrl-tooltip-content[data-anchor=end]::after{left:auto;right:var(--mrl-tooltip-arrow-spacing)}.mrl-tooltip-content[data-anchor=end].mrlIconButton--small-wrapper::after{left:auto;right:var(--mrl-spacing-04)}.mrl-tooltip-content[data-anchor=end].mrlIconButton--xsmall-wrapper::after{left:auto;right:var(--mrl-spacing-03)}.mrl-tooltip-content[data-position=bottom]{margin-top:var(--mrl-tooltip-trigger-offset);top:100%}.mrl-tooltip-content[data-position=bottom]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);top:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px)}.mrl-tooltip-content[data-position=bottom] .mrl-tooltip-content__hover{height:10px;left:0;top:-10px;width:100%}.mrl-tooltip-content[data-position=bottom][data-anchor=center]{right:50%;transform:translateX(50%)}.mrl-tooltip-content[data-position=bottom][data-anchor=center]::after{left:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=left]{left:initial;margin-right:var(--mrl-tooltip-trigger-offset);right:100%;top:50%;transform:translateY(-50%)}.mrl-tooltip-content[data-position=left]::after{border-top-right-radius:var(--mrl-tooltip-arrow-border-radius);display:var(--mrl-tooltip-arrow-display-left-right);right:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);top:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=left] .mrl-tooltip-content__hover{height:23px;right:-10px;top:0;width:100%}.mrl-tooltip-content[data-position=right]{left:100%;margin-left:var(--mrl-tooltip-trigger-offset);top:50%;transform:translateY(-50%)}.mrl-tooltip-content[data-position=right]::after{border-bottom-left-radius:var(--mrl-tooltip-arrow-border-radius);display:var(--mrl-tooltip-arrow-display-left-right);left:calc(var(--mrl-tooltip-arrow-size)*-1/2 + 1px);top:calc(50% - var(--mrl-tooltip-arrow-size)/2)}.mrl-tooltip-content[data-position=right] .mrl-tooltip-content__hover{height:23px;left:-10px;top:0;width:100%}
|
|
42
|
-
.mrl-visually-hidden{clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
|
|
43
45
|
:root{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton);--mrl-button-border-radius: var(--mrl-border-radius-functional)}.mrl-u-preHydrateSkeleton mrl-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button:not(.hydrated){min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrl-u-preHydrateSkeleton mrl-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-icon-button[kind=ghost-inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=inverse]:not(.hydrated),.mrl-u-preHydrateSkeleton mrl-shadow-button[kind=ghost-inverse]:not(.hydrated){--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}mrl-button[size=small],mrl-shadow-button[size=small]{min-height:var(--mrl-spacing-08)}mrl-icon-button[size=small]{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}mrl-button[size=large],mrl-shadow-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=large]{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}mrl-icon-button[size=xsmall][kind=ghost],mrl-icon-button[size=xsmall][kind=ghost-inverse]{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07)}.mrl-u-focus-wrapper{position:relative}.mrlIconButton,.mrlButton{background:var(--mrl-button-background-color);border:none;border-radius:var(--mrl-button-border-radius);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color);color:var(--mrl-button-text-color);justify-content:center;outline:none;transition:all var(--mrl-duration-03) var(--mrl-timing-m1);display:inline-flex;position:relative;visibility:inherit}.mrlIconButton:focus-visible:focus-visible,.mrlButton:focus-visible:focus-visible{outline:none}.mrlIconButton:focus-visible:focus-visible::after,.mrlButton:focus-visible:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
44
46
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
45
47
|
);bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1;animation-name:border-animation}@keyframes border-animation{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
@@ -151,7 +153,6 @@
|
|
|
151
153
|
)*-1);top:calc((
|
|
152
154
|
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
153
155
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus-inverse);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus-inverse);outline-offset:1px}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton.mrlIconButton--xsmall,.mrlButton.mrlIconButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlButton--xsmall,.mrlButton.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--small,.mrlButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--small+.mrl-tooltip-content,.mrlButton.mrlIconButton--small+.mrl-tooltip-content{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large,.mrlButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--large,.mrlButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlButton--primary,.mrlIconButton.mrlButton--ghost,.mrlIconButton.mrlButton--ghost-inverse,.mrlIconButton.mrlIconButton--primary,.mrlIconButton.mrlIconButton--ghost,.mrlIconButton.mrlIconButton--ghost-inverse,.mrlButton.mrlButton--primary,.mrlButton.mrlButton--ghost,.mrlButton.mrlButton--ghost-inverse,.mrlButton.mrlIconButton--primary,.mrlButton.mrlIconButton--ghost,.mrlButton.mrlIconButton--ghost-inverse{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native,.mrlButton--secondary-native{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary,.mrlButton--primary{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native,.mrlButton--primary-native{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: transparent;--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost,.mrlButton--ghost{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost[aria-pressed=true],.mrlIconButton--ghost[aria-checked=true],.mrlIconButton--ghost[aria-expanded=true],.mrlIconButton--ghost[aria-selected=true],.mrlButton--ghost[aria-pressed=true],.mrlButton--ghost[aria-checked=true],.mrlButton--ghost[aria-expanded=true],.mrlButton--ghost[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse,.mrlButton--ghost-inverse{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse.mrlButton--skeleton,.mrlButton--ghost-inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse,.mrlButton--inverse{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse.mrlButton--skeleton,.mrlButton--inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton[aria-disabled=true][aria-pressed=true],.mrlIconButton[aria-disabled=true][aria-checked=true],.mrlIconButton[aria-disabled=true][aria-expanded=true],.mrlIconButton[aria-disabled=true][aria-selected=true],.mrlButton[aria-disabled=true][aria-pressed=true],.mrlButton[aria-disabled=true][aria-checked=true],.mrlButton[aria-disabled=true][aria-expanded=true],.mrlButton[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.mrlIconButton-wrapper{display:inline-flex}.mrlIconButton{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09)}.mrlIconButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlIconButton--xsmall{min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07);padding:var(--mrl-spacing-01)}.mrlIconButton span{align-self:center;max-height:var(--mrl-button-icon-size);max-width:var(--mrl-button-icon-size);pointer-events:none}@media screen and (hover: hover){.mrlIconButton:hover~.mrl-tooltip-content{opacity:1;pointer-events:inherit;transition-delay:var(--mrl-duration-03);transition-duration:var(--mrl-duration-03);transition-timing-function:var(--mrl-timing-m2)}}
|
|
154
|
-
.MrlSvgContainer--xWawW,.MrlSvg--StPVX{--mrl-svg-size: var(--mrl-spacing-07)}.MrlSvgContainer--small--wLRCd,.MrlSvg--small--zP1On{--mrl-svg-size: var(--mrl-spacing-06)}.MrlSvgContainer--large--UEMQG,.MrlSvg--large--HeoAa{--mrl-svg-size: var(--mrl-spacing-10)}.MrlSvgContainer--auto--vhRxy,.MrlSvg--auto--w9gVr{--mrl-svg-size: 100%}.MrlSvgContainer--xWawW{color:inherit;display:inline-flex;height:var(--mrl-svg-size);width:var(--mrl-svg-size)}.MrlSvgContainer--auto--vhRxy{height:100%;width:100%}.MrlSvg--StPVX{display:inline-block;fill:currentcolor;height:auto;width:var(--mrl-svg-size)}.MrlSvg--StPVX *{pointer-events:none}.MrlSvg--auto--w9gVr{height:100%;width:100%}
|
|
155
156
|
.MrlProcessingButton--PsEL8[aria-disabled=false].MrlProcessingButton-is-processing--wm0pA[aria-disabled=false]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}
|
|
156
157
|
:root,.MrlContainer--NL5F9{--mrl-container-background: rgba(var(--mrl-white), 1);--mrl-container-background--helper: rgba(var(--mrl-gray-10), 1);--mrl-container-border-color: rgba(var(--mrl-gray-20), 1);--mrl-container-border-radius: var(--mrl-radii-04);--mrl-container-border-width: var(--mrl-stroke-01);--mrl-container-padding: var(--mrl-spacing-07)}.MrlContainer--NL5F9{background-color:var(--mrl-container-background);border:var(--mrl-container-border-width) solid var(--mrl-container-border-color);border-radius:var(--mrl-container-border-radius);overflow:hidden;padding:var(--mrl-container-padding)}.MrlContainer--helper--F3ZW8{background-color:var(--mrl-container-background--helper)}.MrlContainer--nested--r_XRG{background-color:var(--mrl-color-background-highlight-secondary);border-color:var(--mrl-color-line-highlight-secondary)}.MrlContainer--nested-options--eLXfi{background-color:rgba(0,0,0,0);border:none;padding:var(--mrl-space-inset-control-large) 0 var(--mrl-space-stack-related) var(--mrl-space-inset-container)}.MrlContainer--nested-options-container--DWNqy{display:flex}.MrlContainer--nested-options-divider--TTuWA{background-color:var(--mrl-color-background-highlight-selected);border-radius:var(--mrl-radii-03);flex-shrink:0;margin-right:var(--mrl-spacing-06);width:var(--mrl-spacing-02)}
|
|
157
158
|
:root,.MrlDivider--ShT5H{--mrl-divider-size: var(--mrl-spacing-01);--mrl-divider-spacing: var(--mrl-space-stack-section-divider);--mrl-divider-color: var(--mrl-black-opacity-01)}.MrlDivider--none--tdZix{--mrl-divider-spacing: 0}.MrlDivider--small--nbQys{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-small)}.MrlDivider--large--aKJM5{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-large)}.MrlDivider--xlarge--pHvCK{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-xlarge)}.MrlDivider--inverse--tyQXp{--mrl-divider-color: var(--mrl-white-opacity-02)}.MrlDivider--vertical--to2id{--mrl-divider-spacing: var(--mrl-spacing-02)}.MrlDivider--vertical--to2id.MrlDivider--none--tdZix{--mrl-divider-spacing: 0}.MrlDivider--thin--wHNtu{--mrl-divider-size: var(--mrl-line-width-border-fine)}.MrlDivider--horizontal--EUB9p{background-color:var(--mrl-divider-color);display:block;height:var(--mrl-divider-size);margin:var(--mrl-divider-spacing) 0;width:100%}.MrlDivider--horizontal--EUB9p .MrlDivider--center--CrRjf{margin:var(--mrl-divider-spacing) auto}.MrlDivider--vertical--to2id{align-self:stretch;background-color:var(--mrl-divider-color);display:inline-block;margin:0 var(--mrl-divider-spacing);width:var(--mrl-divider-size)}.MrlDivider--vertical--to2id .MrlDivider--center--CrRjf{align-self:center}
|
|
@@ -216,6 +217,7 @@
|
|
|
216
217
|
)*-1)}}@keyframes outline-animation--nZ2Xe{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlEditableTextInput-errorMessage--JhDDl{color:var(--mrl-color-background-error);font-size:var(--mrl-type-size-text-small)}.MrlEditableTextInput-errorIcon--p0Lnz{margin-right:var(--mrl-spacing-02);vertical-align:middle}.MrlEditableTextInput--wrapper--mEStH{font-size:var(--mrl-type-size-text-small);position:relative}.MrlEditableTextInput--wrapper--mEStH:hover .MrlEditableTextInput--jMMDB:not(:focus,:disabled,.MrlEditableTextInput--readOnly--uZwio){background-color:var(--mrl-black-opacity-00);padding-left:var(--mrl-space-inset-control-small)}.MrlEditableTextInput--wrapper--mEStH:hover .MrlEditableTextInput--readOnly--uZwio:not(:focus){background-color:var(--mrl-text-input-background)}.MrlEditableTextInput--wrapper--mEStH:hover .MrlEditableTextInput-hover-button--tbcyL{opacity:1}
|
|
217
218
|
.MrlLabel:has(+.MrlEditableTextInput--wrapper){margin-bottom:0;padding-bottom:var(--mrl-label-offset-vertical)}
|
|
218
219
|
:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--wGbRl:checked~.mrl-checkbox-inputDisplay--H54xu,.MrlCheckboxStandalone-input--ZbPvG:checked~.MrlCheckboxStandalone-inputDisplay--WZKoL,.mrl-checkbox-input--wGbRl:indeterminate~.mrl-checkbox-inputDisplay--H54xu,.MrlCheckboxStandalone-input--ZbPvG:indeterminate~.MrlCheckboxStandalone-inputDisplay--WZKoL{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlTextInput--kqm42{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlLabel--Bbnmm{--mrl-label-text-color: var(--mrl-color-text-label);--mrl-label-font-size: var(--mrl-type-size-text-small);--mrl-label-line-height: var(--mrl-type-line-height-text-small);--mrl-label-font-weight: var(--mrl-type-weight-title-secondary);--mrl-label-offset-vertical: var(--mrl-space-stack-related-small)}.MrlLabel--inline--g2Exe{--mrl-label-offset-vertical: 0;--mrl-label-offset-inline: var(--mrl-space-inline-sibling-xsmall);--mrl-label-icon-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-label-icon-size: var(--mrl-spacing-06)}.MrlLabel--Bbnmm.mrl-is--disabled--siceI{--mrl-label-text-color: var(--mrl-color-text-disabled)}.MrlLabel--Bbnmm{color:var(--mrl-label-text-color);display:block;font-family:var(--mrl-body-font);font-size:var(--mrl-label-font-size);font-weight:var(--mrl-label-font-weight);line-height:var(--mrl-label-line-height);margin-bottom:var(--mrl-label-offset-vertical);padding-left:var(--mrl-text-input-border-width)}.MrlLabel--inline--g2Exe{align-items:center;display:inline-flex;margin-left:var(--mrl-label-offset-inline);padding-left:0}.MrlLabel-icon--PyyRE{height:var(--mrl-label-icon-size);margin:var(--mrl-label-icon-inset) calc(var(--mrl-label-icon-inset) + var(--mrl-label-offset-inline)) var(--mrl-label-icon-inset) var(--mrl-label-icon-inset);width:var(--mrl-label-icon-size)}
|
|
220
|
+
.MrlText--qWcjF{--mrl-text-size: var(--mrl-type-size-text);--mrl-text-weight: var(--mrl-type-weight-text);--mrl-text-spacing: var(--mrl-type-spacing-text);--mrl-text-height: var(--mrl-type-line-height-text)}.MrlText--qWcjF.MrlText--large--Up17c{--mrl-text-size: var(--mrl-type-size-text-large);--mrl-text-height: var(--mrl-type-line-height-text-large)}.MrlText--qWcjF.MrlText--small--oJ2NK{--mrl-text-size: var(--mrl-type-size-text-small);--mrl-text-height: var(--mrl-type-line-height-text-small)}.MrlText--qWcjF.MrlText--xsmall--OjNGe{--mrl-text-size: var(--mrl-type-size-text-xsmall);--mrl-text-height: var(--mrl-type-line-height-text-xsmall)}.MrlText--qWcjF.MrlText--xxsmall--qfF1L{--mrl-text-size: var(--mrl-type-size-text-xxsmall);--mrl-text-height: var(--mrl-type-line-height-text-xxsmall)}.MrlText--qWcjF{font-family:var(--mrl-body-font);font-size:var(--mrl-text-size);font-weight:var(--mrl-text-weight);letter-spacing:var(--mrl-text-spacing);line-height:var(--mrl-text-height)}
|
|
219
221
|
.MrlLabelWithDescription--H1p3L{--mrl-label-with-description-color: rgba(var(--mrl-gray-80), 1)}.MrlLabelWithDescription--H1p3L.mrl-is--selected--X6aIx,.MrlLabelWithDescription--H1p3L.mrl-is--indeterminate--NIB0c{--mrl-label-with-description-color: rgba(var(--mrl-gray-100), 1)}.MrlLabelWithDescription--H1p3L.mrl-is--disabled--FQaPm{--mrl-label-with-description-color: var(--mrl-color-text-disabled)}.MrlLabelWithDescription--H1p3L:not(.mrl-is--disabled--FQaPm):hover{--mrl-label-with-description-color: rgba(var(--mrl-gray-90), 1)}.MrlLabelWithDescription--H1p3L{--mrl-label-text-padding-top: calc(var(--mrl-spacing-02) + var(--mrl-spacing-01));--mrl-description-margin-left: var(--mrl-spacing-09);--mrl-description-margin-top: calc(-1 * calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)));min-height:var(--mrl-spacing-09)}.MrlLabelWithDescription--H1p3L .MrlSvgContainer{flex-shrink:0}.MrlLabelWithDescription-label--NvU9q{color:var(--mrl-label-with-description-color);cursor:pointer;transition:color var(--mrl-duration-03) var(--mrl-timing-m2);vertical-align:middle}.MrlLabelWithDescription-label--NvU9q .MrlLabel-icon{height:var(--mrl-spacing-07);margin:var(--mrl-spacing-02) var(--mrl-spacing-04) var(--mrl-spacing-02) var(--mrl-spacing-01);width:var(--mrl-spacing-07)}.MrlLabelWithDescription-label--NvU9q .MrlLabel-text{padding-top:var(--mrl-label-text-padding-top)}.MrlLabelWithDescription-label--NvU9q.has-icon--FvQEK{margin-left:var(--mrl-spacing-01)}.MrlLabelWithDescription-label--NvU9q.has-icon--FvQEK .MrlLabel-text{padding-top:0}.MrlLabelWithDescription-label--NvU9q.has-multiline-label--vcGc0 .MrlLabel-text{padding-top:var(--mrl-label-text-padding-top)}.MrlLabelWithDescription-description--n6DUy{color:var(--mrl-label-with-description-color);margin-left:var(--mrl-spacing-02);transition:color var(--mrl-duration-03) var(--mrl-timing-m2)}.MrlLabelWithDescription-description--n6DUy .MrlLabelWithDescription-text--Cty6f{--mrl-text-weight: var(--mrl-type-weight-text-secondary)}.MrlLabelWithDescription-description--n6DUy.has-icon--FvQEK,.MrlLabelWithDescription-description--n6DUy.has-multiline-label--vcGc0{margin-left:var(--mrl-description-margin-left)}.MrlLabelWithDescription-description--n6DUy.has-icon--FvQEK{margin-top:var(--mrl-description-margin-top)}.MrlLabelWithDescription-description--n6DUy.has-multiline-label--vcGc0{margin-top:0}
|
|
220
222
|
.mrl-u-focus-wrapper--j8sh1{position:relative}.MrlForm-counter--eeE6B{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--o800K:checked~.mrl-checkbox-inputDisplay--mqzpi,.MrlCheckboxStandalone-input--kZYeN:checked~.MrlCheckboxStandalone-inputDisplay--eyCAK,.mrl-checkbox-input--o800K:indeterminate~.mrl-checkbox-inputDisplay--mqzpi,.MrlCheckboxStandalone-input--kZYeN:indeterminate~.MrlCheckboxStandalone-inputDisplay--eyCAK{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlTextarea--ikG_t{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2),padding-left var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;resize:vertical}.MrlTextarea--ikG_t::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlTextarea--ikG_t:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlTextarea--ikG_t:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlTextarea--ikG_t:focus-visible{outline:none}.MrlTextarea--ikG_t:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlTextarea--ikG_t:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlTextarea--ikG_t[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlTextarea--ikG_t:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)}.MrlTextarea--ikG_t:focus-visible{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:outline-animation--N4NRg;animation-timing-function:var(--mrl-timing-m3)}@keyframes outline-animation--N4NRg{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlTextarea--auto-expand--IIgp0{display:block;max-height:120px;overflow:hidden;resize:none}.MrlTextarea--read-only--mQLr3{resize:none}
|
|
221
223
|
.MrlTextarea--wrapper{display:flex;flex-direction:column;position:relative}
|
|
@@ -262,7 +264,6 @@
|
|
|
262
264
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlCheckboxStandalone-input+.mrl-u-focus-indicator{position:absolute;left:0;top:auto;height:var(--mrl-checkbox-input-size);width:var(--mrl-checkbox-input-size)}
|
|
263
265
|
.mrl-u-focus-wrapper{position:relative}.MrlForm-counter{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input:checked~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:checked~.MrlCheckboxStandalone-inputDisplay,.mrl-checkbox-input:indeterminate~.mrl-checkbox-inputDisplay,.MrlCheckboxStandalone-input:indeterminate~.MrlCheckboxStandalone-inputDisplay{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlCheckbox-input[aria-invalid=true]~.mrl-checkbox-inputDisplay{--mrl-checkbox-input-border-color: var(--mrl-color-background-error)}.MrlCheckbox:hover{--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-90), 1)}.MrlCheckbox-input:disabled~.MrlCheckbox-inputDisplay{--mrl-checkbox-input-border-color: var(--mrl-color-background-disabled)}.MrlCheckbox-input:checked:disabled~.MrlCheckbox-inputDisplay{--mrl-checkbox-input-background: var(--mrl-color-background-disabled)}.MrlCheckbox-input:checked[aria-invalid=true]~.MrlCheckbox-inputDisplay{--mrl-checkbox-input-background: var(--mrl-color-background-error)}
|
|
264
266
|
.mrl-u-focus-wrapper--J4NIN{position:relative}.MrlForm-counter--Wps4V{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--EWzVb:checked~.mrl-checkbox-inputDisplay--NUlgK,.MrlCheckboxStandalone-input--hNIDh:checked~.MrlCheckboxStandalone-inputDisplay--pzqQY,.mrl-checkbox-input--EWzVb:indeterminate~.mrl-checkbox-inputDisplay--NUlgK,.MrlCheckboxStandalone-input--hNIDh:indeterminate~.MrlCheckboxStandalone-inputDisplay--pzqQY{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlCheckbox-input--Vxalf[aria-invalid=true]~.mrl-checkbox-inputDisplay--NUlgK{--mrl-checkbox-input-border-color: var(--mrl-color-background-error)}.MrlCheckbox--e3NFY:hover{--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-90), 1)}.MrlCheckbox--e3NFY{align-items:center;display:flex;min-height:var(--mrl-checkbox-height);position:relative}.MrlCheckbox--e3NFY .MrlCheckboxStandalone{padding-right:var(--mrl-checkbox-input-inset)}.MrlCheckbox--e3NFY :first-child{align-self:flex-start}
|
|
265
|
-
.MrlRadioButton--w8iVK{align-items:center;display:flex}.MrlRadioButton--w8iVK>:first-child{align-self:flex-start}
|
|
266
267
|
.mrl-u-focus-wrapper--IfL9D{position:relative}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--XLj69:checked~.mrl-checkbox-inputDisplay--wvcYQ,.MrlCheckboxStandalone-input--Wr9fd:checked~.MrlCheckboxStandalone-inputDisplay--S8c_q,.mrl-checkbox-input--XLj69:indeterminate~.mrl-checkbox-inputDisplay--wvcYQ,.MrlCheckboxStandalone-input--Wr9fd:indeterminate~.MrlCheckboxStandalone-inputDisplay--S8c_q{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlRadioButtonStandalone-input--dqdfP:focus-within~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-line-active)}.MrlRadioButtonStandalone-input--dqdfP:hover~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-line-hover)}.MrlRadioButtonStandalone-input--dqdfP:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-radio-button-background-selected)}.MrlRadioButtonStandalone-input--dqdfP:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU::before{--mrl-radio-button-background: var(--mrl-radio-button-background-selected)}.MrlRadioButtonStandalone-input--dqdfP:disabled~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-line-disabled)}.MrlRadioButtonStandalone-input--dqdfP.hasError--Ovy6E~.MrlRadioButtonStandalone-faux-input--Jb_IU,.MrlRadioButtonStandalone-input--dqdfP.hasError--Ovy6E:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU,.MrlRadioButtonStandalone-input--dqdfP.hasError--Ovy6E:hover~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-background-error)}.MrlRadioButtonStandalone-input--dqdfP.hasError--Ovy6E:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU::before{--mrl-radio-button-background: var(--mrl-color-background-error)}.MrlRadioButtonStandalone-input--dqdfP:disabled:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU{--mrl-radio-button-border-color: var(--mrl-color-line-disabled)}.MrlRadioButtonStandalone-input--dqdfP:disabled:checked~.MrlRadioButtonStandalone-faux-input--Jb_IU::before{--mrl-radio-button-background: var(--mrl-color-background-disabled)}.MrlRadioButtonStandalone--WN4ja{display:inline-block;margin:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01));margin-left:var(--mrl-spacing-01);min-height:var(--mrl-radio-button-height);min-width:var(--mrl-radio-button-width);position:relative}.MrlRadioButtonStandalone-input--dqdfP{appearance:none;cursor:pointer;height:var(--mrl-radio-button-height);left:0;margin:0;opacity:0;padding:0;position:absolute;top:0;vertical-align:middle;width:var(--mrl-radio-button-width);z-index:1}.MrlRadioButtonStandalone-input--dqdfP:disabled,.MrlRadioButtonStandalone-input--dqdfP~.MrlRadioButtonStandalone-faux-input--Jb_IU{cursor:default;pointer-events:none}.MrlRadioButtonStandalone-input--dqdfP~.MrlRadioButtonStandalone-faux-input--Jb_IU{background-color:var(--mrl-radio-button-background);border-color:var(--mrl-radio-button-border-color);border-radius:var(--mrl-radio-button-border-radius);border-style:solid;border-width:var(--mrl-radio-button-border-width);height:var(--mrl-radio-button-height);left:0;position:absolute;top:0;transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2);width:var(--mrl-radio-button-width)}.MrlRadioButtonStandalone-input--dqdfP~.MrlRadioButtonStandalone-faux-input--Jb_IU::before{background-color:var(--mrl-radio-button-background);border-radius:var(--mrl-border-radius-rounded);content:"";cursor:pointer;height:var(--mrl-radio-button-fill-size);left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2);width:var(--mrl-radio-button-fill-size)}
|
|
267
268
|
.mrl-u-focus-wrapper{position:relative}.MrlRadioButtonStandalone-input{position:relative;position:absolute}.MrlRadioButtonStandalone-input:focus-visible+.mrl-u-focus-indicator{outline:none}.MrlRadioButtonStandalone-input:focus-visible+.mrl-u-focus-indicator::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
268
269
|
var(--mrl-border-radius-rounded) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
@@ -283,7 +284,7 @@
|
|
|
283
284
|
)*-1);top:calc((
|
|
284
285
|
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
285
286
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlRadioButtonStandalone-focus-indicator{height:var(--mrl-radio-button-height);left:0;pointer-events:none;position:absolute;top:auto;width:var(--mrl-radio-button-width)}
|
|
286
|
-
|
|
287
|
+
.MrlRadioButton--w8iVK{align-items:center;display:flex}.MrlRadioButton--w8iVK>:first-child{align-self:flex-start}
|
|
287
288
|
.mrl-u-focus-wrapper--Zz4hG{position:relative}.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-80), 1);border-radius:.625rem;cursor:pointer;display:block;height:var(--mrl-spacing-06);width:calc(var(--mrl-spacing-08) + var(--mrl-spacing-02))}@media(prefers-reduced-motion: no-preference){.MrlSwitchStandalone-switch--usdmG{transition:var(--mrl-duration-02)}}.MrlSwitchStandalone-switch-indicator--QRM7_{align-content:center;background-color:var(--mrl-color-background);border-radius:.375rem;bottom:calc(var(--mrl-spacing-03) - var(--mrl-spacing-02));color:var(--mrl-color-background-secondary);display:flex;height:var(--mrl-spacing-04);left:var(--mrl-spacing-02);pointer-events:none;position:absolute;width:var(--mrl-spacing-04)}@media(prefers-reduced-motion: no-preference){.MrlSwitchStandalone-switch-indicator--QRM7_{transition:var(--mrl-duration-02) var(--mrl-timing-m1)}}.MrlSwitchStandalone-switch-indicator--QRM7_ .mrl-svg--jTrfw{height:var(--mrl-spacing-04);pointer-events:none;width:var(--mrl-spacing-04)}.MrlSwitchStandalone--z_J5F{height:100%;position:relative}.MrlSwitchStandalone--z_J5F .MrlSwitchStandalone-checkbox--eQlJK{cursor:pointer;height:var(--mrl-spacing-06);opacity:0;position:absolute;width:calc(var(--mrl-spacing-08) + var(--mrl-spacing-02))}.MrlSwitchStandalone-checkbox--eQlJK:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-90), 1)}.MrlSwitchStandalone-checkbox--eQlJK:active+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-100), 1)}.MrlSwitchStandalone-checkbox--eQlJK:disabled+.MrlSwitchStandalone-switch--usdmG,.MrlSwitchStandalone-checkbox--eQlJK:disabled:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-40), 1)}.MrlSwitchStandalone-checkbox--eQlJK:disabled~.MrlSwitchStandalone-switch-indicator--QRM7_{color:rgba(var(--mrl-gray-40), 1)}.MrlSwitchStandalone-checkbox--eQlJK:focus-visible+.MrlSwitchStandalone-switch--usdmG::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
288
289
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
289
290
|
);bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1;animation-name:border-animation--K5EQd}@keyframes border-animation--K5EQd{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
@@ -303,6 +304,7 @@
|
|
|
303
304
|
)*-1);top:calc((
|
|
304
305
|
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
305
306
|
)*-1)}}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-70), 1)}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]~.MrlSwitchStandalone-switch-indicator--QRM7_{color:rgba(var(--mrl-blue-70), 1);transform:translateX(calc(var(--mrl-spacing-08) - var(--mrl-spacing-05)))}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-80), 1)}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]:active+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-blue-90), 1)}.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]:disabled+.MrlSwitchStandalone-switch--usdmG,.MrlSwitchStandalone-checkbox--eQlJK[aria-checked=true]:disabled:hover+.MrlSwitchStandalone-switch--usdmG{background-color:rgba(var(--mrl-gray-40), 1)}
|
|
307
|
+
:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--otHVC:checked~.mrl-checkbox-inputDisplay--n6jnp,.MrlCheckboxStandalone-input--GNHta:checked~.MrlCheckboxStandalone-inputDisplay--ie5bJ,.mrl-checkbox-input--otHVC:indeterminate~.mrl-checkbox-inputDisplay--n6jnp,.MrlCheckboxStandalone-input--GNHta:indeterminate~.MrlCheckboxStandalone-inputDisplay--ie5bJ{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlTextInput--Clq8M{--mrl-text-input-icon-size: var(--mrl-spacing-06);--mrl-text-input-icon-offset: var(--mrl-input-icon-offset)}.MrlLabel--kpDDL{--mrl-label-text-color: var(--mrl-color-text-label);--mrl-label-font-size: var(--mrl-type-size-text-small);--mrl-label-line-height: var(--mrl-type-line-height-text-small);--mrl-label-font-weight: var(--mrl-type-weight-title-secondary);--mrl-label-offset-vertical: var(--mrl-space-stack-related-small)}.MrlLabel--inline--zKiSM{--mrl-label-offset-vertical: 0;--mrl-label-offset-inline: var(--mrl-space-inline-sibling-xsmall);--mrl-label-icon-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-label-icon-size: var(--mrl-spacing-06)}.MrlLabel--kpDDL.mrl-is--disabled--hithx{--mrl-label-text-color: var(--mrl-color-text-disabled)}.MrlLabel--kpDDL{color:var(--mrl-label-text-color);display:block;font-family:var(--mrl-body-font);font-size:var(--mrl-label-font-size);font-weight:var(--mrl-label-font-weight);line-height:var(--mrl-label-line-height);margin-bottom:var(--mrl-label-offset-vertical);padding-left:var(--mrl-text-input-border-width)}.MrlLabel--inline--zKiSM{align-items:center;display:inline-flex;margin-left:var(--mrl-label-offset-inline);padding-left:0}.MrlLabel-icon--Hjqge{height:var(--mrl-label-icon-size);margin:var(--mrl-label-icon-inset) calc(var(--mrl-label-icon-inset) + var(--mrl-label-offset-inline)) var(--mrl-label-icon-inset) var(--mrl-label-icon-inset);width:var(--mrl-label-icon-size)}.MrlSwitch--XCL5G{align-items:center;display:flex;justify-content:space-between;margin-bottom:0}.MrlSwitch-disabled--iS1ZX{color:rgba(var(--mrl-gray-40), 1)}
|
|
306
308
|
.mrl-u-focus-wrapper--lYeyb{position:relative}.MrlForm-counter--RecKb{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xxsmall);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-xxsmall);color:rgba(var(--mrl-gray-80), 1);display:block;margin-top:var(--mrl-spacing-02);text-align:right;width:100%}:root,:host{--mrl-text-input-background: var(--mrl-color-background);--mrl-text-input-background-color-hover: var(--mrl-color-background);--mrl-text-input-background-color-read-only: var(--mrl-black-opacity-00);--mrl-text-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-text-input-border-width: var(--mrl-line-width-border);--mrl-text-input-border-color-hover: var(--mrl-color-line-hover);--mrl-text-input-border-color-disabled: var(--mrl-color-line-disabled);--mrl-text-input-border-color-read-only: rgba(0, 0, 0, 0%);--mrl-text-input-border-color-focus: var(--mrl-color-line-active);--mrl-text-input-border-radius: var(--mrl-border-radius-functional);--mrl-text-input-color: rgba(var(--mrl-gray-90), 1);--mrl-text-input-color-focus: rgba(var(--mrl-gray-100), 1);--mrl-text-input-color-disabled: var(--mrl-color-text-disabled);--mrl-text-input-color-read-only: var(--mrl-gray-90);--mrl-text-input-height: var(--mrl-spacing-09);--mrl-text-input-placeholder-color: var(--mrl-color-text-secondary);--mrl-text-input-inset-vertical: var(--mrl-space-inset);--mrl-text-input-inset-horizontal: var(--mrl-space-inset-control-small);--mrl-text-input-padding: var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);--mrl-input-icon-offset: var(--mrl-spacing-03);--mrl-checkbox-height: var(--mrl-spacing-09);--mrl-checkbox-input-affordance: var(--mrl-spacing-08);--mrl-checkbox-input-inset: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-checkbox-input-size: var(--mrl-spacing-06);--mrl-checkbox-input-background: var(--mrl-color-background);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-60), 1);--mrl-checkbox-input-color: var(--mrl-color-text-inverse);--mrl-checkbox-input-border-width: var(--mrl-line-width-control);--mrl-checkbox-input-border-radius: var(--mrl-border-radius-content);--mrl-radio-button-height: var(--mrl-spacing-06);--mrl-radio-button-width: var(--mrl-spacing-06);--mrl-radio-button-fill-size: var(--mrl-spacing-04);--mrl-radio-button-border-color: rgba(var(--mrl-gray-60), 1);--mrl-radio-button-border-width: var(--mrl-line-width-border);--mrl-radio-button-border-radius: var(--mrl-border-radius-rounded);--mrl-radio-button-background: var(--mrl-color-background);--mrl-radio-button-background-selected: var(--mrl-color-background-highlight-selected);--mrl-select-background-color-read-only: var(--mrl-black-opacity-00);--mrl-select-border-color-read-only: rgba(0, 0, 0, 0%)}.mrl-checkbox-input--LZVKE:checked~.mrl-checkbox-inputDisplay--kmfBZ,.MrlCheckboxStandalone-input--ZJuLE:checked~.MrlCheckboxStandalone-inputDisplay--DbFyR,.mrl-checkbox-input--LZVKE:indeterminate~.mrl-checkbox-inputDisplay--kmfBZ,.MrlCheckboxStandalone-input--ZJuLE:indeterminate~.MrlCheckboxStandalone-inputDisplay--DbFyR{--mrl-checkbox-input-background: rgba(var(--mrl-gray-100), 1);--mrl-checkbox-input-border-color: rgba(var(--mrl-gray-100), 1)}:host{--mrl-select-item-padding-vertical: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-select-item-spacing-stack: var(--mrl-spacing-02);--mrl-select-item-text-affordance: calc( var(--mrl-type-line-height-text-small) * var(--mrl-type-size-text-small) )}.MrlDatePicker--XlHsm{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-text);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-text-small);background:var(--mrl-text-input-background);border-color:var(--mrl-text-input-border-color);border-radius:var(--mrl-text-input-border-radius);border-style:solid;border-width:var(--mrl-text-input-border-width);color:var(--mrl-text-input-color);margin:0;min-height:var(--mrl-text-input-height);padding:var(--mrl-text-input-inset-vertical) var(--mrl-text-input-inset-horizontal);transition:background-color var(--mrl-duration-03) var(--mrl-timing-m2),border-color var(--mrl-duration-03) var(--mrl-timing-m2),color var(--mrl-duration-03) var(--mrl-timing-m2),padding-left var(--mrl-duration-03) var(--mrl-timing-m2);width:100%;height:var(--mrl-spacing-09)}.MrlDatePicker--XlHsm::placeholder{color:var(--mrl-text-input-placeholder-color)}.MrlDatePicker--XlHsm:hover{--mrl-text-input-border-color: var(--mrl-text-input-border-color-hover);--mrl-text-input-background: var(--mrl-text-input-background-color-hover)}.MrlDatePicker--XlHsm:focus{--mrl-text-input-border-color: var(--mrl-text-input-border-color-focus);color:var(--mrl-text-input-color-focus)}.MrlDatePicker--XlHsm:focus-visible{outline:none}.MrlDatePicker--XlHsm:disabled{--mrl-text-input-border-color: var(--mrl-text-input-border-color-disabled);color:var(--mrl-text-input-color-disabled);pointer-events:none}.MrlDatePicker--XlHsm:disabled::placeholder{color:var(--mrl-text-input-color-disabled)}.MrlDatePicker--XlHsm[aria-invalid=true]{border-color:var(--mrl-color-background-error)}.MrlDatePicker--XlHsm:not(:disabled):read-only{--mrl-text-input-background: var(--mrl-text-input-background-color-read-only);--mrl-text-input-border-color: var(--mrl-text-input-border-color-read-only);color:var(--mrl-text-input-color-read-only)}.MrlDatePicker--XlHsm:focus-visible{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-name:outline-animation--F3dEW;animation-timing-function:var(--mrl-timing-m3)}@keyframes outline-animation--F3dEW{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus);outline-offset:1px}}.MrlDatePicker--XlHsm[type=date]::-webkit-calendar-picker-indicator{opacity:0}.MrlDatePicker--borderless--tv3rF{background-color:var(--mrl-color-background-input);border-color:rgba(0,0,0,0);padding-left:0}.MrlDatePicker--borderless--tv3rF.MrlDatePicker--active--k2AUt{border-color:rgba(0,0,0,0)}.MrlDatePicker--container--RP6Y4{position:relative}.MrlDatePicker--container--RP6Y4:focus-within .MrlDatePicker--borderless--tv3rF:not(:read-only,:disabled),.MrlDatePicker--container--RP6Y4:active .MrlDatePicker--borderless--tv3rF:not(:read-only,:disabled),.MrlDatePicker--container--RP6Y4:hover .MrlDatePicker--borderless--tv3rF:not(:read-only,:disabled){background-color:var(--mrl-black-opacity-01);padding-left:var(--mrl-space-inset-control-small)}.MrlDatePicker--active--k2AUt{border-color:var(--mrl-text-input-border-color-hover)}.MrlDatePicker--icon--NjiU_{color:var(--mrl-text-input-border-color);display:flex;pointer-events:none;position:absolute;right:var(--mrl-spacing-03);top:var(--mrl-spacing-03)}.MrlDatePicker--icon-active--Dr0mh{color:var(--mrl-text-input-border-color-hover)}
|
|
307
309
|
.MrlSelectMultiValue--ZCEGM.MrlSelectMultiValue--is-focused--J41Dw .MrlSvgContainer{border-radius:var(--mrl-radii-02);outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus)}
|
|
308
310
|
|
|
@@ -319,7 +321,6 @@
|
|
|
319
321
|
.MrlTopbar--_n1bW{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-08));width:100%}.MrlTopbar--mobile--n4rls{padding-left:calc(var(--mrl-spacing-10) + var(--mrl-spacing-01))}.MrlTopbar--no-sidebar--IjCZZ{margin-left:0}
|
|
320
322
|
.MrlSidebar--BgZ1u{align-items:stretch;margin-right:var(--mrl-spacing-05);width:calc(var(--mrl-spacing-14) + var(--mrl-spacing-08))}.MrlSidebar--mobile--ze4Hn{align-items:stretch;background:var(--mrl-color-background-page);border-radius:0 var(--mrl-radii-03) var(--mrl-radii-03) 0;bottom:0;left:calc((var(--mrl-spacing-14) + var(--mrl-spacing-08) + 2px)*-1);max-height:calc(100% - var(--mrl-spacing-03));overflow-y:auto;padding:4.5rem var(--mrl-space-inset-large) var(--mrl-space-inset-large);position:fixed;top:var(--mrl-spacing-03);transition:opacity var(--mrl-duration-03) var(--mrl-timing-m1),left var(--mrl-duration-03) var(--mrl-timing-m1);z-index:2}@media(prefers-reduced-motion: reduce){.MrlSidebar--mobile--ze4Hn{transition:opacity var(--mrl-duration-03) var(--mrl-timing-m1)}}.MrlSidebar--mobile--open--WpVyZ{left:0;opacity:1}.MrlSidebar--offset--PDTE_.MrlSidebar--mobile--ze4Hn,.MrlSidebar--offset--PDTE_.MrlSidebar-overlay--mWzx1{bottom:0}.MrlSidebar-menu--wFDdM.MrlSidebar-menu-trigger--pNEb8{left:var(--mrl-spacing-05);position:absolute;top:var(--mrl-spacing-05);width:50px;z-index:1}.MrlSidebar-menu-close--zZq68{position:fixed}.MrlSidebar-overlay--mWzx1{background-color:rgba(0,0,0,.56);inset:0 0 0 -10000px;opacity:0;pointer-events:none;position:absolute;transition:opacity var(--mrl-duration-03) var(--mrl-timing-m1);z-index:1}.MrlSidebar-overlay--visible--wjTzw{opacity:1;pointer-events:initial}.MrlSidebar-content--2VXk1{display:none}.MrlSidebar-content--visible--ZLFsB{display:block}
|
|
321
323
|
.MrlErrorPage--qrFA2{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}.MrlErrorPage--qrFA2 .MrlErrorPage-header--BCIIl{align-items:center;display:flex;justify-content:space-between;padding:var(--mrl-spacing-08) var(--mrl-spacing-07) var(--mrl-spacing-11) var(--mrl-spacing-07)}.MrlErrorPage--qrFA2 .MrlErrorPage-header--BCIIl .MrlSvgContainer{height:1.875rem;width:6.188rem}.MrlErrorPage--qrFA2 .MrlErrorPage-main--ANe1r{flex-grow:1;padding:0 var(--mrl-spacing-07) var(--mrl-spacing-08)}.MrlErrorPage--qrFA2 .MrlErrorPage-title--gBYGh{color:var(--mrl-color-text-heading);font-family:var(--mrl-heading-font-alt);padding-bottom:var(--mrl-spacing-07)}.MrlErrorPage--qrFA2 .MrlErrorPage-brand-colors--GMR4w{flex-grow:0;flex-shrink:0}@media(min-width: 52.125rem){.MrlErrorPage--qrFA2 .MrlErrorPage-header--BCIIl{padding:var(--mrl-spacing-08) var(--mrl-spacing-08) var(--mrl-spacing-11) var(--mrl-spacing-08)}.MrlErrorPage--qrFA2 .MrlErrorPage-main--ANe1r{margin:0 auto;max-width:33.75rem;padding:0 0 var(--mrl-spacing-08) 0}}
|
|
322
|
-
.MrlText--qWcjF{--mrl-text-size: var(--mrl-type-size-text);--mrl-text-weight: var(--mrl-type-weight-text);--mrl-text-spacing: var(--mrl-type-spacing-text);--mrl-text-height: var(--mrl-type-line-height-text)}.MrlText--qWcjF.MrlText--large--Up17c{--mrl-text-size: var(--mrl-type-size-text-large);--mrl-text-height: var(--mrl-type-line-height-text-large)}.MrlText--qWcjF.MrlText--small--oJ2NK{--mrl-text-size: var(--mrl-type-size-text-small);--mrl-text-height: var(--mrl-type-line-height-text-small)}.MrlText--qWcjF.MrlText--xsmall--OjNGe{--mrl-text-size: var(--mrl-type-size-text-xsmall);--mrl-text-height: var(--mrl-type-line-height-text-xsmall)}.MrlText--qWcjF.MrlText--xxsmall--qfF1L{--mrl-text-size: var(--mrl-type-size-text-xxsmall);--mrl-text-height: var(--mrl-type-line-height-text-xxsmall)}.MrlText--qWcjF{font-family:var(--mrl-body-font);font-size:var(--mrl-text-size);font-weight:var(--mrl-text-weight);letter-spacing:var(--mrl-text-spacing);line-height:var(--mrl-text-height)}
|
|
323
324
|
.MrlTextHeading-display--YPlsQ{--mrl-heading-family: var(--mrl-heading-font-alt);--mrl-heading-size: var(--mrl-type-size-display);--mrl-heading-weight: var(--mrl-type-weight-display);--mrl-heading-spacing: var(--mrl-type-spacing-display);--mrl-heading-height: var(--mrl-type-line-height-display)}.MrlTextHeading-display--large--OoGc4{--mrl-heading-size: var(--mrl-type-size-display-large);--mrl-heading-spacing: var(--mrl-type-spacing-display-large);--mrl-heading-height: var(--mrl-type-line-height-display-large)}.MrlTextHeading-display--small--gwHpu{--mrl-heading-size: var(--mrl-type-size-display-small);--mrl-heading-spacing: var(--mrl-type-spacing-display-small);--mrl-heading-height: var(--mrl-type-line-height-display-small)}.MrlTextHeading-display--xsmall--qgA98{--mrl-heading-size: var(--mrl-type-size-display-xsmall);--mrl-heading-spacing: var(--mrl-type-spacing-display-xsmall);--mrl-heading-height: var(--mrl-type-line-height-display-xsmall)}.MrlTextHeading-headline--paxPG{--mrl-heading-family: var(--mrl-heading-font);--mrl-heading-size: var(--mrl-type-size-headline);--mrl-heading-weight: var(--mrl-type-weight-headline);--mrl-heading-spacing: var(--mrl-type-spacing-headline);--mrl-heading-height: var(--mrl-type-line-height-headline)}.MrlTextHeading-headline--large--edpNl{--mrl-heading-size: var(--mrl-type-size-headline-large);--mrl-heading-spacing: var(--mrl-type-spacing-headline-large);--mrl-heading-height: var(--mrl-type-line-height-headline-large)}.MrlTextHeading-headline--small--wvgZG{--mrl-heading-size: var(--mrl-type-size-headline-small);--mrl-heading-spacing: var(--mrl-type-spacing-headline-small);--mrl-heading-height: var(--mrl-type-line-height-headline-small)}.MrlTextHeading-title--Wlh8i{--mrl-heading-family: var(--mrl-heading-font);--mrl-heading-size: var(--mrl-type-size-text);--mrl-heading-weight: var(--mrl-type-weight-title);--mrl-heading-spacing: var(--mrl-type-spacing-text);--mrl-heading-height: var(--mrl-type-line-height-title)}.MrlTextHeading-title--large--VbutV{--mrl-heading-size: var(--mrl-type-size-text-large);--mrl-heading-height: var(--mrl-type-line-height-title-large)}.MrlTextHeading-title--small--BPZW2{--mrl-heading-size: var(--mrl-type-size-text-small);--mrl-heading-height: var(--mrl-type-line-height-title-small)}.MrlTextHeading-title--xsmall--MkPpJ{--mrl-heading-size: var(--mrl-type-size-text-xsmall);--mrl-heading-height: var(--mrl-type-line-height-title-xsmall)}.MrlTextHeading-title--xxsmall--R9i95{--mrl-heading-size: var(--mrl-type-size-text-xxsmall);--mrl-heading-height: var(--mrl-type-line-height-title-xxsmall)}.MrlTextHeading-title--secondary--VzSQc{--mrl-heading-weight: var(--mrl-type-weight-title-secondary)}.MrlTextHeading-display--YPlsQ{display:block;font-family:var(--mrl-heading-family);font-size:var(--mrl-heading-size);font-weight:var(--mrl-heading-weight);letter-spacing:var(--mrl-heading-spacing);line-height:var(--mrl-heading-height)}.MrlTextHeading-headline--paxPG{display:block;font-family:var(--mrl-heading-family);font-size:var(--mrl-heading-size);font-weight:var(--mrl-heading-weight);letter-spacing:var(--mrl-heading-spacing);line-height:var(--mrl-heading-height)}.MrlTextHeading-display--YPlsQ strong{font-weight:var(--mrl-font-weight-02)}.MrlTextHeading-title--Wlh8i{display:block;font-family:var(--mrl-heading-family);font-size:var(--mrl-heading-size);font-weight:var(--mrl-heading-weight);letter-spacing:var(--mrl-heading-spacing);line-height:var(--mrl-heading-height)}
|
|
324
325
|
.MrlBrandColor-color-black--qezls{background-color:#000;grid-area:color-black}.MrlBrandColor-color-jade--FXR41{background-color:#00c27a;grid-area:color-jade}.MrlBrandColor-color-blue--QTrte{background-color:#5887ff;grid-area:color-blue}.MrlBrandColor-color-pink--ec2Rk{background-color:#fc83ff;grid-area:color-pink}.MrlBrandColor-color-red--m9sa2{background-color:#ff4b4b;grid-area:color-red}.MrlBrandColor-color-yellow--VsIdM{background-color:#fa0;grid-area:color-yellow}.MrlBrandColor-color-grape--FcHD9{background-color:#be53ff;grid-area:color-grape}.MrlBrandColor-color-sky--CTufh{background-color:#79c1ff;grid-area:color-sky}.MrlBrandColor-color-lemon--vKUgk{background-color:#ffe146;grid-area:color-lemon}.MrlBrandColor-color-lavander--jdxdU{background-color:#e6bfff;grid-area:color-lavander}.MrlBrandColors--cnjoA{display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:1fr;height:15rem;width:100%}.MrlPattern-01--UGBWG{grid-template-areas:" color-blue color-blue color-pink color-pink color-pink color-pink color-pink color-pink"}.MrlPattern-02--ShfYW{grid-template-areas:" color-red color-red color-red color-red color-red color-grape color-grape color-grape"}.MrlPattern-03--L1EDT{grid-template-areas:" color-pink color-pink color-pink color-pink color-pink color-pink color-jade color-jade"}.MrlPattern-04--bVc3U{grid-template-areas:" color-pink color-pink color-pink color-pink color-pink color-lemon color-lemon color-lemon"}.MrlPattern-05--DRK3W{grid-template-areas:" color-lavander color-lavander color-jade color-jade color-jade color-jade color-jade color-jade"}.MrlPattern-06--zkwV6{grid-template-areas:" color-jade color-jade color-jade color-jade color-jade color-jade color-black color-black"}@media(min-width: 37.5rem){.MrlBrandColors--cnjoA{grid-template-columns:repeat(32, 1fr)}.MrlPattern-01--UGBWG{grid-template-areas:" color-blue color-blue color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-jade color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-red color-red color-red color-red color-red color-red color-black color-black color-black"}.MrlPattern-02--ShfYW{grid-template-areas:" color-blue color-blue color-blue color-black color-black color-black color-yellow color-red color-red color-red color-red color-red color-red color-red color-red color-red color-grape color-grape color-grape color-grape color-grape color-grape color-grape color-grape color-grape color-grape color-jade color-jade color-jade color-jade color-jade color-jade"}.MrlPattern-03--L1EDT{grid-template-areas:" color-black color-black color-black color-lemon color-lemon color-red color-red color-red color-red color-red color-red color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-jade color-jade color-jade color-jade color-jade color-jade color-sky color-sky color-sky color-sky"}.MrlPattern-04--bVc3U{grid-template-areas:" color-jade color-jade color-sky color-sky color-sky color-sky color-sky color-sky color-black color-black color-black color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-pink color-lemon color-lemon color-lemon color-lemon color-lemon color-lemon color-lemon color-red color-red"}.MrlPattern-05--DRK3W{grid-template-areas:" color-lavander color-lavander color-lavander color-jade color-jade color-jade color-jade color-jade color-jade color-black color-black color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-yellow color-blue color-blue color-blue color-blue color-blue color-blue color-blue color-red color-red"}.MrlPattern-06--zkwV6{grid-template-areas:" color-yellow color-yellow color-yellow color-yellow color-yellow color-lavander color-lavander color-lavander color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-jade color-black color-black color-black color-red color-sky color-sky color-sky color-sky color-sky color-sky color-sky color-sky"}}
|
|
325
326
|
.mrl-u-focus-wrapper--sGwMW{position:relative}a.mrl-link--Xzu_x{--mrl-link-border-style: solid;--mrl-link-border-width: var(--mrl-line-width-border);--mrl-link-color: rgba(var(--mrl-gray-90), 1);--mrl-link-color-active: rgb(var(--mrl-blue-90));--mrl-link-color-hover: rgb(var(--mrl-blue-70));--mrl-link-font-weight: 700;--mrl-link-border-width-focus: var(--mrl-line-width-focus);--mrl-link-color-focus: var(--mrl-color-focus);--mrl-link-offset-focus: var(--mrl-space-offset-focus)}a.mrl-link--mono--LL0fI:hover{--mrl-link-color-hover: rgba(var(--mrl-gray-100), 1)}a.mrl-link--mono--LL0fI:active{--mrl-link-color-active: rgba(var(--mrl-black), 1)}a.mrl-link--inverse--bzMVs{--mrl-link-color: var(--mrl-color-text-inverse)}a.mrl-link--inverse--bzMVs:hover{--mrl-link-color-hover: var(--mrl-white-opacity-08)}a.mrl-link--inverse--bzMVs:active{--mrl-link-color-active: var(--mrl-white-opacity-06)}.mrl-link--Xzu_x{position:relative;align-items:center;color:var(--mrl-link-color);display:inline-flex;font-weight:var(--mrl-link-font-weight);text-decoration:none;transition:all var(--mrl-duration-03) var(--mrl-timing-m2);transition-property:border-color,color}.mrl-link--Xzu_x:focus-visible{outline:none}.mrl-link--Xzu_x:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
@@ -397,7 +398,6 @@
|
|
|
397
398
|
var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px
|
|
398
399
|
)*-1)}}@keyframes outline-animation{0%{outline:0 solid rgba(0,0,0,0);outline-offset:1px}50%{outline:4px solid var(--mrl-color-focus-inverse);outline-offset:1px}100%{outline:2px solid var(--mrl-color-focus-inverse);outline-offset:1px}}.mrlIconButton:hover,.mrlButton:hover{cursor:pointer}.mrlIconButton[aria-disabled=true],.mrlButton[aria-disabled=true]{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton[aria-disabled=true]:hover,.mrlButton[aria-disabled=true]:hover{background:var(--mrl-button-background-color-disabled);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-disabled);color:var(--mrl-button-text-color-disabled);cursor:default}.mrlIconButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:hover:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-hover);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-hover);color:var(--mrl-button-text-color-hover)}.mrlIconButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]),.mrlButton:active:not([aria-pressed=true],[aria-expanded=true],[aria-selected=true],[aria-checked=true]):not([aria-disabled=true]){background:var(--mrl-button-background-color-active);box-shadow:inset 0 0 0 var(--mrl-button-border-width) var(--mrl-button-border-color-active);color:var(--mrl-button-text-color-active)}.mrlIconButton--skeleton,.mrlIconButton--skeleton[aria-disabled=true],.mrlButton--skeleton,.mrlButton--skeleton[aria-disabled=true]{min-height:var(--mrl-spacing-09);min-width:var(--mrl-spacing-09);background:var(--mrl-button-background-color-skeleton);border-radius:var(--mrl-button-border-radius);box-shadow:none;color:rgba(0,0,0,0);display:inline-flex;font-family:var(--mrl-body-font);pointer-events:none;visibility:inherit}.mrlIconButton,.mrlButton{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: rgba(var(--mrl-gray-20), 1);--mrl-button-background-color-disabled: var(--mrl-color-background);--mrl-button-background-color-hover: rgba(var(--mrl-gray-10), 1);--mrl-button-border-color: rgba(var(--mrl-gray-30), 1);--mrl-button-border-color-active: rgba(var(--mrl-gray-50), 1);--mrl-button-border-color-disabled: rgba(var(--mrl-gray-20), 1);--mrl-button-border-color-hover: rgba(var(--mrl-gray-40), 1);--mrl-button-border-width: var(--mrl-line-width-border);--mrl-button-icon-size: var(--mrl-spacing-07);--mrl-button-text-color: rgba(var(--mrl-gray-80), 1);--mrl-button-text-color-active: rgba(var(--mrl-black), 1);--mrl-button-text-color-disabled: var(--mrl-color-text-disabled);--mrl-button-text-color-hover: rgba(var(--mrl-gray-90), 1);--mrl-button-inset-vertical: 0;--mrl-button-inset-horizontal: var(--mrl-space-inset-control-large);--mrl-button-icon-margin-right: var(--mrl-space-inline-related)}.mrlIconButton--small,.mrlButton--small{min-height:var(--mrl-spacing-08);--mrl-button-icon-size: var(--mrl-spacing-06);--mrl-button-inset-horizontal: var(--mrl-spacing-04)}.mrlIconButton.mrlIconButton--xsmall,.mrlButton.mrlIconButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-06)}.mrlIconButton.mrlButton--xsmall,.mrlButton.mrlButton--xsmall{--mrl-button-icon-size: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--small,.mrlButton.mrlIconButton--small{min-height:var(--mrl-spacing-08);min-width:var(--mrl-spacing-08)}.mrlIconButton.mrlIconButton--small+.mrl-tooltip-content,.mrlButton.mrlIconButton--small+.mrl-tooltip-content{--mrl-tooltip-arrow-spacing: calc( (var(--mrl-spacing-08) - var(--mrl-tooltip-arrow-size)) / 2 )}.mrlIconButton--large,.mrlButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));--mrl-button-inset-horizontal: var(--mrl-spacing-05)}.mrlIconButton.mrlIconButton--large,.mrlButton.mrlIconButton--large{min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02));min-width:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlIconButton.mrlButton--primary,.mrlIconButton.mrlButton--ghost,.mrlIconButton.mrlButton--ghost-inverse,.mrlIconButton.mrlIconButton--primary,.mrlIconButton.mrlIconButton--ghost,.mrlIconButton.mrlIconButton--ghost-inverse,.mrlButton.mrlButton--primary,.mrlButton.mrlButton--ghost,.mrlButton.mrlButton--ghost-inverse,.mrlButton.mrlIconButton--primary,.mrlButton.mrlIconButton--ghost,.mrlButton.mrlIconButton--ghost-inverse{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--secondary-native,.mrlButton--secondary-native{--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent}.mrlIconButton--primary,.mrlButton--primary{--mrl-button-background-color: var(--mrl-color-brand);--mrl-button-background-color-active: var(--mrl-color-brand-active);--mrl-button-background-color-disabled: var(--mrl-color-background-disabled);--mrl-button-background-color-hover: var(--mrl-color-brand-hover);--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse)}.mrlIconButton--primary-native,.mrlButton--primary-native{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-disabled: transparent;--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-active: rgba(var(--mrl-blue-70), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-blue-70), 1)}.mrlIconButton--ghost,.mrlButton--ghost{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-black-opacity-01);--mrl-button-background-color-hover: var(--mrl-black-opacity-00);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-hover: rgba(var(--mrl-gray-100), 1);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost[aria-pressed=true],.mrlIconButton--ghost[aria-checked=true],.mrlIconButton--ghost[aria-expanded=true],.mrlIconButton--ghost[aria-selected=true],.mrlButton--ghost[aria-pressed=true],.mrlButton--ghost[aria-checked=true],.mrlButton--ghost[aria-expanded=true],.mrlButton--ghost[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background-inverse);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse,.mrlButton--ghost-inverse{--mrl-button-background-color: transparent;--mrl-button-background-color-active: var(--mrl-white-opacity-04);--mrl-button-background-color-hover: var(--mrl-white-opacity-02);--mrl-button-background-color-disabled: transparent;--mrl-button-text-color: var(--mrl-color-text-inverse);--mrl-button-text-color-active: var(--mrl-color-text-inverse);--mrl-button-text-color-hover: var(--mrl-color-text-inverse);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04);--mrl-button-inset-horizontal: calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));--mrl-button-icon-margin-right: var(--mrl-spacing-02)}.mrlIconButton--ghost-inverse.mrlButton--skeleton,.mrlButton--ghost-inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--default[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--default[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-text-color: var(--mrl-color-text)}.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlIconButton--ghost-inverse.toggleStyle--secondary[aria-selected=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-pressed=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-checked=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-expanded=true],.mrlButton--ghost-inverse.toggleStyle--secondary[aria-selected=true]{--mrl-button-background-color: var(--mrl-color-accent);--mrl-button-text-color: var(--mrl-color-text-inverse)}.mrlIconButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlIconButton--ghost-inverse[aria-disabled=true][aria-selected=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-pressed=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-checked=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-expanded=true],.mrlButton--ghost-inverse[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-text-color-disabled: var(--mrl-white-opacity-04)}.mrlIconButton--inverse,.mrlButton--inverse{--mrl-button-background-color: var(--mrl-color-background);--mrl-button-background-color-active: var(--mrl-white-opacity-06);--mrl-button-background-color-hover: var(--mrl-white-opacity-08);--mrl-button-background-color-disabled: var(--mrl-white-opacity-03);--mrl-button-border-color: transparent;--mrl-button-border-color-active: transparent;--mrl-button-border-color-hover: transparent;--mrl-button-border-color-disabled: transparent;--mrl-button-text-color: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-active: rgba(var(--mrl-gray-100), 1);--mrl-button-text-color-disabled: var(--mrl-black-opacity-03)}.mrlIconButton--inverse.mrlButton--skeleton,.mrlButton--inverse.mrlButton--skeleton{--mrl-button-background-color-skeleton: var(--mrl-color-skeleton-inverse)}.mrlIconButton[aria-disabled=true][aria-pressed=true],.mrlIconButton[aria-disabled=true][aria-checked=true],.mrlIconButton[aria-disabled=true][aria-expanded=true],.mrlIconButton[aria-disabled=true][aria-selected=true],.mrlButton[aria-disabled=true][aria-pressed=true],.mrlButton[aria-disabled=true][aria-checked=true],.mrlButton[aria-disabled=true][aria-expanded=true],.mrlButton[aria-disabled=true][aria-selected=true]{--mrl-button-background-color-disabled: var(--mrl-black-opacity-03);--mrl-button-text-color-disabled: var(--mrl-color-text-inverse)}.mrlButton{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-small);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive-small);min-height:var(--mrl-spacing-09);align-items:center;display:inline-flex;min-width:auto;padding:var(--mrl-button-inset-vertical) var(--mrl-button-inset-horizontal);text-align:center;vertical-align:middle;white-space:nowrap}.mrlButton .mrl-tooltip-trigger-content{align-items:center;display:inline-flex;flex-direction:inherit}.mrlButton.mrlButton--small{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);min-height:var(--mrl-spacing-08)}.mrlButton.mrlButton--large{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-text);line-height:var(--mrl-type-line-height-interactive);min-height:calc(var(--mrl-spacing-09) + var(--mrl-spacing-02))}.mrlButton .MrlSvgContainer,.mrlButton .MrlSpinner-container{margin-right:var(--mrl-button-icon-margin-right);max-width:var(--mrl-button-icon-size);min-width:var(--mrl-button-icon-size)}.mrlButton .mrlButton--loading .MrlSpinner-container{margin:0 auto;position:absolute}.mrlButton .mrlButton--loading .mrlButton-text{opacity:0}.mrlButton.mrlButton--icon-after .MrlSvgContainer,.mrlButton.mrlButton--icon-after .MrlSpinner-container{margin-left:var(--mrl-button-icon-margin-right);margin-right:0}.mrlButton.mrlButton--xsmall{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);min-height:var(--mrl-spacing-07);min-width:var(--mrl-spacing-07);padding:var(--mrl-space-stack-related-small) var(--mrl-space-inset)}.mrlButton.mrlButton--xsmall.mrlButton--ghost,.mrlButton.mrlButton--xsmall.mrlButton--ghost-inverse{padding:var(--mrl-space-stack-related-small)}.mrlButton.mrlButton--xsmall .MrlSvgContainer,.mrlButton.mrlButton--xsmall .MrlSpinner-container{height:var(--mrl-button-icon-size);margin-left:var(--mrl-spacing-01)}.mrlButton--icon-before{padding-left:var(--mrl-spacing-04)}.mrlButton--icon-before.mrlButton--small{padding-left:var(--mrl-spacing-03)}.mrlButton--icon-before.mrlButton--xsmall{padding-left:var(--mrl-spacing-02)}.mrlButton--icon-before.mrlButton--xsmall .MrlSvgContainer,.mrlButton--icon-before.mrlButton--xsmall .MrlSpinner-container{margin-left:0;margin-right:var(--mrl-spacing-01)}.mrlButton--icon-before.mrlButton--ghost,.mrlButton--icon-before.mrlButton--ghost-inverse{padding-left:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02));padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after{flex-direction:row-reverse;padding-right:var(--mrl-spacing-04)}.mrlButton--icon-after.mrlButton--small{padding-right:var(--mrl-spacing-03)}.mrlButton--icon-after.mrlButton--xsmall{padding-right:var(--mrl-spacing-02)}.mrlButton--icon-after.mrlButton--xsmall .MrlSvgContainer{margin-left:var(--mrl-spacing-01);margin-right:0}.mrlButton--icon-after.mrlButton--ghost,.mrlButton--icon-after.mrlButton--ghost-inverse{padding-left:var(--mrl-spacing-03);padding-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02))}.mrlLinkButton{text-decoration:none}
|
|
399
400
|
.MrlProgressBar-container--fe9Ne{min-width:4.25rem;padding:var(--mrl-spacing-03);width:auto}.MrlProgressBar--CTsQm{background-color:var(--mrl-black-opacity-00);border-radius:var(--mrl-radii-03);height:var(--mrl-spacing-02);overflow:hidden;position:relative;width:100%}.MrlProgressBar--complete--Vb2oS{background-color:rgba(var(--mrl-blue-70), 1);border-radius:var(--mrl-radii-03);height:var(--mrl-spacing-02);left:0;position:absolute;top:0}.MrlProgressBar--textContainer--fLrQK{margin-top:var(--mrl-spacing-03);text-align:center}@keyframes timed--mVBU9{0%{width:0}15%{width:25%}70%{width:72.5%}100%{width:100%}}.MrlProgressBar--timed--teE4n{animation-name:timed--mVBU9;animation-timing-function:var(--mrl-timing-m1);width:100%}@keyframes indeterminate--lmBAm{from{left:-100%}to{left:100%}}.MrlProgressBar--indeterminate--hpJSe{animation:2s indeterminate--lmBAm var(--mrl-timing-m1) infinite;left:-100%;width:200%}
|
|
400
|
-
@keyframes spin--uLQTd{from{transform:rotate(0)}to{transform:rotate(360deg)}}.MrlSpinner-container--BbU6W{height:var(--mrl-spacing-06);overflow:hidden;position:relative;width:var(--mrl-spacing-06)}.MrlSpinner-container--xsmall--vY91J{align-items:center;display:flex;height:var(--mrl-spacing-05);justify-content:center;width:var(--mrl-spacing-05)}.MrlSpinner-container--medium--fCwTF{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner-container--large--UE9f9{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner-container--large--UE9f9.MrlSpinner-container--logo--BrgYx{height:93px}.MrlSpinner--PDiRC{align-items:center;animation:500ms spin--uLQTd var(--mrl-timing-m3) infinite;display:flex;height:var(--mrl-spacing-06);justify-content:center;width:var(--mrl-spacing-06)}.MrlSpinner--PDiRC::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-blue-70), 0) 0deg, rgba(var(--mrl-blue-70), 0) 0.26deg, rgba(var(--mrl-blue-70), 0) 60deg, rgba(var(--mrl-blue-70), 0.26) 114.38deg, rgba(var(--mrl-blue-70), 1) 217.5deg, rgba(var(--mrl-blue-70), 1) 360deg);border-radius:6px;clip-path:path("M10 1c0-.552-.449-1.005-.999-.95C3.947.55 0 4.813 0 10c0 5.523 4.477 10 10 10s10-4.477 10-10a9.987 9.987 0 0 0-4.152-8.112c-.452-.327-1.073-.154-1.347.332-.268.477-.099 1.077.337 1.408a8 8 0 1 1-5.836-1.566C9.55 1.993 10 1.552 10 1Z");content:"";display:block;height:20px;width:20px}.MrlSpinner--xsmall--lKxwJ{height:var(--mrl-spacing-06);width:var(--mrl-spacing-06)}.MrlSpinner--xsmall--lKxwJ::before{transform:scale(0.6)}.MrlSpinner--medium--TkBU7{height:var(--mrl-spacing-07);width:var(--mrl-spacing-07)}.MrlSpinner--medium--TkBU7::before{transform:scale(1.2)}.MrlSpinner--large--m3U6M{height:var(--mrl-spacing-09);width:var(--mrl-spacing-09)}.MrlSpinner--large--m3U6M::before{transform:scale(2)}.MrlSpinner--inverse--SsPk0::before{background:conic-gradient(from 11.31deg at 50% 50%, rgba(var(--mrl-white), 0) 0deg, rgba(var(--mrl-white), 0) 0.26deg, rgba(var(--mrl-white), 0) 60deg, rgba(var(--mrl-white), 0.26) 114.38deg, rgba(var(--mrl-white), 1) 217.5deg, rgba(var(--mrl-white), 1) 360deg)}.MrlSpinner-container--logo--BrgYx{text-align:center}.MrlSpinner-container--logo--BrgYx.MrlSpinner-container--BbU6W{display:block;min-height:calc(var(--mrl-spacing-12) + var(--mrl-spacing-02));width:99px}.MrlSpinner-container--logo--BrgYx .MrlSpinner--PDiRC{margin:0 auto}.MrlSpinnerLogo--DZqlx{display:block;margin-top:var(--mrl-spacing-07);width:99px}@media(prefers-reduced-motion){.MrlSpinner--PDiRC{animation:1.5s spin--uLQTd linear 4}}
|
|
401
401
|
.MrlMenu--MiPQM{background:var(--mrl-color-background);border-radius:var(--mrl-border-radius-functional-large);box-shadow:var(--mrl-shadows-raised);flex-direction:column;opacity:0;overflow:visible;z-index:500}.MrlMenu--MiPQM ul[role=menu]{min-height:var(--mrl-spacing-10);overflow-x:visible;padding:var(--mrl-spacing-04)}.MrlMenu--internal--S1x5t{box-shadow:none}.MrlMenu--internal--S1x5t ul[role=menu]{padding:0}.MrlMenu--compact--HH6o0 ul[role=menu]{padding:var(--mrl-space-stack-related)}.MrlMenu--scrolling--aBcqE ul[role=menu]{box-sizing:border-box;min-height:calc(3*var(--mrl-spacing-08) + 3*var(--mrl-spacing-03));overflow:hidden auto}.MrlMenu--ignore--O2xHa{max-height:calc(100vh - 32px)}.MrlMenu--ignore--O2xHa ul[role=menu]{overflow:hidden auto}.MrlMenu--submenu--gtaMo{left:97%;position:absolute}.MrlMenu--MiPQM.open--pAnde{display:flex}
|
|
402
402
|
.mrl-u-focus-wrapper--J3poc{position:relative}:root,.MrlDivider--TDWNh{--mrl-divider-size: var(--mrl-spacing-01);--mrl-divider-spacing: var(--mrl-space-stack-section-divider);--mrl-divider-color: var(--mrl-black-opacity-01)}.MrlDivider--none--kraX1{--mrl-divider-spacing: 0}.MrlDivider--small--oJaeA{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-small)}.MrlDivider--large--JB4WU{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-large)}.MrlDivider--xlarge--Zrcuj{--mrl-divider-spacing: var(--mrl-space-stack-section-divider-xlarge)}.MrlDivider--inverse--DKjnh{--mrl-divider-color: var(--mrl-white-opacity-02)}.MrlDivider--vertical--wA_YJ{--mrl-divider-spacing: var(--mrl-spacing-02)}.MrlDivider--vertical--wA_YJ.MrlDivider--none--kraX1{--mrl-divider-spacing: 0}.MrlDivider--thin--fiRBQ{--mrl-divider-size: var(--mrl-line-width-border-fine)}.MrlMenuItem--omonY{border-radius:var(--mrl-border-radius-content-large);list-style-type:none;margin:0;margin-bottom:var(--mrl-space-stack-related-small);text-align:left;text-indent:0;white-space:nowrap}.MrlMenuItem--omonY>.subMenu--sQGEQ{bottom:calc(var(--mrl-space-stack-controls)/2);display:none;left:calc(100% + var(--mrl-space-stack-controls)/2);position:absolute;top:calc(var(--mrl-space-stack-controls)/-2)}.MrlMenuItem--omonY>.subMenu--sQGEQ::before{bottom:calc(var(--mrl-space-stack-controls)/2);content:"";cursor:pointer;height:100%;left:calc(var(--mrl-space-stack-controls)*-1);position:absolute;top:calc(var(--mrl-space-stack-controls)/2);width:calc(var(--mrl-space-stack-controls) + .125rem)}.MrlMenuItem--omonY [aria-expanded=true]+.subMenu--sQGEQ{display:flex}.MrlMenuItem--omonY a{text-decoration:none}.MrlMenuItem--omonY:last-child{margin-bottom:0}.MrlMenuItem--item--crRkZ{font-family:var(--mrl-body-font);font-size:var(--mrl-type-size-text-xsmall);font-weight:var(--mrl-type-weight-interactive);letter-spacing:var(--mrl-type-spacing-interactive-xsmall);line-height:var(--mrl-type-line-height-interactive-xsmall);align-items:center;background:none;border:none;border-radius:var(--mrl-border-radius-content-large);color:var(--mrl-color-text);cursor:pointer;display:flex;height:var(--mrl-spacing-08);justify-content:flex-start;padding:var(--mrl-space-inset);padding-left:var(--mrl-spacing-04);position:relative;white-space:nowrap;width:100%}.MrlMenuItem--item--selected--ExGKp{background:var(--mrl-color-background-inverse-hover);color:var(--mrl-color-text-inverse)}.MrlMenuItem--item--withIcon--cgg2B{padding:calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) var(--mrl-space-inset) calc(var(--mrl-spacing-01) + var(--mrl-spacing-02)) var(--mrl-space-inset-control-small)}.MrlMenuItem--item--content--aOcsP{position:relative;z-index:1}.MrlMenuItem--item--hoverArea--mtgGX{height:100%;left:-30px;position:absolute;width:215px}.MrlMenuItem--item--crRkZ .mrl-svg--HPtnf{min-width:var(--mrl-spacing-06)}.MrlMenuItem--item--crRkZ.isLink--Pp55t{justify-content:flex-start}.MrlMenuItem--item--crRkZ:focus-visible{outline:var(--mrl-line-width-focus) solid var(--mrl-color-focus);outline-offset:var(--mrl-spacing-01)}.MrlMenuItem--item--crRkZ:hover:not(.MrlMenuItem--item--selected--ExGKp,[aria-disabled=true]),.MrlMenuItem--item--submenuOpen--YGVyO{background:var(--mrl-black-opacity-00);color:var(--mrl-color-text-hover)}.MrlMenuItem--item--crRkZ:active:not(.MrlMenuItem--item--selected--ExGKp,[aria-disabled=true]){background:var(--mrl-black-opacity-01);color:var(--mrl-color-text-active)}.MrlMenuItem--item--icon-left--H5NdN{display:flex;margin-right:calc(var(--mrl-spacing-01) + var(--mrl-spacing-03))}.MrlMenuItem--item--icon-right--vKWKp{margin-left:auto}.MrlMenuItem--item--icon-right-container--wiZqN{display:flex;margin-left:var(--mrl-space-inset-control-small);width:var(--mrl-spacing-05)}.MrlMenuItem--item--crRkZ[aria-disabled=true]{background:rgba(0,0,0,0);color:var(--mrl-color-text-disabled);pointer-events:none}.MrlMenuItem--item--crRkZ span,.MrlMenuItem--item--crRkZ svg{pointer-events:none}
|
|
403
403
|
.MrlMenuGroup--label--OfXgy{margin-bottom:var(--mrl-spacing-03)}
|
|
@@ -527,8 +527,8 @@
|
|
|
527
527
|
.MrlPanel--ctJ4U{background-color:var(--mrl-color-background);border-radius:var(--mrl-border-radius-container);box-shadow:var(--mrl-shadows-raised);display:flex;flex-direction:column;height:auto;max-height:100%;overflow:hidden;padding:var(--mrl-spacing-06) 0 0 0;pointer-events:auto;position:relative;width:16.75rem;z-index:400}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag{margin-bottom:calc(var(--mrl-spacing-06) - var(--mrl-spacing-01));padding:0 var(--mrl-spacing-09) 0 var(--mrl-spacing-06)}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag.MrlPanel--header-content-description--CUyJq{margin-bottom:calc(var(--mrl-spacing-04) - var(--mrl-spacing-01))}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag .MrlPanel--title--tyjoU{height:auto}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag .MrlPanel--top-actions--vzrrd{align-items:center;display:flex;justify-content:center;position:absolute;right:calc(var(--mrl-spacing-10) - var(--mrl-spacing-02));top:var(--mrl-spacing-04)}.MrlPanel--ctJ4U .MrlPanel--header-content--VTdag .MrlPanel--top-actions-divider--xLz2L{align-self:auto}.MrlPanel--ctJ4U .MrlPanel--close--sRBzI{position:absolute;right:var(--mrl-spacing-04);top:var(--mrl-spacing-04)}.MrlPanel--scrollable--kRudV{outline:none;overflow:clip scroll;overflow-y:overlay;padding-left:var(--mrl-spacing-06);padding-right:var(--mrl-spacing-06);padding-top:var(--mrl-spacing-01)}.MrlPanel--scrollable--kRudV:focus-visible{outline:var(--mrl-spacing-01) var(--mrl-color-focus) solid}.MrlPanel--scrollable--kRudV.MrlPanel--scrollable-has-sticky-header--CIres{padding-top:0}.MrlPanel--scrollable--kRudV .MrlPanel--description--dCF7g{margin-bottom:var(--mrl-spacing-06);padding-right:var(--mrl-space-inset-container-large)}
|
|
528
528
|
.MrlPanelFooter--iX4RS{background-color:var(--mrl-color-background);bottom:var(--mrl-spacing-03);color:rgba(var(--mrl-gray-60), 1);left:0;margin:0 var(--mrl-spacing-06);position:absolute;width:calc(100% - var(--mrl-spacing-06)*2)}.MrlPanelFooter--iX4RS .MrlPanelFooter--divider--DMvrl{margin:0 0 var(--mrl-spacing-02) 0}
|
|
529
529
|
.MrlPanelStickyHeader--I1FiZ{background-color:var(--mrl-color-background);position:sticky;top:0}.MrlPanelStickyHeader--I1FiZ::after{background:var(--mrl-color-background);content:"";display:block;inset:0 calc(-1*var(--mrl-spacing-03));pointer-events:all;position:absolute;z-index:-1}
|
|
530
|
-
.MrlToolbar--Lrhb6{align-items:center;background:var(--mrl-color-background);border-radius:var(--mrl-border-radius-container);box-shadow:var(--mrl-shadows-lifted);cursor:default;display:flex;gap:var(--mrl-spacing-02);min-height:3rem;padding:var(--mrl-spacing-03);pointer-events:all;transition:opacity var(--mrl-duration-03) var(--mrl-timing-m3)}.MrlToolbar-inverse--OwdSd{background:var(--mrl-color-background-inverse);box-shadow:none;color:var(--mrl-color-text-inverse)}.MrlToolbar-skeleton--eWZQv.MrlToolbar-vertical--hO8hj{background-color:rgba(var(--mrl-gray-30), 1)}.MrlToolbar-medium--FKg7Y{gap:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01));min-height:3.5rem;padding:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01))}.MrlToolbar-xsmall--St9Ez{gap:var(--mrl-spacing-02);min-height:2rem;padding:var(--mrl-spacing-02)}.MrlToolbar-vertical--hO8hj{flex-direction:column;min-height:0;min-width:3rem}.MrlToolbar-vertical--hO8hj.MrlToolbar-medium--FKg7Y{min-width:3.5rem}.MrlToolbar-vertical--hO8hj.MrlToolbar-xsmall--St9Ez{min-width:2rem}.MrlToolbar-spaced--gmE0X{gap:var(--mrl-spacing-05);padding-left:var(--mrl-spacing-05)}.MrlToolbar-spaced--gmE0X .mrlButton--Oymf3+.mrlButton--Oymf3{margin-left:calc(var(--mrl-spacing-03)/2*-1)}
|
|
531
530
|
.MrlToolbarButtonIcon--Oetsi{margin-right:var(--mrl-spacing-03)}
|
|
531
|
+
.MrlToolbar--Lrhb6{align-items:center;background:var(--mrl-color-background);border-radius:var(--mrl-border-radius-container);box-shadow:var(--mrl-shadows-lifted);cursor:default;display:flex;gap:var(--mrl-spacing-02);min-height:3rem;padding:var(--mrl-spacing-03);pointer-events:all;transition:opacity var(--mrl-duration-03) var(--mrl-timing-m3)}.MrlToolbar-inverse--OwdSd{background:var(--mrl-color-background-inverse);box-shadow:none;color:var(--mrl-color-text-inverse)}.MrlToolbar-skeleton--eWZQv.MrlToolbar-vertical--hO8hj{background-color:rgba(var(--mrl-gray-30), 1)}.MrlToolbar-medium--FKg7Y{gap:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01));min-height:3.5rem;padding:calc(var(--mrl-spacing-02) + var(--mrl-spacing-01))}.MrlToolbar-xsmall--St9Ez{gap:var(--mrl-spacing-02);min-height:2rem;padding:var(--mrl-spacing-02)}.MrlToolbar-vertical--hO8hj{flex-direction:column;min-height:0;min-width:3rem}.MrlToolbar-vertical--hO8hj.MrlToolbar-medium--FKg7Y{min-width:3.5rem}.MrlToolbar-vertical--hO8hj.MrlToolbar-xsmall--St9Ez{min-width:2rem}.MrlToolbar-spaced--gmE0X{gap:var(--mrl-spacing-05);padding-left:var(--mrl-spacing-05)}.MrlToolbar-spaced--gmE0X .mrlButton--Oymf3+.mrlButton--Oymf3{margin-left:calc(var(--mrl-spacing-03)/2*-1)}
|
|
532
532
|
.mrl-u-focus-wrapper--f4yRC{position:relative}.MrlFilterItem--qYLqp{position:relative;align-items:center;background-color:var(--mrl-color-background-decorative);border-radius:var(--mrl-border-radius-rounded);color:rgba(var(--mrl-gray-100), 1);display:flex;font-family:var(--mrl-body-font);font-size:var(--mrl-font-size-02);font-weight:var(--mrl-font-weight-04);gap:var(--mrl-spacing-02);height:var(--mrl-spacing-08);justify-content:center;line-height:var(--mrl-line-height-06);min-width:3.5rem;outline-color:rgba(0,0,0,0);padding:var(--mrl-spacing-03) var(--mrl-spacing-04);text-align:center;transition:outline-color var(--mrl-duration-04) var(--mrl-timing-m2),background-color var(--mrl-duration-04) var(--mrl-timing-m2),color var(--mrl-duration-04) var(--mrl-timing-m2)}.MrlFilterItem--qYLqp:focus-visible{outline:none}.MrlFilterItem--qYLqp:focus-visible::after{animation-duration:var(--mrl-duration-03);animation-fill-mode:forwards;animation-iteration-count:1;animation-timing-function:var(--mrl-timing-m3);border:0 solid rgba(0,0,0,0);border-radius:calc(
|
|
533
533
|
var(--mrl-border-radius-functional) + var(--mrl-line-width-focus) + var(--mrl-space-offset-focus)
|
|
534
534
|
);bottom:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);content:"";display:block;left:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);position:absolute;right:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);top:calc((var(--mrl-space-offset-focus) + var(--mrl-line-width-focus) + 0px)*-1);z-index:1;animation-name:border-animation--eZQOi}@keyframes border-animation--eZQOi{0%{border-color:rgba(0,0,0,0);border-width:0;bottom:var(--mrl-space-offset-focus);left:var(--mrl-space-offset-focus);right:var(--mrl-space-offset-focus);top:var(--mrl-space-offset-focus)}50%{border-color:var(--mrl-color-focus);border-width:.25rem;bottom:calc(var(--mrl-spacing-02)*-1);left:calc(var(--mrl-spacing-02)*-1);right:calc(var(--mrl-spacing-02)*-1);top:calc(var(--mrl-spacing-02)*-1)}100%{border-color:var(--mrl-color-focus);border-width:var(--mrl-line-width-focus);bottom:calc((
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
type AvatarKind = (typeof avatarValues.kind)[number];
|
|
3
|
+
type AvatarSize = (typeof avatarValues.size)[number];
|
|
4
|
+
interface avatarDefaults {
|
|
5
|
+
kind: AvatarKind;
|
|
6
|
+
size: AvatarSize;
|
|
7
|
+
avatarColor: string;
|
|
8
|
+
}
|
|
9
|
+
export interface MrlAvatarPropTypes {
|
|
10
|
+
alt?: string;
|
|
11
|
+
dataQa?: string;
|
|
12
|
+
image?: React.ReactNode | string;
|
|
13
|
+
kind?: AvatarKind;
|
|
14
|
+
name?: string;
|
|
15
|
+
onImageError?: React.ReactEventHandler<HTMLImageElement>;
|
|
16
|
+
showBorder?: boolean;
|
|
17
|
+
size?: AvatarSize;
|
|
18
|
+
avatarColor?: string;
|
|
19
|
+
}
|
|
20
|
+
declare const avatarValues: {
|
|
21
|
+
kind: readonly ["default", "facilitator", "lock"];
|
|
22
|
+
size: readonly ["xsmall", "small", "medium", "large"];
|
|
23
|
+
};
|
|
24
|
+
export declare const defaultAvatarValues: avatarDefaults;
|
|
25
|
+
/**
|
|
26
|
+
* Renders an avatar component
|
|
27
|
+
* @param {MrlAvatarPropTypes} props the props for your MrlAvatar
|
|
28
|
+
* @returns {React.ReactElement} an avatar containing the props you pass
|
|
29
|
+
*/
|
|
30
|
+
export declare const MrlAvatar: ({ alt, avatarColor, dataQa, kind, image, name, onImageError, showBorder, size, ...rest }: MrlAvatarPropTypes) => React.ReactElement;
|
|
31
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MrlAvatar';
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { MrlAvatarPropTypes } from '../MrlAvatar/MrlAvatar';
|
|
3
|
+
import { MrlButtonState, TooltipConfig } from '../../button/MrlButton/MrlButton';
|
|
4
|
+
import { ToggleAria } from '../../button/constants';
|
|
5
|
+
export interface MrlAvatarButtonPropTypes extends MrlAvatarPropTypes, React.HTMLAttributes<HTMLButtonElement> {
|
|
6
|
+
/**
|
|
7
|
+
* An optional class name to add to button wrapping the MrlAvatar.
|
|
8
|
+
*/
|
|
9
|
+
buttonClassName?: string;
|
|
10
|
+
/**
|
|
11
|
+
* An optional boolean prop to include the button in roving tabindex
|
|
12
|
+
*/
|
|
13
|
+
includeInRoving?: boolean;
|
|
14
|
+
/**
|
|
15
|
+
* Selected state variant when the button is a Toggle Button. Setting this prop
|
|
16
|
+
* informs the component that this is a toggle button and to add that functionality
|
|
17
|
+
*/
|
|
18
|
+
isToggleButton?: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* An optional aria-label to apply to the button element
|
|
21
|
+
*/
|
|
22
|
+
label?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Displays a spinner in the button to indicate some action is in progress.
|
|
25
|
+
*/
|
|
26
|
+
loading?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* Text for the spinner when the button is in a loading state.
|
|
29
|
+
*/
|
|
30
|
+
loadingText?: string;
|
|
31
|
+
/**
|
|
32
|
+
* onClick event for the button.
|
|
33
|
+
*/
|
|
34
|
+
onClick?: (e: React.SyntheticEvent<HTMLButtonElement>) => void;
|
|
35
|
+
/**
|
|
36
|
+
* Changes the state of the button based on user permissions or actions.
|
|
37
|
+
*/
|
|
38
|
+
state?: MrlButtonState;
|
|
39
|
+
/**
|
|
40
|
+
* Determines which aria setup to use for various toggle/selected styles.
|
|
41
|
+
* pressed - use for an traditional “toggle button”
|
|
42
|
+
* selected - use for tabs and custom select options
|
|
43
|
+
* expanded - use for menus, panels, and popovers
|
|
44
|
+
* checked - use for custom [radiobutton](https://www.w3.org/WAI/ARIA/apg/patterns/radiobutton/#wai-aria-roles-states-and-properties-16)
|
|
45
|
+
* or [checkbox](https://www.w3.org/WAI/ARIA/apg/patterns/checkbox/#wai-aria-roles-states-and-properties-5) inputs
|
|
46
|
+
*/
|
|
47
|
+
toggleAria?: ToggleAria;
|
|
48
|
+
/**
|
|
49
|
+
* Tooltip configuration for the button
|
|
50
|
+
*/
|
|
51
|
+
tooltip?: TooltipConfig;
|
|
52
|
+
/**
|
|
53
|
+
* Reference to the DOM element that is the MrlAvatarButton
|
|
54
|
+
*/
|
|
55
|
+
triggerRef?: React.RefObject<HTMLButtonElement>;
|
|
56
|
+
}
|
|
57
|
+
/**
|
|
58
|
+
* Renders an avatar button
|
|
59
|
+
* @param {MrlAvatarButtonPropTypes} props the props for your MrlAvatarButton
|
|
60
|
+
* @returns {React.ReactElement} an avatar button containing the props you pass
|
|
61
|
+
*/
|
|
62
|
+
export declare const MrlAvatarButton: ({ buttonClassName, dataQa, id, includeInRoving, isToggleButton, label, loading, loadingText, onClick, size, state, toggleAria, tooltip, triggerRef, ...rest }: MrlAvatarButtonPropTypes) => React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MrlAvatarButton';
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { MrlComponentProps } from '../../../utils';
|
|
3
|
+
export type MrlBadgeKinds = 'default' | 'error' | 'info' | 'success' | 'warning';
|
|
4
|
+
export interface MrlBadgeProps extends Omit<MrlComponentProps, 'style' | 'attrs'>, React.ComponentProps<'div'> {
|
|
5
|
+
className?: string;
|
|
6
|
+
/**
|
|
7
|
+
* Pass a custom icon to any badge kind.
|
|
8
|
+
* Should be passed as an MrlSvg JSX Element.
|
|
9
|
+
*/
|
|
10
|
+
icon?: JSX.Element;
|
|
11
|
+
kind?: MrlBadgeKinds;
|
|
12
|
+
/**
|
|
13
|
+
* Displays a default icon for non-default badge kinds.
|
|
14
|
+
* To have an icon in `kind="default"` you must use the `icon` prop.
|
|
15
|
+
*/
|
|
16
|
+
showIcon?: boolean;
|
|
17
|
+
text: string;
|
|
18
|
+
}
|
|
19
|
+
/**
|
|
20
|
+
* Badges are a common user interface element that
|
|
21
|
+
* can be used to draw attention to content.
|
|
22
|
+
* @param props - component props
|
|
23
|
+
* @returns a MrlBadge React component.
|
|
24
|
+
*/
|
|
25
|
+
export declare const MrlBadge: ({ className, icon, kind, showIcon, text, ...remainingProps }: MrlBadgeProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MrlBadge';
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { MrlComponentProps } from '../../../utils';
|
|
3
|
+
export type MrlBadgeNotificationKinds = 'general' | 'info';
|
|
4
|
+
export interface MrlBadgeNotificationProps extends Omit<MrlComponentProps, 'style' | 'attrs'>, React.ComponentProps<'div'> {
|
|
5
|
+
className?: string;
|
|
6
|
+
kind?: MrlBadgeNotificationKinds;
|
|
7
|
+
/**
|
|
8
|
+
* A string of text to tell screen reader users what type of notification this is.
|
|
9
|
+
* Defaults to 'notification'.
|
|
10
|
+
*/
|
|
11
|
+
notificationText?: string;
|
|
12
|
+
/**
|
|
13
|
+
* Used to turn a notification from a hint to numeric.
|
|
14
|
+
* NOTE: Must pass a `number`, not a `string`.
|
|
15
|
+
*/
|
|
16
|
+
number?: number;
|
|
17
|
+
}
|
|
18
|
+
/**
|
|
19
|
+
* Badge notifications are a common user interface element that can be used to
|
|
20
|
+
* draw attention to new or unread content, alerts, or updates.
|
|
21
|
+
* @param props - component props
|
|
22
|
+
* @returns a MrlBadgeNotification React component.
|
|
23
|
+
*/
|
|
24
|
+
export declare const MrlBadgeNotification: ({ className, kind, notificationText, number, ...remainingProps }: MrlBadgeNotificationProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MrlBadgeNotification';
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { Link } from 'react-router-dom';
|
|
3
|
+
export type BreadcrumbItemLink = {
|
|
4
|
+
text: string;
|
|
5
|
+
link: string;
|
|
6
|
+
} | {
|
|
7
|
+
text: string;
|
|
8
|
+
link: React.ComponentPropsWithoutRef<typeof Link>;
|
|
9
|
+
};
|
|
10
|
+
export type BreadcrumbItem = {
|
|
11
|
+
isSelected?: boolean;
|
|
12
|
+
hasSeparator?: boolean;
|
|
13
|
+
isTruncated?: boolean;
|
|
14
|
+
} & BreadcrumbItemLink;
|
|
15
|
+
export interface MrlBreadcrumbItemProps extends React.ComponentPropsWithRef<'li'> {
|
|
16
|
+
/**
|
|
17
|
+
* Children to be rendered within the component
|
|
18
|
+
*/
|
|
19
|
+
children?: React.ReactNode;
|
|
20
|
+
/**
|
|
21
|
+
* Determines whether a separator should be displayed after this breadcrumb item.
|
|
22
|
+
*/
|
|
23
|
+
hasSeparator?: BreadcrumbItem['hasSeparator'];
|
|
24
|
+
/**
|
|
25
|
+
* Indicates whether this breadcrumb item represents the currently selected or
|
|
26
|
+
* active page.
|
|
27
|
+
*/
|
|
28
|
+
isSelected?: BreadcrumbItem['isSelected'];
|
|
29
|
+
/**
|
|
30
|
+
* Specifies whether the text content of this breadcrumb item should be truncated
|
|
31
|
+
* if it exceeds a certain width. This is useful for handling long page titles
|
|
32
|
+
* or labels within the breadcrumb.
|
|
33
|
+
*/
|
|
34
|
+
isTruncated?: boolean;
|
|
35
|
+
link?: BreadcrumbItem['link'];
|
|
36
|
+
text?: BreadcrumbItem['text'];
|
|
37
|
+
}
|
|
38
|
+
/**
|
|
39
|
+
* MrlBreadcrumbItem component.
|
|
40
|
+
* @param props The MrlBreadcrumbItem component properties.
|
|
41
|
+
* @returns The MrlBreadcrumbItem component.
|
|
42
|
+
*/
|
|
43
|
+
export declare function MrlBreadcrumbItem(props: MrlBreadcrumbItemProps): JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MrlBreadcrumbItem';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MrlBreadcrumbSeparator';
|