@vibe/core 3.43.1 → 3.44.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.d.ts +7 -0
- package/dist/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.d.ts +12 -0
- package/dist/components/BreadcrumbsBar/BreadcrumbsBar.d.ts +2 -1
- package/dist/components/BreadcrumbsBar/index.d.ts +2 -0
- package/dist/components/MenuButton/MenuButton.d.ts +4 -0
- package/dist/hooks/useFullKeyboardListeners.d.ts +2 -0
- package/dist/metadata.json +72 -0
- package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.d.ts +7 -0
- package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.d.ts +12 -0
- package/dist/mocked_classnames/components/BreadcrumbsBar/BreadcrumbsBar.d.ts +2 -1
- package/dist/mocked_classnames/components/BreadcrumbsBar/index.d.ts +2 -0
- package/dist/mocked_classnames/components/MenuButton/MenuButton.d.ts +4 -0
- package/dist/mocked_classnames/hooks/useFullKeyboardListeners.d.ts +2 -0
- 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/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/BreadcrumbMenu.js +2 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js.map +1 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js +2 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js.map +1 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +2 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js.map +1 -0
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.js.map +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Button/Button.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.js.map +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/Icon/Icon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/IconButton/IconButton.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/Loader/Loader.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/Menu/hooks/useCloseMenuOnKeyEvent.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js.map +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +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/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/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/hooks/useFullKeyboardListeners.js +1 -1
- package/dist/mocked_classnames/src/hooks/useFullKeyboardListeners.js.map +1 -1
- package/dist/mocked_classnames/src/index.js +1 -1
- package/dist/mocked_classnames/src/tests/constants.js +1 -1
- package/dist/mocked_classnames/src/tests/constants.js.map +1 -1
- package/dist/mocked_classnames/style/dist/index.min.css.js +1 -1
- package/dist/mocked_classnames/tests/constants.d.ts +2 -0
- 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/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/BreadcrumbMenu.js +2 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js.map +1 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js +2 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js.map +1 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +2 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js.map +1 -0
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.js.map +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/Button/Button.module.scss.js +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.js +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.js.map +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.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.js.map +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/Icon/Icon.module.scss.js +1 -1
- package/dist/src/components/IconButton/IconButton.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/Loader/Loader.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js +1 -1
- package/dist/src/components/Menu/Menu/hooks/useCloseMenuOnKeyEvent.js.map +1 -1
- package/dist/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js +1 -1
- package/dist/src/components/Menu/Menu/hooks/useMenuKeyboardNavigation.js.map +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.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/components/MenuButton/MenuButton.module.scss.js +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/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/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/hooks/useFullKeyboardListeners.js +1 -1
- package/dist/src/hooks/useFullKeyboardListeners.js.map +1 -1
- package/dist/src/index.js +1 -1
- package/dist/src/tests/constants.js +1 -1
- package/dist/src/tests/constants.js.map +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/dist/tests/constants.d.ts +2 -0
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={badgeWrapper:"
|
|
1
|
+
var e={badgeWrapper:"badgeWrapper_62dd2f48c1",badge:"badge_60511ee4a0",outside:"outside_2105f429d4",topEnd:"topEnd_12c9440462",rectangular:"rectangular_74bbc5a516",circular:"circular_e9d9c0d09d",topStart:"topStart_2807c40408",bottomEnd:"bottomEnd_329ece5a25",bottomStart:"bottomStart_e576a152a2"};!function(e){const a="s_id-b5dca6298ea9_3_44_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".badgeWrapper_62dd2f48c1 {\n position: relative;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0 {\n z-index: 1;\n position: absolute;\n border-radius: 16px;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0:not(.outside_2105f429d4) {\n border: 2px solid;\n border-color: var(--primary-background-color);\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0.topEnd_12c9440462.rectangular_74bbc5a516 {\n top: 0;\n right: 0;\n translate: 50% -50%;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0.topEnd_12c9440462.outside_2105f429d4 {\n top: 0;\n right: -2px;\n translate: 100% 0;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0.topEnd_12c9440462.circular_e9d9c0d09d {\n top: 15%;\n right: 15%;\n translate: 50% -50%;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0.topStart_2807c40408.rectangular_74bbc5a516 {\n top: 0;\n left: 0;\n translate: -50% -50%;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0.topStart_2807c40408.outside_2105f429d4 {\n top: 0;\n left: -2px;\n translate: -100% 0;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0.topStart_2807c40408.circular_e9d9c0d09d {\n top: 15%;\n left: 15%;\n translate: -50% -50%;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0.bottomEnd_329ece5a25.rectangular_74bbc5a516 {\n bottom: 0;\n right: 0;\n translate: 50% 50%;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0.bottomEnd_329ece5a25.outside_2105f429d4 {\n bottom: 0;\n right: -2px;\n translate: 100% 0;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0.bottomEnd_329ece5a25.circular_e9d9c0d09d {\n bottom: 15%;\n right: 15%;\n translate: 50% 50%;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0.bottomStart_e576a152a2.rectangular_74bbc5a516 {\n bottom: 0;\n left: 0;\n translate: -50% 50%;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0.bottomStart_e576a152a2.outside_2105f429d4 {\n bottom: 0;\n left: -2px;\n translate: -100% 0;\n}\n.badgeWrapper_62dd2f48c1 .badge_60511ee4a0.bottomStart_e576a152a2.circular_e9d9c0d09d {\n bottom: 15%;\n left: 15%;\n translate: -50% 50%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Badge.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={indicator:"
|
|
1
|
+
var e={indicator:"indicator_12a33fa7a2",primary:"primary_4dcc7e0b23",notification:"notification_a1bb8897cd"};!function(e){const a="s_id-d6448d74722f_3_44_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".indicator_12a33fa7a2 {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n}\n.indicator_12a33fa7a2.primary_4dcc7e0b23 {\n background-color: var(--primary-color);\n}\n.indicator_12a33fa7a2.notification_a1bb8897cd {\n background-color: var(--negative-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Indicator.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var r={wrapper:"
|
|
1
|
+
var r={wrapper:"wrapper_66d86dfbdb",small:"small_31599d6c55",medium:"medium_263a3c176b",large:"large_8063f7f5c1",rightThinnerPadding:"rightThinnerPadding_b082deb3d5",input:"input_ca8da334b6",success:"success_53c5d5dddf",readOnly:"readOnly_5cbb7702a1",disabled:"disabled_c4aadc4ddc",error:"error_3a9a1d03c2"};!function(r){const d="s_id-1f2ba40749da_3_44_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const a=document.createElement("style");a.id=d,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=r)}(".wrapper_66d86dfbdb {\n width: 100%;\n position: relative;\n display: flex;\n align-items: center;\n gap: var(--spacing-small);\n padding-block: var(--spacing-xs);\n padding-inline: var(--spacing-medium) var(--spacing-xs);\n font: var(--font-text1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n outline: none;\n border: 1px solid var(--ui-border-color);\n border-radius: var(--border-radius-small);\n color: var(--primary-text-color);\n background-color: var(--secondary-background-color);\n transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_66d86dfbdb.small_31599d6c55 {\n min-height: 32px;\n height: 32px;\n font: var(--font-text2-normal);\n}\n.wrapper_66d86dfbdb.medium_263a3c176b {\n min-height: 40px;\n height: 40px;\n}\n.wrapper_66d86dfbdb.large_8063f7f5c1 {\n min-height: 48px;\n height: 48px;\n padding-block: var(--spacing-small);\n}\n.wrapper_66d86dfbdb.rightThinnerPadding_b082deb3d5 {\n padding-inline-end: var(--spacing-medium);\n}\n.wrapper_66d86dfbdb:hover {\n border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n .wrapper_66d86dfbdb:has(.input_ca8da334b6:active, .input_ca8da334b6:focus) {\n border-color: var(--primary-color);\n }\n .wrapper_66d86dfbdb:has(.input_ca8da334b6:read-only) {\n background-color: var(--allgrey-background-color);\n border: none;\n }\n .wrapper_66d86dfbdb:has(.input_ca8da334b6:read-only) .input_ca8da334b6 {\n background-color: var(--allgrey-background-color);\n }\n .wrapper_66d86dfbdb:has(.input_ca8da334b6:disabled) {\n cursor: not-allowed;\n user-select: none;\n border: none;\n pointer-events: none;\n background-color: var(--disabled-background-color);\n }\n .wrapper_66d86dfbdb:has(.input_ca8da334b6:disabled) .input_ca8da334b6 {\n background-color: var(--disabled-background-color);\n }\n .wrapper_66d86dfbdb.success_53c5d5dddf {\n border-color: var(--positive-color);\n }\n .wrapper_66d86dfbdb.success_53c5d5dddf:hover {\n border-color: var(--positive-color);\n }\n .wrapper_66d86dfbdb.success_53c5d5dddf:has(.input_ca8da334b6:active, .input_ca8da334b6:focus) {\n border-color: var(--positive-color);\n }\n .wrapper_66d86dfbdb:has(.input_ca8da334b6[aria-invalid=true]) {\n border-color: var(--negative-color);\n }\n .wrapper_66d86dfbdb:has(.input_ca8da334b6[aria-invalid=true]):hover {\n border-color: var(--negative-color);\n }\n .wrapper_66d86dfbdb:has(.input_ca8da334b6[aria-invalid=true]):has(.input_ca8da334b6:active, .input_ca8da334b6:focus) {\n border-color: var(--negative-color);\n }\n}\n@supports not selector(:has(*)) {\n .wrapper_66d86dfbdb:focus-within {\n border-color: var(--primary-color);\n }\n .wrapper_66d86dfbdb.readOnly_5cbb7702a1 {\n background-color: var(--allgrey-background-color);\n border: none;\n }\n .wrapper_66d86dfbdb.readOnly_5cbb7702a1 .input_ca8da334b6 {\n background-color: var(--allgrey-background-color);\n }\n .wrapper_66d86dfbdb.disabled_c4aadc4ddc {\n cursor: not-allowed;\n user-select: none;\n border: none;\n pointer-events: none;\n background-color: var(--disabled-background-color);\n }\n .wrapper_66d86dfbdb.disabled_c4aadc4ddc .input_ca8da334b6 {\n background-color: var(--disabled-background-color);\n }\n .wrapper_66d86dfbdb.success_53c5d5dddf {\n border-color: var(--positive-color);\n }\n .wrapper_66d86dfbdb.success_53c5d5dddf:hover {\n border-color: var(--positive-color);\n }\n .wrapper_66d86dfbdb.success_53c5d5dddf:focus-within {\n border-color: var(--positive-color);\n }\n .wrapper_66d86dfbdb.error_3a9a1d03c2 {\n border-color: var(--negative-color);\n }\n .wrapper_66d86dfbdb.error_3a9a1d03c2:hover {\n border-color: var(--negative-color);\n }\n .wrapper_66d86dfbdb.error_3a9a1d03c2:focus-within {\n border-color: var(--negative-color);\n }\n}\n.wrapper_66d86dfbdb .input_ca8da334b6 {\n all: unset;\n flex: 1;\n width: 100%;\n height: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n border: none;\n outline: none;\n}\n.wrapper_66d86dfbdb .input_ca8da334b6::placeholder {\n color: var(--secondary-text-color);\n font-weight: 400;\n}\n.wrapper_66d86dfbdb .input_ca8da334b6:disabled::placeholder {\n color: var(--disabled-text-color);\n}");export{r as default};
|
|
2
2
|
//# sourceMappingURL=BaseInput.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={box:"box_95426a91c0",scrollable:"scrollable_b58441a9c2",opacityDisabled:"opacityDisabled_fcc4a4e7c8",border:"border_8cf38f5c4e",borderColorUiBorderColor:"borderColorUiBorderColor_14aecf75d7",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_def45e2323",rounded0:"rounded0_fd499dda24",roundedSmall:"roundedSmall_8fea363d15",roundedMedium:"roundedMedium_d28b4435ca",roundedBig:"roundedBig_72a73d17f3",shadowXs:"shadowXs_daa36dd343",shadowSmall:"shadowSmall_58bfeb1fec",shadowMedium:"shadowMedium_d31e3042b2",shadowLarge:"shadowLarge_9243d669c0",m0:"m0_1b24acc295",mXs:"mXs_9f348b286a",mSmall:"mSmall_dad2c39134",mMedium:"mMedium_bd70c6b8ac",mLarge:"mLarge_77091c406d",mXl:"mXl_5cb686c7ef",mXxl:"mXxl_f539f606a3",mXxxl:"mXxxl_338c82e742",mAuto:"mAuto_5030d40fc8",mx0:"mx0_cde09a50ee",mxXs:"mxXs_862e1a729a",mxSmall:"mxSmall_5bce5d215d",mxMedium:"mxMedium_4fb89a971f",mxLarge:"mxLarge_3375985383",mxXl:"mxXl_2306cb2f9e",mxXxl:"mxXxl_977b80d6de",mxXxxl:"mxXxxl_3db37e7ccc",mxAuto:"mxAuto_4322573b1b",my0:"my0_ed4333c97c",myXs:"myXs_1e610ce082",mySmall:"mySmall_ceac92eb2f",myMedium:"myMedium_bbaa98d545",myLarge:"myLarge_4a0a12a130",myXl:"myXl_3c1682b826",myXxl:"myXxl_a90a733697",myXxxl:"myXxxl_5c3cdce6d7",myAuto:"myAuto_eeb6834125",mt0:"mt0_65dd115161",mtXs:"mtXs_e44807a009",mtSmall:"mtSmall_aac8824786",mtMedium:"mtMedium_7ee58340bc",mtLarge:"mtLarge_30cb0ddc1c",mtXl:"mtXl_3b97aea49d",mtXxl:"mtXxl_d4dc4c2dcb",mtXxxl:"mtXxxl_b48cc9a9a1",mtAuto:"mtAuto_609e30b4e9",me0:"me0_f7b43490e6",meXs:"meXs_1ef4aeb109",meSmall:"meSmall_dbe4e01941",meMedium:"meMedium_44045c63a3",meLarge:"meLarge_fee6da08c8",meXl:"meXl_2a9a646bd3",meXxl:"meXxl_c77083ff9d",meXxxl:"meXxxl_83832da6e6",meAuto:"meAuto_caded96bbc",mb0:"mb0_40cb80434c",mbXs:"mbXs_bd515fe444",mbSmall:"mbSmall_ab75cf5860",mbMedium:"mbMedium_16a0017803",mbLarge:"mbLarge_88d2766c4d",mbXl:"mbXl_9ec6571a37",mbXxl:"mbXxl_3c2a33a595",mbXxxl:"mbXxxl_1295c982db",mbAuto:"mbAuto_dc3e608c48",ms0:"ms0_919e26c3b8",msXs:"msXs_4a76762253",msSmall:"msSmall_279e1acd0d",msMedium:"msMedium_e24fef7ab3",msLarge:"msLarge_71ff3d7062",msXl:"msXl_9dcc8689dc",msXxl:"msXxl_04ba28aa73",msXxxl:"msXxxl_ccdb6fd472",msAuto:"msAuto_354464e4bf",p0:"p0_bffac05477",pXs:"pXs_dbbb08be94",pSmall:"pSmall_62fe66d768",pMedium:"pMedium_e99516e4d0",pLarge:"pLarge_7c3e8f5aa2",pXl:"pXl_356560a8b4",pXxl:"pXxl_9c631a1677",pXxxl:"pXxxl_02b375c226",px0:"px0_01d87259b3",pxXs:"pxXs_0a726f9eb6",pxSmall:"pxSmall_8ece16b075",pxMedium:"pxMedium_cd7f61379b",pxLarge:"pxLarge_15e7ec358f",pxXl:"pxXl_624df4e238",pxXxl:"pxXxl_b1db1620e7",pxXxxl:"pxXxxl_b95ee54c16",py0:"py0_c3afcaac1c",pyXs:"pyXs_4715196a88",pySmall:"pySmall_2c5fa6069f",pyMedium:"pyMedium_b8d4465f08",pyLarge:"pyLarge_f3303d664f",pyXl:"pyXl_5cf0267a90",pyXxl:"pyXxl_740f94183a",pyXxxl:"pyXxxl_344748365c",pt0:"pt0_0eadd63e0d",ptXs:"ptXs_73042650b4",ptSmall:"ptSmall_39efe8ccbf",ptMedium:"ptMedium_4c95336828",ptLarge:"ptLarge_d45530d9d3",ptXl:"ptXl_5a20ff078b",ptXxl:"ptXxl_9f2de5ece9",ptXxxl:"ptXxxl_79a749217f",pe0:"pe0_f7165a5f15",peXs:"peXs_05819c76c9",peSmall:"peSmall_22fbf37d94",peMedium:"peMedium_e3c1beea3c",peLarge:"peLarge_bdfc90aac0",peXl:"peXl_cb18cbde86",peXxl:"peXxl_c43119696d",peXxxl:"peXxxl_7ff1b2f11b",pb0:"pb0_5756ff72d6",pbXs:"pbXs_8148d40fe1",pbSmall:"pbSmall_6fd52fa6dd",pbMedium:"pbMedium_0c061310f6",pbLarge:"pbLarge_27f0f41326",pbXl:"pbXl_6f8f59b552",pbXxl:"pbXxl_b039f5276c",pbXxxl:"pbXxxl_99df9cf575",ps0:"ps0_4b1735155b",psXs:"psXs_e5de078272",psSmall:"psSmall_8fa536c895",psMedium:"psMedium_ff274d33f7",psLarge:"psLarge_b14872bafd",psXl:"psXl_23f97afcc9",psXxl:"psXxl_8e52ca0f90",psXxxl:"psXxxl_42bb4231bf",textPrimaryTextColor:"textPrimaryTextColor_14baafd28d",textTextColorOnInverted:"textTextColorOnInverted_2fad5e46eb",textSecondaryTextColor:"textSecondaryTextColor_693643983b",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_8ff3ee75fc",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_b65183038f",bgGreyBackgroundColor:"bgGreyBackgroundColor_c1022a2e5b",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_903c2f67b6",bgInvertedColorBackground:"bgInvertedColorBackground_d632e97aa7"};!function(n){const a="s_id-e8ebf0c89fee_3_43_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/* stylelint-disable scss/at-if-no-null */\n/* stylelint-enable scss/at-if-no-null */\n.box_95426a91c0 {\n overflow: hidden;\n}\n.box_95426a91c0.scrollable_b58441a9c2 {\n overflow: auto;\n}\n.box_95426a91c0.scrollable_b58441a9c2::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.box_95426a91c0.scrollable_b58441a9c2::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}\n.opacityDisabled_fcc4a4e7c8 {\n opacity: var(--disabled-component-opacity) !important;\n}\n.border_8cf38f5c4e {\n border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_14aecf75d7 {\n border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_def45e2323 {\n border-color: var(--layout-border-color) !important;\n}\n.rounded0_fd499dda24 {\n border-radius: 0 !important;\n}\n.roundedSmall_8fea363d15 {\n border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_d28b4435ca {\n border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_72a73d17f3 {\n border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_daa36dd343 {\n box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_58bfeb1fec {\n box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_d31e3042b2 {\n box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_9243d669c0 {\n box-shadow: var(--box-shadow-large) !important;\n}\n.m0_1b24acc295 {\n margin: 0 !important;\n}\n.mXs_9f348b286a {\n margin: var(--spacing-xs) !important;\n}\n.mSmall_dad2c39134 {\n margin: var(--spacing-small) !important;\n}\n.mMedium_bd70c6b8ac {\n margin: var(--spacing-medium) !important;\n}\n.mLarge_77091c406d {\n margin: var(--spacing-large) !important;\n}\n.mXl_5cb686c7ef {\n margin: var(--spacing-xl) !important;\n}\n.mXxl_f539f606a3 {\n margin: var(--spacing-xxl) !important;\n}\n.mXxxl_338c82e742 {\n margin: var(--spacing-xxxl) !important;\n}\n.mAuto_5030d40fc8 {\n margin: auto !important;\n}\n.mx0_cde09a50ee {\n margin-right: 0 !important;\n margin-left: 0 !important;\n}\n.mxXs_862e1a729a {\n margin-right: var(--spacing-xs) !important;\n margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_5bce5d215d {\n margin-right: var(--spacing-small) !important;\n margin-left: var(--spacing-small) !important;\n}\n.mxMedium_4fb89a971f {\n margin-right: var(--spacing-medium) !important;\n margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_3375985383 {\n margin-right: var(--spacing-large) !important;\n margin-left: var(--spacing-large) !important;\n}\n.mxXl_2306cb2f9e {\n margin-right: var(--spacing-xl) !important;\n margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_977b80d6de {\n margin-right: var(--spacing-xxl) !important;\n margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_3db37e7ccc {\n margin-right: var(--spacing-xxxl) !important;\n margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_4322573b1b {\n margin-right: auto !important;\n margin-left: auto !important;\n}\n.my0_ed4333c97c {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n.myXs_1e610ce082 {\n margin-top: var(--spacing-xs) !important;\n margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_ceac92eb2f {\n margin-top: var(--spacing-small) !important;\n margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_bbaa98d545 {\n margin-top: var(--spacing-medium) !important;\n margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_4a0a12a130 {\n margin-top: var(--spacing-large) !important;\n margin-bottom: var(--spacing-large) !important;\n}\n.myXl_3c1682b826 {\n margin-top: var(--spacing-xl) !important;\n margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_a90a733697 {\n margin-top: var(--spacing-xxl) !important;\n margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_5c3cdce6d7 {\n margin-top: var(--spacing-xxxl) !important;\n margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_eeb6834125 {\n margin-top: auto !important;\n margin-bottom: auto !important;\n}\n.mt0_65dd115161 {\n margin-top: 0 !important;\n}\n.mtXs_e44807a009 {\n margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_aac8824786 {\n margin-top: var(--spacing-small) !important;\n}\n.mtMedium_7ee58340bc {\n margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_30cb0ddc1c {\n margin-top: var(--spacing-large) !important;\n}\n.mtXl_3b97aea49d {\n margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_d4dc4c2dcb {\n margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_b48cc9a9a1 {\n margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_609e30b4e9 {\n margin-top: auto !important;\n}\n.me0_f7b43490e6 {\n margin-inline-end: 0 !important;\n}\n.meXs_1ef4aeb109 {\n margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_dbe4e01941 {\n margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_44045c63a3 {\n margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_fee6da08c8 {\n margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_2a9a646bd3 {\n margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_c77083ff9d {\n margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_83832da6e6 {\n margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_caded96bbc {\n margin-inline-end: auto !important;\n}\n.mb0_40cb80434c {\n margin-bottom: 0 !important;\n}\n.mbXs_bd515fe444 {\n margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_ab75cf5860 {\n margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_16a0017803 {\n margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_88d2766c4d {\n margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_9ec6571a37 {\n margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_3c2a33a595 {\n margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_1295c982db {\n margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_dc3e608c48 {\n margin-bottom: auto !important;\n}\n.ms0_919e26c3b8 {\n margin-inline-start: 0 !important;\n}\n.msXs_4a76762253 {\n margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_279e1acd0d {\n margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_e24fef7ab3 {\n margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_71ff3d7062 {\n margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_9dcc8689dc {\n margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_04ba28aa73 {\n margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_ccdb6fd472 {\n margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_354464e4bf {\n margin-inline-start: auto !important;\n}\n.p0_bffac05477 {\n padding: 0 !important;\n}\n.pXs_dbbb08be94 {\n padding: var(--spacing-xs) !important;\n}\n.pSmall_62fe66d768 {\n padding: var(--spacing-small) !important;\n}\n.pMedium_e99516e4d0 {\n padding: var(--spacing-medium) !important;\n}\n.pLarge_7c3e8f5aa2 {\n padding: var(--spacing-large) !important;\n}\n.pXl_356560a8b4 {\n padding: var(--spacing-xl) !important;\n}\n.pXxl_9c631a1677 {\n padding: var(--spacing-xxl) !important;\n}\n.pXxxl_02b375c226 {\n padding: var(--spacing-xxxl) !important;\n}\n.px0_01d87259b3 {\n padding-right: 0 !important;\n padding-left: 0 !important;\n}\n.pxXs_0a726f9eb6 {\n padding-right: var(--spacing-xs) !important;\n padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_8ece16b075 {\n padding-right: var(--spacing-small) !important;\n padding-left: var(--spacing-small) !important;\n}\n.pxMedium_cd7f61379b {\n padding-right: var(--spacing-medium) !important;\n padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_15e7ec358f {\n padding-right: var(--spacing-large) !important;\n padding-left: var(--spacing-large) !important;\n}\n.pxXl_624df4e238 {\n padding-right: var(--spacing-xl) !important;\n padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_b1db1620e7 {\n padding-right: var(--spacing-xxl) !important;\n padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_b95ee54c16 {\n padding-right: var(--spacing-xxxl) !important;\n padding-left: var(--spacing-xxxl) !important;\n}\n.py0_c3afcaac1c {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n.pyXs_4715196a88 {\n padding-top: var(--spacing-xs) !important;\n padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_2c5fa6069f {\n padding-top: var(--spacing-small) !important;\n padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_b8d4465f08 {\n padding-top: var(--spacing-medium) !important;\n padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_f3303d664f {\n padding-top: var(--spacing-large) !important;\n padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_5cf0267a90 {\n padding-top: var(--spacing-xl) !important;\n padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_740f94183a {\n padding-top: var(--spacing-xxl) !important;\n padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_344748365c {\n padding-top: var(--spacing-xxxl) !important;\n padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_0eadd63e0d {\n padding-top: 0 !important;\n}\n.ptXs_73042650b4 {\n padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_39efe8ccbf {\n padding-top: var(--spacing-small) !important;\n}\n.ptMedium_4c95336828 {\n padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_d45530d9d3 {\n padding-top: var(--spacing-large) !important;\n}\n.ptXl_5a20ff078b {\n padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_9f2de5ece9 {\n padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_79a749217f {\n padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_f7165a5f15 {\n padding-inline-end: 0 !important;\n}\n.peXs_05819c76c9 {\n padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_22fbf37d94 {\n padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_e3c1beea3c {\n padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_bdfc90aac0 {\n padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_cb18cbde86 {\n padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_c43119696d {\n padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_7ff1b2f11b {\n padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_5756ff72d6 {\n padding-bottom: 0 !important;\n}\n.pbXs_8148d40fe1 {\n padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_6fd52fa6dd {\n padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_0c061310f6 {\n padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_27f0f41326 {\n padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_6f8f59b552 {\n padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_b039f5276c {\n padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_99df9cf575 {\n padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_4b1735155b {\n padding-inline-start: 0 !important;\n}\n.psXs_e5de078272 {\n padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_8fa536c895 {\n padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_ff274d33f7 {\n padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_b14872bafd {\n padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_23f97afcc9 {\n padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_8e52ca0f90 {\n padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_42bb4231bf {\n padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_14baafd28d {\n color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_2fad5e46eb {\n color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_693643983b {\n color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_8ff3ee75fc {\n background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_b65183038f {\n background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_c1022a2e5b {\n background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_903c2f67b6 {\n background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_d632e97aa7 {\n background-color: var(--inverted-color-background) !important;\n}");export{n as default};
|
|
1
|
+
var n={box:"box_33fb812568",scrollable:"scrollable_4fc626914c",opacityDisabled:"opacityDisabled_018d3c62d4",border:"border_382d65704c",borderColorUiBorderColor:"borderColorUiBorderColor_c28e01a56e",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_eb2c3229f4",rounded0:"rounded0_3804cb0ce1",roundedSmall:"roundedSmall_aca28e2d59",roundedMedium:"roundedMedium_faf5576a65",roundedBig:"roundedBig_1e8b2c7c58",shadowXs:"shadowXs_b9ec5e8e76",shadowSmall:"shadowSmall_a79fe9e887",shadowMedium:"shadowMedium_d60737ac9c",shadowLarge:"shadowLarge_acaec38c6a",m0:"m0_3cda2faba5",mXs:"mXs_f59c6ce402",mSmall:"mSmall_ac923331cd",mMedium:"mMedium_5876a4012d",mLarge:"mLarge_40235e6d74",mXl:"mXl_187b2db641",mXxl:"mXxl_f9289f001f",mXxxl:"mXxxl_f68b6885a7",mAuto:"mAuto_b2d366d501",mx0:"mx0_832b0d5607",mxXs:"mxXs_5f9da8f991",mxSmall:"mxSmall_dec4ce7929",mxMedium:"mxMedium_fee547e770",mxLarge:"mxLarge_74d762d532",mxXl:"mxXl_070be29c07",mxXxl:"mxXxl_1c614b2b09",mxXxxl:"mxXxxl_1abd4fa61a",mxAuto:"mxAuto_11fc22a787",my0:"my0_a3085fc265",myXs:"myXs_308e97b523",mySmall:"mySmall_5f162e44f5",myMedium:"myMedium_86a819481f",myLarge:"myLarge_8374db42d2",myXl:"myXl_94a1dc103c",myXxl:"myXxl_71f4fa3398",myXxxl:"myXxxl_228595833a",myAuto:"myAuto_a1519decb3",mt0:"mt0_e83474e0b0",mtXs:"mtXs_f0917b7eda",mtSmall:"mtSmall_987231e7b9",mtMedium:"mtMedium_ef4fa80fa8",mtLarge:"mtLarge_ef7ce6e1b9",mtXl:"mtXl_06865ca1f9",mtXxl:"mtXxl_78b2e1634b",mtXxxl:"mtXxxl_99aeccfb6f",mtAuto:"mtAuto_3ed4c37ad7",me0:"me0_0b3b67d243",meXs:"meXs_fc95d0d880",meSmall:"meSmall_b94b928b46",meMedium:"meMedium_7730b3281e",meLarge:"meLarge_d7fe9b6209",meXl:"meXl_ec2227763d",meXxl:"meXxl_f06062eaee",meXxxl:"meXxxl_1d46afb0cb",meAuto:"meAuto_eb4e80714e",mb0:"mb0_a4cc365154",mbXs:"mbXs_e6c2ca52d9",mbSmall:"mbSmall_ac6561ef98",mbMedium:"mbMedium_b41f05463b",mbLarge:"mbLarge_0471faedb5",mbXl:"mbXl_27f012e30e",mbXxl:"mbXxl_07b66db9c7",mbXxxl:"mbXxxl_4168cca305",mbAuto:"mbAuto_255fb7e01b",ms0:"ms0_7c56234fa2",msXs:"msXs_7a2fef59dc",msSmall:"msSmall_27b6d738a6",msMedium:"msMedium_04e31d98f1",msLarge:"msLarge_ef62962d07",msXl:"msXl_f3335d8577",msXxl:"msXxl_0a03428e01",msXxxl:"msXxxl_84130ff3fa",msAuto:"msAuto_f7ff8e2ef8",p0:"p0_0ecf3a1899",pXs:"pXs_ad1a8f62c4",pSmall:"pSmall_7dba97fae4",pMedium:"pMedium_a91cfe0c12",pLarge:"pLarge_88b7090931",pXl:"pXl_9055b6b9e8",pXxl:"pXxl_1db064aebe",pXxxl:"pXxxl_dc02bc1b33",px0:"px0_04a9438f3e",pxXs:"pxXs_80770acceb",pxSmall:"pxSmall_a9ef24046d",pxMedium:"pxMedium_656c68ea54",pxLarge:"pxLarge_4520c3423f",pxXl:"pxXl_4eb9fb6522",pxXxl:"pxXxl_1a728c0763",pxXxxl:"pxXxxl_184399c609",py0:"py0_6dbb8f9d3a",pyXs:"pyXs_a323c3196c",pySmall:"pySmall_385c4de9f1",pyMedium:"pyMedium_ca77fde106",pyLarge:"pyLarge_49c0e7d9e0",pyXl:"pyXl_6aa2ef5eed",pyXxl:"pyXxl_3484951b77",pyXxxl:"pyXxxl_0e71240da3",pt0:"pt0_bd75b6547c",ptXs:"ptXs_717c172fd5",ptSmall:"ptSmall_7d60d34562",ptMedium:"ptMedium_3158c8a912",ptLarge:"ptLarge_35a2c31eed",ptXl:"ptXl_8a07520af1",ptXxl:"ptXxl_cb11981523",ptXxxl:"ptXxxl_5b7acf22cf",pe0:"pe0_6be1ba31bd",peXs:"peXs_51331ff145",peSmall:"peSmall_2e1a5b4f53",peMedium:"peMedium_480d3d17d1",peLarge:"peLarge_259c24b65b",peXl:"peXl_c7b41fe234",peXxl:"peXxl_6787548e3b",peXxxl:"peXxxl_94159b456e",pb0:"pb0_38795f3373",pbXs:"pbXs_64fdf4cc0a",pbSmall:"pbSmall_13981b45d9",pbMedium:"pbMedium_a47e7c7650",pbLarge:"pbLarge_80aeb6aa86",pbXl:"pbXl_4c815532fc",pbXxl:"pbXxl_e5bac5a618",pbXxxl:"pbXxxl_11d52f4da0",ps0:"ps0_cbdaf46e65",psXs:"psXs_82c3ca4de5",psSmall:"psSmall_9b38244c7e",psMedium:"psMedium_6dcc74f2fa",psLarge:"psLarge_d8b7a588c6",psXl:"psXl_62166748f9",psXxl:"psXxl_8c6d740a08",psXxxl:"psXxxl_01d3cf3a9b",textPrimaryTextColor:"textPrimaryTextColor_30e00a444f",textTextColorOnInverted:"textTextColorOnInverted_10922c6abc",textSecondaryTextColor:"textSecondaryTextColor_5517f9d9bd",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_8d92247f5f",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_c71d3359b2",bgGreyBackgroundColor:"bgGreyBackgroundColor_dc6cb226fa",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_3cf30c7f2d",bgInvertedColorBackground:"bgInvertedColorBackground_152cf93f1e"};!function(n){const a="s_id-e8ebf0c89fee_3_44_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/* stylelint-disable scss/at-if-no-null */\n/* stylelint-enable scss/at-if-no-null */\n.box_33fb812568 {\n overflow: hidden;\n}\n.box_33fb812568.scrollable_4fc626914c {\n overflow: auto;\n}\n.box_33fb812568.scrollable_4fc626914c::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.box_33fb812568.scrollable_4fc626914c::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}\n.opacityDisabled_018d3c62d4 {\n opacity: var(--disabled-component-opacity) !important;\n}\n.border_382d65704c {\n border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_c28e01a56e {\n border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_eb2c3229f4 {\n border-color: var(--layout-border-color) !important;\n}\n.rounded0_3804cb0ce1 {\n border-radius: 0 !important;\n}\n.roundedSmall_aca28e2d59 {\n border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_faf5576a65 {\n border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_1e8b2c7c58 {\n border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_b9ec5e8e76 {\n box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_a79fe9e887 {\n box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_d60737ac9c {\n box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_acaec38c6a {\n box-shadow: var(--box-shadow-large) !important;\n}\n.m0_3cda2faba5 {\n margin: 0 !important;\n}\n.mXs_f59c6ce402 {\n margin: var(--spacing-xs) !important;\n}\n.mSmall_ac923331cd {\n margin: var(--spacing-small) !important;\n}\n.mMedium_5876a4012d {\n margin: var(--spacing-medium) !important;\n}\n.mLarge_40235e6d74 {\n margin: var(--spacing-large) !important;\n}\n.mXl_187b2db641 {\n margin: var(--spacing-xl) !important;\n}\n.mXxl_f9289f001f {\n margin: var(--spacing-xxl) !important;\n}\n.mXxxl_f68b6885a7 {\n margin: var(--spacing-xxxl) !important;\n}\n.mAuto_b2d366d501 {\n margin: auto !important;\n}\n.mx0_832b0d5607 {\n margin-right: 0 !important;\n margin-left: 0 !important;\n}\n.mxXs_5f9da8f991 {\n margin-right: var(--spacing-xs) !important;\n margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_dec4ce7929 {\n margin-right: var(--spacing-small) !important;\n margin-left: var(--spacing-small) !important;\n}\n.mxMedium_fee547e770 {\n margin-right: var(--spacing-medium) !important;\n margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_74d762d532 {\n margin-right: var(--spacing-large) !important;\n margin-left: var(--spacing-large) !important;\n}\n.mxXl_070be29c07 {\n margin-right: var(--spacing-xl) !important;\n margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_1c614b2b09 {\n margin-right: var(--spacing-xxl) !important;\n margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_1abd4fa61a {\n margin-right: var(--spacing-xxxl) !important;\n margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_11fc22a787 {\n margin-right: auto !important;\n margin-left: auto !important;\n}\n.my0_a3085fc265 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n.myXs_308e97b523 {\n margin-top: var(--spacing-xs) !important;\n margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_5f162e44f5 {\n margin-top: var(--spacing-small) !important;\n margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_86a819481f {\n margin-top: var(--spacing-medium) !important;\n margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_8374db42d2 {\n margin-top: var(--spacing-large) !important;\n margin-bottom: var(--spacing-large) !important;\n}\n.myXl_94a1dc103c {\n margin-top: var(--spacing-xl) !important;\n margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_71f4fa3398 {\n margin-top: var(--spacing-xxl) !important;\n margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_228595833a {\n margin-top: var(--spacing-xxxl) !important;\n margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_a1519decb3 {\n margin-top: auto !important;\n margin-bottom: auto !important;\n}\n.mt0_e83474e0b0 {\n margin-top: 0 !important;\n}\n.mtXs_f0917b7eda {\n margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_987231e7b9 {\n margin-top: var(--spacing-small) !important;\n}\n.mtMedium_ef4fa80fa8 {\n margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_ef7ce6e1b9 {\n margin-top: var(--spacing-large) !important;\n}\n.mtXl_06865ca1f9 {\n margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_78b2e1634b {\n margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_99aeccfb6f {\n margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_3ed4c37ad7 {\n margin-top: auto !important;\n}\n.me0_0b3b67d243 {\n margin-inline-end: 0 !important;\n}\n.meXs_fc95d0d880 {\n margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_b94b928b46 {\n margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_7730b3281e {\n margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_d7fe9b6209 {\n margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_ec2227763d {\n margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_f06062eaee {\n margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_1d46afb0cb {\n margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_eb4e80714e {\n margin-inline-end: auto !important;\n}\n.mb0_a4cc365154 {\n margin-bottom: 0 !important;\n}\n.mbXs_e6c2ca52d9 {\n margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_ac6561ef98 {\n margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_b41f05463b {\n margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_0471faedb5 {\n margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_27f012e30e {\n margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_07b66db9c7 {\n margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_4168cca305 {\n margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_255fb7e01b {\n margin-bottom: auto !important;\n}\n.ms0_7c56234fa2 {\n margin-inline-start: 0 !important;\n}\n.msXs_7a2fef59dc {\n margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_27b6d738a6 {\n margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_04e31d98f1 {\n margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_ef62962d07 {\n margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_f3335d8577 {\n margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_0a03428e01 {\n margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_84130ff3fa {\n margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_f7ff8e2ef8 {\n margin-inline-start: auto !important;\n}\n.p0_0ecf3a1899 {\n padding: 0 !important;\n}\n.pXs_ad1a8f62c4 {\n padding: var(--spacing-xs) !important;\n}\n.pSmall_7dba97fae4 {\n padding: var(--spacing-small) !important;\n}\n.pMedium_a91cfe0c12 {\n padding: var(--spacing-medium) !important;\n}\n.pLarge_88b7090931 {\n padding: var(--spacing-large) !important;\n}\n.pXl_9055b6b9e8 {\n padding: var(--spacing-xl) !important;\n}\n.pXxl_1db064aebe {\n padding: var(--spacing-xxl) !important;\n}\n.pXxxl_dc02bc1b33 {\n padding: var(--spacing-xxxl) !important;\n}\n.px0_04a9438f3e {\n padding-right: 0 !important;\n padding-left: 0 !important;\n}\n.pxXs_80770acceb {\n padding-right: var(--spacing-xs) !important;\n padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_a9ef24046d {\n padding-right: var(--spacing-small) !important;\n padding-left: var(--spacing-small) !important;\n}\n.pxMedium_656c68ea54 {\n padding-right: var(--spacing-medium) !important;\n padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_4520c3423f {\n padding-right: var(--spacing-large) !important;\n padding-left: var(--spacing-large) !important;\n}\n.pxXl_4eb9fb6522 {\n padding-right: var(--spacing-xl) !important;\n padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_1a728c0763 {\n padding-right: var(--spacing-xxl) !important;\n padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_184399c609 {\n padding-right: var(--spacing-xxxl) !important;\n padding-left: var(--spacing-xxxl) !important;\n}\n.py0_6dbb8f9d3a {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n.pyXs_a323c3196c {\n padding-top: var(--spacing-xs) !important;\n padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_385c4de9f1 {\n padding-top: var(--spacing-small) !important;\n padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_ca77fde106 {\n padding-top: var(--spacing-medium) !important;\n padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_49c0e7d9e0 {\n padding-top: var(--spacing-large) !important;\n padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_6aa2ef5eed {\n padding-top: var(--spacing-xl) !important;\n padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_3484951b77 {\n padding-top: var(--spacing-xxl) !important;\n padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_0e71240da3 {\n padding-top: var(--spacing-xxxl) !important;\n padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_bd75b6547c {\n padding-top: 0 !important;\n}\n.ptXs_717c172fd5 {\n padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_7d60d34562 {\n padding-top: var(--spacing-small) !important;\n}\n.ptMedium_3158c8a912 {\n padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_35a2c31eed {\n padding-top: var(--spacing-large) !important;\n}\n.ptXl_8a07520af1 {\n padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_cb11981523 {\n padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_5b7acf22cf {\n padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_6be1ba31bd {\n padding-inline-end: 0 !important;\n}\n.peXs_51331ff145 {\n padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_2e1a5b4f53 {\n padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_480d3d17d1 {\n padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_259c24b65b {\n padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_c7b41fe234 {\n padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_6787548e3b {\n padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_94159b456e {\n padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_38795f3373 {\n padding-bottom: 0 !important;\n}\n.pbXs_64fdf4cc0a {\n padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_13981b45d9 {\n padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_a47e7c7650 {\n padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_80aeb6aa86 {\n padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_4c815532fc {\n padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_e5bac5a618 {\n padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_11d52f4da0 {\n padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_cbdaf46e65 {\n padding-inline-start: 0 !important;\n}\n.psXs_82c3ca4de5 {\n padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_9b38244c7e {\n padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_6dcc74f2fa {\n padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_d8b7a588c6 {\n padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_62166748f9 {\n padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_8c6d740a08 {\n padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_01d3cf3a9b {\n padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_30e00a444f {\n color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_10922c6abc {\n color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_5517f9d9bd {\n color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_8d92247f5f {\n background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_c71d3359b2 {\n background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_dc6cb226fa {\n background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_3cf30c7f2d {\n background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_152cf93f1e {\n background-color: var(--inverted-color-background) !important;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Box.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={breadcrumbContent:"
|
|
1
|
+
var e={breadcrumbContent:"breadcrumbContent_49a4f7b186",withoutText:"withoutText_956710e82d",breadcrumbText:"breadcrumbText_427e4f6adc",breadcrumbIcon:"breadcrumbIcon_ac4e12f9e5",clickable:"clickable_90029b09e1",current:"current_c3568256b8",disabled:"disabled_23df184082",notClickable:"notClickable_e6b34d4990"};!function(e){const n="s_id-55ff70da99a4_3_44_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbContent_49a4f7b186 {\n font: var(--font-text2-normal);\n color: var(--secondary-text-color);\n display: inline-flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: 0 2px;\n overflow: hidden;\n text-decoration: none;\n}\n.breadcrumbContent_49a4f7b186.withoutText_956710e82d {\n padding: 4px;\n}\na.breadcrumbContent_49a4f7b186:hover {\n color: var(--secondary-text-color);\n text-decoration: none;\n}\n.breadcrumbContent_49a4f7b186 .breadcrumbText_427e4f6adc {\n color: inherit;\n margin: 0 4px;\n line-height: 22px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.breadcrumbContent_49a4f7b186 .breadcrumbIcon_ac4e12f9e5 {\n height: 14px;\n width: 14px;\n flex-shrink: 0;\n}\n.breadcrumbContent_49a4f7b186:focus {\n outline: none;\n}\n.breadcrumbContent_49a4f7b186.clickable_90029b09e1 {\n cursor: pointer;\n}\n.breadcrumbContent_49a4f7b186.clickable_90029b09e1:hover,\n.breadcrumbContent_49a4f7b186:focus-within {\n background-color: var(--primary-background-hover-color);\n border-radius: 4px;\n}\n.breadcrumbContent_49a4f7b186.current_c3568256b8 {\n color: var(--primary-text-color);\n font-weight: 500;\n}\n.breadcrumbContent_49a4f7b186.disabled_23df184082 {\n border-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.breadcrumbContent_49a4f7b186.disabled_23df184082:hover {\n background-color: transparent;\n}\n.breadcrumbContent_49a4f7b186.notClickable_e6b34d4990 {\n pointer-events: none;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BreadcrumbContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={breadcrumbItemWrapper:"
|
|
1
|
+
var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_10d786f3d8",disabled:"disabled_7fb6092bed"};!function(e){const d="s_id-03f482333e23_3_44_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+d))return;const n=document.createElement("style");n.id=d,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbItemWrapper_10d786f3d8 {\n display: inline-flex;\n overflow: hidden;\n list-style-type: none;\n cursor: default;\n}\n\n.breadcrumbItemWrapper_10d786f3d8.disabled_7fb6092bed {\n cursor: not-allowed;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BreadcrumbItem.module.scss.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{__rest as e}from"../../../../_virtual/_tslib.js";import t,{forwardRef as r}from"react";import n from"../../MenuButton/MenuButton.js";import u from"../../Menu/Menu/Menu.js";import"../../Menu/MenuItem/MenuItem.js";import"../../Menu/MenuItemButton/MenuItemButton.js";import"../../Menu/MenuDivider/MenuDivider.js";import"../../Menu/MenuTitle/MenuTitle.js";import"../../Menu/MenuGridItem/MenuGridItem.js";import m from"./BreadcrumbsMenu.module.scss.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import{getTestId as s}from"../../../tests/testIds.js";var a=r((function(r,a){var o=r.children,d=r.id,M=r["data-testid"],c=e(r,["children","id","data-testid"]),l=d||"breadcrumb-menu-button",p="".concat(l,"-menu");return t.createElement("li",Object.assign({className:m.breadcrumbMenuWrapper},c),t.createElement(n,{id:l,size:"xxs",closeMenuOnItemClick:!0,ariaLabel:"Hidden breadcrumbs menu","data-testid":M||s(i.BREADCRUMB_MENU,d),ariaControls:p,ref:a},t.createElement(u,{id:p,size:"medium",focusItemIndexOnMount:0,ariaLabel:"Expanded breadcrumbs menu"},o)))}));export{a as default};
|
|
2
|
+
//# sourceMappingURL=BreadcrumbMenu.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BreadcrumbMenu.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbsMenu.module.scss\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface BreadcrumbMenuProps extends VibeComponentProps {\n children: React.ReactNode;\n}\nconst BreadcrumbMenu = forwardRef(\n (\n { children, id, \"data-testid\": dataTestId, ...props }: BreadcrumbMenuProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const menuButtonId = id || \"breadcrumb-menu-button\";\n const menuId = `${menuButtonId}-menu`;\n\n return (\n <li className={styles.breadcrumbMenuWrapper} {...props}>\n <MenuButton\n id={menuButtonId}\n size={\"xxs\"}\n closeMenuOnItemClick\n ariaLabel={\"Hidden breadcrumbs menu\"}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMB_MENU, id)}\n ariaControls={menuId}\n ref={ref}\n >\n <Menu id={menuId} size={\"medium\"} focusItemIndexOnMount={0} ariaLabel=\"Expanded breadcrumbs menu\">\n {children}\n </Menu>\n </MenuButton>\n </li>\n );\n }\n);\n\nexport default BreadcrumbMenu;\n"],"names":["BreadcrumbMenu","forwardRef","_a","ref","children","id","dataTestId","props","__rest","menuButtonId","menuId","concat","React","className","styles","breadcrumbMenuWrapper","createElement","MenuButton","size","closeMenuOnItemClick","ariaLabel","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU","ariaControls","Menu","focusItemIndexOnMount"],"mappings":"kkBAWMA,IAAAA,EAAiBC,GACrB,SACEC,EACAC,GADA,IAAEC,EAAuCF,EAAvCE,SAAUC,EAA6BH,EAA7BG,GAAmBC,EAAUJ,EAAzB,eAA8BK,EAA9CC,EAAAN,EAAA,CAAA,WAAA,KAAA,gBAGMO,EAAeJ,GAAM,yBACrBK,EAAM,GAAAC,OAAMF,EAAmB,SAErC,OACEG,oCAAIC,UAAWC,EAAOC,uBAA2BR,GAC/CK,EAAAI,cAACC,EAAU,CACTZ,GAAII,EACJS,KAAM,MACNC,sBACA,EAAAC,UAAW,0BAAyB,cACvBd,GAAce,EAAUC,EAAuBC,gBAAiBlB,GAC7EmB,aAAcd,EACdP,IAAKA,GAELS,EAACI,cAAAS,GAAKpB,GAAIK,EAAQQ,KAAM,SAAUQ,sBAAuB,EAAGN,UAAU,6BACnEhB,IAKX"}
|
package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{__rest as t}from"../../../../../_virtual/_tslib.js";import e,{forwardRef as i}from"react";import"../../../Menu/Menu/Menu.js";import n from"../../../Menu/MenuItem/MenuItem.js";import"../../../Menu/MenuItemButton/MenuItemButton.js";import"../../../Menu/MenuDivider/MenuDivider.js";import"../../../Menu/MenuTitle/MenuTitle.js";import"../../../Menu/MenuGridItem/MenuGridItem.js";import{getTestId as r}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../../tests/constants.js";var s=i((function(i,s){var u=i.id,m=i["data-testid"],M=i.link,d=i.onClick,a=t(i,["id","data-testid","link","onClick"]);return e.createElement(n,Object.assign({id:u,onClick:M?function(t){d&&d(t),M&&window.open(M)}:d,"data-testid":m||r(o.BREADCRUMB_MENU_ITEM,u),ref:s},a))}));s.isMenuChild=!0,s.isSelectable=!0;export{s as default};
|
|
2
|
+
//# sourceMappingURL=BreadcrumbMenuItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BreadcrumbMenuItem.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefExoticComponent, RefAttributes } from \"react\";\nimport { MenuItem, MenuItemProps } from \"../../../Menu\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport interface BreadcrumbMenuItemProps extends MenuItemProps {\n /** Link to navigate to when item is clicked */\n link?: string;\n}\n\ninterface BreadcrumbMenuItemComponent\n extends ForwardRefExoticComponent<BreadcrumbMenuItemProps & RefAttributes<unknown>> {\n isMenuChild?: boolean;\n isSelectable?: boolean;\n}\n\nconst BreadcrumbMenuItem: BreadcrumbMenuItemComponent = forwardRef<unknown, BreadcrumbMenuItemProps>(\n (\n { id, \"data-testid\": dataTestId, link, onClick, ...rest }: BreadcrumbMenuItemProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const handleClick = link\n ? (event: React.MouseEvent | React.KeyboardEvent) => {\n if (onClick) onClick(event);\n if (link) window.open(link);\n }\n : onClick;\n\n return (\n <MenuItem\n id={id}\n onClick={handleClick}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMB_MENU_ITEM, id)}\n ref={ref}\n {...rest}\n />\n );\n }\n);\n\nBreadcrumbMenuItem.isMenuChild = true;\nBreadcrumbMenuItem.isSelectable = true;\n\nexport default BreadcrumbMenuItem;\n"],"names":["BreadcrumbMenuItem","forwardRef","_a","ref","id","dataTestId","link","onClick","rest","__rest","React","createElement","MenuItem","Object","assign","event","window","open","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU_ITEM","isMenuChild","isSelectable"],"mappings":"+fAgBMA,IAAAA,EAAkDC,GACtD,SACEC,EACAC,GADA,IAAEC,EAAgFF,EAAhFE,GAAmBC,EAA6DH,EAA5E,eAA2BI,EAAiDJ,EAAjDI,KAAMC,EAA2CL,EAA3CK,QAAYC,EAAIC,EAAAP,EAAvD,uCAUA,OACEQ,EAAAC,cAACC,EAAQC,OAAAC,OAAA,CACPV,GAAIA,EACJG,QAVgBD,EAChB,SAACS,GACKR,GAASA,EAAQQ,GACjBT,GAAMU,OAAOC,KAAKX,EACvB,EACDC,EAKoB,cACPF,GAAca,EAAUC,EAAuBC,qBAAsBhB,GAClFD,IAAKA,GACDK,GAGV,IAGFR,EAAmBqB,aAAc,EACjCrB,EAAmBsB,cAAe"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_10d786f3d8"};!function(e){const n="s_id-fc5ae89c4b65_3_44_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_10d786f3d8 {\n display: inline-flex;\n overflow: hidden;\n list-style-type: none;\n cursor: default;\n}");export{e as default};
|
|
2
|
+
//# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BreadcrumbsMenu.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /**\n * The type of the breadcrumb bar, determining if it is navigational or for indication only.\n */\n type: BreadcrumbsBarType;\n /**\n * The breadcrumb items displayed in the bar.\n */\n children
|
|
1
|
+
{"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /**\n * The type of the breadcrumb bar, determining if it is navigational or for indication only.\n */\n type: BreadcrumbsBarType;\n /**\n * The breadcrumb items displayed in the bar.\n */\n children:\n | ReactElement<BreadcrumbItemProps | BreadcrumbMenuProps>\n | ReactElement<BreadcrumbItemProps | BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticProps<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticProps","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"uZAwBA,IAkCeA,EAAAA,GAlCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMS,SAASC,IAAIf,GAAU,SAACgB,EAAOC,GAAK,OACxCZ,EAAMa,eAAeF,GACjB,CACEC,EAAQ,GAAKZ,EAACC,cAAAa,GAAuBZ,UAAWE,EAAOW,cAAeC,KAAK,KAAI,cAAa,SAC5FhB,EAAMiB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATxB,MAGjB,IAAI,KAGV,GAOsF,CAC5FyB,MAAOC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={breadcrumbsBar:"
|
|
1
|
+
var e={breadcrumbsBar:"breadcrumbsBar_36191225f2",separatorIcon:"separatorIcon_2e2d669f45"};!function(e){const n="s_id-24567fd55d40_3_44_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_36191225f2 ol {\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: nowrap;\n}\n\n.breadcrumbsBar_36191225f2 ol .separatorIcon_2e2d669f45 {\n color: var(--secondary-text-color);\n flex-shrink: 0;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BreadcrumbsBar.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var o={button:"button_f8a8b393fb","focus-visible":"focus-visible_30e51b3368",loader:"loader_eb945200bd",loaderSvg:"loaderSvg_fe4f9be43a",textPlaceholder:"textPlaceholder_86f00e852a",success:"success_3614f2b0bd",successContent:"successContent_2f994e4b76",marginRight:"marginRight_064968db58",marginLeft:"marginLeft_7912ac1129",rightFlat:"rightFlat_20ebe29972",leftFlat:"leftFlat_ddec36e9d2",preventClickAnimation:"preventClickAnimation_300559328d",leftIcon:"leftIcon_064968db58",rightIcon:"rightIcon_7912ac1129",sizeXxs:"sizeXxs_150a44ee0b",sizeXs:"sizeXs_2981f7a761",sizeSmall:"sizeSmall_23923b6550",sizeMedium:"sizeMedium_24dbdffb7d",sizeLarge:"sizeLarge_fe9c643f20",kindPrimary:"kindPrimary_c396a53bba",colorPrimary:"colorPrimary_e2c7b07016",colorBrand:"colorBrand_a82726a75f",colorPrimaryActive:"colorPrimaryActive_0e66db92bd",colorBrandActive:"colorBrandActive_205086edf6",colorPositive:"colorPositive_2cc6dcb778",colorPositiveActive:"colorPositiveActive_ebb7d77645",colorNegative:"colorNegative_0b890bd106",colorNegativeActive:"colorNegativeActive_ebb7d77645",colorInverted:"colorInverted_7fbda6db79",colorInvertedActive:"colorInvertedActive_ebb7d77645",disabled:"disabled_250c8e510b",colorOnPrimaryColor:"colorOnPrimaryColor_15e13119cf",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_1d7ae07ca0",colorFixedLight:"colorFixedLight_2081c3439d",colorFixedLightActive:"colorFixedLightActive_300559328d",colorFixedDark:"colorFixedDark_b0c22014ff",colorFixedDarkActive:"colorFixedDarkActive_8e065b9653",colorOnInvertedBackground:"colorOnInvertedBackground_1b326ff4b6",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_00f5cee6bd",kindSecondary:"kindSecondary_3b75f94e5b",kindTertiary:"kindTertiary_f1cd237251",noSidePadding:"noSidePadding_b8f46dd84e",insetFocusStyle:"insetFocusStyle_61c4c90143"};!function(o){const r="s_id-f5db469b1a79_3_43_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const 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_f8a8b393fb {\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 user-select: none;\n min-width: auto;\n}\n.button_f8a8b393fb:focus-visible, .button_f8a8b393fb.focus-visible_30e51b3368 {\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_f8a8b393fb:focus:not(.focus-visible_30e51b3368) {\n outline: none;\n}\n.button_f8a8b393fb .loader_eb945200bd {\n height: 100%;\n}\n.button_f8a8b393fb .loader_eb945200bd .loaderSvg_fe4f9be43a {\n position: static;\n height: 100%;\n margin: 0;\n}\n.button_f8a8b393fb .textPlaceholder_86f00e852a {\n display: inline-block;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.button_f8a8b393fb.success_3614f2b0bd {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.button_f8a8b393fb.success_3614f2b0bd .successContent_2f994e4b76 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.marginRight_064968db58 {\n margin-right: var(--spacing-small);\n}\n.marginLeft_7912ac1129 {\n margin-left: var(--spacing-small);\n}\n.rightFlat_20ebe29972 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.leftFlat_ddec36e9d2 {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.button_f8a8b393fb:active:not(.preventClickAnimation_300559328d) {\n transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_f8a8b393fb .leftIcon_064968db58 {\n margin-right: var(--spacing-small);\n}\n.button_f8a8b393fb .rightIcon_7912ac1129 {\n margin-left: var(--spacing-small);\n}\n.sizeXxs_150a44ee0b {\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_2981f7a761 {\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_23923b6550 {\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_23923b6550 .loader_eb945200bd {\n top: 7px;\n}\n.sizeMedium_24dbdffb7d {\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_fe9c643f20 {\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_c396a53bba {\n color: var(--text-color-on-primary);\n}\n.kindPrimary_c396a53bba.colorPrimary_e2c7b07016 {\n background: var(--primary-color);\n}\n.kindPrimary_c396a53bba.colorBrand_a82726a75f {\n background: var(--brand-color);\n color: var(--text-color-on-brand);\n}\n.kindPrimary_c396a53bba.colorPrimaryActive_0e66db92bd,\n.kindPrimary_c396a53bba.colorPrimary_e2c7b07016:hover,\n.kindPrimary_c396a53bba.colorPrimary_e2c7b07016:focus {\n background: var(--primary-hover-color);\n}\n.kindPrimary_c396a53bba.colorBrandActive_205086edf6,\n.kindPrimary_c396a53bba.colorBrand_a82726a75f:hover,\n.kindPrimary_c396a53bba.colorBrand_a82726a75f:focus {\n background: var(--brand-hover-color);\n}\n.kindPrimary_c396a53bba.colorPositive_2cc6dcb778 {\n background: var(--positive-color);\n}\n.kindPrimary_c396a53bba.colorPositiveActive_ebb7d77645,\n.kindPrimary_c396a53bba.colorPositive_2cc6dcb778:hover,\n.kindPrimary_c396a53bba.colorPositive_2cc6dcb778:focus {\n background: var(--positive-color-hover);\n}\n.kindPrimary_c396a53bba.colorNegative_0b890bd106 {\n background: var(--negative-color);\n}\n.kindPrimary_c396a53bba.colorNegativeActive_ebb7d77645,\n.kindPrimary_c396a53bba.colorNegative_0b890bd106:hover,\n.kindPrimary_c396a53bba.colorNegative_0b890bd106:focus {\n background: var(--negative-color-hover);\n}\n.kindPrimary_c396a53bba.colorInverted_7fbda6db79 {\n background: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.kindPrimary_c396a53bba.colorInvertedActive_ebb7d77645,\n.kindPrimary_c396a53bba.colorInverted_7fbda6db79:hover,\n.kindPrimary_c396a53bba.colorInverted_7fbda6db79:focus {\n background: var(--placeholder-color);\n}\n.kindPrimary_c396a53bba.button_f8a8b393fb.colorInverted_7fbda6db79.disabled_250c8e510b {\n background: var(--disabled-text-color);\n color: var(--disabled-background-color);\n}\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf {\n background: var(--text-color-on-primary);\n}\n.kindPrimary_c396a53bba.colorOnPrimaryColorActive_1d7ae07ca0,\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:hover,\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:focus {\n background-color: #e6e9ef;\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_c396a53bba.colorOnPrimaryColorActive_1d7ae07ca0:focus-visible, .kindPrimary_c396a53bba.colorOnPrimaryColorActive_1d7ae07ca0.focus-visible_30e51b3368,\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:hover:focus-visible,\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:hover.focus-visible_30e51b3368,\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:focus:focus-visible,\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:focus.focus-visible_30e51b3368 {\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_c396a53bba.colorOnPrimaryColorActive_1d7ae07ca0:focus:not(.focus-visible_30e51b3368),\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:hover:focus:not(.focus-visible_30e51b3368),\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:focus:focus:not(.focus-visible_30e51b3368) {\n outline: none;\n}\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf.disabled_250c8e510b {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d {\n background: var(--fixed-light-color);\n}\n.kindPrimary_c396a53bba.colorFixedLightActive_300559328d,\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:hover,\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:focus {\n background-color: #e6e9ef;\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_c396a53bba.colorFixedLightActive_300559328d:focus-visible, .kindPrimary_c396a53bba.colorFixedLightActive_300559328d.focus-visible_30e51b3368,\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:hover:focus-visible,\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:hover.focus-visible_30e51b3368,\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:focus:focus-visible,\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:focus.focus-visible_30e51b3368 {\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_c396a53bba.colorFixedLightActive_300559328d:focus:not(.focus-visible_30e51b3368),\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:hover:focus:not(.focus-visible_30e51b3368),\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:focus:focus:not(.focus-visible_30e51b3368) {\n outline: none;\n}\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d.disabled_250c8e510b {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff {\n background: var(--fixed-dark-color);\n color: var(--fixed-light-color);\n}\n.kindPrimary_c396a53bba.colorFixedDarkActive_8e065b9653,\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:hover,\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:focus {\n filter: brightness(125%);\n}\n.kindPrimary_c396a53bba.colorFixedDarkActive_8e065b9653:focus-visible, .kindPrimary_c396a53bba.colorFixedDarkActive_8e065b9653.focus-visible_30e51b3368,\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:hover:focus-visible,\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:hover.focus-visible_30e51b3368,\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:focus:focus-visible,\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:focus.focus-visible_30e51b3368 {\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_c396a53bba.colorFixedDarkActive_8e065b9653:focus:not(.focus-visible_30e51b3368),\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:hover:focus:not(.focus-visible_30e51b3368),\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:focus:focus:not(.focus-visible_30e51b3368) {\n outline: none;\n}\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff.disabled_250c8e510b {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindPrimary_c396a53bba.colorOnInvertedBackground_1b326ff4b6 {\n background: var(--primary-background-color);\n color: var(--primary-text-color);\n}\n.kindPrimary_c396a53bba.colorOnInvertedBackgroundActive_00f5cee6bd,\n.kindPrimary_c396a53bba.colorOnInvertedBackground_1b326ff4b6:hover,\n.kindPrimary_c396a53bba.colorOnInvertedBackground_1b326ff4b6:focus {\n background: var(--ui-background-color);\n}\n.kindPrimary_c396a53bba.button_f8a8b393fb.colorOnInvertedBackground_1b326ff4b6.disabled_250c8e510b {\n background: var(--ui-background-color);\n color: var(--primary-text-color);\n opacity: 0.5;\n}\n.kindPrimary_c396a53bba.button_f8a8b393fb.disabled_250c8e510b {\n background: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_3b75f94e5b {\n border: 1px solid;\n border-color: var(--ui-border-color);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindSecondary_3b75f94e5b.sizeSmall_23923b6550 {\n line-height: 22px;\n}\n.kindSecondary_3b75f94e5b.sizeMedium_24dbdffb7d {\n line-height: 22px;\n}\n.kindSecondary_3b75f94e5b.sizeLarge_fe9c643f20 {\n line-height: 22px;\n}\n.kindSecondary_3b75f94e5b.colorPrimaryActive_0e66db92bd {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_3b75f94e5b.colorPrimaryActive_0e66db92bd:hover {\n background-color: var(--primary-selected-hover-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_3b75f94e5b.colorBrandActive_205086edf6 {\n color: var(--text-color-on-brand);\n}\n.kindSecondary_3b75f94e5b.colorBrandActive_205086edf6,\n.kindSecondary_3b75f94e5b.colorBrandActive_205086edf6:hover {\n background-color: var(--brand-selected-color);\n border-color: var(--brand-color);\n}\n.kindSecondary_3b75f94e5b.colorPrimary_e2c7b07016:hover:not(.colorPrimaryActive_0e66db92bd),\n.kindSecondary_3b75f94e5b.colorPrimary_e2c7b07016:focus:not(.colorPrimaryActive_0e66db92bd) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_3b75f94e5b.colorBrand_a82726a75f:hover:not(.colorBrandActive_205086edf6),\n.kindSecondary_3b75f94e5b.colorBrand_a82726a75f:focus:not(.colorBrandActive_205086edf6) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_3b75f94e5b.colorPositive_2cc6dcb778 {\n color: var(--positive-color);\n border-color: var(--positive-color);\n}\n.kindSecondary_3b75f94e5b.colorPositiveActive_ebb7d77645,\n.kindSecondary_3b75f94e5b.colorPositive_2cc6dcb778:hover,\n.kindSecondary_3b75f94e5b.colorPositive_2cc6dcb778:focus {\n background: var(--positive-color-selected);\n}\n.kindSecondary_3b75f94e5b.colorNegative_0b890bd106 {\n color: var(--negative-color);\n border-color: var(--negative-color);\n}\n.kindSecondary_3b75f94e5b.colorNegativeActive_ebb7d77645,\n.kindSecondary_3b75f94e5b.colorNegative_0b890bd106:hover,\n.kindSecondary_3b75f94e5b.colorNegative_0b890bd106:focus {\n background: var(--negative-color-selected);\n}\n.kindSecondary_3b75f94e5b.colorInverted_7fbda6db79 {\n color: var(--primary-text-color);\n border-color: var(--primary-text-color);\n}\n.kindSecondary_3b75f94e5b.colorInvertedActive_ebb7d77645,\n.kindSecondary_3b75f94e5b.colorInverted_7fbda6db79:hover,\n.kindSecondary_3b75f94e5b.colorInverted_7fbda6db79:focus {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_3b75f94e5b.colorInverted_7fbda6db79.disabled_250c8e510b {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n}\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf {\n color: var(--text-color-on-primary);\n border-color: var(--text-color-on-primary);\n}\n.kindSecondary_3b75f94e5b.colorOnPrimaryColorActive_1d7ae07ca0,\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:hover,\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_3b75f94e5b.colorOnPrimaryColorActive_1d7ae07ca0:focus-visible, .kindSecondary_3b75f94e5b.colorOnPrimaryColorActive_1d7ae07ca0.focus-visible_30e51b3368,\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:hover:focus-visible,\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:hover.focus-visible_30e51b3368,\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:focus:focus-visible,\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:focus.focus-visible_30e51b3368 {\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_3b75f94e5b.colorOnPrimaryColorActive_1d7ae07ca0:focus:not(.focus-visible_30e51b3368),\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:hover:focus:not(.focus-visible_30e51b3368),\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:focus:focus:not(.focus-visible_30e51b3368) {\n outline: none;\n}\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf.disabled_250c8e510b {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d {\n border-color: var(--fixed-light-color);\n color: var(--fixed-light-color);\n}\n.kindSecondary_3b75f94e5b.colorFixedLightActive_300559328d,\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:hover,\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_3b75f94e5b.colorFixedLightActive_300559328d:focus-visible, .kindSecondary_3b75f94e5b.colorFixedLightActive_300559328d.focus-visible_30e51b3368,\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:hover:focus-visible,\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:hover.focus-visible_30e51b3368,\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:focus:focus-visible,\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:focus.focus-visible_30e51b3368 {\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_3b75f94e5b.colorFixedLightActive_300559328d:focus:not(.focus-visible_30e51b3368),\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:hover:focus:not(.focus-visible_30e51b3368),\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:focus:focus:not(.focus-visible_30e51b3368) {\n outline: none;\n}\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff {\n border-color: var(--fixed-dark-color);\n color: var(--fixed-dark-color);\n}\n.kindSecondary_3b75f94e5b.colorFixedDarkActive_8e065b9653,\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:hover,\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:focus {\n background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_3b75f94e5b.colorFixedDarkActive_8e065b9653:focus-visible, .kindSecondary_3b75f94e5b.colorFixedDarkActive_8e065b9653.focus-visible_30e51b3368,\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:hover:focus-visible,\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:hover.focus-visible_30e51b3368,\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:focus:focus-visible,\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:focus.focus-visible_30e51b3368 {\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_3b75f94e5b.colorFixedDarkActive_8e065b9653:focus:not(.focus-visible_30e51b3368),\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:hover:focus:not(.focus-visible_30e51b3368),\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:focus:focus:not(.focus-visible_30e51b3368) {\n outline: none;\n}\n.kindSecondary_3b75f94e5b.colorOnInvertedBackground_1b326ff4b6 {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n}\n.kindSecondary_3b75f94e5b.colorOnInvertedBackgroundActive_00f5cee6bd,\n.kindSecondary_3b75f94e5b.colorOnInvertedBackground_1b326ff4b6:hover,\n.kindSecondary_3b75f94e5b.colorOnInvertedBackground_1b326ff4b6:focus {\n background: var(--icon-color);\n}\n.kindSecondary_3b75f94e5b.colorOnInvertedBackground_1b326ff4b6.disabled_250c8e510b {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n opacity: 0.5;\n}\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d.disabled_250c8e510b {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff.disabled_250c8e510b {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindSecondary_3b75f94e5b.disabled_250c8e510b {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_3b75f94e5b.disabled_250c8e510b:hover {\n background-color: transparent;\n}\n.kindTertiary_f1cd237251 {\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindTertiary_f1cd237251.colorPrimaryActive_0e66db92bd {\n background-color: var(--primary-selected-color);\n}\n.kindTertiary_f1cd237251.colorPrimaryActive_0e66db92bd:hover {\n background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_f1cd237251.colorBrandActive_205086edf6 {\n color: var(--text-color-on-brand);\n}\n.kindTertiary_f1cd237251.colorBrandActive_205086edf6,\n.kindTertiary_f1cd237251.colorBrandActive_205086edf6:hover {\n background-color: var(--brand-selected-color);\n}\n.kindTertiary_f1cd237251.colorPrimary_e2c7b07016:hover:not(.colorPrimaryActive_0e66db92bd),\n.kindTertiary_f1cd237251.colorPrimary_e2c7b07016:focus:not(.colorPrimaryActive_0e66db92bd) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_f1cd237251.colorBrand_a82726a75f:hover:not(.colorBrandActive_205086edf6),\n.kindTertiary_f1cd237251.colorBrand_a82726a75f:focus:not(.colorBrandActive_205086edf6) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_f1cd237251.colorPositive_2cc6dcb778 {\n color: var(--positive-color);\n}\n.kindTertiary_f1cd237251.colorPositiveActive_ebb7d77645,\n.kindTertiary_f1cd237251.colorPositive_2cc6dcb778:hover,\n.kindTertiary_f1cd237251.colorPositive_2cc6dcb778:focus {\n background: var(--positive-color-selected);\n}\n.kindTertiary_f1cd237251.colorNegative_0b890bd106 {\n color: var(--negative-color);\n}\n.kindTertiary_f1cd237251.colorNegativeActive_ebb7d77645,\n.kindTertiary_f1cd237251.colorNegative_0b890bd106:hover,\n.kindTertiary_f1cd237251.colorNegative_0b890bd106:focus {\n background: var(--negative-color-selected);\n}\n.kindTertiary_f1cd237251.colorInverted_7fbda6db79 {\n color: var(--primary-text-color);\n}\n.kindTertiary_f1cd237251.colorInvertedActive_ebb7d77645,\n.kindTertiary_f1cd237251.colorInverted_7fbda6db79:hover,\n.kindTertiary_f1cd237251.colorInverted_7fbda6db79:focus {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_f1cd237251.colorInverted_7fbda6db79.disabled_250c8e510b {\n color: var(--disabled-text-color);\n}\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf {\n color: var(--text-color-on-primary);\n}\n.kindTertiary_f1cd237251.colorOnPrimaryColorActive_1d7ae07ca0,\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:hover,\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_f1cd237251.colorOnPrimaryColorActive_1d7ae07ca0:focus-visible, .kindTertiary_f1cd237251.colorOnPrimaryColorActive_1d7ae07ca0.focus-visible_30e51b3368,\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:hover:focus-visible,\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:hover.focus-visible_30e51b3368,\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:focus:focus-visible,\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:focus.focus-visible_30e51b3368 {\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_f1cd237251.colorOnPrimaryColorActive_1d7ae07ca0:focus:not(.focus-visible_30e51b3368),\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:hover:focus:not(.focus-visible_30e51b3368),\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:focus:focus:not(.focus-visible_30e51b3368) {\n outline: none;\n}\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf.disabled_250c8e510b {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d {\n color: var(--fixed-light-color);\n}\n.kindTertiary_f1cd237251.colorFixedLightActive_300559328d,\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:hover,\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_f1cd237251.colorFixedLightActive_300559328d:focus-visible, .kindTertiary_f1cd237251.colorFixedLightActive_300559328d.focus-visible_30e51b3368,\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:hover:focus-visible,\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:hover.focus-visible_30e51b3368,\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:focus:focus-visible,\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:focus.focus-visible_30e51b3368 {\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_f1cd237251.colorFixedLightActive_300559328d:focus:not(.focus-visible_30e51b3368),\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:hover:focus:not(.focus-visible_30e51b3368),\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:focus:focus:not(.focus-visible_30e51b3368) {\n outline: none;\n}\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d.disabled_250c8e510b {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff {\n color: var(--fixed-dark-color);\n}\n.kindTertiary_f1cd237251.colorFixedDarkActive_8e065b9653,\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:hover,\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:focus {\n background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_f1cd237251.colorFixedDarkActive_8e065b9653:focus-visible, .kindTertiary_f1cd237251.colorFixedDarkActive_8e065b9653.focus-visible_30e51b3368,\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:hover:focus-visible,\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:hover.focus-visible_30e51b3368,\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:focus:focus-visible,\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:focus.focus-visible_30e51b3368 {\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_f1cd237251.colorFixedDarkActive_8e065b9653:focus:not(.focus-visible_30e51b3368),\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:hover:focus:not(.focus-visible_30e51b3368),\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:focus:focus:not(.focus-visible_30e51b3368) {\n outline: none;\n}\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff.disabled_250c8e510b {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindTertiary_f1cd237251.colorOnInvertedBackground_1b326ff4b6 {\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_f1cd237251.colorOnInvertedBackgroundActive_00f5cee6bd,\n.kindTertiary_f1cd237251.colorOnInvertedBackground_1b326ff4b6:hover,\n.kindTertiary_f1cd237251.colorOnInvertedBackground_1b326ff4b6:focus {\n background: var(--icon-color);\n}\n.kindTertiary_f1cd237251.colorOnInvertedBackground_1b326ff4b6.disabled_250c8e510b {\n background: var(--icon-color);\n opacity: 0.5;\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_f1cd237251.disabled_250c8e510b {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindTertiary_f1cd237251.disabled_250c8e510b:hover {\n background-color: transparent;\n}\n.noSidePadding_b8f46dd84e {\n padding-right: 0;\n padding-left: 0;\n}\n.button_f8a8b393fb.insetFocusStyle_61c4c90143:focus-visible, .button_f8a8b393fb.insetFocusStyle_61c4c90143.focus-visible_30e51b3368 {\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_f8a8b393fb.insetFocusStyle_61c4c90143:focus:not(.focus-visible_30e51b3368) {\n outline: none;\n}");export{o as default};
|
|
1
|
+
var o={button:"button_98c3d8bc39","focus-visible":"focus-visible_f2450984a9",loader:"loader_8356ce8eae",loaderSvg:"loaderSvg_d92ea3467a",textPlaceholder:"textPlaceholder_aa8613c888",success:"success_81f79c7b9d",successContent:"successContent_cdd27cc0a6",marginRight:"marginRight_66abc878cc",marginLeft:"marginLeft_285407288e",rightFlat:"rightFlat_1d676e5350",leftFlat:"leftFlat_3302f809b0",preventClickAnimation:"preventClickAnimation_b5df2f9cfb",leftIcon:"leftIcon_66abc878cc",rightIcon:"rightIcon_285407288e",sizeXxs:"sizeXxs_b63d59cab6",sizeXs:"sizeXs_e33d4c6839",sizeSmall:"sizeSmall_f739656660",sizeMedium:"sizeMedium_647b27e4bc",sizeLarge:"sizeLarge_2e41faa025",kindPrimary:"kindPrimary_439ace5dc0",colorPrimary:"colorPrimary_df265923d3",colorBrand:"colorBrand_81092cd026",colorPrimaryActive:"colorPrimaryActive_7038b06ace",colorBrandActive:"colorBrandActive_f686b7a6f6",colorPositive:"colorPositive_5fdbe2c957",colorPositiveActive:"colorPositiveActive_e38b200834",colorNegative:"colorNegative_673f1cdec1",colorNegativeActive:"colorNegativeActive_e38b200834",colorInverted:"colorInverted_c1c0dd609b",colorInvertedActive:"colorInvertedActive_e38b200834",disabled:"disabled_55076eb4de",colorOnPrimaryColor:"colorOnPrimaryColor_e7cf8851c5",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_90c97a5ad2",colorFixedLight:"colorFixedLight_3815bc3ef7",colorFixedLightActive:"colorFixedLightActive_b5df2f9cfb",colorFixedDark:"colorFixedDark_9abb9fa3f7",colorFixedDarkActive:"colorFixedDarkActive_aa1f29a504",colorOnInvertedBackground:"colorOnInvertedBackground_08ef622970",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_aa82b2d3df",kindSecondary:"kindSecondary_34c433bf1f",kindTertiary:"kindTertiary_f3600179ec",noSidePadding:"noSidePadding_81489edd05",insetFocusStyle:"insetFocusStyle_4de8be5ff5"};!function(o){const r="s_id-f5db469b1a79_3_44_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_98c3d8bc39 {\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 user-select: none;\n min-width: auto;\n}\n.button_98c3d8bc39:focus-visible, .button_98c3d8bc39.focus-visible_f2450984a9 {\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_98c3d8bc39:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.button_98c3d8bc39 .loader_8356ce8eae {\n height: 100%;\n}\n.button_98c3d8bc39 .loader_8356ce8eae .loaderSvg_d92ea3467a {\n position: static;\n height: 100%;\n margin: 0;\n}\n.button_98c3d8bc39 .textPlaceholder_aa8613c888 {\n display: inline-block;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.button_98c3d8bc39.success_81f79c7b9d {\n display: inline-flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n.button_98c3d8bc39.success_81f79c7b9d .successContent_cdd27cc0a6 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n}\n.marginRight_66abc878cc {\n margin-right: var(--spacing-small);\n}\n.marginLeft_285407288e {\n margin-left: var(--spacing-small);\n}\n.rightFlat_1d676e5350 {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.leftFlat_3302f809b0 {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.button_98c3d8bc39:active:not(.preventClickAnimation_b5df2f9cfb) {\n transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_98c3d8bc39 .leftIcon_66abc878cc {\n margin-right: var(--spacing-small);\n}\n.button_98c3d8bc39 .rightIcon_285407288e {\n margin-left: var(--spacing-small);\n}\n.sizeXxs_b63d59cab6 {\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_e33d4c6839 {\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_f739656660 {\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_f739656660 .loader_8356ce8eae {\n top: 7px;\n}\n.sizeMedium_647b27e4bc {\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_2e41faa025 {\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_439ace5dc0 {\n color: var(--text-color-on-primary);\n}\n.kindPrimary_439ace5dc0.colorPrimary_df265923d3 {\n background: var(--primary-color);\n}\n.kindPrimary_439ace5dc0.colorBrand_81092cd026 {\n background: var(--brand-color);\n color: var(--text-color-on-brand);\n}\n.kindPrimary_439ace5dc0.colorPrimaryActive_7038b06ace,\n.kindPrimary_439ace5dc0.colorPrimary_df265923d3:hover,\n.kindPrimary_439ace5dc0.colorPrimary_df265923d3:focus {\n background: var(--primary-hover-color);\n}\n.kindPrimary_439ace5dc0.colorBrandActive_f686b7a6f6,\n.kindPrimary_439ace5dc0.colorBrand_81092cd026:hover,\n.kindPrimary_439ace5dc0.colorBrand_81092cd026:focus {\n background: var(--brand-hover-color);\n}\n.kindPrimary_439ace5dc0.colorPositive_5fdbe2c957 {\n background: var(--positive-color);\n}\n.kindPrimary_439ace5dc0.colorPositiveActive_e38b200834,\n.kindPrimary_439ace5dc0.colorPositive_5fdbe2c957:hover,\n.kindPrimary_439ace5dc0.colorPositive_5fdbe2c957:focus {\n background: var(--positive-color-hover);\n}\n.kindPrimary_439ace5dc0.colorNegative_673f1cdec1 {\n background: var(--negative-color);\n}\n.kindPrimary_439ace5dc0.colorNegativeActive_e38b200834,\n.kindPrimary_439ace5dc0.colorNegative_673f1cdec1:hover,\n.kindPrimary_439ace5dc0.colorNegative_673f1cdec1:focus {\n background: var(--negative-color-hover);\n}\n.kindPrimary_439ace5dc0.colorInverted_c1c0dd609b {\n background: var(--inverted-color-background);\n color: var(--text-color-on-inverted);\n}\n.kindPrimary_439ace5dc0.colorInvertedActive_e38b200834,\n.kindPrimary_439ace5dc0.colorInverted_c1c0dd609b:hover,\n.kindPrimary_439ace5dc0.colorInverted_c1c0dd609b:focus {\n background: var(--placeholder-color);\n}\n.kindPrimary_439ace5dc0.button_98c3d8bc39.colorInverted_c1c0dd609b.disabled_55076eb4de {\n background: var(--disabled-text-color);\n color: var(--disabled-background-color);\n}\n.kindPrimary_439ace5dc0.colorOnPrimaryColor_e7cf8851c5 {\n background: var(--text-color-on-primary);\n}\n.kindPrimary_439ace5dc0.colorOnPrimaryColorActive_90c97a5ad2,\n.kindPrimary_439ace5dc0.colorOnPrimaryColor_e7cf8851c5:hover,\n.kindPrimary_439ace5dc0.colorOnPrimaryColor_e7cf8851c5:focus {\n background-color: #e6e9ef;\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_439ace5dc0.colorOnPrimaryColorActive_90c97a5ad2:focus-visible, .kindPrimary_439ace5dc0.colorOnPrimaryColorActive_90c97a5ad2.focus-visible_f2450984a9,\n.kindPrimary_439ace5dc0.colorOnPrimaryColor_e7cf8851c5:hover:focus-visible,\n.kindPrimary_439ace5dc0.colorOnPrimaryColor_e7cf8851c5:hover.focus-visible_f2450984a9,\n.kindPrimary_439ace5dc0.colorOnPrimaryColor_e7cf8851c5:focus:focus-visible,\n.kindPrimary_439ace5dc0.colorOnPrimaryColor_e7cf8851c5:focus.focus-visible_f2450984a9 {\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_439ace5dc0.colorOnPrimaryColorActive_90c97a5ad2:focus:not(.focus-visible_f2450984a9),\n.kindPrimary_439ace5dc0.colorOnPrimaryColor_e7cf8851c5:hover:focus:not(.focus-visible_f2450984a9),\n.kindPrimary_439ace5dc0.colorOnPrimaryColor_e7cf8851c5:focus:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.kindPrimary_439ace5dc0.colorOnPrimaryColor_e7cf8851c5.disabled_55076eb4de {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindPrimary_439ace5dc0.colorFixedLight_3815bc3ef7 {\n background: var(--fixed-light-color);\n}\n.kindPrimary_439ace5dc0.colorFixedLightActive_b5df2f9cfb,\n.kindPrimary_439ace5dc0.colorFixedLight_3815bc3ef7:hover,\n.kindPrimary_439ace5dc0.colorFixedLight_3815bc3ef7:focus {\n background-color: #e6e9ef;\n backdrop-filter: brightness(85%);\n}\n.kindPrimary_439ace5dc0.colorFixedLightActive_b5df2f9cfb:focus-visible, .kindPrimary_439ace5dc0.colorFixedLightActive_b5df2f9cfb.focus-visible_f2450984a9,\n.kindPrimary_439ace5dc0.colorFixedLight_3815bc3ef7:hover:focus-visible,\n.kindPrimary_439ace5dc0.colorFixedLight_3815bc3ef7:hover.focus-visible_f2450984a9,\n.kindPrimary_439ace5dc0.colorFixedLight_3815bc3ef7:focus:focus-visible,\n.kindPrimary_439ace5dc0.colorFixedLight_3815bc3ef7:focus.focus-visible_f2450984a9 {\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_439ace5dc0.colorFixedLightActive_b5df2f9cfb:focus:not(.focus-visible_f2450984a9),\n.kindPrimary_439ace5dc0.colorFixedLight_3815bc3ef7:hover:focus:not(.focus-visible_f2450984a9),\n.kindPrimary_439ace5dc0.colorFixedLight_3815bc3ef7:focus:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.kindPrimary_439ace5dc0.colorFixedLight_3815bc3ef7.disabled_55076eb4de {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindPrimary_439ace5dc0.colorFixedDark_9abb9fa3f7 {\n background: var(--fixed-dark-color);\n color: var(--fixed-light-color);\n}\n.kindPrimary_439ace5dc0.colorFixedDarkActive_aa1f29a504,\n.kindPrimary_439ace5dc0.colorFixedDark_9abb9fa3f7:hover,\n.kindPrimary_439ace5dc0.colorFixedDark_9abb9fa3f7:focus {\n filter: brightness(125%);\n}\n.kindPrimary_439ace5dc0.colorFixedDarkActive_aa1f29a504:focus-visible, .kindPrimary_439ace5dc0.colorFixedDarkActive_aa1f29a504.focus-visible_f2450984a9,\n.kindPrimary_439ace5dc0.colorFixedDark_9abb9fa3f7:hover:focus-visible,\n.kindPrimary_439ace5dc0.colorFixedDark_9abb9fa3f7:hover.focus-visible_f2450984a9,\n.kindPrimary_439ace5dc0.colorFixedDark_9abb9fa3f7:focus:focus-visible,\n.kindPrimary_439ace5dc0.colorFixedDark_9abb9fa3f7:focus.focus-visible_f2450984a9 {\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_439ace5dc0.colorFixedDarkActive_aa1f29a504:focus:not(.focus-visible_f2450984a9),\n.kindPrimary_439ace5dc0.colorFixedDark_9abb9fa3f7:hover:focus:not(.focus-visible_f2450984a9),\n.kindPrimary_439ace5dc0.colorFixedDark_9abb9fa3f7:focus:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.kindPrimary_439ace5dc0.colorFixedDark_9abb9fa3f7.disabled_55076eb4de {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindPrimary_439ace5dc0.colorOnInvertedBackground_08ef622970 {\n background: var(--primary-background-color);\n color: var(--primary-text-color);\n}\n.kindPrimary_439ace5dc0.colorOnInvertedBackgroundActive_aa82b2d3df,\n.kindPrimary_439ace5dc0.colorOnInvertedBackground_08ef622970:hover,\n.kindPrimary_439ace5dc0.colorOnInvertedBackground_08ef622970:focus {\n background: var(--ui-background-color);\n}\n.kindPrimary_439ace5dc0.button_98c3d8bc39.colorOnInvertedBackground_08ef622970.disabled_55076eb4de {\n background: var(--ui-background-color);\n color: var(--primary-text-color);\n opacity: 0.5;\n}\n.kindPrimary_439ace5dc0.button_98c3d8bc39.disabled_55076eb4de {\n background: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_34c433bf1f {\n border: 1px solid;\n border-color: var(--ui-border-color);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindSecondary_34c433bf1f.sizeSmall_f739656660 {\n line-height: 22px;\n}\n.kindSecondary_34c433bf1f.sizeMedium_647b27e4bc {\n line-height: 22px;\n}\n.kindSecondary_34c433bf1f.sizeLarge_2e41faa025 {\n line-height: 22px;\n}\n.kindSecondary_34c433bf1f.colorPrimaryActive_7038b06ace {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_34c433bf1f.colorPrimaryActive_7038b06ace:hover {\n background-color: var(--primary-selected-hover-color);\n border-color: var(--primary-color);\n}\n.kindSecondary_34c433bf1f.colorBrandActive_f686b7a6f6 {\n color: var(--text-color-on-brand);\n}\n.kindSecondary_34c433bf1f.colorBrandActive_f686b7a6f6,\n.kindSecondary_34c433bf1f.colorBrandActive_f686b7a6f6:hover {\n background-color: var(--brand-selected-color);\n border-color: var(--brand-color);\n}\n.kindSecondary_34c433bf1f.colorPrimary_df265923d3:hover:not(.colorPrimaryActive_7038b06ace),\n.kindSecondary_34c433bf1f.colorPrimary_df265923d3:focus:not(.colorPrimaryActive_7038b06ace) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_34c433bf1f.colorBrand_81092cd026:hover:not(.colorBrandActive_f686b7a6f6),\n.kindSecondary_34c433bf1f.colorBrand_81092cd026:focus:not(.colorBrandActive_f686b7a6f6) {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_34c433bf1f.colorPositive_5fdbe2c957 {\n color: var(--positive-color);\n border-color: var(--positive-color);\n}\n.kindSecondary_34c433bf1f.colorPositiveActive_e38b200834,\n.kindSecondary_34c433bf1f.colorPositive_5fdbe2c957:hover,\n.kindSecondary_34c433bf1f.colorPositive_5fdbe2c957:focus {\n background: var(--positive-color-selected);\n}\n.kindSecondary_34c433bf1f.colorNegative_673f1cdec1 {\n color: var(--negative-color);\n border-color: var(--negative-color);\n}\n.kindSecondary_34c433bf1f.colorNegativeActive_e38b200834,\n.kindSecondary_34c433bf1f.colorNegative_673f1cdec1:hover,\n.kindSecondary_34c433bf1f.colorNegative_673f1cdec1:focus {\n background: var(--negative-color-selected);\n}\n.kindSecondary_34c433bf1f.colorInverted_c1c0dd609b {\n color: var(--primary-text-color);\n border-color: var(--primary-text-color);\n}\n.kindSecondary_34c433bf1f.colorInvertedActive_e38b200834,\n.kindSecondary_34c433bf1f.colorInverted_c1c0dd609b:hover,\n.kindSecondary_34c433bf1f.colorInverted_c1c0dd609b:focus {\n background: var(--primary-background-hover-color);\n}\n.kindSecondary_34c433bf1f.colorInverted_c1c0dd609b.disabled_55076eb4de {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n}\n.kindSecondary_34c433bf1f.colorOnPrimaryColor_e7cf8851c5 {\n color: var(--text-color-on-primary);\n border-color: var(--text-color-on-primary);\n}\n.kindSecondary_34c433bf1f.colorOnPrimaryColorActive_90c97a5ad2,\n.kindSecondary_34c433bf1f.colorOnPrimaryColor_e7cf8851c5:hover,\n.kindSecondary_34c433bf1f.colorOnPrimaryColor_e7cf8851c5:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_34c433bf1f.colorOnPrimaryColorActive_90c97a5ad2:focus-visible, .kindSecondary_34c433bf1f.colorOnPrimaryColorActive_90c97a5ad2.focus-visible_f2450984a9,\n.kindSecondary_34c433bf1f.colorOnPrimaryColor_e7cf8851c5:hover:focus-visible,\n.kindSecondary_34c433bf1f.colorOnPrimaryColor_e7cf8851c5:hover.focus-visible_f2450984a9,\n.kindSecondary_34c433bf1f.colorOnPrimaryColor_e7cf8851c5:focus:focus-visible,\n.kindSecondary_34c433bf1f.colorOnPrimaryColor_e7cf8851c5:focus.focus-visible_f2450984a9 {\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_34c433bf1f.colorOnPrimaryColorActive_90c97a5ad2:focus:not(.focus-visible_f2450984a9),\n.kindSecondary_34c433bf1f.colorOnPrimaryColor_e7cf8851c5:hover:focus:not(.focus-visible_f2450984a9),\n.kindSecondary_34c433bf1f.colorOnPrimaryColor_e7cf8851c5:focus:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.kindSecondary_34c433bf1f.colorOnPrimaryColor_e7cf8851c5.disabled_55076eb4de {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindSecondary_34c433bf1f.colorFixedLight_3815bc3ef7 {\n border-color: var(--fixed-light-color);\n color: var(--fixed-light-color);\n}\n.kindSecondary_34c433bf1f.colorFixedLightActive_b5df2f9cfb,\n.kindSecondary_34c433bf1f.colorFixedLight_3815bc3ef7:hover,\n.kindSecondary_34c433bf1f.colorFixedLight_3815bc3ef7:focus {\n backdrop-filter: brightness(85%);\n}\n.kindSecondary_34c433bf1f.colorFixedLightActive_b5df2f9cfb:focus-visible, .kindSecondary_34c433bf1f.colorFixedLightActive_b5df2f9cfb.focus-visible_f2450984a9,\n.kindSecondary_34c433bf1f.colorFixedLight_3815bc3ef7:hover:focus-visible,\n.kindSecondary_34c433bf1f.colorFixedLight_3815bc3ef7:hover.focus-visible_f2450984a9,\n.kindSecondary_34c433bf1f.colorFixedLight_3815bc3ef7:focus:focus-visible,\n.kindSecondary_34c433bf1f.colorFixedLight_3815bc3ef7:focus.focus-visible_f2450984a9 {\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_34c433bf1f.colorFixedLightActive_b5df2f9cfb:focus:not(.focus-visible_f2450984a9),\n.kindSecondary_34c433bf1f.colorFixedLight_3815bc3ef7:hover:focus:not(.focus-visible_f2450984a9),\n.kindSecondary_34c433bf1f.colorFixedLight_3815bc3ef7:focus:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.kindSecondary_34c433bf1f.colorFixedDark_9abb9fa3f7 {\n border-color: var(--fixed-dark-color);\n color: var(--fixed-dark-color);\n}\n.kindSecondary_34c433bf1f.colorFixedDarkActive_aa1f29a504,\n.kindSecondary_34c433bf1f.colorFixedDark_9abb9fa3f7:hover,\n.kindSecondary_34c433bf1f.colorFixedDark_9abb9fa3f7:focus {\n background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_34c433bf1f.colorFixedDarkActive_aa1f29a504:focus-visible, .kindSecondary_34c433bf1f.colorFixedDarkActive_aa1f29a504.focus-visible_f2450984a9,\n.kindSecondary_34c433bf1f.colorFixedDark_9abb9fa3f7:hover:focus-visible,\n.kindSecondary_34c433bf1f.colorFixedDark_9abb9fa3f7:hover.focus-visible_f2450984a9,\n.kindSecondary_34c433bf1f.colorFixedDark_9abb9fa3f7:focus:focus-visible,\n.kindSecondary_34c433bf1f.colorFixedDark_9abb9fa3f7:focus.focus-visible_f2450984a9 {\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_34c433bf1f.colorFixedDarkActive_aa1f29a504:focus:not(.focus-visible_f2450984a9),\n.kindSecondary_34c433bf1f.colorFixedDark_9abb9fa3f7:hover:focus:not(.focus-visible_f2450984a9),\n.kindSecondary_34c433bf1f.colorFixedDark_9abb9fa3f7:focus:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.kindSecondary_34c433bf1f.colorOnInvertedBackground_08ef622970 {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n}\n.kindSecondary_34c433bf1f.colorOnInvertedBackgroundActive_aa82b2d3df,\n.kindSecondary_34c433bf1f.colorOnInvertedBackground_08ef622970:hover,\n.kindSecondary_34c433bf1f.colorOnInvertedBackground_08ef622970:focus {\n background: var(--icon-color);\n}\n.kindSecondary_34c433bf1f.colorOnInvertedBackground_08ef622970.disabled_55076eb4de {\n border-color: var(--text-color-on-inverted);\n color: var(--text-color-on-inverted);\n opacity: 0.5;\n}\n.kindSecondary_34c433bf1f.colorFixedLight_3815bc3ef7.disabled_55076eb4de {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindSecondary_34c433bf1f.colorFixedDark_9abb9fa3f7.disabled_55076eb4de {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindSecondary_34c433bf1f.disabled_55076eb4de {\n border-color: var(--disabled-text-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindSecondary_34c433bf1f.disabled_55076eb4de:hover {\n background-color: transparent;\n}\n.kindTertiary_f3600179ec {\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.kindTertiary_f3600179ec.colorPrimaryActive_7038b06ace {\n background-color: var(--primary-selected-color);\n}\n.kindTertiary_f3600179ec.colorPrimaryActive_7038b06ace:hover {\n background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_f3600179ec.colorBrandActive_f686b7a6f6 {\n color: var(--text-color-on-brand);\n}\n.kindTertiary_f3600179ec.colorBrandActive_f686b7a6f6,\n.kindTertiary_f3600179ec.colorBrandActive_f686b7a6f6:hover {\n background-color: var(--brand-selected-color);\n}\n.kindTertiary_f3600179ec.colorPrimary_df265923d3:hover:not(.colorPrimaryActive_7038b06ace),\n.kindTertiary_f3600179ec.colorPrimary_df265923d3:focus:not(.colorPrimaryActive_7038b06ace) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_f3600179ec.colorBrand_81092cd026:hover:not(.colorBrandActive_f686b7a6f6),\n.kindTertiary_f3600179ec.colorBrand_81092cd026:focus:not(.colorBrandActive_f686b7a6f6) {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_f3600179ec.colorPositive_5fdbe2c957 {\n color: var(--positive-color);\n}\n.kindTertiary_f3600179ec.colorPositiveActive_e38b200834,\n.kindTertiary_f3600179ec.colorPositive_5fdbe2c957:hover,\n.kindTertiary_f3600179ec.colorPositive_5fdbe2c957:focus {\n background: var(--positive-color-selected);\n}\n.kindTertiary_f3600179ec.colorNegative_673f1cdec1 {\n color: var(--negative-color);\n}\n.kindTertiary_f3600179ec.colorNegativeActive_e38b200834,\n.kindTertiary_f3600179ec.colorNegative_673f1cdec1:hover,\n.kindTertiary_f3600179ec.colorNegative_673f1cdec1:focus {\n background: var(--negative-color-selected);\n}\n.kindTertiary_f3600179ec.colorInverted_c1c0dd609b {\n color: var(--primary-text-color);\n}\n.kindTertiary_f3600179ec.colorInvertedActive_e38b200834,\n.kindTertiary_f3600179ec.colorInverted_c1c0dd609b:hover,\n.kindTertiary_f3600179ec.colorInverted_c1c0dd609b:focus {\n background: var(--primary-background-hover-color);\n}\n.kindTertiary_f3600179ec.colorInverted_c1c0dd609b.disabled_55076eb4de {\n color: var(--disabled-text-color);\n}\n.kindTertiary_f3600179ec.colorOnPrimaryColor_e7cf8851c5 {\n color: var(--text-color-on-primary);\n}\n.kindTertiary_f3600179ec.colorOnPrimaryColorActive_90c97a5ad2,\n.kindTertiary_f3600179ec.colorOnPrimaryColor_e7cf8851c5:hover,\n.kindTertiary_f3600179ec.colorOnPrimaryColor_e7cf8851c5:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_f3600179ec.colorOnPrimaryColorActive_90c97a5ad2:focus-visible, .kindTertiary_f3600179ec.colorOnPrimaryColorActive_90c97a5ad2.focus-visible_f2450984a9,\n.kindTertiary_f3600179ec.colorOnPrimaryColor_e7cf8851c5:hover:focus-visible,\n.kindTertiary_f3600179ec.colorOnPrimaryColor_e7cf8851c5:hover.focus-visible_f2450984a9,\n.kindTertiary_f3600179ec.colorOnPrimaryColor_e7cf8851c5:focus:focus-visible,\n.kindTertiary_f3600179ec.colorOnPrimaryColor_e7cf8851c5:focus.focus-visible_f2450984a9 {\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_f3600179ec.colorOnPrimaryColorActive_90c97a5ad2:focus:not(.focus-visible_f2450984a9),\n.kindTertiary_f3600179ec.colorOnPrimaryColor_e7cf8851c5:hover:focus:not(.focus-visible_f2450984a9),\n.kindTertiary_f3600179ec.colorOnPrimaryColor_e7cf8851c5:focus:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.kindTertiary_f3600179ec.colorOnPrimaryColor_e7cf8851c5.disabled_55076eb4de {\n opacity: 0.5;\n color: var(--text-color-on-primary);\n}\n.kindTertiary_f3600179ec.colorFixedLight_3815bc3ef7 {\n color: var(--fixed-light-color);\n}\n.kindTertiary_f3600179ec.colorFixedLightActive_b5df2f9cfb,\n.kindTertiary_f3600179ec.colorFixedLight_3815bc3ef7:hover,\n.kindTertiary_f3600179ec.colorFixedLight_3815bc3ef7:focus {\n backdrop-filter: brightness(85%);\n}\n.kindTertiary_f3600179ec.colorFixedLightActive_b5df2f9cfb:focus-visible, .kindTertiary_f3600179ec.colorFixedLightActive_b5df2f9cfb.focus-visible_f2450984a9,\n.kindTertiary_f3600179ec.colorFixedLight_3815bc3ef7:hover:focus-visible,\n.kindTertiary_f3600179ec.colorFixedLight_3815bc3ef7:hover.focus-visible_f2450984a9,\n.kindTertiary_f3600179ec.colorFixedLight_3815bc3ef7:focus:focus-visible,\n.kindTertiary_f3600179ec.colorFixedLight_3815bc3ef7:focus.focus-visible_f2450984a9 {\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_f3600179ec.colorFixedLightActive_b5df2f9cfb:focus:not(.focus-visible_f2450984a9),\n.kindTertiary_f3600179ec.colorFixedLight_3815bc3ef7:hover:focus:not(.focus-visible_f2450984a9),\n.kindTertiary_f3600179ec.colorFixedLight_3815bc3ef7:focus:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.kindTertiary_f3600179ec.colorFixedLight_3815bc3ef7.disabled_55076eb4de {\n opacity: 0.5;\n color: var(--fixed-light-color);\n}\n.kindTertiary_f3600179ec.colorFixedDark_9abb9fa3f7 {\n color: var(--fixed-dark-color);\n}\n.kindTertiary_f3600179ec.colorFixedDarkActive_aa1f29a504,\n.kindTertiary_f3600179ec.colorFixedDark_9abb9fa3f7:hover,\n.kindTertiary_f3600179ec.colorFixedDark_9abb9fa3f7:focus {\n background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_f3600179ec.colorFixedDarkActive_aa1f29a504:focus-visible, .kindTertiary_f3600179ec.colorFixedDarkActive_aa1f29a504.focus-visible_f2450984a9,\n.kindTertiary_f3600179ec.colorFixedDark_9abb9fa3f7:hover:focus-visible,\n.kindTertiary_f3600179ec.colorFixedDark_9abb9fa3f7:hover.focus-visible_f2450984a9,\n.kindTertiary_f3600179ec.colorFixedDark_9abb9fa3f7:focus:focus-visible,\n.kindTertiary_f3600179ec.colorFixedDark_9abb9fa3f7:focus.focus-visible_f2450984a9 {\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_f3600179ec.colorFixedDarkActive_aa1f29a504:focus:not(.focus-visible_f2450984a9),\n.kindTertiary_f3600179ec.colorFixedDark_9abb9fa3f7:hover:focus:not(.focus-visible_f2450984a9),\n.kindTertiary_f3600179ec.colorFixedDark_9abb9fa3f7:focus:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.kindTertiary_f3600179ec.colorFixedDark_9abb9fa3f7.disabled_55076eb4de {\n opacity: 0.5;\n color: var(--fixed-dark-color);\n}\n.kindTertiary_f3600179ec.colorOnInvertedBackground_08ef622970 {\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_f3600179ec.colorOnInvertedBackgroundActive_aa82b2d3df,\n.kindTertiary_f3600179ec.colorOnInvertedBackground_08ef622970:hover,\n.kindTertiary_f3600179ec.colorOnInvertedBackground_08ef622970:focus {\n background: var(--icon-color);\n}\n.kindTertiary_f3600179ec.colorOnInvertedBackground_08ef622970.disabled_55076eb4de {\n background: var(--icon-color);\n opacity: 0.5;\n color: var(--text-color-on-inverted);\n}\n.kindTertiary_f3600179ec.disabled_55076eb4de {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.kindTertiary_f3600179ec.disabled_55076eb4de:hover {\n background-color: transparent;\n}\n.noSidePadding_81489edd05 {\n padding-right: 0;\n padding-left: 0;\n}\n.button_98c3d8bc39.insetFocusStyle_4de8be5ff5:focus-visible, .button_98c3d8bc39.insetFocusStyle_4de8be5ff5.focus-visible_f2450984a9 {\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_98c3d8bc39.insetFocusStyle_4de8be5ff5:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}");export{o as default};
|
|
2
2
|
//# sourceMappingURL=Button.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as s,useCallback as a,useMemo as
|
|
1
|
+
import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as i,useRef as r,useState as s,useCallback as a,useMemo as n,useEffect as l}from"react";import{camelCase as d}from"lodash-es";import u from"classnames";import{getStyle as p}from"../../helpers/typesciptCssModulesHelper.js";import m from"../Button/Button.js";import c from"../../hooks/usePrevious/index.js";import f from"../../hooks/useMergeRef.js";import{ButtonWrapper as v}from"./ButtonWrapper.js";import{withStaticProps as b}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as h}from"../../tests/testIds.js";import{ComponentDefaultTestId as y,ComponentVibeId as B}from"../../tests/constants.js";import j from"./ButtonGroup.module.scss.js";var k=b(i((function(i,m){var b=i.className,k=i.options,C=i.name,T=void 0===C?"":C,g=i.disabled,N=void 0!==g&&g,P=i.value,x=void 0===P?"":P,M=i.onSelect,O=i.size,S=void 0===O?"small":O,U=i.kind,D=void 0===U?"secondary":U,z=i.groupAriaLabel,E=void 0===z?"":z,G=i.tooltipPosition,H=i.tooltipHideDelay,I=i.tooltipShowDelay,_=i.tooltipContainerSelector,w=i.tooltipMoveBy,A=i.blurOnMouseUp,L=void 0===A||A,R=i.id,W=i["data-testid"],F=i.fullWidth,q=void 0!==F&&F,J=r(),K=f(m,J),Q=s(x),V=t(Q,2),X=V[0],Y=V[1],Z=c(x),$=a((function(t){N||t.disabled||(Y(t.value),M&&M(t.value,T))}),[M,N,T]),tt=function(t){return(null==t?void 0:t.value)===X},et=n((function(){return k.find((function(t){return tt(t)}))}),[k,X]),ot=n((function(){return k.map((function(t,i){var r=tt(t),s=0===i,a=i===k.length-1,n=tt(k[i+1]);return o.createElement(v,{key:t.value,size:S,onClick:function(){return $(t)},rightIcon:t.icon,leftIcon:t.leftIcon,active:r,rightFlat:i!==k.length-1,leftFlat:0!==i,kind:"tertiary",preventClickAnimation:!0,ariaLabel:t.ariaLabel,tooltipContent:t.tooltipContent,tooltipPosition:G,tooltipHideDelay:H,tooltipShowDelay:I,tooltipContainerSelector:_,tooltipMoveBy:w,blurOnMouseUp:L,className:u(j.button,j.optionText,e(e(e(e(e(e({},j.selected,r),j.disabled,N),j.buttonDisabled,t.disabled),j.fullWidth,q),j.startBorder,s),j.endBorder,a||!n)),activeButtonClassName:j.activeButton},t.text)}))}),[k,X,S,G,H,I,_,w,L,N,q,$]);return l((function(){x!==Z&&x!==X&&Y(x)}),[x,Z,X,Y]),o.createElement("div",{className:u(j.buttonGroup,b,p(j,d("kind-"+D)),e({},j.disabled,N)),id:R,"data-testid":W||h(y.BUTTON_GROUP,R),"data-vibe":B.BUTTON_GROUP,ref:K},o.createElement("div",{role:"group","aria-label":E,className:u(j.buttonsContainer),"aria-disabled":N},ot),et&&et.subText&&o.createElement("div",{className:u(j.subTextContainer)},et.subText))})),{sizes:m.sizes,kinds:m.kinds});export{k as default};
|
|
2
2
|
//# sourceMappingURL=ButtonGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Button from \"../Button/Button\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { SIZES } from \"../../constants\";\nimport { ButtonType as ButtonTypeEnum } from \"../Button/ButtonConstants\";\nimport { ButtonType, ButtonSize } from \"../Button\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { TooltipPositions } from \"../Tooltip\";\n\ntype ButtonGroupOption = {\n icon?: SubIcon;\n leftIcon?: SubIcon;\n ariaLabel?: string;\n subText?: string;\n value: ButtonValue;\n text: string;\n disabled?: boolean;\n tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n /**\n * The list of button options.\n */\n options: Array<ButtonGroupOption>;\n /**\n * The currently selected button value.\n */\n value?: ButtonValue;\n /**\n * Callback fired when a button is selected.\n */\n onSelect?: (value: ButtonValue, name: string) => void;\n /**\n * The size of the buttons.\n */\n size?: ButtonSize;\n /**\n * The style variant of the buttons.\n */\n kind?: Extract<ButtonType, \"secondary\" | \"tertiary\">;\n /**\n * The name of the button group.\n */\n name?: string;\n /**\n * If true, disables all buttons in the group.\n */\n disabled?: boolean;\n /**\n * The label of the button group for accessibility.\n */\n groupAriaLabel?: string;\n /**\n * The position of the tooltip relative to the button.\n */\n tooltipPosition?: TooltipPositions;\n /**\n * The delay in milliseconds before the tooltip hides.\n */\n tooltipHideDelay?: number;\n /**\n * The delay in milliseconds before the tooltip shows.\n */\n tooltipShowDelay?: number;\n /**\n * CSS selector for the tooltip container.\n */\n tooltipContainerSelector?: string;\n /**\n * Adjusts the tooltip position.\n */\n tooltipMoveBy?: MoveBy;\n /**\n * The content inside the button group.\n */\n children?: React.ReactNode;\n /**\n * If true, makes the button group take the full width of its container.\n */\n fullWidth?: boolean;\n /**\n * If true, removes focus from the button after clicking.\n */\n blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup = forwardRef(\n (\n {\n className,\n options,\n name = \"\",\n disabled = false,\n value = \"\",\n onSelect,\n size = \"small\",\n kind = \"secondary\",\n groupAriaLabel = \"\",\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp = true,\n id,\n \"data-testid\": dataTestId,\n fullWidth = false\n }: ButtonGroupProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const inputRef = useRef();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const [valueState, setValueState] = useState(value);\n const prevValue = usePrevious(value);\n\n const onClick = useCallback(\n (option: ButtonGroupOption) => {\n const isDisabled = disabled || option.disabled;\n if (!isDisabled) {\n setValueState(option.value);\n if (onSelect) {\n onSelect(option.value, name);\n }\n }\n },\n [onSelect, disabled, name]\n );\n\n const selectedOption = useMemo(() => {\n return options.find(option => option.value === valueState);\n }, [options, valueState]);\n\n const Buttons = useMemo(() => {\n return options.map((option, index) => {\n const isSelected = option.value === valueState;\n return (\n <ButtonWrapper\n key={option.value}\n size={size}\n onClick={() => onClick(option)}\n rightIcon={option.icon}\n leftIcon={option.leftIcon}\n active={isSelected}\n rightFlat={index !== options.length - 1}\n leftFlat={index !== 0}\n kind=\"tertiary\"\n preventClickAnimation\n ariaLabel={option.ariaLabel}\n tooltipContent={option.tooltipContent}\n tooltipPosition={tooltipPosition}\n tooltipHideDelay={tooltipHideDelay}\n tooltipShowDelay={tooltipShowDelay}\n tooltipContainerSelector={tooltipContainerSelector}\n tooltipMoveBy={tooltipMoveBy}\n blurOnMouseUp={blurOnMouseUp}\n className={cx(styles.button, styles.optionText, {\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.buttonDisabled]: option.disabled,\n [styles.fullWidth]: fullWidth\n })}\n activeButtonClassName={styles.activeButton}\n >\n {option.text}\n </ButtonWrapper>\n );\n });\n }, [\n options,\n valueState,\n size,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp,\n disabled,\n fullWidth,\n onClick\n ]);\n\n // Effects\n useEffect(() => {\n // Update value if changed from props\n if (value !== prevValue && value !== valueState) {\n setValueState(value);\n }\n }, [value, prevValue, valueState, setValueState]);\n\n return (\n <div\n className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n [styles.disabled]: disabled\n })}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n data-vibe={ComponentVibeId.BUTTON_GROUP}\n ref={mergedRef}\n >\n <div role=\"group\" aria-label={groupAriaLabel} className={cx(styles.buttonsContainer)} aria-disabled={disabled}>\n {Buttons}\n </div>\n {selectedOption && selectedOption.subText && (\n <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n )}\n </div>\n );\n }\n);\n\ninterface ButtonGroupStaticProps {\n sizes: typeof SIZES;\n kinds: typeof ButtonTypeEnum;\n}\n\nexport default withStaticProps<ButtonGroupProps, ButtonGroupStaticProps>(ButtonGroup, {\n sizes: Button.sizes,\n kinds: Button.kinds\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","selectedOption","useMemo","find","Buttons","map","index","isSelected","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","length","leftFlat","preventClickAnimation","ariaLabel","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","ComponentVibeId","role","buttonsContainer","subText","subTextContainer","sizes","Button","kinds"],"mappings":"oyBAiGA,IAmIeA,EAAAA,EAnIKC,GAClB,SAAAC,EAqBEC,GACE,IApBAC,EAASF,EAATE,UACAC,EAAOH,EAAPG,QAAOC,EAAAJ,EACPK,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACTO,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAR,EAChBS,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACdc,KAAAA,OAAO,IAAHD,EAAG,YAAWA,EAAAE,EAAAf,EAClBgB,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EACnBE,EAAejB,EAAfiB,gBACAC,EAAgBlB,EAAhBkB,iBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAwBpB,EAAxBoB,yBACAC,EAAarB,EAAbqB,cAAaC,EAAAtB,EACbuB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAExB,EAAFwB,GACeC,EAAUzB,EAAzB,eAAa0B,EAAA1B,EACb2B,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAWC,IACXC,EAAYC,EAAY9B,EAAK2B,GAEnCI,EAAoCC,EAASxB,GAAMyB,EAAAC,EAAAH,EAAA,GAA5CI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAYC,EAAY9B,GAExB+B,EAAUC,GACd,SAACC,GACoBnC,GAAYmC,EAAOnC,WAEpC8B,EAAcK,EAAOjC,OACjBC,GACFA,EAASgC,EAAOjC,MAAOJ,GAG5B,GACD,CAACK,EAAUH,EAAUF,IAGjBsC,GAAiBC,GAAQ,WAC7B,OAAOzC,EAAQ0C,MAAK,SAAAH,GAAM,OAAIA,EAAOjC,QAAU2B,IACjD,GAAG,CAACjC,EAASiC,IAEPU,GAAUF,GAAQ,WACtB,OAAOzC,EAAQ4C,KAAI,SAACL,EAAQM,GAC1B,IAAMC,EAAaP,EAAOjC,QAAU2B,EACpC,OACEc,EAACC,cAAAC,EACC,CAAAC,IAAKX,EAAOjC,MACZG,KAAMA,EACN4B,QAAS,WAAA,OAAMA,EAAQE,EAAO,EAC9BY,UAAWZ,EAAOa,KAClBC,SAAUd,EAAOc,SACjBC,OAAQR,EACRS,UAAWV,IAAU7C,EAAQwD,OAAS,EACtCC,SAAoB,IAAVZ,EACVlC,KAAK,WACL+C,yBACAC,UAAWpB,EAAOoB,UAClBC,eAAgBrB,EAAOqB,eACvB9C,gBAAiBA,EACjBC,iBAAkBA,EAClBC,iBAAkBA,EAClBC,yBAA0BA,EAC1BC,cAAeA,EACfE,cAAeA,EACfrB,UAAW8D,EAAGC,EAAOC,OAAQD,EAAOE,WAAUC,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3CH,EAAOI,SAAWpB,GAClBgB,EAAO1D,SAAWA,GAClB0D,EAAOK,eAAiB5B,EAAOnC,UAC/B0D,EAAOtC,UAAYA,IAEtB4C,sBAAuBN,EAAOO,cAE7B9B,EAAO+B,KAGd,GACD,GAAE,CACDtE,EACAiC,EACAxB,EACAK,EACAC,EACAC,EACAC,EACAC,EACAE,EACAhB,EACAoB,EACAa,IAWF,OAPAkC,GAAU,WAEJjE,IAAU6B,GAAa7B,IAAU2B,GACnCC,EAAc5B,EAEjB,GAAE,CAACA,EAAO6B,EAAWF,EAAYC,IAGhCa,uBACEhD,UAAW8D,EAAGC,EAAOU,YAAazE,EAAW0E,EAASX,EAAQY,EAAU,QAAU/D,IAAMsD,EACrFH,CAAAA,EAAAA,EAAO1D,SAAWA,IAErBiB,GAAIA,gBACSC,GAAcqD,EAAUC,EAAuBC,aAAcxD,GAC/D,YAAAyD,EAAgBD,aAC3B/E,IAAK6B,GAELoB,EAAAC,cAAA,MAAA,CAAK+B,KAAK,qBAAoBlE,EAAgBd,UAAW8D,EAAGC,EAAOkB,kCAAkC5E,GAClGuC,IAEFH,IAAkBA,GAAeyC,SAChClC,EAAAC,cAAA,MAAA,CAAKjD,UAAW8D,EAAGC,EAAOoB,mBAAoB1C,GAAeyC,SAIrE,IAQoF,CACpFE,MAAOC,EAAOD,MACdE,MAAOD,EAAOC"}
|
|
1
|
+
{"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Button from \"../Button/Button\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { SIZES } from \"../../constants\";\nimport { ButtonType as ButtonTypeEnum } from \"../Button/ButtonConstants\";\nimport { ButtonType, ButtonSize } from \"../Button\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { TooltipPositions } from \"../Tooltip\";\n\ntype ButtonGroupOption = {\n icon?: SubIcon;\n leftIcon?: SubIcon;\n ariaLabel?: string;\n subText?: string;\n value: ButtonValue;\n text: string;\n disabled?: boolean;\n tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n /**\n * The list of button options.\n */\n options: Array<ButtonGroupOption>;\n /**\n * The currently selected button value.\n */\n value?: ButtonValue;\n /**\n * Callback fired when a button is selected.\n */\n onSelect?: (value: ButtonValue, name: string) => void;\n /**\n * The size of the buttons.\n */\n size?: ButtonSize;\n /**\n * The style variant of the buttons.\n */\n kind?: Extract<ButtonType, \"secondary\" | \"tertiary\">;\n /**\n * The name of the button group.\n */\n name?: string;\n /**\n * If true, disables all buttons in the group.\n */\n disabled?: boolean;\n /**\n * The label of the button group for accessibility.\n */\n groupAriaLabel?: string;\n /**\n * The position of the tooltip relative to the button.\n */\n tooltipPosition?: TooltipPositions;\n /**\n * The delay in milliseconds before the tooltip hides.\n */\n tooltipHideDelay?: number;\n /**\n * The delay in milliseconds before the tooltip shows.\n */\n tooltipShowDelay?: number;\n /**\n * CSS selector for the tooltip container.\n */\n tooltipContainerSelector?: string;\n /**\n * Adjusts the tooltip position.\n */\n tooltipMoveBy?: MoveBy;\n /**\n * The content inside the button group.\n */\n children?: React.ReactNode;\n /**\n * If true, makes the button group take the full width of its container.\n */\n fullWidth?: boolean;\n /**\n * If true, removes focus from the button after clicking.\n */\n blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup = forwardRef(\n (\n {\n className,\n options,\n name = \"\",\n disabled = false,\n value = \"\",\n onSelect,\n size = \"small\",\n kind = \"secondary\",\n groupAriaLabel = \"\",\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp = true,\n id,\n \"data-testid\": dataTestId,\n fullWidth = false\n }: ButtonGroupProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const inputRef = useRef();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const [valueState, setValueState] = useState(value);\n const prevValue = usePrevious(value);\n\n const onClick = useCallback(\n (option: ButtonGroupOption) => {\n const isDisabled = disabled || option.disabled;\n if (!isDisabled) {\n setValueState(option.value);\n if (onSelect) {\n onSelect(option.value, name);\n }\n }\n },\n [onSelect, disabled, name]\n );\n\n const isOptionActive = (option?: ButtonGroupOption) => option?.value === valueState;\n\n const selectedOption = useMemo(() => {\n return options.find(option => isOptionActive(option));\n }, [options, valueState]);\n\n const Buttons = useMemo(() => {\n return options.map((option, index) => {\n const isSelected = isOptionActive(option);\n const isFirst = index === 0;\n const isLast = index === options.length - 1;\n const isNextOptionActive = isOptionActive(options[index + 1]);\n\n return (\n <ButtonWrapper\n key={option.value}\n size={size}\n onClick={() => onClick(option)}\n rightIcon={option.icon}\n leftIcon={option.leftIcon}\n active={isSelected}\n rightFlat={index !== options.length - 1}\n leftFlat={index !== 0}\n kind=\"tertiary\"\n preventClickAnimation\n ariaLabel={option.ariaLabel}\n tooltipContent={option.tooltipContent}\n tooltipPosition={tooltipPosition}\n tooltipHideDelay={tooltipHideDelay}\n tooltipShowDelay={tooltipShowDelay}\n tooltipContainerSelector={tooltipContainerSelector}\n tooltipMoveBy={tooltipMoveBy}\n blurOnMouseUp={blurOnMouseUp}\n className={cx(styles.button, styles.optionText, {\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.buttonDisabled]: option.disabled,\n [styles.fullWidth]: fullWidth,\n [styles.startBorder]: isFirst,\n [styles.endBorder]: isLast || !isNextOptionActive\n })}\n activeButtonClassName={styles.activeButton}\n >\n {option.text}\n </ButtonWrapper>\n );\n });\n }, [\n options,\n valueState,\n size,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp,\n disabled,\n fullWidth,\n onClick\n ]);\n\n // Effects\n useEffect(() => {\n // Update value if changed from props\n if (value !== prevValue && value !== valueState) {\n setValueState(value);\n }\n }, [value, prevValue, valueState, setValueState]);\n\n return (\n <div\n className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n [styles.disabled]: disabled\n })}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n data-vibe={ComponentVibeId.BUTTON_GROUP}\n ref={mergedRef}\n >\n <div role=\"group\" aria-label={groupAriaLabel} className={cx(styles.buttonsContainer)} aria-disabled={disabled}>\n {Buttons}\n </div>\n {selectedOption && selectedOption.subText && (\n <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n )}\n </div>\n );\n }\n);\n\ninterface ButtonGroupStaticProps {\n sizes: typeof SIZES;\n kinds: typeof ButtonTypeEnum;\n}\n\nexport default withStaticProps<ButtonGroupProps, ButtonGroupStaticProps>(ButtonGroup, {\n sizes: Button.sizes,\n kinds: Button.kinds\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","isOptionActive","selectedOption","useMemo","find","Buttons","map","index","isSelected","isFirst","isLast","length","isNextOptionActive","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","leftFlat","preventClickAnimation","ariaLabel","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","startBorder","endBorder","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","ComponentVibeId","role","buttonsContainer","subText","subTextContainer","sizes","Button","kinds"],"mappings":"oyBAiGA,IA2IeA,EAAAA,EA3IKC,GAClB,SAAAC,EAqBEC,GACE,IApBAC,EAASF,EAATE,UACAC,EAAOH,EAAPG,QAAOC,EAAAJ,EACPK,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACTO,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAR,EAChBS,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACdc,KAAAA,OAAO,IAAHD,EAAG,YAAWA,EAAAE,EAAAf,EAClBgB,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EACnBE,EAAejB,EAAfiB,gBACAC,EAAgBlB,EAAhBkB,iBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAwBpB,EAAxBoB,yBACAC,EAAarB,EAAbqB,cAAaC,EAAAtB,EACbuB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAExB,EAAFwB,GACeC,EAAUzB,EAAzB,eAAa0B,EAAA1B,EACb2B,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAWC,IACXC,EAAYC,EAAY9B,EAAK2B,GAEnCI,EAAoCC,EAASxB,GAAMyB,EAAAC,EAAAH,EAAA,GAA5CI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,EAAYC,EAAY9B,GAExB+B,EAAUC,GACd,SAACC,GACoBnC,GAAYmC,EAAOnC,WAEpC8B,EAAcK,EAAOjC,OACjBC,GACFA,EAASgC,EAAOjC,MAAOJ,GAG5B,GACD,CAACK,EAAUH,EAAUF,IAGjBsC,GAAiB,SAACD,GAA0B,OAAKA,aAAA,EAAAA,EAAQjC,SAAU2B,CAAU,EAE7EQ,GAAiBC,GAAQ,WAC7B,OAAO1C,EAAQ2C,MAAK,SAAAJ,GAAM,OAAIC,GAAeD,KAC/C,GAAG,CAACvC,EAASiC,IAEPW,GAAUF,GAAQ,WACtB,OAAO1C,EAAQ6C,KAAI,SAACN,EAAQO,GAC1B,IAAMC,EAAaP,GAAeD,GAC5BS,EAAoB,IAAVF,EACVG,EAASH,IAAU9C,EAAQkD,OAAS,EACpCC,EAAqBX,GAAexC,EAAQ8C,EAAQ,IAE1D,OACEM,EAACC,cAAAC,EACC,CAAAC,IAAKhB,EAAOjC,MACZG,KAAMA,EACN4B,QAAS,WAAA,OAAMA,EAAQE,EAAO,EAC9BiB,UAAWjB,EAAOkB,KAClBC,SAAUnB,EAAOmB,SACjBC,OAAQZ,EACRa,UAAWd,IAAU9C,EAAQkD,OAAS,EACtCW,SAAoB,IAAVf,EACVnC,KAAK,WACLmD,yBACAC,UAAWxB,EAAOwB,UAClBC,eAAgBzB,EAAOyB,eACvBlD,gBAAiBA,EACjBC,iBAAkBA,EAClBC,iBAAkBA,EAClBC,yBAA0BA,EAC1BC,cAAeA,EACfE,cAAeA,EACfrB,UAAWkE,EAAGC,EAAOC,OAAQD,EAAOE,WAAUC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAC3CH,EAAOI,SAAWvB,GAClBmB,EAAO9D,SAAWA,GAClB8D,EAAOK,eAAiBhC,EAAOnC,UAC/B8D,EAAO1C,UAAYA,GACnB0C,EAAOM,YAAcxB,GACrBkB,EAAOO,UAAYxB,IAAWE,IAEjCuB,sBAAuBR,EAAOS,cAE7BpC,EAAOqC,KAGd,GACD,GAAE,CACD5E,EACAiC,EACAxB,EACAK,EACAC,EACAC,EACAC,EACAC,EACAE,EACAhB,EACAoB,EACAa,IAWF,OAPAwC,GAAU,WAEJvE,IAAU6B,GAAa7B,IAAU2B,GACnCC,EAAc5B,EAEjB,GAAE,CAACA,EAAO6B,EAAWF,EAAYC,IAGhCkB,uBACErD,UAAWkE,EAAGC,EAAOY,YAAa/E,EAAWgF,EAASb,EAAQc,EAAU,QAAUrE,IAAM0D,EACrFH,CAAAA,EAAAA,EAAO9D,SAAWA,IAErBiB,GAAIA,gBACSC,GAAc2D,EAAUC,EAAuBC,aAAc9D,GAC/D,YAAA+D,EAAgBD,aAC3BrF,IAAK6B,GAELyB,EAAAC,cAAA,MAAA,CAAKgC,KAAK,qBAAoBxE,EAAgBd,UAAWkE,EAAGC,EAAOoB,kCAAkClF,GAClGwC,IAEFH,IAAkBA,GAAe8C,SAChCnC,EAAAC,cAAA,MAAA,CAAKtD,UAAWkE,EAAGC,EAAOsB,mBAAoB/C,GAAe8C,SAIrE,IAQoF,CACpFE,MAAOC,EAAOD,MACdE,MAAOD,EAAOC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={buttonGroup:"
|
|
1
|
+
var n={buttonGroup:"buttonGroup_94e6b86ce8",subTextContainer:"subTextContainer_c3f4aa1ef0",buttonsContainer:"buttonsContainer_730dbe4890",button:"button_d1281a610c",activeButton:"activeButton_b640bc749b",disabled:"disabled_7fb6092bed",buttonDisabled:"buttonDisabled_2b912e058a",startBorder:"startBorder_1fbc2c421b",endBorder:"endBorder_1d10584683",kindTertiary:"kindTertiary_652b923308",optionText:"optionText_d1d3b171cc",selected:"selected_d6413d9e30",wrapper:"wrapper_c601a65c8a",fullWidth:"fullWidth_4c7f61ac21"};!function(n){const t="s_id-1f46577d4b31_3_44_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".buttonGroup_94e6b86ce8 {\n display: flex;\n flex-direction: column;\n}\n\n.subTextContainer_c3f4aa1ef0 {\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_730dbe4890 {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.buttonsContainer_730dbe4890 .button_d1281a610c {\n border-style: solid;\n border-width: 1px 0;\n background-color: var(--primary-background-color);\n border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_730dbe4890 .button_d1281a610c.activeButton_b640bc749b {\n background-color: var(--primary-selected-color);\n border-color: var(--primary-color);\n border-inline-start-width: 1px;\n border-inline-end-width: 1px;\n}\n\n.buttonsContainer_730dbe4890 .button_d1281a610c.activeButton_b640bc749b:hover {\n background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_730dbe4890 .button_d1281a610c.disabled_7fb6092bed, .buttonsContainer_730dbe4890 .button_d1281a610c.buttonDisabled_2b912e058a {\n background-color: var(--disabled-background-color);\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.buttonsContainer_730dbe4890 .button_d1281a610c.startBorder_1fbc2c421b {\n border-inline-start-width: 1px;\n}\n\n.buttonsContainer_730dbe4890 .button_d1281a610c.endBorder_1d10584683 {\n border-inline-end-width: 1px;\n}\n\n.kindTertiary_652b923308 .buttonsContainer_730dbe4890 .button_d1281a610c {\n border-color: transparent;\n}\n\n.kindTertiary_652b923308 .buttonsContainer_730dbe4890 .button_d1281a610c:first-child {\n border-color: transparent;\n}\n\n.optionText_d1d3b171cc:not(.disabled_7fb6092bed) {\n color: var(--primary-text-color);\n}\n\n.optionText_d1d3b171cc:not(.disabled_7fb6092bed).selected_d6413d9e30 {\n color: var(--primary-text-color);\n}\n\n.wrapper_c601a65c8a.disabled_7fb6092bed {\n cursor: not-allowed;\n}\n\n.fullWidth_4c7f61ac21 {\n flex: 1;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=ButtonGroup.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var n={wrapper:"wrapper_ca0d4a53bf",checkbox:"checkbox_a341c806a0",icon:"icon_9a95eb52af",label:"label_700e48b09a",input:"input_81ad36c991",checkboxGrowAnimation:"checkboxGrowAnimation_c0f8f05d7d"};!function(n){const e="s_id-a622c58c4e9d_3_44_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,o.firstChild?o.insertBefore(c,o.firstChild):o.appendChild(c),c.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.wrapper_ca0d4a53bf {\n position: relative;\n display: flex;\n align-items: center;\n width: fit-content;\n height: min-content;\n}\n\n.checkbox_a341c806a0 {\n cursor: pointer;\n visibility: visible;\n display: flex;\n justify-content: center;\n flex-direction: column;\n height: 16px;\n width: 16px;\n border: 1px solid;\n border-color: var(--ui-border-color);\n border-radius: 2px;\n transition: transform var(--motion-productive-short) var(--motion-timing-enter);\n position: relative;\n overflow: hidden;\n background-color: var(--secondary-background-color);\n}\n\n.checkbox_a341c806a0:after {\n content: " ";\n background-color: transparent;\n position: absolute;\n height: 16px;\n z-index: 2;\n left: 0;\n right: 0;\n width: 100%;\n}\n\n.checkbox_a341c806a0:hover {\n border-color: var(--secondary-text-color);\n}\n\n.icon_9a95eb52af {\n width: 100%;\n color: var(--text-color-on-primary);\n visibility: hidden;\n}\n\n.label_700e48b09a {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n cursor: pointer;\n user-select: none;\n margin-inline-start: var(--spacing-small);\n}\n\n/* Since it is not possible to change the design of the checkbox according to the requirements using css, */\n\n/* we hide the checkbox and draw a new one instead. */\n\n/* In order to allow accessibility, all operations will be performed on the hidden checkbox and be reflected */\n\n.input_81ad36c991 {\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n}\n\n/* For any active attribute in the hidden checkbox, we will change the appearance of the checkbox we drew in its place. */\n\n.input_81ad36c991:focus + .checkbox_a341c806a0 {\n border-color: var(--secondary-text-color);\n}\n\n.input_81ad36c991:focus:checked + .checkbox_a341c806a0 {\n background-color: var(--primary-hover-color);\n border-color: transparent;\n}\n\n.input_81ad36c991:focus-visible + .checkbox_a341c806a0 {\n outline: none;\n border: 1px solid;\n border-color: var(--primary-color);\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n border-radius: 2px;\n}\n\n.input_81ad36c991:checked:focus + .checkbox_a341c806a0:after,\n.input_81ad36c991:indeterminate:focus + .checkbox_a341c806a0:after {\n background-color: var(--primary-hover-color);\n}\n\n.input_81ad36c991:checked + .checkbox_a341c806a0,\n.input_81ad36c991:indeterminate + .checkbox_a341c806a0 {\n animation: checkboxGrowAnimation_c0f8f05d7d var(--motion-productive-short);\n}\n\n.input_81ad36c991:checked + .checkbox_a341c806a0,\n.input_81ad36c991:indeterminate + .checkbox_a341c806a0 {\n background-color: var(--primary-color);\n border-color: transparent;\n}\n\n.input_81ad36c991:checked + .checkbox_a341c806a0:hover,\n.input_81ad36c991:indeterminate + .checkbox_a341c806a0:hover {\n background-color: var(--primary-hover-color);\n border-color: transparent;\n}\n\n.input_81ad36c991:checked + .checkbox_a341c806a0:hover:after,\n.input_81ad36c991:indeterminate + .checkbox_a341c806a0:hover:after {\n background-color: var(--primary-hover-color);\n}\n\n.input_81ad36c991:checked + .checkbox_a341c806a0:after,\n.input_81ad36c991:indeterminate + .checkbox_a341c806a0:after {\n content: " ";\n background-color: var(--primary-color);\n height: 16px;\n transform: scaleX(0);\n transition: transform var(--motion-productive-long);\n transform-origin: right;\n left: 0;\n}\n\n.input_81ad36c991:checked + .checkbox_a341c806a0 > .icon_9a95eb52af,\n.input_81ad36c991:indeterminate + .checkbox_a341c806a0 > .icon_9a95eb52af {\n visibility: visible;\n}\n\n.input_81ad36c991:checked:disabled + .checkbox_a341c806a0:after,\n.input_81ad36c991:indeterminate:disabled + .checkbox_a341c806a0:after {\n background-color: var(--disabled-background-color);\n}\n\n.input_81ad36c991:disabled + .checkbox_a341c806a0,\n.input_81ad36c991:disabled + .checkbox_a341c806a0:hover {\n background-color: var(--disabled-background-color);\n border-color: var(--ui-border-color);\n}\n\n.input_81ad36c991:disabled + .checkbox_a341c806a0 .icon_9a95eb52af,\n.input_81ad36c991:disabled + .checkbox_a341c806a0:hover .icon_9a95eb52af {\n color: var(--disabled-text-color);\n}\n\n.input_81ad36c991:disabled + .checkbox_a341c806a0,\n.input_81ad36c991:disabled + .checkbox_a341c806a0:hover {\n cursor: not-allowed;\n}\n\n.input_81ad36c991:disabled ~ .label_700e48b09a {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n\n@keyframes checkboxGrowAnimation_c0f8f05d7d {\n 0% {\n transform: scale(0.8);\n }\n 100% {\n transform: scale(1);\n }\n}');export{n as default};
|
|
2
2
|
//# sourceMappingURL=Checkbox.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={clickable:"
|
|
1
|
+
var e={clickable:"clickable_90029b09e1","focus-visible":"focus-visible_f2450984a9",disabled:"disabled_cf46c3e273",disableTextSelection:"disableTextSelection_55ca80c7cc",chips:"chips_f7c90222d4","chips-pop-in-emphasized":"chips-pop-in-emphasized_581fead558",border:"border_330f7e0613",withUserSelect:"withUserSelect_c5297d47e6",label:"label_f5d37077e8",noAnimation:"noAnimation_b4a3b4c0fd",icon:"icon_8d5e025907",avatar:"avatar_27bc40f0f6",customRenderer:"customRenderer_0edb23f06d",left:"left_eef3d44c51",right:"right_9aa966a47a",close:"close_5d847e1be9",defaultCursor:"defaultCursor_cf46c3e273"};!function(e){const n="s_id-a8c9f55659fd_3_44_0";if("undefined"!=typeof document){const c=document.head||document.getElementsByTagName("head")[0];if(c.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,c.firstChild?c.insertBefore(i,c.firstChild):c.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_90029b09e1 {\n cursor: pointer;\n}\n.clickable_90029b09e1:focus-visible, .clickable_90029b09e1.focus-visible_f2450984a9 {\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.clickable_90029b09e1:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.clickable_90029b09e1.disabled_cf46c3e273 {\n cursor: default;\n}\n.disableTextSelection_55ca80c7cc {\n -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.chips_f7c90222d4 {\n display: inline-flex;\n overflow: hidden;\n height: 24px;\n border-radius: 4px;\n padding: 0 8px;\n align-items: center;\n justify-content: center;\n margin: var(--chips-margin, 0 var(--spacing-xs));\n user-select: none;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n color: var(--primary-text-color);\n animation: chips-pop-in-emphasized_581fead558 var(--motion-productive-medium) var(--motion-timing-emphasize);\n}\n.chips_f7c90222d4.border_330f7e0613 {\n border: 1px solid var(--primary-background-color);\n}\n.chips_f7c90222d4.withUserSelect_c5297d47e6 {\n user-select: text;\n cursor: text;\n}\n.chips_f7c90222d4 .label_f5d37077e8 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.chips_f7c90222d4.noAnimation_b4a3b4c0fd {\n animation: none;\n}\n.chips_f7c90222d4 .icon_8d5e025907,\n.chips_f7c90222d4 .avatar_27bc40f0f6,\n.chips_f7c90222d4 .customRenderer_0edb23f06d {\n min-width: 18px;\n}\n.chips_f7c90222d4 .icon_8d5e025907.left_eef3d44c51,\n.chips_f7c90222d4 .avatar_27bc40f0f6.left_eef3d44c51,\n.chips_f7c90222d4 .customRenderer_0edb23f06d.left_eef3d44c51 {\n margin-right: var(--spacing-xs);\n}\n.chips_f7c90222d4 .icon_8d5e025907.right_9aa966a47a,\n.chips_f7c90222d4 .avatar_27bc40f0f6.right_9aa966a47a,\n.chips_f7c90222d4 .customRenderer_0edb23f06d.right_9aa966a47a {\n margin-left: var(--spacing-xs);\n}\n.chips_f7c90222d4 .icon_8d5e025907.close_5d847e1be9,\n.chips_f7c90222d4 .avatar_27bc40f0f6.close_5d847e1be9,\n.chips_f7c90222d4 .customRenderer_0edb23f06d.close_5d847e1be9 {\n margin-left: var(--spacing-xs);\n color: var(--primary-text-color);\n}\n.chips_f7c90222d4.disabled_cf46c3e273 .icon_8d5e025907 {\n color: var(--disabled-text-color);\n}\n.chips_f7c90222d4.disabled_cf46c3e273 .label_f5d37077e8 {\n color: var(--disabled-text-color);\n}\n.chips_f7c90222d4.defaultCursor_cf46c3e273 {\n cursor: default;\n}\n.chips_f7c90222d4.clickable_90029b09e1 {\n cursor: pointer;\n}\n.chips_f7c90222d4.clickable_90029b09e1:focus-visible, .chips_f7c90222d4.clickable_90029b09e1.focus-visible_f2450984a9 {\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.chips_f7c90222d4.clickable_90029b09e1:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.chips_f7c90222d4.clickable_90029b09e1.disabled_cf46c3e273 {\n cursor: default;\n}\n.chips_f7c90222d4.clickable_90029b09e1.disableTextSelection_55ca80c7cc {\n -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n@keyframes chips-pop-in-emphasized_581fead558 {\n 0% {\n transform: scale(0.3);\n opacity: 0;\n }\n 70% {\n opacity: 1;\n }\n 100% {\n transform: scale(1);\n }\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Chips.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={clickable:"
|
|
1
|
+
var e={clickable:"clickable_90029b09e1","focus-visible":"focus-visible_f2450984a9",disabled:"disabled_cf46c3e273",disableTextSelection:"disableTextSelection_55ca80c7cc"};!function(e){const n="s_id-8d33a9ee9e1f_3_44_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,i.firstChild?i.insertBefore(c,i.firstChild):i.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_90029b09e1 {\n cursor: pointer;\n}\n.clickable_90029b09e1:focus-visible, .clickable_90029b09e1.focus-visible_f2450984a9 {\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.clickable_90029b09e1:focus:not(.focus-visible_f2450984a9) {\n outline: none;\n}\n.clickable_90029b09e1.disabled_cf46c3e273 {\n cursor: default;\n}\n.disableTextSelection_55ca80c7cc {\n -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Clickable.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={colorPicker:"
|
|
1
|
+
var e={colorPicker:"colorPicker_de66c63240",colorPickerDialogContent:"colorPickerDialogContent_ad38d1e63a"};!function(e){const t="s_id-ffacbf9b6446_3_44_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".colorPicker_de66c63240.colorPickerDialogContent_ad38d1e63a {\n z-index: 1;\n padding: 12px;\n display: flex;\n justify-content: center;\n align-items: center;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ColorPicker.module.scss.js.map
|