@vibe/core 3.0.0-alpha.13 → 3.0.0-alpha.16
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/Dropdown/DropdownConstants.d.ts +14 -14
- package/dist/mocked_classnames/components/Dropdown/DropdownConstants.d.ts +14 -14
- package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.js.map +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/BreadcrumbsBar.js +1 -1
- 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.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.js +1 -1
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/ColorPicker.js.map +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/ColorPickerContent/ColorPickerContent.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js.map +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DateNavigationItem/DateNavigationItem.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DateNavigationItem/DateNavigationItem.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader/DatePickerHeader.js.map +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/DropdownConstants.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/DropdownConstants.js.map +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/ClearIndicator/ClearIndicator.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/ClearIndicator/ClearIndicator.js.map +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.js.map +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/ExpandCollapse/ExpandCollapse.js +1 -1
- package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/IconButton/IconButton.js.map +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/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/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.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js.map +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.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.js.map +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.js.map +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/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.js +1 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsCommand.js.map +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/Table/TableRoot.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/tableHelpers.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/tableHelpers.js.map +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/TableContainerRoot.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.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/Tipseen.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/Toast.js.map +1 -1
- package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastConstants.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastConstants.js.map +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/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/style/dist/index.min.css.js +1 -1
- package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBanner.js +1 -1
- package/dist/src/components/AlertBanner/AlertBanner.js.map +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.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBox.js.map +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/BreadcrumbsBar.js +1 -1
- 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.module.scss.js +1 -1
- package/dist/src/components/Checkbox/Checkbox.js +1 -1
- package/dist/src/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/src/components/Chips/Chips.js +1 -1
- package/dist/src/components/Chips/Chips.js.map +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.js +1 -1
- package/dist/src/components/ColorPicker/ColorPicker.js.map +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/ColorPickerContent/ColorPickerContent.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js.map +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.js +1 -1
- package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.js.map +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.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.js.map +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/DropdownConstants.js +1 -1
- package/dist/src/components/Dropdown/DropdownConstants.js.map +1 -1
- package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/ClearIndicator/ClearIndicator.js +1 -1
- package/dist/src/components/Dropdown/components/ClearIndicator/ClearIndicator.js.map +1 -1
- package/dist/src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.js.map +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/ExpandCollapse/ExpandCollapse.js +1 -1
- package/dist/src/components/ExpandCollapse/ExpandCollapse.js.map +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.js +1 -1
- package/dist/src/components/IconButton/IconButton.js.map +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/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/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.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js.map +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.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.js.map +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.js +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.js.map +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map +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.js +1 -1
- package/dist/src/components/Search/Search.js.map +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/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.js +1 -1
- package/dist/src/components/SplitButton/SplitButton.js.map +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.js +1 -1
- package/dist/src/components/Steps/StepsCommand.js.map +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/Table/TableRoot.module.scss.js +1 -1
- package/dist/src/components/Table/Table/tableHelpers.js +1 -1
- package/dist/src/components/Table/Table/tableHelpers.js.map +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/TableContainerRoot.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.js +1 -1
- package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.js.map +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.js +1 -1
- package/dist/src/components/Tipseen/Tipseen.js.map +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.js +1 -1
- package/dist/src/components/Toast/Toast.js.map +1 -1
- package/dist/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/src/components/Toast/ToastConstants.js +1 -1
- package/dist/src/components/Toast/ToastConstants.js.map +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/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/style/dist/index.min.css.js +1 -1
- package/package.json +3 -3
|
@@ -7,23 +7,23 @@ export declare const DROPDOWN_INPUT_ARIA_LABEL = "Dropdown input";
|
|
|
7
7
|
/**
|
|
8
8
|
* @deprecated
|
|
9
9
|
*/
|
|
10
|
-
export declare
|
|
11
|
-
PRIMARY
|
|
12
|
-
NEGATIVE
|
|
13
|
-
POSITIVE
|
|
14
|
-
}
|
|
10
|
+
export declare enum DROPDOWN_CHIP_COLORS {
|
|
11
|
+
PRIMARY = "primary",
|
|
12
|
+
NEGATIVE = "negative",
|
|
13
|
+
POSITIVE = "positive"
|
|
14
|
+
}
|
|
15
15
|
/**
|
|
16
16
|
* @deprecated
|
|
17
17
|
*/
|
|
18
|
-
export declare
|
|
19
|
-
ABSOLUTE
|
|
20
|
-
FIXED
|
|
21
|
-
}
|
|
18
|
+
export declare enum DROPDOWN_MENU_POSITION {
|
|
19
|
+
ABSOLUTE = "absolute",
|
|
20
|
+
FIXED = "fixed"
|
|
21
|
+
}
|
|
22
22
|
/**
|
|
23
23
|
* @deprecated
|
|
24
24
|
*/
|
|
25
|
-
export declare
|
|
26
|
-
TOP
|
|
27
|
-
BOTTOM
|
|
28
|
-
AUTO
|
|
29
|
-
}
|
|
25
|
+
export declare enum DROPDOWN_MENU_PLACEMENT {
|
|
26
|
+
TOP = "top",
|
|
27
|
+
BOTTOM = "bottom",
|
|
28
|
+
AUTO = "auto"
|
|
29
|
+
}
|
|
@@ -7,23 +7,23 @@ export declare const DROPDOWN_INPUT_ARIA_LABEL = "Dropdown input";
|
|
|
7
7
|
/**
|
|
8
8
|
* @deprecated
|
|
9
9
|
*/
|
|
10
|
-
export declare
|
|
11
|
-
PRIMARY
|
|
12
|
-
NEGATIVE
|
|
13
|
-
POSITIVE
|
|
14
|
-
}
|
|
10
|
+
export declare enum DROPDOWN_CHIP_COLORS {
|
|
11
|
+
PRIMARY = "primary",
|
|
12
|
+
NEGATIVE = "negative",
|
|
13
|
+
POSITIVE = "positive"
|
|
14
|
+
}
|
|
15
15
|
/**
|
|
16
16
|
* @deprecated
|
|
17
17
|
*/
|
|
18
|
-
export declare
|
|
19
|
-
ABSOLUTE
|
|
20
|
-
FIXED
|
|
21
|
-
}
|
|
18
|
+
export declare enum DROPDOWN_MENU_POSITION {
|
|
19
|
+
ABSOLUTE = "absolute",
|
|
20
|
+
FIXED = "fixed"
|
|
21
|
+
}
|
|
22
22
|
/**
|
|
23
23
|
* @deprecated
|
|
24
24
|
*/
|
|
25
|
-
export declare
|
|
26
|
-
TOP
|
|
27
|
-
BOTTOM
|
|
28
|
-
AUTO
|
|
29
|
-
}
|
|
25
|
+
export declare enum DROPDOWN_MENU_PLACEMENT {
|
|
26
|
+
TOP = "top",
|
|
27
|
+
BOTTOM = "bottom",
|
|
28
|
+
AUTO = "auto"
|
|
29
|
+
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-e9215f4fd1c6_3_0_0-
|
|
1
|
+
var e={accordion:"accordion",accordionItemExpandCollapse:"accordionItemExpandCollapse",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast"};!function(e){const o="s_id-e9215f4fd1c6_3_0_0-alpha_15";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const r=document.createElement("style");r.id=o,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion {\n height: fit-content;\n border: 1px solid var(--ui-border-color);\n box-sizing: border-box;\n border-radius: var(--border-radius-small);\n}\n\n.accordion .accordionItemExpandCollapse {\n border-radius: 0;\n border-top: none;\n border-left: none;\n border-right: none;\n border-color: var(--ui-border-color);\n}\n\n.accordion .accordionItemExpandCollapseLast {\n border-bottom: none;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Accordion.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as
|
|
1
|
+
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getStyle as t}from"../../helpers/typesciptCssModulesHelper.js";import r from"classnames";import n,{forwardRef as o,useMemo as a}from"react";import s from"../IconButton/IconButton.js";import{AlertBannerBackgroundColor as i}from"./AlertBannerConstants.js";import{NOOP as l}from"../../utils/function-utils.js";import{ComponentDefaultTestId as m}from"../../tests/constants.js";import{getTestId as c}from"../../tests/testIds.js";import{withStaticProps as p}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import d from"./AlertBanner.module.scss.js";import u from"../Text/Text.js";import{AlertBannerContext as f}from"./AlertBannerContext.js";import v from"../../../icons/dist/react/CloseSmall.js";var B=p(o((function(o,i){var p=o.children,B=o.className,b=o.backgroundColor,j=void 0===b?"primary":b,y=o.onClose,A=void 0===y?l:y,C=o.ariaLabel,k=void 0===C?"":C,E=o.closeButtonAriaLabel,x=void 0===E?"Close":E,N=o.isCloseHidden,g=void 0!==N&&N,I=o.id,T=o["data-testid"],h=a((function(){return r(B,d.alertBanner,t(d,j))}),[B,j]),L="dark"===j,P="warning"===j,D=a((function(){return P?"fixedDark":L?"onInverted":"onPrimary"}),[L,P]),H=a((function(){return n.Children.toArray(p).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,t){return n.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:t>0,isDarkBackground:L}))}))}),[p,L]);return n.createElement(u,{type:"text2",color:D,ref:i,className:h,role:"banner","aria-label":k||"banner",id:I,"data-testid":T||c(m.ALERT_BANNER,I)},n.createElement(f.Provider,{value:{textColor:D}},n.createElement("div",{className:r(d.content)},H.map((function(t,o){var a=t.type.isAlertBannerText;return n.createElement("div",{key:o,className:r(d.contentItem,e({},d.contentItemText,a))},a?n.createElement("div",{className:r(d.ellipsis)},t):t)})))),n.createElement("div",{className:r(d.closeButtonWrapper)},g?null:n.createElement(s,{"data-testid":"alert-banner-close-button",icon:v,className:r(d.closeBtn),hideTooltip:!0,onClick:A,size:"small",kind:"tertiary",color:L?"on-inverted-background":"on-primary-color",ariaLabel:x})))})),{backgroundColors:i});export{B as default};
|
|
2
2
|
//# sourceMappingURL=AlertBanner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBanner.js","sources":["../../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { ForwardedRef, forwardRef, ReactElement, useMemo } from \"react\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\nimport { AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport Text from \"../Text/Text\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n /**\n * Set external styling to the progress bar.\n */\n className?: string;\n backgroundColor?: AlertBannerBackgroundColor;\n isCloseHidden?: boolean;\n /** ARIA description for the progress bar */\n ariaLabel?: string;\n closeButtonAriaLabel?: string;\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n children?: ChildrenType | ChildrenType[];\n}\n\nconst AlertBanner: VibeComponent<AlertBannerProps> & {\n backgroundColors?: typeof AlertBannerBackgroundColorEnum;\n} = forwardRef(\n (\n {\n children: originalChildren,\n className,\n backgroundColor = \"primary\",\n onClose = NOOP,\n ariaLabel = \"\",\n closeButtonAriaLabel = \"Close\",\n isCloseHidden = false,\n id,\n \"data-testid\": dataTestId\n }: AlertBannerProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const classNames = useMemo(() => {\n return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n }, [className, backgroundColor]);\n\n const isDarkBackground = backgroundColor === \"dark\";\n const isFixedColor = backgroundColor === \"warning\";\n const textColor = useMemo(() => {\n if (isFixedColor) {\n return \"fixedDark\";\n }\n return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n }, [isDarkBackground, isFixedColor]);\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n const filteredChildren = allChildren.filter(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n }\n ) => {\n if (child.type.isAlertBannerItem || child.type.displayName === \"MDXCreateElement\") return true;\n console.error(\n \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n child\n );\n return false;\n }\n );\n\n return filteredChildren.map((child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n marginLeft: index > 0,\n isDarkBackground\n });\n });\n }, [originalChildren, isDarkBackground]);\n\n return (\n <Text\n type=\"text2\"\n color={textColor}\n ref={ref}\n className={classNames}\n role=\"banner\"\n aria-label={ariaLabel || \"banner\"}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n >\n <AlertBannerContext.Provider value={{ textColor }}>\n <div className={cx(styles.content)}>\n {children.map(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n },\n index\n ) => {\n const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n return (\n <div\n key={index}\n className={cx(styles.contentItem, {\n [styles.contentItemText]: childTypeIsAlertBannerText\n })}\n >\n {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n </div>\n );\n }\n )}\n </div>\n </AlertBannerContext.Provider>\n <div className={cx(styles.closeButtonWrapper)}>\n {isCloseHidden ? null : (\n <IconButton\n data-testid=\"alert-banner-close-button\"\n icon={CloseSmall}\n className={cx(styles.closeBtn)}\n hideTooltip\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n ariaLabel={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\nexport default withStaticProps(AlertBanner, { backgroundColors: AlertBannerBackgroundColorEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","createElement","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AlertBanner.js","sources":["../../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport cx from \"classnames\";\nimport React, { ForwardedRef, forwardRef, ReactElement, useMemo } from \"react\";\nimport IconButton from \"../../components/IconButton/IconButton\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { AlertBannerBackgroundColor as AlertBannerBackgroundColorEnum } from \"./AlertBannerConstants\";\nimport { AlertBannerBackgroundColor } from \"./AlertBanner.types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { VibeComponent, withStaticProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport Text from \"../Text/Text\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n /**\n * Set external styling to the progress bar.\n */\n className?: string;\n backgroundColor?: AlertBannerBackgroundColor;\n isCloseHidden?: boolean;\n /** ARIA description for the progress bar */\n ariaLabel?: string;\n closeButtonAriaLabel?: string;\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n children?: ChildrenType | ChildrenType[];\n}\n\nconst AlertBanner: VibeComponent<AlertBannerProps> & {\n backgroundColors?: typeof AlertBannerBackgroundColorEnum;\n} = forwardRef(\n (\n {\n children: originalChildren,\n className,\n backgroundColor = \"primary\",\n onClose = NOOP,\n ariaLabel = \"\",\n closeButtonAriaLabel = \"Close\",\n isCloseHidden = false,\n id,\n \"data-testid\": dataTestId\n }: AlertBannerProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const classNames = useMemo(() => {\n return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n }, [className, backgroundColor]);\n\n const isDarkBackground = backgroundColor === \"dark\";\n const isFixedColor = backgroundColor === \"warning\";\n const textColor = useMemo(() => {\n if (isFixedColor) {\n return \"fixedDark\";\n }\n return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n }, [isDarkBackground, isFixedColor]);\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n const filteredChildren = allChildren.filter(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n }\n ) => {\n if (child.type.isAlertBannerItem || child.type.displayName === \"MDXCreateElement\") return true;\n console.error(\n \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n child\n );\n return false;\n }\n );\n\n return filteredChildren.map((child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n marginLeft: index > 0,\n isDarkBackground\n });\n });\n }, [originalChildren, isDarkBackground]);\n\n return (\n <Text\n type=\"text2\"\n color={textColor}\n ref={ref}\n className={classNames}\n role=\"banner\"\n aria-label={ariaLabel || \"banner\"}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n >\n <AlertBannerContext.Provider value={{ textColor }}>\n <div className={cx(styles.content)}>\n {children.map(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n },\n index\n ) => {\n const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n return (\n <div\n key={index}\n className={cx(styles.contentItem, {\n [styles.contentItemText]: childTypeIsAlertBannerText\n })}\n >\n {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n </div>\n );\n }\n )}\n </div>\n </AlertBannerContext.Provider>\n <div className={cx(styles.closeButtonWrapper)}>\n {isCloseHidden ? null : (\n <IconButton\n data-testid=\"alert-banner-close-button\"\n icon={CloseSmall}\n className={cx(styles.closeBtn)}\n hideTooltip\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n ariaLabel={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\nexport default withStaticProps(AlertBanner, { backgroundColors: AlertBannerBackgroundColorEnum });\n"],"names":["withStaticProps","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","createElement","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind","backgroundColors","AlertBannerBackgroundColorEnum"],"mappings":"syBAmCA,IA8GeA,EAAAA,EA5GXC,GACF,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACdW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACda,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,EAACiB,cAAAC,GACCb,KAAK,QACLc,MAAOpB,EACPzB,IAAKA,EACLG,UAAWc,EACX6B,KAAK,SACO,aAAApC,GAAa,SACzBK,GAAIA,gBACSC,GAAc+B,EAAUC,EAAuBC,aAAclC,IAE1EW,EAACiB,cAAAO,EAAmBC,SAAQ,CAACC,MAAO,CAAE3B,UAAAA,IACpCC,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOiC,UACvBnD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMiB,EAA6BxB,EAAMC,KAAKwB,kBAC9C,OACE7B,EAAAiB,cAAA,MAAA,CACEa,IAAKnB,EACLlC,UAAWgB,EAAGC,EAAOqC,YAAWC,EAAA,CAAA,EAC7BtC,EAAOuC,gBAAkBL,KAG3BA,EAA6B5B,EAAKiB,cAAA,MAAA,CAAAxC,UAAWgB,EAAGC,EAAOwC,WAAY9B,GAAeA,EAGxF,MAIPJ,EAAAiB,cAAA,MAAA,CAAKxC,UAAWgB,EAAGC,EAAOyC,qBACvB/C,EAAgB,KACfY,EAACiB,cAAAmB,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN7D,UAAWgB,EAAGC,EAAO6C,UACrBC,aACA,EAAAC,QAAS5D,EACT6D,KAAK,QACLC,KAAK,WACLxB,MAAOtB,EAAmB,yBAA2B,mBACrDb,UAAWE,KAMvB,IAG0C,CAAE0D,iBAAkBC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",warning:"warning",closeBtn:"closeBtn",content:"content",closeButtonWrapper:"closeButtonWrapper",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){const e="s_id-2b16d36a7fd0_3_0_0-
|
|
1
|
+
var n={alertBanner:"alertBanner",primary:"primary",positive:"positive",negative:"negative",dark:"dark",warning:"warning",closeBtn:"closeBtn",content:"content",closeButtonWrapper:"closeButtonWrapper",ellipsis:"ellipsis",contentItem:"contentItem",contentItemText:"contentItemText"};!function(n){const e="s_id-2b16d36a7fd0_3_0_0-alpha_15";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner {\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.primary {\n background-color: var(--primary-color);\n}\n\n.positive {\n background-color: var(--positive-color);\n}\n\n.negative {\n background-color: var(--negative-color);\n}\n\n.dark {\n background-color: var(--inverted-color-background);\n}\n\n.warning {\n background-color: var(--warning-color);\n color: var(--fixed-dark-color);\n}\n\n.warning .closeBtn {\n color: var(--fixed-dark-color);\n}\n\n.content {\n flex: 1 1 auto;\n display: flex;\n height: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n padding-left: var(--spacing-medium);\n}\n\n.closeButtonWrapper {\n flex: 0 0 40px;\n position: relative;\n height: 100%;\n min-width: 0;\n}\n\n.closeBtn {\n position: absolute;\n right: 4px;\n top: 4px;\n}\n\n.ellipsis {\n flex: 0 1 auto;\n}\n\n.contentItem {\n flex: 0 0 auto;\n min-width: 0;\n}\n\n.contentItemText {\n flex: 0 1 auto;\n min-width: 0;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AlertBanner.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-b41ba610a75a_3_0_0-
|
|
1
|
+
var n={bannerButton:"bannerButton",darkBackground:"darkBackground",marginLeft:"marginLeft"};!function(n){const e="s_id-b41ba610a75a_3_0_0-alpha_15";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerButton {\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground .bannerButton {\n background-color: var(--dark-background-color);\n}\n\n.marginLeft {\n margin-left: var(--spacing-small);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AlertBannerButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-59c5b2cdc5e5_3_0_0-
|
|
1
|
+
var n={bannerLink:"bannerLink",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted",marginLeft:"marginLeft"};!function(n){const e="s_id-59c5b2cdc5e5_3_0_0-alpha_15";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink {\n text-decoration: underline;\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary {\n color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted {\n color: var(--text-color-on-inverted);\n}\n\n.marginLeft {\n margin-left: var(--spacing-small);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AlertBannerLink.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-35d8b4a93255_3_0_0-
|
|
1
|
+
var e={bannerText:"bannerText",marginLeft:"marginLeft"};!function(e){const n="s_id-35d8b4a93255_3_0_0-alpha_15";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.marginLeft {\n margin-left: var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=AlertBannerText.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as
|
|
1
|
+
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import o,{useMemo as r}from"react";import{camelCase as i}from"lodash-es";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as a,ComponentDefaultTestId as n}from"../../tests/testIds.js";import c from"../Icon/Icon.js";import m from"../IconButton/IconButton.js";import{IconType as l}from"../Icon/IconConstants.js";import{AttentionBoxType as p}from"./AttentionBoxConstants.js";import{withStaticProps as d}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import f from"../Text/Text.js";import u from"../Flex/Flex.js";import y from"./AttentionBox.module.scss.js";import j from"../../../icons/dist/react/Info.js";import x from"../../../icons/dist/react/Alert.js";import I from"../../../icons/dist/react/CloseSmall.js";var v=d((function(l){var p=l.className,d=l.withIconWithoutHeader,v=void 0!==d&&d,h=l.type,g=void 0===h?"primary":h,C=l.icon,N=l.iconType,T=void 0===N?"svg":N,E=l.title,B=l.text,S=l.children,w=l.withoutIcon,A=void 0!==w&&w,H=l.onClose,b=l.compact,F=void 0!==b&&b,z=l.id,P=l["data-testid"],_=l.closeButtonAriaLabel,L=void 0===_?"Close":_,O=r((function(){return"primary"===g?j:x}),[g]),W=void 0===C?O:C;return o.createElement("aside",{className:t(y.attentionBox,s(y,i("type-".concat(g))),p),role:"alert","data-testid":P||a(n.ATTENTION_BOX,z)},E&&o.createElement(u,{justify:"start",align:"center",className:y.titleContainer,gap:"xs"},!A&&o.createElement(c,{className:y.icon,iconType:T,ariaHidden:!0,icon:W,ignoreFocusStyle:!0,iconSize:"20"}),o.createElement(f,{type:"text1",element:"h5",weight:"medium",className:y.title},E)),o.createElement(u,{justify:"start",align:"center",gap:"xs"},!E&&F&&!A&&v&&o.createElement(c,{iconType:T,iconSize:18,ariaHidden:!0,icon:W,ignoreFocusStyle:!0}),o.createElement(f,{type:"text2",element:F?void 0:"p",className:t(y.text,e(e(e({},y.compact,F),y.dismissible,!!H),y.paragraph,!F))},B||S)),H&&o.createElement(m,{size:"small",color:"on-primary-color",className:y.closeIcon,wrapperClassName:t(y.closeIconWrapper,e({},y.closeIconCompact,F)),ariaLabel:L,hideTooltip:!0,icon:I,onClick:H}))}),{types:p,iconTypes:l});export{v as default};
|
|
2
2
|
//# sourceMappingURL=AttentionBox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AttentionBox.js","sources":["../../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { IconType as IconTypeEnum } from \"../Icon/IconConstants\";\nimport { AttentionBoxType as AttentionBoxTypeEnum } from \"./AttentionBoxConstants\";\nimport { AttentionBoxType } from \"./AttentionBox.types\";\nimport { SubIcon, VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\n\nexport interface AttentionBoxProps extends VibeComponentProps {\n className?: string;\n // TODO: [breaking] remove prop\n withIconWithoutHeader?: boolean;\n /** we support 5 types of attention boxes */\n type?: AttentionBoxType;\n /** Icon classname for icon font or SVG Icon Component for SVG Type */\n icon?: SubIcon;\n iconType?: \"svg\" | \"font\";\n title?: string;\n text?: string;\n children?: ElementContent;\n // TODO: [breaking] remove prop\n withoutIcon?: boolean;\n onClose?: (event: React.MouseEvent) => void;\n compact?: boolean;\n closeButtonAriaLabel?: string;\n}\n\nconst AttentionBox: React.FC<AttentionBoxProps> & {\n types?: typeof AttentionBoxTypeEnum;\n iconTypes?: typeof IconTypeEnum;\n} = ({\n className,\n withIconWithoutHeader = false,\n type = \"primary\",\n icon,\n iconType = \"svg\",\n title,\n text,\n children,\n withoutIcon = false,\n onClose,\n compact = false,\n id,\n \"data-testid\": dataTestId,\n closeButtonAriaLabel = \"Close\"\n}: AttentionBoxProps) => {\n const defaultIcon = useMemo(() => {\n return type === \"primary\" ? InfoIcon : AlertIcon;\n }, [type]);\n\n const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n return (\n <aside\n className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className)}\n role=\"alert\"\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n >\n {title && (\n <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n {!withoutIcon && (\n <Icon\n className={styles.icon}\n iconType={iconType}\n ariaHidden\n icon={overrideIcon}\n ignoreFocusStyle\n iconSize=\"20\"\n />\n )}\n <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n </Flex>\n )}\n <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n {!title && compact && !withoutIcon && withIconWithoutHeader && (\n <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n )}\n <Text\n type=\"text2\"\n element={compact ? undefined : \"p\"}\n className={cx(styles.text, {\n [styles.compact]: compact,\n [styles.dismissible]: !!onClose,\n [styles.paragraph]: !compact\n })}\n >\n {text || children}\n </Text>\n </Flex>\n {onClose && (\n <IconButton\n size=\"small\"\n color=\"on-primary-color\"\n className={styles.closeIcon}\n wrapperClassName={cx(styles.closeIconWrapper, {\n [styles.closeIconCompact]: compact\n })}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onClose}\n />\n )}\n </aside>\n );\n};\n\nexport default withStaticProps(AttentionBox, {\n types: AttentionBoxTypeEnum,\n iconTypes: IconTypeEnum\n});\n"],"names":["withStaticProps","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","createElement","cx","styles","attentionBox","getStyle","camelCase","concat","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","_defineProperty","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"
|
|
1
|
+
{"version":3,"file":"AttentionBox.js","sources":["../../../../../src/components/AttentionBox/AttentionBox.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport Icon from \"../Icon/Icon\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { CloseSmall, Alert as AlertIcon, Info as InfoIcon } from \"@vibe/icons\";\nimport { IconType as IconTypeEnum } from \"../Icon/IconConstants\";\nimport { AttentionBoxType as AttentionBoxTypeEnum } from \"./AttentionBoxConstants\";\nimport { AttentionBoxType } from \"./AttentionBox.types\";\nimport { SubIcon, VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport Text from \"../Text/Text\";\nimport Flex from \"../Flex/Flex\";\nimport styles from \"./AttentionBox.module.scss\";\n\nexport interface AttentionBoxProps extends VibeComponentProps {\n className?: string;\n // TODO: [breaking] remove prop\n withIconWithoutHeader?: boolean;\n /** we support 5 types of attention boxes */\n type?: AttentionBoxType;\n /** Icon classname for icon font or SVG Icon Component for SVG Type */\n icon?: SubIcon;\n iconType?: \"svg\" | \"font\";\n title?: string;\n text?: string;\n children?: ElementContent;\n // TODO: [breaking] remove prop\n withoutIcon?: boolean;\n onClose?: (event: React.MouseEvent) => void;\n compact?: boolean;\n closeButtonAriaLabel?: string;\n}\n\nconst AttentionBox: React.FC<AttentionBoxProps> & {\n types?: typeof AttentionBoxTypeEnum;\n iconTypes?: typeof IconTypeEnum;\n} = ({\n className,\n withIconWithoutHeader = false,\n type = \"primary\",\n icon,\n iconType = \"svg\",\n title,\n text,\n children,\n withoutIcon = false,\n onClose,\n compact = false,\n id,\n \"data-testid\": dataTestId,\n closeButtonAriaLabel = \"Close\"\n}: AttentionBoxProps) => {\n const defaultIcon = useMemo(() => {\n return type === \"primary\" ? InfoIcon : AlertIcon;\n }, [type]);\n\n const overrideIcon = icon === undefined ? defaultIcon : icon;\n\n return (\n <aside\n className={cx(styles.attentionBox, getStyle(styles, camelCase(`type-${type}`)), className)}\n role=\"alert\"\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ATTENTION_BOX, id)}\n >\n {title && (\n <Flex justify=\"start\" align=\"center\" className={styles.titleContainer} gap=\"xs\">\n {!withoutIcon && (\n <Icon\n className={styles.icon}\n iconType={iconType}\n ariaHidden\n icon={overrideIcon}\n ignoreFocusStyle\n iconSize=\"20\"\n />\n )}\n <Text type=\"text1\" element=\"h5\" weight=\"medium\" className={styles.title}>\n {title}\n </Text>\n </Flex>\n )}\n <Flex justify=\"start\" align=\"center\" gap=\"xs\">\n {!title && compact && !withoutIcon && withIconWithoutHeader && (\n <Icon iconType={iconType} iconSize={18} ariaHidden icon={overrideIcon} ignoreFocusStyle />\n )}\n <Text\n type=\"text2\"\n element={compact ? undefined : \"p\"}\n className={cx(styles.text, {\n [styles.compact]: compact,\n [styles.dismissible]: !!onClose,\n [styles.paragraph]: !compact\n })}\n >\n {text || children}\n </Text>\n </Flex>\n {onClose && (\n <IconButton\n size=\"small\"\n color=\"on-primary-color\"\n className={styles.closeIcon}\n wrapperClassName={cx(styles.closeIconWrapper, {\n [styles.closeIconCompact]: compact\n })}\n ariaLabel={closeButtonAriaLabel}\n hideTooltip\n icon={CloseSmall}\n onClick={onClose}\n />\n )}\n </aside>\n );\n};\n\nexport default withStaticProps(AttentionBox, {\n types: AttentionBoxTypeEnum,\n iconTypes: IconTypeEnum\n});\n"],"names":["withStaticProps","_ref","className","_ref$withIconWithoutH","withIconWithoutHeader","_ref$type","type","icon","_ref$iconType","iconType","title","text","children","_ref$withoutIcon","withoutIcon","onClose","_ref$compact","compact","id","dataTestId","_ref$closeButtonAriaL","closeButtonAriaLabel","defaultIcon","useMemo","InfoIcon","AlertIcon","overrideIcon","undefined","React","createElement","cx","styles","attentionBox","getStyle","camelCase","concat","role","getTestId","ComponentDefaultTestId","ATTENTION_BOX","Flex","justify","align","titleContainer","gap","Icon","ariaHidden","ignoreFocusStyle","iconSize","Text","element","weight","_defineProperty","dismissible","paragraph","IconButton","size","color","closeIcon","wrapperClassName","closeIconWrapper","closeIconCompact","ariaLabel","hideTooltip","CloseSmall","onClick","types","AttentionBoxTypeEnum","iconTypes","IconTypeEnum"],"mappings":"i3BAmCA,IAkFeA,EAAAA,GA/EX,SAHcC,GAkBM,IAdtBC,EAASD,EAATC,UAASC,EAAAF,EACTG,sBAAAA,OAAwB,IAAHD,GAAQA,EAAAE,EAAAJ,EAC7BK,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAChBE,EAAIN,EAAJM,KAAIC,EAAAP,EACJQ,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAChBE,EAAKT,EAALS,MACAC,EAAIV,EAAJU,KACAC,EAAQX,EAARW,SAAQC,EAAAZ,EACRa,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAOd,EAAPc,QAAOC,EAAAf,EACPgB,QAAAA,OAAU,IAAHD,GAAQA,EACfE,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAAamB,EAAAnB,EACboB,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAExBE,EAAcC,GAAQ,WAC1B,MAAgB,YAATjB,EAAqBkB,EAAWC,CACzC,GAAG,CAACnB,IAEEoB,OAAwBC,IAATpB,EAAqBe,EAAcf,EAExD,OACEqB,EACEC,cAAA,QAAA,CAAA3B,UAAW4B,EAAGC,EAAOC,aAAcC,EAASF,EAAQG,EAAS,QAAAC,OAAS7B,KAAUJ,GAChFkC,KAAK,QAAO,cACCjB,GAAckB,EAAUC,EAAuBC,cAAerB,IAE1ER,GACCkB,EAACC,cAAAW,GAAKC,QAAQ,QAAQC,MAAM,SAASxC,UAAW6B,EAAOY,eAAgBC,IAAI,OACvE9B,GACAc,EAAAC,cAACgB,EAAI,CACH3C,UAAW6B,EAAOxB,KAClBE,SAAUA,EACVqC,YAAU,EACVvC,KAAMmB,EACNqB,kBAAgB,EAChBC,SAAS,OAGbpB,EAACC,cAAAoB,GAAK3C,KAAK,QAAQ4C,QAAQ,KAAKC,OAAO,SAASjD,UAAW6B,EAAOrB,OAC/DA,IAIPkB,EAAAC,cAACW,EAAI,CAACC,QAAQ,QAAQC,MAAM,SAASE,IAAI,OACrClC,GAASO,IAAYH,GAAeV,GACpCwB,EAACC,cAAAgB,EAAK,CAAApC,SAAUA,EAAUuC,SAAU,GAAIF,YAAW,EAAAvC,KAAMmB,EAAcqB,sBAEzEnB,EAACC,cAAAoB,EACC,CAAA3C,KAAK,QACL4C,QAASjC,OAAUU,EAAY,IAC/BzB,UAAW4B,EAAGC,EAAOpB,KAAIyC,EAAAA,EAAAA,EAAA,CAAA,EACtBrB,EAAOd,QAAUA,GACjBc,EAAOsB,cAAgBtC,GACvBgB,EAAOuB,WAAarC,KAGtBN,GAAQC,IAGZG,GACCa,EAAAC,cAAC0B,EAAU,CACTC,KAAK,QACLC,MAAM,mBACNvD,UAAW6B,EAAO2B,UAClBC,iBAAkB7B,EAAGC,EAAO6B,iBAAgBR,EAAA,CAAA,EACzCrB,EAAO8B,iBAAmB5C,IAE7B6C,UAAWzC,EACX0C,eACAxD,KAAMyD,EACNC,QAASlD,IAKnB,GAE6C,CAC3CmD,MAAOC,EACPC,UAAWC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={attentionBox:"attentionBox",closeIconWrapper:"closeIconWrapper",closeIcon:"closeIcon",icon:"icon",title:"title",text:"text",titleContainer:"titleContainer",typePrimary:"typePrimary",typeDanger:"typeDanger",typeSuccess:"typeSuccess",typeDark:"typeDark",typeWarning:"typeWarning",closeIconCompact:"closeIconCompact",compact:"compact",dismissible:"dismissible",paragraph:"paragraph"};!function(n){const e="s_id-98449af05fbe_3_0_0-
|
|
1
|
+
var n={attentionBox:"attentionBox",closeIconWrapper:"closeIconWrapper",closeIcon:"closeIcon",icon:"icon",title:"title",text:"text",titleContainer:"titleContainer",typePrimary:"typePrimary",typeDanger:"typeDanger",typeSuccess:"typeSuccess",typeDark:"typeDark",typeWarning:"typeWarning",closeIconCompact:"closeIconCompact",compact:"compact",dismissible:"dismissible",paragraph:"paragraph"};!function(n){const e="s_id-98449af05fbe_3_0_0-alpha_15";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".attentionBox {\n position: relative;\n padding: 12px var(--spacing-medium);\n border-radius: var(--border-radius-medium);\n width: fit-content;\n max-width: 100%;\n height: fit-content;\n}\n.attentionBox .closeIconWrapper .closeIcon {\n color: var(--primary-text-color);\n}\n.attentionBox .icon {\n flex-shrink: 0;\n}\n.title {\n margin: 0;\n padding-right: var(--spacing-xl);\n}\n.text,\n.titleContainer {\n color: var(--primary-text-color);\n}\n.typePrimary {\n color: var(--primary-text-color);\n background-color: var(--primary-selected-color);\n}\n.typeDanger {\n background-color: var(--negative-color-selected);\n}\n.typeSuccess {\n background-color: var(--positive-color-selected);\n}\n.typeDark {\n background-color: var(--ui-background-color);\n color: var(--primary-text-color);\n}\n.typeWarning {\n background-color: var(--warning-color-selected);\n color: var(--primary-text-color);\n}\n.titleContainer {\n margin-bottom: var(--spacing-xs);\n}\n.titleContainer:empty {\n margin-bottom: 0;\n}\n.closeIconWrapper {\n position: absolute;\n top: 12px;\n right: 12px;\n}\n.closeIconCompact {\n top: calc(50% - 16px);\n}\n.text.compact {\n flex: 1;\n}\n.text.compact.dismissible {\n padding-right: var(--spacing-xl);\n}\n.text.paragraph {\n margin: 0 var(--spacing-medium) 0 0;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AttentionBox.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-683678bf9fce_3_0_0-
|
|
1
|
+
var e={attentionBoxLink:"attentionBoxLink"};!function(e){const t="s_id-683678bf9fce_3_0_0-alpha_15";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)}("a[href].attentionBoxLink,\na[href].attentionBoxLink:hover {\n color: var(--primary-text-color);\n text-decoration: underline;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=AttentionBoxLink.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={avatar:"avatar",large:"large",medium:"medium",small:"small",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(n){const e="s_id-929eed46119e_3_0_0-
|
|
1
|
+
var n={avatar:"avatar",large:"large",medium:"medium",small:"small",clickableWrapper:"clickableWrapper",circle:"circle","focus-visible":"focus-visible",circleImg:"circleImg",circleText:"circleText",disabled:"disabled",square:"square",withoutBorder:"withoutBorder",badges:"badges",badge:"badge",badgeTopLeft:"badgeTopLeft",badgeTopRight:"badgeTopRight",badgeBottomLeft:"badgeBottomLeft",badgeBottomRight:"badgeBottomRight"};!function(n){const e="s_id-929eed46119e_3_0_0-alpha_15";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,o.firstChild?o.insertBefore(i,o.firstChild):o.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}('.avatar {\n position: relative;\n}\n\n.large {\n height: 50px;\n width: 50px;\n}\n\n.medium {\n height: 32px;\n width: 32px;\n}\n\n.small {\n height: 28px;\n width: 28px;\n}\n\n.clickableWrapper {\n height: 100%;\n width: 100%;\n}\n\n.circle {\n height: 100%;\n width: 100%;\n position: relative;\n border: 1px solid;\n border-radius: 50%;\n overflow: hidden;\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--text-color-on-primary);\n}\n\n.circle:focus {\n outline: none;\n}\n\n.circle:focus:focus-visible, .circle:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 50%;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.circle:focus:focus:not(.focus-visible) {\n outline: none;\n}\n\n.circleImg {\n border-color: var(--primary-background-color);\n}\n\n.circleText {\n border-color: var(--layout-border-color);\n}\n\n.disabled:before {\n content: "";\n height: 100%;\n width: 100%;\n position: absolute;\n top: 0;\n opacity: 0.7;\n background: var(--primary-background-color);\n}\n\n.square {\n border-radius: var(--border-radius-small);\n}\n\n.square:focus {\n outline: none;\n}\n\n.square:focus:focus-visible, .square:focus.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: var(--border-radius-small);\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.square:focus:focus:not(.focus-visible) {\n outline: none;\n}\n\n.withoutBorder {\n border: none;\n}\n\n.badges {\n position: absolute;\n top: 50%;\n left: 50%; /* position the left edge of the element at the middle of the parent */\n transform: translate(-50%, -50%);\n display: grid;\n grid-template-columns: 50% 50%;\n margin-left: auto;\n margin-right: auto;\n height: 110%;\n width: 110%;\n}\n\n.badges .badge {\n display: flex;\n}\n\n.badges .badgeTopLeft {\n grid-row: 1;\n grid-column: 1;\n justify-self: start;\n}\n\n.badges .badgeTopRight {\n grid-row: 1;\n grid-column: 2;\n justify-self: end;\n}\n\n.badges .badgeBottomLeft {\n grid-row: 2;\n grid-column: 1;\n justify-self: start;\n align-self: end;\n}\n\n.badges .badgeBottomRight {\n grid-row: 2;\n grid-column: 2;\n justify-self: end;\n align-self: end;\n}');export{n as default};
|
|
2
2
|
//# sourceMappingURL=Avatar.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall"};!function(e){const d="s_id-86fd2091f40c_3_0_0-
|
|
1
|
+
var e={badgeLarge:"badgeLarge",badgeMedium:"badgeMedium",badgeSmall:"badgeSmall"};!function(e){const d="s_id-86fd2091f40c_3_0_0-alpha_15";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)}(".badgeLarge {\n height: 19px;\n width: 19px;\n}\n\n.badgeMedium {\n height: 13px;\n width: 13px;\n}\n\n.badgeSmall {\n height: 10px;\n width: 10px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=AvatarBadge.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={contentImg:"contentImg",contentText:"contentText",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-dcc3109ac00f_3_0_0-
|
|
1
|
+
var n={contentImg:"contentImg",contentText:"contentText",contentTextLarge:"contentTextLarge",contentTextMedium:"contentTextMedium",contentTextSmall:"contentTextSmall",contentIconLarge:"contentIconLarge",contentIconMedium:"contentIconMedium",contentIconSmall:"contentIconSmall"};!function(n){const t="s_id-dcc3109ac00f_3_0_0-alpha_15";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)}(".contentImg {\n object-fit: cover;\n width: 100%;\n height: 100%;\n}\n\n.contentText {\n font-family: var(--font-family);\n font-weight: 400;\n line-height: 21px;\n letter-spacing: -0.5px;\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n}\n\n.contentTextLarge {\n font: var(--font-h3-normal);\n letter-spacing: var(--letter-spacing-h3-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n font-family: var(--font-family) !important;\n}\n\n.contentTextMedium {\n font: var(--font-text1-normal);\n margin-top: 1px;\n}\n\n.contentTextSmall {\n margin-top: 1px;\n font-size: 12px;\n}\n\n.contentIconLarge {\n height: 28px;\n width: 28px;\n}\n\n.contentIconMedium {\n height: 18px;\n width: 18px;\n}\n\n.contentIconSmall {\n height: 12px;\n width: 12px;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AvatarContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const a="s_id-0d36779f5b9e_3_0_0-
|
|
1
|
+
var e={avatarGroupContainer:"avatarGroupContainer",avatarContainer:"avatarContainer"};!function(e){const a="s_id-0d36779f5b9e_3_0_0-alpha_15";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".avatarGroupContainer {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n position: relative;\n padding: 0;\n margin: 0;\n}\n\n.avatarContainer {\n margin-left: calc(-1 * var(--spacing-small));\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=AvatarGroup.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={counterContainer:"counterContainer","focus-visible":"focus-visible",small:"small",medium:"medium",large:"large",primary:"primary",dark:"dark",negative:"negative",light:"light",disabled:"disabled",menu:"menu"};!function(n){const e="s_id-abc6ab3af47c_3_0_0-
|
|
1
|
+
var n={counterContainer:"counterContainer","focus-visible":"focus-visible",small:"small",medium:"medium",large:"large",primary:"primary",dark:"dark",negative:"negative",light:"light",disabled:"disabled",menu:"menu"};!function(n){const e="s_id-abc6ab3af47c_3_0_0-alpha_15";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".counterContainer {\n background: var(--ui-background-color);\n display: flex;\n justify-content: center;\n align-items: center;\n margin-left: calc(-1 * var(--spacing-small));\n z-index: 1;\n border: 1px solid var(--primary-background-color);\n}\n.counterContainer:focus-visible, .counterContainer.focus-visible {\n outline: none;\n}\n.counterContainer:focus-visible:focus-visible, .counterContainer:focus-visible.focus-visible, .counterContainer.focus-visible:focus-visible, .counterContainer.focus-visible.focus-visible {\n outline: none;\n z-index: 11;\n border-radius: 50%;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.counterContainer:focus-visible:focus:not(.focus-visible), .counterContainer.focus-visible:focus:not(.focus-visible) {\n outline: none;\n}\n.counterContainer.small {\n height: 28px;\n min-width: 28px;\n border-radius: 14px;\n padding: 0 1px;\n}\n.counterContainer.medium {\n height: 32px;\n min-width: 32px;\n border-radius: 16px;\n padding: 0 2px;\n}\n.counterContainer.large {\n height: 50px;\n min-width: 50px;\n border-radius: 25px;\n padding: 0 var(--spacing-xs);\n}\n.counterContainer.primary {\n color: var(--text-color-on-primary);\n background-color: var(--primary-color);\n}\n.counterContainer.dark {\n color: var(--text-color-on-inverted);\n background-color: var(--inverted-color-background);\n}\n.counterContainer.negative {\n color: var(--text-color-on-primary);\n background-color: var(--negative-color);\n}\n.counterContainer.light {\n color: var(--primary-text-color);\n background-color: var(--ui-background-color);\n}\n.counterContainer .disabled, .counterContainer.disabled {\n background-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n}\n.menu {\n max-height: 300px;\n overflow-y: auto;\n overflow-x: hidden;\n}\n.menu::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.menu::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AvatarGroupCounter.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-de7e28416fbe_3_0_0-
|
|
1
|
+
var t={tooltipAvatarItemTitle:"tooltipAvatarItemTitle",tooltipContainer:"tooltipContainer","focus-visible":"focus-visible",tooltipGridContainer:"tooltipGridContainer",scrollableContainer:"scrollableContainer"};!function(t){const e="s_id-de7e28416fbe_3_0_0-alpha_15";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".tooltipAvatarItemTitle {\n white-space: nowrap;\n}\n\n.tooltipContainer {\n max-height: 300px;\n padding-right: var(--spacing-medium);\n align-items: flex-start !important;\n overflow-x: visible;\n overflow-y: auto;\n margin-top: var(--spacing-small);\n}\n\n.tooltipContainer:focus, .tooltipContainer:focus-visible, .tooltipContainer.focus-visible {\n outline: none;\n}\n\n.tooltipGridContainer {\n max-width: 160px;\n padding-right: 0;\n}\n\n.scrollableContainer::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n\n.scrollableContainer::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{t as default};
|
|
2
2
|
//# sourceMappingURL=AvatarGroupCounterTooltipContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-13c8e71f272d_3_0_0-
|
|
1
|
+
var e={scrollableContainer:"scrollableContainer",virtualizedTooltipContainer:"virtualizedTooltipContainer","focus-visible":"focus-visible"};!function(e){const i="s_id-13c8e71f272d_3_0_0-alpha_15";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const o=document.createElement("style");o.id=i,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".scrollableContainer::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.scrollableContainer::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}\n.virtualizedTooltipContainer {\n align-items: flex-start !important;\n display: flex;\n overflow-y: hidden;\n overflow-x: visible;\n}\n.virtualizedTooltipContainer:focus, .virtualizedTooltipContainer:focus-visible, .virtualizedTooltipContainer.focus-visible {\n outline: none;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var t={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart"};!function(t){const e="s_id-b5dca6298ea9_3_0_0-
|
|
1
|
+
var t={badgeWrapper:"badgeWrapper",badge:"badge",outside:"outside",topEnd:"topEnd",rectangular:"rectangular",circular:"circular",topStart:"topStart",bottomEnd:"bottomEnd",bottomStart:"bottomStart"};!function(t){const e="s_id-b5dca6298ea9_3_0_0-alpha_15";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".badgeWrapper {\n position: relative;\n}\n.badgeWrapper .badge {\n z-index: 1;\n position: absolute;\n border-radius: 16px;\n}\n.badgeWrapper .badge:not(.outside) {\n border: 2px solid;\n border-color: var(--primary-background-color);\n}\n.badgeWrapper .badge.topEnd.rectangular {\n top: 0;\n right: 0;\n translate: 50% -50%;\n}\n.badgeWrapper .badge.topEnd.outside {\n top: 0;\n right: -2px;\n translate: 100% 0;\n}\n.badgeWrapper .badge.topEnd.circular {\n top: 15%;\n right: 15%;\n translate: 50% -50%;\n}\n.badgeWrapper .badge.topStart.rectangular {\n top: 0;\n left: 0;\n translate: -50% -50%;\n}\n.badgeWrapper .badge.topStart.outside {\n top: 0;\n left: -2px;\n translate: -100% 0;\n}\n.badgeWrapper .badge.topStart.circular {\n top: 15%;\n left: 15%;\n translate: -50% -50%;\n}\n.badgeWrapper .badge.bottomEnd.rectangular {\n bottom: 0;\n right: 0;\n translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomEnd.outside {\n bottom: 0;\n right: -2px;\n translate: 100% 0;\n}\n.badgeWrapper .badge.bottomEnd.circular {\n bottom: 15%;\n right: 15%;\n translate: 50% 50%;\n}\n.badgeWrapper .badge.bottomStart.rectangular {\n bottom: 0;\n left: 0;\n translate: -50% 50%;\n}\n.badgeWrapper .badge.bottomStart.outside {\n bottom: 0;\n left: -2px;\n translate: -100% 0;\n}\n.badgeWrapper .badge.bottomStart.circular {\n bottom: 15%;\n left: 15%;\n translate: -50% 50%;\n}");export{t as default};
|
|
2
2
|
//# sourceMappingURL=Badge.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={indicator:"indicator",primary:"primary",notification:"notification"};!function(e){const i="s_id-d6448d74722f_3_0_0-
|
|
1
|
+
var e={indicator:"indicator",primary:"primary",notification:"notification"};!function(e){const i="s_id-d6448d74722f_3_0_0-alpha_15";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n}\n.indicator.primary {\n background-color: var(--primary-color);\n}\n.indicator.notification {\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:"wrapper",small:"small",medium:"medium",large:"large",rightThinnerPadding:"rightThinnerPadding",input:"input",success:"success",readOnly:"readOnly",disabled:"disabled",error:"error"};!function(r){const n="s_id-1f2ba40749da_3_0_0-
|
|
1
|
+
var r={wrapper:"wrapper",small:"small",medium:"medium",large:"large",rightThinnerPadding:"rightThinnerPadding",input:"input",success:"success",readOnly:"readOnly",disabled:"disabled",error:"error"};!function(r){const n="s_id-1f2ba40749da_3_0_0-alpha_15";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=r)}(".wrapper {\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.small {\n min-height: 32px;\n height: 32px;\n font: var(--font-text2-normal);\n}\n.wrapper.medium {\n min-height: 40px;\n height: 40px;\n}\n.wrapper.large {\n min-height: 48px;\n height: 48px;\n padding-block: var(--spacing-small);\n}\n.wrapper.rightThinnerPadding {\n padding-inline-end: var(--spacing-medium);\n}\n.wrapper:hover {\n border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n .wrapper:has(.input:active, .input:focus) {\n border-color: var(--primary-color);\n }\n .wrapper:has(.input:read-only) {\n background-color: var(--allgrey-background-color);\n border: none;\n }\n .wrapper:has(.input:read-only) .input {\n background-color: var(--allgrey-background-color);\n }\n .wrapper:has(.input: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:has(.input:disabled) .input {\n background-color: var(--disabled-background-color);\n }\n .wrapper.success {\n border-color: var(--positive-color);\n }\n .wrapper.success:hover {\n border-color: var(--positive-color);\n }\n .wrapper.success:has(.input:active, .input:focus) {\n border-color: var(--positive-color);\n }\n .wrapper:has(.input[aria-invalid=true]) {\n border-color: var(--negative-color);\n }\n .wrapper:has(.input[aria-invalid=true]):hover {\n border-color: var(--negative-color);\n }\n .wrapper:has(.input[aria-invalid=true]):has(.input:active, .input:focus) {\n border-color: var(--negative-color);\n }\n}\n@supports not selector(:has(*)) {\n .wrapper:focus-within {\n border-color: var(--primary-color);\n }\n .wrapper.readOnly {\n background-color: var(--allgrey-background-color);\n border: none;\n }\n .wrapper.readOnly .input {\n background-color: var(--allgrey-background-color);\n }\n .wrapper.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.disabled .input {\n background-color: var(--disabled-background-color);\n }\n .wrapper.success {\n border-color: var(--positive-color);\n }\n .wrapper.success:hover {\n border-color: var(--positive-color);\n }\n .wrapper.success:focus-within {\n border-color: var(--positive-color);\n }\n .wrapper.error {\n border-color: var(--negative-color);\n }\n .wrapper.error:hover {\n border-color: var(--negative-color);\n }\n .wrapper.error:focus-within {\n border-color: var(--negative-color);\n }\n}\n.wrapper .input {\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 .input::placeholder {\n color: var(--secondary-text-color);\n font-weight: 400;\n}\n.wrapper .input: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",scrollable:"scrollable",opacityDisabled:"opacityDisabled",border:"border",borderColorUiBorderColor:"borderColorUiBorderColor",borderColorLayoutBorderColor:"borderColorLayoutBorderColor",rounded0:"rounded0",roundedSmall:"roundedSmall",roundedMedium:"roundedMedium",roundedBig:"roundedBig",shadowXs:"shadowXs",shadowSmall:"shadowSmall",shadowMedium:"shadowMedium",shadowLarge:"shadowLarge",m0:"m0",mXs:"mXs",mSmall:"mSmall",mMedium:"mMedium",mLarge:"mLarge",mXl:"mXl",mXxl:"mXxl",mXxxl:"mXxxl",mAuto:"mAuto",mx0:"mx0",mxXs:"mxXs",mxSmall:"mxSmall",mxMedium:"mxMedium",mxLarge:"mxLarge",mxXl:"mxXl",mxXxl:"mxXxl",mxXxxl:"mxXxxl",mxAuto:"mxAuto",my0:"my0",myXs:"myXs",mySmall:"mySmall",myMedium:"myMedium",myLarge:"myLarge",myXl:"myXl",myXxl:"myXxl",myXxxl:"myXxxl",myAuto:"myAuto",mt0:"mt0",mtXs:"mtXs",mtSmall:"mtSmall",mtMedium:"mtMedium",mtLarge:"mtLarge",mtXl:"mtXl",mtXxl:"mtXxl",mtXxxl:"mtXxxl",mtAuto:"mtAuto",me0:"me0",meXs:"meXs",meSmall:"meSmall",meMedium:"meMedium",meLarge:"meLarge",meXl:"meXl",meXxl:"meXxl",meXxxl:"meXxxl",meAuto:"meAuto",mb0:"mb0",mbXs:"mbXs",mbSmall:"mbSmall",mbMedium:"mbMedium",mbLarge:"mbLarge",mbXl:"mbXl",mbXxl:"mbXxl",mbXxxl:"mbXxxl",mbAuto:"mbAuto",ms0:"ms0",msXs:"msXs",msSmall:"msSmall",msMedium:"msMedium",msLarge:"msLarge",msXl:"msXl",msXxl:"msXxl",msXxxl:"msXxxl",msAuto:"msAuto",p0:"p0",pXs:"pXs",pSmall:"pSmall",pMedium:"pMedium",pLarge:"pLarge",pXl:"pXl",pXxl:"pXxl",pXxxl:"pXxxl",px0:"px0",pxXs:"pxXs",pxSmall:"pxSmall",pxMedium:"pxMedium",pxLarge:"pxLarge",pxXl:"pxXl",pxXxl:"pxXxl",pxXxxl:"pxXxxl",py0:"py0",pyXs:"pyXs",pySmall:"pySmall",pyMedium:"pyMedium",pyLarge:"pyLarge",pyXl:"pyXl",pyXxl:"pyXxl",pyXxxl:"pyXxxl",pt0:"pt0",ptXs:"ptXs",ptSmall:"ptSmall",ptMedium:"ptMedium",ptLarge:"ptLarge",ptXl:"ptXl",ptXxl:"ptXxl",ptXxxl:"ptXxxl",pe0:"pe0",peXs:"peXs",peSmall:"peSmall",peMedium:"peMedium",peLarge:"peLarge",peXl:"peXl",peXxl:"peXxl",peXxxl:"peXxxl",pb0:"pb0",pbXs:"pbXs",pbSmall:"pbSmall",pbMedium:"pbMedium",pbLarge:"pbLarge",pbXl:"pbXl",pbXxl:"pbXxl",pbXxxl:"pbXxxl",ps0:"ps0",psXs:"psXs",psSmall:"psSmall",psMedium:"psMedium",psLarge:"psLarge",psXl:"psXl",psXxl:"psXxl",psXxxl:"psXxxl",textPrimaryTextColor:"textPrimaryTextColor",textTextColorOnInverted:"textTextColorOnInverted",textSecondaryTextColor:"textSecondaryTextColor",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor",bgGreyBackgroundColor:"bgGreyBackgroundColor",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor",bgInvertedColorBackground:"bgInvertedColorBackground"};!function(n){const a="s_id-e8ebf0c89fee_3_0_0-alpha_12";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 {\n overflow: hidden;\n}\n.box.scrollable {\n overflow: auto;\n}\n.box.scrollable::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.box.scrollable::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}\n.opacityDisabled {\n opacity: var(--disabled-component-opacity) !important;\n}\n.border {\n border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor {\n border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor {\n border-color: var(--layout-border-color) !important;\n}\n.rounded0 {\n border-radius: 0 !important;\n}\n.roundedSmall {\n border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium {\n border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig {\n border-radius: var(--border-radius-big) !important;\n}\n.shadowXs {\n box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall {\n box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium {\n box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge {\n box-shadow: var(--box-shadow-large) !important;\n}\n.m0 {\n margin: 0 !important;\n}\n.mXs {\n margin: var(--spacing-xs) !important;\n}\n.mSmall {\n margin: var(--spacing-small) !important;\n}\n.mMedium {\n margin: var(--spacing-medium) !important;\n}\n.mLarge {\n margin: var(--spacing-large) !important;\n}\n.mXl {\n margin: var(--spacing-xl) !important;\n}\n.mXxl {\n margin: var(--spacing-xxl) !important;\n}\n.mXxxl {\n margin: var(--spacing-xxxl) !important;\n}\n.mAuto {\n margin: auto !important;\n}\n.mx0 {\n margin-right: 0 !important;\n margin-left: 0 !important;\n}\n.mxXs {\n margin-right: var(--spacing-xs) !important;\n margin-left: var(--spacing-xs) !important;\n}\n.mxSmall {\n margin-right: var(--spacing-small) !important;\n margin-left: var(--spacing-small) !important;\n}\n.mxMedium {\n margin-right: var(--spacing-medium) !important;\n margin-left: var(--spacing-medium) !important;\n}\n.mxLarge {\n margin-right: var(--spacing-large) !important;\n margin-left: var(--spacing-large) !important;\n}\n.mxXl {\n margin-right: var(--spacing-xl) !important;\n margin-left: var(--spacing-xl) !important;\n}\n.mxXxl {\n margin-right: var(--spacing-xxl) !important;\n margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl {\n margin-right: var(--spacing-xxxl) !important;\n margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto {\n margin-right: auto !important;\n margin-left: auto !important;\n}\n.my0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n.myXs {\n margin-top: var(--spacing-xs) !important;\n margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall {\n margin-top: var(--spacing-small) !important;\n margin-bottom: var(--spacing-small) !important;\n}\n.myMedium {\n margin-top: var(--spacing-medium) !important;\n margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge {\n margin-top: var(--spacing-large) !important;\n margin-bottom: var(--spacing-large) !important;\n}\n.myXl {\n margin-top: var(--spacing-xl) !important;\n margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl {\n margin-top: var(--spacing-xxl) !important;\n margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl {\n margin-top: var(--spacing-xxxl) !important;\n margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n}\n.mt0 {\n margin-top: 0 !important;\n}\n.mtXs {\n margin-top: var(--spacing-xs) !important;\n}\n.mtSmall {\n margin-top: var(--spacing-small) !important;\n}\n.mtMedium {\n margin-top: var(--spacing-medium) !important;\n}\n.mtLarge {\n margin-top: var(--spacing-large) !important;\n}\n.mtXl {\n margin-top: var(--spacing-xl) !important;\n}\n.mtXxl {\n margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl {\n margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto {\n margin-top: auto !important;\n}\n.me0 {\n margin-inline-end: 0 !important;\n}\n.meXs {\n margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall {\n margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium {\n margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge {\n margin-inline-end: var(--spacing-large) !important;\n}\n.meXl {\n margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl {\n margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl {\n margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto {\n margin-inline-end: auto !important;\n}\n.mb0 {\n margin-bottom: 0 !important;\n}\n.mbXs {\n margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall {\n margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium {\n margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge {\n margin-bottom: var(--spacing-large) !important;\n}\n.mbXl {\n margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl {\n margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl {\n margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto {\n margin-bottom: auto !important;\n}\n.ms0 {\n margin-inline-start: 0 !important;\n}\n.msXs {\n margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall {\n margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium {\n margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge {\n margin-inline-start: var(--spacing-large) !important;\n}\n.msXl {\n margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl {\n margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl {\n margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto {\n margin-inline-start: auto !important;\n}\n.p0 {\n padding: 0 !important;\n}\n.pXs {\n padding: var(--spacing-xs) !important;\n}\n.pSmall {\n padding: var(--spacing-small) !important;\n}\n.pMedium {\n padding: var(--spacing-medium) !important;\n}\n.pLarge {\n padding: var(--spacing-large) !important;\n}\n.pXl {\n padding: var(--spacing-xl) !important;\n}\n.pXxl {\n padding: var(--spacing-xxl) !important;\n}\n.pXxxl {\n padding: var(--spacing-xxxl) !important;\n}\n.px0 {\n padding-right: 0 !important;\n padding-left: 0 !important;\n}\n.pxXs {\n padding-right: var(--spacing-xs) !important;\n padding-left: var(--spacing-xs) !important;\n}\n.pxSmall {\n padding-right: var(--spacing-small) !important;\n padding-left: var(--spacing-small) !important;\n}\n.pxMedium {\n padding-right: var(--spacing-medium) !important;\n padding-left: var(--spacing-medium) !important;\n}\n.pxLarge {\n padding-right: var(--spacing-large) !important;\n padding-left: var(--spacing-large) !important;\n}\n.pxXl {\n padding-right: var(--spacing-xl) !important;\n padding-left: var(--spacing-xl) !important;\n}\n.pxXxl {\n padding-right: var(--spacing-xxl) !important;\n padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl {\n padding-right: var(--spacing-xxxl) !important;\n padding-left: var(--spacing-xxxl) !important;\n}\n.py0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n.pyXs {\n padding-top: var(--spacing-xs) !important;\n padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall {\n padding-top: var(--spacing-small) !important;\n padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium {\n padding-top: var(--spacing-medium) !important;\n padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge {\n padding-top: var(--spacing-large) !important;\n padding-bottom: var(--spacing-large) !important;\n}\n.pyXl {\n padding-top: var(--spacing-xl) !important;\n padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl {\n padding-top: var(--spacing-xxl) !important;\n padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl {\n padding-top: var(--spacing-xxxl) !important;\n padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0 {\n padding-top: 0 !important;\n}\n.ptXs {\n padding-top: var(--spacing-xs) !important;\n}\n.ptSmall {\n padding-top: var(--spacing-small) !important;\n}\n.ptMedium {\n padding-top: var(--spacing-medium) !important;\n}\n.ptLarge {\n padding-top: var(--spacing-large) !important;\n}\n.ptXl {\n padding-top: var(--spacing-xl) !important;\n}\n.ptXxl {\n padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl {\n padding-top: var(--spacing-xxxl) !important;\n}\n.pe0 {\n padding-inline-end: 0 !important;\n}\n.peXs {\n padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall {\n padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium {\n padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge {\n padding-inline-end: var(--spacing-large) !important;\n}\n.peXl {\n padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl {\n padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl {\n padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0 {\n padding-bottom: 0 !important;\n}\n.pbXs {\n padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall {\n padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium {\n padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge {\n padding-bottom: var(--spacing-large) !important;\n}\n.pbXl {\n padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl {\n padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl {\n padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0 {\n padding-inline-start: 0 !important;\n}\n.psXs {\n padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall {\n padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium {\n padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge {\n padding-inline-start: var(--spacing-large) !important;\n}\n.psXl {\n padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl {\n padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl {\n padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor {\n color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted {\n color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor {\n color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor {\n background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor {\n background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor {\n background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor {\n background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground {\n background-color: var(--inverted-color-background) !important;\n}");export{n as default};
|
|
1
|
+
var n={box:"box",scrollable:"scrollable",opacityDisabled:"opacityDisabled",border:"border",borderColorUiBorderColor:"borderColorUiBorderColor",borderColorLayoutBorderColor:"borderColorLayoutBorderColor",rounded0:"rounded0",roundedSmall:"roundedSmall",roundedMedium:"roundedMedium",roundedBig:"roundedBig",shadowXs:"shadowXs",shadowSmall:"shadowSmall",shadowMedium:"shadowMedium",shadowLarge:"shadowLarge",m0:"m0",mXs:"mXs",mSmall:"mSmall",mMedium:"mMedium",mLarge:"mLarge",mXl:"mXl",mXxl:"mXxl",mXxxl:"mXxxl",mAuto:"mAuto",mx0:"mx0",mxXs:"mxXs",mxSmall:"mxSmall",mxMedium:"mxMedium",mxLarge:"mxLarge",mxXl:"mxXl",mxXxl:"mxXxl",mxXxxl:"mxXxxl",mxAuto:"mxAuto",my0:"my0",myXs:"myXs",mySmall:"mySmall",myMedium:"myMedium",myLarge:"myLarge",myXl:"myXl",myXxl:"myXxl",myXxxl:"myXxxl",myAuto:"myAuto",mt0:"mt0",mtXs:"mtXs",mtSmall:"mtSmall",mtMedium:"mtMedium",mtLarge:"mtLarge",mtXl:"mtXl",mtXxl:"mtXxl",mtXxxl:"mtXxxl",mtAuto:"mtAuto",me0:"me0",meXs:"meXs",meSmall:"meSmall",meMedium:"meMedium",meLarge:"meLarge",meXl:"meXl",meXxl:"meXxl",meXxxl:"meXxxl",meAuto:"meAuto",mb0:"mb0",mbXs:"mbXs",mbSmall:"mbSmall",mbMedium:"mbMedium",mbLarge:"mbLarge",mbXl:"mbXl",mbXxl:"mbXxl",mbXxxl:"mbXxxl",mbAuto:"mbAuto",ms0:"ms0",msXs:"msXs",msSmall:"msSmall",msMedium:"msMedium",msLarge:"msLarge",msXl:"msXl",msXxl:"msXxl",msXxxl:"msXxxl",msAuto:"msAuto",p0:"p0",pXs:"pXs",pSmall:"pSmall",pMedium:"pMedium",pLarge:"pLarge",pXl:"pXl",pXxl:"pXxl",pXxxl:"pXxxl",px0:"px0",pxXs:"pxXs",pxSmall:"pxSmall",pxMedium:"pxMedium",pxLarge:"pxLarge",pxXl:"pxXl",pxXxl:"pxXxl",pxXxxl:"pxXxxl",py0:"py0",pyXs:"pyXs",pySmall:"pySmall",pyMedium:"pyMedium",pyLarge:"pyLarge",pyXl:"pyXl",pyXxl:"pyXxl",pyXxxl:"pyXxxl",pt0:"pt0",ptXs:"ptXs",ptSmall:"ptSmall",ptMedium:"ptMedium",ptLarge:"ptLarge",ptXl:"ptXl",ptXxl:"ptXxl",ptXxxl:"ptXxxl",pe0:"pe0",peXs:"peXs",peSmall:"peSmall",peMedium:"peMedium",peLarge:"peLarge",peXl:"peXl",peXxl:"peXxl",peXxxl:"peXxxl",pb0:"pb0",pbXs:"pbXs",pbSmall:"pbSmall",pbMedium:"pbMedium",pbLarge:"pbLarge",pbXl:"pbXl",pbXxl:"pbXxl",pbXxxl:"pbXxxl",ps0:"ps0",psXs:"psXs",psSmall:"psSmall",psMedium:"psMedium",psLarge:"psLarge",psXl:"psXl",psXxl:"psXxl",psXxxl:"psXxxl",textPrimaryTextColor:"textPrimaryTextColor",textTextColorOnInverted:"textTextColorOnInverted",textSecondaryTextColor:"textSecondaryTextColor",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor",bgGreyBackgroundColor:"bgGreyBackgroundColor",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor",bgInvertedColorBackground:"bgInvertedColorBackground"};!function(n){const a="s_id-e8ebf0c89fee_3_0_0-alpha_15";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 {\n overflow: hidden;\n}\n.box.scrollable {\n overflow: auto;\n}\n.box.scrollable::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.box.scrollable::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}\n.opacityDisabled {\n opacity: var(--disabled-component-opacity) !important;\n}\n.border {\n border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor {\n border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor {\n border-color: var(--layout-border-color) !important;\n}\n.rounded0 {\n border-radius: 0 !important;\n}\n.roundedSmall {\n border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium {\n border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig {\n border-radius: var(--border-radius-big) !important;\n}\n.shadowXs {\n box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall {\n box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium {\n box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge {\n box-shadow: var(--box-shadow-large) !important;\n}\n.m0 {\n margin: 0 !important;\n}\n.mXs {\n margin: var(--spacing-xs) !important;\n}\n.mSmall {\n margin: var(--spacing-small) !important;\n}\n.mMedium {\n margin: var(--spacing-medium) !important;\n}\n.mLarge {\n margin: var(--spacing-large) !important;\n}\n.mXl {\n margin: var(--spacing-xl) !important;\n}\n.mXxl {\n margin: var(--spacing-xxl) !important;\n}\n.mXxxl {\n margin: var(--spacing-xxxl) !important;\n}\n.mAuto {\n margin: auto !important;\n}\n.mx0 {\n margin-right: 0 !important;\n margin-left: 0 !important;\n}\n.mxXs {\n margin-right: var(--spacing-xs) !important;\n margin-left: var(--spacing-xs) !important;\n}\n.mxSmall {\n margin-right: var(--spacing-small) !important;\n margin-left: var(--spacing-small) !important;\n}\n.mxMedium {\n margin-right: var(--spacing-medium) !important;\n margin-left: var(--spacing-medium) !important;\n}\n.mxLarge {\n margin-right: var(--spacing-large) !important;\n margin-left: var(--spacing-large) !important;\n}\n.mxXl {\n margin-right: var(--spacing-xl) !important;\n margin-left: var(--spacing-xl) !important;\n}\n.mxXxl {\n margin-right: var(--spacing-xxl) !important;\n margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl {\n margin-right: var(--spacing-xxxl) !important;\n margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto {\n margin-right: auto !important;\n margin-left: auto !important;\n}\n.my0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n.myXs {\n margin-top: var(--spacing-xs) !important;\n margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall {\n margin-top: var(--spacing-small) !important;\n margin-bottom: var(--spacing-small) !important;\n}\n.myMedium {\n margin-top: var(--spacing-medium) !important;\n margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge {\n margin-top: var(--spacing-large) !important;\n margin-bottom: var(--spacing-large) !important;\n}\n.myXl {\n margin-top: var(--spacing-xl) !important;\n margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl {\n margin-top: var(--spacing-xxl) !important;\n margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl {\n margin-top: var(--spacing-xxxl) !important;\n margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n}\n.mt0 {\n margin-top: 0 !important;\n}\n.mtXs {\n margin-top: var(--spacing-xs) !important;\n}\n.mtSmall {\n margin-top: var(--spacing-small) !important;\n}\n.mtMedium {\n margin-top: var(--spacing-medium) !important;\n}\n.mtLarge {\n margin-top: var(--spacing-large) !important;\n}\n.mtXl {\n margin-top: var(--spacing-xl) !important;\n}\n.mtXxl {\n margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl {\n margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto {\n margin-top: auto !important;\n}\n.me0 {\n margin-inline-end: 0 !important;\n}\n.meXs {\n margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall {\n margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium {\n margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge {\n margin-inline-end: var(--spacing-large) !important;\n}\n.meXl {\n margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl {\n margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl {\n margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto {\n margin-inline-end: auto !important;\n}\n.mb0 {\n margin-bottom: 0 !important;\n}\n.mbXs {\n margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall {\n margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium {\n margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge {\n margin-bottom: var(--spacing-large) !important;\n}\n.mbXl {\n margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl {\n margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl {\n margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto {\n margin-bottom: auto !important;\n}\n.ms0 {\n margin-inline-start: 0 !important;\n}\n.msXs {\n margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall {\n margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium {\n margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge {\n margin-inline-start: var(--spacing-large) !important;\n}\n.msXl {\n margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl {\n margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl {\n margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto {\n margin-inline-start: auto !important;\n}\n.p0 {\n padding: 0 !important;\n}\n.pXs {\n padding: var(--spacing-xs) !important;\n}\n.pSmall {\n padding: var(--spacing-small) !important;\n}\n.pMedium {\n padding: var(--spacing-medium) !important;\n}\n.pLarge {\n padding: var(--spacing-large) !important;\n}\n.pXl {\n padding: var(--spacing-xl) !important;\n}\n.pXxl {\n padding: var(--spacing-xxl) !important;\n}\n.pXxxl {\n padding: var(--spacing-xxxl) !important;\n}\n.px0 {\n padding-right: 0 !important;\n padding-left: 0 !important;\n}\n.pxXs {\n padding-right: var(--spacing-xs) !important;\n padding-left: var(--spacing-xs) !important;\n}\n.pxSmall {\n padding-right: var(--spacing-small) !important;\n padding-left: var(--spacing-small) !important;\n}\n.pxMedium {\n padding-right: var(--spacing-medium) !important;\n padding-left: var(--spacing-medium) !important;\n}\n.pxLarge {\n padding-right: var(--spacing-large) !important;\n padding-left: var(--spacing-large) !important;\n}\n.pxXl {\n padding-right: var(--spacing-xl) !important;\n padding-left: var(--spacing-xl) !important;\n}\n.pxXxl {\n padding-right: var(--spacing-xxl) !important;\n padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl {\n padding-right: var(--spacing-xxxl) !important;\n padding-left: var(--spacing-xxxl) !important;\n}\n.py0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n.pyXs {\n padding-top: var(--spacing-xs) !important;\n padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall {\n padding-top: var(--spacing-small) !important;\n padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium {\n padding-top: var(--spacing-medium) !important;\n padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge {\n padding-top: var(--spacing-large) !important;\n padding-bottom: var(--spacing-large) !important;\n}\n.pyXl {\n padding-top: var(--spacing-xl) !important;\n padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl {\n padding-top: var(--spacing-xxl) !important;\n padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl {\n padding-top: var(--spacing-xxxl) !important;\n padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0 {\n padding-top: 0 !important;\n}\n.ptXs {\n padding-top: var(--spacing-xs) !important;\n}\n.ptSmall {\n padding-top: var(--spacing-small) !important;\n}\n.ptMedium {\n padding-top: var(--spacing-medium) !important;\n}\n.ptLarge {\n padding-top: var(--spacing-large) !important;\n}\n.ptXl {\n padding-top: var(--spacing-xl) !important;\n}\n.ptXxl {\n padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl {\n padding-top: var(--spacing-xxxl) !important;\n}\n.pe0 {\n padding-inline-end: 0 !important;\n}\n.peXs {\n padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall {\n padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium {\n padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge {\n padding-inline-end: var(--spacing-large) !important;\n}\n.peXl {\n padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl {\n padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl {\n padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0 {\n padding-bottom: 0 !important;\n}\n.pbXs {\n padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall {\n padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium {\n padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge {\n padding-bottom: var(--spacing-large) !important;\n}\n.pbXl {\n padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl {\n padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl {\n padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0 {\n padding-inline-start: 0 !important;\n}\n.psXs {\n padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall {\n padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium {\n padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge {\n padding-inline-start: var(--spacing-large) !important;\n}\n.psXl {\n padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl {\n padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl {\n padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor {\n color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted {\n color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor {\n color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor {\n background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor {\n background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor {\n background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor {\n background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground {\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 n={breadcrumbContent:"breadcrumbContent",withoutText:"withoutText",breadcrumbText:"breadcrumbText",breadcrumbIcon:"breadcrumbIcon",clickable:"clickable",current:"current",disabled:"disabled",notClickable:"notClickable"};!function(n){const e="s_id-55ff70da99a4_3_0_0-
|
|
1
|
+
var n={breadcrumbContent:"breadcrumbContent",withoutText:"withoutText",breadcrumbText:"breadcrumbText",breadcrumbIcon:"breadcrumbIcon",clickable:"clickable",current:"current",disabled:"disabled",notClickable:"notClickable"};!function(n){const e="s_id-55ff70da99a4_3_0_0-alpha_15";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".breadcrumbContent {\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.withoutText {\n padding: 4px;\n}\na.breadcrumbContent:hover {\n color: var(--secondary-text-color);\n text-decoration: none;\n}\n.breadcrumbContent .breadcrumbText {\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 .breadcrumbIcon {\n height: 14px;\n width: 14px;\n flex-shrink: 0;\n}\n.breadcrumbContent:focus {\n outline: none;\n}\n.breadcrumbContent.clickable {\n cursor: pointer;\n}\n.breadcrumbContent.clickable:hover,\n.breadcrumbContent:focus-within {\n background-color: var(--primary-background-hover-color);\n border-radius: 4px;\n}\n.breadcrumbContent.current {\n color: var(--primary-text-color);\n font-weight: 500;\n}\n.breadcrumbContent.disabled {\n border-color: var(--disabled-background-color);\n color: var(--disabled-text-color);\n cursor: not-allowed;\n pointer-events: none;\n}\n.breadcrumbContent.disabled:hover {\n background-color: transparent;\n}\n.breadcrumbContent.notClickable {\n pointer-events: none;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=BreadcrumbContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={breadcrumbItemWrapper:"breadcrumbItemWrapper",disabled:"disabled"};!function(e){const t="s_id-03f482333e23_3_0_0-
|
|
1
|
+
var e={breadcrumbItemWrapper:"breadcrumbItemWrapper",disabled:"disabled"};!function(e){const t="s_id-03f482333e23_3_0_0-alpha_15";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".breadcrumbItemWrapper {\n display: inline-flex;\n overflow: hidden;\n list-style-type: none;\n cursor: default;\n}\n\n.breadcrumbItemWrapper.disabled {\n cursor: not-allowed;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BreadcrumbItem.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"classnames";import
|
|
1
|
+
import t from"classnames";import e from"react";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{BreadcrumbsBarType as s}from"./BreadcrumbsConstants.js";import{withStaticProps as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import n from"../../../icons/dist/react/NavigationChevronRight.js";var m=i((function(s){var i=s.children,m=s.type,l=void 0===m?"indication":m,c=s.id,d=s["data-testid"];return e.createElement("nav",{"aria-label":"Breadcrumb",className:t(o.breadcrumbsBar,s.className),id:c,"data-testid":d||r(a.BREADCRUMBS_BAR,c)},e.createElement("ol",null,i&&e.Children.map(i,(function(t,r){return e.isValidElement(t)?[r>0&&e.createElement(n,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),e.cloneElement(t,Object.assign(Object.assign({},null==t?void 0:t.props),{isClickable:"indication"!==l}))]:null}))))}),{types:s});export{m as default};
|
|
2
2
|
//# sourceMappingURL=BreadcrumbsBar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement } from \"react\";\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 /** The type of the bar is responsible for whether it will be navigational or for indication only */\n type: BreadcrumbsBarType;\n children: ReactElement<BreadcrumbItemProps> | ReactElement<BreadcrumbItemProps>[];\n}\n\nconst BreadcrumbsBar: FC<BreadcrumbBarProps> & { types?: typeof BreadcrumbsBarTypeEnum } = ({\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\nexport default withStaticProps(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":"
|
|
1
|
+
{"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement } from \"react\";\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 /** The type of the bar is responsible for whether it will be navigational or for indication only */\n type: BreadcrumbsBarType;\n children: ReactElement<BreadcrumbItemProps> | ReactElement<BreadcrumbItemProps>[];\n}\n\nconst BreadcrumbsBar: FC<BreadcrumbBarProps> & { types?: typeof BreadcrumbsBarTypeEnum } = ({\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\nexport default withStaticProps(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":"uZAgBA,IA8BeA,EAAAA,GA9B4E,SAAvEC,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,GAGuC,CAC7CyB,MAAOC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={breadcrumbsBar:"breadcrumbsBar",separatorIcon:"separatorIcon"};!function(e){const n="s_id-24567fd55d40_3_0_0-
|
|
1
|
+
var e={breadcrumbsBar:"breadcrumbsBar",separatorIcon:"separatorIcon"};!function(e){const n="s_id-24567fd55d40_3_0_0-alpha_15";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 ol {\n display: flex;\n flex-direction: row;\n align-items: center;\n white-space: nowrap;\n}\n\n.breadcrumbsBar ol .separatorIcon {\n color: var(--secondary-text-color);\n flex-shrink: 0;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BreadcrumbsBar.module.scss.js.map
|