@vibe/core 4.5.6 → 4.6.0-alpha-1900b.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/base/dist/BaseInput/BaseInput.module.scss.js +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.d.ts +85 -0
- package/dist/components/ButtonGroup/ButtonGroupConstants.d.ts +1 -0
- package/dist/components/ButtonGroup/ButtonWrapper.d.ts +35 -0
- package/dist/components/ButtonGroup/index.d.ts +1 -0
- package/dist/components/Checkbox/Checkbox.d.ts +67 -0
- package/dist/components/Checkbox/hooks/useSupportFirefoxLabelClick.d.ts +6 -0
- package/dist/components/Checkbox/index.d.ts +1 -0
- package/dist/components/Chips/Chips.d.ts +27 -8
- package/dist/components/Chips/Chips.types.d.ts +2 -1
- package/dist/components/Chips/index.d.ts +1 -1
- package/dist/components/Divider/Divider.d.ts +15 -0
- package/dist/components/Divider/Divider.types.d.ts +1 -0
- package/dist/components/Divider/index.d.ts +2 -0
- package/dist/components/Dropdown/hooks/useDropdownCombobox.d.ts +5 -4
- package/dist/components/Dropdown/hooks/useDropdownMultiCombobox.d.ts +5 -4
- package/dist/components/FormattedNumber/FormattedNumber.d.ts +38 -0
- package/dist/components/FormattedNumber/FormattedNumberHelpers.d.ts +4 -0
- package/dist/components/FormattedNumber/index.d.ts +1 -0
- package/dist/components/SegmentedControl/SegmentedControl.d.ts +4 -0
- package/dist/components/SegmentedControl/SegmentedControl.types.d.ts +48 -0
- package/dist/components/SegmentedControl/index.d.ts +2 -0
- package/dist/components/TextField/TextField.d.ts +10 -7
- package/dist/components/Toast/Toast.d.ts +5 -1
- package/dist/components/button/dist/Button/Button.js +1 -1
- package/dist/components/button/dist/Button/Button.js.map +1 -1
- package/dist/components/button/dist/Button/Button.module.scss.js +1 -1
- package/dist/components/clickable/dist/Clickable/Clickable.module.scss.js +1 -1
- package/dist/components/dialog/dist/Dialog/Dialog.module.scss.js +1 -1
- package/dist/components/dialog/dist/Dialog/components/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/components/dialog/dist/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/components/icon-button/dist/IconButton/IconButton.module.scss.js +1 -1
- package/dist/components/index.d.ts +5 -4
- package/dist/components/layout/dist/Box/Box.module.scss.js +1 -1
- package/dist/components/layout/dist/Flex/Flex.module.scss.js +1 -1
- package/dist/components/tooltip/dist/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/components/typography/dist/Heading/Heading.module.scss.js +1 -1
- package/dist/components/typography/dist/Text/Text.module.scss.js +1 -1
- package/dist/components/typography/dist/Typography/Typography.module.scss.js +1 -1
- package/dist/helpers/textManipulations.d.ts +10 -0
- package/dist/metadata/components.json +283 -62
- package/dist/metadata.json +283 -62
- package/dist/mocked_classnames/components/ButtonGroup/ButtonGroup.d.ts +85 -0
- package/dist/mocked_classnames/components/ButtonGroup/ButtonGroupConstants.d.ts +1 -0
- package/dist/mocked_classnames/components/ButtonGroup/ButtonWrapper.d.ts +35 -0
- package/dist/mocked_classnames/components/ButtonGroup/index.d.ts +1 -0
- package/dist/mocked_classnames/components/Checkbox/Checkbox.d.ts +67 -0
- package/dist/mocked_classnames/components/Checkbox/hooks/useSupportFirefoxLabelClick.d.ts +6 -0
- package/dist/mocked_classnames/components/Checkbox/index.d.ts +1 -0
- package/dist/mocked_classnames/components/Chips/Chips.d.ts +27 -8
- package/dist/mocked_classnames/components/Chips/Chips.types.d.ts +2 -1
- package/dist/mocked_classnames/components/Chips/index.d.ts +1 -1
- package/dist/mocked_classnames/components/Divider/Divider.d.ts +15 -0
- package/dist/mocked_classnames/components/Divider/Divider.types.d.ts +1 -0
- package/dist/mocked_classnames/components/Divider/index.d.ts +2 -0
- package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownCombobox.d.ts +5 -4
- package/dist/mocked_classnames/components/Dropdown/hooks/useDropdownMultiCombobox.d.ts +5 -4
- package/dist/mocked_classnames/components/FormattedNumber/FormattedNumber.d.ts +38 -0
- package/dist/mocked_classnames/components/FormattedNumber/FormattedNumberHelpers.d.ts +4 -0
- package/dist/mocked_classnames/components/FormattedNumber/index.d.ts +1 -0
- package/dist/mocked_classnames/components/SegmentedControl/SegmentedControl.d.ts +4 -0
- package/dist/mocked_classnames/components/SegmentedControl/SegmentedControl.types.d.ts +48 -0
- package/dist/mocked_classnames/components/SegmentedControl/index.d.ts +2 -0
- package/dist/mocked_classnames/components/TextField/TextField.d.ts +10 -7
- package/dist/mocked_classnames/components/Toast/Toast.d.ts +5 -1
- package/dist/mocked_classnames/components/index.d.ts +5 -4
- package/dist/mocked_classnames/helpers/textManipulations.d.ts +10 -0
- package/dist/mocked_classnames/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AttentionBox/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/Avatar/Avatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.js.map +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.js +2 -0
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.js.map +1 -0
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonGroup.module.scss.js +2 -0
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonWrapper.js +2 -0
- package/dist/mocked_classnames/src/components/ButtonGroup/ButtonWrapper.js.map +1 -0
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.js +2 -0
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/mocked_classnames/src/components/Checkbox/Checkbox.module.scss.js +2 -0
- package/dist/mocked_classnames/src/components/Checkbox/hooks/useSupportFirefoxLabelClick.js +2 -0
- package/dist/mocked_classnames/src/components/Checkbox/hooks/useSupportFirefoxLabelClick.js.map +1 -0
- package/dist/mocked_classnames/src/components/Chips/Chips.js +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.js.map +1 -1
- package/dist/mocked_classnames/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.js.map +1 -1
- package/dist/mocked_classnames/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/DatePicker/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/Divider/Divider.js +2 -0
- package/dist/mocked_classnames/src/components/Divider/Divider.js.map +1 -0
- package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js +2 -0
- 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.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/Menu/Menu.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map +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/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.js +2 -0
- package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.js.map +1 -0
- package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumber.module.scss.js +2 -0
- package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumberHelpers.js +2 -0
- package/dist/mocked_classnames/src/components/FormattedNumber/FormattedNumberHelpers.js.map +1 -0
- package/dist/mocked_classnames/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/Label.js +1 -1
- package/dist/mocked_classnames/src/components/Label/Label.js.map +1 -1
- package/dist/mocked_classnames/src/components/Label/Label.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Link/Link.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.js.map +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/MenuItem.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.js.map +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/MenuItemSubMenu/MenuItemSubMenu.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js.map +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js.map +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.js +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/mocked_classnames/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/Modal/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.js +1 -1
- package/dist/mocked_classnames/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map +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.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.js.map +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map +1 -1
- package/dist/mocked_classnames/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/ProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/ProgressBars/ProgressBar/ProgressBar.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SegmentedControl/SegmentedControl.js +2 -0
- package/dist/mocked_classnames/src/components/SegmentedControl/SegmentedControl.js.map +1 -0
- package/dist/mocked_classnames/src/components/SegmentedControl/SegmentedControl.module.scss.js +2 -0
- package/dist/mocked_classnames/src/components/SegmentedControl/SegmentedControl.module.scss.js.map +1 -0
- package/dist/mocked_classnames/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.js.map +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextField/TextField.js +1 -1
- package/dist/mocked_classnames/src/components/TextField/TextField.js.map +1 -1
- package/dist/mocked_classnames/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/Toast.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/Toast.js.map +1 -1
- package/dist/mocked_classnames/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastButton/ToastButton.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastButton/ToastButton.js.map +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastHelpers.js +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastHelpers.js.map +1 -1
- package/dist/mocked_classnames/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames/src/components/next/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/helpers/textManipulations.js +2 -0
- package/dist/mocked_classnames/src/helpers/textManipulations.js.map +1 -0
- package/dist/mocked_classnames/src/index.js +1 -1
- package/dist/mocked_classnames/src/tests/constants.js +1 -1
- package/dist/mocked_classnames/src/tests/constants.js.map +1 -1
- package/dist/mocked_classnames/src/types/Colors.js +1 -1
- package/dist/mocked_classnames/src/types/Colors.js.map +1 -1
- package/dist/mocked_classnames/src/utils/colors-vars-map.js +1 -1
- package/dist/mocked_classnames/src/utils/colors-vars-map.js.map +1 -1
- package/dist/mocked_classnames/tests/constants.d.ts +2 -0
- package/dist/mocked_classnames/types/Colors.d.ts +5 -1
- package/dist/mocked_classnames/utils/colors-vars-map.d.ts +5 -0
- package/dist/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/src/components/AttentionBox/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/Avatar/Avatar.module.scss.js +1 -1
- package/dist/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounter.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounter.js.map +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/src/components/BaseItem/BaseItem.module.scss.js +1 -1
- package/dist/src/components/BaseList/BaseList.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js +1 -1
- package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/src/components/ButtonGroup/ButtonGroup.js +2 -0
- package/dist/src/components/ButtonGroup/ButtonGroup.js.map +1 -0
- package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js +2 -0
- package/dist/src/components/ButtonGroup/ButtonGroup.module.scss.js.map +1 -0
- package/dist/src/components/ButtonGroup/ButtonWrapper.js +2 -0
- package/dist/src/components/ButtonGroup/ButtonWrapper.js.map +1 -0
- package/dist/src/components/Checkbox/Checkbox.js +2 -0
- package/dist/src/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/src/components/Checkbox/Checkbox.module.scss.js +2 -0
- package/dist/src/components/Checkbox/Checkbox.module.scss.js.map +1 -0
- package/dist/src/components/Checkbox/hooks/useSupportFirefoxLabelClick.js +2 -0
- package/dist/src/components/Checkbox/hooks/useSupportFirefoxLabelClick.js.map +1 -0
- package/dist/src/components/Chips/Chips.js +1 -1
- package/dist/src/components/Chips/Chips.js.map +1 -1
- package/dist/src/components/Chips/Chips.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.js +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.js.map +1 -1
- package/dist/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/src/components/DatePicker/DatePickerHeader.module.scss.js +1 -1
- package/dist/src/components/Divider/Divider.js +2 -0
- package/dist/src/components/Divider/Divider.js.map +1 -0
- package/dist/src/components/Divider/Divider.module.scss.js +2 -0
- package/dist/src/components/Divider/Divider.module.scss.js.map +1 -0
- package/dist/src/components/Dropdown/components/DropdownBase/DropdownBase.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js +1 -1
- package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.js.map +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.js +1 -1
- package/dist/src/components/Dropdown/components/Menu/Menu.js.map +1 -1
- package/dist/src/components/Dropdown/components/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js +1 -1
- package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map +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/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/src/components/EmptyState/EmptyState.module.scss.js +1 -1
- package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/src/components/FormattedNumber/FormattedNumber.js +2 -0
- package/dist/src/components/FormattedNumber/FormattedNumber.js.map +1 -0
- package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js +2 -0
- package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js.map +1 -0
- package/dist/src/components/FormattedNumber/FormattedNumberHelpers.js +2 -0
- package/dist/src/components/FormattedNumber/FormattedNumberHelpers.js.map +1 -0
- package/dist/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js +1 -1
- package/dist/src/components/Info/components/InfoLink/InfoLink.module.scss.js +1 -1
- package/dist/src/components/InfoText/InfoText.module.scss.js +1 -1
- package/dist/src/components/Label/Label.js +1 -1
- package/dist/src/components/Label/Label.js.map +1 -1
- package/dist/src/components/Label/Label.module.scss.js +1 -1
- package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js +1 -1
- package/dist/src/components/Link/Link.module.scss.js +1 -1
- package/dist/src/components/List/List.module.scss.js +1 -1
- package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuDivider/MenuDivider.js +1 -1
- package/dist/src/components/Menu/MenuDivider/MenuDivider.js.map +1 -1
- package/dist/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/MenuItem.js +1 -1
- package/dist/src/components/Menu/MenuItem/MenuItem.js.map +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.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.js.map +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemIcon/MenuItemIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenu/MenuItemSubMenu.js.map +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.js.map +1 -1
- package/dist/src/components/Menu/MenuItem/components/MenuItemSubMenuIcon/MenuItemSubMenuIcon.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.js +1 -1
- package/dist/src/components/MenuButton/MenuButton.js.map +1 -1
- package/dist/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/src/components/Modal/Modal/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.js +1 -1
- package/dist/src/components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js.map +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.js +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.js.map +1 -1
- package/dist/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.js.map +1 -1
- package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/src/components/NumberField/NumberField.module.scss.js +1 -1
- package/dist/src/components/NumberField/components/NumberFieldSpinButton/NumberFieldSpinButton.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/ProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/src/components/ProgressBars/ProgressBar/ProgressBar.module.scss.js +1 -1
- package/dist/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/src/components/Search/Search.module.scss.js +1 -1
- package/dist/src/components/SegmentedControl/SegmentedControl.js +2 -0
- package/dist/src/components/SegmentedControl/SegmentedControl.js.map +1 -0
- package/dist/src/components/SegmentedControl/SegmentedControl.module.scss.js +2 -0
- package/dist/src/components/SegmentedControl/SegmentedControl.module.scss.js.map +1 -0
- package/dist/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/src/components/SlideTransition/SlideTransition.module.scss.js +1 -1
- package/dist/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/src/components/Table/Table/Table.module.scss.js +1 -1
- package/dist/src/components/Table/TableBody/TableBody.module.scss.js +1 -1
- package/dist/src/components/Table/TableCell/TableCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js +1 -1
- package/dist/src/components/Table/TableContainer/TableContainer.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js +1 -1
- package/dist/src/components/Table/TableRow/TableRow.module.scss.js +1 -1
- package/dist/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js +1 -1
- package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js +1 -1
- package/dist/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabList/TabList.js +1 -1
- package/dist/src/components/Tabs/TabList/TabList.js.map +1 -1
- package/dist/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/src/components/TextArea/TextArea.module.scss.js +1 -1
- package/dist/src/components/TextField/TextField.js +1 -1
- package/dist/src/components/TextField/TextField.js.map +1 -1
- package/dist/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/src/components/Toast/Toast.js +1 -1
- package/dist/src/components/Toast/Toast.js.map +1 -1
- package/dist/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/src/components/Toast/ToastButton/ToastButton.js +1 -1
- package/dist/src/components/Toast/ToastButton/ToastButton.js.map +1 -1
- package/dist/src/components/Toast/ToastHelpers.js +1 -1
- package/dist/src/components/Toast/ToastHelpers.js.map +1 -1
- package/dist/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/src/components/TransitionView/TransitionView.module.scss.js +1 -1
- package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/src/components/next/List/List.module.scss.js +1 -1
- package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/src/helpers/textManipulations.js +2 -0
- package/dist/src/helpers/textManipulations.js.map +1 -0
- package/dist/src/index.js +1 -1
- package/dist/src/tests/constants.js +1 -1
- package/dist/src/tests/constants.js.map +1 -1
- package/dist/src/types/Colors.js +1 -1
- package/dist/src/types/Colors.js.map +1 -1
- package/dist/src/utils/colors-vars-map.js +1 -1
- package/dist/src/utils/colors-vars-map.js.map +1 -1
- package/dist/style/dist/index.min.css.js +1 -1
- package/dist/tests/constants.d.ts +2 -0
- package/dist/tokens/tokens.css +1 -1
- package/dist/types/Colors.d.ts +5 -1
- package/dist/utils/colors-vars-map.d.ts +5 -0
- package/package.json +19 -23
- package/dist/components/button-group/dist/ButtonGroup/ButtonGroup.js +0 -2
- package/dist/components/button-group/dist/ButtonGroup/ButtonGroup.js.map +0 -1
- package/dist/components/button-group/dist/ButtonGroup/ButtonGroup.module.scss.js +0 -2
- package/dist/components/button-group/dist/ButtonGroup/ButtonWrapper.js +0 -2
- package/dist/components/button-group/dist/ButtonGroup/ButtonWrapper.js.map +0 -1
- package/dist/components/button-group/dist/ButtonGroup/usePrevious.js +0 -2
- package/dist/components/button-group/dist/ButtonGroup/usePrevious.js.map +0 -1
- package/dist/components/button-group/dist/_virtual/_tslib.js +0 -2
- package/dist/components/button-group/dist/_virtual/_tslib.js.map +0 -1
- package/dist/components/checkbox/dist/Checkbox/Checkbox.js +0 -2
- package/dist/components/checkbox/dist/Checkbox/Checkbox.js.map +0 -1
- package/dist/components/checkbox/dist/Checkbox/Checkbox.module.scss.js +0 -2
- package/dist/components/checkbox/dist/Checkbox/hooks/useSupportFirefoxLabelClick.js +0 -2
- package/dist/components/checkbox/dist/Checkbox/hooks/useSupportFirefoxLabelClick.js.map +0 -1
- package/dist/components/divider/dist/Divider/Divider.js +0 -2
- package/dist/components/divider/dist/Divider/Divider.js.map +0 -1
- package/dist/components/divider/dist/Divider/Divider.module.scss.js +0 -2
- package/dist/components/formatted-number/dist/FormattedNumber/FormattedNumber.js +0 -2
- package/dist/components/formatted-number/dist/FormattedNumber/FormattedNumber.js.map +0 -1
- package/dist/components/formatted-number/dist/FormattedNumber/FormattedNumber.module.scss.js +0 -2
- package/dist/components/formatted-number/dist/FormattedNumber/FormattedNumberHelpers.js +0 -2
- package/dist/components/formatted-number/dist/FormattedNumber/FormattedNumberHelpers.js.map +0 -1
- package/dist/components/formatted-number/dist/FormattedNumber/textManipulations.js +0 -2
- package/dist/components/formatted-number/dist/FormattedNumber/textManipulations.js.map +0 -1
- /package/dist/{components/button-group/dist → mocked_classnames/src/components}/ButtonGroup/ButtonGroup.module.scss.js.map +0 -0
- /package/dist/{components/checkbox/dist → mocked_classnames/src/components}/Checkbox/Checkbox.module.scss.js.map +0 -0
- /package/dist/{components/divider/dist → mocked_classnames/src/components}/Divider/Divider.module.scss.js.map +0 -0
- /package/dist/{components/formatted-number/dist → mocked_classnames/src/components}/FormattedNumber/FormattedNumber.module.scss.js.map +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownBaseList.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseItem from \"../../../BaseItem/BaseItem\";\nimport styles from \"./DropdownBaseList.module.scss\";\nimport { type DropdownBaseListProps } from \"./DropdownBaseList.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport { Divider } from \"
|
|
1
|
+
{"version":3,"file":"DropdownBaseList.js","sources":["../../../../../../src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport BaseItem from \"../../../BaseItem/BaseItem\";\nimport styles from \"./DropdownBaseList.module.scss\";\nimport { type DropdownBaseListProps } from \"./DropdownBaseList.types\";\nimport { Flex } from \"@vibe/layout\";\nimport { Text, type TextType } from \"@vibe/typography\";\nimport cx from \"classnames\";\nimport { Divider } from \"../../../Divider\";\n\nconst DropdownBaseList = forwardRef(\n <Item extends Record<string, unknown>>(\n {\n options,\n selectedItems,\n highlightedIndex,\n menuAriaLabel,\n getMenuProps,\n getItemProps,\n size = \"medium\",\n withGroupDivider = false,\n dir = \"ltr\",\n itemRenderer,\n menuRenderer,\n noOptionsMessage = \"No results\",\n stickyGroupTitle = false,\n renderOptions = true,\n onScroll,\n maxMenuHeight = 300\n }: DropdownBaseListProps<Item>,\n ref: React.Ref<HTMLUListElement>\n ) => {\n const textVariant: TextType = size === \"small\" ? \"text2\" : \"text1\";\n\n const defaultContent = renderOptions ? (\n options.every(group => group.options?.length === 0) ? (\n <div role=\"status\">\n {typeof noOptionsMessage === \"string\" ? (\n <Flex justify=\"center\">\n <BaseItem component=\"div\" item={{ label: noOptionsMessage, value: \"\" }} size={size} readOnly />\n </Flex>\n ) : (\n noOptionsMessage\n )}\n </div>\n ) : (\n options.map((group, groupIndex) => (\n <React.Fragment key={group.label ?? groupIndex}>\n {group.label && (\n <li className={cx(styles.groupTitle, { [styles.sticky]: stickyGroupTitle })}>\n <Text type={textVariant} color=\"inherit\">\n {group.label}\n </Text>\n </li>\n )}\n {group.options.map((option, itemIndex) => {\n // downshift's useCombobox sets aria-selected to mark a single item (the tracked\n // selectedItem), which is wrong for multi-select. Drop it so BaseItem's aria-selected\n // (derived from the full selectedItems list below) is authoritative.\n const { \"aria-selected\": _downshiftAriaSelected, ...itemProps } =\n getItemProps?.({ item: option, index: option.index }) ?? {};\n const isHighlighted =\n highlightedIndex !== undefined && highlightedIndex === option.index && !option.disabled;\n const isSelected =\n selectedItems?.some(selectedItem => selectedItem?.value === option.value) && !option.disabled;\n\n return (\n <BaseItem<Item>\n itemProps={itemProps}\n key={typeof option.value === \"string\" ? option.value : itemIndex}\n size={size}\n highlighted={isHighlighted}\n selected={isSelected}\n itemRenderer={itemRenderer}\n item={option}\n role=\"option\"\n />\n );\n })}\n {withGroupDivider && groupIndex < options.length - 1 && <Divider />}\n </React.Fragment>\n ))\n )\n ) : null;\n\n return (\n <ul\n ref={ref}\n dir={dir}\n className={styles.wrapper}\n {...getMenuProps?.({ \"aria-label\": menuAriaLabel })}\n onScroll={onScroll}\n style={{ maxHeight: maxMenuHeight }}\n >\n {menuRenderer && renderOptions\n ? menuRenderer({\n children: defaultContent,\n filteredOptions: options,\n selectedItem: selectedItems?.[0] || null,\n selectedItems: selectedItems || []\n })\n : defaultContent}\n </ul>\n );\n }\n);\n\nexport default DropdownBaseList as <Item extends Record<string, unknown>>(\n props: DropdownBaseListProps<Item> & { ref?: React.Ref<HTMLUListElement> }\n) => React.ReactElement;\n"],"names":["DropdownBaseList","forwardRef","_ref","ref","options","selectedItems","highlightedIndex","menuAriaLabel","getMenuProps","getItemProps","_ref$size","size","_ref$withGroupDivider","withGroupDivider","_ref$dir","dir","itemRenderer","menuRenderer","_ref$noOptionsMessage","noOptionsMessage","_ref$stickyGroupTitle","stickyGroupTitle","_ref$renderOptions","renderOptions","onScroll","_ref$maxMenuHeight","maxMenuHeight","textVariant","defaultContent","every","group","_a","length","React","createElement","role","Flex","justify","BaseItem","component","item","label","value","readOnly","map","groupIndex","Fragment","key","className","cx","styles","groupTitle","_defineProperty","sticky","Text","type","color","option","itemIndex","_b","index","itemProps","__rest","isHighlighted","undefined","disabled","isSelected","some","selectedItem","highlighted","selected","Divider","Object","assign","wrapper","style","maxHeight","children","filteredOptions"],"mappings":"keASMA,IAAAA,EAAmBC,GACvB,SAAAC,EAmBEC,GACE,IAlBAC,EAAOF,EAAPE,QACAC,EAAaH,EAAbG,cACAC,EAAgBJ,EAAhBI,iBACAC,EAAaL,EAAbK,cACAC,EAAYN,EAAZM,aACAC,EAAYP,EAAZO,aAAYC,EAAAR,EACZS,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAV,EACfW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,IAAAA,OAAM,IAAHD,EAAG,MAAKA,EACXE,EAAYd,EAAZc,aACAC,EAAYf,EAAZe,aAAYC,EAAAhB,EACZiB,iBAAAA,OAAmB,IAAHD,EAAG,aAAYA,EAAAE,EAAAlB,EAC/BmB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAApB,EACxBqB,cAAAA,OAAgB,IAAHD,GAAOA,EACpBE,EAAQtB,EAARsB,SAAQC,EAAAvB,EACRwB,cAAAA,OAAgB,IAAHD,EAAG,IAAGA,EAIfE,EAAiC,UAAThB,EAAmB,QAAU,QAErDiB,EAAiBL,EACrBnB,EAAQyB,OAAM,SAAAC,GAAS,IAAAC,EAAA,OAA0B,KAAX,QAAfA,EAAAD,EAAM1B,eAAS,IAAA2B,OAAA,EAAAA,EAAAC,OAAY,IAChDC,EAAKC,cAAA,MAAA,CAAAC,KAAK,UACqB,iBAArBhB,EACNc,gBAACG,EAAI,CAACC,QAAQ,UACZJ,EAACC,cAAAI,GAASC,UAAU,MAAMC,KAAM,CAAEC,MAAOtB,EAAkBuB,MAAO,IAAM/B,KAAMA,EAAMgC,eAGtFxB,GAIJf,EAAQwC,KAAI,SAACd,EAAOe,SAAe,OACjCZ,EAAAC,cAACD,EAAMa,SAAQ,CAACC,YAAKhB,EAAAD,EAAMW,qBAASI,GACjCf,EAAMW,OACLR,sBAAIe,UAAWC,EAAGC,EAAOC,WAAUC,EAAA,CAAA,EAAKF,EAAOG,OAAShC,KACtDY,EAAAC,cAACoB,EAAI,CAACC,KAAM5B,EAAa6B,MAAM,WAC5B1B,EAAMW,QAIZX,EAAM1B,QAAQwC,KAAI,SAACa,EAAQC,SAIpBC,EACqD,QAAzD5B,EAAAtB,aAAA,EAAAA,EAAe,CAAE+B,KAAMiB,EAAQG,MAAOH,EAAOG,eAAY,IAAA7B,EAAAA,EAAA,CAAA,EADP8B,EAA9CC,EAAAH,EAAA,CAAA,kBAEAI,OACiBC,IAArB1D,GAAkCA,IAAqBmD,EAAOG,QAAUH,EAAOQ,SAC3EC,GACJ7D,aAAa,EAAbA,EAAe8D,MAAK,SAAAC,GAAY,OAAIA,aAAY,EAAZA,EAAc1B,SAAUe,EAAOf,KAAK,OAAMe,EAAOQ,SAEvF,OACEhC,EAACC,cAAAI,EACC,CAAAuB,UAAWA,EACXd,IAA6B,iBAAjBU,EAAOf,MAAqBe,EAAOf,MAAQgB,EACvD/C,KAAMA,EACN0D,YAAaN,EACbO,SAAUJ,EACVlD,aAAcA,EACdwB,KAAMiB,EACNtB,KAAK,UAGV,IACAtB,GAAiCT,EAAQ4B,OAAS,EAA9Ba,GAAmCZ,EAACC,cAAAqC,EAAU,MAEtE,IAED,KAEJ,OACEtC,EACEC,cAAA,KAAAsC,OAAAC,OAAA,CAAAtE,IAAKA,EACLY,IAAKA,EACLiC,UAAWE,EAAOwB,SACdlE,aAAA,EAAAA,EAAe,CAAE,aAAcD,IACnC,CAAAiB,SAAUA,EACVmD,MAAO,CAAEC,UAAWlD,KAEnBT,GAAgBM,EACbN,EAAa,CACX4D,SAAUjD,EACVkD,gBAAiB1E,EACjBgE,cAAc/D,aAAA,EAAAA,EAAgB,KAAM,KACpCA,cAAeA,GAAiB,KAElCuB,EAGV"}
|
package/dist/src/components/Dropdown/components/DropdownBaseList/DropdownBaseList.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={wrapper:"
|
|
1
|
+
var e={wrapper:"wrapper_4a9aaece57",groupTitle:"groupTitle_225d8ce9a5",sticky:"sticky_e37552d0bd"};!function(e){const a="s_id-87eb930dd60f_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const r=document.createElement("style");r.id=a,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_4a9aaece57 {\n overflow-y: auto;\n padding: 0;\n margin: 0;\n}\n.wrapper_4a9aaece57::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.wrapper_4a9aaece57::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}\n.wrapper_4a9aaece57 .groupTitle_225d8ce9a5 {\n color: var(--secondary-text-color);\n padding: var(--space-8) var(--space-4);\n background-color: var(--secondary-background-color);\n}\n.wrapper_4a9aaece57 .groupTitle_225d8ce9a5.sticky_e37552d0bd {\n position: sticky;\n top: 0;\n}\n.wrapper_4a9aaece57 > li:not(:last-child) {\n margin-bottom: 2px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=DropdownBaseList.module.scss.js.map
|
package/dist/src/components/Dropdown/components/DropdownBoxMode/DropdownBoxMode.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={boxModeContainer:"
|
|
1
|
+
var n={boxModeContainer:"boxModeContainer_22a701c84f",inputContainer:"inputContainer_8ccf501ff7",disabled:"disabled_95032ccee4",readOnly:"readOnly_3966ee474b",error:"error_9c9e7fa0cd",menuContainer:"menuContainer_83b910b9cd"};!function(n){const r="s_id-f92aa28952f8_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_22a701c84f {\n display: flex;\n flex-direction: column;\n width: 100%;\n}\n\n.inputContainer_8ccf501ff7 {\n --border-color: var(--ui-border-color);\n --background-color: var(--secondary-background-color);\n border-radius: var(--border-radius-small);\n box-shadow: inset 0 0 0 1px var(--border-color);\n background: var(--background-color);\n width: 100%;\n}\n.inputContainer_8ccf501ff7:hover {\n --border-color: var(--primary-text-color);\n}\n.inputContainer_8ccf501ff7:focus-within {\n --border-color: var(--primary-color);\n}\n.inputContainer_8ccf501ff7.disabled_95032ccee4 {\n --border-color: var(--disabled-background-color);\n --background-color: var(--disabled-background-color);\n}\n.inputContainer_8ccf501ff7.readOnly_3966ee474b {\n --border-color: var(--allgrey-background-color);\n --background-color: var(--allgrey-background-color);\n}\n.inputContainer_8ccf501ff7.error_9c9e7fa0cd {\n --border-color: var(--negative-color);\n}\n\n.menuContainer_83b910b9cd {\n width: 100%;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=DropdownBoxMode.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import r from"classnames";import{useDropdownContext as t}from"../../context/DropdownContext.js";import n from"./MenuList.js";import
|
|
1
|
+
import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import r from"classnames";import{useDropdownContext as t}from"../../context/DropdownContext.js";import n from"./MenuList.js";import m from"./Menu.module.scss.js";import s from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";var a=function(){var a=t(),i=a.isOpen,l=a.menuWrapperClassName;return o.createElement(s,{size:"small",className:r(e(e({},m.menuVisible,i),m.menuHidden,!i),m.menu,l)},o.createElement(n,null))};export{a as default};
|
|
2
2
|
//# sourceMappingURL=Menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/Dropdown/components/Menu/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport MenuList from \"./MenuList\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseItemData<Record<string, unknown>>>() => {\n const { isOpen, menuWrapperClassName } = useDropdownContext<Item>();\n\n return (\n <DialogContentContainer\n className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, menuWrapperClassName)}\n
|
|
1
|
+
{"version":3,"file":"Menu.js","sources":["../../../../../../src/components/Dropdown/components/Menu/Menu.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { DialogContentContainer } from \"@vibe/dialog\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport MenuList from \"./MenuList\";\nimport styles from \"./Menu.module.scss\";\n\nconst Menu = <Item extends BaseItemData<Record<string, unknown>>>() => {\n const { isOpen, menuWrapperClassName } = useDropdownContext<Item>();\n\n return (\n <DialogContentContainer\n size=\"small\"\n className={cx({ [styles.menuVisible]: isOpen, [styles.menuHidden]: !isOpen }, styles.menu, menuWrapperClassName)}\n >\n <MenuList<Item> />\n </DialogContentContainer>\n );\n};\n\nexport default Menu;\n"],"names":["Menu","_useDropdownContext","useDropdownContext","isOpen","menuWrapperClassName","React","createElement","DialogContentContainer","size","className","cx","_defineProperty","styles","menuVisible","menuHidden","menu","MenuList"],"mappings":"mXAQA,IAAMA,EAAO,WACX,IAAAC,EAAyCC,IAAjCC,EAAMF,EAANE,OAAQC,EAAoBH,EAApBG,qBAEhB,OACEC,EAACC,cAAAC,EACC,CAAAC,KAAK,QACLC,UAAWC,EAAEC,EAAAA,EAAIC,CAAAA,EAAAA,EAAOC,YAAcV,GAASS,EAAOE,YAAcX,GAAUS,EAAOG,KAAMX,IAE3FC,EAAAC,cAACU,EAAQ,MAGf"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={menuVisible:"
|
|
1
|
+
var e={menuVisible:"menuVisible_6f69ccb142",menuHidden:"menuHidden_7788e6f970"};!function(e){const i="s_id-448dc11ee0f4_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_6f69ccb142 {\n visibility: visible;\n}\n\n.menuHidden_7788e6f970 {\n visibility: hidden;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Menu.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../../../_virtual/_tslib.js";import t,{useRef as o,useCallback as r,useMemo as i,createRef as a}from"react";import l from"../../../Chips/Chips.js";import s from"../../../../hooks/useItemsOverflow/useItemsOverflow.js";import u from"./MultiSelectedValues.module.scss.js";import c from"classnames";import d from"../Trigger/DropdownChip.js";import m from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import p from"../../../../../components/layout/dist/Flex/Flex.js";import f from"../../../../../components/dialog/dist/Dialog/Dialog.js";import{useMergeRef as g}from"../../../../../shared/dist/hooks/useMergeRef.js";function h(h){var v=h.selectedItems,C=h.onRemove,b=h.renderInput,w=h.disabled,D=h.readOnly,y=h.minVisibleCount,j=void 0===y?0:y,E=h.getChipContainerProps,k=h.badgeRef,x=o(null),N=o(null),O=o(null),R=o(null),W=g(k,R),I=r((function(){requestAnimationFrame((function(){var e,n=null===(e=O.current)||void 0===e?void 0:e.querySelector("button, [href], input, [tabindex]:not([tabindex='-1'])");null==n||n.focus()}))}),[]),M=r((function(e,n){"esckey"===n&&requestAnimationFrame((function(){var e,n,t=null!==(e=R.current)&&void 0!==e?e:null===(n=N.current)||void 0===n?void 0:n.querySelector('[data-testid="dropdown-overflow-counter"]');null==t||t.focus()}))}),[]),P=i((function(){return v.map((function(){return a()}))}),[v]),S=s({containerRef:x,itemRefs:P,gap:4,deductedSpaceRef:N,deductedWidth:b?48:0,minVisibleCount:1===v.length?1:j}),q=S.visibleCount,A=S.hasMeasured,F=i((function(){var e=v.length>q?v.slice(q):[];return{hiddenItems:e,hiddenCount:e.length}}),[v,q]),H=F.hiddenItems,T=F.hiddenCount,_=i((function(){return function(){return t.createElement(m,
|
|
1
|
+
import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as n}from"../../../../../_virtual/_tslib.js";import t,{useRef as o,useCallback as r,useMemo as i,createRef as a}from"react";import l from"../../../Chips/Chips.js";import s from"../../../../hooks/useItemsOverflow/useItemsOverflow.js";import u from"./MultiSelectedValues.module.scss.js";import c from"classnames";import d from"../Trigger/DropdownChip.js";import m from"../../../../../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";import p from"../../../../../components/layout/dist/Flex/Flex.js";import f from"../../../../../components/dialog/dist/Dialog/Dialog.js";import{useMergeRef as g}from"../../../../../shared/dist/hooks/useMergeRef.js";function h(h){var v=h.selectedItems,C=h.onRemove,b=h.renderInput,w=h.disabled,D=h.readOnly,y=h.minVisibleCount,j=void 0===y?0:y,E=h.getChipContainerProps,k=h.badgeRef,x=o(null),N=o(null),O=o(null),R=o(null),W=g(k,R),I=r((function(){requestAnimationFrame((function(){var e,n=null===(e=O.current)||void 0===e?void 0:e.querySelector("button, [href], input, [tabindex]:not([tabindex='-1'])");null==n||n.focus()}))}),[]),M=r((function(e,n){"esckey"===n&&requestAnimationFrame((function(){var e,n,t=null!==(e=R.current)&&void 0!==e?e:null===(n=N.current)||void 0===n?void 0:n.querySelector('[data-testid="dropdown-overflow-counter"]');null==t||t.focus()}))}),[]),P=i((function(){return v.map((function(){return a()}))}),[v]),S=s({containerRef:x,itemRefs:P,gap:4,deductedSpaceRef:N,deductedWidth:b?48:0,minVisibleCount:1===v.length?1:j}),q=S.visibleCount,A=S.hasMeasured,F=i((function(){var e=v.length>q?v.slice(q):[];return{hiddenItems:e,hiddenCount:e.length}}),[v,q]),H=F.hiddenItems,T=F.hiddenCount,_=i((function(){return function(){return t.createElement(m,{size:"none"},t.createElement(p,{direction:"column",gap:"xs",align:"start",ref:O,className:u.hiddenChipsDialog},H.map((function(e){return t.createElement(d,{key:"dropdown-chip-dialog-".concat(e.value),item:e,onDelete:function(){return C(e)},className:u.dialogChip,disabled:w,readOnly:D})}))))}}),[H,C,w,D]),B=i((function(){return v.map((function(o,r){var i=q>r,a=i&&E?E(o,r):{},l=a.ref,s=n(a,["ref"]);return t.createElement("div",Object.assign({key:"dropdown-chip-visible-".concat(o.value),ref:function(e){P[r].current=e,"function"==typeof l&&l(e)},className:c(e(e({},u.chipWrapperWithOverflow,void 0!==j),u.hiddenChip,!i)),"aria-hidden":!i,"data-testid":"dropdown-chip-".concat(o.value)},s),t.createElement(d,{item:o,onDelete:function(){return C(o)},disabled:w,readOnly:D,className:u.visibleChip}))}))}),[v,q,C,P,w,D,j,E]);return(null==v?void 0:v.length)?t.createElement(p,{align:"center",wrap:!1,gap:"xs",ref:x,role:"group","aria-label":"selected items",className:c(u.containerWrapper,e(e({},u.singleChip,1===v.length),u.measuring,!A))},B,t.createElement(p,{gap:"xs",className:u.inputAndCounterWrapper},T>0&&t.createElement("div",{ref:N,onClick:function(e){e.stopPropagation()},onKeyDown:function(e){var n,t;e.stopPropagation(),"ArrowLeft"===e.key&&(e.preventDefault(),null===(t=null===(n=P[q-1])||void 0===n?void 0:n.current)||void 0===t||t.focus())},onMouseDown:function(e){e.stopPropagation()}},t.createElement(f,{content:_,showTrigger:["click","enter"],hideTrigger:["clickoutside"],position:"bottom",moveBy:{main:4},hideWhenReferenceHidden:!0,addKeyboardHideShowTriggersByDefault:!0,onDialogDidShow:I,onDialogDidHide:M},t.createElement(l,{ref:W,label:"+ ".concat(T),readOnly:!0,noMargin:!0,"aria-label":"+".concat(T,". ").concat(v.length-T," items are visible out of ").concat(v.length),"data-testid":"dropdown-overflow-counter",className:u.overflowCounter,onClick:function(){},onMouseDown:function(e){e.preventDefault()}}))),b&&t.createElement("div",{className:u.inputWrapper},b()))):null}export{h as default};
|
|
2
2
|
//# sourceMappingURL=MultiSelectedValues.js.map
|
package/dist/src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"../../../Chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n minVisibleCount?: number;\n /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. */\n getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n /** Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly,\n minVisibleCount = 0,\n getChipContainerProps,\n badgeRef\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n const localBadgeRef = useRef<HTMLDivElement>(null);\n const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n // so defer to the next frame.\n const handleDialogDidShow = useCallback(() => {\n requestAnimationFrame(() => {\n const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n );\n firstFocusable?.focus();\n });\n }, []);\n\n // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n // reset focus to <body> (the top of the page) after a synchronous focus call.\n const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n if (eventName !== \"esckey\") return;\n requestAnimationFrame(() => {\n const badge =\n localBadgeRef.current ??\n deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n badge?.focus();\n });\n }, []);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer>\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" ref={dialogContentRef} className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n const { ref: extraRef, ...extraAttrs } = extraProps;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={el => {\n (itemRefs[index] as React.MutableRefObject<HTMLDivElement | null>).current = el;\n if (typeof extraRef === \"function\") extraRef(el);\n }}\n className={cx({\n [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n [styles.hiddenChip]: !isVisible\n })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n {...extraAttrs}\n >\n <DropdownChip\n item={item}\n onDelete={() => onRemove(item)}\n disabled={disabled}\n readOnly={readOnly}\n className={styles.visibleChip}\n />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n role=\"group\"\n aria-label=\"selected items\"\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n {hiddenCount > 0 && (\n <div\n ref={deductedSpaceRef}\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === \"ArrowLeft\") {\n e.preventDefault();\n (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement | null>)?.current?.focus();\n }\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n hideTrigger={[\"clickoutside\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n onDialogDidShow={handleDialogDidShow}\n onDialogDidHide={handleDialogDidHide}\n >\n <Chips\n ref={mergedBadgeRef}\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n aria-label={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"MultiSelectedValues.js","sources":["../../../../../../src/components/Dropdown/components/MultiSelectedValues/MultiSelectedValues.tsx"],"sourcesContent":["import React, { useRef, useMemo, useCallback, createRef } from \"react\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { Chips } from \"../../../Chips\";\nimport { Flex } from \"@vibe/layout\";\nimport { DialogContentContainer, Dialog } from \"@vibe/dialog\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport useItemsOverflow from \"../../../../hooks/useItemsOverflow/useItemsOverflow\";\nimport styles from \"./MultiSelectedValues.module.scss\";\nimport cx from \"classnames\";\nimport DropdownChip from \"../Trigger/DropdownChip\";\n\nconst INPUT_DEDUCTED_WIDTH = 48;\n\ntype MultiSelectedValuesProps<Item> = {\n selectedItems: Item[];\n onRemove: (item: Item) => void;\n renderInput?: () => React.ReactNode;\n disabled?: boolean;\n readOnly?: boolean;\n minVisibleCount?: number;\n /** Extra props (tabIndex, onKeyDown, etc.) to spread on each visible chip container. */\n getChipContainerProps?: (item: Item, index: number) => Record<string, any>;\n /** Ref forwarded to the +N overflow Chips element, for external keyboard focus management. */\n badgeRef?: React.Ref<HTMLDivElement>;\n};\n\nfunction MultiSelectedValues<Item extends BaseItemData<Record<string, unknown>>>({\n selectedItems,\n onRemove,\n renderInput,\n disabled,\n readOnly,\n minVisibleCount = 0,\n getChipContainerProps,\n badgeRef\n}: MultiSelectedValuesProps<Item>) {\n const containerRef = useRef<HTMLDivElement>(null);\n const deductedSpaceRef = useRef<HTMLDivElement>(null);\n const dialogContentRef = useRef<HTMLDivElement>(null);\n const localBadgeRef = useRef<HTMLDivElement>(null);\n const mergedBadgeRef = useMergeRef(badgeRef, localBadgeRef);\n\n // Focus the dialog's first control on open. onDialogDidShow fires just before the content mounts,\n // so defer to the next frame.\n const handleDialogDidShow = useCallback(() => {\n requestAnimationFrame(() => {\n const firstFocusable = dialogContentRef.current?.querySelector<HTMLElement>(\n \"button, [href], input, [tabindex]:not([tabindex='-1'])\"\n );\n firstFocusable?.focus();\n });\n }, []);\n\n // Return focus to the +N badge when the dialog is dismissed with Esc. Defer to the next frame:\n // onDialogDidHide fires before the dialog content unmounts, and that teardown would otherwise\n // reset focus to <body> (the top of the page) after a synchronous focus call.\n const handleDialogDidHide = useCallback((_event: unknown, eventName: string) => {\n if (eventName !== \"esckey\") return;\n requestAnimationFrame(() => {\n const badge =\n localBadgeRef.current ??\n deductedSpaceRef.current?.querySelector<HTMLElement>('[data-testid=\"dropdown-overflow-counter\"]');\n badge?.focus();\n });\n }, []);\n\n const itemRefs = useMemo(() => selectedItems.map(() => createRef<HTMLDivElement>()), [selectedItems]);\n\n const { visibleCount, hasMeasured } = useItemsOverflow({\n containerRef,\n itemRefs,\n gap: 4,\n deductedSpaceRef,\n deductedWidth: renderInput ? INPUT_DEDUCTED_WIDTH : 0,\n minVisibleCount: selectedItems.length === 1 ? 1 : minVisibleCount\n });\n\n const { hiddenItems, hiddenCount } = useMemo(() => {\n const hiddenItems = selectedItems.length > visibleCount ? selectedItems.slice(visibleCount) : [];\n return {\n hiddenItems,\n hiddenCount: hiddenItems.length\n };\n }, [selectedItems, visibleCount]);\n\n const dialogContent = useMemo(() => {\n return () => (\n <DialogContentContainer size=\"none\">\n <Flex direction=\"column\" gap=\"xs\" align=\"start\" ref={dialogContentRef} className={styles.hiddenChipsDialog}>\n {hiddenItems.map(item => {\n return (\n <DropdownChip\n key={`dropdown-chip-dialog-${item.value}`}\n item={item}\n onDelete={() => onRemove(item)}\n className={styles.dialogChip}\n disabled={disabled}\n readOnly={readOnly}\n />\n );\n })}\n </Flex>\n </DialogContentContainer>\n );\n }, [hiddenItems, onRemove, disabled, readOnly]);\n\n const chipElements = useMemo(() => {\n return selectedItems.map((item, index) => {\n const isVisible = index < visibleCount;\n const extraProps = isVisible && getChipContainerProps ? getChipContainerProps(item, index) : {};\n const { ref: extraRef, ...extraAttrs } = extraProps;\n\n return (\n <div\n key={`dropdown-chip-visible-${item.value}`}\n ref={el => {\n (itemRefs[index] as React.MutableRefObject<HTMLDivElement | null>).current = el;\n if (typeof extraRef === \"function\") extraRef(el);\n }}\n className={cx({\n [styles.chipWrapperWithOverflow]: minVisibleCount !== undefined,\n [styles.hiddenChip]: !isVisible\n })}\n aria-hidden={!isVisible}\n data-testid={`dropdown-chip-${item.value}`}\n {...extraAttrs}\n >\n <DropdownChip\n item={item}\n onDelete={() => onRemove(item)}\n disabled={disabled}\n readOnly={readOnly}\n className={styles.visibleChip}\n />\n </div>\n );\n });\n }, [selectedItems, visibleCount, onRemove, itemRefs, disabled, readOnly, minVisibleCount, getChipContainerProps]);\n\n if (!selectedItems?.length) return null;\n\n const isSingleChip = selectedItems.length === 1;\n\n return (\n <Flex\n align=\"center\"\n wrap={false}\n gap=\"xs\"\n ref={containerRef}\n role=\"group\"\n aria-label=\"selected items\"\n className={cx(styles.containerWrapper, {\n [styles.singleChip]: isSingleChip,\n [styles.measuring]: !hasMeasured\n })}\n >\n {chipElements}\n\n <Flex gap=\"xs\" className={styles.inputAndCounterWrapper}>\n {hiddenCount > 0 && (\n <div\n ref={deductedSpaceRef}\n onClick={e => {\n e.stopPropagation();\n }}\n onKeyDown={e => {\n e.stopPropagation();\n if (e.key === \"ArrowLeft\") {\n e.preventDefault();\n (itemRefs[visibleCount - 1] as React.MutableRefObject<HTMLDivElement | null>)?.current?.focus();\n }\n }}\n onMouseDown={e => {\n e.stopPropagation();\n }}\n >\n <Dialog\n content={dialogContent}\n showTrigger={[\"click\", \"enter\"]}\n // \"enter\" is intentionally NOT a hide trigger: Enter keydown opens and the Enter keyup\n // would otherwise immediately toggle it shut. Close via Esc or click-outside instead.\n hideTrigger={[\"clickoutside\"]}\n position=\"bottom\"\n moveBy={{ main: 4 }}\n hideWhenReferenceHidden\n addKeyboardHideShowTriggersByDefault\n onDialogDidShow={handleDialogDidShow}\n onDialogDidHide={handleDialogDidHide}\n >\n <Chips\n ref={mergedBadgeRef}\n label={`+ ${hiddenCount}`}\n readOnly\n noMargin\n aria-label={`+${hiddenCount}. ${selectedItems.length - hiddenCount} items are visible out of ${\n selectedItems.length\n }`}\n data-testid=\"dropdown-overflow-counter\"\n className={styles.overflowCounter}\n onClick={() => {}}\n onMouseDown={e => {\n e.preventDefault();\n }}\n />\n </Dialog>\n </div>\n )}\n {renderInput && <div className={styles.inputWrapper}>{renderInput()}</div>}\n </Flex>\n </Flex>\n );\n}\n\nexport default MultiSelectedValues;\n"],"names":["MultiSelectedValues","_ref","selectedItems","onRemove","renderInput","disabled","readOnly","_ref$minVisibleCount","minVisibleCount","getChipContainerProps","badgeRef","containerRef","useRef","deductedSpaceRef","dialogContentRef","localBadgeRef","mergedBadgeRef","useMergeRef","handleDialogDidShow","useCallback","requestAnimationFrame","firstFocusable","_a","current","querySelector","focus","handleDialogDidHide","_event","eventName","badge","_b","itemRefs","useMemo","map","createRef","_useItemsOverflow","useItemsOverflow","gap","deductedWidth","length","visibleCount","hasMeasured","_useMemo","hiddenItems","slice","hiddenCount","dialogContent","React","DialogContentContainer","size","createElement","Flex","direction","align","ref","className","styles","hiddenChipsDialog","item","DropdownChip","key","concat","value","onDelete","dialogChip","chipElements","index","isVisible","extraProps","extraRef","extraAttrs","__rest","Object","assign","el","cx","_defineProperty","chipWrapperWithOverflow","undefined","hiddenChip","visibleChip","wrap","role","containerWrapper","singleChip","measuring","inputAndCounterWrapper","onClick","e","stopPropagation","onKeyDown","preventDefault","onMouseDown","Dialog","content","showTrigger","hideTrigger","position","moveBy","main","hideWhenReferenceHidden","addKeyboardHideShowTriggersByDefault","onDialogDidShow","onDialogDidHide","Chips","label","noMargin","overflowCounter","inputWrapper"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var e={containerWrapper:"containerWrapper_571a5308f0",singleChip:"singleChip_24d3dc73e9",measuring:"measuring_0340c5812a",hiddenChip:"hiddenChip_4055a1ee3e",inputAndCounterWrapper:"inputAndCounterWrapper_fc8e8ed0f3",inputWrapper:"inputWrapper_b9522f1ee1",chipWrapperWithOverflow:"chipWrapperWithOverflow_ac30f079d8",visibleChip:"visibleChip_650047a0f8",hiddenChipsDialog:"hiddenChipsDialog_8a3035a148",dialogChip:"dialogChip_650047a0f8"};!function(e){const n="s_id-a777ca35d111_4_5_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_571a5308f0 {\n min-width: 1px;\n flex-grow: 1;\n}\n.containerWrapper_571a5308f0.singleChip_24d3dc73e9 > div:first-child {\n min-width: 50px;\n flex-shrink: 1;\n}\n.containerWrapper_571a5308f0.singleChip_24d3dc73e9 > div:first-child div {\n max-width: 100%;\n}\n.containerWrapper_571a5308f0.measuring_0340c5812a > div:not(.hiddenChip_4055a1ee3e) {\n opacity: 0;\n}\n\n.inputAndCounterWrapper_fc8e8ed0f3 {\n flex-grow: 1;\n min-width: 0;\n}\n\n.inputWrapper_b9522f1ee1 {\n flex-grow: 1;\n}\n.inputWrapper_b9522f1ee1 input {\n width: 100%;\n}\n\n.chipWrapperWithOverflow_ac30f079d8 {\n max-width: 100%;\n flex-shrink: 0;\n}\n.chipWrapperWithOverflow_ac30f079d8 .visibleChip_650047a0f8 {\n max-width: 100%;\n}\n\n.hiddenChip_4055a1ee3e {\n position: absolute;\n visibility: hidden;\n pointer-events: none;\n z-index: -1;\n}\n\n.hiddenChipsDialog_8a3035a148 {\n max-width: 192px;\n}\n\n.dialogChip_650047a0f8 {\n max-width: 100%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=MultiSelectedValues.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={triggerWrapper:"
|
|
1
|
+
var e={triggerWrapper:"triggerWrapper_ce5b0b2c32",small:"small_afdc3e2c61",placeholderText:"placeholderText_9410ecccd2",medium:"medium_af8647b50f",large:"large_047c4cdbed",inputWrapper:"inputWrapper_6d871bb594",multiSelected:"multiSelected_591c64994a",fullWidth:"fullWidth_af196c2e89",hasSelected:"hasSelected_9003a6651c",selectedItem:"selectedItem_c670ac38c5",faded:"faded_4ddd797fbf",disabled:"disabled_4869e95406",multiWrapper:"multiWrapper_946118c89a",actionsWrapper:"actionsWrapper_339520107b",visuallyHidden:"visuallyHidden_e62263321a"};!function(e){const n="s_id-e51df68c2f8a_4_5_3";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_ce5b0b2c32 {\n flex-grow: 1;\n position: relative;\n min-width: 1px;\n display: flex;\n align-items: center;\n cursor: pointer;\n outline: none;\n}\n.triggerWrapper_ce5b0b2c32.small_afdc3e2c61 {\n min-height: 32px;\n}\n.triggerWrapper_ce5b0b2c32.small_afdc3e2c61 .placeholderText_9410ecccd2 {\n padding-inline-start: var(--space-8);\n}\n.triggerWrapper_ce5b0b2c32.medium_af8647b50f {\n min-height: 40px;\n}\n.triggerWrapper_ce5b0b2c32.large_047c4cdbed {\n min-height: 48px;\n}\n.triggerWrapper_ce5b0b2c32 .inputWrapper_6d871bb594 {\n border: none;\n width: 100%;\n background: transparent;\n}\n.triggerWrapper_ce5b0b2c32 .inputWrapper_6d871bb594.small_afdc3e2c61 {\n height: 24px;\n min-height: 24px;\n}\n.triggerWrapper_ce5b0b2c32 .inputWrapper_6d871bb594.multiSelected_591c64994a {\n width: 48px;\n flex-shrink: 0;\n padding: 0 var(--space-4);\n}\n.triggerWrapper_ce5b0b2c32 .inputWrapper_6d871bb594.multiSelected_591c64994a.fullWidth_af196c2e89 {\n width: 100%;\n flex-grow: 1;\n}\n.triggerWrapper_ce5b0b2c32 .inputWrapper_6d871bb594.hasSelected_9003a6651c {\n position: absolute;\n inset: 0;\n cursor: pointer;\n}\n.triggerWrapper_ce5b0b2c32 .selectedItem_c670ac38c5 {\n position: relative;\n pointer-events: none;\n inset: 0;\n padding-inline-start: 0;\n width: 100%;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_ce5b0b2c32 .selectedItem_c670ac38c5.small_afdc3e2c61 {\n min-height: 32px;\n height: 32px;\n}\n.triggerWrapper_ce5b0b2c32 .selectedItem_c670ac38c5.medium_af8647b50f {\n min-height: 40px;\n height: 40px;\n}\n.triggerWrapper_ce5b0b2c32 .selectedItem_c670ac38c5.large_047c4cdbed {\n min-height: 48px;\n height: 48px;\n}\n.triggerWrapper_ce5b0b2c32 .selectedItem_c670ac38c5.faded_4ddd797fbf {\n opacity: 0.6;\n}\n.triggerWrapper_ce5b0b2c32 .placeholderText_9410ecccd2 {\n padding-inline-start: var(--space-12);\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n cursor: pointer;\n color: var(--placeholder-color);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_ce5b0b2c32 .placeholderText_9410ecccd2.disabled_4869e95406 {\n color: var(--disabled-text-color);\n}\n\n.multiWrapper_946118c89a {\n padding: var(--space-4) 0 var(--space-4) var(--space-8);\n width: 100%;\n}\n\n.actionsWrapper_339520107b {\n padding: 0 var(--space-4);\n}\n\n.visuallyHidden_e62263321a {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border: 0;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=Trigger.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={h1Bold:"
|
|
1
|
+
var n={h1Bold:"h1Bold_68e70f0585",h1Medium:"h1Medium_86ba892dfd",h1Normal:"h1Normal_5faa131e1f",h1Light:"h1Light_1f60d1615b",h2Bold:"h2Bold_3d5bb61a31",h2Medium:"h2Medium_6115a41e89",h2Normal:"h2Normal_ba7c9c05ce",h2Light:"h2Light_c2ac1f362c",h3Bold:"h3Bold_526c2ccc55",h3Medium:"h3Medium_02aaa47a70",h3Normal:"h3Normal_339117effb",h3Light:"h3Light_d1a5640d7f"};!function(n){const o="s_id-6e5330892778_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_68e70f0585 {\n font: var(--font-h1-bold);\n letter-spacing: var(--letter-spacing-h1-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_86ba892dfd {\n font: var(--font-h1-medium);\n letter-spacing: var(--letter-spacing-h1-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_5faa131e1f {\n font: var(--font-h1-normal);\n letter-spacing: var(--letter-spacing-h1-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_1f60d1615b {\n font: var(--font-h1-light);\n letter-spacing: var(--letter-spacing-h1-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_3d5bb61a31 {\n font: var(--font-h2-bold);\n letter-spacing: var(--letter-spacing-h2-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_6115a41e89 {\n font: var(--font-h2-medium);\n letter-spacing: var(--letter-spacing-h2-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_ba7c9c05ce {\n font: var(--font-h2-normal);\n letter-spacing: var(--letter-spacing-h2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_c2ac1f362c {\n font: var(--font-h2-light);\n letter-spacing: var(--letter-spacing-h2-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_526c2ccc55 {\n font: var(--font-h3-bold);\n letter-spacing: var(--letter-spacing-h3-bold);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_02aaa47a70 {\n font: var(--font-h3-medium);\n letter-spacing: var(--letter-spacing-h3-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_339117effb {\n font: var(--font-h3-normal);\n letter-spacing: var(--letter-spacing-h3-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_d1a5640d7f {\n font: var(--font-h3-light);\n letter-spacing: var(--letter-spacing-h3-light);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=EditableHeading.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var t={text1Bold:"
|
|
1
|
+
var t={text1Bold:"text1Bold_fad17d6814",text1Medium:"text1Medium_7577eaa853",text1Normal:"text1Normal_10561b11f8",text2Bold:"text2Bold_748d44efda",text2Medium:"text2Medium_1e7c36f709",text2Normal:"text2Normal_877cd24538",text3Bold:"text3Bold_504cd67108",text3Medium:"text3Medium_78dc67317c",text3Normal:"text3Normal_a17c0f4589",editableText:"editableText_6f01ce9cde",typography:"typography_9d8fa4def3"};!function(t){const e="s_id-9c016e638d33_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_fad17d6814 {\n font: var(--font-text1-bold);\n}\n\n.text1Medium_7577eaa853 {\n font: var(--font-text1-medium);\n}\n\n.text1Normal_10561b11f8 {\n font: var(--font-text1-normal);\n}\n\n.text2Bold_748d44efda {\n font: var(--font-text2-bold);\n}\n\n.text2Medium_1e7c36f709 {\n font: var(--font-text2-medium);\n}\n\n.text2Normal_877cd24538 {\n font: var(--font-text2-normal);\n}\n\n.text3Bold_504cd67108 {\n font: var(--font-text3-bold);\n}\n\n.text3Medium_78dc67317c {\n font: var(--font-text3-medium);\n}\n\n.text3Normal_a17c0f4589 {\n font: var(--font-text3-normal);\n}\n\n.editableText_6f01ce9cde .typography_9d8fa4def3 {\n min-width: 56px;\n}");export{t as default};
|
|
2
2
|
//# sourceMappingURL=EditableText.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={editableTypography:"
|
|
1
|
+
var e={editableTypography:"editableTypography_4863886513",input:"input_177379888b",textarea:"textarea_91a2c206a7",typography:"typography_71a385660d",disabled:"disabled_99a969b990",hidden:"hidden_3614776077",placeholder:"placeholder_1edb002f15",multiline:"multiline_4f9dddb9d9"};!function(e){const a="s_id-639103c98382_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography_4863886513 {\n display: inline-flex;\n min-width: 0;\n max-width: 100%;\n margin-inline-start: -6px;\n overflow: hidden;\n position: relative;\n}\n.editableTypography_4863886513 .input_177379888b,\n.editableTypography_4863886513 .textarea_91a2c206a7 {\n width: var(--input-width);\n display: inline-block;\n max-width: 100%;\n min-width: 64px;\n padding: 0 var(--space-4);\n outline: none;\n border: 1px solid var(--primary-color);\n border-radius: var(--border-radius-small);\n color: var(--primary-text-color);\n background-color: transparent;\n}\n.editableTypography_4863886513 .input_177379888b:focus, .editableTypography_4863886513 .input_177379888b:active,\n.editableTypography_4863886513 .textarea_91a2c206a7:focus,\n.editableTypography_4863886513 .textarea_91a2c206a7:active {\n outline: none;\n}\n.editableTypography_4863886513 .textarea_91a2c206a7 {\n resize: none;\n overflow: hidden;\n height: var(--input-height);\n}\n.editableTypography_4863886513 .typography_71a385660d {\n border: 1px solid transparent;\n padding: 0 var(--space-4);\n border-radius: var(--border-radius-small);\n}\n.editableTypography_4863886513 .typography_71a385660d:hover:not(.disabled_99a969b990) {\n border-color: var(--ui-border-color);\n}\n.editableTypography_4863886513 .typography_71a385660d.hidden_3614776077 {\n position: absolute;\n opacity: 0;\n height: 0;\n visibility: hidden;\n white-space: pre;\n}\n.editableTypography_4863886513 .typography_71a385660d.placeholder_1edb002f15 {\n color: var(--placeholder-color);\n}\n.editableTypography_4863886513 .typography_71a385660d.multiline_4f9dddb9d9 {\n white-space: pre-wrap;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=EditableTypography.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={emptyState:"
|
|
1
|
+
var e={emptyState:"emptyState_2c7bae14c5",compact:"compact_7a72262136",content:"content_5e1b8bf9f3",title:"title_1bbd8c9a58",description:"description_1bbd8c9a58",actions:"actions_83b910b9cd"};!function(e){const t="s_id-e8e63a5fb772_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const c=document.createElement("style");c.id=t,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".emptyState_2c7bae14c5 {\n width: 100%;\n padding: var(--space-24);\n box-sizing: border-box;\n background: var(--primary-background-color);\n}\n.emptyState_2c7bae14c5.compact_7a72262136 {\n padding: var(--space-16);\n}\n.emptyState_2c7bae14c5 .content_5e1b8bf9f3 {\n width: 100%;\n text-align: center;\n}\n.emptyState_2c7bae14c5 .content_5e1b8bf9f3 .title_1bbd8c9a58 {\n max-width: 500px;\n}\n.emptyState_2c7bae14c5 .content_5e1b8bf9f3 .description_1bbd8c9a58 {\n max-width: 500px;\n}\n.emptyState_2c7bae14c5 .content_5e1b8bf9f3 .actions_83b910b9cd {\n width: 100%;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=EmptyState.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={expandCollapse:"
|
|
1
|
+
var n={expandCollapse:"expandCollapse_96f0a21448",header:"header_da231ef684","focus-visible":"focus-visible_93d0f127c5",headerContent:"headerContent_fd075fcbaa",iconComponent:"iconComponent_10976e53b5",content:"content_7a72262136",section:"section_83b910b9cd",hideBorder:"hideBorder_3178477ada",hideBorderBottom:"hideBorderBottom_b36ba07802",showBorder:"showBorder_e627c6f923",headerOpen:"headerOpen_556ee8bf90",animateIconOpen:"animateIconOpen_24614b5e57",animateIconClose:"animateIconClose_8191ac5734",leftIcon:"leftIcon_74c5ad5374"};!function(n){const e="s_id-56805b2f3dc6_4_5_3";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse_96f0a21448 {\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n align-items: center;\n color: var(--primary-text-color);\n background-color: transparent;\n box-sizing: border-box;\n border-radius: var(--border-radius-small);\n}\n\n.header_da231ef684 {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n /* inherit font & color from ancestor */\n color: inherit;\n font: inherit;\n /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n line-height: normal;\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n /* Corrects inability to style clickable `input` types in iOS */\n appearance: none;\n padding: var(--space-16);\n display: flex;\n justify-content: space-between;\n align-items: center;\n cursor: pointer;\n}\n.header_da231ef684:focus-visible, .header_da231ef684.focus-visible_93d0f127c5 {\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.header_da231ef684:focus:not(.focus-visible_93d0f127c5) {\n outline: none;\n}\n\n.header_da231ef684:hover {\n background-color: var(--primary-background-hover-color);\n}\n\n.header_da231ef684:active {\n transform: scale(1);\n}\n\n.header_da231ef684 .headerContent_fd075fcbaa {\n margin: 0;\n}\n\n.header_da231ef684 .iconComponent_10976e53b5 {\n color: var(--icon-color);\n}\n\n.content_7a72262136 {\n padding: var(--space-16);\n}\n\n.section_83b910b9cd {\n width: 100%;\n}\n\n.hideBorder_3178477ada {\n border: none;\n}\n\n.hideBorderBottom_b36ba07802 {\n border-bottom: none;\n}\n\n.showBorder_e627c6f923 {\n border: 1px solid var(--ui-border-color);\n}\n.showBorder_e627c6f923 .headerOpen_556ee8bf90 {\n border-bottom: 1px solid;\n border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_24614b5e57 {\n transform: rotate(-180deg);\n transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_8191ac5734 {\n transform: rotate(-360deg);\n transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.header_da231ef684.leftIcon_74c5ad5374 {\n justify-content: flex-start;\n gap: var(--space-8);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=ExpandCollapse.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={labelComponentWrapper:"
|
|
1
|
+
var e={labelComponentWrapper:"labelComponentWrapper_9c872d1192",labelComponentIcon:"labelComponentIcon_19e17a66bf",labelComponentText:"labelComponentText_5fa0762316",required:"required_039be09531"};!function(e){const n="s_id-c78e4bf29ce0_4_5_3";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.labelComponentWrapper_9c872d1192 {\n font: var(--font-text2-normal);\n display: flex;\n padding-bottom: var(--space-4);\n align-items: center;\n}\n\n.labelComponentIcon_19e17a66bf {\n margin: 0 var(--space-8) 0 var(--space-4);\n line-height: 24px;\n color: var(--secondary-text-color);\n}\n\n.labelComponentText_5fa0762316 {\n color: var(--primary-text-color);\n padding-block: 2px;\n}\n\n.required_039be09531 {\n color: var(--negative-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=FieldLabel.module.scss.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import e from"classnames";import t,{forwardRef as r,useMemo as a}from"react";import{formatNumberConsts as s,formatNumber as l}from"../../helpers/textManipulations.js";import{validateValue as m}from"./FormattedNumberHelpers.js";import{getTestId as o,ComponentDefaultTestId as i}from"../../tests/testIds.js";import n from"./FormattedNumber.module.scss.js";var c=r((function(r,c){var u=r.value,p=r.className,d=r.local,f=void 0===d?s.DEFAULT_LOCAL:d,N=r.prefix,v=r.suffix,E=r.emptyPlaceHolder,x=void 0===E?"N/A":E,j=r.decimalPrecision,A=void 0===j?2:j,F=r.compact,b=void 0===F||F,L=r.rtl,M=r.id,T=r["data-testid"],C=a((function(){return v?t.createElement("span",{className:e(n.suffix)},v):null}),[v]),D=a((function(){return N?t.createElement("span",{className:e(n.prefix)},N):null}),[N]),H=a((function(){return l(Number(u),{local:f,precision:A,isCompact:b})}),[u,A,f,b]);return m(u)?t.createElement("span",null,x):t.createElement("div",{ref:c,className:p,id:M,"data-testid":T||o(i.FORMATTED_NUMBER,M)},L?C:D,t.createElement("span",null,H),L?D:C)}));export{c as default};
|
|
2
|
+
//# sourceMappingURL=FormattedNumber.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormattedNumber.js","sources":["../../../../src/components/FormattedNumber/FormattedNumber.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo, forwardRef } from \"react\";\nimport { formatNumber, formatNumberConsts } from \"../../helpers/textManipulations\";\nimport { validateValue } from \"./FormattedNumberHelpers\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./FormattedNumber.module.scss\";\n\nexport interface FormattedNumberProps extends VibeComponentProps {\n /**\n * The numeric value to format.\n */\n value?: number | string;\n /**\n * The text displayed before the number.\n */\n prefix?: string;\n /**\n * The text displayed after the number.\n */\n suffix?: string;\n /**\n * The text displayed when no value is provided.\n */\n emptyPlaceHolder?: string;\n /**\n * The number of decimal places to display (0 ~ 20).\n */\n decimalPrecision?: number;\n /**\n * If true, formats the number into a compact notation.\n */\n compact?: boolean;\n /**\n * The locale used for formatting (Unicode BCP 47 locale identifier).\n */\n local?: string;\n /**\n * If true, reverses the order of the prefix and suffix.\n */\n rtl?: boolean;\n}\n\nconst FormattedNumber = forwardRef(\n (\n {\n value,\n className,\n local = formatNumberConsts.DEFAULT_LOCAL,\n prefix,\n suffix,\n emptyPlaceHolder = \"N/A\",\n decimalPrecision = 2,\n compact = true,\n rtl,\n id,\n \"data-testid\": dataTestId\n }: FormattedNumberProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const renderSuffix = useMemo(() => {\n if (!suffix) return null;\n\n return <span className={cx(styles.suffix)}>{suffix}</span>;\n }, [suffix]);\n\n const renderPrefix = useMemo(() => {\n if (!prefix) return null;\n\n return <span className={cx(styles.prefix)}>{prefix}</span>;\n }, [prefix]);\n\n const calculatedValue = useMemo(() => {\n return formatNumber(Number(value), {\n local,\n precision: decimalPrecision,\n isCompact: compact\n });\n }, [value, decimalPrecision, local, compact]);\n\n if (validateValue(value)) {\n return <span>{emptyPlaceHolder}</span>;\n }\n\n return (\n <div\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.FORMATTED_NUMBER, id)}\n >\n {rtl ? renderSuffix : renderPrefix}\n <span>{calculatedValue}</span>\n {rtl ? renderPrefix : renderSuffix}\n </div>\n );\n }\n);\n\nexport default FormattedNumber;\n"],"names":["FormattedNumber","forwardRef","_ref","ref","value","className","_ref$local","local","formatNumberConsts","DEFAULT_LOCAL","prefix","suffix","_ref$emptyPlaceHolder","emptyPlaceHolder","_ref$decimalPrecision","decimalPrecision","_ref$compact","compact","rtl","id","dataTestId","renderSuffix","useMemo","React","createElement","cx","styles","renderPrefix","calculatedValue","formatNumber","Number","precision","isCompact","validateValue","getTestId","ComponentDefaultTestId","FORMATTED_NUMBER"],"mappings":"kWA2CMA,IAAAA,EAAkBC,GACtB,SAAAC,EAcEC,GACE,IAbAC,EAAKF,EAALE,MACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,MAAAA,OAAK,IAAAD,EAAGE,EAAmBC,cAAaH,EACxCI,EAAMR,EAANQ,OACAC,EAAMT,EAANS,OAAMC,EAAAV,EACNW,iBAAAA,OAAmB,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EACxBa,iBAAAA,OAAmB,IAAHD,EAAG,EAACA,EAAAE,EAAAd,EACpBe,QAAAA,OAAU,IAAHD,GAAOA,EACdE,EAAGhB,EAAHgB,IACAC,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAIImB,EAAeC,GAAQ,WAC3B,OAAKX,EAEEY,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOf,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEgB,EAAeL,GAAQ,WAC3B,OAAKZ,EAEEa,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOhB,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEkB,EAAkBN,GAAQ,WAC9B,OAAOO,EAAaC,OAAO1B,GAAQ,CACjCG,MAAAA,EACAwB,UAAWhB,EACXiB,UAAWf,GAEd,GAAE,CAACb,EAAOW,EAAkBR,EAAOU,IAEpC,OAAIgB,EAAc7B,GACTmB,EAAAC,cAAA,OAAA,KAAOX,GAIdU,uBACEpB,IAAKA,EACLE,UAAWA,EACXc,GAAIA,EAAE,cACOC,GAAcc,EAAUC,EAAuBC,iBAAkBjB,IAE7ED,EAAMG,EAAeM,EACtBJ,EAAAC,cAAA,OAAA,KAAOI,GACNV,EAAMS,EAAeN,EAG5B"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var e={formattedNumberComponent:"formattedNumberComponent_11fbb27d0e",prefix:"prefix_8d19d05342",suffix:"suffix_8d19d05342"};!function(e){const n="s_id-d821b20045aa_4_5_3";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent_11fbb27d0e {\n display: flex;\n flex-direction: row;\n box-sizing: border-box;\n font-family: var(--font-family);\n width: 100%;\n}\n\n.prefix_8d19d05342 {\n white-space: pre;\n}\n\n.suffix_8d19d05342 {\n white-space: pre;\n}");export{e as default};
|
|
2
|
+
//# sourceMappingURL=FormattedNumber.module.scss.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormattedNumber.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
var n=function(n){var e=null==n,t="string"==typeof n&&!n.replace(" ","").length;return e||isNaN(Number(n))||t};Object.freeze({range:function(n,e){return function(t,r,c){if(n>t[r]||t[r]>e)return Error("Invalid prop ".concat(r," supplied to ").concat(c,". ").concat(r," should be between ").concat(n," to ").concat(e,"."))}}});export{n as validateValue};
|
|
2
|
+
//# sourceMappingURL=FormattedNumberHelpers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FormattedNumberHelpers.js","sources":["../../../../src/components/FormattedNumber/FormattedNumberHelpers.ts"],"sourcesContent":["export const validateValue = (value: number | string): boolean => {\n const isNullOrUndefined = value === null || value === undefined;\n const isEmptyStringWithSpaces = typeof value === \"string\" && !value.replace(\" \", \"\").length;\n return isNullOrUndefined || isNaN(Number(value)) || isEmptyStringWithSpaces;\n};\n\nconst range =\n (min: number, max: number) => (props: Record<string, number>, propName: string, componentName: string) => {\n if (props[propName] < min || props[propName] > max) {\n return new Error(\n `Invalid prop ${propName} supplied to ${componentName}. ${propName} should be between ${min} to ${max}.`\n );\n }\n };\n\nexport const customPropTypes = Object.freeze({\n range\n});\n"],"names":["validateValue","value","isNullOrUndefined","isEmptyStringWithSpaces","replace","length","isNaN","Number","Object","freeze","range","min","max","props","propName","componentName","Error","concat"],"mappings":"IAAaA,EAAgB,SAACC,GAC5B,IAAMC,EAAoBD,QACpBE,EAA2C,iBAAVF,IAAuBA,EAAMG,QAAQ,IAAK,IAAIC,OACrF,OAAOH,GAAqBI,MAAMC,OAAON,KAAWE,CACtD,EAW+BK,OAAOC,OAAO,CAC3CC,MATA,SAACC,EAAaC,GAAW,OAAK,SAACC,EAA+BC,EAAkBC,GAC9E,GAAsBJ,EAAlBE,EAAMC,IAAmBD,EAAMC,GAAYF,EAC7C,OAAWI,MAAKC,gBAAAA,OACEH,EAAQ,iBAAAG,OAAgBF,EAAa,MAAAE,OAAKH,EAAQG,uBAAAA,OAAsBN,UAAGM,OAAOL,EAAG,MAG1G"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={hiddenTextWrapper:"
|
|
1
|
+
var e={hiddenTextWrapper:"hiddenTextWrapper_06049e260a"};!function(e){const t="s_id-5ac012179a41_4_5_3";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.hiddenTextWrapper_06049e260a {\n /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n clip: rect(0, 0, 0, 0);\n clip-path: inset(50%);\n height: 1px;\n overflow: hidden;\n position: absolute;\n white-space: nowrap;\n width: 1px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=HiddenText.module.scss.js.map
|
package/dist/src/components/Info/components/InfoDialogContent/InfoDialogContent.module.scss.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={contentWrapper:"
|
|
1
|
+
var e={contentWrapper:"contentWrapper_b22be3e474",link:"link_d7c810bc7f"};!function(e){const t="s_id-646297cad054_4_5_3";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)}(".contentWrapper_b22be3e474 {\n max-width: 240px;\n}\n.contentWrapper_b22be3e474 .link_d7c810bc7f {\n margin-top: var(--space-4);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=InfoDialogContent.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={infoLink:"
|
|
1
|
+
var e={infoLink:"infoLink_b7f1a90afd"};!function(e){const t="s_id-63a4f7de1b47_4_5_3";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)}(".infoLink_b7f1a90afd {\n color: var(--primary-text-color);\n text-decoration: underline;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=InfoLink.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={infoText:"
|
|
1
|
+
var e={infoText:"infoText_fd97b7e7a8",error:"error_039be09531",success:"success_a04be81650",disabled:"disabled_4869e95406",readOnly:"readOnly_fd97b7e7a8"};!function(e){const o="s_id-05a2b3ab5fae_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+o))return;const t=document.createElement("style");t.id=o,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=e)}(".infoText_fd97b7e7a8 {\n color: var(--secondary-text-color);\n}\n.infoText_fd97b7e7a8.error_039be09531 {\n color: var(--negative-color);\n}\n.infoText_fd97b7e7a8.success_a04be81650 {\n color: var(--positive-color);\n}\n.infoText_fd97b7e7a8.disabled_4869e95406 {\n color: var(--disabled-text-color);\n}\n.infoText_fd97b7e7a8.readOnly_fd97b7e7a8 {\n color: var(--secondary-text-color);\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=InfoText.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l,{forwardRef as i,useRef as n,useState as m,useMemo as c,useCallback as p,useEffect as d}from"react";import u from"./Leg.js";import{contentColors as f}from"../../utils/colors-vars-map.js";import b from"./Label.module.scss.js";import v from"./LabelCelebrationAnimation.js";import{mapSizesToTextSize as j}from"./LabelConstants.js";import{ComponentVibeId as k}from"../../tests/constants.js";import y from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import L from"../../../components/typography/dist/Text/Text.js";import{useMergeRef as g}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as C}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var E=i((function(i,E){var h=i.className,x=i.labelClassName,A=i.kind,N=void 0===A?"fill":A,P=i.color,T=void 0===P?"primary":P,B=i.text,
|
|
1
|
+
import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{camelCase as r}from"es-toolkit";import o from"classnames";import{getTestId as a,ComponentDefaultTestId as s}from"../../tests/testIds.js";import l,{forwardRef as i,useRef as n,useState as m,useMemo as c,useCallback as p,useEffect as d}from"react";import u from"./Leg.js";import{contentColors as f}from"../../utils/colors-vars-map.js";import b from"./Label.module.scss.js";import v from"./LabelCelebrationAnimation.js";import{mapSizesToTextSize as j}from"./LabelConstants.js";import{ComponentVibeId as k}from"../../tests/constants.js";import y from"../../../components/clickable/dist/useClickableProps/useClickableProps.js";import L from"../../../components/typography/dist/Text/Text.js";import{useMergeRef as g}from"../../../shared/dist/hooks/useMergeRef.js";import{getStyle as C}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var E=i((function(i,E){var h=i.className,x=i.labelClassName,A=i.kind,N=void 0===A?"fill":A,P=i.color,T=void 0===P?"primary":P,B=i.text,H=void 0===B?"":B,I=i.isLegIncluded,M=void 0!==I&&I,W=i.id,_=i["data-testid"],w=i.onClick,z=i.celebrationAnimation,D=i.size,O=void 0===D?"medium":D,R=n(null),q=g(E,R),F=m(z),G=e(F,2),J=G[0],K=G[1],Q=!!w,S=c((function(){return o(b.label,C(b,r("kind-"+N)),C(b,r("color-"+T)),t(t(t({},b.withLeg,M),b.clickable,Q),b.small,"small"===O),x)}),[N,T,M,x,Q,O]),U=c((function(){if(f.includes(T))return"line"===N?{color:"var(--color-".concat(T,")")}:{backgroundColor:"var(--color-".concat(T,")")}}),[T,N]),V=p((function(e){w&&(e.preventDefault(),w(e))}),[w]),X=y({onClick:V,id:W,"aria-hidden":!1,"aria-haspopup":!1,"aria-expanded":!1},R);d((function(){K(z)}),[z]);var Y=c((function(){return l.createElement("span",Object.assign({},Q&&X,{className:o(t({},b.clickableWrapper,Q),h),"data-testid":_||a(s.LABEL,W),"data-vibe":k.LABEL,ref:q}),l.createElement(L,{style:U,element:"span",type:j[O],className:S,color:"primary","data-celebration-text":J},l.createElement(L,{element:"span",type:j[O],color:"inherit",className:o(t({},b.smallText,"small"===O))},H),l.createElement("span",{className:o(b.legWrapper)},M?l.createElement(u,null):null)))}),[Q,X,h,_,W,q,S,J,H,M,O,U,N,T]);return J&&"line"===N?l.createElement(v,{onAnimationEnd:function(){return K(!1)}},Y):Y}));export{E as default};
|
|
2
2
|
//# sourceMappingURL=Label.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\n\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { mapSizesToTextSize } from \"./LabelConstants\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n /**\n * Class name applied to the inner text wrapper.\n */\n labelClassName?: string;\n /**\n * The visual style of the label.\n */\n kind?: LabelKind;\n /**\n * The background color of the label.\n */\n color?: LabelColor;\n /**\n * The text content of the label.\n */\n text?: string;\n /**\n * If true, includes a leg (decorative extension).\n */\n isLegIncluded?: boolean;\n /**\n * Callback fired when the label is clicked.\n */\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /**\n * If true, triggers a celebration animation.\n */\n celebrationAnimation?: boolean;\n /**\n * The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n if (kind === \"line\") {\n return { color: `var(--color-${color})` };\n }\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color, kind]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n \"aria-hidden\": false,\n \"aria-haspopup\": false,\n \"aria-expanded\": false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.LABEL, id)}\n data-vibe={ComponentVibeId.LABEL}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color
|
|
1
|
+
{"version":3,"file":"Label.js","sources":["../../../../src/components/Label/Label.tsx"],"sourcesContent":["import { camelCase } from \"es-toolkit\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { getStyle, useMergeRef } from \"@vibe/shared\";\nimport React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { Text } from \"@vibe/typography\";\nimport Leg from \"./Leg\";\nimport { type LabelColor, type LabelKind, type ContentColor } from \"./Label.types\";\nimport { contentColors } from \"../../utils/colors-vars-map\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { useClickableProps } from \"@vibe/clickable\";\n\nimport styles from \"./Label.module.scss\";\nimport LabelCelebrationAnimation from \"./LabelCelebrationAnimation\";\nimport { type LabelSizes } from \"./Label.types\";\nimport { mapSizesToTextSize } from \"./LabelConstants\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface LabelProps extends VibeComponentProps {\n /**\n * Class name applied to the inner text wrapper.\n */\n labelClassName?: string;\n /**\n * The visual style of the label.\n */\n kind?: LabelKind;\n /**\n * The background color of the label.\n */\n color?: LabelColor;\n /**\n * The text content of the label.\n */\n text?: string;\n /**\n * If true, includes a leg (decorative extension).\n */\n isLegIncluded?: boolean;\n /**\n * Callback fired when the label is clicked.\n */\n onClick?: (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;\n /**\n * If true, triggers a celebration animation.\n */\n celebrationAnimation?: boolean;\n /**\n * The size of the label.\n */\n size?: LabelSizes;\n}\n\nconst Label = forwardRef<HTMLElement, LabelProps>(\n (\n {\n className,\n labelClassName,\n kind = \"fill\",\n color = \"primary\",\n text = \"\",\n isLegIncluded = false,\n id,\n \"data-testid\": dataTestId,\n onClick,\n celebrationAnimation,\n size = \"medium\"\n }: LabelProps,\n ref\n ) => {\n const labelRef = useRef<HTMLSpanElement>(null);\n const mergedRef = useMergeRef(ref, labelRef);\n const [isCelebrationAnimation, setIsCelebrationAnimation] = useState(celebrationAnimation);\n\n const isClickable = Boolean(onClick);\n\n const classNames = useMemo(\n () =>\n cx(\n styles.label,\n getStyle(styles, camelCase(\"kind\" + \"-\" + kind)),\n getStyle(styles, camelCase(\"color\" + \"-\" + color)),\n {\n [styles.withLeg]: isLegIncluded,\n [styles.clickable]: isClickable,\n [styles.small]: size === \"small\"\n },\n labelClassName\n ),\n [kind, color, isLegIncluded, labelClassName, isClickable, size]\n );\n\n const backgroundColorStyle = useMemo(() => {\n if (contentColors.includes(color as ContentColor)) {\n if (kind === \"line\") {\n return { color: `var(--color-${color})` };\n }\n return { backgroundColor: `var(--color-${color})` };\n }\n }, [color, kind]);\n\n const onClickCallback = useCallback(\n (event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => {\n if (onClick) {\n event.preventDefault();\n onClick(event);\n }\n },\n [onClick]\n );\n\n const clickableProps = useClickableProps(\n {\n onClick: onClickCallback,\n id,\n \"aria-hidden\": false,\n \"aria-haspopup\": false,\n \"aria-expanded\": false\n },\n labelRef\n );\n\n useEffect(() => {\n setIsCelebrationAnimation(celebrationAnimation);\n }, [celebrationAnimation]);\n\n const label = useMemo(() => {\n return (\n <span\n {...(isClickable && clickableProps)}\n className={cx({ [styles.clickableWrapper]: isClickable }, className)}\n data-testid={dataTestId || getTestId(ComponentDefaultTestId.LABEL, id)}\n data-vibe={ComponentVibeId.LABEL}\n ref={mergedRef}\n >\n <Text\n style={backgroundColorStyle}\n element=\"span\"\n type={mapSizesToTextSize[size]}\n className={classNames}\n color=\"primary\"\n data-celebration-text={isCelebrationAnimation}\n >\n <Text\n element=\"span\"\n type={mapSizesToTextSize[size]}\n color=\"inherit\"\n className={cx({ [styles.smallText]: size === \"small\" })}\n >\n {text}\n </Text>\n <span className={cx(styles.legWrapper)}>{isLegIncluded ? <Leg /> : null}</span>\n </Text>\n </span>\n );\n }, [\n isClickable,\n clickableProps,\n className,\n dataTestId,\n id,\n mergedRef,\n classNames,\n isCelebrationAnimation,\n text,\n isLegIncluded,\n size,\n backgroundColorStyle,\n kind,\n color\n ]);\n\n // Celebration animation is applied only for line kind\n if (isCelebrationAnimation && kind === \"line\") {\n return (\n <LabelCelebrationAnimation onAnimationEnd={() => setIsCelebrationAnimation(false)}>\n {label}\n </LabelCelebrationAnimation>\n );\n }\n\n return label;\n }\n);\n\nexport default Label;\n"],"names":["Label","forwardRef","_ref","ref","className","labelClassName","_ref$kind","kind","_ref$color","color","_ref$text","text","_ref$isLegIncluded","isLegIncluded","id","dataTestId","onClick","celebrationAnimation","_ref$size","size","labelRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isCelebrationAnimation","setIsCelebrationAnimation","isClickable","classNames","useMemo","cx","styles","label","getStyle","camelCase","_defineProperty","withLeg","clickable","small","backgroundColorStyle","contentColors","includes","concat","backgroundColor","onClickCallback","useCallback","event","preventDefault","clickableProps","useClickableProps","useEffect","React","createElement","Object","assign","clickableWrapper","getTestId","ComponentDefaultTestId","LABEL","ComponentVibeId","Text","style","element","type","mapSizesToTextSize","smallText","legWrapper","Leg","LabelCelebrationAnimation","onAnimationEnd"],"mappings":"m7BAqDMA,IAAAA,EAAQC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eAAcC,EAAAJ,EACdK,KAAAA,OAAO,IAAHD,EAAG,OAAMA,EAAAE,EAAAN,EACbO,MAAAA,OAAQ,IAAHD,EAAG,UAASA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EACTW,cAAAA,OAAgB,IAAHD,GAAQA,EACrBE,EAAEZ,EAAFY,GACeC,EAAUb,EAAzB,eACAc,EAAOd,EAAPc,QACAC,EAAoBf,EAApBe,qBAAoBC,EAAAhB,EACpBiB,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAIXE,EAAWC,EAAwB,MACnCC,EAAYC,EAAYpB,EAAKiB,GACnCI,EAA4DC,EAASR,GAAqBS,EAAAC,EAAAH,EAAA,GAAnFI,EAAsBF,EAAA,GAAEG,EAAyBH,EAAA,GAElDI,IAAsBd,EAEtBe,EAAaC,GACjB,WAAA,OACEC,EACEC,EAAOC,MACPC,EAASF,EAAQG,EAAU,QAAe9B,IAC1C6B,EAASF,EAAQG,EAAU,SAAgB5B,IAAO6B,EAAAA,EAAAA,EAAA,CAAA,EAE/CJ,EAAOK,QAAU1B,GACjBqB,EAAOM,UAAYV,GACnBI,EAAOO,MAAiB,UAATtB,GAElBd,EACD,GACH,CAACE,EAAME,EAAOI,EAAeR,EAAgByB,EAAaX,IAGtDuB,EAAuBV,GAAQ,WACnC,GAAIW,EAAcC,SAASnC,GACzB,MAAa,SAATF,EACK,CAAEE,MAAK,eAAAoC,OAAiBpC,EAAK,MAE/B,CAAEqC,gBAAe,eAAAD,OAAiBpC,EAAK,KAElD,GAAG,CAACA,EAAOF,IAELwC,EAAkBC,GACtB,SAACC,GACKjC,IACFiC,EAAMC,iBACNlC,EAAQiC,GAEZ,GACA,CAACjC,IAGGmC,EAAiBC,EACrB,CACEpC,QAAS+B,EACTjC,GAAAA,EACA,eAAe,EACf,iBAAiB,EACjB,iBAAiB,GAEnBM,GAGFiC,GAAU,WACRxB,EAA0BZ,EAC5B,GAAG,CAACA,IAEJ,IAAMkB,EAAQH,GAAQ,WACpB,OACEsB,EACMC,cAAA,OAAAC,OAAAC,OAAA,CAAA,EAAC3B,GAAeqB,EACpB,CAAA/C,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOwB,iBAAmB5B,GAAe1B,GAC7C,cAAAW,GAAc4C,EAAUC,EAAuBC,MAAO/C,eACxDgD,EAAgBD,MAC3B1D,IAAKmB,IAELgC,EAACC,cAAAQ,EACC,CAAAC,MAAOtB,EACPuB,QAAQ,OACRC,KAAMC,EAAmBhD,GACzBf,UAAW2B,EACXtB,MAAM,UAAS,wBACQmB,GAEvB0B,EAAAC,cAACQ,EAAI,CACHE,QAAQ,OACRC,KAAMC,EAAmBhD,GACzBV,MAAM,UACNL,UAAW6B,EAAEK,EAAIJ,CAAAA,EAAAA,EAAOkC,UAAqB,UAATjD,KAEnCR,GAEH2C,EAAMC,cAAA,OAAA,CAAAnD,UAAW6B,EAAGC,EAAOmC,aAAcxD,EAAgByC,EAACC,cAAAe,EAAM,MAAG,OAI3E,GAAG,CACDxC,EACAqB,EACA/C,EACAW,EACAD,EACAQ,EACAS,EACAH,EACAjB,EACAE,EACAM,EACAuB,EACAnC,EACAE,IAIF,OAAImB,GAAmC,SAATrB,EAE1B+C,EAACC,cAAAgB,EAA0B,CAAAC,eAAgB,WAAA,OAAM3C,GAA0B,EAAM,GAC9EM,GAKAA,CACT"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var
|
|
1
|
+
var n={clickableWrapper:"clickableWrapper_796f490116","focus-visible":"focus-visible_93d0f127c5",label:"label_32ec64cdef",small:"small_f629e47bce",withLeg:"withLeg_634b0f93a3",legWrapper:"legWrapper_22da106062",kindFill:"kindFill_72261d45db",colorPrimary:"colorPrimary_02eb6d4234",clickable:"clickable_3884d03f49",colorDark:"colorDark_67ef539616",colorNegative:"colorNegative_dbb2a6f4fb",colorPositive:"colorPositive_3ddbba545f",smallText:"smallText_41453f2d42",kindLine:"kindLine_f8c869a3e3"};!function(n){const e="s_id-e40d4206ac6e_4_5_3";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,l.firstChild?l.insertBefore(i,l.firstChild):l.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.clickableWrapper_796f490116 {\n cursor: pointer;\n}\n.clickableWrapper_796f490116:focus-visible, .clickableWrapper_796f490116.focus-visible_93d0f127c5 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_796f490116:focus:not(.focus-visible_93d0f127c5) {\n outline: none;\n}\n.clickableWrapper_796f490116:active {\n transform: scale(0.95) translate3d(0, 0, 0);\n transition: var(--motion-productive-short) transform;\n}\n\n.label_32ec64cdef {\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n border-radius: 4px;\n padding: 2px var(--spacing-small);\n position: relative;\n}\n.label_32ec64cdef.small_f629e47bce {\n padding: 2px var(--spacing-xs);\n border-radius: 4px;\n}\n\n.withLeg_634b0f93a3 {\n border-radius: 4px 4px 4px 0;\n}\n\n.legWrapper_22da106062 {\n position: absolute;\n height: 8px;\n top: 100%;\n left: 0;\n display: inline-flex;\n}\n\n.kindFill_72261d45db {\n border: none;\n background-color: transparent;\n padding: 2px var(--spacing-small);\n}\n.kindFill_72261d45db.small_f629e47bce {\n padding: 2px var(--spacing-xs);\n}\n.kindFill_72261d45db.colorPrimary_02eb6d4234 {\n background-color: rgba(204, 228, 255, 0.7); /* #CCE4FF @ 70% */\n color: #0073ea;\n}\n.kindFill_72261d45db.colorPrimary_02eb6d4234 svg path {\n fill: rgba(204, 228, 255, 0.7);\n}\n.kindFill_72261d45db.colorPrimary_02eb6d4234.clickable_3884d03f49:hover, .kindFill_72261d45db.colorPrimary_02eb6d4234.clickable_3884d03f49:active {\n background-color: #cce4ff;\n}\n.kindFill_72261d45db.colorDark_67ef539616 {\n background-color: rgba(231, 233, 239, 0.7); /* #E7E9EF @ 70% */\n color: var(--secondary-text-color);\n}\n.kindFill_72261d45db.colorDark_67ef539616 svg path {\n fill: rgba(231, 233, 239, 0.7);\n}\n.kindFill_72261d45db.colorDark_67ef539616.clickable_3884d03f49:hover, .kindFill_72261d45db.colorDark_67ef539616.clickable_3884d03f49:active {\n background-color: #e7e9ef;\n}\n.kindFill_72261d45db.colorNegative_dbb2a6f4fb {\n background-color: rgba(244, 195, 203, 0.7); /* #F4C3CB @ 70% */\n color: var(--negative-color);\n}\n.kindFill_72261d45db.colorNegative_dbb2a6f4fb svg path {\n fill: rgba(244, 195, 203, 0.7);\n}\n.kindFill_72261d45db.colorNegative_dbb2a6f4fb.clickable_3884d03f49:hover, .kindFill_72261d45db.colorNegative_dbb2a6f4fb.clickable_3884d03f49:active {\n background-color: #f4c3cb;\n}\n.kindFill_72261d45db.colorPositive_3ddbba545f {\n background-color: rgba(187, 219, 201, 0.7); /* #BBDBC9 @ 70% */\n color: var(--positive-color);\n}\n.kindFill_72261d45db.colorPositive_3ddbba545f svg path {\n fill: rgba(187, 219, 201, 0.7);\n}\n.kindFill_72261d45db.colorPositive_3ddbba545f.clickable_3884d03f49:hover, .kindFill_72261d45db.colorPositive_3ddbba545f.clickable_3884d03f49:active {\n background-color: #bbdbc9;\n}\n.kindFill_72261d45db .smallText_41453f2d42 {\n line-height: 14px;\n}\n\n.kindLine_f8c869a3e3 {\n border: 1px solid currentColor;\n padding: 1px var(--spacing-small);\n}\n.kindLine_f8c869a3e3.small_f629e47bce {\n padding: 0 var(--spacing-xs);\n}\n.kindLine_f8c869a3e3 .legWrapper_22da106062 {\n left: -1px;\n top: calc(100% + 1px);\n}\n.kindLine_f8c869a3e3.colorPrimary_02eb6d4234 {\n color: var(--primary-color);\n}\n.kindLine_f8c869a3e3.colorPrimary_02eb6d4234 svg path {\n fill: var(--primary-color);\n}\n.kindLine_f8c869a3e3.colorPrimary_02eb6d4234.clickable_3884d03f49:hover, .kindLine_f8c869a3e3.colorPrimary_02eb6d4234.clickable_3884d03f49:active {\n background-color: var(--primary-background-hover-color);\n}\n.kindLine_f8c869a3e3.colorDark_67ef539616 {\n color: var(--primary-text-color);\n}\n.kindLine_f8c869a3e3.colorDark_67ef539616 svg path {\n fill: var(--primary-text-color);\n}\n.kindLine_f8c869a3e3.colorDark_67ef539616.clickable_3884d03f49:hover, .kindLine_f8c869a3e3.colorDark_67ef539616.clickable_3884d03f49:active {\n background-color: var(--primary-background-hover-color);\n}\n.kindLine_f8c869a3e3.colorNegative_dbb2a6f4fb {\n color: var(--negative-color);\n}\n.kindLine_f8c869a3e3.colorNegative_dbb2a6f4fb svg path {\n fill: var(--negative-color);\n}\n.kindLine_f8c869a3e3.colorNegative_dbb2a6f4fb.clickable_3884d03f49:hover, .kindLine_f8c869a3e3.colorNegative_dbb2a6f4fb.clickable_3884d03f49:active {\n background-color: var(--negative-color-selected);\n}\n.kindLine_f8c869a3e3.colorPositive_3ddbba545f {\n color: var(--positive-color);\n}\n.kindLine_f8c869a3e3.colorPositive_3ddbba545f svg path {\n fill: var(--positive-color);\n}\n.kindLine_f8c869a3e3.colorPositive_3ddbba545f.clickable_3884d03f49:hover, .kindLine_f8c869a3e3.colorPositive_3ddbba545f.clickable_3884d03f49:active {\n background-color: var(--positive-color-selected);\n}\n.kindLine_f8c869a3e3 .smallText_41453f2d42 {\n line-height: 14px;\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Label.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={celebration:"
|
|
1
|
+
var e={celebration:"celebration_df7394f61a",svg:"svg_22a19c38e1",stroke:"stroke_faf45d169c","stroke-rotate":"stroke-rotate_14159ea2e4",base:"base_86ead8224a",fade:"fade_95db1a5055",first:"first_f1b6bdb40f",second:"second_6117305df2",third:"third_71a80f77a5","gradient-text-fill":"gradient-text-fill_cc6ae6924a"};!function(e){const n="s_id-f81803454b25_4_5_3";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_df7394f61a {\n --container-perimeter: 840;\n position: relative;\n}\n.celebration_df7394f61a .svg_22a19c38e1 {\n position: absolute;\n top: 0;\n inset-inline-start: 0;\n height: 100%;\n width: 100%;\n}\n.celebration_df7394f61a .svg_22a19c38e1 .stroke_faf45d169c {\n fill: none;\n stroke-width: 1;\n stroke-linecap: round;\n stroke-linejoin: round;\n animation: stroke-rotate_14159ea2e4 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n stroke-dasharray: var(--container-perimeter);\n stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_df7394f61a .svg_22a19c38e1 .stroke_faf45d169c.base_86ead8224a {\n stroke: var(--color-egg_yolk);\n animation: fade_95db1a5055 200ms linear forwards;\n animation-delay: 80ms;\n stroke-dasharray: 0;\n stroke-dashoffset: 0;\n opacity: 0;\n}\n.celebration_df7394f61a .svg_22a19c38e1 .stroke_faf45d169c.first_f1b6bdb40f {\n stroke: var(--color-done-green);\n animation-delay: 80ms;\n animation-duration: 320ms;\n}\n.celebration_df7394f61a .svg_22a19c38e1 .stroke_faf45d169c.second_6117305df2 {\n stroke: var(--color-stuck-red);\n animation-delay: 200ms;\n animation-duration: 320ms;\n}\n.celebration_df7394f61a .svg_22a19c38e1 .stroke_faf45d169c.third_71a80f77a5 {\n stroke: var(--primary-color);\n animation-delay: 360ms;\n animation-duration: 320ms;\n}\n.celebration_df7394f61a.celebration_df7394f61a [data-celebration-text] {\n background-size: 300% 100%;\n background-repeat: no-repeat;\n background-clip: text;\n -webkit-background-clip: text;\n color: transparent;\n animation: gradient-text-fill_cc6ae6924a 680ms linear forwards;\n background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n\n@keyframes fade_95db1a5055 {\n from {\n opacity: 0;\n }\n to {\n opacity: 1;\n }\n}\n@keyframes stroke-rotate_14159ea2e4 {\n to {\n stroke-dashoffset: 0;\n }\n}\n@keyframes gradient-text-fill_cc6ae6924a {\n from {\n background-position: 150% 0;\n }\n to {\n background-position: 0% 0;\n }\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var n={link:"
|
|
1
|
+
var n={link:"link_12a90de98e","focus-visible":"focus-visible_93d0f127c5",colorOnPrimary:"colorOnPrimary_8d60101627",colorOnInverted:"colorOnInverted_0da25b4b66",text:"text_5ddbc98ab8",inlineText:"inlineText_d780985d6b",inheritFontSize:"inheritFontSize_69e9351132",iconStart:"iconStart_e3b34947ce",iconEnd:"iconEnd_0303c2487d"};!function(n){const e="s_id-c2cddf2190ae_4_5_3";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.link_12a90de98e {\n display: flex;\n align-items: center;\n color: var(--link-color);\n font: var(--font-text2-normal);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n text-decoration: none;\n writing-mode: horizontal-tb;\n}\n.link_12a90de98e:focus-visible, .link_12a90de98e.focus-visible_93d0f127c5 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_12a90de98e:focus:not(.focus-visible_93d0f127c5) {\n outline: none;\n}\n.link_12a90de98e.colorOnPrimary_8d60101627 {\n color: var(--text-color-on-primary);\n}\n.link_12a90de98e.colorOnInverted_0da25b4b66 {\n color: var(--text-color-on-inverted);\n}\n\n.link_12a90de98e:hover .text_5ddbc98ab8 {\n text-decoration: underline;\n color: inherit;\n}\n\n.link_12a90de98e.inlineText_d780985d6b {\n display: inline-flex;\n align-items: unset;\n}\n\n.link_12a90de98e.inheritFontSize_69e9351132 {\n font-size: inherit;\n line-height: inherit;\n}\n\n.iconStart_e3b34947ce {\n line-height: 24px;\n margin-inline-end: var(--space-4);\n}\n\n.iconEnd_0303c2487d {\n line-height: 24px;\n margin-inline-start: var(--space-4);\n}");export{n as default};
|
|
2
2
|
//# sourceMappingURL=Link.module.scss.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var e={list:"
|
|
1
|
+
var e={list:"list_149208303a"};!function(e){const t="s_id-ed9bf484fec4_4_5_3";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n/* stylelint-disable */\n/* stylelint-enable */\n.list_149208303a {\n margin: 0;\n padding: 0;\n overflow: auto;\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_149208303a::-webkit-scrollbar {\n width: 4px;\n height: 6px;\n}\n.list_149208303a::-webkit-scrollbar-thumb {\n background-color: var(--ui-border-color);\n border-radius: 4px;\n}");export{e as default};
|
|
2
2
|
//# sourceMappingURL=List.module.scss.js.map
|