@vibe/core 3.28.0-alpha-df61a.0 → 3.28.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/Accordion/Accordion.d.ts +8 -0
- package/dist/components/Accordion/AccordionItem/AccordionItem.d.ts +28 -3
- package/dist/components/EditableText/EditableText.d.ts +2 -8
- package/dist/components/EditableTypography/EditableTypography.d.ts +0 -2
- package/dist/components/Label/Label.d.ts +139 -4
- package/dist/components/Label/Label.types.d.ts +3 -1
- package/dist/components/Label/LabelConstants.d.ts +47 -0
- package/dist/mocked_classnames/components/Accordion/Accordion/Accordion.d.ts +8 -0
- package/dist/mocked_classnames/components/Accordion/AccordionItem/AccordionItem.d.ts +28 -3
- package/dist/mocked_classnames/components/EditableText/EditableText.d.ts +2 -8
- package/dist/mocked_classnames/components/EditableTypography/EditableTypography.d.ts +0 -2
- package/dist/mocked_classnames/components/Label/Label.d.ts +139 -4
- package/dist/mocked_classnames/components/Label/Label.types.d.ts +3 -1
- package/dist/mocked_classnames/components/Label/LabelConstants.d.ts +47 -0
- package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.js.map +1 -1
- 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/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Box/Box.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Button/Button.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/external_datepicker.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DialogContentContainer/DialogContentContainer.js +1 -1
- package/dist/mocked_classnames/src/components/DialogContentContainer/DialogContentContainer.js.map +1 -1
- package/dist/mocked_classnames/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableText/EditableText.js.map +1 -1
- package/dist/mocked_classnames/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.js +1 -1
- package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.js.map +1 -1
- package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Icon/Icon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/Label.js +1 -1
- package/dist/mocked_classnames/src/components/Label/Label.js.map +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/Label/LabelConstants.js +1 -1
- package/dist/mocked_classnames/src/components/Label/LabelConstants.js.map +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Link/Link.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Loader/Loader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/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/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Text/Text.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Typography/Typography.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/style/dist/index.min.css.js +1 -1
- package/dist/src/components/Accordion/Accordion/Accordion.js.map +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/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/src/components/Box/Box.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/Button/Button.module.scss.js +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/external_datepicker.scss.js +1 -1
- package/dist/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/src/components/DialogContentContainer/DialogContentContainer.js +1 -1
- package/dist/src/components/DialogContentContainer/DialogContentContainer.js.map +1 -1
- package/dist/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/src/components/EditableText/EditableText.js.map +1 -1
- package/dist/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/src/components/EditableTypography/EditableTypography.js +1 -1
- package/dist/src/components/EditableTypography/EditableTypography.js.map +1 -1
- package/dist/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/src/components/Icon/Icon.module.scss.js +1 -1
- package/dist/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/src/components/Label/Label.js +1 -1
- package/dist/src/components/Label/Label.js.map +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/Label/LabelConstants.js +1 -1
- package/dist/src/components/Label/LabelConstants.js.map +1 -1
- package/dist/src/components/LegacyModal/LegacyModal.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalFooter/LegacyModalFooter.module.scss.js +1 -1
- package/dist/src/components/LegacyModal/LegacyModalHeader/LegacyModalHeader.module.scss.js +1 -1
- package/dist/src/components/Link/Link.module.scss.js +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/Loader/Loader.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Menu/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/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/src/components/Search/Search.module.scss.js +1 -1
- package/dist/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
- package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/src/components/Text/Text.module.scss.js +1 -1
- package/dist/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/src/components/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/src/components/Typography/Typography.module.scss.js +1 -1
- package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/package.json +3 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { TextType, TextWeight } from \"../Text/Text.types\";\nimport { HeadingType, HeadingWeight } from \"../Heading/Heading.types\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nexport interface EditableTypographyImplementationProps {\n /** Value of the text */\n value: string;\n /** Will be called whenever the current value changes to a non-empty value */\n onChange?: (value: string) => void;\n /** Will be called whenever the component gets clicked */\n onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n /** Disables editing mode - component will be just a typography element */\n readOnly?: boolean;\n /** Shown in edit mode when the text value is empty */\n placeholder?: string;\n /** ARIA Label */\n ariaLabel?: string;\n /** Controls the mode of the component (i.e. view/edit mode) */\n isEditMode?: boolean;\n /** If true, automatically select all text when entering edit mode */\n autoSelectTextOnEditMode?: boolean;\n /** Will be called when the mode of the component changes */\n onEditModeChange?: (isEditMode: boolean) => void;\n /** Override Tooltip props when needed */\n tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /** A typography component that is being rendered in view mode */\n component: ElementType;\n /** Controls the style of the typography component in view mode */\n typographyClassName: string;\n /** Shows placeholder when empty, if provided */\n clearable?: boolean;\n /** Sets the Text/Heading type */\n type?: TextType | HeadingType;\n /** Sets the Text/Heading weight */\n weight?: TextWeight | HeadingWeight;\n /** Controls whether a textarea or a simple input would be rendered, allowing multi-lines */\n multiline?: boolean;\n /** Maximum number of rows for multiline text */\n multilineMaxRows?: number;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography: VibeComponent<EditableTypographyProps, HTMLElement> = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n value,\n onChange,\n onClick,\n readOnly = false,\n ariaLabel = \"\",\n placeholder,\n clearable,\n typographyClassName,\n component: TypographyComponent,\n isEditMode,\n autoSelectTextOnEditMode,\n onEditModeChange,\n tooltipProps,\n type,\n weight,\n multiline = false,\n multilineMaxRows\n }: EditableTypographyProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isEditing, setIsEditing] = useState(isEditMode || false);\n const [inputValue, setInputValue] = useState(value);\n\n const prevValue = usePrevious(value);\n\n const inputRef = useRef(null);\n const typographyRef = useRef(null);\n\n useEffect(() => {\n if (!isEditing && value !== prevValue && value !== inputValue) {\n setInputValue(value);\n }\n }, [prevValue, isEditing, value, inputValue]);\n\n useEffect(() => {\n setIsEditing(isEditMode);\n }, [isEditMode]);\n\n function onTypographyClick(event: React.KeyboardEvent | React.MouseEvent) {\n onClick?.(event);\n toggleEditMode(event);\n }\n\n function toggleEditMode(event: React.KeyboardEvent | React.MouseEvent) {\n if (readOnly || isEditing) {\n return;\n }\n event.preventDefault();\n handleEditModeChange(true);\n }\n\n function handleEditModeChange(value: boolean) {\n onEditModeChange?.(value);\n setIsEditing(value);\n }\n\n function handleInputValueChange() {\n handleEditModeChange(false);\n\n if (value === inputValue) {\n return;\n }\n\n const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n setInputValue(value);\n return;\n }\n setInputValue(inputValue);\n onChange?.(inputValue);\n }\n\n function handleBlur() {\n handleInputValueChange();\n }\n\n function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) {\n if (event.key === keyCodes.ENTER) {\n if (multiline && event.shiftKey) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n handleInputValueChange();\n }\n if (event.key === keyCodes.ESCAPE) {\n event.preventDefault();\n event.stopPropagation();\n handleEditModeChange(false);\n setInputValue(value);\n }\n }\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) {\n setInputValue(event.target.value);\n }\n\n const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n function focus() {\n inputRef.current?.focus?.();\n\n if (inputRef.current) {\n const inputElement = inputRef.current as HTMLInputElement | HTMLTextAreaElement;\n const textLength = inputElement.value.length;\n inputElement.setSelectionRange(textLength, textLength);\n }\n }\n\n function selectAllInputText() {\n inputRef.current?.select?.();\n }\n\n useEffect(() => {\n if (!isEditing) return;\n focus();\n if (autoSelectTextOnEditMode) {\n selectAllInputText();\n }\n }, [autoSelectTextOnEditMode, isEditing]);\n\n useIsomorphicLayoutEffect(() => {\n if (!typographyRef.current) {\n return;\n }\n\n const { width } = typographyRef.current.getBoundingClientRect();\n inputRef?.current?.style.setProperty(\"--input-width\", `${width}px`);\n\n if (multiline && !multilineMaxRows) {\n const textareaElement = inputRef?.current as HTMLTextAreaElement;\n textareaElement?.style.setProperty(\"--input-height\", \"auto\");\n textareaElement?.style.setProperty(\"--input-height\", `${textareaElement.scrollHeight + PADDING_OFFSET}px`);\n }\n }, [inputValue, isEditing]);\n\n return (\n <div\n ref={mergedRef}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestId}\n className={cx(styles.editableTypography, className)}\n role={isEditing ? null : \"button\"}\n onClick={onTypographyClick}\n onKeyDown={toggleKeyboardEditMode}\n >\n {isEditing &&\n (multiline ? (\n <textarea\n ref={inputRef}\n className={cx(styles.textarea, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"textbox\"\n rows={multilineMaxRows ? Math.min(inputValue.split(\"\\n\").length, multilineMaxRows) : 1}\n />\n ) : (\n <input\n ref={inputRef}\n className={cx(styles.input, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"input\"\n />\n ))}\n <TypographyComponent\n ref={typographyRef}\n aria-hidden={isEditing}\n className={cx(styles.typography, typographyClassName, {\n [styles.hidden]: isEditing,\n [styles.disabled]: readOnly,\n [styles.placeholder]: !inputValue && placeholder,\n [styles.multiline]: !isEditing && multiline\n })}\n tabIndex={0}\n tooltipProps={tooltipProps}\n weight={weight}\n type={type}\n maxLines={multilineMaxRows}\n >\n {inputValue || placeholder}\n </TypographyComponent>\n </div>\n );\n }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","multilineMaxRows","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","_b","current","_a","focus","inputElement","textLength","length","setSelectionRange","select","useIsomorphicLayoutEffect","_typographyRef$curren","getBoundingClientRect","style","setProperty","concat","width","textareaElement","scrollHeight","React","createElement","cx","styles","editableTypography","role","onKeyDown","textarea","onBlur","rows","Math","min","split","input","typography","_defineProperty","hidden","disabled","tabIndex","maxLines"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { TooltipProps } from \"../Tooltip/Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { TextType, TextWeight } from \"../Text/Text.types\";\nimport { HeadingType, HeadingWeight } from \"../Heading/Heading.types\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nexport interface EditableTypographyImplementationProps {\n /** Value of the text */\n value: string;\n /** Will be called whenever the current value changes to a non-empty value */\n onChange?: (value: string) => void;\n /** Will be called whenever the component gets clicked */\n onClick?: (event: React.KeyboardEvent | React.MouseEvent) => void;\n /** Disables editing mode - component will be just a typography element */\n readOnly?: boolean;\n /** Shown in edit mode when the text value is empty */\n placeholder?: string;\n /** ARIA Label */\n ariaLabel?: string;\n /** Controls the mode of the component (i.e. view/edit mode) */\n isEditMode?: boolean;\n /** If true, automatically select all text when entering edit mode */\n autoSelectTextOnEditMode?: boolean;\n /** Will be called when the mode of the component changes */\n onEditModeChange?: (isEditMode: boolean) => void;\n /** Override Tooltip props when needed */\n tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /** A typography component that is being rendered in view mode */\n component: ElementType;\n /** Controls the style of the typography component in view mode */\n typographyClassName: string;\n /** Shows placeholder when empty, if provided */\n clearable?: boolean;\n /** Sets the Text/Heading type */\n type?: TextType | HeadingType;\n /** Sets the Text/Heading weight */\n weight?: TextWeight | HeadingWeight;\n /** Controls whether a textarea or a simple input would be rendered, allowing multi-lines */\n multiline?: boolean;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography: VibeComponent<EditableTypographyProps, HTMLElement> = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n value,\n onChange,\n onClick,\n readOnly = false,\n ariaLabel = \"\",\n placeholder,\n clearable,\n typographyClassName,\n component: TypographyComponent,\n isEditMode,\n autoSelectTextOnEditMode,\n onEditModeChange,\n tooltipProps,\n type,\n weight,\n multiline = false\n }: EditableTypographyProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isEditing, setIsEditing] = useState(isEditMode || false);\n const [inputValue, setInputValue] = useState(value);\n\n const prevValue = usePrevious(value);\n\n const inputRef = useRef(null);\n const typographyRef = useRef(null);\n\n useEffect(() => {\n if (!isEditing && value !== prevValue && value !== inputValue) {\n setInputValue(value);\n }\n }, [prevValue, isEditing, value, inputValue]);\n\n useEffect(() => {\n setIsEditing(isEditMode);\n }, [isEditMode]);\n\n function onTypographyClick(event: React.KeyboardEvent | React.MouseEvent) {\n onClick?.(event);\n toggleEditMode(event);\n }\n\n function toggleEditMode(event: React.KeyboardEvent | React.MouseEvent) {\n if (readOnly || isEditing) {\n return;\n }\n event.preventDefault();\n handleEditModeChange(true);\n }\n\n function handleEditModeChange(value: boolean) {\n onEditModeChange?.(value);\n setIsEditing(value);\n }\n\n function handleInputValueChange() {\n handleEditModeChange(false);\n\n if (value === inputValue) {\n return;\n }\n\n const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n setInputValue(value);\n return;\n }\n setInputValue(inputValue);\n onChange?.(inputValue);\n }\n\n function handleBlur() {\n handleInputValueChange();\n }\n\n function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) {\n if (event.key === keyCodes.ENTER) {\n if (multiline && event.shiftKey) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n handleInputValueChange();\n }\n if (event.key === keyCodes.ESCAPE) {\n event.preventDefault();\n event.stopPropagation();\n handleEditModeChange(false);\n setInputValue(value);\n }\n }\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) {\n setInputValue(event.target.value);\n }\n\n const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n function focus() {\n inputRef.current?.focus?.();\n\n if (inputRef.current) {\n const inputElement = inputRef.current as HTMLInputElement | HTMLTextAreaElement;\n const textLength = inputElement.value.length;\n inputElement.setSelectionRange(textLength, textLength);\n }\n }\n\n function selectAllInputText() {\n inputRef.current?.select?.();\n }\n\n useEffect(() => {\n if (!isEditing) return;\n focus();\n if (autoSelectTextOnEditMode) {\n selectAllInputText();\n }\n }, [autoSelectTextOnEditMode, isEditing]);\n\n useIsomorphicLayoutEffect(() => {\n if (!typographyRef.current) {\n return;\n }\n\n const { width } = typographyRef.current.getBoundingClientRect();\n inputRef?.current?.style.setProperty(\"--input-width\", `${width}px`);\n\n if (multiline) {\n const textareaElement = inputRef?.current as HTMLTextAreaElement;\n textareaElement?.style.setProperty(\"--input-height\", \"auto\");\n textareaElement?.style.setProperty(\"--input-height\", `${textareaElement.scrollHeight + PADDING_OFFSET}px`);\n }\n }, [inputValue, isEditing]);\n\n return (\n <div\n ref={mergedRef}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestId}\n className={cx(styles.editableTypography, className)}\n role={isEditing ? null : \"button\"}\n onClick={onTypographyClick}\n onKeyDown={toggleKeyboardEditMode}\n >\n {isEditing &&\n (multiline ? (\n <textarea\n ref={inputRef}\n className={cx(styles.textarea, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"textbox\"\n rows={1}\n />\n ) : (\n <input\n ref={inputRef}\n className={cx(styles.input, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"input\"\n />\n ))}\n <TypographyComponent\n ref={typographyRef}\n aria-hidden={isEditing}\n className={cx(styles.typography, typographyClassName, {\n [styles.hidden]: isEditing,\n [styles.disabled]: readOnly,\n [styles.placeholder]: !inputValue && placeholder,\n [styles.multiline]: !isEditing && multiline\n })}\n tabIndex={0}\n tooltipProps={tooltipProps}\n weight={weight}\n type={type}\n ellipsis={!multiline}\n >\n {inputValue || placeholder}\n </TypographyComponent>\n </div>\n );\n }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","_b","current","_a","focus","inputElement","textLength","length","setSelectionRange","select","useIsomorphicLayoutEffect","_typographyRef$curren","getBoundingClientRect","style","setProperty","concat","width","textareaElement","scrollHeight","React","createElement","cx","styles","editableTypography","role","onKeyDown","textarea","onBlur","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={editableTypography:"
|
|
1
|
+
var e={editableTypography:"editableTypography_c2670d702e",input:"input_64aed31636",textarea:"textarea_4f09ef71b8",typography:"typography_6817ff0686",disabled:"disabled_fb881a18ad",hidden:"hidden_49d89f5134",placeholder:"placeholder_e7f9823dfb",multiline:"multiline_d166907d88"};!function(e){const a="s_id-34ea4bd39075_3_27_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_c2670d702e {\n display: inline-flex;\n min-width: 0;\n max-width: 100%;\n margin-left: -6px;\n overflow: hidden;\n position: relative;\n}\n.editableTypography_c2670d702e .input_64aed31636,\n.editableTypography_c2670d702e .textarea_4f09ef71b8 {\n width: var(--input-width);\n display: inline-block;\n max-width: 100%;\n min-width: 64px;\n padding: 0 var(--spacing-xs);\n outline: none;\n border: 1px solid var(--primary-color);\n border-radius: var(--border-radius-small);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.editableTypography_c2670d702e .input_64aed31636:focus, .editableTypography_c2670d702e .input_64aed31636:active,\n.editableTypography_c2670d702e .textarea_4f09ef71b8:focus,\n.editableTypography_c2670d702e .textarea_4f09ef71b8:active {\n outline: none;\n}\n.editableTypography_c2670d702e .textarea_4f09ef71b8 {\n resize: none;\n overflow: hidden;\n height: var(--input-height);\n}\n.editableTypography_c2670d702e .typography_6817ff0686 {\n border: 1px solid transparent;\n padding: 0 var(--spacing-xs);\n border-radius: var(--border-radius-small);\n}\n.editableTypography_c2670d702e .typography_6817ff0686:hover:not(.disabled_fb881a18ad) {\n border-color: var(--ui-border-color);\n}\n.editableTypography_c2670d702e .typography_6817ff0686.hidden_49d89f5134 {\n position: absolute;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.editableTypography_c2670d702e .typography_6817ff0686.placeholder_e7f9823dfb {\n color: var(--secondary-text-color);\n}\n.editableTypography_c2670d702e .typography_6817ff0686.multiline_d166907d88 {\n white-space: pre-wrap;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=EditableTypography.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={expandCollapse:"
|
|
1
|
+
var n={expandCollapse:"expandCollapse_642a9490c4",header:"header_efbaabff63","focus-visible":"focus-visible_08e0cce8bf",headerContent:"headerContent_5de42d3601",iconComponent:"iconComponent_a6a95261b3",content:"content_6b0a6b15e9",section:"section_5c984479d6",hideBorder:"hideBorder_257e841775",hideBorderBottom:"hideBorderBottom_6526586963",showBorder:"showBorder_f8d8063a7e",headerOpen:"headerOpen_adb0372de5",animateIconOpen:"animateIconOpen_1cda257836",animateIconClose:"animateIconClose_41c05c27aa"};!function(n){const e="s_id-ca6f6158d39b_3_27_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".expandCollapse_642a9490c4 {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n color: var(--primary-text-color);\n background-color: transparent;\n box-sizing: border-box;\n border-radius: var(--border-radius-small);\n}\n\n.header_efbaabff63 {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n /* inherit font & color from ancestor */\n color: inherit;\n font: inherit;\n /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n line-height: normal;\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n /* Corrects inability to style clickable `input` types in iOS */\n appearance: none;\n padding: var(--spacing-medium);\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n\n.header_efbaabff63:focus-visible, .header_efbaabff63.focus-visible_08e0cce8bf {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header_efbaabff63:focus:not(.focus-visible_08e0cce8bf) {\n outline: none;\n}\n\n.header_efbaabff63:hover {\n background-color: var(--primary-background-hover-color);\n}\n\n.header_efbaabff63:active {\n transform: scale(1);\n}\n\n.header_efbaabff63 .headerContent_5de42d3601 {\n margin: 0;\n}\n\n.header_efbaabff63 .iconComponent_a6a95261b3 {\n color: var(--icon-color);\n}\n\n.content_6b0a6b15e9 {\n padding: var(--spacing-medium);\n}\n\n.section_5c984479d6 {\n width: 100%;\n}\n\n.hideBorder_257e841775 {\n border: none;\n}\n\n.hideBorderBottom_6526586963 {\n border-bottom: none;\n}\n\n.showBorder_f8d8063a7e {\n border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_f8d8063a7e .headerOpen_adb0372de5 {\n border-bottom: 1px solid;\n border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_1cda257836 {\n transform: rotate(-180deg);\n transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_41c05c27aa {\n transform: rotate(-360deg);\n transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=ExpandCollapse.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={labelComponentWrapper:"
|
|
1
|
+
var e={labelComponentWrapper:"labelComponentWrapper_fda4c0444b",labelComponentIcon:"labelComponentIcon_dce89f5ec5",labelComponentText:"labelComponentText_22d487fb3c",required:"required_6a5a0c44ff"};!function(e){const n="s_id-12dfba012dab_3_27_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_fda4c0444b {\n font: var(--font-text2-normal);\n display: flex;\n padding-bottom: var(--spacing-xs);\n align-items: center;\n}\n\n.labelComponentIcon_dce89f5ec5 {\n margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n line-height: 24px;\n color: var(--secondary-text-color);\n}\n\n.labelComponentText_22d487fb3c {\n color: var(--primary-text-color);\n padding-block: 2px;\n}\n\n.required_6a5a0c44ff {\n color: var(--negative-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=FieldLabel.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={container:"
|
|
1
|
+
var n={container:"container_74fc35b242",justifyStart:"justifyStart_ef0aad596f",justifyEnd:"justifyEnd_76896cad36",justifyCenter:"justifyCenter_7b94a83963",justifySpaceBetween:"justifySpaceBetween_4d4810c1a1",justifySpaceAround:"justifySpaceAround_5528d2822f",justifyInital:"justifyInital_864fe29b47",alignStart:"alignStart_87dbad8a4f",alignEnd:"alignEnd_6833d9b95e",alignCenter:"alignCenter_8cc8dda09f",alignStretch:"alignStretch_227480df48",alignBaseline:"alignBaseline_a90f11ca5e",alignInitial:"alignInitial_3bfbf3f07c",directionColumn:"directionColumn_90865bd09e",wrap:"wrap_77d5c4af7a"};!function(n){const e="s_id-3ad7193e0a34_3_27_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_74fc35b242 {\n display: flex;\n flex-direction: row;\n}\n.container_74fc35b242.justifyStart_ef0aad596f {\n justify-content: flex-start;\n}\n.container_74fc35b242.justifyEnd_76896cad36 {\n justify-content: flex-end;\n}\n.container_74fc35b242.justifyCenter_7b94a83963 {\n justify-content: center;\n}\n.container_74fc35b242.justifySpaceBetween_4d4810c1a1 {\n justify-content: space-between;\n}\n.container_74fc35b242.justifySpaceAround_5528d2822f {\n justify-content: space-around;\n}\n.container_74fc35b242.justifyInital_864fe29b47 {\n justify-content: initial;\n}\n.container_74fc35b242.alignStart_87dbad8a4f {\n align-items: flex-start;\n}\n.container_74fc35b242.alignEnd_6833d9b95e {\n align-items: flex-end;\n}\n.container_74fc35b242.alignCenter_8cc8dda09f {\n align-items: center;\n}\n.container_74fc35b242.alignStretch_227480df48 {\n align-items: stretch;\n}\n.container_74fc35b242.alignBaseline_a90f11ca5e {\n align-items: baseline;\n}\n.container_74fc35b242.alignInitial_3bfbf3f07c {\n align-items: initial;\n}\n.container_74fc35b242.directionColumn_90865bd09e {\n flex-direction: column;\n}\n.container_74fc35b242.wrap_77d5c4af7a {\n flex-wrap: wrap;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Flex.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={formattedNumberComponent:"
|
|
1
|
+
var e={formattedNumberComponent:"formattedNumberComponent_002f63da82",prefix:"prefix_c5852f08a4",suffix:"suffix_c5852f08a4"};!function(e){const n="s_id-d821b20045aa_3_27_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const f=document.createElement("style");f.id=n,t.firstChild?t.insertBefore(f,t.firstChild):t.appendChild(f),f.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_002f63da82 {\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n font-family: var(--font-family);\n width: 100%;\n}\n\n.prefix_c5852f08a4 {\n white-space: pre;\n}\n\n.suffix_c5852f08a4 {\n white-space: pre;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=FormattedNumber.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={h1Bold:"
|
|
1
|
+
var n={h1Bold:"h1Bold_a167e4a476",h1Medium:"h1Medium_719306cd25",h1Normal:"h1Normal_e7fa516dc9",h1Light:"h1Light_c8d656cb14",h2Bold:"h2Bold_48b6b4f49a",h2Medium:"h2Medium_5164c6b526",h2Normal:"h2Normal_28f851e614",h2Light:"h2Light_30357866ed",h3Bold:"h3Bold_4178c242c7",h3Medium:"h3Medium_43f3f3c300",h3Normal:"h3Normal_cf4630655b",h3Light:"h3Light_aa6f8ab407",heading:"heading_5de42d3601"};!function(n){const o="s_id-7b3706ef5cf5_3_27_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_a167e4a476 {\n font: var(--font-h1-bold);\n letter-spacing: var(--letter-spacing-h1-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_719306cd25 {\n font: var(--font-h1-medium);\n letter-spacing: var(--letter-spacing-h1-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_e7fa516dc9 {\n font: var(--font-h1-normal);\n letter-spacing: var(--letter-spacing-h1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_c8d656cb14 {\n font: var(--font-h1-light);\n letter-spacing: var(--letter-spacing-h1-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_48b6b4f49a {\n font: var(--font-h2-bold);\n letter-spacing: var(--letter-spacing-h2-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_5164c6b526 {\n font: var(--font-h2-medium);\n letter-spacing: var(--letter-spacing-h2-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_28f851e614 {\n font: var(--font-h2-normal);\n letter-spacing: var(--letter-spacing-h2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_30357866ed {\n font: var(--font-h2-light);\n letter-spacing: var(--letter-spacing-h2-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_4178c242c7 {\n font: var(--font-h3-bold);\n letter-spacing: var(--letter-spacing-h3-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_43f3f3c300 {\n font: var(--font-h3-medium);\n letter-spacing: var(--letter-spacing-h3-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_cf4630655b {\n font: var(--font-h3-normal);\n letter-spacing: var(--letter-spacing-h3-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_aa6f8ab407 {\n font: var(--font-h3-light);\n letter-spacing: var(--letter-spacing-h3-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading_5de42d3601 {\n margin: 0;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Heading.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={hiddenTextWrapper:"
|
|
1
|
+
var e={hiddenTextWrapper:"hiddenTextWrapper_5b5815bba6"};!function(e){const t="s_id-5ac012179a41_3_27_1";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)}(".hiddenTextWrapper_5b5815bba6 {\n /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=HiddenText.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={icon:"
|
|
1
|
+
var e={icon:"icon_2169cb908d",noFocusStyle:"noFocusStyle_d1e0358b34",clickable:"clickable_ea19877d1d"};!function(e){const n="s_id-039c30c54242_3_27_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_2169cb908d {\n position: relative;\n}\n\n.icon_2169cb908d:before {\n text-decoration: none !important;\n}\n\n.noFocusStyle_d1e0358b34:focus {\n outline: none;\n}\n\n.clickable_ea19877d1d {\n cursor: pointer;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Icon.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={wrapper:"
|
|
1
|
+
var e={wrapper:"wrapper_3b202ba33b",referenceWrapper:"referenceWrapper_3377553edd",loader:"loader_69f530e4c1",xxs:"xxs_f2c1b6f539"};!function(e){const n="s_id-8d1605f1f87b_3_27_1";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)}(".wrapper_3b202ba33b {\n width: fit-content;\n height: fit-content;\n display: inline-flex;\n}\n\n.referenceWrapper_3377553edd {\n display: inline-flex;\n}\n\n.referenceWrapper_3377553edd button .loader_69f530e4c1 {\n width: 16px;\n height: 16px;\n}\n\n.referenceWrapper_3377553edd button .loader_69f530e4c1.xxs_f2c1b6f539 {\n width: 10px;\n height: 10px;\n}\n\n.referenceWrapper_3377553edd button .loader_69f530e4c1.xxs_f2c1b6f539 svg {\n display: block;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=IconButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as e,defineProperty as
|
|
1
|
+
import{slicedToArray as e,defineProperty as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as t}from"lodash-es";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{getStyle as s}from"../../helpers/typesciptCssModulesHelper.js";import i,{forwardRef as n,useRef as m,useState as c,useMemo as p,useCallback as d,useEffect as u}from"react";import f from"../Text/Text.js";import b from"./Leg.js";import{LabelAllowedColor as j,LabelKind as v,mapSizesToTextSize as k}from"./LabelConstants.js";import{contentColors as C}from"../../utils/colors-vars-map.js";import{withStaticProps as E}from"../../types/withStaticProps.js";import g from"../../hooks/useClickableProps/useClickableProps.js";import y from"../../hooks/useMergeRef.js";import L from"./Label.module.scss.js";import h from"./LabelCelebrationAnimation.js";var x=E(n((function(n,j){var v=n.className,E=n.labelClassName,x=n.kind,N=void 0===x?"fill":x,P=n.color,A=void 0===P?"primary":P,H=n.text,T=void 0===H?"":H,I=n.isLegIncluded,w=void 0!==I&&I,B=n.id,M=n["data-testid"],W=n.onClick,_=n.celebrationAnimation,z=n.size,D=void 0===z?"medium":z,O=m(null),R=y(j,O),S=c(_),q=e(S,2),F=q[0],G=q[1],J=!!W,K=p((function(){return o(L.label,s(L,t("kind-"+N)),s(L,t("color-"+A)),r(r(r({},L.withLeg,w),L.clickable,J),L.small,"small"===D),E)}),[N,A,w,E,J,D]),Q=p((function(){if(C.includes(A))return{backgroundColor:"var(--color-".concat(A,")")}}),[A]),U=d((function(e){W&&(e.preventDefault(),W(e))}),[W]),V=g({onClick:U,id:B,ariaHidden:!1,ariaHasPopup:!1,ariaExpanded:!1},O);u((function(){G(_)}),[_]);var X=p((function(){return i.createElement("span",Object.assign({},J&&V,{className:o(r({},L.clickableWrapper,J),v),"data-testid":M||a(l.LABEL,B),ref:R}),i.createElement(f,{style:Q,element:"span",type:k[D],className:K,color:"onInverted","data-celebration-text":F},i.createElement(f,{element:"span",type:k[D],color:"inherit",className:o(r({},L.smallText,"small"===D))},T),i.createElement("span",{className:o(L.legWrapper)},w?i.createElement(b,null):null)))}),[J,V,v,M,B,R,K,F,T,w,D,Q]);return F&&"line"===N?i.createElement(h,{onAnimationEnd:function(){return G(!1)}},X):X})),{colors:j,kinds:v});export{x as default};
|
|
2
2
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport Text from \"../Text/Text\";\nimport Leg from \"./Leg\";\nimport {
|
|
1
|
+
{"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport Text from \"../Text/Text\";\nimport Leg from \"./Leg\";\nimport { LabelAllowedColor as LabelColorEnum, LabelKind as LabelKindEnum, mapSizesToTextSize } from \"./LabelConstants\";\nimport { LabelColor, LabelKind, ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport useClickableProps from \"../../hooks/useClickableProps/useClickableProps\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { LabelSizes } from \"./Label.types\";\n\nexport interface LabelProps extends VibeComponentProps {\n /**\n * Class name for an inner text wrapper\n */\n labelClassName?: string;\n kind?: LabelKind;\n color?: LabelColor;\n text?: string;\n isLegIncluded?: boolean;\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n celebrationAnimation?: boolean;\n size?: LabelSizes;\n}\n\nconst Label: VibeComponent<LabelProps> & {\n colors?: typeof LabelColorEnum;\n kinds?: typeof LabelKindEnum;\n} = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n ariaHidden: false,\n ariaHasPopup: false,\n ariaExpanded: false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.LABEL, id)}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color=\"onInverted\"\n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\nexport default withStaticProps(Label, {\n colors: LabelColorEnum,\n kinds: LabelKindEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","backgroundColor","concat","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","ariaHidden","ariaHasPopup","ariaExpanded","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd","colors","LabelColorEnum","kinds","LabelKindEnum"],"mappings":"23BA+BA,IAiIeA,EAAAA,EA9HXC,GACF,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAO,CAAEoC,gBAAe,eAAAC,OAAiBrC,EAAK,KAElD,GAAG,CAACA,IAEEsC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACAuC,YAAY,EACZC,cAAc,EACdC,cAAc,GAEhBnC,GAGFoC,GAAU,WACR3B,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEyB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC9B,GAAeqB,EAAe,CACnC/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAO2B,iBAAmB/B,GAAe1B,GAC7C,cAAAW,GAAc+C,EAAUC,EAAuBC,MAAOlD,GACnEX,IAAKmB,IAELmC,EAACC,cAAAO,EACC,CAAAC,MAAOxB,EACPyB,QAAQ,OACRC,KAAMC,EAAmBlD,GACzBf,UAAW2B,EACXtB,MAAM,aAAY,wBACKmB,GAEvB6B,EAAAC,cAACO,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBlD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOoC,UAAqB,UAATnD,KAEnCR,GAEH8C,EAAMC,cAAA,OAAA,CAAAtD,UAAW6B,EAAGC,EAAOqC,aAAc1D,EAAgB4C,EAACC,cAAAc,EAAM,MAAG,OAI1E,GAAE,CACD1C,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,IAIF,OAAId,GAAmC,SAATrB,EAE1BkD,EAACC,cAAAe,EAA0B,CAAAC,eAAgB,WAAA,OAAM7C,GAA0B,EAAM,GAC9EM,GAKAA,CACT,IAGoC,CACpCwC,OAAQC,EACRC,MAAOC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={clickable:"
|
|
1
|
+
var e={clickable:"clickable_ea19877d1d","focus-visible":"focus-visible_08e0cce8bf",disabled:"disabled_baf44e5e0a",disableTextSelection:"disableTextSelection_12a10e4f12",clickableWrapper:"clickableWrapper_ea19877d1d",label:"label_4efc689ba4",small:"small_93b3fd1ca9",withLeg:"withLeg_c446425373",legWrapper:"legWrapper_776e007b2a",kindFill:"kindFill_fe957bfd28",colorPrimary:"colorPrimary_f9e7b27766",colorDark:"colorDark_02f97ac35e",colorNegative:"colorNegative_d99aa79462",colorPositive:"colorPositive_eeaf6b8b8c",kindLine:"kindLine_4e4a4cf0f0",smallText:"smallText_9c0c8d5edf"};!function(e){const a="s_id-4bcc4b0ff746_3_27_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const o=document.createElement("style");o.id=a,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".clickable_ea19877d1d {\n cursor: pointer;\n}\n.clickable_ea19877d1d:focus-visible, .clickable_ea19877d1d.focus-visible_08e0cce8bf {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_ea19877d1d:focus:not(.focus-visible_08e0cce8bf) {\n outline: none;\n}\n.clickable_ea19877d1d.disabled_baf44e5e0a {\n cursor: default;\n}\n.disableTextSelection_12a10e4f12 {\n -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_ea19877d1d {\n cursor: pointer;\n}\n.clickableWrapper_ea19877d1d:focus-visible, .clickableWrapper_ea19877d1d.focus-visible_08e0cce8bf {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_ea19877d1d:focus:not(.focus-visible_08e0cce8bf) {\n outline: none;\n}\n.clickableWrapper_ea19877d1d:active {\n transform: scale(0.95) translate3d(0, 0, 0);\n transition: var(--motion-productive-short) transform;\n}\n.label_4efc689ba4 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: var(--border-radius-small);\n padding: 2px var(--spacing-small);\n position: relative;\n}\n.label_4efc689ba4.small_93b3fd1ca9 {\n padding: 0 var(--spacing-xs);\n border-radius: 2px;\n}\n.withLeg_c446425373 {\n border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_776e007b2a {\n position: absolute;\n height: 8px;\n top: 100%;\n left: 0;\n display: inline-flex;\n}\n.kindFill_fe957bfd28.colorPrimary_f9e7b27766 {\n background-color: var(--primary-color);\n}\n.kindFill_fe957bfd28.colorPrimary_f9e7b27766 svg path {\n fill: var(--primary-color);\n}\n.kindFill_fe957bfd28.colorPrimary_f9e7b27766.clickable_ea19877d1d:hover, .kindFill_fe957bfd28.colorPrimary_f9e7b27766.clickable_ea19877d1d:active {\n background-color: var(--primary-hover-color);\n}\n.kindFill_fe957bfd28.colorDark_02f97ac35e {\n background-color: var(--inverted-color-background);\n}\n.kindFill_fe957bfd28.colorDark_02f97ac35e svg path {\n fill: var(--inverted-color-background);\n}\n.kindFill_fe957bfd28.colorNegative_d99aa79462 {\n background-color: var(--negative-color);\n}\n.kindFill_fe957bfd28.colorNegative_d99aa79462 svg path {\n fill: var(--negative-color);\n}\n.kindFill_fe957bfd28.colorNegative_d99aa79462.clickable_ea19877d1d:hover, .kindFill_fe957bfd28.colorNegative_d99aa79462.clickable_ea19877d1d:active {\n background-color: var(--negative-color-hover);\n}\n.kindFill_fe957bfd28.colorPositive_eeaf6b8b8c {\n background-color: var(--positive-color);\n}\n.kindFill_fe957bfd28.colorPositive_eeaf6b8b8c svg path {\n fill: var(--positive-color);\n}\n.kindFill_fe957bfd28.colorPositive_eeaf6b8b8c.clickable_ea19877d1d:hover, .kindFill_fe957bfd28.colorPositive_eeaf6b8b8c.clickable_ea19877d1d:active {\n background-color: var(--positive-color-hover);\n}\n.kindLine_4e4a4cf0f0 {\n border: 1px solid currentColor;\n padding: 1px var(--spacing-small);\n}\n.kindLine_4e4a4cf0f0 .legWrapper_776e007b2a {\n left: -1px;\n top: calc(100% + 1px);\n}\n.kindLine_4e4a4cf0f0.colorPrimary_f9e7b27766 {\n color: var(--primary-color);\n}\n.kindLine_4e4a4cf0f0.colorPrimary_f9e7b27766 svg path {\n fill: var(--primary-color);\n}\n.kindLine_4e4a4cf0f0.colorPrimary_f9e7b27766.clickable_ea19877d1d:hover, .kindLine_4e4a4cf0f0.colorPrimary_f9e7b27766.clickable_ea19877d1d:active {\n background-color: var(--primary-background-hover-color);\n}\n.kindLine_4e4a4cf0f0.colorDark_02f97ac35e {\n color: var(--inverted-color-background);\n}\n.kindLine_4e4a4cf0f0.colorDark_02f97ac35e svg path {\n fill: var(--inverted-color-background);\n}\n.kindLine_4e4a4cf0f0.colorDark_02f97ac35e.clickable_ea19877d1d:hover, .kindLine_4e4a4cf0f0.colorDark_02f97ac35e.clickable_ea19877d1d:active {\n background-color: var(--primary-background-hover-color);\n}\n.kindLine_4e4a4cf0f0.colorNegative_d99aa79462 {\n color: var(--negative-color);\n}\n.kindLine_4e4a4cf0f0.colorNegative_d99aa79462 svg path {\n fill: var(--negative-color);\n}\n.kindLine_4e4a4cf0f0.colorNegative_d99aa79462.clickable_ea19877d1d:hover, .kindLine_4e4a4cf0f0.colorNegative_d99aa79462.clickable_ea19877d1d:active {\n background-color: var(--negative-color-selected);\n}\n.kindLine_4e4a4cf0f0.colorPositive_eeaf6b8b8c {\n color: var(--positive-color);\n}\n.kindLine_4e4a4cf0f0.colorPositive_eeaf6b8b8c svg path {\n fill: var(--positive-color);\n}\n.kindLine_4e4a4cf0f0.colorPositive_eeaf6b8b8c.clickable_ea19877d1d:hover, .kindLine_4e4a4cf0f0.colorPositive_eeaf6b8b8c.clickable_ea19877d1d:active {\n background-color: var(--positive-color-selected);\n}\n.kindLine_4e4a4cf0f0 .smallText_9c0c8d5edf {\n line-height: 14px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Label.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={celebration:"
|
|
1
|
+
var e={celebration:"celebration_335d48b775",svg:"svg_f7f67200c4",stroke:"stroke_bcd568a56d","stroke-rotate":"stroke-rotate_b20b498bef",base:"base_36b69884e5",fade:"fade_cbda422277",first:"first_9215be04c8",second:"second_98eb9929f1",third:"third_793d30eeff","gradient-text-fill":"gradient-text-fill_83a44d5f0e"};!function(e){const n="s_id-cc5df975abc6_3_27_1";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)}(".celebration_335d48b775 {\n --container-perimeter: 840;\n position: relative;\n}\n.celebration_335d48b775 .svg_f7f67200c4 {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n}\n.celebration_335d48b775 .svg_f7f67200c4 .stroke_bcd568a56d {\n fill: none;\n stroke-width: 1;\n stroke-linecap: round;\n stroke-linejoin: round;\n animation: stroke-rotate_b20b498bef cubic-bezier(0.33, 0, 0.67, 1) forwards;\n stroke-dasharray: var(--container-perimeter);\n stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_335d48b775 .svg_f7f67200c4 .stroke_bcd568a56d.base_36b69884e5 {\n stroke: var(--color-egg_yolk);\n animation: fade_cbda422277 200ms linear forwards;\n animation-delay: 80ms;\n stroke-dasharray: 0;\n stroke-dashoffset: 0;\n opacity: 0;\n}\n.celebration_335d48b775 .svg_f7f67200c4 .stroke_bcd568a56d.first_9215be04c8 {\n stroke: var(--color-done-green);\n animation-delay: 80ms;\n animation-duration: 320ms;\n}\n.celebration_335d48b775 .svg_f7f67200c4 .stroke_bcd568a56d.second_98eb9929f1 {\n stroke: var(--color-stuck-red);\n animation-delay: 200ms;\n animation-duration: 320ms;\n}\n.celebration_335d48b775 .svg_f7f67200c4 .stroke_bcd568a56d.third_793d30eeff {\n stroke: var(--primary-color);\n animation-delay: 360ms;\n animation-duration: 320ms;\n}\n.celebration_335d48b775.celebration_335d48b775 [data-celebration-text] {\n background-size: 300% 100%;\n background-repeat: no-repeat;\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n animation: gradient-text-fill_83a44d5f0e 680ms linear forwards;\n background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_cbda422277 {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes stroke-rotate_b20b498bef {\n to {\n stroke-dashoffset: 0;\n }\n}\n@keyframes gradient-text-fill_83a44d5f0e {\n from {\n background-position: 150% 0;\n }\n to {\n background-position: 0% 0;\n }\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import
|
|
1
|
+
import i from"../Text/Text.js";import{ContentColorByName as t}from"../../utils/colors-vars-map.js";var s,e;!function(i){i.FILL="fill",i.LINE="line"}(s||(s={})),function(i){i.PRIMARY="primary",i.DARK="dark",i.NEGATIVE="negative",i.POSITIVE="positive"}(e||(e={}));var r=Object.assign(Object.assign({},e),t),a={small:i.types.TEXT3,medium:i.types.TEXT2};export{r as LabelAllowedColor,e as LabelColor,s as LabelKind,a as mapSizesToTextSize};
|
|
2
2
|
//# sourceMappingURL=LabelConstants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LabelConstants.js","sources":["../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { TextType } from \"../Text/Text.types\";\nimport Text from \"../Text/Text\";\nimport { LabelSizes } from \"./Label.types\";\n\n/**\n * @deprecated\n */\nexport enum LabelKind {\n FILL = \"fill\",\n LINE = \"line\"\n}\n\n/**\n * @deprecated\n */\nexport enum LabelColor {\n PRIMARY = \"primary\",\n DARK = \"dark\",\n NEGATIVE = \"negative\",\n POSITIVE = \"positive\"\n}\n\nexport const mapSizesToTextSize: Record<LabelSizes, TextType> = {\n small: Text.types.TEXT3,\n medium: Text.types.TEXT2\n};\n"],"names":["LabelKind","LabelColor","mapSizesToTextSize","small","Text","types","TEXT3","medium","TEXT2"],"mappings":"
|
|
1
|
+
{"version":3,"file":"LabelConstants.js","sources":["../../../../src/components/Label/LabelConstants.ts"],"sourcesContent":["import { TextType } from \"../Text/Text.types\";\nimport Text from \"../Text/Text\";\nimport { LabelSizes } from \"./Label.types\";\nimport { ContentColorByName } from \"../../utils/colors-vars-map\";\n\n/**\n * @deprecated\n */\nexport enum LabelKind {\n FILL = \"fill\",\n LINE = \"line\"\n}\n\n/**\n * @deprecated\n */\nexport enum LabelColor {\n PRIMARY = \"primary\",\n DARK = \"dark\",\n NEGATIVE = \"negative\",\n POSITIVE = \"positive\"\n}\n\nexport const LabelAllowedColor = {\n ...LabelColor,\n ...ContentColorByName\n};\n\nexport const mapSizesToTextSize: Record<LabelSizes, TextType> = {\n small: Text.types.TEXT3,\n medium: Text.types.TEXT2\n};\n"],"names":["LabelKind","LabelColor","LabelAllowedColor","Object","assign","ContentColorByName","mapSizesToTextSize","small","Text","types","TEXT3","medium","TEXT2"],"mappings":"uGAQYA,EAQAC,GARZ,SAAYD,GACVA,EAAA,KAAA,OACAA,EAAA,KAAA,MACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,KAAA,OACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CALD,CAAYA,IAAAA,EAKX,CAAA,QAEYC,EAAiBC,OAAAC,OAAAD,OAAAC,OAAA,GACzBH,GACAI,GAGQC,EAAmD,CAC9DC,MAAOC,EAAKC,MAAMC,MAClBC,OAAQH,EAAKC,MAAMG"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={container:"
|
|
1
|
+
var n={container:"container_5fe4e2fdcc",overlay:"overlay_20ab93af7e","overlay-fade-out":"overlay-fade-out_dc4acafa10","overlay-fade-in":"overlay-fade-in_cbda422277",dialog:"dialog_c9d9aea14a",default:"default_4394cb1472",full:"full_2e1268362b",spacing:"spacing_83ccd9c221"};!function(n){const a="s_id-fe267e23c74c_3_27_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}(".container_5fe4e2fdcc,\n.overlay_20ab93af7e {\n position: fixed;\n inset: 0;\n}\n\n.container_5fe4e2fdcc {\n --monday-modal-z-index: 10000;\n z-index: var(--monday-modal-z-index);\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.container_5fe4e2fdcc[aria-hidden=true] {\n display: none;\n}\n\n.container_5fe4e2fdcc[aria-hidden=true] .overlay_20ab93af7e {\n background-color: transparent;\n animation: overlay-fade-out_dc4acafa10 70ms var(--motion-timing-enter);\n}\n\n.overlay_20ab93af7e {\n background-color: rgba(41, 47, 76, 0.7);\n animation: overlay-fade-in_cbda422277 70ms var(--motion-timing-enter);\n}\n\n.dialog_c9d9aea14a {\n display: flex;\n position: relative;\n flex-direction: column;\n padding-block: var(--spacing-large);\n padding-inline: var(--spacing-xl);\n border-radius: var(--border-radius-big);\n box-shadow: var(--box-shadow-large);\n background-color: var(--secondary-background-color);\n max-height: 90vh;\n max-width: 90vw;\n}\n\n.dialog_c9d9aea14a.default_4394cb1472 {\n width: 520px;\n}\n\n.dialog_c9d9aea14a.full_2e1268362b {\n width: 100vw;\n}\n\n.dialog_c9d9aea14a.spacing_83ccd9c221 {\n gap: var(--spacing-medium);\n}\n\n@keyframes overlay-fade-in_cbda422277 {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n\n@keyframes overlay-fade-out_dc4acafa10 {\n from {\n opacity: 1;\n }\n to {\n opacity: 0;\n }\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=LegacyModal.module.scss.js.map
|
package/dist/src/components/LegacyModal/LegacyModalContent/LegacyModalContent.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={container:"
|
|
1
|
+
var e={container:"container_edd63e69f6"};!function(e){const n="s_id-40a1f8a37338_3_27_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".container_edd63e69f6 {\n flex-grow: 1;\n overflow: auto;\n}\n.container_edd63e69f6::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.container_edd63e69f6::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=LegacyModalContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={container:"
|
|
1
|
+
var e={container:"container_e13bff0fa0"};!function(e){const t="s_id-9ff7e713f88b_3_27_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".container_e13bff0fa0 {\n margin-block-start: var(--spacing-large);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=LegacyModalFooter.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var n={container:"container_d899a9794b",icon:"icon_2472d2cb66",description:"description_beb3b8d1a1",closeButton:"closeButton_4badcf5c55"};!function(n){const e="s_id-f34f7b91e8f3_3_27_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_d899a9794b {\n margin-block-start: var(--spacing-medium);\n}\n.container_d899a9794b .icon_2472d2cb66 {\n margin-top: var(--spacing-xs);\n flex-shrink: 0;\n color: var(--primary-text-color);\n}\n.container_d899a9794b .description_beb3b8d1a1 {\n margin-block-start: var(--spacing-small);\n color: var(--secondary-text-color);\n}\n.container_d899a9794b .closeButton_4badcf5c55 {\n position: absolute;\n right: 20px;\n top: 20px;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=LegacyModalHeader.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={link:"
|
|
1
|
+
var n={link:"link_7d72b06af3","focus-visible":"focus-visible_08e0cce8bf",text:"text_bcb3cd28c5",inlineText:"inlineText_fc08ae186c",inheritFontSize:"inheritFontSize_6318e41bcb",iconStart:"iconStart_e94d072fec",iconEnd:"iconEnd_0b4319ee09"};!function(n){const e="s_id-c911448248db_3_27_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".link_7d72b06af3 {\n display: flex;\n align-items: center;\n color: var(--link-color);\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n text-decoration: none;\n writing-mode: horizontal-tb;\n}\n.link_7d72b06af3:focus-visible, .link_7d72b06af3.focus-visible_08e0cce8bf {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_7d72b06af3:focus:not(.focus-visible_08e0cce8bf) {\n outline: none;\n}\n.link_7d72b06af3:hover .text_bcb3cd28c5 {\n text-decoration: underline;\n color: inherit;\n}\n.link_7d72b06af3.inlineText_fc08ae186c {\n display: inline-flex;\n align-items: unset;\n}\n.link_7d72b06af3.inheritFontSize_6318e41bcb {\n font-size: inherit;\n line-height: inherit;\n}\n.iconStart_e94d072fec {\n line-height: 24px;\n margin-right: var(--spacing-small);\n}\n.iconEnd_0b4319ee09 {\n line-height: 24px;\n margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n .iconStart_e94d072fec {\n line-height: 24px;\n margin-right: 0;\n margin-inline-end: var(--spacing-xs);\n }\n .iconEnd_0b4319ee09 {\n line-height: 24px;\n margin-left: 0;\n margin-inline-start: var(--spacing-xs);\n }\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Link.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={list:"
|
|
1
|
+
var e={list:"list_91396f91d1"};!function(e){const t="s_id-ed9bf484fec4_3_27_1";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)}(".list_91396f91d1 {\n margin: 0;\n padding: 0;\n overflow: auto;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_91396f91d1::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.list_91396f91d1::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=List.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={scrollableContainer:"
|
|
1
|
+
var e={scrollableContainer:"scrollableContainer_54c870bd04"};!function(e){const n="s_id-6ed55dee5450_3_27_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_54c870bd04 {\n margin: 0;\n padding: 0;\n overflow: auto;\n}\n.scrollableContainer_54c870bd04::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.scrollableContainer_54c870bd04::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=VirtualizedListItems.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listItem:"
|
|
1
|
+
var e={listItem:"listItem_505458d0a3","focus-visible":"focus-visible_4559414e6e",disabled:"disabled_80c71b4f83",selected:"selected_b541de776d",small:"small_1a23f28cec",medium:"medium_c64ef89375",large:"large_7955d833ab"};!function(e){const n="s_id-8402a299d384_3_27_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_505458d0a3 {\n display: flex;\n align-items: center;\n padding: 8px 16px;\n border-radius: 4px;\n cursor: pointer;\n}\n.listItem_505458d0a3:focus-visible, .listItem_505458d0a3.focus-visible_4559414e6e {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_505458d0a3:focus:not(.focus-visible_4559414e6e) {\n outline: none;\n}\n.listItem_505458d0a3:hover {\n background-color: var(--primary-background-hover-color);\n}\n.disabled_80c71b4f83 {\n cursor: not-allowed;\n}\n.disabled_80c71b4f83:hover {\n background-color: transparent;\n}\n.selected_b541de776d {\n background-color: var(--primary-selected-color);\n}\n.selected_b541de776d:hover {\n background-color: var(--primary-selected-color);\n}\n.small_1a23f28cec {\n height: 32px;\n}\n.medium_c64ef89375 {\n height: 40px;\n}\n.large_7955d833ab {\n height: 48px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ListItem.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listItemAvatar:"
|
|
1
|
+
var e={listItemAvatar:"listItemAvatar_a1e726a461",avatar:"avatar_be60c3343e"};!function(e){const t="s_id-64054545c9e6_3_27_1";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemAvatar_a1e726a461 {\n display: flex;\n align-items: center;\n color: var(--primary-text-color);\n}\n\n.avatar_be60c3343e {\n width: 22px;\n height: 22px;\n margin-right: var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ListItemAvatar.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listItemIcon:"
|
|
1
|
+
var e={listItemIcon:"listItemIcon_a1e726a461",start:"start_44f3ca0bc3",end:"end_3063e7330f"};!function(e){const t="s_id-0831d1bc0202_3_27_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemIcon_a1e726a461 {\n display: flex;\n align-items: center;\n color: var(--primary-text-color);\n}\n\n.start_44f3ca0bc3 {\n margin-right: var(--spacing-small);\n}\n\n.end_3063e7330f {\n margin-left: var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ListItemIcon.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={listTitle:"
|
|
1
|
+
var e={listTitle:"listTitle_0cd2da6d0d"};!function(e){const t="s_id-d4e0bfe7508e_3_27_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_0cd2da6d0d {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n border-radius: var(--border-radius-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=ListTitle.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={loaderContainer:"
|
|
1
|
+
var e={loaderContainer:"loaderContainer_0b292b0280",circleLoaderSpinnerBackground:"circleLoaderSpinnerBackground_b41371a14c",circleLoaderSpinner:"circleLoaderSpinner_dbefdeac10",rotate:"rotate_604bf36eaa",circleLoaderSpinnerPath:"circleLoaderSpinnerPath_1012135396",dash:"dash_f60eb0c33b"};!function(e){const n="s_id-dcd4d8f866fa_3_27_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".loaderContainer_0b292b0280 {\n position: relative;\n height: 100%;\n width: 100%;\n}\n.loaderContainer_0b292b0280 .circleLoaderSpinnerBackground_b41371a14c {\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50%;\n margin-left: -50%;\n stroke: var(--ui-background-color);\n}\n.loaderContainer_0b292b0280 .circleLoaderSpinner_dbefdeac10 {\n animation: rotate_604bf36eaa 1s linear infinite;\n position: absolute;\n top: 50%;\n left: 50%;\n margin-top: -50%;\n margin-left: -50%;\n stroke: currentColor;\n stroke-linecap: round;\n}\n.loaderContainer_0b292b0280 .circleLoaderSpinner_dbefdeac10 .circleLoaderSpinnerPath_1012135396 {\n animation: dash_f60eb0c33b 1s infinite;\n}\n@keyframes rotate_604bf36eaa {\n 100% {\n transform: rotate(360deg);\n }\n}\n@keyframes dash_f60eb0c33b {\n 0% {\n stroke-dasharray: 1, 150;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -35;\n }\n 100% {\n stroke-dasharray: 90, 150;\n stroke-dashoffset: -124;\n }\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Loader.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={menu:"
|
|
1
|
+
var e={menu:"menu_4dafb6df8c",small:"small_9bb6c2ef5a",medium:"medium_dfca00baee",large:"large_7d13f55cae"};!function(e){const n="s_id-1599ba0bb296_3_27_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".menu_4dafb6df8c {\n margin: unset;\n padding: unset;\n position: relative;\n}\n\n.menu_4dafb6df8c:focus {\n outline: none;\n}\n\n.small_9bb6c2ef5a {\n width: 200px;\n}\n\n.medium_dfca00baee {\n width: 220px;\n}\n\n.large_7d13f55cae {\n width: 240px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Menu.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={menuChildDivider:"
|
|
1
|
+
var e={menuChildDivider:"menuChildDivider_f79cc0ce7b"};!function(e){const d="s_id-d277a91266dd_3_27_1";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".menuChildDivider_f79cc0ce7b {\n width: 100%;\n padding: 0 var(--spacing-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MenuDivider.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={title:"
|
|
1
|
+
var e={title:"title_9d38f5b705"};!function(e){const t="s_id-b06386a2bb6c_3_27_1";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)}(".title_9d38f5b705 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n flex-grow: 1;\n padding-block: 1px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MenuItem.module.scss.js.map
|
package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={item:"
|
|
1
|
+
var e={item:"item_295b6a5133",splitMenuItem:"splitMenuItem_accdc9163a",disabled:"disabled_78d8d8ea67",focused:"focused_348df45001",initialSelected:"initialSelected_ed8f97f7f3",selected:"selected_f5cea83a8b"};!function(e){const n="s_id-680488cf82d9_3_27_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".item_295b6a5133 {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n margin: unset;\n display: flex;\n flex-direction: row;\n padding: var(--spacing-xs) var(--spacing-small);\n cursor: pointer;\n user-select: none;\n align-items: center;\n border: 1px solid transparent;\n outline: none;\n}\n.item_295b6a5133.splitMenuItem_accdc9163a {\n padding: 0 0 0 var(--spacing-small);\n}\n.item_295b6a5133.disabled_78d8d8ea67 {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.item_295b6a5133.focused_348df45001:not(.disabled_78d8d8ea67) {\n background-color: var(--primary-background-hover-color);\n border-radius: var(--border-radius-small);\n}\n.item_295b6a5133.focused_348df45001:not(.disabled_78d8d8ea67):not(:hover):not(.initialSelected_ed8f97f7f3) {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.item_295b6a5133.selected_f5cea83a8b:not(.disabled_78d8d8ea67) {\n background-color: var(--primary-selected-color);\n border-radius: var(--border-radius-small);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=BaseMenuItem.module.scss.js.map
|
package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var c={iconWrapper:"iconWrapper_44f3ca0bc3",withBackgroundColor:"withBackgroundColor_5b110f758d",disabled:"disabled_b214474fac",icon:"icon_b523507f45",selected:"selected_8af56f1302"};!function(c){const e="s_id-f26daa2191ad_3_27_1";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(c))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=c)}(".iconWrapper_44f3ca0bc3 {\n margin-right: var(--spacing-small);\n}\n.iconWrapper_44f3ca0bc3.withBackgroundColor_5b110f758d {\n border-radius: var(--spacing-xs);\n}\n.iconWrapper_44f3ca0bc3.withBackgroundColor_5b110f758d.disabled_b214474fac {\n opacity: 0.4;\n}\n.iconWrapper_44f3ca0bc3.withBackgroundColor_5b110f758d .icon_b523507f45 {\n color: var(--text-color-on-primary);\n}\n.iconWrapper_44f3ca0bc3.disabled_b214474fac .icon_b523507f45 {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.iconWrapper_44f3ca0bc3 .icon_b523507f45 {\n color: var(--icon-color);\n}\n.iconWrapper_44f3ca0bc3 .icon_b523507f45.selected_8af56f1302 {\n color: var(--primary-color);\n}");export{c as default};
|
|
2
2
|
//# sourceMappingURL=MenuItemIcon.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={subMenuIconWrapper:"
|
|
1
|
+
var e={subMenuIconWrapper:"subMenuIconWrapper_49db34b25e",divider:"divider_d1c062dc1c",splitSubMenuIcon:"splitSubMenuIcon_8be06eba42",subMenuIcon:"subMenuIcon_904ac050fe",disabled:"disabled_78d8d8ea67",splitMenuItemIconButton:"splitMenuItemIconButton_2a2b7c8a1c"};!function(e){const n="s_id-3539aaaaa2b9_3_27_1";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const c=document.createElement("style");c.id=n,d.firstChild?d.insertBefore(c,d.firstChild):d.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".subMenuIconWrapper_49db34b25e {\n margin-left: var(--spacing-xs);\n}\n.subMenuIconWrapper_49db34b25e .divider_d1c062dc1c {\n height: 19px;\n}\n.subMenuIconWrapper_49db34b25e .splitSubMenuIcon_8be06eba42 {\n width: 18px;\n height: 18px;\n}\n.subMenuIconWrapper_49db34b25e .subMenuIcon_904ac050fe,\n.subMenuIconWrapper_49db34b25e .splitSubMenuIcon_8be06eba42 {\n color: var(--icon-color);\n}\n.subMenuIconWrapper_49db34b25e .subMenuIcon_904ac050fe.disabled_78d8d8ea67,\n.subMenuIconWrapper_49db34b25e .splitSubMenuIcon_8be06eba42.disabled_78d8d8ea67 {\n cursor: not-allowed;\n color: var(--disabled-text-color);\n}\n.subMenuIconWrapper_49db34b25e .splitMenuItemIconButton_2a2b7c8a1c {\n width: 34px;\n height: 30px;\n --primary-selected-color: rgba(103, 104, 121, 0.1);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MenuItemSubMenuIcon.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={itemButton:"
|
|
1
|
+
var e={itemButton:"itemButton_df42f7ee11",buttonComponent:"buttonComponent_5c984479d6",content:"content_59868e153a"};!function(e){const t="s_id-f631346a82ef_3_27_1";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)}(".itemButton_df42f7ee11 {\n margin: unset;\n display: flex;\n flex-direction: row;\n padding: var(--spacing-xs) 0;\n align-items: center;\n}\n\n.itemButton_df42f7ee11 .buttonComponent_5c984479d6 {\n width: 100%;\n}\n\n.itemButton_df42f7ee11 .buttonComponent_5c984479d6 .content_59868e153a {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MenuItemButton.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var t={title:"
|
|
1
|
+
var t={title:"title_fa50e3bf1f",titleCaption:"titleCaption_eb9de2d6c5",titleCaptionCenter:"titleCaptionCenter_161c23daf3",titleCaptionBottom:"titleCaptionBottom_8249b7b1c1",titleCaptionTop:"titleCaptionTop_3e44e84ab2"};!function(t){const e="s_id-48e3e93eaf49_3_27_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}('.title_fa50e3bf1f {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n padding-block: 1px;\n}\n\n.titleCaption_eb9de2d6c5 {\n color: var(--icon-color);\n margin: var(--spacing-small) 0;\n}\n\n.titleCaptionCenter_161c23daf3 {\n display: flex;\n flex-basis: 100%;\n align-items: center;\n}\n\n.titleCaptionBottom_8249b7b1c1,\n.titleCaptionTop_3e44e84ab2 {\n padding-left: var(--spacing-small);\n}\n\n.titleCaptionBottom_8249b7b1c1 {\n padding-bottom: var(--spacing-small);\n}\n\n.titleCaptionCenter_161c23daf3::before,\n.titleCaptionCenter_161c23daf3::after {\n content: "";\n flex-grow: 1;\n background-color: var(--ui-border-color);\n height: 1px;\n font-size: 0;\n line-height: 0;\n margin: 0 var(--spacing-small);\n}');export{t as default};
|
|
2
2
|
//# sourceMappingURL=MenuTitle.module.scss.js.map
|