@vibe/core 3.70.4 → 3.71.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Modal/Modal/Modal.types.d.ts +28 -6
- package/dist/components/Modal/hooks/useFocusEscapeTargets/index.d.ts +2 -0
- package/dist/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.d.ts +10 -0
- package/dist/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.types.d.ts +2 -0
- package/dist/components/button/dist/Button/Button.module.scss.js +1 -1
- package/dist/components/icon/dist/Icon/Icon.module.scss.js +1 -1
- package/dist/components/loader/dist/Loader/Loader.module.scss.js +1 -1
- package/dist/metadata.json +10 -1
- package/dist/mocked_classnames/components/Modal/Modal/Modal.types.d.ts +28 -6
- package/dist/mocked_classnames/components/Modal/hooks/useFocusEscapeTargets/index.d.ts +2 -0
- package/dist/mocked_classnames/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.d.ts +10 -0
- package/dist/mocked_classnames/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.types.d.ts +2 -0
- package/dist/mocked_classnames/components/button/dist/Button/Button.module.scss.js +1 -1
- package/dist/mocked_classnames/components/icon/dist/Icon/Icon.module.scss.js +1 -1
- package/dist/mocked_classnames/components/loader/dist/Loader/Loader.module.scss.js +1 -1
- package/dist/mocked_classnames/packages/style/dist/index.min.css.js +1 -1
- package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseListItem/BaseListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Box/Box.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/external_datepicker.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/Label.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Link/Link.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.js.map +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js +2 -0
- package/dist/mocked_classnames/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js.map +1 -0
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Text/Text.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Typography/Typography.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/packages/style/dist/index.min.css.js +1 -1
- package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/src/components/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/src/components/BaseListItem/BaseListItem.module.scss.js +1 -1
- package/dist/src/components/Box/Box.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/external_datepicker.scss.js +1 -1
- package/dist/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/src/components/Label/Label.module.scss.js +1 -1
- package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
- package/dist/src/components/Link/Link.module.scss.js +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal/Modal.js +1 -1
- package/dist/src/components/Modal/Modal/Modal.js.map +1 -1
- package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js +2 -0
- package/dist/src/components/Modal/hooks/useFocusEscapeTargets/useFocusEscapeTargets.js.map +1 -0
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/src/components/Search/Search.module.scss.js +1 -1
- package/dist/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
- package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/src/components/Text/Text.module.scss.js +1 -1
- package/dist/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/src/components/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/src/components/Typography/Typography.module.scss.js +1 -1
- package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/package.json +2 -2
|
@@ -2,6 +2,7 @@ import { type VibeComponentProps } from "../../../types";
|
|
|
2
2
|
import type React from "react";
|
|
3
3
|
import { type ModalTopActionsProps } from "../ModalTopActions/ModalTopActions.types";
|
|
4
4
|
import { type PortalTarget } from "../hooks/usePortalTarget/usePortalTarget.types";
|
|
5
|
+
import { type FocusEscapeTarget } from "../hooks/useFocusEscapeTargets/useFocusEscapeTargets.types";
|
|
5
6
|
export type ModalSize = "small" | "medium" | "large" | "full-view";
|
|
6
7
|
export type ModalCloseEvent = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>;
|
|
7
8
|
export interface ModalProps extends VibeComponentProps {
|
|
@@ -39,18 +40,39 @@ export interface ModalProps extends VibeComponentProps {
|
|
|
39
40
|
* - Notice this might break keyboard and general accessibility and should be used with caution.
|
|
40
41
|
*/
|
|
41
42
|
autoFocus?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Specifies elements/containers that should be allowed to receive focus outside this modal.
|
|
45
|
+
* When focus moves to these elements, the focus lock will ignore them.
|
|
46
|
+
* This allows other UI components (tooltips, dropdowns, nested modals, etc.) to receive focus.
|
|
47
|
+
*
|
|
48
|
+
* Accepts:
|
|
49
|
+
* - CSS selectors (string)
|
|
50
|
+
* - Refs to elements (React.RefObject<HTMLElement>)
|
|
51
|
+
* - Direct element references (HTMLElement)
|
|
52
|
+
*/
|
|
53
|
+
allowFocusEscapeTo?: FocusEscapeTarget[];
|
|
42
54
|
/**
|
|
43
55
|
* This is intended for advanced use-cases.
|
|
44
|
-
* It allows you to control the focus
|
|
56
|
+
* It allows you to control which elements the focus lock should manage.
|
|
45
57
|
* Make sure to use this prop only when you understand the implications.
|
|
46
58
|
*
|
|
47
|
-
*
|
|
59
|
+
* **Note:** If you only need to allow focus to specific selectors, use `allowFocusEscapeTo` instead.
|
|
60
|
+
*
|
|
61
|
+
* Called whenever focus is attempting to move to any element (inside or outside the modal).
|
|
48
62
|
* Return:
|
|
49
|
-
* - `true` to
|
|
50
|
-
* - `false` to
|
|
51
|
-
*
|
|
52
|
-
* - An HTMLElement to redirect focus to instead of normal flow.
|
|
63
|
+
* - `true` to let focus-lock **manage** this element (keep it within the modal's focus trap).
|
|
64
|
+
* - `false` to let focus-lock **ignore** this element (allow focus to move outside the modal).
|
|
65
|
+
* - An HTMLElement to redirect focus to that element instead.
|
|
53
66
|
* - Any other value (e.g., null, undefined) would act as `false`.
|
|
67
|
+
*
|
|
68
|
+
* @example
|
|
69
|
+
* // Complex custom logic
|
|
70
|
+
* <Modal
|
|
71
|
+
* onFocusAttempt={(el) => {
|
|
72
|
+
* if (el?.dataset.customBehavior) return false;
|
|
73
|
+
* return true;
|
|
74
|
+
* }}
|
|
75
|
+
* />
|
|
54
76
|
*/
|
|
55
77
|
onFocusAttempt?: (nextFocusedElement?: HTMLElement) => boolean | HTMLElement;
|
|
56
78
|
/**
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type FocusEscapeTarget } from "./useFocusEscapeTargets.types";
|
|
2
|
+
/**
|
|
3
|
+
* Hook that creates a checker function to determine if an element should be allowed
|
|
4
|
+
* to receive focus outside of a focus lock (escape the focus trap).
|
|
5
|
+
*
|
|
6
|
+
* @param targets - Array of targets (selectors, refs, or elements) that should be allowed to receive focus and won't be managed by the focus-lock
|
|
7
|
+
* @returns A function that returns `true` if the element matches any target (should be allowed to escape), `false` otherwise
|
|
8
|
+
*/
|
|
9
|
+
declare const useFocusEscapeTargets: (targets?: FocusEscapeTarget[]) => (element?: HTMLElement) => boolean;
|
|
10
|
+
export default useFocusEscapeTargets;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var o={button:"button_27f15425f4","focus-visible":"focus-visible_088410e9f8",loader:"loader_e33a6a4bcd",loaderSvg:"loaderSvg_cbd953faca",textPlaceholder:"textPlaceholder_95889d0ea8",success:"success_f5f7ca7859",successContent:"successContent_63cd5ad8e5",marginRight:"marginRight_49e70f27f2",marginLeft:"marginLeft_ba75908446",rightFlat:"rightFlat_28965a134c",leftFlat:"leftFlat_857a833c18",preventClickAnimation:"preventClickAnimation_36cf256409",leftIcon:"leftIcon_49e70f27f2",rightIcon:"rightIcon_ba75908446",sizeXxs:"sizeXxs_b5709dc2fc",sizeXs:"sizeXs_cb1e2fd01d",sizeSmall:"sizeSmall_82b7cbfe62",sizeMedium:"sizeMedium_650fc03c02",sizeLarge:"sizeLarge_18bb9749a9",kindPrimary:"kindPrimary_af06efd129",colorPrimary:"colorPrimary_492f444aa2",colorBrand:"colorBrand_1e9cfb547a",colorPrimaryActive:"colorPrimaryActive_079b493f0b",colorBrandActive:"colorBrandActive_6469a41a7f",colorPositive:"colorPositive_e14ca024a7",colorPositiveActive:"colorPositiveActive_c84275a8b2",colorNegative:"colorNegative_ebafc72ead",colorNegativeActive:"colorNegativeActive_c84275a8b2",colorInverted:"colorInverted_2c1bef970d",colorInvertedActive:"colorInvertedActive_c84275a8b2",disabled:"disabled_0f5cedea0c",colorOnPrimaryColor:"colorOnPrimaryColor_bf98e01b68",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_7f946a1936",colorFixedLight:"colorFixedLight_4830910f3c",colorFixedLightActive:"colorFixedLightActive_36cf256409",colorFixedDark:"colorFixedDark_1a335c774a",colorFixedDarkActive:"colorFixedDarkActive_bfea506d52",colorOnInvertedBackground:"colorOnInvertedBackground_196b98a26d",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_07414e4147",kindSecondary:"kindSecondary_6613e99df5",kindTertiary:"kindTertiary_d74153df80",noSidePadding:"noSidePadding_29cac5ece2",insetFocusStyle:"insetFocusStyle_fa539c9011"};!function(o){var r="s_id-95d3f630f6d9_3_0_2";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;var e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_27f15425f4 {\n --loader-padding: 8px;\n outline: none;\n border: none;\n height: auto;\n border-radius: var(--border-radius-small);\n cursor: pointer;\n white-space: nowrap;\n transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n /* Prevent text selection */\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n min-width: auto;\n}\n.button_27f15425f4:focus-visible, .button_27f15425f4.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_27f15425f4:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.button_27f15425f4 .loader_e33a6a4bcd {\n height: 100%;\n}\n.button_27f15425f4 .loader_e33a6a4bcd .loaderSvg_cbd953faca {\n position: static;\n height: 100%;\n margin: 0;\n}\n.button_27f15425f4 .textPlaceholder_95889d0ea8 {\n display: inline-block;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.button_27f15425f4.success_f5f7ca7859 {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.button_27f15425f4.success_f5f7ca7859 .successContent_63cd5ad8e5 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.marginRight_49e70f27f2 {\n margin-right: var(--spacing-small);\n}\n.marginLeft_ba75908446 {\n margin-left: var(--spacing-small);\n}\n.rightFlat_28965a134c {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.leftFlat_857a833c18 {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.button_27f15425f4:active:not(.preventClickAnimation_36cf256409) {\n transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_27f15425f4 .leftIcon_49e70f27f2 {\n margin-right: var(--spacing-small);\n}\n.button_27f15425f4 .rightIcon_ba75908446 {\n margin-left: var(--spacing-small);\n}\n.sizeXxs_b5709dc2fc {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: 2px var(--spacing-xs);\n height: 16px;\n line-height: 16px;\n}\n.sizeXs_cb1e2fd01d {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 24px;\n line-height: 21px;\n}\n.sizeSmall_82b7cbfe62 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 32px;\n line-height: 24px;\n}\n.sizeSmall_82b7cbfe62 .loader_e33a6a4bcd {\n top: 7px;\n}\n.sizeMedium_650fc03c02 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: var(--spacing-small) var(--spacing-medium);\n height: 40px;\n}\n.sizeLarge_18bb9749a9 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: 12px var(--spacing-large);\n height: 48px;\n}\n.kindPrimary_af06efd129 {\n color: var(--text-color-on-primary);\n}\n.kindPrimary_af06efd129.colorPrimary_492f444aa2 {\n background: var(--primary-color);\n}\n.kindPrimary_af06efd129.colorBrand_1e9cfb547a {\n background: var(--brand-color);\n color: var(--text-color-on-brand);\n}\n.kindPrimary_af06efd129.colorPrimaryActive_079b493f0b,\n.kindPrimary_af06efd129.colorPrimary_492f444aa2:hover,\n.kindPrimary_af06efd129.colorPrimary_492f444aa2:focus {\n background: var(--primary-hover-color);\n}\n.kindPrimary_af06efd129.colorBrandActive_6469a41a7f,\n.kindPrimary_af06efd129.colorBrand_1e9cfb547a:hover,\n.kindPrimary_af06efd129.colorBrand_1e9cfb547a:focus {\n background: var(--brand-hover-color);\n}\n.kindPrimary_af06efd129.colorPositive_e14ca024a7 {\n background: var(--positive-color);\n}\n.kindPrimary_af06efd129.colorPositiveActive_c84275a8b2,\n.kindPrimary_af06efd129.colorPositive_e14ca024a7:hover,\n.kindPrimary_af06efd129.colorPositive_e14ca024a7:focus {\n background: var(--positive-color-hover);\n}\n.kindPrimary_af06efd129.colorNegative_ebafc72ead {\n background: var(--negative-color);\n}\n.kindPrimary_af06efd129.colorNegativeActive_c84275a8b2,\n.kindPrimary_af06efd129.colorNegative_ebafc72ead:hover,\n.kindPrimary_af06efd129.colorNegative_ebafc72ead:focus {\n background: var(--negative-color-hover);\n}\n.kindPrimary_af06efd129.colorInverted_2c1bef970d {\n background: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.kindPrimary_af06efd129.colorInvertedActive_c84275a8b2,\n.kindPrimary_af06efd129.colorInverted_2c1bef970d:hover,\n.kindPrimary_af06efd129.colorInverted_2c1bef970d:focus {\n background: var(--placeholder-color);\n}\n.kindPrimary_af06efd129.button_27f15425f4.colorInverted_2c1bef970d.disabled_0f5cedea0c {\n background: var(--disabled-text-color);\n color: var(--disabled-background-color);\n}\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68 {\n background: var(--text-color-on-primary);\n}\n.kindPrimary_af06efd129.colorOnPrimaryColorActive_7f946a1936,\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:hover,\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:focus {\n background-color: #e6e9ef;\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_af06efd129.colorOnPrimaryColorActive_7f946a1936:focus-visible, .kindPrimary_af06efd129.colorOnPrimaryColorActive_7f946a1936.focus-visible_088410e9f8,\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:hover:focus-visible,\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:hover.focus-visible_088410e9f8,\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:focus:focus-visible,\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_af06efd129.colorOnPrimaryColorActive_7f946a1936:focus:not(.focus-visible_088410e9f8),\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:hover:focus:not(.focus-visible_088410e9f8),\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c {\n background: var(--fixed-light-color);\n}\n.kindPrimary_af06efd129.colorFixedLightActive_36cf256409,\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:hover,\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:focus {\n background-color: #e6e9ef;\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_af06efd129.colorFixedLightActive_36cf256409:focus-visible, .kindPrimary_af06efd129.colorFixedLightActive_36cf256409.focus-visible_088410e9f8,\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:hover:focus-visible,\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:hover.focus-visible_088410e9f8,\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:focus:focus-visible,\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_af06efd129.colorFixedLightActive_36cf256409:focus:not(.focus-visible_088410e9f8),\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:hover:focus:not(.focus-visible_088410e9f8),\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a {\n background: var(--fixed-dark-color);\n color: var(--fixed-light-color);\n}\n.kindPrimary_af06efd129.colorFixedDarkActive_bfea506d52,\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:hover,\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:focus {\n filter: brightness(125%);\n}\n.kindPrimary_af06efd129.colorFixedDarkActive_bfea506d52:focus-visible, .kindPrimary_af06efd129.colorFixedDarkActive_bfea506d52.focus-visible_088410e9f8,\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:hover:focus-visible,\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:hover.focus-visible_088410e9f8,\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:focus:focus-visible,\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_af06efd129.colorFixedDarkActive_bfea506d52:focus:not(.focus-visible_088410e9f8),\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:hover:focus:not(.focus-visible_088410e9f8),\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindPrimary_af06efd129.colorOnInvertedBackground_196b98a26d {\n background: var(--primary-background-color);\n color: var(--primary-text-color);\n}\n.kindPrimary_af06efd129.colorOnInvertedBackgroundActive_07414e4147,\n.kindPrimary_af06efd129.colorOnInvertedBackground_196b98a26d:hover,\n.kindPrimary_af06efd129.colorOnInvertedBackground_196b98a26d:focus {\n background: var(--ui-background-color);\n}\n.kindPrimary_af06efd129.button_27f15425f4.colorOnInvertedBackground_196b98a26d.disabled_0f5cedea0c {\n background: var(--ui-background-color);\n color: var(--primary-text-color);\n opacity: 0.5;\n}\n.kindPrimary_af06efd129.button_27f15425f4.disabled_0f5cedea0c {\n background: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_6613e99df5 {\n border: 1px solid;\n border-color: var(--ui-border-color);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindSecondary_6613e99df5.sizeSmall_82b7cbfe62 {\n line-height: 22px;\n}\n.kindSecondary_6613e99df5.sizeMedium_650fc03c02 {\n line-height: 22px;\n}\n.kindSecondary_6613e99df5.sizeLarge_18bb9749a9 {\n line-height: 22px;\n}\n.kindSecondary_6613e99df5.colorPrimaryActive_079b493f0b {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_6613e99df5.colorPrimaryActive_079b493f0b:hover {\n background-color: var(--primary-selected-hover-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_6613e99df5.colorBrandActive_6469a41a7f {\n color: var(--text-color-on-brand);\n}\n.kindSecondary_6613e99df5.colorBrandActive_6469a41a7f,\n.kindSecondary_6613e99df5.colorBrandActive_6469a41a7f:hover {\n background-color: var(--brand-selected-color);\n border-color: var(--brand-color);\n}\n.kindSecondary_6613e99df5.colorPrimary_492f444aa2:hover:not(.colorPrimaryActive_079b493f0b),\n.kindSecondary_6613e99df5.colorPrimary_492f444aa2:focus:not(.colorPrimaryActive_079b493f0b) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_6613e99df5.colorBrand_1e9cfb547a:hover:not(.colorBrandActive_6469a41a7f),\n.kindSecondary_6613e99df5.colorBrand_1e9cfb547a:focus:not(.colorBrandActive_6469a41a7f) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_6613e99df5.colorPositive_e14ca024a7 {\n color: var(--positive-color);\n border-color: var(--positive-color);\n}\n.kindSecondary_6613e99df5.colorPositiveActive_c84275a8b2,\n.kindSecondary_6613e99df5.colorPositive_e14ca024a7:hover,\n.kindSecondary_6613e99df5.colorPositive_e14ca024a7:focus {\n background: var(--positive-color-selected);\n}\n.kindSecondary_6613e99df5.colorNegative_ebafc72ead {\n color: var(--negative-color);\n border-color: var(--negative-color);\n}\n.kindSecondary_6613e99df5.colorNegativeActive_c84275a8b2,\n.kindSecondary_6613e99df5.colorNegative_ebafc72ead:hover,\n.kindSecondary_6613e99df5.colorNegative_ebafc72ead:focus {\n background: var(--negative-color-selected);\n}\n.kindSecondary_6613e99df5.colorInverted_2c1bef970d {\n color: var(--primary-text-color);\n border-color: var(--primary-text-color);\n}\n.kindSecondary_6613e99df5.colorInvertedActive_c84275a8b2,\n.kindSecondary_6613e99df5.colorInverted_2c1bef970d:hover,\n.kindSecondary_6613e99df5.colorInverted_2c1bef970d:focus {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_6613e99df5.colorInverted_2c1bef970d.disabled_0f5cedea0c {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n}\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68 {\n color: var(--text-color-on-primary);\n border-color: var(--text-color-on-primary);\n}\n.kindSecondary_6613e99df5.colorOnPrimaryColorActive_7f946a1936,\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:hover,\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_6613e99df5.colorOnPrimaryColorActive_7f946a1936:focus-visible, .kindSecondary_6613e99df5.colorOnPrimaryColorActive_7f946a1936.focus-visible_088410e9f8,\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:hover:focus-visible,\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:hover.focus-visible_088410e9f8,\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:focus:focus-visible,\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_6613e99df5.colorOnPrimaryColorActive_7f946a1936:focus:not(.focus-visible_088410e9f8),\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:hover:focus:not(.focus-visible_088410e9f8),\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c {\n border-color: var(--fixed-light-color);\n color: var(--fixed-light-color);\n}\n.kindSecondary_6613e99df5.colorFixedLightActive_36cf256409,\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:hover,\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_6613e99df5.colorFixedLightActive_36cf256409:focus-visible, .kindSecondary_6613e99df5.colorFixedLightActive_36cf256409.focus-visible_088410e9f8,\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:hover:focus-visible,\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:hover.focus-visible_088410e9f8,\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:focus:focus-visible,\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_6613e99df5.colorFixedLightActive_36cf256409:focus:not(.focus-visible_088410e9f8),\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:hover:focus:not(.focus-visible_088410e9f8),\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a {\n border-color: var(--fixed-dark-color);\n color: var(--fixed-dark-color);\n}\n.kindSecondary_6613e99df5.colorFixedDarkActive_bfea506d52,\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:hover,\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:focus {\n background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_6613e99df5.colorFixedDarkActive_bfea506d52:focus-visible, .kindSecondary_6613e99df5.colorFixedDarkActive_bfea506d52.focus-visible_088410e9f8,\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:hover:focus-visible,\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:hover.focus-visible_088410e9f8,\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:focus:focus-visible,\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_6613e99df5.colorFixedDarkActive_bfea506d52:focus:not(.focus-visible_088410e9f8),\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:hover:focus:not(.focus-visible_088410e9f8),\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindSecondary_6613e99df5.colorOnInvertedBackground_196b98a26d {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n}\n.kindSecondary_6613e99df5.colorOnInvertedBackgroundActive_07414e4147,\n.kindSecondary_6613e99df5.colorOnInvertedBackground_196b98a26d:hover,\n.kindSecondary_6613e99df5.colorOnInvertedBackground_196b98a26d:focus {\n background: var(--icon-color);\n}\n.kindSecondary_6613e99df5.colorOnInvertedBackground_196b98a26d.disabled_0f5cedea0c {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n opacity: 0.5;\n}\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindSecondary_6613e99df5.disabled_0f5cedea0c {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_6613e99df5.disabled_0f5cedea0c:hover {\n background-color: transparent;\n}\n.kindTertiary_d74153df80 {\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindTertiary_d74153df80.colorPrimaryActive_079b493f0b {\n background-color: var(--primary-selected-color);\n}\n.kindTertiary_d74153df80.colorPrimaryActive_079b493f0b:hover {\n background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_d74153df80.colorBrandActive_6469a41a7f {\n color: var(--text-color-on-brand);\n}\n.kindTertiary_d74153df80.colorBrandActive_6469a41a7f,\n.kindTertiary_d74153df80.colorBrandActive_6469a41a7f:hover {\n background-color: var(--brand-selected-color);\n}\n.kindTertiary_d74153df80.colorPrimary_492f444aa2:hover:not(.colorPrimaryActive_079b493f0b),\n.kindTertiary_d74153df80.colorPrimary_492f444aa2:focus:not(.colorPrimaryActive_079b493f0b) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_d74153df80.colorBrand_1e9cfb547a:hover:not(.colorBrandActive_6469a41a7f),\n.kindTertiary_d74153df80.colorBrand_1e9cfb547a:focus:not(.colorBrandActive_6469a41a7f) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_d74153df80.colorPositive_e14ca024a7 {\n color: var(--positive-color);\n}\n.kindTertiary_d74153df80.colorPositiveActive_c84275a8b2,\n.kindTertiary_d74153df80.colorPositive_e14ca024a7:hover,\n.kindTertiary_d74153df80.colorPositive_e14ca024a7:focus {\n background: var(--positive-color-selected);\n}\n.kindTertiary_d74153df80.colorNegative_ebafc72ead {\n color: var(--negative-color);\n}\n.kindTertiary_d74153df80.colorNegativeActive_c84275a8b2,\n.kindTertiary_d74153df80.colorNegative_ebafc72ead:hover,\n.kindTertiary_d74153df80.colorNegative_ebafc72ead:focus {\n background: var(--negative-color-selected);\n}\n.kindTertiary_d74153df80.colorInverted_2c1bef970d {\n color: var(--primary-text-color);\n}\n.kindTertiary_d74153df80.colorInvertedActive_c84275a8b2,\n.kindTertiary_d74153df80.colorInverted_2c1bef970d:hover,\n.kindTertiary_d74153df80.colorInverted_2c1bef970d:focus {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_d74153df80.colorInverted_2c1bef970d.disabled_0f5cedea0c {\n color: var(--disabled-text-color);\n}\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68 {\n color: var(--text-color-on-primary);\n}\n.kindTertiary_d74153df80.colorOnPrimaryColorActive_7f946a1936,\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:hover,\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_d74153df80.colorOnPrimaryColorActive_7f946a1936:focus-visible, .kindTertiary_d74153df80.colorOnPrimaryColorActive_7f946a1936.focus-visible_088410e9f8,\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:hover:focus-visible,\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:hover.focus-visible_088410e9f8,\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:focus:focus-visible,\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_d74153df80.colorOnPrimaryColorActive_7f946a1936:focus:not(.focus-visible_088410e9f8),\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:hover:focus:not(.focus-visible_088410e9f8),\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c {\n color: var(--fixed-light-color);\n}\n.kindTertiary_d74153df80.colorFixedLightActive_36cf256409,\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:hover,\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_d74153df80.colorFixedLightActive_36cf256409:focus-visible, .kindTertiary_d74153df80.colorFixedLightActive_36cf256409.focus-visible_088410e9f8,\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:hover:focus-visible,\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:hover.focus-visible_088410e9f8,\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:focus:focus-visible,\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_d74153df80.colorFixedLightActive_36cf256409:focus:not(.focus-visible_088410e9f8),\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:hover:focus:not(.focus-visible_088410e9f8),\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a {\n color: var(--fixed-dark-color);\n}\n.kindTertiary_d74153df80.colorFixedDarkActive_bfea506d52,\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:hover,\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:focus {\n background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_d74153df80.colorFixedDarkActive_bfea506d52:focus-visible, .kindTertiary_d74153df80.colorFixedDarkActive_bfea506d52.focus-visible_088410e9f8,\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:hover:focus-visible,\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:hover.focus-visible_088410e9f8,\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:focus:focus-visible,\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_d74153df80.colorFixedDarkActive_bfea506d52:focus:not(.focus-visible_088410e9f8),\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:hover:focus:not(.focus-visible_088410e9f8),\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindTertiary_d74153df80.colorOnInvertedBackground_196b98a26d {\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_d74153df80.colorOnInvertedBackgroundActive_07414e4147,\n.kindTertiary_d74153df80.colorOnInvertedBackground_196b98a26d:hover,\n.kindTertiary_d74153df80.colorOnInvertedBackground_196b98a26d:focus {\n background: var(--icon-color);\n}\n.kindTertiary_d74153df80.colorOnInvertedBackground_196b98a26d.disabled_0f5cedea0c {\n background: var(--icon-color);\n opacity: 0.5;\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_d74153df80.disabled_0f5cedea0c {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindTertiary_d74153df80.disabled_0f5cedea0c:hover {\n background-color: transparent;\n}\n.noSidePadding_29cac5ece2 {\n padding-right: 0;\n padding-left: 0;\n}\n.button_27f15425f4.insetFocusStyle_fa539c9011:focus-visible, .button_27f15425f4.insetFocusStyle_fa539c9011.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_27f15425f4.insetFocusStyle_fa539c9011:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}");export{o as default};
|
|
1
|
+
var o={button:"button_f717945fb7","focus-visible":"focus-visible_0ee84e43f7",loader:"loader_b8510847db",loaderSvg:"loaderSvg_ab3acfc76a",textPlaceholder:"textPlaceholder_bab604a810",success:"success_d353013a39",successContent:"successContent_bc0e274a4f",marginRight:"marginRight_9359f29bb4",marginLeft:"marginLeft_5b0eea8f23",rightFlat:"rightFlat_fffab41de2",leftFlat:"leftFlat_fe8c283e9f",preventClickAnimation:"preventClickAnimation_7838e35022",leftIcon:"leftIcon_9359f29bb4",rightIcon:"rightIcon_5b0eea8f23",sizeXxs:"sizeXxs_0df4b33338",sizeXs:"sizeXs_99bee1342d",sizeSmall:"sizeSmall_e177347d5f",sizeMedium:"sizeMedium_fc94723b67",sizeLarge:"sizeLarge_cde096e217",kindPrimary:"kindPrimary_002bfbb8d7",colorPrimary:"colorPrimary_5fe053397f",colorBrand:"colorBrand_bb861a125b",colorPrimaryActive:"colorPrimaryActive_9569659707",colorBrandActive:"colorBrandActive_d5f1fe2f97",colorPositive:"colorPositive_a49db15042",colorPositiveActive:"colorPositiveActive_2c24f5bf82",colorNegative:"colorNegative_ef6a26404a",colorNegativeActive:"colorNegativeActive_2c24f5bf82",colorInverted:"colorInverted_3932e2804f",colorInvertedActive:"colorInvertedActive_2c24f5bf82",disabled:"disabled_2b0d82e999",colorOnPrimaryColor:"colorOnPrimaryColor_c22ea9c694",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_21d8795af5",colorFixedLight:"colorFixedLight_3b7017835f",colorFixedLightActive:"colorFixedLightActive_7838e35022",colorFixedDark:"colorFixedDark_210ae401ba",colorFixedDarkActive:"colorFixedDarkActive_ab1b477d4a",colorOnInvertedBackground:"colorOnInvertedBackground_b97a9061a0",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_5b490fd727",kindSecondary:"kindSecondary_c8a4fa80b2",kindTertiary:"kindTertiary_14695021a8",noSidePadding:"noSidePadding_3e485eb30c",insetFocusStyle:"insetFocusStyle_6256e7ece5"};!function(o){var r="s_id-95d3f630f6d9_3_0_3";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;var e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_f717945fb7 {\n --loader-padding: 8px;\n outline: none;\n border: none;\n height: auto;\n border-radius: var(--border-radius-small);\n cursor: pointer;\n white-space: nowrap;\n transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n /* Prevent text selection */\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n min-width: auto;\n}\n.button_f717945fb7:focus-visible, .button_f717945fb7.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_f717945fb7:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.button_f717945fb7 .loader_b8510847db {\n height: 100%;\n}\n.button_f717945fb7 .loader_b8510847db .loaderSvg_ab3acfc76a {\n position: static;\n height: 100%;\n margin: 0;\n}\n.button_f717945fb7 .textPlaceholder_bab604a810 {\n display: inline-block;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.button_f717945fb7.success_d353013a39 {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.button_f717945fb7.success_d353013a39 .successContent_bc0e274a4f {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.marginRight_9359f29bb4 {\n margin-right: var(--spacing-small);\n}\n.marginLeft_5b0eea8f23 {\n margin-left: var(--spacing-small);\n}\n.rightFlat_fffab41de2 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.leftFlat_fe8c283e9f {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.button_f717945fb7:active:not(.preventClickAnimation_7838e35022) {\n transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_f717945fb7 .leftIcon_9359f29bb4 {\n margin-right: var(--spacing-small);\n}\n.button_f717945fb7 .rightIcon_5b0eea8f23 {\n margin-left: var(--spacing-small);\n}\n.sizeXxs_0df4b33338 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: 2px var(--spacing-xs);\n height: 16px;\n line-height: 16px;\n}\n.sizeXs_99bee1342d {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 24px;\n line-height: 21px;\n}\n.sizeSmall_e177347d5f {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 32px;\n line-height: 24px;\n}\n.sizeSmall_e177347d5f .loader_b8510847db {\n top: 7px;\n}\n.sizeMedium_fc94723b67 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: var(--spacing-small) var(--spacing-medium);\n height: 40px;\n}\n.sizeLarge_cde096e217 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: 12px var(--spacing-large);\n height: 48px;\n}\n.kindPrimary_002bfbb8d7 {\n color: var(--text-color-on-primary);\n}\n.kindPrimary_002bfbb8d7.colorPrimary_5fe053397f {\n background: var(--primary-color);\n}\n.kindPrimary_002bfbb8d7.colorBrand_bb861a125b {\n background: var(--brand-color);\n color: var(--text-color-on-brand);\n}\n.kindPrimary_002bfbb8d7.colorPrimaryActive_9569659707,\n.kindPrimary_002bfbb8d7.colorPrimary_5fe053397f:hover,\n.kindPrimary_002bfbb8d7.colorPrimary_5fe053397f:focus {\n background: var(--primary-hover-color);\n}\n.kindPrimary_002bfbb8d7.colorBrandActive_d5f1fe2f97,\n.kindPrimary_002bfbb8d7.colorBrand_bb861a125b:hover,\n.kindPrimary_002bfbb8d7.colorBrand_bb861a125b:focus {\n background: var(--brand-hover-color);\n}\n.kindPrimary_002bfbb8d7.colorPositive_a49db15042 {\n background: var(--positive-color);\n}\n.kindPrimary_002bfbb8d7.colorPositiveActive_2c24f5bf82,\n.kindPrimary_002bfbb8d7.colorPositive_a49db15042:hover,\n.kindPrimary_002bfbb8d7.colorPositive_a49db15042:focus {\n background: var(--positive-color-hover);\n}\n.kindPrimary_002bfbb8d7.colorNegative_ef6a26404a {\n background: var(--negative-color);\n}\n.kindPrimary_002bfbb8d7.colorNegativeActive_2c24f5bf82,\n.kindPrimary_002bfbb8d7.colorNegative_ef6a26404a:hover,\n.kindPrimary_002bfbb8d7.colorNegative_ef6a26404a:focus {\n background: var(--negative-color-hover);\n}\n.kindPrimary_002bfbb8d7.colorInverted_3932e2804f {\n background: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.kindPrimary_002bfbb8d7.colorInvertedActive_2c24f5bf82,\n.kindPrimary_002bfbb8d7.colorInverted_3932e2804f:hover,\n.kindPrimary_002bfbb8d7.colorInverted_3932e2804f:focus {\n background: var(--placeholder-color);\n}\n.kindPrimary_002bfbb8d7.button_f717945fb7.colorInverted_3932e2804f.disabled_2b0d82e999 {\n background: var(--disabled-text-color);\n color: var(--disabled-background-color);\n}\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694 {\n background: var(--text-color-on-primary);\n}\n.kindPrimary_002bfbb8d7.colorOnPrimaryColorActive_21d8795af5,\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:hover,\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:focus {\n background-color: #e6e9ef;\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_002bfbb8d7.colorOnPrimaryColorActive_21d8795af5:focus-visible, .kindPrimary_002bfbb8d7.colorOnPrimaryColorActive_21d8795af5.focus-visible_0ee84e43f7,\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:hover:focus-visible,\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:hover.focus-visible_0ee84e43f7,\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:focus:focus-visible,\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_002bfbb8d7.colorOnPrimaryColorActive_21d8795af5:focus:not(.focus-visible_0ee84e43f7),\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f {\n background: var(--fixed-light-color);\n}\n.kindPrimary_002bfbb8d7.colorFixedLightActive_7838e35022,\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:hover,\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:focus {\n background-color: #e6e9ef;\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_002bfbb8d7.colorFixedLightActive_7838e35022:focus-visible, .kindPrimary_002bfbb8d7.colorFixedLightActive_7838e35022.focus-visible_0ee84e43f7,\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:hover:focus-visible,\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:hover.focus-visible_0ee84e43f7,\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:focus:focus-visible,\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_002bfbb8d7.colorFixedLightActive_7838e35022:focus:not(.focus-visible_0ee84e43f7),\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba {\n background: var(--fixed-dark-color);\n color: var(--fixed-light-color);\n}\n.kindPrimary_002bfbb8d7.colorFixedDarkActive_ab1b477d4a,\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:hover,\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:focus {\n filter: brightness(125%);\n}\n.kindPrimary_002bfbb8d7.colorFixedDarkActive_ab1b477d4a:focus-visible, .kindPrimary_002bfbb8d7.colorFixedDarkActive_ab1b477d4a.focus-visible_0ee84e43f7,\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:hover:focus-visible,\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:hover.focus-visible_0ee84e43f7,\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:focus:focus-visible,\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_002bfbb8d7.colorFixedDarkActive_ab1b477d4a:focus:not(.focus-visible_0ee84e43f7),\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindPrimary_002bfbb8d7.colorOnInvertedBackground_b97a9061a0 {\n background: var(--primary-background-color);\n color: var(--primary-text-color);\n}\n.kindPrimary_002bfbb8d7.colorOnInvertedBackgroundActive_5b490fd727,\n.kindPrimary_002bfbb8d7.colorOnInvertedBackground_b97a9061a0:hover,\n.kindPrimary_002bfbb8d7.colorOnInvertedBackground_b97a9061a0:focus {\n background: var(--ui-background-color);\n}\n.kindPrimary_002bfbb8d7.button_f717945fb7.colorOnInvertedBackground_b97a9061a0.disabled_2b0d82e999 {\n background: var(--ui-background-color);\n color: var(--primary-text-color);\n opacity: 0.5;\n}\n.kindPrimary_002bfbb8d7.button_f717945fb7.disabled_2b0d82e999 {\n background: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_c8a4fa80b2 {\n border: 1px solid;\n border-color: var(--ui-border-color);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindSecondary_c8a4fa80b2.sizeSmall_e177347d5f {\n line-height: 22px;\n}\n.kindSecondary_c8a4fa80b2.sizeMedium_fc94723b67 {\n line-height: 22px;\n}\n.kindSecondary_c8a4fa80b2.sizeLarge_cde096e217 {\n line-height: 22px;\n}\n.kindSecondary_c8a4fa80b2.colorPrimaryActive_9569659707 {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_c8a4fa80b2.colorPrimaryActive_9569659707:hover {\n background-color: var(--primary-selected-hover-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_c8a4fa80b2.colorBrandActive_d5f1fe2f97 {\n color: var(--text-color-on-brand);\n}\n.kindSecondary_c8a4fa80b2.colorBrandActive_d5f1fe2f97,\n.kindSecondary_c8a4fa80b2.colorBrandActive_d5f1fe2f97:hover {\n background-color: var(--brand-selected-color);\n border-color: var(--brand-color);\n}\n.kindSecondary_c8a4fa80b2.colorPrimary_5fe053397f:hover:not(.colorPrimaryActive_9569659707),\n.kindSecondary_c8a4fa80b2.colorPrimary_5fe053397f:focus:not(.colorPrimaryActive_9569659707) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_c8a4fa80b2.colorBrand_bb861a125b:hover:not(.colorBrandActive_d5f1fe2f97),\n.kindSecondary_c8a4fa80b2.colorBrand_bb861a125b:focus:not(.colorBrandActive_d5f1fe2f97) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_c8a4fa80b2.colorPositive_a49db15042 {\n color: var(--positive-color);\n border-color: var(--positive-color);\n}\n.kindSecondary_c8a4fa80b2.colorPositiveActive_2c24f5bf82,\n.kindSecondary_c8a4fa80b2.colorPositive_a49db15042:hover,\n.kindSecondary_c8a4fa80b2.colorPositive_a49db15042:focus {\n background: var(--positive-color-selected);\n}\n.kindSecondary_c8a4fa80b2.colorNegative_ef6a26404a {\n color: var(--negative-color);\n border-color: var(--negative-color);\n}\n.kindSecondary_c8a4fa80b2.colorNegativeActive_2c24f5bf82,\n.kindSecondary_c8a4fa80b2.colorNegative_ef6a26404a:hover,\n.kindSecondary_c8a4fa80b2.colorNegative_ef6a26404a:focus {\n background: var(--negative-color-selected);\n}\n.kindSecondary_c8a4fa80b2.colorInverted_3932e2804f {\n color: var(--primary-text-color);\n border-color: var(--primary-text-color);\n}\n.kindSecondary_c8a4fa80b2.colorInvertedActive_2c24f5bf82,\n.kindSecondary_c8a4fa80b2.colorInverted_3932e2804f:hover,\n.kindSecondary_c8a4fa80b2.colorInverted_3932e2804f:focus {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_c8a4fa80b2.colorInverted_3932e2804f.disabled_2b0d82e999 {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n}\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694 {\n color: var(--text-color-on-primary);\n border-color: var(--text-color-on-primary);\n}\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColorActive_21d8795af5,\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:hover,\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColorActive_21d8795af5:focus-visible, .kindSecondary_c8a4fa80b2.colorOnPrimaryColorActive_21d8795af5.focus-visible_0ee84e43f7,\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:hover:focus-visible,\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:hover.focus-visible_0ee84e43f7,\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:focus:focus-visible,\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColorActive_21d8795af5:focus:not(.focus-visible_0ee84e43f7),\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f {\n border-color: var(--fixed-light-color);\n color: var(--fixed-light-color);\n}\n.kindSecondary_c8a4fa80b2.colorFixedLightActive_7838e35022,\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:hover,\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_c8a4fa80b2.colorFixedLightActive_7838e35022:focus-visible, .kindSecondary_c8a4fa80b2.colorFixedLightActive_7838e35022.focus-visible_0ee84e43f7,\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:hover:focus-visible,\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:hover.focus-visible_0ee84e43f7,\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:focus:focus-visible,\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_c8a4fa80b2.colorFixedLightActive_7838e35022:focus:not(.focus-visible_0ee84e43f7),\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba {\n border-color: var(--fixed-dark-color);\n color: var(--fixed-dark-color);\n}\n.kindSecondary_c8a4fa80b2.colorFixedDarkActive_ab1b477d4a,\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:hover,\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:focus {\n background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_c8a4fa80b2.colorFixedDarkActive_ab1b477d4a:focus-visible, .kindSecondary_c8a4fa80b2.colorFixedDarkActive_ab1b477d4a.focus-visible_0ee84e43f7,\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:hover:focus-visible,\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:hover.focus-visible_0ee84e43f7,\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:focus:focus-visible,\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_c8a4fa80b2.colorFixedDarkActive_ab1b477d4a:focus:not(.focus-visible_0ee84e43f7),\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindSecondary_c8a4fa80b2.colorOnInvertedBackground_b97a9061a0 {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n}\n.kindSecondary_c8a4fa80b2.colorOnInvertedBackgroundActive_5b490fd727,\n.kindSecondary_c8a4fa80b2.colorOnInvertedBackground_b97a9061a0:hover,\n.kindSecondary_c8a4fa80b2.colorOnInvertedBackground_b97a9061a0:focus {\n background: var(--icon-color);\n}\n.kindSecondary_c8a4fa80b2.colorOnInvertedBackground_b97a9061a0.disabled_2b0d82e999 {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n opacity: 0.5;\n}\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindSecondary_c8a4fa80b2.disabled_2b0d82e999 {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_c8a4fa80b2.disabled_2b0d82e999:hover {\n background-color: transparent;\n}\n.kindTertiary_14695021a8 {\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindTertiary_14695021a8.colorPrimaryActive_9569659707 {\n background-color: var(--primary-selected-color);\n}\n.kindTertiary_14695021a8.colorPrimaryActive_9569659707:hover {\n background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_14695021a8.colorBrandActive_d5f1fe2f97 {\n color: var(--text-color-on-brand);\n}\n.kindTertiary_14695021a8.colorBrandActive_d5f1fe2f97,\n.kindTertiary_14695021a8.colorBrandActive_d5f1fe2f97:hover {\n background-color: var(--brand-selected-color);\n}\n.kindTertiary_14695021a8.colorPrimary_5fe053397f:hover:not(.colorPrimaryActive_9569659707),\n.kindTertiary_14695021a8.colorPrimary_5fe053397f:focus:not(.colorPrimaryActive_9569659707) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_14695021a8.colorBrand_bb861a125b:hover:not(.colorBrandActive_d5f1fe2f97),\n.kindTertiary_14695021a8.colorBrand_bb861a125b:focus:not(.colorBrandActive_d5f1fe2f97) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_14695021a8.colorPositive_a49db15042 {\n color: var(--positive-color);\n}\n.kindTertiary_14695021a8.colorPositiveActive_2c24f5bf82,\n.kindTertiary_14695021a8.colorPositive_a49db15042:hover,\n.kindTertiary_14695021a8.colorPositive_a49db15042:focus {\n background: var(--positive-color-selected);\n}\n.kindTertiary_14695021a8.colorNegative_ef6a26404a {\n color: var(--negative-color);\n}\n.kindTertiary_14695021a8.colorNegativeActive_2c24f5bf82,\n.kindTertiary_14695021a8.colorNegative_ef6a26404a:hover,\n.kindTertiary_14695021a8.colorNegative_ef6a26404a:focus {\n background: var(--negative-color-selected);\n}\n.kindTertiary_14695021a8.colorInverted_3932e2804f {\n color: var(--primary-text-color);\n}\n.kindTertiary_14695021a8.colorInvertedActive_2c24f5bf82,\n.kindTertiary_14695021a8.colorInverted_3932e2804f:hover,\n.kindTertiary_14695021a8.colorInverted_3932e2804f:focus {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_14695021a8.colorInverted_3932e2804f.disabled_2b0d82e999 {\n color: var(--disabled-text-color);\n}\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694 {\n color: var(--text-color-on-primary);\n}\n.kindTertiary_14695021a8.colorOnPrimaryColorActive_21d8795af5,\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:hover,\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_14695021a8.colorOnPrimaryColorActive_21d8795af5:focus-visible, .kindTertiary_14695021a8.colorOnPrimaryColorActive_21d8795af5.focus-visible_0ee84e43f7,\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:hover:focus-visible,\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:hover.focus-visible_0ee84e43f7,\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:focus:focus-visible,\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_14695021a8.colorOnPrimaryColorActive_21d8795af5:focus:not(.focus-visible_0ee84e43f7),\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f {\n color: var(--fixed-light-color);\n}\n.kindTertiary_14695021a8.colorFixedLightActive_7838e35022,\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:hover,\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_14695021a8.colorFixedLightActive_7838e35022:focus-visible, .kindTertiary_14695021a8.colorFixedLightActive_7838e35022.focus-visible_0ee84e43f7,\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:hover:focus-visible,\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:hover.focus-visible_0ee84e43f7,\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:focus:focus-visible,\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_14695021a8.colorFixedLightActive_7838e35022:focus:not(.focus-visible_0ee84e43f7),\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba {\n color: var(--fixed-dark-color);\n}\n.kindTertiary_14695021a8.colorFixedDarkActive_ab1b477d4a,\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:hover,\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:focus {\n background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_14695021a8.colorFixedDarkActive_ab1b477d4a:focus-visible, .kindTertiary_14695021a8.colorFixedDarkActive_ab1b477d4a.focus-visible_0ee84e43f7,\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:hover:focus-visible,\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:hover.focus-visible_0ee84e43f7,\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:focus:focus-visible,\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_14695021a8.colorFixedDarkActive_ab1b477d4a:focus:not(.focus-visible_0ee84e43f7),\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindTertiary_14695021a8.colorOnInvertedBackground_b97a9061a0 {\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_14695021a8.colorOnInvertedBackgroundActive_5b490fd727,\n.kindTertiary_14695021a8.colorOnInvertedBackground_b97a9061a0:hover,\n.kindTertiary_14695021a8.colorOnInvertedBackground_b97a9061a0:focus {\n background: var(--icon-color);\n}\n.kindTertiary_14695021a8.colorOnInvertedBackground_b97a9061a0.disabled_2b0d82e999 {\n background: var(--icon-color);\n opacity: 0.5;\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_14695021a8.disabled_2b0d82e999 {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindTertiary_14695021a8.disabled_2b0d82e999:hover {\n background-color: transparent;\n}\n.noSidePadding_3e485eb30c {\n padding-right: 0;\n padding-left: 0;\n}\n.button_f717945fb7.insetFocusStyle_6256e7ece5:focus-visible, .button_f717945fb7.insetFocusStyle_6256e7ece5.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_f717945fb7.insetFocusStyle_6256e7ece5:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}");export{o as default};
|
|
2
2
|
//# sourceMappingURL=Button.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={icon:"
|
|
1
|
+
var e={icon:"icon_a44251addb",noFocusStyle:"noFocusStyle_f8ecfc39e3",clickable:"clickable_b3ab95e8e9"};!function(e){var n="s_id-039c30c54242_3_0_3";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;var o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_a44251addb {\n position: relative;\n}\n\n.icon_a44251addb:before {\n text-decoration: none !important;\n}\n\n.noFocusStyle_f8ecfc39e3:focus {\n outline: none;\n}\n\n.clickable_b3ab95e8e9 {\n cursor: pointer;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Icon.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={loaderContainer:"
|
|
1
|
+
var e={loaderContainer:"loaderContainer_8e77ae93b0",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_619ad69940",circleLoaderSpinner:"circleLoaderSpinner_5072a245e7",rotate:"rotate_077f8f3dec",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_7b3dc6adbd",dash:"dash_ab1a8e37ff"};!function(e){var n="s_id-dcd4d8f866fa_3_0_3";if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;var r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_8e77ae93b0 {\n position: relative;\n height: 100%;\n width: 100%;\n}\n.loaderContainer_8e77ae93b0 .circleLoaderSpinnerBackground_619ad69940 {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50%;\n margin-left: -50%;\n stroke: var(--ui-background-color);\n}\n.loaderContainer_8e77ae93b0 .circleLoaderSpinner_5072a245e7 {\n animation: rotate_077f8f3dec 1s linear infinite;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50%;\n margin-left: -50%;\n stroke: currentColor;\n stroke-linecap: round;\n}\n.loaderContainer_8e77ae93b0 .circleLoaderSpinner_5072a245e7 .circleLoaderSpinnerPath_7b3dc6adbd {\n animation: dash_ab1a8e37ff 1s infinite;\n}\n@keyframes rotate_077f8f3dec {\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes dash_ab1a8e37ff {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Loader.module.scss.js.map
|
package/dist/metadata.json
CHANGED
|
@@ -19617,9 +19617,18 @@
|
|
|
19617
19617
|
"name": "boolean"
|
|
19618
19618
|
}
|
|
19619
19619
|
},
|
|
19620
|
+
"allowFocusEscapeTo": {
|
|
19621
|
+
"defaultValue": null,
|
|
19622
|
+
"description": "Specifies elements/containers that should be allowed to receive focus outside this modal.\nWhen focus moves to these elements, the focus lock will ignore them.\nThis allows other UI components (tooltips, dropdowns, nested modals, etc.) to receive focus.\n\nAccepts:\n- CSS selectors (string)\n- Refs to elements (React.RefObject<HTMLElement>)\n- Direct element references (HTMLElement)",
|
|
19623
|
+
"name": "allowFocusEscapeTo",
|
|
19624
|
+
"required": false,
|
|
19625
|
+
"type": {
|
|
19626
|
+
"name": "any[]"
|
|
19627
|
+
}
|
|
19628
|
+
},
|
|
19620
19629
|
"onFocusAttempt": {
|
|
19621
19630
|
"defaultValue": null,
|
|
19622
|
-
"description": "This is intended for advanced use-cases.\nIt allows you to control the focus
|
|
19631
|
+
"description": "This is intended for advanced use-cases.\nIt allows you to control which elements the focus lock should manage.\nMake sure to use this prop only when you understand the implications.\n\n**Note:** If you only need to allow focus to specific selectors, use `allowFocusEscapeTo` instead.\n\nCalled whenever focus is attempting to move to any element (inside or outside the modal).\nReturn:\n- `true` to let focus-lock **manage** this element (keep it within the modal's focus trap).\n- `false` to let focus-lock **ignore** this element (allow focus to move outside the modal).\n- An HTMLElement to redirect focus to that element instead.\n- Any other value (e.g., null, undefined) would act as `false`.\n@example // Complex custom logic\n<Modal\n onFocusAttempt={(el) => {\n if (el?.dataset.customBehavior) return false;\n return true;\n }}\n/>",
|
|
19623
19632
|
"name": "onFocusAttempt",
|
|
19624
19633
|
"required": false,
|
|
19625
19634
|
"type": {
|
|
@@ -2,6 +2,7 @@ import { type VibeComponentProps } from "../../../types";
|
|
|
2
2
|
import type React from "react";
|
|
3
3
|
import { type ModalTopActionsProps } from "../ModalTopActions/ModalTopActions.types";
|
|
4
4
|
import { type PortalTarget } from "../hooks/usePortalTarget/usePortalTarget.types";
|
|
5
|
+
import { type FocusEscapeTarget } from "../hooks/useFocusEscapeTargets/useFocusEscapeTargets.types";
|
|
5
6
|
export type ModalSize = "small" | "medium" | "large" | "full-view";
|
|
6
7
|
export type ModalCloseEvent = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>;
|
|
7
8
|
export interface ModalProps extends VibeComponentProps {
|
|
@@ -39,18 +40,39 @@ export interface ModalProps extends VibeComponentProps {
|
|
|
39
40
|
* - Notice this might break keyboard and general accessibility and should be used with caution.
|
|
40
41
|
*/
|
|
41
42
|
autoFocus?: boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Specifies elements/containers that should be allowed to receive focus outside this modal.
|
|
45
|
+
* When focus moves to these elements, the focus lock will ignore them.
|
|
46
|
+
* This allows other UI components (tooltips, dropdowns, nested modals, etc.) to receive focus.
|
|
47
|
+
*
|
|
48
|
+
* Accepts:
|
|
49
|
+
* - CSS selectors (string)
|
|
50
|
+
* - Refs to elements (React.RefObject<HTMLElement>)
|
|
51
|
+
* - Direct element references (HTMLElement)
|
|
52
|
+
*/
|
|
53
|
+
allowFocusEscapeTo?: FocusEscapeTarget[];
|
|
42
54
|
/**
|
|
43
55
|
* This is intended for advanced use-cases.
|
|
44
|
-
* It allows you to control the focus
|
|
56
|
+
* It allows you to control which elements the focus lock should manage.
|
|
45
57
|
* Make sure to use this prop only when you understand the implications.
|
|
46
58
|
*
|
|
47
|
-
*
|
|
59
|
+
* **Note:** If you only need to allow focus to specific selectors, use `allowFocusEscapeTo` instead.
|
|
60
|
+
*
|
|
61
|
+
* Called whenever focus is attempting to move to any element (inside or outside the modal).
|
|
48
62
|
* Return:
|
|
49
|
-
* - `true` to
|
|
50
|
-
* - `false` to
|
|
51
|
-
*
|
|
52
|
-
* - An HTMLElement to redirect focus to instead of normal flow.
|
|
63
|
+
* - `true` to let focus-lock **manage** this element (keep it within the modal's focus trap).
|
|
64
|
+
* - `false` to let focus-lock **ignore** this element (allow focus to move outside the modal).
|
|
65
|
+
* - An HTMLElement to redirect focus to that element instead.
|
|
53
66
|
* - Any other value (e.g., null, undefined) would act as `false`.
|
|
67
|
+
*
|
|
68
|
+
* @example
|
|
69
|
+
* // Complex custom logic
|
|
70
|
+
* <Modal
|
|
71
|
+
* onFocusAttempt={(el) => {
|
|
72
|
+
* if (el?.dataset.customBehavior) return false;
|
|
73
|
+
* return true;
|
|
74
|
+
* }}
|
|
75
|
+
* />
|
|
54
76
|
*/
|
|
55
77
|
onFocusAttempt?: (nextFocusedElement?: HTMLElement) => boolean | HTMLElement;
|
|
56
78
|
/**
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { type FocusEscapeTarget } from "./useFocusEscapeTargets.types";
|
|
2
|
+
/**
|
|
3
|
+
* Hook that creates a checker function to determine if an element should be allowed
|
|
4
|
+
* to receive focus outside of a focus lock (escape the focus trap).
|
|
5
|
+
*
|
|
6
|
+
* @param targets - Array of targets (selectors, refs, or elements) that should be allowed to receive focus and won't be managed by the focus-lock
|
|
7
|
+
* @returns A function that returns `true` if the element matches any target (should be allowed to escape), `false` otherwise
|
|
8
|
+
*/
|
|
9
|
+
declare const useFocusEscapeTargets: (targets?: FocusEscapeTarget[]) => (element?: HTMLElement) => boolean;
|
|
10
|
+
export default useFocusEscapeTargets;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var o={button:"button_27f15425f4","focus-visible":"focus-visible_088410e9f8",loader:"loader_e33a6a4bcd",loaderSvg:"loaderSvg_cbd953faca",textPlaceholder:"textPlaceholder_95889d0ea8",success:"success_f5f7ca7859",successContent:"successContent_63cd5ad8e5",marginRight:"marginRight_49e70f27f2",marginLeft:"marginLeft_ba75908446",rightFlat:"rightFlat_28965a134c",leftFlat:"leftFlat_857a833c18",preventClickAnimation:"preventClickAnimation_36cf256409",leftIcon:"leftIcon_49e70f27f2",rightIcon:"rightIcon_ba75908446",sizeXxs:"sizeXxs_b5709dc2fc",sizeXs:"sizeXs_cb1e2fd01d",sizeSmall:"sizeSmall_82b7cbfe62",sizeMedium:"sizeMedium_650fc03c02",sizeLarge:"sizeLarge_18bb9749a9",kindPrimary:"kindPrimary_af06efd129",colorPrimary:"colorPrimary_492f444aa2",colorBrand:"colorBrand_1e9cfb547a",colorPrimaryActive:"colorPrimaryActive_079b493f0b",colorBrandActive:"colorBrandActive_6469a41a7f",colorPositive:"colorPositive_e14ca024a7",colorPositiveActive:"colorPositiveActive_c84275a8b2",colorNegative:"colorNegative_ebafc72ead",colorNegativeActive:"colorNegativeActive_c84275a8b2",colorInverted:"colorInverted_2c1bef970d",colorInvertedActive:"colorInvertedActive_c84275a8b2",disabled:"disabled_0f5cedea0c",colorOnPrimaryColor:"colorOnPrimaryColor_bf98e01b68",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_7f946a1936",colorFixedLight:"colorFixedLight_4830910f3c",colorFixedLightActive:"colorFixedLightActive_36cf256409",colorFixedDark:"colorFixedDark_1a335c774a",colorFixedDarkActive:"colorFixedDarkActive_bfea506d52",colorOnInvertedBackground:"colorOnInvertedBackground_196b98a26d",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_07414e4147",kindSecondary:"kindSecondary_6613e99df5",kindTertiary:"kindTertiary_d74153df80",noSidePadding:"noSidePadding_29cac5ece2",insetFocusStyle:"insetFocusStyle_fa539c9011"};!function(o){var r="s_id-95d3f630f6d9_3_0_2";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;var e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_27f15425f4 {\n --loader-padding: 8px;\n outline: none;\n border: none;\n height: auto;\n border-radius: var(--border-radius-small);\n cursor: pointer;\n white-space: nowrap;\n transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n /* Prevent text selection */\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n min-width: auto;\n}\n.button_27f15425f4:focus-visible, .button_27f15425f4.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_27f15425f4:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.button_27f15425f4 .loader_e33a6a4bcd {\n height: 100%;\n}\n.button_27f15425f4 .loader_e33a6a4bcd .loaderSvg_cbd953faca {\n position: static;\n height: 100%;\n margin: 0;\n}\n.button_27f15425f4 .textPlaceholder_95889d0ea8 {\n display: inline-block;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.button_27f15425f4.success_f5f7ca7859 {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.button_27f15425f4.success_f5f7ca7859 .successContent_63cd5ad8e5 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.marginRight_49e70f27f2 {\n margin-right: var(--spacing-small);\n}\n.marginLeft_ba75908446 {\n margin-left: var(--spacing-small);\n}\n.rightFlat_28965a134c {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.leftFlat_857a833c18 {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.button_27f15425f4:active:not(.preventClickAnimation_36cf256409) {\n transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_27f15425f4 .leftIcon_49e70f27f2 {\n margin-right: var(--spacing-small);\n}\n.button_27f15425f4 .rightIcon_ba75908446 {\n margin-left: var(--spacing-small);\n}\n.sizeXxs_b5709dc2fc {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: 2px var(--spacing-xs);\n height: 16px;\n line-height: 16px;\n}\n.sizeXs_cb1e2fd01d {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 24px;\n line-height: 21px;\n}\n.sizeSmall_82b7cbfe62 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 32px;\n line-height: 24px;\n}\n.sizeSmall_82b7cbfe62 .loader_e33a6a4bcd {\n top: 7px;\n}\n.sizeMedium_650fc03c02 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: var(--spacing-small) var(--spacing-medium);\n height: 40px;\n}\n.sizeLarge_18bb9749a9 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: 12px var(--spacing-large);\n height: 48px;\n}\n.kindPrimary_af06efd129 {\n color: var(--text-color-on-primary);\n}\n.kindPrimary_af06efd129.colorPrimary_492f444aa2 {\n background: var(--primary-color);\n}\n.kindPrimary_af06efd129.colorBrand_1e9cfb547a {\n background: var(--brand-color);\n color: var(--text-color-on-brand);\n}\n.kindPrimary_af06efd129.colorPrimaryActive_079b493f0b,\n.kindPrimary_af06efd129.colorPrimary_492f444aa2:hover,\n.kindPrimary_af06efd129.colorPrimary_492f444aa2:focus {\n background: var(--primary-hover-color);\n}\n.kindPrimary_af06efd129.colorBrandActive_6469a41a7f,\n.kindPrimary_af06efd129.colorBrand_1e9cfb547a:hover,\n.kindPrimary_af06efd129.colorBrand_1e9cfb547a:focus {\n background: var(--brand-hover-color);\n}\n.kindPrimary_af06efd129.colorPositive_e14ca024a7 {\n background: var(--positive-color);\n}\n.kindPrimary_af06efd129.colorPositiveActive_c84275a8b2,\n.kindPrimary_af06efd129.colorPositive_e14ca024a7:hover,\n.kindPrimary_af06efd129.colorPositive_e14ca024a7:focus {\n background: var(--positive-color-hover);\n}\n.kindPrimary_af06efd129.colorNegative_ebafc72ead {\n background: var(--negative-color);\n}\n.kindPrimary_af06efd129.colorNegativeActive_c84275a8b2,\n.kindPrimary_af06efd129.colorNegative_ebafc72ead:hover,\n.kindPrimary_af06efd129.colorNegative_ebafc72ead:focus {\n background: var(--negative-color-hover);\n}\n.kindPrimary_af06efd129.colorInverted_2c1bef970d {\n background: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.kindPrimary_af06efd129.colorInvertedActive_c84275a8b2,\n.kindPrimary_af06efd129.colorInverted_2c1bef970d:hover,\n.kindPrimary_af06efd129.colorInverted_2c1bef970d:focus {\n background: var(--placeholder-color);\n}\n.kindPrimary_af06efd129.button_27f15425f4.colorInverted_2c1bef970d.disabled_0f5cedea0c {\n background: var(--disabled-text-color);\n color: var(--disabled-background-color);\n}\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68 {\n background: var(--text-color-on-primary);\n}\n.kindPrimary_af06efd129.colorOnPrimaryColorActive_7f946a1936,\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:hover,\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:focus {\n background-color: #e6e9ef;\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_af06efd129.colorOnPrimaryColorActive_7f946a1936:focus-visible, .kindPrimary_af06efd129.colorOnPrimaryColorActive_7f946a1936.focus-visible_088410e9f8,\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:hover:focus-visible,\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:hover.focus-visible_088410e9f8,\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:focus:focus-visible,\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_af06efd129.colorOnPrimaryColorActive_7f946a1936:focus:not(.focus-visible_088410e9f8),\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:hover:focus:not(.focus-visible_088410e9f8),\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindPrimary_af06efd129.colorOnPrimaryColor_bf98e01b68.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c {\n background: var(--fixed-light-color);\n}\n.kindPrimary_af06efd129.colorFixedLightActive_36cf256409,\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:hover,\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:focus {\n background-color: #e6e9ef;\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_af06efd129.colorFixedLightActive_36cf256409:focus-visible, .kindPrimary_af06efd129.colorFixedLightActive_36cf256409.focus-visible_088410e9f8,\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:hover:focus-visible,\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:hover.focus-visible_088410e9f8,\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:focus:focus-visible,\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_af06efd129.colorFixedLightActive_36cf256409:focus:not(.focus-visible_088410e9f8),\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:hover:focus:not(.focus-visible_088410e9f8),\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindPrimary_af06efd129.colorFixedLight_4830910f3c.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a {\n background: var(--fixed-dark-color);\n color: var(--fixed-light-color);\n}\n.kindPrimary_af06efd129.colorFixedDarkActive_bfea506d52,\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:hover,\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:focus {\n filter: brightness(125%);\n}\n.kindPrimary_af06efd129.colorFixedDarkActive_bfea506d52:focus-visible, .kindPrimary_af06efd129.colorFixedDarkActive_bfea506d52.focus-visible_088410e9f8,\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:hover:focus-visible,\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:hover.focus-visible_088410e9f8,\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:focus:focus-visible,\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_af06efd129.colorFixedDarkActive_bfea506d52:focus:not(.focus-visible_088410e9f8),\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:hover:focus:not(.focus-visible_088410e9f8),\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindPrimary_af06efd129.colorFixedDark_1a335c774a.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindPrimary_af06efd129.colorOnInvertedBackground_196b98a26d {\n background: var(--primary-background-color);\n color: var(--primary-text-color);\n}\n.kindPrimary_af06efd129.colorOnInvertedBackgroundActive_07414e4147,\n.kindPrimary_af06efd129.colorOnInvertedBackground_196b98a26d:hover,\n.kindPrimary_af06efd129.colorOnInvertedBackground_196b98a26d:focus {\n background: var(--ui-background-color);\n}\n.kindPrimary_af06efd129.button_27f15425f4.colorOnInvertedBackground_196b98a26d.disabled_0f5cedea0c {\n background: var(--ui-background-color);\n color: var(--primary-text-color);\n opacity: 0.5;\n}\n.kindPrimary_af06efd129.button_27f15425f4.disabled_0f5cedea0c {\n background: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_6613e99df5 {\n border: 1px solid;\n border-color: var(--ui-border-color);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindSecondary_6613e99df5.sizeSmall_82b7cbfe62 {\n line-height: 22px;\n}\n.kindSecondary_6613e99df5.sizeMedium_650fc03c02 {\n line-height: 22px;\n}\n.kindSecondary_6613e99df5.sizeLarge_18bb9749a9 {\n line-height: 22px;\n}\n.kindSecondary_6613e99df5.colorPrimaryActive_079b493f0b {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_6613e99df5.colorPrimaryActive_079b493f0b:hover {\n background-color: var(--primary-selected-hover-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_6613e99df5.colorBrandActive_6469a41a7f {\n color: var(--text-color-on-brand);\n}\n.kindSecondary_6613e99df5.colorBrandActive_6469a41a7f,\n.kindSecondary_6613e99df5.colorBrandActive_6469a41a7f:hover {\n background-color: var(--brand-selected-color);\n border-color: var(--brand-color);\n}\n.kindSecondary_6613e99df5.colorPrimary_492f444aa2:hover:not(.colorPrimaryActive_079b493f0b),\n.kindSecondary_6613e99df5.colorPrimary_492f444aa2:focus:not(.colorPrimaryActive_079b493f0b) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_6613e99df5.colorBrand_1e9cfb547a:hover:not(.colorBrandActive_6469a41a7f),\n.kindSecondary_6613e99df5.colorBrand_1e9cfb547a:focus:not(.colorBrandActive_6469a41a7f) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_6613e99df5.colorPositive_e14ca024a7 {\n color: var(--positive-color);\n border-color: var(--positive-color);\n}\n.kindSecondary_6613e99df5.colorPositiveActive_c84275a8b2,\n.kindSecondary_6613e99df5.colorPositive_e14ca024a7:hover,\n.kindSecondary_6613e99df5.colorPositive_e14ca024a7:focus {\n background: var(--positive-color-selected);\n}\n.kindSecondary_6613e99df5.colorNegative_ebafc72ead {\n color: var(--negative-color);\n border-color: var(--negative-color);\n}\n.kindSecondary_6613e99df5.colorNegativeActive_c84275a8b2,\n.kindSecondary_6613e99df5.colorNegative_ebafc72ead:hover,\n.kindSecondary_6613e99df5.colorNegative_ebafc72ead:focus {\n background: var(--negative-color-selected);\n}\n.kindSecondary_6613e99df5.colorInverted_2c1bef970d {\n color: var(--primary-text-color);\n border-color: var(--primary-text-color);\n}\n.kindSecondary_6613e99df5.colorInvertedActive_c84275a8b2,\n.kindSecondary_6613e99df5.colorInverted_2c1bef970d:hover,\n.kindSecondary_6613e99df5.colorInverted_2c1bef970d:focus {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_6613e99df5.colorInverted_2c1bef970d.disabled_0f5cedea0c {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n}\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68 {\n color: var(--text-color-on-primary);\n border-color: var(--text-color-on-primary);\n}\n.kindSecondary_6613e99df5.colorOnPrimaryColorActive_7f946a1936,\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:hover,\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_6613e99df5.colorOnPrimaryColorActive_7f946a1936:focus-visible, .kindSecondary_6613e99df5.colorOnPrimaryColorActive_7f946a1936.focus-visible_088410e9f8,\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:hover:focus-visible,\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:hover.focus-visible_088410e9f8,\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:focus:focus-visible,\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_6613e99df5.colorOnPrimaryColorActive_7f946a1936:focus:not(.focus-visible_088410e9f8),\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:hover:focus:not(.focus-visible_088410e9f8),\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindSecondary_6613e99df5.colorOnPrimaryColor_bf98e01b68.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c {\n border-color: var(--fixed-light-color);\n color: var(--fixed-light-color);\n}\n.kindSecondary_6613e99df5.colorFixedLightActive_36cf256409,\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:hover,\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_6613e99df5.colorFixedLightActive_36cf256409:focus-visible, .kindSecondary_6613e99df5.colorFixedLightActive_36cf256409.focus-visible_088410e9f8,\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:hover:focus-visible,\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:hover.focus-visible_088410e9f8,\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:focus:focus-visible,\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_6613e99df5.colorFixedLightActive_36cf256409:focus:not(.focus-visible_088410e9f8),\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:hover:focus:not(.focus-visible_088410e9f8),\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a {\n border-color: var(--fixed-dark-color);\n color: var(--fixed-dark-color);\n}\n.kindSecondary_6613e99df5.colorFixedDarkActive_bfea506d52,\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:hover,\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:focus {\n background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_6613e99df5.colorFixedDarkActive_bfea506d52:focus-visible, .kindSecondary_6613e99df5.colorFixedDarkActive_bfea506d52.focus-visible_088410e9f8,\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:hover:focus-visible,\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:hover.focus-visible_088410e9f8,\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:focus:focus-visible,\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_6613e99df5.colorFixedDarkActive_bfea506d52:focus:not(.focus-visible_088410e9f8),\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:hover:focus:not(.focus-visible_088410e9f8),\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindSecondary_6613e99df5.colorOnInvertedBackground_196b98a26d {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n}\n.kindSecondary_6613e99df5.colorOnInvertedBackgroundActive_07414e4147,\n.kindSecondary_6613e99df5.colorOnInvertedBackground_196b98a26d:hover,\n.kindSecondary_6613e99df5.colorOnInvertedBackground_196b98a26d:focus {\n background: var(--icon-color);\n}\n.kindSecondary_6613e99df5.colorOnInvertedBackground_196b98a26d.disabled_0f5cedea0c {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n opacity: 0.5;\n}\n.kindSecondary_6613e99df5.colorFixedLight_4830910f3c.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindSecondary_6613e99df5.colorFixedDark_1a335c774a.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindSecondary_6613e99df5.disabled_0f5cedea0c {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_6613e99df5.disabled_0f5cedea0c:hover {\n background-color: transparent;\n}\n.kindTertiary_d74153df80 {\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindTertiary_d74153df80.colorPrimaryActive_079b493f0b {\n background-color: var(--primary-selected-color);\n}\n.kindTertiary_d74153df80.colorPrimaryActive_079b493f0b:hover {\n background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_d74153df80.colorBrandActive_6469a41a7f {\n color: var(--text-color-on-brand);\n}\n.kindTertiary_d74153df80.colorBrandActive_6469a41a7f,\n.kindTertiary_d74153df80.colorBrandActive_6469a41a7f:hover {\n background-color: var(--brand-selected-color);\n}\n.kindTertiary_d74153df80.colorPrimary_492f444aa2:hover:not(.colorPrimaryActive_079b493f0b),\n.kindTertiary_d74153df80.colorPrimary_492f444aa2:focus:not(.colorPrimaryActive_079b493f0b) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_d74153df80.colorBrand_1e9cfb547a:hover:not(.colorBrandActive_6469a41a7f),\n.kindTertiary_d74153df80.colorBrand_1e9cfb547a:focus:not(.colorBrandActive_6469a41a7f) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_d74153df80.colorPositive_e14ca024a7 {\n color: var(--positive-color);\n}\n.kindTertiary_d74153df80.colorPositiveActive_c84275a8b2,\n.kindTertiary_d74153df80.colorPositive_e14ca024a7:hover,\n.kindTertiary_d74153df80.colorPositive_e14ca024a7:focus {\n background: var(--positive-color-selected);\n}\n.kindTertiary_d74153df80.colorNegative_ebafc72ead {\n color: var(--negative-color);\n}\n.kindTertiary_d74153df80.colorNegativeActive_c84275a8b2,\n.kindTertiary_d74153df80.colorNegative_ebafc72ead:hover,\n.kindTertiary_d74153df80.colorNegative_ebafc72ead:focus {\n background: var(--negative-color-selected);\n}\n.kindTertiary_d74153df80.colorInverted_2c1bef970d {\n color: var(--primary-text-color);\n}\n.kindTertiary_d74153df80.colorInvertedActive_c84275a8b2,\n.kindTertiary_d74153df80.colorInverted_2c1bef970d:hover,\n.kindTertiary_d74153df80.colorInverted_2c1bef970d:focus {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_d74153df80.colorInverted_2c1bef970d.disabled_0f5cedea0c {\n color: var(--disabled-text-color);\n}\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68 {\n color: var(--text-color-on-primary);\n}\n.kindTertiary_d74153df80.colorOnPrimaryColorActive_7f946a1936,\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:hover,\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_d74153df80.colorOnPrimaryColorActive_7f946a1936:focus-visible, .kindTertiary_d74153df80.colorOnPrimaryColorActive_7f946a1936.focus-visible_088410e9f8,\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:hover:focus-visible,\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:hover.focus-visible_088410e9f8,\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:focus:focus-visible,\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_d74153df80.colorOnPrimaryColorActive_7f946a1936:focus:not(.focus-visible_088410e9f8),\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:hover:focus:not(.focus-visible_088410e9f8),\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindTertiary_d74153df80.colorOnPrimaryColor_bf98e01b68.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c {\n color: var(--fixed-light-color);\n}\n.kindTertiary_d74153df80.colorFixedLightActive_36cf256409,\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:hover,\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_d74153df80.colorFixedLightActive_36cf256409:focus-visible, .kindTertiary_d74153df80.colorFixedLightActive_36cf256409.focus-visible_088410e9f8,\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:hover:focus-visible,\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:hover.focus-visible_088410e9f8,\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:focus:focus-visible,\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_d74153df80.colorFixedLightActive_36cf256409:focus:not(.focus-visible_088410e9f8),\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:hover:focus:not(.focus-visible_088410e9f8),\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindTertiary_d74153df80.colorFixedLight_4830910f3c.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a {\n color: var(--fixed-dark-color);\n}\n.kindTertiary_d74153df80.colorFixedDarkActive_bfea506d52,\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:hover,\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:focus {\n background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_d74153df80.colorFixedDarkActive_bfea506d52:focus-visible, .kindTertiary_d74153df80.colorFixedDarkActive_bfea506d52.focus-visible_088410e9f8,\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:hover:focus-visible,\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:hover.focus-visible_088410e9f8,\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:focus:focus-visible,\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:focus.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_d74153df80.colorFixedDarkActive_bfea506d52:focus:not(.focus-visible_088410e9f8),\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:hover:focus:not(.focus-visible_088410e9f8),\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a:focus:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}\n.kindTertiary_d74153df80.colorFixedDark_1a335c774a.disabled_0f5cedea0c {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindTertiary_d74153df80.colorOnInvertedBackground_196b98a26d {\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_d74153df80.colorOnInvertedBackgroundActive_07414e4147,\n.kindTertiary_d74153df80.colorOnInvertedBackground_196b98a26d:hover,\n.kindTertiary_d74153df80.colorOnInvertedBackground_196b98a26d:focus {\n background: var(--icon-color);\n}\n.kindTertiary_d74153df80.colorOnInvertedBackground_196b98a26d.disabled_0f5cedea0c {\n background: var(--icon-color);\n opacity: 0.5;\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_d74153df80.disabled_0f5cedea0c {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindTertiary_d74153df80.disabled_0f5cedea0c:hover {\n background-color: transparent;\n}\n.noSidePadding_29cac5ece2 {\n padding-right: 0;\n padding-left: 0;\n}\n.button_27f15425f4.insetFocusStyle_fa539c9011:focus-visible, .button_27f15425f4.insetFocusStyle_fa539c9011.focus-visible_088410e9f8 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_27f15425f4.insetFocusStyle_fa539c9011:focus:not(.focus-visible_088410e9f8) {\n outline: none;\n}");export{o as default};
|
|
1
|
+
var o={button:"button_f717945fb7","focus-visible":"focus-visible_0ee84e43f7",loader:"loader_b8510847db",loaderSvg:"loaderSvg_ab3acfc76a",textPlaceholder:"textPlaceholder_bab604a810",success:"success_d353013a39",successContent:"successContent_bc0e274a4f",marginRight:"marginRight_9359f29bb4",marginLeft:"marginLeft_5b0eea8f23",rightFlat:"rightFlat_fffab41de2",leftFlat:"leftFlat_fe8c283e9f",preventClickAnimation:"preventClickAnimation_7838e35022",leftIcon:"leftIcon_9359f29bb4",rightIcon:"rightIcon_5b0eea8f23",sizeXxs:"sizeXxs_0df4b33338",sizeXs:"sizeXs_99bee1342d",sizeSmall:"sizeSmall_e177347d5f",sizeMedium:"sizeMedium_fc94723b67",sizeLarge:"sizeLarge_cde096e217",kindPrimary:"kindPrimary_002bfbb8d7",colorPrimary:"colorPrimary_5fe053397f",colorBrand:"colorBrand_bb861a125b",colorPrimaryActive:"colorPrimaryActive_9569659707",colorBrandActive:"colorBrandActive_d5f1fe2f97",colorPositive:"colorPositive_a49db15042",colorPositiveActive:"colorPositiveActive_2c24f5bf82",colorNegative:"colorNegative_ef6a26404a",colorNegativeActive:"colorNegativeActive_2c24f5bf82",colorInverted:"colorInverted_3932e2804f",colorInvertedActive:"colorInvertedActive_2c24f5bf82",disabled:"disabled_2b0d82e999",colorOnPrimaryColor:"colorOnPrimaryColor_c22ea9c694",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_21d8795af5",colorFixedLight:"colorFixedLight_3b7017835f",colorFixedLightActive:"colorFixedLightActive_7838e35022",colorFixedDark:"colorFixedDark_210ae401ba",colorFixedDarkActive:"colorFixedDarkActive_ab1b477d4a",colorOnInvertedBackground:"colorOnInvertedBackground_b97a9061a0",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_5b490fd727",kindSecondary:"kindSecondary_c8a4fa80b2",kindTertiary:"kindTertiary_14695021a8",noSidePadding:"noSidePadding_3e485eb30c",insetFocusStyle:"insetFocusStyle_6256e7ece5"};!function(o){var r="s_id-95d3f630f6d9_3_0_3";if("undefined"!=typeof document){var n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;var e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_f717945fb7 {\n --loader-padding: 8px;\n outline: none;\n border: none;\n height: auto;\n border-radius: var(--border-radius-small);\n cursor: pointer;\n white-space: nowrap;\n transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n /* Prevent text selection */\n -webkit-user-select: none;\n -moz-user-select: none;\n user-select: none;\n min-width: auto;\n}\n.button_f717945fb7:focus-visible, .button_f717945fb7.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_f717945fb7:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.button_f717945fb7 .loader_b8510847db {\n height: 100%;\n}\n.button_f717945fb7 .loader_b8510847db .loaderSvg_ab3acfc76a {\n position: static;\n height: 100%;\n margin: 0;\n}\n.button_f717945fb7 .textPlaceholder_bab604a810 {\n display: inline-block;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.button_f717945fb7.success_d353013a39 {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.button_f717945fb7.success_d353013a39 .successContent_bc0e274a4f {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.marginRight_9359f29bb4 {\n margin-right: var(--spacing-small);\n}\n.marginLeft_5b0eea8f23 {\n margin-left: var(--spacing-small);\n}\n.rightFlat_fffab41de2 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.leftFlat_fe8c283e9f {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.button_f717945fb7:active:not(.preventClickAnimation_7838e35022) {\n transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_f717945fb7 .leftIcon_9359f29bb4 {\n margin-right: var(--spacing-small);\n}\n.button_f717945fb7 .rightIcon_5b0eea8f23 {\n margin-left: var(--spacing-small);\n}\n.sizeXxs_0df4b33338 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: 2px var(--spacing-xs);\n height: 16px;\n line-height: 16px;\n}\n.sizeXs_99bee1342d {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 24px;\n line-height: 21px;\n}\n.sizeSmall_e177347d5f {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text2-normal);\n padding: var(--spacing-xs) var(--spacing-small);\n height: 32px;\n line-height: 24px;\n}\n.sizeSmall_e177347d5f .loader_b8510847db {\n top: 7px;\n}\n.sizeMedium_fc94723b67 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: var(--spacing-small) var(--spacing-medium);\n height: 40px;\n}\n.sizeLarge_cde096e217 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font: var(--font-text1-normal);\n padding: 12px var(--spacing-large);\n height: 48px;\n}\n.kindPrimary_002bfbb8d7 {\n color: var(--text-color-on-primary);\n}\n.kindPrimary_002bfbb8d7.colorPrimary_5fe053397f {\n background: var(--primary-color);\n}\n.kindPrimary_002bfbb8d7.colorBrand_bb861a125b {\n background: var(--brand-color);\n color: var(--text-color-on-brand);\n}\n.kindPrimary_002bfbb8d7.colorPrimaryActive_9569659707,\n.kindPrimary_002bfbb8d7.colorPrimary_5fe053397f:hover,\n.kindPrimary_002bfbb8d7.colorPrimary_5fe053397f:focus {\n background: var(--primary-hover-color);\n}\n.kindPrimary_002bfbb8d7.colorBrandActive_d5f1fe2f97,\n.kindPrimary_002bfbb8d7.colorBrand_bb861a125b:hover,\n.kindPrimary_002bfbb8d7.colorBrand_bb861a125b:focus {\n background: var(--brand-hover-color);\n}\n.kindPrimary_002bfbb8d7.colorPositive_a49db15042 {\n background: var(--positive-color);\n}\n.kindPrimary_002bfbb8d7.colorPositiveActive_2c24f5bf82,\n.kindPrimary_002bfbb8d7.colorPositive_a49db15042:hover,\n.kindPrimary_002bfbb8d7.colorPositive_a49db15042:focus {\n background: var(--positive-color-hover);\n}\n.kindPrimary_002bfbb8d7.colorNegative_ef6a26404a {\n background: var(--negative-color);\n}\n.kindPrimary_002bfbb8d7.colorNegativeActive_2c24f5bf82,\n.kindPrimary_002bfbb8d7.colorNegative_ef6a26404a:hover,\n.kindPrimary_002bfbb8d7.colorNegative_ef6a26404a:focus {\n background: var(--negative-color-hover);\n}\n.kindPrimary_002bfbb8d7.colorInverted_3932e2804f {\n background: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.kindPrimary_002bfbb8d7.colorInvertedActive_2c24f5bf82,\n.kindPrimary_002bfbb8d7.colorInverted_3932e2804f:hover,\n.kindPrimary_002bfbb8d7.colorInverted_3932e2804f:focus {\n background: var(--placeholder-color);\n}\n.kindPrimary_002bfbb8d7.button_f717945fb7.colorInverted_3932e2804f.disabled_2b0d82e999 {\n background: var(--disabled-text-color);\n color: var(--disabled-background-color);\n}\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694 {\n background: var(--text-color-on-primary);\n}\n.kindPrimary_002bfbb8d7.colorOnPrimaryColorActive_21d8795af5,\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:hover,\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:focus {\n background-color: #e6e9ef;\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_002bfbb8d7.colorOnPrimaryColorActive_21d8795af5:focus-visible, .kindPrimary_002bfbb8d7.colorOnPrimaryColorActive_21d8795af5.focus-visible_0ee84e43f7,\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:hover:focus-visible,\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:hover.focus-visible_0ee84e43f7,\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:focus:focus-visible,\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_002bfbb8d7.colorOnPrimaryColorActive_21d8795af5:focus:not(.focus-visible_0ee84e43f7),\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindPrimary_002bfbb8d7.colorOnPrimaryColor_c22ea9c694.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f {\n background: var(--fixed-light-color);\n}\n.kindPrimary_002bfbb8d7.colorFixedLightActive_7838e35022,\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:hover,\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:focus {\n background-color: #e6e9ef;\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_002bfbb8d7.colorFixedLightActive_7838e35022:focus-visible, .kindPrimary_002bfbb8d7.colorFixedLightActive_7838e35022.focus-visible_0ee84e43f7,\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:hover:focus-visible,\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:hover.focus-visible_0ee84e43f7,\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:focus:focus-visible,\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_002bfbb8d7.colorFixedLightActive_7838e35022:focus:not(.focus-visible_0ee84e43f7),\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindPrimary_002bfbb8d7.colorFixedLight_3b7017835f.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba {\n background: var(--fixed-dark-color);\n color: var(--fixed-light-color);\n}\n.kindPrimary_002bfbb8d7.colorFixedDarkActive_ab1b477d4a,\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:hover,\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:focus {\n filter: brightness(125%);\n}\n.kindPrimary_002bfbb8d7.colorFixedDarkActive_ab1b477d4a:focus-visible, .kindPrimary_002bfbb8d7.colorFixedDarkActive_ab1b477d4a.focus-visible_0ee84e43f7,\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:hover:focus-visible,\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:hover.focus-visible_0ee84e43f7,\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:focus:focus-visible,\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_002bfbb8d7.colorFixedDarkActive_ab1b477d4a:focus:not(.focus-visible_0ee84e43f7),\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindPrimary_002bfbb8d7.colorFixedDark_210ae401ba.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindPrimary_002bfbb8d7.colorOnInvertedBackground_b97a9061a0 {\n background: var(--primary-background-color);\n color: var(--primary-text-color);\n}\n.kindPrimary_002bfbb8d7.colorOnInvertedBackgroundActive_5b490fd727,\n.kindPrimary_002bfbb8d7.colorOnInvertedBackground_b97a9061a0:hover,\n.kindPrimary_002bfbb8d7.colorOnInvertedBackground_b97a9061a0:focus {\n background: var(--ui-background-color);\n}\n.kindPrimary_002bfbb8d7.button_f717945fb7.colorOnInvertedBackground_b97a9061a0.disabled_2b0d82e999 {\n background: var(--ui-background-color);\n color: var(--primary-text-color);\n opacity: 0.5;\n}\n.kindPrimary_002bfbb8d7.button_f717945fb7.disabled_2b0d82e999 {\n background: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_c8a4fa80b2 {\n border: 1px solid;\n border-color: var(--ui-border-color);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindSecondary_c8a4fa80b2.sizeSmall_e177347d5f {\n line-height: 22px;\n}\n.kindSecondary_c8a4fa80b2.sizeMedium_fc94723b67 {\n line-height: 22px;\n}\n.kindSecondary_c8a4fa80b2.sizeLarge_cde096e217 {\n line-height: 22px;\n}\n.kindSecondary_c8a4fa80b2.colorPrimaryActive_9569659707 {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_c8a4fa80b2.colorPrimaryActive_9569659707:hover {\n background-color: var(--primary-selected-hover-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_c8a4fa80b2.colorBrandActive_d5f1fe2f97 {\n color: var(--text-color-on-brand);\n}\n.kindSecondary_c8a4fa80b2.colorBrandActive_d5f1fe2f97,\n.kindSecondary_c8a4fa80b2.colorBrandActive_d5f1fe2f97:hover {\n background-color: var(--brand-selected-color);\n border-color: var(--brand-color);\n}\n.kindSecondary_c8a4fa80b2.colorPrimary_5fe053397f:hover:not(.colorPrimaryActive_9569659707),\n.kindSecondary_c8a4fa80b2.colorPrimary_5fe053397f:focus:not(.colorPrimaryActive_9569659707) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_c8a4fa80b2.colorBrand_bb861a125b:hover:not(.colorBrandActive_d5f1fe2f97),\n.kindSecondary_c8a4fa80b2.colorBrand_bb861a125b:focus:not(.colorBrandActive_d5f1fe2f97) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_c8a4fa80b2.colorPositive_a49db15042 {\n color: var(--positive-color);\n border-color: var(--positive-color);\n}\n.kindSecondary_c8a4fa80b2.colorPositiveActive_2c24f5bf82,\n.kindSecondary_c8a4fa80b2.colorPositive_a49db15042:hover,\n.kindSecondary_c8a4fa80b2.colorPositive_a49db15042:focus {\n background: var(--positive-color-selected);\n}\n.kindSecondary_c8a4fa80b2.colorNegative_ef6a26404a {\n color: var(--negative-color);\n border-color: var(--negative-color);\n}\n.kindSecondary_c8a4fa80b2.colorNegativeActive_2c24f5bf82,\n.kindSecondary_c8a4fa80b2.colorNegative_ef6a26404a:hover,\n.kindSecondary_c8a4fa80b2.colorNegative_ef6a26404a:focus {\n background: var(--negative-color-selected);\n}\n.kindSecondary_c8a4fa80b2.colorInverted_3932e2804f {\n color: var(--primary-text-color);\n border-color: var(--primary-text-color);\n}\n.kindSecondary_c8a4fa80b2.colorInvertedActive_2c24f5bf82,\n.kindSecondary_c8a4fa80b2.colorInverted_3932e2804f:hover,\n.kindSecondary_c8a4fa80b2.colorInverted_3932e2804f:focus {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_c8a4fa80b2.colorInverted_3932e2804f.disabled_2b0d82e999 {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n}\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694 {\n color: var(--text-color-on-primary);\n border-color: var(--text-color-on-primary);\n}\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColorActive_21d8795af5,\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:hover,\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColorActive_21d8795af5:focus-visible, .kindSecondary_c8a4fa80b2.colorOnPrimaryColorActive_21d8795af5.focus-visible_0ee84e43f7,\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:hover:focus-visible,\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:hover.focus-visible_0ee84e43f7,\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:focus:focus-visible,\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColorActive_21d8795af5:focus:not(.focus-visible_0ee84e43f7),\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindSecondary_c8a4fa80b2.colorOnPrimaryColor_c22ea9c694.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f {\n border-color: var(--fixed-light-color);\n color: var(--fixed-light-color);\n}\n.kindSecondary_c8a4fa80b2.colorFixedLightActive_7838e35022,\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:hover,\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_c8a4fa80b2.colorFixedLightActive_7838e35022:focus-visible, .kindSecondary_c8a4fa80b2.colorFixedLightActive_7838e35022.focus-visible_0ee84e43f7,\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:hover:focus-visible,\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:hover.focus-visible_0ee84e43f7,\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:focus:focus-visible,\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_c8a4fa80b2.colorFixedLightActive_7838e35022:focus:not(.focus-visible_0ee84e43f7),\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba {\n border-color: var(--fixed-dark-color);\n color: var(--fixed-dark-color);\n}\n.kindSecondary_c8a4fa80b2.colorFixedDarkActive_ab1b477d4a,\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:hover,\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:focus {\n background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_c8a4fa80b2.colorFixedDarkActive_ab1b477d4a:focus-visible, .kindSecondary_c8a4fa80b2.colorFixedDarkActive_ab1b477d4a.focus-visible_0ee84e43f7,\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:hover:focus-visible,\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:hover.focus-visible_0ee84e43f7,\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:focus:focus-visible,\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_c8a4fa80b2.colorFixedDarkActive_ab1b477d4a:focus:not(.focus-visible_0ee84e43f7),\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindSecondary_c8a4fa80b2.colorOnInvertedBackground_b97a9061a0 {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n}\n.kindSecondary_c8a4fa80b2.colorOnInvertedBackgroundActive_5b490fd727,\n.kindSecondary_c8a4fa80b2.colorOnInvertedBackground_b97a9061a0:hover,\n.kindSecondary_c8a4fa80b2.colorOnInvertedBackground_b97a9061a0:focus {\n background: var(--icon-color);\n}\n.kindSecondary_c8a4fa80b2.colorOnInvertedBackground_b97a9061a0.disabled_2b0d82e999 {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n opacity: 0.5;\n}\n.kindSecondary_c8a4fa80b2.colorFixedLight_3b7017835f.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindSecondary_c8a4fa80b2.colorFixedDark_210ae401ba.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindSecondary_c8a4fa80b2.disabled_2b0d82e999 {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_c8a4fa80b2.disabled_2b0d82e999:hover {\n background-color: transparent;\n}\n.kindTertiary_14695021a8 {\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindTertiary_14695021a8.colorPrimaryActive_9569659707 {\n background-color: var(--primary-selected-color);\n}\n.kindTertiary_14695021a8.colorPrimaryActive_9569659707:hover {\n background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_14695021a8.colorBrandActive_d5f1fe2f97 {\n color: var(--text-color-on-brand);\n}\n.kindTertiary_14695021a8.colorBrandActive_d5f1fe2f97,\n.kindTertiary_14695021a8.colorBrandActive_d5f1fe2f97:hover {\n background-color: var(--brand-selected-color);\n}\n.kindTertiary_14695021a8.colorPrimary_5fe053397f:hover:not(.colorPrimaryActive_9569659707),\n.kindTertiary_14695021a8.colorPrimary_5fe053397f:focus:not(.colorPrimaryActive_9569659707) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_14695021a8.colorBrand_bb861a125b:hover:not(.colorBrandActive_d5f1fe2f97),\n.kindTertiary_14695021a8.colorBrand_bb861a125b:focus:not(.colorBrandActive_d5f1fe2f97) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_14695021a8.colorPositive_a49db15042 {\n color: var(--positive-color);\n}\n.kindTertiary_14695021a8.colorPositiveActive_2c24f5bf82,\n.kindTertiary_14695021a8.colorPositive_a49db15042:hover,\n.kindTertiary_14695021a8.colorPositive_a49db15042:focus {\n background: var(--positive-color-selected);\n}\n.kindTertiary_14695021a8.colorNegative_ef6a26404a {\n color: var(--negative-color);\n}\n.kindTertiary_14695021a8.colorNegativeActive_2c24f5bf82,\n.kindTertiary_14695021a8.colorNegative_ef6a26404a:hover,\n.kindTertiary_14695021a8.colorNegative_ef6a26404a:focus {\n background: var(--negative-color-selected);\n}\n.kindTertiary_14695021a8.colorInverted_3932e2804f {\n color: var(--primary-text-color);\n}\n.kindTertiary_14695021a8.colorInvertedActive_2c24f5bf82,\n.kindTertiary_14695021a8.colorInverted_3932e2804f:hover,\n.kindTertiary_14695021a8.colorInverted_3932e2804f:focus {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_14695021a8.colorInverted_3932e2804f.disabled_2b0d82e999 {\n color: var(--disabled-text-color);\n}\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694 {\n color: var(--text-color-on-primary);\n}\n.kindTertiary_14695021a8.colorOnPrimaryColorActive_21d8795af5,\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:hover,\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_14695021a8.colorOnPrimaryColorActive_21d8795af5:focus-visible, .kindTertiary_14695021a8.colorOnPrimaryColorActive_21d8795af5.focus-visible_0ee84e43f7,\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:hover:focus-visible,\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:hover.focus-visible_0ee84e43f7,\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:focus:focus-visible,\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_14695021a8.colorOnPrimaryColorActive_21d8795af5:focus:not(.focus-visible_0ee84e43f7),\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindTertiary_14695021a8.colorOnPrimaryColor_c22ea9c694.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f {\n color: var(--fixed-light-color);\n}\n.kindTertiary_14695021a8.colorFixedLightActive_7838e35022,\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:hover,\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:focus {\n -webkit-backdrop-filter: brightness(85%);\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_14695021a8.colorFixedLightActive_7838e35022:focus-visible, .kindTertiary_14695021a8.colorFixedLightActive_7838e35022.focus-visible_0ee84e43f7,\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:hover:focus-visible,\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:hover.focus-visible_0ee84e43f7,\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:focus:focus-visible,\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_14695021a8.colorFixedLightActive_7838e35022:focus:not(.focus-visible_0ee84e43f7),\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindTertiary_14695021a8.colorFixedLight_3b7017835f.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba {\n color: var(--fixed-dark-color);\n}\n.kindTertiary_14695021a8.colorFixedDarkActive_ab1b477d4a,\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:hover,\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:focus {\n background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_14695021a8.colorFixedDarkActive_ab1b477d4a:focus-visible, .kindTertiary_14695021a8.colorFixedDarkActive_ab1b477d4a.focus-visible_0ee84e43f7,\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:hover:focus-visible,\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:hover.focus-visible_0ee84e43f7,\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:focus:focus-visible,\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:focus.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_14695021a8.colorFixedDarkActive_ab1b477d4a:focus:not(.focus-visible_0ee84e43f7),\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:hover:focus:not(.focus-visible_0ee84e43f7),\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba:focus:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}\n.kindTertiary_14695021a8.colorFixedDark_210ae401ba.disabled_2b0d82e999 {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindTertiary_14695021a8.colorOnInvertedBackground_b97a9061a0 {\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_14695021a8.colorOnInvertedBackgroundActive_5b490fd727,\n.kindTertiary_14695021a8.colorOnInvertedBackground_b97a9061a0:hover,\n.kindTertiary_14695021a8.colorOnInvertedBackground_b97a9061a0:focus {\n background: var(--icon-color);\n}\n.kindTertiary_14695021a8.colorOnInvertedBackground_b97a9061a0.disabled_2b0d82e999 {\n background: var(--icon-color);\n opacity: 0.5;\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_14695021a8.disabled_2b0d82e999 {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindTertiary_14695021a8.disabled_2b0d82e999:hover {\n background-color: transparent;\n}\n.noSidePadding_3e485eb30c {\n padding-right: 0;\n padding-left: 0;\n}\n.button_f717945fb7.insetFocusStyle_6256e7ece5:focus-visible, .button_f717945fb7.insetFocusStyle_6256e7ece5.focus-visible_0ee84e43f7 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_f717945fb7.insetFocusStyle_6256e7ece5:focus:not(.focus-visible_0ee84e43f7) {\n outline: none;\n}");export{o as default};
|
|
2
2
|
//# sourceMappingURL=Button.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={icon:"
|
|
1
|
+
var e={icon:"icon_a44251addb",noFocusStyle:"noFocusStyle_f8ecfc39e3",clickable:"clickable_b3ab95e8e9"};!function(e){var n="s_id-039c30c54242_3_0_3";if("undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;var o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_a44251addb {\n position: relative;\n}\n\n.icon_a44251addb:before {\n text-decoration: none !important;\n}\n\n.noFocusStyle_f8ecfc39e3:focus {\n outline: none;\n}\n\n.clickable_b3ab95e8e9 {\n cursor: pointer;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Icon.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={loaderContainer:"
|
|
1
|
+
var e={loaderContainer:"loaderContainer_8e77ae93b0",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_619ad69940",circleLoaderSpinner:"circleLoaderSpinner_5072a245e7",rotate:"rotate_077f8f3dec",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_7b3dc6adbd",dash:"dash_ab1a8e37ff"};!function(e){var n="s_id-dcd4d8f866fa_3_0_3";if("undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;var r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_8e77ae93b0 {\n position: relative;\n height: 100%;\n width: 100%;\n}\n.loaderContainer_8e77ae93b0 .circleLoaderSpinnerBackground_619ad69940 {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50%;\n margin-left: -50%;\n stroke: var(--ui-background-color);\n}\n.loaderContainer_8e77ae93b0 .circleLoaderSpinner_5072a245e7 {\n animation: rotate_077f8f3dec 1s linear infinite;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50%;\n margin-left: -50%;\n stroke: currentColor;\n stroke-linecap: round;\n}\n.loaderContainer_8e77ae93b0 .circleLoaderSpinner_5072a245e7 .circleLoaderSpinnerPath_7b3dc6adbd {\n animation: dash_ab1a8e37ff 1s infinite;\n}\n@keyframes rotate_077f8f3dec {\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes dash_ab1a8e37ff {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Loader.module.scss.js.map
|