@vibe/core 4.5.14 → 4.5.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.js.map +1 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBanner.module.scss.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.js.map +1 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerContext.js.map +1 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.js.map +1 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.js +2 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.js.map +1 -0
- package/dist/components/alert-banner/dist/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +2 -0
- package/dist/components/alert-banner/dist/_virtual/_tslib.js +2 -0
- package/dist/components/alert-banner/dist/_virtual/_tslib.js.map +1 -0
- package/dist/components/index.d.ts +5 -5
- package/dist/components/skeleton/dist/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/components/tabs/dist/Tab/Tab.module.scss.js +1 -1
- package/dist/components/tabs/dist/TabList/TabList.module.scss.js +1 -1
- package/dist/components/tabs/dist/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/components/tabs/dist/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/components/text-with-highlight/dist/TextWithHighlight/TextWithHighlight.js +2 -0
- package/dist/components/text-with-highlight/dist/TextWithHighlight/TextWithHighlight.js.map +1 -0
- package/dist/components/text-with-highlight/dist/TextWithHighlight/TextWithHighlight.module.scss.js +2 -0
- package/dist/components/theme-provider/dist/ThemeProvider/ThemeProvider.js +2 -0
- package/dist/components/theme-provider/dist/ThemeProvider/ThemeProvider.js.map +1 -0
- package/dist/components/theme-provider/dist/ThemeProvider/ThemeProviderConstants.js.map +1 -0
- package/dist/components/theme-provider/dist/ThemeProvider/ThemeProviderUtils.js +2 -0
- package/dist/components/theme-provider/dist/ThemeProvider/ThemeProviderUtils.js.map +1 -0
- package/dist/components/toggle/dist/Switch/Switch.js +2 -0
- package/dist/components/toggle/dist/Switch/Switch.js.map +1 -0
- package/dist/components/toggle/dist/Switch/Switch.module.scss.js +2 -0
- package/dist/components/toggle/dist/Toggle/MockToggle.js +2 -0
- package/dist/components/toggle/dist/Toggle/MockToggle.js.map +1 -0
- package/dist/components/toggle/dist/Toggle/MockToggle.module.scss.js +2 -0
- package/dist/components/toggle/dist/Toggle/Toggle.js +2 -0
- package/dist/components/toggle/dist/Toggle/Toggle.js.map +1 -0
- package/dist/components/toggle/dist/Toggle/Toggle.module.scss.js +2 -0
- package/dist/components/toggle/dist/Toggle/ToggleText.js +2 -0
- package/dist/components/toggle/dist/Toggle/ToggleText.js.map +1 -0
- package/dist/components/toggle/dist/Toggle/ToggleText.module.scss.js +2 -0
- package/dist/components/transitions/dist/SlideTransition/SlideTransition.js.map +1 -0
- package/dist/components/transitions/dist/SlideTransition/SlideTransition.module.scss.js +2 -0
- package/dist/components/transitions/dist/TransitionView/TransitionView.js +2 -0
- package/dist/components/transitions/dist/TransitionView/TransitionView.js.map +1 -0
- package/dist/components/transitions/dist/TransitionView/TransitionView.module.scss.js +2 -0
- package/dist/hooks/dist/useSwitch/index.js +2 -0
- package/dist/hooks/dist/useSwitch/index.js.map +1 -0
- package/dist/hooks/index.d.ts +1 -2
- package/dist/metadata/components.json +167 -11
- package/dist/metadata.json +167 -11
- package/dist/mocked_classnames/components/index.d.ts +5 -5
- package/dist/mocked_classnames/hooks/index.d.ts +1 -2
- package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.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/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.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/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.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/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/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.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.js.map +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.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/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/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/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/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/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/index.js +1 -1
- package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/components/AttentionBoxCloseButton/AttentionBoxCloseButton.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/components/AttentionBoxLeadingIcon/AttentionBoxLeadingIcon.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/components/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/layouts/AttentionBoxCompact/AttentionBoxCompact.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/layouts/AttentionBoxDefault/AttentionBoxDefault.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/src/components/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/Chips/Chips.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/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/Trigger/Trigger.module.scss.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/src/components/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.js +1 -1
- package/dist/src/components/ListItem/ListItem.js.map +1 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/BaseMenuItem/BaseMenuItem.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal/Modal.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalMedia/ModalMedia.module.scss.js +1 -1
- package/dist/src/components/Modal/ModalTopActions/ModalTopActions.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterBase/ModalFooterBase.module.scss.js +1 -1
- package/dist/src/components/Modal/footers/ModalFooterWizard/ModalFooterWizard.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalFooterShadow.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalLayoutScrollableContent.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.module.scss.js +1 -1
- package/dist/src/components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/src/components/Search/Search.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/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/TextArea/TextArea.module.scss.js +1 -1
- package/dist/src/components/TextField/TextField.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/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/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/src/components/next/List/List.module.scss.js +1 -1
- package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/index.js +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/package.json +22 -17
- package/dist/components/AlertBanner/AlertBanner.d.ts +0 -35
- package/dist/components/AlertBanner/AlertBanner.types.d.ts +0 -1
- package/dist/components/AlertBanner/AlertBannerButton/AlertBannerButton.d.ts +0 -10
- package/dist/components/AlertBanner/AlertBannerContext.d.ts +0 -7
- package/dist/components/AlertBanner/AlertBannerLink/AlertBannerLink.d.ts +0 -10
- package/dist/components/AlertBanner/AlertBannerText/AlertBannerText.d.ts +0 -18
- package/dist/components/AlertBanner/index.d.ts +0 -5
- package/dist/components/SlideTransition/SlideTransition.d.ts +0 -4
- package/dist/components/SlideTransition/SlideTransition.types.d.ts +0 -20
- package/dist/components/Switch/Switch.d.ts +0 -59
- package/dist/components/Switch/index.d.ts +0 -1
- package/dist/components/TextWithHighlight/TextWithHighlight.d.ts +0 -51
- package/dist/components/TextWithHighlight/index.d.ts +0 -1
- package/dist/components/ThemeProvider/ThemeProvider.d.ts +0 -30
- package/dist/components/ThemeProvider/ThemeProvider.types.d.ts +0 -5
- package/dist/components/ThemeProvider/ThemeProviderConstants.d.ts +0 -23
- package/dist/components/ThemeProvider/ThemeProviderUtils.d.ts +0 -10
- package/dist/components/ThemeProvider/index.d.ts +0 -2
- package/dist/components/Toggle/MockToggle.d.ts +0 -34
- package/dist/components/Toggle/Toggle.d.ts +0 -59
- package/dist/components/Toggle/Toggle.types.d.ts +0 -1
- package/dist/components/Toggle/ToggleConstants.d.ts +0 -1
- package/dist/components/Toggle/ToggleText.d.ts +0 -14
- package/dist/components/Toggle/index.d.ts +0 -1
- package/dist/components/TransitionView/TransitionView.d.ts +0 -4
- package/dist/components/TransitionView/TransitionView.types.d.ts +0 -18
- package/dist/components/TransitionView/index.d.ts +0 -2
- package/dist/hooks/useSwitch/index.d.ts +0 -31
- package/dist/mocked_classnames/components/AlertBanner/AlertBanner.d.ts +0 -35
- package/dist/mocked_classnames/components/AlertBanner/AlertBanner.types.d.ts +0 -1
- package/dist/mocked_classnames/components/AlertBanner/AlertBannerButton/AlertBannerButton.d.ts +0 -10
- package/dist/mocked_classnames/components/AlertBanner/AlertBannerContext.d.ts +0 -7
- package/dist/mocked_classnames/components/AlertBanner/AlertBannerLink/AlertBannerLink.d.ts +0 -10
- package/dist/mocked_classnames/components/AlertBanner/AlertBannerText/AlertBannerText.d.ts +0 -18
- package/dist/mocked_classnames/components/AlertBanner/index.d.ts +0 -5
- package/dist/mocked_classnames/components/SlideTransition/SlideTransition.d.ts +0 -4
- package/dist/mocked_classnames/components/SlideTransition/SlideTransition.types.d.ts +0 -20
- package/dist/mocked_classnames/components/Switch/Switch.d.ts +0 -59
- package/dist/mocked_classnames/components/Switch/index.d.ts +0 -1
- package/dist/mocked_classnames/components/TextWithHighlight/TextWithHighlight.d.ts +0 -51
- package/dist/mocked_classnames/components/TextWithHighlight/index.d.ts +0 -1
- package/dist/mocked_classnames/components/ThemeProvider/ThemeProvider.d.ts +0 -30
- package/dist/mocked_classnames/components/ThemeProvider/ThemeProvider.types.d.ts +0 -5
- package/dist/mocked_classnames/components/ThemeProvider/ThemeProviderConstants.d.ts +0 -23
- package/dist/mocked_classnames/components/ThemeProvider/ThemeProviderUtils.d.ts +0 -10
- package/dist/mocked_classnames/components/ThemeProvider/index.d.ts +0 -2
- package/dist/mocked_classnames/components/Toggle/MockToggle.d.ts +0 -34
- package/dist/mocked_classnames/components/Toggle/Toggle.d.ts +0 -59
- package/dist/mocked_classnames/components/Toggle/Toggle.types.d.ts +0 -1
- package/dist/mocked_classnames/components/Toggle/ToggleConstants.d.ts +0 -1
- package/dist/mocked_classnames/components/Toggle/ToggleText.d.ts +0 -14
- package/dist/mocked_classnames/components/Toggle/index.d.ts +0 -1
- package/dist/mocked_classnames/components/TransitionView/TransitionView.d.ts +0 -4
- package/dist/mocked_classnames/components/TransitionView/TransitionView.types.d.ts +0 -18
- package/dist/mocked_classnames/components/TransitionView/index.d.ts +0 -2
- package/dist/mocked_classnames/hooks/useSwitch/index.d.ts +0 -31
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.js.map +0 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js.map +0 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerContext.js.map +0 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js.map +0 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.js +0 -2
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.js.map +0 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.js.map +0 -1
- package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Switch/Switch.js +0 -2
- package/dist/mocked_classnames/src/components/Switch/Switch.js.map +0 -1
- package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.js +0 -2
- package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.js.map +0 -1
- package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/ThemeProvider/ThemeProvider.js +0 -2
- package/dist/mocked_classnames/src/components/ThemeProvider/ThemeProvider.js.map +0 -1
- package/dist/mocked_classnames/src/components/ThemeProvider/ThemeProviderConstants.js.map +0 -1
- package/dist/mocked_classnames/src/components/ThemeProvider/ThemeProviderUtils.js +0 -2
- package/dist/mocked_classnames/src/components/ThemeProvider/ThemeProviderUtils.js.map +0 -1
- package/dist/mocked_classnames/src/components/Toggle/MockToggle.js +0 -2
- package/dist/mocked_classnames/src/components/Toggle/MockToggle.js.map +0 -1
- package/dist/mocked_classnames/src/components/Toggle/MockToggle.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Toggle/Toggle.js +0 -2
- package/dist/mocked_classnames/src/components/Toggle/Toggle.js.map +0 -1
- package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.js +0 -2
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.js.map +0 -1
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js +0 -2
- package/dist/mocked_classnames/src/components/TransitionView/TransitionView.js +0 -2
- package/dist/mocked_classnames/src/components/TransitionView/TransitionView.js.map +0 -1
- package/dist/mocked_classnames/src/components/TransitionView/TransitionView.module.scss.js +0 -2
- package/dist/mocked_classnames/src/hooks/useSwitch/index.js +0 -2
- package/dist/mocked_classnames/src/hooks/useSwitch/index.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBanner.js +0 -2
- package/dist/src/components/AlertBanner/AlertBanner.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBanner.module.scss.js +0 -2
- package/dist/src/components/AlertBanner/AlertBanner.module.scss.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerContext.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerContext.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.js.map +0 -1
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +0 -2
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js.map +0 -1
- package/dist/src/components/SlideTransition/SlideTransition.js +0 -2
- package/dist/src/components/SlideTransition/SlideTransition.js.map +0 -1
- package/dist/src/components/SlideTransition/SlideTransition.module.scss.js +0 -2
- package/dist/src/components/SlideTransition/SlideTransition.module.scss.js.map +0 -1
- package/dist/src/components/Switch/Switch.js +0 -2
- package/dist/src/components/Switch/Switch.js.map +0 -1
- package/dist/src/components/Switch/Switch.module.scss.js +0 -2
- package/dist/src/components/Switch/Switch.module.scss.js.map +0 -1
- package/dist/src/components/TextWithHighlight/TextWithHighlight.js +0 -2
- package/dist/src/components/TextWithHighlight/TextWithHighlight.js.map +0 -1
- package/dist/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +0 -2
- package/dist/src/components/TextWithHighlight/TextWithHighlight.module.scss.js.map +0 -1
- package/dist/src/components/ThemeProvider/ThemeProvider.js +0 -2
- package/dist/src/components/ThemeProvider/ThemeProvider.js.map +0 -1
- package/dist/src/components/ThemeProvider/ThemeProviderConstants.js +0 -2
- package/dist/src/components/ThemeProvider/ThemeProviderConstants.js.map +0 -1
- package/dist/src/components/ThemeProvider/ThemeProviderUtils.js +0 -2
- package/dist/src/components/ThemeProvider/ThemeProviderUtils.js.map +0 -1
- package/dist/src/components/Toggle/MockToggle.js +0 -2
- package/dist/src/components/Toggle/MockToggle.js.map +0 -1
- package/dist/src/components/Toggle/MockToggle.module.scss.js +0 -2
- package/dist/src/components/Toggle/MockToggle.module.scss.js.map +0 -1
- package/dist/src/components/Toggle/Toggle.js +0 -2
- package/dist/src/components/Toggle/Toggle.js.map +0 -1
- package/dist/src/components/Toggle/Toggle.module.scss.js +0 -2
- package/dist/src/components/Toggle/Toggle.module.scss.js.map +0 -1
- package/dist/src/components/Toggle/ToggleText.js +0 -2
- package/dist/src/components/Toggle/ToggleText.js.map +0 -1
- package/dist/src/components/Toggle/ToggleText.module.scss.js +0 -2
- package/dist/src/components/Toggle/ToggleText.module.scss.js.map +0 -1
- package/dist/src/components/TransitionView/TransitionView.js +0 -2
- package/dist/src/components/TransitionView/TransitionView.js.map +0 -1
- package/dist/src/components/TransitionView/TransitionView.module.scss.js +0 -2
- package/dist/src/components/TransitionView/TransitionView.module.scss.js.map +0 -1
- package/dist/src/hooks/useSwitch/index.js +0 -2
- package/dist/src/hooks/useSwitch/index.js.map +0 -1
- /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBanner.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBannerContext.js +0 -0
- /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/alert-banner/dist}/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/text-with-highlight/dist}/TextWithHighlight/TextWithHighlight.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/theme-provider/dist}/ThemeProvider/ThemeProviderConstants.js +0 -0
- /package/dist/{mocked_classnames/src/components → components/toggle/dist}/Switch/Switch.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/toggle/dist}/Toggle/MockToggle.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/toggle/dist}/Toggle/Toggle.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/toggle/dist}/Toggle/ToggleText.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/transitions/dist}/SlideTransition/SlideTransition.js +0 -0
- /package/dist/{mocked_classnames/src/components → components/transitions/dist}/SlideTransition/SlideTransition.module.scss.js.map +0 -0
- /package/dist/{mocked_classnames/src/components → components/transitions/dist}/TransitionView/TransitionView.module.scss.js.map +0 -0
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={slideshow:"slideshow"};!function(e){const t="s_id-1d828e3be878_4_5_13";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow {\n width: 100%;\n height: 100%;\n min-height: 0;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=TransitionView.module.scss.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as e,typeof as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useCallback as t,useEffect as i}from"react";var l;function r(){var l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=l.isChecked,a=l.onChange,u=l.isDisabled,c=n(null!=r?r:!!l.defaultChecked),s=e(c,2),d=s[0],f=s[1],h=t((function(e){if(!u){var n=!d;void 0===r&&f(n),e&&"object"===o(e)&&"target"in e?null==a||a(n,e):null==a||a(n)}}),[r,u,a,d]);return i((function(){void 0!==r&&f(r)}),[r]),{isChecked:d,onChange:h}}!function(e){e.CHECKBOX="checkbox",e.BUTTON="button"}(l||(l={})),r.switchRole=l;export{r as default};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../src/hooks/useSwitch/index.ts"],"sourcesContent":["import { type ChangeEvent, useCallback, useEffect, useState } from \"react\";\n\nenum SwitchRole {\n CHECKBOX = \"checkbox\",\n BUTTON = \"button\"\n}\n\nexport interface UseSwitchProps {\n /**\n * If true, controls the checked state of the switch.\n */\n isChecked?: boolean;\n /**\n * The initial checked state when uncontrolled.\n */\n defaultChecked?: boolean;\n /**\n * Callback fired when the switch state changes.\n */\n onChange?: (value: boolean, event?: ChangeEvent<HTMLInputElement> | unknown) => void;\n /**\n * If true, disables interaction with the switch.\n */\n isDisabled?: boolean;\n}\n\nexport default function useSwitch({ isChecked, defaultChecked, onChange, isDisabled }: UseSwitchProps = {}) {\n // if isChecked is empty, set defaultChecked value (default false value)\n const overrideCheckedInitial = isChecked ?? !!defaultChecked;\n const [overrideChecked, setOverrideChecked] = useState(overrideCheckedInitial);\n\n const overrideOnChange = useCallback(\n (event?: ChangeEvent<HTMLInputElement> | unknown) => {\n if (isDisabled) {\n return;\n }\n const newChecked = !overrideChecked;\n if (isChecked === undefined) {\n setOverrideChecked(newChecked);\n }\n if (event && typeof event === \"object\" && \"target\" in event) {\n onChange?.(newChecked, event);\n } else {\n onChange?.(newChecked);\n }\n },\n [isChecked, isDisabled, onChange, overrideChecked]\n );\n\n useEffect(() => {\n if (isChecked !== undefined) {\n setOverrideChecked(isChecked);\n }\n }, [isChecked]);\n\n return { isChecked: overrideChecked, onChange: overrideOnChange };\n}\n\nuseSwitch.switchRole = SwitchRole;\n"],"names":["SwitchRole","useSwitch","_ref","arguments","length","undefined","isChecked","onChange","isDisabled","_useState","useState","defaultChecked","_useState2","_slicedToArray","overrideChecked","setOverrideChecked","overrideOnChange","useCallback","event","newChecked","_typeof","useEffect","switchRole"],"mappings":"4JAEA,IAAKA,EAwBmB,SAAAC,IAAkF,IAAAC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAF,CAAE,EAAtEG,EAASJ,EAATI,UAA2BC,EAAQL,EAARK,SAAUC,EAAUN,EAAVM,WAGvEC,EAA8CC,EADfJ,QAAAA,IAF4BJ,EAAdS,gBAGiCC,EAAAC,EAAAJ,EAAA,GAAvEK,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAmBC,GACvB,SAACC,GACC,IAAIV,EAAJ,CAGA,IAAMW,GAAcL,OACFT,IAAdC,GACFS,EAAmBI,GAEjBD,GAA0B,WAAjBE,EAAOF,IAAsB,WAAYA,EACpDX,SAAAA,EAAWY,EAAYD,GAEvBX,SAAAA,EAAWY,EARb,CAUD,GACD,CAACb,EAAWE,EAAYD,EAAUO,IASpC,OANAO,GAAU,gBACUhB,IAAdC,GACFS,EAAmBT,EAEvB,GAAG,CAACA,IAEG,CAAEA,UAAWQ,EAAiBP,SAAUS,EACjD,EAtDA,SAAKhB,GACHA,EAAA,SAAA,WACAA,EAAA,OAAA,QACD,CAHD,CAAKA,IAAAA,EAGJ,CAAA,IAqDDC,EAAUqB,WAAatB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import r,{forwardRef as n,useMemo as o}from"react";import{ComponentDefaultTestId as a,ComponentVibeId as s}from"../../tests/constants.js";import{getTestId as i}from"../../tests/testIds.js";import l from"./AlertBanner.module.scss.js";import{AlertBannerContext as m}from"./AlertBannerContext.js";import c from"../../../components/typography/dist/Text/Text.js";import d from"../../../components/icon-button/dist/IconButton/IconButton.js";import p from"../../../icons/dist/react/CloseSmall.js";import{getStyle as u}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";import{NOOP as f}from"../../../shared/dist/utils/function-utils.js";var v=n((function(n,v){var B=n.children,b=n.className,y=n.backgroundColor,A=void 0===y?"primary":y,E=n.onClose,j=void 0===E?f:E,N=n["aria-label"],C=void 0===N?"":N,k=n.closeButtonAriaLabel,x=void 0===k?"Close":k,g=n.isCloseHidden,T=void 0!==g&&g,h=n.id,I=n["data-testid"],L=o((function(){return t(b,l.alertBanner,u(l,A))}),[b,A]),P="dark"===A,R="warning"===A,_=o((function(){return R?"fixedDark":P?"onInverted":"onPrimary"}),[P,R]),D=o((function(){return r.Children.toArray(B).filter((function(e){return!(!e.type.isAlertBannerItem&&"MDXCreateElement"!==e.type.displayName)||(console.error("Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.",e),!1)})).map((function(e,t){return r.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{marginLeft:t>0,isDarkBackground:P}))}))}),[B,P]);return r.createElement(c,{type:"text2",color:_,ref:v,className:L,role:"banner","aria-label":C||"banner",id:h,"data-testid":I||i(a.ALERT_BANNER,h),"data-vibe":s.ALERT_BANNER},r.createElement(m.Provider,{value:{textColor:_}},r.createElement("div",{className:t(l.content)},D.map((function(n,o){var a=n.type.isAlertBannerText;return r.createElement("div",{key:o,className:t(l.contentItem,e({},l.contentItemText,a))},a?r.createElement("div",{className:t(l.ellipsis)},n):n)})))),r.createElement("div",{className:t(l.closeButtonWrapper)},T?null:r.createElement(d,{"data-testid":"alert-banner-close-button",icon:p,className:t(l.closeBtn),hideTooltip:!0,onClick:j,size:"small",kind:"tertiary",color:P?"on-inverted-background":"on-primary-color","aria-label":x})))}));export{v as default};
|
|
2
|
-
//# sourceMappingURL=AlertBanner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBanner.js","sources":["../../../../src/components/AlertBanner/AlertBanner.tsx"],"sourcesContent":["import { getStyle, NOOP } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport React, { type ForwardedRef, forwardRef, type ReactElement, useMemo } from \"react\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { type AlertBannerBackgroundColor } from \"./AlertBanner.types\";\n\nimport { type AlertBannerLinkProps } from \"./AlertBannerLink/AlertBannerLink\";\nimport { type AlertBannerButtonProps } from \"./AlertBannerButton/AlertBannerButton\";\nimport { type AlertBannerTextProps } from \"./AlertBannerText/AlertBannerText\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./AlertBanner.module.scss\";\nimport { Text } from \"@vibe/typography\";\nimport { AlertBannerContext } from \"./AlertBannerContext\";\n\ntype ChildrenType = ReactElement<AlertBannerButtonProps | AlertBannerLinkProps | AlertBannerTextProps>;\n\nexport interface AlertBannerProps extends VibeComponentProps {\n /**\n * The background color of the alert banner.\n */\n backgroundColor?: AlertBannerBackgroundColor;\n /**\n * If true, the close button is hidden.\n */\n isCloseHidden?: boolean;\n /**\n * The ARIA label of the alert banner for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The ARIA label of the close button for accessibility.\n */\n closeButtonAriaLabel?: string;\n /**\n * Callback fired when the close button is clicked.\n */\n onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /**\n * The content of the alert banner.\n */\n children?: ChildrenType | ChildrenType[];\n}\n\nconst AlertBanner = forwardRef(\n (\n {\n children: originalChildren,\n className,\n backgroundColor = \"primary\",\n onClose = NOOP,\n \"aria-label\": ariaLabel = \"\",\n closeButtonAriaLabel = \"Close\",\n isCloseHidden = false,\n id,\n \"data-testid\": dataTestId\n }: AlertBannerProps,\n ref: ForwardedRef<HTMLDivElement>\n ) => {\n const classNames = useMemo(() => {\n return cx(className, styles.alertBanner, getStyle(styles, backgroundColor));\n }, [className, backgroundColor]);\n\n const isDarkBackground = backgroundColor === \"dark\";\n const isFixedColor = backgroundColor === \"warning\";\n const textColor = useMemo(() => {\n if (isFixedColor) {\n return \"fixedDark\";\n }\n return isDarkBackground ? \"onInverted\" : \"onPrimary\";\n }, [isDarkBackground, isFixedColor]);\n const children = useMemo(() => {\n const allChildren = React.Children.toArray(originalChildren) as ReactElement[];\n const filteredChildren = allChildren.filter(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n }\n ) => {\n if (child.type.isAlertBannerItem || child.type.displayName === \"MDXCreateElement\") return true;\n console.error(\n \"Alert banner child is not supported. Please use AlertBannerText, AlertBannerLink or AlertBannerButton.\",\n child\n );\n return false;\n }\n );\n\n return filteredChildren.map((child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n marginLeft: index > 0,\n isDarkBackground\n });\n });\n }, [originalChildren, isDarkBackground]);\n\n return (\n <Text\n type=\"text2\"\n color={textColor}\n ref={ref}\n className={classNames}\n role=\"banner\"\n aria-label={ariaLabel || \"banner\"}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER, id)}\n data-vibe={ComponentVibeId.ALERT_BANNER}\n >\n <AlertBannerContext.Provider value={{ textColor }}>\n <div className={cx(styles.content)}>\n {children.map(\n (\n child: ReactElement & {\n type: Record<string, unknown>;\n },\n index\n ) => {\n const childTypeIsAlertBannerText = child.type.isAlertBannerText;\n return (\n <div\n key={index}\n className={cx(styles.contentItem, {\n [styles.contentItemText]: childTypeIsAlertBannerText\n })}\n >\n {childTypeIsAlertBannerText ? <div className={cx(styles.ellipsis)}>{child}</div> : child}\n </div>\n );\n }\n )}\n </div>\n </AlertBannerContext.Provider>\n <div className={cx(styles.closeButtonWrapper)}>\n {isCloseHidden ? null : (\n <IconButton\n data-testid=\"alert-banner-close-button\"\n icon={CloseSmall}\n className={cx(styles.closeBtn)}\n hideTooltip\n onClick={onClose}\n size=\"small\"\n kind=\"tertiary\"\n color={isDarkBackground ? \"on-inverted-background\" : \"on-primary-color\"}\n aria-label={closeButtonAriaLabel}\n />\n )}\n </div>\n </Text>\n );\n }\n);\n\nexport default AlertBanner;\n"],"names":["AlertBanner","forwardRef","_ref","ref","originalChildren","children","className","_ref$backgroundColor","backgroundColor","_ref$onClose","onClose","NOOP","_ref$ariaLabel","ariaLabel","_ref$closeButtonAriaL","closeButtonAriaLabel","_ref$isCloseHidden","isCloseHidden","id","dataTestId","classNames","useMemo","cx","styles","alertBanner","getStyle","isDarkBackground","isFixedColor","textColor","React","Children","toArray","filter","child","type","isAlertBannerItem","displayName","console","error","map","index","cloneElement","Object","assign","props","marginLeft","Text","color","role","getTestId","ComponentDefaultTestId","ALERT_BANNER","ComponentVibeId","createElement","AlertBannerContext","Provider","value","content","childTypeIsAlertBannerText","isAlertBannerText","key","contentItem","_defineProperty","contentItemText","ellipsis","closeButtonWrapper","IconButton","icon","CloseSmall","closeBtn","hideTooltip","onClick","size","kind"],"mappings":"2uBA8CMA,IAAAA,EAAcC,GAClB,SAAAC,EAYEC,GACE,IAXUC,EAAgBF,EAA1BG,SACAC,EAASJ,EAATI,UAASC,EAAAL,EACTM,gBAAAA,OAAkB,IAAHD,EAAG,UAASA,EAAAE,EAAAP,EAC3BQ,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAV,EACd,cAAcW,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EAC5Ba,qBAAAA,OAAuB,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EAC9Be,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEhB,EAAFgB,GACeC,EAAUjB,EAAzB,eAIIkB,EAAaC,GAAQ,WACzB,OAAOC,EAAGhB,EAAWiB,EAAOC,YAAaC,EAASF,EAAQf,GAC5D,GAAG,CAACF,EAAWE,IAETkB,EAAuC,SAApBlB,EACnBmB,EAAmC,YAApBnB,EACfoB,EAAYP,GAAQ,WACxB,OAAIM,EACK,YAEFD,EAAmB,aAAe,WAC3C,GAAG,CAACA,EAAkBC,IAChBtB,EAAWgB,GAAQ,WAiBvB,OAhBoBQ,EAAMC,SAASC,QAAQ3B,GACN4B,QACnC,SACEC,GAIA,SAAIA,EAAMC,KAAKC,mBAAgD,qBAA3BF,EAAMC,KAAKE,eAC/CC,QAAQC,MACN,yGACAL,IAEK,EACT,IAGsBM,KAAI,SAACN,EAAOO,GAClC,OAAOX,EAAMY,aAAaR,EACrBS,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAV,aAAA,EAAAA,EAAOW,OAAK,CACfC,WAAYL,EAAQ,EACpBd,iBAAAA,IAEJ,GACF,GAAG,CAACtB,EAAkBsB,IAEtB,OACEG,gBAACiB,EAAI,CACHZ,KAAK,QACLa,MAAOnB,EACPzB,IAAKA,EACLG,UAAWc,EACX4B,KAAK,SACO,aAAAnC,GAAa,SACzBK,GAAIA,gBACSC,GAAc8B,EAAUC,EAAuBC,aAAcjC,GAAG,YAClEkC,EAAgBD,cAE3BtB,EAACwB,cAAAC,EAAmBC,SAAQ,CAACC,MAAO,CAAE5B,UAAAA,IACpCC,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAOkC,UACvBpD,EAASkC,KACR,SACEN,EAGAO,GAEA,IAAMkB,EAA6BzB,EAAMC,KAAKyB,kBAC9C,OACE9B,EAAAwB,cAAA,MAAA,CACEO,IAAKpB,EACLlC,UAAWgB,EAAGC,EAAOsC,YAAWC,EAAA,CAAA,EAC7BvC,EAAOwC,gBAAkBL,KAG3BA,EAA6B7B,EAAKwB,cAAA,MAAA,CAAA/C,UAAWgB,EAAGC,EAAOyC,WAAY/B,GAAeA,EAGxF,MAIPJ,EAAAwB,cAAA,MAAA,CAAK/C,UAAWgB,EAAGC,EAAO0C,qBACvBhD,EAAgB,KACfY,EAACwB,cAAAa,EACa,CAAA,cAAA,4BACZC,KAAMC,EACN9D,UAAWgB,EAAGC,EAAO8C,UACrBC,aAAW,EACXC,QAAS7D,EACT8D,KAAK,QACLC,KAAK,WACL1B,MAAOrB,EAAmB,yBAA2B,mBACzC,aAAAX,KAMxB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var n={alertBanner:"alertBanner_b894aca523",primary:"primary_107238438a",positive:"positive_9e187f2668",negative:"negative_79cd3cfb20",dark:"dark_9ae37066af",warning:"warning_0a1b16ca9d",closeBtn:"closeBtn_3a54024696",content:"content_ab3f7127c5",closeButtonWrapper:"closeButtonWrapper_8422e6ea04",ellipsis:"ellipsis_4dd869865f",contentItem:"contentItem_4c000d9155",contentItemText:"contentItemText_3d39ae7986"};!function(n){const e="s_id-d6894f952adc_4_5_13";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".alertBanner_b894aca523 {\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n}\n\n.primary_107238438a {\n background-color: var(--primary-color);\n}\n\n.positive_9e187f2668 {\n background-color: var(--positive-color);\n}\n\n.negative_79cd3cfb20 {\n background-color: var(--negative-color);\n}\n\n.dark_9ae37066af {\n background-color: var(--inverted-color-background);\n}\n\n.warning_0a1b16ca9d {\n background-color: var(--warning-color);\n color: var(--fixed-dark-color);\n}\n\n.warning_0a1b16ca9d .closeBtn_3a54024696 {\n color: var(--fixed-dark-color);\n}\n\n.content_ab3f7127c5 {\n flex: 1 1 auto;\n display: flex;\n height: 100%;\n min-width: 0;\n align-items: center;\n justify-content: center;\n padding-inline-start: var(--space-16);\n}\n\n.closeButtonWrapper_8422e6ea04 {\n flex: 0 0 40px;\n position: relative;\n height: 100%;\n min-width: 0;\n}\n\n.closeBtn_3a54024696 {\n position: absolute;\n inset-inline-end: 4px;\n top: 4px;\n}\n\n.ellipsis_4dd869865f {\n flex: 0 1 auto;\n}\n\n.contentItem_4c000d9155 {\n flex: 0 0 auto;\n min-width: 0;\n}\n\n.contentItemText_3d39ae7986 {\n flex: 0 1 auto;\n min-width: 0;\n}");export{n as default};
|
|
2
|
-
//# sourceMappingURL=AlertBanner.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBanner.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as a}from"../../../tests/testIds.js";import s from"classnames";import o from"react";import i from"./AlertBannerButton.module.scss.js";import n from"../../../../components/button/dist/Button/Button.js";var m=function(m){var d=m.marginLeft,l=void 0!==d&&d,c=m.isDarkBackground,u=void 0!==c&&c,f=m.id,p=m["data-testid"],B=r(m,["marginLeft","isDarkBackground","id","data-testid"]),g=s(t(t({},i.marginLeft,l),i.darkBackground,u));return o.createElement("div",{className:g,"data-testid":p||e(a.ALERT_BANNER_BUTTON,f),id:f},o.createElement(n,Object.assign({},B,{size:"small",className:s(i.bannerButton),color:"on-primary-color"})))};Object.assign(m,{isAlertBannerItem:!0});export{m as default};
|
|
2
|
-
//# sourceMappingURL=AlertBannerButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBannerButton.js","sources":["../../../../../src/components/AlertBanner/AlertBannerButton/AlertBannerButton.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport React, { type FC } from \"react\";\nimport styles from \"./AlertBannerButton.module.scss\";\n\nexport interface AlertBannerButtonProps extends ButtonProps {\n /**\n * If true, the button is displayed on a dark background.\n */\n isDarkBackground?: boolean;\n}\n\nconst AlertBannerButton: FC<AlertBannerButtonProps> = ({\n marginLeft = false,\n isDarkBackground = false,\n id,\n \"data-testid\": dataTestId,\n ...buttonProps\n}) => {\n const classNames = cx({\n [styles.marginLeft]: marginLeft,\n [styles.darkBackground]: isDarkBackground\n });\n\n return (\n <div\n className={classNames}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_BUTTON, id)}\n id={id}\n >\n <Button {...buttonProps} size=\"small\" className={cx(styles.bannerButton)} color=\"on-primary-color\" />\n </div>\n );\n};\n\nObject.assign(AlertBannerButton, {\n isAlertBannerItem: true\n});\n\nexport default AlertBannerButton;\n"],"names":["AlertBannerButton","_a","_a$marginLeft","marginLeft","_a$isDarkBackground","isDarkBackground","id","dataTestId","buttonProps","__rest","classNames","cx","_defineProperty","styles","darkBackground","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_BUTTON","Button","size","bannerButton","color","Object","assign","isAlertBannerItem"],"mappings":"iYAaA,IAAMA,EAAgD,SAACC,GAAA,IAAAC,EAI5BD,EAHzBE,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAGOH,EAFzBI,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EACyBL,EADzBK,GACeC,EAAUN,EAAzB,eACGO,EAAWC,EAAAR,EALuC,sDAO/CS,EAAaC,EAAEC,EAAAA,KAClBC,EAAOV,WAAaA,GACpBU,EAAOC,eAAiBT,IAG3B,OACEU,EACEC,cAAA,MAAA,CAAAC,UAAWP,EAAU,cACRH,GAAcW,EAAUC,EAAuBC,oBAAqBd,GACjFA,GAAIA,GAEJS,EAACC,cAAAK,mBAAWb,EAAW,CAAEc,KAAK,QAAQL,UAAWN,EAAGE,EAAOU,cAAeC,MAAM,sBAGtF,EAEAC,OAAOC,OAAO1B,EAAmB,CAC/B2B,mBAAmB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={bannerButton:"bannerButton_51debe04b0",darkBackground:"darkBackground_51debe04b0",marginLeft:"marginLeft_ce6b2bac65"};!function(e){const n="s_id-35a7e70934a8_4_5_13";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerButton_51debe04b0 {\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n\n.dark-app-theme .darkBackground_51debe04b0 .bannerButton_51debe04b0 {\n background-color: var(--dark-background-color);\n}\n\n.marginLeft_ce6b2bac65 {\n margin-inline-start: var(--space-8);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=AlertBannerButton.module.scss.js.map
|
package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBannerButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBannerContext.js","sources":["../../../../src/components/AlertBanner/AlertBannerContext.ts"],"sourcesContent":["import React from \"react\";\nimport { type TypographyColor } from \"@vibe/typography\";\n\ntype AlertBannerContextType = {\n textColor: Extract<TypographyColor, \"onPrimary\" | \"onInverted\" | \"fixedDark\">;\n};\n\nexport const AlertBannerContext = React.createContext<AlertBannerContextType>({\n textColor: \"onPrimary\"\n});\n"],"names":["AlertBannerContext","React","createContext","textColor"],"mappings":"yBAOaA,EAAqBC,EAAMC,cAAsC,CAC5EC,UAAW"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../../_virtual/_tslib.js";import r from"classnames";import{getTestId as n,ComponentDefaultTestId as i}from"../../../tests/testIds.js";import a,{useContext as s}from"react";import o from"./AlertBannerLink.module.scss.js";import{AlertBannerContext as m}from"../AlertBannerContext.js";import l from"../../../../components/link/dist/Link/Link.js";var d=function(d){var f=d.marginLeft,p=void 0!==f&&f,L=d.id,c=d["data-testid"],j=e(d,["marginLeft","id","data-testid"]),u=s(m).textColor,v=r(t({},o.marginLeft,p));return a.createElement("div",{className:v,"data-testid":c||n(i.ALERT_BANNER_LINK,L),id:L},a.createElement(l,Object.assign({},j,{textClassName:r(o.bannerLink,t(t({},o.bannerLinkTextColorOnPrimary,"onPrimary"===u),o.bannerLinkTextColorOnInverted,"onInverted"===u))})))};Object.assign(d,{isAlertBannerItem:!0});export{d as default};
|
|
2
|
-
//# sourceMappingURL=AlertBannerLink.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBannerLink.js","sources":["../../../../../src/components/AlertBanner/AlertBannerLink/AlertBannerLink.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport React, { type FC, useContext } from \"react\";\nimport { Link, type LinkProps } from \"@vibe/link\";\nimport styles from \"./AlertBannerLink.module.scss\";\nimport { AlertBannerContext } from \"../AlertBannerContext\";\n\nexport interface AlertBannerLinkProps extends LinkProps {\n /**\n * If true, a left margin is applied to the link.\n */\n marginLeft?: boolean;\n}\n\nconst AlertBannerLink: FC<AlertBannerLinkProps> = ({\n marginLeft = false,\n id,\n \"data-testid\": dataTestId,\n ...linkProps\n}) => {\n const { textColor } = useContext(AlertBannerContext);\n const classNames = cx({\n [styles.marginLeft]: marginLeft\n });\n\n return (\n <div\n className={classNames}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_LINK, id)}\n id={id}\n >\n <Link\n {...linkProps}\n textClassName={cx(styles.bannerLink, {\n [styles.bannerLinkTextColorOnPrimary]: textColor === \"onPrimary\",\n [styles.bannerLinkTextColorOnInverted]: textColor === \"onInverted\"\n })}\n />\n </div>\n );\n};\n\nObject.assign(AlertBannerLink, {\n isAlertBannerItem: true\n});\n\nexport default AlertBannerLink;\n"],"names":["AlertBannerLink","_a","_a$marginLeft","marginLeft","id","dataTestId","linkProps","__rest","textColor","useContext","AlertBannerContext","classNames","cx","_defineProperty","styles","React","createElement","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_LINK","Link","Object","assign","textClassName","bannerLink","bannerLinkTextColorOnPrimary","bannerLinkTextColorOnInverted","isAlertBannerItem"],"mappings":"wcAcA,IAAMA,EAA4C,SAACC,GAAA,IAAAC,EAKlDD,EAJCE,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAGDH,EAHCG,GACeC,EAEhBJ,EAFC,eACGK,EAASC,EAAAN,EAJqC,mCAMzCO,EAAcC,EAAWC,GAAzBF,UACFG,EAAaC,EAAEC,EAAA,CAAA,EAClBC,EAAOX,WAAaA,IAGvB,OACEY,EACEC,cAAA,MAAA,CAAAC,UAAWN,EAAU,cACRN,GAAca,EAAUC,EAAuBC,kBAAmBhB,GAC/EA,GAAIA,GAEJW,EAACC,cAAAK,EACKC,OAAAC,OAAA,CAAA,EAAAjB,EACJ,CAAAkB,cAAeZ,EAAGE,EAAOW,WAAUZ,EAAAA,EAAA,GAChCC,EAAOY,6BAA6C,cAAdlB,GACtCM,EAAOa,8BAA8C,eAAdnB,OAKlD,EAEAc,OAAOC,OAAOvB,EAAiB,CAC7B4B,mBAAmB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var n={bannerLink:"bannerLink_9b3a25e3d8",bannerLinkTextColorOnPrimary:"bannerLinkTextColorOnPrimary_bfed3a4c18",bannerLinkTextColorOnInverted:"bannerLinkTextColorOnInverted_7b465e6bf8",marginLeft:"marginLeft_ce6b2bac65"};!function(n){const e="s_id-b8e9178179b1_4_5_13";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".bannerLink_9b3a25e3d8 {\n text-decoration: underline;\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}\n\n.bannerLinkTextColorOnPrimary_bfed3a4c18 {\n color: var(--text-color-on-primary);\n}\n\n.bannerLinkTextColorOnInverted_7b465e6bf8 {\n color: var(--text-color-on-inverted);\n}\n\n.marginLeft_ce6b2bac65 {\n margin-inline-start: var(--space-8);\n}");export{n as default};
|
|
2
|
-
//# sourceMappingURL=AlertBannerLink.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBannerLink.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as r}from"../../../tests/testIds.js";import o from"classnames";import i,{useRef as s}from"react";import a from"./AlertBannerText.module.scss.js";import n from"../../../../hooks/dist/useIsOverflowing/index.js";import m from"../../../../components/tooltip/dist/Tooltip/Tooltip.js";var l=function(l){var p=l.text,d=l.marginLeft,f=void 0!==d&&d,c=l.id,u=l["data-testid"],T=l.ariaLive,g=s(null),v=o(a.bannerText,e({},a.marginLeft,f)),j=n({ref:g});return i.createElement(m,{position:"bottom",content:j&&p,showTrigger:["mouseenter"],hideTrigger:["mouseleave"]},i.createElement("div",{ref:g,className:v,id:c,"data-testid":u||t(r.ALERT_BANNER_TEXT,c)},i.createElement("span",{"aria-live":T},p)))};Object.assign(l,{isAlertBannerItem:!0,isAlertBannerText:!0});export{l as default};
|
|
2
|
-
//# sourceMappingURL=AlertBannerText.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBannerText.js","sources":["../../../../../src/components/AlertBanner/AlertBannerText/AlertBannerText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type FC, useRef } from \"react\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\n\nimport styles from \"./AlertBannerText.module.scss\";\n\nexport interface AlertBannerTextProps extends VibeComponentProps {\n /**\n * The text content displayed within the alert banner.\n */\n text: string;\n /**\n * If true, a left margin is applied to the alert banner text.\n */\n marginLeft?: boolean;\n /**\n * The aria-live attribute value for the alert banner text.\n */\n ariaLive?: \"polite\" | \"assertive\" | \"off\";\n}\n\nconst AlertBannerText: FC<AlertBannerTextProps> = ({\n text,\n marginLeft = false,\n id,\n \"data-testid\": dataTestId,\n ariaLive\n}) => {\n const componentRef = useRef(null);\n const classNames = cx(styles.bannerText, {\n [styles.marginLeft]: marginLeft\n });\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n position=\"bottom\"\n content={isOverflowing && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n >\n <div\n ref={componentRef}\n className={classNames}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.ALERT_BANNER_TEXT, id)}\n >\n <span aria-live={ariaLive}>{text}</span>\n </div>\n </Tooltip>\n );\n};\n\nObject.assign(AlertBannerText, {\n isAlertBannerItem: true,\n isAlertBannerText: true\n});\n\nexport default AlertBannerText;\n"],"names":["AlertBannerText","_ref","text","_ref$marginLeft","marginLeft","id","dataTestId","ariaLive","componentRef","useRef","classNames","cx","styles","bannerText","_defineProperty","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","position","content","showTrigger","hideTrigger","className","getTestId","ComponentDefaultTestId","ALERT_BANNER_TEXT","Object","assign","isAlertBannerItem","isAlertBannerText"],"mappings":"uZAwBA,IAAMA,EAA4C,SAA7BC,GAMhB,IALHC,EAAID,EAAJC,KAAIC,EAAAF,EACJG,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eACAM,EAAQN,EAARM,SAEMC,EAAeC,EAAO,MACtBC,EAAaC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EACpCF,EAAOR,WAAaA,IAEjBW,EAAgBC,EAAiB,CAAEC,IAAKT,IAE9C,OACEU,EAACC,cAAAC,EACC,CAAAC,SAAS,SACTC,QAASP,GAAiBb,EAC1BqB,YAAa,CAAC,cACdC,YAAa,CAAC,eAEdN,EACEC,cAAA,MAAA,CAAAF,IAAKT,EACLiB,UAAWf,EACXL,GAAIA,EACS,cAAAC,GAAcoB,EAAUC,EAAuBC,kBAAmBvB,IAE/Ea,EAAAC,cAAA,OAAA,CAAA,YAAiBZ,GAAWL,IAIpC,EAEA2B,OAAOC,OAAO9B,EAAiB,CAC7B+B,mBAAmB,EACnBC,mBAAmB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={bannerText:"bannerText_44d3c2ca57",marginLeft:"marginLeft_ce6b2bac65"};!function(e){const n="s_id-306a220e9849_4_5_13";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".bannerText_44d3c2ca57 {\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n.marginLeft_ce6b2bac65 {\n margin-inline-start: var(--space-8);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=AlertBannerText.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"AlertBannerText.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import r,{forwardRef as e}from"react";import s from"classnames";import a from"./SlideTransition.module.scss.js";var i=e((function(e,i){var t=e.style,l=e.children;return r.createElement("div",{ref:i,className:s(a.slide,"forward"===e.direction?a.slideForward:a.slideBackward,e.className),style:t},l)}));export{i as default};
|
|
2
|
-
//# sourceMappingURL=SlideTransition.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SlideTransition.js","sources":["../../../../src/components/SlideTransition/SlideTransition.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type SlideTransitionProps } from \"./SlideTransition.types\";\nimport styles from \"./SlideTransition.module.scss\";\n\nconst SlideTransition = forwardRef(\n ({ direction, style, children, className }: SlideTransitionProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n return (\n <div\n ref={ref}\n className={cx(styles.slide, direction === \"forward\" ? styles.slideForward : styles.slideBackward, className)}\n style={style}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default SlideTransition;\n"],"names":["SlideTransition","forwardRef","_ref","ref","style","children","React","createElement","className","cx","styles","slide","direction","slideForward","slideBackward"],"mappings":"gHAKMA,IAAAA,EAAkBC,GACtB,SAAAC,EAAkEC,GAA2C,IAA/FC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SACnB,OACEC,EACEC,cAAA,MAAA,CAAAJ,IAAKA,EACLK,UAAWC,EAAGC,EAAOC,MAAqB,YAJpCT,EAATU,UAIyDF,EAAOG,aAAeH,EAAOI,cAJjDZ,EAATM,WAKzBJ,MAAOA,GAENC,EAGP"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={slide:"slide_028071f9df",slideForward:"slideForward_530578322d",slideInForward:"slideInForward_c67ffedfad",slideBackward:"slideBackward_a75a782ca8",slideInBackward:"slideInBackward_c64c0cfc24"};!function(e){const n="s_id-17fe3dfbe840_4_5_13";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)}(".slide_028071f9df {\n height: 100%;\n width: 100%;\n}\n\n.slideForward_530578322d {\n animation: slideInForward_c67ffedfad 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n.slideBackward_a75a782ca8 {\n animation: slideInBackward_c64c0cfc24 0.25s cubic-bezier(0, 0, 0.4, 1) forwards;\n}\n\n@keyframes slideInForward_c67ffedfad {\n from {\n transform: translateX(3%);\n }\n to {\n transform: translateX(0);\n }\n}\n\n@keyframes slideInBackward_c64c0cfc24 {\n from {\n transform: translateX(-3%);\n }\n to {\n transform: translateX(0);\n }\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=SlideTransition.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SlideTransition.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e,{forwardRef as a,useMemo as t}from"react";import s from"classnames";import l from"../../hooks/useSwitch/index.js";import i from"./Switch.module.scss.js";import{ComponentVibeId as r}from"../../tests/constants.js";var c=a((function(a,c){var n=a.id,o=a.name,d=a.value,m=a.role,h=a.disabled,b=a["aria-label"],u=a["aria-labelledby"],p=a.inputClassName,f=a["aria-controls"],k=a.children,C=a.wrapperClassName,g=a["data-testid"],v=l({isDisabled:h,isChecked:a.checked,defaultChecked:a.defaultChecked,onChange:a.onChange}),j=v.onChange,w=v.isChecked,E=t((function(){return e.cloneElement(k,Object.assign(Object.assign({},null==k?void 0:k.props),{checked:w}))}),[k,w]);return e.createElement("label",{htmlFor:n,className:C,"data-vibe":r.TOGGLE},e.createElement("input",{ref:c,id:n,"aria-controls":f,value:d,name:o,type:"checkbox",className:s(i["hidden-switch"],p),checked:w,role:m||"switch",onChange:j,disabled:h,"aria-label":b,"aria-labelledby":u,"aria-checked":w,"data-testid":g}),E)}));export{c as default};
|
|
2
|
-
//# sourceMappingURL=Switch.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.js","sources":["../../../../src/components/Switch/Switch.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef, type ReactElement, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport useSwitch from \"../../hooks/useSwitch\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { type MockToggleProps } from \"../Toggle/MockToggle\";\nimport styles from \"./Switch.module.scss\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface SwitchProps extends VibeComponentProps {\n /**\n * The name of the switch input.\n */\n name?: string;\n /**\n * The value associated with the switch.\n */\n value?: string;\n /**\n * The ARIA role of the switch.\n */\n role?: string;\n /**\n * If true, the switch is disabled.\n */\n disabled?: boolean;\n /**\n * The ARIA label for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The ID of the element labeling the switch.\n */\n \"aria-labelledby\"?: string;\n /**\n * If true, the switch is checked.\n */\n checked?: boolean;\n /**\n * Class name applied to the input element.\n */\n inputClassName?: string;\n /**\n * Callback fired when the switch state changes.\n */\n onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n /**\n * The ID of the element controlled by the switch.\n */\n \"aria-controls\"?: string;\n /**\n * If true, the switch is checked by default.\n */\n defaultChecked?: boolean;\n /**\n * The child component rendered inside the switch.\n */\n children?: ReactElement<MockToggleProps>;\n /**\n * Class name applied to the wrapper element.\n */\n wrapperClassName?: string;\n}\n\n// TODO no story\nconst Switch = forwardRef(\n (\n {\n id,\n name,\n value,\n role,\n disabled,\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": ariaLabelledBy,\n checked,\n inputClassName,\n onChange,\n \"aria-controls\": ariaControls,\n defaultChecked,\n children: originalChildren,\n wrapperClassName,\n \"data-testid\": dataTestId\n }: SwitchProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const { onChange: overrideOnChange, isChecked: overrideChecked } = useSwitch({\n isDisabled: disabled,\n isChecked: checked,\n defaultChecked,\n onChange\n });\n\n const children = useMemo(\n () =>\n React.cloneElement(originalChildren, {\n ...originalChildren?.props,\n checked: overrideChecked\n }),\n [originalChildren, overrideChecked]\n );\n\n return (\n <label htmlFor={id} className={wrapperClassName} data-vibe={ComponentVibeId.TOGGLE}>\n <input\n ref={ref}\n id={id}\n aria-controls={ariaControls}\n value={value}\n name={name}\n type=\"checkbox\"\n className={cx(styles[\"hidden-switch\"], inputClassName)}\n checked={overrideChecked}\n role={role ? role : \"switch\"}\n onChange={overrideOnChange}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledBy}\n aria-checked={overrideChecked}\n data-testid={dataTestId}\n />\n {children}\n </label>\n );\n }\n);\n\nexport default Switch;\n"],"names":["Switch","forwardRef","_ref","ref","id","name","value","role","disabled","ariaLabel","ariaLabelledBy","inputClassName","ariaControls","originalChildren","children","wrapperClassName","dataTestId","_useSwitch","useSwitch","isDisabled","isChecked","checked","defaultChecked","onChange","overrideOnChange","overrideChecked","useMemo","React","cloneElement","Object","assign","props","createElement","htmlFor","className","ComponentVibeId","TOGGLE","type","cx","styles"],"mappings":"6NAgEMA,IAAAA,EAASC,GACb,SAAAC,EAkBEC,GACE,IAjBAC,EAAEF,EAAFE,GACAC,EAAIH,EAAJG,KACAC,EAAKJ,EAALI,MACAC,EAAIL,EAAJK,KACAC,EAAQN,EAARM,SACcC,EAASP,EAAvB,cACmBQ,EAAcR,EAAjC,mBAEAS,EAAcT,EAAdS,eAEiBC,EAAYV,EAA7B,iBAEUW,EAAgBX,EAA1BY,SACAC,EAAgBb,EAAhBa,iBACeC,EAAUd,EAAzB,eAIFe,EAAmEC,EAAU,CAC3EC,WAAYX,EACZY,UAbOlB,EAAPmB,QAcAC,eAVcpB,EAAdoB,eAWAC,SAbQrB,EAARqB,WASgBC,EAAgBP,EAA1BM,SAAuCE,EAAeR,EAA1BG,UAO9BN,EAAWY,GACf,WAAA,OACEC,EAAMC,aAAaf,EAAgBgB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAC9BjB,aAAA,EAAAA,EAAkBkB,OACrB,CAAAV,QAASI,IACT,GACJ,CAACZ,EAAkBY,IAGrB,OACEE,EAAAK,cAAA,QAAA,CAAOC,QAAS7B,EAAI8B,UAAWnB,EAAgB,YAAaoB,EAAgBC,QAC1ET,EAAAK,cAAA,QAAA,CACE7B,IAAKA,EACLC,GAAIA,EAAE,gBACSQ,EACfN,MAAOA,EACPD,KAAMA,EACNgC,KAAK,WACLH,UAAWI,EAAGC,EAAO,iBAAkB5B,GACvCU,QAASI,EACTlB,KAAMA,GAAc,SACpBgB,SAAUC,EACVhB,SAAUA,EAAQ,aACNC,EAAS,kBACJC,EAAc,eACjBe,EAAe,cAChBT,IAEdF,EAGP"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={"hidden-switch":"hidden-switch_c9b426debb"};!function(e){const t="s_id-fad3709be591_4_5_13";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.hidden-switch_c9b426debb { /* stylelint-disable-line selector-class-pattern */\n opacity: 0;\n width: 0;\n height: 0;\n position: absolute;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=Switch.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Switch.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as t,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o from"classnames";import r,{forwardRef as s,useRef as l,useMemo as a}from"react";import n from"./TextWithHighlight.module.scss.js";import p from"../../../hooks/dist/useIsOverflowing/index.js";import m from"../../../components/tooltip/dist/Tooltip/Tooltip.js";import{useMergeRef as d}from"../../../shared/dist/hooks/useMergeRef.js";import{useIsomorphicLayoutEffect as c}from"../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";var f=function(e,t,i){return i?r.createElement(arguments.length>3&&void 0!==arguments[3]?arguments[3]:"em",{className:o(n.highlightText,arguments.length>4?arguments[4]:void 0),key:t},e):r.createElement("span",{key:t},e)},h=s((function(s,h){var g=s.className,u=s.id,v=s.text,T=void 0===v?"":v,E=s.highlightTerm,j=s.limit,x=s.useEllipsis,H=void 0===x||x,y=s.linesToClamp,I=void 0===y?3:y,k=s.ignoreCase,w=void 0===k||k,N=s.allowTermSplit,P=void 0===N||N,W=s.nonEllipsisTooltip,_=s.wrappingTextTag,C=void 0===_?"em":_,b=s.wrappingElementClassName,G=s.tooltipProps,L=void 0===G?{}:G,O=s["data-testid"],R=l(null),$=d(h,R),B=a((function(){if(!T||!E||0===j)return T;var e=E.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");P&&(e=e.split(" ").join("|"));for(var t=RegExp("(".concat(e,")"),w?"i":""),i=T.split(t),o=[],r=0,s=0,l=0;i.length>l;l++)if(i[l]){var a=l%2==1;o.push(f(i[l],s++,a&&(!j||0>j||j>r),C,b)),a&&r++}return o}),[T,E,j,w,P,C,b]),M=p({ref:H&&R});c((function(){R.current&&R.current.style.setProperty("--heading-clamp-lines",""+I)}),[R,I,M]);var S=r.createElement("div",{ref:$,className:o(n.textWithHighlightWrapper,g,e({},n.withEllipsis,H)),id:u,"data-testid":O||t(i.TEXT_WITH_HIGHLIGHT,u)},B);return M||W?r.createElement(m,Object.assign({content:M?T:W},L),S):S}));export{h as default};
|
|
2
|
-
//# sourceMappingURL=TextWithHighlight.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextWithHighlight.js","sources":["../../../../src/components/TextWithHighlight/TextWithHighlight.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { forwardRef, useMemo, useRef } from \"react\";\nimport { Tooltip, type TooltipProps } from \"@vibe/tooltip\";\nimport { useIsOverflowing } from \"@vibe/hooks\";\nimport { useIsomorphicLayoutEffect, useMergeRef } from \"@vibe/shared\";\n\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./TextWithHighlight.module.scss\";\n\nconst getTextPart = (\n text: string,\n key: number,\n shouldHighlight: boolean,\n wrappingTextTag: keyof JSX.IntrinsicElements = \"em\",\n wrappingElementClassName: string\n) => {\n const WrappingElement = wrappingTextTag;\n if (shouldHighlight) {\n return (\n <WrappingElement className={cx(styles.highlightText, wrappingElementClassName)} key={key}>\n {text}\n </WrappingElement>\n );\n }\n return <span key={key}>{text}</span>;\n};\n\nexport interface TextWithHighlightProps extends VibeComponentProps {\n /**\n * The text content to display.\n */\n text?: string;\n /**\n * The term to highlight within the text.\n */\n highlightTerm?: string;\n /**\n * The maximum number of highlighted terms allowed.\n */\n limit?: number;\n /**\n * If true, the highlight search is case-insensitive.\n */\n ignoreCase?: boolean;\n /**\n * If true, truncates overflowing text with an ellipsis.\n */\n useEllipsis?: boolean;\n /**\n * If true, allows splitting the highlight term into separate words.\n */\n allowTermSplit?: boolean;\n /**\n * The number of lines to display before truncating with an ellipsis.\n */\n linesToClamp?: number;\n /**\n * Tooltip content displayed when there is no overflow.\n */\n nonEllipsisTooltip?: string;\n /**\n * The HTML tag used to wrap highlighted text.\n */\n wrappingTextTag?: keyof JSX.IntrinsicElements;\n /**\n * Class name applied to the wrapping element of highlighted text.\n */\n wrappingElementClassName?: string;\n /**\n * Additional props to customize the tooltip component.\n */\n tooltipProps?: Partial<TooltipProps>;\n}\n\nconst TextWithHighlight: React.FC<TextWithHighlightProps> = forwardRef(\n (\n {\n className,\n id,\n text = \"\",\n highlightTerm,\n limit,\n useEllipsis = true,\n linesToClamp = 3,\n ignoreCase = true,\n allowTermSplit = true,\n nonEllipsisTooltip,\n wrappingTextTag = \"em\",\n wrappingElementClassName,\n tooltipProps = {},\n \"data-testid\": dataTestId\n }: TextWithHighlightProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const textWithHighlights = useMemo(() => {\n if (!text || !highlightTerm || limit === 0) return text;\n let finalTerm = escapeRegExp(highlightTerm);\n if (allowTermSplit) {\n finalTerm = finalTerm.split(\" \").join(\"|\");\n }\n const regex = new RegExp(`(${finalTerm})`, ignoreCase ? \"i\" : \"\");\n const tokens = text.split(regex);\n const parts = [];\n // Tokens include the term search (in odd indices)\n let highlightTermsCount = 0;\n let key = 0;\n for (let i = 0; i < tokens.length; i++) {\n // skip empty tokens\n if (tokens[i]) {\n // adding highlight part\n const isTermPart = i % 2 === 1;\n const shouldHighlight = isTermPart && (!limit || limit < 0 || highlightTermsCount < limit);\n parts.push(getTextPart(tokens[i], key++, shouldHighlight, wrappingTextTag, wrappingElementClassName));\n if (isTermPart) highlightTermsCount++;\n }\n }\n\n return parts;\n }, [text, highlightTerm, limit, ignoreCase, allowTermSplit, wrappingTextTag, wrappingElementClassName]);\n\n const isOverflowing = useIsOverflowing({ ref: useEllipsis && componentRef });\n\n useIsomorphicLayoutEffect(() => {\n if (componentRef.current) {\n componentRef.current.style.setProperty(\"--heading-clamp-lines\", linesToClamp.toString());\n }\n }, [componentRef, linesToClamp, isOverflowing]);\n\n const Element = (\n <div\n ref={mergedRef}\n className={cx(styles.textWithHighlightWrapper, className, {\n [styles.withEllipsis]: useEllipsis\n })}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TEXT_WITH_HIGHLIGHT, id)}\n >\n {textWithHighlights}\n </div>\n );\n\n if (isOverflowing || nonEllipsisTooltip) {\n const tooltipContent = isOverflowing ? text : nonEllipsisTooltip;\n return (\n <Tooltip content={tooltipContent} {...tooltipProps}>\n {Element}\n </Tooltip>\n );\n }\n return Element;\n }\n);\n\nexport default TextWithHighlight;\n\nfunction escapeRegExp(string: string) {\n return string.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n"],"names":["getTextPart","text","key","shouldHighlight","React","arguments","length","undefined","className","cx","styles","highlightText","TextWithHighlight","forwardRef","_ref","ref","id","_ref$text","highlightTerm","limit","_ref$useEllipsis","useEllipsis","_ref$linesToClamp","linesToClamp","_ref$ignoreCase","ignoreCase","_ref$allowTermSplit","allowTermSplit","nonEllipsisTooltip","_ref$wrappingTextTag","wrappingTextTag","wrappingElementClassName","_ref$tooltipProps","tooltipProps","dataTestId","componentRef","useRef","mergedRef","useMergeRef","textWithHighlights","useMemo","finalTerm","replace","split","join","regex","RegExp","concat","tokens","parts","highlightTermsCount","i","isTermPart","push","isOverflowing","useIsOverflowing","useIsomorphicLayoutEffect","current","style","setProperty","Element","createElement","textWithHighlightWrapper","_defineProperty","withEllipsis","getTestId","ComponentDefaultTestId","TEXT_WITH_HIGHLIGHT","Tooltip","Object","assign","content"],"mappings":"0lBAUA,IAAMA,EAAc,SAClBC,EACAC,EACAC,GAKA,OAAIA,EAEAC,gBAN2CC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAA,KAM3B,CAACG,UAAWC,EAAGC,EAAOC,cALVN,UAAAC,OAAAD,EAAAA,kBAAAE,GAKoDL,IAAKA,GAClFD,GAIAG,wBAAMF,IAAKA,GAAMD,EAC1B,EAiDMW,EAAsDC,GAC1D,SAAAC,EAiBEC,GACE,IAhBAP,EAASM,EAATN,UACAQ,EAAEF,EAAFE,GAAEC,EAAAH,EACFb,KAAAA,OAAO,IAAHgB,EAAG,GAAEA,EACTC,EAAaJ,EAAbI,cACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,YAAAA,OAAc,IAAHD,GAAOA,EAAAE,EAAAR,EAClBS,aAAAA,OAAe,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EAChBW,WAAAA,OAAa,IAAHD,GAAOA,EAAAE,EAAAZ,EACjBa,eAAAA,OAAiB,IAAHD,GAAOA,EACrBE,EAAkBd,EAAlBc,mBAAkBC,EAAAf,EAClBgB,gBAAAA,OAAkB,IAAHD,EAAG,KAAIA,EACtBE,EAAwBjB,EAAxBiB,yBAAwBC,EAAAlB,EACxBmB,aAAAA,OAAY,IAAAD,EAAG,CAAE,EAAAA,EACFE,EAAUpB,EAAzB,eAIIqB,EAAeC,EAAO,MACtBC,EAAYC,EAAYvB,EAAKoB,GAE7BI,EAAqBC,GAAQ,WACjC,IAAKvC,IAASiB,GAA2B,IAAVC,EAAa,OAAOlB,EACnD,IAAIwC,EAAyBvB,EA4DnBwB,QAAQ,sBAAuB,QA3DrCf,IACFc,EAAYA,EAAUE,MAAM,KAAKC,KAAK,MAQxC,IANA,IAAMC,EAAYC,WAAMC,OAAKN,EAAS,KAAKhB,EAAa,IAAM,IACxDuB,EAAS/C,EAAK0C,MAAME,GACpBI,EAAQ,GAEVC,EAAsB,EACtBhD,EAAM,EACDiD,EAAI,EAAOH,EAAO1C,OAAX6C,EAAmBA,IAEjC,GAAIH,EAAOG,GAAI,CAEb,IAAMC,EAAaD,EAAI,GAAM,EAE7BF,EAAMI,KAAKrD,EAAYgD,EAAOG,GAAIjD,IADVkD,KAAgBjC,GAAiB,EAARA,GAAmCA,EAAtB+B,GACJpB,EAAiBC,IACvEqB,GAAYF,GAClB,CAGF,OAAOD,CACT,GAAG,CAAChD,EAAMiB,EAAeC,EAAOM,EAAYE,EAAgBG,EAAiBC,IAEvEuB,EAAgBC,EAAiB,CAAExC,IAAKM,GAAec,IAE7DqB,GAA0B,WACpBrB,EAAasB,SACftB,EAAasB,QAAQC,MAAMC,YAAY,wBAAyBpC,KAEnE,GAAE,CAACY,EAAcZ,EAAc+B,IAEhC,IAAMM,EACJxD,EACEyD,cAAA,MAAA,CAAA9C,IAAKsB,EACL7B,UAAWC,EAAGC,EAAOoD,yBAA0BtD,EAASuD,KACrDrD,EAAOsD,aAAe3C,IAEzBL,GAAIA,EACS,cAAAkB,GAAc+B,EAAUC,EAAuBC,oBAAqBnD,IAEhFuB,GAIL,OAAIe,GAAiB1B,EAGjBxB,EAAAyD,cAACO,EAAOC,OAAAC,OAAA,CAACC,QAFYjB,EAAgBrD,EAAO2B,GAENK,GACnC2B,GAIAA,CACT"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={textWithHighlightWrapper:"textWithHighlightWrapper_c5967ec256",highlightText:"highlightText_ad10f8dcd0",withEllipsis:"withEllipsis_a97c214ffc"};!function(e){const t="s_id-42c1fd2afe36_4_5_13";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.textWithHighlightWrapper_c5967ec256 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n}\n.textWithHighlightWrapper_c5967ec256 em.highlightText_ad10f8dcd0 {\n background-color: var(--primary-selected-color);\n color: var(--primary-text-color);\n border-radius: 2px;\n}\n.textWithHighlightWrapper_c5967ec256.withEllipsis_a97c214ffc {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: var(--heading-clamp-lines);\n -webkit-box-orient: vertical;\n white-space: initial;\n word-break: break-word;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=TextWithHighlight.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextWithHighlight.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"classnames";import t,{useState as n,useMemo as o,useEffect as i}from"react";import{generateRandomAlphaString as m,isAnySystemThemeClassNameOnBody as s,addSystemThemeClassNameToBody as a,removeSystemThemeClassNameFromBody as c,shouldGenerateTheme as l,generateThemeCssOverride as d}from"./ThemeProviderUtils.js";import{useIsomorphicLayoutEffect as u}from"../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";var f=function(f){var h=f.themeConfig,p=f.children,v=f.themeClassSpecifier,y=f.systemTheme,g=f.className,C=n(!1),T=e(C,2),E=T[0],j=T[1],x=o((function(){return v||m()}),[v]);return u((function(){if(y&&!s())return a(y),function(){c(y)}}),[y]),i((function(){if(l(h)){if(!document.getElementById(h.name)){var e=document.createElement("style");e.type="text/css",e.id=h.name;var r=d(h,x);try{e.appendChild(document.createTextNode(r)),document.head.appendChild(e),j(!0)}catch(e){console.error("vibe ThemeProvider: error inserting theme-generated css - ",e)}return function(){document.head.removeChild(e)}}j(!0)}}),[x,h]),!E&&l(h)?null:t.createElement("div",{className:r(null==h?void 0:h.name,x,g)},p)};export{f as default};
|
|
2
|
-
//# sourceMappingURL=ThemeProvider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProvider.js","sources":["../../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type ReactElement, useEffect, useMemo, useState } from \"react\";\nimport { type Theme } from \"./ThemeProviderConstants\";\nimport { type SystemTheme } from \"./ThemeProvider.types\";\nimport {\n addSystemThemeClassNameToBody,\n generateRandomAlphaString,\n generateThemeCssOverride,\n isAnySystemThemeClassNameOnBody,\n removeSystemThemeClassNameFromBody,\n shouldGenerateTheme\n} from \"./ThemeProviderUtils\";\nimport { useIsomorphicLayoutEffect } from \"@vibe/shared\";\nexport interface ThemeProviderProps {\n /**\n * The theme configuration to apply. It consists of a `name` (a unique CSS class name added to the children)\n * and an object of color overrides for each system theme.\n */\n themeConfig?: Theme;\n /**\n * The children to be rendered with the applied theme.\n */\n children: ReactElement;\n /**\n * A string added to the theme name selector to make it more specific, in case `themeConfig.name`\n * collides with another class name.\n */\n themeClassSpecifier?: string;\n /**\n * The system theme to apply to the `body` element on mount,\n * if there is no system theme class name on the body already.\n */\n systemTheme?: SystemTheme;\n /**\n * Class name applied to the wrapping `div`.\n */\n className?: string;\n}\n\nconst ThemeProvider = ({\n themeConfig,\n children,\n themeClassSpecifier: customThemeClassSpecifier,\n systemTheme,\n className\n}: ThemeProviderProps) => {\n const [stylesLoaded, setStylesLoaded] = useState(false);\n const themeClassSpecifier = useMemo(\n () => customThemeClassSpecifier || generateRandomAlphaString(),\n [customThemeClassSpecifier]\n );\n\n // Add the systemTheme class name to the body on mount\n useIsomorphicLayoutEffect(() => {\n if (!systemTheme) {\n return;\n }\n\n if (isAnySystemThemeClassNameOnBody()) {\n // If there is already a systemTheme class name on the body, we don't want to override it\n return;\n }\n\n addSystemThemeClassNameToBody(systemTheme);\n\n return () => {\n // Cleanup the systemTheme class name from the body on ThemeProvider unmount\n removeSystemThemeClassNameFromBody(systemTheme);\n };\n }, [systemTheme]);\n\n useEffect(() => {\n if (!shouldGenerateTheme(themeConfig)) {\n return;\n }\n if (document.getElementById(themeConfig.name)) {\n setStylesLoaded(true);\n return;\n }\n\n const styleElement = document.createElement(\"style\");\n styleElement.type = \"text/css\";\n styleElement.id = themeConfig.name;\n const themeCssOverride = generateThemeCssOverride(themeConfig, themeClassSpecifier);\n\n try {\n styleElement.appendChild(document.createTextNode(themeCssOverride));\n document.head.appendChild(styleElement);\n setStylesLoaded(true);\n } catch (error) {\n console.error(\"vibe ThemeProvider: error inserting theme-generated css - \", error);\n }\n\n return () => {\n document.head.removeChild(styleElement);\n };\n }, [themeClassSpecifier, themeConfig]);\n\n if (!stylesLoaded && shouldGenerateTheme(themeConfig)) {\n // Waiting for styles to load before children render\n return null;\n }\n\n // Pass the theme name as a class to the div wrapping children - to scope the effect of the theme\n return <div className={cx(themeConfig?.name, themeClassSpecifier, className)}>{children}</div>;\n};\n\nexport default ThemeProvider;\n"],"names":["ThemeProvider","_ref","themeConfig","children","customThemeClassSpecifier","themeClassSpecifier","systemTheme","className","_useState","useState","_useState2","_slicedToArray","stylesLoaded","setStylesLoaded","useMemo","generateRandomAlphaString","useIsomorphicLayoutEffect","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","removeSystemThemeClassNameFromBody","useEffect","shouldGenerateTheme","document","getElementById","name","styleElement","createElement","type","id","themeCssOverride","generateThemeCssOverride","appendChild","createTextNode","head","error","console","removeChild","React","cx"],"mappings":"4fAuCA,IAAMA,EAAgB,SAAHC,GAMM,IALvBC,EAAWD,EAAXC,YACAC,EAAQF,EAARE,SACqBC,EAAyBH,EAA9CI,oBACAC,EAAWL,EAAXK,YACAC,EAASN,EAATM,UAEAC,EAAwCC,GAAS,GAAMC,EAAAC,EAAAH,EAAA,GAAhDI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAC9BL,EAAsBS,GAC1B,WAAA,OAAMV,GAA6BW,MACnC,CAACX,IAiDH,OA7CAY,GAA0B,WACxB,GAAKV,IAIDW,IAOJ,OAFAC,EAA8BZ,GAEvB,WAELa,EAAmCb,GAEvC,GAAG,CAACA,IAEJc,GAAU,WACR,GAAKC,EAAoBnB,GAAzB,CAGA,IAAIoB,SAASC,eAAerB,EAAYsB,MAAxC,CAKA,IAAMC,EAAeH,SAASI,cAAc,SAC5CD,EAAaE,KAAO,WACpBF,EAAaG,GAAK1B,EAAYsB,KAC9B,IAAMK,EAAmBC,EAAyB5B,EAAaG,GAE/D,IACEoB,EAAaM,YAAYT,SAASU,eAAeH,IACjDP,SAASW,KAAKF,YAAYN,GAC1BZ,GAAgB,EACjB,CAAC,MAAOqB,GACPC,QAAQD,MAAM,6DAA8DA,EAC9E,CAEA,OAAO,WACLZ,SAASW,KAAKG,YAAYX,GAhB5B,CAFEZ,GAAgB,EAFlB,CAsBF,GAAG,CAACR,EAAqBH,KAEpBU,GAAgBS,EAAoBnB,GAEhC,KAIFmC,EAAAX,cAAA,MAAA,CAAKnB,UAAW+B,EAAGpC,aAAA,EAAAA,EAAasB,KAAMnB,EAAqBE,IAAaJ,EACjF"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProviderConstants.js","sources":["../../../../src/components/ThemeProvider/ThemeProviderConstants.ts"],"sourcesContent":["import { type SystemTheme, type ThemeColor } from \"./ThemeProvider.types\";\n\nexport type Theme = {\n /**\n * The name of the theme - name of css class that will be added to the children - should be unique\n */\n name: string;\n colors: SystemThemeColorMap;\n};\n\ntype SystemThemeColorMap = {\n [key in SystemTheme]?: ThemeColorTokenValueMap;\n};\n\nexport type ThemeColorTokenValueMap = ThemeColorTokenValue | ThemeCustomClassValue;\n\nexport type ThemeColorTokenValue = {\n [key in ThemeColor]?: string;\n};\n\ntype ThemeCustomClassValue = {\n [key: string]: ThemeColorTokenValue | ThemeCustomClassValue;\n};\n\nexport const SystemThemeClassMap: SystemThemeClassMapType = {\n light: \"light-app-theme\",\n dark: \"dark-app-theme\",\n black: \"black-app-theme\"\n};\n\ntype SystemThemeClassMapType = {\n [key in SystemTheme]: string;\n};\n"],"names":["SystemThemeClassMap","light","dark","black"],"mappings":"AAwBO,IAAMA,EAA+C,CAC1DC,MAAO,kBACPC,KAAM,iBACNC,MAAO"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{typeof as n}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{SystemThemeClassMap as t}from"./ThemeProviderConstants.js";var r=function t(r,o,c){for(var e=0,a=Object.keys(r);a.length>e;e++){var u=a[e];"string"==typeof r[u]&&(o+="--".concat(u,": ").concat(r[u],";"))}""!==o&&(o=c+" {"+o+"}");for(var i=0,l=Object.keys(r);l.length>i;i++){var f=l[i];if("object"===n(r[f])){var s="".concat(c," .").concat(f);o+="\n"+t(r[f],"",s)}}return o},o=function(n){return!!(null==n?void 0:n.colors)&&!!(null==n?void 0:n.name)},c=function(n,c){if(!o(n))return null;for(var e="",a=0,u=Object.keys(n.colors);u.length>a;a++){var i=u[a];e+=r(n.colors[i],"",".".concat(t[i]," .").concat(c,".").concat(n.name))+"\n"}return e},e=function(){for(var n=arguments.length>0&&void 0!==arguments[0]?arguments[0]:6,t="",r="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",o=0;n>o;o++)t+=r.charAt(Math.floor(52*Math.random()));return t},a="-app-theme",u=function(n){return n.endsWith(a)},i=function(n){return"".concat(n).concat(a)},l=function(){for(var n=document.body.classList,t=0,r=Array.from(n);r.length>t;t++){var o=r[t];if(u(o))return o}return null},f=function(){return!!l()},s=function(n){document.body.classList.add(i(n))},v=function(n){document.body.classList.remove(i(n))};export{i as addAppThemeSuffix,s as addSystemThemeClassNameToBody,e as generateRandomAlphaString,c as generateThemeCssOverride,l as getBodySystemThemeClassName,f as isAnySystemThemeClassNameOnBody,v as removeSystemThemeClassNameFromBody,o as shouldGenerateTheme};
|
|
2
|
-
//# sourceMappingURL=ThemeProviderUtils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeProviderUtils.js","sources":["../../../../src/components/ThemeProvider/ThemeProviderUtils.ts"],"sourcesContent":["import { type Theme, type ThemeColorTokenValueMap, SystemThemeClassMap } from \"./ThemeProviderConstants\";\nimport { type SystemTheme } from \"./ThemeProvider.types\";\n\nconst generateCss = (object: ThemeColorTokenValueMap, stack: string, parentSelector: string) => {\n for (const key of Object.keys(object)) {\n if (typeof object[key as keyof ThemeColorTokenValueMap] === \"string\") {\n stack += `--${key}: ${object[key as keyof ThemeColorTokenValueMap]};`;\n }\n }\n\n if (stack !== \"\") {\n stack = parentSelector + \" {\" + stack + \"}\";\n }\n\n for (const key of Object.keys(object)) {\n if (typeof object[key as keyof ThemeColorTokenValueMap] === \"object\") {\n const selector = `${parentSelector} .${key}`;\n stack +=\n \"\\n\" + generateCss(object[key as keyof ThemeColorTokenValueMap] as ThemeColorTokenValueMap, \"\", selector);\n }\n }\n\n return stack;\n};\n\nexport const shouldGenerateTheme = (themeConfig: Theme) => {\n return !!themeConfig?.colors && !!themeConfig?.name;\n};\n\nexport const generateThemeCssOverride = (themeConfig: Theme, themeClassSpecifier: string) => {\n if (!shouldGenerateTheme(themeConfig)) {\n return null;\n }\n\n let css = \"\";\n for (const systemTheme of Object.keys(themeConfig.colors) as SystemTheme[]) {\n css +=\n generateCss(\n themeConfig.colors[systemTheme],\n \"\",\n `.${SystemThemeClassMap[systemTheme]} .${themeClassSpecifier}.${themeConfig.name}`\n ) + \"\\n\";\n }\n\n return css;\n};\n\nexport const generateRandomAlphaString = (length = 6) => {\n let result = \"\";\n const characters = \"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\n\n for (let i = 0; i < length; i++) {\n result += characters.charAt(Math.floor(Math.random() * characters.length));\n }\n\n return result;\n};\n\nconst APP_THEME_SUFFIX = \"-app-theme\";\n\nconst isAppThemeClassName = (className: string) => {\n return className.endsWith(APP_THEME_SUFFIX);\n};\n\nexport const addAppThemeSuffix = (systemTheme: SystemTheme) => {\n return `${systemTheme}${APP_THEME_SUFFIX}`;\n};\n\nexport const getBodySystemThemeClassName = () => {\n const classList = document.body.classList;\n for (const className of Array.from(classList)) {\n if (isAppThemeClassName(className)) {\n return className;\n }\n }\n return null;\n};\n\nexport const isAnySystemThemeClassNameOnBody = () => {\n const bodySystemThemeClassName = getBodySystemThemeClassName();\n return !!bodySystemThemeClassName;\n};\n\nexport const addSystemThemeClassNameToBody = (systemTheme: SystemTheme) => {\n document.body.classList.add(addAppThemeSuffix(systemTheme));\n};\n\nexport const removeSystemThemeClassNameFromBody = (systemTheme: SystemTheme) => {\n document.body.classList.remove(addAppThemeSuffix(systemTheme));\n};\n"],"names":["generateCss","object","stack","parentSelector","_i","_Object$keys","Object","keys","length","key","concat","_i2","_Object$keys2","_typeof","selector","shouldGenerateTheme","themeConfig","colors","name","generateThemeCssOverride","themeClassSpecifier","css","_i3","_Object$keys3","systemTheme","SystemThemeClassMap","generateRandomAlphaString","arguments","undefined","result","characters","i","charAt","Math","floor","random","APP_THEME_SUFFIX","isAppThemeClassName","className","endsWith","addAppThemeSuffix","getBodySystemThemeClassName","classList","document","body","_i4","_Array$from","Array","from","isAnySystemThemeClassNameOnBody","addSystemThemeClassNameToBody","add","removeSystemThemeClassNameFromBody","remove"],"mappings":"0IAGA,IAAMA,EAAc,SAAdA,EAAeC,EAAiCC,EAAeC,GACnE,IAAA,IAAAC,EAAAC,EAAAA,EAAkBC,OAAOC,KAAKN,GAAOI,EAAAG,OAAAJ,EAAAA,IAAE,CAAlC,IAAMK,EAAGJ,EAAAD,GACgD,iBAAjDH,EAAOQ,KAChBP,GAAK,KAAAQ,OAASD,EAAG,MAAAC,OAAKT,EAAOQ,GAAwC,KAEzE,CAEc,KAAVP,IACFA,EAAQC,EAAiB,KAAOD,EAAQ,KAG1C,IAAA,IAAAS,EAAAC,EAAAA,EAAkBN,OAAOC,KAAKN,GAAOW,EAAAJ,OAAAG,EAAAA,IAAE,CAAlC,IAAMF,EAAGG,EAAAD,GACZ,GAA4D,WAAxDE,EAAOZ,EAAOQ,IAAoD,CACpE,IAAMK,KAAQJ,OAAMP,EAAcO,MAAAA,OAAKD,GACvCP,GACE,KAAOF,EAAYC,EAAOQ,GAAkE,GAAIK,EACpG,CACF,CAEA,OAAOZ,CACT,EAEaa,EAAsB,SAACC,GAClC,SAASA,aAAW,EAAXA,EAAaC,YAAYD,eAAAA,EAAaE,KACjD,EAEaC,EAA2B,SAACH,EAAoBI,GAC3D,IAAKL,EAAoBC,GACvB,OAAO,KAIT,IADA,IAAIK,EAAM,GACVC,IAAAC,EAA0BjB,OAAOC,KAAKS,EAAYC,QAAwBM,EAAAf,OAAAc,EAAAA,IAAE,CAAvE,IAAME,EAAWD,EAAAD,GACpBD,GACErB,EACEgB,EAAYC,OAAOO,GACnB,GAAE,IAAAd,OACEe,EAAoBD,GAAY,MAAAd,OAAKU,EAAmBV,KAAAA,OAAIM,EAAYE,OAC1E,IACR,CAEA,OAAOG,CACT,EAEaK,EAA4B,WAIvC,IAJsD,IAAdlB,EAAMmB,UAAAnB,OAAA,QAAAoB,IAAAD,UAAA,GAAAA,UAAA,GAAG,EAC7CE,EAAS,GACPC,EAAa,uDAEVC,EAAI,EAAOvB,EAAJuB,EAAYA,IAC1BF,GAAUC,EAAWE,OAAOC,KAAKC,MAAsBJ,GAAhBG,KAAKE,WAG9C,OAAON,CACT,EAEMO,EAAmB,aAEnBC,EAAsB,SAACC,GAC3B,OAAOA,EAAUC,SAASH,EAC5B,EAEaI,EAAoB,SAAChB,GAChC,MAAA,GAAAd,OAAUc,GAAWd,OAAG0B,EAC1B,EAEaK,EAA8B,WAEzC,IADA,IAAMC,EAAYC,SAASC,KAAKF,UAChCG,EAAAC,EAAAA,EAAwBC,MAAMC,KAAKN,GAAUI,EAAAtC,OAAAqC,EAAAA,IAAE,CAA1C,IAAMP,EAASQ,EAAAD,GAClB,GAAIR,EAAoBC,GACtB,OAAOA,CAEX,CACA,OAAO,IACT,EAEaW,EAAkC,WAE7C,QADiCR,GAEnC,EAEaS,EAAgC,SAAC1B,GAC5CmB,SAASC,KAAKF,UAAUS,IAAIX,EAAkBhB,GAChD,EAEa4B,EAAqC,SAAC5B,GACjDmB,SAASC,KAAKF,UAAUW,OAAOb,EAAkBhB,GACnD"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import r from"./ToggleText.js";import l from"classnames";import t from"react";import s from"./MockToggle.module.scss.js";import{getStyle as a}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var i=function(i){var o=i.areLabelsHidden,d=i.checked,m=i.onOverrideText,n=i.className,c=i.selectedClassName,p=i.disabled,u=i.size,f=void 0===u?"medium":u;return t.createElement(t.Fragment,null,o?null:t.createElement(r,{disabled:p},i.offOverrideText),t.createElement("div",{className:l(s.toggle,a(s,f),n,e(e(e(e({},l(s.selected,c),d),s.notSelected,!d),s.disabled,p),s.noSpacing,o)),"aria-hidden":"true"}),o?null:t.createElement(r,{disabled:p},m))};export{i as MockToggle};
|
|
2
|
-
//# sourceMappingURL=MockToggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MockToggle.js","sources":["../../../../src/components/Toggle/MockToggle.tsx"],"sourcesContent":["import ToggleText from \"./ToggleText\";\nimport cx from \"classnames\";\nimport React, { type FC } from \"react\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./MockToggle.module.scss\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { getStyle } from \"@vibe/shared\";\n\nexport interface MockToggleProps extends VibeComponentProps {\n /**\n * If true, hides the on/off labels.\n */\n areLabelsHidden?: boolean;\n /**\n * If true, the toggle is in the \"on\" state.\n */\n checked?: boolean;\n /**\n * The text displayed when the toggle is in the \"off\" state.\n */\n offOverrideText?: string;\n /**\n * The text displayed when the toggle is in the \"on\" state.\n */\n onOverrideText?: string;\n /**\n * Class name applied when the toggle is selected.\n */\n selectedClassName?: string;\n /**\n * If true, disables the toggle.\n */\n disabled: boolean;\n /**\n * The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nexport const MockToggle: FC<MockToggleProps> = ({\n areLabelsHidden,\n checked,\n offOverrideText,\n onOverrideText,\n className,\n selectedClassName,\n disabled,\n size = \"medium\"\n}) => (\n <>\n {areLabelsHidden ? null : <ToggleText disabled={disabled}>{offOverrideText}</ToggleText>}\n <div\n className={cx(styles.toggle, getStyle(styles, size), className, {\n [cx(styles.selected, selectedClassName)]: checked,\n [styles.notSelected]: !checked,\n [styles.disabled]: disabled,\n [styles.noSpacing]: areLabelsHidden\n })}\n aria-hidden=\"true\"\n />\n {areLabelsHidden ? null : <ToggleText disabled={disabled}>{onOverrideText}</ToggleText>}\n </>\n);\n"],"names":["MockToggle","_ref","areLabelsHidden","checked","onOverrideText","className","selectedClassName","disabled","_ref$size","size","React","createElement","Fragment","ToggleText","offOverrideText","cx","styles","toggle","getStyle","_defineProperty","selected","notSelected","noSpacing"],"mappings":"gSAuCaA,EAAkC,SAAxBC,GAAA,IACrBC,EAAeD,EAAfC,gBACAC,EAAOF,EAAPE,QAEAC,EAAcH,EAAdG,eACAC,EAASJ,EAATI,UACAC,EAAiBL,EAAjBK,kBACAC,EAAQN,EAARM,SAAQC,EAAAP,EACRQ,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAA,OAEfE,EAAAC,cAAAD,EAAAE,SAAA,KACGV,EAAkB,KAAOQ,EAACC,cAAAE,GAAWN,SAAUA,GARnCN,EAAfa,iBASEJ,EAAAC,cAAA,MAAA,CACEN,UAAWU,EAAGC,EAAOC,OAAQC,EAASF,EAAQP,GAAOJ,EAASc,EAAAA,EAAAA,EAAAA,EAC3DJ,CAAAA,EAAAA,EAAGC,EAAOI,SAAUd,GAAqBH,GACzCa,EAAOK,aAAelB,GACtBa,EAAOT,SAAWA,GAClBS,EAAOM,UAAYpB,IACpB,cACU,SAEbA,EAAkB,KAAOQ,EAACC,cAAAE,EAAW,CAAAN,SAAUA,GAAWH,GAC1D"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={toggle:"toggle_6fdb15b67e","focus-visible":"focus-visible_10f3a7ccf8",selected:"selected_107238438a",notSelected:"notSelected_54a53a8f83",disabled:"disabled_6f6bd383cb",medium:"medium_545c8666af",small:"small_170d1acd2f",noSpacing:"noSpacing_9625a2e23b"};!function(e){const n="s_id-5e47b8a7e8fd_4_5_13";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)}('/* stylelint-disable */\n/* stylelint-enable */\n.toggle_6fdb15b67e {\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 transition: background-color var(--motion-productive-medium) var(--motion-timing-transition);\n margin: 0 var(--space-8);\n position: relative;\n height: var(--toggle-height);\n width: var(--toggle-width);\n cursor: pointer;\n border-radius: 100px !important;\n}\n.toggle_6fdb15b67e:focus-visible, .toggle_6fdb15b67e.focus-visible_10f3a7ccf8 {\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.toggle_6fdb15b67e:focus:not(.focus-visible_10f3a7ccf8) {\n outline: none;\n}\n.toggle_6fdb15b67e::after {\n background-color: var(--primary-background-color);\n content: " ";\n position: absolute;\n width: var(--circle-size);\n height: var(--circle-size);\n border-radius: 50%;\n top: calc(50% - 9px);\n transition: inset-inline-start var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_6fdb15b67e.selected_107238438a {\n background-color: var(--primary-color);\n}\n.toggle_6fdb15b67e.selected_107238438a::after {\n inset-inline-start: 20px;\n}\n.toggle_6fdb15b67e.notSelected_54a53a8f83 {\n background-color: var(--ui-border-color);\n}\n.toggle_6fdb15b67e.notSelected_54a53a8f83::after {\n inset-inline-start: 3px;\n}\n.toggle_6fdb15b67e.disabled_6f6bd383cb {\n opacity: var(--disabled-component-opacity);\n cursor: not-allowed;\n}\n.toggle_6fdb15b67e.medium_545c8666af {\n --toggle-width: 41px;\n --toggle-height: 24px;\n}\n.toggle_6fdb15b67e.medium_545c8666af::after {\n --circle-size: 18px;\n}\n.toggle_6fdb15b67e.small_170d1acd2f {\n --toggle-width: 28px;\n --toggle-height: 16px;\n}\n.toggle_6fdb15b67e.small_170d1acd2f::after {\n --circle-size: 12px;\n top: calc(50% - 6px);\n inset-inline-start: 14px;\n}\n.toggle_6fdb15b67e.small_170d1acd2f.notSelected_54a53a8f83::after {\n inset-inline-start: 2px;\n}\n.toggle_6fdb15b67e.noSpacing_9625a2e23b {\n margin: 0;\n}');export{e as default};
|
|
2
|
-
//# sourceMappingURL=MockToggle.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MockToggle.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import e,{forwardRef as a}from"react";import t from"classnames";import{noop as s}from"es-toolkit";import r from"../Switch/Switch.js";import{MockToggle as o}from"./MockToggle.js";import i from"./Toggle.module.scss.js";import{getTestId as d,ComponentDefaultTestId as l}from"../../tests/testIds.js";import{ComponentVibeId as m}from"../../tests/constants.js";var n=a((function(a,n){var c=a.id,f=a.className,p=a.toggleSelectedClassName,v=a.isDefaultSelected,g=void 0===v||v,u=a.isSelected,T=a.onChange,b=void 0===T?s:T,O=a.value,C=a.name,h=a.disabled,N=a["aria-label"],j=a["aria-controls"],x=a.areLabelsHidden,S=void 0!==x&&x,k=a.onOverrideText,w=void 0===k?"On":k,E=a.offOverrideText,G=void 0===E?"Off":E,L=a.size,z=void 0===L?"medium":L,H=a["data-testid"],I=t(i.wrapper),D=t(i.toggleInput);return e.createElement(r,{defaultChecked:g,checked:u,id:c,wrapperClassName:I,onChange:b,value:O,name:C,disabled:h,"aria-label":N,"aria-controls":j,inputClassName:D,ref:n,"data-testid":H||d(l.TOGGLE),"data-vibe":m.TOGGLE},e.createElement(o,{areLabelsHidden:S,offOverrideText:G,onOverrideText:w,disabled:h,className:t(f,i.toggleFocusTarget),selectedClassName:p,size:z}))}));export{n as default};
|
|
2
|
-
//# sourceMappingURL=Toggle.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sources":["../../../../src/components/Toggle/Toggle.tsx"],"sourcesContent":["import React, { type ChangeEvent, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport Switch from \"../Switch/Switch\";\nimport { MockToggle } from \"./MockToggle\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./Toggle.module.scss\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { type ToggleSize } from \"./Toggle.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ToggleProps extends VibeComponentProps {\n /**\n * Class name applied when the toggle is selected.\n */\n toggleSelectedClassName?: string;\n /**\n * If true, the toggle is selected by default.\n */\n isDefaultSelected?: boolean;\n /**\n * Controls the selected state of the toggle.\n */\n isSelected?: boolean;\n /**\n * Callback fired when the toggle state changes.\n */\n onChange?: (value: boolean, event: ChangeEvent<HTMLInputElement>) => void;\n /**\n * The value associated with the toggle.\n */\n value?: string;\n /**\n * The name attribute of the toggle input.\n */\n name?: string;\n /**\n * If true, disables the toggle.\n */\n disabled?: boolean;\n /**\n * If true, hides the on/off labels.\n */\n areLabelsHidden?: boolean;\n /**\n * The text displayed when the toggle is in the \"on\" position.\n */\n onOverrideText?: string;\n /**\n * The text displayed when the toggle is in the \"off\" position.\n */\n offOverrideText?: string;\n /**\n * The ARIA label for accessibility.\n */\n \"aria-label\"?: string;\n /**\n * The ID of the element controlled by the toggle.\n */\n \"aria-controls\"?: string;\n /**\n * The size of the toggle.\n */\n size?: ToggleSize;\n}\n\nconst Toggle = forwardRef(\n (\n {\n id,\n className,\n toggleSelectedClassName,\n isDefaultSelected = true,\n isSelected,\n onChange = NOOP,\n value,\n name,\n disabled,\n \"aria-label\": ariaLabel,\n \"aria-controls\": ariaControls,\n areLabelsHidden = false,\n onOverrideText = \"On\",\n offOverrideText = \"Off\",\n size = \"medium\",\n \"data-testid\": dataTestId\n }: ToggleProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const wrapperClassName = cx(styles.wrapper);\n const inputClassName = cx(styles.toggleInput);\n\n return (\n <Switch\n defaultChecked={isDefaultSelected}\n checked={isSelected}\n id={id}\n wrapperClassName={wrapperClassName}\n onChange={onChange}\n value={value}\n name={name}\n disabled={disabled}\n aria-label={ariaLabel}\n aria-controls={ariaControls}\n inputClassName={inputClassName}\n ref={ref}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TOGGLE)}\n data-vibe={ComponentVibeId.TOGGLE}\n >\n <MockToggle\n areLabelsHidden={areLabelsHidden}\n offOverrideText={offOverrideText}\n onOverrideText={onOverrideText}\n disabled={disabled}\n className={cx(className, styles.toggleFocusTarget)}\n selectedClassName={toggleSelectedClassName}\n size={size}\n />\n </Switch>\n );\n }\n);\n\nexport default Toggle;\n"],"names":["Toggle","forwardRef","_ref","ref","id","className","toggleSelectedClassName","_ref$isDefaultSelecte","isDefaultSelected","isSelected","_ref$onChange","onChange","NOOP","value","name","disabled","ariaLabel","ariaControls","_ref$areLabelsHidden","areLabelsHidden","_ref$onOverrideText","onOverrideText","_ref$offOverrideText","offOverrideText","_ref$size","size","dataTestId","wrapperClassName","cx","styles","wrapper","inputClassName","toggleInput","React","createElement","Switch","defaultChecked","checked","getTestId","ComponentDefaultTestId","TOGGLE","ComponentVibeId","MockToggle","toggleFocusTarget","selectedClassName"],"mappings":"mWAkEMA,IAAAA,EAASC,GACb,SAAAC,EAmBEC,GACE,IAlBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACAC,EAAuBJ,EAAvBI,wBAAuBC,EAAAL,EACvBM,kBAAAA,OAAoB,IAAHD,GAAOA,EACxBE,EAAUP,EAAVO,WAAUC,EAAAR,EACVS,SAAAA,OAAWC,IAAHF,EAAGE,EAAIF,EACfG,EAAKX,EAALW,MACAC,EAAIZ,EAAJY,KACAC,EAAQb,EAARa,SACcC,EAASd,EAAvB,cACiBe,EAAYf,EAA7B,iBAAegB,EAAAhB,EACfiB,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAlB,EACvBmB,eAAAA,OAAiB,IAAHD,EAAG,KAAIA,EAAAE,EAAApB,EACrBqB,gBAAAA,OAAkB,IAAHD,EAAG,MAAKA,EAAAE,EAAAtB,EACvBuB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACAE,EAAUxB,EAAzB,eAIIyB,EAAmBC,EAAGC,EAAOC,SAC7BC,EAAiBH,EAAGC,EAAOG,aAEjC,OACEC,EAACC,cAAAC,EACC,CAAAC,eAAgB5B,EAChB6B,QAAS5B,EACTL,GAAIA,EACJuB,iBAAkBA,EAClBhB,SAAUA,EACVE,MAAOA,EACPC,KAAMA,EACNC,SAAUA,EACE,aAAAC,EACG,gBAAAC,EACfc,eAAgBA,EAChB5B,IAAKA,EACQ,cAAAuB,GAAcY,EAAUC,EAAuBC,QAAO,YACxDC,EAAgBD,QAE3BP,EAAAC,cAACQ,EACC,CAAAvB,gBAAiBA,EACjBI,gBAAiBA,EACjBF,eAAgBA,EAChBN,SAAUA,EACVV,UAAWuB,EAAGvB,EAAWwB,EAAOc,mBAChCC,kBAAmBtC,EACnBmB,KAAMA,IAId"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={toggleInput:"toggleInput_71e2d3e6a4","focus-visible":"focus-visible_4d758fc9fa",toggleFocusTarget:"toggleFocusTarget_10f3a7ccf8",wrapper:"wrapper_922481cecb"};!function(e){const t="s_id-679f544f6e7c_4_5_13";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,l.firstChild?l.insertBefore(n,l.firstChild):l.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.toggleInput_71e2d3e6a4:focus-visible, .toggleInput_71e2d3e6a4.focus-visible_4d758fc9fa { /* stylelint-disable-line selector-class-pattern */ }\n.toggleInput_71e2d3e6a4:focus-visible ~ .toggleFocusTarget_10f3a7ccf8, .toggleInput_71e2d3e6a4.focus-visible_4d758fc9fa ~ .toggleFocusTarget_10f3a7ccf8 {\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.wrapper_922481cecb {\n display: flex;\n align-items: center;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=Toggle.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import r from"classnames";import o from"./ToggleText.module.scss.js";import s from"../../../components/typography/dist/Text/Text.js";var a=function(a){var l=a.children;return t.createElement(s,{element:"span",type:"text2",className:r(o.text,e({},o.disabled,a.disabled))},l)};export{a as default};
|
|
2
|
-
//# sourceMappingURL=ToggleText.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleText.js","sources":["../../../../src/components/Toggle/ToggleText.tsx"],"sourcesContent":["import React, { type FC } from \"react\";\nimport cx from \"classnames\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./ToggleText.module.scss\";\nimport { Text } from \"@vibe/typography\";\n\nexport interface ToggleTextProps extends VibeComponentProps {\n /**\n * The text content inside the toggle.\n */\n children: string;\n /**\n * If true, applies a disabled style to the text.\n */\n disabled: boolean;\n}\n\nconst ToggleText: FC<ToggleTextProps> = ({ children, disabled }) => (\n <Text element=\"span\" type=\"text2\" className={cx(styles.text, { [styles.disabled]: disabled })}>\n {children}\n </Text>\n);\nexport default ToggleText;\n"],"names":["ToggleText","_ref","children","React","createElement","Text","element","type","className","cx","styles","text","_defineProperty","disabled"],"mappings":"0OAiBA,IAAMA,EAAkC,SAAxBC,GAAA,IAA2BC,EAAQD,EAARC,SAAkB,OAC3DC,EAAAC,cAACC,EAAK,CAAAC,QAAQ,OAAOC,KAAK,QAAQC,UAAWC,EAAGC,EAAOC,KAAIC,EAAA,CAAA,EAAKF,EAAOG,SADZZ,EAARY,YAEhDX,EACI"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={text:"text_4636a5264a",disabled:"disabled_3d2e5756a2"};!function(e){const t="s_id-1dee71639eb3_4_5_13";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)}(".text_4636a5264a {\n color: var(--primary-text-color);\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 22px;\n}\n\n.disabled_3d2e5756a2 {\n color: var(--disabled-text-color);\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=ToggleText.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleText.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import t,{forwardRef as e}from"react";import s from"classnames";import{getTestId as i}from"../../tests/testIds.js";import{ComponentDefaultTestId as r}from"../../tests/constants.js";import a from"./TransitionView.module.scss.js";import o from"../SlideTransition/SlideTransition.js";var m=e((function(e,m){var n=e.activeStep,d=e.direction,c=e.id,l=e["data-testid"],f=e.children;return t.createElement("div",{id:c,className:s(a.slideshow,e.className),"data-testid":l||i(r.TRANSITION_VIEW,c),ref:m},t.createElement(o,{key:n,direction:d},f[n]))}));export{m as default};
|
|
2
|
-
//# sourceMappingURL=TransitionView.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TransitionView.js","sources":["../../../../src/components/TransitionView/TransitionView.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type TransitionViewProps } from \"./TransitionView.types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport styles from \"./TransitionView.module.scss\";\nimport SlideTransition from \"../SlideTransition/SlideTransition\";\n\nconst TransitionView = forwardRef(\n (\n { activeStep, direction, id, className, \"data-testid\": dataTestId, children }: TransitionViewProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n return (\n <div\n id={id}\n className={cx(styles.slideshow, className)}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.TRANSITION_VIEW, id)}\n ref={ref}\n >\n <SlideTransition key={activeStep} direction={direction}>\n {children[activeStep]}\n </SlideTransition>\n </div>\n );\n }\n);\n\nexport default TransitionView;\n"],"names":["TransitionView","forwardRef","_ref","ref","activeStep","direction","id","dataTestId","children","React","createElement","className","cx","styles","slideshow","getTestId","ComponentDefaultTestId","TRANSITION_VIEW","SlideTransition","key"],"mappings":"yRAQMA,IAAAA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAAUF,EAAVE,WAAYC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAA8BC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAGnE,OACEC,EAAAC,cAAA,MAAA,CACEJ,GAAIA,EACJK,UAAWC,EAAGC,EAAOC,UANaZ,EAATS,WAMiB,cAC7BJ,GAAcQ,EAAUC,EAAuBC,gBAAiBX,GAC7EH,IAAKA,GAELM,EAAAC,cAACQ,EAAgB,CAAAC,IAAKf,EAAYC,UAAWA,GAC1CG,EAASJ,IAIlB"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
var e={slideshow:"slideshow_bf921b589f"};!function(e){const t="s_id-1d828e3be878_4_5_13";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slideshow_bf921b589f {\n width: 100%;\n height: 100%;\n min-height: 0;\n}");export{e as default};
|
|
2
|
-
//# sourceMappingURL=TransitionView.module.scss.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TransitionView.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{slicedToArray as e,typeof as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useCallback as t,useEffect as i}from"react";var l;function r(){var l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},r=l.isChecked,a=l.onChange,u=l.isDisabled,c=n(null!=r?r:!!l.defaultChecked),s=e(c,2),d=s[0],f=s[1],h=t((function(e){if(!u){var n=!d;void 0===r&&f(n),e&&"object"===o(e)&&"target"in e?null==a||a(n,e):null==a||a(n)}}),[r,u,a,d]);return i((function(){void 0!==r&&f(r)}),[r]),{isChecked:d,onChange:h}}!function(e){e.CHECKBOX="checkbox",e.BUTTON="button"}(l||(l={})),r.switchRole=l;export{r as default};
|
|
2
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/hooks/useSwitch/index.ts"],"sourcesContent":["import { type ChangeEvent, useCallback, useEffect, useState } from \"react\";\n\nenum SwitchRole {\n CHECKBOX = \"checkbox\",\n BUTTON = \"button\"\n}\n\nexport interface UseSwitchProps {\n /**\n * If true, controls the checked state of the switch.\n */\n isChecked?: boolean;\n /**\n * The initial checked state when uncontrolled.\n */\n defaultChecked?: boolean;\n /**\n * Callback fired when the switch state changes.\n */\n onChange?: (value: boolean, event?: ChangeEvent<HTMLInputElement> | unknown) => void;\n /**\n * If true, disables interaction with the switch.\n */\n isDisabled?: boolean;\n}\n\nexport default function useSwitch({ isChecked, defaultChecked, onChange, isDisabled }: UseSwitchProps = {}) {\n // if isChecked is empty, set defaultChecked value (default false value)\n const overrideCheckedInitial = isChecked ?? !!defaultChecked;\n const [overrideChecked, setOverrideChecked] = useState(overrideCheckedInitial);\n\n const overrideOnChange = useCallback(\n (event?: ChangeEvent<HTMLInputElement> | unknown) => {\n if (isDisabled) {\n return;\n }\n const newChecked = !overrideChecked;\n if (isChecked === undefined) {\n setOverrideChecked(newChecked);\n }\n if (event && typeof event === \"object\" && \"target\" in event) {\n onChange?.(newChecked, event);\n } else {\n onChange?.(newChecked);\n }\n },\n [isChecked, isDisabled, onChange, overrideChecked]\n );\n\n useEffect(() => {\n if (isChecked !== undefined) {\n setOverrideChecked(isChecked);\n }\n }, [isChecked]);\n\n return { isChecked: overrideChecked, onChange: overrideOnChange };\n}\n\nuseSwitch.switchRole = SwitchRole;\n"],"names":["SwitchRole","useSwitch","_ref","arguments","length","undefined","isChecked","onChange","isDisabled","_useState","useState","defaultChecked","_useState2","_slicedToArray","overrideChecked","setOverrideChecked","overrideOnChange","useCallback","event","newChecked","_typeof","useEffect","switchRole"],"mappings":"4JAEA,IAAKA,EAwBmB,SAAAC,IAAkF,IAAAC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAF,CAAE,EAAtEG,EAASJ,EAATI,UAA2BC,EAAQL,EAARK,SAAUC,EAAUN,EAAVM,WAGvEC,EAA8CC,EADfJ,QAAAA,IAF4BJ,EAAdS,gBAGiCC,EAAAC,EAAAJ,EAAA,GAAvEK,EAAeF,EAAA,GAAEG,EAAkBH,EAAA,GAEpCI,EAAmBC,GACvB,SAACC,GACC,IAAIV,EAAJ,CAGA,IAAMW,GAAcL,OACFT,IAAdC,GACFS,EAAmBI,GAEjBD,GAA0B,WAAjBE,EAAOF,IAAsB,WAAYA,EACpDX,SAAAA,EAAWY,EAAYD,GAEvBX,SAAAA,EAAWY,EARb,CAUD,GACD,CAACb,EAAWE,EAAYD,EAAUO,IASpC,OANAO,GAAU,gBACUhB,IAAdC,GACFS,EAAmBT,EAEvB,GAAG,CAACA,IAEG,CAAEA,UAAWQ,EAAiBP,SAAUS,EACjD,EAtDA,SAAKhB,GACHA,EAAA,SAAA,WACAA,EAAA,OAAA,QACD,CAHD,CAAKA,IAAAA,EAGJ,CAAA,IAqDDC,EAAUqB,WAAatB"}
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|