@heliux-org/design-system-core 0.0.34 → 0.0.35
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/TopNavigationBar.js +1 -1
- package/dist/TopNavigationBar.js.map +1 -1
- package/dist/components/TopNavigationBar/TopNavigationBar.js +5 -5
- package/dist/components/TopNavigationBar/TopNavigationBar.js.map +1 -1
- package/dist/components/Uploader/Uploader.js +145 -0
- package/dist/components/Uploader/Uploader.js.map +1 -0
- package/dist/components/Uploader/index.js +18 -0
- package/dist/components/Uploader/index.js.map +1 -0
- package/dist/components/index.js +4 -1
- package/dist/components/index.js.map +1 -1
- package/dist/esm/components/TopNavigationBar/TopNavigationBar.d.ts +1 -1
- package/dist/esm/components/TopNavigationBar/TopNavigationBar.d.ts.map +1 -1
- package/dist/esm/components/Uploader/Uploader.d.ts +35 -0
- package/dist/esm/components/Uploader/Uploader.d.ts.map +1 -0
- package/dist/esm/components/Uploader/index.d.ts +2 -0
- package/dist/esm/components/Uploader/index.d.ts.map +1 -0
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/esm/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/esm/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/esm/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/esm/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/esm/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/esm/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/esm/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/esm/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/esm/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/esm/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/esm/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/esm/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/esm/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/esm/src/components/Box/Box.module.scss.js +1 -1
- package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/esm/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/esm/src/components/Button/Button.module.scss.js +1 -1
- package/dist/esm/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/esm/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/esm/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/esm/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/esm/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/esm/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/esm/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/esm/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/esm/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/esm/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/esm/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/esm/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/esm/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/esm/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/esm/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/esm/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/esm/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/esm/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/esm/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/esm/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/esm/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/esm/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/esm/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/esm/src/components/EditableInput/EditableInput.module.scss.js +1 -1
- package/dist/esm/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/esm/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/esm/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/esm/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/esm/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/esm/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/esm/src/components/HeaderActions/HeaderActions.module.scss.js +1 -1
- package/dist/esm/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/esm/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/esm/src/components/Icon/Icon.module.scss.js +1 -1
- package/dist/esm/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/esm/src/components/InlineEdit/InlineEdit.module.scss.js +1 -1
- package/dist/esm/src/components/Label/Label.module.scss.js +1 -1
- package/dist/esm/src/components/LegacyEditableHeading/LegacyEditableHeading.module.scss.js +1 -1
- package/dist/esm/src/components/LegacyHeading/LegacyHeading.module.scss.js +1 -1
- package/dist/esm/src/components/Link/Link.module.scss.js +1 -1
- package/dist/esm/src/components/List/List.module.scss.js +1 -1
- package/dist/esm/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/esm/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/esm/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/esm/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/esm/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/esm/src/components/Loader/Loader.module.scss.js +1 -1
- package/dist/esm/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/esm/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/esm/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/esm/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/esm/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/esm/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/esm/src/components/Modal/Modal.module.scss.js +1 -1
- package/dist/esm/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
- package/dist/esm/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/esm/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/esm/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/esm/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/esm/src/components/NumericField/NumericField.module.scss.js +1 -1
- package/dist/esm/src/components/PageHeader/PageHeader.module.scss.js +1 -1
- package/dist/esm/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/esm/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/esm/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/esm/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/esm/src/components/ResponsiveList/ResponsiveList.module.scss.js +1 -1
- package/dist/esm/src/components/Search/Search.module.scss.js +1 -1
- package/dist/esm/src/components/SectionHeader/SectionHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Sidebar/Sidebar.module.scss.js +1 -1
- package/dist/esm/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/esm/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/esm/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/esm/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/esm/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/esm/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/esm/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/esm/src/components/Table/TableHeader.module.scss.js +1 -1
- package/dist/esm/src/components/Table/styling/column-filter.scss.js +1 -1
- package/dist/esm/src/components/Table/styling/paginator.scss.js +1 -1
- package/dist/esm/src/components/Table/styling/table_base.scss.js +1 -1
- package/dist/esm/src/components/Table/table.scss.js +1 -1
- package/dist/esm/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/esm/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/esm/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/esm/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/esm/src/components/Tags/Tags.module.scss.js +1 -1
- package/dist/esm/src/components/Text/Text.module.scss.js +1 -1
- package/dist/esm/src/components/TextAreaField/TextAreaField.module.scss.js +1 -1
- package/dist/esm/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/esm/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/esm/src/components/Timeline/Timeline/Timeline.module.scss.js +1 -1
- package/dist/esm/src/components/Timeline/TimelineRow/TimelineRow.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/esm/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/esm/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/esm/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/esm/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/esm/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/esm/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/esm/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/esm/src/components/TopNavigationBar/TopNavigationBar.js +1 -1
- package/dist/esm/src/components/TopNavigationBar/TopNavigationBar.js.map +1 -1
- package/dist/esm/src/components/TopNavigationBar/TopNavigationBar.module.scss.js +1 -1
- package/dist/esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js +1 -1
- package/dist/esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/TreeFile/TreeFile.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/TreeFolder/TreeFolder.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/TreeStatusIcon/TreeStatusIcon.scss.js +1 -1
- package/dist/esm/src/components/Tree/components/expand/expand.scss.js +1 -1
- package/dist/esm/src/components/Typography/Typography.module.scss.js +1 -1
- package/dist/esm/src/components/Uploader/Uploader.js +2 -0
- package/dist/esm/src/components/Uploader/Uploader.js.map +1 -0
- package/dist/esm/src/components/Uploader/Uploader.scss.js +2 -0
- package/dist/esm/src/components/Uploader/Uploader.scss.js.map +1 -0
- package/dist/esm/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/esm/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/esm/src/components/Workflow/workflow.scss.js +1 -1
- package/dist/esm/src/index.js +1 -1
- package/dist/esm/style/dist/index.min.css.js +1 -1
- package/dist/main.css +1 -0
- package/dist/main.css.map +1 -1
- package/dist/main.js +1 -1
- package/dist/main.js.map +1 -1
- package/dist/mocked_classnames_esm/components/TopNavigationBar/TopNavigationBar.d.ts +1 -1
- package/dist/mocked_classnames_esm/components/TopNavigationBar/TopNavigationBar.d.ts.map +1 -1
- package/dist/mocked_classnames_esm/components/Uploader/Uploader.d.ts +35 -0
- package/dist/mocked_classnames_esm/components/Uploader/Uploader.d.ts.map +1 -0
- package/dist/mocked_classnames_esm/components/Uploader/index.d.ts +2 -0
- package/dist/mocked_classnames_esm/components/Uploader/index.d.ts.map +1 -0
- package/dist/mocked_classnames_esm/components/index.d.ts +1 -0
- package/dist/mocked_classnames_esm/components/index.d.ts.map +1 -1
- package/dist/mocked_classnames_esm/src/components/Accordion/Accordion/Accordion.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBanner.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerButton/AlertBannerButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerLink/AlertBannerLink.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AlertBanner/AlertBannerText/AlertBannerText.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AttentionBox/AttentionBox.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AttentionBox/AttentionBoxLink/AttentionBoxLink.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Avatar/Avatar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Avatar/AvatarBadge.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Avatar/AvatarContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroup.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounter.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/AvatarGroup/AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Badge/Badge.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Badge/Indicator/Indicator.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Box/Box.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/BreadcrumbsBar/BreadcrumbsBar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Button/Button.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ButtonGroup/ButtonGroup.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Checkbox/Checkbox.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Clickable/Clickable.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ColorPicker/ColorPicker.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerClearButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerContent/ColorPickerColorsGrid.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Combobox/Combobox.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Combobox/ComboboxHelpers/ComboboxHelpers.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxCategory/ComboboxCategory.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxItems/ComboboxItems.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Combobox/components/ComboboxOption/ComboboxOption.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Combobox/components/StickyCategoryHeader/StickyCategoryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Counter/Counter.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/DatePicker/DateNavigationItem/DateNavigationItem.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/DatePicker/DatePicker.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/DatePicker/DatePickerHeader/DatePickerHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/DatePicker/YearPicker/YearPicker.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dialog/Dialog.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dialog/DialogContent/DialogContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/DialogContentContainer/DialogContentContainer.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Divider/Divider.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/Dropdown.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/components/menu/menu.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/components/option/option.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Dropdown/components/singleValue/singleValue.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/EditableHeading/EditableHeading.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/EditableInput/EditableInput.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/EditableText/EditableText.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/EditableTypography/EditableTypography.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ExpandCollapse/ExpandCollapse.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/FieldLabel/FieldLabel.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Flex/Flex.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/FormattedNumber/FormattedNumber.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/HeaderActions/HeaderActions.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Heading/Heading.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/HiddenText/HiddenText.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Icon/Icon.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/IconButton/IconButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/InlineEdit/InlineEdit.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Label/Label.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/LegacyEditableHeading/LegacyEditableHeading.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/LegacyHeading/LegacyHeading.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Link/Link.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/List/List.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ListItem/ListItem.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ListItemAvatar/ListItemAvatar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ListItemIcon/ListItemIcon.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ListTitle/ListTitle.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Loader/Loader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Menu/Menu/Menu.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Menu/MenuDivider/MenuDivider.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Menu/MenuItem/MenuItem.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Menu/MenuItemButton/MenuItemButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Menu/MenuTitle/MenuTitle.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/MenuButton/MenuButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Modal/Modal.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Modal/ModalContent/ModalContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Modal/ModalFooter/ModalFooter.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Modal/ModalHeader/ModalHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/MultiStepIndicator/MultiStepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/NumericField/NumericField.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/PageHeader/PageHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/RadioButton/RadioButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ResponsiveList/ResponsiveList.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Search/Search.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/SectionHeader/SectionHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Sidebar/Sidebar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Skeleton/Skeleton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SelectionIndicator.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/Slider.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderBase.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderRail.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderThumb.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SliderBase/SliderTrack.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Slider/SliderInfix.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/SplitButton/SplitButton.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Steps/Steps.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Steps/StepsCommand.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Steps/StepsDot.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Steps/StepsGalleryHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Steps/StepsHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Steps/StepsNumbersHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Switch/Switch.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Table/TableHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Table/styling/column-filter.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Table/styling/paginator.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Table/styling/table_base.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Table/table.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tabs/Tab/Tab.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tabs/TabList/TabList.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tabs/TabPanel/TabPanel.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tabs/TabPanels/TabPanels.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tags/Tags.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Text/Text.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TextAreaField/TextAreaField.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TextField/TextField.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TextWithHighlight/TextWithHighlight.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Timeline/Timeline/Timeline.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Timeline/TimelineRow/TimelineRow.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/Tipseen.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenBasicContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenImage.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenMedia/TipseenMedia.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenTitle.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tipseen/TipseenWizard.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Toast/Toast.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Toast/ToastLink/ToastLink.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Toggle/MockToggle.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Toggle/Toggle.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Toggle/ToggleText.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tooltip/Tooltip.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TopNavigationBar/TopNavigationBar.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TopNavigationBar/TopNavigationBar.js.map +1 -1
- package/dist/mocked_classnames_esm/src/components/TopNavigationBar/TopNavigationBar.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/TopNavigationBar/components/NotificationItem/NotificationItem.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFile/TreeFile.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFileIcon/TreeFileIcon.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolder/TreeFolder.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/TreeFolderIcon/TreeFolderIcon.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/TreeStatusIcon/TreeStatusIcon.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Tree/components/expand/expand.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Typography/Typography.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Uploader/Uploader.js +2 -0
- package/dist/mocked_classnames_esm/src/components/Uploader/Uploader.js.map +1 -0
- package/dist/mocked_classnames_esm/src/components/Uploader/Uploader.scss.js +2 -0
- package/dist/mocked_classnames_esm/src/components/Uploader/Uploader.scss.js.map +1 -0
- package/dist/mocked_classnames_esm/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/VirtualizedList/VirtualizedList.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Workflow/workflow.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/index.js +1 -1
- package/dist/mocked_classnames_esm/style/dist/index.min.css.js +1 -1
- package/dist/types/components/TopNavigationBar/TopNavigationBar.d.ts +1 -1
- package/dist/types/components/TopNavigationBar/TopNavigationBar.d.ts.map +1 -1
- package/dist/types/components/Uploader/Uploader.d.ts +35 -0
- package/dist/types/components/Uploader/Uploader.d.ts.map +1 -0
- package/dist/types/components/Uploader/index.d.ts +2 -0
- package/dist/types/components/Uploader/index.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +1 -0
- package/dist/types/components/index.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/TopNavigationBar/TopNavigationBar.tsx +15 -8
- package/src/components/Uploader/Uploader.scss +109 -0
- package/src/components/Uploader/Uploader.tsx +268 -0
- package/src/components/Uploader/__stories__/Uploader.mdx +30 -0
- package/src/components/Uploader/__stories__/Uploader.stories.tsx +51 -0
- package/src/components/Uploader/index.ts +1 -0
- package/src/components/index.ts +1 -0
@@ -1,2 +1,2 @@
|
|
1
|
-
var n={toast:"
|
1
|
+
var n={toast:"toast_664671689b",icon:"icon_b38cf95c1a",content:"content_c5a826b63a",textContent:"textContent_103087a22f",typeNormal:"typeNormal_3f8e67bef7",typePositive:"typePositive_b84c168f4e",typeNegative:"typeNegative_59a25f6b9d",typeWarning:"typeWarning_7e37a4a548",closeButton:"closeButton_1f832d1783",actionButton:"actionButton_b48554d4cf",actionLink:"actionLink_5093ccc2da",typeDark:"typeDark_6d7ceb9933",enterActive:"enterActive_6102ff1411","toast-slide-in-elastic":"toast-slide-in-elastic_5abcb23c14",exitActive:"exitActive_a530cd16ea","toast-slide-out":"toast-slide-out_dfee158dd9"};!function(n){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],e="s_id-3e54a6760260_0_0_34";if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}(".toast_664671689b {\n box-shadow: var(--box-shadow-medium);\n -webkit-font-smoothing: var(--font-smoothing-webkit);\n -moz-osx-font-smoothing: var(--font-smoothing-moz);\n margin: var(--spacing-medium);\n position: fixed;\n right: 0;\n left: 0;\n top: 0;\n margin-right: auto;\n margin-left: auto;\n padding: var(--spacing-small);\n align-items: center;\n display: flex;\n min-width: 200px;\n border-radius: var(--border-radius-medium);\n color: var(--fixed-light-color);\n}\n\n.icon_b38cf95c1a {\n display: flex;\n margin-left: var(--spacing-small);\n}\n\n.content_c5a826b63a {\n margin: 0 var(--spacing-small);\n flex: 1;\n}\n\n.textContent_103087a22f {\n display: inline-flex;\n flex-grow: 1;\n}\n\n.typeNormal_3f8e67bef7 {\n background-color: var(--primary-color);\n}\n\n.typePositive_b84c168f4e {\n background-color: var(--positive-color);\n}\n\n.typeNegative_59a25f6b9d {\n background-color: var(--negative-color);\n}\n\n.typeWarning_7e37a4a548 {\n background-color: var(--warning-color);\n color: var(--fixed-dark-color);\n}\n\n.typeWarning_7e37a4a548 .closeButton_1f832d1783 {\n color: var(--fixed-dark-color);\n}\n\n.typeWarning_7e37a4a548 .actionButton_b48554d4cf,\n.typeWarning_7e37a4a548 .actionLink_5093ccc2da {\n color: var(--fixed-dark-color);\n border-color: var(--fixed-dark-color);\n}\n\n.typeDark_6d7ceb9933 {\n background-color: var(--surface-inverse);\n color: var(--text-color-on-inverted);\n}\n\n.typeDark_6d7ceb9933 .closeButton_1f832d1783 {\n color: var(--text-color-on-inverted);\n}\n\n.typeDark_6d7ceb9933 .actionButton_b48554d4cf,\n.typeDark_6d7ceb9933 .actionLink_5093ccc2da {\n color: var(--text-color-on-inverted);\n border-color: var(--text-color-on-inverted);\n}\n\n.enterActive_6102ff1411 {\n animation-iteration-count: 1;\n animation-fill-mode: forwards;\n animation-duration: var(--motion-expressive-long);\n animation-name: toast-slide-in-elastic_5abcb23c14;\n}\n\n.exitActive_a530cd16ea {\n animation-iteration-count: 1;\n animation-fill-mode: forwards;\n animation-duration: var(--motion-productive-long);\n animation-name: toast-slide-out_dfee158dd9;\n}\n\n.closeButton_1f832d1783 {\n margin-left: var(--spacing-small);\n}\n\n@keyframes toast-slide-in-elastic_5abcb23c14 {\n 0% {\n transform: translateY(-115px);\n }\n 33% {\n transform: translateY(15px);\n }\n 66% {\n transform: translateY(-5px);\n }\n 100% {\n transform: translateY(0px);\n }\n}\n\n@keyframes toast-slide-out_dfee158dd9 {\n 0% {\n transform: translateY(0);\n }\n 70% {\n opacity: 0;\n }\n 100% {\n transform: translateY(-65px);\n opacity: 0;\n }\n}");export{n as default};
|
2
2
|
//# sourceMappingURL=Toast.module.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var e={actionLink:"
|
1
|
+
var e={actionLink:"actionLink_345adc85f6"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-6b61b35025c3_0_0_34";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))}(".actionLink_345adc85f6 {\n color: var(--text-color-on-primary);\n -webkit-font-smoothing: auto;\n -moz-osx-font-smoothing: auto;\n}");export{e as default};
|
2
2
|
//# sourceMappingURL=ToastLink.module.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var e={toggle:"
|
1
|
+
var e={toggle:"toggle_3d6d1c7459","focus-visible":"focus-visible_668468e211",selected:"selected_3f8e67bef7",notSelected:"notSelected_74ab45a56a",disabled:"disabled_9e34cf3ed9"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],o="s_id-a8081fff8c51_0_0_34";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))}('.toggle_3d6d1c7459 {\n border: none;\n margin: 0;\n padding: 0;\n width: auto;\n overflow: visible;\n background: transparent;\n /* inherit font & color from ancestor */\n color: inherit;\n font: inherit;\n /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n line-height: normal;\n /* Corrects font smoothing for webkit */\n -webkit-font-smoothing: inherit;\n -moz-osx-font-smoothing: inherit;\n /* Corrects inability to style clickable `input` types in iOS */\n appearance: none;\n transition: all var(--motion-productive-medium) ease 0ms;\n margin: 0 var(--spacing-small);\n position: relative;\n height: 24px;\n width: 41px;\n cursor: pointer;\n border-radius: var(--border-radius-medium);\n}\n.toggle_3d6d1c7459:focus-visible, .toggle_3d6d1c7459.focus-visible_668468e211 {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.toggle_3d6d1c7459:focus:not(.focus-visible_668468e211) {\n outline: none;\n}\n.toggle_3d6d1c7459:hover {\n border-color: var(--divider-selected);\n box-shadow: var(--effect-divider-halo);\n}\n.toggle_3d6d1c7459::after {\n background-color: var(--surface-primary);\n content: " ";\n position: absolute;\n width: 18px;\n height: 18px;\n border-radius: var(--border-radius-medium);\n top: calc(50% - 9px);\n transition: left var(--motion-productive-medium) var(--motion-timing-transition);\n}\n.toggle_3d6d1c7459.selected_3f8e67bef7 {\n background-color: var(--primary-color);\n}\n.toggle_3d6d1c7459.selected_3f8e67bef7::after {\n left: 20px;\n}\n.toggle_3d6d1c7459.notSelected_74ab45a56a {\n background-color: var(--divider-primary);\n}\n.toggle_3d6d1c7459.notSelected_74ab45a56a::after {\n left: 3px;\n}\n.toggle_3d6d1c7459.disabled_9e34cf3ed9 {\n opacity: var(--disabled-component-opacity);\n cursor: not-allowed;\n}');export{e as default};
|
2
2
|
//# sourceMappingURL=MockToggle.module.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var e={toggleInput:"
|
1
|
+
var e={toggleInput:"toggleInput_83a3331769","focus-visible":"focus-visible_b9ec880dea",wrapper:"wrapper_6bd936f084"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-4fb1f14d4bb9_0_0_34";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))}(".toggleInput_83a3331769:focus-visible ~ div, .toggleInput_83a3331769.focus-visible_b9ec880dea ~ div {\n outline: none;\n z-index: 11;\n border-radius: 4px;\n box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.wrapper_6bd936f084 {\n display: flex;\n align-items: center;\n}");export{e as default};
|
2
2
|
//# sourceMappingURL=Toggle.module.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var e={text:"
|
1
|
+
var e={text:"text_9f062f4ee6",disabled:"disabled_a5f8f7a49a"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-6f1ea96d58a4_0_0_34";if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}(".text_9f062f4ee6 {\n color: var(--text-primary);\n font-style: normal;\n font-weight: normal;\n font-size: 14px;\n line-height: 22px;\n}\n\n.disabled_a5f8f7a49a {\n color: var(--disabled-text-color);\n}");export{e as default};
|
2
2
|
//# sourceMappingURL=ToggleText.module.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var o={tooltip:"
|
1
|
+
var o={tooltip:"tooltip_244ab92e8b",tooltipWithContent:"tooltipWithContent_1111de62f0",withMaxWidth:"withMaxWidth_6c214ca3ac",image:"image_876b4d4bd4",title:"title_0ded768f55",content:"content_8c8b66dbc3",paddingSizeMd:"paddingSizeMd_ed367f6298",tooltipWhiteLink:"tooltipWhiteLink_722438bb56",dark:"dark_6d7ceb9933",arrow:"arrow_e4c5b5f688",white:"white_d81daacecd",primary:"primary_8810d07894",success:"success_69b5722106",surface:"surface_ed11bbcc0f",private:"private_22b4907baf",share:"share_8810d07894",error:"error_22b4907baf"};!function(o){if("undefined"==typeof document)return;const r=document.head||document.getElementsByTagName("head")[0],a="s_id-e0d95d7b7ab1_0_0_34";if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(o))}(".tooltip_244ab92e8b {\n position: relative;\n display: inline-block;\n border-radius: var(--tooltip-border-radius, var(--border-radius-medium));\n padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n box-shadow: var(--box-shadow-medium);\n font: var(--font-text2-normal);\n max-width: var(--tooltip-max-width, 50vw);\n word-break: break-word;\n z-index: 999999;\n}\n.tooltip_244ab92e8b.tooltipWithContent_1111de62f0 {\n padding: unset;\n}\n.tooltip_244ab92e8b.withMaxWidth_6c214ca3ac {\n --tooltip-max-width: 240px;\n}\n.tooltip_244ab92e8b .image_876b4d4bd4 {\n display: block;\n position: relative;\n border-top-right-radius: 2px;\n border-top-left-radius: 2px;\n padding: 2px 2px 0 2px;\n object-fit: cover;\n width: 100%;\n height: 100%;\n min-width: var(--tooltip-max-width);\n z-index: 1;\n}\n.tooltip_244ab92e8b .title_0ded768f55 {\n font: var(--font-text2-bold);\n}\n.tooltip_244ab92e8b .content_8c8b66dbc3 {\n word-break: break-word;\n display: inline-block;\n padding: var(--tooltip-padding, var(--spacing-small) var(--spacing-medium));\n}\n.tooltip_244ab92e8b.withMaxWidth_6c214ca3ac {\n --tooltip-max-width: 240px;\n}\n.tooltip_244ab92e8b.paddingSizeMd_ed367f6298 {\n border-radius: var(--border-radius-medium);\n padding: var(--spacing-medium);\n font: var(--font-text2-normal);\n}\n.tooltip_244ab92e8b a.tooltipWhiteLink_722438bb56 {\n color: #fff;\n}\n.dark_6d7ceb9933,\n.arrow_e4c5b5f688.dark_6d7ceb9933 {\n background-color: var(--surface-inverse);\n color: var(--text-color-on-inverted);\n}\n.white_d81daacecd,\n.arrow_e4c5b5f688.white_d81daacecd {\n background-color: var(--color-snow_white);\n color: var(--color-blackish);\n box-shadow: var(--box-shadow-medium);\n}\n.primary_8810d07894,\n.arrow_e4c5b5f688.primary_8810d07894 {\n background-color: var(--primary-color);\n color: var(--text-color-on-primary);\n}\n.success_69b5722106,\n.arrow_e4c5b5f688.success_69b5722106 {\n background-color: var(--positive-color);\n color: var(--text-color-on-primary);\n}\n.surface_ed11bbcc0f,\n.arrow_e4c5b5f688.surface_ed11bbcc0f {\n background-color: #5b607a;\n color: var(--color-snow_white);\n}\n.private_22b4907baf,\n.arrow_e4c5b5f688.private_22b4907baf {\n background-color: var(--negative-color);\n color: var(--text-color-on-primary);\n}\n.share_8810d07894,\n.arrow_e4c5b5f688.share_8810d07894 {\n background-color: var(--primary-color);\n color: var(--text-color-on-primary);\n}\n.error_22b4907baf,\n.arrow_e4c5b5f688.error_22b4907baf {\n background-color: var(--negative-color);\n color: var(--text-color-on-primary);\n}");export{o as default};
|
2
2
|
//# sourceMappingURL=Tooltip.module.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
import{jsx as e,jsxs as i}from"react/jsx-runtime";import n from"../Avatar/Avatar.js";import t from"../AvatarGroup/__stories__/assets/person1.png.js";import s from"../Counter/Counter.js";import c from"../Dialog/Dialog.js";import r from"../DialogContentContainer/DialogContentContainer.js";import a from"../IconButton/IconButton.js";import{Logo as o}from"../Logo/Logo.js";import l from"../Menu/Menu/Menu.js";import m from"../Menu/MenuDivider/MenuDivider.js";import d from"../Menu/MenuItem/MenuItem.js";import h from"./TopNavigationBar.module.scss.js";import{Notification as
|
1
|
+
import{jsx as e,jsxs as i}from"react/jsx-runtime";import n from"../Avatar/Avatar.js";import t from"../AvatarGroup/__stories__/assets/person1.png.js";import s from"../Counter/Counter.js";import c from"../Dialog/Dialog.js";import r from"../DialogContentContainer/DialogContentContainer.js";import a from"../IconButton/IconButton.js";import{Logo as o}from"../Logo/Logo.js";import l from"../Menu/Menu/Menu.js";import m from"../Menu/MenuDivider/MenuDivider.js";import d from"../Menu/MenuItem/MenuItem.js";import h from"./TopNavigationBar.module.scss.js";import{Notification as u}from"./components/Notification/Notification.js";import{NotificationItem as g}from"./components/NotificationItem/NotificationItem.js";import f from"../Icon/Icons/components/Lines.js";import v from"../Icon/Icons/components/Notifications.js";var j=function(i){var n=i.children,t=i.className,s=i.sticky,c=void 0===s||s;return e("nav",Object.assign({className:"".concat(h.navbar," ").concat(t," ").concat(c?h.sticky:"")},{children:n}))},p=function(i){var n=i.children,t=i.className;return e("div",Object.assign({className:"".concat(h.navContainer," ").concat(t)},{children:n}))},b=function(i){var n=i.children,t=i.className;return e("div",Object.assign({className:"".concat(h.logo," ").concat(t)},{children:n}))},N=function(i){var n=i.children,t=i.className;return e("ul",Object.assign({className:"".concat(h.itemList," ").concat(t)},{children:n}))},O=function(i){var n=i.children,t=i.link,s=i.onClick;return e("li",Object.assign({style:{cursor:"pointer"},onClick:function(e){t||e.preventDefault(),null==s||s()}},{children:e("a",Object.assign({href:t||"",className:i.active?"".concat(h.navLink," ").concat(h.active):h.navLink},{children:n}))}))},C=function(i){var n=i.children,t=i.className;return e("div",Object.assign({className:"".concat(h.profile," ").concat(t)},{children:n}))},I=function(i){var n=i.children,t=i.className;return e("div",Object.assign({className:"".concat(h.notifications," ").concat(t)},{children:n}))},L=function(i){var n=i.children,t=i.className;return e(r,Object.assign({className:"".concat(h.dialog," ").concat(t)},{children:n}))},M=function(i){var n=i.children,t=i.className;return e("div",Object.assign({className:"".concat(h.userInfo," ").concat(t)},{children:n}))},T=function(i){var n=i.children,t=i.className,s=void 0===t?"":t,c=i.styleClass,r="".concat(h[void 0===c?"":c]||""," ").concat(s).trim();return e("span",Object.assign({className:r},{children:n}))},y=function(){return i(j,{children:[i(p,{children:[e(a,{ariaLabel:"Add",icon:f,size:"xs"}),e(b,{children:e(o,{height:"15"})}),e("div",{children:i(N,{children:[e(O,Object.assign({link:"/"},{children:"Purchase Requests"})),e(O,Object.assign({active:!0,link:"/blog"},{children:"RFQs"})),e(O,Object.assign({link:"/projects"},{children:"Purchase Orders"})),e(O,Object.assign({link:"/"},{children:"Inventory"}))]})})]}),i(C,{children:[e(I,{children:i(c,Object.assign({showTrigger:[c.hideShowTriggers.CLICK],hideTrigger:[c.hideShowTriggers.CLICK_OUTSIDE],content:e(L,{children:i(u,{children:[e(g,{title:"You’ve recieved a message from Acme tires",date:"04/24/24 at 9:45 PM",link:"/"}),e(g,{title:"You’ve recieved a message from Acme tires",date:"04/24/24 at 9:45 PM",link:"/"})]})})},{children:[e(a,{ariaLabel:"Notifications",icon:v,size:"small"}),e(s,{count:2,color:s.colors.NEGATIVE,size:s.sizes.SMALL,className:h.navbarCounter})]}))}),e(c,Object.assign({showTrigger:[c.hideShowTriggers.CLICK],hideTrigger:[c.hideShowTriggers.CLICK_OUTSIDE],content:i(L,{children:[i(M,{children:[e("span",{children:e(n,{size:n.sizes.LARGE,withoutTooltip:!0,src:t,type:n.types.IMG,ariaLabel:"Hadas Fahri"})}),i("div",Object.assign({style:{display:"flex",flexDirection:"column",justifyContent:"center"}},{children:[e(T,Object.assign({styleClass:"username"},{children:"Jen Asher"})),e(T,Object.assign({styleClass:"email"},{children:"Jenn@heliux.com"}))]}))]}),i(l,Object.assign({size:l.sizes.SMALL},{children:[e(d,{title:"Personal Settings"}),e(d,{title:"Organization Settings"}),e(d,Object.assign({title:"Theme Settings"},{children:i(l,{children:[e(d,{title:"Light Theme"}),e(d,{title:"Dark Theme"})]})})),e(m,{}),e(d,{className:h.logout,title:"Sign out"})]}))]})},{children:e("div",Object.assign({style:{cursor:"pointer"}},{children:e(n,{size:n.sizes.MEDIUM,withoutTooltip:!0,src:t,type:n.types.IMG,ariaLabel:"Hadas Fahri",className:h.navbarAvatar})}))}))]})]})};export{L as DialogContentContainerStyled,b as LogoContainer,O as NavLink,N as NavList,j as Navbar,p as NavbarContainer,I as NotificationsContainer,C as ProfileContainer,T as SpanStyled,M as UserInfo,y as default};
|
2
2
|
//# sourceMappingURL=TopNavigationBar.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"TopNavigationBar.js","sources":["../../../../../src/components/TopNavigationBar/TopNavigationBar.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { person1 } from \"../AvatarGroup/__stories__/assets\";\nimport Counter from \"../Counter/Counter\";\nimport Dialog from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { Lines, Notifications } from \"../Icon/Icons\";\nimport { Logo } from \"../Logo/Logo\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport MenuDivider from \"../Menu/MenuDivider/MenuDivider\";\nimport MenuItem from \"../Menu/MenuItem/MenuItem\";\nimport styles from \"./TopNavigationBar.module.scss\";\nimport { Notification } from \"./components/Notification/Notification\";\nimport { NotificationItem } from \"./components/NotificationItem/NotificationItem\";\n\nexport interface NavbarProps {\n children: ReactNode;\n className?: string;\n}\nexport const Navbar: React.FC<NavbarProps> = ({ children, className }) => {\n return <nav className={`${styles.navbar} ${className}`}>{children}</nav>;\n};\n\nexport interface NavbarContainerProps {\n children: ReactNode;\n className?: string;\n}\nexport const NavbarContainer: React.FC<NavbarContainerProps> = ({\n children,\n className,\n}) => <div className={`${styles.navContainer} ${className}`}>{children}</div>;\n\nexport interface LogoContainerProps {\n children: ReactNode;\n className?: string;\n}\nexport const LogoContainer: React.FC<LogoContainerProps> = ({\n children,\n className,\n}) => <div className={`${styles.logo} ${className}`}>{children}</div>;\n\nexport interface NavListProps {\n children: ReactNode;\n className?: string;\n}\nexport const NavList: React.FC<NavListProps> = ({ children, className }) => (\n <ul className={`${styles.itemList} ${className}`}>{children}</ul>\n);\n\nexport interface NavLinkProps {\n children: ReactNode;\n className?: string;\n active?: boolean;\n link?: string;\n onClick?: () => void;\n}\nexport const NavLink: React.FC<NavLinkProps> = ({\n children,\n link,\n active,\n onClick,\n}) => (\n <li\n style={{ cursor: \"pointer\" }}\n onClick={(event) => {\n if (!link) {\n event.preventDefault();\n }\n onClick?.();\n }}\n >\n <a\n href={link || \"\"}\n className={active ? `${styles.navLink} ${styles.active}` : styles.navLink}\n >\n {children}\n </a>\n </li>\n);\n\nexport interface ProfileContainerProps {\n children: ReactNode;\n className?: string;\n}\nexport const ProfileContainer: React.FC<ProfileContainerProps> = ({\n children,\n className,\n}) => <div className={`${styles.profile} ${className}`}>{children}</div>;\n\nexport interface NotificationsContainerProps {\n children: ReactNode;\n className?: string;\n}\nexport const NotificationsContainer: React.FC<NotificationsContainerProps> = ({\n children,\n className,\n}) => <div className={`${styles.notifications} ${className}`}>{children}</div>;\n\nexport interface DialogContentContainerStyledProps {\n children: ReactNode;\n className?: string;\n}\nexport const DialogContentContainerStyled: React.FC<\n DialogContentContainerStyledProps\n> = ({ children, className }) => (\n <DialogContentContainer className={`${styles.dialog} ${className}`}>\n {children}\n </DialogContentContainer>\n);\n\nexport interface UserInfoProps {\n children: ReactNode;\n className?: string;\n}\nexport const UserInfo: React.FC<UserInfoProps> = ({ children, className }) => (\n <div className={`${styles.userInfo} ${className}`}>{children}</div>\n);\n\nexport interface SpanStyledProps {\n children: ReactNode;\n className?: string;\n styleClass?: string;\n}\n\nexport const SpanStyled: React.FC<SpanStyledProps> = ({\n children,\n className = \"\",\n styleClass = \"\",\n}) => {\n const combinedClassName = `${styles[styleClass] || \"\"} ${className}`.trim();\n return <span className={combinedClassName}>{children}</span>;\n};\n\nexport interface TopNavigationBarProps {\n children: ReactNode;\n sticky?: boolean;\n}\n\nconst TopNavigationBar: React.FC<TopNavigationBarProps> = ({\n children,\n sticky = true,\n}) => {\n return (\n <Navbar className={sticky ? `${styles.sticky}` : \"\"}>\n <NavbarContainer>\n <IconButton ariaLabel=\"Add\" icon={Lines} size=\"xs\" />\n <LogoContainer>\n <Logo height=\"15\" />\n </LogoContainer>\n <div>\n <NavList>\n <NavLink link=\"/\">Purchase Requests</NavLink>\n <NavLink active link=\"/blog\">\n RFQs\n </NavLink>\n <NavLink link=\"/projects\">Purchase Orders</NavLink>\n <NavLink link=\"/\">Inventory</NavLink>\n </NavList>\n </div>\n </NavbarContainer>\n <ProfileContainer>\n <NotificationsContainer>\n <Dialog\n showTrigger={[Dialog.hideShowTriggers.CLICK]}\n hideTrigger={[Dialog.hideShowTriggers.CLICK_OUTSIDE]}\n content={\n <DialogContentContainerStyled>\n <Notification>\n <NotificationItem\n title=\"You’ve recieved a message from Acme tires\"\n date=\"04/24/24 at 9:45 PM\"\n link=\"/\"\n />\n <NotificationItem\n title=\"You’ve recieved a message from Acme tires\"\n date=\"04/24/24 at 9:45 PM\"\n link=\"/\"\n />\n </Notification>\n </DialogContentContainerStyled>\n }\n >\n <IconButton\n ariaLabel=\"Notifications\"\n icon={Notifications}\n size=\"small\"\n />\n <Counter\n count={2}\n color={Counter.colors.NEGATIVE}\n size={Counter.sizes.SMALL}\n className={styles.navbarCounter}\n />\n </Dialog>\n </NotificationsContainer>\n <Dialog\n showTrigger={[Dialog.hideShowTriggers.CLICK]}\n hideTrigger={[Dialog.hideShowTriggers.CLICK_OUTSIDE]}\n content={\n <DialogContentContainerStyled>\n <UserInfo>\n <span>\n <Avatar\n size={Avatar.sizes.LARGE}\n withoutTooltip={true}\n src={person1}\n type={Avatar.types.IMG}\n ariaLabel=\"Hadas Fahri\"\n />\n </span>\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n }}\n >\n <SpanStyled styleClass=\"username\">Jen Asher</SpanStyled>\n <SpanStyled styleClass=\"email\">Jenn@heliux.com</SpanStyled>\n </div>\n </UserInfo>\n <Menu size={Menu.sizes.SMALL}>\n <MenuItem title=\"Personal Settings\" />\n <MenuItem title=\"Organization Settings\" />\n <MenuItem title=\"Theme Settings\">\n <Menu>\n <MenuItem title=\"Light Theme\" />\n <MenuItem title=\"Dark Theme\" />\n </Menu>\n </MenuItem>\n <MenuDivider />\n <MenuItem className={styles.logout} title=\"Sign out\" />\n </Menu>\n </DialogContentContainerStyled>\n }\n >\n <div\n style={{\n cursor: \"pointer\",\n }}\n >\n <Avatar\n size={Avatar.sizes.MEDIUM}\n withoutTooltip={true}\n src={person1}\n type={Avatar.types.IMG}\n ariaLabel={\"Hadas Fahri\"}\n className={styles.navbarAvatar}\n />\n </div>\n </Dialog>\n </ProfileContainer>\n </Navbar>\n );\n};\n\nexport default TopNavigationBar;\n"],"names":["Navbar","_ref","children","className","_jsx","Object","assign","concat","styles","navbar","NavbarContainer","_ref2","navContainer","LogoContainer","_ref3","logo","NavList","_ref4","itemList","NavLink","_ref5","link","onClick","style","cursor","event","preventDefault","href","active","navLink","ProfileContainer","_ref6","profile","NotificationsContainer","_ref7","notifications","DialogContentContainerStyled","_ref8","DialogContentContainer","dialog","UserInfo","_ref9","userInfo","SpanStyled","_ref10","_ref10$className","_ref10$styleClass","styleClass","combinedClassName","trim","TopNavigationBar","_ref11","_ref11$sticky","sticky","_jsxs","IconButton","ariaLabel","icon","Lines","size","Logo","height","Dialog","showTrigger","hideShowTriggers","CLICK","hideTrigger","CLICK_OUTSIDE","content","Notification","NotificationItem","title","date","Notifications","Counter","count","color","colors","NEGATIVE","sizes","SMALL","navbarCounter","Avatar","LARGE","withoutTooltip","src","person1","type","types","IMG","display","flexDirection","justifyContent","Menu","MenuItem","MenuDivider","logout","MEDIUM","navbarAvatar"],"mappings":"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"}
|
1
|
+
{"version":3,"file":"TopNavigationBar.js","sources":["../../../../../src/components/TopNavigationBar/TopNavigationBar.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\nimport Avatar from \"../Avatar/Avatar\";\nimport { person1 } from \"../AvatarGroup/__stories__/assets\";\nimport Counter from \"../Counter/Counter\";\nimport Dialog from \"../Dialog/Dialog\";\nimport DialogContentContainer from \"../DialogContentContainer/DialogContentContainer\";\nimport IconButton from \"../IconButton/IconButton\";\nimport { Lines, Notifications } from \"../Icon/Icons\";\nimport { Logo } from \"../Logo/Logo\";\nimport Menu from \"../Menu/Menu/Menu\";\nimport MenuDivider from \"../Menu/MenuDivider/MenuDivider\";\nimport MenuItem from \"../Menu/MenuItem/MenuItem\";\nimport styles from \"./TopNavigationBar.module.scss\";\nimport { Notification } from \"./components/Notification/Notification\";\nimport { NotificationItem } from \"./components/NotificationItem/NotificationItem\";\n\nexport interface NavbarProps {\n children: ReactNode;\n className?: string;\n sticky?: boolean;\n}\nexport const Navbar: React.FC<NavbarProps> = ({\n children,\n className,\n sticky = true,\n}) => {\n return (\n <nav\n className={`${styles.navbar} ${className} ${sticky ? styles.sticky : \"\"}`}\n >\n {children}\n </nav>\n );\n};\n\nexport interface NavbarContainerProps {\n children: ReactNode;\n className?: string;\n}\nexport const NavbarContainer: React.FC<NavbarContainerProps> = ({\n children,\n className,\n}) => <div className={`${styles.navContainer} ${className}`}>{children}</div>;\n\nexport interface LogoContainerProps {\n children: ReactNode;\n className?: string;\n}\nexport const LogoContainer: React.FC<LogoContainerProps> = ({\n children,\n className,\n}) => <div className={`${styles.logo} ${className}`}>{children}</div>;\n\nexport interface NavListProps {\n children: ReactNode;\n className?: string;\n}\nexport const NavList: React.FC<NavListProps> = ({ children, className }) => (\n <ul className={`${styles.itemList} ${className}`}>{children}</ul>\n);\n\nexport interface NavLinkProps {\n children: ReactNode;\n className?: string;\n active?: boolean;\n link?: string;\n onClick?: () => void;\n}\nexport const NavLink: React.FC<NavLinkProps> = ({\n children,\n link,\n active,\n onClick,\n}) => (\n <li\n style={{ cursor: \"pointer\" }}\n onClick={(event) => {\n if (!link) {\n event.preventDefault();\n }\n onClick?.();\n }}\n >\n <a\n href={link || \"\"}\n className={active ? `${styles.navLink} ${styles.active}` : styles.navLink}\n >\n {children}\n </a>\n </li>\n);\n\nexport interface ProfileContainerProps {\n children: ReactNode;\n className?: string;\n}\nexport const ProfileContainer: React.FC<ProfileContainerProps> = ({\n children,\n className,\n}) => <div className={`${styles.profile} ${className}`}>{children}</div>;\n\nexport interface NotificationsContainerProps {\n children: ReactNode;\n className?: string;\n}\nexport const NotificationsContainer: React.FC<NotificationsContainerProps> = ({\n children,\n className,\n}) => <div className={`${styles.notifications} ${className}`}>{children}</div>;\n\nexport interface DialogContentContainerStyledProps {\n children: ReactNode;\n className?: string;\n}\nexport const DialogContentContainerStyled: React.FC<\n DialogContentContainerStyledProps\n> = ({ children, className }) => (\n <DialogContentContainer className={`${styles.dialog} ${className}`}>\n {children}\n </DialogContentContainer>\n);\n\nexport interface UserInfoProps {\n children: ReactNode;\n className?: string;\n}\nexport const UserInfo: React.FC<UserInfoProps> = ({ children, className }) => (\n <div className={`${styles.userInfo} ${className}`}>{children}</div>\n);\n\nexport interface SpanStyledProps {\n children: ReactNode;\n className?: string;\n styleClass?: string;\n}\n\nexport const SpanStyled: React.FC<SpanStyledProps> = ({\n children,\n className = \"\",\n styleClass = \"\",\n}) => {\n const combinedClassName = `${styles[styleClass] || \"\"} ${className}`.trim();\n return <span className={combinedClassName}>{children}</span>;\n};\n\nexport interface TopNavigationBarProps {\n children: ReactNode;\n}\n\nconst TopNavigationBar: React.FC<TopNavigationBarProps> = () => {\n return (\n <Navbar>\n <NavbarContainer>\n <IconButton ariaLabel=\"Add\" icon={Lines} size=\"xs\" />\n <LogoContainer>\n <Logo height=\"15\" />\n </LogoContainer>\n <div>\n <NavList>\n <NavLink link=\"/\">Purchase Requests</NavLink>\n <NavLink active link=\"/blog\">\n RFQs\n </NavLink>\n <NavLink link=\"/projects\">Purchase Orders</NavLink>\n <NavLink link=\"/\">Inventory</NavLink>\n </NavList>\n </div>\n </NavbarContainer>\n <ProfileContainer>\n <NotificationsContainer>\n <Dialog\n showTrigger={[Dialog.hideShowTriggers.CLICK]}\n hideTrigger={[Dialog.hideShowTriggers.CLICK_OUTSIDE]}\n content={\n <DialogContentContainerStyled>\n <Notification>\n <NotificationItem\n title=\"You’ve recieved a message from Acme tires\"\n date=\"04/24/24 at 9:45 PM\"\n link=\"/\"\n />\n <NotificationItem\n title=\"You’ve recieved a message from Acme tires\"\n date=\"04/24/24 at 9:45 PM\"\n link=\"/\"\n />\n </Notification>\n </DialogContentContainerStyled>\n }\n >\n <IconButton\n ariaLabel=\"Notifications\"\n icon={Notifications}\n size=\"small\"\n />\n <Counter\n count={2}\n color={Counter.colors.NEGATIVE}\n size={Counter.sizes.SMALL}\n className={styles.navbarCounter}\n />\n </Dialog>\n </NotificationsContainer>\n <Dialog\n showTrigger={[Dialog.hideShowTriggers.CLICK]}\n hideTrigger={[Dialog.hideShowTriggers.CLICK_OUTSIDE]}\n content={\n <DialogContentContainerStyled>\n <UserInfo>\n <span>\n <Avatar\n size={Avatar.sizes.LARGE}\n withoutTooltip={true}\n src={person1}\n type={Avatar.types.IMG}\n ariaLabel=\"Hadas Fahri\"\n />\n </span>\n <div\n style={{\n display: \"flex\",\n flexDirection: \"column\",\n justifyContent: \"center\",\n }}\n >\n <SpanStyled styleClass=\"username\">Jen Asher</SpanStyled>\n <SpanStyled styleClass=\"email\">Jenn@heliux.com</SpanStyled>\n </div>\n </UserInfo>\n <Menu size={Menu.sizes.SMALL}>\n <MenuItem title=\"Personal Settings\" />\n <MenuItem title=\"Organization Settings\" />\n <MenuItem title=\"Theme Settings\">\n <Menu>\n <MenuItem title=\"Light Theme\" />\n <MenuItem title=\"Dark Theme\" />\n </Menu>\n </MenuItem>\n <MenuDivider />\n <MenuItem className={styles.logout} title=\"Sign out\" />\n </Menu>\n </DialogContentContainerStyled>\n }\n >\n <div\n style={{\n cursor: \"pointer\",\n }}\n >\n <Avatar\n size={Avatar.sizes.MEDIUM}\n withoutTooltip={true}\n src={person1}\n type={Avatar.types.IMG}\n ariaLabel={\"Hadas Fahri\"}\n className={styles.navbarAvatar}\n />\n </div>\n </Dialog>\n </ProfileContainer>\n </Navbar>\n );\n};\n\nexport default TopNavigationBar;\n"],"names":["Navbar","_ref","children","className","_ref$sticky","sticky","_jsx","Object","assign","concat","styles","navbar","NavbarContainer","_ref2","navContainer","LogoContainer","_ref3","logo","NavList","_ref4","itemList","NavLink","_ref5","link","onClick","style","cursor","event","preventDefault","href","active","navLink","ProfileContainer","_ref6","profile","NotificationsContainer","_ref7","notifications","DialogContentContainerStyled","_ref8","DialogContentContainer","dialog","UserInfo","_ref9","userInfo","SpanStyled","_ref10","_ref10$className","_ref10$styleClass","styleClass","combinedClassName","trim","TopNavigationBar","_jsxs","IconButton","ariaLabel","icon","Lines","size","Logo","height","Dialog","showTrigger","hideShowTriggers","CLICK","hideTrigger","CLICK_OUTSIDE","content","Notification","NotificationItem","title","date","Notifications","Counter","count","color","colors","NEGATIVE","sizes","SMALL","navbarCounter","Avatar","LARGE","withoutTooltip","src","person1","type","types","IMG","display","flexDirection","justifyContent","Menu","MenuItem","MenuDivider","logout","MEDIUM","navbarAvatar"],"mappings":"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"}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var n={navbar:"
|
1
|
+
var n={navbar:"navbar_016aa94e1f",sticky:"sticky_81a7debec7",navContainer:"navContainer_c7013de838",logo:"logo_a69be117f8",itemList:"itemList_10273592e2",active:"active_46f1d15703",profile:"profile_bcbd2e6d3c",notifications:"notifications_4cba51bcca",navbarAvatar:"navbarAvatar_67dd18051c",navbarCounter:"navbarCounter_922c28e2b1",userInfo:"userInfo_7bc3fe1e21",username:"username_3e8179ff64",email:"email_8be180c23e",logout:"logout_3d315d8b15",dialog:"dialog_7aad888047",hover:"hover_1f40b3cbaf"};!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],a="s_id-eafc1e524675_0_0_34";if(e.querySelector("#"+a))return;const i=document.createElement("style");i.id=a,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}('.navbar_016aa94e1f {\n display: flex;\n justify-content: space-between;\n width: 100%;\n height: 48px;\n align-items: center;\n padding: 0 14px;\n color: var(--text-secondary);\n}\n\n.sticky_81a7debec7 {\n position: sticky;\n top: 0;\n z-index: 100;\n}\n\n.navContainer_c7013de838 {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.logo_a69be117f8 {\n height: 26px;\n border: 1px solid var(--divider-primary);\n border-radius: 6px;\n padding: 2px 6px;\n display: flex;\n align-items: center;\n margin: 0px 4px 0px;\n font-size: 14px;\n color: var(--text-secondary);\n}\n\n.logo_a69be117f8 svg {\n margin-right: 4px;\n}\n\nul.itemList_10273592e2 {\n display: flex;\n margin: 0;\n padding: 0;\n font-size: 14px;\n font-weight: 400;\n}\n\nul.itemList_10273592e2 li {\n margin: 0px;\n list-style: none;\n padding: 4px 10px;\n border-radius: var(--border-radius-medium);\n transition: all var(--motion-productive-medium) ease 0ms;\n}\n\nul.itemList_10273592e2 li:hover {\n background: var(--surface-secondary);\n}\n\nul.itemList_10273592e2 li:hover a {\n color: var(--text-primary);\n}\n\nul.itemList_10273592e2 li a {\n color: var(--text-secondary);\n text-decoration: none;\n}\n\n.active_46f1d15703 {\n color: var(--text-primary) !important;\n}\n\n.active_46f1d15703:after {\n display: block;\n width: 6px;\n height: 2px;\n content: " ";\n background: var(--color-solar-flare-700);\n right: -45%;\n top: 3px;\n border-radius: var(--border-radius-medium);\n position: relative;\n}\n\n.profile_bcbd2e6d3c {\n display: flex;\n flex-direction: row;\n}\n\n.notifications_4cba51bcca {\n margin-right: 8px;\n display: flex;\n align-items: center;\n}\n\n.navbarAvatar_67dd18051c {\n margin: 4px 0 0;\n}\n\n.navbarCounter_922c28e2b1 {\n display: flex;\n margin-left: -6px;\n position: relative;\n z-index: 99;\n}\n\n.userInfo_7bc3fe1e21 {\n display: flex;\n align-items: center;\n padding: 15px 5px 5px 15px;\n}\n\n.username_3e8179ff64 {\n font-size: 14px;\n line-height: 22px;\n}\n\n.email_8be180c23e {\n font-size: 12px;\n color: var(--text-secondary);\n}\n\n.logout_3d315d8b15 {\n padding: 0px 4px 10px 15px;\n color: var(--color-solar-flare-700);\n}\n\n.dialog_7aad888047 {\n padding: 0;\n border-radius: 6px;\n}\n\n.hover_1f40b3cbaf {\n cursor: pointer;\n}');export{n as default};
|
2
2
|
//# sourceMappingURL=TopNavigationBar.module.scss.js.map
|
package/dist/esm/src/components/TopNavigationBar/components/Notification/Notification.module.scss.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
var e={notificationContainer:"
|
1
|
+
var e={notificationContainer:"notificationContainer_094125eaa4",header:"header_bcdb8b55f8"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-ab96a526747c_0_0_34";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))}(".notificationContainer_094125eaa4 {\n padding: 14px 16px;\n border-radius: 4px;\n min-width: 320px;\n min-height: 400px;\n}\n\n.header_bcdb8b55f8 {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n border-bottom: 1px solid var(--divider-primary);\n padding-bottom: 16px;\n margin-bottom: 15px;\n font-weight: 600;\n}");export{e as default};
|
2
2
|
//# sourceMappingURL=Notification.module.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var e={item:"
|
1
|
+
var e={item:"item_85b8fba0c8",content:"content_3c8ef76c33",title:"title_3b5ce77ff1",date:"date_15fe9a1c8c"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],n="s_id-5279963b39bb_0_0_34";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))}(".item_85b8fba0c8 {\n display: flex;\n padding: 20px 10px;\n justify-content: space-between;\n border-bottom: 1px solid var(--divider-primary);\n text-decoration: none;\n}\n.item_85b8fba0c8:hover {\n text-decoration: none;\n}\n.content_3c8ef76c33 {\n display: flex;\n flex-direction: column;\n}\n.title_3b5ce77ff1 {\n color: var(--text-primary);\n font-size: 14px;\n width: 80%;\n margin-bottom: 10px;\n}\n.date_15fe9a1c8c {\n color: var(--text-secondary);\n font-size: 12px;\n}");export{e as default};
|
2
2
|
//# sourceMappingURL=NotificationItem.module.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var n=".file-container {\n cursor: pointer;\n line-height: 1;\n user-select: none;\n border-radius: 6px;\n margin-bottom: 4px;\n}\n.file-container:hover, .file-container.active {\n background-color: #F5F7F8;\n cursor: pointer;\n}\n.names {\n display: flex;\n height: 1.75rem;\n align-items: center;\n position: relative;\n padding-left: 23px;\n padding-right: 10px;\n}\n.icon {\n width: 1.5rem;\n height: 100%;\n display: inline-flex;\n align-items: center;\n}\n.name {\n transition: opacity 100ms ease 0ms;\n color: var(--text-primary);\n white-space: nowrap;\n font-size: 0.875rem;\n}\n.name:hover {\n opacity: 0.7;\n}\n.extra {\n font-size: 0.75rem;\n align-self: baseline;\n padding-left: 4px;\n color: var(--text-primary);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-
|
1
|
+
var n=".file-container {\n cursor: pointer;\n line-height: 1;\n user-select: none;\n border-radius: 6px;\n margin-bottom: 4px;\n}\n.file-container:hover, .file-container.active {\n background-color: #F5F7F8;\n cursor: pointer;\n}\n.names {\n display: flex;\n height: 1.75rem;\n align-items: center;\n position: relative;\n padding-left: 23px;\n padding-right: 10px;\n}\n.icon {\n width: 1.5rem;\n height: 100%;\n display: inline-flex;\n align-items: center;\n}\n.name {\n transition: opacity 100ms ease 0ms;\n color: var(--text-primary);\n white-space: nowrap;\n font-size: 0.875rem;\n}\n.name:hover {\n opacity: 0.7;\n}\n.extra {\n font-size: 0.75rem;\n align-self: baseline;\n padding-left: 4px;\n color: var(--text-primary);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-814fa5986cc3_0_0_34";if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}(n);export{n as default};
|
2
2
|
//# sourceMappingURL=TreeFile.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var e=".tree-file-icon {\n stroke: currentColor;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n shape-rendering: geometricPrecision;\n color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-
|
1
|
+
var e=".tree-file-icon {\n stroke: currentColor;\n stroke-width: 2;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n shape-rendering: geometricPrecision;\n color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-742afdb04a4c_0_0_34";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
|
2
2
|
//# sourceMappingURL=TreeFileIcon.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var n=".folder-container {\n cursor: pointer;\n line-height: 1;\n user-select: none;\n}\n.folder-container .names {\n display: flex;\n height: 1.75rem;\n align-items: center;\n position: relative;\n border-radius: 6px;\n}\n.folder-container .names[data-level] {\n margin-left: calc(1.875rem * attr(data-level));\n}\n.folder-container .names:hover, .folder-container .names.active {\n background-color: #F5F7F8;\n cursor: pointer;\n}\n.folder-container > .names {\n margin-bottom: 4px;\n}\n.folder-container .status {\n width: 0.875rem;\n height: 0.875rem;\n z-index: 10;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n}\n.folder-container .icon {\n width: 1.5rem;\n height: 100%;\n display: inline-flex;\n align-items: center;\n}\n.folder-container .name {\n transition: opacity 100ms ease 0ms;\n color: var(--text-primary);\n white-space: nowrap;\n font-size: 0.875rem;\n}\n.folder-container .name:hover {\n opacity: 0.7;\n}\n.folder-container .name .indent {\n position: absolute !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n width: 1px !important;\n height: 100% !important;\n background-color: var(--text-primary) !important;\n margin-left: -1px !important;\n}\n.folder-container .extra {\n font-size: 0.75rem;\n align-self: baseline;\n padding-left: 4px;\n color: var(--text-primary);\n}\n.folder-container .content {\n display: flex;\n flex-direction: column;\n height: auto;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-
|
1
|
+
var n=".folder-container {\n cursor: pointer;\n line-height: 1;\n user-select: none;\n}\n.folder-container .names {\n display: flex;\n height: 1.75rem;\n align-items: center;\n position: relative;\n border-radius: 6px;\n}\n.folder-container .names[data-level] {\n margin-left: calc(1.875rem * attr(data-level));\n}\n.folder-container .names:hover, .folder-container .names.active {\n background-color: #F5F7F8;\n cursor: pointer;\n}\n.folder-container > .names {\n margin-bottom: 4px;\n}\n.folder-container .status {\n width: 0.875rem;\n height: 0.875rem;\n z-index: 10;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-right: 10px;\n}\n.folder-container .icon {\n width: 1.5rem;\n height: 100%;\n display: inline-flex;\n align-items: center;\n}\n.folder-container .name {\n transition: opacity 100ms ease 0ms;\n color: var(--text-primary);\n white-space: nowrap;\n font-size: 0.875rem;\n}\n.folder-container .name:hover {\n opacity: 0.7;\n}\n.folder-container .name .indent {\n position: absolute !important;\n top: 50% !important;\n transform: translateY(-50%) !important;\n width: 1px !important;\n height: 100% !important;\n background-color: var(--text-primary) !important;\n margin-left: -1px !important;\n}\n.folder-container .extra {\n font-size: 0.75rem;\n align-self: baseline;\n padding-left: 4px;\n color: var(--text-primary);\n}\n.folder-container .content {\n display: flex;\n flex-direction: column;\n height: auto;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],t="s_id-fe91c13eee92_0_0_34";if(e.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(n))}(n);export{n as default};
|
2
2
|
//# sourceMappingURL=TreeFolder.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var e=".tree-folder-icon {\n stroke: currentColor;\n stroke-width: 0;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n shape-rendering: geometricPrecision;\n color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-
|
1
|
+
var e=".tree-folder-icon {\n stroke: currentColor;\n stroke-width: 0;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n shape-rendering: geometricPrecision;\n color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-c0d3f97a8640_0_0_34";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
|
2
2
|
//# sourceMappingURL=TreeFolderIcon.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var e=".tree-status-icon {\n stroke: currentColor;\n stroke-width: 1;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n shape-rendering: geometricPrecision;\n color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-
|
1
|
+
var e=".tree-status-icon {\n stroke: currentColor;\n stroke-width: 1;\n stroke-linecap: round;\n stroke-linejoin: round;\n fill: none;\n shape-rendering: geometricPrecision;\n color: var(--text-primary);\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],t="s_id-57bbd3238bb1_0_0_34";if(n.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}(e);export{e as default};
|
2
2
|
//# sourceMappingURL=TreeStatusIcon.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var e=".expand-container {\n padding: 0;\n margin: 0;\n overflow: hidden;\n}\n.expand-container.expanded {\n visibility: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-
|
1
|
+
var e=".expand-container {\n padding: 0;\n margin: 0;\n overflow: hidden;\n}\n.expand-container.expanded {\n visibility: visible;\n}";!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],d="s_id-30ae7c9186d8_0_0_34";if(n.querySelector("#"+d))return;const t=document.createElement("style");t.id=d,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}(e);export{e as default};
|
2
2
|
//# sourceMappingURL=expand.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var e={typography:"
|
1
|
+
var e={typography:"typography_42d9e1af84","focus-visible":"focus-visible_668468e211",primary:"primary_e5d8275876",secondary:"secondary_5da147f9d3",onPrimary:"onPrimary_53e9552c10",onInverted:"onInverted_a959e4d3d9",fixedLight:"fixedLight_d88b1461a9",fixedDark:"fixedDark_1f832d1783",inherit:"inherit_98478c234d",start:"start_65a00f85ad",center:"center_57b526f431",end:"end_d930795097",singleLineEllipsis:"singleLineEllipsis_6bb92f0e58",multiLineEllipsis:"multiLineEllipsis_5cbb3c0566"};!function(e){if("undefined"==typeof document)return;const n=document.head||document.getElementsByTagName("head")[0],r="s_id-602dc1896178_0_0_34";if(n.querySelector("#"+r))return;const i=document.createElement("style");i.id=r,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}(".typography_42d9e1af84 a {\n text-decoration: none;\n color: var(--link-color);\n}\n.typography_42d9e1af84 a:focus-visible, .typography_42d9e1af84 a.focus-visible_668468e211 {\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.typography_42d9e1af84 a:focus:not(.focus-visible_668468e211) {\n outline: none;\n}\n.typography_42d9e1af84 a:hover {\n text-decoration: underline;\n}\n.typography_42d9e1af84:disabled, .typography_42d9e1af84[aria-disabled=true] {\n color: var(--disabled-text-color);\n}\n.primary_e5d8275876 {\n color: var(--text-primary);\n}\n.secondary_5da147f9d3 {\n color: var(--text-secondary);\n}\n.onPrimary_53e9552c10 {\n color: var(--text-color-on-primary);\n}\n.onPrimary_53e9552c10 a {\n color: var(--text-color-on-primary);\n text-decoration: underline;\n}\n.onInverted_a959e4d3d9 {\n color: var(--text-color-on-inverted);\n}\n.onInverted_a959e4d3d9 a {\n color: var(--text-color-on-inverted);\n text-decoration: underline;\n}\n.fixedLight_d88b1461a9 {\n color: var(--fixed-light-color);\n}\n.fixedLight_d88b1461a9 a {\n color: var(--fixed-light-color);\n text-decoration: underline;\n}\n.fixedDark_1f832d1783 {\n color: var(--fixed-dark-color);\n}\n.fixedDark_1f832d1783 a {\n color: var(--fixed-dark-color);\n text-decoration: underline;\n}\n.inherit_98478c234d {\n color: inherit;\n}\n.inherit_98478c234d a {\n color: inherit;\n text-decoration: underline;\n}\n.start_65a00f85ad {\n text-align: start;\n}\n.center_57b526f431 {\n text-align: center;\n}\n.end_d930795097 {\n text-align: end;\n}\n.singleLineEllipsis_6bb92f0e58 {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.multiLineEllipsis_5cbb3c0566 {\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: var(--text-clamp-lines);\n -webkit-box-orient: vertical;\n white-space: initial;\n}");export{e as default};
|
2
2
|
//# sourceMappingURL=Typography.module.scss.js.map
|
@@ -0,0 +1,2 @@
|
|
1
|
+
import{slicedToArray as e,defineProperty as r,regeneratorRuntime as n,toConsumableArray as s}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__awaiter as a}from"../../../_virtual/_tslib.js";import{jsxs as t,jsx as i}from"react/jsx-runtime";import{useRef as o,useState as c,useEffect as l,useCallback as d,useMemo as u}from"react";import p from"../Button/Button.js";import m from"../Icon/Icon.js";import f from"../ProgressBars/LinearProgressBar/LinearProgressBar.js";import"./Uploader.scss.js";import g from"classnames";import v from"../Icon/Icons/components/Attach.js";import h from"../Icon/Icons/components/Delete.js";import b from"../Icon/Icons/components/Upload.js";function j(j){var P=this,I=j.className,N=j["data-testid"],O=j.id,x=j.fileTypeHint,y=j.initialFiles,k=void 0===y?[]:y,z=j.uploadFunction,w=j.processingFunction,A=j.onUploadSuccess,D=j.onUploadError,B=j.onDelete,L=o(null),M=c([]),C=e(M,2),F=C[0],S=C[1],T=c(!1),E=e(T,2),R=E[0],U=E[1];l((function(){S(k.map((function(e){return{name:e.name,size:e.size,error:e.error,uploadStartedAt:0,uploadPercent:100,isProcessing:!1,temporaryId:"".concat(Math.random())}})))}),[]);var _=d((function(e){return a(P,void 0,void 0,n().mark((function r(){return n().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(!B){r.next=5;break}return r.next=3,B(e);case 3:if(!r.sent){r.next=5;break}S((function(r){return r.filter((function(r){return r.temporaryId!==e.temporaryId}))}));case 5:case"end":return r.stop()}}),r)})))}),[F,B]),H=d((function(){var e;null===(e=L.current)||void 0===e||e.click()}),[L]),G=d((function(e){return a(P,void 0,void 0,n().mark((function r(){var a,t,i,o;return n().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:if(e){r.next=2;break}return r.abrupt("return");case 2:return a={name:e.name,size:e.size,uploadPercent:0,uploadStartedAt:Date.now(),isProcessing:!1,temporaryId:"".concat(Math.random())},i=function(e){S((function(r){return r.map((function(r){return r.temporaryId===a.temporaryId?Object.assign(Object.assign({},r),e):r}))}))},r.prev=4,S((function(e){return[].concat(s(e),[a])})),t=window.setInterval((function(){var e=a.size/1024/1024,r=Date.now()-a.uploadStartedAt;i({uploadPercent:Math.min(Math.round(r/(1e3*e)*100),98)})}),800),r.next=9,z(e);case 9:if(o=r.sent,null==A||A(o),clearInterval(t),i({isProcessing:!!w,uploadPercent:100}),!w){r.next=17;break}return r.next=16,w(o);case 16:i({isProcessing:!1});case 17:r.next=24;break;case 19:r.prev=19,r.t0=r.catch(4),t&&window.clearInterval(t),null==D||D(r.t0),i({isProcessing:!1,uploadPercent:100,error:r.t0});case 24:case"end":return r.stop()}}),r,null,[[4,19]])})))}),[A,w,z]),Y=d((function(e){var r;G(null===(r=e.target.files)||void 0===r?void 0:r[0])}),[G]),q=d((function(e){e.preventDefault(),e.stopPropagation(),U("dragover"===e.type)}),[]),J=d((function(e){q(e),G(e.dataTransfer.files[0]),U(!1)}),[q,G]),K=g(r({"hds-uploader":!0,hover:R},"".concat(I),!!I)),Q=u((function(){return F.map((function(e){var r=100===e.uploadPercent&&!e.isProcessing,n=g({"hds-uploader-file":!0,error:!!e.error,ready:r});return t("div",Object.assign({className:n},{children:[t("div",Object.assign({className:"hds-uploader-file-content"},{children:[i("div",Object.assign({className:"hds-uploader-file-icon"},{children:i(m,{icon:v})})),t("div",Object.assign({className:"hds-uploader-file-data"},{children:[t("div",Object.assign({className:"hds-uploader-file-name"},{children:[e.name,t("span",Object.assign({className:"hds-uploader-file-size"},{children:["(",(e.size/1024/1024).toFixed(2)," MB)"]}))]})),100>e.uploadPercent&&i(f,{className:"progress-bar",indicateProgress:!0,value:e.uploadPercent,size:f.sizes.LARGE}),e.isProcessing&&i("div",Object.assign({className:"hds-uploader-file-processing"},{children:"File is being processed..."})),r&&!!B&&i("div",Object.assign({className:"hds-uploader-file-actions"},{children:i(p,{kind:p.kinds.TERTIARY,size:p.sizes.SMALL,onClick:function(){return _(e)},leftIcon:h})}))]}))]})),e.error&&i("div",Object.assign({className:"hds-uploader-file-error-message"},{children:e.error.message}))]}),e.name)}))}),[F,B,_]);return t("div",Object.assign({className:K,id:O,"data-testid":N},{children:[t("div",Object.assign({className:"hds-uploader-base",onDragEnter:q,onDragLeave:q,onDragOver:q,onDrop:J,onClick:H},{children:[i("input",{type:"file",className:"hds-uploader-file-input",ref:L,onChange:Y}),i("div",Object.assign({className:"hds-uploader-base-icon"},{children:i(m,{icon:b})})),t("div",Object.assign({className:"hds-uploader-base-text"},{children:[t("div",Object.assign({className:"instruction"},{children:["Click to select a file",i("br",{}),"or drag and drop"]})),x&&i("div",Object.assign({className:"file-types-hint"},{children:x}))]}))]})),Q.length>0&&i("hr",{}),Q]}))}var P=j;export{P as BasicUploader,j as Uploader};
|
2
|
+
//# sourceMappingURL=Uploader.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Uploader.js","sources":["../../../../../src/components/Uploader/Uploader.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport Button from '../Button/Button';\nimport Icon from '../Icon/Icon';\nimport { Attach, Delete, Upload } from '../Icon/Icons';\nimport LinearProgressBar from '../ProgressBars/LinearProgressBar/LinearProgressBar';\nimport './Uploader.scss';\nimport classNames from 'classnames';\nimport { VibeComponentProps } from 'src/types';\n\nexport type UploadError = {\n message: string;\n}\n\nexport type UploaderOnDeleteCallback = (file: UploaderFile) => Promise<boolean>;\nexport type UploaderOnSuccessCallback<Result extends any> = (result: Result) => void;\nexport type UploaderOnErrorCallback = (error: Error) => void;\nexport type UploaderUploadFunction<Result extends any> = (nativeFile: File) => Promise<Result>;\nexport type UploaderProcessingFunction<Result extends any> = (result: Result) => Promise<void>;\n\nexport interface UploaderFile {\n name: string;\n size: number;\n uploadStartedAt: number;\n uploadPercent: number;\n isProcessing: boolean;\n temporaryId: string;\n error?: Error;\n}\n\nexport interface UploaderProps<Result extends any> extends VibeComponentProps {\n fileTypeHint?: string;\n initialFiles?: Array<{\n name: string;\n size: number;\n error?: Error;\n }>;\n onDelete?: UploaderOnDeleteCallback;\n onUploadSuccess?: UploaderOnSuccessCallback<Result>;\n onUploadError?: UploaderOnErrorCallback;\n processingFunction?: UploaderProcessingFunction<Result>;\n uploadFunction: UploaderUploadFunction<Result>;\n}\n\n// average time in ms it takes to upload 1MB\nconst megabyteUploadTime = 1000;\n\nexport function Uploader<Result extends any>({\n className,\n \"data-testid\": testId,\n id,\n fileTypeHint,\n initialFiles = [],\n uploadFunction,\n processingFunction,\n onUploadSuccess,\n onUploadError,\n onDelete,\n}: UploaderProps<Result>) {\n\n const fileInputRef = useRef<HTMLInputElement | null>(null);\n const [files, setFiles] = useState<Array<UploaderFile>>([]);\n const [isDragging, setIsDragging] = useState(false);\n\n useEffect(() => {\n setFiles(initialFiles.map(({ name, size, error }) => {\n return {\n name,\n size,\n error,\n uploadStartedAt: 0,\n uploadPercent: 100,\n isProcessing: false,\n temporaryId: `${Math.random()}`,\n };\n }));\n }, []);\n\n const onDeleteClick = useCallback(async (file: UploaderFile) => {\n if (onDelete) {\n if (await onDelete(file)) {\n setFiles((prevFiles) => prevFiles.filter((prevFile) => prevFile.temporaryId !== file.temporaryId));\n }\n }\n }, [files, onDelete]);\n\n const onUploadClick = useCallback(() => {\n fileInputRef.current?.click();\n }, [fileInputRef]);\n\n const onFileSelected = useCallback(async (nativeFile?: File) => {\n if (!nativeFile) return;\n\n const newFile: UploaderFile = {\n name: nativeFile.name,\n size: nativeFile.size,\n uploadPercent: 0,\n uploadStartedAt: Date.now(),\n isProcessing: false,\n temporaryId: `${Math.random()}`,\n };\n let intervalId;\n\n const updateFile = (update: Partial<UploaderFile>) => {\n setFiles((prevFiles) => prevFiles.map((file) => {\n if (file.temporaryId === newFile.temporaryId) {\n return {\n ...file,\n ...update,\n };\n }\n\n return file;\n }));\n };\n\n try {\n setFiles((prevFiles) => [...prevFiles, newFile]);\n\n intervalId = window.setInterval(() => {\n const sizeInMegabytes = newFile.size / 1024 / 1024;\n const timeDiff = Date.now() - newFile.uploadStartedAt;\n const predictedTotalTime = megabyteUploadTime * sizeInMegabytes;\n const percent = Math.round((timeDiff / predictedTotalTime) * 100);\n\n updateFile({\n uploadPercent: Math.min(percent, 98),\n });\n }, 800);\n\n const result = await uploadFunction(nativeFile);\n\n onUploadSuccess?.(result);\n\n // stop early to avoid upload progress > 100%\n clearInterval(intervalId);\n\n updateFile({\n isProcessing: !!processingFunction,\n uploadPercent: 100,\n });\n\n if (processingFunction) {\n await processingFunction(result);\n\n updateFile({\n isProcessing: false,\n });\n }\n\n } catch (e: any) {\n if (intervalId) window.clearInterval(intervalId);\n onUploadError?.(e);\n\n updateFile({\n isProcessing: false,\n uploadPercent: 100,\n error: e,\n });\n }\n }, [onUploadSuccess, processingFunction, uploadFunction]);\n\n const onFileInputChange = useCallback((e: React.ChangeEvent<HTMLInputElement>) => {\n // noinspection JSIgnoredPromiseFromCall\n onFileSelected(e.target.files?.[0]);\n }, [onFileSelected]);\n\n const onDragTypeEvent = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n e.preventDefault();\n e.stopPropagation();\n setIsDragging(e.type === 'dragover');\n }, []);\n\n const onDrop = useCallback((e: React.DragEvent<HTMLDivElement>) => {\n onDragTypeEvent(e);\n // noinspection JSIgnoredPromiseFromCall\n onFileSelected(e.dataTransfer.files[0]);\n setIsDragging(false);\n }, [onDragTypeEvent, onFileSelected]);\n\n const classes = classNames({\n 'hds-uploader': true,\n 'hover': isDragging,\n [`${className}`]: !!className,\n });\n\n const renderedFiles = useMemo(() => files.map((file) => {\n const isFileReady = file.uploadPercent === 100 && !file.isProcessing;\n const classes = classNames({\n 'hds-uploader-file': true,\n 'error': !!file.error,\n 'ready': isFileReady,\n });\n\n return (\n <div className={classes} key={file.name}>\n <div className='hds-uploader-file-content'>\n <div className={'hds-uploader-file-icon'}>\n <Icon icon={Attach} />\n </div>\n <div className={'hds-uploader-file-data'}>\n <div className={'hds-uploader-file-name'}>{file.name}\n <span className={'hds-uploader-file-size'}>({(file.size / 1024 / 1024).toFixed(2)} MB)</span>\n </div>\n {file.uploadPercent < 100 && (\n <LinearProgressBar\n className=\"progress-bar\"\n indicateProgress\n value={file.uploadPercent}\n size={LinearProgressBar.sizes.LARGE}\n />\n )}\n {file.isProcessing && (\n <div className={'hds-uploader-file-processing'}>\n File is being processed...\n </div>\n )}\n {isFileReady && !!onDelete && (\n <div className={'hds-uploader-file-actions'}>\n <Button\n kind={Button.kinds.TERTIARY}\n size={Button.sizes.SMALL}\n onClick={() => onDeleteClick(file)}\n leftIcon={Delete}\n />\n </div>\n )}\n </div>\n </div>\n {file.error && (\n <div className={'hds-uploader-file-error-message'}>\n {file.error.message}\n </div>\n )}\n </div>\n );\n }), [files, onDelete, onDeleteClick]);\n\n return (\n <div className={classes} id={id} data-testid={testId}>\n <div\n className={'hds-uploader-base'}\n onDragEnter={onDragTypeEvent}\n onDragLeave={onDragTypeEvent}\n onDragOver={onDragTypeEvent}\n onDrop={onDrop}\n onClick={onUploadClick}\n >\n <input type={'file'} className={'hds-uploader-file-input'} ref={fileInputRef} onChange={onFileInputChange} />\n <div className={'hds-uploader-base-icon'}>\n <Icon icon={Upload} />\n </div>\n <div className={'hds-uploader-base-text'}>\n <div className='instruction'>\n Click to select a file<br />\n or drag and drop\n </div>\n {fileTypeHint && (\n <div className='file-types-hint'>{fileTypeHint}</div>\n )}\n </div>\n </div>\n {renderedFiles.length > 0 && <hr />}\n {renderedFiles}\n </div>\n );\n}\n\nexport const BasicUploader = Uploader<void>;"],"names":["Uploader","_ref","_this","this","className","testId","id","fileTypeHint","_ref$initialFiles","initialFiles","uploadFunction","processingFunction","onUploadSuccess","onUploadError","onDelete","fileInputRef","useRef","_useState","useState","_useState2","_slicedToArray","files","setFiles","_useState3","_useState4","isDragging","setIsDragging","useEffect","map","_ref2","name","size","error","uploadStartedAt","uploadPercent","isProcessing","temporaryId","concat","Math","random","onDeleteClick","useCallback","file","__awaiter","_regeneratorRuntime","mark","_callee","wrap","_context","prev","next","sent","prevFiles","filter","prevFile","stop","onUploadClick","_a","current","click","onFileSelected","nativeFile","_callee2","newFile","intervalId","updateFile","result","_context2","abrupt","Date","now","update","Object","assign","_toConsumableArray","window","setInterval","sizeInMegabytes","timeDiff","min","round","clearInterval","t0","onFileInputChange","e","target","onDragTypeEvent","preventDefault","stopPropagation","type","onDrop","dataTransfer","classes","classNames","_defineProperty","hover","renderedFiles","useMemo","isFileReady","ready","_jsxs","children","_jsx","Icon","icon","Attach","toFixed","LinearProgressBar","indicateProgress","value","sizes","LARGE","Button","kind","kinds","TERTIARY","SMALL","onClick","leftIcon","Delete","message","onDragEnter","onDragLeave","onDragOver","ref","onChange","Upload","length","BasicUploader"],"mappings":"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"}
|
@@ -0,0 +1,2 @@
|
|
1
|
+
var n=".hds-uploader {\n display: flex;\n flex: 1;\n flex-direction: column;\n align-items: center;\n border-radius: var(--border-radius-medium);\n border: 1px dashed var(--divider-secondary);\n background: var(--surface-primary);\n}\n.hds-uploader.hover {\n border-color: var(--divider-active);\n}\n.hds-uploader-base {\n width: 90%;\n flex: 1;\n display: flex;\n padding: var(--spacing-large);\n flex-direction: column;\n align-items: center;\n}\n.hds-uploader-base-icon {\n padding: var(--spacing-large);\n}\n.hds-uploader-base-text {\n font: var(--font-text1-normal);\n display: flex;\n flex-direction: column;\n align-items: center;\n text-align: center;\n gap: 4px;\n align-self: stretch;\n color: var(--text-tertiary);\n}\n.hds-uploader hr {\n border: none;\n border-top: 1px dashed var(--divider-secondary);\n width: 90%;\n}\n.hds-uploader-file-input {\n display: none;\n}\n.hds-uploader-file {\n width: 90%;\n display: flex;\n flex-direction: column;\n}\n.hds-uploader-file-content {\n display: flex;\n flex-direction: row;\n align-items: center;\n align-self: stretch;\n}\n.hds-uploader-file-icon {\n padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data {\n display: flex;\n flex: 1;\n align-items: center;\n justify-content: space-between;\n padding: 0 var(--spacing-medium);\n}\n.hds-uploader-file-data .progress-bar {\n width: 50%;\n}\n.hds-uploader-file-name {\n font: var(--font-text1-normal);\n color: var(--text-link);\n}\n.hds-uploader-file-size {\n font: var(--font-text1-normal);\n color: var(--text-tertiary);\n}\n.hds-uploader-file-processing {\n font: var(--font-text1-normal);\n color: var(--text-secondary);\n}\n.hds-uploader-file-actions {\n display: flex;\n}\n.hds-uploader-file.error {\n color: var(--negative-color);\n}\n.hds-uploader-file-error-message {\n font: var(--font-text1-bold);\n padding: 0 var(--spacing-medium);\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-0eb3139d119b_0_0_34";if(e.querySelector("#"+r))return;const d=document.createElement("style");d.id=r,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(n);export{n as default};
|
2
|
+
//# sourceMappingURL=Uploader.scss.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Uploader.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var e={virtualizedGridWrapper:"
|
1
|
+
var e={virtualizedGridWrapper:"virtualizedGridWrapper_f7fa7dac83"};!function(e){if("undefined"==typeof document)return;const d=document.head||document.getElementsByTagName("head")[0],t="s_id-03a8eed790d8_0_0_34";if(d.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}(".virtualizedGridWrapper_f7fa7dac83 {\n height: 100%;\n width: 100%;\n}");export{e as default};
|
2
2
|
//# sourceMappingURL=VirtualizedGrid.module.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var e={virtualizedListWrapper:"
|
1
|
+
var e={virtualizedListWrapper:"virtualizedListWrapper_f7fa7dac83"};!function(e){if("undefined"==typeof document)return;const t=document.head||document.getElementsByTagName("head")[0],d="s_id-9250e4cf6c59_0_0_34";if(t.querySelector("#"+d))return;const i=document.createElement("style");i.id=d,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}(".virtualizedListWrapper_f7fa7dac83 {\n height: 100%;\n width: 100%;\n}");export{e as default};
|
2
2
|
//# sourceMappingURL=VirtualizedList.module.scss.js.map
|
@@ -1,2 +1,2 @@
|
|
1
|
-
var n=".hds-workflow {\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--text-secondary);\n padding: 16px;\n width: 100%;\n}\n\n.hds-workflow-step:first-child {\n border-radius: var(--border-radius-medium) 0px 0px var(--border-radius-medium);\n}\n\n.hds-workflow-step:last-child {\n border-radius: 0px var(--border-radius-medium) var(--border-radius-medium) 0px;\n}\n\n.hds-workflow-step {\n margin-right: -1px;\n border: 1px solid var(--divider-primary);\n padding: 4px 16px;\n align-self: center;\n display: flex;\n flex-direction: column;\n gap: 16px;\n min-width: 220px;\n width: inherit;\n font-size: 15px;\n line-height: 22px;\n color: var(--color-gray-400);\n}\n\n.hds-workflow-step.hds-workflow-step-active {\n padding: 16px;\n min-width: 320px;\n color: var(--text-primary);\n background-color: var(--surface-primary);\n border-radius: 6px;\n}\n\n.hds-workflow-step.hds-workflow-step-active .hds-workflow-step-header {\n font-size: 18px;\n line-height: 24px;\n font-weight: 600;\n}\n\n.hds-workflow-step.hds-workflow-step-complete {\n background: var(--surface-success);\n color: var(--text-secondary);\n}\n\n.hds-workflow-step.hds-workflow-step-complete path {\n stroke: var(--divider-primary);\n}\n\n.hds-workflow-step-header {\n display: flex;\n align-items: center;\n gap: 4px;\n font-weight: 600;\n}\n\n.hds-workflow-step-index {\n border: 1px solid var(--divider-primary);\n margin-right: 16px;\n border-radius: 44px;\n width: 16px;\n height: 16px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n color: var(--color-gray-400);\n font-size: 14px;\n font-weight: 400;\n}\n\n.hds-workflow-step-actions {\n display: flex;\n gap: 16px;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-
|
1
|
+
var n=".hds-workflow {\n display: flex;\n justify-content: center;\n align-items: center;\n color: var(--text-secondary);\n padding: 16px;\n width: 100%;\n}\n\n.hds-workflow-step:first-child {\n border-radius: var(--border-radius-medium) 0px 0px var(--border-radius-medium);\n}\n\n.hds-workflow-step:last-child {\n border-radius: 0px var(--border-radius-medium) var(--border-radius-medium) 0px;\n}\n\n.hds-workflow-step {\n margin-right: -1px;\n border: 1px solid var(--divider-primary);\n padding: 4px 16px;\n align-self: center;\n display: flex;\n flex-direction: column;\n gap: 16px;\n min-width: 220px;\n width: inherit;\n font-size: 15px;\n line-height: 22px;\n color: var(--color-gray-400);\n}\n\n.hds-workflow-step.hds-workflow-step-active {\n padding: 16px;\n min-width: 320px;\n color: var(--text-primary);\n background-color: var(--surface-primary);\n border-radius: 6px;\n}\n\n.hds-workflow-step.hds-workflow-step-active .hds-workflow-step-header {\n font-size: 18px;\n line-height: 24px;\n font-weight: 600;\n}\n\n.hds-workflow-step.hds-workflow-step-complete {\n background: var(--surface-success);\n color: var(--text-secondary);\n}\n\n.hds-workflow-step.hds-workflow-step-complete path {\n stroke: var(--divider-primary);\n}\n\n.hds-workflow-step-header {\n display: flex;\n align-items: center;\n gap: 4px;\n font-weight: 600;\n}\n\n.hds-workflow-step-index {\n border: 1px solid var(--divider-primary);\n margin-right: 16px;\n border-radius: 44px;\n width: 16px;\n height: 16px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n gap: 10px;\n color: var(--color-gray-400);\n font-size: 14px;\n font-weight: 400;\n}\n\n.hds-workflow-step-actions {\n display: flex;\n gap: 16px;\n}";!function(n){if("undefined"==typeof document)return;const e=document.head||document.getElementsByTagName("head")[0],r="s_id-1dc8157348df_0_0_34";if(e.querySelector("#"+r))return;const d=document.createElement("style");d.id=r,e.firstChild?e.insertBefore(d,e.firstChild):e.appendChild(d),d.appendChild(document.createTextNode(n))}(n);export{n as default};
|
2
2
|
//# sourceMappingURL=workflow.scss.js.map
|
package/dist/esm/src/index.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
import"../style/dist/index.min.css.js";export{default as Loader}from"./components/Loader/Loader.js";export{default as Icon}from"./components/Icon/Icon.js";export{default as Search,default as SearchComponent}from"./components/Search/Search.js";export{default as InputField,default as TextField}from"./components/TextField/TextField.js";export{default as Dialog}from"./components/Dialog/Dialog.js";export{default as Tooltip}from"./components/Tooltip/Tooltip.js";export{default as Button}from"./components/Button/Button.js";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{default as LinearProgressBar}from"./components/ProgressBars/LinearProgressBar/LinearProgressBar.js";export{default as Link}from"./components/Link/Link.js";export{default as CustomSvgIcon}from"./components/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as Divider}from"./components/Divider/Divider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as Label}from"./components/Label/Label.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as DialogContentContainer}from"./components/DialogContentContainer/DialogContentContainer.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as DropdownMenu}from"./components/Dropdown/components/menu/menu.js";export{default as DropdownOption}from"./components/Dropdown/components/option/option.js";export{default as DropdownSingleValue}from"./components/Dropdown/components/singleValue/singleValue.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as AttentionBoxLink}from"./components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export{default as Heading}from"./components/Heading/Heading.js";export{default as LegacyHeading}from"./components/LegacyHeading/LegacyHeading.js";export{default as EditableInput}from"./components/EditableInput/EditableInput.js";export{default as EditableHeading}from"./components/LegacyEditableHeading/LegacyEditableHeading.js";export{default as ResponsiveList}from"./components/ResponsiveList/ResponsiveList.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as Tags}from"./components/Tags/Tags.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenImage}from"./components/Tipseen/TipseenImage.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as DateNavigationItem}from"./components/DatePicker/DateNavigationItem/DateNavigationItem.js";export{default as DatePickerHeader}from"./components/DatePicker/DatePickerHeader/DatePickerHeader.js";export{default as YearPicker}from"./components/DatePicker/YearPicker/YearPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as ColorPickerItemComponent}from"./components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as List}from"./components/List/List.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as Clickable}from"./components/Clickable/Clickable.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as IconButton}from"./components/IconButton/IconButton.js";export{default as Flex}from"./components/Flex/Flex.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Modal}from"./components/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalFooter}from"./components/Modal/ModalFooter/ModalFooter.js";export{default as ModalFooterButtons}from"./components/Modal/ModalFooter/ModalFooterButtons/ModalFooterButtons.js";export{default as Box}from"./components/Box/Box.js";export{default as Text}from"./components/Text/Text.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as Badge}from"./components/Badge/Badge.js";export{Table}from"./components/Table/Table.js";export{DropdownButton}from"./components/Table/new/Buttons/DropdownButton.js";export{default as TableHeader}from"./components/Table/TableHeader.js";export{TableCell}from"./components/Table/TableCell.js";export{TablePaginator}from"./components/Table/TablePaginator.js";export{ActionColumn}from"./components/Table/columns/actionColumn.js";export{TableRowMemoized}from"./components/Table/TableRowMemoized.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as Typography}from"./components/Typography/Typography.js";export{default as EditableTypography}from"./components/EditableTypography/EditableTypography.js";export{default as TextAreaField}from"./components/TextAreaField/TextAreaField.js";export{DialogContentContainerStyled,LogoContainer,NavLink,NavList,Navbar,NavbarContainer,NotificationsContainer,ProfileContainer,SpanStyled,default as TopNavigationBar,UserInfo}from"./components/TopNavigationBar/TopNavigationBar.js";export{NotificationItem}from"./components/TopNavigationBar/components/NotificationItem/NotificationItem.js";export{default as InlineEdit}from"./components/InlineEdit/InlineEdit.js";export{default as Timeline}from"./components/Timeline/Timeline/Timeline.js";export{default as TimelineRow}from"./components/Timeline/TimelineRow/TimelineRow.js";export{default as PageHeader}from"./components/PageHeader/PageHeader.js";export{default as FieldLabel}from"./components/FieldLabel/FieldLabel.js";export{GridCol,GridContainer,GridRow}from"./components/Grid/Grid.js";export{HeaderActions}from"./components/HeaderActions/HeaderActions.js";export{Logo}from"./components/Logo/Logo.js";export{default as SectionHeader}from"./components/SectionHeader/SectionHeader.js";export{SectionLabel,default as Sidebar,SidebarHeader,SidebarMenuItem}from"./components/Sidebar/Sidebar.js";export{default as Tree}from"./components/Tree/Tree.js";export{Step,default as Workflow}from"./components/Workflow/Workflow.js";export{ButtonType}from"./components/Button/ButtonConstants.js";export{default as NumericField}from"./components/NumericField/NumericField.js";export{default as useKeyEvent}from"./hooks/useKeyEvent/index.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useClickOutside}from"./hooks/useClickOutside/index.js";export{default as useResizeObserver}from"./hooks/useResizeObserver.js";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useMergeRefs}from"./hooks/useMergeRefs.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useIsOverflowing}from"./hooks/useIsOverflowing/useIsOverflowing.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useListenFocusTriggers}from"./hooks/useListenFocusTriggers/index.js";export{default as useClickableProps}from"./hooks/useClickableProps/useClickableProps.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useEventListener}from"./hooks/useEventListener/index.js";
|
1
|
+
import"../style/dist/index.min.css.js";export{default as Loader}from"./components/Loader/Loader.js";export{default as Icon}from"./components/Icon/Icon.js";export{default as Search,default as SearchComponent}from"./components/Search/Search.js";export{default as InputField,default as TextField}from"./components/TextField/TextField.js";export{default as Dialog}from"./components/Dialog/Dialog.js";export{default as Tooltip}from"./components/Tooltip/Tooltip.js";export{default as Button}from"./components/Button/Button.js";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{default as LinearProgressBar}from"./components/ProgressBars/LinearProgressBar/LinearProgressBar.js";export{default as Link}from"./components/Link/Link.js";export{default as CustomSvgIcon}from"./components/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as Divider}from"./components/Divider/Divider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as Label}from"./components/Label/Label.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as DialogContentContainer}from"./components/DialogContentContainer/DialogContentContainer.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as DropdownMenu}from"./components/Dropdown/components/menu/menu.js";export{default as DropdownOption}from"./components/Dropdown/components/option/option.js";export{default as DropdownSingleValue}from"./components/Dropdown/components/singleValue/singleValue.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as AttentionBoxLink}from"./components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export{default as Heading}from"./components/Heading/Heading.js";export{default as LegacyHeading}from"./components/LegacyHeading/LegacyHeading.js";export{default as EditableInput}from"./components/EditableInput/EditableInput.js";export{default as EditableHeading}from"./components/LegacyEditableHeading/LegacyEditableHeading.js";export{default as ResponsiveList}from"./components/ResponsiveList/ResponsiveList.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as Tags}from"./components/Tags/Tags.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenImage}from"./components/Tipseen/TipseenImage.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as DateNavigationItem}from"./components/DatePicker/DateNavigationItem/DateNavigationItem.js";export{default as DatePickerHeader}from"./components/DatePicker/DatePickerHeader/DatePickerHeader.js";export{default as YearPicker}from"./components/DatePicker/YearPicker/YearPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as ColorPickerItemComponent}from"./components/ColorPicker/components/ColorPickerItemComponent/ColorPickerItemComponent.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as List}from"./components/List/List.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as Clickable}from"./components/Clickable/Clickable.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as IconButton}from"./components/IconButton/IconButton.js";export{default as Flex}from"./components/Flex/Flex.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Modal}from"./components/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalFooter}from"./components/Modal/ModalFooter/ModalFooter.js";export{default as ModalFooterButtons}from"./components/Modal/ModalFooter/ModalFooterButtons/ModalFooterButtons.js";export{default as Box}from"./components/Box/Box.js";export{default as Text}from"./components/Text/Text.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as Badge}from"./components/Badge/Badge.js";export{Table}from"./components/Table/Table.js";export{DropdownButton}from"./components/Table/new/Buttons/DropdownButton.js";export{default as TableHeader}from"./components/Table/TableHeader.js";export{TableCell}from"./components/Table/TableCell.js";export{TablePaginator}from"./components/Table/TablePaginator.js";export{ActionColumn}from"./components/Table/columns/actionColumn.js";export{TableRowMemoized}from"./components/Table/TableRowMemoized.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as Typography}from"./components/Typography/Typography.js";export{default as EditableTypography}from"./components/EditableTypography/EditableTypography.js";export{default as TextAreaField}from"./components/TextAreaField/TextAreaField.js";export{DialogContentContainerStyled,LogoContainer,NavLink,NavList,Navbar,NavbarContainer,NotificationsContainer,ProfileContainer,SpanStyled,default as TopNavigationBar,UserInfo}from"./components/TopNavigationBar/TopNavigationBar.js";export{NotificationItem}from"./components/TopNavigationBar/components/NotificationItem/NotificationItem.js";export{default as InlineEdit}from"./components/InlineEdit/InlineEdit.js";export{default as Timeline}from"./components/Timeline/Timeline/Timeline.js";export{default as TimelineRow}from"./components/Timeline/TimelineRow/TimelineRow.js";export{default as PageHeader}from"./components/PageHeader/PageHeader.js";export{default as FieldLabel}from"./components/FieldLabel/FieldLabel.js";export{GridCol,GridContainer,GridRow}from"./components/Grid/Grid.js";export{HeaderActions}from"./components/HeaderActions/HeaderActions.js";export{Logo}from"./components/Logo/Logo.js";export{default as SectionHeader}from"./components/SectionHeader/SectionHeader.js";export{SectionLabel,default as Sidebar,SidebarHeader,SidebarMenuItem}from"./components/Sidebar/Sidebar.js";export{default as Tree}from"./components/Tree/Tree.js";export{Step,default as Workflow}from"./components/Workflow/Workflow.js";export{ButtonType}from"./components/Button/ButtonConstants.js";export{default as NumericField}from"./components/NumericField/NumericField.js";export{BasicUploader,Uploader}from"./components/Uploader/Uploader.js";export{default as useKeyEvent}from"./hooks/useKeyEvent/index.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useClickOutside}from"./hooks/useClickOutside/index.js";export{default as useResizeObserver}from"./hooks/useResizeObserver.js";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useMergeRefs}from"./hooks/useMergeRefs.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useIsOverflowing}from"./hooks/useIsOverflowing/useIsOverflowing.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useListenFocusTriggers}from"./hooks/useListenFocusTriggers/index.js";export{default as useClickableProps}from"./hooks/useClickableProps/useClickableProps.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useEventListener}from"./hooks/useEventListener/index.js";
|
2
2
|
//# sourceMappingURL=index.js.map
|