@vibe/core 3.85.1 → 3.87.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts +4 -4
- package/dist/components/next/Dialog/Dialog.d.ts +4 -0
- package/dist/components/next/Dialog/Dialog.types.d.ts +218 -0
- package/dist/components/next/Dialog/components/DialogContent/DialogContent.d.ts +79 -0
- package/dist/components/next/Dialog/components/Refable/Refable.d.ts +18 -0
- package/dist/components/next/Dialog/hooks/useDisableScroll.d.ts +5 -0
- package/dist/components/next/Dialog/index.d.ts +2 -0
- package/dist/components/next/index.d.ts +1 -0
- package/dist/metadata.json +581 -0
- package/dist/mocked_classnames/components/Accordion/AccordionItem/AccordionItem.d.ts +4 -4
- package/dist/mocked_classnames/components/next/Dialog/Dialog.d.ts +4 -0
- package/dist/mocked_classnames/components/next/Dialog/Dialog.types.d.ts +218 -0
- package/dist/mocked_classnames/components/next/Dialog/components/DialogContent/DialogContent.d.ts +79 -0
- package/dist/mocked_classnames/components/next/Dialog/components/Refable/Refable.d.ts +18 -0
- package/dist/mocked_classnames/components/next/Dialog/hooks/useDisableScroll.d.ts +5 -0
- package/dist/mocked_classnames/components/next/Dialog/index.d.ts +2 -0
- package/dist/mocked_classnames/components/next/index.d.ts +1 -0
- package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Accordion/AccordionItem/AccordionItem.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.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/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/external_datepicker.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/Label.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Link/Link.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dialog/Dialog.js +2 -0
- package/dist/mocked_classnames/src/components/next/Dialog/Dialog.js.map +1 -0
- package/dist/mocked_classnames/src/components/next/Dialog/Dialog.module.scss.js +2 -0
- package/dist/mocked_classnames/src/components/next/Dialog/Dialog.module.scss.js.map +1 -0
- package/dist/mocked_classnames/src/components/next/Dialog/components/DialogContent/DialogContent.js +2 -0
- package/dist/mocked_classnames/src/components/next/Dialog/components/DialogContent/DialogContent.js.map +1 -0
- package/dist/mocked_classnames/src/components/next/Dialog/components/DialogContent/DialogContent.module.scss.js +2 -0
- package/dist/mocked_classnames/src/components/next/Dialog/components/DialogContent/DialogContent.module.scss.js.map +1 -0
- package/dist/mocked_classnames/src/components/next/Dialog/components/Refable/Refable.js +2 -0
- package/dist/mocked_classnames/src/components/next/Dialog/components/Refable/Refable.js.map +1 -0
- package/dist/mocked_classnames/src/components/next/Dialog/hooks/useDisableScroll.js +2 -0
- package/dist/mocked_classnames/src/components/next/Dialog/hooks/useDisableScroll.js.map +1 -0
- package/dist/mocked_classnames/src/components/next/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next.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/Accordion/AccordionItem/AccordionItem.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.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/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/external_datepicker.scss.js +1 -1
- package/dist/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/src/components/Label/Label.module.scss.js +1 -1
- package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
- package/dist/src/components/Link/Link.module.scss.js +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/src/components/Search/Search.module.scss.js +1 -1
- package/dist/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
- package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/src/components/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/src/components/next/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/src/components/next/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/next/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/next/Dialog/Dialog.js +2 -0
- package/dist/src/components/next/Dialog/Dialog.js.map +1 -0
- package/dist/src/components/next/Dialog/Dialog.module.scss.js +2 -0
- package/dist/src/components/next/Dialog/Dialog.module.scss.js.map +1 -0
- package/dist/src/components/next/Dialog/components/DialogContent/DialogContent.js +2 -0
- package/dist/src/components/next/Dialog/components/DialogContent/DialogContent.js.map +1 -0
- package/dist/src/components/next/Dialog/components/DialogContent/DialogContent.module.scss.js +2 -0
- package/dist/src/components/next/Dialog/components/DialogContent/DialogContent.module.scss.js.map +1 -0
- package/dist/src/components/next/Dialog/components/Refable/Refable.js +2 -0
- package/dist/src/components/next/Dialog/components/Refable/Refable.js.map +1 -0
- package/dist/src/components/next/Dialog/hooks/useDisableScroll.js +2 -0
- package/dist/src/components/next/Dialog/hooks/useDisableScroll.js.map +1 -0
- package/dist/src/components/next/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/src/components/next/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/src/components/next/List/List.module.scss.js +1 -1
- package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/next.js +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/package.json +7 -6
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={container:"container",icon:"icon",title:"title",text:"text",actions:"actions",closeButton:"closeButton",hasIcon:"hasIcon",hasCloseButton:"hasCloseButton",hasTitle:"hasTitle"};!function(n){const t="s_id-
|
|
1
|
+
var n={container:"container",icon:"icon",title:"title",text:"text",actions:"actions",closeButton:"closeButton",hasIcon:"hasIcon",hasCloseButton:"hasCloseButton",hasTitle:"hasTitle"};!function(n){const t="s_id-d1aa0b2532e6_3_86_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+t))return;const e=document.createElement("style");e.id=t,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".container {\n --grid-columns: auto 1fr auto;\n display: grid;\n gap: var(--space-4);\n width: 100%;\n grid-template-columns: var(--grid-columns);\n}\n.container .icon {\n grid-column: 1;\n grid-row: 1;\n align-self: center;\n}\n.container .title {\n grid-row: 1;\n grid-column: 2;\n align-self: center;\n}\n.container .text,\n.container .actions {\n grid-column: 2/-1;\n}\n.container .text {\n grid-row: 2;\n min-width: 0;\n margin-inline-end: var(--space-8);\n}\n.container .closeButton {\n grid-row: 1;\n grid-column: 3;\n align-self: start;\n}\n.container .actions {\n grid-row: 3;\n margin-block-start: var(--space-8);\n}\n.container:not(.hasIcon) {\n --grid-columns: 1fr auto;\n}\n.container:not(.hasIcon):not(.hasCloseButton) {\n --grid-columns: 1fr;\n}\n.container:not(.hasIcon) .title {\n grid-column: 1;\n}\n.container:not(.hasIcon) .text,\n.container:not(.hasIcon) .actions {\n grid-column: 1/-1;\n}\n.container:not(.hasIcon) .closeButton {\n grid-column: 2;\n}\n.container:not(.hasCloseButton) {\n --grid-columns: auto 1fr;\n}\n.container:not(.hasTitle) .icon {\n align-self: start;\n}\n.container:not(.hasTitle) .text {\n grid-row: 1;\n grid-column-end: -2;\n}\n.container:not(.hasTitle) .closeButton {\n margin-block-start: -1px;\n}\n.container:not(.hasTitle) .actions {\n grid-row: 2;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=AttentionBoxDefault.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={datePicker:"datePicker",datePickerMonths:"datePickerMonths",withWeekNumber:"withWeekNumber",datePickerHead:"datePickerHead",datePickerBody:"datePickerBody",datePickerTable:"datePickerTable",datePickerDay:"datePickerDay",datePickerDayContent:"datePickerDayContent",datePickerDayDisabled:"datePickerDayDisabled",datePickerAddToRangeStart:"datePickerAddToRangeStart",datePickerAddToRangeEnd:"datePickerAddToRangeEnd",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle",datePickerDayRangeStart:"datePickerDayRangeStart",datePickerDayRangeEnd:"datePickerDayRangeEnd",datePickerDayOutside:"datePickerDayOutside",datePickerDaySelected:"datePickerDaySelected",datePickerDayRangeMiddle:"datePickerDayRangeMiddle",datePickerRemoveFromRange:"datePickerRemoveFromRange",datePickerHalfRangeSelected:"datePickerHalfRangeSelected"};!function(e){const a="s_id-18acaee8f787_3_85_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker {\n --day-picker-header-height: 34px;\n --day-picker-content-height: 234px;\n --day-picker-day-width: 30px;\n --day-picker-day-height: 30px;\n --day-picker-days-horizontal-gap: 4px;\n --day-picker-days-vertical-gap: 2px;\n --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker .datePickerMonths {\n display: flex;\n flex-direction: row;\n gap: var(--spacing-medium);\n align-items: flex-start;\n}\n.datePicker.withWeekNumber {\n --day-picker-days-horizontal-gap: 2px;\n width: 284px;\n margin: 0;\n}\n.datePicker.withWeekNumber .datePickerHead td:first-child {\n width: var(--day-picker-day-width);\n border-top-left-radius: var(--border-radius-medium);\n border-top-right-radius: var(--border-radius-medium);\n background-color: var(--primary-background-hover-color);\n}\n.datePicker.withWeekNumber .datePickerHead td:first-child::after {\n color: var(--secondary-text-color);\n font: var(--font-text2-normal);\n display: flex;\n justify-content: center;\n content: "No.";\n}\n.datePicker.withWeekNumber .datePickerBody td:first-child {\n background-color: var(--primary-background-hover-color);\n}\n.datePicker.withWeekNumber .datePickerBody tr:last-child td:first-child {\n border-bottom-left-radius: var(--border-radius-medium);\n border-bottom-right-radius: var(--border-radius-medium);\n}\n.datePicker .datePickerTable {\n margin-top: var(--spacing-small);\n border-collapse: collapse;\n height: var(--day-picker-content-height);\n}\n.datePicker .datePickerHead th {\n color: var(--secondary-text-color);\n font: var(--font-text2-normal);\n padding-block: var(--space-2);\n text-align: center;\n height: var(--day-picker-day-height);\n}\n.datePicker .datePickerBody td {\n color: var(--secondary-text-color);\n font: var(--font-text2-normal);\n text-align: center;\n padding: 0;\n}\n.datePicker .datePickerBody .datePickerDay {\n color: var(--primary-text-color);\n font: var(--font-text2-normal);\n width: var(--day-picker-day-width);\n height: var(--day-picker-day-height);\n background: none;\n border: none;\n cursor: pointer;\n border-radius: var(--border-radius-small);\n margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n padding: 0;\n}\n.datePicker .datePickerBody .datePickerDay .datePickerDayContent {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-small);\n}\n.datePicker .datePickerBody .datePickerDay:focus-visible {\n outline: none;\n}\n.datePicker .datePickerBody .datePickerDay:focus-visible .datePickerDayContent {\n outline: 2px solid var(--primary-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayDisabled {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.datePicker .datePickerBody .datePickerDay:not(.datePickerDayDisabled):not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd):not(.datePickerAddToRangeMiddle):not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) .datePickerDayContent:hover {\n background: var(--primary-background-hover-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayOutside {\n color: var(--disabled-text-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDaySelected:not(.datePickerDayRangeMiddle):not(.datePickerRemoveFromRange) {\n background: var(--primary-color);\n color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd):not(.datePickerRemoveFromRange), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart):not(.datePickerRemoveFromRange) {\n background: var(--primary-color);\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange {\n background: var(--primary-color);\n color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange:not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange:not(.datePickerDayRangeStart) {\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n margin-right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n margin-left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\n background-color: var(--primary-selected-color);\n border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n border-top: none;\n border-bottom: none;\n width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\n background: var(--primary-selected-color);\n margin: var(--day-picker-days-vertical-gap) 0;\n border-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerRemoveFromRange:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeStart), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n background: var(--day-picker-day-change-range);\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\n border: none;\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n margin-left: var(--day-picker-days-horizontal-gap);\n border-right: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n border-top-left-radius: var(--border-radius-small);\n border-bottom-left-radius: var(--border-radius-small);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerRemoveFromRange {\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n margin-right: 0;\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\n border: none;\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n margin-right: var(--day-picker-days-horizontal-gap);\n border-left: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n border-top-right-radius: var(--border-radius-small);\n border-bottom-right-radius: var(--border-radius-small);\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerRemoveFromRange {\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n margin-left: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle) {\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\n border-left-width: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\n border-right-width: 0;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\n border-radius: var(--border-radius-small) !important;\n border-color: var(--primary-color) !important;\n background-color: var(--primary-color) !important;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart:not(.datePickerHalfRangeSelected) {\n margin-left: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\n border-radius: var(--border-radius-small) !important;\n border-color: var(--primary-color) !important;\n background-color: var(--primary-color) !important;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd:not(.datePickerHalfRangeSelected) {\n margin-right: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
|
|
1
|
+
var e={datePicker:"datePicker",datePickerMonths:"datePickerMonths",withWeekNumber:"withWeekNumber",datePickerHead:"datePickerHead",datePickerBody:"datePickerBody",datePickerTable:"datePickerTable",datePickerDay:"datePickerDay",datePickerDayContent:"datePickerDayContent",datePickerDayDisabled:"datePickerDayDisabled",datePickerAddToRangeStart:"datePickerAddToRangeStart",datePickerAddToRangeEnd:"datePickerAddToRangeEnd",datePickerAddToRangeMiddle:"datePickerAddToRangeMiddle",datePickerDayRangeStart:"datePickerDayRangeStart",datePickerDayRangeEnd:"datePickerDayRangeEnd",datePickerDayOutside:"datePickerDayOutside",datePickerDaySelected:"datePickerDaySelected",datePickerDayRangeMiddle:"datePickerDayRangeMiddle",datePickerRemoveFromRange:"datePickerRemoveFromRange",datePickerHalfRangeSelected:"datePickerHalfRangeSelected"};!function(e){const a="s_id-18acaee8f787_3_86_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}('/* stylelint-disable */\n/* stylelint-enable */\n.datePicker {\n --day-picker-header-height: 34px;\n --day-picker-content-height: 234px;\n --day-picker-day-width: 30px;\n --day-picker-day-height: 30px;\n --day-picker-days-horizontal-gap: 4px;\n --day-picker-days-vertical-gap: 2px;\n --day-picker-day-change-range: var(--primary-surface-color);\n}\n.datePicker .datePickerMonths {\n display: flex;\n flex-direction: row;\n gap: var(--spacing-medium);\n align-items: flex-start;\n}\n.datePicker.withWeekNumber {\n --day-picker-days-horizontal-gap: 2px;\n width: 284px;\n margin: 0;\n}\n.datePicker.withWeekNumber .datePickerHead td:first-child {\n width: var(--day-picker-day-width);\n border-top-left-radius: var(--border-radius-medium);\n border-top-right-radius: var(--border-radius-medium);\n background-color: var(--primary-background-hover-color);\n}\n.datePicker.withWeekNumber .datePickerHead td:first-child::after {\n color: var(--secondary-text-color);\n font: var(--font-text2-normal);\n display: flex;\n justify-content: center;\n content: "No.";\n}\n.datePicker.withWeekNumber .datePickerBody td:first-child {\n background-color: var(--primary-background-hover-color);\n}\n.datePicker.withWeekNumber .datePickerBody tr:last-child td:first-child {\n border-bottom-left-radius: var(--border-radius-medium);\n border-bottom-right-radius: var(--border-radius-medium);\n}\n.datePicker .datePickerTable {\n margin-top: var(--spacing-small);\n border-collapse: collapse;\n height: var(--day-picker-content-height);\n}\n.datePicker .datePickerHead th {\n color: var(--secondary-text-color);\n font: var(--font-text2-normal);\n padding-block: var(--space-2);\n text-align: center;\n height: var(--day-picker-day-height);\n}\n.datePicker .datePickerBody td {\n color: var(--secondary-text-color);\n font: var(--font-text2-normal);\n text-align: center;\n padding: 0;\n}\n.datePicker .datePickerBody .datePickerDay {\n color: var(--primary-text-color);\n font: var(--font-text2-normal);\n width: var(--day-picker-day-width);\n height: var(--day-picker-day-height);\n background: none;\n border: none;\n cursor: pointer;\n border-radius: var(--border-radius-small);\n margin: var(--day-picker-days-vertical-gap) var(--day-picker-days-horizontal-gap);\n padding: 0;\n}\n.datePicker .datePickerBody .datePickerDay .datePickerDayContent {\n display: flex;\n justify-content: center;\n align-items: center;\n width: 100%;\n height: 100%;\n border-radius: var(--border-radius-small);\n}\n.datePicker .datePickerBody .datePickerDay:focus-visible {\n outline: none;\n}\n.datePicker .datePickerBody .datePickerDay:focus-visible .datePickerDayContent {\n outline: 2px solid var(--primary-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayDisabled {\n color: var(--disabled-text-color);\n cursor: not-allowed;\n}\n.datePicker .datePickerBody .datePickerDay:not(.datePickerDayDisabled):not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd):not(.datePickerAddToRangeMiddle):not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) .datePickerDayContent:hover {\n background: var(--primary-background-hover-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayOutside {\n color: var(--disabled-text-color);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDaySelected:not(.datePickerDayRangeMiddle):not(.datePickerRemoveFromRange) {\n background: var(--primary-color);\n color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd):not(.datePickerRemoveFromRange), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart):not(.datePickerRemoveFromRange) {\n background: var(--primary-color);\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange {\n background: var(--primary-color);\n color: var(--text-color-on-primary);\n}\n.datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart.datePickerRemoveFromRange:not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd.datePickerRemoveFromRange:not(.datePickerDayRangeStart) {\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n margin-right: 0;\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n margin-left: 0;\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n margin: var(--day-picker-days-vertical-gap) 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\n background-color: var(--primary-selected-color);\n border: var(--day-picker-days-horizontal-gap) var(--border-style) var(--primary-selected-color);\n border-top: none;\n border-bottom: none;\n width: calc(var(--day-picker-day-width) + 2 * var(--day-picker-days-horizontal-gap));\n}\n.datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody .datePickerDay.datePickerDayRangeMiddle:not(.datePickerAddToRangeStart):not(.datePickerAddToRangeEnd) {\n background: var(--primary-selected-color);\n margin: var(--day-picker-days-vertical-gap) 0;\n border-radius: 0;\n}\n.datePicker .datePickerBody .datePickerDay.datePickerRemoveFromRange:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeEnd), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle):not(.datePickerDayRangeStart), .datePicker .datePickerBody .datePickerDay.datePickerAddToRangeMiddle {\n background: var(--day-picker-day-change-range);\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\n border: none;\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n margin-left: var(--day-picker-days-horizontal-gap);\n border-right: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n border-top-left-radius: var(--border-radius-small);\n border-bottom-left-radius: var(--border-radius-small);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerRemoveFromRange {\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDayRangeEnd:not(.datePickerDayRangeStart) {\n margin-right: 0;\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd), .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeStart):not(.datePickerDayRangeEnd) {\n border: none;\n width: calc(var(--day-picker-day-width) + var(--day-picker-days-horizontal-gap));\n margin-right: var(--day-picker-days-horizontal-gap);\n border-left: var(--day-picker-days-horizontal-gap) solid var(--primary-selected-color);\n border-top-right-radius: var(--border-radius-small);\n border-bottom-right-radius: var(--border-radius-small);\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerRemoveFromRange {\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart, .datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDayRangeStart:not(.datePickerDayRangeEnd) {\n margin-left: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle), .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeMiddle, .datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeStart:not(.datePickerDayRangeMiddle),\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeMiddle,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerAddToRangeEnd:not(.datePickerDayRangeMiddle) {\n border-color: var(--day-picker-day-change-range);\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\n border-left-width: 0;\n}\n.datePicker .datePickerBody tr td:first-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd,\n.datePicker .datePickerBody tr td:last-child .datePickerDay.datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\n border-right-width: 0;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart {\n border-radius: var(--border-radius-small) !important;\n border-color: var(--primary-color) !important;\n background-color: var(--primary-color) !important;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeEnd.datePickerAddToRangeStart:not(.datePickerHalfRangeSelected) {\n margin-left: calc(var(--day-picker-days-horizontal-gap) * -1);\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd {\n border-radius: var(--border-radius-small) !important;\n border-color: var(--primary-color) !important;\n background-color: var(--primary-color) !important;\n}\n.datePicker .datePickerBody .datePickerDaySelected.datePickerDayRangeStart.datePickerAddToRangeEnd:not(.datePickerHalfRangeSelected) {\n margin-right: calc(var(--day-picker-days-horizontal-gap) * -1);\n}');export{e as default};
|
|
2
2
|
//# sourceMappingURL=DatePicker.module.scss.js.map
|
package/dist/mocked_classnames/src/components/next/DatePicker/DatePickerHeader.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={monthButtonDropdown:"monthButtonDropdown",yearButtonDropdown:"yearButtonDropdown",datePickerHeader:"datePickerHeader"};!function(e){const t="s_id-
|
|
1
|
+
var e={monthButtonDropdown:"monthButtonDropdown",yearButtonDropdown:"yearButtonDropdown",datePickerHeader:"datePickerHeader"};!function(e){const t="s_id-25798679a710_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.monthButtonDropdown {\n min-width: 70px;\n justify-content: space-between;\n}\n.yearButtonDropdown {\n justify-content: space-between;\n}\n.datePickerHeader {\n font: var(--font-text2-normal);\n height: var(--day-picker-header-height);\n color: var(--primary-text-color);\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n}\n.datePickerHeader button:focus:not(:active), .datePickerHeader button:focus-visible {\n box-shadow: 0 0 0 2px var(--primary-color);\n background: var(--primary-background-color) !important;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=DatePickerHeader.module.scss.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{slicedToArray as e,typeof as n,toConsumableArray as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import r,{useState as i,useRef as u,useContext as a,useMemo as l,useCallback as c,useEffect as s}from"react";import{createPortal as d}from"react-dom";import{offset as f,flip as m,shift as v,arrow as p,hide as g,autoUpdate as y,useFloating as h}from"@floating-ui/react-dom";import{isFunction as w}from"es-toolkit";import{convertToArray as b,isInsideClass as C,chainFunctions as D,isClient as E,getTestId as k,ComponentDefaultTestId as T,chainRefFunctions as x,NOOP as M}from"@vibe/shared";import S from"./components/DialogContent/DialogContent.js";import{Refable as O}from"./components/Refable/Refable.js";import R from"./Dialog.module.scss.js";import{LayerContext as A,LayerProvider as H}from"@vibe/layer/mockedClassNames";function j(j){var L,N,F=j.id,B=j["data-testid"],I=j.children,z=j.content,K=j.position,W=void 0===K?"top":K,P=j.moveBy,_=void 0===P?{main:0,secondary:0}:P,q=j.middleware,G=void 0===q?[]:q,J=j.startingEdge,Q=j.showDelay,U=void 0===Q?100:Q,V=j.hideDelay,X=void 0===V?100:V,Y=j.instantShowAndHide,Z=void 0!==Y&&Y,$=j.getDynamicShowDelay,ee=j.showTrigger,ne=void 0===ee?"mouseenter":ee,te=j.hideTrigger,oe=void 0===te?"mouseleave":te,re=j.showOnDialogEnter,ie=void 0!==re&&re,ue=j.showTriggerIgnoreClass,ae=j.hideTriggerIgnoreClass,le=j.addKeyboardHideShowTriggersByDefault,ce=void 0!==le&&le,se=j.shouldShowOnMount,de=void 0!==se&&se,fe=j.disable,me=void 0!==fe&&fe,ve=j.open,pe=void 0!==ve&&ve,ge=j.isOpen,ye=j.useDerivedStateFromProps,he=void 0!==ye&&ye,we=j.animationType,be=void 0===we?"expand":we,Ce=j.preventAnimationOnMount,De=void 0!==Ce&&Ce,Ee=j.tooltip,ke=void 0!==Ee&&Ee,Te=j.tooltipClassName,xe=j.containerSelector,Me=j.disableContainerScroll,Se=j.zIndex,Oe=j.wrapperClassName,Re=j.referenceWrapperClassName,Ae=j.referenceWrapperElement,He=j.onBlur,je=j.onKeyDown,Le=j.onClick,Ne=j.onFocus,Fe=j.onMouseDown,Be=j.onMouseEnter,Ie=j.onMouseLeave,ze=j.onContextMenu,Ke=j.onDialogDidShow,We=void 0===Ke?M:Ke,Pe=j.onDialogDidHide,_e=void 0===Pe?M:Pe,qe=j.onClickOutside,Ge=void 0===qe?M:qe,Je=j.onContentClick,Qe=void 0===Je?M:Je,Ue=j.hideWhenReferenceHidden,Ve=void 0!==Ue&&Ue,Xe=j.shouldCallbackOnMount,Ye=void 0!==Xe&&Xe,Ze=j.observeContentResize,$e=void 0!==Ze&&Ze,en=j.enableNestedDialogLayer,nn=void 0!==en&&en,tn=i(de),on=e(tn,2),rn=on[0],un=on[1],an=i(!1),ln=e(an,2),cn=ln[0],sn=ln[1],dn=i(null),fn=e(dn,2),mn=fn[0],vn=fn[1],pn=u(null),gn=u(null),yn=u(null),hn=u(null),wn=a(A).layerRef,bn=(he?ge:rn)||pe,Cn=l((function(){var e=[],o=G.filter((function(e){return null!=e&&"object"===n(e)&&"function"==typeof e.fn})),r=o.some((function(e){return"offset"===e.name})),i=o.some((function(e){return"flip"===e.name})),u=o.some((function(e){return"shift"===e.name}));return r||0===_.main&&0===_.secondary||e.push(f({mainAxis:_.main||0,crossAxis:_.secondary||0})),i||e.push(m()),u||e.push(v()),e.push.apply(e,t(o)),ke&&e.push(p({element:hn})),Ve&&e.push(g()),e}),[_.main,_.secondary,ke,Ve,G]),Dn=c((function(e,n,t){return y(e,n,t,{elementResize:$e,layoutShift:!1})}),[$e]),En=h({placement:W,middleware:Cn,whileElementsMounted:Dn,elements:{reference:mn}}),kn=En.refs,Tn=En.floatingStyles,xn=En.placement,Mn=En.middlewareData,Sn=null!==(N=null===(L=Mn.hide)||void 0===L?void 0:L.referenceHidden)&&void 0!==N&&N,On=c((function(e){var n=b(ne);return!(!ce||"focus"!==e||!n.includes("mouseenter"))||n.includes(e)}),[ne,ce]),Rn=c((function(e){var n=b(oe);return!(!ce||"blur"!==e||!n.includes("mouseleave"))||n.includes(e)}),[oe,ce]),An=c((function(e,n){var t=U,o=(arguments.length>2&&void 0!==arguments[2]?arguments[2]:{}).preventAnimation;if($){var r=$();t=r.showDelay||0,o=null!=o?o:r.preventAnimation}Z?(We(e,n),un(!0),sn(!!o),pn.current=null):pn.current=setTimeout((function(){We(e,n),pn.current=null,un(!0),sn(!!o)}),t)}),[U,$,Z,We]),Hn=c((function(e,n){Z?(_e(e,n),un(!1),gn.current=null):gn.current=setTimeout((function(){_e(e,n),un(!1),gn.current=null}),X)}),[X,Z,_e]),jn=c((function(e,n){var t=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{};me||(gn.current&&(clearTimeout(gn.current),gn.current=null),pn.current||An(e,n,t))}),[me,An]),Ln=c((function(e,n){pn.current&&(clearTimeout(pn.current),pn.current=null),gn.current||Hn(e,n)}),[Hn]),Nn=c((function(e,n,t){if(n)return!On(e)||bn||C(n,ue)?Rn(e)&&!C(n,ae)?Ln(t,e):void 0:jn(t,e)}),[On,Rn,bn,ue,ae,jn,Ln]),Fn=c((function(){if(xe){var e=document.querySelector(xe);if(e instanceof Element)return e}return(null==wn?void 0:wn.current)||document.body}),[xe,wn]),Bn=c((function(e){return Nn("mouseenter",e.target,e)}),[Nn]),In=c((function(e){return Nn("mouseleave",e.target,e)}),[Nn]),zn=c((function(e){e.button||Nn("click",e.target,e)}),[Nn]),Kn=c((function(e){"Enter"===e.key&&Nn("enter",e.target,e),"Tab"===e.key&&Nn("tab",e.target,e)}),[Nn]),Wn=c((function(e){e.button||Nn("mousedown",e.target,e)}),[Nn]),Pn=c((function(e){return Nn("focus",e.target,e)}),[Nn]),_n=c((function(e){Nn("blur",e.relatedTarget||e.target,e)}),[Nn]),qn=c((function(e){return Nn("esckey",e.target,e)}),[Nn]),Gn=c((function(e){(On("contextmenu")&&!bn||Rn("contextmenu")&&bn)&&e.preventDefault(),Nn("contextmenu",e.target,e)}),[bn,On,Rn,Nn]),Jn=c((function(e){Nn("clickoutside",e.target,e),Ge(e)}),[Nn,Ge]),Qn=c((function(e){ie&&jn(e,"DialogEnter")}),[ie,jn]),Un=c((function(e){ie&&Ln(e,"DialogLeave")}),[ie,Ln]),Vn=c((function(e){Nn("onContentClick",e.target,e),Qe(e)}),[Nn,Qe]),Xn=l((function(){return D([He,_n],!0)}),[He,_n]),Yn=l((function(){return D([je,Kn],!0)}),[je,Kn]),Zn=l((function(){return D([Le,zn],!0)}),[Le,zn]),$n=l((function(){return D([Ne,Pn],!0)}),[Ne,Pn]),et=l((function(){return D([Fe,Wn],!0)}),[Fe,Wn]),nt=l((function(){return D([Be,Bn],!0)}),[Be,Bn]),tt=l((function(){return D([Ie,In],!0)}),[Ie,In]),ot=l((function(){return D([ze,Gn],!0)}),[ze,Gn]),rt=u();rt.current=function(e){if(bn)switch(e.key){case"Escape":Ln(e,"esckey");break;case"Tab":Nn("tab",e.target,e);break;case"Enter":Nn("enter",e.target,e)}},s((function(){Ye&&de&&We()}),[]),s((function(){return function(){pn.current&&clearTimeout(pn.current),gn.current&&clearTimeout(gn.current)}}),[]),s((function(){if(E()){var e=function(e){var n;return null===(n=rt.current)||void 0===n?void 0:n.call(rt,e)};return document.addEventListener("keyup",e),function(){return document.removeEventListener("keyup",e)}}}),[]),s((function(){if(Ve&&Sn&&bn){var e=new CustomEvent("onReferenceHidden");Hn(e,"onReferenceHidden")}}),[Ve,Sn,bn,Hn]);var it=B||k(T.DIALOG,F),ut=l((function(){if(!Mn.arrow)return{};var e=Mn.arrow,n=e.x,t=e.y;return{left:null!=n?"".concat(n,"px"):"",top:null!=t?"".concat(t,"px"):"",transform:"rotate(45deg)"}}),[Mn.arrow]),at=l((function(){return Object.assign(Object.assign({},Tn),void 0!==Se&&{zIndex:Se})}),[Tn,Se]),lt=De||cn?void 0:be,ct=w(z)?z():z;if(!ct)return r.createElement(r.Fragment,null,I);var st=x([kn.setFloating,yn]),dt=r.createElement(S,{"data-testid":it,isReferenceHidden:Ve&&Sn,onMouseEnter:Qn,onMouseLeave:Un,onClickOutside:Jn,onContextMenu:Gn,onEsc:qn,animationType:lt,position:xn,wrapperClassName:Oe,startingEdge:J,isOpen:bn,showDelay:U,styleObject:at,ref:st,onClick:Vn,hasTooltip:!!ke,containerSelector:xe,disableContainerScroll:Me},ct,ke&&r.createElement("div",{style:ut,ref:hn,className:o(R.arrow,Te),"data-placement":xn}));return r.createElement(r.Fragment,null,r.createElement(O,{className:o(Re),wrapperElement:Ae,ref:vn,onBlur:Xn,onKeyDown:Yn,onClick:Zn,onFocus:$n,onMouseDown:et,onMouseEnter:nt,onMouseLeave:tt,onContextMenu:ot},I),E()&&bn&&d(nn?r.createElement(H,{layerRef:yn},dt):dt,Fn()))}export{j as default};
|
|
2
|
+
//# sourceMappingURL=Dialog.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.js","sources":["../../../../../../src/components/next/Dialog/Dialog.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useState, useEffect, useRef, useContext, useCallback, useMemo } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport {\n useFloating,\n offset,\n flip,\n shift,\n hide,\n arrow as arrowMiddleware,\n autoUpdate,\n type Placement,\n type Middleware\n} from \"@floating-ui/react-dom\";\nimport { isFunction } from \"es-toolkit\";\nimport {\n chainFunctions,\n chainRefFunctions,\n convertToArray,\n NOOP,\n isInsideClass,\n ComponentDefaultTestId,\n getTestId,\n isClient\n} from \"@vibe/shared\";\nimport DialogContent from \"./components/DialogContent/DialogContent\";\nimport { Refable } from \"./components/Refable/Refable\";\nimport styles from \"./Dialog.module.scss\";\nimport { type DialogTriggerEvent, type DialogEvent, type DialogProps } from \"./Dialog.types\";\nimport { LayerContext, LayerProvider } from \"@vibe/layer\";\n\nfunction Dialog({\n // Core props\n id,\n \"data-testid\": dataTestId,\n children,\n content,\n position = \"top\",\n moveBy = { main: 0, secondary: 0 },\n middleware: middlewareProp = [],\n startingEdge,\n showDelay = 100,\n hideDelay = 100,\n instantShowAndHide = false,\n getDynamicShowDelay,\n showTrigger = \"mouseenter\",\n hideTrigger = \"mouseleave\",\n showOnDialogEnter = false,\n showTriggerIgnoreClass,\n hideTriggerIgnoreClass,\n addKeyboardHideShowTriggersByDefault = false,\n shouldShowOnMount = false,\n disable = false,\n open = false,\n isOpen: isOpenProp,\n useDerivedStateFromProps = false,\n animationType = \"expand\",\n preventAnimationOnMount = false,\n tooltip = false,\n tooltipClassName,\n containerSelector,\n disableContainerScroll,\n zIndex,\n wrapperClassName,\n referenceWrapperClassName,\n referenceWrapperElement,\n onBlur: onBlurProp,\n onKeyDown: onKeyDownProp,\n onClick: onClickProp,\n onFocus: onFocusProp,\n onMouseDown: onMouseDownProp,\n onMouseEnter: onMouseEnterProp,\n onMouseLeave: onMouseLeaveProp,\n onContextMenu: onContextMenuProp,\n onDialogDidShow = NOOP,\n onDialogDidHide = NOOP,\n onClickOutside: onClickOutsideProp = NOOP,\n onContentClick: onContentClickProp = NOOP,\n hideWhenReferenceHidden = false,\n shouldCallbackOnMount = false,\n observeContentResize = false,\n enableNestedDialogLayer = false\n}: DialogProps) {\n const [isOpenState, setIsOpenState] = useState(shouldShowOnMount);\n const [preventAnimation, setPreventAnimation] = useState(false);\n const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n\n const showTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const hideTimeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n const containerRef = useRef<HTMLDivElement>(null);\n const arrowRef = useRef<HTMLDivElement>(null);\n\n const { layerRef } = useContext(LayerContext);\n\n // Derived state\n const isOpenInternal = useDerivedStateFromProps ? isOpenProp : isOpenState;\n const isShown = isOpenInternal || open;\n\n // Build middleware array for Floating UI\n const floatingMiddleware = useMemo<Middleware[]>(() => {\n const middlewareList: Middleware[] = [];\n\n // Get user-provided middleware (filter out invalid ones)\n const validMiddleware = middlewareProp.filter(\n (m): m is Middleware => m != null && typeof m === \"object\" && typeof m.fn === \"function\"\n );\n\n // Check if user provided their own middleware to override defaults\n const hasCustomOffset = validMiddleware.some(m => m.name === \"offset\");\n const hasCustomFlip = validMiddleware.some(m => m.name === \"flip\");\n const hasCustomShift = validMiddleware.some(m => m.name === \"shift\");\n\n // Offset middleware - skip if user provided their own\n if (!hasCustomOffset && (moveBy.main !== 0 || moveBy.secondary !== 0)) {\n middlewareList.push(offset({ mainAxis: moveBy.main || 0, crossAxis: moveBy.secondary || 0 }));\n }\n\n // Core positioning middleware - skip if user provided their own\n if (!hasCustomFlip) {\n middlewareList.push(flip());\n }\n if (!hasCustomShift) {\n middlewareList.push(shift());\n }\n\n // Add user-provided middleware\n middlewareList.push(...validMiddleware);\n\n // Arrow middleware - pass ref directly, Floating UI handles null refs\n if (tooltip) {\n middlewareList.push(arrowMiddleware({ element: arrowRef }));\n }\n\n // Hide middleware for detecting when reference is hidden\n if (hideWhenReferenceHidden) {\n middlewareList.push(hide());\n }\n\n return middlewareList;\n }, [moveBy.main, moveBy.secondary, tooltip, hideWhenReferenceHidden, middlewareProp]);\n\n // Configure autoUpdate for position tracking\n const whileElementsMounted = useCallback(\n (reference: HTMLElement, floating: HTMLElement, update: () => void) => {\n return autoUpdate(reference, floating, update, {\n elementResize: observeContentResize,\n layoutShift: false\n });\n },\n [observeContentResize]\n );\n\n // Use Floating UI hook\n const { refs, floatingStyles, placement, middlewareData } = useFloating({\n placement: position as Placement,\n middleware: floatingMiddleware,\n whileElementsMounted,\n elements: {\n reference: referenceElement\n }\n });\n\n // Check if reference is hidden (from hide middleware)\n const isReferenceHidden = middlewareData.hide?.referenceHidden ?? false;\n\n const isShowTrigger = useCallback(\n (eventName: DialogTriggerEvent) => {\n const showTriggersArray = convertToArray(showTrigger);\n if (addKeyboardHideShowTriggersByDefault && eventName === \"focus\" && showTriggersArray.includes(\"mouseenter\")) {\n return true;\n }\n return showTriggersArray.includes(eventName);\n },\n [showTrigger, addKeyboardHideShowTriggersByDefault]\n );\n\n const isHideTrigger = useCallback(\n (eventName: DialogTriggerEvent) => {\n const hideTriggersArray = convertToArray(hideTrigger);\n if (addKeyboardHideShowTriggersByDefault && eventName === \"blur\" && hideTriggersArray.includes(\"mouseleave\")) {\n return true;\n }\n return hideTriggersArray.includes(eventName);\n },\n [hideTrigger, addKeyboardHideShowTriggersByDefault]\n );\n\n const showDialog = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string, options: { preventAnimation?: boolean } = {}) => {\n let finalShowDelay = showDelay;\n let preventAnimationValue = options.preventAnimation;\n if (getDynamicShowDelay) {\n const dynamicDelayObj = getDynamicShowDelay();\n finalShowDelay = dynamicDelayObj.showDelay || 0;\n preventAnimationValue = preventAnimationValue ?? dynamicDelayObj.preventAnimation;\n }\n\n if (instantShowAndHide) {\n onDialogDidShow(event, eventName);\n setIsOpenState(true);\n setPreventAnimation(!!preventAnimationValue);\n showTimeoutRef.current = null;\n } else {\n showTimeoutRef.current = setTimeout(() => {\n onDialogDidShow(event, eventName);\n showTimeoutRef.current = null;\n setIsOpenState(true);\n setPreventAnimation(!!preventAnimationValue);\n }, finalShowDelay);\n }\n },\n [showDelay, getDynamicShowDelay, instantShowAndHide, onDialogDidShow]\n );\n\n const hideDialog = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string) => {\n if (instantShowAndHide) {\n onDialogDidHide(event, eventName);\n setIsOpenState(false);\n hideTimeoutRef.current = null;\n } else {\n hideTimeoutRef.current = setTimeout(() => {\n onDialogDidHide(event, eventName);\n setIsOpenState(false);\n hideTimeoutRef.current = null;\n }, hideDelay);\n }\n },\n [hideDelay, instantShowAndHide, onDialogDidHide]\n );\n\n const showDialogIfNeeded = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string, options = {}) => {\n if (disable) {\n return;\n }\n\n if (hideTimeoutRef.current) {\n clearTimeout(hideTimeoutRef.current);\n hideTimeoutRef.current = null;\n }\n\n if (!showTimeoutRef.current) {\n showDialog(event, eventName, options);\n }\n },\n [disable, showDialog]\n );\n\n const hideDialogIfNeeded = useCallback(\n (event: DialogEvent, eventName: DialogTriggerEvent | string) => {\n if (showTimeoutRef.current) {\n clearTimeout(showTimeoutRef.current);\n showTimeoutRef.current = null;\n }\n\n if (!hideTimeoutRef.current) {\n hideDialog(event, eventName);\n }\n },\n [hideDialog]\n );\n\n // Event handling\n const handleEvent = useCallback(\n (eventName: DialogTriggerEvent, target: EventTarget | null, event: DialogEvent) => {\n if (!target) return; // Guard against null targets (e.g., when focus leaves the document)\n if (isShowTrigger(eventName) && !isShown && !isInsideClass(target as HTMLElement, showTriggerIgnoreClass)) {\n return showDialogIfNeeded(event, eventName);\n }\n\n if (isHideTrigger(eventName) && !isInsideClass(target as HTMLElement, hideTriggerIgnoreClass)) {\n return hideDialogIfNeeded(event, eventName);\n }\n },\n [\n isShowTrigger,\n isHideTrigger,\n isShown,\n showTriggerIgnoreClass,\n hideTriggerIgnoreClass,\n showDialogIfNeeded,\n hideDialogIfNeeded\n ]\n );\n\n const getContainer = useCallback(() => {\n if (containerSelector) {\n const containerElement = document.querySelector(containerSelector);\n if (containerElement instanceof Element) {\n return containerElement;\n }\n }\n return layerRef?.current || document.body;\n }, [containerSelector, layerRef]);\n\n // Memoized event handlers to prevent unnecessary re-renders\n const onMouseEnter = useCallback((e: React.MouseEvent) => handleEvent(\"mouseenter\", e.target, e), [handleEvent]);\n const onMouseLeave = useCallback((e: React.MouseEvent) => handleEvent(\"mouseleave\", e.target, e), [handleEvent]);\n const onClick = useCallback(\n (e: React.MouseEvent) => {\n if (e.button) return;\n handleEvent(\"click\", e.target, e);\n },\n [handleEvent]\n );\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n // Handle element-level keyboard events for triggers\n if (event.key === \"Enter\") handleEvent(\"enter\", event.target, event);\n if (event.key === \"Tab\") handleEvent(\"tab\", event.target, event);\n },\n [handleEvent]\n );\n\n const onMouseDown = useCallback(\n (e: React.MouseEvent) => {\n if (e.button) return;\n handleEvent(\"mousedown\", e.target, e);\n },\n [handleEvent]\n );\n const onFocus = useCallback((e: React.FocusEvent) => handleEvent(\"focus\", e.target, e), [handleEvent]);\n const onBlur = useCallback(\n (e: React.FocusEvent) => {\n const target = e.relatedTarget || e.target;\n handleEvent(\"blur\", target, e);\n },\n [handleEvent]\n );\n const onEsc = useCallback((e: React.KeyboardEvent) => handleEvent(\"esckey\", e.target, e), [handleEvent]);\n const onContextMenu = useCallback(\n (e: React.MouseEvent) => {\n if ((isShowTrigger(\"contextmenu\") && !isShown) || (isHideTrigger(\"contextmenu\") && isShown)) {\n e.preventDefault();\n }\n handleEvent(\"contextmenu\", e.target, e);\n },\n [isShown, isShowTrigger, isHideTrigger, handleEvent]\n );\n\n const onClickOutside = useCallback(\n (event: React.MouseEvent) => {\n handleEvent(\"clickoutside\", event.target, event);\n onClickOutsideProp(event);\n },\n [handleEvent, onClickOutsideProp]\n );\n\n const onDialogEnter = useCallback(\n (event: React.MouseEvent) => {\n if (showOnDialogEnter) showDialogIfNeeded(event, \"DialogEnter\");\n },\n [showOnDialogEnter, showDialogIfNeeded]\n );\n\n const onDialogLeave = useCallback(\n (event: React.MouseEvent) => {\n if (showOnDialogEnter) hideDialogIfNeeded(event, \"DialogLeave\");\n },\n [showOnDialogEnter, hideDialogIfNeeded]\n );\n\n const onContentClick = useCallback(\n (e: React.MouseEvent) => {\n handleEvent(\"onContentClick\", e.target, e);\n onContentClickProp(e);\n },\n [handleEvent, onContentClickProp]\n );\n\n // Memoized chained event handlers to prevent Refable children re-renders\n const chainedOnBlur = useMemo(() => chainFunctions([onBlurProp, onBlur], true), [onBlurProp, onBlur]);\n const chainedOnKeyDown = useMemo(() => chainFunctions([onKeyDownProp, onKeyDown], true), [onKeyDownProp, onKeyDown]);\n const chainedOnClick = useMemo(() => chainFunctions([onClickProp, onClick], true), [onClickProp, onClick]);\n const chainedOnFocus = useMemo(() => chainFunctions([onFocusProp, onFocus], true), [onFocusProp, onFocus]);\n const chainedOnMouseDown = useMemo(\n () => chainFunctions([onMouseDownProp, onMouseDown], true),\n [onMouseDownProp, onMouseDown]\n );\n const chainedOnMouseEnter = useMemo(\n () => chainFunctions([onMouseEnterProp, onMouseEnter], true),\n [onMouseEnterProp, onMouseEnter]\n );\n const chainedOnMouseLeave = useMemo(\n () => chainFunctions([onMouseLeaveProp, onMouseLeave], true),\n [onMouseLeaveProp, onMouseLeave]\n );\n const chainedOnContextMenu = useMemo(\n () => chainFunctions([onContextMenuProp, onContextMenu], true),\n [onContextMenuProp, onContextMenu]\n );\n\n // Document-level keyboard handler using stable ref pattern\n // Must handle Escape, Tab, and Enter at document level to match old behavior\n const closeDialogOnEscapeRef = useRef<(event: KeyboardEvent) => void>();\n closeDialogOnEscapeRef.current = (event: KeyboardEvent) => {\n if (!isShown) return;\n\n switch (event.key) {\n case \"Escape\":\n hideDialogIfNeeded(event, \"esckey\");\n break;\n case \"Tab\":\n handleEvent(\"tab\", event.target, event);\n break;\n case \"Enter\":\n handleEvent(\"enter\", event.target, event);\n break;\n }\n };\n\n // Effects\n\n // Callback on mount\n useEffect(() => {\n if (shouldCallbackOnMount && shouldShowOnMount) {\n onDialogDidShow();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, []);\n\n // Cleanup timeouts on unmount\n useEffect(() => {\n return () => {\n if (showTimeoutRef.current) clearTimeout(showTimeoutRef.current);\n if (hideTimeoutRef.current) clearTimeout(hideTimeoutRef.current);\n };\n }, []);\n\n // Document keyboard listener (stable reference via ref)\n useEffect(() => {\n if (!isClient()) return;\n\n const handler = (event: KeyboardEvent) => closeDialogOnEscapeRef.current?.(event);\n document.addEventListener(\"keyup\", handler);\n return () => document.removeEventListener(\"keyup\", handler);\n }, []);\n\n // Handle reference hidden state\n useEffect(() => {\n if (hideWhenReferenceHidden && isReferenceHidden && isShown) {\n const event = new CustomEvent(\"onReferenceHidden\");\n hideDialog(event, \"onReferenceHidden\");\n }\n }, [hideWhenReferenceHidden, isReferenceHidden, isShown, hideDialog]);\n\n // Computed values\n const overrideDataTestId = dataTestId || getTestId(ComponentDefaultTestId.DIALOG, id);\n\n const arrowStyles = useMemo<React.CSSProperties>(() => {\n if (!middlewareData.arrow) return {};\n const { x, y } = middlewareData.arrow;\n return {\n left: x != null ? `${x}px` : \"\",\n top: y != null ? `${y}px` : \"\",\n transform: \"rotate(45deg)\"\n };\n }, [middlewareData.arrow]);\n\n const finalFloatingStyles = useMemo<React.CSSProperties>(\n () => ({ ...floatingStyles, ...(zIndex !== undefined && { zIndex }) }),\n [floatingStyles, zIndex]\n );\n\n const animationTypeCalculated = preventAnimationOnMount || preventAnimation ? undefined : animationType;\n const contentRendered = isFunction(content) ? content() : content;\n\n // Early return if no content - wrap in fragment for type safety\n if (!contentRendered) {\n return <>{children}</>;\n }\n\n const mergedFloatingRef = chainRefFunctions([refs.setFloating, containerRef]);\n\n const dialogContent = (\n <DialogContent\n data-testid={overrideDataTestId}\n isReferenceHidden={hideWhenReferenceHidden && isReferenceHidden}\n onMouseEnter={onDialogEnter}\n onMouseLeave={onDialogLeave}\n onClickOutside={onClickOutside}\n onContextMenu={onContextMenu}\n onEsc={onEsc}\n animationType={animationTypeCalculated}\n position={placement}\n wrapperClassName={wrapperClassName}\n startingEdge={startingEdge}\n isOpen={isShown}\n showDelay={showDelay}\n styleObject={finalFloatingStyles}\n ref={mergedFloatingRef}\n onClick={onContentClick}\n hasTooltip={!!tooltip}\n containerSelector={containerSelector}\n disableContainerScroll={disableContainerScroll}\n >\n {contentRendered}\n {tooltip && (\n <div\n style={arrowStyles}\n ref={arrowRef}\n className={cx(styles.arrow, tooltipClassName)}\n data-placement={placement}\n />\n )}\n </DialogContent>\n );\n\n return (\n <>\n <Refable\n className={cx(referenceWrapperClassName)}\n wrapperElement={referenceWrapperElement}\n ref={setReferenceElement}\n onBlur={chainedOnBlur}\n onKeyDown={chainedOnKeyDown}\n onClick={chainedOnClick}\n onFocus={chainedOnFocus}\n onMouseDown={chainedOnMouseDown}\n onMouseEnter={chainedOnMouseEnter}\n onMouseLeave={chainedOnMouseLeave}\n onContextMenu={chainedOnContextMenu}\n >\n {children}\n </Refable>\n {isClient() &&\n isShown &&\n createPortal(\n enableNestedDialogLayer ? (\n <LayerProvider layerRef={containerRef}>{dialogContent}</LayerProvider>\n ) : (\n dialogContent\n ),\n getContainer()\n )}\n </>\n );\n}\n\nexport default Dialog;\n"],"names":["Dialog","_ref","id","dataTestId","children","content","_ref$position","position","_ref$moveBy","moveBy","main","secondary","_ref$middleware","middleware","middlewareProp","startingEdge","_ref$showDelay","showDelay","_ref$hideDelay","hideDelay","_ref$instantShowAndHi","instantShowAndHide","getDynamicShowDelay","_ref$showTrigger","showTrigger","_ref$hideTrigger","hideTrigger","_ref$showOnDialogEnte","showOnDialogEnter","showTriggerIgnoreClass","hideTriggerIgnoreClass","_ref$addKeyboardHideS","addKeyboardHideShowTriggersByDefault","_ref$shouldShowOnMoun","shouldShowOnMount","_ref$disable","disable","_ref$open","open","isOpenProp","isOpen","_ref$useDerivedStateF","useDerivedStateFromProps","_ref$animationType","animationType","_ref$preventAnimation","preventAnimationOnMount","_ref$tooltip","tooltip","tooltipClassName","containerSelector","disableContainerScroll","zIndex","wrapperClassName","referenceWrapperClassName","referenceWrapperElement","onBlurProp","onBlur","onKeyDownProp","onKeyDown","onClickProp","onClick","onFocusProp","onFocus","onMouseDownProp","onMouseDown","onMouseEnterProp","onMouseEnter","onMouseLeaveProp","onMouseLeave","onContextMenuProp","onContextMenu","_ref$onDialogDidShow","onDialogDidShow","NOOP","_ref$onDialogDidHide","onDialogDidHide","_ref$onClickOutside","onClickOutside","onClickOutsideProp","_ref$onContentClick","onContentClick","onContentClickProp","_ref$hideWhenReferenc","hideWhenReferenceHidden","_ref$shouldCallbackOn","shouldCallbackOnMount","_ref$observeContentRe","observeContentResize","_ref$enableNestedDial","enableNestedDialogLayer","_useState","useState","_useState2","_slicedToArray","isOpenState","setIsOpenState","_useState3","_useState4","preventAnimation","setPreventAnimation","_useState5","_useState6","referenceElement","setReferenceElement","showTimeoutRef","useRef","hideTimeoutRef","containerRef","arrowRef","layerRef","useContext","LayerContext","isShown","floatingMiddleware","useMemo","middlewareList","validMiddleware","filter","m","_typeof","fn","hasCustomOffset","some","name","hasCustomFlip","hasCustomShift","push","offset","mainAxis","crossAxis","flip","shift","apply","_toConsumableArray","arrowMiddleware","element","hide","whileElementsMounted","useCallback","reference","floating","update","autoUpdate","elementResize","layoutShift","_useFloating","useFloating","placement","elements","refs","floatingStyles","middlewareData","isReferenceHidden","_b","_a","referenceHidden","isShowTrigger","eventName","showTriggersArray","convertToArray","includes","isHideTrigger","hideTriggersArray","showDialog","event","finalShowDelay","preventAnimationValue","arguments","length","undefined","dynamicDelayObj","current","setTimeout","hideDialog","showDialogIfNeeded","options","clearTimeout","hideDialogIfNeeded","handleEvent","target","isInsideClass","getContainer","containerElement","document","querySelector","Element","body","e","button","key","relatedTarget","onEsc","preventDefault","onDialogEnter","onDialogLeave","chainedOnBlur","chainFunctions","chainedOnKeyDown","chainedOnClick","chainedOnFocus","chainedOnMouseDown","chainedOnMouseEnter","chainedOnMouseLeave","chainedOnContextMenu","closeDialogOnEscapeRef","useEffect","isClient","handler","call","addEventListener","removeEventListener","CustomEvent","overrideDataTestId","getTestId","ComponentDefaultTestId","DIALOG","arrowStyles","arrow","_middlewareData$arrow","x","y","left","concat","top","transform","finalFloatingStyles","Object","assign","animationTypeCalculated","contentRendered","isFunction","React","createElement","Fragment","mergedFloatingRef","chainRefFunctions","setFloating","dialogContent","DialogContent","styleObject","ref","hasTooltip","style","className","cx","styles","Refable","wrapperElement","createPortal","LayerProvider"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var a={arrow:"arrow"};!function(a){const e="s_id-3fb64cda561a_3_86_0";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(a))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=a)}(".arrow {\n width: 12px;\n height: 12px;\n position: absolute;\n border-radius: 2px;\n background-color: var(--secondary-background-color);\n}\n.dark-app-theme .arrow[data-placement*=right], .black-app-theme .arrow[data-placement*=right], .hacker-app-theme .arrow[data-placement*=right] {\n box-shadow: -1px 1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=left], .black-app-theme .arrow[data-placement*=left], .hacker-app-theme .arrow[data-placement*=left] {\n box-shadow: 1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=bottom], .black-app-theme .arrow[data-placement*=bottom], .hacker-app-theme .arrow[data-placement*=bottom] {\n box-shadow: -1px -1px 0px 0px var(--layout-border-color);\n}\n.dark-app-theme .arrow[data-placement*=top], .black-app-theme .arrow[data-placement*=top], .hacker-app-theme .arrow[data-placement*=top] {\n box-shadow: 1px 1px 0px 0px var(--layout-border-color);\n}\n.arrow[data-placement*=bottom] {\n top: 1px;\n}\n.arrow[data-placement*=top] {\n bottom: 1px;\n}\n.arrow[data-placement*=left] {\n right: 1px;\n}\n.arrow[data-placement*=right] {\n left: 1px;\n}");export{a as default};
|
|
2
|
+
//# sourceMappingURL=Dialog.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Dialog.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
package/dist/mocked_classnames/src/components/next/Dialog/components/DialogContent/DialogContent.js
ADDED
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{defineProperty as e}from"../../../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as a,useRef as t,useCallback as i,useMemo as n,useEffect as r,cloneElement as s}from"react";import l from"classnames";import{camelCase as p}from"es-toolkit";import{CSSTransition as c}from"react-transition-group";import{useClickOutside as d}from"@vibe/hooks";import{keyCodes as m,useMergeRef as u,NOOP as v,useKeyEvent as f,chainFunctions as b,getStyle as k}from"@vibe/shared";import y from"./DialogContent.module.scss.js";import E from"../../hooks/useDisableScroll.js";var C={},h=[m.ESCAPE],x=a((function(a,m){var x=a.onEsc,g=void 0===x?v:x,A=a.children,N=a.position,S=a.wrapperClassName,M=a.isOpen,j=void 0!==M&&M,w=a.startingEdge,D=a.animationType,L=void 0===D?"expand":D,O=a.onMouseEnter,P=void 0===O?v:O,T=a.onMouseLeave,H=void 0===T?v:T,R=a.onClickOutside,_=void 0===R?v:R,B=a.onClick,V=void 0===B?v:B,W=a.onContextMenu,q=void 0===W?v:W,z=a.showDelay,F=a.styleObject,G=void 0===F?C:F,I=a.isReferenceHidden,J=a.hasTooltip,K=void 0!==J&&J,Q=a.containerSelector,U=a.disableContainerScroll,X=void 0!==U&&U,Y=a["data-testid"],Z=t(null),$=t(null),ee=u(m,$),oe=i((function(e){if(j)return _(e,"clickoutside")}),[j,_]),ae=i((function(e){j&&q(e)}),[j,q]),te=n((function(){return function(e){j&&g!==v&&g(e)}}),[j,g]);f({keys:h,callback:te}),d({callback:oe,ref:$}),d({eventName:"contextmenu",callback:ae,ref:$});var ie=E("string"==typeof X?X:Q),ne=ie.disableScroll,re=ie.enableScroll;r((function(){X&&(j?ne():re())}),[X,ne,re,j]);var se={classNames:void 0};switch(L){case"expand":se.classNames={appear:y.expandAppear,appearActive:y.expandAppearActive,exit:y.expandExit};break;case"opacity-and-slide":se.classNames={appear:y.opacitySlideAppear,appearActive:y.opacitySlideAppearActive}}var le=o.Children.map(A,(function(e){return o.isValidElement(e)?s(e,{onMouseEnter:b([e.props.onMouseEnter,P]),onMouseLeave:b([e.props.onMouseLeave,H])}):e}));return o.createElement("span",{className:l("monday-style-dialog-content-wrapper",y.contentWrapper,S),ref:ee,"data-testid":Y,style:G,onClickCapture:V,"data-dialog-reference-hidden":I},o.createElement(c,{classNames:se.classNames,nodeRef:Z,in:j,appear:!!L,timeout:z},o.createElement("div",{className:l(y.contentComponent,k(y,p(N)),e(e({},k(y,p("edge-"+w)),w),y.hasTooltip,K)),ref:Z},le)))}));export{x as default};
|
|
2
|
+
//# sourceMappingURL=DialogContent.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DialogContent.js","sources":["../../../../../../../../src/components/next/Dialog/components/DialogContent/DialogContent.tsx"],"sourcesContent":["import React, {\n cloneElement,\n type CSSProperties,\n forwardRef,\n type ReactElement,\n useCallback,\n useEffect,\n useMemo,\n useRef\n} from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"es-toolkit\";\nimport { CSSTransition } from \"react-transition-group\";\nimport { type CSSTransitionProps } from \"react-transition-group/CSSTransition\";\nimport { useClickOutside } from \"@vibe/hooks\";\nimport {\n chainFunctions,\n NOOP,\n useKeyEvent,\n type VibeComponentProps,\n keyCodes,\n getStyle,\n useMergeRef\n} from \"@vibe/shared\";\nimport {\n type DialogAnimationType,\n type DialogTriggerEvent,\n type DialogStartingEdge,\n type DialogPlacement\n} from \"../../Dialog.types\";\nimport styles from \"./DialogContent.module.scss\";\nimport useDisableScroll from \"../../hooks/useDisableScroll\";\n\nconst EMPTY_OBJECT: CSSProperties = {};\nconst ESCAPE_KEYS = [keyCodes.ESCAPE];\n\nexport interface DialogContentProps extends VibeComponentProps {\n /**\n * The content inside the dialog.\n */\n children?: ReactElement | ReactElement[];\n /**\n * The placement of the dialog relative to the reference element.\n */\n position?: DialogPlacement;\n /**\n * Class name applied to the dialog wrapper.\n */\n wrapperClassName?: string;\n /**\n * If true, the dialog is open.\n */\n isOpen?: boolean;\n /**\n * The starting edge for animation direction.\n */\n startingEdge?: DialogStartingEdge;\n /**\n * The animation type used for showing/hiding the dialog.\n */\n animationType?: DialogAnimationType;\n /**\n * Callback fired when the Escape key is pressed.\n */\n onEsc?: (event: React.KeyboardEvent) => void;\n /**\n * Callback fired when the mouse enters the dialog.\n */\n onMouseEnter?: (event: React.MouseEvent) => void;\n /**\n * Callback fired when the mouse leaves the dialog.\n */\n onMouseLeave?: (event: React.MouseEvent) => void;\n /**\n * Callback fired when clicking outside the dialog.\n */\n onClickOutside?: (event: React.MouseEvent, hideShowEvent: DialogTriggerEvent) => void;\n /**\n * Callback fired when clicking inside the dialog.\n */\n onClick?: (event: React.MouseEvent) => void;\n /**\n * Delay before showing the dialog (used for animation timing).\n */\n showDelay?: number;\n /**\n * Inline styles applied to the dialog wrapper.\n */\n styleObject?: CSSProperties;\n /**\n * If true, indicates the reference element is hidden.\n */\n isReferenceHidden?: boolean;\n /**\n * If true, applies tooltip arrow styling.\n */\n hasTooltip?: boolean;\n /**\n * CSS selector of the container for scroll disabling.\n */\n containerSelector?: string;\n /**\n * If true or a selector string, disables scrolling when open.\n */\n disableContainerScroll?: boolean | string;\n /**\n * Callback fired on context menu (right-click) events.\n */\n onContextMenu?: (e: React.MouseEvent) => void;\n}\n\nconst DialogContent = forwardRef<HTMLElement, DialogContentProps>(\n (\n {\n onEsc = NOOP,\n children,\n position,\n wrapperClassName,\n isOpen = false,\n startingEdge,\n animationType = \"expand\",\n onMouseEnter = NOOP,\n onMouseLeave = NOOP,\n onClickOutside = NOOP,\n onClick = NOOP,\n onContextMenu = NOOP,\n showDelay,\n styleObject = EMPTY_OBJECT,\n isReferenceHidden,\n hasTooltip = false,\n containerSelector,\n disableContainerScroll = false,\n \"data-testid\": dataTestId\n },\n forwardedRef\n ) => {\n const contentRef = useRef<HTMLDivElement>(null);\n const wrapperRef = useRef<HTMLSpanElement>(null);\n const mergedWrapperRef = useMergeRef(forwardedRef, wrapperRef);\n\n const onOutsideClick = useCallback(\n (event: React.MouseEvent) => {\n if (isOpen) {\n return onClickOutside(event, \"clickoutside\");\n }\n },\n [isOpen, onClickOutside]\n );\n const overrideOnContextMenu = useCallback(\n (event: React.MouseEvent) => {\n if (isOpen) {\n onContextMenu(event);\n }\n },\n [isOpen, onContextMenu]\n );\n\n // Wrap escape callback to ensure useKeyEvent always receives a valid function\n const escapeCallback = useMemo(\n () => (event: KeyboardEvent) => {\n if (isOpen && onEsc !== NOOP) {\n onEsc(event as unknown as React.KeyboardEvent);\n }\n },\n [isOpen, onEsc]\n );\n useKeyEvent({ keys: ESCAPE_KEYS, callback: escapeCallback });\n\n // Watch the wrapper ref to include padding area, tooltip arrows, and nested Dialogs\n useClickOutside({ callback: onOutsideClick, ref: wrapperRef });\n useClickOutside({ eventName: \"contextmenu\", callback: overrideOnContextMenu, ref: wrapperRef });\n const selectorToDisable = typeof disableContainerScroll === \"string\" ? disableContainerScroll : containerSelector;\n const { disableScroll, enableScroll } = useDisableScroll(selectorToDisable);\n\n useEffect(() => {\n if (disableContainerScroll) {\n if (isOpen) {\n disableScroll();\n } else {\n enableScroll();\n }\n }\n }, [disableContainerScroll, disableScroll, enableScroll, isOpen]);\n\n const transitionOptions: Partial<CSSTransitionProps> = { classNames: undefined };\n\n switch (animationType) {\n case \"expand\":\n transitionOptions.classNames = {\n appear: styles.expandAppear,\n appearActive: styles.expandAppearActive,\n exit: styles.expandExit\n };\n break;\n case \"opacity-and-slide\":\n transitionOptions.classNames = {\n appear: styles.opacitySlideAppear,\n appearActive: styles.opacitySlideAppearActive\n };\n break;\n }\n\n // Clone children to attach mouse event handlers, with proper type checking\n const childrenWithHandlers = React.Children.map(children, child => {\n // Only clone valid React elements, pass through primitives unchanged\n if (!React.isValidElement(child)) {\n return child;\n }\n\n return cloneElement(child as ReactElement, {\n onMouseEnter: chainFunctions([(child as ReactElement).props.onMouseEnter, onMouseEnter]),\n onMouseLeave: chainFunctions([(child as ReactElement).props.onMouseLeave, onMouseLeave])\n });\n });\n\n return (\n <span\n // Legacy class name preserved for Monolith overrides\n className={cx(\"monday-style-dialog-content-wrapper\", styles.contentWrapper, wrapperClassName)}\n ref={mergedWrapperRef}\n data-testid={dataTestId}\n style={styleObject}\n onClickCapture={onClick}\n data-dialog-reference-hidden={isReferenceHidden}\n >\n <CSSTransition\n classNames={transitionOptions.classNames}\n nodeRef={contentRef}\n in={isOpen}\n appear={!!animationType}\n timeout={showDelay}\n >\n <div\n className={cx(styles.contentComponent, getStyle(styles, camelCase(position)), {\n [getStyle(styles, camelCase(\"edge-\" + startingEdge))]: startingEdge,\n [styles.hasTooltip]: hasTooltip\n })}\n ref={contentRef}\n >\n {childrenWithHandlers}\n </div>\n </CSSTransition>\n </span>\n );\n }\n);\n\nexport default DialogContent;\n"],"names":["EMPTY_OBJECT","ESCAPE_KEYS","keyCodes","ESCAPE","DialogContent","forwardRef","_ref","forwardedRef","_ref$onEsc","onEsc","NOOP","children","position","wrapperClassName","_ref$isOpen","isOpen","startingEdge","_ref$animationType","animationType","_ref$onMouseEnter","onMouseEnter","_ref$onMouseLeave","onMouseLeave","_ref$onClickOutside","onClickOutside","_ref$onClick","onClick","_ref$onContextMenu","onContextMenu","showDelay","_ref$styleObject","styleObject","isReferenceHidden","_ref$hasTooltip","hasTooltip","containerSelector","_ref$disableContainer","disableContainerScroll","dataTestId","contentRef","useRef","wrapperRef","mergedWrapperRef","useMergeRef","onOutsideClick","useCallback","event","overrideOnContextMenu","escapeCallback","useMemo","useKeyEvent","keys","callback","useClickOutside","ref","eventName","_useDisableScroll","useDisableScroll","disableScroll","enableScroll","useEffect","transitionOptions","classNames","undefined","appear","styles","expandAppear","appearActive","expandAppearActive","exit","expandExit","opacitySlideAppear","opacitySlideAppearActive","childrenWithHandlers","React","Children","map","child","isValidElement","cloneElement","chainFunctions","props","createElement","className","cx","contentWrapper","style","onClickCapture","CSSTransition","nodeRef","in","timeout","contentComponent","getStyle","camelCase","_defineProperty"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){const e="s_id-fc9135d7c257_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const p=document.createElement("style");p.id=e,n.firstChild?n.insertBefore(p,n.firstChild):n.appendChild(p),p.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n.contentWrapper {\n outline: 0;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n padding: var(--space-4);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n padding-block: var(--space-4);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n padding-inline-end: var(--space-4);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n padding-inline-start: var(--space-4);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n padding-inline: var(--space-4);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n padding-block-end: var(--space-4);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n padding-block-start: var(--space-4);\n}\n.contentWrapper[data-dialog-reference-hidden=true] {\n visibility: hidden;\n pointer-events: none;\n}\n.contentComponent:focus {\n outline: none;\n}\n.contentComponent.hasTooltip {\n padding: 6px;\n}\n.opacitySlideAppear {\n opacity: 0;\n}\n.opacitySlideAppear.top {\n transform: translateY(var(--space-16));\n}\n.opacitySlideAppear.right {\n transform: translateX(calc(var(--space-16) * -1));\n}\n.opacitySlideAppear.bottom {\n transform: translateY(calc(var(--space-16) * -1));\n}\n.opacitySlideAppear.left {\n transform: translateX(var(--space-16));\n}\n.opacitySlideAppearActive {\n transition: opacity 0.2s ease, transform 0.2s ease-out;\n opacity: 1;\n pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n transform-origin: bottom center;\n transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n transform-origin: left;\n transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n transform-origin: top;\n transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n transform-origin: right;\n transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n transform-origin: bottom right;\n}\n.expandExit {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n transform: scale(1);\n}");export{t as default};
|
|
2
|
+
//# sourceMappingURL=DialogContent.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DialogContent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{__rest as e}from"../../../../../../_virtual/_tslib.js";import n from"react";import{chainRefFunctions as o,chainFunctions as r}from"@vibe/shared";var t=n.forwardRef((function(r,t){var s=r.children,u=r.wrapperElement,a=void 0===u?"span":u,l=e(r,["children","wrapperElement"]);return n.Children.map(s,(function(e){if(!n.isValidElement(e))return null;if("string"!=typeof e.type)return n.createElement(a,Object.assign({ref:t},l),e);var r=e.props;return n.cloneElement(e,Object.assign(Object.assign(Object.assign({},l),r),{onClick:i("onClick",r,l),onBlur:i("onBlur",r,l),onFocus:i("onFocus",r,l),onMouseEnter:i("onMouseEnter",r,l),onMouseLeave:i("onMouseLeave",r,l),onMouseDown:i("onMouseDown",r,l),onKeyDown:i("onKeyDown",r,l),onContextMenu:i("onContextMenu",r,l),ref:o([e.ref,t])}))}))}));function i(e,n,o){return r([n[e],o[e]],!0)}export{t as Refable};
|
|
2
|
+
//# sourceMappingURL=Refable.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Refable.js","sources":["../../../../../../../../src/components/next/Dialog/components/Refable/Refable.tsx"],"sourcesContent":["import React, { type HTMLProps, type ReactElement } from \"react\";\nimport { chainFunctions, chainRefFunctions, type VibeComponentProps } from \"@vibe/shared\";\n\nexport interface RefableProps extends React.PropsWithChildren<HTMLProps<HTMLElement> & VibeComponentProps> {\n children: ReactElement | ReactElement[] | string;\n /**\n * The wrapper element type to use for React components. Defaults to \"span\".\n */\n wrapperElement?: \"span\" | \"div\";\n}\n\n/**\n * Refable is a utility component that enables ref forwarding to children elements.\n *\n * For native HTML elements: Clones the child and merges refs and event handlers.\n * For React components: Wraps in a span/div and attaches the ref to the wrapper.\n *\n * This allows Dialog to get a reference to the trigger element for positioning.\n */\nexport const Refable = React.forwardRef<HTMLElement, RefableProps>(\n ({ children, wrapperElement = \"span\", ...rest }, ref) => {\n return React.Children.map(children, child => {\n if (!React.isValidElement(child)) return null;\n\n // For React components, wrap in a native element to attach the ref\n if (typeof child.type !== \"string\") {\n const WrapperElement = wrapperElement;\n return (\n // @ts-expect-error - TypeScript can't infer the correct ref type when using a variable as JSX tag\n <WrapperElement ref={ref} {...rest}>\n {child}\n </WrapperElement>\n );\n }\n\n // For native HTML elements, clone and merge props/refs\n const childProps = child.props as React.HTMLProps<HTMLElement>;\n\n return React.cloneElement(child, {\n ...rest,\n ...childProps,\n // Chain all event handlers to preserve both parent and child handlers\n onClick: getChainedFunction(\"onClick\", childProps, rest),\n onBlur: getChainedFunction(\"onBlur\", childProps, rest),\n onFocus: getChainedFunction(\"onFocus\", childProps, rest),\n onMouseEnter: getChainedFunction(\"onMouseEnter\", childProps, rest),\n onMouseLeave: getChainedFunction(\"onMouseLeave\", childProps, rest),\n onMouseDown: getChainedFunction(\"onMouseDown\", childProps, rest),\n onKeyDown: getChainedFunction(\"onKeyDown\", childProps, rest),\n onContextMenu: getChainedFunction(\"onContextMenu\", childProps, rest),\n ref: chainRefFunctions([(child as any).ref, ref])\n } as any);\n }) as any;\n }\n);\n\nfunction getChainedFunction(\n name: keyof React.HTMLProps<unknown>,\n childProps: React.PropsWithChildren<React.HTMLProps<unknown>>,\n wrapperProps: React.HTMLProps<unknown>\n) {\n return chainFunctions([childProps[name], wrapperProps[name]], true);\n}\n"],"names":["Refable","React","forwardRef","_a","ref","children","_a$wrapperElement","wrapperElement","rest","__rest","Children","map","child","isValidElement","type","createElement","Object","assign","childProps","props","cloneElement","onClick","getChainedFunction","onBlur","onFocus","onMouseEnter","onMouseLeave","onMouseDown","onKeyDown","onContextMenu","chainRefFunctions","name","wrapperProps","chainFunctions"],"mappings":"wJAmBO,IAAMA,EAAUC,EAAMC,YAC3B,SAACC,EAAgDC,OAA9CC,IAAAA,SAAQC,IAAEC,eAAAA,OAAiB,IAAHD,EAAG,OAAMA,EAAKE,EAAxCC,EAAAN,EAAA,CAAA,WAAA,mBACC,OAAOF,EAAMS,SAASC,IAAIN,GAAU,SAAAO,GAClC,IAAKX,EAAMY,eAAeD,GAAQ,OAAO,KAGzC,GAA0B,iBAAfA,EAAME,KAEf,OAEEb,EAACc,cAHoBR,EAGLS,OAAAC,OAAA,CAAAb,IAAKA,GAASI,GAC3BI,GAMP,IAAMM,EAAaN,EAAMO,MAEzB,OAAOlB,EAAMmB,aAAaR,EAAOI,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC5BT,GACAU,GAAU,CAEbG,QAASC,EAAmB,UAAWJ,EAAYV,GACnDe,OAAQD,EAAmB,SAAUJ,EAAYV,GACjDgB,QAASF,EAAmB,UAAWJ,EAAYV,GACnDiB,aAAcH,EAAmB,eAAgBJ,EAAYV,GAC7DkB,aAAcJ,EAAmB,eAAgBJ,EAAYV,GAC7DmB,YAAaL,EAAmB,cAAeJ,EAAYV,GAC3DoB,UAAWN,EAAmB,YAAaJ,EAAYV,GACvDqB,cAAeP,EAAmB,gBAAiBJ,EAAYV,GAC/DJ,IAAK0B,EAAkB,CAAElB,EAAcR,IAAKA,MAEhD,GACF,IAGF,SAASkB,EACPS,EACAb,EACAc,GAEA,OAAOC,EAAe,CAACf,EAAWa,GAAOC,EAAaD,KAAQ,EAChE"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{useCallback as e,useEffect as n}from"react";var t=function(t){var r=e((function(e){return e.preventDefault(),e.stopPropagation(),!1}),[]),l=e((function(){(null==t?void 0:t.length)&&t.length>0&&document.querySelectorAll(t).forEach((function(e){e.addEventListener("wheel",r,{passive:!1})}))}),[r,t]),o=e((function(){(null==t?void 0:t.length)&&t.length>0&&document.querySelectorAll(t).forEach((function(e){e.removeEventListener("wheel",r)}))}),[r,t]);return n((function(){return o}),[o]),{disableScroll:l,enableScroll:o}};export{t as default};
|
|
2
|
+
//# sourceMappingURL=useDisableScroll.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDisableScroll.js","sources":["../../../../../../../src/components/next/Dialog/hooks/useDisableScroll.ts"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\n\nconst useDisableScroll = (scrollableQuerySelector: string | undefined) => {\n const _disableScroll = useCallback((e: Event) => {\n e.preventDefault();\n e.stopPropagation();\n\n return false;\n }, []);\n\n const disableScroll = useCallback(() => {\n if (scrollableQuerySelector?.length && scrollableQuerySelector.length > 0) {\n document.querySelectorAll(scrollableQuerySelector).forEach((item: Element) => {\n item.addEventListener(\"wheel\", _disableScroll, { passive: false });\n });\n }\n }, [_disableScroll, scrollableQuerySelector]);\n\n const enableScroll = useCallback(() => {\n if (scrollableQuerySelector?.length && scrollableQuerySelector.length > 0) {\n document.querySelectorAll(scrollableQuerySelector).forEach((item: Element) => {\n item.removeEventListener(\"wheel\", _disableScroll);\n });\n }\n }, [_disableScroll, scrollableQuerySelector]);\n\n useEffect(() => {\n return enableScroll;\n }, [enableScroll]);\n\n return {\n disableScroll,\n enableScroll\n };\n};\n\nexport default useDisableScroll;\n"],"names":["useDisableScroll","scrollableQuerySelector","_disableScroll","useCallback","e","preventDefault","stopPropagation","disableScroll","length","document","querySelectorAll","forEach","item","addEventListener","passive","enableScroll","removeEventListener","useEffect"],"mappings":"mDAEA,IAAMA,EAAmB,SAACC,GACxB,IAAMC,EAAiBC,GAAY,SAACC,GAIlC,OAHAA,EAAEC,iBACFD,EAAEE,mBAEK,CACR,GAAE,IAEGC,EAAgBJ,GAAY,YAC5BF,eAAAA,EAAyBO,SAAUP,EAAwBO,OAAS,GACtEC,SAASC,iBAAiBT,GAAyBU,SAAQ,SAACC,GAC1DA,EAAKC,iBAAiB,QAASX,EAAgB,CAAEY,SAAS,GAC5D,GAEJ,GAAG,CAACZ,EAAgBD,IAEdc,EAAeZ,GAAY,YAC3BF,eAAAA,EAAyBO,SAAUP,EAAwBO,OAAS,GACtEC,SAASC,iBAAiBT,GAAyBU,SAAQ,SAACC,GAC1DA,EAAKI,oBAAoB,QAASd,EACpC,GAEJ,GAAG,CAACA,EAAgBD,IAMpB,OAJAgB,GAAU,WACR,OAAOF,CACT,GAAG,CAACA,IAEG,CACLR,cAAAA,EACAQ,aAAAA,EAEJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var r={outerWrapper:"outerWrapper",wrapper:"wrapper",active:"active",disabled:"disabled",readOnly:"readOnly",error:"error",boxMode:"boxMode",borderless:"borderless",helperText:"helperText"};!function(r){const e="s_id-
|
|
1
|
+
var r={outerWrapper:"outerWrapper",wrapper:"wrapper",active:"active",disabled:"disabled",readOnly:"readOnly",error:"error",boxMode:"boxMode",borderless:"borderless",helperText:"helperText"};!function(r){const e="s_id-a1f1f819eb29_3_86_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper {\n width: 100%;\n}\n\n.wrapper {\n --border-color: var(--ui-border-color);\n --background-color: var(--secondary-background-color);\n border-radius: var(--border-radius-small);\n box-shadow: inset 0 0 0 1px var(--border-color);\n background: var(--background-color);\n cursor: pointer;\n}\n\n.wrapper:hover {\n --border-color: var(--primary-text-color);\n}\n\n.wrapper.active, .wrapper:focus {\n --border-color: var(--primary-color);\n}\n\n.wrapper.disabled {\n --border-color: var(--disabled-background-color);\n --background-color: var(--disabled-background-color);\n cursor: not-allowed;\n}\n\n.wrapper.readOnly {\n --border-color: var(--allgrey-background-color);\n --background-color: var(--allgrey-background-color);\n cursor: default;\n}\n\n.wrapper.error {\n --border-color: var(--negative-color);\n}\n\n.wrapper.boxMode {\n box-shadow: none;\n background: transparent;\n cursor: default;\n}\n\n.wrapper.borderless {\n --border-color: transparent;\n}\n\n.wrapper.borderless:hover {\n --border-color: var(--primary-text-color);\n}\n\n.wrapper.borderless.active, .wrapper.borderless:focus {\n --border-color: var(--primary-color);\n}\n\n.helperText {\n margin-top: var(--spacing-xs);\n}");export{r as default};
|
|
2
2
|
//# sourceMappingURL=DropdownBase.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={wrapper:"wrapper",groupTitle:"groupTitle",sticky:"sticky"};!function(e){const n="s_id-
|
|
1
|
+
var e={wrapper:"wrapper",groupTitle:"groupTitle",sticky:"sticky"};!function(e){const n="s_id-731b49763030_3_86_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper {\n overflow-y: auto;\n padding: 0;\n margin: 0;\n}\n.wrapper::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.wrapper::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}\n.wrapper .groupTitle {\n color: var(--secondary-text-color);\n padding: var(--spacing-small) var(--spacing-xs);\n background-color: var(--secondary-background-color);\n}\n.wrapper .groupTitle.sticky {\n position: sticky;\n top: 0;\n}\n.wrapper > li:not(:last-child) {\n margin-bottom: 2px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=DropdownBaseList.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={boxModeContainer:"boxModeContainer",inputContainer:"inputContainer",disabled:"disabled",readOnly:"readOnly",error:"error",menuContainer:"menuContainer"};!function(n){const r="s_id-
|
|
1
|
+
var n={boxModeContainer:"boxModeContainer",inputContainer:"inputContainer",disabled:"disabled",readOnly:"readOnly",error:"error",menuContainer:"menuContainer"};!function(n){const r="s_id-f92aa28952f8_3_86_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.inputContainer {\n --border-color: var(--ui-border-color);\n --background-color: var(--secondary-background-color);\n border-radius: var(--border-radius-small);\n box-shadow: inset 0 0 0 1px var(--border-color);\n background: var(--background-color);\n width: 100%;\n}\n\n.inputContainer:hover {\n --border-color: var(--primary-text-color);\n}\n\n.inputContainer:focus-within {\n --border-color: var(--primary-color);\n}\n\n.inputContainer.disabled {\n --border-color: var(--disabled-background-color);\n --background-color: var(--disabled-background-color);\n}\n\n.inputContainer.readOnly {\n --border-color: var(--allgrey-background-color);\n --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer.error {\n --border-color: var(--negative-color);\n}\n\n.menuContainer {\n width: 100%;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=DropdownBoxMode.module.scss.js.map
|
package/dist/mocked_classnames/src/components/next/Dropdown/components/Menu/Menu.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={menuVisible:"menuVisible",menuHidden:"menuHidden"};!function(e){const i="s_id-
|
|
1
|
+
var e={menuVisible:"menuVisible",menuHidden:"menuHidden"};!function(e){const i="s_id-448dc11ee0f4_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible {\n visibility: visible;\n}\n\n.menuHidden {\n visibility: hidden;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Menu.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={containerWrapper:"containerWrapper",singleChip:"singleChip",measuring:"measuring",hiddenChip:"hiddenChip",inputAndCounterWrapper:"inputAndCounterWrapper",inputWrapper:"inputWrapper",chipWrapperWithOverflow:"chipWrapperWithOverflow",visibleChip:"visibleChip",hiddenChipsDialog:"hiddenChipsDialog",dialogChip:"dialogChip"};!function(n){const i="s_id-
|
|
1
|
+
var n={containerWrapper:"containerWrapper",singleChip:"singleChip",measuring:"measuring",hiddenChip:"hiddenChip",inputAndCounterWrapper:"inputAndCounterWrapper",inputWrapper:"inputWrapper",chipWrapperWithOverflow:"chipWrapperWithOverflow",visibleChip:"visibleChip",hiddenChipsDialog:"hiddenChipsDialog",dialogChip:"dialogChip"};!function(n){const i="s_id-a777ca35d111_3_86_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+i))return;const p=document.createElement("style");p.id=i,e.firstChild?e.insertBefore(p,e.firstChild):e.appendChild(p),p.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=n)}(".containerWrapper {\n min-width: 1px;\n flex-grow: 1;\n}\n.containerWrapper.singleChip > div:first-child {\n min-width: 50px;\n flex-shrink: 1;\n}\n.containerWrapper.singleChip > div:first-child div {\n max-width: 100%;\n}\n.containerWrapper.measuring > div:not(.hiddenChip) {\n opacity: 0;\n}\n.inputAndCounterWrapper {\n flex-grow: 1;\n min-width: 0;\n}\n.inputWrapper {\n flex-grow: 1;\n}\n.inputWrapper input {\n width: 100%;\n}\n.chipWrapperWithOverflow {\n max-width: 100%;\n flex-shrink: 0;\n}\n.chipWrapperWithOverflow .visibleChip {\n max-width: 100%;\n}\n.hiddenChip {\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n z-index: -1;\n}\n.hiddenChipsDialog {\n max-width: 192px;\n}\n.dialogChip {\n max-width: 100%;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=MultiSelectedValues.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={triggerWrapper:"triggerWrapper",small:"small",medium:"medium",large:"large",inputWrapper:"inputWrapper",multiSelected:"multiSelected",fullWidth:"fullWidth",hasSelected:"hasSelected",selectedItem:"selectedItem",faded:"faded",placeholderText:"placeholderText",disabled:"disabled",multiWrapper:"multiWrapper",actionsWrapper:"actionsWrapper"};!function(e){const n="s_id-
|
|
1
|
+
var e={triggerWrapper:"triggerWrapper",small:"small",medium:"medium",large:"large",inputWrapper:"inputWrapper",multiSelected:"multiSelected",fullWidth:"fullWidth",hasSelected:"hasSelected",selectedItem:"selectedItem",faded:"faded",placeholderText:"placeholderText",disabled:"disabled",multiWrapper:"multiWrapper",actionsWrapper:"actionsWrapper"};!function(e){const n="s_id-ee38598d1c53_3_86_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper {\n flex-grow: 1;\n position: relative;\n min-width: 1px;\n display: flex;\n align-items: center;\n cursor: pointer;\n outline: none;\n}\n.triggerWrapper.small {\n min-height: 32px;\n}\n.triggerWrapper.medium {\n min-height: 40px;\n}\n.triggerWrapper.large {\n min-height: 48px;\n}\n.triggerWrapper .inputWrapper {\n border: none;\n width: 100%;\n background: transparent;\n}\n.triggerWrapper .inputWrapper.small {\n height: 24px;\n min-height: 24px;\n}\n.triggerWrapper .inputWrapper.multiSelected {\n width: 48px;\n flex-shrink: 0;\n padding: 0 var(--spacing-xs);\n}\n.triggerWrapper .inputWrapper.multiSelected.fullWidth {\n width: 100%;\n flex-grow: 1;\n}\n.triggerWrapper .inputWrapper.hasSelected {\n position: absolute;\n inset: 0;\n cursor: pointer;\n}\n.triggerWrapper .selectedItem {\n position: relative;\n pointer-events: none;\n inset: 0;\n padding-inline-start: var(--spacing-xs);\n width: 100%;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .selectedItem.small {\n padding-inline-start: var(--spacing-small);\n min-height: 32px;\n height: 32px;\n}\n.triggerWrapper .selectedItem.medium {\n min-height: 40px;\n height: 40px;\n}\n.triggerWrapper .selectedItem.large {\n min-height: 48px;\n height: 48px;\n}\n.triggerWrapper .selectedItem.faded {\n opacity: 0.6;\n}\n.triggerWrapper .placeholderText {\n padding-inline-start: var(--spacing-medium);\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper .placeholderText.disabled {\n color: var(--disabled-text-color);\n}\n.multiWrapper {\n padding: var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-small);\n width: 100%;\n}\n.actionsWrapper {\n padding: 0 var(--spacing-xs);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Trigger.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={list:"list"};!function(e){const t="s_id-
|
|
1
|
+
var e={list:"list"};!function(e){const t="s_id-39e4d9ed645a_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".list {\n margin: 0;\n padding: 0;\n list-style: none;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=List.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={listTitle:"listTitle",small:"small",medium:"medium",large:"large",sticky:"sticky"};!function(n){const e="s_id-
|
|
1
|
+
var n={listTitle:"listTitle",small:"small",medium:"medium",large:"large",sticky:"sticky"};!function(n){const e="s_id-93ad846a21a6_3_86_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n border-radius: var(--border-radius-small);\n}\n.small {\n padding: var(--spacing-medium) var(--spacing-small) var(--spacing-small);\n}\n.medium {\n padding: var(--spacing-medium) 12px var(--spacing-small);\n}\n.large {\n padding: var(--spacing-medium) 12px var(--spacing-small);\n}\n.sticky {\n position: sticky;\n inset-block-start: 0;\n background-color: var(--primary-background-color);\n z-index: 1;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=ListTitle.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export{default as AttentionBox}from"./next/AttentionBox/AttentionBox.js";export{default as Dropdown}from"./next/Dropdown/Dropdown.js";export{default as DatePicker}from"./next/DatePicker/DatePicker.js";export{default as List}from"./next/List/List.js";export{default as ListItem}from"./next/List/ListItem/ListItem.js";export{default as ListTitle}from"./next/List/ListTitle/ListTitle.js";export{default as ModalFooter}from"./Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./Modal/Modal/Modal.js";export{default as ModalHeader}from"./Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./Modal/ModalMedia/ModalMedia.js";
|
|
1
|
+
export{default as AttentionBox}from"./next/AttentionBox/AttentionBox.js";export{default as Dropdown}from"./next/Dropdown/Dropdown.js";export{default as DatePicker}from"./next/DatePicker/DatePicker.js";export{default as List}from"./next/List/List.js";export{default as ListItem}from"./next/List/ListItem/ListItem.js";export{default as ListTitle}from"./next/List/ListTitle/ListTitle.js";export{default as ModalFooter}from"./Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./Modal/Modal/Modal.js";export{default as ModalHeader}from"./Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./Modal/ModalMedia/ModalMedia.js";export{default as Dialog}from"./next/Dialog/Dialog.js";
|
|
2
2
|
//# sourceMappingURL=next.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var o=":root{--motion-productive-short:70ms;--motion-productive-medium:100ms;--motion-productive-long:150ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 1);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter)}:root{--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px}:root{--border-width:1px;--border-style:solid}:root{--border-radius-small:4px;--border-radius-medium:8px;--border-radius-big:16px}:root{--disabled-component-opacity:0.38}:root{--font-family:Figtree,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 32px/40px var(--title-font-family);--font-h1-medium:600 32px/40px var(--title-font-family);--font-h1-normal:500 32px/40px var(--title-font-family);--font-h1-light:300 32px/40px var(--title-font-family);--font-h2-bold:700 24px/30px var(--title-font-family);--font-h2-medium:600 24px/30px var(--title-font-family);--font-h2-normal:500 24px/30px var(--title-font-family);--font-h2-light:300 24px/30px var(--title-font-family);--font-h3-bold:700 18px/24px var(--title-font-family);--font-h3-medium:600 18px/24px var(--title-font-family);--font-h3-normal:500 18px/24px var(--title-font-family);--font-h3-light:300 18px/24px var(--title-font-family);--font-text1-bold:700 16px/22px var(--font-family);--font-text1-medium:600 16px/22px var(--font-family);--font-text1-normal:400 16px/22px var(--font-family);--font-text2-bold:700 14px/20px var(--font-family);--font-text2-medium:600 14px/20px var(--font-family);--font-text2-normal:400 14px/20px var(--font-family);--font-text3-bold:700 12px/16px var(--font-family);--font-text3-medium:600 12px/16px var(--font-family);--font-text3-normal:400 12px/16px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px}.default-app-theme,.light-app-theme,:root{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#cce5ff;--primary-selected-hover-color:#aed4fc;--primary-highlighted-color:#f0f7ff;--primary-surface-color:#eceff8;--primary-text-color:#323338;--secondary-text-color:#676879;--text-color-on-inverted:#ffffff;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(50, 51, 56, var(--disabled-component-opacity));--inverted-color-background:#323338;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#ffffff;--primary-background-hover-color:rgba(103, 104, 121, 0.1);--secondary-background-color:#ffffff;--allgrey-background-color:#f6f7fb;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#c3c6d4;--ui-background-color:#e7e9ef;--ui-background-hover-color:#d8d9e0;--layout-border-color:#d0d4e4;--placeholder-color:#676879;--icon-color:#676879;--disabled-background-color:#ecedf5;--link-color:#1f76c2;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#cce5ff;--brand-selected-hover-color:#aed4fc;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#bbdbc9;--positive-color-selected-hover:#b5cec0;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#f4c3cb;--negative-color-selected-hover:#ecb7bf;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#fceba1;--warning-color-selected-hover:#f2d973;--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-black:#000000;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--grey-background-color:#f6f7fb;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px rgba(0, 0, 0, 0.1);--box-shadow-small:0px 4px 8px rgba(0, 0, 0, 0.2);--box-shadow-medium:0px 6px 20px rgba(0, 0, 0, 0.2);--box-shadow-large:0px 15px 50px rgba(0, 0, 0, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#eaaa15;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#df2f4a;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#e50073;--color-sofia_pink-hover:#c20062;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#9d50dd;--color-purple-hover:#7d45b0;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#007eb5;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#74afcc;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#757575;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#e484bd;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#bca58a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#cd9282;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#216edf;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#757575;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff007f;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#9d50dd;--color-dark-purple:#784bd1;--color-blue_links:#007eb5;--color-blue-links:#007eb5;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#df2f4a;--color-red-shadow:#df2f4a;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--secondary-text-on-secondary-color:#676879;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--primary-background-color-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--secondary-background-color-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(50, 51, 56, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d0d4e4;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.dark-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--primary-surface-color:#181b34;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(213, 216, 223, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#181b34;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#30324e;--allgrey-background-color:#30324e;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#797e93;--ui-background-color:#434660;--ui-background-hover-color:#35384d;--layout-border-color:#4b4e69;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3c3f59;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#181b34;--text-color-on-brand:#ffffff;--color-surface:#292f4c;--box-shadow-xs:0px 4px 6px -4px rgba(9, 11, 25, 0.5);--box-shadow-small:0px 4px 8px rgba(9, 11, 25, 0.5);--box-shadow-medium:0px 6px 20px rgba(9, 11, 25, 0.5);--box-shadow-large:0px 15px 50px rgba(9, 11, 25, 0.5);--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid-hover:#b4739a;--color-orchid-selected:#85597b;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#79709c;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(213, 216, 223, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.black-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#eeeeee;--secondary-text-color:#aaaaaa;--text-color-on-inverted:#111111;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#eeeeee;--fixed-dark-color:#111111;--fixed-light-color:#ffffff;--primary-background-color:#111111;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#2c2c2c;--allgrey-background-color:#2c2c2c;--backdrop-color:rgba(33, 33, 33, 0.7);--ui-border-color:#8d8d8d;--ui-background-color:#4d4d4d;--ui-background-hover-color:#3b3b3b;--layout-border-color:#636363;--placeholder-color:#aaaaaa;--icon-color:#aaaaaa;--disabled-background-color:#3a3a3a;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--text-color-on-brand:#ffffff;--color-surface:#212121;--grey-background-color:#111111;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--primary-background-color-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--secondary-background-color-rgb:44,44,44;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#282a36;--primary-background-hover-color:#4b4e69;--secondary-background-color:#30324e;--allgrey-background-color:#282a36;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--ui-background-hover-color:#3b3b3b;--layout-border-color:#414458;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3a3a3a;--link-color:#bd93f9;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#9f4077;--brand-selected-hover-color:#0d2e65;--positive-color:#50fa7b;--positive-color-hover:#007038;--positive-color-selected:#26503e;--positive-color-selected-hover:#194733;--negative-color:#ff5555;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#282a36;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}";!function(o){const e="s_id-bc5763391c34_3_85_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(o);export{o as default};
|
|
1
|
+
var o=":root{--motion-productive-short:70ms;--motion-productive-medium:100ms;--motion-productive-long:150ms;--motion-expressive-short:250ms;--motion-expressive-long:400ms;--motion-timing-enter:cubic-bezier(0, 0, 0.35, 1);--motion-timing-exit:cubic-bezier(0.4, 0, 1, 1);--motion-timing-transition:cubic-bezier(0.4, 0, 0.2, 1);--motion-timing-emphasize:cubic-bezier(0, 0, 0.2, 1.4);--expand-animation-timing:var(--motion-timing-enter)}:root{--spacing-xs:4px;--spacing-small:8px;--spacing-medium:16px;--spacing-large:24px;--spacing-xl:32px;--spacing-xxl:48px;--spacing-xxxl:64px;--space-2:2px;--space-4:4px;--space-8:8px;--space-12:12px;--space-16:16px;--space-20:20px;--space-24:24px;--space-32:32px;--space-40:40px;--space-48:48px;--space-64:64px;--space-80:80px}:root{--border-width:1px;--border-style:solid}:root{--border-radius-small:4px;--border-radius-medium:8px;--border-radius-big:16px}:root{--disabled-component-opacity:0.38}:root{--font-family:Figtree,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--title-font-family:Poppins,Roboto,Noto Sans Hebrew,Noto Kufi Arabic,Noto Sans JP,sans-serif;--h1-font-family:var(--title-font-family);--font-smoothing-webkit:antialiased;--font-smoothing-moz:grayscale;--font-weight-very-light:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:500;--font-line-height-10:18px;--font-line-height-20:24px;--font-line-height-30:24px;--font-line-height-40:24px;--font-line-height-50:32px;--font-line-height-60:42px;--font-size-10:14px;--font-size-20:14px;--font-size-30:16px;--font-size-40:18px;--font-size-50:24px;--font-size-60:30px;--font-size-h1:var(--font-size-60);--font-size-h2:var(--font-size-50);--font-size-h3:var(--font-size-50);--font-size-h4:var(--font-size-40);--font-size-h5:var(--font-size-30);--font-size-general-label:var(--font-size-20);--font-size-paragraph:var(--font-size-30);--font-size-subtext:var(--font-size-10);--font-line-height-h1:var(--font-line-height-60);--font-line-height-h2:var(--font-line-height-50);--font-line-height-h3:var(--font-line-height-50);--font-line-height-h4:var(--font-line-height-40);--font-line-height-h5:var(--font-line-height-30);--font-line-height-general-label:var(--font-line-height-20);--font-line-height-paragraph:var(--font-line-height-30);--font-line-height-subtext:var(--font-line-height-10);--font-h1:var(--font-weight-bold) var(--font-size-h1)/var(--font-line-height-h1) var(--title-font-family);--font-h2:var(--font-weight-bold) var(--font-size-h2)/var(--font-line-height-h2) var(--title-font-family);--font-h3:var(--font-weight-light) var(--font-size-h3)/var(--font-line-height-h3) var(--title-font-family);--font-h4:var(--font-weight-bold) var(--font-size-h4)/var(--font-line-height-h4) var(--title-font-family);--font-h5:var(--font-weight-bold) var(--font-size-h5)/var(--font-line-height-h5) var(--font-family);--font-general-label:var(--font-weight-normal) var(--font-size-general-label)/var(--font-line-height-general-label) var(--font-family);--font-paragraph:var(--font-weight-normal) var(--font-size-paragraph)/var(--font-line-height-paragraph) var(--font-family);--font-subtext:var(--font-weight-normal) var(--font-size-subtext)/var(--font-line-height-subtext) var(--font-family);--font-h1-bold:700 32px/40px var(--title-font-family);--font-h1-medium:600 32px/40px var(--title-font-family);--font-h1-normal:500 32px/40px var(--title-font-family);--font-h1-light:300 32px/40px var(--title-font-family);--font-h2-bold:700 24px/30px var(--title-font-family);--font-h2-medium:600 24px/30px var(--title-font-family);--font-h2-normal:500 24px/30px var(--title-font-family);--font-h2-light:300 24px/30px var(--title-font-family);--font-h3-bold:700 18px/24px var(--title-font-family);--font-h3-medium:600 18px/24px var(--title-font-family);--font-h3-normal:500 18px/24px var(--title-font-family);--font-h3-light:300 18px/24px var(--title-font-family);--font-text1-bold:700 16px/22px var(--font-family);--font-text1-medium:600 16px/22px var(--font-family);--font-text1-normal:400 16px/22px var(--font-family);--font-text2-bold:700 14px/20px var(--font-family);--font-text2-medium:600 14px/20px var(--font-family);--font-text2-normal:400 14px/20px var(--font-family);--font-text3-bold:700 12px/16px var(--font-family);--font-text3-medium:600 12px/16px var(--font-family);--font-text3-normal:400 12px/16px var(--font-family);--letter-spacing-h1-bold:-0.5px;--letter-spacing-h1-normal:-0.5px;--letter-spacing-h1-light:-0.5px;--letter-spacing-h2-bold:-0.1px;--letter-spacing-h2-normal:-0.1px;--letter-spacing-h2-light:-0.1px;--letter-spacing-h3-bold:-0.1px;--letter-spacing-h3-normal:-0.1px;--letter-spacing-h3-light:-0.1px}.default-app-theme,.light-app-theme,:root{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#cce5ff;--primary-selected-hover-color:#aed4fc;--primary-highlighted-color:#f0f7ff;--primary-surface-color:#eceff8;--primary-text-color:#323338;--secondary-text-color:#676879;--text-color-on-inverted:#ffffff;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(50, 51, 56, var(--disabled-component-opacity));--inverted-color-background:#323338;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#ffffff;--primary-background-hover-color:rgba(103, 104, 121, 0.1);--secondary-background-color:#ffffff;--allgrey-background-color:#f6f7fb;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#c3c6d4;--ui-background-color:#e7e9ef;--ui-background-hover-color:#d8d9e0;--layout-border-color:#d0d4e4;--placeholder-color:#676879;--icon-color:#676879;--disabled-background-color:#ecedf5;--link-color:#1f76c2;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#cce5ff;--brand-selected-hover-color:#aed4fc;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#bbdbc9;--positive-color-selected-hover:#b5cec0;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#f4c3cb;--negative-color-selected-hover:#ecb7bf;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#fceba1;--warning-color-selected-hover:#f2d973;--color-highlight_blue:#cce5ff;--color-basic_blue:#0073ea;--color-dark_blue:#0060b9;--color-bazooka:#f65f7c;--color-snow_white:#ffffff;--color-riverstone_gray:#f6f7fb;--color-ui_grey:#dcdfec;--color-wolf_gray:#c3c6d4;--color-asphalt:#676879;--color-mud_black:#323338;--color-black:#000000;--color-success:#00854d;--color-success-hover:#007038;--color-success-highlight:#bbdbc9;--color-error:#d83a52;--color-error-hover:#b63546;--color-error-highlight:#f4c3cb;--color-link_color:#1f76c2;--color-surface:#292f4c;--grey-background-color:#f6f7fb;--text-color-on-brand:#ffffff;--box-shadow-xs:0px 4px 6px -4px rgba(0, 0, 0, 0.1);--box-shadow-small:0px 4px 8px rgba(0, 0, 0, 0.2);--box-shadow-medium:0px 6px 20px rgba(0, 0, 0, 0.2);--box-shadow-large:0px 15px 50px rgba(0, 0, 0, 0.3);--color-grass_green:#037f4c;--color-grass_green-hover:#116846;--color-grass_green-selected:#81bfa5;--color-done-green:#00c875;--color-done-green-hover:#0f9b63;--color-done-green-selected:#80e3ba;--color-done-green-selected-with-opacity:rgba(128, 227, 186, 0.6);--color-bright-green:#9cd326;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#cde992;--color-saladish:#cab641;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#e4daa0;--color-egg_yolk:#ffcb00;--color-egg_yolk-hover:#eaaa15;--color-egg_yolk-selected:#ffe580;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdab3d;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#fed59e;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#ffb196;--color-peach:#ffadad;--color-peach-hover:#c2888a;--color-peach-selected:#ffd6d6;--color-sunset:#ff7575;--color-sunset-hover:#c26163;--color-sunset-selected:#ffbaba;--color-sunset-selected-with-opacity:rgba(255, 186, 186, 0.6);--color-stuck-red:#df2f4a;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#f0a1ad;--color-dark-red:#bb3354;--color-dark-red-hover:#92334c;--color-dark-red-selected:#dd99a9;--color-sofia_pink:#e50073;--color-sofia_pink-hover:#c20062;--color-sofia_pink-selected:#ff8ac4;--color-lipstick:#ff5ac4;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#fface1;--color-bubble:#faa1f1;--color-bubble-hover:#be80ba;--color-bubble-selected:#fcd0f8;--color-purple:#9d50dd;--color-purple-hover:#7d45b0;--color-purple-selected:#d0aeed;--color-dark_purple:#784bd1;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#bba5e8;--color-berry:#7e3b8a;--color-berry-hover:#673971;--color-berry-selected:#be9dc4;--color-dark_indigo:#401694;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#a08bc9;--color-indigo:#5559df;--color-indigo-hover:#4b4ead;--color-indigo-selected:#aaacef;--color-navy:#225091;--color-navy-hover:#274776;--color-navy-selected:#90a7c8;--color-bright-blue:#579bfc;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#abcdfd;--color-dark-blue:#007eb5;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#80c2df;--color-aquamarine:#4eccc6;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#a6e5e2;--color-chili-blue:#66ccff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#b2e5ff;--color-river:#74afcc;--color-river-hover:#588095;--color-river-selected:#b3d0de;--color-winter:#9aadbd;--color-winter-hover:#7b8895;--color-winter-selected:#ccd6de;--color-explosive:#c4c4c4;--color-explosive-hover:#98999a;--color-explosive-selected:#e1e1e1;--color-american_gray:#757575;--color-american_gray-hover:#69696a;--color-american_gray-selected:#bfbfbf;--color-blackish:#333333;--color-blackish-hover:#222222;--color-blackish-selected:#999999;--color-brown:#7f5347;--color-brown-hover:#684943;--color-brown-selected:#bfa9a3;--color-orchid:#e484bd;--color-orchid-hover:#ae5d8d;--color-orchid-selected:#ecbad7;--color-tan:#bca58a;--color-tan-hover:#8a7862;--color-tan-selected:#d6cabc;--color-sky:#a1e3f6;--color-sky-hover:#81b6c5;--color-sky-selected:#d0f1fa;--color-coffee:#cd9282;--color-coffee-hover:#976758;--color-coffee-selected:#dec0b7;--color-royal:#216edf;--color-royal-hover:#225eb7;--color-royal-selected:#95bbf2;--color-teal:#175a63;--color-teal-hover:#12484f;--color-teal-selected:#8bacb1;--color-lavender:#bda8f9;--color-lavender-hover:#9786c7;--color-lavender-selected:#ded4fc;--color-steel:#a9bee8;--color-steel-hover:#8798ba;--color-steel-selected:#d4dff4;--color-lilac:#9d99b9;--color-lilac-hover:#7e7a94;--color-lilac-selected:#ceccdc;--color-pecan:#563e3e;--color-pecan-hover:#453232;--color-pecan-selected:#ab9f9f;--color-dark_marble:#f1f1f1;--color-marble:#f7f7f7;--color-gainsboro:#e1e1e1;--color-extra_light_gray:#edeef0;--color-glitter:#d9f0ff;--color-ultra_light_gray:#ebebeb;--color-very_light_gray:#a1a1a1;--color-jaco_gray:#9699a6;--color-storm_gray:#6b6d77;--color-trolley-grey:#757575;--color-basic_light_blue:#c7e6fa;--color-light_blue:#61caf7;--color-turquoise:#66ccff;--color-aqua:#00d1d1;--color-live_blue:#009aff;--color-jeans:#597bfc;--color-burned_eggplant:#181d37;--color-light-pink:#ff5ac4;--color-dark-pink:#ff007f;--color-dark_red:#bb3354;--color-yellow:#ffcb00;--color-mustered:#cab641;--color-orange:#fdab3d;--color-lime-green:#9cd326;--color-jade:#03c875;--color-green-haze:#00a359;--color-grass-green:#037f4c;--color-amethyst:#9d50dd;--color-dark-purple:#784bd1;--color-blue_links:#007eb5;--color-blue-links:#007eb5;--color-private:#f65f7c;--color-public:#009aff;--color-board_views_grey:#6e6f8f;--color-board_views_grey_hover:#b2b3d0;--color-board_views_blue:#1c1f3b;--color-board_views_blue_secondary:#363a52;--color-border_light_gray:#f5f6f8;--color-brand-blue:#00a9ff;--color-brand-charcoal:#2b2c5c;--color-brand-gold:#ffcc00;--color-brand-green:#11dd80;--color-brand-iris:#595ad4;--color-brand-light-blue:#00cff4;--color-brand-malachite:#00cd6f;--color-brand-purple:#a358d0;--color-brand-red:#f74875;--color-deadline_upcoming_indication:#5d6387;--color-default_group_color:#579bfc;--color-form_btn_hover:#0083d9;--color-form_purple:#575c96;--color-highlight:#dff0ff;--color-green_shadow:#00c875;--color-green-shadow:#00c875;--color-red_shadow:#df2f4a;--color-red-shadow:#df2f4a;--color-pulse_bg:#f0f0f0;--color-pulse_text_color:#333333;--color-placholder_gray:#d8d8d8;--color-placeholder_light_gray:#efefef;--color-excel-green:#207245;--color-media-blue:#2ea2e9;--color-pdf-red:#bb0706;--color-ppt-orange:#d64e2a;--color-word-blue:#2a5699;--color-zip-orange:#e4901c;--color-like_red:#fb275d;--color-scrollbar_gray:#b2b2b2;--color-timeline_grid_blue:#454662;--color-timeline_blue:#1c1f3b;--color-highlight_blue-rgb:204,229,255;--color-snow_white-with-opacity:rgba(255, 255, 255, 0.4);--color-wolf_gray-with-opacity:rgba(195, 198, 212, 0.1);--color-asphalt-with-opacity:rgba(103, 104, 121, 0.1);--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:204,229,255;--primary-selected-on-secondary-color:#cce5ff;--primary-text-on-secondary-color:#323338;--text-color-on-primary-with-opacity:rgba(255, 255, 255, 0.4);--secondary-text-on-secondary-color:#676879;--placeholder-color-with-opacity:rgba(103, 104, 121, 0.1);--placeholder-on-secondary-color:#676879;--icon-on-secondary-color:#676879;--link-on-secondary-color:#1f76c2;--label-background-color:#cce5ff;--label-background-on-secondary-color:#cce5ff;--primary-background-color-rgb:255,255,255;--primary-background-hover-on-secondary-color:#dcdfec;--modal-background-color:#ffffff;--secondary-background-color-rgb:255,255,255;--disabled-background-on-secondary-color:#ecedf5;--disabled-text-on-secondary-color:rgba(50, 51, 56, var(--disabled-component-opacity));--ui-border-on-secondary-color:#c3c6d4;--layout-border-on-secondary-color:#d0d4e4;--dark-background-color:#f6f7fb;--dark-background-on-secondary-color:#f6f7fb;--dialog-background-color:#ffffff;--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.dark-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0d2753;--primary-surface-color:#181b34;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(213, 216, 223, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#181b34;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#30324e;--allgrey-background-color:#30324e;--backdrop-color:rgba(41, 47, 76, 0.7);--ui-border-color:#797e93;--ui-background-color:#434660;--ui-background-hover-color:#35384d;--layout-border-color:#4b4e69;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3c3f59;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#181b34;--text-color-on-brand:#ffffff;--color-surface:#292f4c;--box-shadow-xs:0px 4px 6px -4px rgba(9, 11, 25, 0.5);--box-shadow-small:0px 4px 8px rgba(9, 11, 25, 0.5);--box-shadow-medium:0px 6px 20px rgba(9, 11, 25, 0.5);--box-shadow-large:0px 15px 50px rgba(9, 11, 25, 0.5);--color-grass_green-hover:#116846;--color-grass_green-selected:#0f4f43;--color-done-green-hover:#0f9b63;--color-done-green-selected:#0e7358;--color-done-green-selected-with-opacity:rgba(14, 115, 88, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#5c7930;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#736a3e;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#8d751e;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#8c653c;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#8d4134;--color-peach-hover:#c2888a;--color-peach-selected:#8d6674;--color-sunset-hover:#c26163;--color-sunset-selected:#8d4a58;--color-sunset-selected-with-opacity:rgba(141, 74, 88, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#7f314b;--color-dark-red-hover:#92334c;--color-dark-red-selected:#6b2947;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#8d1a62;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#8d3c7f;--color-bubble-hover:#be80ba;--color-bubble-selected:#8b6096;--color-purple-hover:#8050ab;--color-purple-selected:#5f3e8b;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#4a3586;--color-berry-hover:#673971;--color-berry-selected:#4d2d62;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#383c8d;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#395d9b;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#0e527e;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#357580;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#41759d;--color-river-hover:#588095;--color-river-selected:#42607c;--color-winter-hover:#7b8895;--color-winter-selected:#5b667c;--color-explosive-hover:#98999a;--color-explosive-selected:#70717f;--color-american_gray-hover:#69696a;--color-american_gray-selected:#4e505e;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#4d3941;--color-orchid-hover:#b4739a;--color-orchid-selected:#85597b;--color-tan-hover:#978977;--color-tan-selected:#716863;--color-sky-hover:#90bac6;--color-sky-selected:#6c8a9a;--color-coffee-hover:#a27b6f;--color-coffee-selected:#795e5d;--color-royal-hover:#4474bb;--color-royal-selected:#375993;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#79709c;--color-steel-hover:#95a2be;--color-steel-selected:#707a95;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#6b697f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:24,27,52;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#393b53;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#4b4e69;--disabled-background-on-secondary-color:#3c3f59;--disabled-text-on-secondary-color:rgba(213, 216, 223, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.black-app-theme{--primary-color:#0073ea;--primary-hover-color:#0060b9;--primary-selected-color:#133774;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#eeeeee;--secondary-text-color:#aaaaaa;--text-color-on-inverted:#111111;--text-color-on-primary:#ffffff;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#eeeeee;--fixed-dark-color:#111111;--fixed-light-color:#ffffff;--primary-background-color:#111111;--primary-background-hover-color:rgba(103, 104, 121, 0.3);--secondary-background-color:#2c2c2c;--allgrey-background-color:#2c2c2c;--backdrop-color:rgba(33, 33, 33, 0.7);--ui-border-color:#8d8d8d;--ui-background-color:#4d4d4d;--ui-background-hover-color:#3b3b3b;--layout-border-color:#636363;--placeholder-color:#aaaaaa;--icon-color:#aaaaaa;--disabled-background-color:#3a3a3a;--link-color:#69a7ef;--brand-color:#0073ea;--brand-hover-color:#0060b9;--brand-selected-color:#133774;--brand-selected-hover-color:#0d2e65;--positive-color:#00854d;--positive-color-hover:#007038;--positive-color-selected:#025231;--positive-color-selected-hover:#194733;--negative-color:#d83a52;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--text-color-on-brand:#ffffff;--color-surface:#212121;--grey-background-color:#111111;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6129ff;--color-dark_indigo-hover:#4c18dc;--color-dark_indigo-selected:#3c13ae;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#5684c5;--color-navy-hover:#3468b2;--color-navy-selected:#24508f;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#7a7a7a;--color-blackish-hover:#525252;--color-blackish-selected:#383838;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#4a8f98;--color-teal-hover:#347179;--color-teal-selected:#245960;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#806363;--color-pecan-hover:#674c4c;--color-pecan-selected:#513939;--primary-on-secondary-color:#0073ea;--primary-hover-on-secondary-color:#0060b9;--primary-selected-color-rgb:19,55,116;--primary-selected-on-secondary-color:#133774;--primary-text-on-secondary-color:#eeeeee;--primary-background-color-rgb:17,17,17;--primary-background-hover-on-secondary-color:#636363;--secondary-background-color-rgb:44,44,44;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#69a7ef;--modal-background-color:#181b34;--dark-background-color:#2c2c2c;--dark-background-on-secondary-color:#4b4e69;--dialog-background-color:#2c2c2c;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#aaaaaa;--placeholder-color-with-opacity:rgba(170, 170, 170, 0.1);--placeholder-on-secondary-color:#aaaaaa;--ui-border-on-secondary-color:#8d8d8d;--layout-border-on-secondary-color:#636363;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}.hacker_theme-app-theme{--primary-color:#fe78c6;--primary-hover-color:#fe5ab9;--primary-selected-color:#9f4077;--primary-selected-hover-color:#0d2e65;--primary-highlighted-color:#0b2858;--primary-surface-color:#111111;--primary-text-color:#d5d8df;--secondary-text-color:#9699a6;--text-color-on-inverted:#323338;--disabled-text-color:rgba(238, 238, 238, var(--disabled-component-opacity));--inverted-color-background:#ffffff;--fixed-dark-color:#323338;--fixed-light-color:#ffffff;--primary-background-color:#282a36;--primary-background-hover-color:#4b4e69;--secondary-background-color:#30324e;--allgrey-background-color:#282a36;--ui-border-color:#797e93;--ui-background-color:#4b4e69;--ui-background-hover-color:#3b3b3b;--layout-border-color:#414458;--placeholder-color:#c3c6d4;--icon-color:#c3c6d4;--disabled-background-color:#3a3a3a;--link-color:#bd93f9;--brand-color:#fe78c6;--brand-hover-color:#fe5ab9;--brand-selected-color:#9f4077;--brand-selected-hover-color:#0d2e65;--positive-color:#50fa7b;--positive-color-hover:#007038;--positive-color-selected:#26503e;--positive-color-selected-hover:#194733;--negative-color:#ff5555;--negative-color-hover:#b63546;--negative-color-selected:#642830;--negative-color-selected-hover:#5a2027;--warning-color:#ffcb00;--warning-color-hover:#eaaa15;--warning-color-selected:#503e02;--warning-color-selected-hover:#402f00;--grey-background-color:#282a36;--box-shadow-xs:0px 4px 6px -4px #000000;--box-shadow-small:0px 4px 8px #000000;--box-shadow-medium:0px 6px 20px #000000;--box-shadow-large:0px 15px 50px #000000;--color-grass_green:#359970;--color-grass_green-hover:#116846;--color-grass_green-selected:#0a482e;--color-done-green:#33d391;--color-done-green-hover:#0f9b63;--color-done-green-selected:#096c43;--color-done-green-selected-with-opacity:rgba(9, 108, 67, 0.6);--color-bright-green:#b0dc51;--color-bright-green-hover:#7ca32b;--color-bright-green-selected:#56721b;--color-saladish:#d5c567;--color-saladish-hover:#9d8f3e;--color-saladish-selected:#6d6329;--color-egg_yolk:#ffd533;--color-egg_yolk-hover:#c29e11;--color-egg_yolk-selected:#886e09;--color-egg_yolk-rgb:255,213,51;--color-working_orange:#fdbc64;--color-working_orange-hover:#c0873c;--color-working_orange-selected:#875e27;--color-dark-orange:#ff6d3b;--color-dark-orange-hover:#c25531;--color-dark-orange-selected:#883a1f;--color-peach:#ffbdbd;--color-peach-hover:#c2888a;--color-peach-selected:#885f5f;--color-sunset:#ff9191;--color-sunset-hover:#c26163;--color-sunset-selected:#884343;--color-sunset-selected-with-opacity:rgba(136, 67, 67, 0.6);--color-stuck-red:#e8697d;--color-stuck-red-hover:#ad3f51;--color-stuck-red-selected:#792a36;--color-dark-red:#c95c76;--color-dark-red-hover:#92334c;--color-dark-red-selected:#662232;--color-sofia_pink:#ff44a1;--color-sofia_pink-hover:#c21e71;--color-sofia_pink-selected:#88134d;--color-lipstick:#ff7bd0;--color-lipstick-hover:#c24e9a;--color-lipstick-selected:#88356a;--color-bubble:#fbb4f4;--color-bubble-hover:#be80ba;--color-bubble-selected:#855981;--color-purple:#b57de3;--color-purple-hover:#8050ab;--color-purple-selected:#593776;--color-dark_purple:#936fda;--color-dark_purple-hover:#6344a3;--color-dark_purple-selected:#442e71;--color-berry:#9862a1;--color-berry-hover:#673971;--color-berry-selected:#47264d;--color-dark_indigo:#6645a9;--color-dark_indigo-hover:#3c1f78;--color-dark_indigo-selected:#291452;--color-indigo:#777ae5;--color-indigo-hover:#4b4ead;--color-indigo-selected:#333578;--color-navy:#4e73a7;--color-navy-hover:#274776;--color-navy-selected:#193151;--color-bright-blue:#79affd;--color-bright-blue-hover:#4c7cc1;--color-bright-blue-selected:#345686;--color-dark-blue:#339ecd;--color-dark-blue-hover:#0f6d97;--color-dark-blue-selected:#094b69;--color-aquamarine:#71d6d1;--color-aquamarine-hover:#469e9b;--color-aquamarine-selected:#2f6e6b;--color-chili-blue:#85d6ff;--color-chili-blue-hover:#569ec3;--color-chili-blue-selected:#3b6e88;--color-river:#86b4ca;--color-river-hover:#588095;--color-river-selected:#3c5967;--color-winter:#aebdca;--color-winter-hover:#7b8895;--color-winter-selected:#555f67;--color-explosive:#d0d0d0;--color-explosive-hover:#98999a;--color-explosive-selected:#6a6a6a;--color-american_gray:#999999;--color-american_gray-hover:#69696a;--color-american_gray-selected:#494949;--color-blackish:#5c5c5c;--color-blackish-hover:#222222;--color-blackish-selected:#111111;--color-brown:#99756c;--color-brown-hover:#684943;--color-brown-selected:#48322c;--color-orchid:#e190c0;--color-orchid-hover:#b4739a;--color-orchid-selected:#7e516c;--color-tan:#bdab95;--color-tan-hover:#978977;--color-tan-selected:#6a6053;--color-sky:#b4e9f8;--color-sky-hover:#90bac6;--color-sky-selected:#65828b;--color-coffee:#ca9a8b;--color-coffee-hover:#a27b6f;--color-coffee-selected:#71564e;--color-royal:#5591ea;--color-royal-hover:#4474bb;--color-royal-selected:#305183;--color-teal:#457b82;--color-teal-hover:#376268;--color-teal-selected:#274549;--color-lavender:#cab9fa;--color-lavender-hover:#a294c8;--color-lavender-selected:#71688c;--color-steel:#bacbed;--color-steel-hover:#95a2be;--color-steel-selected:#687185;--color-lilac:#687185;--color-lilac-hover:#8e8a9f;--color-lilac-selected:#63616f;--color-pecan:#786565;--color-pecan-hover:#605151;--color-pecan-selected:#433939;--color-success:#50fa7b;--color-error:#ff5555;--primary-on-secondary-color:#fe78c6;--primary-hover-on-secondary-color:#fe5ab9;--primary-selected-color-rgb:159,64,119;--primary-selected-on-secondary-color:#9f4077;--primary-text-on-secondary-color:#d5d8df;--primary-background-color-rgb:40,42,54;--primary-background-hover-on-secondary-color:#4b4e69;--secondary-background-color-rgb:48,50,78;--secondary-text-on-secondary-color:#9699a6;--link-on-secondary-color:#bd93f9;--modal-background-color:#282a36;--dark-background-color:#303241;--dark-background-on-secondary-color:#595959;--dialog-background-color:#30324e;--label-background-color:#404b69;--label-background-on-secondary-color:#404b69;--icon-on-secondary-color:#c3c6d4;--placeholder-color-with-opacity:rgba(195, 198, 212, 0.1);--placeholder-on-secondary-color:#c3c6d4;--ui-border-on-secondary-color:#797e93;--layout-border-on-secondary-color:#414458;--disabled-background-on-secondary-color:#3a3a3a;--disabled-text-on-secondary-color:rgba(238, 238, 238, var(--disabled-component-opacity));--box-shadow-mediun:0px 6px 20px rgba(0, 0, 0, 0.2)}";!function(o){const e="s_id-bc5763391c34_3_86_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+e))return;const c=document.createElement("style");c.id=e,r.firstChild?r.insertBefore(c,r.firstChild):r.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=o)}(o);export{o as default};
|
|
2
2
|
//# sourceMappingURL=index.min.css.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={accordion:"
|
|
1
|
+
var e={accordion:"accordion_73f7b702d6",accordionItemExpandCollapse:"accordionItemExpandCollapse_98f640b2e4",accordionItemExpandCollapseLast:"accordionItemExpandCollapseLast_750d474a83"};!function(e){const o="s_id-e9215f4fd1c6_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const d=document.createElement("style");d.id=o,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".accordion_73f7b702d6 {\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_73f7b702d6 .accordionItemExpandCollapse_98f640b2e4 {\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_73f7b702d6 .accordionItemExpandCollapseLast_750d474a83 {\n border-bottom: none;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Accordion.module.scss.js.map
|