@heliux-org/design-system-core 0.0.167 → 0.0.168
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/Box.js +1 -1
- package/dist/Box.js.map +1 -1
- package/dist/Combobox.css +1 -1
- package/dist/Combobox.css.map +1 -1
- package/dist/HeaderActions.css +1 -1
- package/dist/HeaderActions.css.map +1 -1
- package/dist/InlineEdit.css +1 -1
- package/dist/InlineEdit.css.map +1 -1
- package/dist/PageHeader.css +1 -1
- package/dist/PageHeader.css.map +1 -1
- package/dist/Search.css +1 -1
- package/dist/Search.css.map +1 -1
- package/dist/SearchComponent.css +1 -1
- package/dist/SearchComponent.css.map +1 -1
- package/dist/Slider.css +1 -1
- package/dist/Slider.css.map +1 -1
- package/dist/TableHeader.css +1 -1
- package/dist/TableHeader.css.map +1 -1
- package/dist/TextField.css +1 -1
- package/dist/TextField.css.map +1 -1
- package/dist/components/Box/Box.js +50 -1
- package/dist/components/Box/Box.js.map +1 -1
- package/dist/esm/components/Box/Box.d.ts +4 -0
- package/dist/esm/components/Box/Box.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.js +1 -1
- package/dist/esm/src/components/Box/Box.js.map +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/Comments/comments.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/ClearIndicator/ClearIndicator.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/NewTable/Table.module.scss.js +1 -1
- package/dist/esm/src/components/NewTable/components/Cell/Cell.module.scss.js +1 -1
- package/dist/esm/src/components/NewTable/components/Cell/HeaderCell/HeaderCell.module.scss.js +1 -1
- package/dist/esm/src/components/NewTable/components/ExpandedContent/ExpandedContent.module.scss.js +1 -1
- package/dist/esm/src/components/NewTable/components/Row/Row.module.scss.js +1 -1
- package/dist/esm/src/components/NewTable/components/TableHead/TableHead.module.scss.js +1 -1
- package/dist/esm/src/components/NewTable/components/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/esm/src/components/NewTable/components/ToggleExpandedIcon/ToggleExpandedIcon.module.scss.js +1 -1
- package/dist/esm/src/components/NewTable/components/newComponents/pagination/Pagination.module.scss.js +1 -1
- package/dist/esm/src/components/NewTable/components/useLeafyGreenTable/useLeafyGreenTable.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/Panel/Panel.module.scss.js +1 -1
- package/dist/esm/src/components/ProcessingToast/ProcessingToast.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/ScrollableContainer/scrollableContainer.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/SegmentControl/SegmentControlCell/SegmentControlCell.module.scss.js +1 -1
- package/dist/esm/src/components/SegmentControl/SegmentControlList/SegmentControlList.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.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.scss.js +1 -1
- 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/style/dist/index.min.css.js +1 -1
- package/dist/main.css +1 -1
- 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/Box/Box.d.ts +4 -0
- package/dist/mocked_classnames_esm/components/Box/Box.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.js +1 -1
- package/dist/mocked_classnames_esm/src/components/Box/Box.js.map +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/Comments/comments.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/ClearIndicator/ClearIndicator.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/NewTable/Table.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/NewTable/components/Cell/Cell.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/NewTable/components/Cell/HeaderCell/HeaderCell.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/NewTable/components/ExpandedContent/ExpandedContent.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/NewTable/components/Row/Row.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/NewTable/components/TableHead/TableHead.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/NewTable/components/TableHeader/TableHeader.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/NewTable/components/ToggleExpandedIcon/ToggleExpandedIcon.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/NewTable/components/newComponents/pagination/Pagination.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/NewTable/components/useLeafyGreenTable/useLeafyGreenTable.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/Panel/Panel.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/ProcessingToast/ProcessingToast.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/ScrollableContainer/scrollableContainer.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/SegmentControl/SegmentControlCell/SegmentControlCell.module.scss.js +1 -1
- package/dist/mocked_classnames_esm/src/components/SegmentControl/SegmentControlList/SegmentControlList.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.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.scss.js +1 -1
- 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/style/dist/index.min.css.js +1 -1
- package/dist/types/components/Box/Box.d.ts +4 -0
- package/dist/types/components/Box/Box.d.ts.map +1 -1
- package/package.json +2 -2
- package/src/components/Box/Box.tsx +73 -1
- package/src/components/Box/__stories__/Box.stories.tsx +36 -0
- package/src/components/TextField/TextField.module.scss +4 -4
@@ -1,4 +1,7 @@
|
|
1
|
-
|
1
|
+
|
2
|
+
|
3
|
+
|
4
|
+
import React, { forwardRef, useRef, useEffect, useState } from "react";
|
2
5
|
import cx from "classnames";
|
3
6
|
import useMergeRef from "../../hooks/useMergeRef";
|
4
7
|
import {
|
@@ -57,6 +60,8 @@ export interface BoxProps extends VibeComponentProps {
|
|
57
60
|
elementType?: keyof JSX.IntrinsicElements | string;
|
58
61
|
children?: ElementContent;
|
59
62
|
disabled?: boolean;
|
63
|
+
width?: string;
|
64
|
+
height?: string;
|
60
65
|
border?: ValueOf<Border>;
|
61
66
|
borderColor?: ValueOf<BorderColor>;
|
62
67
|
rounded?: ValueOf<Rounded>;
|
@@ -81,6 +86,8 @@ export interface BoxProps extends VibeComponentProps {
|
|
81
86
|
* TODO: make default in next major version
|
82
87
|
*/
|
83
88
|
scrollable?: boolean;
|
89
|
+
fullScreen?: boolean; // New prop for fullscreen mode
|
90
|
+
fixedSize?: boolean; // New prop for fixed size mode
|
84
91
|
}
|
85
92
|
|
86
93
|
const Box: VibeComponent<BoxProps> & {
|
@@ -133,11 +140,49 @@ const Box: VibeComponent<BoxProps> & {
|
|
133
140
|
textColor,
|
134
141
|
backgroundColor,
|
135
142
|
scrollable,
|
143
|
+
fullScreen, // New prop
|
144
|
+
fixedSize, // New prop
|
145
|
+
width,
|
146
|
+
height,
|
136
147
|
},
|
137
148
|
ref
|
138
149
|
) => {
|
139
150
|
const componentRef = useRef(null);
|
140
151
|
const mergedRef = useMergeRef(ref, componentRef);
|
152
|
+
const [dimensions, setDimensions] = useState({ width: 0, height: 0 });
|
153
|
+
|
154
|
+
useEffect(() => {
|
155
|
+
const updateDimensions = () => {
|
156
|
+
if (fullScreen) {
|
157
|
+
const marginValues = (margin || "").split(' ').map(value => parseInt(value) || 0);
|
158
|
+
const totalHorizontalMargin = (marginValues[1] || marginValues[0]) * 2;
|
159
|
+
const totalVerticalMargin = marginValues[0] * 2;
|
160
|
+
|
161
|
+
setDimensions({
|
162
|
+
width: window.innerWidth - totalHorizontalMargin,
|
163
|
+
height: window.innerHeight - totalVerticalMargin
|
164
|
+
});
|
165
|
+
}
|
166
|
+
};
|
167
|
+
|
168
|
+
if (fullScreen) {
|
169
|
+
updateDimensions();
|
170
|
+
window.addEventListener('resize', updateDimensions);
|
171
|
+
return () => window.removeEventListener('resize', updateDimensions);
|
172
|
+
}
|
173
|
+
}, [fullScreen, margin]);
|
174
|
+
|
175
|
+
const style = {
|
176
|
+
...(fullScreen ? {
|
177
|
+
width: `${dimensions.width}px`,
|
178
|
+
height: `${dimensions.height}px`,
|
179
|
+
position: 'fixed',
|
180
|
+
top: 0,
|
181
|
+
left: 0,
|
182
|
+
} : {}),
|
183
|
+
...(fixedSize ? { width, height } : {}),
|
184
|
+
};
|
185
|
+
|
141
186
|
return React.createElement(
|
142
187
|
elementType,
|
143
188
|
{
|
@@ -168,12 +213,14 @@ const Box: VibeComponent<BoxProps> & {
|
|
168
213
|
backgroundColor
|
169
214
|
),
|
170
215
|
id: id,
|
216
|
+
style, // Apply the dynamic style
|
171
217
|
},
|
172
218
|
children
|
173
219
|
);
|
174
220
|
}
|
175
221
|
);
|
176
222
|
|
223
|
+
|
177
224
|
export default withStaticProps(Box, {
|
178
225
|
borders: BORDER,
|
179
226
|
borderColors: BORDER_COLOR,
|
@@ -196,3 +243,28 @@ export default withStaticProps(Box, {
|
|
196
243
|
backgroundColors: BACKGROUND_COLORS,
|
197
244
|
textColors: COLORS,
|
198
245
|
});
|
246
|
+
|
247
|
+
|
248
|
+
// How to use
|
249
|
+
// import DynamicFlexibleCard from './DynamicFlexibleCard';
|
250
|
+
|
251
|
+
// function App() {
|
252
|
+
// return (
|
253
|
+
// <div>
|
254
|
+
// {/* Full screen card with margin */}
|
255
|
+
// <DynamicFlexibleCard fullScreen margin="20px">
|
256
|
+
// <h1>Full Screen Card with Margin</h1>
|
257
|
+
// </DynamicFlexibleCard>
|
258
|
+
|
259
|
+
// {/* Fixed size card */}
|
260
|
+
// <DynamicFlexibleCard fixedSize width="300px" height="200px" margin="20px">
|
261
|
+
// <h2>Fixed Size Card</h2>
|
262
|
+
// </DynamicFlexibleCard>
|
263
|
+
|
264
|
+
// {/* Default card (full width of container) */}
|
265
|
+
// <DynamicFlexibleCard margin="10px 20px">
|
266
|
+
// <p>Default Card</p>
|
267
|
+
// </DynamicFlexableCard>
|
268
|
+
// </div>
|
269
|
+
// );
|
270
|
+
// }
|
@@ -290,3 +290,39 @@ export const Disabled = {
|
|
290
290
|
|
291
291
|
name: "Disabled",
|
292
292
|
};
|
293
|
+
|
294
|
+
export const FullScreen = {
|
295
|
+
render: () => (
|
296
|
+
<div className={styles.boxWrapper}>
|
297
|
+
<Box
|
298
|
+
fullScreen
|
299
|
+
margin={Box.margins.MEDIUM}
|
300
|
+
backgroundColor={Box.backgroundColors.PRIMARY_BACKGROUND_COLOR}
|
301
|
+
shadow={Box.shadows.XS}
|
302
|
+
border={Box.borders.DEFAULT}
|
303
|
+
borderColor={Box.borderColors.UI_BORDER_COLOR}
|
304
|
+
rounded={Box.roundeds.SMALL}
|
305
|
+
>
|
306
|
+
<h1>Fullscreen Box</h1>
|
307
|
+
</Box>
|
308
|
+
</div>
|
309
|
+
),
|
310
|
+
|
311
|
+
name: "Full Screen",
|
312
|
+
};
|
313
|
+
|
314
|
+
export const FixedSize = {
|
315
|
+
render: () => (
|
316
|
+
<div className={styles.boxWrapper}>
|
317
|
+
|
318
|
+
<Box fixedSize width="300px" height="200px" margin={Box.margins.MEDIUM} backgroundColor={Box.backgroundColors.ALL_GREY_BACKGROUND_COLOR}>
|
319
|
+
<h2>Fixed Size Box</h2>
|
320
|
+
</Box>
|
321
|
+
|
322
|
+
|
323
|
+
</div>
|
324
|
+
),
|
325
|
+
|
326
|
+
name: "Fixed Size",
|
327
|
+
};
|
328
|
+
|
@@ -64,7 +64,7 @@
|
|
64
64
|
border-color: transparent;
|
65
65
|
border-radius: var(--border-radius-medium);
|
66
66
|
transition: all var(--motion-productive-medium) ease 0ms;
|
67
|
-
padding: var(--spacing-small) var(--spacing-
|
67
|
+
padding: var(--spacing-small) var(--spacing-small);
|
68
68
|
white-space: nowrap;
|
69
69
|
overflow: hidden;
|
70
70
|
text-overflow: ellipsis;
|
@@ -94,7 +94,7 @@
|
|
94
94
|
}
|
95
95
|
|
96
96
|
.textField .inputWrapper .input.inputHasIcon {
|
97
|
-
padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-
|
97
|
+
padding: var(--spacing-small) var(--spacing-large) var(--spacing-small) var(--spacing-small);
|
98
98
|
}
|
99
99
|
|
100
100
|
.textField .inputWrapper .input.round {
|
@@ -243,7 +243,7 @@
|
|
243
243
|
}
|
244
244
|
|
245
245
|
.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon {
|
246
|
-
padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-
|
246
|
+
padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);
|
247
247
|
}
|
248
248
|
|
249
249
|
.textField .inputWrapper.wrapperSizeMedium .input.inputHasIcon.onlyUnderline {
|
@@ -275,7 +275,7 @@
|
|
275
275
|
}
|
276
276
|
|
277
277
|
.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon {
|
278
|
-
padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-
|
278
|
+
padding: var(--spacing-small) var(--spacing-xl) var(--spacing-small) var(--spacing-small);
|
279
279
|
}
|
280
280
|
|
281
281
|
.textField .inputWrapper.wrapperSizeLarge .input.inputHasIcon.onlyUnderline {
|